@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Tektur:wght@400..900&display=swap');

#main_index {
    overflow: hidden;
    padding-bottom: 0 !important;
}

@media screen and (max-width: 767.5px){
    
.index_wrapper_2 .item>img{
      
    min-height:100vw!important;
    object-fit:cover;
}

}

/*Nav*/

.navbar_type4 {
    
    background-color: rgba(255, 255, 255, 1);
   
}

.navbar_type4 .navbar-nav {
    margin: 1rem 12% !important;
    position: relative;
}

.navbar_mobile .logo_img {
    max-height: 27px;
    padding: 10px 0 0;
    
}

.navbar_type4 .navbar-nav:before {
    position: absolute;
    content: "";
    background-color: rgba(0, 0, 0, 0.2);
    top: -15px;
    left: -33%;
    width: 166%;
    height: 1px;
}

.navbar_type4 .logo {
    height: 67px;
    padding-top: 0.75rem;
    padding-bottom: 1.75rem;
}

.navbar_type4 a {
    color: #0d0d0d;
    
    font-weight: 600;
}

.navbar_type4 .minify {
  
    text-align: center;
  
}

.navbar_type4 .minify .logo {
    padding: 10px 0 0;
    height: 35px;
}

.navbar_mobile {
 
    background-color: rgba(255, 255, 255, 1);
    
}

@media screen and (max-width: 1200.5px){
.navbar_type4 .navbar-nav {
    margin: 1rem 5% !important;
    
}

}

/*Banner*/

.hp_banner .col-12.col-md-7 {
    padding-left: 9%;
    padding-top: 9%;
}

.hp_banner .col-12.col-md-5 {
    padding-top: 6%;
}

.hp_banner_title1 {
    color: #fff;
    font-size: 1.2vw;
    letter-spacing: 0.36vw;
    font-weight: 400;
    margin-bottom: 2%;
    text-transform: uppercase;
    text-shadow: 2px 2px 4px #000;
}

.hp_banner_title2 {
    color: #fff;
    font-family: tektur;
    font-size: 2vw;
    font-weight: 700;
    margin-bottom: 14%;
    text-shadow: 2px 2px 4px #000;
}

.hp_banner.b .hp_banner_title2 {
    font-size: 3vw;
    margin-bottom: 5%;
}

.hp_banner_title3 {
    color: #fff;
    font-size: 1.2vw;
    font-weight: 400;
    letter-spacing: 0.05vw;
    margin-bottom: 5%;
    text-shadow: 2px 2px 4px #000;
}

.hp_banner_ibox {
    width: 60%;
    position: relative;
    top: 38%;
    right: -35%;
}

.hp_banner.b .hp_banner_ibox {
    width: 90%;
    position: relative;
    top: -6%;
    right: 8%;
}

.hp_banner_link {
    color: #fff;
    background: #ffbb10;
    font-size: 0.9vw;
    padding: 0.7vw 1vw;
    border-radius: 6px;
    letter-spacing: 0.05vw;
    transition: 0.3s;
    border: 1px solid #ffbb10;
}

.hp_banner_link:hover {
    color: #000;
    background: #fff;
    border: 1px solid #000;
    text-decoration: none;
}


@media screen and (max-width: 1200.5px){
.hp_banner_title1 {
 
    font-size: 1.7vw;
   
}


.hp_banner_title2 {
  
    font-size: 2.6vw;
    
}

.hp_banner_title3 {
  
    font-size: 1.6vw;
    
}

.hp_banner_link {
    
    font-size: 1.4vw;
    padding: 0.9vw 1.5vw;
}

.hp_banner .col-12.col-md-7 {
    padding-left: 9%;
    padding-top: 6%;
}

.hp_banner_ibox {
    width: 65%;
    top: 35%;
    right: -33%;
}

}


