body {
  margin: 0;
  font-family: "Montserrat", Arial, sans-serif;
  color: #222;
  background: #fff;
}

#main_index {
  padding: 0 !important;
  overflow: hidden;
}

#main_index a {
  text-decoration: none;
}

.image_all {
  width: 100%;
  margin: 0 auto;
  display: block;
  object-fit: contain;
}

.n_small {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 1rem;
  color: #f15d2a;
  text-transform: uppercase;
}

.n_title {
  font-size: 42px;
  font-weight: 800;
  line-height: 1.12;
  margin-bottom: 1rem;
  color: #111;
}

.n_title span {
  color: #f15d2a;
}

.n_content {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.7;
  margin-bottom: 1rem;
  color: #555;
}

.theline {
  width: 74px;
  height: 1px;
}

.btnbox_left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 2rem 0 0;
}

.btnbox_center {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 2rem 0 0;
}

.n_button {
  border: 0;
  border-radius: 999px;
  background-color: #f15d2a;
  width: auto;
  padding: 0 36px 0 18px;
  height: 42px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  color: #fff;
  transition: 0.25s all linear;
  position: relative;
}

.n_button:hover {
  color: #fff;
  background-color: #d84d20;
  transform: scale(0.98);
}

.n_button span {
  position: relative;
}

.n_button span::after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  right: -24px;
  width: 14px;
  height: 14px;
  margin: auto 0;
  background-image: url("https://cdn1.npcdn.net/images/button_ehite_tg5ad6_1783559388.png?md5id=824c121add38289730a196fff2102e1d&new_width=1600&new_height=1600&type=4");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

@media (max-width: 991.5px) {
  .n_title {
    font-size: 34px;
  }
}

@media (max-width: 767.5px) {
  .n_title {
    font-size: 28px;
  }
}

/*Search Bar Search*/
.hp_search_icon{
    width:30px;
    filter:brightness(0) invert(0);
}
#main_index .navbar_type8 .hp_search_icon{
    filter:brightness(0) invert(0);    
}
.boxSearch {
    display: none; 
    position: absolute;
    top: 60px;
    right: 9%;
}
.nav_search .search_button {
    background-color: transparent;
    color: #000;
    box-shadow: none;
    border: none;
    border-radius: 0;
    padding: 0 15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    height: 100%;
}
.nav_search input {
    background: #f0f2f5;
    width: 300px;
    height: 45px;
    border: 0;
    box-shadow: none;
    padding: 0px 50px 0px 25px;
    border-radius: 0;
    max-height: 45px;
}
.nav_search {
    flex-grow: 1;
    display: flex;
    position: relative;
    max-width: 300px;
    align-self: center;
    border: 1px solid #e0dede;
    box-shadow: 0 0 7px rgb(191 191 191/65%);
}


.btnClose{
    display: none;

}
#closeIcon{
    display: none;
}
.searchWrapper img{
    font-size: 20px;
    color: #c7996d;
    margin-left: 25px;
}
.searchBar{
    width: 100%;
    margin: 0 auto;
}
.searchBar input{
    width: 100%;
    font-size: 1rem;
    border: 0;
    background: 0 0;
    box-shadow: none;
    padding-left: 1.75rem;
    padding-right: 0.75rem!important;
    position: relative;
}
.row_searchBarWrapper{
    width: 100%;
    z-index: 99999;
    position: relative;
    height: 120px;
    left: 0;
    top: 0;
    background: #fff;
}

