header.all-banner {
    background-image: url(/images/img/banner-frontpage.jpg);
    background-repeat: no-repeat;
    margin-top: 80px;
    /*background-position-y: 40%;*/
}

header.mission-banner {
    background-image: url(/images/img/heart-gesture-banner.jpg);
    background-repeat: no-repeat;
    margin-top: 80px;
    /*background-position-y: 40%;*/
}

header.leadership-banner {
    background-image: url(/images/img/leadership-banner-2025.jpg);
    background-repeat: no-repeat;
    margin-top: 80px;
    /*background-position-y: 40%;*/
}

header.history-banner {
    background-image: url(/images/img/history-banner.jpg);
    background-repeat: no-repeat;
    margin-top: 80px;
    /*background-position-y: 40%;*/
}

header.allstars-banner {
    background-image: url(/images/img/allstars-banner-2025.jpg);
    background-repeat: no-repeat;
    margin-top: 80px;
    /*background-position-y: 40%;*/
    height: 115vh;
}

header.brands-banner {
    /* background-image: url(/images/img/brands-banner-2025.jpg);
    background-repeat: no-repeat; */
    margin-top: 80px;
    /* background-position-y: 80%; */
    height: 0 !important;
}

header.governance-banner {
    background-image: url(/images/img/banner-governance.jpg);
    background-repeat: no-repeat;
    margin-top: 80px;
    /*background-position-y: 40%;*/
}

header.sustainability-banner {
    background-image: url(/images/img/sustainability-banner.mp4);
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: 80px;
}

