@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300&display=swap'); 





*{

    margin: 0;

    font-family: 'Inter', sans-serif;

    /* overflow-x: hidden; */

}

/* navbar */

header{

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    display: inline-block;

    justify-content: space-between;

    align-items: center;

    transition: 0.5s;

    padding: 0.4em 1em;

    z-index: 100000;

}

header.sticky{

    padding: 0.1em 1em;

    background: #EEE2DE;

}

header ul{

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center;

}

header ul li{

    position: relative;

    list-style: none;

}

header ul li a{

    position: relative;

    margin: 0.5em 0.5em;

    text-decoration: none;

    color: black;

    font-weight: 500;

    transition: 0.6s ; 

}

header.sticky ul li a{

    color:black;

}



header.navbar-toggler{

    display: flex;

}

.container-fluid .navbar-brand img{

    width:12em;

}

.container-fluid .navbar-toggler-icon{

    width:0.8em;

}

.container ul{

    padding-top: 2em;

    cursor: pointer;

}

.container-fluid ul li a{

    margin: 0.5em;

    color: black;

    font-weight: 450;

    transition: color 0.3s ease-in-out;

    cursor: pointer !important;

}

.container-fluid ul li a:hover{

    color: #e57817;

    text-decoration: none;

    font-weight: 500;

}

.dropbtn{

    background-color: black;

    padding: 0.5em;

    font-size: 1em;

    font-weight: 600;

    border-color: black;

    cursor: pointer;

}

.dropdown {

    position: relative;

    display: inline-block;

  } 

.dropdown-content {

    display: none;

    position: absolute;

    background-color: white;

    min-width: 1em;

    box-shadow: 0em 0.4em 1em 0em rgba(0,0,0,0.2);

    z-index: 1;

} 

.dropdown-content a {

    color: black;

    padding: 0.3em 1.3em;

    text-decoration: none;

    display: block;

} 

.dropdown-content a:hover {

  background-color: #EEE2DE;

}

  

.dropdown:hover .dropdown-content {

    display: block;

}  

.dropdown:hover .dropbtn {

    color: rgba(229, 120, 23, 1);

}



/* JUMBOTRON INDEX */

.working{

    margin: auto;

    height: 34em;

    background-image: url('../img/content/main_header.png');

    background-size: cover;

    background-repeat: no-repeat;

    background-attachment: fixed;

}

.working .h1{

    color: rgba(229, 120, 23, 1);

    margin-top: 2.2em;

    margin-right: 24em;

    padding-top: 2em;

    line-height: 1.3em;

    /* letter-spacing: 0.1em; */

    font-weight: 600;

    font-size: 2em;

}

.working .p{

    margin-top: 1em;

    color: black;

    margin-right: 40em;

    font-size: 1em;

}

.working hr{

    border-color: #E55807;

    width: 5em;

    border-width: 0.3em;

}

.working .btn{

    background-color: #B70404;

    border: none;

    border-radius: 0.2em;

    padding: 0.9em;

    font-size: 0.8em;

    color: white;

}

.working .btn:hover{

    background-color: rgba(229, 120, 23, 1);

    color: white;

    transition: 0.4s;

}

/* CORPORATE INFO */

.info{

    display: flex;

}

.building img{

    /* background-color: #B70404; */

    width: 33em;

    height: 30em;

    margin-top: 3em;

}

.text_building h1{

    margin-top: 2em;

    color: rgba(229, 120, 23, 1);

    margin-left: 0.5em;

    line-height: 1.3em;

    /* letter-spacing: 0.1em; */

    font-weight: 600;

    font-size: 1.8em;

}

.text_building hr{

    border-color: #E55807;

    margin-left: 1em;

    width: 5em;

    border-width: 0.3em;

}

.text_building p{

    margin-top: 1em;

    margin-left: 1em;

    color: black;

    font-size: 1em;

}

.text_building .btn{

    border: 0.1em solid black;

    border-radius: 0.1vw;

    margin-left: 0.9em;

    padding: 0.6em;

    /* font-size: 1.5vw; */

    color: black;

    font-weight: 500;

}

.text_building .btn:hover{

    background-color: rgba(229, 120, 23, 1);

    color: white;

    transition: 0.6s;

}



/* .cara{

    background-image: url(../img/content/cabang_cakung.JPG);

    height: 37.5em;

} */



/* SLIDER LOGO */

