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

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

.whatsapp_float_btn_t5.contactusnow.num0 .whatsapp_float_label{
    display: none;
}

.latest_new_type4 .news_box .img_frame img {
    object-fit: contain;
}

.ws_gallery-4 .img_frame img {
    object-fit: contain;
}

.gallerycategory .img_frame img {
    object-fit: contain;
}

a:hover {
    text-decoration: none;
}

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

}

#top_spacing {
   
    height: 70px !important;
   
}

}

/*Menu*/

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

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

}

.navbar_type8 .nav_tab .nav_item {
   
    margin-top: 54px;
}

.navbar_type8 {
  
    height: 120px;
    
}

.navbar_mobile .logo_img {
    transform: scale(1.25);
}

.navbar_type8 .logo {
    flex: 0 1 19.5%;
    margin-left: 4%;
}

.navbar_type8 .nav_tab {
    flex: 0 1 80.5%;
    padding-left: 0;
    padding-right: 9%;
    background: #003554;
    position: relative;
}

.navbar_type8 .nav_tab:before {
    position: absolute;
    content: "";
    bottom: 65px;
    right: 0%;
    background-color: #fff;
    opacity: 0.5;
    width: 100%;
    height: 1px;
   
}

.navbar_type8 .logo img {
  
    width: 200px;
    padding: 0;
}

.navbar_type8 .nav_tab .nav_item a {
    color: white;
    padding: 10px 1vw;

    text-transform: capitalize;
    font-size: 16px;
}

.navbar_type8 .nav_tab .nav_item:last-child a {
    color: white;
    padding: 10px 45px 10px 20px;
    border-radius: 30px;
    background: #3a7d9e;
    margin-left: 0.75vw;
    position: relative;
    transition: 0.3s;
}

.navbar_type8 .nav_tab .nav_item:last-child:hover a {
    background: #000000;
}