.btnSearch{
    cursor: pointer;
    color:#000;
    font-family: "Alice";
    font-size: 1vw;
    padding: 15px 1vw;
    font-weight: 400;
    color: #444;
}
.searchBar{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.searchBar form {
    width: 100%;
    display: block;
    padding: 0.6rem 1rem;
    position: relative;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.7;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #60697b;
    background-color: #fefefe;
    background-clip: padding-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.4rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.searchBar i{
    font-size: 1.2rem;
}
button:focus {
    outline: unset;
}
.searchBar button {
    font-size: 1.05rem;
    width: 2rem;
    height: 2rem;
    line-height: 1.8rem;
    border-radius: 50%;
    margin: 0;
    padding: 0;
    border: unset;
    box-shadow: none;
    transition: background .2s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
}
.searchBarWrapper{
    position: fixed;
    width: 100%;
    z-index: 9999;
    top: 0;
    left: 0;
    height: 100%;
    background: rgba(0,0,0,0.5);
    display: none;
}
.hp_topspace_sticky-menu{
    filter:brightness(0) invert(0)!important;
}
.navbar_type8 .nav_tab .search::before{
    display:none;
}
.navbar_type8 .nav_tab{
    padding-right: 5%;
}


/*navbar*/
.navbar_type8{
    height:100px;
}
.navbar_type8 .logo img{
    width: 19vw;
    padding: 10px;
}
.navbar_type8 .nav_tab .nav_item a{
    font-size:1vw;
    font-weight:700;
    padding:15px 1.2vw;
    color:#000;
}
.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item a{
    color:#fff;
    -webkit-text-stroke-width: 0px;
    -webkit-text-stroke-color: black;
}
.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item a{
    color:#fff!important;
}
.navbar_type8 .nav_tab .dropdown .dropdown-menu .dropdown-item a:hover{
    color:#fff!important;
}

.navbar_mobile .btn-outline-light:hover{
    background-color:transparent;
}
.navbar_mobile .btn-outline-light:hover{
    border-color: #000;
    color: #000;
}
.navbar_mobile .btn-outline-light:not(:disabled):not(.disabled):active{
    color: #000;
    background-color: transparent;
    border-color: #000;
}
.dark_nav{
    background-color:#fff!important;
}

@media screen and (max-width: 1200.5px){
    .navbar_type8 .nav_tab .nav_item a{
        font-size:1.2vw;
        padding:15px 1.1vw;
    } 
}

.hp_banner {
    position: absolute;
    top:50%;
    left:9%;
    transform:translate(0,-50%);
    width:calc(100% - 18%);
}

.hp_banner_info {
  width: 48%;
}

.hp_banner_title {
  font-size: 72px;
  line-height: 1.12;
  font-weight: 850;
  color: #fff;
  margin: 0 0 28px;
}

.hp_banner_text {
  font-size: 28px;
  color: #fff;
  font-weight: 600;
  margin: 0;
}

@media (max-width: 1200.5px) {
  .hp_banner {

  }

  .hp_banner_title {
    font-size: 58px;
  }
}

@media (max-width: 991.5px) {
  .hp_banner {

  }

  .hp_banner_info {
    width: 58%;
  }

  .hp_banner_title {
    font-size: 46px;
  }

  .hp_banner_text {
    font-size: 20px;
  }
}

@media (max-width: 767.5px) {
  .hp_banner {
    left:2%;
  }
  .hp_banner .btnbox_left{
      margin-top:1vw;
  }

  .hp_banner_info {
    width: 70%;
  }

  .hp_banner_title {
    font-size: 5vw;
    margin-bottom:1vw;
  }

  .hp_banner_text {
    font-size: 17px;
  }
}

.hp_benefits {
  padding: 42px 9%;
  background: #fff;
}

.hp_benefits_box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  border-right: 1px solid #000;
}

.hp_benefits .col-lg-3:last-child .hp_benefits_box {
  border-right: 0;
}

.hp_benefits_box img {
  width: 50px;
}

.hp_benefits_box p {
  margin: 0;
  color: #263321;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
}

@media (max-width: 1200.5px) {
  .hp_benefits {
    padding-left: 5%;
    padding-right: 5%;
  }

  .hp_benefits_box p {
    font-size: 14px;
  }
}

@media (max-width: 991.5px) {
  .hp_benefits_box {
    margin: 14px 0;
  }

  .hp_benefits .col-6:nth-child(2n) .hp_benefits_box {
    border-right: 0;
  }
}

@media (max-width: 767.5px) {
  .hp_benefits {
      padding:26px 0;
  }

  .hp_benefits_box {
    justify-content: flex-start;
    border-right: 0;
  }

  .hp_benefits_box img {
    width: 42px;
  }

  .hp_benefits_box p {
    font-size: 14px;
  }
  .hp_benefits_box p br{
      display: none;
  }
}

.hp_about {
  padding: 105px 9%;
  background-image: url("https://cdn1.npcdn.net/images/c_about_bg_qtje84_1783559396.jpg?md5id=824c121add38289730a196fff2102e1d&new_width=1600&new_height=1600&type=4");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.hp_about_info {
  width: 100%;
}

.hp_about .theline {
  background-color: #f15d2a;
  margin: -6px 0 22px;
}

@media (max-width: 1200.5px) {
  .hp_about {
    padding-left: 5%;
    padding-right: 5%;
  }
}

@media (max-width: 991.5px) {
  .hp_about {
    padding-top: 70px;
    padding-bottom: 70px;
    background-position: 58% center;
  }

  .hp_about_info {
    width: 55%;
    background-color: rgba(255, 255, 255, 0.3);
    padding: 24px;
  }
}

@media (max-width: 767.5px) {
  .hp_about {
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.72)), url("https://cdn1.npcdn.net/images/c_about_bg_qtje84_1783559396.jpg?md5id=824c121add38289730a196fff2102e1d&new_width=1600&new_height=1600&type=4");
    padding:30px 0;
  }

  .hp_about_info {
    width: 100%;
            padding: 15px;
  }
}

