@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

/*All*/
#main_index{
    padding-bottom:0rem!important;
    overflow:hidden;
}
#main_index h1,
#main_index h2,
#main_index h5{
    cursor:default;
}

.m_default_languagebar .footer_langbar_item{
    color:#fff;
}

.breakspan{
    display:block;
}
.section_all{
    padding:80px 0;
}
.section_half{
    padding:80px 0 0;
}
.small_all{
    font-size:16px;
    font-weight:400;
    margin-bottom:1rem;
    color:#191b1f;
}
.title_all{
    font-family: "Anton";
    font-size: 42px;
    font-weight: 400;
    margin-bottom: 1rem;
    line-height: 1.3;
    color: #191b1f;
}
.title_all span{
    position: relative;
}
.title_all span:before{
    position: absolute;
    content: "";
    top: -4rem;
    left: -5vw;
    width: 170px;
    height: 80px;
    object-fit: contain;
    background-image: url("https://cdn1.npcdn.net/images/B_ELEMENT_1_q9y7fn_1772760013.png?md5id=13c0a0edfa0a93c79ff4c6b17dd8d9fb&type=4");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    animation: seafloat 8s ease-in-out infinite;
}
html:lang(zh-Hans) .title_all span:before{
    background-image:url("https://cdn1.npcdn.net/images/B_ELEMENT_1_cn_sr5bov_1773307855.png?md5id=13c0a0edfa0a93c79ff4c6b17dd8d9fb&type=4");
}
html:lang(ms) .title_all span:before{
    background-image:url("https://cdn1.npcdn.net/images/B_ELEMENT_1_BM_gpjeq5_1773307855.png?md5id=13c0a0edfa0a93c79ff4c6b17dd8d9fb&type=4");
}
.subtitle_all{
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 1rem;
    line-height: 1.3;
    color: #191b1f;
}
.content_all{
    font-size:16px;
    font-weight:400;
    margin-bottom:0;
    line-height:1.5;
    color:#191b1f;
}
.image_all{
    width:100%;
    margin:0 auto;
    display:block;
    object-fit:contain;
}
.btnbox_left{
    display:flex;
    justify-content:flex-start;
    align-items:center;
    margin:1.5rem 0 0;
}
.btnbox_center{
    display:flex;
    justify-content:center;
    align-items:center;
    margin:1.5rem 0 0;
}
.btnbox_right{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    margin:1.5rem 0 0;
}
.button_all{
    color: #fff!important;
    background-color: #191b1f!important;
    border-radius: 1000px;
    padding: 15px 45px 15px 7.5px!important;
}
.button_all span{
    position: relative;
    border: 1px solid #fff;
    padding: 7.5px 81px 7.5px 26px;
    border-radius: 1000px;
}
.button_all span:before{
    position: absolute;
    content: "";
    width: 35px;
    height: 35px;
    background-image:url("https://cdn1.npcdn.net/images/button_9w16zv_1772760013.png?md5id=13c0a0edfa0a93c79ff4c6b17dd8d9fb&type=4");
    background-size:100%;
    background-position:center;
    background-repeat:no-repeat;
    margin:auto 0;
    top:0;
    bottom:0;
    right: -38px;
    transition:0.25s all linear;
}

.button_all:hover span:before{
    transform:rotate(-45deg);    
}
.button_all:hover{
    text-decoration: none;
    color:#fff;
}
.ul_all{
    list-style-type:none;
    padding:0;
    margin:0;
    display:flex;
    justify-content:flex-start;
    align-items:center; 
}
.c_lineHi{
    line-height:1.8;
}
.text_center{
    text-align:center;
}
.c_bold{
    font-weight:700;
}
.c_space{
    display:block;
    font-size:0;
    opacity:0;
    height: 15px;
}
.c_color1{
    color:#fff;
}
.c_color2{
    color:#191b1f;
}
.c_stroke{
    color: black;
    -webkit-text-fill-color: white;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
}
.c_dflex{
    flex-direction:column;   
}
@media screen and (max-width: 1200.5px){
    .subtitle_vw{
        font-size:1.5vw;
    }
    .content_vw{
        font-size:1.2vw;
    }
}
@media screen and (max-width: 991.5px){
    .subtitle_vw{
        font-size:1.8vw;
    }
    .content_vw{
        font-size: 1.5vw;
    }
}
@media screen and (max-width: 767.5px){
    .section_all{
        padding:60px 0;
    }
    .section_half{
        padding:60px 0 0;
    }
    .title_all{
        font-size: 40px;
    }
    html:lang(ms) .title_all{
        font-size:35px;
    }
    .title_all span:before{
        top: -2.5rem;
        left: -4vw;
        width: 120px;
        height: 44px;
    }
}


