.navbar-expand-lg .navbar-nav .dropdown-menu{
        background: rgb(19 101 121);
    }
    .top-nav {
        background: none;
        z-index: 2;
    }
    ul.topnav{
        border-bottom: 1px solid #fff;
        padding-bottom: 10px;
    }
    .header-top {
        /* background: #fff !important; */
        position: absolute !important;
    }
    nav.navbar{
        background: none !important;
    }
    .banner.irp{
        height: calc(100vh - 70px);
        overflow: hidden;
        position: relative;
    }
    .banner.irp video{
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: relative;
        z-index: 0;
    }

    .ir-details {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: flex;
        align-items: center;
        margin-top: 50px;
    }
    body.irpage{
        background: #fff !important;
    }
    .btn-tag {
      background-color: #ffe9c8;
      color: #f39c12;
      font-size: 12px;
      padding: 4px 10px;
      border-radius: 4px;
      border: none;
    }

    .highlight-box {
      background-color: #F7F7F7;
      padding: 30px 20px;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
    .f-highlights .col-md-6 {
        margin: 0;
        margin-bottom: 60px;
        padding: 0;
    }
    .f-highlights .col-md-6:nth-child(odd){
        padding-right: 30px;
        padding-left: calc(var(--bs-gutter-x) * .5);
    }
    .f-highlights .col-md-6:nth-child(even){
        padding-left: 30px;
        padding-right: calc(var(--bs-gutter-x) * .5);
    }
    .highlight-title {
        font-size: 18px;
        color: #136579;
    }
.growth-img img {
    /* height: 360px; */
    width: 100%;
    object-fit: cover;
    object-position: center;
}
    .highlight-value {
      font-size: 52px;
      font-weight: bold;
      color: #136579;
      text-align: left;
    }

    .highlight-link {
      color: #0EADBB;
      font-size: 24px;
      text-decoration: none;
      margin-top: 10px;
      text-align: left;
    }


    .btn-factsheet {
      border: 1px solid #f39c12;
      color: #f39c12;
      font-size: 16px;
      padding: 12px 14px;
      border-radius: 0;
      background-color: transparent;
      transition: all 0.2s;
    }

    .btn-factsheet:hover {
      background-color: #f39c12;
      color: white;
    }
    .btn-factsheet:hover img{
        filter: brightness(0) invert(1);
    }

    @media (max-width: 768px) {
      .highlight-value {
        font-size: 26px;
      }
    }
    .ticker {
        background: #2a2627;
        padding: 10px;
        padding-top: 15px;
    }
    .abt-oq h2{font-size: 52px;}
    .abt-oq p{
        color: #6D6D6D;
        font-size: 18px;
    }
    .ir-details h1{
        display: block;
        position: relative;
        left: unset;
        bottom: unset;
        font-size: 76px;
    }
    .ir-details p{
        color: #fff;
        width: 75%;
        font-size: 20px;
        text-align: left;
    }
    .highlight-box .top {
        display: flex;
        border-bottom: 1px solid #ddd;
        align-items: center;
        gap: 5px;
    }
    .f-highlights h4{
        font-size: 52px;
        margin-bottom: 60px !important;
    }
    .esg-section h2{
        font-size: 52px;
    }

    .qr-l {
      background-color: #0b5d6b;
      color: #fff;
      padding: 100px 0;
    }
    .label-tag {
      background-color: #ffe5d0;
      color: #ff6600;
      font-size: 0.75rem;
      padding: 0.25rem 0.5rem;
      border-radius: 0.25rem;
      display: inline-block;
      margin-bottom: 1rem;
    }
    .section-title {
      font-size: 52px;
      font-weight: bold;
    }
    .download-card {
      background: transparent;
      border: none;
      border-bottom: 1px solid #ccc;
      padding: 1rem 0;
    }
    .download-card small {
        margin-bottom: 10px;
        display: block;
    }
    .download-card h4{
        margin: 0;
    }
    .download-icon {
      font-size: 1.25rem;
    }
    .results-button {
      background-color: transparent;
      border: 1px solid #fff;
      color: #fff;
      padding: 12px 14px;
      margin-top: 2rem;
      transition-duration: 0.5s;
      text-decoration: none;
      display: inline-block;
    }
    .results-button:hover{
        background: #fff;
        color: #0b5d6b;
    }
    .image-side {
      background-size: cover;
      background-position: center;
      min-height: 500px;
    }
    .download-icon img {
        margin-top: -24px;
    }
    .news-section {
      background-color: #f9f9f9;
      padding: 3rem 0;
    }
    .esg-section {
      background-image: url('../img/esg.jpg'); /* Use your image */
      background-size: cover;
      background-position: center;
      color: #fff;
      padding: 5rem 0;
      position: relative;
    }
    .esg-section::before{
        content: "";
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, black 20%, transparent);
        position: absolute;
        top: 0;
        left: 0;
    }
    .esg-overlay {
      padding: 3rem 0;
      position: relative;
    }
    .news-ann-box{
        text-decoration: none;
        display: block;
    }
    .btn-outline-light {
      border-color: #fff;
      color: #fff;
    }
    .btn-outline-light:hover {
      background-color: #fff;
      color: #000;
    }
    .grey-box {
        /* background: rgba(220, 221, 222, 0.2); */
        /* padding: 15px; */
        margin-bottom: 10px;
    }
    .grey-box h2{
        color: #231F20;
        font-size: 52px;
        margin-bottom: 36px;
        padding-top: 5px;
    }
    .news-ann-box small{
        margin-bottom: 20px;
        display: block;
        color: #6D6D6D;
    }
    .news-ann-box p{
        margin-bottom: 20px;
        display: block;
        color: #231F20;
    }
    .news-ann-box{
        margin-bottom: 20px;
        border-bottom: 1px solid #DCDDDE;
    }
    .btn.btn-outline-primary {
        color: #F58220;
        border-radius: 0;
        border-color: #F58220;
        padding: 12px 14px;
    }
    .btn.btn-outline-primary:hover {
        background: #F58220;
        border-radius: 0;
        color: #fff;
        border-color: #F58220;
        padding: 12px 14px;
    }
    .irpage footer {
        background: #231F20;
        border-top: 1px solid #F58220;
    }
    section.ir-contact {
        background: #136579;
        color: #fff;
        padding: 3rem 0;
    }
    .ir-contact ul{
        list-style: none;
        padding: 0;
    }
    .ir-contact p{
        width: 70%;
    }
    .ir-contact ul li {
        padding-bottom: 10px;
        display: flex;
        align-items: start;
        gap: 10px;
    }
    .ir-contact h4 {
        font-size: 18px;
    }
    .ir-contact h2 {
        font-size: 52px;
    }
    section.banner::before {
        display: none;
    }
    body.irpage.ir-inner .top-nav {
        position: relative;
    }

    body.irpage.ir-inner nav.navbar {
        position: relative;
        top: unset;
        padding-top: 0;
    }

    body.irpage.ir-inner a.nav-link {
        color: #000;
    }

    body.irpage.ir-inner ul.topnav li a {
        color: #000;
    }

    body.irpage.ir-inner ul.topnav {
        border-color: #DCDDDE;
        margin-bottom: 0;
    }
    .inner-ir-banner{
      background: linear-gradient(90deg, #50A9B8,#419869);
      color: #fff;
    }
    .inner-ir-banner .container{
      position: relative;
      padding: 3rem 15px;
    }
    .inner-ir-banner .container::after{
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      background: url("../img/bars-inner.svg");
      background-size: 100%;
      height: 100%;
      width: 340px;
    }
    .name-leader {
      border-top: 1px solid #ddd;
      padding-top: 15px;
  }
  .name-leader h3 {
    color: #0EADBB;
}
  .leadership-oq p {
    color: #6D6D6D;
    font-size: 15px;
}
.growth{
  position: relative;
}
  .growth li {
    color: #6D6D6D;
    font-size: 15px;
    margin-bottom: 15px;
}
  .growth p {
    color: #6D6D6D;
    font-size: 15px;
}
  .growth h5 {
    margin-bottom: 25px;
}
.growth-img{
  position: relative;
}
.growth-img h4{
  position: absolute;
  top: 40px;
  left: 40px;
  z-index: 1;
  font-size: 42px;
  color: #fff;
  font-weight: bold;
  width: 100%;
}
/* .growth-slider {
    height: 100%;
} */
.growth button.slick-prev.slick-arrow{
  background: url('../img/right-arrow-oq.svg');
  width: 40px;
  height: 40px;
  bottom: 0;
    top: unset;
    left: 53%;
}
.growth button.slick-next.slick-arrow{
  background: url('../img/left-arrow-oq.svg');
  width: 40px;
  height: 40px;
  bottom: 0;
    top: unset;
    left: 56%;
}
.slider-count p {
    font-size: 16px;
    position: absolute;
    bottom: -5px;
    left: 58%;
}
section.invest-highlight {
    background: #231F20;
    padding: 100px 0;
}
section.invest-highlight h3 {
    color: #F58220;
    font-size: 42px;
    font-weight: bold;
}

.accordion {
    background: #231f20;
}
.accordion-item {
    background: #231f20;
    color: #fff;
    border: none;
    border-bottom: 1px solid #fff;
}
button.accordion-button {
    background: #231f20 !important;
    color: #fff !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}
.accordion-button::after {
    filter: brightness(0) invert(1);
}
section.table-sec thead {
    background: #136579;
    color: #fff;
}
section.table-sec thead th{
    font-weight: 400;
    padding: 15px;
}
section.table-sec td img{
    width: 25px;
}
section.table-sec td {
    padding: 15px;
    font-size: 14px;
    border: none;
    vertical-align: baseline;
}
section.table-sec .table tr th:last-child {
    text-align: center;
}
section.table-sec .table tr th:nth-of-type(3) {
    text-align: center;
}
section.table-sec .table tr td:last-child {
    text-align: center;
}
section.table-sec .table tr td:nth-of-type(3) {
    text-align: center;
}
section.table-sec.analyst .table tr th:last-child {
    text-align: left;
}
section.table-sec.analyst .table tr th:nth-of-type(3) {
    text-align: left;
}
section.table-sec.analyst .table tr td:last-child {
    text-align: left;
}
section.table-sec.analyst .table tr td:nth-of-type(3) {
    text-align: left;
}
ul.ul-ircont img {
    width: 20px;
}
.disclaimer-box {
    background: #F7F7F7;
    padding: 30px;
}
.disclaimer-box h5{
    color: #000;
    font-size: 16px;
    font-weight: 600;
}
.disclaimer-box p{
    color: #000;
    font-size: 14px;
}
.disclaimer-box a{
    color: #000;
    font-size: 14px;
    text-decoration: none;
}
.tab-content .year-tab-content {
      display: none;
    }
    .tab-content .year-tab-content.active {
      display: block;
    }
    .download-card {
      border-bottom: 1px solid #ddd;
      padding: 1rem 0;
    }
.tabs-ir button.nav-link {
    border: none;
    color: #6d6d6d;
}
.tabs-ir button.nav-link.active {
    color: #F58220;
    border-bottom: 5px solid #F58220;
}
.tabs-ir ul.nav-pills button.nav-link {
    background: #ddd;
    padding: 12px 30px;
    border-radius: 0;
}
.tabs-ir ul.nav-pills button.nav-link.active {
    color: #ddd;
    background: #136579;
    border: none !important;
}
.download-card .dwn-cd {
    width: 70%;
        min-height: 74px;
}
.tabs-ir .download-card .text-muted{
   color: #0EADBB !important; 
   font-size: 14px !important;
   margin-bottom: 20px;
}
.tabs-ir .download-card{
    margin-bottom: 20px;
}
/* .nav.nav-tabs{
    display: flex;
    justify-content: space-between;
} */
.irpage button.navbar-toggler {
    border-color: #999999;
}
.irpage button.navbar-toggler span {
    filter: none;
}
.gr-slides h5{
    font-weight: bold;
    margin-top: 20px;
}
.body-part-gov {
    background: #136579;
    color: #fff;
    padding: 20px 10px;
    min-height: 110px;
}
.body-part-gov p{
    margin: 0;
    font-size: 14px;
}
.body-part-gov h4{
    font-size: 18px;
}
.container-fluid{
    padding: 0;
}
.ir-governance-wrap img {
    width: 100%;
}
body.irpage.ir-inner .top-nav.header-top {
    position: relative !important;
}
body.irpage.ir-inner nav.navbar.header-top {
    position: relative !important;
}
.growth h3{
    font-size: 52px;
    margin-bottom: 60px !important;
    font-weight: bold;
}
section.my-5{
    margin-top: 100px !important;
    margin-bottom: 0px !important;
}
section.news-section{
    margin-top: 100px !important;
    margin-bottom: 100px !important;
    padding: 0 !important;
    background: #fff;
}
section.ir-contact{
    padding-top: 100px !important;
    padding-bottom: 60px !important;
}
section.f-highlights.my-5{
    margin-bottom: 100px !important;
}
section.abt-oq .mb-3 {
    margin-bottom: 40px !important;
}
.btn-tag{
    padding: 7px 16px;
}
.highlight-box .top{
    align-items: baseline;
}
.highlight-box{
    padding: 40px;
}
.highlight-link {
    margin-top: 20px;
}
.btn.btn-factsheet {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.label-tag {
    margin-bottom: 40px;
    padding: 7px 16px;
}
.qr-l .download-card small{
    color: #9FD9DB;
}
.qr-l .download-card {
    border-bottom: 1px solid #9FD9DB;
    padding: 1rem 0;
}
.section-title {
    line-height: 120%;
}
.ir-contact h2 {
    margin-bottom: 20px;
}
.ir-contact .row.align-items-center {
    align-items: start !important;
}
.ir-contact h4 {
    margin-bottom: 20px;
}
.inner-ir-banner .container {
    padding: 20px 15px;
}
.inner-ir-banner h1{
    min-height: 140px;
    display: flex;
    align-items: center;
}
.abt-oq p{
    padding-right: 40px;
}
section.f-highlights.leadership-oq img.mb-3 {
    margin-bottom: 30px !important;
}
section.growth.my-5 {
    margin-top: 40px !important;
    margin-bottom: 100px !important;
}
.leadership-oq p{
    margin-bottom: 0px !important;
}
section.invest-highlight h3{
    font-size: 52px;
}
button.accordion-button {
    font-size: 21px;
    padding: 20px;
    padding-left: 0;
    padding-right: 30px;
}
.accordion-button::after {
    margin-right: -20px;
}
.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-accent-bg: unset;
    background: #fff;
}
.table-striped>tbody>tr:nth-of-type(even)>* {
    --bs-table-accent-bg: unset;
    background: rgba(0,0,0,0.05);
}
.tabs-ir .nav.nav-pills {
    margin: 60px 0 !important;
}
.tabs-ir .tab-content {
    padding: 0 !important;
}
.tab-content .year-tab-content .col-md-3 {
    padding: 0 30px;
}
.tabs-ir button.nav-link {
    padding: 20px 0;
}
.tabs-ir button.nav-link.active {
    border-bottom: 3px solid #F58220;
}
.tabs-ir .nav.nav-tabs{
    gap: 30px;
}
section.tabs-ir.my-5 {
    margin-bottom: 100px !important;
}
.body-part-gov{
    padding: 20px;
}

.tab-content div#announcement .col-md-3 {
    padding: 0 25px;
}
.copy{
    padding: 40px 0;
}
div#announcement {
    margin-top: 60px;
}
div#subscription {
    margin-top: 60px;
}
div#financial-calendar{
    margin-top: 60px;
}
.btn.btn-outline-primary:hover img {
    filter: brightness(0) invert(1);
}
.news-section .grey-box {
    padding-left: 40px;
}
.news-section .label-tag {
    margin-left: 40px;
}
.news-section .btn.btn-outline-primary {
    margin-left: 40px;
}
.esg-section h2 {
    margin-bottom: 30px !important;
}
.esg-overlay p{
    margin-bottom: 60px !important;
}
  .inner-navigation .nav-slider-container {
      background-color: #F58220; /* Orange background */
      overflow: hidden;
      position: relative;
    }

  .inner-navigation .nav-slider {
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth;
  white-space: nowrap;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;     /* Firefox */
}

