:root {
    --darkblue: #1B365D;
    --lightbrown: #84754E;
}


body {
    background: #000;
}

#wide-nav {
    background: #8117;
}

.product-short-description .group-technology {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -0.625rem;
    margin-bottom: 50px;
}

.mt-25 {
    margin-top: 1.5625rem;
}

.product-short-description .group-technology .item {
    margin-top: 0.9375rem;
    margin-left: 0.625rem;
}

.product-short-description .group-technology .item {
    width: 31%;
}

.product-short-description .group-technology .item img {
    height: 2rem;
    width: auto;
}

.product-short-description .group-technology .item .item-content {
    width: 80%;
}

.ml-10 {
    margin-left: 0.625rem;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.footer-2 {
    background-color: #EDEDED;
    color: var(--darkblue);
}

.dark p,
.dark td,
.dark,
.dark .widget a,
.dark a {
    color: var(--darkblue);
}

.dark .is-divider {
    background-color: var(--darkblue);
}

.absolute-footer,
html {
    background-color: var(--darkblue);
}

.home .page-wrapper {
    padding-top: 0px;
}

.pageheader {
    height: 300px;
    text-align: center;
}
.pageheadershop {
    height: 250px;
    text-align: center;
    background: url("https://fujihome.com.my/v2/wp-content/uploads/2025/05/FUJIOH_Cooker-Hood_FR-MS2390-2-scaled-1.jpg");
    background-size: cover;
  
}
.pageheader h2, .pageheadershop h2 {
    color: #fff;
    font-size: 3em;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 0;
}

.pageheader h4, .pageheadershop h4 {
    color: #e4d3a7;
    font-weight: 400;
    text-transform: uppercase;
}

.pageheader:before,.pageheadershop:before {
    content: "";
    display: block !important;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .3);
}

.footer-secondary,
li.header-search {
    display: none;
}

.footer-primary.pull-left {
    float: none;
}

.absolute-footer {
    text-align: center;
}

.header-inner > .flex-right {
    display: none;
}

.nav > li {
    margin: 0 15px;
}

.nav > li > a,
.mobile-sidebar-levels-2 .nav > li > ul > li > a {
    font-weight: 400;
    font-style: normal;
    font-size: 1em;
}

.nav-small.nav > li.html {
    font-size: 1em;
}

.footer-widgets .large-columns-4 > .col {
    flex-basis: 21%;
    max-width: 21%;
  }
.footer-widgets .large-columns-4 >  #custom_html-3 {
  flex-basis: 31%;
  max-width: 31%;
  margin-right: 4%;
}
.footer-2 {
  color: var(--darkblue);
  font-size: 14px;
}
.footer {
  padding: 60px 0 40px;
}
.ourvision{
 background-image: url('https://fujihome.com.my/v2/wp-content/uploads/2025/05/No25-FV-ML71-for-digital-medias-scaled-1.jpg');
  background-repeat: no-repeat;
  background-size: auto 100%;      /* Cover left half only */
  background-position: left center;  
  min-height: 400px;
}

/* Background image on the full-width outer row */
.bg-left-half {
  background-image: url('https://fujihome.com.my/v2/wp-content/uploads/2025/05/No25-FV-ML71-for-digital-medias-scaled-1.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left center; /* or adjust */
  position: relative;
    height: 600px;
}

/* Clip the background to only show on the left 50% */
.bg-left-half::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50%; /* Show only half */
  height: 100%;
  background-image: inherit;
  background-size: cover;
  background-position: left center;
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}

/* Make sure inner row is above background overlay */
.bg-left-half > .vc_column_container,
.bg-left-half > .wpb_column,
.bg-left-half > .vc_column-inner {
  position: relative;
  z-index: 2;
}
/* Apply background only to left side */
.half-bg-row {
  position: relative;
  overflow: hidden;
}

/* Create a pseudo-element on the left side */
.half-bg-row::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50vw;
  height: 100%;
  background-image: url('https://fujihome.com.my/v2/wp-content/uploads/2025/05/No25-FV-ML71-for-digital-medias-scaled-1.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 1;
}

/* Make sure content is on top */
.half-bg-row .vc_row,
.half-bg-row .vc_column-inner,
.half-bg-row .wpb_wrapper {
  position: relative;
  z-index: 2;
}

