body > br {
    display: none;
}


#main_index {
    overflow: hidden;
    padding-bottom: 0 !important;
    /*background-color: #1e1e1e;*/
}

#main_index a:hover {
    text-decoration: none;
}

#main_index button:focus {
    outline: none;
}


.all_title{
    font-size: 2.4vw;
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase;
    font-family: "Sansation", sans-serif;
    color: #fff;
}

.all_paragraph{
    font-size: 1.3vw;
    color: #fff;
    font-weight: 300;
}

/*.all_btn {
    color: #1e3a5f;
    background-color: #bfd4ea !important;
    border-color: none !important;
    border-radius: 30px;
    padding: 15px 25px;
    display: inline-block;
    font-weight: 700;
}*/

.all_btn {
    
    color: #fff;
    background-color: #f97316 !important; 
    border: none !important; 
    border-radius: 50px; 
    padding: 15px 35px;
    display: inline-flex; 
    align-items: center;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease; 
    cursor: pointer;
}

.arrow {
    margin-left: 8px;
    display: inline-block;
    transition: transform 0.3s ease;
}



.all_btn:hover {
    transform: scale(1.08);
    background-color: #bfd4ea !important;
    color: #1e3a5f;
}

.all_btn:hover .arrow {
    
    animation: arrow-slide 0.8s infinite;
}


@keyframes arrow-slide {
    0% {
        transform: translateX(0);
        opacity: 1;
    }
    50% {
        transform: translateX(10px); 
        opacity: 0.5;
    }
    51% {
        transform: translateX(-10px); 
        opacity: 0;
    }
    100% {
        transform: translateX(0); 
        opacity: 1;
    }
}

@media (max-width:991.5px){
    .all_title{
        font-size: 24px;
    }
    
    .all_paragraph{
        font-size: 16px;
    }
    .all_btn {
        padding: 10px 20px;
        
    }
}

@media (max-width:576.5px){
    
    .all_title{
        font-size: 20px;
    }
    
    .all_paragraph{
        font-size: 15px;
    }
    
    .all_btn {
        padding: 10px 20px;
        font-size: .8rem;
    }
}

/*top space*/
.top_space {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 130px;
    padding: 0 8% 1%;
    background-color: #1e3a5f;
}

.top_space_logo img {
    max-width: 100px;
    position: relative;
    top: 15px;
}

.top_space_icon {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    /*background-color: #bfd4ea;*/
    /*border-radius: 40%;*/
    font-size: 25px;
    color: #bfd4ea;
}

.top_space_point {
    display: flex;
    align-items: center;
    gap: 15px;
}

.top_space_point:hover .top_space_icon {
    animation: 1s swing;
}

.top_space_contact {
    display: flex;
    align-items: center;
    gap: 2.5vw;
}

.top_space_title {
    color: #bfd4ea;
    font-size: .95vw;
    margin-bottom: 3px;
    font-family: "Sansation", sans-serif;
    font-weight: 600;
}

.top_space_keyword {
  font-size: 1.05vw;
  margin-bottom: 0;
  color: #fff;
  font-weight: 500;
}

.top_space_keyword a, .top_space_keyword a:hover {
    color: #fff;
    text-decoration: none;
    display: block;
}

@media screen and (min-width: 1800px){
    .top_space_keyword a, .top_space_keyword a:hover {
        font-size: 0.9vw;
    }
}

@media (max-width: 1200.5px){
    /*
    .top_space_logo img {
        ;left: 60px;
        
    }*/
    
    
    .navbar_type8 .nav_tab .nav_item a{
        padding: 9px;
    }
    
    
    /*top space*/
    /*.top_space {
        padding: 0 15px 30px;
    }*/
    .top_space_icon {
        width: 35px;
        height: 35px;
    }
    .top_space_title {
        font-size: 13px;
    }
    .top_space_keyword {
        font-size: 14px;
    }
    
    /*navigation bar*/
    .navbar_type8 {
        width: 75%;
        margin-left: 25%;
        padding-right: 15px;
    }
    .navbar_type8 .nav_tab .nav_item a {
        font-size: 1.3vw;
    }
}