.nav-slider::-webkit-scrollbar {
  display: none;  /* Chrome, Safari */
}
  .inner-navigation .nav-link {
      color: white !important;
      margin: 0 45px;
      flex: 0 0 auto;
      padding: 1rem 0;
    }
.inner-navigation .nav-slider a.nav-link:last-child {
    margin-right: 150px !important;
}
    .inner-navigation{
        background: #F58220;
    }
  .inner-navigation .nav-link.active {
      color: #136579 !important;
      font-weight: 600;
      position: relative;
    }

  .inner-navigation .nav-link.active::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 3px;
      background-color: #136579;
      border-radius: 3px;
    }

  .inner-navigation .slider-btn {
      position: absolute;
      top: 0;
      bottom: 0;
      width: 60px;
      background-color: #F79B40;
      border: none;
      z-index: 1;
    }
    .qr-l .col-lg-6.text-white {
    padding-right: 40px;
}
.orange-nav {
  background-color: #F58220; /* Orange */
  transition: top 0.3s;
  z-index: 999;
}

.orange-nav.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
  .inner-navigation .slider-btn.right {
      right: 0;
      background-color: #00587c;
      color: white;
    }

  .inner-navigation .slider-btn.left {
      right: 60px;
    }

.tabs-ir .nav.nav-pills {
    margin: 60px 0 !important;
    gap: 1rem !important;
}
.wrap-msg {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.accordion-body {
    padding-left: 0;
}
.disabled-arrow {
  pointer-events: none;
}


@media (max-width:767px){
    div#navbarNav {
        background: #0eadbb;
        padding: 15px;
    }
    .top-nav{
        background: #0eadbb;
    }
    .top-nav .container{
        padding: 0;
    }
    ul.topnav {
        border-bottom: 1px solid #fff;
        padding-bottom: 0;
        margin: 0;
        padding: 10px;
    }
    .banner.irp .container-fluid{
        height: 100%;
    }
    .download-icon {
        font-size: 1.25rem;
        float: unset !important;
        display: block;
        margin-top: 30px;
    }
    .image-side {
        margin-top: 25px;
        min-height: unset;
    }
    .ir-contact p {
        width: 100%;
    }
    .ir-details h1 {
        font-size: 62px;
    }
    .ir-details p {
        color: #fff;
        width: 100%;
        text-align: left;
    }
    .news-section .label-tag{
        margin-top: 20px;
    }
    .highlight-link{
        font-size: 20px;
    }
    .growth button.slick-prev.slick-arrow{
        bottom: -25px;
        top: unset;
        left: 25px;
    }
    .growth button.slick-next.slick-arrow{
        bottom: -25px;
        top: unset;
        left: 65px;
    }
    .slider-count p {
        font-size: 16px;
        position: absolute;
        bottom: -30px;
        left: 90px;
    }
    .gr-slides h4{
        margin-top: 20px;
    }
    .ceo-wrap .col-md-6:first-child{
        order: 2;
    }
    .ceo-wrap .col-md-6:last-child{
        order: 1;
    }
    .ir-governance-wrap {
        margin-bottom: 20px;
    }
    .grey-box h2 {
        font-size: 42px;
    }
    .section-title {
        font-size: 42px;
    }
    .f-highlights h4 {
        font-size: 42px;
    }
    .abt-oq h2 {
        font-size: 42px;
    }
    .f-highlights .col-md-6{
        padding: 0 0.5rem !important;
    }
    .banner.irp {
        height: calc(120vh - 70px);
    }
    .inner-navigation .nav-link.active {
        padding: 1rem 20px !important;
    }
.results-button {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.btn-factsheet {
    width: 100%;
    justify-content: space-between;
}
.qr-l .col-lg-6.text-white {
    padding-right: calc(var(--bs-gutter-x) * .5);
}
.news-section .btn.btn-outline-primary {
    margin: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.inner-navigation .nav-slider a.nav-link:last-child {
    padding-right: 170px !important;
}
.highlight-box {
    padding: 24px 20px;
}
.news-section .grey-box {
    padding-left: 0px;
}
.highlight-value {
        font-size: 36px;
}
.qr-l .col-6 {
    width: 100%;
}
.qr-l .download-icon {
        font-size: 1.25rem;
        float: right !important;
        display: unset;
        margin-top: unset;
    }
.qr-l .download-icon img {
    margin-top: -15px;
    width: 24px;
}
}

@media (min-width:768px) and (max-width:992px){
    div#navbarNav {
        background: #0eadbb;
        padding: 15px;
    }
    .top-nav{
        background: #0eadbb;
    }
    .top-nav .container{
        padding: 0;
    }
    ul.topnav {
        border-bottom: 1px solid #fff;
        padding-bottom: 0;
        margin: 0;
        padding: 10px;
    }
    .banner.irp .container-fluid{
        height: 100%;
    }
    .ir-details .col-md-4{
        width: 50%;
    }
    .ir-details h1{
        font-size: 42px;
    }
    .ir-contact h2 {
        font-size: 42px;
    }
    .esg-section h2 {
        font-size: 42px;
    }
    .grey-box h2{
        font-size: 42px;
    }
    .image-side{
        margin-top: 25px;
    }
    .news-section .label-tag{
        margin-top: 60px;
    }
    .ir-contact .col-md-6{
        width: 100%;
    }
    .ir-contact .col-md-3{
        width: 50%;
    }
    .abt-oq h2{
        font-size: 42px;
    }
    .f-highlights h4{
        font-size: 42px;
    }
    .slider-count p{
        left: 62%;
    }
    .growth button.slick-next.slick-arrow{
        left: 58%;
    }
    .year-tab-content .col-md-3{
        width: 33.3%;
    }
    
}