.elementor-816 .elementor-element.elementor-element-53d2826{--display:flex;--min-height:100dvh;--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;--justify-content:flex-end;--margin-top:-70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0;--padding-bottom:0;--padding-left:0;--padding-right:0;}.elementor-816 .elementor-element.elementor-element-4a4cd74 > .elementor-widget-container{margin:0px 0px -5px 0px;}.elementor-816 .elementor-element.elementor-element-6d2cec9{--display:flex;--min-height:100dvh;--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:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0;--padding-bottom:0;--padding-left:0;--padding-right:0;}.elementor-816 .elementor-element.elementor-element-6d2cec9:not(.elementor-motion-effects-element-type-background), .elementor-816 .elementor-element.elementor-element-6d2cec9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F4F4;}.elementor-816 .elementor-element.elementor-element-90e24ae .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-816 .elementor-element.elementor-element-246701f .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-816 .elementor-element.elementor-element-0bc8561{--display:flex;--min-height:100dvh;--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0;--padding-bottom:0;--padding-left:0;--padding-right:0;--z-index:0;}.elementor-816 .elementor-element.elementor-element-0bc8561:not(.elementor-motion-effects-element-type-background), .elementor-816 .elementor-element.elementor-element-0bc8561 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F4F4;}.elementor-816 .elementor-element.elementor-element-908ff2a{--display:flex;--justify-content:center;--padding-top:100px;--padding-bottom:100px;--padding-left:6vw;--padding-right:13vw;}.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-816 .elementor-element.elementor-element-719353c{text-align:start;}.elementor-816 .elementor-element.elementor-element-719353c .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:2vw;font-weight:400;line-height:2.5vw;color:var( --e-global-color-text );}.elementor-816 .elementor-element.elementor-element-4fa7fe8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-816 .elementor-element.elementor-element-4fa7fe8:not(.elementor-motion-effects-element-type-background), .elementor-816 .elementor-element.elementor-element-4fa7fe8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://oib.website-development.com.my/wp-content/uploads/2026/01/craft-developments-scaled.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-816 .elementor-element.elementor-element-1b61a56{--display:flex;--min-height:100dvh;--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0;--padding-bottom:0;--padding-left:0;--padding-right:0;--z-index:0;}.elementor-816 .elementor-element.elementor-element-1b61a56:not(.elementor-motion-effects-element-type-background), .elementor-816 .elementor-element.elementor-element-1b61a56 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F4F4;}.elementor-816 .elementor-element.elementor-element-c744b5d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-816 .elementor-element.elementor-element-c744b5d:not(.elementor-motion-effects-element-type-background), .elementor-816 .elementor-element.elementor-element-c744b5d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://oib.website-development.com.my/wp-content/uploads/2026/01/quality-craftmanship-scaled.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-816 .elementor-element.elementor-element-fe3f75c{--display:flex;--justify-content:center;--padding-top:100px;--padding-bottom:100px;--padding-left:17vw;--padding-right:7vw;}.elementor-816 .elementor-element.elementor-element-d169746{text-align:start;}.elementor-816 .elementor-element.elementor-element-d169746 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:2vw;font-weight:400;line-height:2.5vw;color:var( --e-global-color-text );}.elementor-816 .elementor-element.elementor-element-389c496{--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;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--padding-top:100px;--padding-bottom:100px;--padding-left:7vw;--padding-right:7vw;}.elementor-816 .elementor-element.elementor-element-389c496:not(.elementor-motion-effects-element-type-background), .elementor-816 .elementor-element.elementor-element-389c496 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d53afe5 );}.elementor-816 .elementor-element.elementor-element-b69be71{--swiper-slides-to-display:3;--swiper-slides-gap:20px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-816 .elementor-element.elementor-element-b69be71 .swiper-slide > .elementor-element{height:100%;}.elementor-816 .elementor-element.elementor-element-4a4c76c{--display:flex;--position:absolute;--min-height:45px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;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:var( --e-global-color-e1b401a );--border-color:var( --e-global-color-e1b401a );--border-radius:100px 100px 100px 100px;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:50%;--z-index:5;}body:not(.rtl) .elementor-816 .elementor-element.elementor-element-4a4c76c{left:3vw;}body.rtl .elementor-816 .elementor-element.elementor-element-4a4c76c{right:3vw;}.elementor-816 .elementor-element.elementor-element-c7230f3 > .elementor-widget-container{--e-transform-flipX:-1;margin:-5px 0px 0px 0px;}.elementor-816 .elementor-element.elementor-element-32f00d9{--display:flex;--position:absolute;--min-height:45px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;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:var( --e-global-color-e1b401a );--border-color:var( --e-global-color-e1b401a );--border-radius:100px 100px 100px 100px;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:50%;--z-index:5;}body:not(.rtl) .elementor-816 .elementor-element.elementor-element-32f00d9{right:3vw;}body.rtl .elementor-816 .elementor-element.elementor-element-32f00d9{left:3vw;}.elementor-816 .elementor-element.elementor-element-af9458d > .elementor-widget-container{margin:-5px 0px 0px 0px;}@media(max-width:1024px){.elementor-816 .elementor-element.elementor-element-0bc8561{--min-height:0vh;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;}.elementor-816 .elementor-element.elementor-element-908ff2a{--padding-top:70px;--padding-bottom:70px;--padding-left:5vw;--padding-right:5vw;}.elementor-816 .elementor-element.elementor-element-719353c{text-align:center;}.elementor-816 .elementor-element.elementor-element-719353c .elementor-heading-title{font-size:3vw;line-height:4vw;}.elementor-816 .elementor-element.elementor-element-4fa7fe8{--min-height:50vh;}.elementor-816 .elementor-element.elementor-element-1b61a56{--min-height:0vh;--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;--justify-content:flex-start;}.elementor-816 .elementor-element.elementor-element-c744b5d{--min-height:50vh;}.elementor-816 .elementor-element.elementor-element-fe3f75c{--padding-top:70px;--padding-bottom:70px;--padding-left:5vw;--padding-right:5vw;}.elementor-816 .elementor-element.elementor-element-d169746{text-align:center;}.elementor-816 .elementor-element.elementor-element-d169746 .elementor-heading-title{font-size:3vw;line-height:4vw;}.elementor-816 .elementor-element.elementor-element-389c496{--min-height:0vh;--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:50px 0px;--row-gap:50px;--column-gap:0px;--padding-top:70px;--padding-bottom:70px;--padding-left:20vw;--padding-right:20vw;}.elementor-816 .elementor-element.elementor-element-b69be71{--swiper-slides-to-display:1;}body:not(.rtl) .elementor-816 .elementor-element.elementor-element-4a4c76c{left:5vw;}body.rtl .elementor-816 .elementor-element.elementor-element-4a4c76c{right:5vw;}}@media(max-width:767px){.elementor-816 .elementor-element.elementor-element-4a4cd74 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-816 .elementor-element.elementor-element-719353c .elementor-heading-title{font-size:4vw;line-height:5vw;}.elementor-816 .elementor-element.elementor-element-d169746 .elementor-heading-title{font-size:4vw;line-height:5vw;}.elementor-816 .elementor-element.elementor-element-389c496{--padding-top:70px;--padding-bottom:70px;--padding-left:65px;--padding-right:65px;}.elementor-816 .elementor-element.elementor-element-b69be71{--swiper-slides-to-display:1;}.elementor-816 .elementor-element.elementor-element-4a4c76c{--width:45px;}body:not(.rtl) .elementor-816 .elementor-element.elementor-element-4a4c76c{left:10px;}body.rtl .elementor-816 .elementor-element.elementor-element-4a4c76c{right:10px;}.elementor-816 .elementor-element.elementor-element-32f00d9{--width:45px;}body:not(.rtl) .elementor-816 .elementor-element.elementor-element-32f00d9{right:10px;}body.rtl .elementor-816 .elementor-element.elementor-element-32f00d9{left:10px;}}@media(min-width:768px){.elementor-816 .elementor-element.elementor-element-908ff2a{--width:50%;}.elementor-816 .elementor-element.elementor-element-4fa7fe8{--width:50%;}.elementor-816 .elementor-element.elementor-element-c744b5d{--width:50%;}.elementor-816 .elementor-element.elementor-element-fe3f75c{--width:50%;}.elementor-816 .elementor-element.elementor-element-4a4c76c{--width:45px;}.elementor-816 .elementor-element.elementor-element-32f00d9{--width:45px;}}@media(max-width:1024px) and (min-width:768px){.elementor-816 .elementor-element.elementor-element-908ff2a{--width:100%;}.elementor-816 .elementor-element.elementor-element-4fa7fe8{--width:100%;}.elementor-816 .elementor-element.elementor-element-c744b5d{--width:100%;}.elementor-816 .elementor-element.elementor-element-fe3f75c{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-4a4cd74 */.elementor-816 .elementor-element.elementor-element-4a4cd74 video{
    width: 100%;
    height: 100dvh;
    object-fit: cover;
    object-position: center;
}

