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

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

.slider_banner .banner_content {
    opacity: 1 !important;
}

.productCustomization {
    display: none;
}

.toggle_btn {
  
    right: 3%;
}

.toggle_btn .whatsapp i {
    font-size: 30px;
}

.category_list_type4 .category_box .img_frame img {

    object-fit: contain;
}

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

a:hover {
    text-decoration: none;
}


@media screen and (max-width: 991.5px){
.toggle_btn {
    right: 4%;
}

#top_spacing {
    height: 0 !important;
}
}

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

.toggle_btn {
    right: 6%;
}

}

/*Ts*/

.hp_ts {
    background: #e5e5e5;
}

.hp_ts_title {
    margin-bottom: 0;
    text-align: center;
    font-size: 13px;
    padding: 10px;
    color: black;
    font-weight: 400;
    padding-left: 2%;
}

.hp_box {
    display: flex;
    flex-direction: column;
    text-align: end;
}

/*Navbar Search box*/
.boxSearch{
    position:relative;
    display:flex;
    margin-left: -3%;
}

.alter_top_search{
    width:20px;
    transition:0.25s all linear;    
    filter: brightness(0) saturate(100%);
}

.nav_search input::placeholder{
    color:#b4b4b4;
}
.nav_search input::-moz-placeholder{
    color:#b4b4b4;
}
.nav_search input:-moz-placeholder{
    color:#b4b4b4;
}

#search_name_nav {
    border: 0;
    border-radius: 30px;
    padding: 20px 6% 20px 65px;
    width: 23vw;
    background-color: #e2e2e2;
    color: #000;
}

#search_name_nav::placeholder{
    font-size:13px;
    color: rgba(0,0,0,0.5);
    font-weight: 400;
}

.hp_ts_iconx {
    width: 20px;
}

.hp_topspace_sticky-menu{
    animation:fadexia 0.2s linear;
}

@keyframes fadexia{
    0%{
        opacity:0;
    }
    100%{
        opacity:1;
    }
}

.search_button {
    margin: auto 15px;
    color: #000;
    margin-right: -45px;
    position: relative;
    background: #fff;
    border-radius: 50%;
    padding: 10px;
}


/*Nav*/

.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item a {
   
    overflow: visible;

}

.hp_gg {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25% 9% 1.25%;
}

.navbar_type8 {
    height: 50px;
    flex-direction: column;
}

.hp_gg .logo {
    flex: 0 1 20%;
    margin-left: 2.5%;
}

.navbar_type8 .nav_tab {
    flex: 0 1 100%;
    display: flex;
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
    flex-wrap: wrap;
    border-top: 1px solid rgba(0,0,0,0.5);
}

.hp_gg .logo img {
 
    width: 250px;
    padding: 0;
    transform: scale(1.4);
}

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

.navbar_mobile .logo_img {
    padding: 3px;
}

.navbar_type8 .nav_tab .nav_item a {
    color: black;
    text-transform: capitalize;
    padding: 15px;
}

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

}

.hp_box .contactRecordBtn {
    color: #000;
    font-weight: 500;
}

.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item {
    background-color: rgba(255, 255, 255, 0.8);
   
}

@media screen and (max-width: 1200.5px){
.hp_gg .logo img {
  
    transform: scale(1.3);
}

}

/*Banner*/

.hp_banner {
    padding-left: 7%;
    padding-right: 11%;
}

.hp_banner_image {
    margin-right: 0%;
    margin-left: -2%;
    margin-top: 7.5%;
}

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

.hp_banner_title {
    color: #000;
    font-size: 2.25vw;
    font-weight: 700;
    margin-bottom: 2%;
    padding-bottom: 2%;
    width: 140%;
    position: relative;
}

.hp_banner.b .hp_banner_title {
    color: #0e7eaf;
}

.hp_banner.b .hp_banner_title span {
    color: #004370;
}

.hp_banner_title span {
    color: #666;
    
}

.hp_banner.b .hp_banner_title:before {
 
    background-color: #004370;
   
}

.hp_banner.b .hp_banner_desc {
 
    color: #004370;
   
}

.hp_banner_title:before {
    position: absolute;
    content: "";
    background-color: #666;
    bottom: 0%;
    left: 0;
    width: 5.5vw;
    height: 4px;
}

.hp_banner_desc {
    font-size: 0.9vw;
    margin-bottom: 0%;
    display: flex;
    align-items: center;
    gap: 1vw;
    line-height: 1.8;
}

.hp_banner_bbox {
    margin-top: 5%;
}

