:root {
  --black: #000000;
  --white: #FFFFFF;
  --blue: #014A94;
  --orange: #F59823;
  --pink: #c70740;
  --green: #128900;
  --soft-blue: #627D92;
  --soft-blue2: #00c6f3;
  --soft-grey: #F4F4F4;
  --grey: #acacac;
  --yellow: #eeb357;
  --tosca: #0cbfb6;
  --soft-green: #a7d0a2;
  --soft-tosca: #1cbcb3;
  --sea-blue: #00bff3;
  --dark-blue: #024a94;
  --dark-yellow: #f4b05b;
  --soft-pink: #f26e7c;
  --dark-pink: #be0c3f;
  --dark-grey: #707070;
}

.c-blue{
  color: var(--blue) !important;
}
.c-pink{
  color: var(--pink) !important;
}
.c-green{
  color: var(--green) !important;
}
.c-orange{
  color: var(--orange) !important;
}
.c-black{
  color: var(--black) !important;
}
.c-yellow{
  color: var(--yellow) !important;
}
.c-soft-blue2{
  color: var(--soft-blue2) !important;
}
.c-tosca{
  color: var(--tosca) !important;
}
.bg-blue{
  background: var(--blue) !important;
}
.bg-pink{
  background: var(--pink) !important;
}
.bg-green{
  background: var(--green) !important;
}
.bg-orange{
  background: var(--orange) !important;
}
.bg-yellow{
  background: var(--yellow) !important;
}
.bg-grey{
  background: var(--grey) !important;
}
.bg-soft-green{
  background: var(--soft-green) !important;
}
.bg-soft-tosca{
  background: var(--soft-tosca) !important;
}
.bg-sea-blue{
  background: var(--sea-blue) !important;
}
.bg-dark-blue{
  background: var(--dark-blue) !important;
}
.bg-dark-yellow{
  background: var(--dark-yellow) !important;
}
.bg-soft-pink{
  background: var(--soft-pink) !important;
}
.bg-dark-pink{
  background: var(--dark-pink) !important;
}
.bg-dark-grey{
  background: var(--dark-grey) !important;
}
.bg-shadow{
  box-shadow: 0 4px 6px 3px rgb(0 0 0 / 10%);
}
.text-bold{
  font-weight: bold;
}
.c-white{
  color: var(--white) !important;
}
.c-grey{
  color: var(--grey) !important;
}

span.language-entry-short-text.lang-active {
  border: 1px solid var(--orange);
}
.ir-home-header-stock-quotes{
	font-family: "Poppins-Light";
	font-size: 0.9rem;
}
.section-ir-submenu .box-head-text .head-text h1{
	font-size: 2rem;
}

.icon-back-to-corp{
	font-size: 0.7rem;
	position: absolute;
	bottom: -15px;
	left: 50%;
	transform: translatex(-50%);
	font-weight: bold;
}
.icon-up-footer{
  position: absolute;
  top: 50%;
  transform: translatey(-50%);
  right: 0px;
  margin-top: -10px;
}
.icon-circle-footer{
	font-size: 0.3rem;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translatey(-50%);
}
.hubungi-kami .social {
  position: relative;
  left: -5px;
}
.hubungi-kami .social li {
  margin-right: 10px;
}
.hubungi-kami .social li a {
  display: block;
  border-radius: 50%;
  text-align: center;
  width: 25px;
  height: 25px;
  line-height: 25px;
}
.hubungi-kami .social li a:hover {
  background-color: #c70740;
  color: white;
}
.CX-footer .box-grid .box-grid-outer .box-inner h3 .show_content_child.hidden.active i.fa.fa-chevron-up.icon-up-footer {
  transform: rotate(180deg);
  bottom: 50%;
}

.judul{
	color: var(--blue);
	font-size: 1.2rem;
	font-family: "Poppins-Medium";
}
.text-blue{
	color: var(--blue);
}
.text-orange{
	color: var(--orange);
}
.text-pink{
	color: var(--pink);
}

.link-ir-more {
  text-transform: uppercase;
  font-family: "Poppins-Medium";
  position: relative;
  padding-right: 20px;
  font-size: 14px;
}
.arrow-ir{
  font-weight: bold;
  font-size: 1rem;
  margin-left: 10px;
  vertical-align: middle;
}
.align-ir-center{
  align-self: center;
}

table.table-ir-custom tbody,
table.table-ir tbody{
	border: 1px solid var(--soft-grey);
}
table.table-ir-custom tbody tr:nth-child(odd) td,
table.table-ir tbody tr:nth-child(odd) td{
  background-color: var(--white);
}
table.table-ir-custom tbody tr:nth-child(even) td,
table.table-ir tbody tr:nth-child(even) td{
  background-color: var(--soft-grey);
}
table.table-ir-custom thead tr th,
table.table-ir thead tr th{
	background-color: var(--blue);
	color: var(--white);
	border-bottom: 3px solid var(--orange);
}
table.table-ir-custom td,
table.table-ir td{
  border-style: none;
}
table.table-ir-custom,
table.table-ir{
  font-size: 14px;
}
.table-ir-cust-title{
	color: var(--white);
	background-color: var(--pink) !important;
	font-weight: bold;
}
.table-ir-sub-title{
  color: var(--black);
  background-color: var(--orange) !important;
  font-weight: bold;
}

.ir-page .panel-group{
  margin-top: 30px;
}
.ir-page .panel-default>.panel-heading {
  padding: 0;
}
.ir-page .panel-default{
  border: none;
}
.ir-page h4.panel-title a{
  font-size: 1.5rem;
  font-weight: bold;
  color: var(--black);
  border-bottom: 1px solid #c8c8c8; 
}
.ir-page .panel-default>.panel-heading a {
  display: block;
  padding: 15px 0;
}
/*.ir-page .panel-default>.panel-heading a:after {
  content: "";
  position: relative;
  top: 1px;
  display: inline-block;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  float: right;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
}
.ir-page .panel-default>.panel-heading a[aria-expanded="true"]:after {
  content: "\276F";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  font-weight: bold;
}
.ir-page .panel-default>.panel-heading a[aria-expanded="false"]:after {
  content: "\276F";
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  font-weight: bold;
}*/
.ir-page .panel-body{
  padding: 0;
}
.ir-page .panel-heading a:hover{
  text-decoration: none;
}


.ir-page .overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  background: rgba(0, 0, 0, 0.5);
}
.ir-page .overlay:target {
  visibility: visible;
  opacity: 1;
  z-index: 1;
}
.ir-page .popup {
  margin: 70px auto;
  padding: 4rem 3rem;
  background: #fff;
  border-radius: 5px;
  width: 70%;
  position: relative;
  transition: all 5s ease-in-out;
  border-radius: 20px;
  top: 18%;
}
.ir-page .popup .close-popup {
  position: absolute;
  right: 3rem;
  top: 20px;
  display: flex;
  align-items: center;
  font-size: 1.1rem;
  cursor: pointer;
  text-decoration: none;
  color: var(--black);
}
.ir-page .popup .close-popup .time{
  line-height: 18px;
  width: 18px;
  height: 18px;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  font-weight: normal;
  font-size: 0.7rem;
  margin-right: 3px;
  background-color: #F59823;
  color: #ffffff;
}
.ir-page .popup .content {
  max-height: 30%;
  overflow: auto;
}