.video-banner {
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

header.sustainability-banner-environmental {
    background-image: url(/images/img/sustainability-banner-environmental-2024.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: 80px;
}

header.sustainability-banner-economic {
    background-image: url(/images/img/sustainability-banner-economic-v2.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: 80px;
}

header.sustainability-banner-social {
    background-image: url(/images/img/sustainability-banner-social-v2.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: 80px;
}

header.ir-banner {
    background-image: url(/images/img/ir-new-banner.jpg);
    background-repeat: no-repeat;
    margin-top: 80px;
    /*background-position-y: 40%;*/
}

.accordion-button::before {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: 0;
    margin-right: 1em;
    content: "";
    background-image: url(/images/img/arrow_right_white.png);
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
}

.accordion-button:not(.collapsed)::before {
    background-image: url(/images/img/arrow_right_white.png);
    transform: rotate(90deg);
}

.accordion-button::after {
    display: none;
}

a,
a:hover {
    color: inherit;
    text-decoration: none;
}

.contentbig a,
.contentbig a:hover {
    color: inherit;
    text-decoration: none;
}

.shadow {
    box-shadow: 0 .2rem 1rem rgba(0,0,0,.1)!important;
    transition: .3s;
}

.shadow:hover {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    transform: translate(0, -10px);
}

.page--ir main section.sitemap .container > div, 
.page--agm-egm main section.sitemap .container > div {
    width: 100%;
    text-align: left;
}

.form-control {
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
    appearance: auto !important;
}

a.more-links-hover {
    text-decoration: none;
}

a.more-links-hover:hover {
    text-decoration: none;
}


/*----- home start -----*/
.navbar.solid {
    background-color: #fff !important;
    transition: background-color .3s ease 0s;
    box-shadow: 0 0px 10px 0 rgb(0 0 0 / 20%);
}

.navbar.solid .navbar-nav > li > a {
    color: #333 !important;
}

h1.big-title {
    color: #ff0000;
    font-weight: 600;
    font-size: 5em;
}

img.gif-img {
    width: 340px;
}

.landing-section-one h4.title,
.landing-section-two h4.title,
.landing-section-three h4.title,
.landing-section-four h4.title,
.landing-section-five h4.title,
.landing-section-six h4.title,
.landing-section-seven h4.title {
    height: unset;
}

.landing-section-two .slick-prev, 
.landing-section-two .slick-next {
    display: none !important;
}

.landing-section-three {
    background: url(/images/img/asean-map-a.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    color: #fff;
}

.landing-section-three h4.title {
    color: #fff;
}

.landing-section-three h1.big-title,
.landing-section-four h1.big-title,
.landing-section-five h1.big-title {
    color: #fff;
}

.landing-section-three .arrow-link,
.landing-section-four .arrow-link {
    color: #fff;
}

.landing-section-three .arrow-link:hover,
.landing-section-four .arrow-link:hover {
    color: #ccc;
}

.landing-section-three .arrow-link i,
.landing-section-four .arrow-link i {
    background: url(../../images/img/more-arrow-white.svg) no-repeat center center;
}

.logo-box {
    margin-right: 1rem;
}

.landing-section-four .row.bg-bike {
    background-image: url(../../images/img/bike-delivery.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 60%;
    background-color: #87c6d7;
    margin: 0;
    height: 550px;
}

.landing-section-five .col-lg-6 .bg-tree {
    background-image: url(../../images/img/bg-tree.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.landing-section-five .col-lg-6 .bg-tree h4.text-white {
    position: absolute;
    bottom: 12px;
}

/*Big Tree Video START*/
.landing-section-five .col-lg-6 .bg-tree2 {
    background-image: url(../../images/img/bg-tree.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 0px !important;
    min-height: 300px;
}

.landing-section-five .col-lg-6 .bg-tree2 h4.text-white {
    position: absolute;
    bottom: 12px;
}

.landing-section-five .col-lg-6 .bg-tree2 video {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    z-index: 0;
}

.landing-section-five .col-lg-6 .bg-tree2 .tree-text {
    z-index: 1;
    position: relative;
    text-align: left;
    padding: 10px;
    height: 100%;
}

.tree-text h1.big-title {
    margin-bottom: 1em;
}
/*Big Tree Video END*/

.landing-section-five .bg-dark-green {
    background-image: url(../../images/img/name-ceo.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
}

.landing-section-five .text-width {
    width: 50%;
}

.landing-section-five .set-padding-1 {
    padding: 0 0.5rem 0 0;
}

.landing-section-five .set-padding-2 {
    padding: 0 0 0 0.5rem;
}

.landing-section-five .set-padding-1 h1,
.landing-section-five .set-padding-2 h1 {
    font-size: 60px;
    margin-top: 110px;
}

.set-padding-1.p-relative,
.set-padding-2.p-relative {
    position: relative;
    height: 285px !important;
}

.set-padding-1.p-relative h4.p-absolute,
.set-padding-2.p-relative h4.p-absolute {
    position: absolute;
    bottom: 12px;
}

.set-padding-1.p-relative h4.title br,
.set-padding-2.p-relative h4.title br {
    display: none;
}

.stock-updated {
    display: inline-flex;
    align-items: center;
    width: 90%;
    position: absolute;
    bottom: 12px;
}

.landing-section-six h4.sub-title {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 20px;
}

.landing-section-six h4.stock-name {
    font-weight: 600;
    text-transform: uppercase;
    margin: 3em 0 10px 0;
}

.landing-section-six h1.stock-value {
    font-size: 60px;
    margin-bottom: 1em;
}

.landing-section-six h1.stock-value span {
    font-size: 30px;
}

.stock-updated h6.changes {
    width: 50%;
}

.stock-updated h6.updated {
    width: 50%;
    text-align: right;
}

.ar-cover-width {
    width: 100%;
}

.landing-section-six .p-relative {
    position: relative;
}

.landing-section-six .p-absolute {
    position: absolute;
    bottom: 24px;
    margin: 0;
}

a.more-links-hover .more-links {
    display: inline-flex;
    align-items: center;
}

a.more-links-hover .more-links h6 {
    font-weight: 600;
    padding: 0 0 0 0 !important;
    margin: 0 10px 0 0;
    font-size: 16px;
    background: no-repeat;
}

a.more-links-hover .more-links img {
    width: 20px !important;
    transition: .3s;
    border: none;
}

a.more-links-hover:hover .more-links img {
    transform: translate(10px, 0);
}

.landing-section-seven {
    background: #ff0000;
    color: #fff;
}

.landing-section-seven h4.title {
    color: #fff;
}

.landing-section-seven .strength-box {
    display: inline-flex;
    align-items: center;
}

.landing-section-seven .strength-box img {
    width: 200px;
}

.landing-section-seven .slick-prev, 
.landing-section-seven .slick-next {
    display: none !important;
}

.landing-section-seven ul.slick-dots {
    text-align: left;
}

.landing-section-seven .slick-dots li {
    width: 40px;
    height: 40px;
    margin: 0 10px;
    padding: 7px 0 0 0;
    cursor: pointer;
    text-align: center;
    border: solid 1px transparent;
    border-radius: 100%;
}

.landing-section-seven .slick-dots li.slick-active {
    width: 40px;
    height: 40px;
    margin: 0 10px;
    padding: 7px 0 0 0;
    cursor: pointer;
    text-align: center;
    border: solid 1px #fff;
    border-radius: 100%;
}

.class-name h4 {
    font-size: 18px;
}
/*----- home end -----*/


/*----- mission start -----*/
header > .caption.mission-vision > h1 {
    /*text-align: left;*/
    text-transform: capitalize;
}

.mission-section-one .bg-red {
    background: #ff0000;
    text-align: center;
    padding: 0;
}

.mission-section-one .bg-red video {
    width: 100%;
    height: 100%;
    position: relative;
    object-fit: contain;
    z-index: 1;
}
/*----- mission end -----*/


/* Vision Section Video */
.landing-section-three2 {
    /* background: url(/images/img/asean-map-a.jpg);*/
    background-color: #000927;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    color: #fff;
}

.landing-section-three2 .col-lg-6 video {
    width: 100%;
    height: 100%;
    position: relative;
    object-fit: cover;
    z-index: 0;
    margin-top: 50px;
}

.landing-section-three2 .py-5 {
    padding-top: 0 !important;
    padding-bottom: 3rem !important;
}

.landing-section-three2 h4.title {
    color: #fff;
}
/* Vision Section Video END*/


/*----- leadership start -----*/
header > .caption.corporate-leadership > h1 {
    text-transform: capitalize;
    text-shadow: 1px 1px #000;
}

.leadership-section .tab .container {
    margin: auto;
    align-items: center;
    justify-content: center;
}

.leadership-section .tab.fixed {
    position: fixed;
    top: 81px;
}

.leadership-section.leadership .tab {
    background: var(--black);
}

.leadership-section .tab {
    overflow: hidden;
    border: none;
    margin-top: 0;
    z-index: 9;
}

.leadership-section.leadership .tab button {
    background-color: var(--black);
}

.leadership-section.leadership .tab button.active {
    background-color: var(--black);
}

.leadership-section .tab button {
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 30px;
    transition: 0.3s;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 0 0;
    width: 100%;
}

.leadership-section .tab button h4 {
    font-size: 16px;
    font-weight: 600;
    margin: auto;
    position: relative;
}

.leadership-section .tab button h4:after {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    background: #fff;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
    margin: 0 auto -3px auto;
}

.leadership-section .tab button:hover h4:after {
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto -3px auto;
}

.leadership-section.leadership .tab button.active h4:after {
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto -3px auto;
}

h4.leader-name {
    color: #ff0000;
    font-weight: 500;
    margin-bottom: 1em;
}

h6.leader-title {
    font-weight: 600;
}

.leadership-section .modal-content {
    padding: 0;
    background: unset;
    border: none;
}

.leadership-section .modal-body {
    color: #333;
    background: #fff;
    border: none;
    padding: 0;
}

.leadership-section .modal-body .row {
    width: 100%;
    margin: 0;
}

.leadership-section .modal-body .row .col-lg-5 {
    background: #d4d5d7;
    padding: 0;
    height: 200px;
}

.leadership-section .modal-body .row .col-lg-7 {
    height: 670px;
    overflow-y: scroll;
}

.leadership-section .modal-body .modal-title-div {
    transform: translate(0, 5px);
    height: 0px;
}

.leadership-section .modal-body h2 {
    padding: 25px 25px 10px 25px;
    color: #ff0000;
    font-weight: 500;
}

.leadership-section .modal-body h6 {
    padding: 5px 25px;
    margin: 0;
}

.leadership-section .modal-body button.btn-close {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #333;
    opacity: unset;
    padding: 10px 10px 10px 10px;
    border-radius: 0;
}

.leadership-section .modal-body p {
    padding: 13px;
    margin-top: 3em;
    text-align: left;
}

.leadership-section .modal-body::-webkit-scrollbar {
  width: 1px;
  visibility: hidden;
}

.leadership-section .modal-body::-webkit-scrollbar-track {
    background: #fff;
  border-radius: 0;
}

.leadership-section .modal-body::-webkit-scrollbar-thumb {
  background: #fff; 
  border-radius: 0;
}

.leadership-section .modal-body .row .col-lg-7::-webkit-scrollbar {
  width: 3px;
}

.leadership-section .modal-body .row .col-lg-7::-webkit-scrollbar-track {
    background: #333;
  border-radius: 0;
}

.leadership-section .modal-body .row .col-lg-7::-webkit-scrollbar-thumb {
  background: #ff0000; 
  border-radius: 0;
}
/*----- leadership end -----*/


/*----- history start -----*/
header > .caption.history > h1 {
    text-transform: capitalize;
}

.history-section-one .red-line {
    border-top: solid 3px #ff0000;
}

.history-section-one .ceo-bg-img {
    padding: 20px 20px;
    position: relative;
    background: url(/images/img/history-01-web.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    height: 516px;
}

.history-section-one .ceo-bg-img img.quote-icon-top {
    position: absolute;
    top: 20px;
    right: 20px;
}

.history-section-one .ceo-bg-img img.quote-icon-bottom {
    position: absolute;
    bottom: 20px;
    left: 20px;
}

.history-section-one .ceo-bg-img h5 {
    color: #fff;
    font-size: 25px;
    transform: translate(0px, -60px);
    font-weight: bold;

}

.history-section-one .bg-black {
    padding: 18px 30px 18px 30px;
    background-color: #000000;
}

.history-section-one .bg-red {
    padding: 18px 30px 18px 30px;
    background-color: #ff0000;
}

.history-section-one .bg-black h5 {
    font-size: 25px;
}
/*----- history end -----*/


/*----- allstars start -----*/
header > .caption.allstars > h1 {
    text-transform: capitalize;
    text-shadow: 1px 1px #000;
}

.allstars-section-one h4.title {
    height: 3rem;
}

.allstars-section-one h3.big-title {
    color: #ff0000;
    font-weight: 600;
    font-size: 3em;
}

.allstars-section-one .culture-desc h5 {
    border-bottom: solid 2px #ccc;
    font-size: 22px;
    padding: 5px 0;
}

.allstars-section-one .culture-desc h5:last-child {
    border-bottom: unset;
}

.allstars-section-two {
    background-image: url(/images/img/join-the-family-2025.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    height: 500px;
    margin-top: 0px !important;
}

.allstars-section-two .join-family h3 {
    color: #fff;
    background: #000;
    width: 410px;
    padding: 10px 10px 10px 10px;
    font-size: 48px;
    font-weight: 500;
    margin: 1em 0 0 0;
}

.allstars-section-two .join-family .join-btn {
    background: #ff0000;
    width: 150px;
    padding: 10px 10px;
}
.allstars-section-three {
    background-image: url(/images/img/allstars-stars-joinus.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: auto;
}
.allstars-section-three .joinus-text h3{
    padding: 20px 10px;

    font-weight: 500;
    color: #fff;
    margin: 0 auto;
}
/*----- allstars end -----*/


/*----- our brands start -----*/
.our-brand-section-one .wrapper.border {
    padding: 1.5rem;
}
img.our-brands-img {
    width: 350px;
}

.our-brand-section-one .flip-card {
    width: 100%;
    height: 345px;
    perspective: 1000px;
}

.our-brand-section-one .flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s;
    transform-style: preserve-3d;
}

/*.our-brand-section-one .flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}*/

.our-brand-section-one .flip-card.hover .flip-card-inner {
    transform: rotateY(180deg);
}

.our-brand-section-one .flip-card-front, 
.our-brand-section-one .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.our-brand-section-one .flip-card-front {
    background-color: unset;
}

.our-brand-section-one .flip-card-back {
    background-color: #fff;
    color: #333;
    transform: rotateY(180deg);
    text-align: left;
    margin: auto auto;
    padding: 1em 1em;
}

.our-brand-section-one .flip-card-back .row {
    transform: translate(10px, -20px);
    width: 100%;
}

.our-brand-section-one .flip-card-back img {
    width: 100%;
}

.our-brand-section-one h3.close-flip {
    cursor: pointer;
}

.scrollable {
    overflow: auto;
    height: 280px;
}
/*----- our brands end -----*/


/*----- ir home start -----*/
.modal-dialog.modal-dialog-centered.modal-dialog-scrollable {
    max-width: 1000px;
}

.modal-header {
    color: #fff;
    background: #ff0000;
    border-radius: 0;
    border: none;
}

.modal-content {
    padding: 1em 1em;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 0;
}

.modal-body {
    color: #fff;
}

.modal-body p {
    text-align: justify;
}

.btn-close {
    background: transparent url(/images/img/times.svg) center/1em auto no-repeat;
}

.ir_linkDownload {
    background: url(/images/img/icon_pdf_red.png) no-repeat left top;
    padding: 10px 0 15px 56px;
    margin: 15px 0;
    font-size: 17px;
    transition: .3s;
}

.ir_linkDownloadWhite {
    background: url(/images/img/icon_pdf_white.png) no-repeat left top;
    padding: 10px 0 15px 56px;
    margin: 15px 0;
    font-size: 17px;
    transition: .3s;
}

.ir_linkDownload:hover,
.ir_linkDownloadWhite:hover {
    background-position-y: 5px;
}

.ir_linkDownload a {
    color: inherit;
    text-decoration: none;
    font-size: 17px;
}

.ir_linkDownloadWhite a {
    color: inherit;
    text-decoration: none;
    font-size: 17px;
}

.ir_linkDownload a:hover {
    color: inherit;
    text-decoration: none;
}

.ir_linkDownloadWhite a:hover {
    color: inherit;
    text-decoration: none;
}

.latest-financial .wrapper {
    background: #e4e4e4;
    padding: 40px 45px;
    height: 100%;
}

.chairman-bg {
    display: block;
    height: 355px;
    overflow: hidden;
    width: 100%;
}

.chairman-img {
    background: url(/images/img/img-chairman-ceo-ar2024.jpg) no-repeat center center;
    background-size: cover;
    display: block;
    height: 100%;
    transform: scale(1, 1);
    transition: transform 0.4s;
}

.chairman-bg:hover .chairman-img {
    transform: scale(1.10, 1.10);
}

.chairman-statement .ir_linkView {
    background: url(/images/img/icon_view_more.png) no-repeat left top;
    padding: 10px 0 15px 56px;
    margin: 15px 0;
    font-size: 17px;
    transition: .3s;
}

.chairman-statement .ir_linkView:hover {
    background-position-y: -5px;
}

.annual-report .wrapper {
    background: #808080;
    padding: 40px 45px;
    color: #fff;
    height: 100%;
}

.annual-report .wrapper .arrow-link i {
    background: url(../../images/img/more-arrow.svg) no-repeat center center;
}

.annual-report .wrapper .arrow-link {
    color: #fff;
}

.annual-report h4.title {
    color: #fff;
}

h4.title {
    text-transform: uppercase;
    color: gray;
    height: 3rem;
    margin-bottom: 1rem;
    font-weight: 600;
}

.home-section-two {
    background: #f0f0f0;
}

.stock-info {
    background: #e4e4e4;
    padding: 0 45px;
}

.stock-codes .row {
    align-items: end;
}

.stock-codes h1 {
    font-size: 50px;
    font-weight: 500;
}

.stock-codes .arrow-link {
    margin: 17px 0;
}

.stock-codes h4.first-child {
    border-top: solid 2px #a6a6a6;
    margin-top: 1em;
}

.stock-codes h4 {
    border-bottom: solid 2px #a6a6a6;
    padding: 15px 0;
    font-size: 20px;
    text-transform: uppercase;
}

.change.up {
    color: #317B00;
}

.change.down {
    color: #ee1c24;
}

.amount .change {
    font-size: 16px;
}

.stock-information .headline h1 {
    font-size: 24px;
    color: #808080;
}

.stock-information .price h4.title {
    text-transform: uppercase;
    color: gray;
    height: 5rem;
    margin-bottom: 1rem;
}

.home-section-three .wrapper {
    padding: 15px 15px;
    height: 100%;
    transition: .3s;
    position: relative;
} 

.home-section-three .wrapper:hover {
    transform: translate(0, -10px);
}

.home-section-three p.news-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    margin-bottom: 4em;
}

.home-section-three .wrapper .ir_linkNews {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 10px 15px 15px 0px;
}

.home-section-three .arrow-link:hover {
    color: inherit;
}

.home-section-three .col-md-2 {
    text-align: right;
}

.ir_linkNews {
    text-align: end;
    color: #ff0000;
    transition: .3s;
}

.ir_linkNews a {
    color: inherit;
    text-decoration: none;
    transition: .3s;
}

.ir_linkNews a img {
    transition: .3s;
}

.ir_linkNews a:hover img {
    transform: translate(0, -5px);
}

.home-section-four .wrapper {
    padding: 20px 20px;
    height: 100%;
    transition: .3s;
    position: relative;
} 

.wrapper.shadow.second-wrapper {
    padding: 20px 0;
}

.wrapper.shadow.second-wrapper h4.title,
.wrapper.shadow.second-wrapper h6,
.wrapper.shadow.second-wrapper p,
.wrapper.shadow.second-wrapper .pres-link,
.wrapper.shadow.second-wrapper a {
    padding: 0 20px;
}

.home-section-four .wrapper:hover {
    transform: translate(0, -10px);
}

.home-section-four .wrapper a.more-links-hover {
    position: absolute;
    bottom: 20px;
    text-decoration: none;
}

.home-section-four .wrapper .body.my-3 {
    padding-bottom: 4em;
}

.dark-grey {
    background: #4d4d4d;
}

.dark-grey .arrow-link {
    color: #fff;

}

.dark-grey .arrow-link i,
.light-grey .arrow-link i {
    background: url(../../images/img/more-arrow.svg) no-repeat center center;
}

.light-grey {
    background: #979797;
}

.home-section-four .wrapper.shadow h6.deck-h6 {
    color: #333;
    font-size: 18px;
    font-weight: 600;
    margin: 15px 0px;
}

.home-section-four .wrapper.shadow p {
    color: #333;
    margin: 15px 0px;
}

img.home-slide-cover {
    width: 100%;
}

.text-red {
    color: #ff0000;
}

.home-section-four .wrapper.light-grey h6.contact-h6 {
    font-size: 18px;
    font-weight: 600;
    margin: 15px 0px;
}

.home-section-four .wrapper.light-grey a {
    color: inherit;
    text-decoration: none;
}

.home-section-five .row {

} 

.home-section-five .col-left {
    padding-right: 0;
    width: 18%;
}

.home-section-five .col-right {
    padding-left: 0;
    width: 82%;
}

.home-section-five .col-left .wrapper {
    background: #ff0000;
    /*padding: 20px 20px;*/
    height: 100%;
}

.home-section-five .col-right .wrapper {
    background: #fff;
    border: solid 1px #ccc;
    border-left: 0;
    color: #333;
    padding: 0 20px 0 0px;
    height: 100%;
    position: relative;
}

.event-slick {
    padding-left: 5em;
}

.home-section-five .slick-prev:before {
    content: url(../../images/img/left-arrow.png);
    color: #fff;
}

.home-section-five .slick-next:before {
    content: url(../../images/img/right-arrow.png);
    color: #fff;
}

.home-section-five .slick-prev {
    background: #bf1508;
    height: 100%;
    width: 35px;
    padding: 0 6px;
    left: 0;
}

.home-section-five .slick-next {
    background: #bf1508;
    height: 100%;
    width: 35px;
    padding: 0 6px;
    left: 3%;
}

.home-section-five h5.text-uppercase {
    text-align: center;
    padding-top: 20px;
}

.event-scroll {
    display: inline-flex;
    padding: 20px 10px 20px 10px;
}

h5.event-date {
    margin: 0 30px 0 0;
}

h5.event-title {
    margin: 0 0 0 0;
    font-weight: 600;
}

.home-section-six .col-lg-4 .wrapper {
    padding: 15px 15px;
    height: 100%;
    position: relative;
}

.home-section-six .col-lg-4 .wrapper h6 {
    padding-bottom: 5em;
}

.home-section-six .col-lg-4 .wrapper h3 {
    position: absolute;
    bottom: 0;
}

.highlightcounter-col .row {
    margin-top: 5em;
}

.piechart-col .row.align-items-baseline {
    position: relative;
    top: -60px;
}

.home-section-six span.legend-color.color-1 {
    width: 30px;
    background: #ff0000;
    color: #ff0000;
    margin-right: 5px;
    border: 1px solid #ff0000;
}

.home-section-six span.legend-color.color-2 {
    width: 30px;
    background: #979797;
    color: #979797;
    margin-right: 5px;
    border: 1px solid #979797;
}

.home-section-six span.legend-color.color-3 {
    width: 30px;
    background: #4d4d4d;
    color: #4d4d4d;
    margin-right: 5px;
    border: 1px solid #4d4d4d;
}

.wrapper.pie-legend-align {
    position: absolute;
    top: 41%;
}

ul.pie-legend {
    list-style: none;
    font-size: 12px;
}



section.corp-presentation {
    background: #ece6e5;
    margin: 30px 0 0 0;
    padding: 50px 0 30px 0;
}

.corp-presentation h5 a {
    color: #000;
    text-decoration: none;
}

.corp-presentation h5 a:hover {
    text-decoration: underline;
}

section.home-newsroom {
    background: #f3f4f5;
    margin: 0 0 0 0;
    padding: 50px 0 30px 0;
}

.home-newsroom h5 a {
    color: #000;
    text-decoration: none;
}

.home-newsroom h5 a:hover {
    text-decoration: underline;
}

.contact-material h5 a {
    color: inherit;
    text-decoration: none;
}

.contact-material h5 a:hover {
    text-decoration: underline;
}

a.arrow-link:hover {
    text-decoration: none;
}

.ir-home-list p {
    border-bottom: solid 1px #333;
    padding: 10px 0px;
}

.key-number {
    width: 100px;
    height: 100px;
    /* padding: 20px; */
    margin: 0 auto 10px auto;
    background: #ff0000;
    color: #fff;
    border-radius: 100%;
    position: relative;
}

.key-number h1 {
    position: absolute;
    margin: auto;
    top: 27%;
    bottom: 0;
    text-align: center;
    left: 0;
    right: 0;
}

.key-box p {
    font-size: 14px;
}

.home-section-eight .slick-prev {
    left: 15px;
}

.home-section-eight .slick-next {
    right: 15px;
}

.home-section-eight .slick-prev, 
.home-section-eight .slick-next {
    color: #fff;
    background: #ccc;
    width: 30px;
    height: 35%;
    top: 50px;
    z-index: 99;
    display: none !important;
}

.home-section-eight .slick-prev:before {
    content: url(../../images/img/left-chevron-white.png);
}

.home-section-eight .slick-next:before {
    content: url(../../images/img/right-chevron-white.png);
}

.home-section-eight .p-relative {
    position: relative;
}

.home-section-eight hr {
    color: #ccc;
    background-color: #ccc;
    height: 4px;
    border-top: 1px solid #ccc;
    opacity: unset;
    position: absolute;
    top: 23%;
    width: 94%;
    left: 3%;
}

.home-section-eight .priorities-box h5 {
    font-weight: 600;
    font-size: 30px;
}

.home-section-eight h6 {
    font-size: 22px;
    font-weight: 600;
    margin-top: 4em;
    color: #ff0000;
}

.home-section-seven {
    background: #ff0000;
    color: #fff;
}

.home-section-seven h4.title {
    color: #fff;
}

.home-section-seven .strength-slider .strength-box {
    display: inline-flex;
    align-items: center;
}

.home-section-seven .strength-slider .strength-box img {
    width: 200px;
}

.home-section-seven .strength-slider .slick-prev, 
.home-section-seven .strength-slider .slick-next {
    display: none !important;
}

.home-section-seven .strength-slider ul.slick-dots {
    text-align: left;
}

.home-section-seven .strength-slider .slick-dots li {
    width: 40px;
    height: 40px;
    margin: 0 10px;
    padding: 7px 0 0 0;
    cursor: pointer;
    text-align: center;
    border: solid 1px transparent;
    border-radius: 100%;
}

.home-section-seven .strength-slider .slick-dots li.slick-active {
    width: 40px;
    height: 40px;
    margin: 0 10px;
    padding: 7px 0 0 0;
    cursor: pointer;
    text-align: center;
    border: solid 1px #fff;
    border-radius: 100%;
}
/*----- ir home end   -----*/


/*----- financial start -----*/
.financial-performance .tab {
    overflow: hidden;
    border: none;
    border-bottom: solid 2px #ff0000;
    background-color: #fff;
    margin-top: 2em;
    display: flex;
}

.financial-performance .tab button:hover {
    background-color: #ddd;
}

.financial-performance .tab button.active {
    background-color: #ff0000;
}

.financial-performance .tab button {
    background-color: #959595;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 30px;
    transition: 0.3s;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 8px 0 0;
    width: 100%;
}

.financial-performance .tab button:last-child {
    margin-right: 0;
}

.financial-performance .tabcontent {
    display: none;
    padding: 6px 12px;
    margin-top: 2em;
    border: none;
    border-top: none;
    animation: fadeEffect 1s;
}

.qr-body {
    padding: 20px;
    margin-bottom: 1em;
}

.qr-body .ir_linkDownload {
    color: #333;
}

.financial-performance input.tabs2:checked+label {
    color: #fff;
    border: none;
    border-top: none; 
    border-bottom: none; 
    background: #ff0000;
    font-size: 25px;
}

.financial-performance label.tabs2 {
    display: inline-block;
    margin: 0 0;
    padding: 15px 22px;
    font-weight: 600;
    text-align: center;
    color: #fff;
    border: none;
    font-size: 25px;
    background: #979797;
}

.highlights-table .tablehdr {
    background-color: #ff3334;
}

.highlights-table .accordion-item {
    border: none;
}

.highlights-table .accordion-button {
    background-color: #666;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
}

.highlights-table .accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #666;
    box-shadow: none;
}

.highlights-table .accordion-button:hover {
    background-color: #979797;
}

.highlights-table .accordion-button:focus {
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}

.highlights-table .accordion-body {
    padding: 0;
}

.select-table-years {
    display: inline-flex;
    align-items: baseline;
}

.select-table-years ul.list-style-none {
    list-style: none;
    display: inline-flex;
}

.select-table-years ul.list-style-none li {
    padding: 10px 20px;
    margin: 0 6px 6px 6px;
    background: #efefef;
    color: #333;
    font-weight: 600;
    transition: .2s;
    width: 75px;
} 

.select-table-years ul.list-style-none li:first-child {
    margin-left: 0 !important;
}

.select-table-years ul.list-style-none li:last-child {
    margin-right: 0 !important;
}

.select-table-years ul.list-style-none li:hover {
    cursor: pointer;
    background: #ccc;
}

.select-table-years ul.list-style-none li.active-year {
    background: #ff0000;
    color: #fff;
}
/*----- financial end -----*/


/*----- stock info stock -----*/
.stock-information h4.title {
    height: unset !important;
    margin-bottom: 1em;
    background: rgb(255,0,0);
    background: linear-gradient(90deg, rgba(255,0,0,1) 0%, rgba(177,6,6,1) 100%);
    color: #fff !important;
    border-radius: 25px 25px 0px 0px;
    padding: 15px 10px 15px 25px;
}

.inner-wrapper {
    padding: 5px 23px;
}

.text-justify {
    text-align: justify;
}

.slide-wrapper {
    width: 80%;
    margin: auto;
}

.slide-wrapper .col-md-5 {
    margin-right: 2em;
}

.slide-wrapper img {
    width: 100%;
}

.slides-wrapper {
    background: #f3f4f5;
    padding: 45px 40px;
}

.slides-wrapper .col-md-5 {
    margin-right: 3em;
}

.earning-release .slides-wrapper img {
    width: 100%;
    margin: 0;
}

.stock-information .row .reports,
.stock-information .row .price {
    display: inline-grid;
}

.quotes-bursa {
    padding-left: 15px;
}

.quotes-bursa h5 {
    margin: 0;
}

.quotes-bursa h1 {
    font-size: 50px;
    font-weight: 500;
}

.quotes-bursa h3 {
    font-size: 25px;
    font-weight: 500;
    color: #666;
}

.quotes-text {
    text-align: right;
    padding-right: 5px;
    margin-top: 16%;
}

.tbl.tbl-charts th {
    background-color: inherit;
    color: #333;
    padding: 15px 15px;
    font-size: 20px;
    font-weight: 400;
    border-top: none;
    border-bottom: solid 5px #fff;
    border-right: none;
    border-left: none;
}

.tbl.tbl-charts td {
    font-size: 20px;
    height: auto;
    padding: 14px 14px;
    font-weight: 600;
    border-top: none;
    border-bottom: solid 5px #fff;
    border-right: solid 5px #fff;
    border-left: none;
}

.tbl tr:nth-child(odd) {
    background-color: #e4e4e4;
}

.tbl tr:nth-child(even) {
    background-color: #f0f0f0;
}

.bursa-filings-link {
    background: #ff0000;
    color: #fff;
}

.bursa-filings-link .container {
    padding: 3em 5em;
}

.bursa-filings-link h1 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 50px;
    margin-left: 1em;
}

.bursa-filings-link .ir_linkNews a {
    color: #fff;
}

.bursa-filings-link .col-md-5 .wrapper {
    text-align: right;
}

.bursa-filings-link .col-md-5 .wrapper img {
    width: 40%;
}

.bursa-filings-link .col-md-6 .wrapper {
    text-align: left;
}

.bursa-filings-link .ir_linkNews {
    color: #fff;
    text-align: left;
    margin: 0 0 0 3em;
}
/*----- stock info end -----*/


/*----- policies start -----*/
.governance-box {
    padding: 35px 20px;
    margin: 0 10px 20px 0;
    border: solid 2px #ccc;
    border-radius: 5px;
    width: 100%;
}

.governance-box a {
    color: inherit;
    text-decoration: none;
}

a.cg-link {
    display: inline-flex;
}
/*----- policies end   -----*/


/*----- governance start -----*/
.corporate-governance .corp-info {
    border: 1px solid #fff;
    background-color: hsla(0,0%,100%,.8);
}

/*.corporate-governance h4 {
    border-bottom: solid 2px #333;
}*/

.card-download-list {
    flex-direction: row;
    justify-content: space-between;
    padding: 1rem 0;
    border-bottom: 1px solid #e6e6e6;
    background-color: transparent;
    color: #000;
    display: flex;
}

.card-download-list .card-title {
    padding-right: 1rem;
    font-weight: 700;
}

.card-download-list .card-link {
    min-width: 95px;
    display: flex;
    align-items: center;
}

.link-primary {
    display: inline-flex;
    align-items: center;
}

.card-link a {
    color: inherit;
}

.card-link a:hover,
.card-link a:active,
.card-link a:focus {
    color: inherit;
}

.card-link .link-icon {
    margin-right: 5px;
    transition: .3s;
}

.card-link .link-icon img {
    width: 35px;
}

.card-link a.link-primary:hover .link-icon {
    transform: translate(0, 5px);
}

.card-link .link-text {
    font-size: 14px;
}

.governance-tab-button button {
    background: none;
    border: none;
    display: grid;
    text-align: left;
    border-bottom: solid 1px #333;
    width: 100%;
    margin: 10px 0;
}

.governance-tab-button button h4 {
    font-size: 16px;
    font-weight: 600;
    transition: .3s;
    color: #333;
}

.governance-tab-button button:hover h4 {
    color: #ff0000;
}

.governance-tab-button button.active h4 {
    color: #ff0000;
}

.corp-box {
    padding: 20px 20px;
    height: 230px;
    position: relative;
    transition: .3s;
}

.corp-box:hover {
    box-shadow: 0 .3rem 0.8rem rgba(0,0,0,.15)!important;
    transform: translate(0, -8px);
}

.corp-box a.more-links-hover {
    position: absolute;
    right: 20px;
    bottom: 20px;
}

.governance-tab-content .tabcontent {
    animation: fadeEffect 1s;
}

header > .caption.caption-governance {
    top: 40%;
}

header > .caption.caption-governance > h1 {
    text-align: left;
    text-transform: capitalize;
}

header > .caption {
    top: 45% !important;
}

/*header > .caption.caption-ir {
    top: 60% !important;
}*/


element.style {
}

header > .caption > h1 {
    text-transform: none !important;
    text-shadow: 1px 1px #000;
}


    /*.corporate-governance .accordion-button {
    background-color: #666;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
}

.corporate-governance .accordion-button:hover {
    background-color: #979797;
}

.corporate-governance .accordion-button:focus {
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}

.corporate-governance .accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #ff0000;
    box-shadow: none;
}

.corporate-governance .accordion-body .wrapper.shadow {
    padding: 1px 10px;
    background: #fff;
    height: 100%;
}

.corporate-governance .accordion-body {
    background: #ff0000;
}*/
    /*----- governance end -----*/
    /*----- event presentation start -----*/
    .calendar-ir .month-box {
    text-align: center;
    background: red;
    color: #fff;
    padding: 20px 5px;
    font-size: 20px;
}

.ps-timeline-sec .container ol.ps-timeline {
    margin: 175px 0;
    padding: 0;
    border-top: 2px solid red;
    list-style: none;
}

.ps-timeline-sec .container ol.ps-timeline li {
    float: left;
    width: 8%;
    padding-top: 30px;
    position: relative;
}

.ps-timeline-sec .container ol.ps-timeline li h5 {
    text-align: center;
    margin: -30px 0 -40px 50px;
    font-weight: 700px;
    color: maroon;
}

.ps-timeline-sec .container ol.ps-timeline li span {
    width: 60px;
    height: 60px;
    padding-top: 12px;
    margin-left: -25px;
    background: red;
    border-radius: 100%;
    text-align: center;
    line-height: 50px -10;
    color: #fff;
    font-size: 18px;
    font-style: normal;
    position: absolute;
    top: -30px;
    left: 50%;
    text-transform: uppercase;
}

.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top {
    border-top: 4px solid red;
    border-bottom: 4px solid red;
}

.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:before {
    content: "";
    color: red;
    width: 3px;
    height: 50px;
    background: red;
    position: absolute;
    top: -50px;
    left: 50%;
}

.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top.no-line:before {
    content: none;
}

.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot {
    border-top: 4px solid red;
    border-bottom: 4px solid red;
}

.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:before {
    content: "";
    color: red;
    width: 4px;
    height: 50px;
    background: red;
    position: absolute;
    bottom: -50px;
    left: 50%;
}

.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot.no-line:before {
    content: none;
}

.ps-timeline-sec .container ol.ps-timeline li p {
    text-align: center;
    width: 100%;
    margin: 5 auto;
}

.ps-timeline-sec .container ol.ps-timeline li h4 {
    font-size: 16px;
    color: #333;
    text-decoration: none;
    text-align: center;
}

.ps-timeline-sec .container ol.ps-timeline li .ps-top {
    position: absolute;
    bottom: 0;
    margin-bottom: 90px;
}

.ps-timeline-sec .container ol.ps-timeline li .ps-bot {
    position: absolute;
    margin-top: 25px;
}

.ps-timeline-sec .container ol.ps-timeline li .ps-bottom {
    position: absolute;
    margin: 5px;
    text-align: center;
}

.earning-release img {
    width: 50%;
    border: solid 1px #ccc;
    margin: 2em 0 30px 12px;
}

.earning-release.earning-agm h5.date-right {
    text-align: right;
}

.earning-release.earning-agm a.agm-right {
    text-align: right;
}

.agm-egm p.btn-title {
    width: 90%;
    margin: 0;
}

.agm-egm p.btn-title span {
    float: right;
}

.agm-egm .accordion-item {
    background-color: #f3f4f5;
    border: none;
}

.agm-egm .accordion-header {
    background: #ccc;
    color: #fff;
}

.agm-egm .accordion-button {
    background-color: #ccc;
}

.agm-egm .accordion-button:focus {
    border-color: #fff;
    box-shadow: none;
}

.agm-egm .accordion-button:not(.collapsed) {
    color: #212529;
    background-color: unset;
    box-shadow: none;
}

.agm-egm  .accordion-button:not(.collapsed)::after {
    background-image: url(../../images/img/down-red-arrow.svg);
    transform: rotate(-180deg);
}

.shareholder-updates .wrapper {
    padding: 30px 30px;
    height: 100%;
}

.ir-calendar .custom-select {
    position: relative;
}

.ir-calendar .custom-select select {
    display: none;
}

.ir-calendar .select-selected {
    background-color: #e4e4e4;
}

.ir-calendar .select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: none;
}

.ir-calendar .select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px;
}

.ir-calendar .select-items div,.select-selected {
    color: #333;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none;
}

.ir-calendar .select-items {
    position: absolute;
    background-color: #e4e4e4;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}

.ir-calendar .select-hide {
    display: none;
}

.ir-calendar .select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}

.ir-calendar .tablehdr2 {
    background-color: #666;
    font-weight: bold;
    color: #fff;
    font-size: 15px;
    height: unset;
    padding: 15px 15px;
    text-align: left;
    border: none;
}

.ir-calendar .tablectn2 {
    background-color: #fff;
    font-size: 15px;
    height: unset;
    padding: 15px 15px;
    border: none;
    border-bottom: solid 1px #ccc;
}

.ir-calendar .tablectn {
    background-color: #fff;
    font-size: 15px;
    height: unset;
    padding: 15px 15px;
    border: none;
    border-bottom: solid 1px #ccc;
}

.ir-calendar select {
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    border: solid 2px #ccc;
    border-radius: 0;
    background: #fff;
    background-image: none;
    flex: 1;
    padding: 0 0.5em;
    color: #333;
    cursor: pointer;
    font-size: 1em;
}

.ir-calendar select::-ms-expand {
    display: none;
}

.ir-calendar .tabs-navigation {
    position: relative;
    display: flex;
    width: 130px;
    height: 3em;
    line-height: 3;
    background: #fff;
    overflow: hidden;
    border-radius: 0;
}
  
.ir-calendar .tabs-navigation::after {
    content: '\25BC';
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 1em;
    background: #ff0000;
    color: #fff;
    cursor:pointer;
    pointer-events:none;
    transition:.25s all ease;
}
/*----- event presentation end -----*/


/*----- shareholder start -----*/
#content1, #content2, 
#content3, #content4, 
#content5, #content6, 
#content7, #content8, 
#content9, #content10, 
#content11, #content12, 
#content13, #content14, 
#content15, #content16 {
    border-top: 1px solid #ff0000;
}

.agm-egm-table input.tabs2:checked+label {
    color: #fff;
    border: none;
    border-top: none; 
    border-bottom: none; 
    background: #ff0000;
    font-size: 25px;
}

.agm-egm-table label.tabs2 {
    display: inline-block;
    margin: 0 0;
    padding: 15px 22px;
    font-weight: 600;
    text-align: center;
    color: #fff;
    border: none;
    font-size: 25px;
    background: #979797;
}

.agm-egm-table h3 {
    text-transform: uppercase;
    font-weight: 600;
    color: #666;
    margin: 15px 0;
}

.agm-egm-table .tbl th {
    background-color: #666;
    font-weight: bold;
    color: #fff;
    font-size: 15px;
    height: 26px;
    padding: 15px 15px;
    text-align: left;
    border: none;
}

.agm-egm-table .tbl td {
    font-size: 15px;
    height: auto;
    padding: 15px 15px;
    border: none;
    border-bottom: solid 1px #ccc;
}

.agm-egm-table .tbl tr:nth-child(even) {
    background-color: #fff;
}

.agm-egm-table .tbl tr:nth-child(odd) {
    background-color: #fff;
}

.agm-egm-table .tablectn,
.agm-egm-table .tablectn2 {
    border: none;
    background: #fff;
}

.agm-egm-table tr td a img {
    margin-left: 0px; 
    margin-right: 0px; 
    border-width: 0px; 
    border-style: solid;
    width: 28px;
}

.agm-egm-table .tablehdr2>th, 
.agm-egm-table .tablehdr2>td {
    padding: 15px 15px;
    border: none;
    font-size: 15px;
    font-weight: 600;
}
 
.agm-egm-table .tablectn>td, 
.agm-egm-table .tablectn2>td {
    padding: 15px 15px;
    border: none;
    font-size: 15px;
    border-bottom: solid 1px #ccc;
}

.agm-egm-table .tablehdr2 {
    background-color: #666;
    font-weight: 600;
    color: #fff;
    font-size: 15px;
    height: 26px;
    padding: 5px 10px;
    text-align: left;
    border: none;
}

.agm-egm-table a.agm-links {
    padding: 10px 0 15px 0;
    margin: 0 0 0 0;
    font-size: 15px;
    color: #333;
}
/*----- shareholder end -----*/


/*----- ar start -----*/
.ar-part img {
    margin: 0 auto;
    display: block;
    border: solid 1px #ccc;
    width: 100%;
}
/*----- ar end -----*/


/*----- newsroom start -----*/
.newsroom-section .ir_boxHighlight {
    background: #fff;
    border: none;
} 

.newsroom-section ul.ir_news li.si_fixed {
    display: inline-flex;
    width: 100%;
    align-items: center;
}

.ir_sbHolder {
    height: 100%;
    width: 240px;
}

.ir_sbSelector {
    padding: 10px 10px;
}

.ir_sbToggle {
    background: #ff0000 !important;
    position: absolute;
    width: 40px;
    height: 100%;
    right: 0;
    top: 0;
}

.ir_sbToggle img {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    margin: auto;
    width: 25px;
}

.newsroom-section input#news_search {
    padding: 8px 20px;
    margin: 0 10px;
    border: solid 1px #ccc;
}

input.all-btn {
    background: #ff0000;
    padding: 10px 20px;
    color: #fff;
    text-transform: uppercase;
    border: none;
}

.news-listing .wrapper {
    transition: .3s;
}

.news-listing .wrapper.shadow {
    padding: 8px 15px;
}

.news-listing .col-md-12 > .wrapper:hover {
    transform: translate(0, -10px);
}

.news-listing .news-date h1 {
    font-size: 55px;
}

.news-listing .news-date h6 {
    background-color: transparent;
    text-transform: uppercase;
    font-size: 18px;
    padding: 14px 15px;
}

.news-listing .col-md-2 .wrapper {
    border-right: solid 3px #ff0000;
    height: 100%;
}

.news-listing .news-title h6 {
    background-color: transparent;
    font-size: 18px;
    padding: 14px 15px;
}

.news-listing .col-md-10 .wrapper a {
    color: inherit;
}

.news-listing .col-md-10 .wrapper a:hover {
    color: inherit;
    text-decoration: none;
}

.analyst-coverage .accordion-item {
    border: none;
}

.analyst-coverage .accordion-button {
    background-color: #666;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
}

.analyst-coverage .accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #666;
    box-shadow: none;
}

.analyst-coverage .accordion-button:focus {
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}

.analyst-coverage .accordion-body {
    padding: 0;
}

.analyst-coverage .tablehdr2 {
    background-color: #979797;
    font-weight: 600;
    color: #fff;
    font-size: 15px;
    height: 26px;
    padding: 10px 1.2rem;
    text-align: left;
    border: none;
    border-top: solid 5px #fff;
}

.analyst-coverage .tablectn,
.analyst-coverage .tablectn2 {
    background-color: #fff;
    font-size: 15px;
    border: none;
    border-bottom: solid 1px #ccc;
}

.analyst-coverage .tablehdr2>th, 
.analyst-coverage .tablehdr2>td, 
.analyst-coverage .tablectn>td, 
.analyst-coverage .tablectn2>td {
    padding: 10px 1.2rem;
    border: none;
}

.back-btn {

}
/*----- newsroom end   -----*/


/*----- download start -----*/
p.download-select {
    float: right;
}
.ir-download .accordion_list, .accordion_list ul, .accordion_list li {
    box-sizing: border-box;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

.ir-download .list_head {
    position: relative;
    background: #979797;
    color: #fff;
    font-weight: bold;
    display: flex;
}

.ir-download .accordion_list .col-1 {
    width: 63%;
    float: left;
    padding: 1rem 1.25rem;
    border-right: none;
    font-weight: 500;
    font-size: 18px;
}

.ir-download .accordion_list .col-2 {
    width: 22%;
    float: left;
    padding: 1rem 1.25rem;
    border-right: none;
    font-weight: 500;
    font-size: 18px;
    text-align: left;
}

.ir-download .accordion_list .col-3 {
    width: 15%;
    float: left;
    padding: 1rem 1.25rem;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
}

.ir-download a.accordion_btn.active::before {
    background-image: url(/images/img/arrow_right_white.png);
    transform: rotate(90deg);
}
 
.ir-download a.accordion_btn.active {
    background-color: #ff0000;
    color: #fff;
}

.ir-download a.accordion_btn.active:hover {
    background-color: #ff0000;
}

.ir-download a.accordion_btn::before {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: 0;
    margin-right: 1em;
    content: "";
    background-image: url(/images/img/arrow_right_white.png);
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
}

.ir-download a.accordion_btn {
    display: flex;
    background: #666;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    padding: 1rem 1.25rem;
    border-top: 1px solid #fff;
    outline: none;
    transition: .3s;
    text-decoration: none;
}

.ir-download a.accordion_btn:hover {
    background: #979797;
}

.ir-download ul.panel {
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
}

.ir-download .panel-title strong {
    font-weight: 600;
}

.ir-download ul.panel li {
    padding: 5px 8px;
}

.ir-download ul.panel li.panel-body {
    padding: 3px 8px;
}

.ir-download ul.panel.show {
    opacity: 1;
    max-height: 9999px;
}

.ir-download .file-title {
    font-weight: 300 !important;
}

.ir-download img.ir_middle {
    width: 16px;
}

input.dw-btn {
    background: red;
    color: #fff;
    border: none;
    padding: 10px 20px
}

.all-downloads input.tabs2:checked+label {
    color: #fff;
    border: none;
    background: #ff0000;
    border-top: none; 
    border-bottom: none; 
}

.all-downloads label.tabs2 {
    display: inline-block;
    margin: 0 0 5px 0;
    padding: 15px 22px;
    font-weight: 600;
    text-align: center;
    color: #fff;
    background: #979797;
    border: none;
    width: 100px;
}

.all-downloads #content1, 
.all-downloads #content2, 
.all-downloads #content3, 
.all-downloads #content4, 
.all-downloads #content5, 
.all-downloads #content6, 
.all-downloads #content7, 
.all-downloads #content8, 
.all-downloads #content9, 
.all-downloads #content10, 
.all-downloads #content11, 
.all-downloads #content12, 
.all-downloads #content13, 
.all-downloads #content14, 
.all-downloads #content15, 
.all-downloads #content16,
.all-downloads #content17,
.all-downloads #content18,
.all-downloads #content19,
.all-downloads #content20 {
    border-top: none;
}
/*----- download end -----*/


/*----- contact start -----*/
.contact-material h4.title {
    height: unset !important;
    margin-bottom: 1em;
    background: rgb(255,0,0);
    background: linear-gradient(90deg, rgba(255,0,0,1) 0%, rgba(177,6,6,1) 100%);
    color: #fff !important;
    border-radius: 25px 25px 0px 0px;
    padding: 15px 10px 15px 25px;
}

.contact-material .row .col-md-6 {
    display: inline-grid;
}

.news-support .wrapper {
    height: 100%;
    padding: 3em 3em;
}

.news-release-title,
.customer-support-title {
    display: inline-flex;
    padding: 0;
    margin: 0;
    align-items: center;
}

.news-release-title img,
.customer-support-title img {
    width: 30%;
}

.news-release-title h1,
.customer-support-title h1 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 50px;
    margin-left: 1em;
}

.news-release-text,
.customer-support-text {
    margin: 20px 0 20px 0;
}

.news-support .bg-red {
    background: #ff0000;
}

.news-support .bg-grey {
    background: #979797;
}

.news-support .wrapper .arrow-link {
    color: #fff;
}

.news-support .wrapper .arrow-link i {
    background: url(../../images/img/more-arrow-white.svg) no-repeat center center;
}

.contact-section img {
    width: 100%;
}

#email-alerts .col-md-1 img {
    width: 100%;
}

.contact-section input[type=button]:enabled {
    border: none;
    background: #ff0000;
    color: #fff;
    padding: 10px 20px;
    font-size: 18px;
    text-transform: uppercase;
    opacity: 1;
    cursor: pointer;
}

.contact-section input[type=button]:disabled {
    border: none;
    background: #ff0000;
    color: #fff;
    padding: 10px 20px;
    font-size: 18px;
    text-transform: uppercase;
    opacity: .3;
}

#email-alerts input[type=submit]:enabled {
    border: none;
    background: #ff0000;
    color: #fff;
    padding: 10px 20px;
    font-size: 18px;
    text-transform: uppercase;
    opacity: 1;
    cursor: pointer;
}

#email-alerts input[type=submit]:disabled {
    border: none;
    background: #ff0000;
    color: #fff;
    padding: 10px 20px;
    font-size: 18px;
    text-transform: uppercase;
    opacity: .3;
}