/*navigation bar*/

.navbar_type8 {
    background-color: #bfd4ea;
    top: 100px;
    width: 70%;
    margin-left: 30%;
    /*border-radius: 100px 0 0 100px;*/
    height: 60px;
    padding-right: 3.5%;
    transition: all 0.5s ease-in-out;
}

.navbar_type8 .logo {
    display: none;
}

.navbar_type8 .nav_tab {
    flex: 0 1 100%;
    padding: 0;
    justify-content: space-evenly;
}

.navbar_type8 .nav_tab .nav_item a {
    font-size: 1vw;
    font-weight: 500;
    color: #1e3a5f;
}

.dark_nav {
    background-color: #bfd4ea !important;
    top: 0;
    width: 100% !important;
    margin-left: 0% !important;
    border-radius: 0 0 20% 20%;
    padding: 0 15% !important;
    animation: 1s fadeInDown;
}

.navbar_type8 .nav_tab .nav_item {
    display: block;
    transition: all 0.3s ease-in-out;
}

.navbar_type8 .nav_tab .nav_item:hover {
    transform: translateY(-5px);
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item{
    background-color: #fff;
}

#main_index #top_spacing {
    height: 0 !important;
}


@media screen and (max-width: 991.5px) {
    #main_index #top_spacing {
        height: 80px !important;
    }
}
    



/*mobile navigation bar*/
.navbar_mobile {
    background-color: #1e3a5f;
}

.side_menu {
    background-color: #1e1e1e;
}

.side_menu .list-group .list-group-item a {
    color: #fff;
}

.navbar_mobile .btn-outline-light {
    border-color: #bfd4ea;
    color: #bfd4ea;
}

.navbar_mobile .btn-outline-light:hover {
    border-color: #fff;
    color: #fff;
    background-color: transparent;
}

/*footer*/
.footer_type6 {
    color: #f4f4f4;
    padding-top: 4rem;
    background-image: url('https://cdn1.npcdn.net/images/Footer_pic2_ce6dri_1780392809.jpg?md5id=2d15e029e5ab6f925e5cc6447350ad62&new_width=1600&new_height=1600&type=4');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    font-size: 14.5px;
    line-height: 1.6;
    border-bottom: 7px solid #bfd4ea;
    
}


.footer_type6 .logo img{
    max-height: 80px;
}

.footer_type6 .title{
    min-height: 80px;
}

.footer_type6 .text {
    color: #f4f4f4 !important;
    font-size: 14.5px;
}

.footer_type6 .bg_dark {
    background-color: transparent;
}

.footer_type6 a:hover,
.footer_type6 a.text:hover {
    color: #fff !important;
}

.footer_type6 a {
    color: #f4f4f4;
}

.footer_type6 .nav_item li a::after {
    color: #f4f4f4;
    content: '|';
}

.footer_type6 .nav_item li a {
    text-transform: unset;
}

.footer_type6 .col-12.col-md-6.mb-md-0:nth-child(1) {
    padding-right: 10vw !important;
}

.footer_type6 .col-12.col-md-6.mb-md-0:nth-child(2) {
    padding-left: 4vw !important;
}

.footer_type6 .sub_title p {
    font-family: "Sansation", sans-serif;
    color: #bfd4ea;
}

.text-muted{
    color: #fff!important;
}

@media (min-width: 767.5px) {
    .footer_type6 .col-12.col-md-6.mb-md-0:nth-child(1) {
        -ms-flex: 0 0 65%;
        flex: 0 0 65%;
        max-width: 65%;
    }
    .footer_type6 .col-12.col-md-6.mb-md-0:nth-child(2) {
        -ms-flex: 0 0 35%;
        flex: 0 0 35%;
        max-width: 35%;
    }
}


/* lang bar*/

.np_language_btn .dropdown_btn{
    background-color: #bfd4ea;
}


