:root {
  --logoColor: #d4ab2a;
  --light-grey: #e2e6e7;
  --dark-grey: #9a9a9a;
  --dark-blue: #063b5a;
  --text-dark: #333333;
  --dark-color1: #1a1a1a;
  --white: #ffffff;
  --blue-light: #e0f2f7;
  --blue-border: #b3e5fc;
  --blue-text: #01579b;
  --line-color: rgba(255, 255, 255, 0.3);
  --font-family-sans-serif: "Roboto", sans-serif;
  --default-transition-config: all 0.3s ease-in-out;
}

.clearfix:after,
.clearfix:before {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}

#ir_container {
  font-size: 1em;
  width: 1000px;
  margin: 0 auto;
  clear: both;
}
#ir_header {
  background: url(/images/sample_header.jpg) no-repeat left center;
  width: 100%;
  height: 106px;
}
#ir_sidebar {
  float: left;
  width: 170px;
  padding: 15px;
}
#ir_content {
  float: right;
  width: 760px;
  margin: 15px;
}
#ir_footer {
  font-size: 0.82em;
  width: 100%;
  padding: 10px 0;
  clear: both;
  border-top: 1px solid #ccc;
}

#ir_containerPrint {
  font-size: 1em;
  width: 617px;
  margin: 0 auto;
  clear: both;
}
#ir_contentPrint {
  width: 617px;
}
#ir_footerPrint {
  font-size: 0.82em;
  width: 617px;
  padding: 10px 0;
  clear: both;
  border-top: 1px solid #ccc;
}

/*h1 {font-size: 1.8em; font-weight: bold; text-transform: uppercase; margin-top: 0;}
h2 {font-size: 1.18em; font-weight: bold; color: #004a88; margin: 1em 0;}*/
h2 {
  font-size: 30px;
  color: #d4ab2a;
}
h2.ir_textMainHighlight {
  font-size: 1em;
  color: var(--dark-blue);
  margin: 0 0;
}
/*h3 {font-size: 1.09em; color: #006dc9; font-weight: bold;}
h4 {font-size: 1em; font-weight: bold;}*/

a:link {
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}

a.ir_addToCalendar {
  background: url(/images/btn_calendar.gif) no-repeat left top;
  display: block;
  text-indent: -1000em;
  width: 20px;
  height: 20px;
  margin: 0 auto;
  outline: none;
}
a.ir_addToCalendar:hover {
  background-position: left bottom;
}

.ir_linkPDF {
  background: url(/images/icon_pdf.gif) no-repeat left top;
  padding-left: 20px;
  line-height: 18px;
}
.ir_linkHTML {
  background: url(/images/icon_html.gif) no-repeat left top;
  padding-left: 20px;
  line-height: 18px;
}
.ir_linkAudio {
  background: url(/images/icon_audio.gif) no-repeat left top;
  padding-left: 20px;
  line-height: 18px;
}
.ir_linkVideo {
  background: url(/images/icon_video.gif) no-repeat left top;
  padding-left: 20px;
  line-height: 18px;
}
.ir_linkZip {
  background: url(/images/icon_zip.gif) no-repeat left top;
  padding-left: 20px;
  line-height: 18px;
}
.ir_linkArchive {
  background: url(/images/icon_archive.gif) no-repeat left top;
  padding-left: 20px;
  line-height: 18px;
}
.ir_linkView {
  background: url(/images/icon_view.gif) no-repeat left top;
  padding-left: 20px;
  line-height: 18px;
}

img.ir_left {
  float: left;
  margin: 0 10px 10px 0;
}
img.ir_right {
  float: right;
  margin: 0 0 10px 10px;
}
img.ir_middle {
  vertical-align: middle;
}

.ir_textRed {
  color: #ff0000;
}
.ir_textGreen {
  color: #448800;
}
.ir_textQuestions {
  color: #00f;
}

.ir_textMainHighlight {
  color: var(--dark-blue);
  font-weight: bold;
}
.ir_textSubHighlight {
  color: #666666;
}
.ir_textFootnote {
  font-size: 0.9em;
  color: var(--dark-grey);
  margin-top: 1em;
}
.ir_textFootnote ol {
  font-size: 1em;
}
.ir_textDivider {
  border-bottom: 1px dotted #666;
  margin: 1em 0;
}
hr {
  width: 100%;
  clear: both;
  border: 0;
  background: #ccc;
  height: 1px;
  margin: 12px 0;
}
* + html hr {
  outline: none;
  border: 1px solid #ccc;
}

.ir_textFooter {
  text-align: center;
}
.ir_textFooter a:link {
  text-decoration: none;
}
.ir_textFooter a:visited {
  text-decoration: none;
}
.ir_textFooter a:hover {
  text-decoration: underline;
}

.ir_textError {
  color: #ff0000;
  font-weight: bold;
  text-transform: uppercase;
}

#ir_search {
  text-align: right;
  padding: 50px 10px 0 0;
  clear: both;
}
#ir_switcher {
  color: #fff;
  text-align: right;
  padding: 11px 20px 0 0;
  clear: both;
}
#ir_switcher a {
  color: #fff;
}

#ir_menu {
  list-style: none;
  padding: 0;
  margin: 0;
} /* general menu style */
#ir_menu ul {
  list-style: none;
  padding-left: 10px;
  margin: 0;
} /* reset bullet for sub menu */
#ir_menu li {
  padding: 10px 0;
  color: #000;
  font-weight: bold;
} /* apply to all li elements - mainly for group header */
#ir_menu ul li {
  padding: 0;
  color: #69c;
  font-weight: normal;
} /* reset li elements to control sub menu */
#ir_menu a {
  color: #000;
} /* apply to all <a> elements - mainly for group header */
#ir_menu ul a {
  color: #69c;
} /* reset <a> elements to control sub menu */
#ir_menu .selected {
  color: #000;
} /* for selected main menu */
#ir_menu .selected a {
  color: #000;
} /* for selected main menu with hyperlink */
#ir_menu .selected ul a {
  color: #69c;
} /* reset for unselected sub menu in a selected group */
#ir_menu .selected .selected {
  color: #234e78;
  text-decoration: none;
} /* for selected sub menu */
#ir_menu .selected .selected a {
  color: #234e78;
  text-decoration: none;
} /* for selected sub menu with hyperlink */

/*.ir_tableBorder { border-top: 1px solid #ccc; }*/
table.ir_table {
  width: 100%;
  border-spacing: 0;
}
table.ir_table caption {
  padding: 10px;
  background: #000;
  color: #fff;
  font-size: 16px;
  border-bottom: 1px solid #ccc;
}
table.ir_table tr th,
table.ir_table tr td {
  border-bottom: 1px solid #ccc;
  padding: 15px 15px;
  font-size: 16px;
}
table.ir_table.border-top {
  border-top: 1px solid #ccc!important;
}
table.ir_table.border-right {
  border-right: 1px solid #ccc!important;
}
table.ir_table tr.row3 th,
table.ir_table tr.row3 td {
  border-bottom: 1px solid #ccc;
  padding: 20px 15px;
  font-size: 16px;
}
/*table.ir_table th:first-child, table.ir_table td:first-child { border-left: 1px solid #ccc; }*/
table.ir_table .col-1 {
  width: auto;
}
table.ir_table .col-2 {
  width: 20%;
}
table.ir_table .col-3 {
  width: 20%;
}
table.ir_table .col-4 {
  width: 20%;
}
table.ir_table .half_width {
  width: 50%;
}
table.ir_table .second_half_width {
  width: 25%;
}
table.ir_table .width_35 {
  width: 35%;
}
table.ir_table .width_30 {
  width: 30%;
}
table.ir_table .width_22 {
  width: 22%;
}
table.ir_table .width_15 {
  width: 15%;
}
table.reset tr td,
table.reset tr td:first-child {
  border: none;
}
table.ir_table tr th.ratios_column,
table.ir_table tr td.ratios_column {
  height: 46px;
}
table.ir_table #Date {
  width: 17%;
}
table.ir_table #Type {
  width: 24%;
}
table.ir_table #Action {
  width: 17%;
}