/*submenu banner*/
.banner-submenu-ir{
  background-size:cover;
  height:420px;
  background-position: center center;
}
.banner-default{
  background-image:url(/bbri_assets/images/Banner-3.jpg); 
}
.banner-sekilas{
  background-image:url(/bbri_assets/images/banner/submenu/company-info/BRI-at-A-Glance.jpg); 
}
.banner-invest{
  background-image:url(/bbri_assets/images/banner/submenu/company-info/Investment-Propositon.jpg); 
}
.banner-budaya{
  background-image:url(/bbri_assets/images/banner/submenu/company-info/Our-Culture.jpg); 
}
.banner-fin-highlights{
  background-image:url(/bbri_assets/images/banner/submenu/fin-info/Financial-Highlight.jpg); 
}
.banner-slides{
  background-image:url(/bbri_assets/images/banner/submenu/fin-info/Corporate-Presentation.jpg); 
}
.banner-corp-action{
  background-image:url(/bbri_assets/images/banner/submenu/fin-info/Corporate-Action.jpg); 
}
.banner-filings{
  background-image:url(/bbri_assets/images/banner/submenu/fin-info/Regulatory-Filings.jpg); 
}
.banner-report{
  background-image:url(/bbri_assets/images/banner/submenu/fin-info/Simulasi-Banner.jpg); 
}
.banner-gcg-structure-policies{
  background-image:url(/bbri_assets/images/banner/submenu/gcg/GCG-Structure-Policies.jpg); 
}
.banner-committees{
  background-image:url(/bbri_assets/images/banner/submenu/gcg/Committees.jpg); 
}
.banner-coc{
  background-image:url(/bbri_assets/images/banner/submenu/gcg/COC.jpg); 
}
.banner-wbs{
  background-image:url(/bbri_assets/images/banner/submenu/gcg/WBS.jpg); 
}
.banner-affiliate{
  background-image:url(/bbri_assets/images/banner/submenu/gcg/Affiliate.jpg); 
}
.banner-news{
  background-image:url(/bbri_assets/images/banner/submenu/news/News.jpg); 
}
.banner-events{
  background-image:url(/bbri_assets/images/banner/submenu/news/IR-Events.jpg); 
}
.banner-interactive-chart{
  background-image:url(/bbri_assets/images/banner/submenu/stock/Interactive-Charts.jpg); 
}
.banner-fundamental{
  background-image:url(/bbri_assets/images/banner/submenu/stock/Stock-Fundamentals.jpg); 
}
.banner-calculator{
  background-image:url(/bbri_assets/images/banner/submenu/stock/Investment-Calculator.jpg); 
}
.banner-historical{
  background-image:url(/bbri_assets/images/banner/submenu/stock/Historical-Price.jpg); 
}
.banner-dividend{
  background-image:url(/bbri_assets/images/banner/submenu/stock/Dividend.jpg); 
}
.banner-bond{
  background-image:url(/bbri_assets/images/banner/submenu/stock/Bond-Info.jpg); 
}
.banner-rating{
  background-image:url(/bbri_assets/images/banner/submenu/stock/Ratings.jpg); 
}
.banner-shareholder{
  background-image:url(/bbri_assets/images/banner/submenu/shareholder/shareholder.jpg); 
}
.banner-agm-egm{
  background-image:url(/bbri_assets/images/banner/submenu/shareholder/agm-egm.jpg); 
}
.banner-right-shareholder{
  background-image:url(/bbri_assets/images/banner/submenu/shareholder/Right-Shareholders.jpg); 
}
.banner-faq{
  background-image:url(/bbri_assets/images/banner/submenu/shareholder/FAQ.jpg); 
}
.banner-analyst{
  background-image:url(/bbri_assets/images/banner/submenu/contact/Analyst-Coverage.jpg); 
}
.banner-registration{
  background-image:url(/bbri_assets/images/banner/submenu/contact/Registration.jpg); 
}
.banner-capital-market{
  background-image:url(/bbri_assets/images/banner/submenu/contact/Capital-Market.jpg); 
}
.banner-email{
  background-image:url(/bbri_assets/images/banner/submenu/contact/Email.jpg); 
}
.banner-download{
  background-image:url(/bbri_assets/images/banner/submenu/contact/Download.jpg); 
}


/*end of submenu banner*/

/*ir home*/
.banner-item .caption h1{
  color: var(--white);
}
.page-ir-home h1{
  font-size: 2.5rem;
  margin-bottom: 1.5rem;
  font-family: "Poppins-Regular";
}
.page-ir-home .box-content{
  margin-top: 20px;
}

.page-ir-home .section-home-chart{
  margin: 25px 0 0 0;
}
.page-ir-home .section-home-chart .box-chart{
	background: var(--white);
  box-shadow: 0 4px 6px 3px rgb(0 0 0 / 10%);
  border-radius: 10px;
}
.page-ir-home .section-home-chart .stock-quotes{
  padding: 20px 15px 50px;
  font-size: 1.3rem;
  font-family: "Poppins-Medium";
}
.page-ir-home .section-home-chart .stock-header{
  text-align: left;
}
.page-ir-home .section-home-chart .last-done-home{
  padding: 10px 0;
  color: var(--blue) !important;
  font-weight: bold;
  font-size: 45px;
	font-family: "Poppins-Bold";
}
.page-ir-home .section-home-chart span.mini-text{
  font-size: 20px;
  vertical-align: top;
}
.page-ir-home .section-home-chart .box-chart p{
  margin-bottom: 0;
}
.page-ir-home .section-home-chart .volume-day-range{
  padding-top: 20px;
}
.page-ir-home .section-home-chart .text-wrap.inline {
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid var(--blue);
  padding-bottom: 10px;
}
.page-ir-home .section-home-chart .text-wrap.inline .text{
  display: inline-block;
  margin-bottom: 0;
}
.page-ir-home .section-home-chart .text-wrap{
  margin-bottom: 20px;
}
.page-ir-home .section-home-chart .text-wrap:last-child{
  margin-bottom: 0;
}
.page-ir-home .section-home-chart .foot-note{
	font-size: 14px;
	font-family: "Poppins-Regular";
}
.page-ir-home .section-home-chart .box-button{
	margin-top: 30px;
}