.hp_banner_link {
    background: #d62416;
    color: #fff;
    transition: 0.3s;
    padding: 0.75vw 3.2vw;
    font-size: 0.9vw;
    font-weight: 500;
    text-transform: uppercase;
}

.hp_banner_link:hover {
    background: #20293a;
    color: #fff;
}

.hp_banner.b .hp_banner_image {
    margin-right: 12%;
    margin-left: 12%;
    margin-top: 6%;
}

.hp_banner_itbox {
    position: absolute;
    right: -23%;
    top: -22vw;
    transform: rotate(-90deg);
}

.hp_banner_item {
    color: #fff;
    background: #004370;
    font-size: 1vw;
    font-weight: 400;
    padding: 1.25vw 1.25vw;
}

.hp_banner_icon {
    width: 20vw;
    margin-bottom: 1%;
}

.hp_banner_box {
    margin-top: -2vw;
}

@media screen and (max-width: 1200.5px){
.hp_banner_title {
    font-size: 2.5vw;
    margin-bottom: 3%;
    padding-bottom: 3%;
    width: 165%;
}

.hp_banner_desc {
    font-size: 1.15vw;
    width: 106%;
}

.hp_banner_link {
  
    padding: 0.9vw 3.7vw;
    font-size: 1.1vw;
 
}

.hp_banner_title:before {
    width: 6.5vw;
}

.hp_banner.b .hp_banner_image {
    margin-right: 6%;
    margin-left: 6%;
    margin-top: 3%;
}

.hp_banner_item {
    font-size: 1.25vw;
    padding: 1.5vw 1.5vw;
}

.hp_banner_itbox {
    right: -25.5%;
    top: -26vw;
}

.hp_banner_bbox {
    margin-top: 3%;
}

.hp_banner_box {
    margin-top: -3vw;
}

.hp_banner.b .hp_banner_box {
    margin-top: -6.5vw;
}
    
}

@media screen and (max-width: 991.5px){
.hp_banner_box {
    margin-top: -2vw;
}
.hp_banner.b .hp_banner_box {
        margin-top: -5.5vw;
    }
}

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

    .hp_banner_title:before {
        width: 13vw;
    }

.hp_banner_desc {
    font-size: 3.75vw;
    line-height: 1.5;
    gap: 3vw;
    width: 100%;
}

.hp_banner_desc br {
    display: none;
}

.hp_banner_link {
  
    padding: 2.5vw 9vw;
    font-size: 3.75vw;
 
}

    .hp_banner_itbox {
        right: -28%;
        top: -52vw;
    }
    
    .hp_banner_item {
        font-size: 3vw;
        padding: 3vw 3vw;
    }

.hp_banner_image {
    margin-right: 0%;
        margin-left: 0%;
        margin-top: 3%;
}

   .hp_banner.b .hp_banner_image {
        margin-top: 3%;
                margin-right: 3%;
        margin-left: -2.5%;
    }

.hp_banner {
    padding-left: 3%;
    padding-right: 3%;
    padding-top: 9%;
    overflow: hidden;
    height: 100%;
}


#top_spacing {
    display: none;
}

.hp_banner_bbox {
    margin-top: 7%;
    position: relative;
    z-index: 1;
    margin-bottom: 7%;
}

    .hp_banner_box {
        margin-top: 0;
    }
    
    .hp_banner_icon {
    width: 60vw;
    margin-bottom: 1%;
}

.hp_banner_desc.mb-2 {
    margin-bottom: 3% !important;
}

.hp_banner.b .hp_banner_box {
        margin-top: 0%;
    }
    
       .hp_banner.b .hp_banner_bbox {
        margin-top: 6%;
        margin-bottom: 4%;
    }
    
    .hp_banner.b .hp_banner_title {

    margin-bottom: 3%;
    padding-bottom: 4%;
            width: 101%;
}

.hp_banner.b .hp_banner_title .br {
        display: none;
    }

}

/*Filter*/

.search_theme .sel_wrapper {
    width: 100%;
    margin-bottom: 0rem;
    margin-right: 2vw !important;
}

.search_theme .sel_wrapper select {
    appearance: none;
    width: 100%;
    border-radius: 30px;
    padding: 8.5px 15px;
    border: none;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
    background: #ececec;
    font-size: 1vw;
}

.search_theme .hp_spec_filter {
    display: flex;
    margin: 0 auto;
    padding: 1.75% 3% 1.75%;
    width: 88%;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 70px;
    position: absolute;
    bottom: -45px;
    right: 0;
    left: 0;
    z-index: 1;
}

.search_theme .search_btn, .search_theme .reset_btn {
    color: white;
    background-color: #d62416;
    border-radius: 30px;
    border: none;
    min-height: 30px;
    text-wrap: nowrap;
    padding: 7.5px 30px;
    font-weight: 600;
    font-size: 1vw !important;
}