.container-logo{

    margin-top: 2em;

    margin-bottom: 4em;

}

.container-logo h1{

    color: rgba(229, 120, 23, 1);

    /* margin-left: 2em; */

    line-height: 1.3em;

    /* letter-spacing: 0.1em; */

    font-weight: 600;

    font-size: 1.8em;

}

.container-logo{

    margin-top: 2em;

    margin-bottom: 4em;

}

.container-logo h1{

    color: rgba(229, 120, 23, 1);

    /* margin-left: 2em; */

    line-height: 1.3em;

    /* letter-spacing: 0.1em; */

    font-weight: 600;

    font-size: 1.8em;

}

.container-logo hr{

    margin: auto;

    border-color: #E55807;

    width: 5em;

    border-width: 0.3em;

}

.slick-slide{

    margin: 0 20px;

}

.slick-slide img{

    width: 100%;

    position:center;

}

.slick-slider{

    position: relative;

    display: block;

    box-sizing: border-box;

}

.slick-list{

    position: relative;

    display: block;

    overflow: hidden;

    margin: 0;

    padding: 0;

}

.slick-track{

    position: relative;

    top: 0;

    left: 0;

    display: block;

}

.slick-slide{

    display: none;

    float: left;

    height: 100%;

    min-height: 1px;

}

.slick-slide img{

    display: block;

}

.slick-initialized .slick-slide{

    display: block;

}

.slider{

    height: 100%;

    margin: auto;

    overflow: hidden;

    position: relative;

    width: auto;

}

.slider .slide-track{

    animation: scroll 40s linear infinite;

    display: flex;

    width: calc(250px * 14);

}

.slider .slide{

    height: 150px;

    width: 150px;

    margin-right: 50px;

}

.slide img{

    width: 100%;

}

.slick-slide{

    margin: 0 20px;

}

.slick-slide img{

    width: 100%;

    position:center;

}

.slick-slider{

    position: relative;

    display: block;

    box-sizing: border-box;

}

.slick-list{

    position: relative;

    display: block;

    overflow: hidden;

    margin: 0;

    padding: 0;

}

.slick-track{

    position: relative;

    top: 0;

    left: 0;

    display: block;

}

.slick-slide{

    display: none;

    float: left;

    height: 100%;

    min-height: 1px;

}

.slick-slide img{

    display: block;

}

.slick-initialized .slick-slide{

    display: block;

}

.slider{

    height: 100%;

    margin: auto;

    overflow: hidden;

    position: relative;

    width: auto;

}

.slider .slide-track{

    animation: scroll 40s linear infinite;

    display: flex;

    width: calc(250px * 14);

}

.slider .slide{

    height: 150px;

    width: 150px;

    margin-right: 50px;

}

.slide img{

    width: 100%;

}



/* FOOTER */

footer{

    background-color: #EEE2DE;

}

footer .container .row .bwh .title a{

    /* font-size: 0.6em; */

}

footer .container .bwh p a{

    text-decoration: none;

    color: black;

}

footer .container .row .bwh a{

    text-decoration: none;

    cursor: pointer;

    

}

footer .container .bwh p a:hover{

    transition: 0.5s;

    color: rgba(229, 120, 23, 1);

}

footer .container .down a{

    text-decoration: none;

}

.copyright{

    color: black;

}

.sosmed{

    color: black;

}





/* CORPORATE INFORMATION */



/* CORPORATE PROFILE */

/* JUMBOTRON CORPORATE PROFILE*/

.corporate_profile{

    margin: auto;

    height: 18em;

    background-image: url('../img/content/header_fix2.png');

    background-size: cover;

    background-repeat: no-repeat;

    background-attachment: local; 

}

.corporate_profile .h1{

    color: rgba(229, 120, 23, 1);

    margin-top: 2.2em;

    /* margin-right:18em; */

    padding-top: 1.5em;

    line-height: 1.3em;

    text-transform: uppercase;

    /* letter-spacing: 0.1em; */

    font-weight: 600;

    font-size: 2.4em;

}

.corporate_profile .p{

    margin-top: 1em;

    color: black;

    padding-right: 45em;

    /* font-size: 1.2em; */

}

.corporate_profile hr{

    border-color: #E55807;

    width: 5em;

    border-width: 0.3em;

}



/* MISSION STATEMENT */

.mission_statement .h1{

    font-size: 1.7em;

    text-transform: uppercase;

    font-weight: 600;

    margin-top: 2em;

}

