html, body{
    position: relative;
    height: 100%;
    font-family: 'MuseoSans', sans-serif;
}
#app{
    display: block;
    width: 100%;
}
#main{
    display: block;
    width: 100%;
    min-height: 100vh;
    -webkit-transform-style: preserve-3d;
    /* touch-action: none; */
}
.MuseoSansNormal{
    font-weight: 300;
    font-style: normal;
}
.MuseoSansBold{
    font-weight: 700;
    font-style: normal;
}
.MuseoSansBold-2{
    font-weight: 900;
    font-style: normal;
}
.MuseoSansBlack{
    font-weight: 900;
    font-style: normal;
}
h1,h2,h3,h4,h5,h6,p, li, a, input, textarea, option, td{
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
h1,h2,h3,h4,h5,h6{
    margin-bottom: 1rem;
}
h2{
    font-size: 52px;
    line-height: 60px; 
}
.hide{
    display: none!important;
}
.newsletterRow .newsletter-title h2{
    font-size: 56px;
    line-height: 64px;
}
#about-lng h3{
    font-size: 32px;
    line-height: 48px;
}
/*p, li, a, input, textarea, option, td{
    font-size: 18px;
    line-height: 24px;
}*/
.mb-3{
    margin-bottom: 1rem!important;
}
.paragraph-lg{
    font-size: 28px;
    line-height: 42px;
}
.ts-container, .ts-container-fluid, div[class*='col-']{
    z-index: 1;
}
section{
    display: block;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}