/* hp_category */

.hp_category {
  padding: 62px 0 0;
  background: #fff;
  overflow: hidden;
}

.hp_category > .container-fluid {
  padding: 0;
}

.hp_category > .container-fluid > .row {
  margin-left: 0;
  margin-right: 0;
}

.hp_category > .container-fluid > .row > [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
}

.hp_category_row > div{
    padding:0;
}

.hp_section_heading {
  text-align: left;
  margin: 0 auto 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 11px;
}

.hp_section_heading img {
  width: 67px;
  display: block;
  margin-right: 0;
  flex: 0 0 67px;
}

.hp_section_heading_info {
  width: auto;
}

.hp_section_heading .n_small {
  display: block;
  color: #222;
  text-transform: none;
  margin-bottom: 2px;
  text-align: center;
}

.hp_section_heading .n_small span {
  position: relative;
}

.hp_section_heading .n_small span::before,
.hp_section_heading .n_small span::after {
  position: absolute;
  content: "";
  top: 50%;
  width: 48px;
  height: 1px;
  background: #888;
}

.hp_section_heading .n_small span::before {
  right: calc(100% + 10px);
}

.hp_section_heading .n_small span::after {
  left: calc(100% + 10px);
}

.hp_section_heading .n_title {
  color: #f15d2a;
  font-size: 32px;
  margin-bottom: 0;
  text-align: center;
}

.hp_category_box {
  height: 308px;
  position: relative;
  overflow: hidden;
}

.hp_category_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: 0.35s ease;
}

.hp_category_box::before {
  position: absolute;
  content: "";
  inset: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.hp_category_box::after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  height: 48%;
  /*background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.48));*/
  z-index: 1;
  transition: 0.35s ease;
}

.hp_category_box:hover::before {
  background: rgba(241, 93, 42, 0.78);
}

.hp_category_box:hover::after {
  opacity: 0;
}

.hp_category_box:hover img {
  transform: scale(1.06);
}

.hp_category_box h3 {
  position: absolute;
  left: 0;
  right: 0;
  top: auto;
  bottom: 22px;
  z-index: 2;
  margin: 0;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: 850;
  text-transform: uppercase;
  transition: 0.35s ease;
  text-shadow: 2px 2px 2px rgba(0,0,0,1);
}

.hp_category_box a {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 3;
  font-size: 0;
}

.hp_category_box:hover h3 {
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
}

#main_index .product_cat .hp_category_box {
  height: 250px;
  position: relative;
  overflow: hidden;
  margin: 0;
}

#main_index .product_cat .hp_category_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: 0.35s ease;
}

#main_index .product_cat .hp_category_box::before {
  position: absolute;
  content: "";
  inset: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 1;
}

#main_index .product_cat .hp_category_box::after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  height: 48%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.48));
  z-index: 1;
  transition: 0.35s ease;
}

#main_index .product_cat .hp_category_box:hover::before {
  background: rgba(241, 93, 42, 0.78);
}

#main_index .product_cat .hp_category_box:hover::after {
  opacity: 0;
}

#main_index .product_cat .hp_category_box:hover img {
  transform: scale(1.06);
}

