@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Gelasio:ital,wght@0,400..700;1,400..700&display=swap');
  /*font-family: "Gelasio", serif;*/

.page_title b {
    font-family: "Gelasio", serif;
    /*text-transform: uppercase;*/
}

#main_index .fas.fa-phone{
    font-family:"Font Awesome 5 Free"!important;
    font-weight:900;
    transform: rotate(270deg);
}

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

body > br{
    display: none;
}
 .text-animation{
      list-style: none;
      /*position: absolute;*/
      /*left: 50%;*/
      /*top: 50%;*/
      /*transform: translate(-50%, -50%);*/
    margin-bottom: 1.5rem;
    }

    .text-animation li{
      display: inline-block;
      margin-right: 5px;
      opacity: 1;
      transition: all 2.5s ease;
    }

    .text-animation li:last-child{
      margin-right: 0;
    }
    .text-animation.hidden{
      opacity: 0;
    }

    .text-animation.text-animation.hidden li:nth-child(1){transform: translateX(-200px) translateY(-200px);}
    .text-animation.text-animation.hidden li:nth-child(2){transform: translateX(20px) translateY(100px);}
    .text-animation.text-animation.hidden li:nth-child(3){transform: translateX(-150px) translateY(-80px);}
    .text-animation.text-animation.hidden li:nth-child(4){transform: translateX(10px) translateY(-200px);}
    .text-animation.text-animation.hidden li:nth-child(5){transform: translateX(-300px) translateY(200px);}
    .text-animation.text-animation.hidden li:nth-child(6){transform: translateX(20px) translateY(-20px);}
    .text-animation.text-animation.hidden li:nth-child(7){transform: translateX(30px) translateY(200px);}
    .text-animation.text-animation.hidden li:nth-child(8){transform: translateX(-200px) translateY(-200px);}
    .text-animation.text-animation.hidden li:nth-child(9){transform: translateX(20px) translateY(100px);}
    .text-animation.text-animation.hidden li:nth-child(10){transform: translateX(-150px) translateY(-80px);}
    .text-animation.text-animation.hidden li:nth-child(11){transform: translateX(10px) translateY(-200px);}
/*#bannerAnimation{*/
      /*padding-top: 200px;*/
      /*position: fixed;*/
      /*width: 100%;*/
      /*bottom: 45%;*/
      /*display: block;*/
/*    }*/

/*    #flip{*/
/*      height: 50px;*/
/*      overflow: hidden;*/
/*    }*/

/*    #flip>div>div{*/
/*      padding: 4px 12px;*/
/*      height: 45px;*/
/*      margin-bottom: 45px;*/
/*      display: inline-block;*/
/*    }*/

/*    #flip div:first-child{*/
/*      animation: show 5s linear infinite;*/
/*    }*/

/*   @keyframes show {*/
/*    0%{*/
/*      margin-top: -270px;*/
/*    }*/
/*    5%{*/
/*      margin-top: -180px;*/
/*    }*/
/*    33%{*/
/*      margin-top: -180px;*/
/*    }*/
/*    38%{*/
/*      margin-top: -90px;*/
/*    }*/
/*    66%{*/
/*      margin-top: -90px;*/
/*    }*/
/*    71%{*/
/*      margin-top: 0px;*/
/*    }*/
/*    99.99%{*/
/*      margin-top: 0px;*/
/*    }*/
/*    100%{*/
/*      margin-top: -270px;*/
/*    }*/
/*   }*/
.wrapper span{
    display: inline-block;
    opacity: 0;
    margin-left: -155px;
    /*transform: translate(-155px, 0);*/
    /*scale(0.4)*/
    animation: animate 10s infinite;
    color: #fff;
}

.wrapper span:nth-of-type(2){
    animation-delay: 0.05s;
}
.wrapper span:nth-of-type(3){
    animation-delay: 0.1s;
}
.wrapper span:nth-of-type(4){
    animation-delay: 0.15s;
}
.wrapper span:nth-of-type(5){
    animation-delay: 0.20s;
}
.wrapper span:nth-of-type(6){
    animation-delay: 0.25s;
}
.wrapper span:nth-of-type(7){
    animation-delay: 0.30s;
}
.wrapper span:nth-of-type(8){
    animation-delay: 0.35s;
}
 .wrapper span:nth-of-type(9){
    animation-delay: 0.40s;
}
.wrapper span:nth-of-type(10){
    animation-delay: 0.45s;
} 

@keyframes animate {
    0%{
        font-size: 2vw;
    }
    40%{
        /*transform: translate(50px, 0) ;*/
        margin-left: 20px;
        /*scale(.7)*/
        font-size: 3vw;
        opacity: 1;
        color: #fff;
    }
    60%{
        color: wheat;
    }
    80%{
        /*transform: translate(0, 0) ;*/
        margin-left: 0;
        font-size: 4vw;
        /*scale(1.1)*/
        opacity: 1;
    }
    100%{
        /*transform: translate(0, 0) ;*/
        margin-left: 0;
        /*scale(1)*/
        /*line-height: 1.2;*/
        font-size: 4vw;
        opacity: 1;
    }
}