.section-with-background::after{
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
}
#about-lng::after{
    background-image: url(../images/bg-section-2.png);
}
#fuelling-malaysia-forward-with-a-natural-super-power::after{
    background-image: url(../images/bg-section-fuelling.png);
    z-index: 0;
}
#solutions-design-for-you{
    overflow: hidden;
}
#solutions-design-for-you::before{
    left: auto;
    right: -20%;
    transform: rotate(180deg);
}
#facilities{
    padding-top: 3%!important;
}
#facilities::after{
    background-image: url(../images/bg-section-facilities.png);
    z-index: 0;
}
.onepage-pagination{
    display: none;
    list-style: none;
    padding-left: 0;
    margin: 0;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0,-50%);
    z-index: 9;
}
.onepage-pagination li{
    padding: 6px 12px;
}
.onepage-pagination li a{
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 25px;
    border: 1px solid #000;
    overflow: hidden;
}
.onepage-pagination li a.active{
    background-color: #000;
}
#masthead, #masthead .headerColumnRight, a, nav, .nav-item .nav-link::after{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.nav-item, .relative{
    position: relative;
}
#masthead.scroll-down .headerColumnRight{
    transform: translateY(-100%);
}
#masthead:hover nav.navbar{
    background-color: rgba(255,255,255,0.9);
}
#masthead.nav-hover nav.navbar{
    background-color: #ffffff;
}
#masthead .nav-item .nav-link{
    display: block;
    padding: 16px 25px;
    text-decoration: none;
    color: #fff;
    font-weight: 700;
}
#masthead .headerColumnRightBottom .nav-item .nav-link{
    padding: 16px 36px;
    font-size: 14px;
    line-height: 14px;
}
.relative, .nav-item .nav-link, .item{
    position: relative;
}
#masthead:hover .nav-item .nav-link{
    color: #000;
}
#masthead:hover .nav-item .nav-link:hover{
    color: #00A19C;
}
#masthead:not(:hover) .logo-dark, #masthead:hover .logo-light{
    display: none;
}
.headerColumnLeft, .headerColumnRight{
    display: flex;
}
.headerColumnLeft{
    align-items: center;
}
.headerColumnRight{
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-left: 1.25rem;
}
.headerColumnRightTop, .headerTopLinkItem{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.headerColumnLeft{
    z-index: 3;
}
.headerColumnRightTop{
    z-index: 2;
}
.headerTopLinkItem{
    z-index: 1;
}
.headerColumnRightTop .ts-nav .ts-nav-item, .headerColumnRightTop .nav-item .nav-link{
    font-size: 12px;
    line-height: 16px;
}
.headerTopLinkItem .ts-nav .ts-nav-item, .headerTopLinkItem .nav-item .nav-link{
    font-size: 14px;
    line-height: 14px;
}
.headerColumnRightRow{
    width: 100%;
}
.headerColumnRightTop{
    border-bottom: 1px solid rgba(255,255,255,0.3);
}
#masthead{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
}
nav.navbar{
    padding-left: 1.25rem;
    padding-right: 1rem;
    display: flex;
}
.navbarBrand{
    display: block;
    width: 110px;
    margin-top: 7px;
}
.navbarBrand img{
    max-width: 100%;
    width: 100%;
    height: auto;
}
.navTextGlobal{
    font-size: 12px;
    line-height: 14px;
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px solid #fff;
    color: #fff;
}
#masthead:not(:hover) .navTextGlobal{
    border-left: 1px solid #fff;
    color: #fff;
}
#masthead:hover .navTextGlobal{
    color: #000;
    border-color: #000;
}
#masthead:not(:hover) .headerColumnRightTop{
    border-color: rgba(255,255,255,0.3);
}
#masthead:hover .headerColumnRightTop{
    border-color: rgba(0,0,0,0.3);
}
.mb-0{
    margin-bottom: 0!important;
}
.mb-standard{
    margin-bottom: 25px;
}
.mb-standard-lng{
    margin-bottom: 25px;
    display: flex;
    align-items: center;
}
.mb-standard-lng-icon{
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    text-align: center;
}
.footer-based ul{
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.headerIcon{
    display: block;
    width: 21px;
    height: 21px;
    overflow: hidden;
    color: transparent;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.headerIcon{
    margin-left: 1.5rem;
}
.headerIcon.icon-search{
    background-image: url(../images/icon-petronas-search.svg);
}
.headerIcon.icon-globe{
    background-image: url(../images/icon-petronas-globe.svg);
}
.section{
    transition: all 0.3s linear;
}
.section-content, .footer{
    position: relative;
}
.section-content::before, .footer::before{
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: -40%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
    overflow: hidden;
    opacity: 0.3;
    -webkit-mask-image: -webkit-gradient(linear,left bottom,right bottom,from(#000),to(transparent));
    z-index: 0;
}
.section-content.dark-dots::before{
    opacity: 1;
    left: -19%;
}
.section-content::before{
    background-image: url(../images/backdrop-dots.gif);
}
#introduction-banner{
    overflow: hidden;
}
#introduction-banner::before, #gnp-introduction-banner::before, #about-lng::before, #lng-introduction-banner::before{
    background-image: url(../images/backdrop-dots-white.gif);
}
#introduction-banner .caption-wrapper{
    padding-top: 5%;
}
.intro-banner .caption .banner-title{
    font-size: 65px;
    line-height: 80px;
}
.intro-banner .caption-wrapper .caption p, .content-wrapper .textGray, .title-wrapper .textGray{
    /*font-size: 1.25vw;
    line-height: 1.458vw;*/

    font-size: 18px;
    line-height: 24px;
}
#gnp-introduction-banner .overlay-banner{
    z-index: -1;
    background-image: url(../images/bg-gnp-introduction-overlay-banner-v2.png);
}
#gnp-introduction-banner .main-banner{
    z-index: -2;
    background-image: url(../images/bg-gnp-introduction-banner-v2.jpg);
}
#lng-introduction-banner .overlay-banner{
    z-index: -1;
    background-image: url(../images/bg-lng-introduction-overlay-banner.png);
}
#lng-introduction-banner .main-banner{
    z-index: -2;
    background-image: url(../images/bg-lng-introduction-banner-v2.jpg);
}
.textLight, .textLight a{
    color: #ffffff;
}
.textGray{
    color: #818181;
}
.textDark{
    color: #111111;
}
.textFilling{
    position: relative;
    overflow: hidden;
    display: block;
}
.textFilling{
    width: 0;
    white-space: nowrap;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
}
.textFilling::before{
    content: attr(data-text);
    display: block;
    position: absolute;
    color: #fff;
    overflow: hidden;
    width: 0;
    top: 0;
    left: 0;
    white-space: nowrap;
}
.section.active .textFilling, .section.active .textFilling::before, .animation-loaded .textFilling, .animation-loaded .textFilling::before{
    animation-name: textFilling;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.86,0,.07,1);
    animation-duration: 2s;
}
.title-theme-green .textFilling{
    -webkit-text-stroke-color: #00A19C;
}
.title-theme-green .textFilling::before{
    color: #00A19C;
}
.title-theme-green .textFilling{
    
}
.box-content .title-theme-green{
    color: #00A19C;
}
.textFilling.timing-1{
    animation-delay: 1s;
}
.textFilling.timing-2{
    animation-delay: 3s;
}
.textFilling.timing-1::before{
    animation-delay: 4.5s;
}
.textFilling.timing-2::before{
    animation-delay: 6.5s;
}
.section.active .timing-1{
    animation-delay: 1s;
}
.section.active .timing-1::before{
    animation-delay: 1.3s;
}
.section.active .timing-2{
    animation-delay: 1.4s;
}
.section.active .timing-2::before{
    animation-delay: 1.7s;
}
.section.active .timing-3{
    animation-delay: 1.8s;
}
.section.active .timing-3::before{
    animation-delay: 2.1s;
}
.section.active .timing-4{
    animation-delay: 2.2s;
}
.section.active .timing-4::before{
    animation-delay: 2.5s;
}
.fadeInUp, .fadeInDown, .fadeInLeft, .fadeInRight{
    opacity: 0;
}
.fadeInUp, .slideUp{
    transform: translateY(100px);
}
.fadeInDown{
    transform: translateY(-100px);
}
.fadeInLeft{
    transform: translateX(-100px);
}
.fadeInRight{
    transform: translateX(100px);
}
.animation-loaded .fadeIn, .section.active .fadeIn{
    animation-name: fadeIn;
}
.fadeOut, .animation-loaded .fadeOut{
    animation-name: fadeOut;
}
.section.active .fadeInUp, .animation-loaded .fadeInUp{
    animation-name: fadeInUp;
}
.section.active .fadeInDown, .animation-loaded .fadeInDown{
    animation-name: fadeInDown;
}
.section.active .fadeInLeft, .animation-loaded .fadeInLeft{
    animation-name: fadeInLeft;
}
.section.active .fadeInRight, .animation-loaded .fadeInRight{
    animation-name: fadeInRight;
}
.fadeOut, .fadeInUp, .fadeInLeft, .fadeInRight{
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-duration: 0.5s;
}
.animation-delay-1{
    animation-delay: 1s;
}
.animation-delay-1b{
    animation-delay: 1.5s;
}
.animation-delay-2{
    animation-delay: 2s;
}
.animation-delay-2b{
    animation-delay: 2.5s;
}
.animation-delay-3{
    animation-delay: 3s;
}
.animation-delay-3b{
    animation-delay: 3.5s;
}
@keyframes textFilling {
    0%{
        width: 0;
    }
    100%{
        width: 100%;
    }
}
@keyframes fadeIn{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
@keyframes fadeOut{
    0%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}
@keyframes fadeInUp{
    0%{
        opacity: 0;
        transform: translateY(100px);
    }
    100%{
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes fadeInDown{
    0%{
        opacity: 0;
        transform: translateY(-100px);
    }
    100%{
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes fadeInLeft{
    0%{
        opacity: 0;
        transform: translateX(-100px);
    }
    100%{
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes fadeInRight{
    0%{
        opacity: 0;
        transform: translateX(100px);
    }
    100%{
        opacity: 1;
        transform: translateX(0);
    }
}
.background{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
}
.background.rotatingBubble{
    background-position: right -165px bottom -50px;
    background-size: 90%;
    transform: translate(0,-5%) scale(1.3);
    z-index: -1;
    animation-name: imageMovingBounce;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    z-index: -2;
}
#lng-introduction-banner .background.rotatingBubble {
    background-position: right 100px bottom 35px;
    background-size: 100%;
}
@keyframes imageMovingBounce{
    0%{
        transform: translate(0%,0%) scale(1.3);
    }
    5%{
        transform: translate(1,-2px) scale(1.3);
    }
    12%{
        transform: translate(12px,6px) scale(1.3);
    }
    25%{
        transform: translate(8px,3px) scale(1.3);
    }
    50%{
        transform: translate(16px,8px) scale(1.3);
    }
    65%{
        transform: translate(6px,-10px) scale(1.3);
    }
    80%{
        transform: translate(-5px,5px) scale(1.3);
    }
    100%{
        transform: translate(1px,-2px) scale(1.3);
    }
}
.full-screen{
    min-height: 100vh;
}
.text-align-center{
    text-align: center;
}
.fancybox-slide{
    pointer-events: none;
}
.fancybox-slide iframe{
    pointer-events: auto;
}
a:not(.link){
    text-decoration: none;
}
.btn{
    margin-top: 3.125rem;
}
.btn a{
    color: #fff;
}
.btn.btn-box a{
    display: inline-block;
    width: auto;
    border: 2px solid #fff;
    padding: 1rem 2rem;
}
.btn.btn-video a{
    position: relative;
    font-size: 26px;
    line-height: 28px;
}
.btn.btn-video a::before, .btn.btn-video a::after{
    content: '';
    display: block;
    position: absolute;
    border-radius: 50%;
    top: 50%;
    left: 100%;
    transform:translate(-50%,-50%);
}
.btn.btn-video a::before{
    border: 2px solid #fff;
    background-image: url(../images/bg-section-2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 42px;
    height: 42px;
    background-color: #fff;
}
.btn.btn-video a::after, .facility-arrow::after, .btn-play, .team-video-play::before{
    background-image: url(data:image/png;base64,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);
}
.btn.btn-video a::after{
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.caption-wrapper{
    display: flex;
    flex-wrap: wrap;
    min-height: 100vh;
    align-items: center;
    align-content: center;
}
.modalVideo{
    display: block;
    width: 100%;
}
.board-carousel{
    margin-left: -1rem;
    margin-right: -1rem;
}
.board-carousel::before, .board-carousel::after{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: 25%;
    height: 85%;
    z-index: 1;
}
.board-carousel::before{
    left: 0;
    background: linear-gradient(270deg,hsla(0,0%,100%,0),#fff);
}
.board-carousel::after{
    background: linear-gradient(90deg,hsla(0,0%,100%,0),#fff);
    right: 0;
}
.board-carousel .owl-carousel .owl-item{
    transition-property: transform,-webkit-transform;
    perspective: 1000px;
    backface-visibility: hidden;
    transform: translateZ(0);
}
.board-carousel .owl-carousel .item{
    padding: 0 0.313rem;
    padding-top: 1.5rem;
    padding-bottom: 6.25rem;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.board-carousel .owl-carousel .prev-item .item img{
    transform: rotateY(15deg);
}
.board-carousel .owl-carousel .item img{
    transform: rotateY(-15deg);
}
.board-carousel .owl-carousel .owl-item.center .item, .board-carousel .owl-carousel .owl-item.center .item img{
    transform: rotateY(0deg);
    transition: all 0.15s ease;
}
.team-profile {
    position: absolute;
    display: none;
    bottom: 0;
    left: -20%;
    width: max-content;
    text-align: right;
}
.board-carousel .owl-carousel .owl-item.center .team-profile{
    display: block;
}
.profile-title {
    font-size: 32px;
    line-height: 35px;
    margin-bottom: 0;
    color: #00A19C;
}
.board-carousel .owl-carousel .owl-nav{
    position: absolute;
    bottom: 8px;
}
.board-carousel .owl-carousel .owl-nav > button{
    position: relative;
    border: 2px solid #b9b9b9;
    width: 48px;
    height: 48px;
    background-color: #fff;
    border-radius: 50%;
}
.board-carousel .owl-carousel .owl-nav > button svg{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    transform: translate(-50%,-50%);
}
.board-carousel .owl-carousel .owl-nav .owl-prev{
    margin-right: 30px;
}
.board-carousel .owl-carousel .owl-nav .owl-prev svg{
    margin-left: -2px;
}
.board-carousel .owl-carousel .owl-nav .owl-next svg{
    margin-left: 2px;
}
.owl-carousel .owl-nav button.disabled, .nav-globe-controller button.disabled, .nav-globe-controller.disabled button{
    opacity: 0.35;
    pointer-events: none;
}
.board-carousel .owl-carousel::after{
    content: '';
    display: block;
    position: absolute;
    left: 160px;
    bottom: 30px;
    width: 40%;
    height: 2px;
    background-color: #b9b9b9;
}
#market-slider .owl-carousel .owl-stage, #market-slider .owl-carousel .owl-item{
    width: 100%!important;
    height: 100vh;
}
#market-slider .owl-carousel .owl-stage{
    transform: none!important;
}
#market-slider .owl-carousel .owl-item .item{
    top: 50%;
    left: 50%;
    width: 120vw;
    height: 120vw;
    transform: translate(-50%,-50%)!important;
    clip-path: circle(0% at center);
    transition: clip-path 0.1s 0.5s,-webkit-clip-path 0.1s 0.5s;
}
#market-slider .owl-carousel .owl-item.active .item{
    clip-path: circle(100% at center);
    transition: clip-path 0.8s,-webkit-clip-path 0.8s;
}
#market-slider .owl-carousel .owl-item{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)!important;
    z-index: 1;
}
#market-slider .owl-carousel .owl-item.active{
    z-index: 2;
}
#market-slider .owl-carousel .owl-item .item{
    position: absolute;
    width: 100%;
    height: 100%;
}
#market-slider .owl-carousel .owl-item .item > .background, #market-slider .owl-carousel .owl-item .item > img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    animation-name: imageMovingBounce;
    animation-duration: 8s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
#market-slider .caption{
    position: absolute;
    display: flex;
    justify-content: flex-end;
    right: 50px;
    top: 0;
    max-width: 48%;
    width: 100%;
    height: 100%;
    text-align: right;
}
#market-slider .caption div[class*='slider-']{
    position: absolute;
}
#market-slider .caption .slider-content{
    top: 160px;
}
#market-slider .caption .slider-cta{
    bottom: 140px;
}
#market-slider .item .bannerTextFilling{
    display: inline-block;
    margin: 0;
    padding: 0;
    position: relative;
    color: transparent;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-color: transparent;
    font-weight: 700;
}
#market-slider .item .bannerTextFilling, #market-slider .item .bannerTextFilling::before{
    white-space: nowrap;
}
#market-slider .item .bannerTextFilling::before{
    content: attr(data-text);
    width: 0;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    -webkit-text-fill-color: #fff;
    overflow: hidden;
}
#market-slider .item .slider-title.title-theme-green .bannerTextFilling::before{
    color:#00A19C;
    -webkit-text-fill-color: #00A19C;
}
#market-slider.active .item .bannerTextFilling::before, .animation-loaded .bannerTextFilling::before{
    animation-name: textFilling;
    animation-duration: 3s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.86,0,.07,1);
}
#market-slider.active .item .bannerTextFilling.timing-1::before{
    animation-delay: 1.25s;
}
#market-slider.active .item .bannerTextFilling.timing-2::before{
    animation-delay: 1.75s;
}
.slider-title{
    margin-bottom: 0;
}
.slider-cta .btn.btn-box a{
    padding: 15px 45px;
}
.slider-cta .slider-cta-title{
    font-size: 40px;
    line-height: 44px;
}
.slider-cta .btn a{
    font-size: 18px;
    line-height: 24px;
}
#market-slider::before{
    left: auto;
    -webkit-mask-image: -webkit-gradient(linear,right top,left top,from(#000),to(transparent));
    z-index: 2;
}
#market-slider .owl-nav{
    position: absolute;
    bottom: 70px;
    right: 50px;
}
#market-slider .owl-nav button{
    position: relative;
    border: 3px solid #fff;
    border-radius: 50%;
    width: 48px;
    height: 48px;
}
#market-slider .owl-nav button svg{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 40px;
    height: 40px;
}
#market-slider .owl-nav .owl-prev svg{
    margin-left: -2px;
}
#market-slider .owl-nav .owl-next svg{
    margin-left: 2px;
}
#market-slider .owl-nav .owl-prev{
    margin-right: 25px;
}
.btn-play{
    background-size: contain;
    background-repeat: no-repeat;
}
.slider-cta h1, .slider-cta h2, .slider-cta h3, .slider-cta h4, .slider-cta h5, .slider-cta h6{
    margin-bottom: 0;
}
.slider-cta .btn.btn-box{
    margin-top: 12px;
}
#vision{
    padding-top: 105px;
}
.box-row{
    margin-top: 25px;
}
.box-item .box-wrapper{
    display: block;
    position: relative;
    height: 440px;
}
.box-item .box-content{
    position: absolute;
    bottom: -15%;
    left: 50%;
    transform: translate(-50%,0);
    width: calc( 100% - 32px );
    padding: 20px 30px 60px;
    margin: auto;
    background-color: #fff;
    text-align: center;
    box-shadow: -8px 6px 19px 2px rgba(0,0,0,0.2);
    height: 60%;
}
.box-item .box-content .box-title{
    font-size: 30px;
    line-height: 35px;
}
.box-item .box-content p{
    font-size: 18px;
    line-height: 25px;
}
.box-item .box-content .btn-box-cta{
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin-top: 0;
}
.box-item .box-content .btn-box-cta a{
    display: inline-block;
    background: linear-gradient(180deg,#5b4698 -30%,#813b95);
    border-radius: 16px;
    padding: 10px 20px;
}
.nav-globe{
    margin-top: 50px;
}

.nav-globe .country-subtitle,
.nav-globe .country-address,
.nav-globe-subtitle {
    font-size: 18px;
    line-height: 24px;
}

.nav-globe-header .country-name{
    font-size: 42px;
    line-height: 48px;
    color: #00A19C;
    margin-right: 30px;
    min-width: 180px;
}
.nav-globe-header, .nav-globe-controller{
    display: flex;
    align-items: center;
}
.nav-globe-header{
    justify-content: flex-start;
    align-items: flex-end;
    margin-bottom: 30px;
}
.nav-globe-controller .ng-prev{
    margin-right: 25px;
}
.nav-globe-controller button{
    position: relative;
    display: block;
    border: 2px solid #b9b9b9;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    cursor: pointer;
}
.nav-globe-controller button svg{
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.country-address{
    font-size: 20px;
    line-height: 26px;
}
.footer::before, #market-slider::before{
    background-image: url(../images/backdrop-dots-white.gif);
}
.footer::after{
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(../images/bg-footer-gradient.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
    z-index: -1;
}
button{
    cursor: pointer;
}
.newsletterRow{
    height: calc( 100vh - 290px );
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 105px;
}
p.larger-text{
    font-size: 1.25rem;
    line-height: 1.5rem;
}
p.larger-text-2{
    font-size: 18px;
    line-height: 24px;
}
.form-newsletter, #webform-submission-connect-us-form-lng-add-form{
    margin: 1.25rem auto 3.125rem;
    /*display: flex;*/
    align-items: center;
    justify-content: center;
    max-width: 31.25rem;
    width: 100%;
    display: none;
}
#webform-submission-connect-us-form-lng-add-form .js-form-item{
    margin-right: 1.5rem;
}
#webform-submission-connect-us-form-lng-add-form .js-form-item label{
    display: none;
}
.form-newsletter input, #webform-submission-connect-us-form-lng-add-form input, #webform-submission-connect-us-form-lng-add-form button{
    width: 100%;
    border-radius: 2rem;
    height:1.875rem;
    padding: 0 1rem;
    border: none;
    outline: none;
}
.form-newsletter button, #webform-submission-connect-us-form-lng-add-form button{
    position: relative;
    display: inline-block;
    min-width: 2rem;
    width: 2rem;
    height: 2rem;
    background-color: #fff;
    border: none;
    outline: none;
    color: transparent;
    border-radius: 50%;
    overflow: hidden;
    margin-top: 0;
    padding: 0;
}
#webform-submission-connect-us-form-lng-add-form button::before, #webform-submission-connect-us-form-lng-add-form button::after,
.form-newsletter button::before, .form-newsletter button::after{
    content: '';
    display: block;
    position: absolute;
    width: 0.625rem;
    height: 0.156rem;
    background: #005468;
    border-radius: 0.188rem;
}
#webform-submission-connect-us-form-lng-add-form button::before{
    transform: translate(11px, 4px) rotate(45deg);
}
#webform-submission-connect-us-form-lng-add-form button::after{
    transform: translate(11px, -4px) rotate(-45deg);
}
.form-newsletter button svg{
    width: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin-left: 1px;
}
.footer .floatingAnimation{
    z-index: 0;
}
.footer .nav-item .nav-link{
    text-decoration: none;
}
.copyright p, .footer .nav-item .nav-link{    
    font-size: 14px;
    line-height: 20px;
}
.footer .nav-item .nav-link, .copyright{
    color: #fff;
}
.footerRow{
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
div.nopadding{
    padding-left: 0!important;
    padding-right: 0!important;
}
div.nomargin{
    margin-left: 0!important;
    margin-right: 0!important;
}
.social-media-links .nav-item .nav-link::after{
    display: none;
}
.social-media-links .nav-item{
    display: block;
    width: 1.5rem;
    height: 1.5rem;
}
.social-media-links .nav-item .nav-link{
    display: block;
    overflow: hidden;
    color: transparent;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 0!important;
}
.social-media-links.ts-nav .ts-nav-item.social-media-facebook .ts-nav-link,
.social-media-links .nav-item .nav-link.JsocialFB{
    background-image: url(../images/icon-social-media-facebook.svg);
}
.social-media-links.ts-nav .ts-nav-item.social-media-instagram .ts-nav-link,
.social-media-links .nav-item .nav-link.JsocialIN{
    background-image: url(../images/icon-social-media-instagram.svg);
}
.social-media-links.ts-nav .ts-nav-item.social-media-twitter .ts-nav-link,
.social-media-links .nav-item .nav-link.JsocialTT{
    background-image: url(../images/icon-social-media-twitter.svg);
}
.social-media-links.ts-nav .ts-nav-item.social-media-youtube .ts-nav-link,
.social-media-links .nav-item .nav-link.JsocialYT{
    background-image: url(../images/icon-social-media-youtube.svg);
}
.social-media-links.ts-nav .ts-nav-item.social-media-linkedin .ts-nav-link,
.social-media-links .nav-item .nav-link.JsocialLI{
    background-image: url(../images/icon-social-media-linkedin.svg);
}

.social-media-links.ts-nav .ts-nav-item.social-media-tiktok .ts-nav-link,
.social-media-links .nav-item .nav-link.JsocialTok{
    background-image: url(../images/icon-social-media-tiktok.svg);
}
.ball, .line, .floatingAnimation{
    position: absolute;
}
.floatingAnimation{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ball{
    border-radius: 50%;
    box-shadow: 0 0 5px 3px rgba(0,0,0,0.4);
    z-index: 2;
    width: 100px;
    height: 100px;
}
.line{
    width: 50px;
    height: 3px;
    background-color: #00A19C;
    transform-origin: top left;
    z-index: 0;
}
.ball.ballColor01{
    background: linear-gradient(0deg, rgb(2, 155, 142) 0%, rgb(2, 113, 133) 61%)
}
.ball.ballColor02{
    background: linear-gradient(0deg, rgb(75, 73, 154) 0%, rgb(140, 56, 149) 65%);
}
.grid-wrapper{
    display: block;
    width: 100%;
}
.grid-list{
    width: 100%;
}
.grid-sizer, .grid-item{
    width: 100%;
}
.grid-item, .grid-content, .grid-thumbnail{
    position: relative;
}
.grid-content{
    display: block;
    padding: 10px;
}
.grid-content .cta.cta-plus{
    position: absolute;
    bottom: 18px;
    right: 18px;
    z-index: 3;
    width: 25px;
    height: 25px;
    background-color: #4d4d4d;
}
.grid-content .cta.cta-plus a{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    line-height: 20px;
}
.grid-caption{
    position: absolute;
    bottom: 10px;
    left: 10px;
    padding: 10px;
    width: calc( 100% - 20px );
    z-index: 2;
}
.grid-caption .grid-title, .grid-caption p{
    margin-bottom: 3px;
}
.grid-caption p{
    font-size: 12px;
    line-height: 12px;
    width: 200px;
}
.grid-thumbnail{
    overflow: hidden;
}
.grid-thumbnail::before{
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.3) 20%, rgba(0,0,0,0.9) 100%);
    z-index: 1;
}
ul.reset, ol.reset{
    list-style: none;
    padding-inline-start: 0;
}
.card-list{
    display: flex;
    flex-wrap: wrap;
}
.card-item, .card-item .card-container{
    display: flex;
    width: 100%;
    align-items: center;
}
.card-item{
    margin-bottom: 35px;
}
.card-item .card-icon{
    width: 50%;
    padding: 15px 0;
    padding-right: 10%;
}
.card-list.type-2 .card-item .card-icon{
    padding-right: 0;
    width: 75%;
}
.card-icon-wrapper{
    display: flex;
    align-items: center;
    height: 100%;
    background-color: #fff;
    box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);
}
.card-item .card-body{
    display: flex;
    flex-direction: column;
    width: 60%;
    margin-left: -10%;
    background-color: #6f4293;
    color: #fff;
    padding: 30px 15px;
    text-align: center;
    box-shadow: 0px 0px 12px 2px rgba(0,0,0,0.3);
}
.card-list.type-2 .card-item .card-body{
    height: fit-content;
    padding: 15px;
    width: 40%;
    margin-left: -15%;
}
.card-body .card-title{
    position: relative;
    margin-bottom: 50px;
    font-size: 16px;
    line-height: 18px;
}
.card-body .card-title::before{
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #fff;
    left: 0;
    bottom: -23px;
}
.facility-list{
    display: block;
    width: 100%;
    margin-left: auto;
}
.facility-item::before{
    content: '';
    display: inline-block;
    position: relative;
    width: 30%;
    height: 5px;
    background-color: #00A19C;
    opacity: 0;
}
.facility-item{
    position: relative;
    display: flex;
    align-items: center;
}
.facility-item:not(:last-child){
    padding-bottom: 50px;
}
.facility-item:not(:last-child)::after{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 43px;
    width: 5px;
    height: 100%;
    background-color: #00A19C;
    opacity: 0;
}
.facility-header{
    position: relative;
    width: 70%;
    background-color: #6f4293;
    padding: 15px;
    padding-right: 45px;
    color: #ffffff;
    font-size: 24px;
    line-height: 28px;
}
.facility-arrow{
    position: absolute;
    top: 50%;
    right: 15px;
    width: 35px;
    height: 35px;
    transform: translate(0, -50%);
    overflow: hidden;
    color: transparent;
    border-radius: 50%;
    cursor: pointer;
}
.facility-arrow::before, .facility-arrow::after{
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.facility-arrow::before{
    background-color: #6f4293;
    border: 1px solid #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
}
.facility-arrow::after{
    width: 25px;
    height: 25px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
#popup-facilities{
    background-color: #ffffff;
    padding-left: 0!important;
    padding-right: 0px!important;
}
#popup-facilities .owl-carousel .item{
    display: flex;
    flex-wrap: wrap;
    height: calc( 100vh - 120px );
}
.popup{
    display: none;
    position: fixed;
    z-index: -5;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.popup.active{
    display: block;
}
.popup.show{
    z-index: 5;
    opacity: 1;
}
.popup-close{
    position: absolute;
    top: 0;
    right: 10px;
    width: 42px;
    height: 42px;
    border: 2px solid #818181;
    border-radius: 50%;
    color: transparent;
    cursor: pointer;
    transform: translate(0,-50%);
    background: #fff;
    z-index: 2;
    opacity: 0.7;
}
.popup-close:hover{
    opacity: 1;
}
.popup-close::before, .popup-close::after{
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 25px;
    height: 2px;
    background: #818181;
}
.popup-close::before{
    transform: translate(-50%,-50%) rotate(45deg);
}
.popup-close::after{
    transform: translate(-50%,-50%) rotate(-45deg);
}
.popup .slide-title p{
    font-size: 1.042vw;
    line-height: 1.25vw;
}
.slide-body{
    display: flex;
    flex-wrap: wrap;
}
.slide-body p{
    font-size: 18px;
    line-height: 20px;
}
.slide-header{
    margin-bottom: 60px;
}
.slide-thumbnail{
    position: relative;
    display: block;
    width: 100%;
    height: 270px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.slide-thumbnail-caption{
    position: absolute;
    width: 50%;
    font-size: 24px;
    line-height: 30px;
    padding: 15px 30px;
    background-color: #6f4293;
    top: 100%;
    left: 50%;
    transform: translate(0, -50%);
    color: #ffffff;
}
.item.slide-02 .slide-body .col-md-6:nth-last-child(){
    padding-right: 60px;
}
#popup-facilities .owl-nav button{
    position: relative;
    border: 2px solid #b9b9b9;
    border-radius: 50%;
    width: 35px;
    height: 35px;
}
#popup-facilities .owl-nav .owl-prev{
    margin-right: 20px;
}
#popup-facilities .owl-nav button svg{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 26px;
    height: 26px;
}
.column-row{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.column-row .column-item{
    width: 100%;
    position: relative;
}
.iconbox-title{
    margin-bottom: 0;
}
.iconbox-icon img{
    display: block;
    width: 160px;
    margin: auto;
}
.iconbox-body p{
    font-size: 18px;
    line-height: 24px;
}
#lng-info .title-wrapper h3{
    margin-bottom: 0;
}
.iconbox{
    position: relative;
    display: block;
    width: 100%;
}
.iconbox::before{
    content: '';
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    z-index: 2;
}
.col-item-01 .iconbox::before, .col-item-02 .iconbox::before, .col-item-03 .iconbox::before{
    background: linear-gradient(0deg, rgb(75, 73, 154) 0%, rgb(140, 56, 149) 65%);
}
.col-item-01 .iconbox::before{
    top: -10px;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 16px;
    height: 16px;
}
.col-item-02 .iconbox::before{
    top: 0;
    left: 50%;
    transform: translate(-50%,0);
}
.col-item-03 .iconbox::before{
    top: -10px;
    left: 50%;
    transform: translate(-16px,-50%);
}
.line-decoration .column-row{
    position: relative;
    padding-top: 20px;
}
.line-decoration .column-item::before, .line-decoration .column-item::after{
    content: '';
    display: block;
    position: absolute;
    background-color: #00A19C;
}
.line-decoration .column-item{
    position: relative;
    padding: 0 15px;
}
.line-decoration .column-item::before{
    width: 3px;
    height: 35px;
    top: -10px;
    left: 50%;
    transform: translate(-50%,0);
}
.line-decoration .column-item:not(:last-child)::after{
    width: calc( 100% + 6px );
    height: 3px;
    left: 50%;
    top: -10px;
}
.column-row .column-item.solo-item .iconbox::before, .column-row .column-item.solo-item .iconbox::after{
    content: '';
    display: block;
    position: absolute;
    background: linear-gradient(0deg, rgb(2, 155, 142) 0%, rgb(2, 113, 133) 61%);
    left: 50%;
    transform: translate(-50%,0);
    border-radius: 50%;
    z-index: 2;
}
.column-row .column-item.solo-item::before, .column-row .column-item.solo-item::after{
    content: '';
    display: block;
    position: absolute;
    background: #00A19C;
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{
    background-color: #fff;
}
#masthead:hover .hamburger-inner, #masthead:hover .hamburger-inner:after, #masthead:hover .hamburger-inner:before{
    background-color: #000;
}
.headerIcon.icon-globe, .headerIcon.icon-search{
    filter: brightness(1);
}
#masthead:hover .headerIcon.icon-globe, #masthead:hover .headerIcon.icon-search{
    filter: brightness(0);
}
.hamburger{
    padding: 0;
    margin-left: 26px;
    margin-top: 5px;
}
.hamburger-box{
    width: 22px;
    height: 12px;
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{
    width: 22px;
    height: 2px;
}
.mobile-menu-toggler{
    display: flex;
    align-items: center;
    z-index: 9;
}
#masthead .hamburger--slider.is-active .hamburger-inner, #masthead  .hamburger--slider.is-active .hamburger-inner:after{
    
}
#masthead .hamburger--slider.is-active .hamburger-inner{
    transform: translate3d(0,5px,0) rotate(45deg);
}
#masthead  .hamburger--slider.is-active .hamburger-inner:after{
    width: 22px;
    transform: translate3d(0,-10px,0) rotate(-90deg);
}
.hamburger--slider .hamburger-inner{
    top: 0;
}
.hamburger--slider .hamburger-inner:before{
    top: 5px;
}
.hamburger--slider .hamburger-inner:after{
    top: 10px;
}
.hamburger--slider .hamburger-inner:after{
    width: 12px;
    right: 0;
}

