.width100 {
    float: left;
    width: 100%;
    margin-bottom: 3%;
}
.subban {
    width: 90%;
    color: #fff;
    float: left;
    padding: 0 5% 1% 5%;
    background: #fff url("../images/subban.jpg") no-repeat 0 20px;
    background-size: 100%;
}
.subban_lft {
    width: 35%;
    float: left;
    margin: 5% 0 0 0;
}
.subban_lft h1 {
    font-size: 5em;
}
.subban_rht {
    width: 55%;
    float: right;
    text-align: center;
}
.subban_rht img {
    width: 50%;
    border-radius: 50%;
    border: 10px solid #fff;
}
.content_bg {
    width: 90%;
    float: left;
    font-weight: 400;
    padding: 0 5% 15% 5%;
    background: #fff url("../images/subpage_bg.png") no-repeat bottom right;
    background-size: auto;
}
.outreach_bg {
    width: 90%;
    float: left;
    font-weight: 400;
    padding: 0 5% 15% 5%;
    background: #fff url("../images/outreach_bg.jpg") no-repeat bottom right;
    background-size: auto;
}
.upskill_bg {
    width: 90%;
    float: left;
    font-weight: 400;
    padding: 0 5% 15% 5%;
    background: #fff url("../images/outreach_bg.jpg") no-repeat bottom right;
    background-size: auto;
}
.sliderheading {
    width: 100%;
    margin: 0 0 2% 5%;
    float: left;
}
.sliderheading h2 {
    font-size: 2.5em;
    font-weight: 300;
    position: relative;
    line-height: normal;
}
.sliderheading h2 span {
    left: 0;
    bottom: 45px;
    content: "";
    width: 50px;
    height: 5px;
    position: absolute;
    background-color: #da9313;
}
.con_rht {
    width: 70%;
    margin: auto;
    padding: 0 10%;
}
.con_rht h1, .con_rht h2, .con_rht h3, .con_rht h4, .con_rht h5, .con_rht h6, .con_rht p, .con_rht ul, .con_rht ol {
    margin-bottom: 3%;
}
.con_rht h1 {
    font-size: 2.5em;
    font-weight: 300;
    position: relative;
    line-height: normal;
}
.con_rht h1::before {
    left: 0;
    bottom: 0;
    content: "";
    width: 50px;
    height: 5px;
    position: absolute;
    background-color: #da9313;
}
.wave, .wave1 {
    width: 90%;
    float: left;
    padding: 5%;
    color: #fff;
    font-weight: 300;
    font-size: 1.2em;
    line-height: 1.6em;
    text-align: justify;
    background: #dcb644 url("../images/wave.png") no-repeat bottom right;
    background-size: cover;
    border-radius: 0 0 30px 30px;
}
.con_rht p {
    text-align: left;
}
.con_rht ul {
    text-align: left;
}
.con_rht ul li {
    display: block;
    list-style: none;
    position: relative;
    padding: 0 0 2% 3%;
}
.con_rht ul li::before {
    left: 0;
    content: "\f105";
    position: absolute;
    font-family: "FontAwesome";
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}
hr {
    float: left;
    width: 100%;
    height: 2px;
    border: 0px;
    margin: 2% 0 5% 0;
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
    background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
}
.modal {
    inset: 0;
    display: none;
    position: fixed;
    z-index: 999;
    justify-content: center;
    background: rgba(0, 0, 0, 0.5);
}
.modal:target {
    display: flex;
}
.pop_content {
    top: 5%;
    width: 80%;
    height: 80%;
    padding: 1%;
    position: relative;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0px 1px 5px #666;
}
.pop_close {
    top: 20px;
    z-index: 9;
    right: 20px;
    color: #fe0606;
    font-size: 30px;
    line-height: 20px;
    position: absolute;
    text-decoration: none;
}
.main_lft {
    width: 48%;
    float: left;
}
.main_rht {
    width: 48%;
    float: right;
    text-align: left;
}
.leader {
    width: 80%;
    float: left;
    padding: 2% 10%;
    text-align: center;
}
.leader img {
    border-radius: 20px;
    padding: 0 5px 5px 0px;
    background-color: #fff;    
	border-bottom: 3px solid #da9313;
    border-right: 3px solid #f7bd52;
}
.leader h4 {
    font-weight: bold;
}
.leader p {
    padding: 2% 0;
}
.outreach_inner {
    width: 80%;
    float: left;
    padding: 2% 10%;
    text-align: center;
}
.lft_menu {
    width: 25%;
    float: left;
    text-align: left;
}
.lft_menu h1 {
    margin-bottom: 20px;
}
.lft_menu a {
    color: #666;
    display: block;
    padding: 5px 0px 5px 30px;
    border-bottom: 1px dotted #ccc;
    background: url(../images/arr1.gif) 10px 9px no-repeat;
}
.lft_menu a:hover {
    background-color: #eee;
}
.lft_menu .on {
    background-color: #eee;
}
.rht_gal {
    width: 65%;
    float: right;
    text-align: left;
}
.rht_gal h2 {
    color: #222;
    margin-bottom: 20px;
}
.impact {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 2%;
}
.impact h2 {
    color: #222;
    margin: 20px 0;
}
.impact p {
    width: 30%;
    margin: auto;
}
.metrics {
    width: 80%;
    float: left;
    padding: 2% 10%;
    text-align: center;
}
.flex-item-01, .flex-item-02, .flex-item-03 {
    width: 30%;
    float: left;
    box-sizing: border-box;
}
.flex-item-02 {
    margin: 0 5%;
}
.metrics h1 {
    color: #da9312;
    font-size: 4em;
}
.metrics h6 {
    color: #da9312;
    font-size: 1em;
}
.metrics p {
    margin: 20px 5%;
}
.metrics a {
    color: #666;
    border: 1px solid #ccc;
    padding: 0 10px 4px 10px;
    border-radius: 20px;
}
.metrics a:hover {
    color: #fff;
    background-color: #da9312;
}
.join {
    width: 70%;
    float: left;
    padding: 0 15%;
    margin-bottom: 2%;
}
.join h2 {
    color: #222;
    margin: 20px 0;
}
.join p {
    margin: 0 auto 20px auto;
}
.wave1 {
    margin-top: 20px;
    border-radius: 20px !important;
}
.wave1 h2 {
    color: #fff !important;
}
.wave1 p {
    width: 80%;
    margin: 0 !important;
}
.upskill {
    width: 70%;
    margin: auto;
    padding: 0 10%;
}
.upskill h2 {
    color: #222;
    margin-bottom: 15px;
}
.upskill h4 {
    color: #222;
    margin-top: 15px;
}
.upskill_icon {
    float: left;
    width: 100%;
    margin: 20px 0;
    display: flex;
    -ms-display: flex;
    align-items: center;
}
.upskill_icon .main_lft {
    width: 25%;
}
.upskill_icon .main_rht {
    float: left;
    padding: 20px;
    box-sizing: border-box;
    width: 75%;
}
.upskill_join {
    margin-top: 5%;
}
.upskill_icon p, .upskill_join p {
    margin-bottom: 15px;
}
.upskill_icon h3 a, .upskill_join h3 a {
    color: #fff;
    padding: 10px 25px;
    display: inline-block;
    background-color: #ad7207;
    border-radius: 20px;
}
.upskill_icon h3 a:hover, .upskill_join h3 a:hover {
    color: #ad7207;
    background-color: #fff;
}
.bene_icon {
    float: left;
    width: 100%;
    margin: 20px 0;
}
.bene {
    float: left;
    width: 32%;
}
.bene h3, .bene p {
    text-align: center !important;
}
.bene img {
    border-radius: 20px;
    box-shadow: 0px 1px 10px #666;
}
.padd {
    padding: 0 2%;
}
.enquiry {
    float: left;
    width: 100%;
    padding: 20px 0px 0px 0px;
}
.inputrow {
    float: left;
    width: 100%;
}
.label {
    width: 40%;
    float: left;
}
.label span {
    color: red;
}
.colon {
    float: left;
    width: 10%;
    text-align: center;
}
.inputcol {
    float: left;
    width: 50%;
}
/** Form Starts **/
select {
    width: 98%;
    color: #000;
    padding: 2% 3%;
}
input[type="text"], textarea {
    width: 92%;
    color: #000;
    resize: none;
    padding: 2% 3%;
    font-size: 0.8em;
    margin: 0 0 2% 0;
    border: 1px solid #e3ddd8;
    font-family: "Lexend", sans-serif;
}
input[type="submit"], input[type="button"], input[type="reset"] {
    width: 49%;
    color: #fff;
    border: 0px;
    padding: 2% 0;
    outline: none;
    cursor: pointer;
    margin-bottom: 2%;
    text-align: center;
    text-transform: uppercase;
    font-family: "Lexend", sans-serif;
    background-color: #ad7207;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
input[type="submit"]:focus, input[type="button"]:focus, input[type="reset"] {
    outline: none;
}
input[type="button"]::-moz-focus-inner {
border: 0;
outline: none;
}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, input[type="reset"]:hover {
    color: #000;
    background-color: #f5f5f5;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#success_msg {
    color: #000;
    margin-bottom: 2%;
    padding: 5px 0 5px 3%;
}
.errorMsg {
    color: #c30;
    height: 20px;
    font-size: 11px;
}
.successMsg, .ErrMsg {
    background-color: rgba(189,238,255,0.50);
}
.ErrMsg {
    color: #c30;
}
.btnClass {
    color: #fff;
    padding: 10px 25px;
    display: inline-block;
    background-color: #8f5c00;
    border-radius: 20px;
}
@media only screen and (min-width: 960px) and (max-width: 1389px) {
    .subban_lft h1 {
        font-size: 3em;
    }
    .metrics h1 {
        font-size: 3em;
    }
    .join {
        width: 80%;
        padding: 0 10%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 990px) {
    .subban_lft h1 {
        font-size: 3em;
    }
    .con_rht h1 {
        font-size: 1.5em;
    }
    .metrics h1 {
        font-size: 3em;
    }
    .join {
        width: 80%;
        padding: 0 10%;
    }
}
@media only screen and (max-width: 1024px) {
    .bene_icon {
        margin: 0;
    }
    .bene {
        width: 100%;
    }
    .bene p {
        text-align: center !important;
    }
    .padd {
        padding: 0;
    }
    .join {
        width: 90%;
        padding: 0 5%;
    }
    .join p {
        width: 90%;
    }
    .pop_close {
        top: 5px;
        right: 10px;
    }
}
@media only screen and (max-width: 768px) {
    .quality_section {
        display: block;
    }
    #wrapper .img_reduce {
        display: block;
        margin: 0 auto;
        max-width: 170px;
    }
    .quality_section .main_lft {
        width: 100%;
        float: none;
    }
    .quality_section .main_rht {
        float: none;
        width: 100%;
    }
    .subban_lft h1 {
        font-size: 2em;
    }
    .subban_rht img {
        width: 70%;
    }
    .con_rht {
        width: 90%;
        padding: 0 5%;
    }
    .con_rht h1 {
        font-size: 1.2em !important;
    }
    .con_rht p {
        text-align: left !important;
    }
    .con_rht h1::before {
        width: 30px;
        height: 3px;
    }
    .wave, .wave1 {
        font-size: 1em !important;
        text-align: left !important;
    }
    .flex-item-01, .flex-item-02, .flex-item-03 {
        width: 100%;
        margin: auto;
    }
    .metrics h1 {
        font-size: 2.5em;
    }
    .main_lft, .main_rht {
        float: left;
        width: 100%;
    }
    .upskill {
        width: 80%;
        padding: 0 10%;
    }
    .upskill_icon {
        display: block;
    }
    .upskill_icon .main_lft {
        width: 100%;
        text-align: center;
    }
    .upskill_icon .main_rht {
        padding: 20px 0;
        width: 100%;
    }
    .bene_icon {
        margin: 0;
    }
    .bene {
        width: 100%;
    }
    .bene p {
        text-align: center !important;
    }
    .padd {
        padding: 0;
    }
    .join {
        width: 90%;
        padding: 0 5%;
    }
    .join p {
        width: 90%;
    }
    .pop_close {
        top: 5px;
        right: 10px;
    }
    .lft_menu {
        width: 100%;
        margin-bottom: 3%;
    }
    .rht_gal {
        width: 100%;
    }
}
@media only screen and (max-width:767px) {
    .con_lft {
        width: 100%;
        margin-bottom: 3%;
    }
    .submenu {
        width: 94%;
        padding: 10px 3%;
        position: relative;
    }
    .con_rht {
        width: 94%;
        padding: 10px 3%;
        min-height: 200px;
    }
    .main_lft {
        width: 100%;
        margin-bottom: 3%;
    }
    .main_rht {
        width: 100%;
    }
    .two ul li, .three ul li, .four ul li, .five ul li {
        width: 100%;
    }
    .board {
        width: 80%;
        padding: 3% 5%;
        margin: 2% auto 5% auto;
    }
    #sub_category_list ul li {
        width: 48%;
    }
    .title {
        width: 100%;
        margin-bottom: 3%;
    }
    .navigation {
        width: 100%;
    }
    .subban_lft {
        width: 100%;
        margin: 10% 0;
    }
    .subban_rht {
        display: none;
    }
}
@media only screen and (min-width:480px) and (max-width:767px) {}