.navbar_type8 .nav_tab .nav_item:last-child:after {
    position: absolute;
    content: "";
    top: 0%;
    bottom: 0;
    margin: auto 0;
    right: 7%;
    background-image: url(https://cdn1.npcdn.net/img/1774627810nav-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
  
}

@media screen and (max-width: 1395.5px){
.navbar_type8 .nav_tab .nav_item a {
    
    padding: 10px 1.5vw;
    font-size: 16px;
}

.navbar_type8 .logo {
    flex: 0 1 18%;
    margin-left: 4%;
}

.navbar_type8 .nav_tab {
    flex: 0 1 82%;
    padding-right: 9%;
}

}

@media screen and (max-width: 1252.5px){
.navbar_type8 .nav_tab .nav_item a {
    
    padding: 10px 1.4vw;
    font-size: 15.5px;
}

}

@media screen and (max-width: 1200.5px){
.navbar_type8 .logo img {
    width: 180px;
    padding: 0;
}

.navbar_type8 .logo {
    flex: 0 1 19%;
    margin-left: 3%;
}

.navbar_type8 .nav_tab {
    flex: 0 1 81%;
    padding-right: 7%;

}

    .navbar_type8 .nav_tab .nav_item a {
        padding: 10px 1.05vw;
        font-size: 14.5px;
    }

}

/*Banner*/

.hp_banner {
    text-align: center;
    padding-top: 13%;
}

.hp_banner_title1 {
    margin-bottom: 1%;
    color: #fff;
    font-size: 2.85vw;
    font-weight: 700;
}

.hp_banner_title2 {
    color: #fff;
    font-size: 1.25vw;
    font-weight: 300;
    line-height: 1.5;
    margin-bottom: 3.5%;
}

.hp_banner_link {
    color: #fff;
    background: #003554;
    transition: 0.3s;
    font-size: 0.95vw;
    font-weight: 300;
    position: relative;
    padding: 1vw 4vw 1vw 2vw;
}

.hp_banner_link:hover {
    color: #fff;
    background: #3a7d9e;
   
}

.hp_banner_link:before {
    position: absolute;
    content: "";
    top: 0%;
    bottom: 0;
    margin: auto 0;
    right: 14%;
    background-image: url(https://cdn1.npcdn.net/img/1774581457BUTTON.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 1.75vw;
    height: 1.75vw;
    transition: 0.3s;
}

.hp_banner_link:lang(id):before {
   
    right: 12%;
  
}

.hp_banner_link:hover:before {
    animation: 1s rubberband;
}


@media screen and (max-width: 1200.5px){
.hp_banner_title1 {
    margin-bottom: 1%;
  
    font-size: 3.35vw;
    
}

.hp_banner_title2 {
   
    font-size: 1.5vw;

    margin-bottom: 3.5%;
}

.hp_banner_link {
  
    font-size: 1.2vw;
  
    padding: 1.25vw 5vw 1.25vw 2.5vw;
}

.hp_banner_link:before {
    
    right: 14%;

    width: 2.25vw;
    height: 2.25vw;
   
}

}

@media screen and (max-width: 767.5px){
.hp_banner_title1 {
    margin-bottom: 2%;
    color: #000;
    font-size: 8vw;
    
}

.hp_banner_title2 {
    color: #000;
    font-size: 4vw;
    line-height: 1.8;
    margin-bottom: 9%;
}

.hp_banner_link {
  
    font-size: 3.75vw;
  
    padding: 3.5vw 15vw 3.5vw 8vw;
}

.hp_banner_link:before {
    
    right: 14%;

    width: 6.5vw;
    height: 6.5vw;
   
}

.hp_banner {
   
    padding-top: 18%;
}

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

}

@media screen and (max-width: 767.5px) {
    .slider_banner .banner_content {
        position: static !important;
        transform: none !important;
        background-color: #fff;
        opacity: 1 !important;
    }
    
}

/*Why*/

.hp_why {
    padding: 6% 9% 6%;
}

.hp_why_fbox {
    display: flex;
    justify-content: space-between;
}

.hp_why_itbox {
    flex: 0 0 23.5%;
    border-top: 1.75px solid rgba(0, 0, 0, 0.2);
    padding-top: 2%;
}

.hp_why_item1 {
    font-size: 1.5vw;
    color: black;
    margin-bottom: 8%;
}

.hp_why_item2 {
    font-size: 1.5vw;
    color: black;
    margin-bottom: 0;
}

@media screen and (max-width: 1200.5px){
.hp_why_item1 {
    font-size: 1.75vw;
 
    margin-bottom: 8%;
}

.hp_why_item2 {
    font-size: 1.75vw;
   
}

}

@media screen and (max-width: 767.5px){
.hp_why_item1 {
    font-size: 4vw;
 
    margin-bottom: 8%;
}

.hp_why_item2 {
    font-size: 4vw;
   
}

.hp_why {
    padding: 12% 3%;
}

.hp_why_fbox {
    
    flex-wrap: wrap;
}

.hp_why_itbox {
    flex: 0 0 47.5%;
    border-top: 1.75px solid rgba(0, 0, 0, 0.2);
    padding-top: 5%;
}

.hp_why_fbox {
  
    gap: 4vw 0;
}

}

/*About*/

.hp_about {
    background: #ebf6fa;
    padding: 3% 2% 3% 9%;
}

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

.hp_about_image {
    width: 100%;
}

.hp_about_title1 {
   
    color: #000;
    font-size: 1vw;
    font-weight: 400;
}

.hp_about_title2 {
    margin-bottom: 2%;
    color: #000;
    font-size: 2.2vw;
    font-weight: 700;
}

.hp_about_desc {
    color: #000;
    font-size: 0.98vw;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 3%;
}

.hp_about_link {
    color: #fff;
    background: #003554;
    transition: 0.3s;
    font-size: 0.95vw;
    font-weight: 300;
    position: relative;
    padding: 1vw 4vw 1vw 2vw;
}

.hp_about_link:hover {
    color: #fff;
    background: #3a7d9e;
   
}

.hp_about_link:before {
    position: absolute;
    content: "";
    top: 0%;
    bottom: 0;
    margin: auto 0;
    right: 14%;
    background-image: url(https://cdn1.npcdn.net/img/1774581457BUTTON.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 1.75vw;
    height: 1.75vw;
    transition: 0.3s;
}

.hp_about_link:hover:before {
    animation: 1s rubberband;
}

.hp_about_bbox {
    margin-top: 7%;
}

    .hp_about_link:lang(id):before {
        right: 12%;
        
    }

@media screen and (max-width: 1200.5px){

.hp_about_title1 {
   
    font-size: 1.25vw;
  
}

.hp_about_title2 {
    margin-bottom: 2%;

    font-size: 2.7vw;
   
}

.hp_about_desc {
   
    font-size: 1.25vw;
   
    margin-bottom: 3%;
}

.hp_about_desc br {
   
    display: none;
}

.hp_about_link {
    
    font-size: 1.2vw;
    padding: 1.25vw 5vw 1.25vw 2.5vw;
}

.hp_about_link:before {
 
    right: 14%;
    width: 2.25vw;
    height: 2.25vw;
   
}

}

@media screen and (max-width: 767.5px){

.hp_about_title1 {
   
    font-size: 3.5vw;
  
}

.hp_about_title2 {
    margin-bottom: 4%;

    font-size: 7.5vw;
   
}

.hp_about_desc {
   
    font-size: 3.55vw;
   
    margin-bottom: 6%;
}


.hp_about_link {
    
    font-size: 3.75vw;
    padding: 3.5vw 15vw 3.5vw 8vw;
}

.hp_about_link:before {
 
    right: 14%;
    width: 6.5vw;
    height: 6.5vw;
   
}

.hp_about {
   
    padding: 12% 3%;
}

.hp_about_bbox {
    margin-top: 10%;
}

.hp_about_ibox {
    margin-top: 12%;
}

}

/*Award*/

.hp_award {
    padding: 6% 9% 3%;
}

.hp_award .col-md-3 {
    flex: 0 0 30%;
    max-width: 30%;
    padding: 0 1.5vw;
}

.hp_award .col-md-6 {
    flex: 0 0 40%;
    max-width: 40%;
}

.hp_award_box {
    background: #ebf6fa;
    padding: 10% 7% 10%;
    margin-bottom: 12%;
}

.hp_award_mbox {
    background: #3b7d9f;
    text-align: center;
    padding: 12% 14% 12%;
    position: relative;
}

.hp_award_mbox:before {
    position: absolute;
    content: "";
    top: 24%;
    left: -3%;
    background-color: #3b7d9f;
    width: 2vw;
    height: 1.25vw;
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

.hp_award_icbox {
    padding-left: 5%;
}

.hp_award_icon {
    width: 3.5vw;
    transition: 0.3s;
}

.hp_award_icon:hover {
    animation: 1s jshake;
}

@keyframes jshake {
    25% {
        transform: rotate(10deg);
      }
      75% {
        transform: rotate(-10deg);
      }
}

.hp_award_title1 {
   
    color: #fff;
    font-size: 1vw;
    font-weight: 400;
}

.hp_award_title2 {
    margin-bottom: 6%;
    color: #fff;
    font-size: 1.75vw;
    font-weight: 700;
}

.hp_award_item1 {
    font-size: 1.5vw;
    padding-left: 5%;
    margin-bottom: 30%;
    margin-top: 6%;
}

.hp_award_item2 {
    margin-bottom: 0;
    font-size: 1vw;
    line-height: 1.5;
    height: 4.75vw;
}

.hp_award_item2:lang(id) {
 
    height: 5.75vw;
}

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

.hp_award_title2 {
    margin-bottom: 6%;
    font-size: 2.25vw;
}

.hp_award_item1 {
    font-size: 1.75vw;
    padding-left: 5%;
    margin-bottom: 18%;
    margin-top: 6%;
}

.hp_award_item2 {
    font-size: 1.25vw;
    height: 7.5vw;
}

.hp_award_item2 br {
    display: none;
}

.hp_award_mbox {
 
    padding: 12% 13% 12%;
    
}

.hp_award_icon {
    width: 4vw;
 
}

.hp_award_mbox:before {
    
    top: 24%;
    left: -4%;
    width: 2.5vw;
    height: 1.5vw;
   
}

.hp_award_item2:lang(id) {
    height: 9vw;
}

}

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

    .hp_award_item2:lang(id) {
        height: unset;
    }

       .hp_award_mbox:before {
        top: -1%;
        left: 20%;
        width: 7vw;
        height: 4vw;
        transform: rotate(90deg);
    }
    
.hp_award_title2 {
    margin-bottom: 6%;
    font-size: 7vw;
}

.hp_award_item1 {
    font-size: 4vw;
    padding-left: 5%;
    margin-bottom: 15%;
    margin-top: 6%;
}

    .hp_award_item2 {
        font-size: 2.9vw;
        height: unset;
    }

.hp_award_item2 br {
    display: none;
}

.hp_award_mbox {
    margin-bottom: 12%;
    padding: 12% 12% 12%;
    
}

.hp_award_icon {
    width: 11vw;
 
}

.hp_award {
    padding: 12% 3%;
}

.hp_award .col-md-3 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 15px;
}

.hp_award .col-md-6 {
    flex: 0 0 100%;
    max-width: 100%;
}

.hp_award_fbox {
    display: flex;
    justify-content: space-between;
}

.hp_award_box {
    flex: 0 0 48%;
    padding: 6% 3% 9%;
    margin-bottom: 9%;
}

}

/*Our*/

/*.hp_our {*/
/*    padding: 3% 0 5% 6%;*/
/*    display: none;*/
/*}*/

/*.hp_our .row {*/
/*    align-items: center;*/
/*}*/

/*.hp_our_ibox {*/
/*    margin-right: 6%;*/
/*}*/

/*.hp_our_box {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: space-between;*/
/*    padding: 6% 12% 6% 9%;*/
/*    transition: 0.3s;*/
/*    position: relative;*/
/*    margin-right: -15px;*/
/*}*/

/*.hp_our_box:before {*/
/*    position: absolute;*/
/*    content: "";*/
/*    bottom: -8%;*/
/*    right: 14%;*/
/*    background-color: #fff;*/
/*    transition: 0.3s;*/
/*    width: 1.25vw;*/
/*    height: 2vw;*/
/*    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);*/
/*}*/

/*.hp_our_box:last-child:before {*/
/*    display: none;*/
/*}*/


/*.hp_our_box:hover:before {*/
/*    background: #ebf6fa;*/
/*}*/

/*.hp_our_box:hover {*/
/*    background: #ebf6fa;*/
/*}*/

/*.hp_our_image {*/
/*    width: 100%;*/
/*}*/

/*.hp_our_icon {*/
/*    width: 3.5vw;*/
/*}*/

/*.hp_our_title {*/
/*    text-align: center;*/
/*    font-size: 1vw;*/
/*    color: black;*/
/*    font-weight: 400;*/
/*    margin-bottom: 0;*/
/*}*/

/*.hp_our_item1 {*/
/*    display: flex;*/
/*    gap: 1.5vw;*/
/*    margin-bottom: 2%;*/
/*    align-items: center;*/
/*}*/

/*.hp_our_item1 span {*/
/*    font-weight: 400;*/
/*    font-size: 1.43vw;*/
/*}*/

/*.hp_our_item1 p {*/
/*    font-weight: 600;*/
/*    font-size: 1.93vw;*/
/*    margin-bottom: 0;*/
/*}*/

/*.hp_our_item2 {*/
/*    margin-bottom: 0;*/
/*    font-size: 1vw;*/
/*    line-height: 1.8;*/
/*    font-weight: 400;*/
/*    color: black;*/
/*    padding-left: 3vw;*/
/*}*/

/*@media screen and (max-width: 1200.5px){*/
/*.hp_our_icon {*/
/*    width: 4vw;*/
/*}*/

/*.hp_our_title {*/
  
/*    font-size: 1.25vw;*/
  
/*}*/

/*.hp_our_item1 span {*/

/*    font-size: 1.75vw;*/
/*}*/

/*.hp_our_item1 p {*/
 
/*    font-size: 2.25vw;*/
  
/*}*/

/*.hp_our_item2 {*/
/*    padding-left: 3.5vw;*/
/*    font-size: 1.25vw;*/
   
/*}*/

/*}*/

/*@media screen and (max-width: 767.5px){*/
/*.hp_our_icon {*/
/*    width: 12vw;*/
/*}*/

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

/*.hp_our_item1 span {*/

/*    font-size: 4vw;*/
/*}*/

/*.hp_our_item1 p {*/
 
/*    font-size: 6vw;*/
  
/*}*/

/*.hp_our_item2 {*/
/*    padding-left: 0;*/
/*    font-size: 3.75vw;*/
   
/*}*/

/*.hp_our_item2 br {*/
    
/*    display: none;*/
/*}*/

/*.hp_our_ibox {*/
/*    margin-right: 0;*/
/*    margin-bottom: 6%;*/
/*}*/

/*.hp_our {*/
/*    padding: 0% 0 12%;*/
/*}*/

/*.hp_our_box {*/
  
/*    padding: 9% 6% 9% 9%;*/

/*    margin-right: -15px;*/
/*    margin-left: -15px;*/
/*}*/

/*.hp_our_item1 {*/
    
/*    gap: 3vw;*/
/*    margin-bottom: 2%;*/
    
/*}*/

/*}*/

/*Team*/

.hp_team {
    background: #003555;
    padding: 6% 9% 6%;
}

.hp_team_box {
    margin: 0 1vw;
    position: relative;
}

.hp_team_box:before {
    position: absolute;
    content: "";
    bottom: 3%;
    right: 0%;
    transform: rotate(45deg);
    background-image: url(https://cdn1.npcdn.net/img/1774603402BUTTON-2.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 3vw;
    height: 3vw;
    transition: 0.3s;
}

.hp_team_box:hover:before {
    transform: rotate(45deg);
}

.hp_team_fbox .slick-arrow {
    z-index: 1;
}

.hp_team_fbox .slick-prev {
  
    top: 42%;
}

.hp_team_fbox .slick-next {
 
    top: 42%;
}

.hp_team_abox {
    text-align: center;
    margin-bottom: 6%;
}

.hp_team_image {
    width: 100%;
}

.hp_team_title1 {
   
    color: #fff;
    font-size: 1vw;
    font-weight: 400;
}

.hp_team_title2 {
    margin-bottom: 4%;
    color: #fff;
    font-size: 2.25vw;
    font-weight: 700;
}

.hp_team_link {
    color: #fff;
    border: 1px solid #fff;
    border-radius: 40px;
    transition: 0.3s;
    font-size: 0.95vw;
    font-weight: 300;
    position: relative;
    padding: 1vw 6.5vw 1vw 2.5vw;
}

.hp_team_link:hover {
    color: #fff;
    background: #3a7d9e;
   
}

.hp_team_link:before {
    position: absolute;
    content: "";
    top: 0%;
    bottom: 0;
    margin: auto 0;
    right: 14%;
    background-image: url(https://cdn1.npcdn.net/img/1774581457BUTTON.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 1.75vw;
    height: 1.75vw;
    transition: 0.3s;
}

.hp_team_link:hover:before {
    animation: 1s rubberband;
}

.hp_team_item1 {
    margin-top: 6%;
    color: #fff;
    font-size: 1.5vw;
    font-weight: 700;
}

.hp_team_item2 {
    margin-bottom: 0;
    color: #fff;
    font-size: 1vw;
    font-weight: 300;
}

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

.hp_team_title2 {
    margin-bottom: 4%;
  
    font-size: 2.75vw;
   
}

.hp_team_link {

    font-size: 1.2vw;
    padding: 1.25vw 7.5vw 1.25vw 3vw;
}

.hp_team_link:before {
    
    right: 14%;
 
    width: 2.25vw;
    height: 2.25vw;
    
}

.hp_team_item1 {
    margin-top: 6%;
    font-size: 1.75vw;
  
}

.hp_team_item2 {
 
    font-size: 1.25vw;

}

.hp_team_box:before {

    width: 3.5vw;
    height: 3.5vw;
  
}

}

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

.hp_team_title2 {
    margin-bottom: 7%;
  
    font-size: 7.5vw;
   
}

.hp_team_box {
    flex: 0 0 46%;
   
}

.hp_team_abox {
   
    margin-bottom: 12%;
}

.hp_team_link {

    font-size: 3.75vw;
    padding: 3.5vw 19vw 3.5vw 8vw;
}

.hp_team_link:before {
    
    right: 14%;
 
    width: 6.5vw;
    height: 6.5vw;
    
}

.hp_team_item1 {
    margin-top: 6%;
    font-size: 4.75vw;
  
}

.hp_team_item2 {
 
    font-size: 3vw;

}

.hp_team_box:before {

    display: none;
  
}

.hp_team {
    
    padding: 12% 3% 12%;
}

}

/*Emergency*/

.hp_eme_fbox {
    display: flex;
    margin: 0 -15px;
    align-items: center;
    background: #002335;
}

.hp_eme_ggbox {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 27%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hp_eme_box {
    flex: 0 0 50%;
    padding-left: 10%;
    position: relative;
    z-index: 1;
}

.hp_eme_ibox {
    flex: 0 0 50%;
}

.hp_eme_image {
    width: 100%;
}

.hp_eme_title {
    color: #fff;
    font-weight: 800;
    font-size: 2.5vw;
    margin-bottom: 5%;
}

.hp_eme_desc {
    color: #fff;
    font-size: 0.9vw;
    margin-bottom: 7.5px;
}

.hp_eme_desc span {
    margin-right: 7.5px;
}

.hp_eme_link {
    background: #1fa875;
    color: #fff;
    font-size: 1.05vw;
    transition: 0.3s;
    position: relative;
    padding: 0.75vw 3.5vw 0.75vw 5.75vw;
    font-weight: 500;
    border-radius: 30px;
}

.hp_eme_link:before {
    position: absolute;
    content: "";
    top: -27%;
    left: 8%;
    background-image: url(https://cdn1.npcdn.net/img/1778148424whatsapp-logo.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 3vw;
    height: 3vw;
    transition: 0.3s;
}

.hp_eme_link:hover:before {
    width: 2.5vw;
    height: 2.5vw;
    top: 0%;
    bottom: 0;
    margin: auto 0;
 
}

.hp_eme_link:hover {
    background: #00496d;
    color: #fff;
}

.hp_eme_bbox {
    margin-top: 8%;
}

.hp_eme_gg {
    text-align: center;
    color: #fff;
    margin-bottom: 0;
    font-size: 1.25vw;
    font-weight: 700;
    background: #00496d;
    padding: 3% 1.5%;
    border-radius: 50%;
}

.hp_eme_gg:lang(id) {
    
    padding: 4.5% 1.5%;
  
}

@media screen and (max-width: 1200.5px){
.hp_eme_title {
    font-size: 3vw;
    margin-bottom: 5%;
}

.hp_eme_desc {
    font-size: 1.15vw;
    margin-bottom: 7.5px;
}

.hp_eme_link {
    font-size: 1.3vw;
    padding: 0.9vw 4vw 0.9vw 6.75vw;
    border-radius: 30px;
}

.hp_eme_gg {
    font-size: 1.5vw;
    padding: 3.5% 1.75%;
}

.hp_eme_gg:lang(id) {
    padding: 5% 1.5%;
}

.hp_eme_link:before {
    top: -27%;
    left: 8%;
    width: 3.5vw;
    height: 3.5vw;
}

.hp_eme_link:hover:before {
    width: 3vw;
    height: 3vw;
 
}

.hp_eme_desc span {
    margin-right: 5px;
}

}

@media screen and (max-width: 767.5px){
.hp_eme_title {
    font-size: 7vw;
    margin-bottom: 5%;
}

.hp_eme_desc {
    font-size: 3.75vw;
    margin-bottom: 7.5px;
}

.hp_eme_link {
    font-size: 4vw;
    padding: 2.5vw 10vw 2.5vw 17vw;
    border-radius: 50px;
}

    .hp_eme_link:lang(id) {
        font-size: 3.75vw;
        padding: 2.5vw 6vw 2.5vw 16vw;
        border-radius: 50px;
    }
    
.hp_eme_gg {
    font-size: 4vw;
    padding: 9vw 4.5vw;
}

.hp_eme_link:before {
    top: -27%;
    left: 8%;
    width: 9vw;
    height: 9vw;
}

.hp_eme_link:hover:before {
    width: 8vw;
    height: 8vw;
 
}

.hp_eme_box {
    padding-left: calc(3% + 15px);
            padding-top: 12%;
        padding-bottom: 24%;
}

.hp_eme_fbox {
    align-items: start;
    background: #002335;
    flex-direction: column;
}


    .hp_eme_ggbox {
        bottom: -14%;
        right: -60%;
    }
    
    .hp_eme_bbox {
    margin-top: 10%;
}

.hp_eme_gg:lang(id) {
    padding: 12.5vw 2vw;
}

}


/*Services*/

.index_wrapper_8 {
    padding: 8% 9% 1%;
}

.hp_services_abox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3%;
}

.exProductSlidehpType6 .wrapper_product .product_img .product_price {
    display: none;
}

.exProductSlidehpType6 .wrapper_product .product_img .product_price_box {
    display: none;
}

.exProductSlidehpType6 .wrapper_product .product_details .product_header small {
    display: none;
}

.exProductSlidehpType6 .wrapper_product .product_details .product_footer .add_to_cart {
    display: none;
}

.exProductSlidehpType6 .wrapper_product .product_img {
    padding-top: calc(54%);
    border-radius: 0;
}

.exProductSlidehpType6 .wrapper_product .product_details {
    display: block;
    text-align: center;
}

.exProductSlidehpType6 .wrapper_product {
    border-radius: 0;
    padding-bottom: 20px;
}

.exProductSlidehpType6  .mb-5 {
    margin-bottom: 1.5rem !important;
    padding: 0 0.75vw;
}

.exProductSlidehpType6 .wrapper_product .product_details .product_header {
    padding: 12.5px 0;
    background: #ecf5fa;
    transition: 0.3s;
}

.exProductSlidehpType6 .wrapper_product:hover .product_details .product_header {
   
    background: #3a7d9e;
}

.exProductSlidehpType6 .wrapper_product .product_details .product_header .product_header_title h3 {
    color: #000;
    font-size: 1vw;
    margin-bottom: 0;
    font-weight: 400;
    justify-content: center;
        align-items: center;
        display: flex;
}

.hp_services_title1 {
   
    color: #000;
    font-size: 1vw;
    font-weight: 400;
}

.hp_services_title2 {
    margin-bottom: 0;
    color: #000;
    font-size: 2.25vw;
    font-weight: 700;
}

.hp_services_link {
    color: #fff;
    background: #003554;
    transition: 0.3s;
    font-size: 0.95vw;
    font-weight: 300;
    position: relative;
    padding: 1vw 4vw 1vw 2vw;
}

.hp_services_link:hover {
    color: #fff;
    background: #3a7d9e;
   
}

.hp_services_link:before {
    position: absolute;
    content: "";
    top: 0%;
    bottom: 0;
    margin: auto 0;
    right: 14%;
    background-image: url(https://cdn1.npcdn.net/img/1774581457BUTTON.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 1.75vw;
    height: 1.75vw;
    transition: 0.3s;
}

.hp_services_link:lamng(id):before {
 
    right: 12%;
    
}

.hp_services_link:hover:before {
    animation: 1s rubberband;
}

.hp_services_bbox {
    margin-top: 1%;
}

@keyframes rubberband {
    0%{
        transform: scaleX(1);
    }
    40%{
        transform: scaleX(1.12) scaleY(0.75);
    }
    55%{
        transform: scaleX(0.85) scaleY(1);
    }
    65%{
        transform: scaleX(1.09) scaleY(0.85);
    }
    75%{
        transform: scaleX(0.9)  scaleY(1);
    }
    90%{
        transform: scaleX(1.05) scaleY(0.95);
    }
    100%{
        transform: scaleX(1) scaleY(1);
    }
}

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

.hp_services_title2 {
    font-size: 2.75vw;
}

.hp_services_link {
    font-size: 1.2vw;
    padding: 1.25vw 5vw 1.25vw 2.5vw;
}

.hp_services_link:before {
    right: 14%;
    width: 2.25vw;
    height: 2.25vw;
}

.exProductSlidehpType6 .wrapper_product .product_details .product_header .product_header_title h3 {
    font-size: 1.15vw;
}

.exProductSlidehpType6 .wrapper_product {
    border-radius: 0;
    padding-bottom: 15px;
}

}

@media screen and (max-width: 991.5px){
    .exProductSlidehpType6 .wrapper_product .product_details .product_header .product_header_title h3 {
        font-size: 1.5vw;
    }
    
}

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

.hp_services_title2 {
    font-size: 7.5vw;
}

.hp_services_link {
    font-size: 3.75vw;
    padding: 3.5vw 15vw 3.5vw 8vw;
}

.hp_services_link:before {
    right: 14%;
    width: 6.5vw;
    height: 6.5vw;
}

.exProductSlidehpType6 .wrapper_product .product_img {
    padding-top: calc(75%);
    border-radius: 0;
}

    .exProductSlidehpType6 .wrapper_product .product_details .product_header .product_header_title h3 {
        font-size: 3.5vw;
        word-break: unset;
        height: 8vw;
    }
    
        .exProductSlidehpType6 .wrapper_product .product_details .product_header :lang(id) h3 {
        font-size: 3.5vw;
        height: 9vw;
    }
    
    .exProductSlidehpType6 .wrapper_product .product_details .product_header :lang(zH-Hans) h3 {
       
        height: unset;
    }

.exProductSlidehpType6 .wrapper_product .product_details .product_header {
    padding: 10px 0;
   
}

.exProductSlidehpType6 .wrapper_product {
    border-radius: 0;
    padding-bottom: 15px;
}

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

.hp_services_abox {
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
    margin-bottom: 15%;
    gap: 6vw;
}

    .exProductSlidehpType6 .mb-5 {
        margin-bottom: 1rem !important;
        padding: 0 2vw;
        flex: 0 0 50%;
        max-width: 50%;
    }
    
        

}

/*SECRET*/

.ex_branchType3 .design-2 > .col-12:first-child .card-body .mb-3 .pl-1:last-child {
    display: none;
}

/*Visit*/

.hp_visit {
    padding: 3% 10% 3%;
}

.hp_visit_image {
    width: 100%;
}

.hp_visit_fbox {
    display: flex;
    gap: 5vw;
}

.hp_visit_box {
    background: #f7fdfd;
}

.hp_visit_tbox {
    text-align: center;
}

.hp_visit_icon {
    width: 1.5vw;
    height: 1.5vw;
}

.hp_visit_title1 {
   
    color: #000;
    font-size: 1vw;
    font-weight: 400;
}

.hp_visit_title2 {
    margin-bottom: 4%;
    color: #000;
    font-size: 2.25vw;
    font-weight: 700;
}

.hp_visit_title3 {
    font-size: 1.6vw;
    font-weight: 700;
    margin-bottom: 3%;
}

.hp_visit_item1 {
    font-size: 1.23vw;
    font-weight: 400;
    color: black;
    display: flex;
    gap: 0.5vw;
    position: relative;
    padding-bottom: 2.5%;
    margin-bottom: 2.5%;
}

.hp_visit_item1:before {
    position: absolute;
    content: "";
    bottom: 0%;
    left: 0%;
    background-color: rgba(0,0,0,0.3);
    width: 29.5vw;
    height: 1px;
    transition: 0.3s;
}

.hp_visit_item2 {
    margin-bottom: 0;
    display: flex;
    gap: 0.5vw;
}

.hp_visit_link {
    color: black;
    font-size: 1.23vw;
    font-weight: 400;
    transition: 0.3s;
}

.hp_visit_link:hover {
    color: #003554;

}

.hp_visit_linkx {
    background: #003554;
    color: #fff;
    transition: 0.3s;
    font-weight: 300;
    font-size: 0.95vw;
    padding: 0.9vw 3vw;
}

.hp_visit_linkx:hover {
    background: #3a7d9e;
    color: #fff;
  
}

.hp_visit_inbox {
    padding: 4% 7% 9%;
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.hp_visit_bbox {
    margin-top: 8%;
}

@media screen and (max-width: 1200.5px){
.hp_visit_icon {
    width: 2vw;
    height: 2vw;
}

.hp_visit_title1 {

    font-size: 1.25vw;
}

.hp_visit_title2 {
    margin-bottom: 4%;
    font-size: 2.75vw;
}

.hp_visit_title3 {
    font-size: 2vw;
    margin-bottom: 3%;
}

.hp_visit_item1 {
    font-size: 1.35vw;
    gap: 0.5vw;
    padding-bottom: 3%;
}

.hp_visit_item1:before {
   
    width: 32vw;

}

.hp_visit_link {
    
    font-size: 1.35vw;
   
}

.hp_visit_linkx {
   
    font-size: 1.2vw;
    padding: 1.05vw 3.5vw;
}

.hp_visit_fbox {
  
    gap: 4vw;
}

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

.hp_visit_inbox {
    padding: 4% 6% 9%;
    
}

}

@media screen and (max-width: 767.5px){
.hp_visit_icon {
    width: 3vw;
    height: 3vw;
}

.hp_visit_title1 {

    font-size: 3.5vw;
}

.hp_visit_item2 {
   
    gap: 2vw;
}

.hp_visit_title2 {
    margin-bottom: 7%;
    font-size: 7.5vw;
}

.hp_visit_title3 {
    font-size: 4vw;
    margin-bottom: 3%;
}

    .hp_visit_item1 {
        font-size: 3vw;
        gap: 2vw;
        padding-bottom: 6%;
        margin-bottom: 6%;
    }

.hp_visit_item1 br {
    display: none;
} 

.hp_visit_item1:before {
   
    width: 75vw;

}

.hp_visit_link {
    
    font-size: 3vw;
   
}

.hp_visit_linkx {
        font-size: 3vw;
        padding: 2vw 8vw;
    }
    
.hp_visit_linkx:lang(id) {
       
        padding: 2vw 2.75vw;
    }    


.hp_visit_bbox {
    margin-top: 12%;
}

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

    .hp_visit_inbox {
        padding: 4% 9% 9%;
    }
    
        .hp_visit_fbox {
        gap: 0vw;
        justify-content: space-between;
    }
    
    .hp_visit_box {
    flex: 0 0 48%;
}
    
    

}

/*Testimonial*/

/*.index_wrapper_10 {*/
/*    padding: 2% 9% 6%;*/
/*}*/

.hp_test_tbox {
    text-align: center;
}

.hp_test_title1 {
   
    color: #000;
    font-size: 1vw;
    font-weight: 400;
}

.hp_test_title2 {
    margin-bottom: 1%;
    color: #000;
    font-size: 2.25vw;
    font-weight: 700;
}


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

.hp_test_title2 {
    margin-bottom: 1%;
   
    font-size: 2.75vw;
    
}

}

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

.hp_test_title2 {
    margin-bottom: 2%;
   
    font-size: 6.75vw;
    
}

/*.index_wrapper_10 {*/
/*    padding: 6% 3% 6%;*/
/*}*/

}