.page-ir-home .section-why-bri{
  font-size: 1.3rem;
  font-family: "Poppins-Medium";
  background-image:url(/bbri_assets/images/home-why-invest/banner-whybanking.jpg); 
  background-size:cover;
  background-position:center center;
  padding: 0 !important;
}
.page-ir-home .box-invest{
  text-align: center;
  margin: 20px 0 30px 0;
  display: flex;
}
.page-ir-home .box-invest .img-invest{
  width: 80px;
  height: 80px;
  align-self: center;
}
.page-ir-home .box-invest p.title-iu{
  margin: 0 0 0 10px;
  align-self: center;
  line-height: 30px;
  font-weight: 600;
  text-align: left;
}
.page-ir-home .head-text p {
  width: 60%;
  font-size: 1.3rem;
  color: var(--soft-blue);
  line-height: 35px;
  letter-spacing: 1px;
}
.page-ir-home .section-why-bri .boxBenefit p{
  margin-bottom: 0;
}

.page-ir-home .section-investor-update{
  margin: 30px 0 0 0;
}
.page-ir-home .section-investor-update a{
  text-decoration: none;
}
.page-ir-home .section-investor-update .content-box{
  background-color: var(--soft-grey);
  border-bottom-right-radius: 50px;
  padding: 30px;
  font-size: 1.3rem;
  font-family: "Poppins-Medium";
  margin-bottom: 30px;
}
.page-ir-home .section-investor-update .content-box.last{
  margin-bottom: 0;
}
.page-ir-home .section-investor-update p{
  margin: 30px 0 0 0;
  text-align: center;
}

.page-ir-home .section-faq-contact-email p{  
  font-size: 1.3rem;
  font-family: "Poppins-Medium";
  text-align: center;
}
.page-ir-home .box-toolkit{
  display: flex;
  margin-bottom: 20px;
}
.page-ir-home .box-toolkit img{
  width: 80px;
  height: 80px;
  align-self: center;
}
.page-ir-home .box-toolkit p{
  margin: 0 0 0 10px;
  align-self: center;
  line-height: 30px;
  font-weight: 600;
  font-size: 1.3rem;
}

/*end of ir home*/

/*glance*/
/*fin-figures-glance*/
.fin-figures-glance {
	margin-top: 80px;
}
.fin-home-box{
  padding: 30px;
  border-right: 1px solid rgba(112, 112, 112, 0.2);
  border-bottom: 1px solid rgba(112, 112, 112, 0.2);
  color: var(--blue);
}
/*.fin-home-box:hover{
	background: transparent linear-gradient(161deg, #014a94 0%, #0064cb 100%) 0% 0% no-repeat padding-box;
	color: var(--white);
}
.fin-home-box:hover img{
	filter: brightness(100);
}*/
p.title-fin-home{
  font-size: 18px;
  font-weight: 600;
}
p.detail-fin-home{
	color: var(--orange);
	text-align: center;
}
.fin-home-box h3{
	font-size: 25px;
	text-align: center;
	margin: 20px 0;
}
.fin-home-box:nth-child(9),
.fin-home-box:nth-child(10),
.fin-home-box:nth-child(11),
.fin-home-box:nth-child(12){
  border-bottom-color: transparent;
}
.fin-home-box:nth-child(4),
.fin-home-box:nth-child(8),
.fin-home-box:nth-child(12){
  border-right-color: transparent;
}
/*end of fin-figures-glance*/   

/*story*/
.ir-page .our-story .popup{
  top: 0;
}
.ir-page.modal-popup .our-story .modal-content p{
  text-align: left;
}
.ir-page.modal-popup .our-story .close-popup{
  top: 15px;
}

/*stock-quotes-glance*/
.stock-quotes-glance{
	margin-top: 100px;
}
.stock-quotes-glance .stock-box{
	align-self: center;
}
.stock-quotes-glance .stock-box-detail{
	text-align: center;
}
/*ratings-glance*/
.ratings-glance{
	margin-top: 80px;
}
/*subsidiaries-glance*/
.subsidiaries-glance h1{
	text-align: center;
}
.subsidiaries-glance.section-anak-perusahaan .owl-carousel .owl-item img{
	width: auto !important;
}
.subsidiaries-glance.section-anak-perusahaan .sliderAnak .owl-item .item img{
	height: auto !important;
}
.subsidiaries-glance.section-anak-perusahaan .anak-nav{
	top: 94%;
}
.subsidiaries-glance.section-anak-perusahaan .img-subsidiaries-inner{
  margin: 0 auto;
  display: block;
}
.subsidiaries-glance.section-anak-perusahaan .content p.desc{
  font-size: 1.5rem;
  text-align: center;
  font-weight: 600;
}
.subsidiaries-glance.section-anak-perusahaan p.share-owner{
  font-size: 1.2rem;
  text-align: center;
}
.ir-page.glance .section-promotions .boxPromo .boxText {
  width: auto;
  max-width: 300px;
}
.ir-page.glance .section-promotions.perjalanan-kami .boxPromo .sliderPromo .promo-item a .box-item .caption .year{
  text-align: left;
  margin-right: 0;
  line-height: 45px;
  font-size: 2rem;
}
.ir-page.glance .section-promotions .boxPromo .boxText h3{
  font-size: 2rem;
}
.ir-page.glance .view-more.white{
  color: var(--white);
  text-decoration: none;
  font-family: "Poppins-SemiBold";
  font-size: 0.9rem;
}
.ir-page.glance .section-promotions.perjalanan-kami .popup h2{
  color: var(--blue);
  font-size: 2rem;
  text-align: center;
  margin-bottom: 15px;
}
.ir-page.glance .section-promotions.perjalanan-kami .popup p{
  margin-bottom: 10px;
  font-size: 14px;
}
.ir-page.glance .section-promotions.perjalanan-kami .popup {
  width: 85%;
}

/*network*/
.our-networks {
  margin-top: 50px;
}
.ir-page.glance .our-networks .row > *{
  margin-bottom: 20px;
}
.table.table-ir-custom th.show-mobile{
  display: none;
}
/*acgs*/
.ir-page.acgs table.table.table-acgs-custom{
  font-size: 14px;
}
.ir-page.acgs table.table-acgs-custom tbody{
  border: 1px solid var(--soft-grey);
}
.ir-page.acgs table.table-acgs-custom thead tr th{
  background-color: var(--blue);
  color: var(--white);
  border-bottom: 3px solid var(--orange);
}
.ir-page.acgs table.table.table-acgs-custom tr td{
	vertical-align: top;
}

/*affiliate relations*/
.ir-page.affiliate-relations .table-affiliate,
.ir-page.coc .table-coc{
	background-color: var(--blue);
	color: var(--white);
	border-bottom: 3px solid var(--orange);
	font-weight: bold;
}
.ir-page.affiliate-relations .table{
  font-size: 14px;
}
.ir-page.affiliate-relations .table-affiliate-header,
.ir-page.coc .table-coc-header{
	background-color: var(--blue) !important;
	color: var(--white);
	text-align: center;
	font-weight: bold;
}

