@font-face {
  font-family: "Gotham";
  src: url('https://bpac.in/wp-content/themes/Avada/fonts/gothamlight-webfont.woff2') format('woff2'),url('https://bpac.in/wp-content/themes/Avada/fonts/gothamlight-webfont.woff') format("woff");
  font-weight: 100;
}

@font-face {
  font-family: "Gotham";
  src: url('https://bpac.in/wp-content/themes/Avada/fonts/gothammedium-webfont.woff2') format("woff2"),url('https://bpac.in/wp-content/themes/Avada/fonts/gothammedium-webfont.woff') format("woff");
  font-weight: 500;
}



@font-face {
  font-family: 'Gotham';
  src: url('https://bpac.in/wp-content/themes/Avada/fonts/gothambook-webfont.woff2') format('woff2'), /* Modern Browsers */
     url('https://bpac.in/wp-content/themes/Avada/fonts/gothambook-webfont.woff')  format('woff');
   font-weight: 300;
 }

body{font-family: 'Gotham', sans-serif;margin: 0px;width: 100%;color:#333;font-weight: 300;    line-height: 1;}

.loader {background: none repeat scroll 0 0 #fff; position: fixed; bottom: 0; left: 0; right: 0; top: 0; width: 100%; height: 100%; z-index: 9999; } 
.loader .loader_inner {background-image: url("https://bpac.in/wp-content/themes/Avada/images/BPACLogo.gif"); background-size: contain; background-repeat: no-repeat; background-position: center center; background-color: #fff; height: 100px; width: 300px; margin-top: -30px; margin-left: -30px; left: 40%; top: 40%; position: absolute; }


.container{display: inline-block;width:100%;float:left;}
.header{display: inline-block;width: 90%;position: fixed;padding: 0px 5%;z-index: 999;background: #fff;top: 0;left:0;}
.header .logo {float: left;padding: 0%; margin: 10px 0px;display: inline-block;width: 10%; max-width: 120px;}
.header .logo a{display: inline-block;width: 100%;}
.header .logo img{width: 100%;}
.header .links{display: inline-block;float: left;width: 70%;padding: 0px 1%;text-align: center;}
.header .links ul{float: left;list-style-type: none;display: inline-block;width: 100%;font-size: 16px;padding: 30px 0%;margin: 0px;}
.header .links ul a{color: #333;text-decoration: none;width: 100%;display: inline-block;font-size: 15px;padding: 0px 8px;}
.header .links ul a:hover{color: #0072bb;}
.header .links ul li{display: inline-block;position: relative;}
.header .links ul .search-btn{margin: 0px 0px 0px 3%;}
.header .links ul .search-btn img{vertical-align: text-bottom;cursor: pointer;}
.header .links ul > li > ul{ display:none;position: absolute;width: 200px;margin: 0px;padding: 20px 0px 0px;left: 0;background: #fff;}
.header .links ul > li:hover > ul{display:inline-block;}    
.header .links ul > li:hover > ul > ul{display:none;}
.header .links ul > li > ul > li{width: 100%;}
.header .links ul > li > ul > li > a{padding: 10px 5%;text-align: left;width: 90%;font-size: 14px;}
.header .links ul > li > ul > li > a:hover{background: #0072bb; color:#fff;}
.header .links ul > li > ul > li > ul{diplay:none;left: 200px;padding: 0px;    margin: 0px 0px;}
.header .links ul > li > ul > li:hover > ul{display:inline-block;}
.header .links ul > li > ul > li > ul > li{}
.header .links ul > li > ul > li > ul > li > a{}
.header .header-left{color: #fff;background-color: #0072bb;padding: 10px 5px;display: inline-block;float: right;margin-top: 20px;width: 16%;font-size: 13px;text-align: center;line-height: 14px;}
.banner{    margin-top: 80px;}
.slider-text {  font-size: 2.5em;font-weight: bold;color: #fff;position: absolute;text-align: center;font-size: 2.5em;
    /*margin: 3vw 0 0 1.5%;*/ width: 100%;}
.slider-text-one{    font-size: 2.3em;font-weight: bold;color: #0f6fa9;position: absolute;text-align: center;margin: 1% 0% 0px 5% ;}
.slider-text-two{    font-size: 7em;font-weight: bold;color: #000;position: absolute;text-align: center;margin: 1.3% 0% 0px 5% ;}
.slider-text-three{    font-size: 1em;font-weight: bold;color: #000;position: absolute;text-align: center;margin: 2.3% 0% 0px 5.5% ;}
.slider-text-four{    font-size: 1em;font-weight: bold;color: #fff;position: absolute;text-align: center;margin: 2.5% 0% 0px 5% ;background: #0072bb;padding: 5px 30px;}
.slider-text-five{    font-size: 0.8em;font-weight: bold;color: #000;position: absolute;text-align: center;margin: 2.8% 0% 0px 5% ;}
.slider-nav1{    position: relative;
    }
.prev1{position: absolute;top: -300px;z-index: 99;left: 5px;opacity: 0.2;}
.next1{position: absolute;top: -300px;z-index: 99;right: 5px;opacity: 0.2;}
.slider{max-height: 740px;}


.about{width: 90%;display: inline-block;  background: url(https://bpac.in/home-test/images/about-bg-img.png) 0% 0% no-repeat, url(https://bpac.in/home-test/images/b-pac-logo-element-aboutus.png) 100% 0% no-repeat; background-color: #f5f3f4; position: relative;padding: 0% 5%;}
.about:after{content: " ";position: absolute;background: #f5f3f4;    display: block;    width: 100%;    height: 100%;    top: 0;    left: 0; z-index: -1;transform-origin: bottom left;transform: skew(0deg, 6deg);}
.about .left{display: inline-block;float: left;width: 55%;    margin: 0px 0px 0px 0px;text-align: center;}
.about .right{display: inline-block;float: left;width: 45%;padding: 120px 0px 0px;}
.about_us_img{width: 90%;padding: 150px 5% 100px;}

.aboutbclip{display: inline-block; width: 90%;padding: 0% 5% 0%;background: #0072bc;position: relative; z-index: 1; }
.aboutbclip:after{content: " ";position: absolute;background: #0072bc;    display: block;    width: 100%;    height: 100%;    top: 0;    left: 0; z-index: -1;transform-origin: bottom left;transform: skew(0deg, 6deg);}
.aboutbclip .aboutbclip-inner{display: inline-block;float: left;width: 90%;padding: 5%;color: #fff;background-image: url(https://bpac.in/home-test/images/b-pac-logo-element-aboutus.png);background-repeat: no-repeat;background-position: 100% 100%;}
.aboutbclip .aboutbclip-inner h3{font-size: 25px;margin: 20px 0px 20px;text-transform: uppercase;font-weight: 500;line-height: 32px;}
.aboutbclip .aboutbclip-inner h3>span{font-size: 40px;}
.aboutbclip .aboutbclip-inner p{font-size: 15px;line-height: 24px;padding: 0px 30px 0px 0px;font-weight: 300;width: 90%;}
.aboutbclip .aboutbclip-inner .knowmore .hr-program{width: calc( 100% - 200px);height: 0px;border: 1px solid #fff;float: left;    margin: 2% 2% 0px 0px;}
.aboutbclip .aboutbclip-inner .knowmore a{text-decoration: none;color: #fff;}

.aboutuber{display: inline-block;background: #000;color: #fff;width: 70%;padding: 8% 15%;float:left;}
.aboutuber h3{font-size: 30px;margin: 0px 0px;font-weight: 500;text-transform: uppercase;}
.aboutuber p{font-size: 15px;margin: 15px 0px;line-height: 24px;}
.aboutubersecond{display: inline-block;float: left;border-bottom: solid 1px #000;width: 90%;margin: 90px 5%;}
.aboutubersecond .inner{display: inline-block;width: 50%;float: left;}
.aboutubersecond .inner h3{color: #333;font-size: 20px;margin: 20px 0px;}
.aboutubersecond .inner ul{list-style: none;padding: 0px;margin: 10px 0px;}
.aboutubersecond .inner ul > li{font-size: 15px;line-height: 20px;margin: 0px 0px 10px;}
.aboutubersecond .inner ul > li > img{width: 15px;margin: 0px 10px 0px 0px;}
.aboutubersecond p{display: inline-block;font-size: 15px;line-height: 20px;margin: 30px 0px;}
.aboutuberlist{display: inline-block;width: 90%;float: left;margin: 0% 5%;}
.aboutuberlist .aboutuberlistin{display: inline-block;width: 47%;float: left;margin: 0% 3% 0 0;}
.aboutuberlist .aboutuberlistin h3{font-size: 20px;color: #000;margin: 0px 0px 30px;}
.aboutuberlist .aboutuberlistin .aboutuberlistindetails{display: inline-block;width: 100%;margin: 0px 0px 60px;}
.aboutuberlist .aboutuberlistin .aboutuberlistindetails img{width: calc( 100% - 2px);border: solid rgba(0,0,0,0.5) 1px;float: left;}
.aboutuberlist .aboutuberlistin .aboutuberlistindetails p{display: inline-block; width: 100%;float: left;margin: 15px 0px;font-size: 15px;line-height: 20px;}
.aboutuberlist .aboutuberlistin .aboutuberlistindetails a{display: inline-block;float: right;color: #000;text-decoration: none;font-size: 17px;font-weight: 600;cursor: pointer;}
.aboutuberlist .aboutuberlistin .aboutuberlistindetails a > span{display: inline-block;border: solid #000 1px;width: 30px;margin: 0px 0px 5px 10px;}
.aboutuberlogo{    display: inline-block;
    width: 90%;
    margin: 0px 5% 30px;}
.aboutuberlogo .left{    display: inline-block;
    width: 50%;
    float: left;}
.aboutuberlogo .left img{float:left;}
.aboutuberlogo .rigth{    display: inline-block;
    width: 50%;
    float: left;}
.aboutuberlogo .rigth img{float:right;}


.aboutuber-list{display: inline-block;
    width: 100%;padding: 0px 0%;}
.aboutuber-list .list{display: inline-block;
    width: 40%;float: left;padding: 0px 5%;margin: 0px 0px 15vh;}
.aboutuber-list .list .title-box{    display: inline-block;
    width: 100%;
    background-color: #000000;
    color: #fff;text-transform: uppercase;
    padding: 6vh 0%;}
    .aboutuber-list .list .title-box p{padding: 0px 6%;
    font-size: 20px;font-weight: 500;    min-height: 55px;}
.aboutuber-list .list .description{}
.aboutuber-list .list .description .title{line-height: 26px;font-size: 20px;
    text-transform: uppercase;
    color: #333;height: 40px;}
.aboutuber-list .list .description .content{    font-size: 15px;
    line-height: 22px;
    color: #9d958b;
    font-weight: 300;    min-height: 150px;}
.aboutuber-list .list  .buttons{}
.aboutuber-list .list .buttons .roundtable{display: inline-block;
    width: 44%;
    text-align: center;
    text-transform: uppercase;
    background: #000000;
    color: #fff;
    padding: 15px 0px;}
    .aboutuber-list .list .buttons .roundtable a{color: #fff;text-decoration: none;}
.aboutuber-list .list .buttons .workshop{display: inline-block;
    width: 44%;
    text-align: center;
    text-transform: uppercase;
    background: #000000;
    color: #fff;
    padding: 15px 0px;float: right;}
.aboutuber-list .list .buttons .inactive{  background: #e2e2e2;color:#8a8a8a;}
.top-stories-bmobile{display: inline-block;background-color:#6b4212;margin-top: 6%;padding-top: 5%;background-size: 100%; color:#fff;  background-position: 100% 95%;color: #fff; width: 100%;}


.top-stories-bmobile .top-stories-section-one{display: inline-block;width: 90%;padding:0% 5%;}
.top-stories-bmobile .top-stories-section-one .top-stories-header{display: inline-block;width: 100%;}
.top-stories-bmobile .title{ font-weight: 500;font-size: 40px;}
.top-stories-bmobile .hr-program{display: inline-block;width: 400px;border: 1px solid #fff;height: 0px;}
.top-stories-bmobile .top-stories-section-one .knowmore{float: left;margin-top: 2%;margin-left: 1%;}
.top-stories-bmobile .top-stories-section-one .knowmore a{text-decoration: none;color: #fff;font-weight: bold;}
.top-stories-bmobile .top-stories-section-one .description{font-size:16px;line-height: 24px;display: inline-block; width: 40%;}

.top-stories-bmobile .stories-slider{display: inline-block;width: 90%;margin-bottom: 10%;padding: 0% 5%;}

.top-stories-bmobile .stories-slider .slider-nav{text-align: right;}

.top-stories-bmobile .flexslider1 {}
.top-stories-bmobile .flexslider1 ul{}
.top-stories-bmobile .flexslider1 ul > li{}
.top-stories-bmobile .flexslider1 ul > li > a{    display: inline-block;
    width: 100%;
    padding: 0px 0% ;
    text-decoration: none;
    color: #fff;}
.top-stories-bmobile .flexslider1 ul > li > a > img{width: 97%;
    border: solid 5px #fff;}
.top-stories-bmobile .flexslider1 ul > li > a > p{  width:97%;  margin: 0px;    font-size: 16px;line-height: 24px;
    font-weight: 300;
    color: #fff;}

.champion{display: inline-block;width: 90%;padding: 5% 5% 0%;background: #f5f3f4;color: #333;}
.champion .title{margin: 120px 0px 10px;display: inline-block;width: 100%;}
.champion .title h3{display: inline-block;font-size: 30px;font-weight: 500;margin: 0px 0px;}
.champion .title a{display: inline-block;text-decoration: none;color: #333;margin: 0px 10px 0px;}
.champion .title a > span{display: inline-block;width: 400px;border: solid #333;border-width: 1px 0px;margin: 5px 5px;}
.champion .description{    display: inline-block;padding: 0px 30% 10% 0px;font-size: 15px;line-height: 22px;margin: 0px;}
.champion .stories-slider{display: inline-block;width: 100%;margin-bottom: 5%;}
.champion .stories-slider .slider-nav{    text-align: right; display: inline-block;  float: right; margin: -90px 0px 0px;  height: 10px;}
.champion .flexslider1 h4{height: 40px;font-weight: 500;line-height: 20px;}
.champion .flexslider1 p{height: 120px;font-size: 14px;
    line-height: 20px;}
.champion .flexslider1 ul > li > div > img{    display: inline-block;
    width: 100%;}
.champion .flexslider1 ul > li .knowmore .hr-program{width: calc( 100% - 130px);height: 0px;border: 1px solid #333;float: left;    margin: 8px 2% 0px 0px;}
.champion .flexslider1 ul > li .knowmore a{text-decoration: none;color: #333;font-size: 14px;}


.leaders{display: inline-block;width: 90%;padding: 5% 5% 0%;background: #fff;color: #333;}
.leaders .title{margin: 100px 0px 10px;display: inline-block;width: 100%;}
.leaders .title h3{display: inline-block;font-size: 30px;font-weight: 900;margin: 0px 0px;font-weight: 500;}
.leaders .title a{display: inline-block;text-decoration: none;color: #333;margin: 0px 10px 0px;}
.leaders .title a > span{display: inline-block;width: 400px;border: solid #333;border-width: 1px 0px;margin: 5px 5px;}
.leaders .title a > img{}
.leaders .description{    display: inline-block;padding: 0px 30% 10% 0px;font-size: 15px;line-height: 22px;margin: 0px;}
.leaders .stories-slider{display: inline-block;width: 100%;margin-bottom: 5%;}
.leaders .stories-slider .slider-nav{    text-align: right; display: inline-block;  float: right; margin: -90px 0px 0px;  height: 10px;}
.leaders .flexslider1 ul > li .knowmore .hr-program{width: calc( 100% - 130px);height: 0px;border: 1px solid #fff;float: left;    margin: 8px 2% 0px 0px;}
.leaders .flexslider1 ul > li .knowmore a{text-decoration: none;color: #fff;font-size: 14px;}
.leaders .flexslider1 {}
.leaders .flexslider1 ul{}
.leaders .flexslider1 ul > li{}
.leaders .flexslider1 ul > li > div{display: inline-block;width: 90%;
    background: #0072bb;
    padding: 5%;
    color: #fff;}
.leaders .flexslider1 ul > li > div > img{    display: inline-block;
    width: 100%;min-height:224px;max-height:224px;}
.leaders .flexslider1 ul > li > div > h4{    display: inline-block;
    font-size: 17px;font-weight: 500;
    margin: 5px 0px 10px;min-height:45px;}
.leaders .flexslider1 ul > li > div > p{    display: inline-block;
    margin: 0px 0px 30px;
    font-size: 14px;line-height: 22px;
    font-weight: 200;height: 90px;overflow-y: hidden;}
.leaders .flexslider1 ul > li > div > a{display: inline-block;
    float: right;
    margin: 10px 0px 0px;
    text-decoration: none;
    color: #fff;}
.leaders .flexslider1 ul > li > div > a > span{display: inline-block;
    border: #fff solid;
    width: 50px;
    border-width: 1px 0px 0px;
    margin: 0px 5px 5px;}

.advisory{display: inline-block;width: 90%;padding: 5% 5% 5%;color: #333;}
.advisory .title{margin: 10px 0px 10px;display: inline-block;width: 100%;}
.advisory .title h3{display: inline-block;font-size: 30px;font-weight: 500;margin: 0px;}
.advisory .title a{display: inline-block;text-decoration: none;color: #333;margin: 0px 10px 0px;}
.advisory .title a > span{display: inline-block;width: 400px;border: solid #000;border-width: 1px 0px;margin: 5px 5px;}
.advisory .description{    display: inline-block;padding: 0px 30% 2% 0px;font-size: 15px;line-height: 24px;margin: 0px;}
.advisory .advisory-slider .slider-nav{text-align: right; height: 60px;cursor: pointer;}
.advisory .advisory-slider .slides img{width: 100%;float: left;}
.advisory .advisory-slider .slides .advisory-detail{display: inline-block;
    background-image: linear-gradient(to bottom,  #f5f3f4 50%, transparent 50%);
    background-size: 200% 200%;    min-height: 80px;
    transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
width: 100%;border-bottom: 2px solid #0072bb;}
.advisory .advisory-slider .slides .advisory-detail .title{text-align: center; margin: 0px; padding: 20px 0px 0px;font-weight: 700;}
 .advisory .advisory-slider .slides .advisory-detail .designation{text-align: center;margin: 0px;padding: 5px 0px 10px;font-size: 12px;}
.advisory .advisory-slider ul > li > div:hover >  .advisory-detail{color: #fff;  background-image: 
linear-gradient(to top, #0072bb 51%, transparent 50%);background-position: 0 100%;transition: background-position 300ms, color 300ms ease, border-color 300ms ease;}
 .bclipdash{display: inline-block; width: 90%; padding: 0px 5% 5%; background: #fff;    position: relative; color: #333;z-index: 1;}
.bclipdash:after{content: " ";position: absolute;background: #fff;    display: block;    width: 100%;    height: 100%;    top: 0;    left: 0; z-index: -1;transform-origin: bottom left;transform: skew(0deg, 6deg);} 
.bclipdash h3{font-weight: 500;font-size: 30px;text-transform: uppercase;}
.bclipdash .section-one{width: 100%;display: inline-block;float: left;}
.bclipdash .section-one .left{width: 36%;padding: 2%;display: inline-block;float: left;-webkit-box-shadow: 0px 1px 5px 0px rgba(222,222,222,1); -moz-box-shadow: 0px 1px 5px 0px rgba(222,222,222,1); box-shadow: 0px 1px 5px 0px rgba(222,222,222,1);}
.bclipdash .section-one .left .one{width: 50%;display: inline-block;float: left;line-height: 22px; font-size: 17px; font-weight: 500;} .bclipdash .section-one .left .one a{color: #333;text-decoration: none;}
.bclipdash .section-one .left .two{width: 50%;display: inline-block;float: left;color: #0072bb;font-weight: 500;}
.bclipdash .section-one .left .two p:nth-of-type(1){font-size: 20px;margin: 0px 0px 5px;}
.bclipdash .section-one .left .two p:nth-of-type(2){font-size: 14px;margin: 0;}
.bclipdash .section-one .right{width: 55%;display: inline-block;float: left;padding: 2%;    margin: 0px 0px 0px 1%;-webkit-box-shadow: 0px 1px 5px 0px rgba(222,222,222,1); -moz-box-shadow: 0px 1px 5px 0px rgba(222,222,222,1); box-shadow: 0px 1px 5px 0px rgba(222,222,222,1);}
.bclipdash .section-one .right .one{width: 50%;display: inline-block;float: left;font-size: 17px; font-weight: 500; line-height: 22px;}
.bclipdash .section-one .right .two{width: 50%;display: inline-block;float: left;}
.bclipdash .section-one .right .two p{font-size: 22px; font-weight: 500; color: #0072bb; margin: 0px; line-height: 44px;}
.bclipdash .dashboard-p{font-weight: 500;font-size: 20px;display: inline-block;margin: 20px 0px;}
.bclipdash .section-two{width: 100%;display: inline-block;float: left;}
.bclipdash .section-two .box{width: 28.6%;display: inline-block;float: left;-webkit-box-shadow: 0px 1px 5px 0px rgba(222,222,222,1); -moz-box-shadow: 0px 1px 5px 0px rgba(222,222,222,1); box-shadow: 0px 1px 5px 0px rgba(222,222,222,1);margin: 0px 0% 10px;padding: 2%;}
.bclipdash .section-two .box:nth-of-type(2){margin: 0px 1% 10px}
.bclipdash .section-two .box:nth-of-type(5){margin: 0px 1% 10px}
.bclipdash .section-two .box .left{width: 50%;float: left;display: inline-block;font-size: 17px; font-weight: 500;}
.bclipdash .section-two .box p{margin: 0px;height: 35px;display: table-cell;vertical-align: middle;}
.bclipdash .section-two .box .right{width: 50%;float: left;display: inline-block;font-size: 22px; font-weight: 500; color: #0072bb;text-align: center;}



 .howtojoin{    display: inline-block;
    background: #0072bb;
    width: 90%;
    padding: 2% 5%;
    color: #fff;}
 .howtojoin h3{    display: inline-block;
    font-size: 30px;text-transform: uppercase;
    font-weight: 500;
    margin: 40px 0px 0px;}
 .howtojoin h4{    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    margin: 10px 0px 0px;
    width: 100%;}
 .howtojoin ul{    display: inline-block;
    width: calc( 100% - 25px );
    padding: 0px 0px 0px 25px;}
 .howtojoin ul > li{    font-size: 15px;line-height: 22px;
    margin: 0px 0px 15px;}
 .howtojoin a{    background: #fff;
    color: #0072bb;
    text-decoration: none;
    font-size: 20px;
    padding: 10px 30px;
    display: inline-block;
    margin: 0px 0px 40px;}

.bclipcontact-us{display: inline-block;float: left;width: 80%;padding: 5% 10%;}
.bclipcontact-us h3{font-weight: 500;font-size: 30px;text-transform: uppercase;}
.bclipcontact-us .name{border:none;outline: none; border-bottom: 1px solid #0072bb;background-color: transparent;color: #0072bb;display: inline-block;float: left;width: 100%;margin: 0px 0px 50px;font-size: 15px;}
.bclipcontact-us .name::placeholder{color: #0072bb;}
.bclipcontact-us .send{display: inline-block;float: left;width: 100%;text-align: right;}
.bclipcontact-us .send .submit{color: #fff;background-color: #0072bb;padding: 15px 50px;outline: none;border: none;text-transform: uppercase;background-image: url(https://bpac.in/home-test/images/arrow-white.png); background-repeat: no-repeat; background-position: 80% 50%;}


.bclipnav{    display: inline-block;
    width: 90%;
    margin: -35px 5% 0px;
    background: #fff;
    position: relative;
    box-shadow: rgba(0,0,0,0.3) 0px -2px 2px;}
.bclipnav .left{    display: inline-block;
    width: 80%;
    float: left;}
.bclipnav .left ul{    display: inline-block;
    width: 100%;
    padding: 0px;
    margin: 0px;
    list-style: none; text-align: center;}
.bclipnav .left ul > li{    display: inline-block;
    font-size: 14px;}
.bclipnav .left ul > li > a{     display: inline-block;
    text-decoration: none;
    color: #000;
    font-size: 14px;
    padding: 25px 15px;
    font-weight: 300;}
.bclipnav .right{    display: inline-block;
    float: right;
    width: 20%;
    text-align: center;}
.bclipnav .right a{    background: #0072bb;
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
    display: inline-block;
    margin: 15px 10px;}

.navadd{position: fixed;
    top: 80px;
    margin: 0px;
    z-index: 99999;
    left: 5%;
    box-shadow: rgba(0,0,0,0.5) 0px 0px 2px;}

.float-left{float: left;}
.programs{display: inline-block;width: 90%;padding:0% 5%;margin-top: 7%; background: url(https://bpac.in/home-test/images/b-pac-logo-element.png);background-repeat: no-repeat;background-position: 10% 100%;}
.programs .program-section-one{display: inline-block;width: 100%;}
.programs .title{ font-weight: 500; font-size: 40px; text-transform: uppercase;}
 .programs .hr-program{display: inline-block;width: 400px;border: 1px solid #000;height: 0px;}
.programs .program-section-one .knowmore{float: left;margin-top: 3%;margin-left: 1%;}
.programs .program-section-one .knowmore a{text-decoration: none;color: #000;font-weight: bold;}
.programs .program-section-one p{float: left; padding-right: 50%; font-size: 15px; line-height:22px;}

.program-section-two a{    text-decoration: none;
    color: #000;}
.program-section-two .one-box {width: 100%;display: inline-block; float: left; }

.program-section-two .one-box .bsafe{background-color: #D53C42;display: inline-block;padding: 11% 5% 11% 15%;position: relative;margin-right: 2%;float: left;width: 80%;}
.program-section-two .one-box .red-box{display: inline-block;width: 24%;float: left;margin: 0% 1% 4% 0;}
.program-section-two .one-box .bsafe:after{content: " ";position: absolute;background: #D53C42; display: block;    width: 100%;    height: 100%;    top: 0;    left: 0; z-index: 0;transform-origin: bottom right;transform: skew(0deg, -15deg);}
.program-section-two .one-box .bsafe .title{margin: 25px 0px 5px;color: #fff;font-size: 22px;position: relative;z-index: 1;}
.program-section-two .one-box .bsafe .description{margin: 0px;color: #fff;font-size: 14px;position: relative;z-index: 1;min-height: 45px;}
.font-14{line-height: 18px; font-size: 14px;}
.program-section-two .one-box .yellow-box{ display: inline-block;width: 24%;float: left;margin: 0% 1% 0 0;}
.program-section-two .one-box .bproud{background-color: #F9C700;display: inline-block;padding: 11% 5% 11% 15%;position: relative;margin-right: 2%;float: left;width: 80%;}
.program-section-two  .one-box .bproud:after{content: " ";
    position: absolute;
    background: #F9C700;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    transform-origin: bottom right;
    transform: skew(0deg, -15deg);}
.program-section-two .one-box .bproud .title{margin: 25px 0px 5px;color: #fff;font-size: 22px;position: relative;z-index: 1;}
.program-section-two .bproud .description{margin: 0px;color: #fff;font-size: 14px;position: relative;z-index: 1;    min-height: 45px;}

.program-section-two .one-box .green-box{ display: inline-block; width: 24%; float: left; margin: 0% 0% 4% 0%; position: relative; z-index: 1;}
.program-section-two .one-box .bgreen{background-color: #8CC63E;display: inline-block;padding: 11% 5% 11% 15%;position: relative;margin-right: 2%;float: left;width: 80%;}
.program-section-two .one-box .bgreen:after{content: " ";position: absolute;background: #8CC63E; display: block;    width: 100%;    height: 100%;    top:0px;    left: 0; z-index: -1;transform-origin: bottom left;transform: skew(0deg, 15deg);}
.program-section-two .one-box .bgreen .title{    margin: 25px 0px 5px;color: #fff;font-size: 22px;position: relative;z-index: 1;}
.program-section-two .one-box .bgreen .description{margin: 0px;color: #fff;font-size: 14px;position: relative;z-index: 1;    min-height: 45px;}

.font-12{font-size: 12px;}
.program-section-two .one-box .red-box .bsafe-text{display: inline-block;width: 100%;
    margin-top: 30%;margin-right:0%;       min-height: 170px;  }
.program-section-two .one-box .yellow-box .bproud-text{display: inline-block;width: 100%;
    margin-top: 30%;margin-right:0%;     min-height: 170px;}
.program-section-two .one-box .green-box .bgreen-text{display: inline-block;width: 100%;
    margin-top: 30%;margin-right:0%;     min-height: 170px;}
 .red-hr{float: left;width: calc(100% - 120px);border: 1px solid #d53c42;height: 0px;margin-top: 2%; }
 .yellow-hr{float: left;width: calc(100% - 120px);border: 1px solid #F9C700;height: 0px;margin-top: 2%; }
 .green-hr{float: left;width: calc(100% - 120px);border: 1px solid #8CC63E;height: 0px;margin-top: 2%; }
 .program-img{    display: inline-block;    margin-top: 10%;width: 25%;float: left;}

 .program-section-two .one-box .bclip{background-color: #0077BD;display: inline-block;padding: 11% 5% 11% 15%;position: relative;margin-right: 0%;float: left;width: 80%;}
.program-section-two .one-box .blue-box{display: inline-block;width:24%;float: left;margin: 0% 1% 4% 0%;}
.program-section-two .one-box .bclip:after{content: " ";position: absolute;background: #0077BD; display: block;    width: 100%;    height: 100%;    top: 0;    left: 0; z-index: 0;transform-origin: bottom right;transform: skew(0deg, -15deg);}
.program-section-two .one-box .bclip .title{margin: 25px 0px 5px;color: #fff;font-size: 22px;position: relative;z-index: 1;}
.program-section-two .one-box .bclip .description{margin: 0px;color: #fff;font-size: 14px;position: relative;z-index: 1; min-height: 45px;}
.program-section-two .one-box .blue-box .bclip-text{display: inline-block;width: 100%;
    margin-top: 30%;margin-right:0%;}
 .blue-hr{float: left;width: calc(100% - 120px);border: 1px solid #0077BD;height: 0px;margin-top: 2%; }

.program-section-two .one-box .pdp{background-color: #ED8F1F;display: inline-block;padding: 11% 5% 11% 15%;position: relative;margin-right: 0%;float: left;width: 80%;}
.program-section-two .one-box .orange-box{display: inline-block;width: 24%;float: left;margin: 0% 1% 4% 0%;}
.program-section-two .one-box .pdp:after{content: " ";position: absolute;background: #ED8F1F; display: block;    width: 100%;    height: 100%;    top: 0;    left: 0; z-index: 0;transform-origin: bottom left;transform: skew(0deg, 15deg);}
.program-section-two .one-box .pdp .title{margin: 25px 0px 5px;color: #fff;font-size: 22px;position: relative;z-index: 1;}
.program-section-two .one-box .pdp .description{margin: 0px;color: #fff;font-size: 14px;position: relative;z-index: 1;    min-height: 45px;}
.program-section-two .one-box .orange-box .pdp-text{display: inline-block;width: 100%;
    margin-top: 30%;margin-right:0%;}
 .orange-hr{float: left;width: calc(100% - 120px);border: 1px solid #ED8F1F;height: 0px;margin-top: 2%; }

.program-section-two .one-box .bmobile{background-color: #AEAFAF;display: inline-block;padding: 11% 5% 11% 15%;position: relative;margin-right: 2%;    float: left;    width: 80%;    }
.program-section-two .one-box .grey-box{display: inline-block;width: 24%;float: left;margin: 0% 1% 0% 0%;}
.program-section-two .one-box .bmobile:after{content: " ";position: absolute;background: #AEAFAF; display: block;    width: 100%;    height: 100%;    top: 0;    left: 0; z-index: 0;transform-origin: bottom right;transform: skew(0deg, -15deg);}
.program-section-two .one-box .bmobile .title{margin: 25px 0px 5px;color: #fff;font-size: 22px;position: relative;z-index: 1;}
.program-section-two .one-box .bmobile .description{margin: 0px;color: #fff;font-size: 14px;position: relative;z-index: 1;    min-height: 45px;}
.program-section-two .one-box .grey-box .bmobile-text{display: inline-block;width: 100%;margin-top: 30%;margin-right: 0%;min-height:170px; }
 .grey-hr{float: left;width: calc(100% - 120px);border: 1px solid #AEAFAF;height: 0px;margin-top: 2%;  }
.program-img img{width: 85%;}


.program-section-two .one-box .bclip1{background-color: #99601d;display: inline-block;padding: 11% 5% 11% 15%;position: relative;margin-right: 0%;float: left;width: 80%;}
.program-section-two .one-box .blue-box1{display: inline-block;width:24%;float: left;margin: 0% 1% 0% 0%;}
.program-section-two .one-box .bclip1:after{content: " "; position: absolute; background: #99601d; display: block; width: 100%; height: 100%; top: 0; left: 1px; z-index: 0; transform-origin: bottom left; transform: skew(0deg, 15deg);}
.program-section-two .one-box .bclip1 .title{margin: 25px 0px 5px;color: #fff;font-size: 22px;position: relative;z-index: 1;}
.program-section-two .one-box .bclip1 .description{margin: 0px;color: #fff;font-size: 14px;position: relative;z-index: 1; min-height: 45px;}
.program-section-two .one-box .blue-box1 .bclip-text1{display: inline-block;width: 100%;
    margin-top: 30%;margin-right:0%;}
 .blue-hr1{float: left;width: calc(100% - 120px);border: 1px solid #99601d;height: 0px;margin-top: 2%; }



.impact{margin-top:5%;background: url(https://bpac.in/home-test/images/logo-impact.png);background-repeat: no-repeat;    background-position: 100%;margin-bottom: 5%;}
.impact .title{font-size: 3em;padding-left: 10%;font-weight: bold;}
.impact .impact-one{margin-bottom: 5%;    margin-top: 5%;}
.impact .impact-one .impact-bsafe{display: inline-block;margin-left: 10%;    width: 25%;}
.impact .impact-one .impact-bsafe .red-line{height: 170px;width: 0px;border: 2px solid #d53c41;float: left;    margin-right: 5%;}
.impact .impact-one .impact-bsafe .sub-title{font-size: 3em;font-weight: bold;margin: 0px;color: #d53c41;}
.impact .impact-one .impact-bsafe .sub-description{font-weight: bold;margin: 0px;
    font-size: 2em;color: #d53c41;}
.impact .impact-one .impact-bsafe .sub-description-one{font-weight: bold;margin-bottom: 0px;
    font-size: 16px;}
.impact .impact-one .impact-bsafe .sub-description-two{font-weight: bold;    margin: 10px;
    font-size: 13px;}
.impact .impact-one .impact-bsafe .sub-description-three{font-weight: bold;    margin: 0px;
    font-size: 13px;}

.impact .impact-one .impact-proud{display: inline-block;margin-left: 5%;    width: 30%;}
.impact .impact-one .impact-proud .yellow-line{height: 170px;width: 0px;border: 2px solid #f8c700;float: left;    margin-right: 5%;}
.impact .impact-one .impact-proud .sub-title{font-size: 3em;font-weight: bold;margin: 0px;color: #f8c700;}
.impact .impact-one .impact-proud .sub-description{font-weight: bold;margin: 0px;
    font-size: 2em;color: #f8c700;}
.impact .impact-one .impact-proud .sub-description-one{font-weight: bold;margin-bottom: 0px;
    font-size: 16px;}
.impact .impact-one .impact-proud .sub-description-two{font-weight: bold;    margin: 10px;
    font-size: 13px;}
.impact .impact-one .impact-proud .sub-description-three{font-weight: bold;    margin: 0px;
    font-size: 13px;}

.impact .impact-two .impact-green{display: inline-block;margin-left: 11.5%;    width: 24%;}
.impact .impact-two .impact-green .green-line{height: 170px;width: 0px;border: 2px solid #8CC63E;float: left;    margin-right: 5%;}
.impact .impact-two .impact-green .sub-title{font-size: 3em;font-weight: bold;margin: 0px;color: #8CC63E;}
.impact .impact-two .impact-green .sub-description{font-weight: bold;margin: 0px;
    font-size: 2em;color: #8CC63E;}
.impact .impact-two .impact-green .sub-description-one{font-weight: bold;margin: 0px;
    font-size: 2em;color: #8CC63E;}
.impact .impact-two .impact-green .sub-description-two{font-weight: bold;    margin: 10px;
    font-size: 13px;}
.impact .impact-two .impact-green .sub-description-three{font-weight: bold;    margin: 0px;
    font-size: 13px;}

.impact .impact-two .impact-img{display: inline-block;margin-left: 13%;}
.impact .impact-two .impact-clip{display: inline-block;margin-left: 5%;    width: 26%;}
.impact .impact-two .impact-clip .blue-line{height: 170px;width: 0px;border: 2px solid #0077BD;float: left;    margin-right: 5%;}
.impact .impact-two .impact-clip .sub-title{font-size: 3em;font-weight: bold;margin: 0px;color: #0077BD;}
.impact .impact-two .impact-clip .sub-description{font-weight: bold;margin: 0px;
    font-size: 2em;color: #0077BD;}
.impact .impact-two .impact-clip .sub-description-one{font-weight: bold;margin-bottom: 0px;
    font-size: 16px;}
.impact .impact-two .impact-clip .sub-description-two{font-weight: bold;    margin: 10px;
    font-size: 13px;}
.impact .impact-two .impact-clip .sub-description-three{font-weight: bold;    margin: 0px;
    font-size: 13px;}

.impact .impact-three{margin-top: 5%;}
.impact .impact-three .impact-pdp{display: inline-block;margin-left: 10%;    width: 25%;}
.impact .impact-three .impact-pdp .orange-line{height: 170px;width: 0px;border: 2px solid #ED8F1F;float: left;    margin-right: 5%;}
.impact .impact-three .impact-pdp .sub-title{font-size: 3em;font-weight: bold;margin: 0px;color: #ED8F1F;}
.impact .impact-three .impact-pdp .sub-description{font-weight: bold;margin: 0px;
    font-size: 2em;color: #ED8F1F;}
.impact .impact-three .impact-pdp .sub-description-one{font-weight: bold;margin-bottom: 0px;
    font-size: 13px;}
.impact .impact-three .impact-pdp .sub-description-two{font-weight: bold;    margin: 10px;
    font-size: 13px;}
.impact .impact-three .impact-pdp .sub-description-three{font-weight: bold;    margin: 0px;
    font-size: 13px;}

.impact .impact-three .impact-mobile{display: inline-block;margin-left: 5%;    width: 30%;}
.impact .impact-three .impact-mobile .grey-line{height: 170px;width: 0px;border: 2px solid #AEAFAF;float: left;    margin-right: 5%;}
.impact .impact-three .impact-mobile .sub-title{font-size: 3em;font-weight: bold;margin: 0px;color: #AEAFAF;}
.impact .impact-three .impact-mobile .sub-description{font-weight: bold;margin: 0px;
    font-size: 2em;color: #AEAFAF;}
.impact .impact-three .impact-mobile .sub-description-one{font-weight: bold;margin-bottom: 0px;
    font-size: 16px;}
.impact .impact-three .impact-mobile .sub-description-two{font-weight: bold;    margin: 10px;
    font-size: 13px;}
.impact .impact-three .impact-mobile .sub-description-three{font-weight: bold;    margin: 0px;
    font-size: 13px;}

.top-stories{display: inline-block;background-image: url('https://bpac.in/home-test/images/top-story-bg.jpg');background-repeat: no-repeat;position: relative;margin-top: 11%;padding-top: 4%;background-size: 100%;   background-position: 100% 95%;}
.top-stories:after{content: " ";position: absolute;background-image: url('https://bpac.in/home-test/images/top-story-bg.jpg'); display: block;    width: 100%;    height: 100%;    top: 0;    left: 0; z-index: -1;transform-origin: top left;transform: skew(0deg, -6deg);background-position: 81% 50%;
    background-size: 100%;}

.top-stories .top-stories-section-one{display: inline-block;width: 90%;padding:0% 5%;}
.top-stories .top-stories-section-one .top-stories-header{display: inline-block;width: 100%;}
.top-stories .title{ font-weight: 500;font-size: 40px;}
.top-stories .hr-program{display: inline-block;width: 400px;border: 1px solid #000;height: 0px;}
.top-stories .top-stories-section-one .knowmore{float: left;margin-top: 1.5%;margin-left: 1%;}
.top-stories .top-stories-section-one .knowmore a{text-decoration: none;color: #000;font-weight: bold;}
.top-stories .top-stories-section-one .description{font-size:16px;line-height: 24px;display: inline-block; width: 40%;}

.top-stories .stories-slider{display: inline-block;width: 100%;margin-bottom: 10%;}

.top-stories .stories-slider .slider-nav{text-align: right;}

.top-stories .flexslider1 {}
.top-stories .flexslider1 ul{}
.top-stories .flexslider1 ul > li{}
.top-stories .flexslider1 ul > li > a{    display: inline-block;
    width: 100%;
    padding: 0px 0% ;
    text-decoration: none;
    color: #fff;}
.top-stories .flexslider1 ul > li > a > img{width: 97%;height: 260px;
    border: solid 5px #fff;}
.top-stories .flexslider1 ul > li > a > p{  width:97%;  margin: 0px;    font-size: 15px;
    font-weight: 500; color: #0f76b9;line-height: 20px;}

.initiative{background-image: url('https://bpac.in/home-test/images/special-initiatives-img.jpg');background-repeat: no-repeat;}
.initiative .initiative-section-one{display: inline-block;padding-left: 5%;width: 95%;padding-top: 5%;}
.initiative .title{ font-weight: bold;font-size: 4em;color: #fff;}
.initiative .hr-program{display: inline-block;width: 200px;border: 1px solid #fff;height: 0px;}
.initiative .initiative-section-one .knowmore{float: left;margin-top: 3%;margin-left: 1%;}
.initiative .initiative-section-one .knowmore a{text-decoration: none;color: #fff;font-weight: bold;}
.initiative .top-stories-section-one .description{font-size: 16px;line-height: 24px;display: inline-block;
    width: 40%;}
.initiative .initiative-section-two{margin-bottom: 7%;display: inline-block;}
.initiative-section-two .left{width: 45%;display: inline-block;float: left;}
.initiative-section-two .left p{color: #fff;font-size: 16px;line-height: 24px;padding-left: 11%;}
.initiative-section-two .right{width: 45%;display: inline-block;margin-left: 10%;margin-top: 2%;}
.initiative-section-two .right .purple{width: 45%;display: inline-block;background-color: #8d5abf;float: left;}
.initiative-section-two .right .purple .title{font-size: 1.5em;color: #fff;padding: 0px 15px;}
.initiative-section-two .right .purple .description{font-size: 16px;color: #fff;line-height: 24px;padding: 0px 15px;}
.margin-top-none{margin-top: 0px;} .margin-bottom-none{margin-bottom: 0px;}
.initiative-section-two .right .blue{width: 45%;display: inline-block;background-color: #0072bb;margin-left: 3%;display: none;}
.initiative-section-two .right .blue .title{font-size: 1.5em;color: #fff;padding: 0px 15px;}
.initiative-section-two .right .blue .description{font-size: 16px;color: #fff;line-height: 24px;padding: 25px 15px 0px 15px;}
.initiative-section-two .right .blue .knowmore{font-size: 16px;color: #fff;text-align: right;padding: 0px 15px;}
.initiative-section-two .right .purple .knowmore{font-size: 16px;color: #fff;text-align: right;padding: 0px 15px;}


.media{display: inline-block;background-image: url(https://bpac.in/home-test/images/media-logo.png);   background-repeat: no-repeat;background-size: 40%;background-color: #f5f3f4;position: relative;    padding-top: 4%;    background-position: 98% 65%;    min-height: 650px;z-index: 1; }
.media:after{content: " ";position: absolute;background: #f5f3f4;background-size: 40%;  background-image: url(https://bpac.in/home-test/images/media-logo.png);  background-repeat: no-repeat; background-position: 98% 65%;display: block;    width: 100%;    height: 100%;    top: 0;    left: 0; z-index: -1;transform-origin: bottom right;transform: skew(0deg, -6deg);}
.media .media-section-one{display: inline-block;padding-left: 5%;width: 95%;}
.media .title{ font-weight: 500;font-size: 40px;}
.media .hr-program{display: inline-block;width: 400px;border: 1px solid #000;height: 0px;}
.media .media-section-one .knowmore{float: left;margin-top: 1%;margin-left: 1%;}
.media .media-section-one .knowmore a{text-decoration: none;color: #000;font-weight: 500;}
.media .media-section-one .description{font-size:16px;line-height: 24px;display: inline-block; width: 50%;}
.media .media-section-two{display: inline-block;width: 90%;margin-left: 8%;margin-top: 5%;}
.media .media-section-two .left{display: inline-block;width: 50%;float: left;}
.media .media-section-two .right{display: inline-block;width: 45%;float: left;}
.media-section-two .right .blue-box{background-color:#0072bb;display: inline-block;padding: 6% 6% 4% 6%; }
.media-section-two .right .blue-box .img{display: inline-block;float: left;margin-right: 3%;}
.media-section-two .right .blue-box .text .title{font-size: 1.3em;color: #fff;margin: 0px;}
.media-section-two .right .blue-box .text .description{font-size: 16px;color: #fff;line-height: 22px;}
.media-section-two .right .blue-box .text  .knowmore {text-align: right; margin-top: 10%;}
.media-section-two .right .blue-box .text  .knowmore a{font-weight: bold;font-size: 16px;color: #fff;text-decoration: none;}
.media ul{display: inline-block;
    list-style: none;
    width: 90%;
    margin: 0px 0%;
    padding: 0px 5%;}
.media ul > li{    display: inline-block;
    width: 33.33%;
    float: left;}
.media ul > li > a{display: inline-block;
    width: 90%;
    padding: 5%;
    text-decoration: none;}
.media ul > li > a > img{height: 300px;width: 100%;
    float: left;}
.media ul > li > a > h4{display: inline-block; width: 100%; margin: 10px 0px; color: #000; font-size: 15px; font-weight: 400; line-height: 20px;}
.media ul > li > a > h5{    display: inline-block;
    width: 100%;
    margin: 0px 0px;
    color: #000;
    font-size: 15px;
    font-weight: 300;
    line-height: 20px;}

.partner{display:inline-block;background-image: url('https://bpac.in/home-test/images/our-partner-bg.jpg');background-repeat: no-repeat;width: 90%;padding:20% 5% 10% 5%;}
.partner .partner-section-one{display: inline-block;width: 100%;}
.partner .title{ font-weight: bold;font-size: 3em;color: #fff}
.partner .partner-section-one .description{font-size:16px;line-height: 24px;display: inline-block; width: 40%;color: #fff}
.partner .partner-section-two{display: inline-block;width: 100%;margin-top: 3%;}
.partner .partner-section-two .hr-partner{display: inline-block;width: 200px;border: 1px solid #fff;height: 0px;margin-top: 7px;margin-left: 1%;}
.partner .partner-section-two .event-partner{display: inline-block;float: left;color: #fff;font-weight: bold;padding: 0px 0px 20px 0px;}
.partner .partner-section-two .partner-img{display: inline-block;width: 100%;}
.partner .partner-section-two .partner-img img{margin-right: 1%;width: 95%;}
.partner .partner-section-two .seeall{text-align: right;padding-right: 5%;}
.partner .partner-section-two .seeall a{text-decoration: none;color: #fff;font-weight: bold;font-size: 16px;}

.contact{display: inline-block;padding:0% 5% 0;width: 90%;}
.contact .left{display: inline-block;width: 60%;float: left;margin: 0px 5% 0px 0px;}
.contact .left .title{font-size: 40px;color:#000;font-weight: 500;padding: 15% 0px 0px;}
.contact .left iframe{margin-bottom: 5%;}
.contact .left .address{font-size: 18;color:#000;margin-top:10px;}
.contact .right{display: inline-block;width: 35%;padding-top:25%;background-image: url('https://bpac.in/home-test/images/form-bg.jpg');background-repeat: no-repeat;background-position: 0% 0%;background-size: cover;min-height: 565px;}
.contact .right .input-box input{border: none;border-bottom: 1px solid;width: 100%;font-size: 18px;    background: transparent;color: #fff;margin-bottom: 15%;height: 30px;}
.contact .right .input-box input:focus{outline: none;}
.contact .right .input-box input::placeholder {color: #fff;}
.contact .right .input-box {padding: 0px 50px;}
.contact .right .sub-btn{display: inline-block;margin-left: 15%;width: 25%;}
.contact .right .sub-btn input{padding: 22px 100%;font-size: 20px;background-color: #fff;color: #147dc1;    outline: none;border: none;margin-bottom: 10%;font-weight: bold;}

footer{margin-top: -2px;}
footer .footer-section-one{    display: inline-block; width: 90%; padding: 5% 5%; background-image: url(https://bpac.in/home-test/images/bpac-footer-img.png); background-repeat: no-repeat; background-color: rgb(0, 0, 0,0.8); background-size: 100% 100%; float: left;}
footer .footer-section-one .one{display: inline-block;width: 18%;float: left;text-transform: uppercase;}
footer .footer-section-one .one .title{font-size: 18px;color: #fff;margin: 0px 0px 30px;}
footer .footer-section-one .link{margin: 0px;padding: 0px 0px 5px;    line-height: 20px;}
footer .footer-section-one .one .link a{color: #fff;font-size: 13px;text-decoration: none;}
.footer-box-two{padding-left: 5%;width: 25%;}
footer .footer-section-one .three{display: inline-block;width: 17%;float: left;}
footer .footer-section-one .three .title{font-size: 18px;color: #fff;margin: 0px 0px 30px;text-transform: uppercase;}
footer .footer-section-one .three .emial-input input{    height: 60px;width: 75%;display: inline-block;    float: left;background: rgba(255,255,255,0.2);border: none;font-size: 30px; color: #fff;}

footer .footer-section-one .two{display: inline-block;width: 25%;float: left;text-transform: uppercase;}
footer .footer-section-one .two .title{font-size: 18px;color: #fff;margin: 0px 0px 30px;}
footer .footer-section-one .two .left,footer .footer-section-one .two .right{    display: inline-block; float: left; width: 50%;}
footer .footer-section-one .two .link a{color: #fff;font-size: 13px;text-decoration: none;}
.footer-box-two{padding-left: 5%;width: 25%;}
footer .footer-section-one .address{display: inline-block;width: 22%;float: left;text-transform: uppercase;}
footer .footer-section-one .address .title{font-size: 18px;color: #fff;margin: 0px 0px 30px;}
footer .footer-section-one .address .add{color: #fff;font-size: 13px;line-height: 22px;}
footer .footer-section-one .three .emial-input button{background-image: url('https://bpac.in/home-test/images/newsletter-button.jpg');width: 84px;height: 62px; border: none;background-position: 0px;}
footer .footer-section-one .three .icons{color: #fff;margin-right: 15px;}
footer .footer-section-one .three .icons i{color: #fff;margin-right: 5px;cursor: pointer;font-size: 25px;}
footer .footer-section-one .three .icons i:hover{color: #0077BD;}
footer .footer-bottom{background: #000;display: inline-block;width: 100%;padding: 10px 0px;    margin: 0px; float: left;}
footer .footer-bottom .bpac{width: 50%; color: #fff; text-align: left; font-size: 13px; margin-top: 0px; float: left; padding: 5px 10px 0px;}
footer .footer-bottom .logo{    display: inline-block; width: 40%; float: right; text-align: right;}
footer .footer-bottom .logo a{color: #fff; text-decoration: none; font-size: 12px;
    padding: 0px 20px;}
footer .footer-bottom .logo a > img{ }


.social-media{ display: none !important;width: 4%;position: fixed;margin-top: 11%;z-index: 11;}
.social-media a img{width: 50px;}   

.about .right .title{font-size: 30px;font-weight: 500;}
.about .right .title span{font-size: 50px;color: #006dc2;}
.about .right .description{font-size: 15px;padding: 0;line-height: 22px;}
.about .right .knowmore{}   
.about .right .knowmore .hr-program{width: 150px;height: 0px;border: 1px solid #333;float: left;    margin-top: 1.8%;margin-right: 5px}
.about .right .knowmore a{text-decoration: none;color: #333;font-size: 14px;}


/*.about{width: 90%;display: inline-block;  background: url(https://bpac.in/home-test/images/about-bg-img.png) 0% 0% no-repeat, url(https://bpac.in/home-test/images/b-pac-logo-element-aboutus.png) 100% 0% no-repeat; background-color: #f5f3f4; position: relative;padding: 0% 5%;margin: -5px 0px 0px;}
.about:after{content: " ";position: absolute;background: #f5f3f4;    display: block;    width: 100%;    height: 100%;    top: 0;    left: 0; z-index: -1;transform-origin: bottom left;transform: skew(0deg, 6deg);}
.about .left{display: inline-block;float: left;width: 50%;    margin: 0px 0px 0px -90px;}
.about .right{display: inline-block;float: left;width: 50%;}
.about_us_img{width: 100%;max-width: 400px;margin: 180px -90px 0px 0px;float: right;}
.about .right{background-image: url(https://bpac.in/home-test/images/about-bg.png); background-repeat: no-repeat; background-size: 100% 100%; margin: 5% 0%; width: 300px; padding: 50px 80px 50px 150px; position: absolute; height: 440px;}
.about .right .title{font-size: 25px;font-weight: 500;color: #fff;}
.about .right .description{font-size: 14px;padding: 0;color: #fff;line-height: 20px;}
.about .right .knowmore{}   
.about .right .knowmore .hr-program{width: 150px;height: 0px;border: 1px solid #fff;float: left;    margin-top: 3%;margin-right: 5px}
.about .right .knowmore a{text-decoration: none;color: #fff;}
*/

.header .links .dropdown-menu{padding: 2% 0% 0% 0%;}
.header .links .dropdown-menu li{display: block;width: 25%;padding: 1% 0% 1% 1%;    background-color: #ccc; }
.min-height-ptag{min-height: 100px;}
.min-height-more{min-height: 125px;}
.menu{display:none;}

.about-page{width: 100%;display: inline-block;}
.about-page .section-one{display:inline-block;width: 90%;background: url(https://bpac.in/home-test/images/b-pac-logo-element-aboutus.png) 90% 50% no-repeat, #0072bb;position: relative; padding: 5% 5% 0px;color: #fff;}
.about-page .section-one:after{content: " ";position: absolute;background: #0072bb;    display: block;    width: 100%;    height: 100%;    top: 0;    left: 0; z-index: -1;transform-origin: bottom left;transform: skew(0deg, 6deg);}
.about-page .section-one h2{font-size: 35px;font-weight: 500;}
.about-page .section-one p{font-size: 15px;line-height: 22px;padding: 0px 20% 0px 0px;text-align: justify;}

.about-page .section-two{display:inline-block;width: 90%;padding:10% 4% 0%;background: url(https://bpac.in/wp-content/uploads/2020/11/Mascots_BClip.png) 90% 30% no-repeat;}
.about-page .section-two h2{font-size: 24px;font-weight: 500;}
.about-page .section-two .objective{padding-left: 20px;}
.about-page .section-two .objective li{padding:3px 0px;font-weight: 500;width: 75%;line-height: 22px;}
.about-page .section-two .objective-two{list-style: none;}
.about-page .section-two .objective-two li{padding:3px 0px;list-style: disc;}

.about-page .section-three{display:inline-block;width: 90%;padding: 0% 5% 10%;}
.about-page .section-three h2{font-size: 24px;font-weight: 500;}
.about-page .section-three .description{font-weight: 300;padding: 0px 20% 0% 0px;line-height: 24px;}
.about-page .section-three .left{display: inline-block;width: 60%;border-right: 1px solid #ccc;float: left;}
.about-page .section-three .left .phase1{font-weight: 500;font-size: 20px;}
.about-page .section-three .left .title{font-weight: 500;font-size: 18px;}
.about-page .section-three .left .description{font-size: 16px;line-height: 24px;font-weight: 300;padding: 0px 20px 0px 0px;}
.about-page .section-three .left .phase2{font-weight: 500;font-size: 20px;padding: 2% 0px 0px;}
.about-page .section-three .left .phase2-description{font-weight: 300;font-size: 16px;line-height: 24px;padding: 0px 20px 0px 0px;}
.about-page .section-three .right{display: inline-block;width: 35%;padding: 0% 0px 0px 3%;}
.about-page .section-three .right p{font-size: 20px;font-weight: 500;padding: 0% 0px 3%;line-height: 28px;}
.about-page .section-three .right ul{padding-left: 20px;font-size: 16px;font-weight: 900;}
.about-page .section-three .right ul li{line-height: 24px;font-weight: 300;}


.join-page{width: 100%;display: inline-block;    margin: 80px 0px 0px;float: left;}
.join-page .section-one{display:inline-block;width: 90%;background: url(https://bpac.in/home-test/images/b-pac-logo-element-aboutus.png) 90% 50% no-repeat, #0072bb;position: relative; padding: 5%;color: #fff;}
.join-page .section-one:after{content: " ";position: absolute;background: #0072bb;    display: block;    width: 100%;    height: 100%;    top: 0;    left: 0; z-index: -1;transform-origin: bottom left;transform: skew(0deg, 6deg);}
.join-page .section-one .title{width: 100%;display: inline-block;float: left;}
.join-page .section-one .title .left{width: 50%;display: inline-block;float: left;}
.join-page .section-one .title .left h2{font-weight: 300;font-size: 30px;text-transform: uppercase;}
.join-page .section-one .title .left p{font-weight: 300;font-size: 20px;text-transform: uppercase;}
.join-page .section-one .title .right{width: 50%;display: inline-block;float: left;padding: 5% 0px 0px;text-align: right;}
.join-page .section-one .title .right a{font-size: 15px;text-decoration: none;background-color: #fff;padding: 18px 20px;color: #0072bb;font-weight: 500;}
.join-page .section-one .title .right a img{vertical-align: middle;}
.join-page .section-one .part{width: 100%;display: inline-block;float: left;}
.join-page .section-one .part-one{width: 30%;display: inline-block;float: left;    background-color: #fff;height: 260px;color: #333;padding: 1%;}
.join-page .section-one .part-one:nth-of-type(2){margin: 0px 2%;}
.join-page .section-one .part-one .left{width: 20%;display: inline-block;float: left;text-align: center;background-color: #f5f3f4;height: 100%;}
.join-page .section-one .part-one .left p{color: #0072bb;font-size: 20px;height: 240px; vertical-align: middle;display: table-cell;word-break: break-all;}
.join-page .section-one .part-one .left p span{font-weight: 500;font-size: 35px;}
.join-page .section-one .part-one .right{width: 70%;display: inline-block;float: left;    padding: 5%;}
.join-page .section-one .part-one .right p{font-size: 15px;line-height: 22px;height: 240px; vertical-align: middle; display: table-cell;}


.join-page .section-two{display:inline-block;width: 90%;padding: 10% 5% 10%;}
.join-page .section-two .title{font-size: 30px;font-weight: 500;}
.join-page .section-two .content{width: 100%;display: inline-block;float: left;padding:0px 0px 5%;}
.join-page .section-two .content .image{display: inline-block;width: 40%;float: left;}
.join-page .section-two .content .image img{width: 100%;height: 300px;}
.join-page .section-two .content .description {display: inline-block;width: 55%;background-color: #f5f3f4;background-color: #f5f3f4;padding: 0px 3%;margin: 20px 0px 0px -20px;}
.join-page .section-two .content .description .text{font-size: 15px;font-weight: 300;line-height: 24px;padding: 0px 0px;height: 260px; display: table-cell; vertical-align: middle; margin: 0px;}

.join-page .section-two .image{display: inline-block;width: 40%;float: left;}
.join-page .section-two .image img{width: 100%;}
.join-page .section-two .image #offline{}
.join-page .section-two .description1 {display: inline-block;width: 50%;padding: 0px 5%;}
.join-page .section-two .description1 .text{font-size: 16px;font-weight: 300;line-height: 26px;padding: 0px 0px;}
.join-page .section-two .description1 .address{font-size: 16px;line-height: 26px;margin: 0;color: #0072bb;    font-weight: 900;}

.join-page  .section-three{display: inline-block;background:#f5f3f4;position: relative;width: 90%;padding: 5% 5%;}
.join-page  .section-three:after{content: " ";position: absolute;background:#f5f3f4;display: block;    width: 100%;    height: 100%;    top: 0;    left: 0; z-index: -1;transform-origin: top left;transform: skew(0deg, -6deg);}
.join-page  .section-three .one{font-size: 30px;font-weight: 500;padding: 0px 0px 0%;}
.join-page  .section-three .two{font-size: 18px;font-weight: 500;}
.join-page  .section-three ul{list-style: none;list-style-image: url(https://bpac.in/home-test/images/list-arrow.png);}
.join-page  .section-three ul li{line-height: 24px;margin: 0px 0px 10px;}

.join-page  .section-four{display:inline-block;width: 90%;padding: 5% 5%;color:#fff;background: #0072bb;min-height: 500px;}
.join-page .section-four h2{font-size: 30px;font-weight: 500; }
.join-page  .section-four ul{list-style: none;  margin: 0px;  padding: 0px;}
.join-page  .section-four ul li{    margin: 0px 0px 20px;}
.join-page  .section-four ul li h6{font-size: 18px;font-weight: 500;margin: 0px;}
.join-page  .section-four ul li p{font-size: 16px;font-weight: 300;
    margin: 0px;line-height: 22px;
    padding: 5px 0px 0px 20px;}


.ui-accordion {border:1px solid #fff;border-top: none;}
.ui-state-default{border:none;border-top: 1px solid #fff;padding: 15px 10px;outline: none;margin: 0px;cursor: pointer;font-weight: 500;    background: transparent;}
.ui-accordion-content{height: auto !important;background: transparent;}
.ui-accordion-content p{font-size: 16px;line-height: 24px;padding: 10px;margin: 0px;color: #fff;}
.ui-widget-content,.ui-state-active{border: none;}
.ui-accordion .ui-accordion-header{color: #fff;border-radius: 0px;border-top: 1px solid #fff;}
.ui-state-active .ui-icon{ background: url(https://bpac.in/home-test/images/down-arrow.png); background-size: 100% 100%;float: right; margin: 0px 10px; width: 25px;height: 25px;}
.ui-icon, .ui-widget-content .ui-icon{background: url(https://bpac.in/home-test/images/right-arrow.png); background-size: 100% 100%;    float: right;margin: 0px 10px; width: 25px; height: 25px;}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon{    background: url(https://bpac.in/home-test/images/right-arrow.png); background-size: 100% 100%;    float: right; margin: 0px 10px; width: 25px;  height: 25px;}
.ui-state-active .ui-icon, .ui-button:active .ui-icon{ background: url(https://bpac.in/home-test/images/down-arrow.png); background-size: 100% 100%;    float: right;margin: 0px 10px;  width: 25px; height: 25px;}


.citizendash-page{width: 100%;padding: 10% 0% 0%;display: inline-block;}
.citizendash-page .section-one{width: 90%;padding: 10% 5% 0%;background: url(https://bpac.in/home-test/images/citizenbanner.jpg);background-repeat: no-repeat;background-size: cover;display: inline-block;}
.citizendash-page .section-one .left{width: 30%;float: left;}
.citizendash-page .section-one span{color: #fff;font-size: 50px;font-weight: 900;text-shadow: 3px 1px 4px rgba(0,0,0,0.41);}
.citizendash-page .section-one .num{color: #fff;font-size: 160px;font-weight: 900;text-shadow: 3px 1px 4px rgba(0,0,0,0.41);    line-height: 124px;}
.citizendash-page .section-one .zone{color: #fff;font-size: 50px;font-weight: 900;text-shadow: 3px 1px 4px rgba(0,0,0,0.41);}
.citizendash-page .section-one .center{width: 40%;float: left;}
.citizendash-page .section-one .right{width: 30%;float: left;}
.citizendash-page .section-two{width: 90%;padding: 10% 5% 0%;background: url(https://bpac.in/home-test/images/b-pac-logo-element-aboutus.png);background-repeat: no-repeat;display: inline-block;background-position: 10% 40%;min-height: 400px;}
.citizendash-page .section-two h2{text-align: center;}
.citizendash-page .section-two p{text-align: justify;padding: 0px 10%;line-height: 26px;}
.citizendash-page .section-three{width: 90%;display: inline-block;padding: 4% 5% 10%;background-color: #eee;}
.citizendash-page .section-three h2{text-align: center;}
.citizendash-page .section-three .slider{width: 80%;padding: 0px 10%;}
.citizendash-page .section-three .stories-slider{padding: 5% 0px 0px;}
.citizendash-page .section-three .stories-slider ul li img{width: 100%;}
.citizendash-page .section-three .slider-nav{position: absolute;display: inline-block;width: 90%;   padding: 4% 0px 0px;}
.citizendash-page .section-three .slider-nav .next{display: inline-block;float: right;}
.citizendash-page .section-three .slider-nav .prev{}
.citizendash-page .section-three .flexslider{background-color: #eee;}
.citizendash-page .section-four{width: 80%;padding: 5% 10% 10%; display: inline-block;background-color: #0676be;}
.citizendash-page .section-four .title{display: inline-block;}
.citizendash-page .section-four .title h2{color: #fff;display: inline-block;float: left;}
.citizendash-page .section-four .title .hr-program{width: 300px;border-bottom: 1px solid #fff;display: inline-block;margin: 15px 10px; float: left;}
.citizendash-page .section-four  .description{color: #fff;font-size: 15px;width: 45%;}
.citizendash-page .section-four .links{}
.citizendash-page .section-four .links a{text-decoration: none;color: #0676be;padding: 20px 0px; width: 30%;display: inline-block; text-align: center;font-size: 20px;background: #fff; font-weight: 700;-webkit-box-shadow: 2px 5px 5px 2px rgba(0,0,0,0.52);-moz-box-shadow: 2px 5px 5px 2px rgba(0,0,0,0.52);box-shadow: 2px 5px 5px 2px rgba(0,0,0,0.52);margin: 1% 1% 0px 0px;}
.citizendash-page .section-five{width: 80%;display: inline-block;padding: 0px 10% 0px;background-image: url('https://bpac.in/home-test/images/special-initiatives-img.jpg');background-repeat: no-repeat;background-size: 100%;color: #fff;}
.citizendash-page .section-five h2{text-align: center;font-size: 35px;font-weight: 900;}
.citizendash-page .section-five ul{list-style: none;width: 100%;display: inline-block;}
.citizendash-page .section-five ul li{list-style: none;width: 45%;display: inline-block;float: left;    border-bottom: 1px solid #fff;margin: 0px 5% 30px 0px;padding: 20px 0px 5px;}
.citizendash-page .section-five ul li p{margin: 0px;padding: 0px 10px 0px 0px;font-weight: 900;font-size: 32px;text-transform: uppercase;}
.citizendash-page .section-five ul li span{font-size: 70px;font-weight: 900;}

.department-page {width: 100%;display: inline-block;}
.department-page .section-one{width: 90%;padding: 10% 5% 0px;}
.department-page .section-one h2{   }
.department-page .section-one .description{width: 60%;line-height: 26px;font-size: 16px;padding: 0px 0px 20px;}
.department-page .section-one .address .title{font-size: 18px;font-weight: 900;margin: 0px;}
.department-page .section-one .address .address-one{font-weight: 900;margin: 0px;line-height: 24px;font-size: 15px;}
.department-page .section-two{width: 90%;padding: 10% 5% 0px;}
.department-page .section-two .top{width: 100%;display: inline-block;}
.department-page .section-two .top h2{display: inline-block;}
.department-page .section-two .top a{text-decoration: none;background-color: #0072bb;display: inline-block; color: #fff;padding: 10px 20px;float: right;}
.department-page .section-two .flowchart{width: 100%;}

.ward-page {width: 100%;display: inline-block;}
.ward-page .section-one{width: 90%;padding: 10% 5% 0px;display: inline-block;}
.ward-page .section-one h2{   }
.ward-page .section-one .description{width: 60%;line-height: 26px;font-size: 16px;padding: 0px 0px 20px;}
.ward-page .section-two{width: 90%;padding: 0px 5% 5%;display: inline-block;}
.ward-page .section-two .one{display: inline-block;float: left;margin:0px;width: calc(100% / 3);}
.ward-page .section-two .one .bule-box{display: block;padding: 20px;background: #0072bb;color: #fff;width: 80%;
    margin: 0px auto;max-width: 270px;}
.ward-page .section-two .one img{width: 100%;padding: 0px 0px 10px}
.ward-page .section-two .one p{margin: 0px;padding: 5px 0px 0px;font-size: 16px;}
.ward-page .section-two .one .view-more{width: 95%;display: inline-block;text-align: center;padding: 20px 0px;color: #0072bb;font-size: 14px;font-weight: 700;cursor: pointer;}
.ward-page .section-two .mp-view-more{display: inline-block;width: 86%;padding: 2%;border: 1px solid #e0dcdc; position: absolute;left: 5%;margin: 5% 0% 0%;}
.ward-page .section-two .one .view-more-close{width: 95%;display: inline-block;text-align: center;padding: 20px 0px;color: #0072bb;font-size: 14px;font-weight: 700;cursor: pointer;display: none;}
.ward-page .section-two .mp-view-more table{width: 100%;font-weight: 700;background: #fcfcfc ;padding: 20px 30px;}
.ward-page .section-two .mp-view-more table .td-one{width: 60%;display: inline-block;text-align: left; }
.ward-page .section-two .mp-view-more table .td-two{width: 35%;display: inline-block;text-align: left;}
.ward-page .section-two .mp-view-more table th{margin: 0px 0px 50px;}
.ward-page .section-two .mp-view-more table .border-bottom{border-bottom:1px solid #e0dcdc;padding: 15px 0px 10px;display: inline-block;width: 100%; }
.ward-page .section-two .mp-view-more table .personal-details{display: inline-block; text-align: center; width: 100%; font-size: 22px;}
.ward-page .section-two .mla-view,.ward-page .section-two .mp-view,.ward-page .section-two .corporator-view{display: none;}
.ward-page .section-three{width: 90%;padding: 10% 5% 5%;display: inline-block;background: #f9f9f9;}
.ward-page .section-three h2{   }
.ward-page .section-three .description{width: 60%;line-height: 26px;font-size: 16px;padding: 0px 0px 20px;font-weight: 700;}

.flip-card {
  background-color: transparent;
  width: 180px;
  height: 150px;
  perspective: 1000px;
  display: inline-block;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: #0072bb;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
}
.flip-card-front p{ padding: 40px 0px 0px;}

.flip-card-back {
  background-color: #e4e4e4;
  color: #0072bb;
  transform: rotateY(180deg);
  font-weight: 700;
  cursor: pointer;
  font-size: 14px;
}
.ward-page .section-three .flip-card .know-more{line-height: 150px;}
.ward-page .section-three .flip-card .know-more-close{display: none;}
.ward-page .section-three .card-details{width: 75%;display: none;background-color: #fff;border: 1px solid #eee;padding: 10px 30px;margin: 10px 5%;}
.ward-page .section-three .card-details .left{width: 30%;display: inline-block;float: left;}
.ward-page .section-three .card-details .left h3{}
.ward-page .section-three .card-details .left p{margin: 0px}
.ward-page .section-three .card-details .right{width: 30%;display: inline-block;}
.ward-page .section-three .card-details .right h3{}
.ward-page .section-three .card-details .right p{margin: 0px}
.ward-page .section-three .cards{width: 90%;padding: 0px 0%;display: inline-block;}
.ward-page .section-four{width: 90%;display: inline-block;padding: 0px 5%;background-image: url('https://bpac.in/home-test/images/our-partner-bg.jpg');background-size: cover;background-repeat:  no-repeat;}
.ward-page .section-four .title{width: 100%;display: inline-block;color: #fff;}
.ward-page .section-four .title h2{float: left;display: inline-block;margin: 15px 10px;}
.ward-page .section-four .title .hr{width: 500px;border-bottom: 1px solid #fff;float: left;margin: 15px 10px;}
.ward-page .section-four .title span{color: #fff;float: left;margin: 25px 0px;}
.ward-page .section-four .title span a{color: #fff;text-decoration: none;}
.ward-page .section-four .title span img{}
.ward-page .section-four p{width: 70%;color: #fff;line-height: 24px;}
.ward-page .section-four .content{padding: 100px;}

.wardlist-page{width: 90%;padding: 10% 5% 0px;display: inline-block;}
.wardlist-page .left{width: 25%;display: inline-block;color: #fff;background: #0072bb;padding: 0px 0px 5%;float: left;}
.wardlist-page .left .zone-num{text-align: center;font-size: 150px;font-weight: 900;margin: 0px;}
.wardlist-page .left .zone-text{text-align: center;font-size: 40px;font-weight: 900;margin: 0px;}
.wardlist-page .left ul{list-style: none;}
.wardlist-page .left ul li {margin: 0px 0px 10px;}
.wardlist-page .left ul li a{color: #fff;text-decoration: none;font-weight: 900;}
.wardlist-page .right{float: left;display: inline-block;width: 70%;padding: 0px 0px 0px 30px;
}
.wardlist-page .right h2{}
.wardlist-page .right hr{}
.wardlist-page .right .description{font-size: 16px;line-height: 24px;width: 80%;font-weight: 900;}
.ward-card{font-weight: 900;display: inline-block;width: 22%;background: #e8edf1;margin: 0px 2% 2% 0px;}
.ward-card p{margin: 0px;}
.ward-card .details{background: #e8edf1;color: #000;padding: 10px;}
.ward-card .number{text-align: left;}
.ward-card .ward-title{padding: 40px 0px 10px;text-align: center;}
.ward-card .ward-text{text-align: center;padding: 0px 0px 20px;}
.ward-card .ward-text span{text-align: center;font-size: 20px;}
.ward-card .know-more{background: #e8edf1;text-decoration: none;    color: #0072bb;text-align: center;padding: 10px 0px;opacity: 0;}
.ward-card:hover > .know-more{opacity: 1;transition: 0.8s;}
.ward-card:hover > .details{background: #0072bb;transition: 0.8s;color: #fff;}
.wardlist-page .right a{text-decoration: none;}

.advisory-page .section-one{width: 90%;padding: 10% 5% 5%;display: inline-block;background-color: #f5f3f4;}
.advisory-page .section-one h2{font-weight: 500;font-size: 30px;}
.advisory-page .section-one p{font-weight: 300;font-size: 15px;line-height: 22px;}
.advisory-page .section-two{width: 90%;padding: 5% 5% 5%;display: inline-block;}
.advisory-page .advisory-list{display:inline-block;width: calc(92% / 4);padding: 1%;float: left;}
.advisory-page .advisory-list img{width: 100%;float: left;}
.advisory-page .advisory-list .advisory-detail{display: inline-block;height: 90px;
    background-image: linear-gradient(to bottom,  #f5f3f4 50%, transparent 50%);
    background-size: 200% 200%;
    transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
width: 100%;border-bottom: 2px solid #0072bb;}
.advisory-page .advisory-list .advisory-detail .title{text-align: center; margin: 0px; padding: 20px 0px 0px;font-weight: 500;}
.advisory-page .advisory-list .advisory-detail .designation{text-align: center;margin: 0px;padding: 5px 0px 10px;font-size: 12px;}
.advisory-page .advisory-list:hover >  .advisory-detail{color: #fff;  background-image: 
linear-gradient(to top, #0072bb 51%, transparent 50%);background-position: 0 100%;transition: background-position 300ms, color 300ms ease, border-color 300ms ease;}

.leader-page .section-one{width: 90%;padding: 10% 5% 5%;display: inline-block;background-color: #f5f3f4;}
.leader-page .section-one h2{font-weight: 500;font-size: 30px;}
.leader-page .section-one p{font-weight: 300;font-size: 15px;line-height: 22px;}
.leader-page .section-two{width: 90%;padding: 5% 5% 5%;display: inline-block;    background: #0072bb;}
.leader-page .section-two .knowmore .hr-program{width: calc( 100% - 130px);height: 0px;border: 1px solid #fff;float: left;    margin: 8px 2% 0px 0px;}
.leader-page .section-two .knowmore a{text-decoration: none;color: #fff;font-size: 14px;}
.leader-page .section-two > div{display: inline-block;width: calc(94% / 3);background: #0072bb;padding:1% 1% 5%;color: #fff;float: left;}
.leader-page .section-two > div > img{display: inline-block; width: 100%;min-height:242px;max-height:242px;}
.leader-page .section-two > div > h4{display: inline-block;font-size: 16px;margin: 5px 0px 10px;height: 50px;line-height: 20px;font-weight: 500;}
.leader-page .section-two > div > p{display: inline-block;margin: 0px 0px 30px;font-size: 15px;line-height: 24px;
font-weight: 300;height: 90px;overflow-y: hidden;}
.leader-page .section-two > div > a{display: inline-block;float: right;margin: 10px 0px 0px;text-decoration: none;color: #fff;}
.leader-page .section-two > div > a > span{display: inline-block;border: #fff solid;width: 50px;  border-width: 1px 0px 0px; margin: 0px 5px 5px;}

/* The Loader */
#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}
#loader {
    display: block;
	z-index: 9999;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #3498db;
    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
 
#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #3498db;
    -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
 
#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #3498db;
    -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
 
@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
#loader-wrapper .loader-section {
  position: fixed;
  top: 0;
  width: 51%;
  height: 100%;
  background: #fff;
  z-index: 10;
}

#loader-wrapper .loader-section.section-left {
  left: 0;
}

#loader-wrapper .loader-section.section-right {
  right: 0;
}

/* Loaded styles */

.loaded #loader-wrapper .loader-section.section-left {
  transform: translateX(-100%);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader-wrapper .loader-section.section-right {
  transform: translateX(100%);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader {
  opacity: 0;
  transition: all 0.3s ease-out;
}

.loaded #loader-wrapper {
  visibility: hidden;
  transform: translateY(-100%);
  transition: all 0.3s 1s ease-out;
}


.bclip-dash-page{    display: inline-block;
    width: 90%;
    margin: 100px 5% 0px;}
.bclip-dash-page .section-one{display: inline-block;
    width: 100%;}
.bclip-dash-page .section-one h2{    font-size: 25px;
    font-weight: 900;
    display: inline-block;}
.bclip-dash-page .section-one .navigation-bclip{display: inline-block;
    float: right;
    margin: 0px;
    padding: 0px;
    list-style: none;}
.bclip-dash-page .section-one .navigation-bclip li{display: inline-block;
    margin: 15px 5px;
    padding: 7px 15px;
    border: solid 1px #ccc;
    font-size: 15px;
    font-weight: 300;
    line-height: 15px;
    cursor: pointer;}
.bclip-dash-page .section-one .navigation-bclip .active{background: #0072bb;
    color: #fff;
    border-color: #0072bb;}
.bclip-dash-page .batch{display:none;
    width: 100%;}
.bclip-dash-page .batch.active{display: inline-block;}
.bclip-dash-page .batch div{display: inline-block;
    width: calc(25% - 51px);
    padding: 15px;
    border: solid #ccc;
    border-width: 0px 0px 1px 1px;
    margin: 0px 20px 50px 0px;
    float: left;}
.bclip-dash-page .batch div > h3{margin: 0px 0px 10px 0px;
    font-size: 18px;
    line-height: 20px;
    min-height: 40px;
	color: #0072bb;
    font-weight: 300;}
.bclip-dash-page .batch div > h4{margin: 0px 0px 15px 0px;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px; min-height:18px;}
.bclip-dash-page .batch h4 > span{margin: 0px 0px 5px 0px;
    font-size: 16px;
    line-height: 20px;
    min-height: 20px;
    color: #0072bb;
    font-weight: 300;
    display: inline-block;
    width: 100%;}
.bclip-dash-page .batch div > h5{margin: 0px 0px 25px;
    font-weight: 500;
    font-size: 17px;color: #666;}
.bclip-dash-page .batch div > h5 > span{    float: right;}
.bclip-dash-page .batch div > h6{margin: 15px 0px 5px;
    font-weight: 500;
    font-size: 14px;color: #666;}
.bclip-dash-page .batch div > h6 > span{    float: right;}

.mission-page{width: 100%;display: inline-block;}
.mission-page .section-one{display:inline-block;width: 90%;background:#0072bb;position: relative; padding: 5% 5%;z-index: 1;
    color: #fff;
    margin: 80px 0px 0px;}
.mission-page .section-one:after{content: " ";position: absolute;background: url(https://bpac.in/home-test/images/b-pac-logo-element-aboutus.png) 90% 50% no-repeat, #0072bb;    display: block;    width: 100%;    height: 100%;    top: 0;    left: 0; z-index: -1;transform-origin: bottom left;transform: skew(0deg, 6deg);}
.mission-page .section-one h2{font-size: 40px; text-transform: uppercase; font-weight: 300;}
.mission-page .section-one p{font-size: 15px;line-height: 24px;padding: 0px 0% 0px 0px;}

.mission-page .section-two{display:inline-block;width: 90%;padding:8% 5% 0%;background: #fff;position: relative;}
.mission-page .section-two:after{content: " "; position: absolute; background: #fff; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; transform-origin: bottom left; transform: skew(0deg, 6deg);}
.mission-page .section-two h2{font-size: 35px;font-weight: 300;text-transform: uppercase;}
.mission-page .section-two p{font-weight: 300;font-size: 15px;
    line-height: 22px;}
.mission-page .section-two p > b{}
.mission-page .section-two ul{padding-left: 20px;}
.mission-page .section-two ul > li{    padding: 0px 0px;
    font-size: 15px;
    line-height: 22px;}
.mission-page .section-two .ll{display: inline-block;
    width: 100%;
    padding: 3% 0;border-bottom: 1px solid #ccc;
    margin: 0 0 4%;}
.mission-page .section-two .ll a{display: inline-block;
    width: 35%;
    float: left;
    margin: 0px 0px 10px;
    text-decoration: none;
    color: #333;
    font-weight: 900;
    cursor: pointer;}

.mission-page .section-two p a{font-weight: 300;font-size: 15px;line-height: 22px;text-decoration: none;color: #0072bb;padding: 0px 0px 20px;}

.mission-page .section-two .ll a:hover{    color: #2272bc;}
.mission-page .section-three{
    display: inline-block;
    width: 90%;
    padding: 0% 5% 30px;}
.mission-page .section-three .in{display: inline-block;
    width: 92%;
    background: #2272bc;
    color: #fff;
    padding: 4%;    }
.mission-page .section-three .in .title{display: inline-block;
    width: 100%;
    border-bottom: #fff solid 1px;
    padding: 0px 0px 10px;}
.mission-page .section-three .in .title .left{display: inline-block;
    width: 50%;
    float: left;}
.mission-page .section-three .in .title .left h3{font-size: 20px;
    text-transform: uppercase;font-weight: 500;
    margin: 0px;}
.mission-page .section-three .in .title .right{    display: inline-block;
    width: 50%;
    float: right;}
.mission-page .section-three .in .title .right h6{    display: inline-block;
    margin: 0px;
    text-transform: uppercase;font-weight: 500;
    font-size: 15px;
    float: left;    margin: 0px 26px 0 0;}
.mission-page .section-three .in .title .right a{color: #2272bc;
    float: left;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    margin: -5px 0px 0px 10px;
    background: #fff;
    padding: 5px 10px;}
.mission-page .section-three .in .title .right span{display: inline-block;
    float: left;}
.mission-page .section-three .in .title .right a:hover{color:#fff;background: #2272bc;}
.mission-page .section-three .in p{font-size: 15px;
    line-height: 22px;}
.mission-page .section-three .in p > b{}
.mission-page .section-three .in .more{    display: inline-block;
    text-transform: uppercase;
    font-size: 15px;
    margin: 15px 0px 0px;cursor: pointer;}
.mission-page .section-three .in .more img{margin: 0px 7px;
    width: 15px;}
    .mission-page .section-three .in .more1{    display: none;
    text-transform: uppercase;
    font-size: 15px;
    margin: 15px 0px 0px;cursor: pointer;}
.mission-page .section-three .in .more1 img{margin: 0px 7px;
    width: 15px;}

.mission-page .section-three .out{display: none;
    width: 100%;
    margin: 5% 0%;}
.mission-page .section-three .out h2{font-size: 25px;
    font-weight: 500;
    margin: 0px;}
.mission-page .section-three .out h3{font-size: 20px;
    font-weight: 500;
    margin: 25px 0px 0px;}
.mission-page .section-three .out p{font-size: 15px;
    font-weight: 100;
    line-height: 22px;
    margin: 10px 0px;}
.mission-page .section-three .out ul{}
.mission-page .section-three .out ul > li{    font-size: 15px;
    font-weight: 100;
    line-height: 22px;
    margin: 15px 0px;}

.mission-page .section-four{    display: inline-block;
    width: 90%;
        padding: 0 5% 5%;}
.mission-page .section-four h2{font-size: 24px;font-weight: 100; text-transform: uppercase;}
.mission-page .section-four h3{text-align: center;}
.mission-page .section-four p{font-size: 14px;line-height: 22px;}
.mission-page .section-four img{    display: block;
    margin: 0px auto;}

.civic-page .section-four table{border-collapse: collapse;border-spacing: 0;}
.civic-page .section-four table thead{}
.civic-page .section-four table thead tr{border: 1px solid #dcdcdc;background: #f6f6f6;}
.civic-page .section-four table thead tr th{padding: 20px;border: 1px solid #dcdcdc;}
.civic-page .section-four table tr{}
.civic-page .section-four table tr td{padding: 20px;border: 1px solid #dcdcdc;}
.civic-page .section-five{padding: 5%;}
.civic-page .section-five h3{text-align: center;color: #0072bb;font-size: 26px;font-weight: 500;}
.civic-page .section-five p{padding: 0px 20%;font-size: 15px; line-height: 22px;text-align: center;width: 60%;}
.civic-page .section-five div {display: inline-block;float: left;width: 100%;text-align: center;}
.civic-page .section-five div a{padding: 15px 50px;background-color: #0072bb;color: #fff;text-decoration: none;display: inline-block;}
.civic-page .section-one .image-right {display: inline-block; position: absolute; bottom: -30vh; right: 10%; } 
.civic-page .section-one .image-right img{width: 100%;max-width: 225px;} 
.civic-page .civi{padding: 9% 5% 0% !important;}
.civic-page .section-two{padding: 5% 5% 0%;}
.civic-page .section-two .main{width: 100%;padding:5% 0px;}
.civic-page .section-two .main .team .down .in:nth-of-type(1){min-height: 90px;}
.civic-page .section-two .main .team{width: 49.5%;
    display: inline-block;
    float: left;
    background: #0072bb;
    margin: 0% 0.5% 0.5% 0%;
    color: #fff;min-height : 430px;}
.civic-page .section-two .main .team .top{width: 94%;
    display: inline-block;
    float: left;
    margin: 0% 3%;
    padding: 3% 0%;
    border-bottom: 1px solid #00000030;}
.civic-page .section-two .main .team .top .image{width: 40%;
    display: inline-block;
    float: left;}
.civic-page .section-two .main .team .top .image img{width: 100%;}
.civic-page .section-two .main .team .top .contant{width: 56%;
    display: inline-block;
    float: left;
    padding: 0% 0% 0% 4%;}
.civic-page .section-two .main .team .top .contant h2{font-size: 20px;
    font-weight: 500;
    min-height: 45px; }
.civic-page .section-two .main .team .top .contant h3{font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    padding: 0px 0px 10px;}
.civic-page .section-two .main .team .top .contant h6{font-size: 15px;
    font-weight: 100;}
.civic-page .section-two .main .team .top .contant .text{width: 100%;
    display: inline-block;
    float: left;
    padding: 20px 0px 0px;}
.civic-page .section-two .main .team .top .contant .text .left{width: 50%;
    display: inline-block;
    float: left;}
.civic-page .section-two .main .team .down{width: 94%;
    display: inline-block;
    float: left;
    padding: 3% 3% 0%;}
.civic-page .section-two .main .team .down .in{width: 100%;
    display: inline-block;
    float: left;
    padding: 0px 0px 15px;min-height: 42px;  }
.civic-page .section-two .main .team .down .in .content-flip{width: 50%;
    display: inline-block;
    float: left;}
.civic-page .section-two .main .team .down .in .content-flip .icon{width: 13%;
    display: inline-block;
    float: left;}
.civic-page .section-two .main .team .down .in .content-flip .icon img{max-width: 26px;}
.civic-page .section-two .main .team .down .in .content-flip .address{width: 87%;
    display: inline-block;
    float: left;}
.civic-page .section-two .main .team .down .in .content-flip .address p>a{color: #fff;}
.civic-page .section-two .main .team .down .in .content-flip a{margin: 0px 8px 0px 0px;text-decoration: none;}




.mission-page .section-five{display: inline-block; width: 90%; padding: 0% 5% 0%; background: #f5f3f4; position: relative;}
.civic-page .section-five{padding: 5%;}
.mission-page .section-five h2 {font-size: 35px; font-weight: 300; text-transform: uppercase; }
.mission-page .section-five p {font-size: 15px; line-height: 22px; font-weight: 300; }
.mission-page .section-five .logo{width: 100%;display: inline-block;float: left;margin: 5% 0px;border-bottom: 1px solid #ccc;}
.mission-page .section-five .logo .box{width: 30%;display: inline-block;float: left;margin: 0px 0px 20px;}
.mission-page .section-five .logo .box img{width: 100%;}
.mission-page .section-five .logo .box:nth-of-type(2),.mission-page .section-five .logo .box:nth-of-type(5){border-left: 1px solid #ccc;border-right: 1px solid #ccc;padding: 0px 2%;}
.mission-page .section-five .logo .box:nth-of-type(3),.mission-page .section-five .logo .box:nth-of-type(6){padding: 0px 0px 0px 2%;}

.civic-page .section-two .des{width: 60%;padding: 20px 0px;}
.aboutbmobile{display: inline-block;
    width: 90%;
    padding: 5% 5% 0%;
    background: #6b4312;
    position: relative;
    min-height: 305px;
    z-index: 1;
    margin: 0px 0px 250px;}
.aboutbmobile:after{content: " ";
    position: absolute;
    background: #6b4312;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    transform-origin: bottom left;
    transform: skew(0deg, 6deg);}
.aboutbmobile .inner{    display: inline-block;
    position: relative;
    color: #fff;
    z-index: 1;}
.aboutbmobile .inner h2{width: 50%;
    display: inline-block;
    text-transform: uppercase;font-weight: 500;
    margin: 0px;
    font-size: 25px;
    line-height: 32px;}
    .aboutbmobile .inner h2>span{font-size: 40px;}
.aboutbmobile .inner p{    display: inline-block;
    width: 90%;
    font-size: 15px;
    font-weight: 300;text-align:justify;
    line-height: 24px;}
.aboutbmobile .inner img{position: absolute;
    right: 0;
    top: 35vh;max-width: 500px;width:100%;}


.aboutbproud{display: inline-block;
    width: 90%;
    padding: 5% 5% 0%;
    background: #ffcc00;
    position: relative;
    min-height: 230px;
    z-index: 1;
    margin: 0px 0px 150px;}
.aboutbproud:after{content: " ";
    position: absolute;
    background: #ffcc00;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    transform-origin: bottom left;
    transform: skew(0deg, 6deg);}
.aboutbproud .inner{    display: inline-block;
    position: relative;
    color: #1a1a1a;
    z-index: 1;}
.aboutbproud .inner h2{width: 50%;
    display: inline-block;
    text-transform: uppercase;
    margin: 0px;
    font-size: 25px;font-weight: 500;
    line-height: 32px;}
.aboutbproud .inner h2>span{font-size: 40px;}    
.aboutbproud .inner p{    display: inline-block;
    width: 60%;
    font-size: 15px;
    font-weight: 100;
    line-height: 24px;}
.aboutbproud .inner img{position: absolute;
    right: 2%;
    top: 45%;max-width: 300px;width:100%;}


.bmobilesection2{    display: inline-block;
    width: 90%;
    padding: 0% 5%;}
.bmobilesection2 h3{display: inline-block;
    text-align: left;
    width: 100%;
    padding: 5% 0% 2%;
    color: #6b4312;
    font-size: 30px;
    line-height: 30px;
    border-bottom: 1px solid;
    margin: 0px;}
.bmobilesection2 .in{display: inline-block;
    float: left;
    width: 29%;
    min-height: 350px;
    padding: 2%;}
.bmobilesection2 .in span{font-size: 80px;
    font-weight: 900;
    color: #ccc;}
.bmobilesection2 .in h4{    font-size: 20px;
    text-transform: uppercase;font-weight: 500;
    margin: 40px 0px 10px;}
.bmobilesection2 .in p{    display: inline-block;
    margin: 0px;
    font-size: 15px;
    line-height: 24px;}
.bmobilesection2 .in ul{    display: inline-block;
    width: 100%;
    margin: 0px;
    padding: 0px;
    list-style: none;}
.bmobilesection2 .in ul > li{display: inline-block;
    width: 100%;
    margin: 5px 0px;
    font-size: 15px;
    line-height: 20px;}
.bmobilesection2 .line{display:inline-block;width:100%;
	float:left;border-bottom: 1px solid;color: #6b4312;margin: 0px 0px 5%;}
.bmobilesection2 .in ul > li > img{    margin: 0px 10px 0px 0px;max-width: 15px;
    float: left;}
.bmobilesection2  img{max-width: 190px;float: right;margin: 0% 8%;width: 20%;}
.bmobilesection2 .in.one{}
.bmobilesection2 .in.two,.bmobilesection2 .in.four{background: #6b4312;}
.bmobilesection2 .in.two span,.bmobilesection2 .in.four span{color: #986525;}
.bmobilesection2 .in.two h4,.bmobilesection2 .in.four h4{color: #fff;}
.bmobilesection2 .in.two p,.bmobilesection2 .in.four p{color: #fff;}
.bmobilesection2 .in.three{float:right;}


.bproudsection2{    display: inline-block;
    width: 90%;
    padding: 6% 5% 0%;}
.bproudsection2 .title{font-size: 24px;font-weight: 500;line-height: 24px; text-transform: uppercase;}
.bproudsection2 .description{font-size: 16px;
    line-height: 24px;
    color: #1a1a1a;}
.bproudsection2 .div-des{padding: 5% 0px;display: inline-block;}
    .bproudsection2 .div-des .description{font-size: 15px;
    line-height: 24px;}
.bproudsection2 .in{display: inline-block;
    float: left;
    width: 29%;
    min-height: 180px;
    padding: 2%;}
.bproudsection2 .in span{font-size: 60px;
    font-weight: 900;
    color: #bf9b09;}
.bproudsection2 .in h4{font-size: 15px;font-weight: 500; line-height: 22px; text-transform: uppercase; margin: 20px 0px 10px;text-align: center;}

.bproudsection2 .in.one{}
.bproudsection2 .in.one,.bproudsection2 .in.three,.bproudsection2 .in.five{background: #ffcc00;}
.bproudsection2 .in.two span,.bproudsection2 .in.four span{color: #e2e2e2;}
.bproudsection2 .in.two h4,.bproudsection2 .in.four h4{color: #000;}
.bproudsection2 .in.three{float:right;}

.bproundsection3{display: inline-block; width: 90%; padding: 0% 5% 0%;}
.bproundsection3 .left{display:inline-block;width: 44%;margin: 0px 1% 30px 0px; background-color: #ffcc00;padding: 2%;color:#1a1a1a;float: left;min-height: 590px;}
.bproundsection3 .left img{width: 100%;}
.bproundsection3 .left h3{font-size: 18px;font-weight: 500;}
.bproundsection3 .left p{font-size: 15px;line-height: 24px;}
.bproundsection3 .left .read-more{display: inline-block;width: 100%;}
.bproundsection3 .left .read-more .line{width: 10%; display: inline-block; height: 9px; border-bottom: 2px solid #000;}
.bproundsection3 .left .read-more .text{text-align: left; display: inline-block;font-weight: 600;}
.bproundsection3 .left .read-more a{text-decoration: none; color: #1a1a1a; text-align: right; float: right; width: 100%;}

.bproundsection3 .right{display:inline-block;width: 44%;margin: 0px 0px 30px 2%; background-color: #ffcc00;padding: 2%;color:#1a1a1a;float: left;min-height: 590px;}
.bproundsection3 .right img{width: 100%;}
.bproundsection3 .right h3{font-size: 18px;}
.bproundsection3 .right p{font-size: 16px;line-height: 24px;}
.bproundsection3 .right .read-more{display: inline-block;width: 100%;}
.bproundsection3 .right .read-more .line{width: 10%; display: inline-block; height: 9px; border-bottom: 2px solid #000;}
.bproundsection3 .right .read-more .text{text-align: left;display: inline-block;font-weight: 600;}
.bproundsection3 .right .read-more a{text-decoration: none; color: #1a1a1a; text-align: right; float: right; width: 100%;}

.press-page{width: 100%;display: inline-block;float: left;}
.press-page .section-one{width: 90%;display: inline-block;float: left;background-color: #0072bb;color: #fff;position: relative;/* min-height: 250px;*/ margin: 7% 0px 20vh;padding: 5%;}
.press-page .section-one:after{    content: " "; position: absolute; background: #0072bb; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: -1;transform-origin: bottom left;transform: skew(0deg, 4deg);}
.press-page .section-one h3{font-size: 40px;text-transform: uppercase;margin: 0;font-weight: 500;}
.press-page .section-one p{font-size: 14px;line-height: 22px;width: 70%;display: none;}
.press-page .section-two{width: 90%;display: inline-block;float: left;padding: 0px 5%;}
.press-page .section-two .left{width: 100%;display: inline-block;float: left;}
.press-page .section-two .left .box{width: 32.3%;display: inline-block;float: left;padding: 0px 0.5% 50px;min-height: 280px;}
.press-page .section-two .left .box .top{width: 94%;display: table;float: left;background: #0072bb;color: #fff;padding: 3%;margin: 0px 0px 30px;min-height: 150px;border: 1px solid #0072bb;}
.press-page .section-two .left .box .top p{font-size: 14px; text-transform: uppercase; line-height: 22px; font-weight: 500;vertical-align: middle;display: table-cell;}
.press-page .section-two .left .box .bottom{width: 94%;display: inline-block;float: left;background: #0072bb;color: #fff;padding: 3%;text-align: center;}
.press-page .section-two .left .box .bottom a{font-size: 13px; text-transform: uppercase; line-height: 22px; font-weight: 500;text-decoration: none;color: #fff;text-align: left;}
.press-page .section-two .left .box .bottom a img{width: 100%;max-width: 20px;margin: 0px 0px 0px 20px;vertical-align: bottom;}
.press-page .section-two .left .white .top{background-color: transparent;border:1px solid #0072bb;color: #0072bb;}
.press-page .section-two .left .white .bottom{background-color: transparent;border:1px solid #0072bb;}
.press-page .section-two .left .white .bottom a{color: #0072bb;}
.press-page .section-two .right{width: 20%;display: inline-block;float: left;padding: 0px 0px 0px 5%;}
.press-page .section-two .right .archive{width: 90%;display: inline-block;float: left;padding: 5%;border: 1px solid #0072bb;}
.press-page .section-two .right .archive h3{font-size: 14px;text-transform: uppercase;color:#0072bb;border-bottom: 1px solid #0072bb; }
.press-page .section-two .right .archive ul{padding: 0px 0px 0px 10px;list-style: none;}
.press-page .section-two .right .archive ul>li{line-height: 24px;font-size: 14px;text-transform: uppercase;font-weight: 600;}
.press-page .section-two .right .archive ul>li>span{}
.press-page .section-two .right .archive ul>li>ul{}
.press-page .section-two .right .archive ul>li>ul>li{font-weight: 100;}
.press-page .section-two .archive{display: inline-block;float: left;width: 30%;margin: 0px 1% 50px;padding: 10px;border: 2px solid #0072bb;font-size: 16px;}
.press-page .section-two .archive option{}


.media-page{width: 100%;display: inline-block;float: left;}
.media-page .section-one{width: 90%;display: inline-block;float: left;background-color: #0072bb;color: #fff;position: relative;/* min-height: 250px;*/ margin: 7% 0px 20vh;padding: 5%;}
.media-page .section-one:after{    content: " "; position: absolute; background: #0072bb; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: -1;transform-origin: bottom left;transform: skew(0deg, 3deg);}
.media-page .section-one h3{font-size: 40px;text-transform: uppercase;margin: 0;font-weight: 500;}
.media-page .section-one p{font-size: 14px;line-height: 22px;width: 70%;display: none;}
.media-page .section-two{width: 90%;display: inline-block;float: left;padding: 0px 5%;position: relative;}
.media-page .section-two .left{width: 100%;display: inline-block;float: left;}
.media-page .section-two .left .content{width: 100%;display: inline-block;float: left;}
.media-page .section-two .left h3{text-transform: uppercase;font-size: 18px;margin: 0px 0px 50px;}
.media-page .section-two .left h3 span{width: 40%; display: inline-block; height: 10px; border-bottom: 1px solid #000;margin: 0px 0px 0px 10px;}
.media-page .section-two .left .box{width: 27%; display: inline-block; float: left; padding: 2% 2% 2% 2%; min-height: auto; border: 1px solid #ccc; margin: 0px 2% 50px 0px;}
.media-page .section-two .left .box a{width: 100%;display: inline-block;float: left;text-decoration: none;color: #000;}
.media-page .section-two .left .box .text{display: inline-block;float: left;width: 100%;    min-height: 400px;}
.media-page .section-two .left .box .text h4{font-size: 15px;font-weight: 500;text-transform: uppercase;line-height: 22px;}
.media-page .section-two .left .box .text p{font-size: 15px;line-height: 24px;font-weight: 300;}
.media-page .section-two .left .box .image{display: inline-block;float: left;width: 100%;text-align: center;/*border: 1px solid #000;*/height:300px;overflow:hidden;}
.media-page .section-two .left .box .image img{width: 100%;}
.media-page .section-two .right{width: 25%;display: inline-block;float: left;padding: 0px 0px 0px 5%;position: sticky; right: 5%;top: 30%;}
.media-page .section-two .right .archive{width: 90%;display: inline-block;float: left;padding: 5%;border: 1px solid #0072bb;}
.media-page .section-two .right .archive h3{font-size: 14px;text-transform: uppercase;color:#0072bb;border-bottom: 1px solid #0072bb; }
.media-page .section-two .right .archive ul{padding: 0px 0px 0px 10px;list-style: none;}
.media-page .section-two .right .archive ul>li{line-height: 24px;font-size: 14px;text-transform: uppercase;font-weight: 600;}
.media-page .section-two .right .archive ul>li>a{text-decoration: none;color: #000;}
.media-page .section-two .right .archive ul>li>a:hover{color: #0072bb;}
.media-page .section-two .right .archive ul>li>ul{}
.media-page .section-two .right .archive ul>li>ul>li{font-weight: 100;}
.media-page .section-two .archive{display: inline-block;float: left;width: 31%;margin: 0px 2% 50px 0;padding: 10px;border: 2px solid #0072bb;font-size: 16px;}
.media-page .section-two .archive:nth-of-type(2){margin: 0px 0% 50px;}
.media-page .section-two .archive option{}

.blog-page .section-two .archive{    display: inline-block;
    float: left;
    width: 47%;
    margin: 0 1%;
    padding: 10px;
    border: 2px solid #0072bb;
    font-size: 16px;}
.blog-page .section-two .archive.dd{margin: 0px 1% 50px;}
.blog-page .section-two .archive option{}
.blog-page .section-two form{display: inline-block;
    width: 72%;
    float: left;}


.newsletter-page{width: 100%;display: inline-block;float: left;}
.newsletter-page .section-one{width: 90%;display: inline-block;float: left;background-color: #0072bb;color: #fff;position: relative;/* min-height: 250px;*/ margin: 7% 0px 30vh;padding: 5%;}
.newsletter-page .section-one:after{    content: " "; position: absolute; background: #0072bb; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: -1;transform-origin: bottom left;transform: skew(0deg, 6deg);}
.newsletter-page .section-one h3{font-size: 40px;text-transform: uppercase;margin: 0;font-weight: 500;}
.newsletter-page .section-one p{font-size: 14px;line-height: 22px;width: 70%;}
.newsletter-page .section-two{width: 90%;display: inline-block;float: left;padding: 0px 5%;position: relative;}
.newsletter-page .section-two .archive{display: inline-block;float: left;width: 31%;margin: 0px 1% 50px;padding: 10px;border: 2px solid #0072bb;font-size: 16px;}
.newsletter-page .section-two .compendium{display: inline-block;float: left;width: calc(27% + 20px);margin: 0px 1% 50px;     padding: 10px;     border: 2px solid #0072bb;     font-size: 16px;     text-align: center;     background: #0072bb;     color: #fff;}
.newsletter-page .section-two .archive option{}
.newsletter-page .section-two .content{width: 100%;display: inline-block;float: left;min-height: 500px;}
.newsletter-page .section-two .content .box{width: 27%;display: inline-block;float: left;border:1px solid;background-color: #0072bb;color: #fff;margin: 0px 1% 40px;padding: 20px;min-height: 460px;}
.newsletter-page .section-two .content .boxs{width: 27%;display: inline-block;float: left;border:1px solid;background-color: #0072bb;color: #fff;margin: 0px 1% 40px;padding: 20px;}
.newsletter-page .section-two .content .compendiums .boxs img{width:100%;}
.newsletter-page .section-two .content .box h3{text-transform: uppercase;border-bottom: 1px solid #fff;padding: 0px 0px 5px;}
.newsletter-page .section-two .content .box h3 .title{font-size: 18px;}
.newsletter-page .section-two .content .box h3 .date{text-align: right; display: inline-block; float: right; font-weight: 200; font-size: 14px;}
.newsletter-page .section-two .content .box h4{font-size: 17px;font-style: italic;font-weight: 600;}
.newsletter-page .section-two .content .box ul{padding: 0px 0px 0px 20px;min-height: 260px;}
.newsletter-page .section-two .content .box ul li{font-size: 15px;line-height: 22px;padding: 0px 0px 8px;font-weight: 500;}
.newsletter-page .section-two .content .box ul li ul{min-height: unset;}
.newsletter-page .section-two .content .box .download{background: #fff; padding: 3%; text-align: center; width: 94%; display: inline-block; float: left;-webkit-box-shadow: 0px 3px 16px -7px rgba(0,0,0,0.75);-moz-box-shadow: 0px 3px 16px -7px rgba(0,0,0,0.75);box-shadow: 0px 3px 16px -7px rgba(0,0,0,0.75);}
.newsletter-page .section-two .content .box .download a{text-decoration: none; color: #0072bb; font-size: 14px; font-weight: 600;display: inline-block;width: 100%;}

.newsletter-page .section-two .content .boxs .download a{text-decoration: none; color: #0072bb; font-size: 14px; font-weight: 600;display: inline-block;width: 100%;}
.newsletter-page .section-two .content .boxs .download{background: #fff; padding: 3%; text-align: center; width: 94%; display: inline-block; float: left;-webkit-box-shadow: 0px 3px 16px -7px rgba(0,0,0,0.75);-moz-box-shadow: 0px 3px 16px -7px rgba(0,0,0,0.75);box-shadow: 0px 3px 16px -7px rgba(0,0,0,0.75);}


.faq-page .section-two .content .white-box{background-color: #fff;color: #0072bb;}
.faq-page .section-two .content .white-box h3{}
.faq-page .section-two .content .white-box .download{background: #0072bb; }
.faq-page .section-two .content .white-box .download a{color: #fff;}

.faq-page{width: 100%;display: inline-block;float: left;}
.faq-page .section-one{width: 90%;display: inline-block;float: left;background-color: #0072bb;color: #fff;position: relative;/* min-height: 250px;*/ margin: 7% 0px 20vh;padding: 5%;}
.faq-page .section-one:after{    content: " "; position: absolute; background: #0072bb; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: -1;transform-origin: bottom left;transform: skew(0deg, 6deg);}
.faq-page .section-one h3{font-size: 40px;text-transform: uppercase;margin: 0;font-weight: 500;}
.faq-page .section-one p{font-size: 14px;line-height: 22px;width: 70%;}
.faq-page .section-two{width: 90%;display: inline-block;float: left;padding: 0px 5%;position: relative;}

.faq-page .section-two .left{width: 70%;display: inline-block;float: left;padding: 0px 0px 20px;}
.faq-page .section-two .right{display: inline-block;float: left;width: 30%;}
.faq-page .section-two .right img{width: 90%; float: left; padding: 0px 0px 0px 10%;}
.faq-page .section-two input {position: absolute; opacity: 0; z-index: -1; }

.faq-page .section-two .row {display: -webkit-box; display: flex; }
.faq-page .section-two .row .col {-webkit-box-flex: 1; flex: 1; }
.row .col:last-child {margin-left: 1em; }

/* Accordion styles */
.faq-page .section-two .tabs {overflow: hidden;}

.faq-page .section-two .tab {width: 100%; color: white; overflow: hidden; }
.faq-page .section-two .tab-label {display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; padding: 1em 0em 1em; font-weight: 300; cursor: pointer; border-bottom: 1px solid #333;box-shadow: none;color: #333;font-size: 18px;line-height: 24px;}
.faq-page .section-two .tab-label::after {content: "\276F"; width: 1em; height: 1em; text-align: center; -webkit-transition: all 0.35s; transition: all 0.35s; }
.faq-page .section-two .tab-content {max-height: 0; padding: 0 1em; color: #333; background: white; -webkit-transition: all 0.35s; transition: all 0.35s; }
.faq-page .section-two .tab-content p{font-size: 16px;font-weight: 100;color:#333;line-height: 24px;}
.faq-page .section-two .tab-close {display: -webkit-box; display: flex; -webkit-box-pack: end; justify-content: flex-end; padding: 1em; font-size: 0.75em; background: #2c3e50; cursor: pointer; }


.faq-page .section-two input:checked + .tab-label { }
.faq-page .section-two input:checked + .tab-label::after {-webkit-transform: rotate(90deg); transform: rotate(90deg); }
.faq-page .section-two input:checked ~ .tab-content {max-height: 100vh; padding: 1em 1em 1em 0px; }


.parnter-page{width: 100%;display: inline-block;float: left;}
.parnter-page .banner{width: 100%;display: inline-block;float: left;margin: 80px 0px 0px;height: 45vh; }
.parnter-page .banner .contant{display: inline-block; width: 90%; background-color:  #0072bb; position: relative; padding: 5% 5%; color: #fff; } 
.parnter-page .banner .contant:after{content: " "; position: absolute; background: #0072bb; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; transform-origin: bottom left; transform: skew(0deg, 4deg); } 
.parnter-page .banner h1{color: #fff; font-size: 40px; padding: 0px 0px 20px; font-weight: 500;text-transform: uppercase;}
.parnter-page .banner p{font-size: 15px; font-weight: 100; color: #fff; line-height: 24px;display: none;}
.parnter-page .main {width: 94%; padding: 3% 3% 0%; display: inline-block; float: left; } 
.parnter-page .main .left{width: 25%; display: inline-block; float: left;position: sticky;left: 0;top: 15%;} 
.parnter-page .main .left .btn-group .btn-default{background: transparent; border: none; outline: none; display: block; line-height: 25px; color: #0072bb; font-size: 15px; font-weight: 600; width: 100%; margin: 0px 0px 10px; text-align: left; cursor: pointer;position: relative;text-transform:uppercase;}
.parnter-page .main .left button>span {position: absolute;left: 2%; top:90%; margin:0 auto; height: 2px; background-color: #0072bb; width: 0%; transition: width 1s ease;display: none;width: 80%;font-size: 20px;} 
.parnter-page .main .left .active span{display: inline-block;}
.parnter-page .main .row {width: 75%; display: inline-block; float: right; min-height: 100vh;padding: 0px 0px 5%; } 
.parnter-page .main .row .col-media{width: 31%; display: inline-block; float: left; margin: 0% 2% 2% 0px; box-shadow: 0px 0px 10px 3px #c2c2c2;height: 163px;}
.parnter-page .main .row .col-media a .caption img {width: 100%; }
.parnter-page .main .row .col-media a{text-decoration: none;display: inline-block;width: 100%;}
.parnter-page .main .row .col-media .caption{display: inline-block;background-color: transparent;}

.parnter-page .uploads-row .content{display: inline-block;float: left;width: 100%;position: relative;}
.parnter-page .uploads-row .title{display: inline-block;float: left;width: 100%;font-size: 16px; color: #0072bb; font-weight: 600; padding: 0px 0px 5px;border-bottom: 2px solid #0072bb;margin: 20px 0px 30px;text-transform: uppercase;}
.parnter-page .uploads-row .title-one{display: inline-block;float: left;width: 100%;font-size: 16px; color: #0072bb; font-weight: 600; padding: 0px 0px 5px;border-bottom: 2px solid #0072bb;margin: 7px 0px 30px;text-transform: uppercase;}


.contact-main p{margin:0px;}
.contact-main{display: inline-block; width: 90%; padding: 0% 5% 0%; background: #0072bb; position: relative; margin: 80px 0px 0vh; color: #fff;height: 400px;z-index: 1;} 
.contact-main:after {content: " "; position: absolute; background: #0072bb; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; transform-origin: bottom left; transform: skew(0deg, 6deg); }
.contact-main .content{width: 100%;display: inline-block;float: left;}
.contact-main .content .contact-text{width: 50%; display: inline-block; float: left; padding: 0% 0% 0% 0%;position: relative;} 
.contact-main .content .contact-text h3{font-size: 15px; font-weight: 300; padding: 0px 0px 0%; line-height: 22px;margin: 20px 0px 30px;}
.contact-main .content .contact-text .left{width: 50%; display: inline-block; float: left;}
.contact-main .content .contact-text .right{display: inline-block; float: left; width: 45%; padding: 0px 0px 0px 5%;position: relative;} 
.contact-main .content .contact-text .icon{width: 10%; display: inline-block; float: left;cursor: pointer;padding: 0px 2% 0px 0px;}
.contact-main .content .contact-text .icon svg{max-width: 25px;}
.contact-main .content .contact-text .icons1 p{    display: inline-block;
    width: 100%;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    margin: 0px 0px 10px;}
.contact-main .content .contact-text .icons1 a{    display: inline-block;
    margin: 0px 10px 30px 0px;    text-decoration: none;}
.contact-main .content .contact-text .fa{    font-size: 25px;
    color: #fff;}
.contact-main .content .contact-text .address{width: 88%; display: inline-block; float: left; padding: 5px 0px 30px;} 
.contact-main .content .contact-text .address p:nth-child(1){font-size: 15px; text-transform: uppercase; font-weight: 500;}
.contact-main .content .contact-text .address p:nth-child(2){font-size: 15px; font-weight: 100; padding: 10px 0px 0px; line-height: 22px;}
.contact-main .content .contact-text .address p>a{color: #fff; text-decoration: none; font-weight: 200; text-transform: lowercase; font-size: 16px;}
.contact-main .content .contact-text .map{position: absolute; left: 0px; z-index: 1; width: 115%; display: inline-block; float: left; top: 100%;} 
.contact-main .content .main{width: 45%;padding: 0px 0px 0px 5%; display: inline-block; float: left; position: relative;}
.contact-main .content .main .button{width: 100%; display: inline-block; float: left; text-align: right; padding: 8% 0% 0%;}
.contact-main .content .main .button a{background: #fff; padding: 20px 30px; color: #0072bb; text-decoration: none; font-size: 15px; font-weight: 600; text-transform: uppercase;box-shadow: 2px 2px 8px 0px #191714c7;}
.contact-main .content .main .right{width: 100%; display: inline-block; float: left; margin: 8% 0% 0%;}
.contact-main .content .main .right form{width: 100%;color: #fff;}
.contact-main .content .main .right form .name{border: none; border-bottom: 1px solid #fff; width: 100%; font-size: 18px; background: transparent; margin: 0px 0px 20px; padding: 0px 0px 8px 0px; outline: none;}
.contact-main .content .main .right form input[type=text]::placeholder{font-size: 18px;font-weight: 500;color: #fff;} 
.contact-main .content .main .right form>textarea::placeholder{color: #fff;font-weight: 300;}
.contact-main .content .main .right form>textarea{border: none; border-bottom: 1px solid #fff; width: 100%; font-size: 18px; background: transparent; margin: 0px 0px 20px; padding: 0px 0px 20px 0px; height: 80px; font-family: 'Gotham', sans-serif;outline: none;color: #fff;}
.contact-main .content .main .right form .send{width: 100%; display: inline-block; float: left; text-align: left;}
.contact-main .content .main .right form input[type=submit]{background: #fff; border: none; outline: none; color: #333; font-size: 15px; font-weight: 600; padding: 15px 65px;cursor: pointer;}
.contact-main .content .contact-text .image{width: 100%; display: inline-block;position: absolute;left: -100px;} 
.contact-main .content .contact-text .image img{width: 100%;max-width: 230px;}
.contact-main .content .contact-text .icon:hover svg path{fill: #000;}
.contact-main .content .contact-text .icon:hover svg{color: #000;}    
.contact-map{width: 100%;display: inline-block;float: left;overflow: hidden;}

.teambpac-page p,.teambpac-page h1,.teambpac-page h2,.teambpac-page h3,.teambpac-page h4,.teambpac-page h5,.teambpac-page h6{margin: 0px;}
.teambpac-page .banner-img{width: 100%;margin: 0px 0px 5%;}
.teambpac-page .banner{width: 100%;display: inline-block;float: left;background-color: #f5f3f4;padding: 80px 0%;margin: 0px;}
.teambpac-page .banner h1{color: #333; font-size: 40px; padding: 0px; font-weight: 500;margin: 0px 0px 0% 5%;} 
.teambpac-page .banner p{font-size: 15px; font-weight: 100; color: #333; line-height: 24px;}
.teambpac-page .main{width: 90%; display: inline-block; float: left; padding: 5% 5%;} 
.teambpac-page .main .team{width: 32%; display: inline-block; float: left; margin: 0% 1% 2% 0%; position: relative;} 
.teambpac-page .flip-card{ background-color: transparent; width: 100%; min-height: 500px; perspective: 1000px;max-height: 500px;} 
.teambpac-page .flip-card-inner{position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.6s; transform-style: preserve-3d;} 
.teambpac-page .flip-card-front{background-color: #0072bb;color: #fff;}
.teambpac-page .flip-card .flip-card-inner .flip-card-front .image{width: 100%; display: inline-block; float: left;} 
.teambpac-page .main .team .flip-card .flip-card-inner .flip-card-front .image img{width: 100%;}
.teambpac-page .main .team .flip-card .flip-card-inner .flip-card-front .main-in{width: 100%;display: inline-block;float: left;min-height: 520px;max-height: 520px;}  
.teambpac-page .main .team .flip-card .flip-card-inner .flip-card-front .main-in .contant{width: 90%; padding: 5% 5% 0%; display: inline-block; text-align: left; line-height: 25px;min-height: 140px;} 
.teambpac-page .main .team .flip-card .flip-card-inner .flip-card-front .main-in .contant h1{font-size: 16px; font-weight: 500; text-transform: uppercase;}
.teambpac-page .main .team .flip-card .flip-card-inner .flip-card-front .main-in .contant h5{font-size: 14px; font-weight: 400; text-transform: uppercase;} 
.teambpac-page .main .team .flip-card .flip-card-inner .flip-card-front .main-in  .contant p{padding: 10px 0px 0px; font-size: 15px; font-weight: 100; line-height: 24px;} 
.teambpac-page .main .team .flip-card .flip-card-inner .flip-card-front .main-in  .icons{width: 90%; padding: 0% 5% 0%; text-align: right; display: inline-block;} 
.teambpac-page .main .team .flip-card .flip-card-inner .flip-card-front .main-in .icons a{text-decoration: none; max-width: 50px; display: inline-block; margin: 0px 0px 0px 10px;}
.teambpac-page .main .team .flip-card .flip-card-inner .flip-card-front .main-in .icons a>img{width: 100%;}
.teambpac-page .flip-card:hover .flip-card-inner{transform: rotateY(180deg);}
.teambpac-page .flip-card .flip-card-inner .flip-card-front,.teambpac-page .flip-card-back{ position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden;} 
.teambpac-page .flip-card-back{background-color: #0072bb; color: #fff; width: 90%; text-align: left;padding: 0% 5%;position: relative;overflow-y: auto;} 
.teambpac-page .flip-card-back h1{font-size: 16px; font-weight: 600; text-transform: uppercase;padding: 20px 0px 10px;}
.teambpac-page .flip-card-back h5{font-size: 14px; font-weight: 400; text-transform: uppercase;} 
.teambpac-page .flip-card-back p{padding: 10px 0px 0px; font-size: 15px; font-weight: 100; line-height: 24px;} 
.teambpac-page .flip-card-back .icons{width: 100%; display: inline-block; position: relative; bottom: 0%; left: 0%;text-align: center;z-index: 1;} 
.teambpac-page .flip-card-back .icons a{text-decoration: none; max-width: 50px; display: inline-block; margin: 0px 0px 0px 10px;} 
.teambpac-page .flip-card-back .icons a>img{width: 100%;}
.error-page{width: 90%; display: inline-block; float: left; padding: 10% 5% 5%; text-align: center;} 
.error-page .logo{width: 100%; display: inline-block; float: left;}
.error-page .logo img{width: 100%;max-width: 200px;}
.error-page h3{font-size: 40px; font-weight: 600; text-transform: uppercase; line-height: 24px; padding: 10px 0px 20px; display: inline-block;} .error-page p{font-size: 15px;line-height: 22px;font-weight: 100;}
.error-page a{background: #0471b9; padding: 15px 40px; display: inline-block; text-align: center; color: #fff; text-decoration: none; text-transform: uppercase; margin: 20px 0px 0px; font-weight: 600; font-size: 15px;}

.thank-you-2020{width: 90%; display: inline-block; float: left; padding: 10% 5% 5%; text-align: center;} 
.thank-you-2020 .logo{width: 100%; display: inline-block; float: left;}
.thank-you-2020 .logo img{width: 100%;max-width: 230px;}
.thank-you-2020 h3{font-size: 45px; font-weight: 600; text-transform: uppercase; line-height: 24px; margin: 0px;padding: 10px 0px 20px; display: inline-block; color: #0471b9;} 
.thank-you-2020 p{margin:0px;font-size: 26px; line-height: 30px; font-weight: 600; text-transform: uppercase;}
.thank-you-2020 a{background: #0471b9; padding: 15px 40px; display: inline-block; text-align: center; color: #fff; text-decoration: none; text-transform: uppercase; margin: 20px 0px 0px; font-weight: 600; font-size: 15px;}


/*BSM Page */

.bsm-page .banner {display: inline-block; width: 100%; margin-top: 88px; float: left; } 
.bsm-page .banner img{width: 100%;display: inline-block;float: left;}
.bsm-page .Sustainability{display: inline-block; width: 80%; padding: 5% 10% 0%; background: #f5f3f3; position: relative; min-height: 380px;margin: 0px 0px 25vh;}
.bsm-page .Sustainability:after {content: " "; position: absolute; background: #f5f3f3; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; transform-origin: bottom left; transform: skew(0deg, 6deg); } 
.bsm-page .Sustainability .title{font-size: 28px; font-weight: 500; color: #8cc63e; text-transform: uppercase; padding: 0px 0px 10px; line-height: 28px; text-align: center;} 
.bsm-page .Sustainability .title span{font-size: 40px; font-weight: 500; color: #8cc63e; text-transform: uppercase; margin: 15px 0px 0px; display: inline-block;} 
.bsm-page .Sustainability .description-1{font-size: 16px; font-weight: 200; line-height: 24px; padding: 25px 0px 0px; display: inline-block; text-align: center;} 
.bsm-page .Sustainability .description-1 span{font-weight: 700;}
.bsm-page .Sustainability .description-2{font-size: 28px; text-align: center; color: #8cc63e; font-weight: 500; text-transform: uppercase; padding: 25px 0px 0px;} 
.bsm-page .Sustainability .take-button{width: 100%; display: inline-block; float: left; text-align: center;} 
.bsm-page .Sustainability .button{display: inline-block; text-align: center; padding: 4% 10px 0px;text-shadow: unset; text-transform: unset; line-height: unset; font-size: unset; cursor: pointer; font-family: unset; border: unset; background: unset; -webkit-border-radius: unset; -moz-border-radius: unset; border-radius: unset; -webkit-box-shadow: unset; -moz-box-shadow: unset; box-shadow: unset;} 
.bsm-page .Sustainability .button a{width: 200px; background: #0072bc; padding: 15px 25px; color: #fff; text-decoration: none; font-weight: 700; text-transform: uppercase;}

.bsm-page .our-keys{display: inline-block; width: 90%;padding: 0% 5% 5%; background: #fff; position: relative; margin: 0px 0px 0vh;}
.bsm-page .our-keys h1{font-size: 40px; text-transform: uppercase; font-weight: 500; padding: 0px 0px;} 
.bsm-page .our-keys p{font-size: 16px; line-height: 22px; font-weight: 300; padding: 15px 0px;}
.bsm-page .our-keys .box{width: 31%; display: inline-block; float: left; margin: 0% 3% 0% 0%;} 
.bsm-page .our-keys .box .image{width: 100%; display: inline-block; float: left;} 
.bsm-page .our-keys .box .image img{width: 100%; float: left;} 
.bsm-page .our-keys .box .content{width: 90%; padding: 5%; display: inline-block; float: left; min-height: 220px; background: #666666; text-align: center;} 
.bsm-page .our-keys .box .content h4{font-size: 18px; font-weight: 500; color: #fff; line-height: 26px; padding: 0px 0px 10px;} 
.bsm-page .our-keys .box .content p{color: #fff; font-size: 16px; line-height: 24px; font-weight: 300;padding: 0px;} 
.bsm-page .our-keys .margin{margin: 0px;}
.bsm-page .our-keys .download-key{width: 100%; display: inline-block; float: left; text-align: center; padding: 4% 0px 3%;} 
.bsm-page .our-keys .download-key p{font-size: 28px; font-weight: 500; text-transform: uppercase;} 
.bsm-page .our-keys .download-key p:nth-of-type(2){font-size: 16px;
    text-transform: unset;
    line-height: 28px;
    font-weight: 200;}
.bsm-page .our-keys .download-key p:nth-of-type(2) span{font-size: 16px;
    text-transform: unset;width: unset;}    
.bsm-page .our-keys .download-key p:nth-of-type(3){font-size: 16px;
    font-weight: 200;
    text-transform: unset;line-height: 26px;padding: 0px;}
.bsm-page .our-keys .download-key p:nth-of-type(3) span{font-size: 16px;
    text-transform: unset;width: unset;}
.bsm-page .our-keys .download-key p:nth-of-type(3) a{text-decoration: none;
    color: #0072bc;
    font-size: 16px;
    font-weight: 500;}
.bsm-page .our-keys .download-key .kannada{width: 190px; display: inline-block; text-align: center; background: #0072bc;  margin: 1% 1% 0%;} 
.bsm-page .our-keys .download-key .kannada a{color: #fff; text-transform: uppercase; text-decoration: none; font-size: 15px; font-weight: 700;padding: 15px 30px;display: inline-block;}
.bsm-page .key-two{display: inline-block; width: 90%; padding: 0% 5% 0%; background: #f5f3f3; position: relative; margin: 20vh 0px 0vh; z-index: 1;} 
.bsm-page .key-two:after {content: " "; position: absolute; background: #f5f3f3; display: block; width: 100%; height: 100%; top: -10%; left: 0; z-index: -1; transform: skewY(6deg);} 
.bsm-page .key-two h1{font-size: 40px; text-transform: uppercase; font-weight: 500; padding: 3% 0px;color: #231f20;line-height: 40px;}
.bsm-page .key-two .box .content h4{color: #8cc63e;font-weight: 600;}
.bsm-page .key-two .download-key p:nth-child(1){font-size: 28px; font-weight: 500; padding: 0px 0px 10px;} 
.bsm-page .key-two .download-key p:nth-child(2){font-weight: 600;}
.bsm-page .key-two .download-key span{font-size: 18px; width: 100%; display: inline-block; text-transform: uppercase; font-weight: 600;} 
.bsm-page .key-two .download-key .kannada{margin: 1.5% 1% 1%;}
.bsm-page .key-two .box .content{min-height: 180px;}

.bsm-page .video-section .background-color{background-color: #f5f3f3; width: 100%; display: inline-block; float: left; height: 100%; position: absolute; left: 0; z-index: -1; top: -34%;} 
.bsm-page .video-section{display: inline-block; width: 90%; padding: 5% 5% 5%; background: #666666; position: relative; margin: 28vh 0px 0vh;}
.bsm-page .video-section:after {content: " "; position: absolute; background: #666666; display: block; width: 100%; height: 88%; top: -12%; left: 0; z-index: -1; transform: skewY(6deg);} 
.bsm-page .video-section h1{font-size: 38px; text-transform: uppercase; color: #8cc63e; text-align: center; font-weight: 500; padding: 0px 0px 20px;}
.bsm-page .video-section p{color: #fff; text-align: center; font-size: 30px; font-weight: 500; text-transform: uppercase;} 
.bsm-page .video-section .video{width: 100%; display: inline-block; text-align: center; padding: 3% 0% 0%;} 
.bsm-page .video-section .video img{width: 100%;max-width: 680px;}

.bsm-page .partners{width: 90%; display: inline-block; float: left; padding: 6% 5% 0%;} 
.bsm-page .partners h1{font-size: 45px; text-transform: uppercase; font-weight: 600; color: #8cc63e;padding: 0px 0px 5%} 
.bsm-page .partners .slider .flexslider ul>li>a>img{width: 100%;}
.bsm-page .flex-control-nav{display: none;}
.bsm-page .flex-direction-nav{display: none;}

.bsm-page .Organizations1{width: 90%; display: inline-block; float: left; padding: 3% 5% 4%; text-align: center; background: #fff;}
.bsm-page .Organizations1 h3{text-transform: uppercase; text-align: center; font-size: 40px; font-weight: 600; padding: 0px 0px 20px;} 
.bsm-page .Organizations1 a{background: #0072bc; padding: 15px 10px; color: #fff; text-decoration: none; font-weight: 600; font-size: 15px; text-transform: uppercase; text-align: center; width: 180px; display: inline-block;}
.bsm-page .Organizations1 .text{font-size: 16px; font-weight: 300; padding: 0px 0px 10px; line-height: 28px;} 
.bsm-page .Organizations1 span{font-size: 16px; width: 100%; display: inline-block; padding: 10px 0px 0px;font-weight: 300;}
.bsm-page .Organizations1 span a{font-size: 16px;text-decoration: none; color: #8cc63e; font-weight: 600; line-height: 28px; background: transparent; padding: 0px; width: unset; text-transform: lowercase;}


.bsm-page .join-us{display: inline-block; width: 90%; padding: 3% 5% 2%; background: #fff;margin: 0px 0px 0vh;position: relative;}
.bsm-page .join-us .left{width: 38%; display: inline-block; float: left;} 
.bsm-page .join-us .left h1{font-size: 40px; color: #8cc63e; text-transform: uppercase; font-weight: 500; padding: 0px 0px 20px;} 
.bsm-page .join-us .left p{font-size: 18px; font-weight: 500; line-height: 30px;}
.bsm-page .join-us .left .text{font-size: 18px; font-weight: 500; line-height: 30px;padding: 0px 0px 10px;} 
.bsm-page .join-us .left span{font-size: 16px; display: inline-block; float: left; padding: 0px 0px 20px; font-weight: 500;width: 100%;} 
.bsm-page .join-us .left span>a{text-decoration: none; color: #8cc63e; font-size: 15px; font-weight: 600;line-height: 28px;} 
.bsm-page .join-us .left h4{color: #8cc63e; font-size: 26px; text-transform: uppercase; font-weight: 600; line-height: 28px; padding: 0px 0px 2%;} 
.bsm-page .join-us .left .Organizations{width: 100%; display: inline-block; float: left; margin: 0% 0px 5%;} 
.bsm-page .join-us .left .Organizations p{font-size: 22px; font-weight: 500; text-transform: uppercase; padding: 0px 0px 10px;} 
.bsm-page .join-us .left .Organizations a{background: #0072bc; padding: 15px 10px; color: #fff; text-decoration: none; font-weight: 600; font-size: 15px; text-transform: uppercase; text-align: center; width: 180px; display: inline-block;} 
.bsm-page .join-us .left .form{width: 80%; display: inline-block; float: left; padding: 10% 5%; background: #8cc63e;} 
.bsm-page .join-us .left .form h1{color: #fff; font-size: 18px; text-transform: uppercase; font-weight: 500; line-height: 28px; padding: 0px 0px 10%; } 
.bsm-page .join-us .left .form form .name{border: none; border-bottom: 1px solid; width: 100%; font-size: 18px; background: transparent; color: #fff; margin-bottom: 10%; height: 30px;outline: none;} 
.bsm-page .join-us .left .form form .name::placeholder{font-size: 18px;font-weight: 500;color: #fff;}
.bsm-page .join-us .left .form .submit-btn{width: 95%; display: inline-block; text-align: right; padding: 2% 0% 0% 0%;}
.bsm-page .join-us .left .form input[type=submit]{display: inline-block; font-size: 16px; border: none; outline: none; background: #fff; color: #8cc63e; cursor: pointer; padding: 10px 15%; text-transform: uppercase; font-weight: 600;box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.69);} 
.bsm-page .join-us .left .form form .send{width: 100%; display: inline-block; margin: 3% 0% 0%; text-align: center;} 
.bsm-page .join-us .right{width: 62%; display: inline-block; float: left; margin: 10% 0px 0px;} 
.bsm-page .join-us .right img{width: 100%;}

.bsm-page .top-stories-bsafe{display: inline-block;background-color:#8cc63e;margin-top: 14%;padding-top: 4%;background-size: 100%;   background-position: 100% 95%;color: #fff;position: relative;;width: 100%;}
.bsm-page .top-stories-bsafe:after {content: " "; position: absolute; background: #8cc63e; display: block; width: 100%; height: 100%; top: -14%; left: 0; transform: skewY(-6deg);z-index: -1; } 
.bsm-page .top-stories-bsafe .top-stories-section-one{display: inline-block;width: 90%;padding:0% 5%;}
.bsm-page .top-stories-bsafe .top-stories-section-one .top-stories-header{display: inline-block;width: 100%;}
.bsm-page .top-stories-bsafe .title{ font-weight: 500;font-size: 40px;}
.bsm-page .top-stories-bsafe .hr-program{display: inline-block;width: 400px;border: 1px solid #fff;height: 0px;}
.top-stories-bsafe .top-stories-section-one .knowmore{float: left;margin-top: 2%;margin-left: 1%;}
.bsm-page .top-stories-bsafe .top-stories-section-one .knowmore a{text-decoration: none;color: #fff;font-weight: bold;}
.bsm-page .top-stories-bsafe.top-stories-section-one .description{font-size:16px;line-height: 24px;display: inline-block; width: 40%;}
.bsm-page .top-stories-bsafe .stories-slider{display: inline-block;width: 90%;margin-bottom: 10%;padding: 0% 5%;}
.bsm-page .top-stories-bsafe .stories-slider .slider-nav{text-align: right;cursor: pointer;padding: 0% 0% 3%;}
.bsm-page .top-stories-bsafe .flexslider1 ul > li > a{display: inline-block; width: 100%; padding: 0px 0% ; text-decoration: none; color: #fff;}
.bsm-page .top-stories-bsafe .flexslider1 ul > li > a > img{width: 97%; border: solid 5px #fff;}
.bsm-page .top-stories-bsafe .flexslider1 ul > li > a > p{  width:97%;  margin: 0px;    font-size: 16px; font-weight: 500; color: #fff;line-height: 24px;}
.bsm-page .top-stories-bsafe .top-stories-section-one .description{font-size: 16px;line-height: 26px;color: #fff;padding: 0px 0px 25px;}
.grecaptcha-badge {visibility: hidden; }

/*BSM Page */

/*bsm endorsment*/

.endorsement{width: 100%; display: inline-block; float: left; margin: 100px 0px 0px;} 
.endorsement .left{width: 50%; display: inline-block; float: left; background: #666;} 
.endorsement .left .form{width: 80%; padding: 14% 10%; display: inline-block; float: left;}
.endorsement .left .form h1{font-size: 30px; color: #8cc63e; text-transform: uppercase; font-weight: 600; padding: 0px 0px 30px;}
.endorsement .left .form .name{border: none; border-bottom: 1px solid; width: 100%; font-size: 18px; background: transparent; color: #fff; margin-bottom: 10%; height: 30px; outline: none;}
.endorsement .left .form .name::placeholder{font-size: 18px;font-weight: 500;color: #fff;}
.endorsement .left .form label{color: #fff; font-size: 17px; width: 100%; display: inline-block; line-height: 24px; padding: 0px 0px 10px 0px;} 
.endorsement .left .form .file-input{height: 120px;     display: table-cell;     vertical-align: middle;
    text-align: center;width: 200px;     align-items: center;     overflow: hidden;}
  
.endorsement .checkbox{margin:20px; }
.endorsement .checkbox label {min-height: 21px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; line-height:22px; }
.endorsement .c-checkbox span {position: relative; display: inline-block; vertical-align: top; margin-left: -20px; width: 12px; height: 12px; border-radius: 2px; border: 5px solid #fff; text-align: center;background-color: #8cc63e; }
.endorsement .c-checkbox span:before{position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; text-align: center !important; font-size: 12px; line-height: 18px; vertical-align: middle; }
.endorsement .c-checkbox input[type=checkbox]{position:absolute; margin: 4px 0 0; opacity:0; }
.endorsement .c-checkbox input[type=checkbox]:checked {color: #fff; transition: color 0.3s ease-out; }
.endorsement .c-checkbox input[type=checkbox]:checked + span{border-color: #5d9cec; background-color: #5d9cec; }
.endorsement .c-checkbox input[type=checkbox]:checked + span:before{color: #fff; opacity: 1; transition: color 0.3s ease-out; } 
.endorsement .left .form input[type=submit]{display: inline-block; font-size: 16px; border: none; outline: none; background: #fff; color: #8cc63e; cursor: pointer; padding: 15px 13%; text-transform: uppercase; font-weight: 600; box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.69);} 
.endorsement .left .form .send{width: 100%; display: inline-block; margin: 3% 0% 0%; text-align: left;} 
.endorsement .right{width: 50%; display: inline-block; float: left;} 
.endorsement .right .image{width: 100%; display: inline-block; float: left;} 
.endorsement .right .image img{width: 100%;}
.endorsement .right .content{width: 90%; display: inline-block; float: left; padding: 5%;} 
.endorsement .right .content p{font-size: 20px; font-weight: 500; line-height: 32px; padding: 0px 0px 30px;}
.endorsement .right .content p>span{font-weight: 600;}
.endorsement .right .content p:nth-child(3){color: #8cc63e;text-transform: uppercase;font-size: 28px;line-height: 42px;}
.endorsement .left .form .image-up {display: inline-block; width: 42%;  position: relative; background: #fff; text-align: center; height: 120px;overflow:hidden;} 
.endorsement .left .form .image-upload img{max-width:100%;cursor: pointer; } 
.endorsement .left .form .image-up .image-upload > input {display: none; } 



.aboutus-page{width: 100%;display: inline-block;float: left;}
.aboutus-page .section-one{width: 90%;display: inline-block;float: left;background-color: #0072bb;color: #fff;position: relative; margin: 7% 0px 10vh;padding: 5%;}
.aboutus-page .section-one:after{    content: " "; position: absolute; background: #0072bb; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: -1;transform-origin: bottom left;transform: skew(0deg, 6deg);}
.aboutus-page .section-one h3{font-size: 40px;text-transform: uppercase;margin: 0;font-weight: 500;}
.aboutus-page .section-one p{font-size: 14px;line-height: 22px;width: 100%;}
.aboutus-page .section-two{width: 90%;display: inline-block;float: left;color: #333;position: relative; padding: 5%;}
.aboutus-page .section-two .title{display: inline-block;width: 100%;float: left;}
.aboutus-page .section-two .title h3{display: inline-block; font-size: 30px; margin: 0px 0px; font-weight: 500;text-transform: uppercase;}
.aboutus-page .section-two .title a{display: inline-block; text-decoration: none; color: #333; margin: 0px 10px 0px;}
.aboutus-page .section-two .title a span{display: inline-block; width: 400px; border: solid #333; border-width: 1px 0px; margin: 5px 5px;}
.aboutus-page .section-two .title a img{}
.aboutus-page .section-two .team-list{width: 100%;display: inline-block;float: left;padding: 5% 0px;}
.aboutus-page .section-two .team-list .box{width: 32%;display: inline-block;float: left;background-color: #0072bb;color: #fff;}
.aboutus-page .section-two .team-list .box:nth-of-type(2){margin: 0px 1%;}
.aboutus-page .section-two .team-list .box .image{width: 100%;display: inline-block;float: left;}
.aboutus-page .section-two .team-list .box .image img{width: 100%;float: left;}
.aboutus-page .section-two .team-list .box .contant{width: 90%; padding: 5% 5% 0%; display: inline-block; text-align: left; line-height: 25px; min-height: 230px;}
.aboutus-page .section-two .team-list .box .contant h1{font-size: 16px; font-weight: 500; text-transform: uppercase;margin: 0;}
.aboutus-page .section-two .team-list .box .contant h5{font-size: 14px; font-weight: 300; margin: 0;line-height: 20px;}
.aboutus-page .section-two .team-list .box .contant p{padding: 10px 0px 0px; font-size: 15px; font-weight: 100; line-height: 22px;margin: 0;}
.aboutus-page .section-two .team-list .box .icons{width: 90%; padding: 0% 5% 5%; text-align: right; display: inline-block;min-height: 32px;}
.aboutus-page .section-two .team-list .box .icons a{text-decoration: none; max-width: 50px; display: inline-block; margin: 0px 0px 0px 10px;}
.aboutus-page .section-two .team-list .box .icons a img{width: 100%;}

.aboutus-page .section-two .team-list.team{width: 32%; display: inline-block; float: left; margin: 0% 1% 2% 0%; position: relative;} 
.aboutus-page .section-two .team-list .flip-card{ background-color: transparent; width: 100%; min-height: 500px; perspective: 1000px;max-height: 500px;} 
.aboutus-page .section-two .team-list .flip-card-inner{position: relative; width: 100%; height: 100%; transition: transform 0.6s; transform-style: preserve-3d;} 
.aboutus-page .section-two .team-list .flip-card-front{background-color: #0072bb;color: #fff;}
.aboutus-page .section-two .team-list.flip-card-inner .flip-card-front .image{width: 100%; display: inline-block; float: left;} 
.aboutus-page .section-two .team-list .team .flip-card .flip-card-inner .flip-card-front .image img{width: 100%;}
.aboutus-page .section-two .team-list .team .flip-card .flip-card-inner .flip-card-front .main-in{width: 100%;display: inline-block;float: left;min-height: 520px;max-height: 520px;}  
.aboutus-page .section-two .team-list .team .flip-card .flip-card-inner .flip-card-front .main-in .contant{width: 90%; padding: 5% 5% 0%; display: inline-block; text-align: left; line-height: 25px;min-height: 140px;} 
.aboutus-page .section-two .team-list .team .flip-card .flip-card-inner .flip-card-front .main-in .contant h1{font-size: 16px; font-weight: 500; text-transform: uppercase;    margin: 0px;}
.aboutus-page .section-two .team-list .team .flip-card .flip-card-inner .flip-card-front .main-in .contant h5{font-size: 14px; font-weight: 400; text-transform: uppercase;    margin: 0px;} 
.aboutus-page .section-two .team-list .team .flip-card .flip-card-inner .flip-card-front .main-in  .contant p{padding: 10px 0px 0px; font-size: 15px; font-weight: 100; line-height: 24px;    margin: 0px;} 
.aboutus-page .section-two .team-list .team .flip-card .flip-card-inner .flip-card-front .main-in  .icons{width: 90%; padding: 0% 5% 0%; text-align: right; display: inline-block;} 
.aboutus-page .section-two .team-list .team .flip-card .flip-card-inner .flip-card-front .main-in .icons a{text-decoration: none; max-width: 50px; display: inline-block; margin: 0px 0px 0px 10px;}
.aboutus-page .section-two .team-list .team .flip-card .flip-card-inner .flip-card-front .main-in .icons a>img{width: 100%;}
.aboutus-page .section-two .team-list .flip-card:hover .flip-card-inner{transform: rotateY(180deg);}
.aboutus-page .section-two .team-list .flip-card .flip-card-inner .flip-card-front{ position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden;background-color: #0072bb;color: #fff;text-align: left;} 
.aboutus-page .section-two .team-list  .flip-card-back{ position: absolute; width: 90%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden;background-color: #0072bb;color: #fff;text-align: left;padding: 0px 5%;} 
.aboutus-page .section-two .team-list.flip-card-back{background-color: #0072bb; color: #fff; width: 90%; text-align: left;padding: 0% 5%;position: relative;} 
.aboutus-page .section-two .team-list .flip-card-back h1{font-size: 16px; font-weight: 600; text-transform: uppercase;padding: 20px 0px 10px;margin: 0px;}
.aboutus-page .section-two .team-list .flip-card-back h5{font-size: 14px; font-weight: 400; text-transform: uppercase;margin: 0px;} 
.aboutus-page .section-two .team-list .flip-card-back p{padding: 10px 0px 0px; font-size: 15px; font-weight: 100; line-height: 24px;margin: 0px;} 
.aboutus-page .section-two .team-list .flip-card-back .icons{width: 100%; display: inline-block; position: absolute; bottom: 3%; left: 0%;text-align: center;z-index: 1;} 
.aboutus-page .section-two .team-list .flip-card-back .icons a{text-decoration: none; max-width: 50px; display: inline-block; margin: 0px 0px 0px 10px;} 
.aboutus-page .section-two .team-list .flip-card-back .icons a>img{width: 100%;}
.aboutus-page .section-two .team-list .team{width: 32%; display: inline-block; float: left; margin: 0% 1% 2% 0%; position: relative;}
.aboutus-page .section-three{width: 90%;display: inline-block;float: left;color: #333;position: relative; padding: 0px 5%;}
.aboutus-page .section-three .title{display: inline-block;width: 100%;float: left;padding: 0px 0px 30px;}
.aboutus-page .section-three .title h3{display: inline-block; font-size: 30px; margin: 0px 0px; font-weight: 500;text-transform: uppercase;}
.aboutus-page .section-three .title a{display: inline-block; text-decoration: none; color: #333; margin: 0px 10px 0px;}
.aboutus-page .section-three .title a span{display: inline-block; width: 400px; border: solid #333; border-width: 1px 0px; margin: 5px 5px;}
.aboutus-page .section-three .title a img{}
.aboutus-page .section-three p{font-weight: 300;font-size: 15px;line-height: 22px;}

.aboutus-page .section-four{width: 90%;display: inline-block;float: left;color: #333;position: relative; padding: 0px 5% 5%; background: #fff;z-index: 1;}
.aboutus-page .section-four:after{    content: " "; position: absolute; background: #fff; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: -1;transform-origin: bottom left;transform: skew(0deg, 6deg);}
.aboutus-page .section-four .title{display: inline-block;width: 100%;float: left;padding: 0px 0px 30px;}
.aboutus-page .section-four .title h3{display: inline-block; font-size: 30px; margin: 0px 0px; font-weight: 500;text-transform: uppercase;}
.aboutus-page .section-four .title a{display: inline-block; text-decoration: none; color: #333; margin: 0px 10px 0px;}
.aboutus-page .section-four .title a span{display: inline-block; width: 400px; border: solid #333; border-width: 1px 0px; margin: 5px 5px;}
.aboutus-page .section-four .title a img{}
.aboutus-page .section-four .logo{display: inline-block;width: 100%;float: left;}
.aboutus-page .section-four .logo .box{width: 32%;display: inline-block;float: left;-webkit-box-shadow: 0px 1px 5px 0px rgba(222,222,222,1); -moz-box-shadow: 0px 1px 5px 0px rgba(222,222,222,1); box-shadow: 0px 1px 5px 0px rgba(222,222,222,1);text-align: center;}
.aboutus-page .section-four .logo .box img{width: 70%;height: 163px;}

.aboutus-page .section-five{width: 90%;display: inline-block;float: left;color: #333;position: relative; padding: 10% 5% 5%; background: #fff;}
.aboutus-page .section-five .title{display: inline-block;width: 100%;float: left;padding: 0px 0px 30px;}
.aboutus-page .section-five .title h3{display: inline-block; font-size: 30px; margin: 0px 0px; font-weight: 500;text-transform: uppercase;}
.aboutus-page .section-five .title a{display: inline-block; text-decoration: none; color: #333; margin: 0px 10px 0px;}
.aboutus-page .section-five .title a span{display: inline-block; width: 400px; border: solid #333; border-width: 1px 0px; margin: 5px 5px;}
.aboutus-page .section-five .title a img{}
.aboutus-page .section-five p{font-weight: 300;font-size: 15px;line-height: 22px;}


.baccountable-page .banner{width: 100%;display: inline-block;float: left;position: relative;margin:6% 0px 0px;}
.baccountable-page .banner .banner-img{width: 100%;display: inline-block;float: left;}
.baccountable-page .banner .banner-img img{width: 100%;float: left;}
.baccountable-page .banner .logo{width: 18%; display: inline-block; float: left; position: absolute; right: 1%; top: 1vh; padding: 11px 12px; }
.baccountable-page .banner .logo img{width: 100%;}
.baccountable-page .banner .content{position: absolute; right: 0%;  color: #fff; bottom: 0%; } 
.baccountable-page .banner .content p{line-height: 22px; font-weight: 100; text-align: right; font-size: 16px; background: #fff; color: #0072bb; padding: 15px 31px; font-weight: 700; } 
.baccountable-page .about-safe{display: inline-block; width: 80%; padding: 5% 10% 0%; background: #a7a8ac; position: relative; min-height: 380px;margin: 0px 0px 25vh;}
.baccountable-page .about-safe:after {content: " "; position: absolute; background: #a7a8ac; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; transform-origin: bottom left; transform: skew(0deg, 6deg); } 
.baccountable-page .about-safe  .title{font-size: 25px;font-weight: 500;color: #fff;text-transform: uppercase;padding: 0px 0px 15px;}
.baccountable-page .about-safe  .title span{font-size: 40px;font-weight: 500;color: #fff;text-transform: uppercase;}
.baccountable-page .about-safe .description{font-size: 15px;padding: 0;color: #fff;line-height: 24px;font-weight: 300;}
.baccountable-page .about-safe .image-right{display: inline-block;position: absolute;bottom: -35vh;right: 10%;}
.baccountable-page .about-safe .image-right img{width: 100%;}

.baccountable-page .programs{display: inline-block;width: 90%;padding:0% 5%; background: url(https://bpac.in/home-test/images/b-accountable/b-pac-logo-element.png);margin-top:0px;background-repeat: no-repeat;background-position: 25% 70%;background-size: 45%; }
.baccountable-page .programs .program-section-one{display: inline-block;width: 100%;}
.baccountable-page .programs .title{ font-weight: 500;font-size: 40px;color: #333;text-transform: uppercase;}
.baccountable-page .programs .hr-program{display: inline-block;width: 400px;border: 1px solid #333;height: 0px;}

.baccountable-page .programs .program-section-one .knowmore{float: left;margin-top: 3.5%;margin-left: 1%;text-transform: uppercase;}
.baccountable-page .programs .program-section-one .knowmore a{text-decoration: none;color: #333;font-weight: 300;}
.baccountable-page .programs .program-section-one p{float: left; padding-right: 50%; font-size: 15px; line-height:20px;color: #333;font-weight: 100;}
.baccountable-page .program-section-two a{    text-decoration: none; color: #a7a8ac;}
.baccountable-page .program-section-two .one-box {width: 65%;display: inline-block; float: left;margin: 4% 0% 0% 35%; }
.baccountable-page .float-left{float: left;}
.baccountable-page .program-section-two .one-box .top-first {margin: 0% 1% 4% 24%; } 
.baccountable-page .program-section-two .one-box .school {display: inline-block; width: 49%; float: left; margin: 0% 1% 4% 0; } 
.baccountable-page .program-section-two .one-box .bsafe {background-color: #a7a8ac; display: inline-block; padding: 11% 0%; position: relative; margin-right: 2%; float: left; width: 100%; text-align: center; }
.baccountable-page .program-section-two .one-box .bsafe .title {margin: 25px 0px 5px; color: #fff; font-size: 22px; position: relative; z-index: 1; text-transform: uppercase;font-weight: 300; } 
.baccountable-page .program-section-two .one-box .bsafe:after {content: " "; position: absolute; background: #a7a8ac; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: 0; transform-origin: bottom right; transform: skew(0deg, -15deg); } 
.baccountable-page .program-section-two .one-box .school .bsafe-text {display: inline-block; width: 100%; margin-top: 30%; margin-right: 0%;} 
.baccountable-page .font-14 {font-size: 15px;  font-weight: 300; color: #333; line-height: 22px;min-height: 280px; } 
.baccountable-page .school-hr {float: left; width: calc(100% - 120px); border: 1px solid #a7a8ac; height: 0px; margin-top: 2%; }
.baccountable-page .font-12 {font-size: 12px; } 

.baccountable-page .program-section-two .one-box .pdp{background-color: #a7a8ac;display: inline-block;padding: 11% 0%;position: relative;margin-right: 0%;float: left;width: 100%;text-align: center;} 
.baccountable-page .program-section-two .one-box .work{display: inline-block;width: 49%;float: left;margin: 0% 1% 4% 0%;}
.baccountable-page .program-section-two .one-box .pdp:after{content: " ";position: absolute;background: #a7a8ac; display: block;    width: 100%;    height: 100%;    top: 0;    left: 0; z-index: 0;transform-origin: bottom left;transform: skew(0deg, 15deg);}
.baccountable-page .program-section-two .one-box .pdp .title{margin: 25px 0px 5px;color: #fff;font-size: 22px;position: relative;z-index: 1;text-transform: uppercase;font-weight:100;}
.baccountable-page .program-section-two .one-box .pdp .description{margin: 0px;color: #fff;font-size: 14px;position: relative;z-index: 1;    min-height: 45px;}
.baccountable-page .program-section-two .one-box .work .pdp-text{display: inline-block;width: 100%;
    margin-top: 30%;margin-right:0%;}
.baccountable-page .work-hr{float: left;width: calc(100% - 120px);border: 1px solid #a7a8ac;height: 0px;margin-top: 2%; }
.baccountable-page .bsafe-program-img {display: inline-block; width: 40%; float: left; }
.baccountable-page .bsafe-program-img img {width: 100%; }


.baccountable-page .top-stories-bsafe{display: inline-block;background-color:#a7a8ac;margin-top: 5%;padding-top: 5%;background-size: 100%;   background-position: 100% 95%;color: #fff;width: 100%;}
.baccountable-page .top-stories-bsafe .top-stories-section-one{display: inline-block;width: 90%;padding:0% 5%;}
.baccountable-page .top-stories-bsafe .top-stories-section-one .top-stories-header{display: inline-block;width: 100%;}
.baccountable-page .top-stories-bsafe .title{ font-weight: 500;font-size: 40px;}
.baccountable-page .top-stories-bsafe .hr-program{display: inline-block;width: 400px;border: 1px solid #fff;height: 0px;}
.baccountable-page .top-stories-bsafe .top-stories-section-one .knowmore{float: left;margin-top: 2%;margin-left: 1%;}
.baccountable-page .top-stories-bsafe .top-stories-section-one .knowmore a{text-decoration: none;color: #fff;font-weight: 100;}
.baccountable-page .top-stories-bsafe.top-stories-section-one .description{font-size:16px;line-height: 24px;display: inline-block; width: 40%;font-weight: 100;}
.baccountable-page .top-stories-bsafe .stories-slider{display: inline-block;width: 90%;margin-bottom: 5%;padding: 0% 5%;}
.baccountable-page .top-stories-bsafe .stories-slider .slider-nav{text-align: right;}
.baccountable-page .top-stories-bsafe .flexslider {border: none;background: transparent;padding: 2% 0% 0%;width: 100%;}
.baccountable-page .top-stories-bsafe .flex-direction-nav{display: none;}
.baccountable-page .top-stories-bsafe .flexslider ul > li{}
.baccountable-page .top-stories-bsafe .flexslider ul > li > a{display: inline-block; width: 100%; padding: 0px 0% ; text-decoration: none; color: #fff;}
.baccountable-page .top-stories-bsafe .flexslider ul > li > a > img{width: 98%; border: solid 5px #fff;}
.baccountable-page .top-stories-bsafe .flexslider ul > li > a > .slider-discription{width:97%;  margin: 15px 0px 0px;font-size: 15px; font-weight: 300; color: #fff;line-height: 22px;}
.baccountable-page .top-stories-bsafe .flexslider .flex-control-nav{display: none;}
.baccountable-page .top-stories-bsafe .top-stories-section-one .description{font-size: 15px;font-weight: 300;color: #fff;line-height:22px; }

.blog-page{width: 100%;display: inline-block;float: left;}
.blog-page .section-one{width: 90%;display: inline-block;float: left;background-color: #0072bb;color: #fff;position: relative;/* min-height: 250px;*/ margin: 7% 0px 30vh;padding: 5%;}
.blog-page .section-one:after{    content: " "; position: absolute; background: #0072bb; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: -1;transform-origin: bottom left;transform: skew(0deg, 6deg);}
.blog-page .section-one h3{font-size: 40px;text-transform: uppercase;margin: 0;font-weight: 500;}
.blog-page .section-one p{font-size: 14px;line-height: 22px;width: 70%;}
.blog-page .section-two{width: 90%;display: inline-block;float: left;padding: 0px 2% 0px 5%;}
.blog-page .section-two .box{width: 47%;display: inline-block;float: left;margin:0px 0% 0px;height: 500px;padding: 0px 1% 30px;}
.blog-page .section-two .box:nth-of-type(odd){border-right: 1px solid #ccc;}
.blog-page .section-two .box .content{width: 100%;display: inline-block;float: left;}
.blog-page .section-two .box .content img{width: 100%;height: 250px;}
.blog-page .section-two .box .content .title{padding: 0px;color: #0871bc;font-weight: 500;font-size: 17px;line-height: 22px;}
.blog-page .section-two .box .content .autor{font-size: 14px;padding: 0px 0px 5px;color: #0072bb;}
.blog-page .section-two .box .content .autor a{font-size: 14px;padding: 0px 0px 5px;color: #0072bb;text-decoration: none;}
.blog-page .section-two .box .content .description{font-size: 14px;padding: 0px 0px 5px;line-height: 22px;overflow: hidden;max-height: 65px;}
.blog-page .section-two .box .content .read-more {font-size: 14px;line-height: 22px;color: #6f7071;text-align: left;text-transform: uppercase;margin: 0px;font-weight: 500;border-bottom: 1px solid #ccc;padding: 0px 0px 20px;}
.blog-page .section-two .box .content .content-description{display: inline-block;float: left;width: 100%;height: 200px;}
.blog-page .section-two .box .content .read-more a{color: #0871bc;text-decoration: none;}
.blog-page .section-two .first-blog{width: 100%;display: inline-block;float: left;padding: 0px 0px 50px;}
.blog-page .section-two .first-blog .left{width: 50%;display: inline-block;float: left;}
.blog-page .section-two .first-blog .right{width: 40%;padding: 5%;display: inline-block;float: left;}
.blog-page .section-two .first-blog .left img{width: 100%;float: left;height: 350px;}
.blog-page .section-two .first-blog .right .title{padding: 0px 0px 25px;height: 35px;color: #0871bc;font-weight: 500;font-size: 17px;line-height: 22px;}
.blog-page .section-two .first-blog .right .autor{font-size: 14px;padding: 0px 0px 5px;color: #0072bb;height: 20px;}
.blog-page .section-two .first-blog .right .autor a{font-size: 14px;padding: 0px 0px 5px;color: #0072bb;text-decoration: none;}
.blog-page .section-two .first-blog .right .description{font-size: 14px;padding: 0px 0px 5px;line-height: 22px;height: 65px;overflow: hidden;}
.blog-page .section-two .first-blog .right .read-more {font-size: 14px;padding: 0px 0px 5px;line-height: 22px;color: #6f7071;text-align: right;text-transform: uppercase;}
.blog-page .section-two .first-blog .right .read-more a{color: #0871bc;text-decoration: none;}

.blog-page .section-two .bloglist{display: inline-block; width: 72%; float: left;}

.blog-page .section-two .latest{width: 24%;display: inline-block;float: left;padding: 2% 1%;background-color: #f3f3f3;margin: 0px 0px 0px 2%;}
.blog-page .section-two .latest h3{text-transform: uppercase;font-weight: 500;font-size: 18px;margin: 0px 0px 20px;}
.blog-page .section-two .latest .archive ul{list-style: none;padding: 0px;}
.blog-page .section-two .latest .archive ul li{}
.blog-page .section-two .latest .box{width: 96%;display: inline-block;float: left;padding: 2%;margin: 0px 0px 30px;border-bottom: 1px solid #333;height: unset;border-right: none;}
.blog-page .section-two .latest .box .image{width: 100%;display: inline-block;float: left;}
.blog-page .section-two .latest .box .image img{width: 100%;}
.blog-page .section-two .latest .box .content{width: 100%;display: inline-block;float: left;}
.blog-page .section-two .latest .box .content p:nth-of-type(1){font-size: 15px; line-height: 20px; margin: 5px 0px 0px; font-weight: 500;}
.blog-page .section-two .latest .box .content p:nth-of-type(2){font-size: 14px; line-height: 20px; margin: 0px 0px;color: #0072bb;}
.blog-page .section-two .latest .box .content p:nth-of-type(3){font-size: 14px; line-height: 20px; margin: 5px 0px 20px; }
.blog-page .section-two .latest .box a{color: #333;text-decoration: none;}
.blog-page .section-two .latest .archive{width: 100%;display: inline-block;float: left;padding: 0px 0px 30px;}
.blog-page .section-two .latest .archive a{width: 100%;display: inline-block;float: left;text-decoration: none;text-decoration: none; font-size: 15px; text-transform: uppercase; line-height: 22px; padding: 5px 0px;color: #333;}



.financial-page{width: 100%;display: inline-block;float: left;}
.financial-page .section-one{width: 90%;display: inline-block;float: left;background-color: #f5f3f3;color: #333;position: relative;margin: 7% 0px 20vh;padding: 5%;}
.financial-page .section-one:after{    content: " "; position: absolute; background: #f5f3f3; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: -1;transform-origin: bottom left;transform: skew(0deg, 6deg);}
.financial-page .section-one h3{font-size: 40px;text-transform: uppercase;margin: 0;font-weight: 500;}
.financial-page .section-one p{font-size: 14px;line-height: 22px;width: 70%;}
.financial-page .section-two{width: 90%;display: inline-block;float: left;padding: 0px 2% 5% 5%;}

.financial-page .section-two ul{list-style: none;padding: 0px;display: inline-block;float: left;}
.financial-page .section-two ul li{display: inline-block;float: left;    font-size: 15px; text-decoration: none; background-color: #fff; padding: 18px 20px; color: #0072bb; font-weight: 500;box-shadow: 0px 1px 5px 0px rgba(222,222,222,1); margin: 0px 2% 20px 0px; width: 26%; text-align: center;}
.financial-page .section-two ul li a{color: #0072bb;text-decoration: none;}
.financial-page .section-two ul li a img{vertical-align: middle;margin: 0px 0px 0px 20px;}


.search-box{display: inline-block;float: left;width: 70%;padding: 1% 15%; background: #0072bb; position: fixed;top: 0px;left: 0px;z-index: 2;transition: all 0.6s ease 0s;}
.search-box.top{top: 80px;}
.search-box .search-field{width: 78%; display: inline-block; float: left;}
.search-box .search-field input{width: 98%; background: #efefef; outline: none; border: none; height: 45px; padding: 0px 1%;color: #333}
.search-box .search-field input::placeholder{color: #333;}
.search-box .search-button{width: 21%; display: inline-block; float: left; margin: 0px 0px 0px 1%;}
.search-box .search-button .searchsubmit{width: 100%; outline: none; border: none; height: 45px; font-size: 15px; text-transform: uppercase; color: #0072bb; font-weight: 500;}

.staff-page .banner{width: 90%;display: inline-block;float: left;background-color: #f5f3f4;padding: 12vh 5%;}
.staff-page .banner h1{color: #000000; font-size: 30px; padding: 0px 0px 20px; font-weight: 500;} 
.staff-page .banner p{font-size: 15px; font-weight: 100; color: #000000; line-height: 24px;}
.staff-page .main{width: 90%; display: inline-block; float: left; padding: 5% 5%;} 
.staff-page .main .team{width: 32%; display: inline-block; float: left; margin: 0% 1% 2% 0%; position: relative;} 
.staff-page .flip-card{ background-color: transparent; width: 100%; min-height: 500px; perspective: 1000px;max-height: 500px;} 
.staff-page .flip-card-inner{position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.6s; transform-style: preserve-3d;} 
.staff-page .flip-card-front{background-color: #0072bb;color: #fff;}
.staff-page .flip-card .flip-card-inner .flip-card-front .image{width: 100%; display: inline-block; float: left;} 
.staff-page .main .team .flip-card .flip-card-inner .flip-card-front .image img{width: 100%;}
.staff-page .main .team .flip-card .flip-card-inner .flip-card-front .main-in{width: 100%;display: inline-block;float: left;min-height: 520px;max-height: 520px;}  
.staff-page .main .team .flip-card .flip-card-inner .flip-card-front .main-in .contant{width: 90%; padding: 5% 5% 0%; display: inline-block; text-align: left; line-height: 25px;min-height: 70px;} 
.staff-page .main .team .flip-card .flip-card-inner .flip-card-front .main-in .contant h1{font-size: 16px; font-weight: 500; text-transform: uppercase;}
.staff-page .main .team .flip-card .flip-card-inner .flip-card-front .main-in .contant h5{font-size: 14px; font-weight: 400; text-transform: uppercase;} 
.staff-page .main .team .flip-card .flip-card-inner .flip-card-front .main-in  .contant p{padding: 10px 0px 0px; font-size: 15px; font-weight: 100; line-height: 24px;} 
.staff-page .main .team .flip-card .flip-card-inner .flip-card-front .main-in  .icons{width: 90%; padding: 0% 5% 0%; text-align: right; display: inline-block;} 
.staff-page .main .team .flip-card .flip-card-inner .flip-card-front .main-in .icons a{text-decoration: none; max-width: 50px; display: inline-block; margin: 0px 0px 0px 10px;}
.staff-page .main .team .flip-card .flip-card-inner .flip-card-front .main-in .icons a>img{width: 100%;}
.staff-page .flip-card:hover .flip-card-inner{transform: rotateY(180deg);}
.staff-page .flip-card .flip-card-inner .flip-card-front{width: 100%;height: 95%;}
.staff-page .flip-card-back{ position: absolute; width: 90%; height: 95%; -webkit-backface-visibility: hidden; backface-visibility: hidden;} 
.staff-page .flip-card-back{background-color: #0072bb; color: #fff; width: 90%; text-align: left;padding: 0% 5%;position: relative;} 
.staff-page .flip-card-back h1{font-size: 16px; font-weight: 600; text-transform: uppercase;padding: 20px 0px 10px;}
.staff-page .flip-card-back h5{font-size: 14px; font-weight: 400; text-transform: uppercase;} 
.staff-page .flip-card-back p{padding: 10px 0px 0px; font-size: 15px; font-weight: 100; line-height: 24px;} 
.staff-page .flip-card-back .icons{width: 100%; display: inline-block; position: absolute; bottom: 3%; left: 0%;text-align: center;z-index: 1;} 
.staff-page .flip-card-back .icons a{text-decoration: none; max-width: 50px; display: inline-block; margin: 0px 0px 0px 10px;} 
.staff-page .flip-card-back .icons a>img{width: 100%;}


.job-description{    width: 90%; display: inline-block; float: left; padding: 15vh 5% 0px;}
.job-description h2{text-align: center;font-size: 26px;font-weight: 500;}
.job-description h5{font-size: 20px;font-weight: 300;margin: 0px 0px 10px;}
.job-description h5 span{font-weight: 500;}
.job-description p{font-weight: 300;font-size: 16px;line-height: 22px;}
.job-description p span{font-weight: 500;}
.job-description p a{text-decoration: none;color: #0072bb;}
.job-description h6{font-size: 18px;font-weight: 500;margin: 0px 0px 10px;}
.job-description .sub-headding{font-weight: 500;}
.job-description ul li{font-weight: 300;font-size: 16px;line-height: 22px;}
.job-description .footnote{font-style: italic;}


/* Sampath ramanujan*/


.sampath-ramanujam{width: 100%;float: left;margin: 0px;}


.sampath-ramanujam .banner{width: 90%;
    display: inline-block;
    float: left;
    margin: 88px 5% 0px;
    padding: 4% 0% 0%;}
.sampath-ramanujam .banner .box{width: 96%;
    display: inline-block;
    float: left;
    background: #006dc2;
    padding: 2% 2% 0%;}
.sampath-ramanujam .banner .box .left{width: 25%;
    display: inline-block;
    float: left;}
.sampath-ramanujam .banner .box .left img{width: 100%;}
.sampath-ramanujam .banner .box .right{width: 68%;
    display: inline-block;
    float: left;
    padding: 0% 3%;
    color: #fff;}
.sampath-ramanujam .banner .box .right h1{font-size: 22px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0px 0px 20px;}
.sampath-ramanujam .banner .box .right p{font-size: 15px;font-weight: 300;line-height: 22px;padding: 0px 0px 0px;}    
.sampath-ramanujam .banner .box .right table{display: inline-block;
    float: left;
    border-collapse: collapse;
    width: 100%;padding: 2% 0% 0%;}
.sampath-ramanujam .banner .box .right table tr{height: 40px;}
.sampath-ramanujam .banner .box .right table tr>td{width: 30%;
    font-size: 18px;text-transform: uppercase;font-weight: 100;}
.sampath-ramanujam .banner .box .right table tr>td:nth-child(2){text-align: center;width: 5%;}

.sampath-ramanujam .banner .box .right .right-in{width: 100%;
    display: inline-block;
    float: left;}
.sampath-ramanujam .banner .box .right .right-in .address{width: 50%;
    display: inline-block;
    float: left;
    padding: 3% 0px 0%;}
.sampath-ramanujam .banner .box .right .right-in .address h4{font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0px 0px 10px;}
.sampath-ramanujam .banner .box .right .right-in .address .icon{width: 10%;
    display: inline-block;
    float: left;}
.sampath-ramanujam .banner .box .right .right-in .address .icon i{font-size: 25px;}
.sampath-ramanujam .banner .box .right .right-in .address .icon i:hover{color:  #000;}
.sampath-ramanujam .banner .box .right .right-in .address .text{width: 90%;
    display: inline-block;
    float: left;}
.sampath-ramanujam .banner .box .right .right-in .address .text p{font-size: 16px;
    font-weight: 100;
    line-height: 24px;}
.sampath-ramanujam .banner .box .right .right-in .address .text p>a{text-decoration: none;color: #fff;padding: 0px 20px 0px 0px;}


.sampath-ramanujam .banner .box .right .right-in .second{width: 100%;
    display: inline-block;
    float: left;
    padding: 20px 0px 0px;}
.sampath-ramanujam .banner .box .right .right-in .second .address{width: 50%;
    display: inline-block;
    float: left;padding: 0px;}
.sampath-ramanujam .banner .box .right .right-in .second .address h4{font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0px 0px 10px;}
.sampath-ramanujam .banner .box .right .right-in .second .address .icon{width: 10%;
    display: inline-block;
    float: left;}
.sampath-ramanujam .banner .box .right .right-in .second .address .icon i{font-size: 25px;}
.sampath-ramanujam .banner .box .right .right-in .second .address .icon i:hover{color:  #000;}
.sampath-ramanujam .banner .box .right .right-in .second.address .text{width: 90%;
    display: inline-block;
    float: left;}
.sampath-ramanujam .banner .box .right .right-in .second .address .text p{font-size: 16px;
    font-weight: 100;
    line-height: 24px;}
.sampath-ramanujam .banner .box .right .right-in .second .address .text p>a{text-decoration: none;color: #fff;}
.sampath-ramanujam .banner .box .right .right-in .second .address ul{width: 100%;
    display: inline-block;
    float: left;
    margin: 8% 0% 3%;
    text-align: right;}
.sampath-ramanujam .banner .box .right .right-in .second .address ul>li{display: inline-block;
    list-style: none;
    padding: 0% 20px 0px 0px;}
.sampath-ramanujam .banner .box .right .right-in .second .address ul>li>a{text-decoration: none;color: #fff;} 
.sampath-ramanujam .banner .box .right .right-in .second .address ul>li>a:hover{color: #000;}   

.sampath-ramanujam .impact-bio{width: 90%;
    display: inline-block;
    float: left;
    padding: 5%;}
.sampath-ramanujam .impact-bio h1{font-size: 50px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0px 0px 40px;
}
.sampath-ramanujam .impact-bio .one{width: 22%;
    display: inline-block;
    float: left;
    border-right: 1px solid #ccc;
    padding: 0% 1.3% 0%;
    min-height: 225px;}
.sampath-ramanujam .impact-bio .one :nth-child(1){font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0px 0px 20px;}
.sampath-ramanujam .impact-bio .one p:nth-child(2)>span{color: #006dc2;
    font-weight: 300;font-size: 15px;padding: 0px;text-transform: lowercase;}
.sampath-ramanujam .impact-bio .one p:nth-child(2){font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    display: inline-block;}    
.sampath-ramanujam .impact-bio .border{border-right: none;}

.sampath-ramanujam .bio{width: 90%;
    padding: 5% 5% 3%;
    background: #f0f0f0;
    display: inline-block;
    float: left;position: relative;}
.sampath-ramanujam .bio h1{font-size: 50px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0px 0px 30px;}
.sampath-ramanujam .bio p{font-size: 15px;
    font-weight: 100;
    line-height: 26px;
    padding: 0px 0px 20px;}
.sampath-ramanujam .bio p>span{color: #006dc2;font-weight: 500;cursor: pointer;}        
.sampath-ramanujam .bio #target1 {display:none;font-size: 15px; font-weight: 100; line-height: 26px; } 
.sampath-ramanujam .bio .Hide1{display:none; position: absolute;
    bottom: 3%;
    right: 5%;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    width: 100%;
    color: #006dc2; } 

 .sampath-ramanujam .bio-top-stories{width: 90%;
    padding: 3% 5% 2%;
    display: inline-block;
    float: left;
    background: #006dc2;position: relative;}   
 .sampath-ramanujam .bio-top-stories h1{font-size: 50px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0px 0px 30px;
    color: #fff;}
 .sampath-ramanujam .bio-top-stories .top{width: 100%;
    display: inline-block;
    float: left;
    padding: 2% 0% 3%;}
 .sampath-ramanujam .bio-top-stories .top a{width: 32%;
    display: inline-block;
    float: left;
    margin: 0% 1% 0% 0%;}
 .sampath-ramanujam .bio-top-stories .top a .image{width: 100%;
    display: inline-block;
    float: left;}
 .sampath-ramanujam .bio-top-stories .top a .image img{width: 100%;border: 3px solid #fff;}
 .sampath-ramanujam .bio-top-stories .top a .text{width: 100%;
    display: inline-block;
    float: left;
    padding: 4% 0% 0%;}
 .sampath-ramanujam .bio-top-stories .top a .text p{color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;}                                                                        
.sampath-ramanujam .bio-top-stories span{display: inline-block;float: right;text-align: right;color: #fff;font-size: 15px;font-weight: 600;padding: 20px 0px;text-transform: uppercase;cursor: pointer;}
.sampath-ramanujam .bio-top-stories #target {display:none; }
.sampath-ramanujam .bio-top-stories .Hide{display:none; position: absolute;bottom: 3%; right: 7%; text-align: right;color: #fff;font-size: 15px;font-weight: 600; text-transform: uppercase;cursor: pointer; width: 100%; }


.sampath-ramanujam .top-stories-bsafe{display: inline-block;background-color:#fff;width: 90%;padding: 5% 5% 0%;position: relative;}
.sampath-ramanujam .top-stories-bsafe h1{font-size: 50px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0px 0px 30px;
    color: #000;
    position: absolute;
    top: 13%;
    left: 5%;}
.sampath-ramanujam .top-stories-bsafe .stories-slider{display: inline-block;width: 100%;float: left;}
.sampath-ramanujam .top-stories-bsafe .stories-slider .slider-nav{text-align: right;cursor: pointer;padding: 0% 0% 3%;}



.sampath-ramanujam .top-stories-bsafe .top-stories-section-one .description{font-size: 16px;line-height: 26px;color: #fff;padding: 0px 0px 25px;}
.sampath-ramanujam .top-stories-bsafe .flexslider .flex-direction-nav{display: none;}
.sampath-ramanujam .top-stories-bsafe .flexslider .flex-control-nav{display: none;}

.sampath-ramanujam .top-stories-bsafe .stories-slider .slider .image .content-overlay{background: rgba(0,0,0,0.7); position: absolute; height: 100%; width: 100%; left: 0; top: 0; bottom: 0; right: 0; opacity: 0; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s;}
.sampath-ramanujam .top-stories-bsafe .stories-slider .slider .image:hover .content-overlay{opacity: 1;}
.sampath-ramanujam .top-stories-bsafe .stories-slider .slider .image:hover .zoom{opacity: 1;}
.sampath-ramanujam .top-stories-bsafe .stories-slider .slider .image{display: inline-block;position: relative;height: 270px;
    overflow: hidden;}
.sampath-ramanujam .top-stories-bsafe .stories-slider .slider .image .zoom{position: absolute; top: 45%;opacity: 0; text-align: center; width: 100%; display: inline-block;left: 45%;} 
.sampath-ramanujam .top-stories-bsafe .stories-slider .slider .image .zoom img{width: 100%;max-width: 30px;}
.sampath-ramanujam .top-stories-bsafe .stories-slider .slider .image a{width: 100%;display: inline-block;float: left;position: relative;}
.sampath-ramanujam .top-stories-bsafe .stories-slider .slider .image a{width: 100%;display: inline-block;float: left;}
.sampath-ramanujam .top-stories-bsafe .stories-slider .slider span{color: #000;font-size: 15px;line-height: 20px;padding: 20px 0px 0px;font-weight: 600;display: inline-block;}

.sampath-ramanujam .top-stories-bsafe .flexslider .flex-control-nav{display: inline-block;}
.sampath-ramanujam .testimonial{width: 90%;
    display: inline-block;
    float: left;
    padding: 5% ;background: #f0f0f0;}
.sampath-ramanujam .testimonial h1{font-size: 50px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0px 0px 30px;
    color: #000;}
.sampath-ramanujam .testimonial .flexslider1{width: 90%;
    display: inline-block;
    float: left;
    position: relative;
    padding: 0% 5% 5%;}
.sampath-ramanujam .testimonial .flexslider1  .testimonial-in{width: 95%;
    display: inline-block;
    float: left;
    padding: 3% 0% 0%;}   
.sampath-ramanujam .testimonial .flexslider1  .testimonial-in .image1{width: 15%;
    display: inline-block;
    float: left;}
.sampath-ramanujam .testimonial .flexslider1  .testimonial-in .image1 img{width: 100%;max-width: 75px;}
.sampath-ramanujam .testimonial .flexslider1  .testimonial-in .content{width: 80%;
    padding: 0% 5% 0%;
    display: inline-block;
    float: left;}
.sampath-ramanujam .testimonial .flexslider1  .testimonial-in .content p:nth-child(1){font-size: 16px;
    font-weight: 100;
    line-height: 24px;}
 .sampath-ramanujam .testimonial .flexslider1  .testimonial-in .content p:nth-child(1) span:nth-child(1){font-weight: 700;}   
.sampath-ramanujam .testimonial .flexslider1  .testimonial-in .content p:nth-child(2){font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 20px 0px 0px;}
.sampath-ramanujam .testimonial .flexslider1  .testimonial-in .content p:nth-child(2)>span{font-size: 13px;
    font-weight: 400;
    padding: 0px 0px 0px 5px;}
.sampath-ramanujam .testimonial .flexslider1  .testimonial-in .image2{width: 80%;
    display: inline-block;
    float: left;
    text-align: right;}
.sampath-ramanujam .testimonial .flexslider1  .testimonial-in .image2 img{width: 100%;max-width: 75px;}
.sampath-ramanujam .testimonial .flexslider1 .flex-control-nav {
    width: 90% ! important;
    position: absolute ! important;
    bottom: 20% ! important;
    text-align: left ! important;
    margin: 0px 0px 0px 50px ! important;
}
.sampath-ramanujam .testimonial .flexslider1 .flex-direction-nav{display: none;}

.sampath-ramanujam .testimonial .flexslider1 .flex-control-paging li a.flex-active{background: #006dc2 ! important;}
.sampath-ramanujam .testimonial .flexslider1 .flex-control-paging li a{background: #000;width: 10px;
    height: 10px;}


/* Sampath ramanujan*/

/*KNOW YOUR CANDIDATE*/

.know-your-candidate .a{width: 100%;
    margin: 20vh 0% 0%;
    background: #0072bb;
    float: left;
    display: inline-block;}
.know-your-candidate .a h1{color: #fff;
    font-size: 32px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;}
.know-your-candidate .b{width: 80%;
    display: inline-block;
    float: left;
    padding: 4% 10%;}
.know-your-candidate .b .left{width: 40%;
    display: inline-block;
    float: left;}
.know-your-candidate .b .left img{width: 100%;}
.know-your-candidate .b .right{width: 55%;
    display: inline-block;
    float: left;
    padding: 0% 0% 0% 5%;}
.know-your-candidate .b .right p{font-size: 15px;
    line-height: 22px;
    margin: 0px;
    padding: 0px 0px 15px;}
.know-your-candidate .c{width: 80%;
    display: inline-block;
    float: left;
    padding: 0% 10%;}
.know-your-candidate .c .select{width: 100%;
    display: inline-block;
    text-align: center;}
.know-your-candidate .c .select select{width: 40%;
    display: inline-block;
    padding: 7px 10px;
    border: 3px solid #ccc;
    outline: none;
    font-size: 18px;}
.know-your-candidate .c .select select>option{font-size: 18px;
    line-height: 22px;}
.know-your-candidate .c .main{width: 80%;
    display: inline-block;
    float: left;
    padding: 5% 10% 0%;position: relative;}
 @-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}

}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

.know-your-candidate .c .main .slideshow-container {max-width: 1000px; margin: auto; } 
.know-your-candidate .c .main .slideshow-container .mySlides .image img {vertical-align: middle;width: 99%;border: 5px solid #0072bb;}
.know-your-candidate .c .main .slideshow-container .mySlides .down{width: 100%; display: inline-block; float: left; text-align: center; padding: 20px 0px 0px;} 
.know-your-candidate .c .main .slideshow-container .mySlides .down .a{width: 50%; display: inline-block; float: left; background: transparent; margin: 0px;} 
.know-your-candidate .c .main .slideshow-container .mySlides .down .a a{font-size: 20px; color: #007bff; text-decoration: none; font-weight: 400;} 
.know-your-candidate .c .main .slideshow-container .mySlides .down .a a>i{}
.know-your-candidate .c .main .slideshow-container .prev,.know-your-candidate .c .main .slideshow-container .next {position: absolute; top: 27%; transition: 0.6s ease; user-select: none; background-color: #f89d1d; height: 32px; width: 32px; border-radius: 50%; padding: 20px 10px 10px 25px; cursor: pointer; color: #fff; font-size: 22px;} 
.know-your-candidate .c .main .slideshow-container .next {right: 0; }
.know-your-candidate .c .main .slideshow-container .prev {left: 0; }
.know-your-candidate .c .main .slideshow-container .fade {-webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s; }
.know-your-candidate .c .main .pdf{width: 100%; display: inline-block; float: left;} 
.know-your-candidate .c .main .pdf ul{width: 100%; display: inline-block; float: left; padding: 5% 0px; margin: 0px 0px 0px -70px;} 
.know-your-candidate .c .main .pdf ul>li{list-style: none;padding: 0px 0px 30px;}
.know-your-candidate .c .main .pdf ul>li>a{color: #007bff; text-decoration: none; font-size: 16px; line-height: 22px;position: relative;}
.know-your-candidate .c .main .pdf ul>li>a>span{display: inline; float: left; position: absolute; right: -12%; top: -35px;} 
.know-your-candidate .c .main .pdf ul>li>a>span>img{max-width: 70px;}

.mla-lad-page .slide-1{width: 90%;
    display: inline-block;
    float: left;
    padding: 0% 5%;
    margin: 16vh 0px 4%;}
.mla-lad-page .slide-1 .flexslider{width: 100%;
    display: inline-block;
    float: left;}
.mla-lad-page .slide-1 .flexslider .text{width: 100%;
    display: inline-block;
    float: left;
    text-align: center;padding: 6% 0% 0%;}
.mla-lad-page .slide-1 .flexslider .text h2{color: #f89d1d;
    font-size: 26px;
    font-weight: 500;}
.mla-lad-page .slide-1 .flexslider .text p{font-size: 18px;
    line-height: 24px;
    width: 70%;
    padding: 0% 15%;}
.mla-lad-page .slide-1 .flexslider .image{width: 100%;display: inline-block;float: left;}
.mla-lad-page .slide-1 .flexslider .image img{width: 100%;}
.mla-lad-page .slide-1 .flexslider .flex-direction-nav{display: none;}
.mla-lad-page .slide-1 .flexslider .flex-control-paging li a{border: 1px solid #f89d1d;background: transparent;}
.mla-lad-page .slide-1 .flexslider .flex-control-paging li a.flex-active{background: #f89d1d; background: #f89d1d;}


.mla-lad-page .c{padding: 2% 5% 5%;width: 90%;}
.mla-lad-page .c .main .slideshow-container .mySlides .one{width: 100%; display: inline-block; float: left;} 
.mla-lad-page .c .main .slideshow-container .mySlides .one .left{width: 20%; height: 200px; background: #d4cec9; padding: 2%; border: 8px solid #111111; -moz-box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 0 15px rgb(0 0 0 / 30%); box-shadow: inset 0 0 15px rgb(0 0 0 / 30%); transition: all 0.5s; margin: 0px; display: inline-block; float: left;} 
.mla-lad-page .c .main .slideshow-container .mySlides .one .left img{width: 100%; height: 100%; max-width: 100%; max-height: 100%;}
.mla-lad-page .c .main .slideshow-container .mySlides .one .right{width: 72%; display: inline-block; float: left; padding: 0% 0% 0% 2%;} 
.mla-lad-page .c .main .slideshow-container .mySlides .one .right h1{color: #0071bb; font-size: 38px; line-height: 22px; margin: 0px 0px 25px;} 
.mla-lad-page .c .main .slideshow-container .mySlides .one .right ul{width: 100%; display: inline-block; float: left; margin: 0px; padding: 0px;} 
.mla-lad-page .c .main .slideshow-container .mySlides .one .right ul>li{list-style: none; display: inline-block; float: left; margin: 0% 1% 1.5% 0%; border-radius: 7px; background: #0071bb; width: 32%;text-align:center;} 
.mla-lad-page .c .main .slideshow-container .mySlides .one .right ul>li>a{color: #fff; text-decoration: none; font-size: 15px; font-weight: 500; float: left; display: inline-block; width: 100%; padding: 8% 0% 8% 0%;} 
.mla-lad-page .c .main .slideshow-container .mySlides .one .right ul>li>i{color: #fff; font-size: 15px; display: inline-block; float: left; width: 10%; margin: 20px 0% 0px 0%;} 
.mla-lad-page .c .main .slideshow-container .mySlides .one .right p{margin: 0px; font-size: 36px; padding: 25px 0px 0px; display: inline-block; font-weight: 600;} 
.mla-lad-page .c .main .slideshow-container .mySlides .one .picture{width: 100%;display: inline-block;float: left;padding: 2% 0% 0%;}
.mla-lad-page .c .main .slideshow-container .mySlides .one .picture img{width: 100%;}
.mla-lad-page .c .main .slideshow-container .prev{left: 90px;}
.mla-lad-page .c .main .slideshow-container .prev, .know-your-candidate .c .main .slideshow-container .next{ }
.mla-lad-page .c .main .slideshow-container .next{right: 100px;}

/*b-accountable*/

.baccountable-2022 .about-safe{display: inline-block; width: 90%; padding: 8% 5% 0%; background: #a7a8ac; position: relative; min-height: 500px;margin: 0px 0px 25vh;}
.baccountable-2022 .about-safe h2{font-size: 24px; text-transform: uppercase; color: #fff; font-weight: 500; line-height: 30px;} 
.baccountable-2022 .about-safe:after {content: " "; position: absolute; background: #a7a8ac; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; transform-origin: bottom left; transform: skew(0deg, 6deg); }
.baccountable-2022 .about-safe  .title{font-size: 25px;font-weight: 500;color: #fff;text-transform: uppercase;padding: 0px 0px 15px;}
.baccountable-2022 .about-safe p{font-size: 15px;padding: 0;color: #fff;line-height: 24px;font-weight: 300;}
.baccountable-2022 .about-safe .image-right{display: inline-block;position: absolute;bottom: -35vh;right: 10%;}
.baccountable-2022 .about-safe .image-right img{width: 100%;}

.baccountable-2022 .affairs{width: 90%; display: inline-block; float: left; padding: 10% 5% 5%;} 
.baccountable-2022 .affairs h2{font-size: 26px; text-align: center; text-transform: uppercase; line-height: 28px; margin: 0px 0px 5%;} 
.baccountable-2022 .affairs .affairs-in{width: 100%; display: inline-block; float: left;} 
.baccountable-2022 .affairs .affairs-in .left{width: 22%; display: inline-block; float: left; padding: 0% 3% 0% 0%;overflow: hidden;} 
.baccountable-2022 .affairs .affairs-in .left button{width: 94%; display: inline-block; float: left; background: #a7a8ac; border: none; outline: none; margin: 0% 0% 4%; padding: 2% 3%;transition: 0.3s;cursor: pointer;} 
.baccountable-2022 .affairs .affairs-in .left button .img{width: 25%; display: inline-block; float: left;} 
.baccountable-2022 .affairs .affairs-in .left button .img img{width: 100%;}
.baccountable-2022 .affairs .affairs-in .left button .text{width: 75%; display: table; float: left; height: 70px; text-align: left;} 
.baccountable-2022 .affairs .affairs-in .left button .text h3{margin: 0px; font-size: 18px; color: #fff; display: table-cell; vertical-align: middle;} 
.baccountable-2022 .affairs .affairs-in .right{width: 75%; display: inline-block; float: left;} 
.baccountable-2022 .affairs .affairs-in .right .city{width: 100%; display: none; float: left;} 
.baccountable-2022 .affairs .affairs-in .right .city .one{width: 100%; display: inline-block; float: left;} 
.baccountable-2022 .affairs .affairs-in .right .city .one .image{width: 8%; display: inline-block; float: left; background: #0072bc;} 
.baccountable-2022 .affairs .affairs-in .right .city .one .image img{width: 100%;}
.baccountable-2022 .affairs .affairs-in .right .city .one .ptag{width: 89%; display: inline-block; float: left; padding: 2% 0% 0% 3%;} 
.baccountable-2022 .affairs .affairs-in .right .city .one .ptag p{font-size: 25px; font-weight: 600; margin: 0px; display: inline-block; float: left;} 
.baccountable-2022 .affairs .affairs-in .right .city .one .ptag span{background: #000; height: 2px; display: inline-block; float: left; width: 40%; margin: 15px 0% 0% 2%;} 
.baccountable-2022 .affairs .affairs-in .right .city .two{width: 100%; display: inline-block; float: left; padding: 4% 0% 0%;} 
.baccountable-2022 .affairs .affairs-in .right .city .two .square{width: 44%; display: table; float: left; margin: 0% 2% 2% 0%; box-shadow: 0px 0px 10px 3px #c2c2c2; padding: 2%; position: relative;text-decoration: none;color: #0072bb;} 
.baccountable-2022 .affairs .affairs-in .right .city .two .square:nth-child(odd){clear:both;}
.baccountable-2022 .affairs .affairs-in .right .city .two .square p{font-size: 15px; line-height: 24px; margin: 0px; color: #0072bb; font-weight: 300; display: table-cell;}
.baccountable-2022 .affairs .affairs-in .right .city .two .square p>span{font-weight: 600;display: block;}
.baccountable-2022 .affairs .affairs-in .right .city .two .square img{ width: 22px; display: inline-block; float: left; position: absolute; right: 5%; bottom: 7%;}
.baccountable-2022 .affairs .affairs-in .left button.active {background-color: #0072bb; }
.baccountable-2022 .affairs .affairs-in .left button:hover{background-color: #0072bb;}
.baccountable-2022 .affairs .affairs-in .right .city .two .square:hover{background-color: #f7f7f7;}







/*Mobile Css*/

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

.slider {
    max-height: 300px;
}
.baccountable-2022 .about-safe{padding: 25vw 5% 0%;    min-height: 900px;margin: 0px 0px 310px;}
 .baccountable-2022 .about-safe .image-right{bottom: -30%;}
 .baccountable-2022 .affairs .affairs-in .left{width: 100%;padding-left: 0px;}
 .baccountable-2022 .affairs .affairs-in .left button{width: 100%;}
 .baccountable-2022 .affairs .affairs-in .right{width: 100%;padding: 22px 0px;}
.baccountable-2022 .affairs .affairs-in .right .city .two .square{margin: 0% 0% 4% 0%;width: 96%;}
.baccountable-2022 .affairs .affairs-in .right .city .one{padding: 10px 0px 25px;}
.baccountable-2022 .affairs .affairs-in .right .city .one .image{width: 25%;}
.baccountable-2022 .affairs .affairs-in .right .city .one .ptag{padding: 6% 0% 0% 3%;width: 72%;}
.baccountable-2022 .about-safe .image-right img{width: 82%;}
.baccountable-2022 .affairs{padding: 13% 5% 5%;}




    .aboutuber-list .list {
    display: inline-block;
    width: 88%;
    float: left;
    padding: 0px 5%;
    margin: 0px 0px 15vh;
}
	.bmobilesection2 .in {width: 90%;min-height: 30px;padding: 5%;}
	.bmobilesection2 img {
    max-width: 190px;
    float: unset;
    margin: 1% auto;
    width: 100%;
    display: block;
}
.aboutbmobile .inner {
    display: inline-block;
    position: relative;
    color: #fff;
    z-index: 1;
    padding: 5%;
}
.aboutbmobile .inner h2 {
    width: 100%;
    display: inline-block;
    text-transform: uppercase;
    margin: 0px;
    font-size: 30px;
    line-height: 30px;
}
.aboutbmobile .inner p {
    display: inline-block;
    width: 100%;
    font-size: 15px;
    font-weight: 100;
    line-height: 25px;
}
.aboutbmobile .inner img {
    position: relative;
    right: 0;
    top: 60%;
    max-width: 100%;
    width: 100%;
    margin: 0px 0px -100px;
}
	
.bproudsection2{padding: 0% 5% 0%;}
.bproudsection2 .div-des{padding: 10% 0px;}
.bproundsection3 .left{width: 90%;margin: 0px 0px 30px;padding: 5%;min-height: unset;}
.bproundsection3 .right{width: 90%;margin: 0px 0px 30px;padding: 5%;min-height: unset;}
.bproudsection2 .in {width: 90%;min-height: 30px;padding:5%;}
.aboutbproud .inner {
    display: inline-block;
    position: relative;
    color: #1a1a1a;
    z-index: 1;
    padding: 5%;
}
.aboutbproud .inner h2 {
    width: 100%;
    display: inline-block;
    text-transform: uppercase;
    margin: 0px;
    font-size: 30px;
    line-height: 30px;
}
.aboutbproud .inner p {
    display: inline-block;
    width: 100%;
    font-size: 15px;
    font-weight: 100;
    line-height: 25px;
}
.aboutbproud .inner img {
    position: relative;
    right: 0;
    top: 60%;
    max-width: 100%;
    width: 100%;
    margin: 0px 0px -100px;
}
    
	
    .aboutuber {width: 90%;padding: 5% 5%;}
    .aboutubersecond {margin: 15px 5%;}
    .aboutubersecond .inner {width: 100%;}
    .aboutubersecond .inner h3 {font-size: 18px;}
    .aboutuberlist .aboutuberlistin{width: 100%;margin: 0% 0% 0 0;}




	.bclip-dash-page .batch div {
    width: calc(100% - 51px);}
	.bclipnav .left ul > li {
  
    width: 50%;
    float: left;
}
.bclipnav .left ul > li > a {
   
    padding: 10px 15px;
   
}
.aboutbclip .title a {
    display: none;

}
.leaders .title a {
    display: none;
}
.aboutbclip .left {

    width: 100%;
   
    padding: 0px 0% 0px 0px;}
    .aboutbclip .right {
  
    width: 100%;
    float: left;
}
.bclipnav {

    margin: -10px 5% 0px;}
    .bclipnav .right {
    
    width: 100%;
  
}
.bclipnav .left {
   
    width: 100%;
    
}
.bclipdash ul > li {
    display: inline-block;
    font-size: 30px;
    padding: 3%;
    font-weight: 600;
    float: left;
    width: 94%;
    margin: 0px 0px 20%;
    border: solid #fff;
    border-width: 0px 0px 1px !important;
}
.media ul > li {
  
    width: 100%;
    
}
.program-section-two .one-box .bclip,.program-section-two .one-box .pdp, .program-section-two .one-box .pdp, .program-section-two .one-box .bgreen, .program-section-two .one-box .bproud ,.program-section-two .one-box .bsafe {z-index:1;}
.header .header-left{display:none;}
body{background:white;}

.menu {
    display: inline-block;
    width: 25px;
    position: fixed;
    right: 30px;
    top: 30px;
}
.header .logo {
   
    width: 60%;
   
}

.header .links {
display:none;
    float: left;
    width: 98%;
    padding: 0px 1%;
    text-align: center;
    position: fixed;
    background: #fff;
    top: 80px;
    left: 0px;
    height: calc(100% - 80px);
    overflow-y: auto;
}
.header .links ul {
 
    width: 100%;
  
    padding: 0px 0%;
  
}
.header .links ul li {

    width: 100%;
}
.header .links ul a {
  
    padding: 6px 8px;
	text-align:left;
   
}
.header .links ul > li > ul {
    display: inline-block !important;
    position: relative !important;
    width: 95% !important;
    margin: 0px !important;
    padding: 0px 0px 0px 5% !important;
    left: 0 !important;
    background: #fff !important;
}
.header .links ul > li > ul > li > ul {
    diplay: inline-block  !important;
    left: 5%  !important;
    padding: 0px  !important;
    margin: 0px 0px  !important;
    position: relative  !important;
    width: 95%  !important;
}

.rot45deg {  transform: rotate(45deg);  top: 10px !important;}
.rot-45deg {  transform: rotate(-45deg);}

.slider-text{font-size: 18px;margin: 0.3% 0% 0px 1%;}
.banner{margin-top: 80px;}
.container{    display: inline-block;width:100%;}

.about_us_img{width: 100%;margin:0px;padding: 20px 0px 0px;}
.about .left{width: 100%;    margin: 0px;}
.about .right{width: 100%;
    padding: 0px;}
.about .right .title{padding: 0% 5%;margin: 0px;}
.about .right .description{padding: 0% 5%;}
.about .right .knowmore{margin-left: 5%;    margin-bottom: 10%;}

/*.about_us_img{width: 100%;margin:0px;padding: 50px 0px 0px;}
.about .left{width: 100%;    margin: 0px;}
.about .right{width: 100%;
    background-image: none;
    position: relative;
    padding: 0px;
    background: #0072bc;
    color: #fff;}
.about .right .title{padding: 0% 5%;}
.about .right .description{padding: 0% 5%;}
.about .right .knowmore{margin-left: 5%;    margin-bottom: 10%;}*/

.programs .title{font-size: 2.5em;}
.programs .hr-program{width: 100px;}
.programs .program-section-one .knowmore{display: none;}
.programs .program-section-one p{padding-right: 5%;font-size: 16px;}
.program-section-two .one-box{width: 100%;}
.program-section-two .one-box .red-box{float: none;    width: 100%;    margin: 0% 0%;}
.program-section-two .one-box .yellow-box{float: none;    width: 100%;    margin: 0% 0%;}
.program-section-two .one-box .green-box{float: none;    width: 100%;    margin: 0% 0%;}
.program-section-two .one-box .blue-box{float: none;    width: 100%;    margin: 0% 0%;}
.program-section-two .one-box .orange-box{float: none;    width: 100%;    margin: 0% 0%;}
.program-section-two .one-box .grey-box{float: none;    width: 100%;    margin: 0% 0%;}
.program-section-two .one-box .blue-box1{float: none;    width: 100%;    margin: 0% 0%;}

.program-img{width:100%;}
.program-img img{width:100%;display: none;}
.top-stories .title{    font-size: 2em;}
.top-stories .hr-program{    width: 80px;}
.top-stories .top-stories-section-one .description{width: 95%;}
.initiative .title{font-size: 2em;}
.initiative{background-size: cover;}
.initiative-section-two .left{width: 100%;}
.initiative-section-two .right{width: 90%;margin: 0;padding: 0% 5%;}
.initiative-section-two .left p{padding: 0% 5%;}
.initiative-section-two .right .purple{    width: 100%;}
.media .title{font-size: 2em;}
.media .media-section-one{width: 90%;padding: 0% 5%;}
.media .hr-program{display: none;}
.media .media-section-one .knowmore{display: none;}
.media .media-section-one .description{width: 100%;}
.media .media-section-two .left{width: 100%;}
.media .media-section-two .left img{width: 100%;margin-bottom: 2%;}
.media .media-section-two .right{width: 100%;}
.partner{background-size: cover;}
.partner .title{font-size: 2em;}
.partner .partner-section-one .description{width: 100%;}
.contact .left .title{font-size: 2em;}
.contact .left{width: 100%;}
.contact .right{width: 100%;}
footer .footer-section-one .one,footer .footer-section-one .two{width: 100%;margin: 0px 0px 30px;}
footer .footer-section-one .three,footer .footer-section-one .address{width: 100%;margin: 0px 0px 30px;}
footer .footer-section-one .three .emial-input input{width: 70%;}
footer .footer-section-one .three .emial-input button{}
.social-media{margin-top: 30%;}
.social-media a img{width: 25px;}


.slider-text {  font-size: 1em;font-weight: bold;color: #fff;position: absolute;text-align: center;margin: 0.3% 0% 0px 1.3%;}
.slider-text-one{    font-size: 18px;font-weight: bold;color: #0f6fa9;position: absolute;text-align: center;margin: 1% 0% 0px 3% ;}
.slider-text-two{    font-size: 20px;font-weight: bold;color: #000;position: absolute;text-align: center;margin: 1.4% 0% 0px 3% ;}
.slider-text-three{    font-size: 16px;font-weight: bold;color: #000;position: absolute;text-align: center;margin: 2% 0% 0px 3.5% ;}
.slider-text-four{    font-size: 16px;font-weight: bold;color: #fff;position: absolute;text-align: center;margin: 2.2% 0% 0px 3% ;background: #0072bb;padding: 5px 30px;}
.slider-text-five{    font-size: 0.8em;font-weight: bold;color: #000;position: absolute;text-align: center;margin: 2.8% 0% 0px 3% ;}

.aboutbclip .aboutbclip-inner{width: auto;background-image: unset;height: auto;padding: 0px;color: #fff;}
.aboutbclip .aboutbclip-inner p{width: 100%;}
.leaders .title{margin: 50px 0px 10px;}
.advisory .title a{margin: 0px;}
.advisory .title a > span,.champion .title a > span{    width: 200px;}
.advisory .description,.leaders .description,.champion .description,.aboutbclip .aboutbclip-inner p{padding: 0px;}
.leaders .stories-slider .slider-nav,.champion .stories-slider .slider-nav{display: block;float: unset;margin: unset;height: unset;}
.bclipdash .section-one .left{width: 90%;padding: 5%;}
.bclipdash .section-one .right{width: 90%;padding: 5%;margin: 0px;}
.bclipdash .section-one .right .two p{line-height: 24px;}
.bclipdash .section-two .box{width: 90%;padding: 5%;}
.bclipdash .section-two .box:nth-of-type(2),.bclipdash .section-two .box:nth-of-type(5){    margin: 0px 0% 10px;}
.champion .title{margin: 70px 0px 10px;}
.champion .title a{margin: 0px;}
.bclipdash .section-one .right .two{width: 100%;}
.bclipdash .section-one .right .one{width: 100%;margin: 0px 0px 10px;}
.bclipdash .section-one .left .two{font-size: 36px;}
.bclipdash hr{display: none;}
.about-page .section-one p{padding: 0px;}
.about-page .section-two{background-image: none;}
.about-page .section-two .objective-two{padding-left:20px; }
.about-page .section-three .description{padding: 0px;}
.about-page .section-three .left{width: 100%;border-right: none;}
.about-page .section-three .right{width: 100%;}


.department-page .section-one .description{width: 100%;}
.department-page .section-one{    padding: 30% 5% 0px;}
.department-page .section-two .top a{float: left;}
.department-page .section-two .flowchart{margin: 20px 0px;}
.citizendash-page .section-one .left,.citizendash-page .section-one .center,.citizendash-page .section-one .right{width: 100%;}
.citizendash-page .section-one{background-size: cover;}
.citizendash-page .section-two p{padding: 0px;}
.citizendash-page .section-three .slider-nav{    padding: 10% 0px 0px;}
.citizendash-page .section-three .slider{width: 60%; padding: 0px 20%;}
.citizendash-page .section-four .description{width: 100%;}
.citizendash-page .section-four .links a{width: 100%;margin: 5% 0% 0px 0px;}
.citizendash-page .section-five{background-size: cover;    width: 90%;    padding: 0px 5% 0px;}
.citizendash-page .section-five ul{padding: 0px 0px 0px 30px;}
.citizendash-page .section-five ul li{width: 80%;}
.champion .flexslider1 h4{height: 40px;}
.champion .title h3{ margin: 0px 0px 20px}
.champion .flexslider1 p{height: unset;}
.join-page .section-two .image img{width: 100%;}
.join-page .section-one .part-one,.join-page .section-one .part-two,.join-page .section-one .part-three{width: 100%;}
.ward-page .section-one{padding: 20% 5% 0px;}
.ward-page .section-one .description{width: 100%;}

.wardlist-page .left{width: 100%;margin: 50px 0px 0px;}
.wardlist-page .right{width: 100%;padding: 0px;}
.ward-card{width: 46%;}
.ward-card .details{height: 150px;}.ward-card .know-more{opacity: 1;}
.ward-page .section-four .title .hr{display: none;}
.ward-page .section-four .content{padding: 0px;}
.ward-page .section-four p{width: 90%;}
.ward-page .section-three .description{width: 100%;}
.ward-page .section-two .one{width: 100%;}
.ward-page .section-two .mp-view-more{position: relative;}
.advisory-page .section-one{padding: 30% 5% 5%;}
.advisory-page .advisory-list{width: 100%;padding: 5% 0%;max-width:unset;}
.leader-page .section-two > div{width: 100%;}
.leader-page .section-one{    padding: 30% 5% 5%;}
.mission-page .section-four img {max-width: 80%;}
.mission-page .section-one p {
    
    line-height: 20px;
    padding: 0px 0% 0px 0px;
   
}
.mission-page .section-three .in .title .left {
    
    width: 100%;
  }
  .mission-page .section-three .in .title .left h3 {
    
    text-align: center;
}
.mission-page .section-three .in .title .right {
   
    width: 100%;
  
    margin: 18px 0px 0px;    text-align: center;
}
.mission-page .section-three .in .title .right h6 {
    display: inline-block;
    margin: 0px;
    text-transform: uppercase;
    font-size: 15px;
    float: unset;
    margin: 0px 26px 10px 0px;
    display: inline-block;
    width: 100%;
    text-align: center;
}
.mission-page .section-three .in .title .right a {
    color: #2272bc;
    float: unset;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    margin: 0px 5px;
}
.mission-page .section-three .in .title .right span {
    display: inline-block;
    float: unset;
}
.mission-page .section-two .ll a {
    display: inline-block;
    width: 70%;}

.press-page .section-one,.blog-page .section-one{margin: 80px 0px 10vh !important;}
.press-page .section-one p,.blog-page .section-one p{width: 100% !important;}
.press-page .section-two .left,.press-page .section-two .right{width: 90%;padding: 0px 5%;}
.press-page .section-two .left .box{width: 100%;padding: 0px 0px 40px;min-height: unset;}
.blog-page .section-two .box{width: 96% !important;}

.media-page .section-one,.newsletter-page .section-one{margin: 80px 0px 10vh;}
.media-page .section-one p,.newsletter-page .section-one p{width: 100%;}
.media-page .section-two .left{width: 100%;}
.media-page .section-two .left .box{width: 96%; padding: 2%;min-height: unset;margin: 0px 0px 50px;}
.media-page .section-two .right{display: none;}


.newsletter-page .section-two .archive,.press-page .section-two .archive{width: 96%;}
.newsletter-page .section-two .content .box{width: 90%;padding: 5%;margin: 0px 0px 40px;}

.parnter-page .banner{height: 28vh;}
.parnter-page .main .left{width: 100%;padding: 0% 0% 4%;    position: unset;
    top: unset;}
.parnter-page .main .row{width: 100%;}
.parnter-page .main .row .col-media a{width: 100%;}
.parnter-page .main .row .col-media{width: 100%;margin: 0% 0% 2% 0px;height:unset;}
.parnter-page .main .row .col-media .caption{width: 100%;}

.media-page .section-two .archive{width:100%;}
.media-page .section-two .archive:nth-of-type(2){margin: 0px 0% 50px;}

.contact-main{margin: 80px 0px 0vh;height: unset;}
.contact-main .content .contact-text{width: 100%;}
.contact-main .content .contact-text .map{width: 100%;height: auto ;position:relative;bottom: -620px;}
.contact-main .content .contact-text .map iframe{width: 100%; height: 300px;}
.contact-main .content .main{width: 100%;padding: 0px;}
.contact-main .content .main .button{text-align: left; padding: 100% 0% 0%;margin: 5% 0%;}
.contact-main .content .main .image{left: 80px;bottom: 370px;}
.contact-main .content .main .right{margin: 0% 0% 0%;}
.contact-main .content .main .right form{padding: 10% 5% 20%;width: 90%;}
.contact-main .content .contact-text .image{position: relative;left: unset;}

.teambpac-page .main .team{width: 100%;margin: 0px 0px 2% 0px;}
.teambpac-page .flip-card{height: 450px;}
.error-page{padding: 25% 5% 5%;}
.error-page h3{line-height: 45px;}

.thank-you-2020{padding: 25% 5% 5%;}
.thank-you-2020 h3{line-height: 45px;}


	
.bsm-page .banner{margin-top: 80px;}
.bsm-page .Sustainability .title span{line-height: 40px;}
.bsm-page .Sustainability .button{padding: 15% 0px 0px;}
.bsm-page .Sustainability{margin: 0px 0px 16vh;}
.bsm-page .our-keys .box{width: 100%;margin: 0% 0% 4% 0%;}
.bsm-page .our-keys:nth-of-type(even) h1{font-size: 28px;}
.bsm-page .our-keys .download-key:nth-of-type(even) p:nth-child(1){font-size: 22px;line-height: 28px;}
.bsm-page .our-keys:nth-of-type(even) .download-key p:nth-child(2){font-size: 22px;line-height: 28px;}
.bsm-page .our-keys:nth-of-type(even) .download-key .kannada{margin: 4% 1% 3%;}
.bsm-page .our-keys:nth-of-type(even) .download-key span{padding: 3% 0% 0%;}
.bsm-page .video-section p{font-size: 22px;line-height: 28px;}
.bsm-page .video-section .video{padding: 5% 0% 0%;}
.bsm-page .join-us .left{width: 100%;text-align: center;}
.bsm-page .join-us .right{width: 100%;}
.bsm-page .join-us:after{height: 105%;}
.bsm-page .top-stories-bsafe{padding-top: 5%;margin-top: 20vh;}
.bsm-page .top-stories-bsafe:after{top: -5;}
.bsm-page .our-keys .download-key .kannada{margin: 0% 1% 3%;}
.bsm-page .join-us .left .form{width: 90%;padding: 10% 5%;}
.bsm-page .Sustainability:after{height: 105%;}
.bsm-page .our-keys h1{font-size: 22px;}
.bsm-page .key-two .download-key p:nth-child(2){font-size: 18px;}
.bsm-page .partners h1{font-size: 30px;}
.bsm-page .key-two .download-key span{font-size: 16px;line-height: 26px;}
.bsm-page .top-stories-bsafe .hr-program{width: 315px;}
.bsm-page .join-us .left .Organizations{margin: 3% 0px;}
.bsm-page .join-us .left .Organizations p{padding: 0px 0px 10px;}
.bsm-page .Sustainability .description-2{line-height: 30px;font-size: 22px;}
.bsm-page .key-two:after{top: -5%;}
.bsm-page .video-section{margin: 15vh 0px 0vh;}


.endorsement .left{width: 100%;}
.endorsement .left .form{width: 90%;padding: 14% 5%;}
.endorsement .right{width: 100%;}
.endorsement{margin: 80px 0px 0px; }

.loader .loader_inner{left: 23%;}

.aboutus-page{    margin: 80px 0px 0px;}
.aboutus-page .section-one p{width: 100%;}
.aboutus-page .section-two .title a,.aboutus-page .section-three .title a,.aboutus-page .section-four .title a,.aboutus-page .section-five .title a{margin: 0px;}
.aboutus-page .section-two .title a span,.aboutus-page .section-three .title a span,.aboutus-page .section-four .title a span,.aboutus-page .section-five .title a span{width: 200px;}
.aboutus-page .section-two .team-list .team {width: 100%;margin: 0% 0% 20px 0%;}
.aboutus-page .section-two .team-list .box,.aboutus-page .section-four .logo .box{width: 100%;}
.aboutus-page .section-two .team-list .box:nth-of-type(2),.aboutus-page .section-four .logo .box:nth-of-type(2){margin: 20px 0px;}

.join-page .section-one .title .left{width: 100%;}
.join-page .section-one .title .right{width: 100%;padding: 5% 0px;text-align: left;}
.join-page .section-one .part-one:nth-of-type(2){margin: 20px 0%;}
.join-page .section-two .title{font-size: 24px;}
.join-page .section-two .content .image,.join-page .section-two .image{width: 100%;}
.join-page .section-two .content .image img{float: left;}
.join-page .section-two .content .description{width: 94%;margin: 0px;}
.join-page .section-two .description1{width: 90%;padding: 0px;}

.baccountable-page .banner{margin: 15% 0px 0px;}
.baccountable-page .banner .logo{top:2%;}
.baccountable-page .banner .content p br{display: none;}
.baccountable-page .banner .content p{font-size: 12px;line-height: 15px;}
.baccountable-page .banner .content{    width: 100%;
    bottom: 6%;
    position: relative;
    display: inline-block;
}
.baccountable-page .banner .banner-img img{    height: auto;
    margin: 30px 0px 0px;}
.baccountable-page .about-safe{width: 90%;padding: 5% 5%;}
.baccountable-page .about-safe .title span{font-size: 30px;}
.baccountable-page .about-safe .image-right{width: 50%;bottom: -32vh;left: 20%;}
.baccountable-page .float-left{width: 40%;}
.baccountable-page .programs .title{font-size: 2.2em;}
.baccountable-page .programs .hr-program{width: 215px;}
.baccountable-page .baccountable-page .programs .program-section-one .knowmore{margin: 15px 0px 0px 80px;text-align: right;}
.baccountable-page .programs .program-section-one p{width: 80%;padding: 0px;}
.baccountable-page .program-section-two .one-box{width: 100%;  margin: 4% 0% 0% 0%;}
.baccountable-page .program-section-two .one-box .school{width: 100%;margin: 0% 0% 4% 0;}
.baccountable-page .program-section-two .one-box .work{width: 100%;    margin: 0% 0% 4% 0%;}
.baccountable-page .bsafe-program-img{width: 100%;}
.baccountable-page .top-stories-bsafe .hr-program{width: 340px;}
.baccountable-page .top-stories-bsafe .top-stories-section-one .knowmore{  margin: 0px 0px 15px 0px;}

.contact-main .content .contact-text .left{width: 100%;}
.contact-main .content .contact-text .right{width: 100%;padding: 0px;}

.teambpac-page .banner{padding: 80px 0% 20px;width: 100%;}
.teambpac-page .banner-img{margin: 0px 0px 20px;}
.join-page .section-one .title .right a{padding: 18px 0px;width: 100%; display: inline-block; text-align: center;}

.search-btn{display: none;}

.staff-page .main .team{width: 100%;margin: 0px 0px 2% 0px;}

.faq-page .section-two .left{width: 100%;}
.faq-page .section-one{margin: 80px 0px 10vh;}

.civic-page .section-four table{max-width: 100%;overflow-x: scroll; width: 100%; display: inline-block;}
.civic-page .section-five p{width: 100%;padding: 0px;}
.civic-page .section-two .des{width: 100%;}
.civic-page .section-two .main .team{width: 100%;}
.civic-page .section-two .main .team .top .image{width: 100%;}
.civic-page .section-two .main .team .top .contant{width: 100%;padding: 5% 0% 0% 0%;}
.civic-page .section-two .main .team .down .in .content-flip{width: 100%;padding: 0px 0px 10px;}
.civic-page .section-two .main .team .down .in .content-flip a>img{margin: 10px 0px 0px;}
.civic-page .section-one .image-right{position: unset;text-align: center;width: 100%;padding: 5% 0% 0%;}
.civic-page .section-one .image-right img{max-width: 300px;}
.civic-page .section-one{padding: 5% 5% 0%;}
.financial-page .section-one{margin: 7% 0px 10vh;}
.financial-page .section-two ul li{width:80%;}

.blog-page .section-two .first-blog .left{    width: 95%;}
.blog-page .section-two .first-blog .right{width: 90%;}
.blog-page .section-two .latest{    display: none;}
.blog-page .section-two .bloglist{    width: 95%;}
.blog-page .section-two .box:nth-of-type(odd){border-right:none;}
.blog-page .section-two .first-blog .left img{    max-height: 350px;    height: 100%;}

/*Sampath ramanujam */
.sampath-ramanujam .banner{margin-top: 88px;}
.sampath-ramanujam .banner .box .left{width: 100%;}
.sampath-ramanujam .banner .box .right{width: 100%;}
.sampath-ramanujam .banner .box .right h1{padding: 20px 0px;}
.sampath-ramanujam .banner .box .right table{padding: 5% 0% 0%;}
.sampath-ramanujam .banner .box .right table tr>td{width: 0%;font-size: 14px;line-height: 20px;}
.sampath-ramanujam .banner .box .right table tr{height: 50px;}
.sampath-ramanujam .banner .box .right .right-in .address{padding: 2% 0px 5%;width: 100%;}
.sampath-ramanujam .banner .box .right .right-in .second .address ul{text-align: left;}
.sampath-ramanujam .impact-bio .one {width: 100%; border-bottom: 1px solid #ccc; border-right: unset; padding: 3% 0% 3%; min-height: unset; }
.sampath-ramanujam .bio-top-stories h1{font-size: 36px;line-height: 40px;}
.sampath-ramanujam .bio-top-stories .top a{width: 100%;margin: 0% 0% 5%;}
.sampath-ramanujam .top-stories-bsafe h1{top: 4%;font-size: 38px;}
.sampath-ramanujam .testimonial .flexslider1 .testimonial-in{width: 100%;}
.sampath-ramanujam .testimonial .flexslider1 .testimonial-in .image1{width: 100%;}
.sampath-ramanujam .testimonial .flexslider1 .testimonial-in .content{width: 100%;padding: 0px;}
.sampath-ramanujam .testimonial .flexslider1 .flex-control-nav{bottom: 6% ! important;margin: 0px 0px 0px 0px ! important;}
.sampath-ramanujam .testimonial .flexslider1 .testimonial-in .image2{width: 90%;}
.sampath-ramanujam .bio .Hide1{bottom: 18px;right: 0%;}
.sampath-ramanujam .Hide{bottom: 1%;} 
.sampath-ramanujam .bio-top-stories{padding: 3% 5% 5%;} 
.sampath-ramanujam .banner .box .right .right-in .second .address{width: 100%;}  


.know-your-candidate .a{margin: 15vh 0% 0%;}
.know-your-candidate .b .left{width: 100%;}
.know-your-candidate .a h1{font-size: 18px;}
.know-your-candidate .b{width: 90%;padding: 4% 5%;}
.know-your-candidate .b .right{width: 100%;padding: 4% 0% 0%;}
.know-your-candidate .c .select{padding: 0% 15%;width: 70%;}
.know-your-candidate .c{width: 90%;padding: 0% 5%;}
.know-your-candidate .c .main{width: 86%;padding: 5% 7% 0%;}
.know-your-candidate .c .main .slideshow-container .prev{left: -12px;}
.know-your-candidate .c .main .slideshow-container .prev, .next{position: absolute; top: 14%; height: 11px; width: 11px; padding: 10px; font-size: 13px;}
.know-your-candidate .c .main .slideshow-container .next{right: -16px;}
.know-your-candidate .c .main .slideshow-container .mySlides .down .a a{font-size: 15px;}
.know-your-candidate .c .main .pdf ul{margin: 0px;}
.know-your-candidate .c .select select{width: 100%;}
.know-your-candidate .c .main .pdf ul>li>a>span{right: -40%;top: 4.5vh;}
.know-your-candidate .c .main .pdf ul>li>a>span>img{    max-width: 45px;}
.know-your-candidate .c .main .pdf{padding: 6% 0% 0%;}
.mla-lad-page .slide-1 .flexslider .text p{width: 100%;padding: 0px;}
.mla-lad-page .slide-1 .flexslider .image{padding: 18% 0px 0px;}
.mla-lad-page .slide-1{margin: 10vh 0px 4%;}
.mla-lad-page .c .main{width: 100%;padding: 0px;}
.mla-lad-page .c .main .slideshow-container .mySlides .one .left{width: 43%;height: 135px;}
.mla-lad-page .c .main .slideshow-container .mySlides .one .right{width: 46%;padding: 5% 0% 0% 2%;}
.mla-lad-page .c .main .slideshow-container .mySlides .one .right h1{font-size: 16px;word-break: break-word;margin: 0px 0px 12px;}
.mla-lad-page .c .main .slideshow-container .mySlides .one .right ul>li{width: 100%;margin: 0% 0% 2% 0%;}
.mla-lad-page .c .main .slideshow-container .mySlides .one .right p{font-size: 28px;padding: 20px 0px 0px;}
.mla-lad-page .c .main .slideshow-container .mySlides .one .picture{padding: 5% 0% 8%;}
.mla-lad-page .c .main .slideshow-container .mySlides .one .right ul>li>a{font-size: 12px;}
.mla-lad-page .c .main .slideshow-container .mySlides .one .right ul>li>i{margin: 13px 0% 0px 0%;}
.mla-lad-page .c .main .slideshow-container .mySlides .one .right p{font-size: 16px;}
.mla-lad-page .c .main .slideshow-container .prev {position: absolute; top: 60%; height: 11px; width: 11px; padding: 10px; font-size: 13px; }
.mla-lad-page .c .main .slideshow-container .next{position: absolute; top: 60%; height: 11px; width: 11px; padding: 10px; font-size: 13px;}
.mla-lad-page .c .main .slideshow-container .mySlides .one{padding: 20px 0px 0px;}
.mla-lad-page .slide-1 .flexslider .text p{font-size: 15px;}
.mla-lad-page .c .main .slideshow-container .mySlides .one .right ul{min-height: 120px;}




/*Sampath ramanujam */
}

@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) {



}