/* Optional: Keep content max-width */
.half-bg-row .vc_column_container {
  max-width: 1280px;
  margin: 0 auto;
}
.center-text {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 500px; /* Adjust as needed */
  padding: 40px;
}
.content-area .subtitle{
    font-size: 23px;
    margin: 0;
    color: #84754E;
    text-transform: uppercase;
}
.content-area h1{
    color: #1B365D;
}
h2{
    font-size: 30px;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase;
    margin-bottom: 25px;
    color: #1B365D;
}
.htop{
   padding-top: 80px; 
}
.hbottom{
    padding-bottom: 110px;
    
}
.righttext{
 padding-left: 35px;   
}
h1.product-title{
    
}


.slick-dotted.slick-slider {
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-x: visible;
  overflow-y: visible;
  white-space: nowrap;
  width: auto;
}
.slick-dots{
 left:0;   
}
.slick-slider .col-inner ul li {
  margin-left: 0;
}
.slick-initialized .slick-slide{
 text-align: center;   
}
.product-categories .cat-item-15{
    display: none!important;
}
.slick-slide img {
  display: block;
  max-width: 280px;
  margin: 0 auto;
}

.slick-prev::before,
.slick-next::before {
  font-family: "FontAwesome"; /* or "Font Awesome 5 Free" if using older */
  font-weight: 900; /* Required for solid icons */
  font-size: 30px;
  color: #000;
  opacity: 1;
}

.slick-prev::before {
  content: "\f104"; /* fa-angle-left */
}

.slick-next::before {
  content: "\f105"; /* fa-angle-right */
}
.slider:not(.flickity-enabled) {
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-x: visible;
  overflow-y: visible;
  white-space: nowrap;
  width: auto;
}
.slick-slide h3{
 font-size: 14px; 
    color: var(--darkblue);
}
.slick-slider .lazy-load {
  background-color:transparent;
}
.getintouch,.getintouch:hover {
  background:var(--lightbrown);
  padding: 1em 1.4em;
  border-radius: 40px;
  color: #fff!important;
  font-size: 1.1em;
  font-weight: 600;
}
.bottomcontact .wpb_content_element{
  margin-bottom: 0px;
}

.falcu{
	display:block;
}
.falcu *{
  transition: all 0.2s linear!important;	
}
.falcuinner{
	display:inline-block;
	width:25%;
	vertical-align:top;
	height:100%;
	overflow:hidden;
	position: relative;
}
.falcuinner:after{
    content:'';
    position: absolute;
    background: #ccc;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 99;	
	  transition: all 0.2s linear!important;	 
}

.falcuinner:hover img{
transform: scale(1.1);	
}
.fcltxt{
position:absolute;	
	bottom: -164px;
	padding: 20px;
	z-index:999;
	display:block;
    height: 250px;
}
.falcuinner:hover .fcltxt{
	bottom: -28px;
}
.fcltxt h3, .fcltxt h5{
color:#fff;	
}
.fcltxt h3{
    margin-bottom: 40px;
}
.fcltxt h3:before{
    content: '';
    position: absolute;
  left: 20px;
  top: 58px;
  width: 121px;
  background: none;
  height: 3px;
    transition: all 0.2s linear !important;
}
.falcuinner:hover .fcltxt h3:before{
   background: #ccc; 
}
.fcltxt h5{
font-weight:300;	
}
.falcuinner:after {
    content: '';
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 99;
    transition: all 0.2s linear !important;
}
.falcuinner:hover:after{
	background: rgba(0, 0, 0, 0.2);
}


.faq_area {
  padding: 50px 0;
}
.faq_wrapper {
  max-width: 800px;
  margin: auto;
}
.faq_item {
  margin-bottom: 20px;
}
.faq_title {
  padding: 15px;
  background:#d4d1ca;
 color: var(--darkblue);
  cursor: pointer;
  font-size: 18px;
  position: relative;
}
.faq_title span.arrow {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
  width: 30px;
  height: 30px;
  background-size: contain;
  position: absolute;
  right: 20px;
  color: #fff;
  top: 0;
  margin: auto;
  bottom: 0;
  transition: all 0.2s linear !important;
}
.faq_title.active span.arrow {
  transform: rotate(180deg);
}
.faq_details {
  padding: 15px; 
  background: #fff;
  display: none;
  color:#333;
}
.faq1 .faq_item:first-child .faq_details {
  display: block;
}
.contactusrow{
   margin: 0 6em;
}
.contactusrow h2 {
  font-size: 18px;
    margin-bottom: 20px;
}
.contactuslist{
 list-style: none;   
}
.contactuslist li{
 position: relative;
   margin-bottom: 11px;
  line-height: 1.4;
}
.compreg{
 font-size: 12px;
    font-weight: 400;
    display: block;
}
 .content-area .contactusrow .subtitle {
  font-size: 18px;
}