@media only screen and (min-width:992px) {


/*topspace*/
    .industry_topContact {
        background-color: #313b66;
    }
    .industry_topContactContent a{
        color:#fff;
        text-decoration: none;
    }
    
    .industry_topContactContent a:hover {
        color: #d6d6d6!important;
    }

    .industry_topContactContent {
        display: flex;
        justify-content: flex-end;
        padding: 0.25rem 0;
        padding-right: 5rem;
    }

    .industry_topContactText {
        font-size: 0.875rem;
        color: #fff;
        /*cursor: pointer;*/
    }

    .industry_topContactText a:hover {
        color: #333;
    }

    @media all and (max-width: 992px) { 
        .industry_topContact {
            display: none;
        }
    }


.custom_nav_search {
        margin: auto 1rem;
        display: none;
}

.nav_search {
    flex-grow: 1;
    display: flex;
    max-width: 100%;
    align-self: center;
    margin-bottom: -5px;
    border: 1px solid #e0dede;
    box-shadow: 0px 0px 7px rgb(191 191 191 / 65%);
}
.nav_search input {
    background: #fff;
    width: 100%;
    height: 45px;
    border: 0;
    box-shadow: none;
    padding: 5px 60px 5px 25px;
    border-radius: 0;
    max-height: 45px;
}
.nav_search .search_button {
    background-color: #fff;
    color: #000;
    box-shadow: none;
    border: none;
    border-radius: 0;
    padding: 0 15px;
    max-height: 45px;
}
.boxSearch .fa-search{
    font-size: 18px !important;
}
.dark_nav.sticky-search{
    margin-top: 60px;
}
.btnSearch {
    position: relative;
    z-index: 999;
    font-size: 19px;
    cursor: pointer;
    transition: all .43s ease-in-out;
    color: #000;
}
.boxSearch {
    display: none;
    position: absolute;
  top: 90px;
  right: 80px;
  z-index: 1;
}
.scroll_menu .boxSearch {
    display: none;
    position: absolute;
    top: 60px;
    left: -265px;
    width: 300px;
}
.btnClose .bi-search:before {
    content: "\f62a";
    font-size: 24px;
    vertical-align: bottom;
    margin-right: -5px;
}

/*project page*/
.gallerycategory .img_frame, .gallery .gallery_img{
   filter: grayscale(0);
   
}

.gallerycategory .img_frame:hover, .gallery .gallery_img:hover{
   filter: grayscale(0);
}

/*navigator adjustment*/
.navbar_type8{
    background-color:#ffffff;                /*for all page of navigator bar*/
    height:100px;
    padding-left:3%;
    font-weight:bolder;
}

.navbar_type8 .nav_tab .nav_item {
    text-transform: none;
}

.navbar_type8 .nav_tab .nav_item a{         /*nav font color change*/
    color:#444;
    font-size: 0.85rem!important;
    font-weight:600;
    font-size: 1rem!important;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item a {
    color: #fff!important;
    font-family: "Gelasio", serif;
    
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item a:hover {
    color: #fff!important;
    background-color: #313B66!important;
}

.navbar_type8 .logo{
    margin-left: 0px;
}

.navbar_type8 .logo img {
        width: 80%!important;
}

.logo img{
filter: none;
}  

/*#main_index .navbar_type8{                  */
  /*background-color:transparent;*/
/*  background-color: rgba(255, 255, 255, 0.8);*/
/*}*/

/*.navbar_type8 {*/
/*    border-bottom: 2px solid #313B66;*/
/*}*/

/*.navbar_type8 .nav_tab .nav_item a{*/
    /*font-weight:bold;*/
/*}*/

/*.navbar_type8 .nav_tab .nav_item a{     */
    /*color:#ffffff;*/
    /*font-weight:bold;*/
/*}*/

/*.navbar_type8 .nav_tab .nav_item::before{*/
/*    border-bottom: 4px solid #313B66;*/
/*}*/

/*.dark_nav{                                              */
    /*background-color:#ffffff!important;*/
/*    background-color: rgba(255, 255, 255, 0.8)!important;*/
/*    border-bottom: 2px solid #313B66;*/
/*}      */



/*.navbar_type8.navbar_height.dark_nav .dropdown.nav_item a{      */
/*    color:#000000;*/
/*}*/

/*#main_index .navbar_type8.navbar_height.dark_nav .dropdown.nav_item a{      */
/*    color:#000000;*/
    /*font-weight:bolder;*/
/*}*/

.navbar_type8 {
    position: fixed;
    display: flex;
    background-color: #fff;
    width: 100%;
    height: 100px;
    z-index: 100;
    border-bottom: 1px solid #000;
}

.navbar_type8 .nav_tab .dropdown a:hover {
    outline: transparent;
    color: #313b66;
}

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

.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item a:hover {
    color: #fff!important;
    background-color: #313b66!important;
}

.navbar_type8 .nav_tab .nav_item:nth-child(1)::after {
    /*content: '\f015';*/
    /*position: absolute;*/
    /*top: 50%;*/
    /*left: -3px;*/
    /*transform: translateY(-50%);*/
    /*font-family: 'Font Awesome\ 5 Free';*/
    /*font-weight: 900;*/
    /*color: #444;*/
}


.navbar_type8 .logo img {
    width: 100%;
    padding: 10px;
    left: 50%;
    transform: translateX(-50%);
}

.navbar_type8 .nav_tab {

    justify-content: flex-end;
}

.navbar_type8 .nav_tab .nav_item>a {
    color: #444;
    font-weight: 600;
    font-family: "Gelasio", serif;
  
}

.navbar_type8.dark_nav {
    background-color: rgba(203, 203, 203, 0.8) !important;
}
}


@media screen and (max-width: 1420px) {
    .navbar_type8 .logo {
     
        margin-left: 35px;
    }
    
    .navbar_type8 .nav_tab {

        justify-content: center;
        padding-left: 5px;
        padding-right: 5px;
    } 
    
    .navbar_type8 .nav_tab .nav_item>a {
        padding: 15px 12px;
    }
}

@media (max-width: 991.5px) {
    .navbar_type8 {
        display: none;
    }
}

.navbar_mobile .logo_img{
    /*filter: brightness(0) invert(0);*/
}

/*banner 1 2 3*/
.index_wrapper_2{                            /*move up the whole wrapper, need adjust from phone version*/
    /*margin-top:-130px;*/
}

.slider_banner .banner_content {
    overflow: hidden;
}

@media screen and (max-width: 1300.5px) {        
    /*.index_wrapper_2{margin-top:-100px;}*/
}

@media screen and (max-width: 1050.5px) {          
    .logo img{width:90px!important;} 
}

@media screen and (max-width: 991.5px) {          /*tablet Version 991px*/
    .index_wrapper_2{margin-top:0px;}
}

/*hp_banner*/

.hp_banner{
        transform: translate(10%, 75%);
    /*overflow: hidden;*/
}

.hp_banner_title{
    font-size: 3vw;
    color: #ffffff;
    text-shadow: 2px 2px 5px #000000;
    font-weight: 800;
    font-family: "Gelasio", serif;
    line-height: 1;
    /*letter-spacing: 5px;*/
    /*text-transform: uppercase;*/
    /*font-style: italic;*/
    position: relative;
}

.hp_banner_title::after {
/*        content: "";*/
/*    position: absolute;*/
/*        left: -32px;*/
/*    bottom: 25%;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background-image: url(https://cdn1.npcdn.net/images/A_BANNER_ICON_wc98s0_1745561668.png?md5id=cbffd1775acc4270e17ff2d025a8e9bb&new_width=384&new_height=384&type=4);*/
/*    background-size: contain;*/
/*    background-repeat: no-repeat;*/
/*    z-index: -1;*/
}

.banner-button {
        color: white;
    border: 1px solid #283658;
    padding: .5rem 2rem;
    border-radius: 50px;
    margin-top: 2%;
    /*font-weight: bold;*/
        /*text-shadow: 2px 2px 2px #000000;*/
        background-color: #283658;
}

.banner-button:hover {
    color: #313B66;
    background-color: #fff;
    text-decoration: none;
    text-shadow: none;
}

@media screen and (max-width: 1200.5px) {
    .hp_banner {
        transform: translate(10%, 120%);
    }
}


@media screen and (max-width: 767.5px) {
    .hp_banner{
     /*transform: translate(6%, 30%);*/
     transform: translate(0, 0%);
        width: 100%;
        padding: 5vw;
    }
    .hp_banner_title{
        font-size:8vw;
    }
    
    .hp_banner_title::after {
            width: 139%;
    }
}

/*@media screen and (max-width: 600.5px) {*/
/*    .hp_banner_title{*/
/*        font-size:1.5rem;*/
/*    }*/
/*}*/

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

    
   .index_wrapper_2 .container-fluid.outerContainer_2 .col-md-12.generated_col.p-0    /*height the wrapper img will pulling*/
   .container-fluid.innerContainer_2 .slider_banner.slick-initialized.slick-slider 
   .slick-list.draggable .slick-track .item.slick-slide img{height:300px!important;object-fit:cover!important;}    
}


/*hp_about*/
.hp_about{
    /*background-image:url('https://cdn1.npcdn.net/img/1671502863sec1-bckg-1.png');*/
    /*background: linear-gradient(to right, #F2F2F2 60%, #E6E6E6);*/
    background-attachment: fixed;
    background-size:100%;
    padding-top:6%;
    padding-bottom:6%;
    padding-left:6%;
    padding-right:6%;
    text-align: center;
}

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

.hp-small-title.center {
    text-align: center;
}

.hp-small-title {
    letter-spacing:2px;
    margin-bottom: .5rem;
}

.hp_about_title{
    /*padding-top:18%;*/
    /*letter-spacing:2px;*/
    font-size: 36px;
    color: #313b66;
    font-weight: bold;
    font-family: "Gelasio", serif;
    /*text-transform: uppercase;*/
}


.hp_about_content{
    /*padding-top: .5rem;*/
    width: 90%;
    color: #4d4d4d;
    font-size: 16px;
    line-height: 1.5;
    margin: 0 auto 1.3rem;
}

.hp_about_content.space {
    padding-top: 2rem;
}

.hp_about_content.bold {
    font-weight: bold;
}



.hp_about_gridbox{
     /*display: grid;*/
     /*grid-template-columns: auto auto;*/
     /*column-gap:1px;*/
     /*    margin-top: 1rem;*/
     display: flex;
         flex-direction: column;
}

.hp_about_bigbox {
    /*display: flex;*/
    /*     flex-direction: row;*/
    
    /*    display: grid;*/
    /*grid-template-columns: 1fr 1fr 1fr 1fr 1fr;*/
    /*    margin: 0 auto 1.3rem;*/
    /*gap: 1.5rem;*/
    
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.about_iconbox {
     flex: 0 1 calc(100%/5 - 20px);
}

.hp_about_icon{
    width:10%;
    object-fit:cover;
    float:left;
}

.hp_about_big_icon {
    /*width: 100%;*/
        /*padding: 2rem 1rem;*/
}

.hp_about_icontext{
    font-size:1.2vw;
    float:left;
    transform:translate(1vw,0vw);
}

.hp_about_buttonbox{
    margin-top: 1rem;
}

.hp_about_button{
    font-weight:bold;
    font-size:150%;
    color:#121212;
}

.about-button:hover {
    color: #fff;
    background-color: #af070d !important;
    border-color: #313b66 !important;
    text-decoration: none;
}

.about-button {
    color: #fff;
    
    display: inline-block;
    font-weight: 400;
    /*color: #212529;*/
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #313b66;
    border: 1px solid #313b66;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

/**/
/*.profile-btn button {*/
/*    padding: 5px 0;*/
/*    font-size: 16px;*/
/*    font-weight: 700;*/
/*    color: #000;*/
/*    letter-spacing: 2px;*/
/*    background: 0 0;*/
/*    border: none;*/
/*    outline: none;*/
/*    white-space: nowrap;*/
/*}*/

/*.profile-btn button:hover i {*/
/*    transform: rotate(360deg);*/
/*}*/

/*.profile-btn i {*/
/*    margin-left: 10px;*/
/*    font-size: 12px;*/
/*    transition: all .5s ease-in-out;*/
/*}*/

/*.profile-btn button:hover:after {*/
/*    width: 100%;*/
/*}*/

/*.profile-btn button:after {*/
/*    display: block;*/
/*    content: "";*/
/*    width: 0;*/
/*    height: 1.5px;*/
/*    background: #000;*/
/*    margin: 5px auto 0;*/
/*    transition: all .5s ease-in-out;*/
/*}*/



.profile-btn button:hover {
    color: #fff;
    background-color: #af070d !important;
    border-color: #313b66 !important;
    text-decoration: none;
}

.profile-btn button {
    color: #fff;
    
    display: inline-block;
    font-weight: 400;
    /*color: #212529;*/
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #313b66;
    border: 1px solid #313b66;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

/**/
/*.hp_about_button:hover{*/
/*    text-decoration:none;*/
/*}*/

@media screen and (max-width: 1401px) {
    .hp_about_title{padding-top:13%;}
}

@media screen and (max-width: 1301px) {
    .hp_about_title{padding-top:8%;}
}

@media screen and (max-width: 1201px) {
    .hp_about_title{font-size:175%;}
    .hp_about_content{font-size:125%;}
}

@media screen and (max-width: 1001px) {
    .hp_about_title{padding-top:3%;}
    .hp_about_content{font-size:100%;width:100%;padding-top:2%;}
}

@media screen and (max-width: 767.5px) {
    .hp_about{
        background-size:auto;
        padding-top: 10%;
        padding-bottom: 10%;
        padding-left: 0%; 
     padding-right: 0%;
    }
    
    /*.hp_about_title, .hp-small-title {text-align:center;}*/
    .hp_about_content{text-align:center;width:100%;}
    .hp_about_button{display:flex;justify-content:center;align-items:center;}
    .hp_about_image{margin-top:10%;}
    .hp_about_icon{margin-left:6%;}
    .hp_about_icontext{font-size:1rem;}
    
    .hp_about_bigbox {
        /*flex-direction: column;*/
    }
    
    .about_iconbox {
     flex: 0 1 calc(100%/3 - 20px);
    }
    
    /*.hp_about_bigbox {*/
    /*    grid-template-columns: 1fr 1fr 1fr;*/
        justify-items: center; /* center items inside each cell */
    /*}*/
    
    .hp_about_bigbox > *:nth-child(4) {
    grid-column: 1 / 2;
  }

  .hp_about_bigbox > *:nth-child(5) {
    grid-column: 2 / 3;
  }
}

@media screen and (max-width: 700.5px) {
    .hp_about_gridbox{
        grid-template-columns: auto;
        
    }
    .hp_about_icon{
        width:10%;
        margin-left:0;
    }
    .hp_about_icontext{
        transform: translate(5vw, 1vw);
    }
    .hp_about_buttonbox{
        margin-top:10%;
    }
}

/*hp_workflow*/
.index_wrapper_4 {
    background-image: url(https://cdn1.npcdn.net/images/C_CATEGORY_BG_9l78g5_1745550850.jpg?md5id=cbffd1775acc4270e17ff2d025a8e9bb&new_width=1600&new_height=810&type=4);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}

#main_index .productSlider-1 {
    margin-bottom: 4rem!important;
}

#main_index .productSlider-1 .product_box p{
    display: none;
}

#main_index .productSlider-1 .product_img .product_box h6 {
    text-align: center;
}

#main_index .exProductSlidehpType6 {
    padding-bottom: 2rem;
}

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

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

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

#main_index .exProductSlidehpType6 .wrapper_product {
    background-color: transparent;
    padding-bottom: 0;
}

#main_index .exProductSlidehpType6 .wrapper_product .product_details .product_header .product_header_title h3 {
    text-align: center;
    font-weight: 600;
}

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