/*Transparent*/

.hp_trans_box {
    background-image: url('https://cdn1.npcdn.net/img/1774596477J-BG.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    padding: 4% 5% 4% 5%;
    background-position: 50%;
}

.hp_trans {
    padding: 0 3% 0;
}

.hp_trans_fbox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #002336;
    padding: 3.5% 9%;
}

.hp_trans_title {
    margin-bottom: 0%;
    color: #fff;
    font-size: 1.75vw;
    font-weight: 600;
    text-align: center;
}

.hp_trans_desc {
    color: #fff;
    text-align: center;
    font-size: 0.98vw;
    font-weight: 300;
    line-height: 1.8;
    margin-bottom: 0%;
}

.hp_trans_link {
    color: #fff;
    background: #003554;
    transition: 0.3s;
    font-size: 0.95vw;
    font-weight: 300;
    position: relative;
    padding: 1vw 4vw 1vw 2vw;
}

.hp_trans_link:hover {
    color: #fff;
    background: #3a7d9e;
   
}

.hp_trans_link:before {
    position: absolute;
    content: "";
    top: 0%;
    bottom: 0;
    margin: auto 0;
    right: 14%;
    background-image: url(https://cdn1.npcdn.net/img/1774581457BUTTON.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 1.75vw;
    height: 1.75vw;
    transition: 0.3s;
}

.hp_trans_link:lang(id):before {
    
    right: 12%;

}

.hp_trans_link:hover:before {
    animation: 1s rubberband;
}

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

.hp_trans_desc {

    font-size: 1.23vw;
}

.hp_trans_link {

    font-size: 1.2vw;
    padding: 1.25vw 5vw 1.25vw 2.5vw;
}

.hp_trans_link:before {
    
    right: 14%;
    width: 2.25vw;
    height: 2.25vw;
}

.hp_trans_fbox {
  
    padding: 3.5% 5%;
}

    .hp_trans_fbox:lang(id) {
        padding: 3.5% 2%;
    }

}