/*reports*/
.ir-page.report .content-wrap {
  background: var(--white);
  box-shadow: 0 4px 6px 3px rgb(0 0 0 / 10%);
  margin-bottom: 50px;
  border-radius: 10px;
}
.ir-page.report .inner-box {
  padding: 20px 0;
}
.ir-page.report .img-ir-thumbnail{
  display: block;
  margin: 0 auto;
}
.ir-page.report .ir-report-title{
  color: var(--blue);
  margin-bottom: 30px;
  margin-top: 30px;
}
.ir-page.report.ar .col-img, .ir-page.report.ar .col-text,
.ir-page.report.sr .col-img, .ir-page.report.sr .col-text,
.ir-page.report.news-release .col-img, .ir-page.report.news-release .col-text {
  text-align: center;
}

.ir-page.report.slides .inner-box,
.ir-page.report.news-release .inner-box {
  padding: 50px 15px;
}
.ir-page.report.slides .col-img, .ir-page.report.slides .col-text {
  align-self: center;
}
.ir-page.report.slides .ir-report-title{
	margin-top: 0;
}
.ir-page.report.financials .inner-box {
  padding: 20px 20px;
}
.ir-page.report.financials .inner-box .col-text{
  text-align: center;
}
.ir-page.report.financials .table{
  font-size: 14px;
}
.ir-page.report.ir-collapsible tr[data-toggle=collapse] th{
  cursor: pointer;
}
.ir-page.report.ir-collapsible tr[data-toggle=collapse] th:first-child:before {
  content: '\276F';
  display: inline-block;
  transition: transform .3s ease-in-out;
  float: right;
  transform: rotate(90deg);
}
.ir-page.report.ir-collapsible tr[data-toggle=collapse].collapsed th:first-child:before {
  transform: rotate(0deg);
}
.ir-page.report.ir-collapsible .show {
  display: table-row-group;
}

.ir-page.report.ir-collapsible table th.table-ir-judul{
	font-size: 1.5rem;
  padding: 15px 0;
  color: var(--black);
  border-top: 1px solid var(--white);
  border-left: 1px solid var(--white);
  border-right: 1px solid var(--white);
  border-bottom: 1px solid #c8c8c8;
}
.ir-page.report.ir-collapsible table tbody.collapse.show{
	margin-top: 20px;
}
.ir-page.report.ir-collapsible table tbody tr.table-ir-fin th{
  background-color: var(--blue);
  color: var(--white);
  border-bottom: 3px solid var(--orange);
}
.ir-page.report.financials .fin-category{
  font-size: 9px;
  font-style: italic;
}