.sub-menu{
    display: none;
    background-color: #ffffff;
}
.sub-menu .ts-nav .ts-nav-item, .sub-menu .nav-item .nav-link{
    color: #000000;
}
#popup-facilities .owl-carousel .item{
    background-size: 45%;
    background-repeat: no-repeat;
    background-image: url(../images/img-popup-visual.png);
    padding: 0 3.125rem;
    background-position: bottom 0px right -25%;
}
#popup-facilities .item.slide-02{
    background-position: bottom 0px left -45%;
}
#fball01{
    top: -50px;
    left: 15%;
}
#fball02{
    width: 110px;
    height: 110px;
    top: 5%;
    left: 25%;
}
#fball03{
    width: 60px;
    height: 60px;
    top: 18%;
    left: 40%;
}
#fball04{
    width: 60px;
    height: 60px;
    bottom: 20%;
    left: 35%;
}
#fball05{
    width: 110px;
    height: 110px;
    bottom: 28%;
    right: 25%;
}
#fball06{
    bottom: 0%;
    right: 5%;
}
#footer .ts-container{
    z-index: 2;
}
.team-thumbnail{
    position: relative;
    transform-style: preserve-3d;
    margin-bottom: 20px;
}
.owl-item:not(.center) .item .team-video-play{
    opacity: 0;
}
.team-video-play{
    position: absolute;
    color: transparent;
    width: 95px;
    height: 95px;
    border: 2px solid #fff;
    border-radius: 50%;
    overflow: hidden;
    margin: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: transparent;
    box-shadow: none;
    transition: all 0.35s ease;
}
.team-video-play::before{
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 75px;
    height: 75px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.board-popup{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: scale(0);
    padding-top: 60.5%;
    height: 1px;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
}
.board-popup.active{
    z-index: 3;
}
.board-popup.playing{
    transform: scale(1);
}
.board-popup iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    overflow: hidden;
}
.board-popup-close{
    position: absolute;
    top: 0;
    right: 15px;
    width: 50px;
    height: 50px;
    border: 2px solid #5d5d5d;
    transform: translate(0,-100%);
    border-radius: 50%;
    cursor: pointer;
    z-index: 99;
    color: transparent;
}
.board-popup-close::before, .board-popup-close::after{
    content: '';
    position: absolute;
    display: block;
    width: 40px;
    height: 3px;
    top: 50%;
    left: 50%;
    background-color: #5d5d5d;
}
.board-popup-close::before{
    transform: translate(-50%,-50%) rotate(45deg);
}
.board-popup-close::after{
    transform: translate(-50%,-50%) rotate(-45deg);
}
.earth-map-marker{
    position: absolute;
    top: 37%;
    left: 37%;
    display: block;
    text-align: center;
    z-index: 2;
    transform: translateY(-50px);
    opacity: 0;
    transition: all 0.3s ease;
}
.earth-map-marker.show{
    transform: translateY(0);
    opacity: 1;
}
.earth-map-marker.malaysia{
    top: 37%;
    left: 37%;
}
.earth-map-marker.india{
    top: 23%;
    left: 38%;
}
.earth-map-marker.china{
    top: 34%;
    left: 42%;
}
.earth-map-marker.egypt{
    top: 28%;
    left: 36%;
}
.marker-country{
    padding: 6px;
    background: #00A19C;
    margin-bottom: 12px;
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;
    color: #fff;
    font-family: 'MuseoSans', sans-serif;
}
.marker-icon{
    display: block;
    width: 40px;
    height: auto;
    margin: 0 auto;
}
sub{
    position: relative;
    bottom: 0.25em;
    font-size: 0.75em;
}
@media screen and (min-width: 768px) and (max-width: 991px){
    #popup-facilities h3{
        font-size: 32px;
        line-height: 40px;
    }
    #introduction-banner .background, #gnp-introduction-banner .background.rotatingBubble, #lng-introduction-banner .background.rotatingBubble{
        background-size: cover;
    }
    #popup-facilities .owl-carousel .item .slide-col{
        margin-bottom: 50px;
    }
    .board-carousel .owl-carousel::after{
        display: none;
    }
    .team-profile{
        left: auto;
        right: -50px;
    }
}
@media screen and (max-width: 991px){
    nav.navbar{
        justify-content: space-between;
    }
    .headerColumn.headerColumnRight.hide-on-mobile, .navTextGlobal{
        display: none!important;
    }
    .headerColumn.headerColumnRightNav.hide-on-desktop{
        display: flex!important;
        align-items: center;
    }
    .navbarBrand, .headerColumn.headerColumnRightNav.hide-on-desktop .headerTopLinks{
        z-index: 9;
    }
    .mobile-navigation-wrapper{
        z-index: 8;
    }
    .headerColumnRightBottom{
        border-top: none;
    }
    .headerColumnRightTop, .mobile-navigation-wrapper .ts-nav{
        display: block;
    }
    #masthead .mobile-navigation-wrapper .nav-item .nav-link{
        font-size: 24px;
        line-height: 29px;
        padding: 15px 30px;
        color: #000;
    }
    .mobile-navigation-wrapper .headerTopLinkItem{
        display: none;
    }
    .mobile-navigation-wrapper{
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        margin: 0;
        padding-top: 80px;
        height: 100%;
        background-color: rgba(255,255,255,1);
        z-index: 5;
    }
    nav.navbar{
        padding: 16px 30px;
        padding-right: 20px;
    }
    .navbarBrand{
        width: 80px;
        margin: 0;
    }
    .row-artwork img{
        display: block;
        width: 50%;
        margin-top: -50px;
        margin-left: auto;
    }
    .social-media-links ul{
        display: flex!important;
        padding-left: 30px;
        padding-right: 30px;
    }
    #mobile-navigation .social-media-links .nav-item .nav-link{
        filter: brightness(0);
        color: transparent;
    }
}
@media screen and (min-width: 992px){
    .mobile-menu-toggler, .row-artwork, .mobile-navigation-wrapper .social-media-links.ts-nav{
        display: none;
    }
    #gnp-introduction-banner .main-banner.rotatingBubble{
        background-size: contain;
    }
    #market-slider .owl-carousel .owl-item .item > .background.bg-plant-3{
        background-size: 180%;
        background-position: left 25% center;

        background-size: 140%;
        background-position: left 35% center;
    }
    .headerColumnRightTop .sub-menu{
        top: 49px;
    }
    .headerColumnRightBottom .sub-menu{
        top: 94px;
    }
    .sub-menu{
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        z-index: -1;
    }
    .sub-menu .ts-nav{
        display: flex;
        flex-wrap: wrap;
        max-width: 850px;
        width: 100%;
        margin-left: auto;
        padding: 35px 0 40px;
    }
    .sub-menu .ts-nav .ts-nav-item{
        width: 100%;
        max-width: calc( 33.33333333% - 30px );
        margin-right: 20px;
        margin-bottom: 25px;
    }
    .sub-menu::before{
        content: '';
        display: none;
        position: absolute;
        top: 0;
        right: 0;
        width: calc( 100% - 300px );
        height: 1px;
        background-color: rgba(0,0,0,0.3);
        z-index: -1;
    }
    #masthead .ts-nav .sub-menu .nav-item .nav-link{
        font-size: 12px;
        line-height: 14px;
        padding: 0;
    }
    /* .card-wrapper{
        padding-bottom: 50px;
    } */
}
@media screen and (max-width: 767px){
    .hide-on-mobile, .onepage-pagination{
        display: none!important;
    }
    .text-mb-center{
        text-align: center!important;
    }
    body.popup-opened{
        overflow: hidden;
    }
    .line-decoration{
        margin-bottom: 50px;
    }
    p{
        font-size: 14px;
        line-height: 20px;
    }
    .section .full-screen.mb-height-auto, #fuelling-malaysia-forward-with-a-natural-super-power .full-screen, #what-is-lng .full-screen, #facilities .full-screen{
        height: 100%;
        min-height: auto;
    }
    .intro-banner .floatingAnimation{
        z-index: 1;
    }
    .intro-banner .caption-wrapper{
        position: relative;
        z-index: 2;
    }
    .intro-banner .main-banner{
        z-index: -1;
    }
    .intro-banner .background.rotatingBubble{
        z-index: -2;
    }
    #popup-facilities .section-content{
        padding-top: 0;
    }
    .intro-banner{
        overflow: hidden;
    }
    .intro-banner .caption .banner-title{
        font-size: 48px;
        line-height: 55px;
    }
    #introduction-banner .main-banner.background{
        background-image: url(../images/bg-slider-banner-mobile.png)!important;
    }
    .background.rotatingBubble{
        background-position: right -260px bottom 20px;
        background-size: cover;
    }
    #introduction-banner .caption-wrapper{
        align-items: flex-start;
        padding-top: 200px;
        min-height: calc( 100vh - 200px );
        justify-content: center;
    }
    #gnp-introduction-banner .overlay-banner{
        background-image: url(../images/bg-gnp-introduction-overlay-banner-mobile.png);
    }
    #gnp-introduction-banner .main-banner{
        background-image: url(../images/bg-gnp-introduction-banner-mobile.jpg);
    }
    #lng-introduction-banner .overlay-banner{
        background-image: url(../images/bg-lng-introduction-overlay-banner-mobile.png);

    }
    #lng-introduction-banner .main-banner.rotatingBubble{
        background-image: url(../images/bg-lng-introduction-banner-mobile.jpg);
        background-size: cover;
        background-position: right 50% top 0px;
    }
    #lng-introduction-banner .item{
        overflow: hidden;
    }
    #gnp-introduction-banner .caption p{
        padding: 0 25px;
    }
    .intro-banner{
        padding-top: 0!important;
        padding-bottom: 0!important;
    }
    .section-content, #fuelling-malaysia-forward-with-a-natural-super-power, #solutions-design-for-you, #what-is-lng, #facilities{
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .title-wrapper h2, .title-wrapper h3{
        line-height: 1;
    }
    #fuelling-malaysia-forward-with-a-natural-super-power .paragraph-lg, #what-is-lng .paragraph-lg{
        font-size: 20px;
        line-height: 26px;
    }
    #lng-info .title-wrapper h3{
        font-size: 28px;
        line-height: 32px;
    }
    .facility-header, .card-item{
        max-width: 300px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .facility-header{
        padding-right: 40px;
        font-size: 18px;
        line-height: 24px;
    }
    .facility-arrow{
        right: 8px;
        width: 25px;
        height: 25px
    }
    .facility-arrow::before{
        width: 21px;
        height: 21px;
    }
    .facility-arrow::after{
        width: 18px;
        height: 18px;
    }
    .facility-item::before, .facility-item:not(:last-child)::after{
        display: none;
    }
    .banner-title{
        text-align: center;
    }
    .disabled-onepage-scroll #app .textFilling{
        animation: none;
        width: auto;
    }
    .disabled-onepage-scroll #app .textFilling::before{
        content: attr(data-text);
        width: 0;
        color: #fff;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-text-fill-color: #fff;
        overflow: hidden;
        text-align: center;
    }
    .disabled-onepage-scroll #app .textFilling.timing-1::before{
        animation-delay: 1s;
    }
    .disabled-onepage-scroll #app .textFilling.timing-2::before{
        animation-delay: 1.5s;
    }
    .disabled-onepage-scroll #app .textFilling.timing-3::before{
        animation-delay: 2s;
    }
    .disabled-onepage-scroll #app .textFilling.timing-4::before{
        animation-delay: 2.5s;
    }
    .disabled-onepage-scroll #app .title-theme-green .textFilling::before, #market-slider .item .bannerTextFilling::before{
        color: #00A19C;
        -webkit-text-fill-color: #00A19C;
    }

    #market-slider .item .bannerTextFilling::before{
        color: #ffffff;
        -webkit-text-fill-color: #ffffff;
    }

    .disabled-onepage-scroll #app .textFilling{
        margin: 0;
        padding: 0;
        position: relative;
        color: transparent;
        -webkit-text-fill-color: transparent;
        -webkit-text-stroke-color: transparent;
    }
    .disabled-onepage-scroll #app .textFilling, .disabled-onepage-scroll #app .textFilling::before{
        white-space: nowrap;
        display: inline-block;
    }
    .mb-text-dark{
        color: #5d5d5d;
    }
    .slider-cta .slider-cta-title{
        margin-bottom: 12px;
        font-size: 30px;
        line-height: 34px;
    }
    h2, .newsletterRow .newsletter-title h2{
        font-size: 28px;
        line-height: 34px;
    }
    #about-lng h3{
        font-size: 24px;
        line-height: 32px;
    }
    section.section{
        position: relative!important;
        overflow: hidden;
    }
    .footer.section{
        padding-left: 2rem;
        padding-right: 2rem;
    }
    #introduction-banner{
        padding-left: 0;
        padding-right: 0;
    }
    .section .ts-container, .section .ts-container-fluid{
        z-index: 3;
    }
    .ball{
        z-index: 2;
    }
    .line{
        z-index: 1;
    }
    #market-slider{
        padding-top: 0;
        padding-bottom: 0;
    }
    .box-item:not(:last-child){
        margin-bottom: 60px;
    }
    #vision{
        padding-bottom: 70px;
    }
    .board-carousel .owl-carousel::after{
        display: none;
    }
    .team-profile{
        left: 50%;
        transform: translate(-50%,0);
        text-align: center;
    }
    .board-carousel .owl-carousel .item{
        padding-bottom: 60px;
    }
    .profile-title{
        font-size: 22px;
        line-height: 28px;
    }
    .team-profile p{
        font-size: 20px;
    }
    .board-carousel .owl-carousel .owl-nav{
        display: flex;
        justify-content: space-between;
        width: calc( 100% - 70px );
        left: 50%;
        transform: translate(-50%,0);
        bottom: 15%;
    }
    .grid-thumbnail{
        min-height: 180px;
        overflow: hidden;
        display: block;
    }
    .grid-thumbnail::before{
        height: 150px;
    }
    .grid-thumbnail img{
        height: 100%;
        width: auto;
        object-position: center center;
        object-fit: cover;
        display: block;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        z-index: -1;
    }
    #market-slider .owl-nav{
        bottom: 50%;
        left: 25px;
        right: 25px;
        width: calc( 100% - 50px );
        display: flex;
        justify-content: space-between;
    }
    #market-slider .caption{
        justify-content: center;
        align-items: center;
        max-width: 100%;
        left: 25px;
        right: 25px;
        width: calc( 100% - 50px );
    }
    .footer{
        padding-left: 1rem;
        padding-right: 1rem;
        padding-bottom: 30px;
        height: auto!important;
    }
    .newsletterRow{
        margin-top: 0;
        width: auto;
    }
    .footerColumn.footerColumnLeft > ul, .footerColumn.footerColumnRight > ul:not(.social-media-links){
        display: block;
    }
    .footerRow.footerRowBottom .footerColumn.footerColumnRight{
        width: 100%;
    }
    .copyright{
        margin-bottom: 35px;
    }
    .social-media-links > ul{
        width: 100%;
        justify-content: space-between;
        padding-left: 0;
        padding-right: 0;
    }
    .footer .nav-item{
        margin-bottom: 20px;
    }
    .newsletterRow{
        height: auto;
        padding-bottom: 120px;
        padding-top: 60px;
    }
    .footerRow:not(.footerRowTop){
        flex-wrap: wrap;
    }
    .footerRow.footerRowBottom{
        margin-top: 12px;
    }
    .footerColumn{
        display: block;
        width: auto;
    }
    .form-newsletter{
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    #popup-facilities .owl-carousel .item{
        flex-wrap: wrap;
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .slide-thumbnail{
        height: 140px;
    }
    .slide-thumbnail-caption{
        width: 85%;
        transform: translate(-50%,-50%);
        font-size: 16px;
        line-height: 24px;
    }
    .popup-body{
        padding-top: 90px;
    }
    #popup-facilities .section-content .owl-carousel .item{
        overflow-y: scroll;
        height: calc(100vh - 90px);
    }
    #popup-facilities .item .slide-body{
        padding-bottom: 60px;
    }
    #popup-facilities .owl-carousel .owl-nav{
        display: flex;
        justify-content: flex-end;
        bottom: 0px;
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        padding: 12px 0;
        padding-right: 25px;
    }
    #popup-facilities .owl-carousel .owl-nav button{
        background: #fff;
    }
    #popup-facilities .owl-nav button.owl-prev svg{
        margin-left: -2px;
    }
    .card-wrapper .owl-dots{
        display: flex;
        justify-content: center;
        margin-top: -15px;
    }
    .card-wrapper .owl-dot:not(:last-child){
        margin-right: 10px;
    }
    .card-wrapper .owl-dot.active span{
        background: #00A19C;
    }
    .card-wrapper .owl-dot span{
        display: block;
        width: 15px;
        height: 15px;
        background: #e6e7e8;
        border-radius: 50%;
        border: 2px solid #d1d3d4;
    }
    .column-item:not(.solo-item) .iconbox{
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    .column-item:not(.solo-item) .iconbox-icon{
        width: 50%;
    }
    .column-item:not(.solo-item) .iconbox-body{
        width: 55%;
        margin-left: -5%;
        text-align: left;
    }
    .column-item:not(:last-child){
        padding-bottom: 50px;
    }
    .line-decoration .column-row{
        padding-top: 50px;
    }
    .line-decoration .column-item::before{
        width: 70px;
        height: 3px;
        top: 50%;
        left: 15px;
        transform: translate(0,-50%);
        margin-top: -22px;
    }
    .line-decoration .column-item:last-child::before{
        margin-top: 0;
    }
    .line-decoration .column-item:not(:last-child)::after{
        width: 3px;
        height: 100%;
        left: 15px;
        top: 50%;
        margin-top: -22px;
    }
    .line-decoration .column-item.col-item-01::before{
        width: 38px;
    }
    .line-decoration .column-item.col-item-02::before{
        width: 68px;
    }
    .line-decoration .column-item.col-item-03::before{
        width: 55px;
    }
    .column-row .column-item{
        position: relative;
    }
    .column-row .column-item.solo-item::before{
        width: 3px;
        height: 60px;
        bottom: -35px;
        left: 50%;
        transform: translate(-50%,0);
    }
    .column-row .column-item.solo-item .iconbox::before{
        width: 12px;
        height: 12px;
        bottom: 0;
    }
    .column-row .column-item.solo-item .iconbox::after{
        width: 9px;
        height: 9px;
        bottom: -38px;
    }
    .column-row .column-item.solo-item::after{
        height: 75px;
        left: 15px;
        right: calc( 50% - 2px );
        border-left: 3px solid #00a19c;
        border-top: 3px solid #00a19c;
        background: transparent;
        bottom: -110px;
    }
    .col-item-01 .iconbox::before{
        top: -18px;
        left: 20px;
        transform: translate(-50%,-50%);
        width: 16px;
        height: 16px;
    }
    .col-item-02 .iconbox::before{
        top: 50%;
        left: 40px;
        margin-top: 3px;
        transform: translate(-50%,-50%);
    }
    .col-item-03 .iconbox::before{
        top: 50%;
        left: 0;
        transform: translate(-50%,-50%);
        margin-left: 1px;
        margin-top: -1px;
    }
    .marker-icon{
        width: 30px;
    }
    .earth-map-marker.malaysia{
        top: 30%;
    }
    .earth-map-marker.india{
        top: 15%;
        left: 40%;
    }
    .earth-map-marker.china{
        top: 31%;
    }
    .earth-map-marker.egypt{
        top: 20%;
    }
    .grid-list .grid-item:nth-of-type(1n+4){
        display: none;
    }
    .grid-mobile-expand{
        width: 45px;
        height: 45px;
        background: #4d4d4d;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 15px auto;
        font-size: 24px;
        line-height: 24px;
    }

}
/* @media screen and (min-width: 601px){
    html, body{
        overflow: hidden;
    }
} */
@media screen and (min-width: 768px){
    .hide-on-desktop, .grid-mobile-expand{
        display: none!important;
    }
    div.nopadding-mb{
        padding-left: 0!important;
        padding-right: 0!important;
    }
    div.nomargin-mb{
        margin-left: 0!important;
        margin-right: 0!important;
    }
    #popup-facilities .owl-carousel .item .slide-col{
        width: 100%;
    }
    .footer .nav-item:not(:last-child){
        margin-right: 40px;
    }
    section.section-content{
        overflow: hidden;
    }
    #solutions-design-for-you{
        padding-left: 50px;
        padding-right: 50px;
    }
    .box-row .box-item:nth-child(odd){
        padding-right: 40px;
    }
    .box-row .box-item:nth-child(even){
        padding-left: 40px;
    }
    #vision .content-wrapper h2, #fuelling-malaysia-forward-with-a-natural-super-power .title-wrapper h2, #fuelling-malaysia-forward-with-a-natural-super-power .content-wrapper h2, #what-is-lng .content-wrapper h2, #lng-info  .title-wrapper h2, #lng-info  .content-wrapper h2, #lng-info  .title-wrapper h3, #lng-info  .content-wrapper h3{
        display: inline-block;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }
    #track-record-natural-advantage, #our-solutions-made-for-you, #popup-facilities{
        padding: 0 3.125rem;
    }
    #facilities, #track-record-natural-advantage, #our-solutions-made-for-you{
        padding-top: 0px;
    }
    #popup-facilities{
        padding-top: 80px;
    }
    .popup-opened #facilities .floatingAnimation{
        z-index: 1;
    }
    #our-solutions-made-for-you .content-wrapper h2{
        position: relative;
        left: auto;
        right: 0;
        transform: translateX(0);
    }
    /* #our-solutions-made-for-you .textFilling{
        display: inline-block;
        width: auto;
        animation: none;
        margin-left: auto;
        -webkit-text-stroke-color: transparent;
    } */
    .grid-sizer, .grid-item.grid-half{
        width: 50%;
    }
    .grid-item{
        width: 100%;
    }
    .grid-thumbnail img{
        display: block;
        width: 100%;
    }
    .card-wrapper{
        padding-right: 50px;
    }
    .card-item{
        max-width: 50%;
    }
    .card-item:nth-child(odd){
        padding-right: 1rem;
    }
    .card-item:nth-child(even){
        padding-left: 1rem;
    }
    #popup-facilities .item.slide-02 .col-md-6:last-child{
        padding-right: 70px;
    }
    #popup-facilities .owl-nav{
        position: absolute;
        bottom: 5%;
        right: 25px;
    }
    .column-row .column-item{
        max-width: 33%;
    }
    .column-row .column-item.solo-item::before{
        background: transparent;
        width: 40px;
        height: 60px;
        left: calc( 50% + 45px );
        top: 50%;
        border-top: 3px solid #00A19C;
        border-right: 3px solid #00A19C;
    }
    .column-row .column-item.solo-item .iconbox::before{
        width: 13px;
        height: 13px;
        top: 50%;
        left: calc( 50% + 55px );
        transform: translate(0,-50%);
        margin-top: 2px;
    }
    .column-row .column-item.solo-item .iconbox::after{
        width: 9px;
        height: 9px;
        left: calc( 50% + 80px );
        transform: translate(0,-50%);
        bottom: 8px;
        margin-left: 2px;
    }
    .facility-header{
        margin-left: auto;
        opacity: 0;
    }
    .facility-item::before{
        position: absolute;
    }
    .section.active .fadeIn{
        animation-duration: 1s;
    }
    .section.active .facility-item::before, .section.active .facility-item::after{
        animation-duration: 0.82s;
    }
    .section.active .fadeIn, .section.active .facility-item::before, .section.active .facility-item::after{
        animation-fill-mode: forwards;
        animation-timing-function: linear;
    }
    .section.active .facility-item::before{
        opacity: 0;
        width: 0;
        animation-name: lineExpand;
    }
    .section.active .facility-item::after{
        height: 0;
        animation-name: lineExpandVertical;
    }
    .section.active .facility-item.timing-1::before, .section.active .facility-item.timing-1::after{
        animation-delay: 1s;
    }
    .section.active .facility-item.timing-2::before, .section.active .facility-item.timing-2::after{
        animation-delay: 1.5s;
    }
    .section.active .facility-item.timing-3::before, .section.active .facility-item.timing-3::after{
        animation-delay: 2s;
    }
    #gnp-introduction-banner .main-banner.rotatingBubble{
        background-position: right 120px top 0px;
    }
    #popup-facilities{
        overflow: hidden;
    }
    .footer-based{
        width: calc(100% - 160px);
        margin: 0px 80px;
        position: relative;
    }
    .footer-based .footerColumnLeft{
        margin-left: 45px;
    }
    .footer-based .footerColumnRight{
        margin-right: 45px;
    }
    .footer-based .footerRow .footerColumn{
        width: 40%;
    }
    .footer-based .footerColumn.footerColumnLeft > ul{
        justify-content: flex-start;
    }
    .footerRow.footerRowBottom{
        padding: 15px 0;
        margin-top: 60px;
    }
    .social-media-links ul{
        margin-top: -30px;
    }
    .social-media-links ul .nav-item:not(:last-child){
        margin-right: 30px;
    }
    .grid-thumbnail img{
        -webkit-transition: all 0.25s ease;
        -moz-transition: all 0.25s ease;
        -ms-transition: all 0.25s ease;
        -o-transition: all 0.25s ease;
        transition: all 0.25s ease;
    }
    .grid-content:hover .grid-thumbnail img{
        transform: scale(1.05);
    }
}
@media screen and (min-width: 768px) and (max-width: 991px){
    #app, #main, section.section-content{
        display: block;
        width: 100%;
        min-height: 100vh;
    }
    section.section-content:not(.intro-banner){
        padding-top: 120px;
    }
    .intro-banner .caption .banner-title{
        font-size: 52px;
        line-height: 60px;
    }
    h2{
        font-size: 36px;
        line-height: 42px;
    }
    .ts-row.full-screen{
        min-height: unset;
    }
    .box-item .box-wrapper{
        height: 100%;
    }
    .box-item .box-content{
        position: relative;
        left: auto;
        bottom: auto;
        transform: translate(0,0);
        height:max-content;
        margin-top: -60px;
    }
    .card-icon-wrapper{
        height: 190px;
    }
    .box-row .box-item:nth-child(odd){
        padding-right: 20px;
    }
    .box-row .box-item:nth-child(even){
        padding-left: 20px;
    }
    .hide-on-desktop.show-on-ipad{
        display: block!important;
    }
    .hide-on-desktop.show-on-ipad.animation-loaded{
        display: inline-block!important;
    }
    .hide-on-mobile.hide-on-ipad{
        display: none!important;
    }
    #facilities > .ts-container .ts-row > [class*='col-'], #track-record-natural-advantage > .ts-container .ts-row > [class*='col-']{
        max-width: 100%;
        min-width: 100%;
    }
    .section .title-wrapper{
        margin-bottom: 70px;
    }
    #lng-info .title-wrapper h3{
        font-size: 28px;
        line-height: 35px;
    }
    .facility-header{
        min-height: 86px;
    }
    .ipad-reverse-column{
        flex-direction: column-reverse;
    }
    .card-wrapper{
        padding-right: 0!important;
    }
    .card-item:not(:last-child){
        margin-bottom: 3.5rem;
    }
    .card-item:nth-child(odd){
        padding-right: 0;
    }
    .card-item:nth-child(even){
        padding-left: 0;
    }
    #our-solutions-made-for-you .card-list{
        justify-content: center;
    }
    #our-solutions-made-for-you .card-item{
        max-width: 90%;
    }
    #track-record-natural-advantage, #our-solutions-made-for-you{
        padding-top: 0;
    }
    #solutions-design-for-you .grid-wrapper{
        margin-top: 30px
    }
    #fuelling-malaysia-forward-with-a-natural-super-power{
        padding-top: 120px;
    }
}
@keyframes lineExpand {
    0%{
        width: 0;
        opacity: 0;
    }
    100%{
        width: 30%;
        opacity: 1;
    }
}
@keyframes lineExpandVertical {
    0%{
        height: 0;
        opacity: 0;
    }
    100%{
        height: 100%;
        opacity: 1;
    }
}
@media screen and (min-width: 1199px) and (max-width: 1599px){
    h2{
        font-size: 46px;
        line-height: 52px;
    }
    h3{
        font-size: 38px;
        line-height: 45px;
    }
    .grid-caption .grid-title{
        font-size: 20px;
        line-height: 24px;
    }
    .profile-title{
        font-size: 28px;
        line-height: 35px;
    }
    #lng-info .title-wrapper h3{
        font-size: 32px;
        line-height: 35px;
    }
    .intro-banner .caption .banner-title {
        font-size: 65px;
        line-height: 72px;
    }
    
    #solutions-design-for-you .grid-wrapper{
        padding-top: 80px;
    }
}
@media screen and (min-width: 1600px){
    #our-solutions-made-for-you .full-screen.adjust-center{
        /* padding-top: 125px; */
    }
    h2{
        font-size: 58px;
        line-height: 65px;
    }
    h3{
        font-size: 42px;
        line-height: 50px;
    }
    .grid-caption .grid-title{
        font-size: 20px;
        line-height: 24px;
    }
    .facility-item:not(:last-child)::after{
        top: 50px;
    }
    .facility-header{
        font-size: 28px;
        line-height: 36px;
    }
    #solutions-design-for-you .grid-wrapper{
        padding-top: 100px;
        width: calc(100% - 50px);
        margin-left: auto;
    }
    .grid-content{
        padding: 15px;
    }
}
@media screen and (min-width: 1900px){
    #lng-info{
        padding-top: 0;
    }
    .line-decoration .column-row{
        padding-top: 50px;
    }
    .line-decoration .column-item::before{
        height: 50px;
    }
    .line-decoration .column-item:not(:last-child)::after, .line-decoration .column-item::before, .col-item-01 .iconbox::before, .col-item-03 .iconbox::before{
        top: -25px;
    }
}
canvas { position: relative; width: 100%; height: 100% }
#earthsphere{
    position: relative;
}