table.ir_hover tr:hover td {
  background: #c3b777;
}
table.ir_hover tr.row1:hover td,
table.ir_hover tr.row1:hover th {
  background: #c3b777;
}
table.ir_hover tr.row2:hover td,
table.ir_hover tr.row2:hover th {
  background: #c3b777;
}
table.ir_hover tr.rowHighlight:hover td {
  background: #c3b777;
}
table.ir_hover tr.rowTSHighlight:hover td {
  background: #c3b777;
}
table.ir_table tr.ir_tableTopRow td,
table.ir_table tr.ir_tableTopRow th {
  background: var(--dark-blue);
  color: #fff;
  font-weight: bold;
}
table.ir_table tr.row1 td,
table.ir_table tr.row1 th {
  background: rgba(255, 255, 255, 0);
}
table.ir_table tr.row2 td,
table.ir_table tr.row2 th {
  background: rgba(255, 255, 255, 0);
}
table.ir_table tr.rowHeader th {
  background: #414141;
  color: #fff;
}
table.ir_table tr.rowHighlight td,
table.ir_table tr.rowHighlight th {
  background: #414141;
  color: #fff;
}
table.ir_table tr.rowTSHighlight td {
  background: #ccd0e1;
  border-bottom: 1px solid #aaa;
}
table.ir_table tr th.cellHeader {
  background: var(--logoColor);
  color: #fff;
  border-bottom: 1px solid #ffffff;
}
table.ir_table tr td.cellHighlight {
  background: #414141;
  color: #fff;
}
table.ir_table tr td.cellTSHighlight {
  background: #ccd0e1;
  border-bottom: 1px solid #aaa;
}
table.ir_table tr td.cellTotal {
  border-top: 1px solid #414141;
  border-bottom: 1px solid #414141;
}
table.ir_table tr td.cellSubTotal {
  border-top: 1px solid #414141;
}
table.ir_table tr td.cellRed {
  background: #ebddd8;
}
table.ir_table tr td.cellGreen {
  background: #d8ebdc;
}

@media screen and (max-width: 767px) {
  .table-resp table, .sgx-news-content table {
    overflow-x: auto;
    display: block;
    border: 0;
  }
}

.ratios_width {
  width: 50%;
}

.factset_width_1 {
  width: 25%;
}
.factset_width_2 {
  width: 25%;
}
.factset_width_3 {
  width: 25%;
}
.factset_width_4 {
  width: 25%;
}

.ir_calculator_table {
  width: 100%;
  margin-top: 8px;
}
.ir_calculator_table tr td,
.ir_calculator_table tr th {
  padding: 4px 12px;
  text-align: left;
}
.ir_calculator_table tr td:first-child {
  width: 35%;
}
.ir_calculator_table_bottom tr td:first-child {
  width: 60%;
}

.ir_tableBorder tr td.si_top {
  padding-right: 1px;
}

.ir_table_main {
  width: 100%;
}
.ir_table_main caption {
  font-size: larger;
  margin: 1em auto;
}
.ir_table_main th,
.ir_table_main thead {
  background: #000;
  color: #fff;
  border: 1px solid #000;
  text-align: left;
}
.ir_table_main td {
  border: 1px solid #777;
}
.ir_table_main th,
.ir_table_main td {
  border: 1px solid #eee;
  padding: 4px 12px;
  vertical-align: top;
}

.ir_col_1,
.ir_col_2,
.ir_col_3,
.ir_col_4 {
  float: left;
}

.ir_col {
  clear: both;
}
.ir_col_1 {
  width: 365px;
  padding-right: 30px;
}
.ir_col_2 {
  width: 365px;
}
.ir_col_3 {
  width: 365px;
  padding-right: 30px;
}
.ir_col_4 {
  width: 365px;
}
.ir_home_divider_clear {
  margin: 40px 0;
}

.ir_home_research_reports {
  border-top: 3px solid #999999;
  float: left;
  width: 365px;
}
.ir_home_research_reports ul {
  margin: 0;
  padding: 0;
}
.ir_home_research_content div {
  font-size: 11px;
  font-style: italic;
}
.ir_home_research_reports h3.title {
  width: 240px;
  float: left;
  line-height: 23px;
  color: #000;
  margin: 0;
}
.ir_home_divider {
  border-top: 1px solid #ccc;
  clear: both;
}
.ir_home_research_content li {
  border-bottom: 1px solid #eee;
  padding: 8px 0;
  list-style: none;
}
a.more {
  background: url("/images/more_red.gif") no-repeat right top;
  color: #fe1705;
  cursor: pointer;
  display: block;
  float: right;
  font-size: 11px;
  height: 25px;
  line-height: 24px;
  padding-right: 15px;
  text-align: right;
  text-decoration: none;
}
a.more:hover {
  background: url("/images/more_black.gif") no-repeat right top;
  color: #000;
}

.ir_home_news {
  border-top: 3px solid #999999;
  float: left;
  width: 365px;
}
.ir_home_news ul {
  margin: 0;
  padding: 0;
}
.ir_home_news_content div {
  font-size: 13px;
  font-style: italic;
}
.ir_home_news h3.title {
  width: 240px;
  float: left;
  line-height: 23px;
  color: #000;
  margin: 0;
}
.ir_home_news_content li {
  border-bottom: 1px solid #eee;
  padding: 8px 0;
  list-style: none;
}

.iframe_email {
  height: 300px;
  width: 500px;
  border: none;
}

/* Home Chart */
.ir_stock_updates {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ir_stock_updates li {
  float: left;
}
.ir_stock_updates li.one {
  color: #183263;
  font-size: 40px;
  font-weight: bold;
  padding-right: 12px;
  line-height: 39px;
}
.ir_stock_updates li.two {
  font-size: 25px;
  line-height: 25px;
}

.ir_stock_updates li.ir_indicator_gain {
  background: url(/images/arrow_up.gif) no-repeat 0 bottom;
  color: #317500;
  padding: 6px 0 0 30px;
}
.ir_stock_updates li.ir_indicator_loss {
  background: url(/images/arrow_down.gif) no-repeat 0 bottom;
  color: #9d0000;
  padding: 6px 0 0 30px;
}
.ir_stock_updates li.ir_indicator_nil {
  background: url(/images/arrow_equal.gif) no-repeat 0 bottom;
  padding: 6px 0 0 30px;
}

.ir_stock_updates li.ir_indicator_gain_plus {
  color: #317500;
}
.ir_stock_updates li.ir_indicator_loss_minus {
  color: #9d0000;
}
.ir_stock_updates li.ir_indicator_nil_same {
  color: #000;
}

.ir_stock_price {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 10px 0;
}
.ir_stock_price li {
  color: #c7c7c7;
  float: left;
  border-right: 1px solid #c7c7c7;
  padding: 0 12px;
}
.ir_stock_price li span {
  color: #333;
}
.ir_stock_price li:first-child {
  padding-left: 0;
}
.ir_stock_price li:last-child {
  border: none;
}
img.ir_chart {
  display: block;
}

#ir_home_wrapper {
  width: 760px;
  height: 413px;
  overflow: hidden;
}
#ir_home_wrapper * {
  color: #ccc;
}
#ir_home_wrapper .carousel {
  display: block;
  float: left;
  width: 250px;
  height: 353px;
  margin: 0 1px 1px 0;
}
#ir_home_wrapper .carousel img {
  display: block;
}
#ir_home_wrapper .carousel div {
  background-color: black;
  width: 190px;
  height: 403px;
  padding: 0 30px;
}
#ir_home_wrapper .carousel div h3 {
  font-size: 16px;
  line-height: 50px;
  height: 50px;
  margin: 0;
  padding: 0;
}
#ir_home_wrapper .carousel div p {
  height: 160px;
  margin: 0;
}

.back_to_top {
  position: fixed;
  bottom: 2em;
  right: 0px;
  text-decoration: none;
  color: #000000;
  background-color: rgba(235, 235, 235, 0.8);
  font-size: 12px;
  padding: 1em;
  display: none;
}
.back_to_top:hover {
  background-color: rgba(135, 135, 135, 0.5);
}