.elementor-816 .elementor-element.elementor-element-4a4cd74 #mobile-video{
    display: none;
}

.elementor-816 .elementor-element.elementor-element-4a4cd74 #desktop-text-gif{
    position: absolute;
    bottom: 5vw;
    left: 1vw;
    width: 55vw;
}

.elementor-816 .elementor-element.elementor-element-4a4cd74 #mobile-text-gif{
    position: absolute;
    bottom: 15vw;
    left: 2vw;
    width: 75vw;
    display: none;
}


@media(max-width: 767px){
    .elementor-816 .elementor-element.elementor-element-4a4cd74 #desktop-text-gif,
     .elementor-816 .elementor-element.elementor-element-4a4cd74 #desktop-video{
        display: none;
    }
    
    .elementor-816 .elementor-element.elementor-element-4a4cd74 #mobile-text-gif,
    .elementor-816 .elementor-element.elementor-element-4a4cd74 #mobile-video{
        display: block;
    }
}/* End custom CSS */
/* Start custom CSS for video, class: .elementor-element-90e24ae */.elementor-816 .elementor-element.elementor-element-90e24ae .e-hosted-video{
    aspect-ratio: unset;
}

.elementor-816 .elementor-element.elementor-element-90e24ae video{
    background: #F4F4F4;
    width: 100vw;
    max-height: 100dvh !important;
    object-fit: cover !important;
}/* End custom CSS */
/* Start custom CSS for video, class: .elementor-element-246701f */.elementor-816 .elementor-element.elementor-element-246701f .e-hosted-video{
    aspect-ratio: unset;
}