.mission_statement .p{

    margin-top: 1em;

    color: black;

    text-align: left;

    margin-bottom: 5em;

}

.mission_statement hr{

    margin: auto;

    border-color: #E55807;

    width: 5em;

    border-width: 0.3em;

}



/* CORE VALUES */

.core_values{

    margin: auto;

    height: 35em;

    background-image: url('../img/content/header_fix2.png');

    background-size: cover;

    background-repeat: no-repeat;

}

.core_values .h1{

    font-size: 1.7em;

    text-transform: uppercase;

    color: white;

    font-weight: 600;

    padding-top: 1em;

    /* margin-top: 2.2em; */

}

.core_values .p{

    margin-top: 1em;

    color: white;

    text-align: left;

    margin-bottom: 5em;

}

.core_values hr{

    margin: auto;

    border-color: #E55807;

    width: 5em;

    border-width: 0.3em;

}

.core_values .row{

    color: white;

    font-size: 0.9em;

    margin-bottom: 2em;

}

.core_values .row h5{

    margin-left: 3em;

}

.core_value .wrapper{

    margin: 0em 3em 5em 4em;

}

.core_value .wrapper .title_value{

    font-weight: 600;

    text-transform: uppercase;

}

.core_value .wrapper .desc_value{

    font-size: 2em;

}



/* MILESTONE */

.milestone .h1{

    font-size: 1.7em;

    text-transform: uppercase;

    font-weight: 600;

    margin-top: 2em;

}

.milestone .p{

    margin-top: 1em;

    color: black;

    text-align: left;

    margin-bottom: 5em;

}

.milestone hr{

    margin: auto;

    border-color: #E55807;

    width: 5em;

    border-width: 0.3em;

}



/*BOC BOD*/

.boc .h1{

    font-size: 1.7em;

    text-transform: uppercase;

    font-weight: 600;

    margin-top: 4em;

}

.boc hr{

    margin: auto;

    border-color: #E55807;

    width: 5em;

    border-width: 0.3em;

}

.commisioner{

    margin-bottom: 5em;

}

.commisioner .h1{

    font-size: 1.7em;

    text-transform: uppercase;

    font-weight: 600;

    margin-top: 2em;

    margin-left: 2em;

}

.commisioner hr{

    margin: left;

    border-color: #E55807;

    width: 5em;

    border-width: 0.3em;

    margin-left: 3.5em;

}

.row img{

    margin-left: 6em;

    width: 17em;

    height:25em;

}

/* .row .desc{

    margin-left: 3em;

    padding: 0em 6em 0em 20em;

}

.row .desc h5{

    font-size: 1.8em;

    font-weight: 600;

} */

.desc h5{

    font-size: 1.6em;

    margin-left: 1.5em;

}

.desc p{

    margin: 1em 7em 0em 2em;

}



/*GROUP STRUCTURE*/

 .group_structure .h1{

    font-size: 1.7em;

    text-transform: uppercase;

    font-weight: 600;

    margin-top: 2em;

}

.group_structure hr{

    margin: auto;

    border-color: #E55807;

    width: 5em;

    border-width: 0.3em;

}

.division .wrapper{

    margin: 0em 3em 5em 4em;



}

.division .wrapper h1{

    font-size: 1.7em;

    text-transform: uppercase;

    font-weight: 600;

    margin-top: 2em;

}

.division .wrapper p{

    font-size: 0.9em;

}

.division .desc_division{

    margin: 5em 3em 0em 0em;

}

.division .desc_division p{

    /* margin-right: 10em; */

}

.division .wrapper .image_division{

    width: 250em;

    height: 17em;

}

.division .btn{

    /* margin-left: 0.em; */

    border: 0.1em solid black;

    border-radius: 0.1vw;

    padding: 0.8em;

    font-size: 0.8em;

    color: black;

    font-weight: 500;

    text-transform: uppercase;

}

.division .btn:hover{

    background-color: rgba(229, 120, 23, 1);

    color: white;

    transition: 0.6s;

}

.division img{

    display: block;

    margin: 4em 5em 0em 0em;

    width:100%;

    height: 100%;

}



/* CORPORATE GOVERNANCE */

.work_guidelines .h1{

    font-size: 1.7em;

    text-transform: uppercase;

    font-weight: 600;

    margin-top: 2em;

}