.ir_tsLegendCellHighlight {
  float: left;
  width: 20px;
  height: 7px;
  font-size: 0;
  background: #ccd0e1;
  border-bottom: 1px solid #aaa;
  margin: 3px 3px 0 0;
}
.ir_tsLegendCellRed {
  float: left;
  width: 20px;
  height: 8px;
  font-size: 0;
  background: #ebddd8;
  margin: 3px 3px 0 0;
}
.ir_tsLegendCellGreen {
  float: left;
  width: 20px;
  height: 8px;
  font-size: 0;
  background: #d8ebdc;
  margin: 3px 3px 0 0;
}

/* Classes for different layouts. Please use the correct classes. Those that are not in use, please delete. */
.ir_arContainer {
  width: 100%;
  padding: 0;
  margin: 0;
}
.ir_arLeft {
  width: 35%;
  float: left;
  margin: 0;
}
.ir_arRight {
  width: 65%;
  float: right;
} /* Add padding-top in % if you want to valign the content to middle or bottom */
#ir_arSections ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#ir_arSections ul li {
  background: url(/images/bullet_arrow.gif) no-repeat left top;
  padding: 2px 0 3px 15px;
  margin-left: 10px;
}
#ir_arSections ul.border li {
  border-bottom: 1px dotted #004a88;
}
#ir_arArchive ul {
  margin: 0;
  list-style: none;
  padding: 0;
}
#ir_arArchive ul li {
  margin: 0 15px 15px 0;
  float: left;
  text-align: center;
}

.ir_directorContainer a {
  float: left;
  margin: 1em 0;
  width: 87px;
  height: 22px;
  background: url(/images/btn_closeview.gif) no-repeat left top;
  text-indent: -1000em;
  outline: none;
} /* view - close profile */
.ir_directorContainer.hide a {
  background-position: left bottom;
}
.ir_directorContainer .ir_directorDescription {
  display: block;
  margin-top: 50px;
}
.ir_directorContainer.hide .ir_directorDescription {
  display: none;
}

.ir_webcastContainer {
  width: 100%;
  padding: 0;
  margin: 0;
  margin-bottom: 1em;
}
.ir_webcastLeft {
  width: 40%;
  float: left;
  margin: 0;
}
.ir_webcastRight {
  width: 60%;
  float: right;
  margin: 0;
  padding-top: 8%;
}

.ir_slidesContainer {
  width: 100%;
  padding: 0;
  margin-bottom: 1em;
}
.ir_slidesLeft {
  width: 40%;
  float: left;
  margin: 0;
}
.ir_slidesRight {
  width: 60%;
  float: right;
  margin: 0;
  padding-top: 8%;
}

/* End Of Classes for different layouts. */

.ir_news {
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}
.ir_news li {
  border-bottom: 1px dotted #666;
}
.ir_newsDate {
  width: 25%;
  float: left;
  margin: 1em 0;
}
.ir_newsTitle {
  width: 74%;
  float: right;
  margin: 1em 0;
}

.ir_news_content {
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}
.ir_news_content li {
  border-bottom: 1px dotted #666;
  padding: 15px 0;
}
.ir_date_box {
  float: left;
  background: url("/images/news_box.gif") no-repeat;
  color: #faffff;
  font-size: 10px;
  height: 35px;
  text-align: center;
  text-transform: uppercase;
  width: 32px;
}
.ir_date_box span {
  color: #000;
  font-size: 12px;
  font-weight: bold;
}
.ir_news_title {
  width: 90%;
  float: right;
}

.ir_qa {
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}
.ir_qaDate {
  width: 25%;
  float: left;
  margin: 0;
}
.ir_qaTitle {
  width: 74%;
  float: right;
  margin: 0;
}

.ir_boxHighlight {
  width: 97%;
  background: #e4e4e4;
  border: 1px dotted #333;
  padding: 1%;
}

.ir_boxCaptcha {
  width: 98%;
  background: #fff;
  padding: 1%;
}

.ir_search a {
  font-size: 1.09em;
  color: #023f8b;
  font-weight: bold;
  text-decoration: underline;
}
.ir_search a:hover {
  color: #0072ff;
}
.ir_search .url {
  color: #008000;
}
.ir_searchHighlight1 {
  font-weight: bold;
  background: #ff6;
}
.ir_searchHighlight2 {
  font-weight: bold;
  background: #a0ffff;
}
.ir_searchHighlight3 {
  font-weight: bold;
  background: #9f9;
}
.ir_searchHighlight4 {
  font-weight: bold;
  background: #f99;
}

.ir_insiderPopUp {
  position: absolute;
  z-index: 200;
  visibility: hidden;
  right: 50px;
}
.ir_insiderPopUpContent {
  background: #fff;
  width: 300px;
  border: 1px dotted #656565;
  padding: 5px;
}

/*input.ir_investmentCalculator {border: 0; background: transparent;}*/
input.ir_checkBox {
  vertical-align: middle;
}
input.ir_textBoxMA {
  width: 20px;
  margin-right: 2px;
}
input.ir_left {
  float: left;
  margin: 0 10px 10px 0;
}

.table-calculator-form {
  border-collapse: collapse;
  margin: 5px;
}
.table-calculator-form tr td input {
  padding: 3px;
  line-height: 20px;
  width: 120px;
}
.table-calculator-form tr.first td {
  padding-bottom: 10px;
}
button.ui-datepicker-trigger {
  background: none;
  border: none;
}
button.ui-datepicker-trigger img {
  vertical-align: middle;
}
.calculator-left {
  float: left;
  width: 46%;
  background: #e7e7e7;
  min-height: 100px;
  padding: 2% 2% 1% 2%;
}
.calculator-right {
  float: left;
  width: 46%;
  background: #f4f4f4;
  min-height: 100px;
  padding: 2% 2% 1% 2%;
}
.table-calculator-form2 {
  border-collapse: collapse;
  margin: 5px;
}
.table-calculator-form2 tr td.first input {
  margin: 0;
}
.table-calculator-form2 tr td.first {
  width: 50%;
}
.table-calculator-form2 tr td input {
  padding: 3px;
  line-height: 20px;
  width: auto;
  vertical-align: middle;
}
.table-calculator-form2 tr td {
  padding-bottom: 5px;
}
.clear-height {
  clear: both;
  padding: 25px 0 0 0;
}

.table-calculator {
  width: 100%;
  border-collapse: collapse;
}
.table-calculator tr td {
  padding: 10px;
  border: 1px solid #ccc;
  text-align: center;
  font-size: 12px;
}
.table-calculator tr.first td {
  background: #414141;
  color: #fff;
  font-weight: bold;
}

.down_arrow {
  background: url(/images/arrow_down.gif) no-repeat 0 bottom;
  color: #9d0000;
  background-size: 10px;
  content: "";
  text-indent: -9999px;
  width: 10px;
  margin-left: 5px;
  top: -3px;
  position: relative;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.up_arrow {
  background: url(/images/arrow_up.gif) no-repeat 0 bottom;
  color: #317500;
  background-size: 10px;
  content: "";
  text-indent: -9999px;
  width: 10px;
  margin-left: 5px;
  top: -3px;
  position: relative;
  display: inline-block;
  *display: inline;
  zoom: 1;
}

/*** Interactive Chart ***/
#ir_chart_setting {
  position: relative;
  z-index: 1;
  border: 1px solid #ccc;
  padding: 10px 10px 40px;
  background: #ffffff;
  margin-bottom: 10px;
  display: flex;
  gap: 50px;
}