.search_theme {
    background: #ededed;
}

@media screen and (max-width: 1200.5px){
.search_theme .sel_wrapper select {

    font-size: 1.1vw;
}

.search_theme .search_btn, .search_theme .reset_btn {
  
    font-size: 1.1vw !important;
}

.search_theme .sel_wrapper {

    margin-right: 1.5vw !important;
}

}

@media screen and (max-width: 767.5px){
.search_theme .sel_wrapper select {

    font-size: 14px;
}

.search_theme .search_btn, .search_theme .reset_btn {
  
    font-size: 14px !important;
}

.search_theme .sel_wrapper {
    margin-right: 0vw !important;
    margin-bottom: 6%;
}

.search_theme .hp_spec_filter {
    display: flex;
    margin: 0 auto;
    padding: 9% 6% 9%;
    width: 93%;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 40px;
    position: relative;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
}

.search_theme {
  
    padding-top: 12%;
}

}

/*About*/

.hp_about {
    background: linear-gradient(to bottom, #ededed, #ffffff, #ffffff);
    padding: 7% 9% 7%;
}

.hp_about_box2 {
    display: flex;
    position: relative;
    margin-right: 3%;
}

.hp_about_box2:before {
    position: absolute;
    content: "";
    background-image: url('https://cdn1.npcdn.net/img/1773737894b-element.png');
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -3%;
    left: 0%;
    width: 7vw;
    height: 7vw;
}

.hp_about_inbox1 {
    flex: 0 0 50%;
}

.hp_about_inbox2 {
    flex: 0 0 50%;
    margin-top: 28.5%;
}

.hp_about_title1 {
    margin-bottom: 1%;
    color: #000;
    font-weight: 800;
    line-height: 1.3;
    font-size: 2.25vw;
}

.hp_about_desc {
    color: #000;
    font-size: 1vw;
    font-weight: 400;
    line-height: 2;
    margin-bottom: 4%;
    width: 99%;
}

.hp_about_link {
    background: #d62416;
    color: #fff;
    transition: 0.3s;
    padding: 0.75vw 3vw;
    font-size: 0.9vw;
    font-weight: 500;
    text-transform: uppercase;
}

.hp_about_link:hover {
    background: #20293a;
    color: #fff;
}

.hp_about_item1 {
    color: #000;
    font-size: 1.3vw;
    margin-top: 9%;
    display: flex;
    align-items: center;
    gap: 0.5vw;
    margin-bottom: 0;
}

.hp_about_item1 span {
    background: #000;
    display: block;
    width: 0.3vw;
    height: 0.3vw;
}

.hp_about_item2 {
    margin-bottom: 0;
    font-size: 1.3vw;
    color: #000;
    margin-top: -2%;
}

.hp_about_item2 span {
  
    font-size: 4vw;
    font-weight: 700;
}

.hp_about_bbox {
    margin-top: 6%;
}

.hp_about_tw .cursor {
  display: inline-block;
  margin-left: 5px;
  animation: blink 1s infinite;
}

@keyframes blink {
  0%, 50%, 100% { opacity: 1; }
  25%, 75% { opacity: 0; }
}

.hp_about_tw {
    color: #2abae6;
    font-size: 2.25vw;
    font-weight: 800;
    margin-bottom: 2%;
}

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

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

.hp_about_desc br {
    display: none;
}


.hp_about_link {
    padding: 0.9vw 3.5vw;
    font-size: 1.15vw;

}

.hp_about_item1 {

    font-size: 1.55vw;
    margin-top: 9%;
    gap: 0.5vw;

}

.hp_about_item1 span {

    width: 0.5vw;
    height: 0.5vw;
}

.hp_about_item2 {
    font-size: 1.55vw;
    margin-top: -2%;
}

.hp_about_item2 span {
    font-size: 4.5vw;
}

.hp_about_box2:before {
   
    bottom: -3%;
    left: 0%;
    width: 7.5vw;
    height: 7.5vw;
}

.hp_about_tw {
    font-size: 2.75vw;
    margin-bottom: 2%;
}

.hp_about_box2 {
    margin-right: 0%;
}

}

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

.hp_about_tw {
    font-size: 7vw;
    margin-bottom: 3%;
}

.hp_about_desc {
    font-size: 3.75vw;
    margin-bottom: 6%;
    width: 100%;
}

.hp_about_desc br {
    display: none;
}


.hp_about_link {
    padding: 2.5vw 9vw;
    font-size: 3.75vw;

}