#main_index .product_cat .hp_category_box h3 {
  position: absolute;
  left: 0;
  right: 0;
  top: auto;
  bottom: 22px;
  z-index: 2;
  margin: 0;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: 850;
  text-transform: uppercase;
  transition: 0.35s ease;
}

#main_index .product_cat .hp_category_box a {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 3;
  padding: 0;
  border: 0;
  font-size: 0;
}

#main_index .product_cat .hp_category_box:hover h3 {
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
}

@media (max-width: 767.5px) {
  .hp_section_heading {
    max-width: 100%;
    padding: 0 15px;
    gap: 8px;
  }

  .hp_section_heading img {
    width: 50px;
    flex: 0 0 50px;
  }

  .hp_section_heading_info {
    min-width: 0;
    max-width: calc(100% - 58px);
  }

  .hp_section_heading .n_small span::before,
  .hp_section_heading .n_small span::after {
    width: 20px;
  }

  .hp_section_heading .n_title {
    font-size: 24px;
    line-height: 1.15;
    white-space: normal;
    overflow-wrap: break-word;
  }

  .hp_category_box {
    height: 180px;
  }
   #main_index .product_cat .hp_category_box {
    height: 180px;
  }
}

.hp_promise {
  padding: 95px 9% 95px 3%;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.72) 31%, rgba(255, 255, 255, 0) 48%), url("https://cdn1.npcdn.net/images/e_wcu_bg_e7gb9j_1783559396.jpg?md5id=824c121add38289730a196fff2102e1d&new_width=1600&new_height=1600&type=4");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.hp_promise_info {
  width: 60%;
  position: relative;
  z-index: 2;
}

.hp_promise .n_title {
  font-size: 38px;
}

.hp_promise .n_content {
  width: 92%;
}

.hp_promise .theline {
  background-color: #f15d2a;
  margin: -6px 0 22px;
}

.hp_promise_card {
  min-height: 235px;
  padding: 28px 20px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 7px 24px rgba(0, 0, 0, 0.13);
  text-align: center;
  margin-bottom:1rem;
}

.hp_promise_card img {
  width: 58px;
  margin: 0 auto 16px;
}

.hp_promise_card h3 {
  font-size: 18px;
  line-height: 1.2;
  font-weight: 850;
  color: #f15d2a;
  margin: 0 0 10px;
}

.hp_promise_card p {
  font-size: 12px;
  line-height: 1.5;
  font-weight: 500;
  color: #666;
  margin: 0;
}

@media (max-width: 1200.5px) {
  .hp_promise {
    padding-left: 5%;
    padding-right: 5%;
  }
}

@media (max-width: 991.5px) {
  .hp_promise_info {
    width: 58%;
    margin-bottom: 36px;
    background-color: rgba(255, 255, 255, 0.3);
    padding: 24px;
  }

  .hp_promise .n_title {
    font-size: 34px;
  }
}

@media (max-width: 767.5px) {
  .hp_promise {
    padding:60px 0 30px;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.72)), url("https://cdn1.npcdn.net/images/e_wcu_bg_e7gb9j_1783559396.jpg?md5id=824c121add38289730a196fff2102e1d&new_width=1600&new_height=1600&type=4");
  }

  .hp_promise_info {
    width: 100%;
    padding: 15px;
  }

  .hp_promise .n_title {
    font-size: 24px;
  }
}

.index_wrapper_7{
  padding: 78px 9% 86px;
  background: #fff;
}

.hp_featured .n_title {
  color: #f15d2a;
  font-size: 34px;
  margin-bottom: 40px;
}

.hp_featured_track {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
}

.hp_slider_arrow {
  border: 0;
  background: transparent;
  color: #f15d2a;
  font-size: 25px;
}

.hp_product_box {
  width: 23%;
  padding: 28px 24px;
  border-radius: 8px;
  box-shadow: 0 0 14px rgba(0, 0, 0, 0.12);
  text-align: center;
  background: #fff;
}

.hp_product_box img {
  width: 72%;
}

.hp_product_box h3 {
  font-size: 13px;
  font-weight: 800;
  margin: 20px 0 4px;
}

.hp_product_box a {
  color: #f15d2a;
  font-size: 11px;
  font-weight: 700;
}