@media screen and (max-width: 767.5px){
.hp_trans_title {
    margin-bottom: 3%;
    font-size: 6.5vw;
  
}

.hp_trans_desc {
    margin-bottom: 10%;
    font-size: 3.75vw;
}

.hp_trans_desc br {

    display: none;
}

.hp_trans_link {

    font-size: 3.75vw;
    padding: 3.5vw 15vw 3.5vw 8vw;
}

.hp_trans_link:before {
    
    right: 14%;
    width: 6.5vw;
    height: 6.5vw;
}

    .hp_trans_fbox {
        padding: 9% 6% 15%;
        flex-direction: column;
    }
    
        .hp_trans_fbox:lang(id) {
        padding: 9% 6% 15%;
    }
    
    .hp_trans_box {

    padding: 12% 9% 12% 9%;
    background-position: 50%;
}

}

/*Footer*/

.footer_type6 {
    background-color: #ffffff;
    color: #000;
    padding-top: 7rem;
    padding-bottom: 1rem;
    position: relative;
}

.footer_type6:before {
    position: absolute;
    content: "";
    bottom: 0;
    right: 0%;
    background-color: #003554;
    width: 100%;
    height: 21%;

}

.footer_type6 .line {
  
    background-color: rgba(255, 255, 255, 0);
    margin-top: 6%;
}