/*homepage banner*/

.hp_banner {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 9%;
}

.hp_banner_box{
    width: 39%;
}

.hp_banner_title {
    font-family: "Sansation", sans-serif;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-style: italic;
    font-size: 2.6vw;
    line-height: 1.25;
    margin-bottom: 1vw;
}

.hp_banner_title span {
    display: block;
    color: #cf907f;
}

.hp_banner_text {
    font-size: 1.3vw;
    color: #fff;
    margin-bottom: 2.5vw;
    font-weight: 300;
}

.hp_banner_button {
    display: flex;
    justify-content: flex-start;
}

@media (max-width: 991.5px){
    .hp_banner_title{
        font-size: 3vw;
    }
    
    .hp_banner_text{
        font-size: 2vw;
    }
    
    .hp_banner_box{
        width: 42%;
        
    }
    
}


@media (max-width: 767.5px) {
    .hp_banner_box{
        width: 48%;
        
    }
    
    .hp_banner_text{
        font-size: 2vw;
    }
    
    .slider_banner .item > img {
        min-height: 42vw;
        object-fit: cover;
        
    }
    
    .hp_banner_title {
        font-size: 22px;
    }
    .hp_banner_text {
        font-size: 12px;
        margin-bottom: 0;
    }
    
}

@media (max-width: 576.5px) {
    /*.hp_banner_box{*/
    /*    width: 80%;*/
    /*    padding: 20px;*/
    /*    background: rgba(0,0,0,0.7);*/
    /*}*/
    
    .hp_banner_box {
        width: 80%;
       
        justify-content: space-between;
        display: flex;
        flex-direction: column;
        height: 100%;
    }
    
    /*.hp_banner{*/
    /*    padding: 0;*/
    /*    justify-content: center;*/
    /*    align-items: flex-end;*/
    /*    bottom: 10%;*/
    /*}*/
    
    .hp_banner {
        padding: 5% 0;
        justify-content: center;
        align-items: flex-end;
       
    }
    
    .hp_banner_title{
        font-size: 6vw;
    }
    
    .hp_banner_text{
        font-size: 4vw;
    }
    
    .slider_banner .item > img {
        min-height: 100vw;
        object-fit: cover;
        object-position: 100%;
    }
    
    
    .hp_banner_text{
        text-shadow: 1px 1px 2px black;
    }
    
    .hp_banner_title{
        text-shadow: 1px 1px 2px black;
    }
}

/*homepage about*/
#about {
    background: #fff;
    padding: 45px 9%;

}

#about .container-fluid .row .col-lg-6.col-md-12:nth-child(1) {
    display: flex;
    align-items: center;
    justify-content: center;
}

.aboutLeft {
    max-width: 600px;
    /*padding: 10% 0;*/
    margin: 0 auto;
}

#about .bigTitle {
    margin-bottom: 1rem;
}

.all_title.about{
    color: #1e3a5f;
}

.all_paragraph.about{
    color: #1e3a5f;
}

.bigTitle {
    font-size: 36px;
    color: #ed1c24;
}

.unifyContent {
    font-size: 16px;
    color: #fff;
    line-height: 1.8;
    margin-bottom: 1rem;
}

.all_btn.about{
    margin-top: 5%;
}

@media (max-width: 991.5px) {
    #about {
    
        padding: 9% 9%;
    
    }
}


@media (max-width: 576.5px) {
    .aboutRightImg{
        padding-top: 5%;
    }
}
/*homepage category*/

#main_index .index_wrapper_3 {
    /*background-color: #1e3a5f;*/
    
    background-color: #1e3a5f;
    padding: 45px 9%;
}



.content_box h3{
    display: none;
}

.content_box h4{
    font-size: 1.3vw;
    color: #fff;
    font-weight: 300;
    min-height: 70px;
    
    display: -webkit-box;        
  -webkit-box-orient: vertical; 
  -webkit-line-clamp: 3;       
  overflow: hidden;            
  text-overflow: ellipsis;  
}