@media (max-width: 1200.5px) {
  .index_wrapper_7{
    padding-left: 5%;
    padding-right: 5%;
  }
}

@media (max-width: 991.5px) {
  .hp_product_box {
    width: 31%;
  }

  .hp_product_box:nth-of-type(4) {
    display: none;
  }
}

@media (max-width: 767.5px) {
  .hp_featured .n_title {
    font-size: 24px;
    margin-bottom:1rem;
  }
  .index_wrapper_7{
      padding:60px 1rem;
  }
}


.productSlider-1 .product_img .product_box{
    border:15px solid transparent;
}
.productSlider-1 .product_img .product_box h6{
    text-align: center;
    color:#000;
    font-size:16px;
}
.productSlider-1 .product_img .product_box a:hover{
    text-decoration: none; 
}
.productSlider-1 .product_img .product_box .content > p{
    display: none;
}
.productSlider-1 .product_img .product_box .content .align-top{

}
.productSlider-1 .product_img .product_box .content .align-top a,
.productSlider-1 .product_img .product_box .content .align-top p{

}

.productSlider-1 .product_img .slick-prev{
    left: -30px;
}
.productSlider-1 .product_img .slick-next{
    right: -30px;
}
.productSlider-1 .product_img .slick-prev::before{
    background-image:url("https://cdn1.npcdn.net/images/arrow_left_8svic4_1783559388.png?md5id=824c121add38289730a196fff2102e1d&new_width=1600&new_height=1600&type=4");
    background-size:100%;
    background-position:center;
    background-repeat:no-repeat;
    text-shadow:unset;
    content:"";
    height:2vw;
    width:2vw;
} 
.productSlider-1 .product_img .slick-next::before{
    background-image:url("https://cdn1.npcdn.net/images/arrow_right_hxoj04_1783559388.png?md5id=824c121add38289730a196fff2102e1d&new_width=1600&new_height=1600&type=4");
    background-size:100%;
    background-position:center;
    background-repeat:no-repeat;
    text-shadow:unset;
    content:"";
    height:2vw;
    width:2vw;
}

@media screen and (max-width: 767.5px){
    .productSlider-1 .product_img .slick-prev::before,
    .productSlider-1 .product_img .slick-next::before{
        background-size:80%;
    }
    .productSlider-1 .product_img .slick-prev{
        left: 5px;
    }
    .productSlider-1 .product_img .slick-next{
        right: 5px;
    }
    .productSlider-1 .product_img .product_box h6{
        font-size:13px;
    }
    .productSlider-1 .product_img .product_box {
        border: 0px solid transparent;
    }
}

.hp_contact {
  padding: 130px 2% 130px 9%;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
  margin-left: 3rem;
  margin-bottom: 60px;
  width: calc(100% - 6rem);
  border-radius: 20px;
  background-image: url("https://cdn1.npcdn.net/images/g_contact_bg_95t748_1783559409.jpg?md5id=824c121add38289730a196fff2102e1d&new_width=1600&new_height=1600&type=4");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.hp_contact_panel {
  display: flex;
  gap: 28px;
  padding: 25px 0;
}

.hp_contact_intro {
    width: 297px;
    padding: 32px;
    transform: translateX(-106px);
    background-color: #fd5303;
    border-radius: 10px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}

.hp_contact_intro h2 {
  color: #fff;
  font-size: 38px;
  line-height: 0.92;
  font-weight: 700;
  margin: 0;
  text-transform: uppercase;
}

.hp_contact_intro h2 span {
  display: block;
  font-size: 100px;
  line-height: 0.82;
}

.hp_contact_intro .theline {
  background-color: #fff;
  margin: 34px 0 24px;
}

.hp_contact_intro p {
  color: #fff;
  font-size: 14px;
  line-height: 1.55;
  font-weight: 700;
  margin: 0;
}

.hp_contact_company {
  width: 50%;
}

.hp_contact_company:nth-child(1) {
  border-right: 1px solid #000;
  padding-right: 22px;
}

.hp_contact_company:nth-child(2) {
  padding-left: 2px;
}

.hp_contact_company_head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}

