/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
body.home .pt-plus-page-loader,
body.home .plus-page-loader,
body.home .theplus-preloader-wrap,
body.tp-loader-wrapper,
body.home .elementor-widget-tp-pre-loader{
display: none !important;
}
html {
overflow-x:hidden;
}
.backTop{
cursor:pointer
}
.knb-arrow-ani {
animation: up;
animation-duration: 2.2s;
animation-timing-function: cubic-bezier(.15,.41,.69,.94);
animation-iteration-count: infinite;
}
@keyframes up {
0% { opacity: 0; }
50% { transform: translateY(-15px); opacity: 1; }
100% { transform: translateY(0); opacity: 0;}
}
.theplus-accordion-wrapper.tp-acc-hori p {
white-space: inherit;
}
.knbPrimary {
font-family: var(--e-global-typography-primary-font-family);
font-weight:500;
}
.rank-math-breadcrumb, .rank-math-breadcrumb a {
font-size:0.875rem;
color:#fff;
}
.knbBread .rank-math-breadcrumb, .knbBread .rank-math-breadcrumb a {
color:#000;
}
.rank-math-breadcrumb a:hover {
color:var(--e-global-color-primary);
}
.rank-math-breadcrumb span.separator {
margin: 0 5px;
}
.rank-math-breadcrumb span.last {
position: relative;
}
.rank-math-breadcrumb span:last-child.last::after {
position: absolute;
content: "/";
right:-15px;
top: -2px;
font-size:0.875rem;
}
.elementor-image-box-title {
margin-top: -4px;
}
.knbDivider .elementor-divider-separator {
width: 0%;
visibility: hidden;
transition: none;
}
.e-hotspot__tooltip {
white-space: normal;
}
.elementor-widget-text-editor ul, .elementor-widget-text-editor ol, ul.wp-block-list , ol.wp-block-list {
padding-left: 15px;
}
.elementor-widget-text-editor ol>:nth-child(n+2), ul.wp-block-list>:nth-child(n+2), ul.wp-block-list ul {
margin-top: 15px;
}
ol.wp-block-list>:nth-child(n+2) {
margin-top: 20px;
}
ul.wp-block-list, ol.wp-block-list {
margin-bottom: 20px;
}
p:last-child, .elementor-widget-text-editor p:last-child{
margin-bottom:0px;
}
ul>:nth-child(n+2) {
margin-top: 10px;
}
.knbBulletNum ol {
list-style-type: none;
counter-reset: ordered;
margin-left: 25px;
}
.knbBulletNum li::before {
background: var(--e-global-color-primary);
color:#fff;
border-radius: 50%;
content: counter(ordered);
counter-increment: ordered;
display: flex;
position: absolute;
left: 0;
width: 28px;
height: 28px;
justify-content: center;
align-items: center;
}
.e-con .elementor-widget {
min-width: auto;
}
.elementor-icon-wrapper {
line-height:0;
}
.elementor-page-title {
display:block;
}
.bc_parent {
pointer-events: none;
}
#accessibilityWidget {
cursor: pointer;
}
a {
color: inherit;
}
a.knbQuick h1{
transition: all ease-in-out .3s;
}
a.knbQuick:hover .elementor-icon {
transform:rotate(45deg);
color: var(--e-global-color-primary) !important;
}
a.knbQuick:hover .elementor-heading-title {
color: var(--e-global-color-primary) !important;
}
a.knbQuickLink::before {
content: "";
position: absolute;
background-color: var(--e-global-color-secondary);
transition: 0.3s ease-out;
top: 0; bottom: 0; left: 0;
height: 100%; width: 0%;
}
a.knbQuickLink:hover::before {
width: 100%;
}
a.knbQuickLink:hover .elementor-widget-text-editor, a.knbQuickLink:hover .elementor-heading-title, a.knbQuickLink:hover .elementor-icon {
color:#fff !important;
}
.elementor-field-type-submit .elementor-button {
position:relative;
padding: 15px 55px 15px 20px;
border: 1px solid transparent !important;
background: linear-gradient(#D3E9FF, #D3E9FF) padding-box, linear-gradient(50deg, rgba(71, 145, 230, 0.36) 0%, rgba(255, 255, 255, 0.70) 50%, rgba(71, 145, 230, 1) 100%) border-box;
}
.elementor-button[type="submit"]:hover {
background: var(--e-global-color-secondary);
}
.elementor-field-type-submit .elementor-button:after {
content: url('data:image/svg+xml,');
text-rendering: auto;
-webkit-font-smoothing: antialiased;
display: inline-flex;
justify-content: center;
align-items: center;
position: absolute;
width: 34px;
height: 34px;
border-radius: 50%;
transform: translateY(-50%);
top: 50%;
right: 5px;
background: var(--e-global-color-secondary);
color: #fff;
font-size: 1rem;
}
/* Custom Carousel Nav */
.knbNavArrows {
position:absolute;
width: 100%;
bottom: 80px;
z-index:999;
left:50%;
transform:translateX(-50%);
max-width:1200px;
display:flex;
padding: 0 15px;
box-sizing:content-box;
}
.knbNavArrows svg {
width:15px;
fill: var(--e-global-color-secondary) !important;
}
.knbNavArrows .elementor-swiper-button {
background: var(--e-global-color-ece4949);
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
cursor:pointer;
}
.knbNavArrows .elementor-swiper-button:hover {
background: var(--e-global-color-primary);
}
.knbNavArrows .elementor-swiper-button:hover svg {
fill: var(--e-global-color-ece4949) !important;
}
.knbNavArrows .elementor-swiper-button-next {
margin-left:15px;
}
/* Search */
.e-search-form {
margin-bottom: 0;
}
.knbSearch .elementor-widget-search .e-search-input {
height:inherit;
}
.knbSearch .elementor-widget-search .e-search .e-search-submit {
width: 36px;
height:36px;
justify-content: center;
position: absolute;
right: 10px;
transform: translateY(-50%);
top: 50%;
}
.knbSearch .elementor-widget-search .e-search-input-wrapper>svg {
right: 65px;
}
/* AM SVG Animation */
.elementor-icon-wrapper svg.am-line {
width:100% !important;
opacity:0.7;
}
.am-line path {
stroke-dasharray: 1;
stroke-dashoffset: 1;
animation: drawLineLoop 5s ease-in-out infinite;
}
.am-line path:nth-child(1) {
animation-delay: 0s;
}
.am-line path:nth-child(2) {
animation-delay: 0.3s;
}
.am-line path:nth-child(3) {
animation-delay: 0.6s;
}
@keyframes drawLineLoop {
0% {
stroke-dashoffset: 1;
opacity: 0;
}
10% {
opacity: 1;
}
45% {
stroke-dashoffset: 0;
opacity: 1;
}
85% {
stroke-dashoffset: 0;
opacity: 1;
}
100% {
stroke-dashoffset: 1;
opacity: 0;
}
}
/* Text Animation */
.knbTitle {
overflow: hidden;
}
.knbTitle .elementor-heading-title {
line-height: 1;
margin: 0;
padding: 0;
word-wrap: break-word;
}
.knbTitle .word {
display: inline-block;
overflow: hidden;
position: relative;
height: 1.2em;
vertical-align: bottom;
margin-right: 0;
}
.knbTitle .word-inner {
display: inline-block;
transform: translateY(100%);
line-height: 1;
position: relative;
}
/* Header */
/*#knbHeader {
transition: all .4s ease!important;
}
.knbMenuWrap {
transition: border-radius 0.3s;
}
.knbMenuWrap:has(#knbDrop:hover) {
border-radius: 5px 5px 0 0;
}*/
#knbDrop .e-n-menu-dropdown-icon {
display:none;
}
/*.e-n-menu-item.active-menu-title .e-n-menu-title-text, .elementor-icon-list-item.active-menu-item .elementor-icon-list-text {
color: var(--e-global-color-primary) !important;
}
.elementor-icon-list-item.active-menu-item .elementor-icon-list-text {
font-weight:500;
}*/
.overlay .elementor-icon-list-item.active-menu-title a .elementor-icon-list-text , .overlay .elementor-icon-list-item.active-menu-item a .elementor-icon-list-text {
color: var(--e-global-color-primary) ;
}
/*.overlay .elementor-icon-list-item.active-menu-title a[data-external="url"] .elementor-icon-list-text {
color: var(--e-global-color-accent) ;
}*/
.knbMenuWrapBG .elementor-icon-list-item.active-menu-title a .elementor-icon-list-text , .knbMenuWrapBG .elementor-icon-list-item.active-menu-item a .elementor-icon-list-text {
color: #fff !important;
padding: 5px 12px;
border-radius: 50px;
background: var(--e-global-color-secondary) !important;
}
.e-n-menu-item.active-menu-title .e-n-menu-dropdown-icon svg {
fill: var(--e-global-color-primary) !important;
}
.knbLang .cpel-switcher__toggle a {
border-radius: 50px;
min-height: 36px;
display: flex;
align-items: center;
justify-content: center;
padding-bottom: 2px !important;
}
.knbLang .cpel-switcher__toggle--on a {
border-radius: 15px 15px 0 0;
}
.knbLang .cpel-switcher__list .cpel-switcher__lang a {
border-radius: 0 0 15px 15px;
padding-bottom: 10px
}
.knbLang .cpel-switcher__icon {
font-size: 0.875rem;
}
.knbTabNav .e-n-tab-icon {
background: var(--e-global-color-085a7b6) ;
padding: 7px;
border-radius: 50px;
opacity: 0;
}
.knbTabNav .e-n-tab-title {
justify-content: space-between !important;
}
.knbTabNav .e-n-tab-title[aria-selected="true"] .e-n-tab-icon {
opacity:1
}
/* Burger */
.toggle-btn:focus {
border: none !important;
outline: none !important;
}
.overlay {
position: fixed;
top: 0;
left: 0;
z-index: 1000;
clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
will-change: clip-path;
backface-visibility: hidden;
}
.elementor-editor-active .overlay {
display: none;
}
body.elementor-editor-active.postid-29 .overlay {
display: block;
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.burger {
padding: 0 15px 0 15px;
background: var(--e-global-color-secondary) !important;
height: 36px;
display: flex;
font-family: var(--e-global-typography-primary-font-family) !important;
justify-content: center;
align-items: center;
color:#fff;
border-radius: 0.25em;
outline: none;
border: none;
transition: all 250ms ease-out;
cursor: pointer;
color: #fff !important;
gap: 15px;
}
.burger_line {
width:25px;
position:relative;
}
.burger_line:before,
.burger_line:after
{
content: "";
width: 25px;
height: 2px;
position: absolute;
background: #fff;
transition: all 250ms ease-out;
will-change: transform;
left: 0;
top: 0;
}
.burger_line:before {
transform: translateY(-4px);
}
.burger_line:after {
transform: translateY(2px);
}
.active .burger_line:before {
transform: translateY(-1px) rotate(45deg);
}
.active .burger_line:after {
transform: translateY(-1px) rotate(-45deg);
}
/* Home Slider */
.list-carousel-slick .grid-item {
padding: 0;
}
.my-pagination-counter {
color:#000;
}
.knbSlideNav .fa-angle-left:before {
content: "\f060";
}
.knbSlideNav .fa-angle-right:before {
content: "\f061";
}
.knbSlideNav .theplus-carousel-remote .slider-nav-next-prev a.custom-nav-remote.nav-next-slide {
margin-top: 10px;
}
.knbSlideNav .theplus-carousel-remote .slider-nav-next-prev .custom-nav-remote {
width:40px;
height:40px;
display:flex;
align-items: center;
justify-content: center;
}
/* Button */
.elementor-button-content-wrapper {
justify-content: space-between;
}
.elementor-button-icon {
align-items: center;
justify-content: center;
display: flex;
width: 34px;
height: 34px;
background: var(--e-global-color-secondary);
border-radius: 50%;
fill:#fff;
color:#fff;
transition: all .3s ease-in-out;
}
.knbDLBtn .elementor-button-icon, a.elementor-button-link:hover .elementor-button-icon {
transform: rotate(0deg);
}
.elementor-button-text {
width:max-content;
}
.elementor-button-content-wrapper {
align-items:center;
}
/* Video Lightbox */
.elementor-custom-embed-play {
width: 60px;
height: 60px;
border-radius: 50%;
background: var(--e-global-color-primary);
justify-content:center;
align-items:center;
display:flex;
}
.elementor-lightbox .elementor-video-container .elementor-video-square iframe {
height: auto !important;
max-height: 90vh;
width: 100% !important;
}
@media (min-width: 1025px) {
.elementor-lightbox .elementor-video-container .elementor-video-square {
max-height: 85vh;
width: 85vw !important;
}
}
/* Investment Box */
.hover-card {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
overflow: hidden;
transition: height 0.4s ease;
}
.expand-content {
justify-content: space-between;
max-height:0;
min-height: 0;
margin-top:-20px;
opacity: 0;
transform: translateY(10px);
overflow: hidden;
transition: max-height 0.4s ease, opacity 0.4s ease, transform 0.4s ease;
}
.hover-card.active .expand-content {
max-height: 500px;
min-height:320px;
margin-top:0;
opacity: 1;
transform: translateY(0);
}
/* Counter Number */
.knbPerformance .elementor-counter-number-wrapper {
align-items:end;
}
.knbPerformance .elementor-counter-number-suffix {
font-weight:normal;
font-size:2.25rem;
margin-bottom:3px;
}
/* Home Sustainability */
.knbSusTab .e-n-tab-icon svg {
display:none;
}
.knbSusTab .e-n-tab-title[aria-selected=true] .e-n-tab-icon svg {
display:block;
transform: rotate(90deg);
}
.knbSusTab .e-n-tab-title[aria-selected=true] .e-n-tab-title-text {
font-weight: 500;
font-size:3rem;
}
/* About Us */
.knbLtAcc .theplus-accordion-wrapper .accordion-icon-prefix {
background: transparent;
margin: 0;
}
.knbLtAcc .theplus-accordion-wrapper.tp-acc-hori.tp_hal_2 .theplus-accordion-item .plus-accordion-header.active {
border-radius: 10px 0 0 10px;
}
.knbLtAcc .theplus-accordion-wrapper .accordion-icon-prefix, .knbLtAcc .theplus-accordion-wrapper.tp-acc-hori .theplus-accordion-item .plus-accordion-header span {
transform: rotate(0deg);
}
.knbLtAcc .theplus-accordion-wrapper.tp-acc-hori.tp_hal_2 .theplus-accordion-item .plus-accordion-header span:nth-child(1) {
padding-left:0;
}
.knbLtAcc .theplus-accordion-wrapper.tp-acc-hori.tp_hal_2 .theplus-accordion-item .plus-accordion-header span:nth-child(2) {
transform: rotate(0deg);
top: 30px;
white-space: normal;
line-height: 1.4;
text-align: left;
padding: 0 15px;
}
.knbLtAcc .plus-icon-accordion svg {
height:90px;
}
.knbLtAcc .theplus-accordion-wrapper.tp-acc-hori .theplus-accordion-item .plus-accordion-header {
width:100px;
}
.knbLtAcc2 .theplus-accordion-wrapper.tp-acc-hori .theplus-accordion-item .plus-accordion-header {
width:130px;
}
.knbLtAcc .theplus-accordion-wrapper .theplus-accordion-item:nth-child(1){
background:#349A46;
border-radius:10px;
}
.knbLtAcc .theplus-accordion-wrapper.tp-acc-hori .theplus-accordion-item:nth-child(2) .plus-accordion-header, .knbLtAcc .theplus-accordion-wrapper.tp-acc-hori .theplus-accordion-item:nth-child(2) .plus-accordion-content, .knbLtAcc .theplus-accordion-wrapper .theplus-accordion-item:nth-child(2){
background:#77B97F;
border-radius:10px;
}
.knbLtAcc .theplus-accordion-wrapper.tp-acc-hori .theplus-accordion-item:nth-child(3) .plus-accordion-header, .knbLtAcc .theplus-accordion-wrapper.tp-acc-hori .theplus-accordion-item:nth-child(3) .plus-accordion-content, .knbLtAcc .theplus-accordion-wrapper .theplus-accordion-item:nth-child(3) {
background:#9FCCA4;
border-radius:10px;
}
.knbLtAcc .theplus-accordion-wrapper.tp-acc-hori .theplus-accordion-item:nth-child(4) .plus-accordion-header, .knbLtAcc .theplus-accordion-wrapper.tp-acc-hori .theplus-accordion-item:nth-child(4) .plus-accordion-content {
background:#C2E1C8;
}
/*
.knbLtAcc .theplus-accordion-wrapper.tp-acc-hori .plus-accordion-content .plus-content-editor {
padding: 30px 30px 30px 0;
}*/
.knbLtAcc .theplus-accordion-wrapper.tp-acc-hori .plus-accordion-content {
background: var(--e-global-color-primary);
}
.knbLtAcc .plus-content-editor{
transform: translateX(-100px);
}
.knbLtAcc2 .plus-content-editor{
transform: translateX(-130px);
}
.knbLtAcc .theplus-accordion-item:first-child .elementor-tab-title{
color:#fff !important;
}
.knbLtAcc,
.knbLtAcc .theplus-accordion-wrapper,
.knbLtAcc .elementor-tab-content,
.knbLtAcc .plus-content-editor {
pointer-events: auto !important;
}
.knbLtAcc .elementor-tab-content a,
.knbLtAcc .elementor-button-link {
pointer-events: auto !important;
position: relative;
z-index: 99999;
}
.knbLtAcc .plus-content-editor, .knbLtAcc .elementor{
height:100%
}
.knbLtAcc .theplus-accordion-wrapper.tp-acc-hori .theplus-accordion-item{
margin:0 0 !important;
}
.year-prefix {
display:block;
}
.lineHeight h1::before {
content: "";
display: table;
margin-bottom: calc(-0.5lh + 0.32em);
}
.lineHeight h1::after {
content: "";
display: table;
margin-top: calc(-0.5lh + 0.6em);
}
/* collapse active vertical title */
selector .elementor-tab-title.active{
flex: 0 0 0px !important;
width: 0 !important;
padding: 0 !important;
border: 0 !important;
overflow: hidden !important;
opacity: 0 !important;
}
/* inactive tabs width */
selector .elementor-tab-title:not(.active){
width: 120px !important;
}
.timeline-year {
position: relative;
overflow:hidden;
}
.timeline-year::after {
content:"";
position:absolute;
border-left: 1px solid var(--e-global-color-primary);
width:2px;
height:100%;
bottom:0;
left:60px;
z-index: -1;
}
.timeline .elementor-image-box-img {
opacity: 0;
transform: translateY(-50%) scale(0.95);
pointer-events: none;
position: absolute;
object-fit: contain;
top: 50%;
right: 0;
z-index: 10;
transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}
.timeline .elementor-image-box-wrapper:hover .elementor-image-box-img {
opacity: 1;
transform: translateY(-50%) scale(1);
pointer-events: auto;
z-index: 1;
}
.timeline .elementor-image-box-wrapper {
cursor: pointer;
}
.timeline .elementor-image-box-content {
width: 70%;
}
.timeline-event img {
width: 100%;
}
/* Leadership */
.tp-wp-quickview-wrapper.fancybox-content {
max-width: 1000px !important;
}
.knbQuickBoxLeft{
height:350px;
}
/*
.knbQuickBox {
height: 470px;
overflow-y: scroll;
scrollbar-width: none; Firefox */
-ms-overflow-style: none; /* IE/Edge
}*/
.knbQuickBox::-webkit-scrollbar {
display: none; /* Chrome, Safari, Opera */
}
.knbLeader .tp-pro-view-spinner {
position: absolute;
top: 48%;
left:48%;
}
.knbLeader .fa-eye:before {
content: url('data:image/svg+xml,');
}
.knbLeader .tp-wp-quickview-wrapper .tp-quick-view-click {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block;
}
.knbLeader .elementor-widget-tp-wp-quickview, .knbLeader .tp-wp-quickview-wrapper, .knbLeader .tp-wp-quickview-wrapper .tp-quick-view-click {
width: 100% !important;
height: 100% !important;
}
.knbLeader .tp-wp-quickview-wrapper .tp-quick-view-click i {
position: absolute;
top: 20px;
right: 20px;
opacity: 0;
transition: ease, opacity 0.4s ease;
}
.knbLead {
overflow: hidden;
transition: max-height 2s ease;
max-height: 60px;
}
.knbPosition {
max-height: 0;
margin-top:-10px;
opacity: 0;
transform: translateY(10px);
overflow: hidden;
transition: max-height 0.4s ease, opacity 0.4s ease, transform 0.4s ease;
}
.knbLeader:hover .knbLead .knbPosition {
max-height: 300px;
margin-top:0;
opacity: 1;
transform: translateY(0);
}
.knbLeader:hover .knbLead {
background-color:#349A46 !important;
max-height:300px;
}
.knbLeader:hover h2 {
color:#fff !important;
}
.knbLeader:hover .elementor-icon svg {
fill: var(--e-global-color-primary) !important;
}
.knbLeader:hover .tp-wp-quickview-wrapper .tp-quick-view-click i {
opacity:1;
}
/* Investment */
.map .e-hotspot:not(.e-hotspot--circle) .e-hotspot__button {
padding: 5px 10px;
}
.knbTabBtm.elementor-widget-n-tabs .e-n-tabs-heading {
flex-direction:column !important;
}
.knbTabBtm.elementor-widget-n-tabs .e-n-tabs-heading .e-n-tab-title-text span {
margin-right:45px;
}
.knbTabBtm.elementor-widget-n-tabs .e-n-tabs-heading .e-n-tab-title-text span:first-child {
width:15px;
}
.knbIconList .elementor-icon-list-text {
margin-left:6px;
}
.knbIconList .elementor-icon-list-icon {
background: var(--e-global-color-primary);
border-radius: 50%;
width: 35px;
height: 35px;
justify-content: center;
align-items: center;
}
.circle {
position: relative;
display: block;
background-color: transparent;
text-align: center;
}
.circle:after {
display: block;
padding-bottom: 100%;
width: 100%;
height: 0;
border-radius: 50%;
content: "";
}
.circle__inner {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.circle__wrapper {
display: table;
width: 100%;
height: 100%;
}
.circle__content {
display: table-cell;
padding: 2.4em;
vertical-align: middle;
}
/* Performance */
.knbKeyNum .elementor-counter .elementor-counter-number-wrapper {
align-items: end;
}
.knbKeyNum .elementor-counter .elementor-counter-number-suffix {
font-size: 2rem;
margin-bottom:4px;
}
.knbKeyNum .elementor-counter{
height: 100%;
}
.knbKeyNum .elementor-counter-title {
align-items:start;
}
.knbReportBg::before {
width:15%;
}
/* Sustainability */
.triangle {
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
.knbGovBtn:hover .num {
background-color: #fff !important;
}
.knbGovBtn:hover .num .elementor-heading-title {
color: #000;
}
.knbGovBtn:hover .text .elementor-heading-title {
color: #fff;
}
.highlight.bgColor {
fill: #283A88 !important;
transition: fill 0.3s ease;
}
.highlight.text path, .highlight.text rect {
fill: #fff !important;
transition: fill 0.3s ease;
}
.frame {
height: 100%;
width: auto;
overflow: hidden;
}
.frame svg {
height: 100%;
width: auto;
display: block;
}
.pyramid-svg.frame {
height:100%;
}
.pyramid-svg .level-1 .bgColor, .pyramid-svg .level-1 .bgColor2,
.pyramid-svg .level-2 .bgColor, .pyramid-svg .level-2 .bgColor2,
.pyramid-svg .level-3 .bgColor, .pyramid-svg .level-3 .bgColor2 {
transition: fill 0.3s ease;
cursor: pointer;
}
/* Hover effects */
.pyramid-svg .level-1.active .bgColor,
.pyramid-svg .level-2.active .bgColor,
.pyramid-svg .level-3.active .bgColor {
fill: #AF9B7A;
}
.pyramid-svg .level-1.active .bgColor2,
.pyramid-svg .level-2.active .bgColor2,
.pyramid-svg .level-3.active .bgColor2 {
fill: #D5C7B0;
}
.outer {
animation: pulse-outer 2s infinite;
transform-origin: 13px 13px;
}
@keyframes pulse-outer {
0% { opacity: 0.5; transform: scale(1); }
50% { opacity: 0.1; transform: scale(1.5); }
100% { opacity: 0.5; transform: scale(1); }
}
.pyramid-info {
opacity: 0;
transition: opacity 0.3s ease;
top: 50% !important;
transform: translateY(-50%);
}
.pyramid-info.active {
opacity: 1;
}
/* News */
.knbHomeNews .dynamic-listing .grid-item {
padding: 0 8px;
}
.knbHomeNews .slick-nav.slick-prev.style-1, .knbHomeNews .slick-nav.slick-next.style-1 {
border:none;
padding: 24px 24px;
}
.knbHomeNews .slick-prev.style-1:before, .knbHomeNews .slick-next.style-1:before {
font-size: 20px;
width: auto;
height: auto;
top: 50%;
left: 50%;
line-height: 0;
transform: translate(-50%, -50%);
font-family:"Font Awesome 5 Free";
font-weight:600;
}
.knbHomeNews .slick-prev:before {
content: "\f060";
}
.knbHomeNews .slick-next:before {
content: "\f061";
}
.knbHomeNews .outer-slider-arrow[dir="ltr"] .slick-nav.slick-prev.slick-arrow {
left: -50px;
}
.knbHomeNews .outer-slider-arrow[dir="ltr"] .slick-nav.slick-next.slick-arrow {
right: -50px;
}
a.knbNews {
transition: opacity 0.3s ease;
}
/*a.knbNews:hover {
background-color: var(--e-global-color-085a7b6) !important;
}
a.knbNews:hover h3.elementor-heading-title, a.knbNews:hover p, a.knbNews:hover .elementor-icon-list-text{
color: #fff !important;
transition: opacity 0.3s ease;
}*/
a.knbNews .newBtn:after{
content: "";
position: absolute;
background-image: url('https://novafusion.com.my/staging/khazanah/wp-content/uploads/khazanah-arrow-hover.svg');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
opacity: 0;
transition: 0.3s ease;
width: 20px;
height: 20px;
z-index: 9;
top: 50%;
right: 6px;
transform: translateY(-50%);
transition: all 0.4s ease;
}
a.knbNews:hover .newBtn:after{
opacity:1;
}
a.knbNews:hover .newBtn svg{
transform: rotate(90deg);
opacity:0;
}
a.knbNews:hover .elementor-widget-divider{
--divider-color: #fff;
}
a.knbHoverBox:hover .elementor-heading-title {
color: var(--e-global-color-ece4949) !important;
}
a.knbHoverBox2:hover .btnIcon .elementor-icon {
transform: rotate(45deg);
}
a.knbHoverBox .content {
opacity:0
}
a.knbHoverBox:hover .content {
opacity:1;
}
a.knbHoverBox:hover .content2 {
color:#fff;
}
a:hover .newBtn .elementor-icon {
transform: scale(1.15);
}
.tp-search-filter .tp-select .tp-select-dropdown {
display: flex;
justify-content: space-between;
align-items: center;
padding:0;
}
.tp-search-filter .tp-toggle-div .tp-select {
color: var(--e-global-color-primary) !important;
}
/* Accordion
.knbAccordion .e-n-accordion-item-title-icon {
background: var(--e-global-color-secondary);
padding:8px 9px;
border-radius: 6px;
}
.knbAccordion .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title {
border-radius: 15px 15px 0 0;
}*/
.knbKRP .image-accordion .asb-desc p:nth-child(n+2) {
margin-top: 20px;
}
.knbKRP .image-accordion .service-item-loop:hover .asb-content, .image-accordion .service-item-loop.active_accrodian .asb-content {
background-color: rgba(0, 0, 0, 0);
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, .8) 100%);
}
.slideText {
overflow: hidden;
display: flex;
}
.slideText h1{
white-space: nowrap;
}
.knbPartner .swiper-wrapper,
.knbPartner .slick-track{
transition-timing-function: linear !important;
}
/* Contact Us */
.knbRegional .e-n-tab-title {
justify-content: space-between;
}
.knbRegional .e-n-tabs-heading{
width:100%;
margin: 0 auto;
max-width: 1200px;
padding-left:15px;
padding-right:15px;
}
@media (min-width: 640px) {
.year-prefix {
display:none;
}
.knbRegional .e-n-tabs-heading{
padding-left:30px;
padding-right:30px;
}
.knbNavArrows {
padding: 0 30px;
}
}
@media (min-width: 960px) {
.knbRegional .e-n-tabs-heading{
padding-left:40px;
padding-right:40px;
}
.knbNavArrows {
padding: 0 40px;
}
}
/* Zenith */
span.knbHighlights{
color: var(--e-global-color-primary);
}
.translate-down{
transform: translateY(80px);
transition: all ease-in 0.5s;
}
.frame svg {
width: 100%!important;
}
/* material matters */
.elementor-repeater-item-cd3e28b .e-hotspot__button, .elementor-repeater-item-cd3e28b .e-hotspot__button:before,
.elementor-repeater-item-a24eacd .e-hotspot__button, .elementor-repeater-item-a24eacd .e-hotspot__button:before,
.elementor-repeater-item-502abdf .e-hotspot__button, .elementor-repeater-item-502abdf .e-hotspot__button:before,
.elementor-repeater-item-61fc724 .e-hotspot__button, .elementor-repeater-item-61fc724 .e-hotspot__button:before,
.elementor-repeater-item-f163795 .e-hotspot__button, .elementor-repeater-item-f163795 .e-hotspot__button:before{
background-color: #8D80BE !important;
}
.elementor-repeater-item-d1ea5ae .e-hotspot__button, .elementor-repeater-item-d1ea5ae .e-hotspot__button:before,
.elementor-repeater-item-9246700 .e-hotspot__button, .elementor-repeater-item-9246700 .e-hotspot__button:before,
.elementor-repeater-item-5c8b166 .e-hotspot__button, .elementor-repeater-item-5c8b166 .e-hotspot__button:before,
.elementor-repeater-item-4639449 .e-hotspot__button, .elementor-repeater-item-4639449 .e-hotspot__button:before{
background-color: #F2B405 !important;
}
.elementor-repeater-item-f96c3f8 .e-hotspot__button, .elementor-repeater-item-f96c3f8 .e-hotspot__button:before{
background-color: #429243 !important;
}
.knbTab .e-n-tabs-heading{
flex-wrap: nowrap;
}
.knbTab .e-n-tab-title{
line-height:1.2 !important;
}
.knbCounterNum .elementor-counter-number-wrapper{
flex: 0 auto;
margin-right:20px;
}
/* 3d text rotate */
.scene {
display: flex;
justify-content: center;
align-items: center;
transform-style: preserve-3d;
}
.investment3d {
position: absolute;
top: 0%;
left: 50%;
transform: translate(-50%, 0%);
width: 500px;
height: 500px;
opacity: 0.9;
background: url("https://novafusion.com.my/staging/khazanah/wp-content/uploads/investment3d.png");
background-size: cover;
background-repeat: repeat-x;
animation: animateEarth 15s linear infinite;
}
@keyframes animateEarth {
0% {
background-position: 0 0;
}
100% {
background-position: -750, 0;
}
}
.circle-3d {
transform-style: preserve-3d;
animation: animateText 30s linear infinite;
}
.circle-3d span {
position: absolute;
top: 0;
left: 0px;
background: transparent;
color: #8E7E62;
font-size: 4em;
transform-origin: center;
transform-style: preserve-3d;
padding: 5px 0px;
letter-spacing: -3px; /* tighten spacing between letters */
white-space: pre;
transform: rotateY(calc(var(--i) * (360deg / 44))) translateZ(250px);
font-family:"Barlow Condensed";
}
.circle-3d span:nth-child(6){
transform: rotateY(calc(var(--i) * (360deg / 44))) translateZ(256px);
}
.circle-3d span:nth-child(7){
transform: rotateY(calc(var(--i) * (360deg / 44))) translateZ(248px);
}
.circle-3d span:nth-child(13){
transform: rotateY(calc(var(--i) * (360deg / 44))) translateZ(256px);
}
.circle-3d span:nth-child(27){
transform: rotateY(calc(var(--i) * (360deg / 44))) translateZ(248px);
}
/*
.circle-3d span:nth-child(28){
transform: rotateY(calc(var(--i) * (360deg / 42))) translateZ(263px);
}
.circle-3d span:nth-child(27){
transform: rotateY(calc(var(--i) * (360deg / 42.5))) translateZ(250px);
}
*/
@keyframes animateText {
0% {
transform: perspective(1000px) rotateY(360deg) rotateX(0deg)
translateY(200px);
}
100% {
transform: perspective(1000px) rotateY(0deg) rotateX(0deg)
translateY(200px);
}
}
/*
.knbTitle2 {
overflow: visible;
}
.knbTitle2 .elementor-heading-title {
line-height: 1;
margin: 0;
padding: 0;
word-wrap: break-word;
}
.knbTitle2 .word2 {
display: inline-block;
overflow: hidden;
position: relative;
height: 1.1em;
vertical-align: bottom;
margin-right: 0;
}
.knbTitle2 .word-inner2 {
display: inline-block;
transform: translateY(100%);
clip-path: inset(100% 0 0 0);
}
*/
.tippy-content{
font-size:15px !important;
}
.tippy-tooltip{
background-color: var( --e-global-color-secondary );
}
.tippy-arrow{
border-top: 7px solid var( --e-global-color-secondary );
}
.knb-tooltips::before{
content:"";
position:absolute;
top:5px;
right:5px;
background-image: url(https://novafusion.com.my/staging/khazanah/wp-content/uploads/tooltips.svg);
width: 15px;
height: 15px;
background-repeat: no-repeat;
background-size: cover;
}
.knb-tooltips2::before{
content:"";
position:absolute;
top:5px;
right:5px;
background-image: url(https://novafusion.com.my/staging/khazanah/wp-content/uploads/tooltips-am.svg);
width: 25px;
height: 25px;
background-repeat: no-repeat;
background-size: cover;
}
.knb-tooltips .plus-widget-wrapper{
padding: 7px 30px;
}
.tippy-popper{
width:340px !important;
max-width:340px !important;
}
/*
.knbMenuWrap:after{
content:'';
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
background-color:#ffffffB5;
backdrop-filter: blur(10px) !important;
}
*/
/*.knbMenuWrap:has(#knbDrop:hover),
.knbMenuWrap:has(.knbDropdownContainer .elementor-element:hover) {
background-color:#fff;
}*/
.knbMenuWrapBG{
-webkit-backdrop-filter: blur(6px)!important;
backdrop-filter: blur(6px) !important;
background-color: #FFFFFFB5 !important;
}
.khazanah-remote .tooltip-txt{
color:#A3A3A3;
}
.karHighlightsCarousel .swiper-slide-active, .karHighlightsCarousel .swiper-slide{
transform: scale(0.8);
opacity:0.4 !important;
transition: all ease-in-out .3s;
}
.karHighlightsCarousel .swiper-slide-next{
transform: scale(1);
opacity:1 !important;
transition: all ease-in-out .3s;
}
.hotspotBtn .elementor-button-icon{
width:28px !important;
height:28px !important;
}
.homeCard{
position: relative;
overflow: visible;
z-index: 1;
}
.imgZoom{
overflow:hidden;
}
.homeCard:hover .imgZoom img{
transform: scale(1.1);
}
.imgZoom img{transition: all 0.4s ease; z-index:9;}
.homeCard:hover h2{
color: var(--e-global-color-primary) !important;
}
.knbButton:hover p{
color:#fff;
}
.knbButton{
border: 1px solid transparent !important;
background:
linear-gradient(#D3E9FF, #D3E9FF) padding-box,
linear-gradient(
50deg,
rgba(71,145,230,0.36) 0%,
rgba(255,255,255,0.70) 50%,
rgba(71,145,230,1) 100%
) border-box;
transition: all 0.4s ease;
}
.knbButton:hover{
background:var(--Khazanah-Blue);
transition: all 0.4s ease;
}
.knbButtonEle svg, .knbButtonEle, .eleButton svg{
transition: all 0.4s ease;
}
.knbButton:hover .knbButtonEle svg,
.homeCard:hover .knbButtonEle,
.eleButton:hover svg{
transform: rotate(90deg);
opacity:0;
}
.knbButton:hover .knbButtonBack svg, a.knbCardButton:hover .circleButton02 svg{
transform: rotate(-90deg);
opacity:0;
}
.knbButton .knbButtonEle:after, a.knbCardButton .circleButton02:after, .homeCard .circleButton:after{
content: "";
position: absolute;
background-image: url('https://novafusion.com.my/staging/khazanah/wp-content/uploads/khazanah-arrow-hover.svg');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
opacity: 0;
transition: 0.3s ease;
width: 22px;
height: 25px;
z-index: 9;
top: 50%;
right: 8px;
transform: translateY(-50%);
transition: all 0.4s ease;
}
.eleButton .elementor-button-icon:after{
content: "";
position: absolute;
background-image: url('https://novafusion.com.my/staging/khazanah/wp-content/uploads/khazanah-arrow-hover.svg');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
opacity: 0;
transition: 0.3s ease;
width: 15px;
height: 15px;
z-index: 9;
top: 50%;
right: 5px;
transform: translateY(-50%);
transition: all 0.4s ease;
}
.knbButton .knbButtonBack:after{
transform: translateY(-50%) rotate(-90deg) !important;
}
.knbButton:hover .knbButtonBack:after{
opacity: 1;
transform: translateY(-50%) rotate(-180deg) !important;
}
.knbButton:hover .knbButtonEle:after, a.knbCardButton:hover .circleButton02:after, .homeCard:hover .circleButton:after, .eleButton:hover .elementor-button-icon:after{
opacity: 1;
}
.knbCounter .elementor-counter-title{
flex:auto;
}
.knbCounter .elementor-counter-number-prefix{
display:none;
}
.news-carousel-wrap{
justify-content: space-between !important;
}
.news-carousel-wrap .carousel-progress {
position: relative;
overflow: hidden;
}
.news-carousel-wrap .carousel-progress-bar {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 0%;
background: #2BA84A;
}
.news-slider-full {
width: 100vw;
margin-left: calc(50% - 50vw);
overflow: hidden;
}
.news-slider-full .swiper-wrapper {
padding-left: calc((100vw - 1240px) / 2) !important;
}
.news-slider-full .blog-list-content{
padding:0 15px !important;
}
.news-slider-full .dynamic-listing .grid-item{
padding:0;
}
.news-carousel-wrap .theplus-carousel-remote{
margin-right: 0 !important;
margin-left: 0 !important;
}
/*.knbMenuWrap2 {
position: sticky;
top: 16px;
z-index: 999;
will-change: transform;
}*/
a.knbCardButton:hover h3, a.knbCardButton:hover p{
color:#fff
}
.geo-bar .elementor-progress-bar{
position: relative;
overflow: visible;
}
.geo-bar .elementor-progress-percentage{
position: absolute;
right: -60px;
top: 50%;
transform: translateY(-50%);
color: #1d2433;
font-weight: 700;
font-size:0.9rem;
}
.geo-bar2 .elementor-progress-percentage{
right: -70px;
}
.titleArrowDown{
position:relative;
}
.titleArrowDown:after{
content:"";
position:absolute;
bottom: -10px;
right: 50%;
transform: translateX(50%);
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid var(--e-global-color-secondary);
}
.knbFaq .e-n-accordion-item-title-icon svg{
background-color: var(--e-global-color-secondary);
fill: #fff !important;
padding: 5px;
border-radius: 3px;
width: 24px;
height: 24px !important;
}
/* top 3D bevel */
.box3d::before{
content: "";
position: absolute;
top: -30px;
left: 40px;
right: 40px;
height: 45px;
background: #d9e9f3;
transform: perspective(500px) rotateX(50deg);
transform-origin: top;
border-radius: 4px;
width: 93%;
}
@media (max-width: 1024px) {
.containerRelative{
position: initial !important
}
.karHighlightsCarousel .swiper-slide-active, .karHighlightsCarousel .swiper-slide{
transform: scale(1);
opacity:1 !important;
transition: all ease-in-out .3s;
}
}
@media (max-width: 767px) {
.knbMenuWrapBG{
overflow-x:auto;
}
.knbMenuWrapBG .elementor-icon-list-items{
display:flex !important;
flex-wrap:nowrap !important;
overflow-x:auto !important;
overflow-y:hidden !important;
white-space:nowrap !important;
gap:20px;
padding:0 24px !important;
-webkit-overflow-scrolling:touch;
scrollbar-width:none;
justify-content:flex-start !important;
}
.knbMenuWrapBG .elementor-icon-list-items::-webkit-scrollbar{
display:none;
}
.knbMenuWrapBG .elementor-icon-list-item{
flex:0 0 auto;
scroll-snap-align:center;
}
.knbMenuWrapBG .elementor-icon-list-items{
scroll-snap-type:x mandatory;
}
.burger{
padding:0 12px;
}
.burger_line {
width: 15px !important;
}
.burger_line:before, .burger_line:after {
width: 15px !important;
height: 2px !important;
}
.burger span:first-child{
display:none
}
.overlay{
max-height: 100vh;
overflow-y: auto;
}
.knbNumber .elementor-counter{
display:inline-flex !important;
}
.knbHomeNews .outer-slider-arrow[dir="ltr"] .slick-nav.slick-next.slick-arrow{
right:0px
}
.knbHomeNews .outer-slider-arrow[dir="ltr"] .slick-nav.slick-prev.slick-arrow{
left:0px;
}
.box3d::before {
left: 10px;
}
.knbLtAcc .plus-content-editor {
transform: translateX(-0px);
}
.knbLtAcc .plus-icon-accordion svg {
height: 60px;
margin-top: -10px;
}
.knbQuickBoxLeft {
height: auto;
}
.imageOverlap{
position:initial;
background-color: #fff !important;
background-image: none !important;
}
.imageOverlap h3, .imageOverlap p{
color: #0F172A !important;
}
.mapInfo{
position: initial;
}
}
@media (max-width: 440px) {
}
.hideAnim{
animation:fadeOutDown .5s ease forwards;
}
.hidePopup{
display:none !important;
}
@keyframes fadeOutDown{
from{
opacity:1;
transform:translateY(0);
}
to{
opacity:0;
transform:translateY(40px);
}
}