@media screen and (max-width: 767.5px){
.hp_banner_title1 {
 
    font-size: 4vw;
    letter-spacing: 1px;
    text-align: center;
         
}

.hp_banner_title2 {
      
    font-size: 6.75vw;
    text-align: center;
    margin-bottom: 3%;

}

.hp_banner_title3 {
  
    font-size: 3.75vw;
    letter-spacing: 0px;
    text-align: center;
    margin-bottom: 6%;
  line-height: 1.5;
   
    
}

.hp_banner_link {
            padding: 2.5vw 4vw;
    font-size: 3.5vw;
    
}

.hp_banner_bbox {
    text-align: center;
}

.hp_banner .col-12.col-md-7 {
    padding-left: 15px;
    padding-top: 0;
}


.index_wrapper_2 .item>img {
        min-height: 100vw !important;
        object-fit: cover;
        object-position: 61.5%;
    }

.hp_banner {
    padding: 6% 3% 12%;
}

.hp_banner_ibox {
    width: 45%;
    position: relative;
    top: 0%;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.hp_banner.b .hp_banner_title2 {
    font-size: 7vw;
    margin-bottom: 3%;
}

.hp_banner.b .hp_banner_ibox {
    width: 66%;
    position: relative;
    top: -18%;
    right: 8%;
}


/*.slider_banner .banner_content {*/
/*        position: static !important;*/
/*        transform: none !important;*/
/*        background-color: #fff;*/
/*    }*/

}


/*About*/

.hp_about {
    padding: 3% 9% 3%;
    
}

.index_wrapper_2 {
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top;
    background-image: url('https://cdn1.npcdn.net/img/1728358593b. background.jpg');
    position: relative;
}

.hp_about .row {
    align-items: center;
}

.hp_about_image {
    max-width: 115%;
}

.hp_about_title {
    font-size: 2.5vw;
    color: #000;
    font-family: 'Tektur';
    font-weight: 600;
}

.hp_about_span {
   
    color: #ffbb10;
   
}

.hp_about_desc1 {
    color: #000;
    font-size: 0.9vw;
    line-height: 1.8;
}

.hp_about_desc2 {
    color: #000;
    font-size: 0.9vw;
    line-height: 1.8;
}

.hp_about_link {
    color: #fff;
    background: #ffbb10;
    font-size: 0.9vw;
    padding: 12px 20px;
    border-radius: 6px;
    letter-spacing: 1px;
    transition: 0.3s;
    border: 1px solid #ffbb10;
}

.hp_about_link:hover {
    color: #ffbb10;
    background: #fff;
    border: 1px solid #ffbb10;
    text-decoration: none;
}

.hp_about_bbox {
    margin-top: 4%;
}


@media screen and (max-width: 1200.5px){
.hp_about_title {
    font-size: 3vw;
   
}

.hp_about_desc1 {

    font-size: 1.4vw;
   
}

    .hp_about_desc1 br {
        display: none;
    }

.hp_about_desc2 {

    font-size: 1.4vw;

}

.hp_about_link {
    
    font-size: 1.4vw;
    
}

}


@media screen and (max-width: 767.5px){
.hp_about_title {
    font-size: 6vw;
    text-align: center;
    margin-bottom: 6%;
   
}

.hp_about_desc1 {

    font-size: 4vw;
    text-align: center;
   
}

.hp_about_desc2 {

    font-size: 4vw;
    text-align: center;

}

.hp_about_link {
    
    font-size: 3.5vw;
    
}

.hp_about {
    padding: 12% 3%;
}

.hp_about_image {
    max-width: 100%;
}

.hp_about_bbox {
    text-align: center;
    margin-top: 9%;
    margin-bottom: 12%;
}

}


/*Services*/




.service_type4 .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: unset;
}

.service_type4 {
    padding: 0 9% 0;
}

.service_type4 .col-6.col-md-3 {
    padding-left: 7.5px;
    padding-right: 7.5px;
}

.service_type4 .service_box_type4 .img_frame {
   
    padding-bottom: 100%;
    
}

.service_type4 .service_box_type4 .img_frame img {
    
    object-fit: fill;
   
}

.hp_services {
    padding: 3% 0% 2%;
}

.hp_services_title {
    font-size: 2.3vw;
    color: #000;
    font-family: 'Tektur';
    font-weight: 600;
    margin-bottom: 5%;
    margin-left: 8%;
}

.hp_services_title span {
   
    color: #ffbb10;
   
}

.service_type4 .service_box_type4 .img_frame .box {
    
    top: unset;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    border: 0;
   
}

.service_type4 .service_box_type4 .img_frame:hover .overlay {
  
    height: 35%;
}

.service_type4 .text-center {
    text-align: start !important;
}

.service_type4 .service_box_type4 .img_frame .overlay {
   
    top: unset;
    bottom: 0;
    left: 0;
    height: 20%;
    width: 100%;
    transform: translate(0, 0);
    background-color: rgba(0, 0, 0, 0.5);
    transition: 0.3s;
    
}

.service_type4 .general_btn {
    border: 2px #0d0d0d solid;
    color: #0d0d0d;
    margin-top: 12%;
}

.service_type4 .service_box_type4 .img_frame .box p {
  
    top: 110%;
    left: 40%;
    font-weight: 600;
    
    
}