/*category page*/
.category_list_type4 .category_box .img_frame img{
    object-fit: contain;
}

/*Product page*/
.product_list_5 .product_box .img_frame img{
    object-fit: contain;
    background-color:#fff;
}

/*tag page*/
.product_list_horizontal .product_box .img_frame img{
    object-fit: contain;
}

/*photo page*/
.gallerycategory .img_frame img{
    object-fit: contain;
}
.ws_gallery-2 .img_frame img{
    object-fit: contain;
}

/*news page*/
.latest_new_type4 .news_box .img_frame{
    box-shadow:0px 0px 2px rgba(0,0,0,0.3);
}
.latest_new_type4 .news_box .img_frame img{
    object-fit: contain;
}


#top_spacing{
    height:calc(70px + 30px)!important;
}
@media screen and (max-width:991.5px){
    #top_sapcing{
        height:calc(0px + 80px)!important;
    }
}

.np_language_btn{
    background-color: #191b1f;
    position: fixed;
    right: 4.5%;
    padding-right: 70px;
    padding-left: 70px;
    height: 35px;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.np_language_btn .dropdown_btn{
    background-color:#191b1f;
    margin-top: 5px;
}
.np_language_btn .dropdown_btn a{
    padding:0 7.5px!important;
    color:#fff;
    font-size:1vw;
}
.np_language_btn .dropdown_btn span{
    font-size:0;
}
@media screen and (max-width: 991.5px){
    .np_language_btn{
        display: none;
    }
}

/*navbar*/
.navbar_type8{
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    height: calc(100px - 30px);
    width: calc(100% - 9%);
    margin-left: 4.5%;
    margin-top: 30px;
}
#main_index .navbar_type8{
    box-shadow:0px 0px 5px rgba(0,0,0,0.1);
    background-color: #fff;
    height: 100px;
    width: calc(100% - 9%);
    margin-left: 4.5%;
}
.navbar_type8 .logo{
    flex:0 1 30%;
}
.navbar_type8 .logo img{
    width: 19vw;
    padding: 0;
}
.navbar_type8 .nav_tab{
    flex:0 1 70%;
}
.navbar_type8 .nav_tab .nav_item a{
    font-size:1vw;
    padding:15px 1.5vw;
    text-transform: capitalize;
    color:#191b1f;
}
html:lang(ms) .navbar_type8 .nav_tab .nav_item a{
    padding:15px 1vw;
}
.alter_nav_button{
    color: #fff!important;
    background-color: #191b1f!important;
    border-radius: 1000px;
    padding: 15px 45px 15px 7.5px!important;
}
.alter_nav_button span{
    position: relative;
    border: 1px solid #fff;
    padding: 7.5px 30px 7.5px 15px;
    border-radius: 1000px;
}
.alter_nav_button span:before{
    position: absolute;
    content: "";
    width: 35px;
    height: 35px;
    background-image:url("https://cdn1.npcdn.net/images/button_9w16zv_1772760013.png?md5id=13c0a0edfa0a93c79ff4c6b17dd8d9fb&type=4");
    background-size:100%;
    background-position:center;
    background-repeat:no-repeat;
    margin:auto 0;
    top:0;
    bottom:0;
    right: -38px;
    transition:0.25s all linear;
}
.alter_nav_button:hover span:before{
    transform:rotate(-45deg);    
}
.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item a{
    color:#fff;
    -webkit-text-stroke-width: 0px;
    -webkit-text-stroke-color: black;
}
.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item a{
    color:#fff!important;
}
.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item a:hover{
    color:#fff!important;
}
.navbar_type8 .nav_tab .nav_item::before{
    display: none;
}

.dark_nav{
    background-color:#fff!important;
}

.navbar_mobile{
    background-color:#fff!important;
}
.navbar_mobile .btn-outline-light:hover{
    background-color:transparent;
}
.navbar_mobile .btn-outline-light{
    border-color: #191b1f;
    color: #191b1f;
}
.navbar_mobile .btn-outline-light:hover{
    border-color: #191b1f;
    color: #191b1f;
}
.navbar_mobile .btn-outline-light:not(:disabled):not(.disabled):active{
    color: #191b1f;
    background-color: transparent;
    border-color: #191b1f;
}
.navbar_mobile .logo_img{
    transform:scale(1.2);
}