.work_guidelines .p{

    margin-top: 1em;

    color: black;

    text-align: left;

    margin-bottom: 5em;

}

.work_guidelines hr{

    margin: auto;

    border-color: #E55807;

    width: 5em;

    border-width: 0.3em;

}

.corp_secretary .h1{

    font-size: 1.7em;

    text-transform: uppercase;

    font-weight: 600;

    margin-top: 2em;

}

.corp_secretary .h6{

    text-align: left;

    font-weight: 600;

    font-size: 1em;

}

.corp_secretary .p1{

    /* margin-top: 1em; */

    /* color: black; */

    text-align: left;

    margin-bottom: 3em;

}

.corp_secretary .p{

    margin-top: 1em;

    color: black;

    text-align: left;

    margin-bottom: 5em;

}

.corp_secretary hr{

    margin: auto;

    border-color: #E55807;

    width: 5em;

    border-width: 0.3em;

}

.corp_secretary .btn_audit{

    border: 0.1em solid black;

    border-radius: 0.1em;

    margin: 2em;

}

.corp_secretary .btn_audit:hover{

    border: 0.1em solid black;

    border-radius: 0.1em;

    background-color: rgb(44, 44, 44);

    color: white;

    transition: 0.6s;

}

/* AWARDS */

.awards .h1{

    font-size: 1.7em;

    text-transform: uppercase;

    font-weight: 600;

    margin-top: 2em;

}

.awards .h6{

    text-align: left;

    font-weight: 600;

    font-size: 1em;

}

.awards .p1{

    /* margin-top: 1em; */

    /* color: black; */

    text-align: left;

    margin-bottom: 3em;

}

.awards .p{

    margin-top: 1em;

    color: black;

    text-align: left;

    margin-bottom: 5em;

}

.awards hr{

    margin: auto;

    border-color: #E55807;

    width: 5em;

    border-width: 0.3em;

}

.awards .gallery{

    margin: 10px 50px;

}

.awards .gallery img{

    width: 270px;

    padding: 20px;

    filter: grayscale(100%);

    transition: 1s;

}

.gallery img:hover{

    filter: grayscale(0);

    transform: scale(1.1);

}

/* CSR */

.csr .h1{

    font-size: 1.7em;

    text-transform: uppercase;

    font-weight: 600;

    margin-top: 2em;

}

.corp_secretary .h6{

    text-align: left;

    font-weight: 600;

    font-size: 1em;

}

.csr .p1{

    /* margin-top: 1em; */

    /* color: black; */

    text-align: left;

    margin-bottom: 3em;

}

.csr .p{

    margin-top: 1em;

    color: black;

    text-align: left;

    margin-bottom: 5em;

}