.contact-width {
    margin-left: 7em;
}

.contact-width .modal.success {
    background-color: rgba(0, 0, 0, 0.5);
}

.contact-width .modal.success .modal-header {
    background: #28a745;
}

.contact-width .modal.error {
    background-color: rgba(0, 0, 0, 0.5);
}

.contact-width .modal.error .modal-header {
    background: #ff0000;
}
/*----- contact end -----*/



/*----- sustainability start -----*/
:root {
    --black: #000000;
    --red: #ff0000;
    --dark-green: #22b573;
    --dark-grey: #464b3c;
    --chocolate-1: #bf4e21;
    --chocolate-2: #ad8c6e;
    --light-blue: #009bc2;
    --dark-blue: #005d7c;
    --light-grey: #64655e;
    --brown-1: #ff8000;
    --brown-2: #ffa85a;
}

.dark-green {
    color: var(--dark-green);
}

.bg-dark-green {
    background-color: var(--dark-green);
}

.bg-red {
    background-color: var(--red);
}

.dark-grey {
    color: var(--dark-grey);
}

.bg-dark-grey {
    background-color: var(--dark-grey);
}

.chocolate-1 {
    color: var(--chocolate-1);
}

.bg-chocolate-1 {
    background-color: var(--chocolate-1);
}