#main_index .productSlider-1 .product_box .align-top {
    display: none;
}

.product_cat-10 {
    padding-bottom: 3%;
}

.product_cat-10 .wrapper_product_category .product_img {
        border: 1px solid #dcdcdc;
}

.product_cat-10 .wrapper_product_category h3 {
    font-size: 1rem;
    color: #313b66;
    font-weight: 600 !important;
    /*font-weight: 800;*/
    /*text-transform: uppercase;*/
}

.product_cat-10 .wrapper_product_category h3:hover {
    text-decoration: underline;
}

.product_cat-10 .wrapper_product_category .view-btn {
    color: #fff;
        border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    text-transform: uppercase;
    
    display: none;
}

.product_cat-10 .wrapper_product_category .view-btn:hover {
    background-color: #af070d !important;
    border-color: #313b66 !important;
}

.hp_workflow{
    padding-top:6%;
}

.hp_workflow .col-md-3{
    margin-top:3%;
}

.hp_workflow_title{
    
    text-align:center;
    font-size: 36px;
    color: #313b66;
    font-weight: bold;
    font-family: "Gelasio", serif;
}

.hp_workflow_subtitle{
    /*font-family:"Josefin Sans";*/
    font-size:1.1vw;
    font-weight:bold;
    margin-top:6%;
}