/*why invest*/
.ir-page.why-invest .box-why-invest{
  margin-bottom: 24px;
  display: block;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.ir-page.why-invest .box-why-invest:before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  z-index: 2;
}
.ir-page.why-invest .box-why-invest:hover:before{
  background: rgba(1, 72, 144, 0.89);
}
.ir-page.why-invest .img-why-invest{
  background-size:cover;
  background-position: center;
}
.ir-page.why-invest .box-why-invest .img-why-invest{
  background-size: cover;
  height: 300px;
  position: relative;
  z-index: 1;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
.ir-page.why-invest .box-why-invest:hover .img-why-invest{
  transform: scale(1.2);
}
.ir-page.why-invest .img-why-invest.image1{
	background-image: url(/bbri_assets/images/investment_proposition/Securing.jpg);
  background-position: top center;
}
.ir-page.why-invest .img-why-invest.image2{
  background-image: url(/bbri_assets/images/investment_proposition/Hybrid.jpg);
}
.ir-page.why-invest .img-why-invest.image3{
	background-image: url(/bbri_assets/images/investment_proposition/Strong-Capital.jpg);
}
.ir-page.why-invest .img-why-invest.image4{
  background-image: url(/bbri_assets/images/banner/submenu/company-info/Investment-Propositon.jpg);
}
.ir-page.why-invest .img-why-invest.image5{
	background-image: url(/bbri_assets/images/investment_proposition/ESG.jpg);
}
.ir-page.why-invest .box-why-invest .caption-why-invest {
  position: absolute;
  z-index: 2;
  bottom: 20px;
  left: 0;
  width: 100%;
  color: var(--white);
  padding: 2rem;
}
.ir-page.why-invest .box-why-invest .caption-why-invest h2{
  font-size: 2rem;
}
.ir-page.why-invest .box-why-invest .caption-why-invest .short_desc {
  font-family: "Poppins-Light";
  display: none;
}
.ir-page.why-invest .box-why-invest:hover .caption-why-invest .short_desc {
  display: block;
}
.ir-page.why-invest .box-why-invest:hover .caption-why-invest .short_desc .view-more.white{
  color: var(--white);
}
.ir-page.why-invest .image-investment{
  margin: 30px auto;
}
.ir-page.why-invest .judul-invest{
  color: var(--blue);
  text-align: center;
  font-weight: 700;
  font-size: 2rem;
}
.ir-page.why-invest .subjudul-invest{
  color: var(--pink);
  text-align: center;
  font-weight: 500;
  font-size: 1.2rem;
}
.ir-page.why-invest .investment-box{
  margin: 5rem 0 3rem 0;
}
.ir-page.why-invest .investment-box .item{
  display: flex;
  align-items: flex-start;
  margin-bottom: 2rem;
}
.ir-page.why-invest.invest-securing .investment-box .item,
.ir-page.why-invest.invest-esg .investment-box .item,
.ir-page.why-invest.invest-leading .investment-box .item,
.ir-page.why-invest.invest-esg .investment-box .item{
  margin-bottom: 3rem;
}
.ir-page.why-invest .investment-box .item .icon {
  width: 70px;
  flex: 0 0 auto;
}
.ir-page.why-invest .investment-box .item .text {
  margin-left: 2rem;
  width: 320px;
}
.ir-page.why-invest.invest-securing .investment-box .item .text,
.ir-page.why-invest.invest-esg .investment-box .item .text,
.ir-page.why-invest.invest-leading .investment-box .item .text,
.ir-page.why-invest.invest-esg .investment-box .item .text{
  align-self: center;
}
.ir-page.why-invest.invest-esg .investment-box .item .icon{
  align-self: center;
}
.ir-page.why-invest.invest-esg .col-esg{
  align-self: center;
  margin-bottom: 2rem;
}
.ir-page.why-invest.invest-hybrid h3.judul-sub-invest{
  margin: 0 0 40px 0;
  text-align: center;
  font-family: "Poppins-Medium";
  font-size: 1.8rem;
}
.ir-page.why-invest .investment-box .item .text h3{
  color: var(--blue);
  font-family: "Poppins-Medium";
  font-size: 1.2rem;
}
.ir-page.why-invest.invest-capital .investment-box .item .text h3{
  font-size: 2.5rem;
  text-align: center;
}
.ir-page.why-invest.invest-capital .investment-box .item .text p{
  text-align: center;
  font-size: 1.5rem;
}
.ir-page.why-invest.invest-capital .investment-box .item .text {
  margin-left: 0;
  width: auto;
}
.ir-page.why-invest.invest-capital .investment-box img{
  display: block;
  margin: 0 auto;
}
.ir-page.why-invest.invest-capital .investment-box .item{
  display: block;
}
.ir-page.why-invest.invest-capital .investment-box .item{
  margin-bottom: 0;
}
.ir-page.why-invest.invest-capital .investment-box .col{
  align-self: center;
}
.ir-page.why-invest .investment-box .item-custom .icon{
  width: 70px;
  display: block;
  margin: 0 auto;
}
.ir-page.why-invest .investment-box .item-custom .text h3{
  color: var(--blue);
  font-family: "Poppins-Medium";
  font-size: 1.2rem;
  text-align: center;
  margin: 20px 0;
}
.ir-page.why-invest .box-button{
  margin-top: 50px;
}
.ir-page.why-invest .investment-box ul{
  padding-inline-start: 20px;
}

/*capital market*/
.ir-page.capital-market .panel-default {
  border-color: #E7E7ED;
  color: var(--black);
}
.ir-page.capital-market .panel.panel-default{
	margin-bottom: 50px;
  box-shadow: 0 2px 4px 1px rgb(0 0 0 / 10%);
}
.ir-page.capital-market .panel-heading {
  background-color: var(--blue);
  border-color: transparent;
  padding: 0;
}
.ir-page.capital-market .panel-title {
  color: var(--white);
  border-bottom: 3px solid var(--orange);
  padding: 20px;
  font-size: 1.2rem !important;
}
.ir-page.capital-market .ir-cm-desc{
	margin-top: 15px;
	color: var(--orange);
}
.ir-page.capital-market .panel-body{
  padding: 0.75rem 1.25rem;
}

/*fin calendar*/
.ir-page.fin-calendar .tab-section [data-tab-content] {
  display: none;
}
.ir-page.fin-calendar .tab-section .active[data-tab-content] {
  display: block;
}
.ir-page.fin-calendar .box-calendar{
  background: var(--white);
  box-shadow: 0 4px 6px 3px rgb(0 0 0 / 10%);
  margin-bottom: 50px;
  border-radius: 10px;
  padding: 30px;
}
.ir-page.fin-calendar .box-calendar h2{
  margin-bottom: 20px;
}
.ir-page.fin-calendar .sub-event{
  font-size: 2rem;
  margin: 30px 0;
}
.ir-page.fin-calendar .tanggal{
  padding: 10px;
  min-width: 100px;
  background: var(--orange);
  color: var(--white);
  display: inline-block;
  margin-bottom: 20px;
  font-size: 20px;
}
.ir-page.fin-calendar .tanggal p{
  margin-bottom: 0;
}

/*gcg*/
.ir-page.gcg .img-gcg{
	width: 1000%;
  margin: 0 auto;
  display: block;
}
.ir-page.gcg .expand-img{
	margin: 30px 0;
  text-align: center;
}
.ir-page.gcg .panel{
  color: var(--black);
}

/*tab*/
.ir-page.tab-ir .tab-section [data-tab-content] {
  display: none;
}
.ir-page.tab-ir .tab-section .active[data-tab-content] {
  display: block;
}
.ir-page.tab-ir [data-toggle=collapse]{
  cursor: pointer;
}
.ir-page.tab-ir [data-toggle=collapse]:first-child:before {
  content: '\276F';
  display: inline-block;
  transition: transform .3s ease-in-out;
  float: right;
  transform: rotate(90deg);
}
.ir-page.tab-ir [data-toggle=collapse].collapsed:first-child:before {
  transform: rotate(0deg);
}
.ir-page.tab-ir a:hover {
  color: var(--black);
}

/*interactive chart*/
.ir-page.interactive-chart input:read-only {
  cursor: pointer;
}
.ir-page.interactive-chart fieldset.si_fixed, 
.ir-page.interactive-chart div#ir_chart_container {
  margin-top: 20px;
}
.ir-page.interactive-chart .chart-type .ir_chart_selection {
  display: inline-block;
}
.ir-page.interactive-chart .chart-type .ir_chart_selection .radio-wrap, 
.ir-page.interactive-chart .news-chart .ir_chart_selection .check-wrap {
  display: inline-block;
  margin-right: 10px;
}
.ir-page.interactive-chart .chart-type p,
.ir-page.interactive-chart .interval-type p,
.ir-page.interactive-chart .news-chart p{
  display: inline-block;
  margin-right: 20px;
  min-width: 150px;
}
.ir-page.interactive-chart .ir_chart_selection label {
  font-weight: normal;
  margin-right: 10px;
  vertical-align: middle;
  font-size: 14px;
}
.ir-page.interactive-chart .radio-wrap label {
  min-height: auto;
  padding-left: 0;
  font-weight: normal;
  font-size: 14px;
}
.ir-page.interactive-chart .interval-type .ir_chart_interval {
  display: inline-block;
  width: 240px;
}
.ir-page.interactive-chart .ir_chart_selection{
  display: inline-block;
}
.ir-page.interactive-chart .radio-wrap input[type="radio"]:checked + .radio-label:before {
  background-color: var(--orange);
  box-shadow: inset 0 0 0 4px #f4f4f4;
}
.ir-page.interactive-chart .radio-wrap input[type="radio"] + .radio-label:before {
  content: '';
  background: #f4f4f4;
  border-radius: 50%;
  border: 1px solid #b4b4b4;
  display: inline-block;
  width: 20px;
  height: 20px;
  position: relative;
  top: 0;
  margin-right: 5px;
  vertical-align: middle;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease;
}
.ir-page.interactive-chart .radio-wrap input[type="radio"] {
  display: none;
}
.ir-page.interactive-chart select#chart_interval {
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border: 1px solid var(--orange);
  box-shadow: var(--orange);
}
.ir-page.interactive-chart .ir_chart_selection input[type="checkbox"] {
  margin: 0 auto;
  width: 20px;
  height: 20px;
  vertical-align: middle;
}
.ui-datepicker a.ui-datepicker-next.ui-corner-all:before{
  content: "\276F" !important;
}
.ui-datepicker a.ui-datepicker-prev.ui-corner-all:before{
  content: "\276E" !important;
}