.btn.btn-outline-primary{
    
   
    border-radius: 30px;
   
   
    
}

.product_cat-4 .cat_box{
    /*height: 305px;*/
    height: auto;
}

.product_cat-4 .row {
    justify-content: center;
}

.product_cat-4 .row > div{
   
    flex: 0 0 20%;
    max-width: 20%;
    
    
}


.product_cat-4 .row > div:nth-child(n+11) {
   
    display: none;
    
}

.product_cat-4 .cat_box .content .line{
    background-color: #bfd4ea;
    width: 0;
}

.product_cat-4 .cat_box .content{
    position: unset;
}

.product_cat-4 .cat_box img{
    /*height: 165px;*/
    height: 190px;
    object-fit: cover;
}

.product_cat-4 .cat_box .content{
    height: 160px;
}


html:lang(ms) .product_cat-4 .cat_box .content{
    height: 160px;
}

/*html:lang(ms) .product_cat-4 .cat_box {*/
/*    height: 325px;*/
/*}*/


html:lang(ms) .product_cat-4 .cat_box .content .content_box .btn{
    font-size: 0.75rem !important;
}


@media screen and (min-width: 1800px){
    .content_box h4 {
        font-size: 1.1vw;
        color: #fff;
        font-weight: 300;
    }
}

@media screen and (max-width: 1199.5px){
    .product_cat-4 .row > div{
   
        flex: 0 0 25%;
        max-width: 25%;
        
    }
    
    .content_box h4{
        min-height: 5vw;
    }
}


@media (max-width:991.5px){
    
   
    .content_box h4{
        font-size: 2vw;
         display: -webkit-box;        
      -webkit-box-orient: vertical; 
      -webkit-line-clamp: 2;       
      overflow: hidden;            
      text-overflow: ellipsis; 
      
      
      min-height: 5vw;
    }
    
    .container-fluid.product_cat-4 .row .col-12.col-md-4.col-lg-4.p-0{
        flex: 0 0 50%;
        max-width: 50%;
    }
    
    .product_cat-4 .row > div{
   
        flex: 0 0 33.3333333%;
        max-width: 33.3333333%;
        
    }
    
    .product_cat-4 .cat_box .content {
        height: 130px;
    }
 
}


@media screen and (max-width: 767.5px){
    .product_cat-4 .row > div{
   
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 7.5px;
    }
    
    
    
    .product_cat-4 .cat_outter_box{
        padding: 7.5px;
    }
    
    
    #main_index .index_wrapper_3{
        padding: 45px 0;
    }
    
    .content_box h4{
        min-height: 6vw;
    }
}

@media (max-width:575.5px){
    
    #main_index .index_wrapper_3{
        padding: 45px 0;
    }
    
    .content_box h4{
        font-size: 4.5vw;
        
        display: -webkit-box;        
      -webkit-box-orient: vertical; 
      -webkit-line-clamp: 2;       
      overflow: hidden;            
      text-overflow: ellipsis;     
    }
    
    .container-fluid.product_cat-4 .row .col-12.col-md-4.col-lg-4.p-0{
        flex: 0 0 100%;
        max-width: 100%;
    }
    
     .product_cat-4 .cat_box .content {
        height: 145px;
    }
    
    .content_box h4{
        min-height: 11vw;
    }
    
    
}



/*homepage service*/
#main_index .index_wrapper_4 {
    padding: 45px 9%;
    background-image: url('https://cdn1.npcdn.net/images/SectionBackgroundPic_ykemux_1777512107.jpg?md5id=2d15e029e5ab6f925e5cc6447350ad62&new_width=1000&new_height=1000&type=4');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    /*background-color: #1e3a5f;*/
}

.hp_service_right_box{
    display: flex;
    justify-content: flex-end;
}

/*.ex_hpservice_slide{*/
/*    padding: 3% 0 0 0;*/
/*    background-color: transparent;*/
/*}*/