.hp_workflow_content{
    font-size:1vw;
    color:#4b4b4b;
}

@media screen and (max-width: 767.5px) {
    .hp_workflow{
        padding-top:20%;
    }
    
    .hp_workflow_image{
        margin:0 auto;
        display:block;
    }
    .hp_workflow_title{
        font-size:175%;
        text-align:center;
    }
    .hp_workflow_subtitle{
        font-size:1.1rem;
        text-align:center;
    }
    .hp_workflow_content{
        font-size:1rem;
        text-align:center;
    }
}

/*hp_chooseus*/
/*.hp_chooseus{
    padding-top:6%;
    padding-bottom:4%;
}

.hp_chooseus_title{
    text-align:center;
    letter-spacing:8px;
    font-weight:bold;
}

.hp_chooseus_image{
    padding-top:18%;
    width:40%;
    margin-left:auto;
    margin-right:auto;
    display:block;
}

.hp_chooseus_line{
    content:"";
    width:25%;
    height:3px;
    background-color:#5a5a5a;
    display:block;
    margin-left:37%;
    margin-top:6%;
}

.hp_chooseus_content{
    font-size:150%;
    text-align:center;
    padding-top:10%;
    color:#181818;
}

@media screen and (max-width: 768px) {
    .hp_chooseus{padding-top:16%;}
    .hp_chooseus_image{ padding-top:5%;}
}

@media screen and (max-width: 420px) {
    .hp_chooseus_title{letter-spacing:4px;font-size:185%;}
}*/