/*fundamentals*/
.ir-page.fundamentals .btn-stock-fundamental a{
  color: var(--white);
}
.ir-page.fundamentals .btn-stock-fundamental a:hover{
  color: var(--orange);
  text-decoration: none;
}
.ir-page.fundamentals .selected_type.btn-stock-fundamental a:hover{
  color: var(--blue);
}
.ir-page.fundamentals .btn-stock-fundamental{
  background-color: var(--blue);
  color: #ffffff;
  padding: 0.8rem 1.3rem !important;
  font-weight: normal;
}
.ir-page.fundamentals .ir_chart_period-select input.btn.btn-stock-fundamental:hover{
  color: var(--orange);
}  
.ir-page.fundamentals .ir_chart_period-select{
  margin-left: 20px;
}
.ir-page.fundamentals .table2{
  margin-top: 50px;
}
.ir-page.fundamentals ul.ir_chart_type-select{
  padding-inline-start: 12px;
}
.ir-page.fundamentals .post-content .ir_textMainHighlight p{
  font-weight: bold;
}
.ir-page.fundamentals .post-content .ir_textSubHighlight p{
  margin-bottom: 20px;
}
.ir-page.fundamentals .ir_textFootnote p{
  margin-bottom: 0;
}
.ir-page.fundamentals .ir_textFootnote ol{
  margin: 0 auto;
  padding-left: 30px;
  line-height: 1.7em;
}
.ir-page.fundamentals .post-content .table2{
  margin-top: 50px;
}
.ir-page.fundamentals .ir_chart_type-select{
  display: inline-block;
  list-style-type: none;
  float: left;
}
.ir-page.fundamentals ul li.button{
  margin: 0;
  margin-right: 10px;
  padding: 10px;
  display: inline-block;
}
.ir-page.fundamentals ul li.button:last-child(){
  margin-right: 0;
}
.ir-page.fundamentals ul li.button a{
  color: var(--white);
  text-transform: capitalize;
}
.ir-page.fundamentals ul li.button a:hover{
  color: var(--blue);
  text-decoration: none;
}
.ir-page.fundamentals ul li.button a .icon{
  margin-right: 5px;
}
.ir-page.fundamentals ul li.selected_type{
  background: var(--orange);
}
.ir-page.fundamentals .ir_chart_period-select{
  display: inline-block;
  float: right;
}
.ir-page.fundamentals .ir_chart_period-select .button{
  padding: 10px;
  display: inline-block;
  margin: 0;
  text-transform: capitalize;
  outline: none;
}
.ir-page.fundamentals .ir_chart_period-select .button:hover{
  color: var(--blue);
  border: none;
}
.ir-page.fundamentals  .ir_chart-container-empty{
  position: relative;
  margin-top: 30px;
  min-height: 400px;
}
.ir-page.fundamentals  .ir_chart-container-empty h4{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.ir-page.fundamentals .chart_SelectYears-wrapper{
  margin-top: 30px;
  background: var(--soft-grey);
  color: var(--black);
  padding: 20px;
  cursor: pointer;
}
.ir-page.fundamentals .chart_SelectYears-wrapper ul{
  margin: 10px 0 0;
  list-style-type: none;
  padding: 0;
}
.ir-page.fundamentals .chart_SelectYears-wrapper ul li{
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
}
.ir-page.fundamentals .chart_SelectYears-wrapper ul li:last-child{
  margin-right: 0;
  margin-bottom: 0;
}
.ir-page.fundamentals .Chart_selection-accordion > li{
  background: var(--blue);
  color: var(--white);
}
.ir-page.fundamentals .Chart_selection-accordion li a{
  color: var(--white);
}
.ir-page.fundamentals .Chart_selection-accordion li a .arrow-updown{
  float: right;
}
.ir-page.fundamentals .Chart_selection-accordion > li.active{
  background: var(--orange);
  color: var(--white);
}
.ir-page.fundamentals .Chart_selection-accordion li.active a{
  color: var(--white);
}
.ir-page.fundamentals .Chart_selection-accordion li.active a .arrow-updown i:before{
  content: "\f077"
}
.ir-page.fundamentals .Chart_selection-accordion .ratio_group_title{
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
}
.ir-page.fundamentals .tick-box{
  margin-right: 10px;
  background: url(/images/tickbox-checked.png) var(--gray) center no-repeat;
  background-size: cover;
  background-position: -20px 0px;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
}
.ir-page.fundamentals .selected_period .tick-box,
.ir-page.fundamentals .selected_ratio .tick-box{
  background: url(/images/tickbox-checked.png) var(--gray) center no-repeat;
  background-size: cover;
  background-position: 0px 0px;
}
.ir-page.fundamentals .Chart_selection-accordion-wrap ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
  transition: all .5s ease;
}
.ir-page.fundamentals .Chart_selection-accordion-wrap li{
  cursor: pointer;
  padding: 10px;
}
.ir-page.fundamentals .ir_chart-container-table h2{
  text-align: center;
  margin: 10px auto 20px;
}
.ir-page.fundamentals .ir_chart-container-table table thead tr td{
  background: var(--blue);
  color: var(--white);
}
.ir-page.fundamentals .ratio_sub_group.selected_ratio:hover,
.ir-page.fundamentals .period_group.selected_period:hover{
  color: var(--blue);
  background-color: none;
}

/*newsroom*/
.ir-page.newsroom .ir-news-title{
  text-align: center;
}
.ir-page.newsroom .t-date{
  text-align: center;
  margin-top: 10px;
}
.ir-page.newsroom .inner-content{
  margin-top: 30px;
}
.ir-page.newsroom .inner-content li {
  line-height: 2em;
}
.ir-page.newsroom .button-news {
  display: block;
  margin: 30px auto;
  min-width: 120px;
  width: auto;
  max-width: 150px;
}
.ir-page.newsroom table tbody{
  border: 1px solid var(--soft-grey);
}
.ir-page.newsroom table tbody tr:nth-child(odd) td{
  background-color: var(--white);
}
.ir-page.newsroom table tbody tr:nth-child(even) td{
  background-color: var(--soft-grey);
}
.ir-page.newsroom table thead tr th{
  background-color: var(--blue);
  color: var(--white);
  border-bottom: 3px solid var(--orange);
}
.ir-page.newsroom table{
  font-size: 14px;
}

/*boc-committee*/
.ir-page.committee .panel,
.ir-page.faq .panel{
  color: var(--black);
}

/*wbs*/
.ir-page.wbs .img-wbs{
  margin: 20px auto;
  display: block;
}
.ir-page.wbs table.table-wbs thead tr td{
  background-color: var(--blue);
  color: var(--white);
  border-bottom: 3px solid var(--orange);
}
.ir-page.wbs table.table-wbs thead tr:first-child td:last-child{
  border-bottom: none;
}
.ir-page.wbs table.table-wbs tbody tr:nth-child(even) td{
  background-color: var(--soft-grey);
}
.ir-page.wbs table.table-wbs tbody td{
  border-style: none;
}

/*culture*/
.ir-page.culture .img-culture{
  margin: 0 auto 30px;
  display: block;
  width: 400px;
}
.ir-page.culture .judul-culture{
  font-size: 2rem;
  text-align: center;
  font-family: "Poppins-Regular";
  font-weight: 600;
  margin-bottom: 30px;
}
.ir-page.culture .col{
  margin-bottom: 30px;
}
.ir-page.culture .box-culture{
  text-align: center;
  margin: 20px 0 10px 0;
  display: flex;
}
.ir-page.culture .box-culture img{
  width: 80px;
  height: 80px;
  align-self: center;
}
.ir-page.culture .box-culture p.title-iu{
  margin: 0 0 0 10px;
  align-self: center;
  line-height: 30px;
  font-weight: 600;
  font-size: 1.5rem;
  color: var(--blue);
  text-align: left;
}
.ir-page.culture .short-desc{
  color: var(--soft-blue);
}
.ir-page.culture .tagline-culture{
  color: var(--black);
}
.ir-page.culture .box-culture.brilian{
  display: block;
}
.ir-page.culture .box-culture.brilian p.title-iu{
  font-size: 1.2rem;
  text-align: center;
  color: var(--blue);
  margin-top: 20px;
}
.ir-page.culture .title-brilian{
  font-size: 1.2rem;
  text-align: center;
  color: var(--blue);
  font-weight: 600;
}