.service_type4 .general_btn {
    border: 2px #ffbb10 solid;
    color: #fff;
    margin-top: 12%;
    background: #ffbb10;
    transition: 0.3s;
   
}

.service_type4 .general_btn:hover {
    border: 2px #ffbb10 solid;
    color: #ffbb10;
   
    background: #000;
    
}

.hp_services .col-md-2 {
      
    padding-left: 5px;
    padding-right: 5px;
}

.hp_services_box {
    position: relative;
    
}

.hp_services_box:before {
    position: absolute;
    content: "";
    background-color: #000;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: 0.3s;
}

.hp_services_box:hover:before {
   
    opacity: 0.5;
}

.hp_services_spongebob {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    height: 20%;
    padding: 6% 9%;
    overflow: hidden;
    transition: 0.3s;
}

.hp_services_spongebob:hover {
   
    height: 40%;
    
}

.hp_services_item {
    color: #fff;
    font-weight: 600;
    font-size: 1.1vw;
    margin-bottom: 12%;
}

.hp_services_link {
    background: #ffbb10;
    border: 1px solid #ffbb10;
    color: #fff;
    font-size: 0.9vw;
    padding: 0.2vw 1vw;
    border-radius: .25rem;
    transition: 0.3s;
}

.hp_services_link:hover {
    background: #fff;
    color: #ffbb10;
   text-decoration: none;
}

.hp_services_image {
    width: 100%;
   
}



.hp_services .row {
    justify-content: center;
}

.hp_services_bbox {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: 0.3s;
}

.hp_services_bbox:hover {
   
    opacity: 1;
    
}


@media screen and (max-width: 1200.5px){
.hp_services_title {
    font-size: 2.8vw;

}

.service_type4 .service_box_type4 .img_frame .overlay {
      
        display: none;
    }

.hp_services_item {
    
    font-size: 1.6vw;
    margin-bottom: 12%;
}

.hp_services_link {
    
    font-size: 1.4vw;
    padding: 1vw 1.5vw;
    border-radius: .5rem;
   
}

.hp_services_spongebob {
   
    height: 24%;
    padding: 6% 3%;
  
}

.hp_services_spongebob:hover {
   
    height: 45%;
    
  
}

}


@media screen and (max-width: 767.5px){
.hp_services_title {
    font-size: 6vw;
    text-align: center;

}

.service_type4 .service_box_type4 .img_frame .overlay {
      
        display: none;
    }



.hp_services {
    padding: 12% 3%;
}

.hp_services .col-md-2 {
      
    padding-left: 15px;
    padding-right: 15px;
}

.hp_services_item {
    
    font-size: 4vw;
    margin-bottom: 12%;
}

.hp_services_link {
    
    font-size: 3.5vw;
    padding: 2vw 6vw;
    border-radius: 6vw;
   
}

.hp_services_spongebob {
   
    height: 20%;
    padding: 6% 6%;
  
}

.hp_services_spongebob:hover {
   
    height: 40%;
    
  
}

.hp_services_box {
    margin-bottom: 9%;
}

}


/*Pro*/

/*.index_wrapper_4 {*/
/*    padding: 3% 9% 25%;*/
/*    position: relative;*/
/*}*/

/*.index_wrapper_4:before {*/
/*    position: absolute;*/
/*    content: "";*/
/*    background-color: #000;*/
/*    top: 0;*/
/*    right: 0;*/
/*    width: 100%;*/
/*    height: 80%;*/
/*}*/

/*.hp_pro_spongebob {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: space-between;*/
/*}*/

/*.hp_pro_title {*/
/*    font-size: 2.3vw;*/
/*    color: #fff;*/
/*    font-family: 'Tektur';*/
/*    font-weight: 600;*/
/*}*/

/*.hp_pro_link {*/
/*    color: #fff;*/
/*    background: #ffbb10;*/
/*    font-size: 0.9vw;*/
/*    padding: 12px 20px;*/
/*    border-radius: 6px;*/
/*    letter-spacing: 1px;*/
/*    transition: 0.3s;*/
/*    border: 1px solid #ffbb10;*/
/*}*/

/*.hp_pro_link:hover {*/
/*    color: #ffbb10;*/
/*    background: #fff;*/
/*    border: 1px solid #ffbb10;*/
/*    text-decoration: none;*/
/*}*/


/*@media screen and (max-width: 1200.5px){*/
/*.hp_pro_title {*/
/*    font-size: 2.8vw;*/
    
/*}*/

/*.hp_pro_link {*/
    
