#corporate-governance {position:relative;}
#corporate-governance.bg {background: url('../images/sustainability/bg-corporate-governance.webp'),linear-gradient(140deg, rgba(245, 251, 243, 1) 0%, rgba(245, 251, 243, 1) 61%, rgba(254, 242, 224, 1) 100%);background-size: 100%;background-position: center 100px;background-repeat: no-repeat;}
#corporate-governance .chairman {width:55%;margin-top:85px;z-index:9;}
#corporate-governance p.text-chairman {font-size:20px;line-height:40px;}
#corporate-governance .quote-top {margin-left:-50px;top:-9px;position:absolute;}
#corporate-governance .quote-bottom {margin-left:20px;bottom:-5px;position:absolute;}
#corporate-governance .signature {margin-top:50px;}
#corporate-governance .name {font-size:20px;color:#055D0F;font-family:'promptmedium';margin-bottom:8px;}
#corporate-governance .chairman-position {font-size:20px;font-family:'promptmedium';}
#corporate-governance .mobile-img {display:none;}
#corporate-governance .position-row {position:relative;}
#corporate-governance .video {width:100%;position:relative;z-index:9;padding-top:280px;}
#corporate-governance .video h2 {font-size:25px;color:#fff;margin-bottom:15px;}
#corporate-governance .video p {color:#fff;}
#corporate-governance .video .overlay-img {position:absolute;top:0;left:0;width:100%;height:100%;border-radius:15px;background: linear-gradient(to right, rgba(0, 0, 0, 0.6), transparent);-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
#corporate-governance .video a {display:block;position:relative;width:100%;aspect-ratio:371 / 208; background-color: #eee;overflow:hidden;border-radius:15px}
#corporate-governance .video .position-watch {position:absolute;bottom:0;padding: 0 0 60px 60px}
#corporate-governance .video .watch {width:115px;height:48px;border:1px solid #fff;border-radius:7px;margin-top:35px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center; -ms-flex-pack: center;justify-content: center;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
#corporate-governance .video .watch img {max-width:100%;width:22px;height:30px;}
#corporate-governance .video .watch span {color:#fff;margin-left:7px;}
#corporate-governance .video .img-border {border-radius:15px;}
#corporate-governance .video img.img-border {width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;}
#corporate-governance .video a:hover .watch {border:3px solid #B39630;border-radius:7px;}
#corporate-governance .video a:hover .overlay-img {box-shadow: inset 0 0 0 5px #B39630;border-radius:15px;}


@media only screen and (max-width:1600px) {
#corporate-governance .video {padding-top:120px;}
#corporate-governance .chairman {margin-top:60px;}
}

@media only screen and (max-width:1536px) {
#corporate-governance .video {padding-top:100px;}
}

@media only screen and (max-width:1440px) {
#corporate-governance p.text-chairman, #corporate-governance .name, #corporate-governance .chairman-position {font-size: 18px;}
#corporate-governance p.text-chairman {line-height:35px;}
}

@media only screen and (max-width:1366px) {
#corporate-governance .video {padding-top:85px;}
#corporate-governance .chairman {margin-left:50px}
#corporate-governance .video .watch img {width:16px;height:24px;}
}

@media only screen and (max-width:1280px) {
#corporate-governance p.text-chairman, #corporate-governance .name, #corporate-governance .chairman-position {font-size:16px;}
}

@media only screen and (max-width:1080px) {
#corporate-governance .chairman {margin-top:15px;margin-left:30px;}
}

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

#corporate-governance .chairman {width:50%;margin-left:15px;}
#corporate-governance img.quote-top, #corporate-governance img.quote-bottom {width:20px;height:17px;}
#corporate-governance .quote-top {margin-left:-35px;}
#corporate-governance .quote-bottom {margin-left:15px;}
#corporate-governance .chairman br {display:none;}
#corporate-governance .video .position-watch {padding:40px 40px;}
#corporate-governance .video h2 {font-size:22px;}
}

@media only screen and (max-width:820px) {
#corporate-governance.bg {background: #F5FBF3;background: linear-gradient(140deg, rgba(245, 251, 243, 1) 0%, rgba(245, 251, 243, 1) 61%, rgba(254, 242, 224, 1) 100%);}
#corporate-governance .chairman {width:100%;}
#corporate-governance .mobile-img {display:block;}
#corporate-governance img.mobile-img {height:auto;-webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 60%, rgba(0,0,0,0) 100%);mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 60%, rgba(0,0,0,0) 100%);}
#corporate-governance .position-row {width:100%;margin-left:auto;margin-right:auto;}
#corporate-governance .signature {margin:40px 0 0 0}
#corporate-governance .video {padding-top:60px;}
#corporate-governance p.text-chairman {line-height:30px;}
#corporate-governance .breadcrumb-menu {right:0;top:85px;position: absolute;}
#corporate-governance .video .position-watch {padding: 30px 30px;}
#corporate-governance .video .watch {width:109px;height:42px}
#corporate-governance .video .watch img {width:13px;height:21px;}
}

@media only screen and (max-width:736px) {
#corporate-governance .chairman {width:95%;margin-left:auto;margin-right:auto;}
}

@media only screen and (max-width:640px) {
#corporate-governance .video h2 {font-size:18px;}
#corporate-governance .video p, #corporate-governance .video .watch span {font-size:14px}
}

@media only screen and (max-width:568px) {
#corporate-governance .chairman {width:90%;}
}

@media only screen and (max-width:480px) {
#corporate-governance .video .position-watch {padding:20px 20px;}
#corporate-governance .video .watch {margin-top:20px;width:105px;height:38px;}
#corporate-governance .position-watch .text p {display:none;}
#strategies .video h2 {font-size:16px;}
}

@media only screen and (max-width:430px) {
#corporate-governance .quote-top {margin-left:-28px;}
#corporate-governance .quote-bottom {margin-left:10px;}

#corporate-governance .video .watch img {width:10px;height:18px;}
}