/*.ex_hpservice_slide .services-text h3.title {*/
/*    font-size: 12px;*/
/*    color: #fff;*/
/*    font-weight: 300;*/
/*    margin: 0;*/
/*}*/

/*.services-text p {*/
/*    display: none;*/
/*}*/

/*.ex_hpservice_slide{*/
/*    margin-block: 0;*/
/*}*/

/*.ex_hpservice_slide .service_btn {*/
/*    background-color: transparent;*/
/*    font-size: 0;*/
    /*border: 2px solid blue;*/
/*    position: absolute;*/
/*    top: -220px;*/
/*    bottom: 0;*/
/*    height: 220px;*/
/*    left: 0;*/
/*    right: 0;*/
/*    margin: 0;*/
/*}*/

/*.ex_hpservice_slide .services-text h3.title:after{*/
/*    display: none;*/
/*}*/
/*.ex_hpservice_slide .services-content .overlay{*/
/*    display: none;*/
/*}*/

/*.ex_hpservice_slide .services-content .services-image{*/
/*    height: 220px;*/
/*}*/
/*.ex_hpservice_slide .services-content{*/
/*    height: 275px;*/
/*}*/




/*.ex_hpservice_slide .services-text {*/
/*    top: unset;*/
/*    bottom: 0;*/
/*    transform: translate(0,0);*/
/*    height: 55px;*/
    /*border: 1px solid red;*/
/*    display: flex;*/
/*    align-items: center;*/
/*}*/

/*.ex_hpservice_slide .controls{*/
/*    top: 40%;*/
/*}*/


/*.slick-dotted.slick-slider{*/
/*    margin: 0;*/
/*}*/

/*.slick-dots{*/
/*    display: none!important;*/
/*}*/


/*.services-content {*/
/*    overflow: hidden; */
   
/*    width: 100%; */
/*    display: block;*/
/*}*/


/*.services-content .services-image {*/
/*    width: 100%;       */
/*    height: auto;     */
/*    display: block;  */
/*    transition: all 0.4s ease-in-out; */
/*}*/



/*.services-content:hover .services-image {*/
/*      transform: scale(1.1); */
   
/*}*/

.service_type6{
    background-color: unset!important;
}

.service_type6 .content-box p:not(.service_title) {
    display: none;
}

.service_type6 .content-box .service_title{
    color: #fff;
}

.service_type6 .content-box h3{
    display: none;
}

.service_type6 .content-box ul{
    display: none;
}

.service_type6 .content-box hr{
    display: none;
}

.service_type6 .service_title{
    text-align: center!important;
}

.btn.general_btn {
    color: transparent;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 15px;
    right: 15px;
    border-radius: 0;
    border: 0;
}

.service_type6 .content-box{
    background-color: transparent;
}

.btn.general_btn:hover{
    background-color: transparent;
}

@media (max-width:991.5px){
    
    .ex_hpservice_slide .services-text h3.title{
        font-size: 14px;
    }
    
    .ex_hpservice_slide{
        padding: 5% 0 0 0;
    }
    
    .hp_service_right_box{
        justify-content: flex-start;
    }
    
    .service_type6 .service_box_type6{
        flex: 0 0 50%;
        max-width: 50%;
    }
    
}

@media (max-width:576.5px){
    
    
    .ex_hpservice_slide .services-text h3.title{
        font-size: 14px;
    }
    
    .service_type6 .service_box_type6{
        flex: 0 0 100%;
        max-width: 100%;
    }
    
}




/*homepage cta*/
#main_index .index_wrapper_6 {
    /*background-color: #fff;*/
    background-color: #1e3a5f;
    padding: 45px 9%;
}

/*.all_title.cta{*/
/*    color: #1e3a5f;*/
/*}*/

.all_paragraph.cta{
    /*color: #1e3a5f;*/
    font-weight: 400;
}


.cta_small_box{
    color: #fff;
    border: 2px solid #fff;
    border-radius: 30px;
    padding: 5px 15px;

}
.cta_btn_box{
    display: flex;
    justify-content: flex-end;
}