/*historicalprice*/
.ir-page.historicalprice .rows {
  display: inline-block;
}
.ir-page.historicalprice p.to-from {
  display: inline-block;
  padding: 0 15px 0 0;
}
.ir-page.historicalprice select {
  width: auto;
  padding: 10px;
  border-color: var(--orange);
}
.ir-page.historicalprice p.to-date {
  display: inline-block;
  padding: 0 15px 0 15px;
}

/*investCal*/
.ir-page.invest-cal .investment-cal .form-control {
  border: 1px solid var(--orange);
  background-color: var(--white);
  font-family: "Poppins-Regular";
}
.ir-page.invest-cal .investment-cal input:disabled {
  cursor: default;
  background-color: var(--soft-grey);
  color: var(--soft-grey);
  border-color: rgba(118, 118, 118, 0.3);
}
.ir-page.invest-cal .investment-cal table{
  font-size: 14px;
}

/*bond info*/
.ir-page.bond-info table.table.table-ir-custom thead th{
  vertical-align: middle; 
  text-align: center;
}

/*ir contact*/
.ir-page.ir-contact img{
  width: 80px; 
  margin: 0 auto; 
  display: block;
}
.ir-page.ir-contact .ir-maps{
  border: 1px solid var(--orange); 
  margin-top: 30px;
}

/*email alert*/
.ir-page.email-alert .form-control{
  border: 1px solid var(--orange);
  background-color: var(--white);
  font-family: "Poppins-Regular";
}
.ir-page.email-alert label{
  font-size: 14px;
}

/*news video*/
.ir-page.report.news-video .inner-box{
  padding: 25px;
}
.ir-page.report.news-video video{
  width: 100%;
}
.ir-page.report.news-video .col-text {
  text-align: center;
}

/*corp action*/
.ir-page.modal-popup .modal-dialog-centered {
  display: flex;
  align-items: center;
  height: 100vh;
  margin: auto;
}
.ir-page.modal-popup .modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.ir-page.modal-popup .modal-title{
  margin-bottom: 20px;
}
.ir-page.modal-popup .modal-content {
  margin: 70px auto;
  padding: 4rem 3rem;
  background: #fff;
  width: 95%;
  position: relative;
  transition: all 5s ease-in-out;
  border-radius: 20px;
  text-align: center;
  font-size: 12px;
}
.ir-page.modal-popup .modal.in {
  overflow-x: hidden;
  overflow-y: auto;
}
.ir-page.modal-popup .btn.btn-custom{
  width: 150px;
  margin: 0 auto;
}
.ir-page.modal-popup ol.disclaimer-poin{
  text-align: justify;
}
.ir-page.modal-popup .close-popup {
  position: absolute;
  right: 3rem;
  top: 55px;
  display: flex;
  align-items: center;
  font-size: 1.1rem;
  cursor: pointer;
  text-decoration: none;
  color: var(--black);
}
.ir-page.modal-popup .close-popup .time {
  line-height: 18px;
  width: 18px;
  height: 18px;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  font-weight: normal;
  font-size: 0.7rem;
  margin-right: 3px;
  background-color: #F59823;
  color: #ffffff;
}
.ir-page.modal-popup a:not([href]):not([tabindex]){
  color: var(--blue);
}
.ir-page.modal-popup a:not([href]):not([tabindex]):hover{
  text-decoration: underline;
}
.ir-page.modal-popup .modal.fade .modal-dialog{
  transform: translate(0, -30px);
}
.modal-backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}

/*sitemap*/
.ir-page.ir-sitemap .head-sitemap{
  font-family: "Poppins-SemiBold";
  font-size: 1.3rem;
  font-weight: normal;
}
.ir-page.ir-sitemap .head-sitemap a{
  color: var(--black);
}
.ir-page.ir-sitemap .row .col{
  margin-bottom: 50px;
}
.ir-page.ir-sitemap .child-sitemap{
  font-family: "Poppins-SemiBold";
  font-size: 1.2rem;
  font-weight: normal;
  margin-left: 25px;
}
.ir-page.ir-sitemap .submenu-child{
  color: var(--blue);
  font-family: "Poppins-Regular";
  font-size: 1.1rem;
  font-weight: normal;
  margin-left: 25px;
}

/*download*/
.ir-page.ir-download .file-wrap {
  display: flex;
  margin-bottom: 20px;
}
.ir-page.ir-download .file-wrap p {
  display: flex;
  align-self: center;
  margin-bottom: 0;
}
.ir-page.ir-download .file-wrap .input-text {
  max-width: 100px;
  border-radius: 0;
  padding: 5px 10px;
  pointer-events: none;
  margin: 0 5px 0 10px;
  vertical-align: middle;
  text-align: center;
  border: 1px solid var(--orange);
  background-color: var(--white);
  font-family: "Poppins-Regular";
  border-radius: 0.25rem;
}
.ir-page.ir-download .file-wrap .btn {
  margin: 0 10px;
}

/*rating*/
.ir-page.rating .panel-heading{
	cursor: pointer;
}
.ir-page.rating .panel-heading:hover{
	color: var(--black);
}

/*search*/
.page-ir-search .gsc-search-button-v2,
.page-ir-search .gsc-search-button-v2:hover, 
.page-ir-search .gsc-search-button-v2:focus{
  background-color: var(--orange);
  border-color: var(--orange);
  color: var(--white);
  font-size: 1rem;
  font-weight: normal !important;
  font-family: "Poppins-Medium" !important;
  padding: 0.8rem 1.3rem !important;
  border-radius: 30px !important;
}
.page-ir-search .gsc-input-box{
  border: none;
}
.page-ir-search table.gsc-search-box td.gsc-input{      
  border: 1px solid var(--orange) !important;
  background-color: var(--white) !important;
  font-family: "Poppins-Regular" !important;
  border-radius: 4px;
  padding: 0.8rem 1.3rem;
}
.page-ir-search .gsib_a{
  padding: 0;
}
.page-ir-search .gsc-control-cse{
  padding: 0;
  font-family: "Poppins-Regular";
}