.chocolate-2 {
    color: var(--chocolate-2);
}

.bg-chocolate-2 {
    background-color: var(--chocolate-2);
}

.light-blue {
    color: var(--light-blue);
}

.bg-light-blue {
    background-color: var(--light-blue);
}

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

.bg-dark-blue {
    background-color: var(--dark-blue);
}

.light-grey {
    color: var(--light-grey);
}

.bg-light-grey {
    background-color: var(--light-grey);
}

.brown-1 {
    color: var(--brown-1);
}

.bg-brown-1 {
    background-color: var(--brown-1);
}

.brown-2 {
    color: var(--brown-2);
}

.bg-brown-2 {
    background-color: var(--brown-2);
}

.black {
    color: var(--black);
}

.bg-black {
    background-color: var(--black);
}

.fs-40 {
    font-size: 40px;
}

h1.value-number {
    font-size: 80px;
}

h1.header-title {
    text-align: center;
    font-weight: 600;
    font-size: 40px;
    text-transform: uppercase;
}

.sustainability-section.environmental .tab {
    background: var(--dark-green);
}

.sustainability-section.economic .tab {
    background: var(--light-blue);
}

.sustainability-section.social .tab {
    background: var(--brown-1);
}

.sustainability-section .tab {
    overflow: hidden;
    border: none;
    background-color: #fff;
    margin-top: 0;
    z-index: 9;
}