/*hp_project*/
/*.hp_project{
    padding-top:1%;
}

.hp_project_hidden{
    display:none;
}

.hp_project_foroverflow{
    overflow:hidden;
}

.hp_project_title{
    transform: rotate(-90deg);
    width:600%;
    height:80%;
}

.hp_project_line{
    display:flex;
}

.hp_project_line::before{
    content:"";
    width:30%;
    height:2px;
    background-color:#5a5a5a;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-top:5%;
    margin-right:4%;
}

.hp_project_link{
    width:100%;
    height:550px;
}

@media screen and (max-width: 1400px) {
    .hp_project_title{width:600%;height:80%;}
    .hp_project_link{height:500px;}
}

@media screen and (max-width: 1300px) {
    .hp_project_title{width:600%;height:70%;}
}

@media screen and (max-width: 1200px) {
    .hp_project_title{width:600%;height:60%;}
}


@media screen and (max-width: 992px) {
    .hp_project_title{width:1000%;height:60%;}
}

@media screen and (max-width: 768px) {
    .hp_project{padding-top:10%;}
    .hp_project_foroverflow{display:none;}
    .hp_project_hidden{display:block;margin-left:20%;}
    .hp_project_line::before{width:20%;margin-top:5%;}
}

@media screen and (max-width: 501px) {
    .hp_project_link{height:400px;}
}

@media screen and (max-width: 401px) {
    .hp_project_line::before{width:10%;}
    .hp_project_hidden{margin-left:15%;}
}*/