.hp_about_item1 {

    font-size: 4vw;
    margin-top: 9%;
    gap: 1vw;

}

.hp_about_item1 span {

    width: 1vw;
    height: 1vw;
}

.hp_about_item2 {
    font-size: 4vw;
    margin-top: -2%;
}

.hp_about_item2 span {
    font-size: 12vw;
}

.hp_about_box2:before {
   
    bottom: 0%;
    left: 0%;
    width: 20vw;
    height: 20vw;
}

.hp_about {
  
    padding: 12% 3%;
}

.hp_about_bbox {
    margin-top: 9%;
}

.hp_about_box2 {
 
    margin-bottom: 9%;
}

}

/*Industries*/

.hp_ind {
    background: #e8e8e8;
    padding: 6% 9% 6%;
}

.hp_ind_image {
    width: 100%;
    border-radius: 6vw 3vw 6vw 3vw;
    border: 0.75vw solid #fff;
}

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

.hp_ind_icbox {
    position: absolute;
    bottom: 7%;
    left: 12%;
}

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

.hp_ind_title {
    margin-bottom: 0;
    color: #000;
    font-weight: 800;
    line-height: 1.3;
    font-size: 2.3vw;
}

.hp_ind_link {
    background: #d62416;
    color: #fff;
    transition: 0.3s;
    padding: 0.75vw 3vw;
    font-size: 0.9vw;
    font-weight: 500;
}

.hp_ind_link:hover {
    background: #20293a;
    color: #fff;
}

.hp_ind_icon {
    width: 4vw;
    border-radius: 15px;
}

.hp_ind_item {
    margin-bottom: 0;
    color: #000;
    font-size: 1vw;
    font-weight: 400;
    margin-top: 8%;
    padding-left: 13%;
}

.hp_ind_sbox .slick-prev {
    left: -30px;
}

.hp_ind_sbox .slick-next {
    right: -30px;
}

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

.hp_ind_title {
   
    font-size: 2.8vw;
}

.hp_ind_link {
 
    padding: 0.9vw 3.5vw;
    font-size: 1.15vw;
}

.hp_ind_icon {
    width: 4.5vw;
    border-radius: 12.5px;
}

.hp_ind_item {
    font-size: 1.24vw;
    margin-top: 9%;
    padding-left: 8%;
}

.hp_ind_icbox {
  
    bottom: 8%;
    left: 12%;
}

}

@media screen and (max-width: 991.5px){
    
.hp_ind_icon {
    width: 5vw;
    border-radius: 12.5px;
}

.hp_ind_item {
    font-size: 1.5vw;
    margin-top: 9%;
    padding-left: 12%;
}

.hp_ind_image {

    border-radius: 8vw 3vw 8vw 3vw;
    border: 1vw solid #fff;
}

}    

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

.hp_ind_title {
   
    font-size: 7vw;
}

.hp_ind_link {
 
    padding: 2.5vw 10vw;
    font-size: 3.75vw;
}

.hp_ind_icon {
    width: 15vw;
    border-radius: 15px;
}

.hp_ind_item {
    font-size: 4.5vw;
    margin-top: 7%;
    padding-left: 12%;
}

.hp_ind_icbox {
  
    bottom: 7%;
    left: 12%;
}

.hp_ind {
  
    padding: 12% 3%;
}

.hp_ind_fbox {
    flex-direction: column;
    margin-bottom: 12%;
    align-items: start;
    gap: 6vw;
}

.hp_ind_image {
    border-radius: 27vw 12vw 27vw 12vw;
    border: 3vw solid #fff;
}
    
.hp_ind_sbox .slick-prev {
    left: -20px;
}

.hp_ind_sbox .slick-next {
    right: -20px;
}

}

/*Product*/

.hp_product {
    padding: 6% 9% 1%;
}

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

.hp_product_title {
    margin-bottom: 0;
    color: #000;
    font-weight: 800;
    line-height: 1.3;
    font-size: 2.3vw;
}

.hp_product_title2 {
    color: #000;
    font-size: 1vw;
    font-weight: 400;
    line-height: 1.8;
    margin-bottom: 0%
}

.hp_product_link {
    background: #d62416;
    color: #fff;
    transition: 0.3s;
    padding: 0.75vw 4.5vw;
    font-size: 0.9vw;
    font-weight: 500;
}

.hp_product_link:hover {
    background: #20293a;
    color: #fff;
}

.hp_product2 {
    padding-top: 3%;
    padding-bottom: 4%;
}

.hp_product2_title {
    margin-bottom: 0;
    font-size: 2vw;
    font-weight: 700;
    color: #c1c1c1;
}

.hp_product2_title span {
    margin: 0 1vw;
}