#ir_chart_setting fieldset {
  padding: 5px 0;
  border: none;
  margin: 0;
}
/* #ir_chart_setting fieldset legend, #ir_chart_setting fieldset div { width: 120px; float: left; line-height: 18px; } */
#ir_chart_setting .chart-type {
  width: 35%;
  float: left;
}
#ir_chart_setting .news-chart {
  width: 65%;
  float: left;
}
#ir_chart_setting .ir_textMainHighlight {
  display: block;
  padding-bottom: 10px;
}
.news-chart .ir_chart_selection label {
  width: 33.333333%;
  float: left;
  padding: 3px 0;
}
#ir_chart_setting fieldset input {
  vertical-align: middle;
}
#ir_chart_setting fieldset input[type="radio"] {
  margin: 3px;
}
.ir_chart_interactive_loading {
  text-align: center;
}
#chart_interval {
  padding: 3px;
  border: 1px solid #ccc;
}
.ir_chart_selection {
  padding-bottom: 10px;
}
.ir_news_tooltip,
.ir_insider_trades_tooltip {
  white-space: normal;
  display: block;
  width: 400px;
}
.ir_corporate_actions_tooltip {
  white-space: normal;
  display: block;
  width: 200px;
}
.ir_chart_interval {
  position: absolute;
  bottom: 10px;
  left: 10px;
}
.ir_chart-select-wrap {
  width: 100%;
  float: left;
}
.ir_chart_period-select {
  float: right;
  margin: 20px 0px;
}
.ir_chart_type-select {
  margin: 20px 0px;
  padding: 0;
  height: 33px;
  list-style: none;
  float: left;
}
.ir_chart_type-select li {
  float: left;
  margin: 0;
}
.ir_chart_type-select li a {
  color: #fff;
  background-color: #004a88;
  text-decoration: none;
  padding: 10px 10px 10px 44px;
  display: inline-block;
}
.ir_chart_type-select li a {
  line-height: 1.5;
}
#irSwitch2col {
  background: url("/images/icon-column-view.png") no-repeat scroll 9px center
    #004a88;
}
#irSwitch2line {
  background: url("/images/icon-line-view.png") no-repeat scroll 9px center
    #004a88;
}
#irSwitch2table {
  background: url("/images/icon-table-view.png") no-repeat scroll 9px center
    #004a88;
}
.selected_type #irSwitch2col,
.selected_type #irSwitch2col:hover {
  background: url("/images/icon-column-view.png") no-repeat scroll 9px center
    #5676a3;
}
.selected_type #irSwitch2line,
.selected_type #irSwitch2line:hover {
  background: url("/images/icon-line-view.png") no-repeat scroll 9px center
    #5676a3;
}
.selected_type #irSwitch2table,
.selected_type #irSwitch2table:hover {
  background: url("/images/icon-table-view.png") no-repeat scroll 9px center
    #5676a3;
}
.ir_chart_type-select li.selected_type a,
.ir_chart_type-select li.selected_type a:hover {
  color: #fff;
  text-decoration: none;
}
.chart_table thead tr {
  background: #006dc9;
  color: #fff;
  font-weight: bold;
}
#table_container h2 {
  text-align: center;
  color: #333;
  font-size: 18px;
  font-weight: normal;
}
.chart_selection-title {
  padding: 20px 0px 0px 25px;
  font-size: 1em;
  margin: 0;
}
.chart_year-selection {
  display: block;
  height: auto;
  width: 100%;
  float: left;
  padding: 0px 0px 10px 25px;
}
.chart_year-selection li {
  float: left;
  cursor: pointer;
  padding: 10px 10px 0px 0px;
  list-style: none;
}
.ir_chart_type-select li:nth-of-type(2) {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
.ir_chart-container,
.ir_chart-container-table {
  width: 100%;
  margin: 0 auto;
  float: left;
}
.ir_chart-container-empty {
  min-width: 310px;
  height: 400px;
  margin: 0 auto;
  font-size: 200%;
}
.ir_chart-container-table .tick-box {
  display: none;
}

.w100 {
  width: 100%;
}
.ir_chart-container-wrap,
.Chart_selection-accordion-wrap {
  float: left;
}
.ir_chart-container-wrap {
  width: 65%;
  box-sizing: border-box;
  padding-right: 10px;
}
.Chart_selection-accordion-wrap {
  width: 35%;
}

/*** Financial Calendar - Calendar View ***/
#ir_calendar_view .ir_calendar_calendar { padding-bottom: 12px; }
#ir_calendar_view .ir_calendar_latest { padding-bottom: 12px; }
#ir_calendar_view h2 { margin-top: 0; }
#ir_calendar_view .ir_date { color: var(--dark-blue); font-weight: bold; }
#ir_calendar_view .ir_event_details { margin-bottom: 15px; }
#ir_calendar_view .ir_attachments { list-style: none; margin: 5px 0; padding: 0; }
#ir_calendar_view .ir_attachments li { line-height: 20px; }
#ir_calendar_view .ir_calendar_add { border: 1px solid #bad6dd; background: #e8e8e8; padding: 3px 7px; display: inline-block; margin-top: 6px; }
#ir_calendar_view .ir_calendar_add input { vertical-align: middle; margin: 0 0 0 3px; }
#ir_calendar_view .ir_addToCalendar { margin: 0 0 18px; text-indent: 0; height: auto; width: auto; background: #006dc9; border: 1px solid #006dc9; box-shadow: inset 0 0 1px rgba(255,255,255,0.9); padding: 3px 5px; color: #fff; float: right; }
#ir_calendar_view .ir_addToCalendar + h2 { clear: both; padding-top: 12px; border-top: 1px dotted #999; }
#ir_table_view { display: none; }
#home .ui-datepicker { width: 25em; }
#ir_calendar_toggle a { opacity: 0.7 }
#ir_calendar_toggle a:hover { opacity: 1 }
#ir_calendar_toggle a.active { opacity: 1 }

/* financial highlight */
.fn-highlight-1 {
  height: 500px;
  width: 948px;
}
.fn-highlight-2 {
  height: 300px;
  width: 463px;
  float: left;
  background: #f4f3ef;
}
.fn-highlight-2:nth-child(2n + 1) {
  margin-right: 20px;
}
.fn-highlight-1,
.fn-highlight-2 {
  border: #dbdbdb 1px solid;
}

#capital_gain {
  font-weight: bold;
}
.chart_SelectYears-wrapper {
  float: left;
  width: 100%;
  margin: 20px 0px;
  background: #f4f4f4;
}
ul.checkbox-list {
  list-style: none;
  padding-left: 0px;
}
ul.checkbox-list li {
  margin: 10px 0px;
  color: #9e9e9e;
  cursor: pointer;
}
ul.checkbox-list li.selected_ratio {
  color: #333333;
  list-style: none;
}
.chart_year-selection li.selected_period {
  color: #333;
}
li.selected_type {
  background-color: yellow;
}
.Chart_selection-accordion {
  padding-left: 0px;
  margin: 0px 0px 30px;
  float: left;
  width: 100%;
  background: #f4f4f4;
}
.Chart_selection-accordion > li {
  list-style: none;
  padding: 5px 0px 5px 20px;
}
.Chart_selection-accordion > li a {
  display: block;
  padding: 5px 0px;
  font-weight: bold;
}
.Chart_selection-accordion > li.active {
  background: #727272;
}
.Chart_selection-accordion > li.active a {
  color: #fff;
}
.Chart_selection-accordion > li .checkbox-list li {
  color: #fff;
}

.tick-box {
  float: left;
  margin-right: 10px;
  background: url("/images/tickbox-unchecked.png") no-repeat;
  width: 17px;
  height: 17px;
}

.selected_ratio .tick-box,
.selected_period .tick-box {
  background: url("/images/tickbox-checked.png") no-repeat;
}
.ratio_group .ratio_group_title .arrow-updown {
  background: url("/images/icon-down.png") no-repeat center center;
  float: right;
  font-size: 1.375em;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.ratio_group.active .ratio_group_title .arrow-updown {
  background: url("/images/icon-up.png") no-repeat center center;
}
#category_type {
  background: url("/images/icon-ratio.png"), url("/images/icon-arrows.png");
  background-repeat: no-repeat, no-repeat;
  background-position: 9px center, right 5px center;
  background-color: #5676a3;
  padding: 10px 20px 10px 30px;
  border: none;
  color: #fff;
}
#category_type:after,
#figure_type:after {
  background: url("/images/icon-arrows.png") no-repeat right center;
  width: 14px;
}
#category_type.period {
  /*background: url("/images/icon-period.png") no-repeat 9px center #5676a3; padding: 10px 10px 10px 30px; border: none; color: #fff;*/
  background: url("/images/icon-period.png"), url("/images/icon-arrows.png");
  background-repeat: no-repeat, no-repeat;
  background-position: 9px center, right 5px center;
  background-color: #5676a3;
}

