.elementor-8504 .elementor-element.elementor-element-181b1f1{--display:flex;--min-height:79vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--overlay-opacity:0.85;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-8504 .elementor-element.elementor-element-181b1f1:not(.elementor-motion-effects-element-type-background), .elementor-8504 .elementor-element.elementor-element-181b1f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://mtm.webfx.com.my/wp-content/uploads/2026/06/museum-collection-main-banner.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-8504 .elementor-element.elementor-element-181b1f1::before, .elementor-8504 .elementor-element.elementor-element-181b1f1 > .elementor-background-video-container::before, .elementor-8504 .elementor-element.elementor-element-181b1f1 > .e-con-inner > .elementor-background-video-container::before, .elementor-8504 .elementor-element.elementor-element-181b1f1 > .elementor-background-slideshow::before, .elementor-8504 .elementor-element.elementor-element-181b1f1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8504 .elementor-element.elementor-element-181b1f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #000000 0%, #FFFFFF00 58%);}.elementor-8504 .elementor-element.elementor-element-b770572{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:5px 20px;--row-gap:5px;--column-gap:20px;--margin-top:200px;--margin-bottom:0px;--margin-left:191px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-8504 .elementor-element.elementor-element-517fd27 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 20px;}.elementor-8504 .elementor-element.elementor-element-517fd27 .elementor-heading-title{font-family:"OpenSans", Sans-serif;font-size:40px;font-weight:500;letter-spacing:5.7px;color:#FFFFFF;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-8504 .elementor-element.elementor-element-43e4ced > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8504 .elementor-element.elementor-element-43e4ced .elementor-nav-menu .elementor-item{font-family:"OpenSans", Sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:1.5px;}.elementor-8504 .elementor-element.elementor-element-43e4ced .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-8504 .elementor-element.elementor-element-43e4ced .elementor-nav-menu--main .elementor-item:hover,
					.elementor-8504 .elementor-element.elementor-element-43e4ced .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-8504 .elementor-element.elementor-element-43e4ced .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-8504 .elementor-element.elementor-element-43e4ced .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-8504 .elementor-element.elementor-element-43e4ced .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-8504 .elementor-element.elementor-element-43e4ced .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#FFFFFF;}.elementor-8504 .elementor-element.elementor-element-43e4ced .e--pointer-framed .elementor-item:before,
					.elementor-8504 .elementor-element.elementor-element-43e4ced .e--pointer-framed .elementor-item:after{border-color:#FFFFFF;}.elementor-8504 .elementor-element.elementor-element-43e4ced .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#FFFFFF;}.elementor-8504 .elementor-element.elementor-element-43e4ced .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before,
					.elementor-8504 .elementor-element.elementor-element-43e4ced .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#FFFFFF;}.elementor-8504 .elementor-element.elementor-element-43e4ced .e--pointer-framed .elementor-item.elementor-item-active:before,
					.elementor-8504 .elementor-element.elementor-element-43e4ced .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#FFFFFF;}.elementor-8504 .elementor-element.elementor-element-5a7549d{--display:flex;--min-height:79vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--gap:5px 20px;--row-gap:5px;--column-gap:20px;--overlay-opacity:0.66;--overlay-mix-blend-mode:darken;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:50px;--padding-left:40px;--padding-right:40px;}.elementor-8504 .elementor-element.elementor-element-5a7549d::before, .elementor-8504 .elementor-element.elementor-element-5a7549d > .elementor-background-video-container::before, .elementor-8504 .elementor-element.elementor-element-5a7549d > .e-con-inner > .elementor-background-video-container::before, .elementor-8504 .elementor-element.elementor-element-5a7549d > .elementor-background-slideshow::before, .elementor-8504 .elementor-element.elementor-element-5a7549d > .e-con-inner > .elementor-background-slideshow::before, .elementor-8504 .elementor-element.elementor-element-5a7549d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://mtm.webfx.com.my/wp-content/uploads/2026/06/Museum-collection-banner-right-panel.png");--background-overlay:'';background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-8504 .elementor-element.elementor-element-5a7549d::before{filter:brightness( 91% ) contrast( 176% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-8504 .elementor-element.elementor-element-6aaa87b > .elementor-widget-container{margin:0px 0px 15px 0px;padding:0px 0px 0px 0px;}.elementor-8504 .elementor-element.elementor-element-6aaa87b .elementor-heading-title{font-family:"OpenSans", Sans-serif;font-size:30px;font-weight:500;line-height:38px;letter-spacing:0.9px;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-8504 .elementor-element.elementor-element-4736295 > .elementor-widget-container{margin:0px 150px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8504 .elementor-element.elementor-element-4736295{font-family:"OpenSans", Sans-serif;font-weight:300;letter-spacing:0.4px;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-8504 .elementor-element.elementor-element-a529ae6 .elementor-button{background-color:#FFFFFF59;font-family:"OpenSans", Sans-serif;font-size:20px;font-weight:400;letter-spacing:1.3px;border-radius:10px 10px 10px 10px;padding:15px 45px 15px 45px;}.elementor-8504 .elementor-element.elementor-element-a529ae6 .elementor-button:hover, .elementor-8504 .elementor-element.elementor-element-a529ae6 .elementor-button:focus{background-color:#D5D5D59E;}.elementor-8504 .elementor-element.elementor-element-a529ae6 > .elementor-widget-container{margin:30px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8504 .elementor-element.elementor-element-f516b6a{--display:flex;--min-height:1440px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-8504 .elementor-element.elementor-element-e3b3ffb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;--z-index:2;--bdt-tile-scroll-height:52vw;--bdt-tile-scroll-margin:10px;}.elementor-8504 .elementor-element.elementor-element-e3b3ffb:not(.elementor-motion-effects-element-type-background), .elementor-8504 .elementor-element.elementor-element-e3b3ffb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mtm.webfx.com.my/wp-content/uploads/2026/06/MTM_bg-motion_light_10s-ezgif.com-resize.gif");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-8504 .elementor-element.elementor-element-bc0e481{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8504 .elementor-element.elementor-element-b247f39{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-pp-tiled-posts .pp-tiled-post-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-pp-tiled-posts .pp-tiled-post-featured .pp-tiled-post-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-pp-tiled-posts .pp-post-categories-style-2 span{background:var( --e-global-color-primary );}.elementor-widget-pp-tiled-posts .pp-post-categories{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-pp-tiled-posts .pp-tiled-post-featured .pp-post-categories{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-pp-tiled-posts .pp-tiled-posts-meta{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-pp-tiled-posts .pp-tiled-post-featured .pp-tiled-posts-meta{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-pp-tiled-posts .pp-tiled-post-excerpt{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-pp-tiled-posts .pp-tiled-post-featured .pp-tiled-post-excerpt{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-pp-tiled-posts .pp-tiled-post-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-8504 .elementor-element.elementor-element-8642d7c .pp-tiled-post:hover .pp-tiled-post-overlay{background-color:#000000;opacity:0.2;}.elementor-8504 .elementor-element.elementor-element-8642d7c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8504 .elementor-element.elementor-element-8642d7c .pp-tiled-post-content{text-align:left;padding:40px 40px 40px 40px;}.elementor-8504 .elementor-element.elementor-element-8642d7c .pp-tiled-posts-meta > span:not(:last-child):after{content:"-";}.elementor-8504 .elementor-element.elementor-element-8642d7c .pp-tiled-post{height:738px;margin-bottom:5px;}.elementor-8504 .elementor-element.elementor-element-8642d7c .pp-tiled-post-medium, .elementor-8504 .elementor-element.elementor-element-8642d7c .pp-tiled-post-small, .elementor-8504 .elementor-element.elementor-element-8642d7c .pp-tiled-post-xs, .elementor-8504 .elementor-element.elementor-element-8642d7c .pp-tiled-post-large{height:calc( (738px - 5px)/2 );}.elementor-8504 .elementor-element.elementor-element-8642d7c .pp-tiled-posts{margin-left:-5px;}.elementor-8504 .elementor-element.elementor-element-8642d7c .pp-tiled-post, .elementor-8504 .elementor-element.elementor-element-8642d7c .pp-tiled-posts-layout-6 .pp-tiles-posts-left .pp-tiled-post, .elementor-8504 .elementor-element.elementor-element-8642d7c .pp-tiled-posts-layout-6 .pp-tiles-posts-right .pp-tiled-post{margin-left:5px;width:calc( 100% - 5px );}.elementor-8504 .elementor-element.elementor-element-8642d7c .pp-tiled-post-medium{width:calc( 50% - 5px );}.elementor-8504 .elementor-element.elementor-element-8642d7c .pp-tiled-post-small{width:calc( 33.333% - 5px );}.elementor-8504 .elementor-element.elementor-element-8642d7c .pp-tiled-post-xs{width:calc( 25% - 5px );}.elementor-8504 .elementor-element.elementor-element-8642d7c .pp-tiled-post-title{font-family:"OpenSans", Sans-serif;font-size:22px;font-weight:300;}.elementor-8504 .elementor-element.elementor-element-8642d7c .pp-tiled-post-featured .pp-tiled-post-title{font-family:"OpenSans", Sans-serif;font-size:22px;font-weight:300;}.elementor-8504 .elementor-element.elementor-element-8642d7c .pp-tiled-posts-meta{color:#fff;font-family:"OpenSans", Sans-serif;font-weight:400;}.elementor-8504 .elementor-element.elementor-element-8642d7c .pp-tiled-post-featured .pp-tiled-posts-meta{font-family:"OpenSans", Sans-serif;font-weight:400;}.elementor-8504 .elementor-element.elementor-element-8642d7c .pp-tiled-post-button{margin-top:20px;background-color:#00000000;font-family:"OpenSans", Sans-serif;font-weight:500;}.elementor-8504 .elementor-element.elementor-element-8642d7c .pp-tiled-post-overlay{opacity:0.5;}.elementor-8504 .elementor-element.elementor-element-634acc4{--display:flex;}.elementor-8504 .elementor-element.elementor-element-99f1ef3{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:12;--e-con-transform-transition-duration:0ms;}.elementor-8504 .elementor-element.elementor-element-99f1ef3:not(.elementor-motion-effects-element-type-background), .elementor-8504 .elementor-element.elementor-element-99f1ef3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-8504 .elementor-element.elementor-element-99f1ef3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8504 .elementor-element.elementor-element-99f1ef3.bdt-sticky.bdt-active{z-index:6;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1024px){.elementor-8504 .elementor-element.elementor-element-a529ae6 .elementor-button{font-size:14px;padding:10px 50px 10px 50px;}}@media(max-width:767px){.elementor-8504 .elementor-element.elementor-element-8642d7c .pp-tiled-post{height:calc( (738px - 5px)/2 );}}@media(min-width:768px){.elementor-8504 .elementor-element.elementor-element-181b1f1{--width:100%;}.elementor-8504 .elementor-element.elementor-element-b770572{--width:60%;}.elementor-8504 .elementor-element.elementor-element-5a7549d{--width:40%;}.elementor-8504 .elementor-element.elementor-element-e3b3ffb{--width:100%;}.elementor-8504 .elementor-element.elementor-element-bc0e481{--width:10%;}.elementor-8504 .elementor-element.elementor-element-b247f39{--width:80%;}.elementor-8504 .elementor-element.elementor-element-634acc4{--width:10%;}.elementor-8504 .elementor-element.elementor-element-99f1ef3{--width:100%;}}@media(min-width:1025px){.elementor-8504 .elementor-element.elementor-element-e3b3ffb:not(.elementor-motion-effects-element-type-background), .elementor-8504 .elementor-element.elementor-element-e3b3ffb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for nav-menu, class: .elementor-element-43e4ced *//* ==========================================
   1. TARGET ELEMENTOR'S UNDERLINE POINTER
   ========================================== */
/* Sets up the default behavior of the underline line */
.elementor-8504 .elementor-element.elementor-element-43e4ced .elementor-item::after {
    content: "";
    position: absolute;
    bottom: -4px; /* Distance from text to the line */
    left: 0;
    right: 0;
    height: 3px; /* Thickness of your line pointer */
    background-color: #000000; /* Change this to your preferred brand color */
    
    /* Starting configuration: Full width but invisible/scaled down to 0 */
    transform: scaleX(0);
    
    /* ROLL-OUT SPEED: Controls how smoothly the line shrinks back down when mouse leaves */
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
    transform-origin: center; /* Animates outward from the exact center */
}

/* ==========================================
   2. ROLLOVER/HOVER SHORTEN EFFECT
   ========================================== */
/* When you hover, instead of opening up to full 100% width, it scales to a shorter width */
.elementor-8504 .elementor-element.elementor-element-43e4ced .elementor-item:hover::after,
.elementor-8504 .elementor-element.elementor-element-43e4ced .elementor-item.elementor-item-active::after {
    /* Scale X value controls the width (0.4 means 40% of the text width) */
    transform: scaleX(0.8); 
    
    /* ROLL-IN SPEED: Fast, responsive snappy action when mouse enters */
    transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
}/* End custom CSS */
/* Start custom CSS for pp-tiled-posts, class: .elementor-element-8642d7c *//* ==========================================
   1. PREPARE THE MAIN GRID THUMB BOUNDARY
   ========================================== */
.elementor-8504 .elementor-element.elementor-element-8642d7c .pp-grid-item-wrap,
.elementor-8504 .elementor-element.elementor-element-8642d7c .pp-tiled-post,
.elementor-8504 .elementor-element.elementor-element-8642d7c .pp-post-tile__inner {
    position: relative !important;
    overflow: hidden !important; 
}

/* ==========================================
   2. GRADIENT OVERLAY (SLOW ROLL-OUT DESIGN)
   ========================================== */
.elementor-8504 .elementor-element.elementor-element-8642d7c .pp-tiled-post-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 2 !important;
    background: linear-gradient(0deg, rgba(0, 0, 0, 100) 0%, rgba(0, 0, 0, 50) 0%, rgba(0, 0, 0, 0 ) 100%) !important;
    transform: translateY(100%) !important;
    
    /* ROLLOUT SPEED: Changed to 0.8s (Slower transition when mouse leaves) */
    transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* ==========================================
   3. TEXT CONTENT CONTAINER (SLOW ROLL-OUT DESIGN)
   ========================================== */
.elementor-8504 .elementor-element.elementor-element-8642d7c .pp-tiled-post-content {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 3 !important; 
    padding: 35px !important; 
    box-sizing: border-box !important;
    transform: translateY(105%) !important; 
    opacity: 0 !important;
    
    /* ROLLOUT SPEED: Changed to 0.8s for transform and 0.6s for opacity fade-out */
    transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.6s ease !important;
}

/* ==========================================
   4. ROLLOVER HOVER ACTIVATION (FAST ACTION)
   ========================================== */
/* When mouse enters, overwrite the speed back to a snappy 0.45s */
.elementor-8504 .elementor-element.elementor-element-8642d7c .pp-grid-item-wrap:hover .pp-tiled-post-overlay,
.elementor-8504 .elementor-element.elementor-element-8642d7c .pp-tiled-post:hover .pp-tiled-post-overlay,
.elementor-8504 .elementor-element.elementor-element-8642d7c .pp-post-tile__inner:hover .pp-tiled-post-overlay {
    transform: translateY(0) !important;
    transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.elementor-8504 .elementor-element.elementor-element-8642d7c .pp-grid-item-wrap:hover .pp-tiled-post-content,
.elementor-8504 .elementor-element.elementor-element-8642d7c .pp-tiled-post:hover .pp-tiled-post-content,
.elementor-8504 .elementor-element.elementor-element-8642d7c .pp-post-tile__inner:hover .pp-tiled-post-content {
    transform: translateY(0) !important;
    opacity: 1 !important; 
    transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.35s ease !important;
}

/* ==========================================
   5. YOUR UNTOUCHED CUSTOM SVG BUTTON
   ========================================= */
.elementor-8504 .elementor-element.elementor-element-8642d7c .pp-tiled-post-button {
    text-indent: -9999px !important; 
    background-image: url('https://mtm.webfx.com.my/wp-content/uploads/2026/05/thumbnail-arrow-icon-1.svg') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important; 
    min-width: 20px !important; 
    min-height: 20px !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f516b6a */.collection-item {
    position: sticky;
    top: -450px; /* Adjust this value to set the gap between the top of your screen and the sticky box */
   /* transition: transform 0.3s ease;*/
    z-index: 1;
}

.collection-item.is-stuck {
    position: absolute;
    bottom: 0;
    top: auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-99f1ef3 *//*.elementor-8504 .elementor-element.elementor-element-99f1ef3{position:sticky; top:0; z-index:6; will-change:transform; backface-visibility:hidden;}*/

/*.elementor-8504 .elementor-element.elementor-element-99f1ef3{position: relative !important; top: auto !important; z-index: 2; will-change:transform; backface-visibility:hidden;}*//* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'OpenSans';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://mtm.webfx.com.my/wp-content/uploads/2026/05/OpenSans-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'OpenSans';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://mtm.webfx.com.my/wp-content/uploads/2026/05/OpenSans-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'OpenSans';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://mtm.webfx.com.my/wp-content/uploads/2026/05/OpenSans-SemiBold.ttf') format('truetype');
}
/* End Custom Fonts CSS */