*{margin:0; padding:0; box-sizing:border-box; vertical-align:top;font-family:  Rubik;  } 
h1, h2, h3, h4, h5, h6, a, p, li, span{font-family: Cabin;}
header {     padding: 5px 50px;
    position: static;
    left: 0;
    top: 0px;
    width: 100%;
    background: #fff;
    z-index: 999;
    transition: 0.5s all 
ease;}
.clogobox a img{width: 650px;transition: 0.5s all ease;}
header.sticky .clogobox a h3{margin-bottom: 0px;}
.clogobox a h3 span{    display: block;
    font-size: 36px;
    color: #000;}
.    a{color: #ec3237;font-size: 26px;text-transform: uppercase;font-weight: 600;}
.header_inner {position:relative;}
#Homebanner .owl-dots{text-align: center;position: absolute;bottom: 5px;right: 0;left: 0;}
#Homebanner .owl-dots button.active span{background: #f59c28;}
#Homebanner .owl-dots button span{width: 15px;height: 15px;display: block;background: #ffffff;border-radius: 50px;margin: 3px;border: 1px solid #fff;}
header .navbar {padding: 0; min-height: 0px;  margin-bottom: 0px;} 
header .nav ul li {margin:0 0px;}
header .nav ul li a {font-size:16px;line-height: 22px; font-weight:400;padding: 10px 15px;text-transform: capitalize;display: block;color: #fff; transition: 0.5s all ease;position: relative; text-decoration:none; border-top:1px solid  transparent; border-bottom:1px solid  transparent;}
.header_fixed .nav ul li a {transition: 0.5s all ease;}
header .nav ul li:hover a {color:#f1b62b;transition: 0.5s all ease;}
header .nav ul li a.active{color:#f1b62b;transition: 0.5s all ease;}
header .dropdown:hover>.dropdown-menu {display: block; margin: 0; padding: 0px; border: 0; box-shadow:0 0 10px #333;}  
header .dropdown>.dropdown-toggle:active {pointer-events: none;}
header .dropdown:hover>.dropdown-menu li{padding: 0; margin: 0; border-bottom: 1px solid #263E86;}
header .dropdown:hover>.dropdown-menu li a{padding: 10px; background: #fff; color: #000;}
header .dropdown:hover>.dropdown-menu li a:hover{background: #263E86;color: #fff;}
header .nav .navbar-toggle{display: none;}
header .nav ul li a.dropdown-toggle::after {display: inline-block;margin-left: 0.255em;vertical-align:baseline;content:"\f107";border-top: 0;border-right: 0;border-bottom: 0;border-left: 0;font: normal normal normal 14px/1 FontAwesome;font-size: 18px;color: #fff;}
header .nav ul li a.dropdown-toggle:hover::after {color: #fff;}
/* .header_fixed  .nav ul li a.dropdown-toggle::after{color: #333;} */
/*****  Header Navigation css End *****/
header .rightC a{    background: #ffffff;
    color: #fff;
    padding: 10px 20px !important;
    border-radius: 5px;
    font-weight: 500 !important;
    font-size: 16px !important;}
header.sticky .nav ul li.rightC a:hover{background: #000;}
header .nav ul li.rightC a{color: #000;}
.sticky{background: #fff; position:fixed; top:0; left:0; z-index:999; height:90px; width:100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);   tarnsition:0.5s;}
.sticky img {width:545px !important;transition: 0.5s all ease;}
.sticky .white {display:none;}
.sticky .color {display:inline-block;;}
.clogobox{text-align: left;}
header.sticky  .nav ul li a:hover {color: #f1b62b;transition: 0.5s all ease; }
header.sticky  .clogobox {  padding-top: 0px;}
header.sticky .nav ul li a.dropdown-toggle::after {color: #000;}
header.sticky .nav ul li a.active{color: #f1b62b;
    transition: 0.5s all ease;}
#Homebanner .item img{width: 100%;}
.innerbanner img{width: 100%;}
.innerbanner{position: relative;}
.innerbanner h1{    position: absolute;
    bottom: 15%;
    padding: 50px;
    padding-bottom: 0;
    color: #f59c28;
    font-size: 32px;
    margin-bottom: 5px;
    font-weight: 600;
    text-transform: uppercase;}
.menu_in{display: flex;align-items: center;justify-content: space-between;}
.navigation{}
.navigation ul{    margin-bottom: 0;}
.navigation ul li{    list-style: none;}
.navigation ul li a{text-decoration: none;
    background: #f59c28;
    padding: 12px 20px;
    border-radius: 5px;
    color: #000000;
    text-transform: uppercase;}
.navigation ul li a:hover{background: #000;    color: #f59c28;}


.banner_home{position: relative;}
.banner_home .tag{    position: absolute;
    top: 0;
    z-index: 777;padding-top: 100px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #003a70d9;
    height: 100%;}
.banner_home .tag h4{     
        line-height: 19px;
    letter-spacing: 3px;
    font-weight: 500;
    font-size: 16px;    font-family: Rubik;
    text-transform: uppercase;
    height: auto;
    width: auto;
    color: #fff;}
.banner_home .tag h4 span{    width: 50px;
    position: relative;
    display: inline-block;
    background: #fff;
    height: 2px;
    vertical-align: middle;
    margin-right: 12px;}
.banner_home .tag h2{font-family: Cabin;
    height: auto;
    width: auto;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
    min-height: 0;
    min-width: 0;
    max-height: none;
    max-width: none;
    text-align: inherit;
    line-height: 75px;
    text-shadow: transparent 0 0 0;
    letter-spacing: 0;
    font-weight: 700;
    font-size: 75px;
    padding-bottom: 20px;
    transform-origin: 50% 50%;
    opacity: 1;
    transform: translate(0, 0);
    visibility: visible;
    margin-top: 6%;}
.banner_home .tag p{    font-family: Rubik;
    height: auto;
    color: #fff;
    text-decoration: none;
    white-space: normal;
    width: 557px;
    min-height: 0;
    min-width: 0;
    max-height: none;
    max-width: none;
    text-align: left;
    line-height: 30px;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 20px;
    transform-origin: 50% 50%;
    opacity: 1;
    transform: translate(0, 0);
    visibility: visible;}

.about{padding: 50px;  }
.about .img img{width: 100%;}
.about .text h2{text-align: center;
    color: #000;font-size: 28px;
    font-weight: 600;}
.visionmission{ padding: 50px;   background:#f59c282b;}
.visionmission .text{border: 1px solid #00000017;
    padding: 40px;height: 320px;
    text-align: center;
    border-radius: 2px;}
.visionmission .text h4{    margin-bottom: 25px;
    color: #f59c28;
    font-size: 32px;
    font-weight: 600;
    text-transform: uppercase;}
.visionmission .text p{font-size: 16px;}
.container{max-width: 100%;}
.about .row{align-items: center;}
.about .text h4{  margin-bottom: 25px;
    color: #f59c28;
    font-size: 32px;
    font-weight: 600;
    text-transform: uppercase;}
.about .text p{font-size: 16px;}

.whatwedo{padding: 50px;}
.whatwedo .head{text-align: center;}
.whatwedo .head h2{    color:#f59c28;
    font-size: 32px;
    font-weight: 600;
    text-transform: uppercase;}
.whatwedo .head p{font-size: 18px;}
.whatwedo .do-block{  margin-top: 25px;   position: relative;
    padding: 15px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    min-height: 331px;}
.whatwedo .do-block .img{position: relative;text-align: center;padding-top: 20px;
    overflow: hidden;}
.whatwedo .do-block .img img{     transition: all 
ease .5s, opacity 400ms 
ease;   width: 125px;}
.whatwedo .do-block .img label{    font-weight: 600;
    padding-top: 40px;
    display: block;
    font-size: 18px;
    margin-bottom: 10px;}
.whatwedo .do-block .doinfo{}
.whatwedo .do-block .doinfo label{}
.whatwedo .do-block .doinfo p{margin-bottom: 0px;text-align: center;}
.whatwedo .row{justify-content: center;}

.objectives{    padding: 50px;
    background: #f59c282b;}
.objectives .head{text-align: center;}
.objectives .head h2{color:#f59c28;
    font-size: 32px;margin-bottom: 25px;
    font-weight: 600;
    text-transform: uppercase;}
.objectives .img img{    width: 100%;
    background: #fff;
    padding: 5px;
    border-radius: 5px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.objectives ul{margin: 0;padding: 0;}
.objectives ul li{list-style: none;display: flex;align-items: center;
    border-radius: 5px;
    box-shadow: 0 5px 10px 0 rgb(0 0 0 / .5);
    background-color: #FFF;
    padding: 15px 19px 15px 19px;
    border-style: solid;
    border-width: 0 0 0 8px;
    margin-bottom: 10px;
    border-color: #f59c28;}
.objectives ul li .icon{     margin-right: 10px;
    width: 50px;
    text-align: center;}
.objectives ul li .icon i{    font-size: 38px;
    color: #000;}
.objectives ul li p{    margin-bottom: 0;
    font-weight: 600;}
.objectives .row{align-items: center;}
.report{padding: 50px;}
.report .head{text-align: center;    margin-bottom: 10px;}
.report .head h2{    color: #f59c28;
    font-size: 32px;
    margin-bottom: 5px;
    font-weight: 600;
    text-transform: uppercase;}
.report .head p{font-size: 18px;}
.report .report-list{text-align: center;}
.report .report-list a{    color: #000;
    background: #f59c28d6;
    padding: 15px 20px;
    margin: 5px;
    border-radius: 5px;
    display: inline-flex;
    text-decoration: none;
    font-weight: 600;
    justify-content: center;}
.involved{box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    width: 90%;
    margin: 50px auto;
    padding: 40px;}
.involved .head{    text-align: center;}
.involved .head h2{color: #f59c28;
    font-size: 32px;
    margin-bottom: 30px;
    font-weight: 600;
    text-transform: uppercase;}
.rightborder{    border-right: 1px solid #f59c2859;}
.involved .text{}
.involved .text label{    font-weight: 600;
    display: block;
    margin-bottom: 20px;}
.involved .text ul{    margin: 0;padding: 0;}
.involved .text ul li{     display: flex;
    align-items: center;
    margin-top: 10px;
    padding: 20px;
    border-radius: 5px;
    background: #f59c282b;}
.involved .text ul li .icon{    margin-right: 10px;}
.involved .text ul li .icon i{    font-size: 25px;}
.involved .text ul li p{    margin-bottom: 0;font-weight: 600;}

.whatwedo .do-block:hover .img img{transform: scale(1.1);}

footer{    background: #f59c28;
    text-align: center;}
footer .copyright-text p{margin: 0;
    font-size: 15px;
    padding: 10px;}

@media (min-width: 1921px) {
    body{max-width: 1920px;margin: 0 auto;}
    header{max-width: 1920px;margin: 0 auto;left: 0;right: 0;}
}

@media (min-width: 1400px) {
    .involved .head h2, .objectives .head h2, .whatwedo .head h2, .visionmission .text h4, .about .text h4{font-size: 48px;}
    .whatwedo .do-block .doinfo p, .whatwedo .head p, .visionmission .text p, .about .text p {font-size: 20px;}
    .whatwedo .do-block .img label{font-size: 22px;}
    .objectives ul li p{font-size: 22px;}
    .objectives ul li{padding: 25px 25px 25px 25px;}
    .involved .text ul li p, .involved .text label{font-size: 20px;}
}

@media (max-width: 1280px){
    .visionmission .text{height: 270px;}
}

@media (max-width: 1024px){
    .involved{padding: 40px 20px !important;}
    .whatwedo .do-block .img img{width: 65px;}
    .visionmission .text{min-height: 320px;}
}

@media (max-width: 912px) {
    .clogobox a img {width: 360px !important;}
    .visionmission .text{padding: 25px;}
}

@media (min-width:601px) {
    .mobilelogo{display: none;}
}

@media (max-width:600px) {
    .report {padding: 50px 10px;}
    .report .head h2, .involved .head h2, .objectives .head h2, .whatwedo .head h2, .visionmission .text h4, .about .text h4{font-size: 28px;}
    .laptoplogo{display: none;}
    header {padding: 5px 10px;}
    .clogobox a img{width: 50px !important;}
    .sticky{height: auto;}
    .about {padding: 50px 10px;}
    .visionmission {padding: 50px 10px;}
    .visionmission .text{height: auto;margin-top: 10px;}
    .visionmission .text {min-height: auto;}
    .whatwedo {padding: 50px 10px;}
    .whatwedo .do-block{min-height: auto;}
    .objectives {padding: 50px 10px;}
    .objectives ul{margin-top: 25px !important;}
    .involved {padding: 40px 10px !important;}
    .navigation ul li a{font-size: 14px;}
}