#figure_type {
  background: url("/images/icon-indexed.png"), url("/images/icon-arrows.png");
  background-repeat: no-repeat, no-repeat;
  background-position: 9px center, right 5px center;
  background-color: #5676a3;
  padding: 10px 20px 10px 40px;
  border: none;
  color: #fff;
}
#figure_type.absolute {
  background: url("/images/icon-absolute.png"), url("/images/icon-arrows.png");
  background-repeat: no-repeat, no-repeat;
  background-position: 9px center, right 5px center;
  background-color: #5676a3;
}
.ir_chart_legend {
  text-align: right;
  width: 100%;
  font-size: 10px;
  margin: 5px;
}
.ir_chart_legend span {
  border: 1px solid;
  padding: 2px 5px;
}
.table-calculator tr.first td.tsr_amount {
  background: #ffff00;
  color: initial;
}
.tsr_amount .title {
  display: block;
  margin-bottom: 10px;
}
.tsr_amount .value,
.tsr_amount .percentage {
  font-size: 18px;
}
.tsr_amount .value {
  margin-right: 10px;
}
.txt-green {
  color: green;
}
.txt-red {
  color: red;
}
sup {
  font-size: 8px;
}
.toggle_div {
  float: left;
}
tr[class^="div_"] td {
  background-color: #efefef;
}
td.year {
  font-weight: 700;
}
td.year span {
  font-weight: 400;
}

/* Disclaimer popup */
.pop-upbotton {
  text-align: center;
}

.pop-upbotton .accept a,
.pop-upbotton .decline a {
  padding: 5px 10px;
  background: #004a88;
  margin: 0px 5px;
  color: #fff;
}

/* Newsroom Tag */
.mt-5 {
  margin-top: 5px;
}
.px-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}
.newsroom-tag a,
.newsroom-tag b {
  display: inline-block;
  position: relative;
  height: 24px;
  line-height: 24px;
  margin: 0 16px 0 0;
  padding: 0 10px;
  background: #777;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
  box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
  color: #fff;
  text-decoration: none;
  text-shadow: 0 1px 2px rgb(0 0 0 / 20%);
}
.newsroom-tag a:before,
.newsroom-tag b:before {
  content: "";
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  border-color: transparent transparent transparent #ff9a54;
  border-style: solid;
  border-width: 12px 0px 12px 12px;
  right: -12px;
}
.newsroom-tag a:after,
.newsroom-tag b:after {
  content: "";
  position: absolute;
  top: 10px;
  left: 96%;
  float: left;
  width: 5px;
  height: 5px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #fff;
  -moz-box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: -1px -1px 2px rgb(0 0 0 / 40%);
  box-shadow: -1px -1px 2px rgb(0 0 0 / 40%);
}

.newsroom-tag a:hover {
  background: #666 !important;
}
.newsroom-tag a:hover:before {
  border-color: transparent transparent transparent #666 !important;
}

/* the no is base on the tag_id */
.newsroom-tag.tag-all a {
  background-color: rgba(224, 60, 61, 1);
}
.newsroom-tag.tag-all a:before {
  border-color: transparent transparent transparent rgba(224, 60, 61, 1);
}
.newsroom-tag.tag-all b {
  background-color: rgba(224, 60, 61, 0.6);
  color: #000;
}
.newsroom-tag.tag-all b:before {
  border-color: transparent transparent transparent rgba(224, 60, 61, 0.6);
}

.newsroom-tag.tag-15 a,
.newsroom-tag.tag-63 a,
.newsroom-tag.tag-62 a {
  background: rgba(255, 153, 86, 1);
}
.newsroom-tag.tag-15 a:before,
.newsroom-tag.tag-63 a:before,
.newsroom-tag.tag-62 a:before {
  border-color: transparent transparent transparent rgba(255, 153, 86, 1);
}
.newsroom-tag.tag-15 b,
.newsroom-tag.tag-63 b,
.newsroom-tag.tag-62 b {
  background-color: rgba(255, 153, 86, 0.6);
  color: #000;
}
.newsroom-tag.tag-15 b:before,
.newsroom-tag.tag-63 b:before,
.newsroom-tag.tag-62 b:before {
  border-color: transparent transparent transparent rgba(255, 153, 86, 0.6);
}

.newsroom-tag.tag-7 a,
.newsroom-tag.tag-64 a,
.newsroom-tag.tag-61 a {
  background: rgba(102, 204, 119, 1);
}
.newsroom-tag.tag-7 a:before,
.newsroom-tag.tag-64 a:before,
.newsroom-tag.tag-61 a:before {
  border-color: transparent transparent transparent rgba(102, 204, 119, 1);
}
.newsroom-tag.tag-7 b,
.newsroom-tag.tag-64 b,
.newsroom-tag.tag-61 b {
  background-color: rgba(102, 204, 119, 0.6);
  color: #000;
}
.newsroom-tag.tag-7 b:before,
.newsroom-tag.tag-64 b:before,
.newsroom-tag.tag-61 b:before {
  border-color: transparent transparent transparent rgba(102, 204, 119, 0.6);
}

.newsroom-tag.tag-16 a,
.newsroom-tag.tag-16 b {
  background: rgba(237, 119, 119, 0.6);
}
.newsroom-tag.tag-16 a:before,
.newsroom-tag.tag-16 b:before {
  border-color: transparent transparent transparent rgba(237, 119, 119, 0.6);
}
.newsroom-tag.tag-16 b {
  background-color: rgba(237, 119, 119, 0.6);
  color: #000;
}
.newsroom-tag.tag-16 b:before {
  border-color: transparent transparent transparent rgba(237, 119, 119, 0.6);
}

.newsroom-tag.tag-17 a {
  background: rgba(101, 171, 222, 1);
}
.newsroom-tag.tag-17 a:before {
  border-color: transparent transparent transparent rgba(101, 171, 222, 1);
}
.newsroom-tag.tag-17 b {
  background-color: rgba(101, 171, 222, 0.6);
  color: #000;
}
.newsroom-tag.tag-17 b:before {
  border-color: transparent transparent transparent rgba(101, 171, 222, 0.6);
}

/* News_listing Tag */
.ir_news .newsroom-tag a {
  margin: 5px;
}

/* Custom styles for the hero section background image */
.hero-background {
  background-image: url("/images/img-ir-home-banner3.jpg");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  min-height: 600px;
  height: 800px;
}
/* Custom styles for the news section background pattern */
.news-background {
  background-image: url("/images/img-general-announcement-bg.jpg");
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
  min-height: 600px;
  height: 800px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background-attachment: fixed;
}
.rounded-xl {
  border-radius: 0.75rem !important;
}

.stock-box {
  background: rgba(212, 171, 42, 0.8);
  font-size: 16px;
}

.stock-box .last-done {
  font-size: 40px;
  line-height: 1;
}

.stock-box .small-text {
  font-size: 14px;
}

.stock-box .changes {
  font-size: 22px;
}

.btn-primary {
  background: white;
  color: var(--logoColor);
  border: 0;
  font-size: 16px;
  transition: var(--default-transition-config);
  color: pointer;
}

.btn-primary:hover {
  background: white;
  color: var(--logoColor);
}

.btn-secondary {
  background: var(--logoColor);
  color: white;
  border: 0;
  font-size: 16px;
  transition: var(--default-transition-config);
  cursor: pointer;
}

.btn-secondary:hover {
  background: var(--logoColor);
  color: white;
}

/* Animate the size, outside */
.pulse:hover,
.pulse:focus {
  animation: pulse 0.5s;
  box-shadow: 0 0 0 1em transparent;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 hsl(46, 67%, 50%);
  }
}

.pulse-white:hover,
.pulse-white:focus {
  animation: pulse 0.5s;
  box-shadow: 0 0 0 1em transparent;
}

@keyframes pulse-white {
  0% {
    box-shadow: 0 0 0 0 hsl(0, 0%, 100%);
  }
}

.welcome-box {
  background: #f9f9f9;
  border-top: 3px solid var(--logoColor);
}
.text-main-color {
  color: var(--logoColor);
}
.text-dark-grey {
  color: var(--dark-grey);
}
.bg-main-color {
  background-color: var(--logoColor);
}
@media (min-width: 768px) {
  .stock-row {
    bottom: 115px;
  }
}
@media (max-width: 375px) {
  .stock-box {
    font-size: 14px;
  }
  .stock-box .last-done {
    font-size: 27px;
  }
  .stock-box .changes {
    font-size: 18px;
  }
  .stock-box .small-text {
    font-size: 12px;
  }
}