@media screen and (max-width: 1200.5px){
    .navbar_type8 .nav_tab .nav_item a{
        font-size:1.2vw;
        padding:15px 1.2vw;
    } 
    .navbar_type8 .nav_tab{
        padding-right: 35px;
    }
    html:lang(ms) .navbar_type8 .nav_tab .nav_item a{
        font-size:0.9vw;
    }
}

/*hp_banner*/
.index_wrapper_2{
    margin-top:-100px;
}
.slider_banner .banner_content{
    overflow:hidden;
}
.hp_banner{
	position:relative;
	left:0%;
	top:60%;
	transform:translate(0,-50%);
    width:calc(100% - 4.5%);
}
.hp_banner .row{
    align-items: center;
}
.hp_banner .col-md-7:first-child{
    padding-left:0;
}
.hp_banner_box{
    overflow:hidden;
}
.hp_banner_small{
    font-size: 1vw;
    font-weight: 400;
    line-height: 1.3;
    color: #fff;
}
.hp_banner_title{
    background: linear-gradient(to right, #fff 0%,#ffbb00);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent; 
    font-family:"Anton";
    font-size: 3.3vw;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 0;
}
html:lang(ms) .hp_banner_title{
    font-size:3vw;
}
.banner_line{
    height:2px;
    width:100%;
    background-color:#ffbb00;
    margin:3vw 0 2vw;
}
.hp_banner_content{
    font-size:1vw;
    font-weight:400;
    line-height:1.5;
    color:#fff;
}
.hp_banner .hp_banner_image{
    width:100%!important;
}
.hp_banner_buttonbox{
    display:flex;
    justify-content: flex-start;
    align-items: center;
    margin-top:4%;
}
.hp_banner_button{
    font-size: 22px;
    color: #fff;
    background-color: #191b1f;
    border-radius: 1000px;
    padding: 15px 67.5px 15px 7.5px;
    transition:0.25s all linear;
}
.hp_banner_button span{
    position: relative;
    border: 1px solid #fff;
    padding: 13px 49px 13px 36px;
    border-radius: 1000px;
}
.hp_banner_button span:before{
    position: absolute;
    content: "";
    width: 45px;
    height: 45px;
    background-image:url("https://cdn1.npcdn.net/images/button_9w16zv_1772760013.png?md5id=13c0a0edfa0a93c79ff4c6b17dd8d9fb&type=4");
    background-size:100%;
    background-position:center;
    background-repeat:no-repeat;
    margin:auto 0;
    top:0;
    bottom:0;
    right: -59px;
    transition:0.25s all linear;
}
.hp_banner_button:hover{
    color:#fff;
    text-decoration: none;
    transform:scale(0.98);
}
.hp_banner_button:hover span:before{
    transform:rotate(-45deg);
}

.slider_banner{
    margin-bottom:0!important;
}
.slider_banner .slick-dots{
    width: 9%;
    height: 31px;
    bottom: 31px;
    margin: 0 auto;
    border-radius: 10px 10px 0 0;
    background-color: #ffbb00;
}
.slider_banner .slick-dots li{
    width:15px;
    height:15px;
}
.slider_banner .slick-dots li button{
    border:1px solid #fff;
    border-radius:1000px;
    width:13px;
    height:13px;
}
.slider_banner .slick-dots li.slick-active button{
    background-color:#fff;
}
.slider_banner .slick-dots li button:before{
    display: none;
}
@media screen and (max-width: 1200.5px){
    .hp_banner_content{
        font-size:1.2vw;
    }
    .hp_banner_small{
        font-size:1.2vw;
    }
}
@media screen and (max-width: 991.5px){
    .hp_banner_content{
        font-size:1.5vw;
    }
    .hp_banner_button{
        font-size: 16px;
    }
    .hp_banner_button span{
        padding: 7.5px 30px 7.5px 15px
    }
    .hp_banner_small{
        font-size:1.5vw;
    }
}
@media screen and (max-width: 767.5px){
    .index_wrapper_2 .item>img{
    	min-height:220vw!important;
    	object-fit:cover;
    }
    .hp_banner{
        left:0%;
        top: 50%;
        width:calc(100% - 0%);
    }
    .hp_banner_small{
        font-size:4vw;
        margin-top:6%;
    }
    .hp_banner_title{
        font-size:7vw;
    }
    html:lang(ms) .hp_banner_title {
        font-size: 7vw;
    }
    .hp_banner_subtitle{
        font-size:4vw;
    }
    .hp_banner_content{
        font-size:4vw;
    }
    .slider_banner .slick-dots{
        width:21%;
        margin-left: 4%;
    }
}

/*hp_service*/
.hp_service{
    padding:120px 9%;
    margin-top: -31px;
}
.hp_service .row:first-child{
    margin-bottom:2rem;
    align-items: center;
}
.hp_service_title{
    margin-bottom:0;
}
.hp_service_buttonbox{
    margin:0;
}
.hp_service_box{
    background-color:#191b1f;
    height:100%;
}
.hp_service_contentbox{
    padding:15% 6% 6% 6%;
}
.hp_service_subtitle{
    margin-bottom:0;
}
.hp_service_imagebox {
    overflow: hidden;
    position: relative;
}
.hp_service_contentbox ul{
    padding:0;
    padding-left:15px;
    margin:0;
}
.liner{
    width:8rem;
    height:3px;
    background-color:#ffbb00;
    margin:1rem 0;
}
.hp_service_contentbox ul li{
    font-size:14px;
    font-weight:300;
    color:#fff;
}
.hp_service_icon{
    width: 20%;
    height: 20%;
    object-fit: contain;
    position: absolute;
    top: 0;
    right: 10%;
    bottom: 0%;
    margin: auto 0;
    transition:0.25s all linear;
}
.hp_service_box:hover .hp_service_icon{
    transform:rotate(-45deg);
}
.hp_service_link{
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    font-size: 0;
}
.hp_service_image{
    transition:0.25s all linear;
}
.hp_service_box:hover .hp_service_image{
    transform:scale(1.05);
}
.hp_service_scroll{
    position: absolute;
    top: -85px;
    right: 9%;
    width: 100px;
    object-fit: contain;
    animation:t43 10s linear infinite;
}

@keyframes t43{
    100%{
        transform:rotate(360deg);
    }
}

@keyframes seafloat {
    0%, 100% {
    transform: translate(0, 0);
    }
    25% {
    transform: translate(5px, -10px);
    }
    50% {
    transform: translate(10px, 0);
    }
    75% {
    transform: translate(5px, 10px);
    }
}

@media screen and (max-width: 991.5px){
    .hp_service .col-md-6.col-lg-4{
        padding:1rem;
    }
    .hp_service_buttonbox{
        margin-top:2rem;
        justify-content: flex-start;
    }
    .hp_service_scroll{
        top: -69px;
        right: 1%;
    }
}
@media screen and (max-width: 767.5px){
    .hp_service{
        padding: 100px 0% 60px;
        margin-top: -31px;
    }
    .hp_service_scroll {
        top: -85px;
        right: 4%;
    }
    .hp_service_buttonbox{
        margin-top:1rem;
    }
    .hp_service_icon{
        top:-6%;
    }
}

/*hp_about*/
.hp_about{
    position: relative;
    padding:30px 9%;
}
.hp_about:before{
    position: absolute;
    content:"";
    background-image:url("https://cdn1.npcdn.net/images/B_BG_8r9aoe_1772778200.png?md5id=13c0a0edfa0a93c79ff4c6b17dd8d9fb&type=4");
    background-size:100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 56vw;
    height: 50vw;
    top: -28vw;
    z-index: -1;
    right: -25vw;
}
.hp_about .row{
    align-items: center;
}
.hp_about_title span:before{
    background-image:url("https://cdn1.npcdn.net/images/C_ELEMENT_1_b9idwq_1772760014.png?md5id=13c0a0edfa0a93c79ff4c6b17dd8d9fb&type=4");    
}
html:lang(zh-Hans) .hp_about_title span:before{
    background-image:url("https://cdn1.npcdn.net/images/C_ELEMENT_1_cn_dayz5l_1773307855.png?md5id=13c0a0edfa0a93c79ff4c6b17dd8d9fb&new_width=1000&new_height=1000&type=4");
}
html:lang(ms) .hp_about_title span:before{
    background-image:url("httpshttps://cdn1.npcdn.net/images/C_ELEMENT_1_BM_5z6i74_1773307855.png?md5id=13c0a0edfa0a93c79ff4c6b17dd8d9fb&new_width=1000&new_height=1000&type=4");
}
.hp_about_button{
    padding: 15px 60px 15px 7.5px !important;
    font-size:20px;
}
.hp_about_button span{
    padding: 11px 40px 11px 25px;
}
.hp_about_button span:before{
    width: 45px;
    height: 45px;
    right: -50px;
}
@media screen and (max-width: 1200.5px){
    .hp_about_title br{
        display:none;
    }
}
@media screen and (max-width: 991.5px){
    .hp_about_image{
        width:50%;
        margin-top:2rem;
        margin-right: 0;
    }
    .hp_about_title br{
        display:block;
    }
}
@media screen and (max-width: 767.5px){
    .hp_about {
        padding: 30px 0%;
    }
    .hp_about_title br{
        display: none;
    }
    .hp_about_image{
        width:100%;
        margin:2rem auto 0;
    }
    html:lang(ms) .hp_about_button{
        font-size:14px;
    }
}

/*hp_brand*/
.hp_brand{
    padding:90px 0% 90px 9%;
    background-color:#edeae4;
}
.hp_brand .row{
    align-items: center;
}
.hp_brand b{
    font-weight:500!important;
}
.hp_brand span:before{
    background-image:url("https://cdn1.npcdn.net/images/D_ELEMENT_1_ctr24s_1772760014.png?md5id=13c0a0edfa0a93c79ff4c6b17dd8d9fb&type=4");        
    left: 20vw;
    top: -2rem;
}
html:lang(zh-Hans) .hp_brand span:before{
    background-image:url("https://cdn1.npcdn.net/images/D_ELEMENT_1_cn_fo24ai_1773307855.png?md5id=13c0a0edfa0a93c79ff4c6b17dd8d9fb&new_width=1000&new_height=1000&type=4");
}
html:lang(ms) .hp_brand span:before{
    background-image:url("https://cdn1.npcdn.net/images/D_ELEMENT_1_BM_v7hrma_1773307855.png?md5id=13c0a0edfa0a93c79ff4c6b17dd8d9fb&new_width=1000&new_height=1000&type=4");
}
html:lang(ms) .hp_brand span:before{
    top:-3rem;
}
.hp_brand .col-md-12{
    padding-right: 0px;
}
.hp_brand .col-lg-7{
    padding-right: 0;
}
.hp_brand_image{
    transform:scale(0.9);
}
#custom_brand{
    overflow: hidden;
}
#custom_brand .slick-list{
    margin-left: -11vw;
}
.hp_brand_title{
    margin-bottom:0;
}