#global .ts-container-fluid .col-md-6 .content-wrapper {
    padding: 6em;
}

.newsletter-description p {
    font-size: 18px;
}

#our-solutions-made-for-you .full-screen.adjust-center {
    /* align-items: center; */
    padding-bottom: 20%;
    padding-top: 5%;
}

#track-record-natural-advantage .card-icon-wrapper .card-content {
    padding: 30px;
    padding-right: 60px;
    font-size: 1.25vw;
    line-height: 1.667vw;
    color: #ffffff;
    min-height: 180px;
}

#track-record-natural-advantage .card-icon-wrapper {
    background-color: #6f4293;
}

#track-record-natural-advantage .card-item .card-body {
    background-color: #ffffff;
}

#fuelling-malaysia-forward-with-a-natural-super-power {
background-image: url(../images/bg-gnp-fuelling-malaysia-forward-with-a-natural-super-power.jpg);
    background-size: cover;
}

#fuelling-malaysia-forward-with-a-natural-super-power::after {
    background-color: rgba(255, 255, 255, 0.7);
}

@media screen and (min-width: 1199px) {
    .facility-header {
        min-height: 86px;
    }
    #fuelling-malaysia-forward-with-a-natural-super-power .title-wrapper h2 {
        font-size: 52px;
    }
    #vision .box-item .box-content {
        bottom: 0;
    }
}
@media(max-width:767px){

    .section{
        height: auto !important;
    }
    h2, .newsletterRow .newsletter-title  {
        line-height: 30px;
    }
    .bg-plant-3  {
        background-position-x: 20% ;
    }
    .ballColor02.mballColor01 {
        background: linear-gradient(0deg, rgb(2, 155, 142) 0%, rgb(2, 113, 133) 61%);
    }
    .ballColor01.mballColor02 {
        background: linear-gradient(0deg, rgb(75, 73, 154) 0%, rgb(140, 56, 149) 65%);
    }

    .line {
        height: 2px;
    }

}
@media screen and (max-width: 767px){

    .board-carousel .owl-carousel .owl-item.center .team-profile{
        display: contents;
    }
    .board-carousel::after{
        display: none;
    }
 
}

.ct-virtual-tour {
    text-align: right;
    padding-top: 20px;
    max-width: 40%;
    float: right;
    margin-right: 50px;
    cursor: pointer;
}

@media screen and (max-width: 600px) {
    .ct-virtual-tour {
        padding-top: 20px;
        max-width: 50%;
        float: none; /* Reset the float property */
        margin-right: 0; /* Reset the right margin */
    }
}