.highlight-row {
  /*background-image: url(/images/img-diagram.png);
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  width: 100%;
  min-height: 455px;*/
}
.img-fluid {
  max-width: 100%;
  height: auto;
}

.highlight-rounded {
  border-radius: 0.75rem !important;
}
.highlight-title {
  font-size: 20pxvw;
}
.highlight-value {
  font-size: 30px;
}
.highlight-row .text-secondary {
  font-size: 16px;
}
@media (min-width: 1024px) {
  .highlight-row {
    margin-bottom: 15rem;
  }
}
@media (min-width: 768px) {
  .highlight-row {
    background-image: url(/images/img-diagram.png);
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 475px;
    margin-top: 60px;
  }
  .highlight-title {
    font-size: 1.5vw;
  }
  .highlight-value {
    font-size: 2.5vw;
  }
  .highlight-row .text-secondary {
    font-size: 1vw;
  }
}
/*@media (max-width: 767px) {
  .highlight-logo img {
    width: 50px;
  }
}*/

.news-item {
  color: white;
  transition: var(--default-transition-config);
}
.news-item:hover {
  color: black !important;
}

.news-item p {
  font-size: 18px;
}

.section-rounded {
  border-top-right-radius: 100px;
  background-image: url(/images/img-general-announcement-bg.png);
  background-size: contain;
  background-position: left bottom;
  background-repeat: no-repeat;
}

.bg-latest-update {
  background-image: url("/images/img-latest-document-background.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 600px;
}

.bg-latest-update p {
  font-size: 18px;
}

/*custom card*/
.custom-card {
  background-color: var(--logoColor);
  border: none;
  border-radius: 1.5rem;
  overflow: hidden;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.custom-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.25);
}

.card-img-top {
  width: 100%;
  /* max-height: 200px; */
  height: 250px;
  object-fit: cover;
  border-radius: 1.5rem;
  object-position: bottom;
}

.card-footer-custom {
  background-color: var(--logoColor);
  padding: 1rem 1.5rem;
  border-bottom-left-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: white;
  font-weight: 600;
  font-size: 1.15rem;
}

.arrow-circle {
  /*width: 40px;
      height: 40px;
      background-color: rgba(255, 255, 255, 0.3); */
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.arrow-icon {
  width: 30px;
  height: 30px;
  background-image: url("/images/icon-arrow.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/*report section*/
.reports-section {
  position: relative;
  overflow: hidden;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.reports-background-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(/images/img-annual-report-bg.jpg);
  background-size: cover;
  background-position: center bottom;
  z-index: 0;
}

.content-wrapper {
  position: relative;
  z-index: 1;
}

.section-title {
  color: var(--text-dark);
  font-weight: 600;
  margin-bottom: 3rem;
  text-align: center;
}

.report-card-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 2rem;
}

.report-image-wrapper {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.5rem;
  width: 100%;
  max-width: 350px;
  height: auto;
  margin-left: 30px;
}

.report-image {
  width: 100%;
  height: auto;
  display: block;
}

.report-image-wrapper.sr {
  max-width: 450px;
}

.report-title {
  color: var(--text-dark);
  font-weight: 500;
  margin-bottom: 1.5rem;
  font-size: 1.25rem;
}

.btn-download {
  background-color: var(--logoColor);
  color: var(--text-dark);
  border: none;
  padding: 0.75rem 2rem;
  border-radius: 0.5rem;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.btn-download:hover {
  background-color: darken(var(--logoColor), 10%);
  background-color: #d8a02a;
  transform: translateY(-2px);
  color: var(--text-dark);
}

/*circular section*/
.circulars-section {
  background-color: var(--dark-color1);
  background-image: url("/images/img-circular-appendices.jpg");
  background-size: cover;
  background-position: center;
  padding: 5rem 0;
  position: relative;
  overflow: hidden; /* Important for carousel and background */
  background-attachment: fixed;
}

.section-title {
  color: white;
  font-weight: 600;
  text-align: center;
  margin-bottom: 3rem;
  font-size: 2.5rem;
}

/* Slick Carousel Customizations */
.circulars-carousel .slick-slide {
  padding: 1rem 1.5rem; /* Padding around each slide item */
  box-sizing: border-box; /* Include padding in element's total width/height */
  outline: none; /* Remove outline on focus/click for cleaner look */
}

.circular-item {
  color: white;
  text-decoration: none; /* Remove underline from link */
  display: block; /* Make the whole item clickable */
  height: 100%; /* Ensure consistent height for items */
  min-height: 150px; /* Minimum height for visual consistency */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: color 0.3s ease; /* Smooth color transition on hover */
}

.circular-item:hover {
  color: var(--logoColor); /* Change text color on hover */
}

.circular-date {
  font-size: 0.9rem;
  opacity: 0.7; /* Slightly faded date */
  margin-bottom: 0.5rem;
}

.circular-title {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 1rem;
  flex-grow: 1; /* Allows title to take available space */
}

.circular-separator {
  border: 0;
  height: 1px;
  background: var(--line-color);
  margin-top: 1rem;
}

/* Custom Slick Arrows */
.slick-prev,
.slick-next {
  width: 40px;
  height: 40px;
  background-color: var(--logoColor);
  border-radius: 50%;
  z-index: 10; /* Bring arrows to front */
  top: 70%; /* Position relative to the parent, adjust as needed */
  transform: translateY(-50%); /* Vertically center */
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick"; /* Using Slick's default font for arrows */
  font-size: 20px;
  line-height: 1;
  color: var(--text-dark); /* Dark arrow icon */
  opacity: 1; /* Ensure arrow is fully visible */
}

.slick-prev {
  left: -20px; /* Adjust position for previous arrow */
}

.slick-next {
  right: -20px; /* Adjust position for next arrow */
}

/* Adjust arrow position on smaller screens */
@media (max-width: 767.98px) {
  .slick-prev {
    left: 5px;
  }
  .slick-next {
    right: 5px;
  }
}

/* Custom Navigation Controls (bottom arrows and button) */
.nav-controls-container {
  display: flex;
  gap: 20px; /* Space between the arrows */
  padding: 20px;
  align-items: center;
}

.nav-arrow-circle {
  width: 40px; /* Diameter of the circle */
  height: 40px; /* Diameter of the circle */
  background-color: var(--logoColor); /* Yellowish background color */
  border-radius: 50%; /* Makes it a perfect circle */
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.2s ease;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

/* Common arrow icon styling */
.slick-arrow-icon {
  width: 13px; /* Size of the chevron */
  height: 13px;
  border-top: 3px solid #333; /* Dark gray for the arrow lines */
  border-right: 3px solid #333; /* Dark gray for the arrow lines */
  display: inline-block;
}

/* Styling for the left arrow */
.prev-arrow .slick-arrow-icon {
  transform: rotate(-135deg); /* Rotates to point left */
  margin-right: -4px; /* Adjust positioning slightly */
}

/* Styling for the right arrow */
.next-arrow .slick-arrow-icon {
  transform: rotate(45deg); /* Rotates to point right */
  margin-left: -3px; /* Adjust positioning slightly */
}

.btn-view-all {
  background-color: var(--logoColor);
  color: var(--text-dark);
  border: none;
  padding: 0.75rem 2.5rem;
  border-radius: 2rem; /* Fully rounded pill shape */
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.3s ease, transform 0.2s ease;
  margin-left: 2rem; /* Space from arrows */
}

.btn-view-all:hover {
  background-color: #d8a02a; /* Darken gold on hover */
  transform: translateY(-2px);
  color: var(--text-dark);
}

/*financial-highlights*/
.bg-grey-chart {
  background-image: url("/images/img-geographict-revenue-bg.jpg");
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  /*min-height: 600px;
  height: 800px;*/
}

.bg-bottom-chart {
  background-image: url("/images/img-financial-highlights-bg.jpg");
  background-size: cover;
  background-position: top left;
  background-repeat: no-repeat;
  min-height: 600px;
  min-height: 800px;
}
.bottom-highlight-chart {
  border-radius: 25px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  padding: 25px;
  max-width: 400px;
  background: #ffffffd6;
  height: 100%;
}
.top-highlight-chart {
  max-width: 360px;
  height: 100%;
}
.center {
  display: block;
  text-align: -webkit-center;
  unicode-bidi: isolate;
}

/* custom CSS for Select2 goes here */
.select2-container--default
  .select2-selection--single[aria-labelledby="select2-chartSelector-container"] {
  background-color: transparent;
  border: 0;
  border-radius: 0;
}
#select2-chartSelector-container {
  color: var(--logoColor);
  font-size: 30px;
  width: auto !important;
  /*min-width: 300px; */
}

.square-form .select2-container {
  width: auto !important;
}

/* Optional: Apply min-width to the dropdown as well */
#select2-chartSelector-container .select2-dropdown {
  min-width: 300px;
}

/* Styles to handle long text within the selected option */
.select2-selection__rendered {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 20px; /* Adjust padding to make sure arrow is visible and not covered by text */
}

.select2-search--dropdown {
  display: none !important;
}
.select2-container .select2-selection--single {
  height: auto;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #000;
  line-height: 25px;
  padding: 13px 15px;
  /*background-color: white;*/
  font-weight: 600;
  font-size: 15px;
  position: relative;
  cursor: pointer;
  text-transform: capitalize;
  padding-right: 60px;
  display: flow-root;
}
.select2-selection__arrow {
  display: none;
}
.select2-selection__rendered::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  height: 26px;
  width: 26px;
  background-image: url(/images/arrow_up.svg);
  background-size: contain;
  background-repeat: no-repeat;
  transform: translateY(-50%) rotate(180deg);
  z-index: 1;
  transition: transform 0.1s linear;
}
.select2-container--open .select2-selection__rendered::after {
  transform: translateY(-50%) rotate(0deg);
}
.select2-results__option.select2-results__option--selectable.select2-results__option--highlighted {
  background-color: var(--light-grey);
  color: #000;
}
.select2-results__option.select2-results__option--selectable.select2-results__option--selected.select2-results__option--highlighted {
  background-color: var(--logoColor);
  color: #fff;
}
.select2-container--default .select2-results__option--selected {
  background-color: var(--logoColor);
  color: #fff;
}
.select2-dropdown {
  background-color: white;
  border: 0;
  border-radius: 5px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}
.select2-results__options {
  /* position: absolute; */
  left: 0;
  z-index: 2;
  background-color: white;
  border-radius: 5px;
  width: 100%;
  box-shadow: 0px 5px 10px -3px rgb(0 0 0 / 15%);
  padding: 8px 6px;
  transition: opacity 0.3s ease-out;
  top: 106%;
  font-weight: 600;
}
.select2-results__option {
  padding: 8px 10px;
  border-radius: 3px;
}
.select2-results__options * + * {
  margin-top: 8px;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 210px;
  overflow-y: auto;
}

@media (max-width: 991px){
  #select2-chartSelector-container {
    width: 300px !important;
    white-space: nowrap;  
    overflow: hidden;     
    text-overflow: ellipsis;
  }
  .square-form .select2-selection__rendered {
    padding-right: 50px!important;
  }
}