.hp_product2_box {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.hp_product2_track {
    display: flex;
    width: max-content;
    animation: scroll 40s linear infinite;
    gap: 1vw;
}

@keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.productSlider-1 .product_img .product_box .text-left > p {
    display: none;
}

.productSlider-1 .slick-track .slick-slide {
    margin: 10px 1vw;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    background-color: white;
    border-radius: 6vw 3vw 6vw 3vw;
    overflow: hidden;
}

.productSlider-1 {
    margin: 0 -3%;
}

.productSlider-1 .product_img .product_box {
    margin: 1vw;
    border: 5px solid transparent;
    background-color: white;
}

.productSlider-1 .product_img .product_box h6 {
    color: #000;
    font-weight: 600 !important;
    font-size: 0.97vw;
    margin-bottom: 7%;
}

.productSlider-1 .product_img .product_box .align-top a {
    background: #d62416;
    color: #fff;
    font-weight: 400;
    padding: 0.5vw 1vw;
    font-size: 1vw;
    border-radius: 15px 5px 15px 5px;
}

.productSlider-1 .product_img .product_box .product_img_frame img {
    
    object-fit: contain !important;
   
}

.hp_product2 .col-12{
    padding: 0;
}

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

.hp_product_link {

    padding: 0.9vw 5vw;
    font-size: 1.15vw;
   
}

.hp_product2_title {
   
    font-size: 2.5vw;
   
}


.productSlider-1 .product_img .product_box h6 {
 
    font-size: 1.25vw;
    margin-bottom: 7%;
}

.productSlider-1 .product_img .product_box .align-top a {
 
    padding: 0.65vw 1.5vw;
    font-size: 1.25vw;

}

.hp_product2_title span {
    margin: 0 1.25vw;
}

.hp_product2_track {
   
    gap: 1.25vw;
}

}

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

.hp_product_link {

    padding: 2.5vw 12vw;
    font-size: 3.75vw;
   
}

.hp_product2_title {
   
    font-size: 6vw;
   
}

.hp_product2 {
    padding-top: 6%;
    padding-bottom: 6%;
}

.productSlider-1 .product_img .product_box h6 {
 
    font-size: 4vw;
    margin-bottom: 7%;
}

.productSlider-1 .product_img .product_box .align-top a {
 
    padding: 2vw 4.5vw;
    font-size: 3.75vw;

}

.hp_product2_title span {
    margin: 0 3vw;
}

.hp_product2_track {
   
    gap: 3vw;
}

.hp_product_fbox {
    flex-direction: column;
   
    align-items: start;
    margin-bottom: 3%;
    gap: 6vw;
}

.hp_product {
    padding: 6% 3% 6%;
}

.productSlider-1 {
    margin: 0 0%;
}

}

/*Service*/

.index_wrapper_7 {
    background: #ececec;
    padding: 5% 14% 6% 9%;
}

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

.hp_service_title {
    margin-bottom: 6%;
    color: #000;
    font-weight: 800;
    line-height: 1.3;
    font-size: 2.3vw;
    padding-bottom: 6%;
    position: relative;
}

.hp_service_title:before {
    position: absolute;
    content: "";
    background-color: #000;
    bottom: 0%;
    left: 0;
    width: 19vw;
    height: 1.5px;
}

.hp_service_desc {
    color: #000;
    font-size: 0.9vw;
    line-height: 1.8;
    margin-bottom: 0;
}

.ex_hpservice_slide {
    margin-block: 0;
    background-color: transparent;
    padding: 0;
}

.ex_hpservice_slide .services-text {
  
    padding: 0;
    top: unset;
    transform: translateY(50%);
    bottom: 13%;
}

.ex_hpservice_slide .services-text h3.title:after {
    display: none;
}

.ex_hpservice_slide .service_btn {
    background-color: #d62416;
    color: #fff;
    font-size: 1vw;
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: 0;
    display: block;
}

.ex_hpservice_slide .container {
    max-width: 100%;
}

.ex_hpservice_slide .service_btn .fa.fa-chevron-right {
    display: none;
}

.ex_hpservice_slide .services-text h3.title {
    text-transform: capitalize;
    color: #fff;
    font-weight: 600;
    font-size: 1.25vw;
    padding: 0 12%;
    line-height: 1.4;
    margin-bottom: 0;
}