@media screen and (max-width: 991.5px){
    #custom_brand{
        margin-top:2rem;
    }
    .hp_brand span:before{
        top: -4rem;
    }
    .hp_brand_title br{
        display: none;
    }
}
@media screen and (max-width: 767.5px){
    .hp_brand{
        padding: 90px 0% 60px;
    }
    .hp_brand span:before {
        top: -3rem;
    }
}
/*hp_photo*/
.index_wrapper_6{
    background-color:#ffbb00;
    padding:120px 0 90px;
}
.hp_photoGallerySliderWithTitle > .container-fluid > .row > .col-12{
    padding-right: 0;
    padding-left:calc(1rem + 9%);
}
.hp_photo{
    padding:0 9%;
    margin-bottom:2rem;
}
.hp_photo .row{
    align-items: center;
}
.hp_photo_buttonbox{
    margin:0;
}
.hp_photo_title{
    margin:0;
}
.hp_photo_title span:before{
    background-image:url("https://cdn1.npcdn.net/images/E_ELEMENT_1_6yanpl_1772760014.png?md5id=13c0a0edfa0a93c79ff4c6b17dd8d9fb&type=4");            
    top: 0;
    left: unset;
    right: -175px;
    bottom: 0;
}
html:lang(zh-Hans) .hp_photo_title span:before{
    background-image:url("https://cdn1.npcdn.net/images/E_ELEMENT_1_cn_kulmyo_1773307855.png?md5id=13c0a0edfa0a93c79ff4c6b17dd8d9fb&new_width=1000&new_height=1000&type=4");
}
html:lang(ms) .hp_photo_title span:before{
    background-image:url("https://cdn1.npcdn.net/images/E_ELEMENT_1_BM_6ny7cl_1773307855.png?md5id=13c0a0edfa0a93c79ff4c6b17dd8d9fb&new_width=1000&new_height=1000&type=4");
}