.all_btn.cta{
    margin: 5% 0 0 5%;
}

.all_btn.cta.color{
    background-color: #bfd4ea!important;
    color: #1e3a5f;
}

.all_btn.cta.color:hover {
    background-color: #f97316!important;
    color: #fff;
}

@media (max-width:991.5px){
    .cta_btn_box{
        
        justify-content: flex-start;
    }
    
    .all_btn.cta{
        margin:2% 5% 0 0;
    }
    
    
}


@media (max-width:576.5px){
    .cta_btn_box{
        display: block;
        
    }
   
   .all_btn.cta{
        margin:5% 5% 0 0;
    }
    
}


@media (max-width:388.5px){
    html:lang(ms) .cta_small_box{
        font-size: 10px;
    }
    
}

/*homepage serve*/

#main_index .index_wrapper_5{
    padding: 45px 9%;
    background-color: #fff;
}


.all_title.serve{
    text-align: center;
    
    color: #1e3a5f;
}

.serve_big_box{
    display: flex;
    margin-top: 2%;
    
}

.all_paragraph.serve{
    text-align: center;
    margin-bottom: 0;
    
    color: #1e3a5f;
}

.serve_group{
    padding: 7px;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
   
}

.serve.title_box{
    margin-top: 4%;
}

.serve.imgbox{
    width: 50%;
}

.icon:hover{
    animation: heartBeat;
    animation-duration: 2s;
}