.ex_hpservice_slide .fa-arrow-left:before {
    content: "";
    background-image: url('https://cdn1.npcdn.net/img/1773732076button-2.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 2.5vw;
    height: 2.5vw;
    display: none;
    
}

.ex_hpservice_slide .fa-arrow-right:before {
    content: "";
    background-image: url('https://cdn1.npcdn.net/img/1773732123button-1.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 2.5vw;
    height: 2.5vw;
    display: inline-block;
}

.ex_hpservice_slide .services-content {
    margin-bottom: 9%;
    height: 18vw;
    overflow: visible;
}

.ex_hpservice_slide .controls.left {
    left: -6%;
   
}

.ex_hpservice_slide .controls.right {
    right: -9%;
}

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

.hp_service_title {
    margin-bottom: 6%;
 
    font-size: 2.8vw;
    padding-bottom: 6%;
 
}

.hp_service_title:before {
 
    width: 19vw;
    height: 1.5px;
}

.hp_service_desc {

    font-size: 1.15vw;
 
}

.hp_service_desc br {

    display: none;
}

.ex_hpservice_slide .service_btn {

    font-size: 1.25vw;
    padding: 7.5px 30px;
    margin-top: 15px;
}

.ex_hpservice_slide .services-content {
    margin-bottom: 12%;

}

.ex_hpservice_slide .services-text h3.title {
   
    font-size: 1.5vw;
    padding: 0 3%;
 
}

.ex_hpservice_slide .fa-arrow-left:before {
    width: 3vw;
    height: 3vw;
}
.ex_hpservice_slide .fa-arrow-right:before {
    width: 3vw;
    height: 3vw;
}

}

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

.hp_service_title {
    margin-bottom: 6%;
 
    font-size: 7vw;
    padding-bottom: 6%;
 
}

.hp_service_title:before {
 
    width: 79vw;
    height: 1.5px;
}

.hp_service_desc {

    font-size: 3.75vw;
 
}

.hp_service_desc br {

    display: block;
}

.ex_hpservice_slide .service_btn {

    font-size: 3.75vw;
    padding: 10px 30px;
    margin-top: 15px;
}

.ex_hpservice_slide .services-content {
    margin-bottom: 12%;
    height: 65vw;
}

.ex_hpservice_slide .services-text h3.title {
   
    font-size: 5vw;
    padding: 0 3%;
 
}

.ex_hpservice_slide .fa-arrow-left:before {
    width: 9vw;
    height: 9vw;
    display: inline-block;
}
.ex_hpservice_slide .fa-arrow-right:before {
    width: 9vw;
    height: 9vw;
}

.index_wrapper_7 {
    padding: 12% 3%;
}

.ex_hpservice_slide {

    margin-top: 9%;
}

.ex_hpservice_slide .controls.left {
    left: -3%;
}

.ex_hpservice_slide .controls.right {
    right: -3%;
}


}

/*Why*/

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

.hp_why_fbox {
    display: flex;
    justify-content: space-between;
    margin-bottom: 3%;
}

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

.hp_why_itbox {
    background: #eeeeee;
    padding: 2.5% 4% 2.5%;
    border-radius: 0 0 30px 0;
    box-shadow: 0 0 4px rgba(0,0,0,0.1);
}

.hp_why_title {
    margin-bottom: 0;
    color: #000;
    font-weight: 800;
    line-height: 1.3;
    font-size: 2.3vw;
}

.hp_why_desc {
    color: #000;
    font-size: 0.9vw;
    line-height: 1.8;
    text-align: end;
    margin-bottom: 0;
}

.hp_why_item1 {
    margin-bottom: 2%;
    color: #000;
    font-size: 1.5vw;
    font-weight: 600;
    position: relative;
}

.hp_why_item1:before {
    position: absolute;
    content: "";
    background-color: #d62416;
    bottom: 0%;
    top: 0;
    margin: auto 0;
    left: -4.5vw;
    width: 3.5vw;
    height: 3px;
}

.hp_why_item1.x:before {
   
    background-color: #000;
   
}

.hp_why_item2 {
    font-weight: 400;
    color: #000;
    font-size: 0.97vw;
    line-height: 1.5;
    margin-bottom: 0;
}

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

.hp_why_desc {
    font-size: 1.15vw;
}

.hp_why_item1 {
    margin-bottom: 2%;
    font-size: 1.6vw;
 
}

.hp_why_item1:before {
  
    left: -4.25vw;
    width: 3.5vw;
    height: 3px;
}

.hp_why_item2 {
    
    font-size: 1.23vw;
   
}

.hp_why_item2 br {
    display: none;
}

.hp_why_fbox2 {
    gap: 3vw;
}

.hp_why_itbox {
    
    padding: 2.5% 3% 2.5%;
 
}

}

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

.hp_why_desc {
    font-size: 3.75vw;
}

.hp_why_desc br {
    display: none;
}