/*    font-size: 1.4vw;*/
    
/*}*/

/*}*/



/*@media screen and (max-width: 767.5px){*/
/*.hp_pro_title {*/
/*    font-size: 6vw;*/
/*    text-align: center;*/
    
/*}*/

/*.hp_pro_link {*/
    
/*    font-size: 3.5vw;*/
    
/*}*/

/*.index_wrapper_4 {*/
/*    padding: 12% 3% 25%;*/
  
/*}*/

/*.hp_pro_spongebob {*/
    
/*    flex-direction: column;*/
/*}*/

/*.hp_pro_bbox {*/
/*    margin-top: 6%;*/
/*}*/

/*}*/


/*Category*/

/*.index_wrapper_5 {*/
/*    padding: 0 7% 3%;*/
/*    position: relative;*/
    
/*}*/

/*.index_wrapper_5:before {*/
/*    position: absolute;*/
/*    content: "";*/
/*    top: -15%;*/
/*    left: 0;*/
/*    background-repeat: no-repeat;*/
/*    background-size: 100%;*/
/*    background-position: top;*/
/*    background-image: url('https://cdn1.npcdn.net/img/1728373846e. background.jpg');*/
/*    width: 100%;*/
/*    height: 100%;*/
/*}*/

/*.hp_procat_title {*/
/*    font-size: 2vw;*/
/*    color: #000;*/
/*    font-family: 'Tektur';*/
/*    font-weight: 600;*/
/*    text-align: center;*/

/*}*/

/*.hp_procat_title span {*/
   
/*    color: #ffbb10;*/
   
/*}*/

/*.hp_procat {*/
/*    padding-bottom: 40%;*/
/*}*/

/*@media screen and (max-width: 1200.5px){*/
/*.hp_procat_title {*/
/*    font-size: 2.5vw;*/
   

/*}*/

/*}*/


/*@media screen and (max-width: 767.5px){*/
/*.hp_procat_title {*/
/*    font-size: 6vw;*/
   

/*}*/

/*.index_wrapper_5 {*/
/*    padding: 12% 3%;*/
/*}*/

/*}*/



/*Perkhidmatan*/

.hp_perk {
    padding-left: 9%;
 
}

.hp_perk .row {
    align-items: center;
}

.hp_perk_title {
    font-size: 2vw;
    color: #000;
    font-family: 'Tektur';
    font-weight: 600;

}

.hp_perk_title span {
   
    color: #ffbb10;
   
}

.hp_perk_desc {
    color: #000;
    font-size: 0.9vw;
    line-height: 1.8;
}

.hp_perk_item {
    color: #ffbb10;
    font-weight: 600;
    font-size: 1.1vw;
    margin-bottom: 0;
    margin-top: 15px;
}

.hp_perk_ibox {
    position: relative;
    right: 23%;
}

.hp_perk_image {
    max-width: 125%;
}

.hp_perk_bob {
    display: flex;
    justify-content: space-between;
    padding-right: 12%;
    margin-left: -1%;
}

.hp_perk_spongebob {
    display: flex;
    align-items: center;
}

.hp_perk_image2 {
    width: 7vw;
}

.hp_perk_spongebob:nth-child(4) .hp_perk_ibox2 {
    padding-top: 15px;
    padding-right: 15px;
}

.hp_perk_spongebob:nth-child(1) .hp_perk_ibox2 {
    padding-top: 15px;
 
}



@media screen and (max-width: 1200.5px){
.hp_perk_title {
    font-size: 2.45vw;
   
    

}

.hp_perk_bob {
  
    padding-right: 7%;
    
}


.hp_perk_desc {
  
    font-size: 1.4vw;

}

.hp_perk_desc br {
  
    display: none;

}

.hp_perk_item {
   
    font-size: 1.5vw;
  
}

.hp_perk_image2 {
    width: 8vw;
}

.hp_perk {
    padding-left: 7%;
 
}

.hp_perk_ibox {
   
    right: 6%;
}

.hp_perk_image {
    max-width: 110%;
}

}


@media screen and (max-width: 767.5px){
.hp_perk_title {
    font-size: 6vw;
    text-align: center;
    margin-bottom: 9%;
   
    

}

.hp_perk_title br {
    display: none;

}



    .hp_perk_bob {
        padding-right: 0;
        flex-direction: column;
    }


.hp_perk_desc {
  
    font-size: 4vw;
    text-align: center;

}

.hp_perk_spongebob .hp_perk_ibox2 {
    flex: 0 0 20%;
}

.hp_perk_spongebob .hp_perk_itbox {
    flex: 0 0 80%;
}

.hp_perk_item {
   
    font-size: 4vw;
  
}

.hp_perk_image2 {
    width: 15vw;
}

.hp_perk {
    padding-left: unset;
    padding: 12% 3% 6%;
 
}

.hp_perk_ibox {
   
    right: -9%;
}

.hp_perk_image {
    max-width: 100%;
}

}