.footer_type6 .copy_right.text-left {
    color: #fff;
}

.footer_type6 .social_media a {
    margin-left: 2.5rem;
    color: #fff;
    font-size: 18px;
}

.footer_type6 .copy_right.text-left a {
    color: #fff;
}

.footer_type6 a {
    color: #000;
    text-decoration: none;
}

.footer_type6 .logo img {
    max-height: 110px;
    left: -15px;
}

.footer_type6 .logo.title {
 
    min-height: 110px;
}

.footer_type6 .col-12.col-md-4.mb-1.mb-md-0.p-3 p {
    
    width: 76%;
}

.footer_type6 .input-container {
   
    background: #ebf6fa;
}

.footer_type6 .input-container input, .footer_type6 .input-container label {
    color: #000;
    padding-left: 20px;
    font-size: 13px;
}

.footer_type6 .input-container:lang(id) input, .footer_type6 .input-container:lang(id) label {
   
    padding-left: 10px;
 
}

.footer_type6 .title h5 {
    font-weight: 700;
    color: #000;
    font-size: 25px;
}

.footer_type6 .input-container input {
 
    border-bottom: 0;
    caret-color: #000;
    
}

.footer_type6 .input-container .submit {

    background-color: #003554;
    font-size: 20px;
    color: white;
    z-index: 10;
    padding: 9px 15px;
}

