.elementor-1033 .elementor-element.elementor-element-631cfed{z-index:1000;}.elementor-bc-flex-widget .elementor-1033 .elementor-element.elementor-element-dba881c.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1033 .elementor-element.elementor-element-dba881c.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1033 .elementor-element.elementor-element-dba881c:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-1033 .elementor-element.elementor-element-dba881c > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://synchonghoe-staging.potadot.com.my/wp-content/uploads/2024/01/header-left-col-red.png");background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-1033 .elementor-element.elementor-element-dba881c > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:20px 1px 20px 1px;}.elementor-1033 .elementor-element.elementor-element-dba881c > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1033 .elementor-element.elementor-element-dba881c{z-index:1;}.elementor-1033 .elementor-element.elementor-element-0b3a190 img{width:60%;}.elementor-1033 .elementor-element.elementor-element-5f73553 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1033 .elementor-element.elementor-element-5f73553 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1033 .elementor-element.elementor-element-595c8fc .elementor-nav-menu .elementor-item{font-family:"Lato", Sans-serif;font-weight:600;}.elementor-1033 .elementor-element.elementor-element-595c8fc .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-e1b401a );fill:var( --e-global-color-e1b401a );}.elementor-1033 .elementor-element.elementor-element-595c8fc .elementor-nav-menu--main .elementor-item:hover,
					.elementor-1033 .elementor-element.elementor-element-595c8fc .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-1033 .elementor-element.elementor-element-595c8fc .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-1033 .elementor-element.elementor-element-595c8fc .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-e1b401a );fill:var( --e-global-color-e1b401a );}.elementor-1033 .elementor-element.elementor-element-595c8fc .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-e1b401a );}.elementor-1033 .elementor-element.elementor-element-4998349 .elementor-icon-wrapper{text-align:center;}.elementor-1033 .elementor-element.elementor-element-4998349.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-e1b401a );}.elementor-1033 .elementor-element.elementor-element-4998349.elementor-view-framed .elementor-icon, .elementor-1033 .elementor-element.elementor-element-4998349.elementor-view-default .elementor-icon{color:var( --e-global-color-e1b401a );border-color:var( --e-global-color-e1b401a );}.elementor-1033 .elementor-element.elementor-element-4998349.elementor-view-framed .elementor-icon, .elementor-1033 .elementor-element.elementor-element-4998349.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-e1b401a );}@media(max-width:1024px){.elementor-1033 .elementor-element.elementor-element-dba881c > .elementor-element-populated{padding:20px 10px 20px 10px;}.elementor-1033 .elementor-element.elementor-element-0b3a190{text-align:left;}.elementor-1033 .elementor-element.elementor-element-0b3a190 img{width:80%;}.elementor-1033 .elementor-element.elementor-element-5f73553 > .elementor-element-populated{padding:10px 10px 10px 0px;}.elementor-1033 .elementor-element.elementor-element-595c8fc .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-1033 .elementor-element.elementor-element-595c8fc .elementor-nav-menu--main .elementor-item{padding-left:10px;padding-right:10px;}}@media(min-width:768px){.elementor-1033 .elementor-element.elementor-element-dba881c{width:35%;}.elementor-1033 .elementor-element.elementor-element-5f73553{width:65%;}}@media(max-width:767px){.elementor-1033 .elementor-element.elementor-element-dba881c{width:80%;}.elementor-1033 .elementor-element.elementor-element-5f73553{width:20%;}.elementor-1033 .elementor-element.elementor-element-4998349 .elementor-icon-wrapper{text-align:center;}.elementor-1033 .elementor-element.elementor-element-4998349 .elementor-icon{font-size:30px;}}/* Start custom CSS for nav-menu, class: .elementor-element-595c8fc */.elementor-1033 .elementor-element.elementor-element-595c8fc{
    height: 80%;
    transition: .2s;
}

.elementor-sticky--effects #top-menu-items{
    height: 100%;
}


.elementor-1033 .elementor-element.elementor-element-595c8fc .elementor-widget-container{
    height: 100%;
    justify-content: center;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4d50792 */.elementor-1033 .elementor-element.elementor-element-4d50792{
    position: absolute;
    top: 0;
    width: 100%;
}

.elementor-1033 .elementor-element.elementor-element-4d50792.elementor-element,
.elementor-1033 .elementor-element.elementor-element-4d50792 .elementor-widget-container{
    height: 100%
}

.header-right-trapezoid{
    height: 80%;
    margin-left: -7%;
    background-image: url(https://synchonghoe-staging.potadot.com.my/wp-content/uploads/2024/01/header-right-col-blue.png);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: cover;
    transition: .2s;
}

.header-right-white{
    height: 80%;
    position: absolute;
    left: -100%;
    top: 0;
    width: 150%;
    background: #ffffff;
    z-index: -1;
    transition: .2s;
    opacity: 0;
}

.elementor-sticky--effects .header-right-trapezoid, 
.elementor-sticky--effects .header-right-white{
    height: 100%;
}

@media(max-width: 1024px){
    .header-right-trapezoid{
        margin-left: -8.5%;
    }
}

@media(max-width: 767px){
    .header-right-trapezoid{
        margin-left: -55%;
    }
}

@media(max-width: 500px){
    .header-right-trapezoid{
        margin-left: -60%;
    }
}


.elementor-sticky--effects .header-right-white{
    opacity: 1;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4998349 */.elementor-1033 .elementor-element.elementor-element-4998349{
    height: 80%;
    transition: .2s;
}

.elementor-sticky--effects #hamburger-menu{
    height: 100%;
}


.elementor-1033 .elementor-element.elementor-element-4998349 .elementor-widget-container{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}/* End custom CSS */