/*hp_showcase*/
/*.hp_showcase{
    padding-top:3%;
}

.hp_project_foroverflow{
    overflow:hidden;
}

.hp_showcase_title{
    transform: rotate(-90deg);
    width:600%;
    height:70%;
}

.hp_showcase_link{
    width:100%;
    height:550px;
}

.hp_showcase_line{
    display:flex;
}

.hp_showcase_line::before{
    content:"";
    width:30%;
    height:2px;
    background-color:#5a5a5a;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-top:5%;
    margin-right:4%;
}

.hp_showcase_link{
    width:100%;
    height:550px;
}

@media screen and (max-width: 1400px) {
    .hp_showcase_title{width:600%;height:80%;}
    .hp_showcase_link{height:500px;}
}

@media screen and (max-width: 1300px) {
    .hp_showcase_title{width:700%;height:90%;}
}

@media screen and (max-width: 1200px) {
    .hp_showcase_title{width:750%;height:90%;}
}

@media screen and (max-width: 1199px) {
    .hp_showcase_title{width:1000%;height:90%;}
}

@media screen and (max-width: 992px) {
    .hp_showcase_title{width:1600%;height:90%;}
}

@media screen and (max-width: 768px) {
    .hp_showcase_title{transform: rotate(0deg);font-size:250%;width:100%;height:100%;
                        padding-top:4%;margin-left:20%;}
    .hp_showcase{padding-top:8%;}
    .hp_showcase_line::before{width:12%;margin-top:3%;}
}

@media screen and (max-width: 501px) {
    .hp_showcase_link{height:400px;}
}

@media screen and (max-width: 401px) {
    .hp_showcase_line::before{width:10%;margin-top:5%;}
    .hp_showcase_title{margin-left:10%;}
}*/

/*hp_gallery*/
.hp_gallery_title {
    font-size: 36px;
    color: #313b66;
    font-weight: bold;
    font-family: "Gelasio", serif;
    margin-bottom: 1rem;
}

.hp_gallery_box .profile-btn button{
    /*color: gray;*/
    /*font-weight: bold;*/
    /*font-size: 20px;*/
}
.hp_gallery_box .profile-btn button:after {
    /*background: gray;*/
}
.hp_gallery{
    background-image:url('https://cdn1.npcdn.net/images/D_GALLERY_BG_jb3icr_1752228717.jpg?md5id=cbffd1775acc4270e17ff2d025a8e9bb&new_width=1600&new_height=596&type=4');
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    padding-bottom: 35%;
    position: relative;
}

.hp_gallery_box{
    position: absolute;
    background-color: rgba(255, 255, 255, 0.8);
    background-attachment: fixed;
    padding: 5vw;
    top: 10vw;
    left: 16vw;
    text-align: center;
    /*width:67%;*/
    /*padding-top:12%;*/
    /*padding-left:7%;*/
    /*padding-bottom:17%;*/
    /*margin-top: 8%;*/
    /*margin-left: 8%;*/
}

.hp_gallery_button{
    font-weight:bold;
    font-size:150%;
    color:gray;
    
}

.hp_gallery_button:hover{
    text-decoration:none;
    color:red;
}