/*management*/
.ir-page.modal-popup.management a:not([href]):not([tabindex]){
  color: transparent;
}
.management .boxTab .cx-tab-link li a {
  text-transform: none;
  font-size: 1.8rem;
  font-family: "Poppins-SemiBold";
  color: #014a94;
}
.management a.box-item-profile {
  display: block;
  text-decoration: none;
  overflow: hidden;
  box-shadow: 0 4px 6px rgb(0 0 0 / 10%);
  border-bottom-right-radius: 50px;
  -webkit-border-bottom-right-radius: 50px;
  -moz-border-bottom-right-radius: 50px;
  margin-bottom: 4rem;
  position: relative;
}
.management .img-mgmt{
  height: 470px;
}
.management .img-mgmt:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.management .link-more-arrow {
  text-transform: uppercase;
  font-family: "Poppins-Medium";
  position: relative;
  padding-right: 20px;
}
.management .link-more-arrow i{
  font-weight: bold;
  padding-left: 10px;
}
.management a.box-item-profile:hover {
  cursor: pointer;
}
.management a.box-item-profile .boxText {
  text-align: center;
  padding: 0.5rem 2rem;
}
.management a.box-item-profile .boxText h3 {
  font-family: "Poppins-SemiBold";
  color: #000000;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.5rem;
  padding-top: 0.5rem;
}
.management a.box-item-profile .boxText p {
  color: #8a8a8a;
  font-family: "Poppins-Light";
  font-size: 1.1rem;
  min-height: 45px;
  padding: 0 30px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.management a.box-item-profile .box_view_cv {
  position: absolute;
  right: 0;
  width: 140px;
  height: 70px;
  bottom: 0;
  z-index: 1;
}
.management a.box-item-profile .box_view_cv:before {
  content: "";
  position: absolute;
  top: -39px;
  left: 32px;
  width: 112px;
  height: 110px;
  transform: rotate(-3deg);
  background-image: url(/bbri_assets/images/management/paper_shadow.png);
  background-repeat: no-repeat;
}
.management a.box-item-profile .box_view_cv .triangle_red {
  position: absolute;
  bottom: -122px;
  right: -52px;
  border-left: 100px solid transparent;
  border-right: 100px solid transparent;
  border-bottom: 200px solid #019de8;
  transform: rotate(29deg);
}
.management a.box-item-profile .box_view_cv span {
  color: #ffffff;
  text-decoration: underline;
  font-family: "Poppins-Light";
  font-size: 0.6rem;
  position: absolute;
  bottom: 20px;
  right: 15px;
}
.management a.box-item-profile .overlay-backg.hidden {
  display: block;
  opacity: 0;
  visibility: hidden;
  transform: translatey(100%);
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
}
.management a.box-item-profile:hover .overlay-backg.hidden{
  opacity: 1;
  visibility: visible;
  transform: translatey(0);
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  z-index: 2;
}
.management a.box-item-profile:hover .boxText h3,
.management a.box-item-profile:hover .boxText p{
  color: var(--white);
}
.management a.box-item-profile .overlay-backg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #019de8;
  align-items: center;
  text-align: center;
  color: #ffffff;
  border-bottom-right-radius: 50px;
  -webkit-border-bottom-right-radius: 50px;
  -moz-border-bottom-right-radius: 50px;
}
.management a.box-item-profile .boxText {
  text-align: center;
  padding: 0.5rem 2rem;
}
.management a.box-item-profile .overlay-backg .boxText {
  padding: 0 1rem;
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.management a.box-item-profile .overlay-backg .boxText h3 {
  font-family: "Poppins-SemiBold";
  font-size: 2rem;
}
.management a.box-item-profile .overlay-backg .boxText p {
  font-size: 1.2rem;
  margin-bottom: 2rem;
}
.management .img-mgmt-inner {
  width: 350px;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 4px 6px rgb(0 0 0 / 10%);
  margin-bottom: 2rem;
}
.ir-page.modal-popup.management .modal-content{
  width: 80%;
  text-align: left;
  padding: 1rem;
  overflow-y: auto;
  max-height: 500px;
}
.ir-page.modal-popup.management .close-popup {
  top: 20px;
}
.management .box-grid-inner .boxName h3 {
  font-family: "Poppins-SemiBold";
  font-size: 1.8rem;
  margin-bottom: 0.2rem;
}
.management .box-grid-inner .boxName p {
  color: #014a94;
  font-family: "Poppins-Medium";
  font-size: 1.1rem;
}
.management .box-grid-inner .boxName {
  margin-bottom: 2rem;
}
.management .box-grid-inner .boxRiwayat .boxRiwayatInner {
  margin-bottom: 2rem;
}
.management .box-grid-inner .boxRiwayat .boxRiwayatInner:last-child{
  margin-bottom: 0;
}
.management .box-grid-inner .boxRiwayat .boxRiwayatInner h4 {
  color: #014a94;
  font-family: "Poppins-Medium";
  font-size: 1.1rem;
}
.management .box-grid-inner .boxRiwayat .boxRiwayatInner ul {
  padding: 0;
}
.management .box-grid-inner .boxRiwayat .boxRiwayatInner ul li {
  list-style: none;
  color: #0a0b0c;
  font-family: "Poppins-Light";
  margin-bottom: 1rem;
  font-size: 1.1rem;
}

.ir-page .banner-menu{
  margin-bottom: 0;
}
.ir-page .banner-menu{
  margin-top: 5px;
  padding: 10px;
  color: var(--white);
  text-align: center;
  font-size: 18px;
  background-color: var(--soft-blue);
}
.ir-page .banner-menu.active{
  background-color: var(--blue);
}
.ir-page .banner-menu p{
  margin-bottom: 0;
}
.ir-page a.banner-menu:hover{
  cursor: pointer;
}
.ir-page .esg-banner-menu a:hover{
  text-decoration: none;  
}
.ir-page .tab-section{
  margin-top: 60px;
}
.ir-page.gcg ol li, .ir-page.gcg ul li {
  margin-bottom: 10px;
}
.ir-page.gcg .img-gcg {
  width: 70%;
  margin: 0 auto;
  display: block;
}
.ir-page.gcg .expand-img {
  margin: 30px 0;
  text-align: center;
}
.ir-page.shareholders .tab-section {
  margin-top: 0;
}
.v-middle{
  vertical-align: middle !important;
}
.page-ir-home .section-investor-update .content-box.color-grey{
  background-color: #e1e2e4;
}
.content-box.color-grey img{
  border-radius: 8px;
}
.content-box:hover{
  background-color: transparent !important; 
  background: rgba(15, 65, 115, 0.9) !important;
  transition: all 0.5s ease;
}
.content-box:hover p{
  color: var(--white);
}

.CX-footer ul.social li {
  margin-right: 7px !important;
  margin-bottom: 0 !important;
}
.sr-feedback-form label{
  font-weight: normal;
}
.sr-feedback-form .btn-sr-feedback{
  margin: 20px auto;
  display: block;
  width: 150px;
}

.video-iframe-container {
  position: relative;
}

.video-iframe {
  width: 100%;
  height: 450px;
}

.video-container {
  position: relative;
  padding-top: 56.25%;
  cursor: pointer;
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  overflow: hidden;
  background-color: #000;
}

.video-container:hover {
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
  z-index: 10;
}

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