.sustainability-section .tab .container {
    /*display: flex;*/
    margin: auto;
    align-items: center;
    justify-content: center;
}

.sustainability-section .tab.fixed {
    position: fixed;
    top: 81px;
}

.sustainability-section .tab button {
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 30px;
    transition: 0.3s;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 0 0;
    width: 100%;
}

.sustainability-section .tab button h4 {
    font-size: 16px;
    font-weight: 600;
    margin: auto;
    position: relative;
    /*width: max-content;*/
}

.sustainability-section .tab button h4:after {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    background: #fff;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
    margin: 0 auto -3px auto;
}

.sustainability-section .tab button:hover h4:after { 
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto -3px auto; 
}

.sustainability-section.environmental .tab button {
    background-color: var(--dark-green);
}

.sustainability-section.environmental .tab button.active {
    background-color: var(--dark-green);
}

.sustainability-section.environmental .tab button.active h4:after {
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto -3px auto;
}

.sustainability-section.economic .tab button.active {
    background-color: #009bc2;
}

.sustainability-section.economic .tab button.active h4:after {
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto -3px auto;
}

.sustainability-section.economic .tab button {
    background-color: #009bc2;
}

.sustainability-section.social .tab button.active {
    background-color: #ff8000;
}

.sustainability-section.social .tab button.active h4:after {
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto -3px auto;
}

.sustainability-section.social .tab button {
    background-color: #ff8000;
}