@media (max-width:991.5px) {
    .hp_gallery_box {
        top: 7vw;
    }
}

@media screen and (max-width: 767.5px) {
    .hp_gallery{
        background-size:cover;
        padding-bottom: 140%;
        /*margin-top:15%;*/
            background-position: 70% 0;
    }
    
    .hp_gallery_box{
        /*width:100%;*/
        margin-left: 0;
        background-color: rgba(255, 255, 255, .6);
            top: 88vw;
            left: 15vw;
            padding: 12vw;    
        /*margin-top: 50%;*/
    }
    .hp_gallery_button{font-size:110%;}
    
    .hp_gallery_title {
        font-size: 175%;
    }
}

/*hp_contact*/
.index_wrapper_6 {
    background-image: url('https://cdn1.npcdn.net/images/D_GALLERY_BG_iq2y3c_1745551677.jpg?md5id=cbffd1775acc4270e17ff2d025a8e9bb&new_width=1600&new_height=810&type=4');
    background-repeat: no-repeat;
    background-position: center;
    /*background-attachment: fixed;*/
    background-size: cover;
    position: relative;
}

.index_wrapper_6:before {
        position: absolute;
        content: "";
        background-color: rgba(0, 0, 0, 0.5);
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
    }

.hp_contact{
    padding-top:10%;
    padding-bottom: 10%;
}

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

.hp_contact .col-md-7{
    /*margin-top:3%;*/
}

.hp_contact_image{
    object-fit:cover;
    padding-bottom:2%;
    width:30%;
}

.hp_contact_title{
    font-size: 25px;
    color: #fff;
    /*font-weight: bold;*/
    /*font-family: "Gelasio", serif;*/
    text-align: center;
    /*text-transform: uppercase;*/
}

.hp_contact_title.cap {
    text-transform: none;
}

.contact-button:hover {
    color: #fff;
    background-color: #af070d !important;
    border-color: #313b66 !important;
    text-decoration: none;
}

.contact-button {
    color: #fff;
    display: inline-block;
    font-weight: 400;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #313b66;
    border: 1px solid #313b66;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.hp_contact_content{
    /*padding-top:6%;*/
    /*padding-bottom:6%;*/
    font-size:125%;
    color:#666666;
}

.hp_contact_subtitle{
    font-size: 1REM;
    color: #000;
    FONT-WEIGHT: BOLD;
        MARGIN: 0;
}

.hp_contact_text{
    /*font-family:"Josefin Sans";*/
        font-size: 1rem;
    color:#000000;
    margin-bottom: 1rem;
}

.hp_contact_text a:hover {
    color: #313B66;
    text-decoration: none;
    font-weight: bold;
}

.hp_contact_button:hover{
    text-decoration:none;
}

.contact-download {
    background-color: #e2e2e2;
    display: flex;
    align-items: center;
    justify-content: center;
        padding: 1rem;
    width: fit-content;
        MARGIN: 2REM AUTO;
        gap: 1rem;
}

/*.download-icon {*/
/*        width: 25%;*/
/*    margin-right: 1rem;*/
/*}*/

.download-icon img {
    max-width: 50px;
  width: 50px !important;
}

.download-button {
  margin: 0;
  font-size: 1vw;
  font-weight: 500;
  line-height: 1;
  width: min-content;
  white-space: nowrap;
}

/*.download-button {*/
/*    margin: 0;*/
/*    font-size: 1vw;*/
/*    font-weight: 500;*/
/*    line-height: 1;*/
/*}*/

@media screen and (max-width: 1400px) {
    .hp_contact_image{width:30%;}
}

@media screen and (max-width: 992px) {
    .hp_contact{padding-top:3%;}
    .hp_contact_title{font-size:30px;}
    .hp_contact_content{font-size:100%;}
    .hp_contact_image{width:32%;}
    .download-button {
            font-size: .8vw;
    }
}

@media screen and (max-width: 767.5px) {
    .hp_contact{
        padding-top:20%;
        padding-bottom: 20%;
    }
    .hp_contact_title{
        padding-top:6%;
        font-size: 22px;
    }
    
    .hp_contact_title.contact-small {
        font-size: 14px;
    }
    
    .hp_contact_content{
        padding-top:2%;
    }
    .hp_contact_subtitle{
        font-size:1.5rem;
    }
    .hp_contact_text{
        font-size:1rem;
    }
    
    .contact-download {
        /*width: 100%;*/
    }
    
    .download-button {
            font-size: 14px;
    }
    
}