.hp_why_item1 {
    margin-bottom: 3%;
    font-size: 5.75vw;
 
}

.hp_why_item1:before {
  
    left: -12vw;
    width: 10vw;
    height: 3px;
}

.hp_why_item2 {
    
    font-size: 3.75vw;
   
}

.hp_why_item2 br {
    display: none;
}

.hp_why_fbox2 {
    gap: 9vw;
    flex-direction: column;
}

.hp_why_itbox {
    
    padding: 7% 10% 7%;
 
}

.hp_why {
    padding: 12% 3%;
}

.hp_why_fbox {
 
    margin-bottom: 9%;
    flex-direction: column;
    gap: 3vw;
}

}

/*Download*/

.hp_download {
    background: #eeeeee;
    padding: 6% 9% 5%;
    position: relative;
}

.hp_download:before {
    position: absolute;
    content: "";
    background-image: url('https://cdn1.npcdn.net/img/1773715180g-bg-element.png');
    background-repeat: no-repeat;
    background-size: contain;
    top: 0%;
    left: 1%;
    width: 43vw;
    height: 23vw;
}

.hp_download_fbox2 {
    display: flex;
    justify-content: end;
    gap: 1.5vw;
    margin-top: 1%;
}

.hp_download_title {
    margin-bottom: 2%;
    color: #000;
    font-weight: 800;
    line-height: 1.3;
    font-size: 2.3vw;
}

.hp_download_desc {
    color: #000;
    font-size: 0.9vw;
    line-height: 1.8;
    margin-bottom: 0;
}

.hp_download_item {
    margin-bottom: 3vw;
    font-size: 1.25vw;
    font-weight: 600;
    color: #000;
}

.hp_download_link {
    color: #fff;
    background: #d62416;
    transition: 0.3s;
    padding: 0.5vw 4vw 0.5vw 1.5vw;
    font-size: 1vw;
    position: relative;
}

.hp_download_box.b .hp_download_link {
   
    background: #20293a;

}

.hp_download_link:hover {
    color: #fff;
    background: #000;
 
}

.hp_download_box.b .hp_download_link {
   color: #fff;
    background: #000;
    padding: 0.5vw 1.5vw 0.5vw 1.5vw;
}

.hp_download_link:before {
    position: absolute;
    content: "";
    background-image: url('https://cdn1.npcdn.net/img/1773715991g-icon.png');
    background-repeat: no-repeat;
    background-size: contain;
    top: 0%;
    bottom: 0;
    margin: auto 0;
    right: 6%;
    width: 1.25vw;
    height: 1.25vw;
}

.hp_download_box.b .hp_download_link:before {
    display: none;
}

.hp_download_box {
    background: #fff;
    padding: 3.5% 5% 4.5%;
    flex: 0 0 42%;
    border-top: 7.5px solid #d62416;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.hp_download_box.b {
    border-top: 7.5px solid #2abae6;
}


@media screen and (max-width: 1200.5px){
.hp_download_title {
    margin-bottom: 2%;
    font-size: 2.8vw;
    margin-right: -9%;
}

.hp_download_desc {
    font-size: 1.15vw;
}

.hp_download_desc br {
    display: none;
}

.hp_download_item {
    margin-bottom: 3.5vw;
    font-size: 1.5vw;
}

.hp_download_link {
    padding: 0.65vw 4.5vw 0.65vw 2vw;
    font-size: 1.25vw;
  
}

.hp_download_box {
    padding: 3.5% 5% 4.5%;
    flex: 0 0 45.5%;
    border-top: 6px solid #d62416;
}

.hp_download_box.b {
    border-top: 6px solid #2abae6;
}

.hp_download_link:before {

    right: 6%;
    width: 1.5vw;
    height: 1.5vw;
}

.hp_download_box.b .hp_download_link {
    padding: 0.65vw 2vw 0.65vw 2vw;
}

}

@media screen and (max-width: 767.5px){
.hp_download_title {
    margin-bottom: 3%;
    font-size: 7vw;
    margin-right: 0%;
}

.hp_download_desc {
    font-size: 3.75vw;
    margin-bottom: 6%;
}

.hp_download_box.b .hp_download_link {
    padding: 1.5vw 5vw 1.5vw 5vw;
}

.hp_download_desc br {
    display: none;
}

.hp_download_item {
    margin-bottom: 12vw;
    font-size: 5vw;
}

.hp_download_link {
    padding: 1.5vw 14vw 1.5vw 5vw;
    font-size: 3.75vw;
  
}

.hp_download_box {
    padding: 7% 9% 10%;
    border-top: 7px solid #d62416;
}

.hp_download_box.b {
    border-top: 7px solid #2abae6;
}

.hp_download_link:before {

    right: 6%;
    width: 5vw;
    height: 5vw;
}

.hp_download {
    padding: 12% 3%;
}

.hp_download_fbox2 {

    gap: 5vw;
    margin-top: 3%;
    flex-direction: column;
}

.hp_download:before {

    top: 0%;
    left: 1%;
    width: 98vw;
    height: 51.5vw;
}

}