@media (max-width:991.5px){
    
    .serve_big_box{
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .serve_group{
        flex: 0 0 25%;
    }
    
    .all_paragraph.serve{
        margin-bottom: 1rem;
    }
}

@media (max-width:576.5px){
    
    
    .serve_group{
        flex: 0 0 50%;
    }
}

/* cert*/

/* section background */
.hp_cert{
    padding: 80px 0;
    background: #1e3a5f;
}

/* image sizing (make smaller) */
.cert_img_box{
    text-align: left;
}

.cert_img{
    max-width: 75%;   /* 重点：缩小图片 */
    height: auto;
    border-radius: 8px;
    border: 8px solid #fff;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

/* text alignment */
.cert_text{
    text-align: left;
}

/* list styling (clean ISO look) */
.cert_list{
    padding-left: 0;
    margin-top: 15px;
    margin-bottom: 20px;
    list-style: none;
}

.cert_list li{
    margin-bottom: 8px;
    color: #fff; /* grey bg 上用白字更清楚 */
    font-size: 15px;
}

/* optional spacing fix for mobile */
@media (max-width: 991.5px){
    .cert_img{
        max-width: 100%;
        margin-bottom: 20px;
    }
    
    
}

/*contact*/

#main_index .index_wrapper_9 {
    /*background-color: #1e3a5f;*/
    background: linear-gradient(to bottom, transparent 10rem, #1e3a5f 10rem);
    padding: 45px 0 45px 9%;
}

.contactleftbox{
    margin-top: 10rem;
}

.contactright {
    background: #bfd4ea;
    border-radius: 36px 0 0 36px;
    padding: 3rem;
}

.contactbox{
    display: flex;
    flex-wrap: wrap;
}

.all_subtitle.contactoffice, 
.all_subtitle.contactfactory{
    flex: 0 0 100%;
    display: block;
}


.contactofficeleft, .contactofficeright{
    display: flex;
    flex-wrap: wrap;
}

.contactofficeleft{
    flex: 0 0 40%;
}
.contactofficeright{
    flex: 0 0 60%;
}

.all_paragraph.contactsmalltitle {
    color: #1e3a5f;
    font-weight: 600;
    margin: 0;
    font-size: 20px;
}

.contacticon {
    width: 55px;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 40%;
    font-size: 20px;
    color: #1e3a5f;
}

.all_subtitle.contactfactory, .all_subtitle.contactoffice {
    margin-bottom: 1rem;
    font-size: 32px;
    color: #1e3a5f;
}

.contacttext {
    font-size: 16px;
    color: #000;
    font-weight: 400;
}

.contacticonbox{
    flex: 0 0 70px;
}

.contactcontent{
    flex: 0 0 calc(100% - 70px);
}


@media screen and (max-width: 991.5px){
    .contactofficeleft{
        flex: 0 0 100%;
    }
    .contactofficeright{
        flex: 0 0 100%;
        padding-top: 1.5rem;
    }
    
    .contactbox.factory{
        padding-top: 2rem;
    }
}

@media screen and (max-width: 767.5px){
    
    #main_index .index_wrapper_9 {
        background: #1e3a5f;
    }
    
    .contactleftbox{
        margin-top: 0;
        margin-bottom: 3rem;
    }
}

/*Whatsapp Floating*/
.toggle_btn .whatsapp i{
    
    transition: transform 0.6s;
}

.toggle_btn .whatsapp i:hover{
    transform: scale(1.4);
    transition: transform 0.6s;
}




/*homepage responsive*/


/*small screen +  tablet*/

@media (max-width: 1200.5px) {
    
    
    /*footer*/
    .footer_type9 {
        padding-top: 3rem;
        font-size: 14px;
    }
    .footer_type9 .text {
        font-size: 14px;
    }
    
    /*homepage banner*/
    /*.hp_banner {
        padding-left: 5%;
    }*/
    
    /*homepage about*/
    .hp_about {
        padding: 4rem 15px;
    }
    .hp_big_title {
        font-size: 29px;
        margin-bottom: 15px;
    }
    .hp_keyword {
        font-size: 14.5px;
    }
    .hp_about_button {
        margin-top: 20px;
    }
    .hp_button {
        font-size: 14px;
        padding: 7px 15px;
        gap: 10px;
    }
    .hp_button span {
        width: 21px;
        height: 21px;
        font-size: 11px;
    }
    
}

/*tablet*/

@media (max-width: 991.5px) {
    /*footer*/
    .footer_type9 .col-12.col-md-6.mb-md-0:nth-child(1) {
        padding-right: 15px !important;
    }
    
    /*homepage banner*/
    
    
    /*homepage about*/
    .hp_about .hp_keyword {
        width: 100%;
    }
    
   
}


/*mobile*/

@media (max-width: 767.5px) {
    /*footer*/
    .footer_type9 .nav_item {
        flex-direction: column;
    }
    .footer_type9 .nav_item li a::after {
        display: none;
    }
    
    /*homepage banner*/
    
    /*.hp_banner {
        padding: 15px;
    }*/
    
    .hp_banner .hp_button {
        font-size: 12px;
        padding: 6px 10px;
        gap: 10px;
    }
    .hp_banner .hp_button span {
        width: 20px;
        height: 20px;
        font-size: 9px;
    }
    
    /*homepage about*/
    
    
    /*homepage category*/
    
    
    /*homepage product*/
    
    
    

}

#v-pills-hq h5 strong{
    display: none;
}
#v-pills-hq h5:after{
    content: 'Pet 2 Plastic Packaging';
    font-weight: 700;
    white-space: pre;
}




/* product page*/

.list-unstyled.collapse.show li > a{
    font-weight: 600;
}

#sub_category0 ul li > a {
    font-weight: 400;
    color: #666666;
}

/*.product_list_5 .product_box .img_frame img{*/
/*    object-fit: contain;*/
/*}*/


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


/* service page*/
.service_category .service_box{
    height: 27rem;
}

@media screen and (max-width: 1200.5px){
    .service_category .service_box{
        height: 24rem;
    }
}

@media screen and (max-width: 991.5px){
    .service_category .service_box{
        height: 28rem;
    }
}

@media screen and (max-width: 767.5px){
    .service_category .service_box{
        height: 24rem;
    }
}


@media screen and (max-width: 500.5px){
    .service_category .service_box{
        height: 20rem;
    }
    
    .product_list_5 .product_box .img_frame .function_area .icon{
        transform: scale(0.8)translate(18vw, 8px);
    }
}