/*hp_information*/
/*.hp_information{
    background-image:url('https://cdn1.npcdn.net/img/1671528962sec7-bckg-1.png');
    padding-left:7%;
    padding-bottom:4%;
}

.hp_information_title{
    padding-top:10%;
    color:#232323;
    font-weight:bold;
}

.hp_information_line{
    content:"";
    width:9%;
    height:2px;
    background-color:#949494;
    display:block;
    margin-top:1%;
}

.hp_information_head{
    padding-top:4%;
    font-size:150%;
    color:#636363;
    
}

.hp_information_head_2{
    
    font-size:150%;
    color:#636363;
    padding-top:0%;
}

.hp_information_head_text{
    font-size:125%;
    font-weight:bold;
    color:#000000;
}

.hp_information_image{
    margin-top:-10%;
    width:90%;
}



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

@media screen and (max-width: 1201px) {
    .hp_information_title{font-size:170%;padding-top:5%;}
    .hp_information_head{font-size:125%;padding-top:2%;}
    .hp_information_head_2{font-size:125%;padding-top:0%;}
    .hp_information_head_text{font-size:125%;}
}

@media screen and (max-width: 901px) {
    .hp_information_title{font-size:150%;padding-top:5%;}
    .hp_information_head{font-size:100%;padding-top:2%;}
    .hp_information_head_2{font-size:100%;padding-top:0%;}
    .hp_information_head_text{font-size:100%;}
}

@media screen and (max-width: 768px) {
    .hp_information_head{padding-top:5%;}
    .hp_information_head_2{padding-top:3%;}
    .hp_information_title, .hp_information_head,.hp_information_head_2, 
    .hp_information_head_text{text-align:center;}
    .hp_information_fblogo{display:flex;justify-content:center;align-items:center;}
    .hp_information_line{margin-left:auto;margin-right:auto;display:block;}
.hp_information_image{margin-top:5%;width:100%;margin-left:auto;margin-right:auto;display:block;}


}

@media screen and (max-width: 601px) {
    .hp_information_line{width:13%;}
}*/

/*footer*/
.footer_type8 {
    background-color: #e2e2e2;
    /*background-image: url(https://cdn1.npcdn.net/img/1638869023footer_bg.jpg);*/
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    color: #000;
}

.footer_type8 .d-flex.location p {
    width: 193px;
}

.footer_type8 p {
        font-size: 16px;
}

.footer_type8 .title h5 {
    color: #313b66;
    font-weight: bold;
    font-family: "Gelasio", serif;
    font-size: 22px;
}

.footer_type8 a {
    color: #000;
}

.footer_type8 a:hover {
    color: #313b66;
}

.footer_type8 .row:nth-child(2) .col-12.col-md-4.mb-md-0.p-3:nth-child(2),
.footer_type8 .row:nth-child(2) .col-12.col-md-4.mb-md-0.p-3:nth-child(3) {
    margin-top: -70px;
}

.footer_type8 .row:nth-child(2) .col-12.col-md-4.mb-md-0.p-3:nth-child(3) {
    /*padding-right: 200px !important;*/
}


@media (max-width: 767.5px) {
.footer_type8 .row:nth-child(2) .col-12.col-md-4.mb-md-0.p-3:nth-child(2),
.footer_type8 .row:nth-child(2) .col-12.col-md-4.mb-md-0.p-3:nth-child(3) {
    margin-top: 0px;
}

.footer_type8 .d-flex.location p {
    /*width: 100%;*/
}


.footer_type8 .location {
    justify-content: center;
}

}

.pb-5, .py-5 {
    /*padding-bottom: 0!important;*/
}

/*.ws_contact .page_title b span {*/
/*    display: block;*/
/*}*/

#main_contactus .ws_contact .page_title b span {
        display: block;
    margin: 1rem 0;
    font-size: 1rem;
    font-weight: 500;
    color: #828282;
    font-family: 'Poppins';
}

#main_ourproducts .category_menu_3 .title {
    /*display: none;*/
}

#main_ourproducts .category_menu_3 .title:after {
            margin-left: 1REM !important;
        transform: rotate(90deg) !important;
}

#main_ourproducts .product_list_5 .product_box .whatsapp_wrapper {
    display: none;
}

#main_contactus .page_title {
    width: 66.666667%;
  margin-left: auto;
  text-align: left;
  padding: 0 12px;
}

.latest_new_threePerRow .news_span {
    display: none;
}

#main_contactus .col-12.col-md-4.ws_contact {
        margin-top: -8rem;
}

/*#main_showproducts    .product-detail-tab .tab-pane #pills-enquiry {
            display: none!important;
        }*/

@media (max-width: 767.5px) {
    #main_contactus .col-12.col-md-4.ws_contact  {
        margin-top: 0rem;
}

    #main_contactus .page_title {
        width: 100%;
        padding: 0;
    }
    
/*    #main_showproducts    .product-detail-tab .tab-pane #pills-enquiry {
            display: none!important;
        }*/
}

.category_menu_3 .main_title {
    text-transform: none;
}


#main_ourproducts .category_menu_3 .list-unstyled li:last-child {
    font-weight: bold;
}