.sustainability-section .tabcontent {
    display: none;
    padding: 6px 12px;
    margin-top: 4em;
    border: none;
    border-top: none;
    animation: fadeEffect 1s;
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

.sustainability-section .tabcontent h3 {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 600;
    color: #333;
}

span.tabs-link {
    transition: .3s;
}

span.tabs-link:hover {
    color: #ff0000;
    cursor: pointer;
}

h5.sub-title {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 0 2em 0;
}

.security-box {
    width: 45%;
}

.equal-icon {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
    top: 55%;
}

.waste-icons {
    width: 90px;
    margin-right: 1em;
}

.refund-icon {
    width: 100px;
}

.credit-icon {
    width: 110px;
}

.score-icon {
    width: 80px;
}

.guest-ex-box h3 {
    font-size: 20px !important;
    text-align: left !important;
    text-transform: capitalize !important;
}

.awards {
    width: 300px;
}

.infosec-title {
    color: #fff;
    background: var(--light-grey);
    width: 240px;
    height: 240px;
    position: absolute;
    padding: 30px 30px;
    margin: 0 auto;
    text-align: center;
    border-radius: 100%;
    border: solid 11px #fff;
    left: 0;
    right: 0;
    top: 20%;
    z-index: 99;
}

.infosec-title h5 {
    position: absolute;
    top: 28%;
    bottom: 0;
    left: 0;
    right: 0;
    line-height: 1.5;
}

.training {
    width: 40%;
    margin-left: auto;
}

.training .col-lg-12 {
    border-radius: 20px;
}

.training-icon {
    position: absolute;
    margin: 0 auto 0 auto;
    left: -150px;
    top: 15%;
}

.training-icon img {
    width: 215px;
}

.bg-padding-1 {
    padding: 25px 25px 25px 25px;
}

.bg-padding-2 {
    padding: 25px 25px 25px 100px;
}

.bg-padding-3 {
    padding: 25px 25px 25px 25px;
}

.bg-padding-4 {
    padding: 25px 25px 25px 100px;
}

.pdf-sus {
    transition: .3s;
}

.pdf-sus:hover {
    transform: translate(0, -10px);
}

span.h2-fs {
    font-size: 25px;
}

.flood-div,
.typhoon-div {
    display: inline-flex;
    align-items: center;
}

.tech-div {
    display: inline-flex;
    align-items: center;
}

.spent-div {
    display: inline-flex;
    align-items: center;
}

.goals-buttons {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
}

.goals-buttons .goal-button {
    flex-basis: calc(100% / 6);
    transition-duration: 0.3s;
    opacity: 0.2;
}

.goals-buttons .goal-button.opaque {
    opacity: unset;
}

.goals-buttons .goal-button.opaque:hover {
    transform: scale(1.07);
}

.goal-button img {
    width: 100%;
}

h5.image-button-environmental {
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    padding: 10px 5px;
    background: var(--dark-green);
}

h5.image-button-economic {
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    padding: 10px 5px;
    background: var(--light-blue);
}

h5.image-button-social {
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    padding: 10px 5px;
    background: var(--brown-1);
}

.card-hover {
    transition: .3s;
}

.card-hover:hover {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    transform: translate(0, -10px);
}

.footer-sus-link .wrapper {
    padding: 15px 10px;
}

.footer-sus-link .wrapper h2 {
    font-size: 23px;
    margin: 0;
}

.footer-sus-link .wrapper a h2 {
    text-align: right;
    transition: .3s;
}

.footer-sus-link .wrapper a:hover h2 {
    color: #ccc;
}

.wrapper-hover {
    transition: .3s;
}

.wrapper-hover:hover {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    transform: translate(0, -10px);
}

.sustainability-section.sus-home .flip-card {
    background-color: transparent;
    width: 100%;
    height: 416px;
    perspective: 1000px;
}

.sustainability-section.sus-home .flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s;
    transform-style: preserve-3d;
}

.sustainability-section.sus-home .flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

.sustainability-section.sus-home .flip-card-front, 
.sustainability-section.sus-home .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.sustainability-section.sus-home .flip-card-front {
    background-color: unset;
}

.sustainability-section.sus-home .flip-card-back {
    background-color: #fff;
    color: #333;
    transform: rotateY(180deg);
    text-align: left;
    margin: auto auto;
    padding: 2em 2em;
    overflow: auto;
}

h1.value-number.sec-row {
    font-size: 70px;
}

h1.value-number.sec-row span.f-small {
    font-size: 30px;
}
/*----- sustainability end -----*/



/*----- responsive start -----*/
@media (max-width: 1440px) {
    header.all-banner {
        /*background-position-y: 10%;*/
    }
}

@media (max-width: 1399px) {
    .home-section-five .col-right .wrapper {
        padding: 0 20px 0 0px;
    }
    .home-section-five h5.text-uppercase {
        padding-top: 35px;
    }
    .refund-icon {
        width: 90px;
    }
    .credit-icon {
        width: 100px;
    }
    .score-icon {
        width: 70px;
    }
    .contact-width {
        margin-left: 6em;
    }
    .bg-green-1 h1.value-number,
    .bg-green-2 h1.value-number {
        font-size: 70px;
    }
    .training-icon {
        left: -120px;
        top: 20%;
    }
    .training-icon img {
        width: 210px;
    }
    .home-section-five .col-left {
        width: 20%;
    }
    .home-section-five .col-right {
        width: 80%;
    }
    h1.fw-bold.value-number.font-resize {
        font-size: 60px;
    }
    .set-padding-1.p-relative h4.title br,
    .set-padding-2.p-relative h4.title br {
        display: unset;
    }
    .landing-section-five .set-padding-1 h1, 
    .landing-section-five .set-padding-2 h1 {
        margin-top: 80px;
    }
    .sustainability-section.sus-home .flip-card {
        height: 356px;
    }
    h1.value-number.sec-row {
        font-size: 65px;
    }
    header.leadership-banner {
        height: 450px;
    }
    .history-section-one .ceo-bg-img {
        height: 471px;
    }
}

@media (min-width: 1199px) {
    .sus-icons .col-xl-2 {
        width: 20%;
    }
}

@media (max-width: 1199px) {
    header.all-banner {
        /*background-position-y: 45px;*/
    }
    .annual-report img {
        width: 100%;
    }
    .contact-width {
        margin-left: 5em;
    }
    p.download-select {
        float: unset;
        text-align: left;
    }
    br.br-1,
    br.br-2,
    br.br-3 {
        display: none;
    }
    .sm-font {
        font-size: 65px !important;
    }
    .bg-green-1 h1.value-number,
    .bg-green-2 h1.value-number {
        font-size: 55px;
    }
    .training-icon {
        left: -105px;
        top: 25%;
    }
    .training-icon img {
        width: 170px;
    }
    .home-section-five h5.text-uppercase {
        padding-top: 33px;
    }
    .home-section-five .slick-prev {
        left: 0;
    }
    .home-section-five .slick-next {
        left: 4%;
    }
    .chairman-bg {
        height: 300px;
    }
    .highlightcounter-col .wrapper.shadow h3 {
        font-size: 23px;
    }
    .home-section-five .col-left {
        width: 24%;
    }
    .home-section-five .col-right {
        width: 76%;
    }
    h1.fw-bold.value-number.font-resize {
        font-size: 50px;
    }
    .sustainability-section.sus-home .flip-card {
        height: 296px;
    }
    .sustainability-section.sus-home .flip-card-back {
        padding: 15px 10px;
    }
    .news-support .wrapper {
        padding: 3em 1em;
    }
    .landing-section-four .row.bg-bike {
        background-size: 75%;
    }
    h1.value-number.sec-row {
        font-size: 54px;
    }
    .history-section-one .ceo-bg-img {
        height: 426px;
    }
    .our-brand-section-one .flip-card-back .row {
        transform: translate(10px, -50px);
    }
    .our-brand-section-one .flip-card-back img {
        width: 100px;
    }
    .scrollable {
        height: 240px;
    }
}

@media (min-width: 1024px) {
    .video-tree {
        height: 600px;
    }
}

@media (max-width: 1024px) {
    .modal-dialog.modal-dialog-centered.modal-dialog-scrollable {
        max-width: 800px;
    }
    header.leadership-banner {
        height: 400px;
        background-image: url(/images/img/leadership-banner-2025.jpg);
    }
}

@media (min-width: 991px) {
    .mega-menu.navbar-nav__wrapper.dropdown-menu {
        position: fixed;
        top: 78px;
        left: 0;
        width: 100%;
        padding: 20px 0 20px 0;
        background-color: #fff;
        min-height: 260px;
        transition: background-color .3s ease 0s;
        box-shadow: 0 9px 7px 0 rgb(0 0 0 / 5%);
        border: none;
        border-top: solid 1px #f2f2f2;
        border-radius: 0;
    }
    /*a.nav-link.dropdown-toggle svg {
        display: none;
    }*/
    .mega-menu.navbar-nav__wrapper.dropdown-menu .row.no-gutters {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        /*align-items: center;*/
    }
    .mega-menu .navbar-nav__content {
        padding-right: 1rem;
        height: 100%;
        /*border-right: 1px solid #ee3124;*/
    }
    .card--info .card__title {
        text-transform: uppercase;
        font-weight: 600;
    }
    .card__header img {
        width: 219px;
    }
    .mega-menu.navbar-nav__wrapper.dropdown-menu .row.no-gutters ul {
        list-style: none;
        padding-left: 0;
        margin-top: 35px;
    }
}

@media (max-width: 990.98px) {
    .mega-menu.navbar-nav__wrapper.dropdown-menu {
        border: none;
    }
    .mega-menu .navbar-nav__content {
        display: none;
    }
    .mega-menu.navbar-nav__wrapper.dropdown-menu .row.no-gutters ul {
        list-style: none;
        padding-left: 0;
    }
    .mega-menu.navbar-nav__wrapper.dropdown-menu .row.no-gutters ul.navbar-nav__lv2.navbar-nav__lv2--col-1 li.nav-item {
        border: none;
    }
}