/*component - photoalbum with title*/
.hp_photoGallerySliderWithTitle .slick-slider{
    padding: 0 0 2rem 0;
    overflow: hidden;
}
.hp_photoGallerySliderWithTitle .slick-slider .slick-list{
    margin-left:-10vw;
}
#main_index .hp_photoGallerySliderWithTitle {
    background-color: transparent;
    margin-top: 30px;
}

#main_index .hp_photoGallerySliderWithTitle .photo-gallery {
    padding: 0;
}
#main_index .hp_photoGallerySliderWithTitle .photo-gallery .outline_box p{
    margin-top:0.5rem;
    font-weight:500;
}

#main_index .hp_photoGallerySliderWithTitle .photo-gallery .slick-slide {
    padding: 0px 0;
}

#main_index .hp_photoGallerySliderWithTitle .photo-gallery .outline_box {
    padding: 0 7.5px;
}
.hp_photoGallerySliderWithTitle .photo-gallery .outline_box .gallery_box{
    height: auto;
    padding-top: unset;

    aspect-ratio: 4 / 3;
}

#main_index .hp_photoGallerySliderWithTitle .photo-gallery .slick-current.slick-center .outline_box {
    transform: scaleY(1);
}
#main_index .hp_photoGallerySliderWithTitle .photo-gallery .outline_box .gallery_box img {
    border-radius: 15px;
}
.hp_photoGallerySliderWithTitle .photo-gallery .slick-prev{
    left: 65px;
    z-index: 1;
}
.hp_photoGallerySliderWithTitle .photo-gallery .slick-next{
    right: 65px;
    z-index: 1;
}
.hp_photoGallerySliderWithTitle .photo-gallery .slick-prev::before{
    background-image:url("https://cdn1.npcdn.net/images/button_9w16zv_1772760013.png?md5id=13c0a0edfa0a93c79ff4c6b17dd8d9fb&type=4");
    background-size:100%;
    background-position:center;
    background-repeat:no-repeat;
    text-shadow:unset;
    content:"";
    height:3vw;
    width:3vw;
    filter:unset;
    transform:rotate(-180deg);
} 
.hp_photoGallerySliderWithTitle .photo-gallery .slick-next::before{
    background-image:url("https://cdn1.npcdn.net/images/button_9w16zv_1772760013.png?md5id=13c0a0edfa0a93c79ff4c6b17dd8d9fb&type=4");
    background-size:100%;
    background-position:center;
    background-repeat:no-repeat;
    text-shadow:unset;
    content:"";
    height:3vw;
    width:3vw;
    filter:unset;
}