/*calculator*/
.calculator {
  background-color: var(--dark-blue);
  padding: 2.5rem;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(6, 59, 90, 0.15);
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.calculator h5 {
  text-align: center;
  color: var(--dark-blue);
  background-color: var(--white);
  font-size: 1.8rem;
  margin-bottom: 1.5rem;
  font-weight: 600;
}

.instbox {
  background-color: var(--blue-light);
  border: 1px solid var(--blue-border);
  border-radius: 8px;
  padding: 1rem 1.5rem;
  margin-bottom: 1.5rem;
  color: var(--blue-text);
  line-height: 1.6;
}

.instbox strong {
  color: var(--dark-blue);
}

.calculator-content {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: center;
}

.input-parameters,
.calculated-results {
  flex: 1;
  min-width: 300px;
  display: flex;
  flex-direction: column;
  gap: 5.4rem;
}

.table-responsive {
  width: 100%;
  overflow-x: auto;
}

.ictbl {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background-color: var(--white);
  border: 0;
  border-radius: 8px;
  overflow: hidden;
}

.ictbl.no-color {
}

.ictbl tbody tr:first-child td:first-child {
  border-top-left-radius: 8px;
}
.ictbl tbody tr:first-child td:last-child {
  border-top-right-radius: 8px;
}
.ictbl tbody tr:last-child td:first-child {
  border-bottom-left-radius: 8px;
}
.ictbl tbody tr:last-child td:last-child {
  border-bottom-right-radius: 8px;
}

.ictbl td {
  padding: 1rem 1.2rem;
  vertical-align: middle;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  border: 0;
}

.ictbl td:last-child {
  border-right: none;
}

.ictbl tbody tr:last-child td {
  border-bottom: none;
}

.ictbl label {
  font-size: 0.95rem;
  color: var(--text-dark);
  font-weight: 600;
}

.form-control {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid var(--dark-grey);
  border-radius: 6px;
  font-size: 1rem;
  color: var(--dark-color1);
  box-sizing: border-box;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.form-control:focus {
  border-color: var(--logoColor);
  outline: none;
  box-shadow: 0 0 0 3px rgba(212, 171, 42, 0.25);
}

.ir_investmentCalculator {
  background-color: var(--light-grey);
  opacity: 0.8;
}

.irbold {
  font-weight: bold;
}

.bg-yellow {
  background-color: var(--logoColor) !important;
  color: var(--dark-color1) !important;
  font-weight: 600;
  text-align: center;
  border-bottom: 1px solid rgba(212, 171, 42, 0.7) !important;
}

.bg-yellow h5.calculator {
  margin: 0;
  font-size: 1.2rem;
  color: var(--dark-color1);
  text-align: center;
}

.ir_divider {
  display: none;
}

.si_marginTop {
  margin-top: 1.5rem;
}

.si_marginBottom {
  margin-bottom: 1.5rem;
}

@media (max-width: 768px) {
  .calculator {
    padding: 1.5rem;
  }

  .calculator h5 {
    font-size: 1.5rem;
  }

  .calculator-content {
    flex-direction: column;
    gap: 1.5rem;
  }

  .input-parameters,
  .calculated-results {
    min-width: unset;
    width: 100%;
    gap: 1.5rem;
  }

  .ictbl td {
    padding: 0.8rem 1rem;
  }

  .form-control {
    padding: 0.6rem 0.8rem;
    font-size: 0.9rem;
  }
}

.sgx-news-link {
  color: var(--dark-grey);
  transition: var(--default-transition-config);
}
.sgx-news-link:hover {
  color: var(--dark-blue);
}
#news_search.form-control {
  padding: 1.25rem 1rem;
}

/*ir calendar*/
.section-background {
  background-image: url("/images/bg-ir-activities-events.png");
  background-size: cover;
  background-position: center right;
  border-radius: 15px;
  position: relative;
  min-height: 400px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 75px;
  margin-bottom: 90px;
  box-sizing: border-box; /* Include padding in element's total width and height */
}
.container-event {
  position: relative;
  bottom: -157px;
}

.event-card {
  background-color: #daa520;
  color: #fff;
  padding: 30px;
  border-radius: 15px;
  z-index: 1;
}

.event-card h2 {
  font-size: 2.5rem;
  margin-bottom: 20px;
  font-weight: bold;
  color: white;
}

.event-card p {
  font-size: 1rem;
  line-height: 1.4;
  margin-bottom: 5px;
}
.section-background .nav-controls-container {
  display: flex;
  gap: 20px;
  padding: 20px;
}
.next-arrow2 .slick-arrow-icon {
  width: 13px;
  height: 13px;
  border-top: 3px solid #ffffff;
  border-right: 3px solid #ffffff;
  display: inline-block;
  transform: rotate(45deg);
}
.prev-arrow2 .slick-arrow-icon {
  width: 13px;
  height: 13px;
  border-top: 3px solid #ffffff;
  border-right: 3px solid #ffffff;
  display: inline-block;
  transform: rotate(227deg);
}
@media (max-width: 767px) {
  .section-background {
    background-position: top right;
    padding: 0;
    margin-bottom: 200px;
  }
  .container-event {
    bottom: -200px;
  }
  .section-background .nav-controls-container {
    display: flex;
    gap: 20px;
    padding: 20px;
    justify-content: center;
  }
}

.historical-events-section {
  background-color: var(--dark-color1);
  background-image: url("/images/img-historical-event-bg.jpg");
  background-size: cover;
  background-position: top right;
  padding: 5rem 0;
  position: relative;
  overflow: hidden; /* Important for carousel and background */
}
.historical-item {
  background: var(--white);
  border-radius: 15px;
  padding: 30px 5%;
  margin-top: 25px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.event-tag {
  font-size: 14px;
  color: var(--white);
  border-radius: 15px;
  background: #856600;
  margin-bottom: 15px;
  width: fit-content;
  padding: 4px 9px;
  text-align: center;
}
.event-date {
  font-size: 16px;
  color: var(--text-dark);
}
.event-title {
  font-size: 20px;
  color: var(--text-dark);
  line-height: 1.2;
  font-weight: 600;
}
.download-file {
  color: var(--text-dark);
  font-size: 16px;
  display: flex;
  align-items: center;
  margin: 15px 0 0;
}
.download-file:hover {
  color: var(--logoColor);
}

/**************************** START Calendar Style ****************************/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; -khtml-border-top-left-radius: 0; border-top-left-radius: 0; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; -khtml-border-top-right-radius:0; border-top-right-radius:0; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft:0; -webkit-border-bottom-left-radius: 0; -khtml-border-bottom-left-radius: 0; border-bottom-left-radius: 0; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; -khtml-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }

/* Component containers
----------------------------------*/
#ir_calendar_tab_content .ui-widget-content {
  color: var(--dark-blue); background: #fff;
}
#ir_calendar_tab_content .ui-widget-header { color: #292929; background: #f5f5f5; border: none}