@media (max-width: 991px) {
    .event-scroll {
        display: grid;
        padding: 0 0;
    }
    .home-section-five .col-left .wrapper {
        padding: 20px 20px;
    }
    .home-section-five .col-right .wrapper {
        padding: 20px 20px 20px 0px;
    }
    li.nav-item.set-display-1 {
        display: none;
    }
    li.nav-item.set-display-2 {
        display: unset;
    }
    .navbar-secondary {
        display: none;
    }
    .bod-section .content2 img {
        float: unset;
        width: 90% !important;
        margin-top: 4em;
    }
    img.egm--banner {
        width: 100%;
    }
    .governance-box .pdf-title h4 {
        font-size: 20px;
    }
    .contact-width {
        margin-left: 0;
        margin-top: 2em;
    }
    .news-listing .news-date h1 {
        font-size: 35px;
    }
    .news-listing .news-date h6 {
        font-size: 15px;
        padding: 5px 3px 14px 3px;
    }
    .news-listing .news-title h6 {
        font-size: 15px;
        padding: 14px 15px;
    }
    .ir-download .accordion_list .col-1 {
        font-size: 14px;
    }
    .ir-download .accordion_list .col-2 {
        font-size: 14px;
    }
    .ir-download .accordion_list .col-3 {
        font-size: 14px;
    }
    .ir-download a.accordion_btn {
        font-size: 14px;
    }
    .ir-download ul.panel li {
        font-size: 14px;
    }
    .home-section-five .col-left {
        padding-right: 12px;
    }
    .home-section-five .col-right {
        padding-left: 12px;
    }
    .sustainability-section .tab {
        display: grid;
    }
    .security-box {
        width: 80%;
    }
    .infosec-title {
        display: none;
    }
    .bg-padding-2 {
        padding: 25px 25px 25px 25px;
    }
    .bg-padding-4 {
        padding: 25px 25px 25px 25px;
    }
    .training {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    .equal-icon {
        top: 46%;
    }
    .sustainability-section .tab.economic-tabs button {
        width: 100%;
    }
    .home-section-five .col-left,
    .home-section-five .col-right {
        width: 100%;
    }
    .home-section-five h5.text-uppercase {
        text-align: left;
        padding-top: 3px;
    }
    .home-section-five .slick-prev {
        left: 90%;
        top: -54px;
        height: 66px;
        width: 45px;
    }
    .home-section-five .slick-next {
        left: 648px;
        top: -54px;
        height: 66px;
        width: 45px;
    }
    .chairman-bg {
        height: 200px;
    }
    .home-section-five .col-right .wrapper {
        border-left: solid 2px #ccc;
    }
    .event-slick {
        padding-left: 1em;
    }
    .all-downloads label.tabs2 {
        padding: 10px 10px;
        width: 16%;
    }
    .highlightcounter-col .row {
        margin-top: 0;
    }
    ul.pie-legend {
        display: inline-flex;
        margin-top: 3em;
    }
    ul.pie-legend li {
        margin-right: 1rem;
    }
    .pie-legend-align {
        text-align: center;
    }
    .wrapper.pie-legend-align {
        position: unset;
    }
    .annual-report .wrapper .row {
        display: grid;
    }
    .annual-report .wrapper .row .col-md-7 {
        width: 100%;
    }
    h1.fw-bold.value-number.font-resize {
        font-size: 60px;
    }
    .sustainability-section .tab button {
        padding: 7px 10px;
    }
    .footer-sus-link .wrapper h2,
    .footer-sus-link .wrapper.text-end {
        text-align: center !important;
    }
    .sustainability-section .tabcontent {
        margin-top: 0;
    }
    .set-padding-1.p-relative h4.title br,
    .set-padding-2.p-relative h4.title br {
        display: none;
    }
    .set-padding-1.p-relative, 
    .set-padding-2.p-relative {
        height: 250px !important;
    }
    .bg-bike .wrapper.p-5.h-100 {
        padding: 1.5rem !important;
    }
    .landing-section-five .col-lg-6 .bg-tree {
        height: 400px !important;
    }
    .sustainability-section.sus-home .flip-card {
        height: 336px;
    }
    .bg-bike br {
        display: none;
    }
    .landing-section-four .row.bg-bike {
        background-size: 82%;
    }
    h1.value-number.sec-row {
        font-size: 70px;
    }
    .key-number h1 {
        top: 30%;
    }
    .leadership-section .tab button {
        padding: 7px 10px;
    }
    header.leadership-banner {
        height: 290px;
        background-image: url(/images/img/leadership-banner-2025.jpg);
    }
    .leadership-section .modal-body .row .col-lg-5 {
        height: unset;
    }

    .leadership-section .modal-body .row .col-lg-7 {
        height: unset;
        overflow-y: unset;
    }
    .history-section-one .ceo-bg-img h5 {
        transform: translate(0px, -180px);
    }
}

@media (max-width: 768px) {
    .slide-wrapper {
        width: 100%;
        margin: auto;
    }
    .slide-wrapper img {
        width: 80%;
        margin-bottom: 3em;
    }
    .slides-wrapper {
        padding: 0px 20px;
    }
    .slides-wrapper img {
        width: 80%;
        margin-bottom: 3em;
    }
    .stock-information .row .reports,
    .contact-material .row .col-md-6 {
        margin-bottom: 2em;
    }
    .stock-information img.ar-cover {
        width: 50%;
    }
    .stock-information img.ceo-cover {
       width: 50%;
    }
    .ps-timeline-sec .container ol.ps-timeline {
        margin: 0 0 !important;
        border-left: 2px solid red;
        padding-left: 0 !important;
        padding-top: 120px !important;
        border-top: 0 !important;
        margin-left: 25px !important;
    }
    .ps-timeline-sec .container ol.ps-timeline li {
        height: 100px;
        float: none !important;
        width: inherit !important;
    }
    .ps-timeline-sec .container ol.ps-timeline li:last-child {
        margin: 0;
        bottom: 0 !important;
        height: 120px;
    }
    .ps-timeline-sec .container ol.ps-timeline li:last-child .ps-top {
        margin-bottom: 0 !important;
        top: 20px;
        width: 50% !important;
    }
    .ps-timeline-sec .container ol.ps-timeline li span {
        left: 0 !important;
        margin-left: -32px;
    }
    .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:before {
        content: none !important;
    }
    .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:after {
        content: none !important;
    }
    .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:before {
        content: none !important;
    }
    .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:after {
        content: none !important;
    }
    .ps-timeline-sec .container ol.ps-timeline li p {
        text-align: left !important;
        width: 100% !important;
        margin: 0 auto !important;
        margin-top: 0px !important;
    }
    .ps-timeline-sec .container ol.ps-timeline li .ps-top {
        width: 90% !important;
        float: right !important;
        right: 0;
        top: -13px;
    }
    .ps-timeline-sec .container ol.ps-timeline li .ps-bot {
        width: 90% !important;
        float: right !important;
        right: 0;
        top: -50px;
    }
    .ps-timeline-sec .container ol.ps-timeline li h4 {
        text-align: left;
        padding-left: 20px;
    }
    .highlights.scrollX {
        overflow-x: auto;
    }
    tr.sticky-row-1,
    tr.sticky-row-2,
    tr.sticky-row-3,
    tr.sticky-row-4,
    tr.sticky-row-5,
    tr.sticky-row-6 {
        position: unset;
    }
    #email-alerts .col-md-1,
    .contact-section .col-md-1 {
        width: 100px;
    }
    #email-alerts .col-md-11,
    .contact-section .col-md-11 {
        width: 68%;
    }
    #email-alerts p,
    .contact-section p {
        text-align: left;
    }
    .sustainability-section .tab button h4 {
        font-size: 16px;
    }
    .goals-buttons .goal-button {
        flex-basis: calc(100% / 4);
    }
}

@media (max-width: 767px) {
    .page--ir header, 
    .page--agm-egm header {
        height: 400px;
    }
    header.all-banner,
    header.ir-banner,
    header.mission-banner,
    header.leadership-banner,
    header.history-banner,
    header.allstars-banner,
    /* header.brands-banner, */
    header.governance-banner,
    header.sustainability-banner,
    header.sustainability-banner-environmental,
    header.sustainability-banner-economic,
    header.sustainability-banner-social {
        margin-top: 65px;
        /*background-position-y: 30px;*/
    }
    .annual-report img {
        width: 172px;
    }
    .chairman-statement img {
        width: 300px;
    }
    .quotes-bursa {
        padding-left: 0;
    }
    .quotes-text {
        text-align: left;
        margin-top: 7%;
    }
    .bursa-filings-link .col-md-5 .wrapper {
        text-align: center;
    }
    .bursa-filings-link h1 {
        margin-left: 0;
        text-align: center;
    }
    .bursa-filings-link .ir_linkNews {
        text-align: center;
        margin: 0 0 0 0;
    }
    .earning-release .slides-wrapper {
        padding: 30px 30px;
    }
    .earning-release .slides-wrapper img {
        margin-bottom: 30px;
    }
    .ir_sbHolder {
        width: 100%;
    }
    .financial-performance label.tabs2 {
        width: 100%;
        margin-bottom: 3px;
    }
    .newsroom-section input#news_search {
        margin: 10px 0px;
        width: 100%;
    }
    .news-listing .news-title h6 {
        padding: 14px 0px;
    }
    .shareholder-meeting-section .slides-wrapper {
        padding: 20px 20px;
    }
    .modal-dialog.modal-dialog-centered.modal-dialog-scrollable {
        max-width: 600px;
    }
    .select-table-years {
        display: grid;
    }
    .select-table-years ul.list-style-none {
        padding-left: 0;
    }
    .chairman-bg {
        height: 300px;
    }
    .financial-performance .tab {
        display: grid;
    }
    .financial-performance .tab button {
        margin-top: 5px;
    }
    .home-section-five .slick-prev {
        left: 86%;
    }
    .home-section-five .slick-next {
        left: 468px;
    }
    .ir-download .accordion_list .col-1 {
        padding: 8px 8px;
        width: 50%;
    }
    .ir-download .accordion_list .col-2 {
        padding: 8px 8px;
        width: 25%;
    }
    .ir-download .accordion_list .col-3 {
        padding: 8px 8px;
    }
    .ir-download a.accordion_btn {
        padding: 8px 8px;
    }
    .all-downloads label.tabs2 {
        padding: 10px 10px;
        width: 15%;
    }
    .card-download-list {
        flex-direction: column;
    }
    .highlightcounter-col .wrapper.shadow {
        text-align: center;
    }
    .highlightcounter-col .wrapper.shadow h3 {
        font-size: 40px;
    }
    .home-section-six .col-lg-4 .wrapper h3 {
        position: absolute;
        bottom: 0;
        margin: 0 auto 15px auto;
        left: 0;
        right: 0;
    }
    .sustainability-section .tab.fixed {
        top: 65px;
    }
    h1.fw-bold.value-number.font-resize {
        font-size: 50px;
    }
    .landing-section-five .set-padding-1 h1, 
    .landing-section-five .set-padding-2 h1 {
        margin-top: 50px;
    }
    .set-padding-1.p-relative h4.title br,
    .set-padding-2.p-relative h4.title br {
        display: unset;
    }
    h1.big-title {
        font-size: 4em;
    }
    .landing-section-five .col-lg-6 .bg-tree {
        height: 350px !important;
    }
    .sustainability-section.sus-home .flip-card {
        height: 246px;
    }
    .sustainability-section.sus-home .flip-card-back {
        font-size: 14px;
        padding: 9px 9px;
    }
    .sustainability-section.sus-home .flip-card-back ul {
        padding-left: 15px;
    }
    .stock-codes .more-links {
        margin: 15px 0;
    }
    .landing-section-four .row.bg-bike {
        background-size: 100%;
    }
    .landing-section-two .wrapper.h-100.p-4.text-center.border.logo-box {
        padding: 0.5rem !important;
    }
    .leadership-section .tab.fixed {
        top: 65px;
    }
    header.leadership-banner {
        height: 280px;
        background-image: url(/images/img/leadership-banner-2025.jpg);
    }
    .history-section-one .ceo-bg-img {
        height: unset;
    }
    .history-section-one .ceo-bg-img h5 {
        transform: unset;
    }
    .history-section-one .ceo-bg-img img.quote-icon-bottom {
        position: unset;
    }
}

@media (max-width: 600px) {
    .page--ir header, 
    .page--agm-egm header {
        height: 340px;
    }
    .newsroom-section ul.ir_news li.si_fixed {
        display: grid;
    }
    .newsroom-section p.ir_newsDate {
        width: 100%;
    }
    .newsroom-section p.ir_newsTitle {
        text-align: left;
    }
    .ar-part img {
        width: 200px;
    }
    .news-release-title h1, 
    .customer-support-title h1 {
        font-size: 35px;
    }
    .tbl.tbl-charts th,
    .tbl.tbl-charts td {
        padding: 10px 8px;
        font-size: 14px;
    }
    .modal-dialog.modal-dialog-centered.modal-dialog-scrollable {
        max-width: 85%;
    }
    .security-box {
        width: 100%;
    }
    .bg-green-1 h1.value-number,
    .bg-green-2 h1.value-number {
        font-size: 55px;
    }
    .training {
        width: 100%;
    }
    .training .bg-brown-1.i {
        margin-bottom: 5em !important;;
    }
    .training-icon {
        left: 0;
        right: 0;
        top: 29%;
        text-align: center;
    }
    .all-downloads label.tabs2 {
        padding: 10px 10px;
        width: 19%;
    }
    .pre-links {
        display: flex;
        width: 235px;
        margin: 0 auto;
    }
    #ir_chart_setting {
        display: grid;
    }
    #ir_chart_setting fieldset.si_fixed {
        display: grid;
    }
    h1.value-number {
        font-size: 60px;
    }
    .corp-box {
        height: 170px;
    }
    header.leadership-banner {
        height: 205px;
        background-image: url(/images/img/leadership-banner-2025.jpg);
    }
    .history-section-one .ceo-bg-img h5,
    .history-section-one .bg-black h5 {
        font-size: 20px;
    }
    .history-section-one .bg-black,
    .history-section-one .bg-red {
        padding: 18px 20px 18px 20px
    }
    /*header > .caption.caption-ir {
        top: 40% !important;
    }*/
}