.elementor-816 .elementor-element.elementor-element-246701f video{
    background: #F4F4F4;
    width: 100vw;
    max-height: 100dvh !important;
    object-fit: cover !important;
}


@media(max-width: 767px){
    .elementor-816 .elementor-element.elementor-element-246701f video{
        width: 120vw !important;
        max-width: 120vw !important;
        margin-left: -10vw;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-719353c */.elementor-816 .elementor-element.elementor-element-719353c .sway-font{
    color: #FF6B00;
    font-style: italic;
    font-weight: bold;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d169746 */.elementor-816 .elementor-element.elementor-element-d169746 .sway-font{
    color: #FF6B00;
    font-style: italic;
    font-weight: bold;
}/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-b69be71 */.elementor-816 .elementor-element.elementor-element-b69be71 .elementor-swiper-button-prev,
.elementor-816 .elementor-element.elementor-element-b69be71 .elementor-swiper-button-next{
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7230f3 */.elementor-816 .elementor-element.elementor-element-c7230f3 svg{
    width: 20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a4c76c */.elementor-816 .elementor-element.elementor-element-4a4c76c:hover{
    background: #ffffff;
}

.elementor-816 .elementor-element.elementor-element-4a4c76c .cls-1{
    fill: #ffffff;
}

.elementor-816 .elementor-element.elementor-element-4a4c76c:hover .cls-1{
    fill: #FF6B00 !important;
}

.elementor-816 .elementor-element.elementor-element-4a4c76c{
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-af9458d */.elementor-816 .elementor-element.elementor-element-af9458d svg{
    width: 20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-32f00d9 */.elementor-816 .elementor-element.elementor-element-32f00d9:hover{
    background: #ffffff;
}

.elementor-816 .elementor-element.elementor-element-32f00d9 .cls-1{
    fill: #ffffff;
}

.elementor-816 .elementor-element.elementor-element-32f00d9:hover .cls-1{
    fill: #FF6B00 !important;
}

.elementor-816 .elementor-element.elementor-element-32f00d9{
    cursor: pointer;
}/* End custom CSS */