/*investor relations*/

.container#investor {

    padding: 0rem 0rem 0rem 4rem;

}

.card-group#investor

.card#investor{

    padding: 2rem 2rem 0rem 2rem;
    height: 801px;

}

@media (max-width: 767px) and (min-width: 576px) {
    .card#investor{
        height: 900px !important;
    }
}

.card-group#investor

.card#investor

a {

    text-decoration: none;

}

.card-group#investor

.card#investor

a

p#investor {

    margin-bottom: 20px;
    transition: ease 0.3s;

}

/*Banner*/
.container#banner-investor {
    max-width: 1920px;
    height: 540px;
    background-position-y: -7vw;
    background-position-x: center;
    background-image: url('img/bg-investor.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

.container#banner-investor
.container {
    max-width: 1440px; padding: 10rem 0rem 0rem 6rem;
}

.container#banner-ESG {
    max-width: 1920px;
    height: 540px;
    background-image: url('img/BG-CSR.jpg');
    background-attachment: fixed;
    background-position-y: -6rem;
    background-position-x: -4rem;
    background-repeat: no-repeat;
    background-size: cover;
    
}


/*Corporate Governance*/

.container#CG {

    padding: 4rem;

}



.card#CG {

    padding: 4rem 2rem 0rem 2rem;

    border-radius: 0px;

}



.card#CG

a {

    text-decoration: none;
    max-width: 460px;
}



.card#CG

a

p#CG {

    margin-bottom: 10px;

}



.card#investor

a p:hover {

    font-weight: bold;

}



.card#CG

a p:hover {

    font-weight: bold;
    transition: ease 0.3s;
}



/*News and Event*/





/*CSR*/

.container#CSR {

    padding: 4rem;

}

.card#CSR {

    align-items: center;

    text-align: right;
    padding: 0rem 1rem;
    border-width: 0px;

}

.card-group#news {

    justify-content: space-evenly;

    padding: 1rem 1rem !important;

}

.card#artikel {

    max-width: 480px;

}

.card#video {

    max-width: 560px;

}


.video-container#IR {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    margin-bottom: -3rem;
}

.video-container#IR iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 75%;
    height: 75%;
}

.video-container#CSR {
    position: relative;
    padding-bottom: 56.25%;
    height: 320px;
    width: 100%;
}

.video-container#CSR iframe {
    width: 100%;
}





@media (max-width: 991px) {
    .container#investor {
        padding: 0rem 0rem 4rem 2rem;
    }
    .video-container#IR {
        margin-bottom: -1rem;
    }
    
    
    .container#banner-investor
    .container {
    padding: 10rem 0rem 0rem 4rem;
    }

    .card#CG {
        padding: 4rem 1rem 0rem 2rem;
    }
}

@media (max-width: 791px) {

    .custom-container {
        display: block !important;
        padding: 0px !important;
    }


    .card#CG {
        width: 100% !important;
    }

    .card#CSR {
        margin: 2rem 1rem !important;
    }
    .container#investor {
        padding: 0rem 0rem 4rem 0rem;
    }

    .video-container#IR {
        margin-bottom: 1rem;
    }
    
    .video-container#IR iframe {
        width: 90%;
        height: 90%;
    }
    .container#banner-investor
    .container {
    padding: 10rem 8rem 0rem 2rem;
    }


}

@media (max-width: 691px) {
    
   
    .card#CG {
        padding: 4rem 1rem 0rem 1rem;
        justify-content: center;
    }
    
    .video-container#IR {
        margin-bottom: 2rem;
    }
    
    .video-container#IR iframe {
        width: 100%;
        height: 100%;
    }

}

@media (max-width: 575px) {
    .card#CSR {
        align-items: center !important;
        padding: 2rem 0rem !important;
    }

    .card-group#news {
        
        align-items: center !important;
        text-align: -webkit-center;
        
    }
    .container#banner-investor
    .container {
    padding: 6rem 8rem 0rem 2rem;
    }

}

/*--------------------------------- L, 576px > 1115px ---------------------------------*/

@media (min-width: 576px) and (max-width:1115px) {

    .card#artikel {

        max-width: 478px;

        margin-left:1rem;

    }


}