@media (max-width: 575px) {
    .home-section-five .slick-prev {
        left: 87%;
    }
    .home-section-five .slick-next {
        left: 95%;
    }
    .landing-section-five .set-padding-1,
    .landing-section-five .set-padding-2 {
        padding: 0 12px 0 12px;
    }
    .set-padding-1.p-relative, 
    .set-padding-2.p-relative {
        text-align: center;
    }
    .set-padding-1.p-relative h4.p-absolute, 
    .set-padding-2.p-relative h4.p-absolute {
        margin: auto;
        left: 0;
        right: 0;
    }
    .ar-cover-width {
        width: 200px;
    }
    .sustainability-section.sus-home .flip-card {
        width: 400px;
        height: 400px;
        margin: auto;
    }
    .sustainability-section.sus-home .flip-card-back {
        font-size: 16px;
        margin: auto auto;
        padding: 2em 2em;
    }
    .bg-bike br {
        display: unset;
    }
    header.governance-banner {
        background-image: url(/images/img/banner-governance-mobile.jpg);
        /*background-position-x: 70%;*/
    }
    header > .caption.caption-governance > h1 {
        text-align: center;
        padding-top: 80px;
    }
    .landing-section-two .wrapper.h-100.p-4.text-center.border.logo-box {
        padding: 1.5rem !important;
    }
    header > .caption.mission-vision > h1 {
        text-align: center;
    }
    .leadership-section .modal-dialog {
        margin: 1.5em auto;
    }
    header.all-banner {
        background-image: url(/images/img/banner-governance-mobile.jpg);
        /*background-position-x: 70%;*/
    }
    header > .caption.caption-ir img {
        margin-left: 1.5em;
    }
    .set-padding-1.p-relative h4.title br, 
    .set-padding-2.p-relative h4.title br {
        display: none;
    }
}

@media (max-width: 500px) {
    .home-section-five .slick-prev {
        left: 84%;
    }
    .home-section-five .slick-next {
        left: 94%;
    }
    .modal-dialog.modal-dialog-centered.modal-dialog-scrollable {
        max-width: 100%;
    }
    .sm-font {
        font-size: 53px !important;
    }
    .bg-green-1 h1.value-number,
    .bg-green-2 h1.value-number {
        font-size: 55px;
    }
    .flood-div, 
    .typhoon-div {
        display: grid;
    }
    .flood-div h2,
    .typhoon-div h2 {
        margin-top: 1em;
        margin-left: 0 !important;
    }
    .flood-div img,
    .typhoon-div img {
        width: 110px;
    }
    .tech-div {
        display: grid;
    }
    .tech-div p {
        margin-top: 1em;
        margin-left: 0 !important;
    }
    .spent-div {
        display: unset;
        text-align: center;
    }
    .spent-div img {
        margin: 1em 0 1em 0;
    } 
    .select-table-years ul.list-style-none {
        display: unset;
        float: left;
    }
    .select-table-years ul.list-style-none li {
        margin: 0 12px 6px 0px;
        float: left;
    }
    .chairman-bg {
        height: 250px;
    }
    .goals-buttons .goal-button {
        flex-basis: calc(100% / 3);
    }
    .sustainability-section.environmental .tab button:hover h4:after,
    .sustainability-section.environmental .tab button.active h4:after {
        width: 50%;
    }
    .sustainability-section.economic .tab button:hover h4:after,
    .sustainability-section.economic .tab button.active h4:after {
        width: 70%;
    }
    .sustainability-section.social .tab button:hover h4:after,
    .sustainability-section.social .tab button.active h4:after {
        width: 70%;
    }
    .sustainability-section .tab button {
        padding: 5px 0px;
    }
    .sustainability-section .tab button h4 {
        font-size: 14px;
    }
    .logo-box {
        margin-right: 1rem;
        margin-left: 1rem;
    }
    h1.big-title {
        font-size: 3em;
    }
    .stock-updated {
        display: grid;
        width: 100%;
    }
    .stock-updated h6.changes {
        width: unset;
    }
    .stock-updated h6.updated {
        width: unset;
        text-align: left;
    }
    .landing-section-six h1.stock-value span {
        font-size: 25px;
    }
    .landing-section-six .p-relative {
         position: unset; 
    }
    .stock-updated {
        position: unset;
        bottom: unset;
    }
    .landing-section-six .p-absolute {
        position: unset;
        bottom: unset;
    }
    .latest-financial .wrapper,
    .annual-report .wrapper {
        padding: 40px 15px;
    }
    .stock-info {
        padding: 0 15px;
    }
    .stock-codes h4 {
        font-size: 16px;
    }
    .home-section-four .wrapper {
        padding: 20px 15px;
    }
    .wrapper.shadow.second-wrapper h4.title, 
    .wrapper.shadow.second-wrapper h6, 
    .wrapper.shadow.second-wrapper p, 
    .wrapper.shadow.second-wrapper .pres-link, 
    .wrapper.shadow.second-wrapper a {
        padding: 0 15px;
    }
    img.gif-img {
        width: 100%;
    }
    .landing-section-four .row.bg-bike {
        height: 500px;
    }
    .home-section-eight hr {
        width: 90%;
        left: 5%;
    }
    .key-number h1 {
        top: 34%;
    }
    .landing-section-two ul.slick-dots {
        width: 50%;
        bottom: -50px;
        left: 25%;
    }
    .leadership-section .tab button h4 {
        font-size: 14px;
    }
    .leadership-section.leadership .tab button:hover h4:after, 
    .leadership-section.leadership .tab button.active h4:after {
        width: 50%;
    }
    header.leadership-banner {
        height: 205px;
        background-image: url(/images/img/leadership-banner-2025.jpg);
    }
    .leadership-section .modal-dialog {
        width: 90%;
    }
    .leadership-section .modal-body h2 {
        padding: 25px 10px 10px 10px;
        font-weight: 500;
    }
    .leadership-section .modal-body h6 {
        padding: 5px 10px;
    }
    .leadership-section .modal-body p {
        padding: 0px;
        margin-top: 2em;
        font-size: 14px;
    }
    .allstars-section-two .join-family h3 {
        width: 87%;
    }
    .landing-section-seven .strength-box,
    .home-section-seven .strength-box {
        display: grid !important;
    }
    .landing-section-seven .strength-box img,
    .home-section-seven .strength-box img {
        width: 150px !important;
    }
    .landing-section-seven ul.slick-dots,
    .home-section-seven ul.slick-dots {
        bottom: -60px !important;
    }
    .landing-section-seven .slick-dots li,
    .home-section-seven .slick-dots li {
        width: 30px !important;
        height: 30px !important;
        margin: 0 2px !important;
        padding: 3px 0 0 0 !important;
    }
    .our-brand-section-one .flip-card {
        height: 400px;
    }
    .our-brand-section-one .flip-card-front .row > .col-lg-12 {
        margin-bottom: 4em !important;
    }
    .our-brand-section-one .flip-card-back {
        padding: 5px 5px;
    }
    .our-brand-section-one .flip-card-back p {
        font-size: 14px;
    }
    .our-brand-section-one .flip-card-back .row {
        transform: translate(10px, -20px);
    }
    .scrollable {
        height: 275px;
    }
}

@media (max-width: 425px) {
    .home-section-five .slick-prev {
        left: 82%;
    }
    .home-section-five .slick-next {
        left: 93%;
    }
    .page--ir header, 
    .page--agm-egm header {
        height: 280px;
    }
    h2.bodtitle.ir-home {
        margin-bottom: 3rem;
    }
    h2.bodtitle {
        font-size: 35px;
        margin-bottom: 0;
    }
    .chairman-statement img {
        width: 250px;
    }
    .news-support .wrapper {
        padding: 3em 1em;
    }
    #email-alerts .col-md-1, 
    .contact-section .col-md-1 {
        width: 70px;
    }
    #email-alerts p,
    .contact-section p {
        font-size: 13px;
    }
    .sm-font {
        font-size: 50px !important;
    }
    .bg-green-1 h1.value-number,
    .bg-green-2 h1.value-number {
        font-size: 45px;
    }
    .chairman-bg {
        height: 210px;
    }
    .ir-download ul.panel li {
        display: inline-flex;
    }
    .ir-download .accordion_list .col-1 {
        width: 37%;
    }
    .ir-download .accordion_list .col-2 {
        width: 33%;
    }
    .ir-download .accordion_list .col-3 {
        width: 25%;
    }
    h1.fw-bold.value-number.font-resize {
        font-size: 40px;
    }
    .sustainability-section.sus-home .flip-card {
        width: 350px;
        height: 350px;
    }
    h1.value-number.sec-row {
        font-size: 60px;
    }
    header > .caption.caption-governance > h1 {
        padding-top: 50px;
    }
    header.leadership-banner {
        height: 155px;
        background-image: url(/images/img/leadership-banner-2025.jpg);
    }
    header > .caption.caption-governance > h1 {
        padding-top: 50px;
    }
    header.leadership-banner {
        height: 155px;
        background-image: url(/images/img/leadership-banner-2025.jpg);
    }
    header > .caption > h1 {
        padding-top: 30px;
    }
    header > .caption.corporate-leadership > h1 {
        padding-top: 0;
    }
    header > .caption.caption-landing-home {
        top: -70% !important;
    }
}

@media (max-width: 375px) {
    .page--ir header, 
    .page--agm-egm header {
        height: 260px;
    }
    .news-release-title h1, 
    .customer-support-title h1 {
        font-size: 30px;
        margin-left: 10px;
    }
    .width-60 {
        width: 60%;
    }
    .width-40 {
        width: 40%;
    }
    h1.header-title {
        font-size: 33px;
    }
    .sm-font {
        font-size: 45px !important;
       letter-spacing: -3px;
    }
    .bg-green-1 h1.value-number,
    .bg-green-2 h1.value-number {
        font-size: 35px;
    }
    .p-5 {
        padding: 1.5rem !important;
    }
    .training-icon {
        top: 77px;
    }
    .training-icon img {
        width: 100px;
    }
    .training .bg-brown-1.i {
        margin-bottom: 1em !important;
        padding-top: 10px !important;
        padding-bottom: 43px !important;
    }
    .training .bg-brown-1.ii {
        padding-top: 43px !important;
        padding-bottom: 10px !important;
    }
    .sm-line-height {
        line-height: 0.6;
    }
    .all-downloads label.tabs2 {
        width: 23%;
    }
    .home-section-five h5.text-uppercase {
        text-align: left;
    }
    .home-section-five .slick-prev {
        left: 80%;
    }
    .home-section-five .slick-next {
        left: 92%;
    }
    .home-section-six .col-lg-4 .wrapper {
        padding: 15px 10px;
    }
    h1.fw-bold.value-number.font-resize {
        font-size: 35px;
    }
    h1.big-title {
        font-size: 40px;
    }
    .sustainability-section.sus-home .flip-card {
        width: 296px;
        height: 296px;
    }
    .sustainability-section.sus-home .flip-card-back {
        padding: 15px 15px;
    }
    .landing-section-four .row.bg-bike {
        height: 415px;
    }
    h1.value-number.sec-row {
        font-size: 50px;
    }
    .key-number h1 {
        top: 33%;
    }
    .landing-section-two ul.slick-dots {
        width: 60%;
        bottom: -50px;
        left: 20%;
    }
    header.leadership-banner {
        height: 130px;
        background-image: url(/images/img/leadership-banner-2025.jpg);
    }
    .our-brand-section-one .flip-card-front .row > .col-lg-12 {
        margin-bottom: 6em !important;
    }
}

@media (max-width: 320px) {
    .home-section-five .slick-prev {
        left: 76%;
    }
    .home-section-five .slick-next {
        left: 91%;
    }
    .our-brand-section-one .flip-card-front .row > .col-lg-12 {
        margin-bottom: 10em !important;
    }
}
/*----- responsive end   -----*/