.csr hr{

    margin: auto;

    border-color: #E55807;

    width: 5em;

    border-width: 0.3em;

}









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

    header{

        position: fixed;

        top: 0;

        left: 0;

        width: 100%;

        display: inline-block;

        justify-content: space-between;

        align-items: center;

        transition: 0.5s;

        padding: 0.4em 1em;

        z-index: 100000;

        background: white;

    }

    header.sticky{

        padding: 0.1em 1em;

        background: #EEE2DE;

    }

    header ul{

        align-items: end;

        position: relative;

        display: flex;

        justify-content: center;

    }

    header ul li{

        position: relative;

        list-style: none;

    }

    header ul li a{

        position: relative;

        margin: 0.5em 0.5em;

        text-decoration: none;

        color: black;

        font-weight: 500;

        transition: 0.6s ; 

    }

    header.sticky ul li a{

        color:black;

    }

    

    header.navbar-toggler{

        display: flex;

    }

    .container-fluid .navbar-brand img{

        width:12em;

    }

    .container-fluid .navbar-toggler-icon{

        width:0.8em;

    }

    .container ul{

        padding-top: 2em;

        cursor: pointer;

    }

    .container-fluid ul li a{

        margin: 0.5em;

        color: black;

        font-weight: 450;

        transition: color 0.3s ease-in-out;

        cursor: pointer !important;

    }

    .container-fluid ul li a:hover{

        color: #e57817;

        text-decoration: none;

        font-weight: 500;

    }

    .dropbtn{

        background-color: black;

        padding: 0.5em;

        font-size: 1em;

        font-weight: 600;

        border-color: black;

        cursor: pointer;

    }

    .dropdown {

        position: relative;

        display: inline-block;

      } 

    .dropdown-content {

        display: none;

        position: absolute;

        background-color: white;

        min-width: 1em;

        box-shadow: 0em 0.4em 1em 0em rgba(0,0,0,0.2);

        z-index: 1;

    } 

    .dropdown-content a {

        color: white;

        padding: 0.3em 1.3em;

        text-decoration: none;

        display: block;

    } 

    .dropdown-content a:hover {

      background-color: #f1f1f1;

    }

      

    .dropdown:hover .dropdown-content {

        display: block;

    }  

    .dropdown:hover .dropbtn {

        color: rgba(229, 120, 23, 1);

    }

    .working{

        margin: 0;

        height: 20em;

        background-image: url('../img/content/main_header.png');

        background-size: cover;

        background-repeat: no-repeat;

        background-attachment: fixed;

    }

    .working .h1{

        margin-top: 4em;

        font-size: 1.4em;

        margin-right: 3em;

        /* padding-top: 5em; */

        /* color: white; */

    }

    .working .p{

        font-size: 0.8em;

        margin-right: 5em;

    }

    /* .working .h1{

        color: rgba(229, 120, 23, 1);

        margin-top: 2.2em;

        margin-right: 18em;

        padding-top: 2em;

        font-size: 0.1em;

        line-height: 1.3em;

        letter-spacing: 0.1em;

        font-weight: 500;

 

    }

    .working .p{

        margin-top: 1em;

        color: black;

        margin-right: 30em;

        font-size: 0.2em;

    } */

    .working hr{

        border-color: #E55807;

        width: 5em;

        border-width: 0.3em;

    }

    .working .btn{

        background-color: #B70404;

        border: none;

        border-radius: 0.2em;

        padding: 0.9em;

        font-size: 0.8em;

        color: white;

    }

    .working .btn:hover{

        background-color: rgba(229, 120, 23, 1);

        color: white;

        transition: 0.4s;

    }

    /* corporate_info */

    .info{

        display:inline-block;

    }

    .building img{

        /* background-color: #B70404; */

        width: 18.5em;

        height: 18.5em;

        margin-top: 4em;

    }

    .text_building h1{

        margin-top: 2em;

        color: rgba(229, 120, 23, 1);

        margin-left: 0.5em;

        line-height: 1.3em;

        /* letter-spacing: 0.1em; */

        font-weight: 600;

        font-size: 1.4em;

    }

    .text_building hr{

        border-color: #E55807;

        /* margin-left: 1em; */

        width: 5em;

        border-width: 0.3em;

    }

    .text_building p{

        margin-top: 1em;

        padding-right: 1em;

        color: black;

        font-size: 0.8em;

    }

    .text_building .btn{

        border: 0.1em solid black;

        border-radius: 0.1vw;

        margin-left: 0.9em;

        padding: 0.8em;

        font-size: 0.8em;

        color: black;

        font-weight: 500;

    }

    .text_building .btn:hover{

        background-color: rgba(229, 120, 23, 1);

        color: white;

        transition: 0.6s;

    }

    .container-logo{

        padding: 0;

    }

    .container-logo h1{

        color: #e57817;

        padding-right: 2em;

        line-height: 1.3em;

        /* letter-spacing: 0.1em; */

        font-weight: 600;

        font-size: 1.5em;

    }

    /* .container-logo hr{

        border-color: #E55807;

        margin-left: 7.7em;

        width: 5em;

        border-width: 0.3em;

    } */

    .slick-slide{

        margin: 0 0.1em;

    }

    .slick-slide img{

    width: 115%;

    position:center;

    }

    .slick-slider{

    position: relative;

    display: block;

    box-sizing: border-box;

    }

    .slick-list{

    position: relative;

    display: block;

    overflow: hidden;

    margin: 0.1em;

    padding: 0.2em;

     }

    .slick-track{

    position: relative;

    top: 0;

    left: 0;

    display: block;

    }

    .slick-slide{

    display: none;

    float: left;

    height: 100%;

    min-height: 1px;

    }

    .slick-slide img{

    display: block;

    }

    .slick-initialized .slick-slide{

    display: block;

    }

    .slider{

    height: 100%;

    margin: auto;

    overflow: hidden;

    position: relative;

    width: auto;

    }

    .slider .slide-track{

    animation: scroll 40s linear infinite;

    display: flex;

    width: calc(250px * 14);

    }

    .slider .slide{

    height: 5em;

    width: 1em;

    margin-right: 2em;

    }

    .slide img{

    width: 110%;

    }

    footer{

        flex-direction: column-reverse;

        margin: 0;

    }

    footer .bwh p a{

        display: none;

    }

    footer .container .bwh a h5{

        text-decoration: none;

        font-size: 0.8em;

    }

    footer .container .bwh p a h5:hover{

        transition: 0.5s;

        color: rgba(229, 120, 23, 1);

    }

    footer .container .down a h5{

        text-decoration: none;

        font-size: 0.8em;

    }

    .copyright{

        color: black;

        font-size: 0.8em;

    }



    

    /* CORPORATE INFORMATION */



    /* corporate profile */

    /* JUMBOTRON */

    .corporate_profile .h1{

        margin-top: 3em;

        font-size: 1.5em;

    }

    .corporate_profile .p{

        padding-right: 5em;

        font-size: 0.9em;

    }

    /*mission statement*/

    .mission_statement .h1{

        font-size: 1.3em;

        text-transform: uppercase;

        font-weight: 700;

        margin-top: 2em;

    }

    .mission_statement .p{

        margin-top: 1em;

        margin-bottom: 5em;

        padding: 1.5em;

        color: black;

        text-align: left;

        font-size: 0.8em;

        

    }

    .mission_statement hr{

        margin: auto;

        border-color: #E55807;

        width: 5em;

        border-width: 0.3em;

    }



    /*core values*/

    .core_values{

        /* margin: auto; */

        height: 45em;

        background-image: url('../img/building.jpg');

        background-size: cover;

        background-repeat: no-repeat;

        /* background: rgba(229, 88, 7, 0.45);   */

    }

    .core_values .h1{

        font-size: 1.3em;

        text-transform: uppercase;

        color: white;

        font-weight: 650;

        padding-top: 2em;

        /* margin-top: 2.2em; */

    }

    .core_values .p{

        margin-top: 0.5em;

        color: white;

        text-align: center;

        margin-bottom: 0.4em;

        font-size: 0.9em;

    }

    .core_values hr{

        margin: auto;

        border-color: #E55807;

        width: 5em;

        border-width: 0.3em;

    }

    .core_values .row{

        text-align: left;

        color: white;

        line-height: 1.4em;

    }

    .core_values .row h5{

        margin-top: 1em;

        margin-bottom: 0.1em;

        font-weight: 600;

        font-size: 1.3em;

        text-align: left;

    }

    .core_values .desc{

        font-size: 0.9em;

        margin-left: 2.4em;

        margin-top: 0.1em;

    }



    /*milestone*/

    .milestone .h1{

        font-size: 1.7em;

        text-transform: uppercase;

        font-weight: 600;

        margin-top: 2em;

    }

    .milestone .p{

        margin-top: 1em;

        color: black;

        text-align: left;

        margin-bottom: 5em;
        font-size: 0.8em;

    }

    .milestone hr{

        margin: auto;

        border-color: #E55807;

        width: 5em;

        border-width: 0.3em;

    }

    /*BOC BOD*/

    .boc .h1{

        font-size: 1.5em;

        text-transform: uppercase;

        font-weight: 650;

        margin-top: 4em;

    }

    .boc hr{

        margin: auto;

        border-color: #E55807;

        width: 5em;

        border-width: 0.3em;

    }

    .commisioner{

        margin-bottom: 5em;

    }

    .commisioner .h1{

        font-size: 1.4em;

        text-transform: uppercase;

        font-weight: 600;

        margin-top: 2em;

        margin-left: 1em;

    }

    .commisioner hr{

        margin: center;

        border-color: #E55807;

        width: 5em;

        border-width: 0.3em;

        margin-left: 1.5em;

    }

    .desc h5{

        margin-left: 0.3em;

    }

    .desc p{

        margin-left: 0.4em;

        margin-right: -0.1em;

    }

    .row img{

        margin-left: 3em;

        width: 17em;

        height:25em;

    }

    .row .desc{

        padding: 3em 6em 0em 2.5em;

    }

    .row .desc h5{

        font-size: 1.5em;

        font-weight: 600;

        text-align: left;

    }

    .row .desc p{

        font-size: 0.8em;

        text-align: left;

    }

    /*GROUP STRUCTURE*/

    .group_structure .h1{

        font-size: 1.3em;

        text-transform: uppercase;

        font-weight: 650;

        margin-top: 2em;

    }

    .group_structure hr{

        margin: auto;

        border-color: #E55807;

        width: 5em;

        border-width: 0.3em;

    }

    .division .wrapper{

        flex-direction: column-reverse;

    }

    .desc_division h1{

        margin-left: -1.2em;

    }

    .desc_division p{

        margin-left: -2.4em;

    }

    .division .wrapper .image_division{

        margin: auto;

        width: 20em;

        height: 9em;

    }

    

    .division .btn{

        margin-left: -2.6em;

        border: 0.1em solid black;

        border-radius: 0.1vw;

        padding: 0.8em;

        font-size: 0.8em;

        color: black;

        font-weight: 500;

        text-transform: uppercase;

    }

    .division .btn:hover{

        background-color: rgba(229, 120, 23, 1);

        color: white;

        transition: 0.6s;

    }

    .division img{

        display: block;

        margin-left: -2em;

        /* width:100%;

        height: 50%; */

    }





        /*corporate governance*/

    .work_guidelines .h1{

        font-size: 1.3em;

        text-transform: uppercase;

        font-weight: 600;

        margin-top: 2em;

    }

    .work_guidelines .p{

        margin-top: 1em;

        color: black;

        text-align: left;

        margin-bottom: 5em;

        padding: 2em;

    }

    .work_guidelines hr{

        margin: auto;

        border-color: #E55807;

        width: 5em;

        border-width: 0.3em;

    }

    .corp_secretary .h1{

        font-size: 1.7em;

        text-transform: uppercase;

        font-weight: 600;

        margin-top: 2em;

    }

    .corp_secretary .h6{

        text-align: left;

        font-weight: 600;

        font-size: 1em;

        padding: 1em 2em 0em 2em;

    }

    .corp_secretary .p1{

        /* margin-top: 1em; */

        /* color: black; */

        text-align: left;

        margin-bottom: 3em;

        padding: 1em 2em 0em 2em;

    }

    .corp_secretary .p{

        margin-top: 1em;

        color: black;

        text-align: left;

        margin-bottom: 5em;

        padding: 1em 2em 0em 2em;

    }

    .corp_secretary hr{

        margin: auto;

        border-color: #E55807;

        width: 5em;

        border-width: 0.3em;

    }

    .corp_secretary .btn_audit{

        border: 0.1em solid black;

        border-radius: 0.1em;

        margin: 2em;

    }

    .corp_secretary .btn_audit:hover{

        border: 0.1em solid black;

        border-radius: 0.1em;

        background-color: rgb(44, 44, 44);

        color: white;

        transition: 0.6s;

    }

        /* Awards */

    .awards .h1{

        font-size: 1.3em;

        text-transform: uppercase;

        font-weight: 600;

        margin-top: 2em;

    }

    .awards .h6{

        text-align: left;

        font-weight: 600;

        font-size: 1em;

    }

    .awards .p1{

         /* margin-top: 1em; */

        /* color: black; */

        text-align: left;

        margin-bottom: 3em;

        padding: 1em 2em 0em 2em;

    }

    .awards .p{

        margin-top: 1em;

        color: black;

        text-align: left;

        margin-bottom: 5em;

    }

    .awards hr{

        margin: auto;

        border-color: #E55807;

        width: 5em;

        border-width: 0.3em;

    }

    .awards .gallery{

        margin: auto;

    }

    .awards .gallery img{

        width: 270px;

        padding: 20px;

        filter: grayscale(100%);

        transition: 1s;

    }

    .gallery img:hover{

        filter: grayscale(0);

        transform: scale(1.1);

    }

    .csr .h1{

        font-size: 1.3em;

        text-transform: uppercase;

        font-weight: 600;

        margin-top: 2em;

    }

    .corp_secretary .h6{

        text-align: left;

        font-weight: 600;

        font-size: 1em;

    }

    .csr .p1{

        /* margin-top: 1em; */

        /* color: black; */

        text-align: left;

        margin-bottom: 3em;

        padding: 1em 2em 0em 2em;

    }

    .csr .p{

        margin-top: 1em;

        color: black;

        text-align: left;

        margin-bottom: 5em;

        padding: 1em 2em 0em 2em;

    }

    .csr hr{

        margin: auto;

        border-color: #E55807;

        width: 5em;

        border-width: 0.3em;

    }

}