/* Overlays */
#ir_calendar_tab_content .ui-datepicker { padding: 0; height: 360px; /*width: 18em;*/ width: 100%; margin-bottom: 20px; }
.ui-datepicker { padding: 0; height: 360px; width: 18em;}
.ui-datepicker table {border-collapse: collapse; margin:0; background: #fff; }
.ui-datepicker th { background: #f5f5f5; border-bottom: 1px solid #ddd; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:2px; }
.ui-datepicker .ui-datepicker-next-hover { right:2px; }


/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: #fff; border: none; }

/* For non-active dates */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  color: #292929;
  text-align: center;
  border: none;
  padding-top: 7px;
  width: 35px;
  margin: 10px auto 0 auto;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { 
  opacity: 1;
  filter: Alpha(Opacity=1);
 }


/* for active dates */
#ir_calendar_tab_content a.ui-state-default, #ir_calendar_tab_content .ui-widget-content a.ui-state-default, #ir_calendar_tab_content .ui-widget-header a.ui-state-default {
  border: none;
  background: var(--dark-blue);
  height: 35px;
  padding-top: 7px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  width: 35px;
  margin: 10px auto 0 auto;
  text-align: center;
  color: #fff;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: none; background: none; color: #242224; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: none;
  background: #118c80;
  height: 35px;
  padding-top: 7px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  width: 35px;
  margin: 10px auto 0 auto;
  text-align: center;
  color: #fff;
}

/* Icons
----------------------------------*/
/* states and images */
#ir_calendar_tab_content .ui-widget-content .ui-icon {background-image: url(/javascripts/jquery-ui/ui-icons_222222_256x240.png); }
#ir_calendar_tab_content .ui-datepicker-prev, #ir_calendar_tab_content .ui-datepicker-next { cursor:pointer; }
#ir_calendar_tab_content .ui-state-default, #ir_calendar_tab_content .ui-widget-content .ui-state-default, #ir_calendar_tab_content .ui-widget-header .ui-state-default {color: #343a40;}


/**************************** END Calendar Style ****************************/



/*qr*/
.list-group {
  list-style: none;
  padding-left: 0;
}
/*financial ratio*/
th.data-title {
  text-align: left;
}
td.ratios_column {
  text-align: center;
}

/*ar page*/
.ar-carousel .ar-image {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}
.annual-reports-section {
    border-bottom: 5px solid var(--dark-blue);
    padding-bottom: 40px;
}
.ar-year {
    color: var(--logoColor);
    margin-bottom: 40px;
    padding-bottom: 5px;
    border-bottom: 2px solid var(--dark-blue);
}
.ir_linkPDF {
    background: url(/images/icon-download.png) no-repeat right center;
    background-size: 28px;
    height: 28px;
    /* padding-left: 35px; */
    /* padding-bottom: 10px; */
    /* margin-bottom: 10px; */
    transition: background-image .2s;
    display: block;
}
.ir_linkPDF:hover {
    background: url(/images/icon-download.png) no-repeat right center;
    background-size: 28px;
}
.ir_linkPDF_errata {
    background: url(/images/icon-errata.svg) no-repeat right center;
    background-size: 28px;
    height: 28px;
    /* padding-left: 35px; */
    /* padding-bottom: 10px; */
    /* margin-bottom: 10px; */
    transition: background-image .2s;
    display: block;
}
.ir_linkPDF_errata:hover {
    background: url(/images/icon-errata-active.svg) no-repeat right center;
    background-size: 28px;
}

/*document list*/
.document-content {
    height: 250px;
    border-radius: calc(20px* .75);
    padding: 25px;
    background: #fff;
    -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, .12);
    box-shadow: 0 3px 12px rgba(0, 0, 0, .12);
    position: relative;
    overflow: hidden;
    border: 0;
    margin: 5px 8px !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    transition: var(--default-transition-config);
}
.document-content-agm-egm {
    height: auto;
    border-radius: calc(20px* .75);
    padding: 25px;
    background: #fff;
    -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, .12);
    box-shadow: 0 3px 12px rgba(0, 0, 0, .12);
    position: relative;
    overflow: hidden;
    border: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    transition: var(--default-transition-config);
}
/*.document-content:hover {
    background-color: var(--dark-blue);
    color: #ffffff;
}*/
.document-title {
    font-size: 16px;
}
.document-date {
    font-size: 14px;
}

/*ir contact*/
.list-unstyled {
    padding-left: 0;
    list-style: none;
}
.section-padding {
    padding: 80px 0; /* Consistent padding for sections */
}
.card {
    border-radius: 1rem; /* Rounded corners for cards */
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1); /* Subtle shadow */
}
.form-control, .btn {
    border-radius: 0.5rem; /* Slightly rounded controls */
}

/*email alert*/
.disabled, input:disabled, fieldset:disabled {
    pointer-events: none;
    opacity: .45;
}


/* ----------IR activities page start---------- */
.latest-bg {
  position: relative;
}

.section-activities-two {
  /*background: url(/images/bg-previous-activities-events.jpg) no-repeat right center;
  background-size: cover;*/
}

.section-activities-two .activities-box {
  border: none;
  border-radius: 0.75rem;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  padding: 20px 20px;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.section-activities-two .activities-box .date {
  width: 90%;
}

.section-activities-two .activities-box .date p {
  font-weight: 500;
  font-size: 16px;
}

.section-activities-two .activities-box .date h3 {
  font-weight: 600;
}

.section-activities-two .activities-box .button {
  width: 140px;
  margin: 0;
}

.section-activities-two .activities-box .button a {
  border: solid 1px #d4ab2a;
  background-color: #d4ab2a;
  color: #fff;
  transition: all .2s;
  border-radius: 20px;
  padding: 10px 25px;
  width: 120px;
}

.section-activities-two .activities-box .button a:hover,
.section-activities-two .activities-box .button a:active,
.section-activities-two .activities-box .button a:focus {
  border: solid 1px #d4ab2a;
  background-color: #fff;
  color: #d4ab2a;
  transition: all .2s;
}

@media (max-width: 767px) {
  .section-activities-two .activities-box {
    display: grid;
  }
  .section-activities-two .activities-box .date {
    width: 100%;
    margin-bottom: 3em;
  }
}
/* ----------IR activities page end---------- */