.hp_contact_company img {
  width: 40px;
  height: 40px;
  object-fit: contain;
  object-position: center;
  margin-bottom: 0;
}

.hp_contact_company h3 {
  color: #f15d2a;
  font-size: 17px;
  font-weight: 850;
  margin: 0;
}

.hp_contact_company ul {
  padding: 0;
  margin: 0 0 11px;
  list-style: none;
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.hp_contact_company li {
  color: #454545;
  font-size: 12px;
  line-height: 1.55;
  font-weight: 600;
  margin: 0;
}

.hp_contact_company li:first-child {
  width: 16px;
  flex: 0 0 16px;
}

.hp_contact_company i {
  color: #111;
  margin-right: 0;
}

.hp_contact_btn {
  justify-content: flex-start;
  margin: 12px 0 0;
}

@media (max-width: 1200.5px) {
  .hp_contact {
    padding-left: 5%;
    padding-right: 5%;
  }
  .hp_contact_panel{
      background-color:rgba(255,255,255,0.8);
      border-radius: 10px;
      padding:1rem;
  }
}

@media (max-width: 991.5px) {
  .hp_contact_panel {
    background: rgba(255, 255, 255, 0.92);
    padding: 26px;
    border-radius: 14px;
  }

    .hp_contact_intro {
        width: 100%;
        padding: 2rem;
        transform: translateX(0px);
        margin-bottom:2rem;
    }

  .hp_contact_intro h2 {
    font-size: 42px;
  }
  .hp_contact{
      padding:30px;
  }
}

@media (max-width: 767.5px) {
.hp_contact {
    padding: 15px 0;
    margin: 1rem;
    width: calc(100% - 2rem);
}
  .hp_contact_panel {
    display: block;
  }

  .hp_contact_intro {
    width: 100%;
    /*padding: 12px 0 210px;*/
    /*transform: translateX(0);*/
  }

  .hp_contact_intro h2 {
    font-size: 38px;
  }

  .hp_contact_intro .theline {
    margin: 22px 0 16px;
  }

    .hp_contact_intro p {
        font-size: 16px;
    }

  .hp_contact_company {
    width: 100%;
    margin-bottom: 24px;
  }

  .hp_contact_company:nth-child(1) {
    border-right: 0;
    border-bottom: 1px solid #000;
    padding-right: 0;
    padding-bottom: 24px;
  }

  .hp_contact_company:nth-child(2) {
    padding-left: 0;
  }
}

.hp_cert {
  padding: 90px 9%;
  background-image: url("https://cdn1.npcdn.net/images/h_cert_bg_p6vydc_1783559409.jpg?md5id=824c121add38289730a196fff2102e1d&new_width=1600&new_height=1600&type=4");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.hp_cert_info {
  width: 100%;
}

.hp_cert .theline {
  background-color: #f15d2a;
  margin: -6px 0 22px;
}

.hp_cert_point {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-top: 18px;
}

.hp_cert_point img {
  width: 42px;
  flex: 0 0 42px;
}

.hp_cert_point p {
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
  color: #555;
  font-weight: 500;
}

.hp_cert_point strong {
  color: #f15d2a;
}

.hp_cert_btn {
  margin-top: 26px;
}

.hp_cert_images {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 45px;
}

.hp_cert_images img {
  width: 43%;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.12);
}

@media (max-width: 1200.5px) {
  .hp_cert {
    padding-left: 5%;
    padding-right: 5%;
  }
}

@media (max-width: 991.5px) {
  .hp_cert_images {
    margin-top: 35px;
  }
}

@media (max-width: 767.5px) {
  .hp_cert {
      padding:60px 0;
  }

  .hp_cert_images {
    display: block;
  }

  .hp_cert_images img {
    width: 80%;
    margin-bottom: 24px;
  }
}

.hp_cta {
  padding: 42px 5%;
  background-image: url("https://cdn1.npcdn.net/images/i_cta_bg_2wgaxb_1783559410.jpg?md5id=824c121add38289730a196fff2102e1d&new_width=1600&new_height=1600&type=4");
  background-size: cover;
  background-position: center;
  text-align: center;
}

.hp_cta p {
  margin: 0;
  color: #fff;
  font-size: 19px;
  font-weight: 800;
}

/* hp_footer */
.footer_type3{
    background-color:#f15d2a;
}
.hp_footer {
  background: #fcc376;
}

.hp_footer .container-fluid {
  padding: 70px 5% 64px;
}

.hp_footer_box {
  padding: 0 42px 0 0;
  min-height: 305px;
}

.hp_footer_border {
  border-right: 1px solid rgba(0, 0, 0, 0.34);
}

.hp_footer_box h3 {
  font-size: 20px;
  font-weight: 800;
  color: #111;
  margin: 0 0 34px;
}

.hp_footer_reach > h3 {
  text-align: center;
}

.hp_footer_box p,
.hp_footer_box a {
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #000;
  line-height: 1.35;
  margin: 0 0 28px;
  text-decoration: none;
}

.hp_footer_logo_box {
  min-height: 305px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
}

.hp_footer_logo_box img {
  width: 88px;
  height: 88px;
  object-fit: contain;
}

.hp_footer_company_wrap {
  display: flex;
  gap: 38px;
}

.hp_footer_company {
  width: 50%;
}

.hp_footer_company h4 {
  font-size: 1.3vw;
  font-weight: 800;
  line-height: 1.25;
  margin: 0 0 24px;
  white-space: nowrap;
}

.hp_footer_contact_row {
  display: flex !important;
  align-items: flex-start;
  gap: 13px;
}

.hp_footer_contact_row span {
  flex: 1;
}

.hp_footer_contact_row i {
  width: 20px;
  flex: 0 0 20px;
  color: #111;
  margin-right: 0;
  padding-top: 2px;
  text-align: center;
}

.hp_social {
  display: flex;
  justify-content: center;
  gap: 9px;
  margin: -10px 0 40px;
}

.hp_social a {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  font-size: 23px;
}

.hp_social_fb {
  background: #1877f2;
}

.hp_social_ig {
  background: radial-gradient(circle at 30% 110%, #ffdb58 0 22%, #ff4f7b 45%, #8a3ffc 72%, #3273dc 100%);
}

.hp_social_in {
  background: #1f8acb;
}

.hp_footer_connect {
  text-align: center;
}

.hp_footer_connect h3 {
  white-space: nowrap;
}

.hp_footer_cert {
  width: 96px;
  height: 96px;
  margin: 26px auto 0;
  /*border: 6px solid #1f7fb6;*/
  border-radius: 50%;
  color: #1f7fb6;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: 900;
  line-height: 1;
}

.hp_footer_cert span {
  font-size: 30px;
}

.hp_footer_cert small {
  font-size: 13px;
  margin-top: 5px;
}

.hp_footer_sitemap {
  padding-left: 44px;
}

.hp_footer_sitemap a {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 25px;
  white-space: nowrap;
}

.hp_copyright {
  padding: 13px 5%;
  background: #f15d2a;
  color: #fff;
  text-align: center;
  font-size: 10px;
  font-weight: 600;
}
@media (max-width: 1200.5px) {
    .hp_footer_box h3{
        font-size:18px;
    }
    .hp_footer_box p, .hp_footer_box a{
        font-size:10px;
    }
}
@media (max-width: 991.5px) {
    .hp_footer_company h4 {
        font-size:20px;
    }
  .hp_footer_box {
    border-right: 0;
    padding: 0;
    margin-bottom: 30px;
    min-height: auto;
  }
     .hp_footer_box p, .hp_footer_box a{
        font-size:16px;
    }

  .hp_footer_company_wrap {
    gap: 36px;
  }

  .hp_footer_logo_box {
    min-height: auto;
    margin-bottom: 38px;
  }

  .hp_footer_sitemap {
    padding-left: 0;
  }
}

@media (max-width: 767.5px) {
  .hp_footer .container-fluid {
    padding: 38px 6% 28px;
  }

  .hp_footer_company_wrap {
    display: block;
  }

  .hp_footer_company {
    width: 100%;
    margin-bottom: 20px;
  }

  .hp_footer_box h3 {
    font-size: 20px;
    margin-bottom: 24px;
  }

  .hp_footer_box p,
  .hp_footer_box a {
    font-size: 16px;
    margin-bottom: 18px;
  }

  .hp_footer_reach > h3 {
    text-align: left;
  }
}