/*Review*/

.hp_review {
    padding: 3% 9% 3%;
}

.hp_review_title {
    font-size: 2.3vw;
    color: #000;
    font-family: 'Tektur';
    font-weight: 600;
    text-align: center;
}

.hp_review_title span {
   
    color: #ffbb10;
   
}


@media screen and (max-width: 1200.5px){
.hp_review_title {
    font-size: 2.8vw;
   
}

}


@media screen and (max-width: 767.5px){
.hp_review_title {
    font-size: 6vw;
   
}

.hp_review {
    padding: 12% 3%;
}

}


/*Galeri*/


.index_wrapper_5 {
    padding: 0 7% 0;
}


.hp_photoGallerySlider_type3 .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: unset;
   

}

.hp_photoGallerySlider_type3 .container-fluid {
    padding: 0;
}

.index_wrapper_7 {
    padding: 3% 7% 1%;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top;
    background-image: url('https://cdn1.npcdn.net/img/1728371984g. background.jpg');
}

.hp_photoGallerySlider_type3 .photo-gallery3 .outline_box {
 
    padding: 7.5px;
}

.hp_photoGallerySlider_type3 .photo-gallery3 .outline_box .gallery_box {
   
    background-color: #c5c5bd;
}

.hp_photoGallerySlider_type3 .photo-gallery3 .outline_box .gallery_box img {
    
    padding: 0;
    object-fit: fill;
   
}

.hp_photoGallerySlider_type3 {
    background-color: transparent;
}

.hp_photoGallerySlider_type3 .photo-gallery3 {
    padding: 0;

}

.hp_photoGallerySlider_type3 .slick-arrow {
    display: none !important;
}

.hp_gallery_title {
    font-size: 2.3vw;
    color: #000;
    font-family: 'Tektur';
    font-weight: 600;
    text-align: center;
}

.hp_gallery_title span {
   
    color: #ffbb10;
   
}


@media screen and (max-width: 1200.5px){
.hp_gallery_title {
    font-size: 2.8vw;
    
}

}

@media screen and (max-width: 767.5px){
.hp_gallery_title {
    font-size: 6vw;
    
}

.index_wrapper_7 {
    padding: 12% 3%;
}

}

/*Lihat*/

.hp_lihat_link {
    color: #fff;
    background: #ffbb10;
    font-size: 0.9vw;
    padding: 12px 20px;
    border-radius: 6px;
    letter-spacing: 1px;
    transition: 0.3s;
    border: 1px solid #ffbb10;
}

.hp_lihat_link:hover {
    color: #ffbb10;
    background: #fff;
    border: 1px solid #ffbb10;
    text-decoration: none;
}

.hp_lihat_bbox {
    text-align: center;
    margin-bottom: 5%;
    margin-top: 2.5%;
}

@media screen and (max-width: 1200.5px){
.hp_lihat_link {
   
    font-size: 1.4vw;
   
}

}


@media screen and (max-width: 767.5px){
.hp_lihat_link {
   
    font-size: 3.5vw;
   
}

.hp_lihat_bbox {
    
    margin-bottom: 3%;
    margin-top: 6%;
}

}


/*Brand*/

.hp_brand {
    padding: 3% 0 0;
}

.hp_brand_image.img-fluid {
    width: 12vw;
    margin: 0 1.5vw;
}

/*Footer*/

.footer_type8 {
    background-color: #000;
    color: #fff;
    padding-top: 5rem !important;
  
}

.footer_type8 .col-12.col-md-4.mb-md-0.p-3.text-center.text-md-left.order-md-1 {
    margin-top: -4%;
}

.footer_type8 .col-12.col-md-4.mb-md-0.p-3.text-center.text-md-right.order-md-3 {
    margin-top: -4%;
}

.footer_type8 a {
   
    color: #fff;
  
}

.footer_type8 .logo {
 
    min-height: 23px;
}

.footer_type8 .logo img {
   
    max-height: 23px;
}

.footer_type8 .title h5 {
    font-weight: 700;
    
    text-transform: uppercase;
}

.footer_type8 .list-unstyled li:nth-child(8) {
    display: none;
}