.elementor-27869 .elementor-element.elementor-element-ee0abab{--display:flex;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-27869 .elementor-element.elementor-element-ae27a06{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-27869 .elementor-element.elementor-element-77072d9 > .elementor-widget-container{margin:50px 0px 0px -5px;}.elementor-27869 .elementor-element.elementor-element-77072d9{text-align:start;}.elementor-27869 .elementor-element.elementor-element-77072d9 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:28px;font-weight:700;color:var( --e-global-color-text );}.elementor-27869 .elementor-element.elementor-element-4dd64d1{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:15px 30px;--row-gap:15px;--column-gap:30px;--grid-auto-flow:row;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27869 .elementor-element.elementor-element-797b24c{--display:flex;--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;}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-27869 .elementor-element.elementor-element-b7d9972 .elementor-image-box-wrapper{text-align:start;}.elementor-27869 .elementor-element.elementor-element-b7d9972.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-27869 .elementor-element.elementor-element-b7d9972.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-27869 .elementor-element.elementor-element-b7d9972.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-27869 .elementor-element.elementor-element-b7d9972 .elementor-image-box-title{margin-bottom:10px;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:700;line-height:1.8em;color:var( --e-global-color-accent );}.elementor-27869 .elementor-element.elementor-element-b7d9972 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-27869 .elementor-element.elementor-element-b7d9972 .elementor-image-box-img img{border-style:none;transition-duration:0.3s;}.elementor-27869 .elementor-element.elementor-element-103f5c9{--display:flex;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27869 .elementor-element.elementor-element-6bacd41 .elementor-image-box-wrapper{text-align:start;}.elementor-27869 .elementor-element.elementor-element-6bacd41.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-27869 .elementor-element.elementor-element-6bacd41.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-27869 .elementor-element.elementor-element-6bacd41.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-27869 .elementor-element.elementor-element-6bacd41 .elementor-image-box-title{margin-bottom:10px;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:700;line-height:1.8em;color:var( --e-global-color-accent );}.elementor-27869 .elementor-element.elementor-element-6bacd41 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-27869 .elementor-element.elementor-element-6bacd41 .elementor-image-box-img img{border-style:none;transition-duration:0.3s;}.elementor-27869 .elementor-element.elementor-element-bccb0bc{--display:flex;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27869 .elementor-element.elementor-element-9d06966 .elementor-image-box-wrapper{text-align:start;}.elementor-27869 .elementor-element.elementor-element-9d06966.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-27869 .elementor-element.elementor-element-9d06966.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-27869 .elementor-element.elementor-element-9d06966.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-27869 .elementor-element.elementor-element-9d06966 .elementor-image-box-title{margin-bottom:10px;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:700;line-height:1.8em;color:var( --e-global-color-accent );}.elementor-27869 .elementor-element.elementor-element-9d06966 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-27869 .elementor-element.elementor-element-9d06966 .elementor-image-box-img img{border-style:none;transition-duration:0.3s;}.elementor-27869 .elementor-element.elementor-element-b87c6dc{--display:flex;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27869 .elementor-element.elementor-element-ff6d215 .elementor-image-box-wrapper{text-align:start;}.elementor-27869 .elementor-element.elementor-element-ff6d215.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-27869 .elementor-element.elementor-element-ff6d215.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-27869 .elementor-element.elementor-element-ff6d215.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-27869 .elementor-element.elementor-element-ff6d215 .elementor-image-box-title{margin-bottom:10px;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:700;line-height:1.8em;color:var( --e-global-color-accent );}.elementor-27869 .elementor-element.elementor-element-ff6d215 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-27869 .elementor-element.elementor-element-ff6d215 .elementor-image-box-img img{border-style:none;transition-duration:0.3s;}.elementor-27869 .elementor-element.elementor-element-b44c511{--display:flex;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27869 .elementor-element.elementor-element-7386727 .elementor-image-box-wrapper{text-align:start;}.elementor-27869 .elementor-element.elementor-element-7386727.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-27869 .elementor-element.elementor-element-7386727.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-27869 .elementor-element.elementor-element-7386727.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-27869 .elementor-element.elementor-element-7386727 .elementor-image-box-title{margin-bottom:10px;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:700;line-height:1.8em;color:var( --e-global-color-accent );}.elementor-27869 .elementor-element.elementor-element-7386727 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-27869 .elementor-element.elementor-element-7386727 .elementor-image-box-img img{border-style:none;transition-duration:0.3s;}.elementor-27869 .elementor-element.elementor-element-f1d87b6{--display:flex;--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:50px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-27869 .elementor-element.elementor-element-2657233{--display:flex;--min-height:154px;--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#B6B6B6;--border-color:#B6B6B6;--padding-top:0px;--padding-bottom:0px;--padding-left:57px;--padding-right:0px;}.elementor-27869 .elementor-element.elementor-element-2657233:not(.elementor-motion-effects-element-type-background), .elementor-27869 .elementor-element.elementor-element-2657233 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-27869 .elementor-element.elementor-element-5b87fdb{--display:flex;--justify-content:center;}.elementor-27869 .elementor-element.elementor-element-569cccc .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:700;color:var( --e-global-color-astglobalcolor8 );}.elementor-27869 .elementor-element.elementor-element-58cdbd3{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-27869 .elementor-element.elementor-element-a9ca1d5 img{width:120px;}@media(max-width:1200px){.elementor-27869 .elementor-element.elementor-element-ee0abab{--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27869 .elementor-element.elementor-element-4dd64d1{--e-con-grid-template-columns:repeat(3, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:1024px){.elementor-27869 .elementor-element.elementor-element-ee0abab{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-27869 .elementor-element.elementor-element-4dd64d1{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image-box .elementor-image-box-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-image-box .elementor-image-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-27869 .elementor-element.elementor-element-f1d87b6{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27869 .elementor-element.elementor-element-2657233{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27869 .elementor-element.elementor-element-58cdbd3{--justify-content:center;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:766px){.elementor-27869 .elementor-element.elementor-element-ee0abab{--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-27869 .elementor-element.elementor-element-4dd64d1{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-image-box .elementor-image-box-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-image-box .elementor-image-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-27869 .elementor-element.elementor-element-b7d9972 .elementor-image-box-img{margin-bottom:0px;}.elementor-27869 .elementor-element.elementor-element-6bacd41 .elementor-image-box-img{margin-bottom:0px;}.elementor-27869 .elementor-element.elementor-element-9d06966 .elementor-image-box-img{margin-bottom:0px;}.elementor-27869 .elementor-element.elementor-element-ff6d215 .elementor-image-box-img{margin-bottom:0px;}.elementor-27869 .elementor-element.elementor-element-7386727 .elementor-image-box-img{margin-bottom:0px;}.elementor-27869 .elementor-element.elementor-element-f1d87b6{--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;--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-27869 .elementor-element.elementor-element-5b87fdb{--width:70%;--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:center;}.elementor-27869 .elementor-element.elementor-element-569cccc .elementor-heading-title{font-size:25px;}.elementor-27869 .elementor-element.elementor-element-58cdbd3{--width:30%;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(min-width:767px){.elementor-27869 .elementor-element.elementor-element-797b24c{--width:100%;}.elementor-27869 .elementor-element.elementor-element-103f5c9{--width:100%;}.elementor-27869 .elementor-element.elementor-element-bccb0bc{--width:100%;}.elementor-27869 .elementor-element.elementor-element-b87c6dc{--width:100%;}.elementor-27869 .elementor-element.elementor-element-b44c511{--width:100%;}.elementor-27869 .elementor-element.elementor-element-58cdbd3{--width:20%;}}@media(max-width:1024px) and (min-width:767px){.elementor-27869 .elementor-element.elementor-element-5b87fdb{--width:75%;}}/* Start custom CSS for image-box, class: .elementor-element-b7d9972 */.elementor-27869 .elementor-element.elementor-element-b7d9972 img:hover{
    transform: scale(1.05) !important;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-6bacd41 */.elementor-27869 .elementor-element.elementor-element-6bacd41 img:hover{
    transform: scale(1.05) !important;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-9d06966 */.elementor-27869 .elementor-element.elementor-element-9d06966 img:hover{
    transform: scale(1.05) !important;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-ff6d215 */.elementor-27869 .elementor-element.elementor-element-ff6d215 img:hover{
    transform: scale(1.05) !important;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-7386727 */.elementor-27869 .elementor-element.elementor-element-7386727 img:hover{
    transform: scale(1.05) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4dd64d1 *//* Product Grid Hover Dropdown */
.product-hover-item {
  position: relative !important;
  overflow: visible !important;
  font-family: Roboto, sans-serif;
}

.product-hover-title {
  background: white;
  padding: 5px 15px 5px 5px;
  font-size: 16px;
  font-weight: bold;
  color: #333;
  cursor: pointer;
  min-height: 34px;
  display: flex;
  align-items: center;
  width: fit-content;
  transition: background-color 0.3s ease, color 0.3s ease;
  
}

.product-hover-title .toggle-icon {
  color: grey !important;
  font-size: 18px !important;
  margin-right: 8px !important;
  display: inline-block !important;
  font-weight: normal !important;
  transition: color 0.3s ease !important;
  min-width: 15px !important;
  text-align: center !important;
}

/* Dropdown Menu with Smooth Animation */
.product-hover-dropdown {
        filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .1));
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  background: #d9d9d9 !important;
  border-top: 2px solid grey !important;
  padding-bottom: 10px;
  z-index: 9999 !important;
  min-width: 100% !important;
  width: auto !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;
  
  /* Smooth slide animation */
  opacity: 0 !important;
  visibility: hidden !important;
  max-height: 0 !important;
  overflow: hidden !important;
  transform: translateY(-10px) !important;
  transition: opacity 0.3s ease, 
              visibility 0.3s ease, 
              max-height 0.4s ease, 
              transform 0.3s ease !important;
}

/* Dropdown Links */
.product-hover-dropdown a {
  display: block !important;
  color: #005baa !important;
  text-decoration: none !important;
  padding: 5px 15px 0px 35px !important;
  font-size: 14px !important;
 
  transition: color 0.2s ease !important;
  position: relative !important;
}

.product-hover-dropdown a:hover {
  color: red !important;
}

.product-hover-dropdown a:before {
  content: "" !important;
  position: absolute !important;
  left: 15px !important;
  top: 17px !important;
  transform: translateY(-50%) !important;
  width: 10px !important;
  height: 10px !important;
  background-image: url("https://mitsubishielectricfa.com.my/wp-content/uploads/2025/12/right-arrow-1.png") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.product-hover-dropdown a.indent {
  padding-left: 50px !important;
}

.product-hover-dropdown a.indent:before {
  left: 30px !important;
}

.product-hover-dropdown a:last-child {
  border-bottom: none !important;
}

/* Show on Hover with Smooth Animation */
.product-hover-item:hover .product-hover-dropdown {
  opacity: 1 !important;
  visibility: visible !important;
  max-height: 800px !important;
  transform: translateY(0) !important;
}

/* Change + to - using JavaScript on hover */
.product-hover-item:hover .toggle-icon {
  color: white !important;
}

.product-hover-item:hover .product-hover-title {
  background-color: grey !important;
  color: white !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-569cccc */.elementor-27869 .elementor-element.elementor-element-569cccc:before{
     content: "";
  display: inline-block;
  width: 20px;        /* match arrow size */
  height: 12px;
  margin-right: 6px;
  background-image: url("https://mitsubishielectricfa.com.my/wp-content/uploads/2025/12/right-arrow-1.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  vertical-align: middle;
  margin-bottom: 15px;
}


.elementor-27869 .elementor-element.elementor-element-569cccc{
    display: ruby;
    
}

.elementor-27869 .elementor-element.elementor-element-569cccc a{
   text-decoration: none !important; 
}
@media (max-width: 600px) {

.elementor-24872 .elementor-element.elementor-element-569cccc{
        display: -webkit-inline-box !important;
}

.elementor-24872 .elementor-element.elementor-element-569cccc:before{
    margin-bottom: 0;
    margin-top: 20px;
}
}/* End custom CSS */