/*Contact*/

.hp_contact {
    background: #d62416;
    padding: 2.5% 9% 2.5%
}

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

.hp_contact_lbox {
    display: flex;
    gap: 4vw;
}

.hp_contact_itbox {
    display: flex;
    align-items: center;
    gap: 0.5vw;
}

.hp_contact_itbox2 {
    display: flex;
    align-items: center;
    gap: 1vw;
}

.hp_contact_imagex {
    width: 2.5vw;
}

.hp_contact_item1 img {
    width: 2.5vw;
}

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

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

.hp_contact_item2 .contactRecordBtn {
    color: #fff;
}

.hp_contact_item2x {
    margin-bottom: 0;
    display: flex;
    gap: 0.25vw;
}

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

.hp_contact_item1 {

    font-size: 1.5vw;
}

.hp_contact_item2 {
 
    font-size: 1.5vw;
}

.hp_contact_imagex {
    width: 3vw;
}

.hp_contact_item1 img {
    width: 3vw;
}

.hp_contact_lbox {
   
    gap: 2vw;
}

.hp_contact {
   
    padding: 2.5% 7% 2.5%;
}

}

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

.hp_contact_item1 {

    font-size: 4vw;
}

.hp_contact_item2 {
 
    font-size: 4vw;
}

.hp_contact_imagex {
    width: 9vw;
}

.hp_contact_item1 img {
    width: 9vw;
}

.hp_contact_lbox {
   
    gap: 6vw;
    flex-direction: column;
}

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

.hp_contact_itbox {

    gap: 3vw;
}

.hp_contact_itbox2 {

    gap: 3vw;
}

.hp_contact_fbox {

    flex-direction: column;
    gap: 6vw;
}

.hp_contact_item2x {

    gap: 0.75vw;
}

}

/*Ds*/

.hp_ds {
    background: #2abae6;
}

.hp_ds_title {
    margin-bottom: 0;
    color: #fff;
    text-align: center;
    font-size: 1.2vw;
    font-weight: 400;
    padding: 0.75%;
}

@media screen and (max-width: 1200.5px){
.hp_ds_title {
  
    font-size: 1.45vw;
    padding: 1%;
}

}

@media screen and (max-width: 767.5px){
.hp_ds_title {
  
    font-size: 3vw;
    padding: 3.5% 0;
}

}

/*Footer*/

.footer_type6 {
    background-color: #f5f5f5;
    color: #333;
    padding-top: 2.5rem;
    padding-bottom: 0.5rem;
    font-size: 13px;
    overflow: hidden;
}

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

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

.footer_type6 .input-container .submit {

    background-color: #d62416;
    color: white;
    top: 0;
    margin: auto 0;
    padding: 5px 15px;
    right: 4px;
    height: 85%;
    font-size: 20px;
}

.footer_type6 .line {
    position: relative;
    margin-bottom: 30px;
    margin-top: 40px;
}

.footer_type6 .line:before {
    position: absolute;
    content: "";
    background-color: #ececec;
    top: 0%;
    right: -41%;
    width: 183%;
    height: 10rem;
}

.footer_type6 .social_media {

    display: none;
}

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

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

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

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

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

.footer_type6 .col-12.col-md-5.mb-1.mb-md-0.p-3 {
    position: relative;
}

.footer_type6 .col-12.col-md-5.mb-1.mb-md-0.p-3:before {
    position: absolute;
    content: "";
    background-color: #000;
    top: 4%;
    right: 7%;
    width: 1px;
    height: 86%;
}

.footer_type6 .input-container {

    border: 1px solid rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 991.5px){
.footer_type6 .logo img {
    max-height: 50px;
}

.footer_type6 .col-12.col-md-5.mb-1.mb-md-0.p-3:before {
  
    right: 1.5%;
  
}

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

}


@media screen and (max-width: 767.5px){
.footer_type6 .col-12.col-md-5.mb-1.mb-md-0.p-3:before {
    right: 0;
    width: 93%;
    height: 1px;
    bottom: 0;
    top: unset;
    left: 0;
    margin: 0 auto;
}

}
.category_list_type4 .category_box .img_frame img {
    object-fit: cover;
}

.ex_specificationFilter .specification_title {
    display: none;
}