.contactuslist li::before {
  font-family: 'FontAwesome';
  content: "\f05e";
  font-weight: 900;
  position: absolute;
  left: -26px;
  top: 0.15em;
   color: var(--darkblue);
}
.contactuslist li.add:before{
    content: "\f041";
    font-size: 1.4em;
}
.contactuslist li.hour:before{
    content: "\f290";
}
.contactuslist li.phone:before{
    content: "\f095";
    left: -19px;
    top: 2px;
}
.contactuslist li.whatsapp:before{
    content: ""!important;
}
.contactuslist li.emailadd:before{
    content: "\f0e0";
    left: -21px;
  top: -1px;
}

.contactusrow .contactinfo  h2 {
  margin-bottom: 10px;
}
.contactinfo .contactuslist li{
   margin-bottom: 5px;
  line-height: 1.4;
}


.contactuslist li.whatsapp{
 margin-left: 0;   
}
.contactuslist li.whatsapp .fa{
    margin-right: 4px;
    font-size: 1.2em;
}
 
.sp-pcp-post-thumb-area{
    height: 210px;
    overflow: hidden;
}
.sp-pcp-post .sp-pcp-title a{
    font-size: 16px;
  line-height: 19px;
    text-align: center;
}
#pcp_wrapper-1049 .dots .swiper-pagination-bullet-active {
  background:var(--darkblue);
}
.aboutusicon img{
 height: 120px;
    width: auto;
    max-width: none;
}
.contactusiconrow{
 margin: 0 3em;   
}
.mainbanner{
  max-width: 650px; 
    white-space: normal;
}
.mainbanner h2{
    font-size: 2.5em;
    margin:0;
    padding: 0;
    line-height: 1.1;
    color: #e4d3a7;
    font-weight: 400;
}
.mainbanner h3{
     font-size: 1.3em;
    margin:0;
    padding: 0;
    line-height: 1.1;
    color: #fff;
    font-weight: 400;
}
.promotionbtn,.promotionbtn:hover{
	    background-color: var(--fs-color-primary);
	color:#fff;
	padding:10px 20px;
}
.sp-pcp-title span{
font-size:11px;	
}