@media screen and (max-width: 1200.5px){
.footer_type6 .col-12.col-md-4.mb-1.mb-md-0.p-3 p {
    width: 84%;
}

}

@media screen and (max-width: 991.5px){
.footer_type6 .title h5 {

    font-size: 19px;
}

.footer_type6 .logo img {
    max-height: 100px;
    left: -15px;
}

.footer_type6 .logo.title {
    min-height: 100px;
}

.footer_type6:before {

    height: 20%;
}

.footer_type6 {
 
    padding-top: 6rem;
   
}

}

@media screen and (max-width: 767.5px){
.footer_type6 .col-12.col-md-4.mb-1.mb-md-0.p-3 p {
    width: 100%;
}

.footer_type6 {
 
    padding-top: 3rem;
   
}

    .footer_type6:before {
        height: 13%;
    }
    
    .footer_type6 .social_media a {
    margin-left: 1rem;
    
}

}

/*------------------------------------------------------*/
.all_functional_page {
    overflow: hidden !important;
}

#main_custompage932 .custompage932_wrapper_14 ,
#main_custompage932 .custompage932_wrapper_15 ,
#main_custompage932 .custompage932_wrapper_16 ,
#main_custompage932 .custompage932_wrapper_17 ,
#main_custompage932 .custompage932_wrapper_18 ,
#main_custompage932 .custompage932_wrapper_19 ,
#main_custompage932 .custompage932_wrapper_20 ,
#main_custompage932 .custompage932_wrapper_21 ,
#main_custompage932 .custompage932_wrapper_22 ,
#main_custompage932 .custompage932_wrapper_23 ,
#main_custompage932 .custompage932_wrapper_24 {
    background: #ebf6fa;
}

#main_custompage932 .ws_gallery-4 .gallery_img .img_title {
    font-size: 18px;
    margin-top: 10px;
    color: #000;
    padding: 10px;
}

@media (max-width: 1200px) {
    #main_custompage695 .ws_gallery-4 .gallery_img .img_title {
        font-size: 15px;
        padding: 7px;
    }
}