@media (max-width: 991.5px) {
    .hp_photoGallerySliderWithTitle  .container-fluid .row .col-12 > .container{
        max-width:100%;
    }    
    .hp_photo_buttonbox{
        margin-top:2rem;
        justify-content: flex-start;
    }
}
@media (max-width: 767.5px) {
    .hp_photoGallerySliderWithTitle .photo-gallery .slick-prev{
        left:15px;
    }
    .hp_photoGallerySliderWithTitle .photo-gallery .slick-next{
        right:30px;
    }
    .hp_photoGallerySliderWithTitle .photo-gallery .slick-prev::before{
        width:12vw;
        height:12vw;
    }
    .hp_photoGallerySliderWithTitle .photo-gallery .slick-next::before{
        width:12vw;
        height:12vw;
    }
    .index_wrapper_6{
        padding: 60px 0 0px;
    }
    .hp_photo{
        padding:0;
    }
    .hp_photo_buttonbox{
        margin:1rem 0 0;
    }
    .hp_photoGallerySliderWithTitle > .container-fluid > .row > .col-12{
        padding-left: calc(1rem + 0%);
    }
    html:lang(ms) .hp_photo_title span:before{
        top: -43px;
        left: unset;
        right: -72px;
        bottom: 0;
    }
}


.hp_photoGallerySliderWithTitle .slick-dots{
    width: calc(100% - 12%);
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.hp_photoGallerySliderWithTitle .slick-dots li{
    width:auto;
    flex:1;
    background-color:#fff;
    margin:0;
    height:10px;
    opacity: 0.5;
}
.hp_photoGallerySliderWithTitle .slick-dots li.slick-active{
    background-color:#fff;
    opacity: 1;
}
.hp_photoGallerySliderWithTitle .slick-dots li button{
    width:100%
}

.hp_photoGallerySliderWithTitle .slick-dots li.slick-active button:before,
.hp_photoGallerySliderWithTitle .slick-dots li button:before{
    display: none;
}

/*hp_test*/
.index_wrapper_7{
    background-color:#191b1f;
    padding:60px 9%;
    min-height:500px;
}
.hp_test_title{
    margin-bottom:2rem;
}
.hp_test_title span:before{
    background-image:url("https://cdn1.npcdn.net/images/F_ELEMENT_1_o8hgst_1772760015.png?md5id=13c0a0edfa0a93c79ff4c6b17dd8d9fb&type=4");            
    top: 0;
    left: unset;
    right: -175px;
    bottom: 0;
}
html:lang(zh-Hans) .hp_test_title span:before{
    background-image:url("https://cdn1.npcdn.net/images/F_ELEMENT_1_CN_3hldco_1773307855.png?md5id=13c0a0edfa0a93c79ff4c6b17dd8d9fb&new_width=1000&new_height=1000&type=4");
}
html:lang(ms) .hp_test_title span:before{
    background-image:url("https://cdn1.npcdn.net/images/F_ELEMENT_1_BM_uztdvj_1773307855.png?md5id=13c0a0edfa0a93c79ff4c6b17dd8d9fb&new_width=1000&new_height=1000&type=4");
}

@media (max-width: 767.5px) {
    .index_wrapper_7{
        padding:90px 0 60px;
        min-height:400px;
    }
    .hp_test_title span:before{
        right:unset;
        left:0;
        top: -39px;
    }
}

/*hp_con*/
.hp_con{
    background-color:#edeae4;
    padding: 120px 18% 90px;
}
.hp_con_title{
    margin-bottom:5rem;
}
html:lang(ms) .hop_con_title br{
    display: none;
}
.hp_con .col-md-6{
    display: flex;
    justify-content: center;
}
.hp_con_title span:before{
    background-image:url("https://cdn1.npcdn.net/images/G_ELEMENT_1_6pz8kc_1772760015.png?md5id=13c0a0edfa0a93c79ff4c6b17dd8d9fb&type=4");            
    left:unset;
    right: -7rem;
}
html:lang(zh-Hans) .hp_con_title span:before{
    background-image:url("https://cdn1.npcdn.net/images/G_ELEMENT_1_cn_qh2kn0_1773307855.png?md5id=13c0a0edfa0a93c79ff4c6b17dd8d9fb&new_width=1000&new_height=1000&type=4");
}
html:lang(ms) .hp_con_title span:before{
    background-image:url("https://cdn1.npcdn.net/images/G_ELEMENT_1_BM_iytxkh_1773307855.png?md5id=13c0a0edfa0a93c79ff4c6b17dd8d9fb&new_width=1000&new_height=1000&type=4");
}
.hp_con_title span:after{
    position: absolute;
    content: "";
    bottom: -5rem;
    left: -5vw;
    width: 170px;
    height: 80px;
    object-fit: contain;
    background-image: url("https://cdn1.npcdn.net/images/G_ELEMENT_2_wm3c8a_1772760015.png?md5id=13c0a0edfa0a93c79ff4c6b17dd8d9fb&type=4");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    animation: seafloat 8s ease-in-out infinite;
}
html:lang(zh-Hans) .hp_con_title span:after{
    background-image:url("https://cdn1.npcdn.net/images/G_ELEMENT_2_CN_0b4n58_1773307855.png?md5id=13c0a0edfa0a93c79ff4c6b17dd8d9fb&new_width=1000&new_height=1000&type=4");
}
html:lang(ms) .hp_con_title span:after{
    background-image:url("https://cdn1.npcdn.net/images/G_ELEMENT_2_BM_a3fxlt_1773307855.png?md5id=13c0a0edfa0a93c79ff4c6b17dd8d9fb&new_width=1000&new_height=1000&type=4");
}
.hp_con iframe{
    width: 340px;
}

@media (max-width: 991.5px) {
    .hp_con{
        padding: 120px 9% 90px;
    }
}
@media (max-width: 767.5px) {
    .hp_con{
        padding:90px 0 0px;
    }
    html:lang(ms) .hop_con_title br{
        display: block;
    }
    .hp_con_title span:before{
        right: -2rem;
    }
    .hp_con_title span:after{
        bottom: -4rem;
        left: -5vw;
        width: 121px;
        height: 65px;
    }
    .hp_con iframe {
        width: 340px;
        height: 500px;
        margin:1rem 0;
    }
}

/*hp_me*/
.index_wrapper_9{
    overflow: hidden;
    background-color:#edeae4;    
    margin-top:-30px;
}
.hp_me{
    z-index: 1;
    padding: 90px 9%;
    position: relative;
    width: calc(100% - 3%);
}

.hp_me_icon{
    width: 32%;
    object-fit: contain;
    margin:0;
}
.hp_me_box{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    transform: scale(0.8) translate(-10vw, 0);
    opacity: 1;
    transition: 0.25s all linear;
    height: 14.5vw;
}
html:lang(ms) .hp_me_title br{
    display: none;
}
.hp_me_box:before{
    position: absolute;
    content: "";
    top: 1.25vw;
    bottom: 0;
    margin: auto 0;
    right: -33vw;
    width: 50.5vw;
    height: 33vw;
    background-image: url("https://cdn1.npcdn.net/images/H_PIC_rdjyv0_1772760016.png?md5id=13c0a0edfa0a93c79ff4c6b17dd8d9fb&type=4");
    background-size: 50vw;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
}

.hp_me_box2{
    background-color:#323031;
    flex:0 0 33.33%;
    padding:1% 3%;
    height:100%;
}
.hp_me_box2:nth-child(2){
    background-color:#ffbb00;
}
.hp_me_box2 .subtitle_all{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width:100%;
    margin:0;
    color:#fff;
    font-size: 1.8vw;
}
.hp_me_box2 a,
.hp_me_box2 p{
    font-size:1.2vw;
    font-weight:400;
    color:#fff;
}
.hp_me_box2 a:hover{
    color:#fff;
}
.hp_me:hover .hp_me_box{
    opacity: 1;
}
@media (max-width: 1200.5px) {
    html:lang(ms) .hp_me_title br{
        display: block;
    }
}
@media (max-width: 767.5px) {
    .hp_me{
        padding: 90px 0% 60px;
        width: 100%;
    }
    .hp_me_box{
        transform: scale(1) translate(0vw, 0);
        height:auto;
        flex-direction: column;
    }
    .hp_me_box2{
        flex: 0 0 100%;
        padding: 6%;
        width: 100%;
    }
    .hp_me_box:before{
        display: none;
    }
    .hp_me_title{
        text-align: center;
        margin-bottom:2rem;
    }
    .hp_me_box2 .subtitle_all{
        font-size:25px;
    }
    .hp_me_box2 a,
    .hp_me_box2 p{
        font-size:16px;
    }
}

/*hp_let*/
.hp_let{
    background-color:#191b1f;
    background-image:url("https://cdn1.npcdn.net/images/I_BG_zf4r9m_1772760016.jpg?md5id=13c0a0edfa0a93c79ff4c6b17dd8d9fb&type=4");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding:90px 9%;
}
.hp_let_title span:before{
    background-image:url("https://cdn1.npcdn.net/images/I_ELEMENT_l139jd_1772760016.png?md5id=13c0a0edfa0a93c79ff4c6b17dd8d9fb&type=4");            
    top: 0;
    left: unset;
    right: -230px;
    bottom: 0;
}
html:lang(zh-Hans) .hp_let_title span:before{
    background-image:url("https://cdn1.npcdn.net/images/I_ELEMENT_CN_wg6oex_1773307855.png?md5id=13c0a0edfa0a93c79ff4c6b17dd8d9fb&new_width=1000&new_height=1000&type=4");
}
html:lang(ms) .hp_let_title span:before{
    background-image:url("https://cdn1.npcdn.net/images/I_ELEMENT_BM_bes49o_1773307855.png?md5id=13c0a0edfa0a93c79ff4c6b17dd8d9fb&new_width=1000&new_height=1000&type=4");
}
.hp_let_button span{
    padding:7.5px 25px 7.5px 15px;
}
.hp_let_content{
    width: 50%;
}

@media (max-width: 767.5px) {
    .hp_let{
        padding: 60px 0 180px;
        background-position: -154vw 50vw;
    }
    .hp_let_title span:before{
        right: -10rem;
    }
    .hp_let_content{
        width: 100%;
    }
}


/*footer*/
.footer_type10{
    background-color:#191b1f;
}
.footer_type10 .logo{
    min-height:60px;
}
.footer_type10 .logo img{
    max-height:60px;
}
.footer_type10,
.footer_type10 a,
.footer_type10 i,
.footer_type10 p,
.footer_type10 h2{
    color:#fff!important;
}
.footer_type10 .copy_right,
.npfooter_languagebar .text-muted,
.platinum_website_visitor,
.npfooter_languagebar,
.copy_right small,
.footer_type10 .privacy_policy:hover,
.footer_type10 .mb-1{
    color:#fff!important;
}
.footer_type10 .social_media a .icon_s img{
    filter:brightness(0) invert(1)!important;
}
.footer_type10 .social_media a:hover .icon_s i {
    color: #fff;
}
.footer_langbar_item{
    color:#fff!important;
}

/*mobile side-navbar*/
.side_menu .footer_langbar_item{
    color:#fff!important;
}


.ex_hp_googleReviewDefault .hpGoogleReviewItems{
    background-color:#fff;
}
.ex_hp_googleReviewDefault .slick-arrow{
    z-index:1;
}
.ex_hp_googleReviewDefault .slick-next{
    right:-25px!important;
}
.ex_hp_googleReviewDefault .slick-prev{
    left:-25px!important;
}
.ex_hp_googleReviewDefault .slick-prev::before,
.ex_hp_googleReviewDefault .slick-next::before{
    text-shadow: none;
    color:#000;
}
.ex_hp_googleReviewDefault .slick-dots{
    display: none!important;
}