.section.section-history {
  padding-top: 5rem;
  padding-bottom: 10rem;
	display:block;
	width: 80%;
    margin: 0 auto;
}
@media (max-width: 575px) {
  .section.section-history {
    padding-bottom: 5rem;
  }
}
.section.section-history .history-content .item {
  position: relative;
}
.section.section-history .history-content .item-content {
  text-align: center;
  max-width: 18.75rem;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 991px) {
  .section.section-history .history-content .item-content {
    max-width: 13.75rem;
  }
}
@media (max-width: 575px) {
  .section.section-history .history-content .item-content {
    margin-top: 1.875rem;
    max-width: 25rem;
  }
}
.section.section-history .history-content .item-content .title-section-bigger {
  color: #FFFFFF;
  padding: 0.4375rem 2.1875rem;
  max-width: 9.375rem;
  background-color: #1B365D;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.section.section-history .history-content .item-content .title-section-bigger.show-before:before {
  content: '';
  position: absolute;
  width: 7.5rem;
  height: 0.125rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -7.5rem;
  background-color: #1B365D;
}
@media (max-width: 991px) {
  .section.section-history .history-content .item-content .title-section-bigger.show-before:before {
    width: 3.75rem;
    left: -3.75rem;
  }
}
@media (max-width: 575px) {
  .section.section-history .history-content .item-content .title-section-bigger.show-before:before {
    display: none;
  }
}
.section.section-history .history-content .item-content .title-section-bigger.show-after:after {
  content: '';
  position: absolute;
  width: 7.5rem;
  height: 0.125rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -7.5rem;
  background-color: #1B365D;
}
@media (max-width: 991px) {
  .section.section-history .history-content .item-content .title-section-bigger.show-after:after {
    width: 3.75rem;
    right: -3.75rem;
  }
}
@media (max-width: 575px) {
  .section.section-history .history-content .item-content .title-section-bigger.show-after:after {
    display: none;
  }
}
.section.section-history .history-content .item-image-left {
  position: absolute;
  left: -3.75rem;
  top: -4.8125rem;
  z-index: 1;
  max-width: 18.75rem;
}
@media (max-width: 575px) {
  .section.section-history .history-content .item-image-left {
    position: static;
    margin-left: auto;
    margin-right: auto;
  }
}
.section.section-history .history-content .item-image-right {
  position: absolute;
  right: -3.75rem;
  top: -4.8125rem;
  max-width: 18.75rem;
  z-index: 1;
}
@media (max-width: 575px) {
  .section.section-history .history-content .item-image-right {
    position: static;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.25rem;
  }
}
.section.section-history .history-content .item + .item {
  margin-top: 8.75rem;
}
@media (max-width: 575px) {
  .section.section-history .history-content .item + .item {
    margin-top: 2.5rem;
  }
}
.section.section-history .history-content .item:nth-child(6) .item-image-right {
  right: 1.6875rem;
  top: -8.4375rem;
  max-width: 13.625rem;
}
.section.section-history .history-content .item:nth-child(7) .item-image-left {
  left: -5.0625rem;
  top: -6.5625rem;
}
.section.section-history .history-content .item:nth-child(9) .item-image-left,
.section.section-history .history-content .item:nth-child(12) .item-image-left {
  left: -5.0625rem;
  top: -6.5625rem;
}
.section.section-history .history-content .item:nth-child(9) .item-image-right,
.section.section-history .history-content .item:nth-child(12) .item-image-right {
  top: -1.875rem;
}
.section.section-history .history-content .item:nth-child(14) .item-image-left {
  left: -5.0625rem;
  top: -6.5625rem;
}
.section.section-history .history-content .item:nth-child(14) .item-image-right {
  top: -6.25rem;
}
.section.section-history .history-content .item:nth-child(15) .item-image-right {
  top: -4.0625rem;
}
.section.section-history .history-content .item:nth-child(16) .item-image-left {
  top: -5.625rem;
}
.section.section-history .history-content .item:nth-child(17) .item-image-right {
  top: -6.4375rem;
  right: -5.3125rem;
}
.section.section-history .history-content .item:nth-child(18) .item-image-left {
  top: -5.5rem;
}
.section.section-history .history-content .item:nth-child(19) .item-image-right {
  top: -9.4375rem;
  right: -0.8125rem;
  max-width: 26.5rem;
}
.section.section-history .history-content .item:nth-child(20) .item-image-left {
  top: -6.5625rem;
  left: -5.125rem;
}
.section.section-history .history-content .item:nth-child(21) .item-image-right {
  top: -10.3125rem;
  right: 1.5625rem;
  max-width: 13.625rem;
}
.section.section-history .history-content .item:nth-child(22) .item-image-left {
  top: -9.4375rem;
  left: -0.5rem;
  max-width: 12.75rem;
}
.section.section-history .history-content .item:nth-child(23) .item-image-right {
  top: -7.375rem;
  right: -0.9375rem;
  max-width: 12.75rem;
}
.section.section-history img{
	    max-width: none;
    width: 100%;
}
.history{
text-align:center;	
}
.history .row{
	display:block
}
@media screen and (max-width: 480px) {
    body {
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
}
    .mainbanner{
  max-width: 300px; 
    white-space: normal;
}
  .mainbanner h2{
    font-size: 5em;
    margin:0;
    padding: 0;
    line-height: 1.1;
    color: #e4d3a7;
    font-weight: 400;
}
.mainbanner h3{
     font-size: 3.6em;
    margin:0;
    padding: 0;
    line-height: 1.2;
    color: #fff;
    font-weight: 400;
}
    .falcuinner {
  display: inline-block;
  width: 50%;
    }
    .footer-widgets .large-columns-4 > #custom_html-3 {
  flex-basis: 100%;
  max-width: 100%;
  margin-right: 0;
        margin-bottom: 15px;
}
    .footer-widgets .large-columns-4 > .col {
  flex-basis: 100%;
  max-width: 100%;
        margin-bottom: 15px;
}
    .fcltxt h3 {
  margin-bottom: 40px;
  font-size: 1.6em;
}
    .getintouchrow{
     padding-top: 30px;   
    }
}