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

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

body > br {
    display: none;
}


/*navigation bar*/
.navbar_type8{
    background-color:#ede6de;
    height:100px;
}
.navbar_type8 .logo{
    flex:0 1 30%;
    margin-left:158px;
    overflow:unset;
}
#main_index .navbar_type8 .logo:before{
    position: absolute;
    content: "";
    top: -2vw;
    right: 3vw;
    width: 21vw;
    height: 19vw;
    border-radius: 1000px;
    background-color: #fff;
}
.navbar_type8 .logo img{
    padding: 10px;
    background-color: #fff;
    height: 100%;
    width:15vw;
}
#main_index .navbar_type8 .logo img{
    height: 13vw;
    width:100%;
}
.navbar_type8 .nav_tab{
    flex:0 1 70%;
    padding-right: 5vw;
}

.navbar_type8 .nav_tab .nav_item {
    margin: 0 1.5vw;
}

.navbar_type8 .nav_tab .nav_item::before{
    border-bottom:2px solid #000;
}
.navbar_type8 .nav_tab .nav_item a{
    font-size:1vw;
    font-weight:500;
    text-transform: capitalize;
    padding:15px 0;
    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:#ede6de!important;
}
.navbar_type8.dark_nav .logo:before,
#main_index .navbar_type8.dark_nav .logo:before{
    display: none;
}
.navbar_type8.dark_nav .logo img,
#main_index .navbar_type8.dark_nav .logo img{
    width:15vw;
    height:100%;
}

@media screen and (max-width: 1200.5px){
    .navbar_type8 .nav_tab .nav_item a{
        font-size:1.2vw;
        padding:15px 1.1vw;
    } 
    .navbar_type8 .logo:before{
        right: 1vw;
    }
    
    .navbar_type8 .logo {
        margin-left: 40px;
    }
    
    .navbar_type8 .nav_tab {
        padding-right: 15px;
    }
    .navbar_type8 .nav_tab .nav_item {
        margin: 0 .5vw;
    }
}
/*#main_index .navbar_type8 {*/
/*    height: 250px;*/
/*}*/

/*.navbar_type8 {*/
/*    height: 100px;*/
/*    background-color: #ede6de;*/
/*    border-bottom: 1px solid rgba(0, 0, 0, 0.15);*/
/*    transition: all 0.25s ease-in-out;*/
/*    padding: 0 12%;*/
/*}*/

/*#main_index .navbar_type8 {*/
/*    border-bottom: none;*/
/*}*/

/*.dark_nav {*/
/*    height: 100px!important;*/
/*    background-color: rgb(255,255,255,0.9) !important;*/
/*    border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important;*/
/*}*/

/*.navbar_type8 .logo {*/
/*    margin-left: 0;*/
/*    flex: 0 1 30%;*/
/*}*/

/*#main_index .navbar_type8 .nav_tab {*/
/*    padding-bottom: 8rem;*/
/*}*/

/*.navbar_type8 .nav_tab {*/
/*    padding-right: 0;*/
/*    flex: 0 1 70%;*/
/*    gap: .7vw;*/
/*    padding-bottom: 0rem;*/
/*}*/

/*.dark_nav .nav_tab {*/
/*    padding-bottom: 0rem!important;*/
/*}*/

/*.navbar_type8 .nav_tab .nav_item {*/
/*    text-transform: unset;*/
/*    margin: 7px 1.5vw;*/
/*}*/

/*.navbar_type8 .logo img {*/
/*    width: 100%;*/
/*    padding: 10px 0;*/
/*    object-position: left;*/
/*    transition: all 0.25s ease-in-out;*/
/*}*/

/*#main_index .navbar_type8 .logo img {*/
/*    padding: 0px 0;*/
/*    background-image: url('https://cdn1.npcdn.net/images/website_logo_bg_zpu3is_1769478686.png?md5id=eff273b8ff65204546e793d51f41ab68&new_width=540&new_height=380&type=4');*/
/*    background-repeat: no-repeat;*/
/*    background-size: cover;*/
/*    padding: 0.5vw 2vw 5vw 3.8vw;*/
/*}*/

/*.navbar_type8.dark_nav .logo img {*/
/*    padding: 10px 0!important;*/
/*    background-image: unset!important;*/
/*}*/

/*.navbar_type8 .nav_tab .nav_item a {*/
/*    color: #000;*/
/*    font-size: 1.1vw;*/
/*    padding: 15px 0vw;*/
/*    transition: all 0.35s ease-in-out;*/
/*    font-weight: 600;*/
/*}*/

/*.navbar_type8 .nav_tab .nav_item:hover::before {*/
/*    width: 100%;*/
/*}*/

/*.navbar_type8 .nav_tab .nav_item::before {*/
/*    border-bottom: 2px solid #000;*/
/*}*/

/*@media (max-width: 1200.5px) {*/

/*}*/

/*@media (max-width: 991.5px) {*/
    
/*}*/

/*@media (max-width: 767.5px) {*/
    
/*}*/


/*setting*/

.hp-spacing {
    padding: 0;
}

.hp-title {
    font-size: 35px;
    font-weight: 500;
}

.hp-small {
    font-size: 18px;
    font-weight: 400;
}

.hp-content {
    color: #353535;
    font-size: 18px;
    line-height: 1.8;
}

.hp-button a {
    padding: 3px 3rem 3px 1.2rem;
    background-color: #5b663f;
    border-radius: 500px;
    color: #fff;
    font-size: 18px;
    text-decoration: none;

    display: inline-flex;
    align-items: center;

    transition: background-color .5s ease;
    position: relative;
    z-index: 1000;
}

/* icon */
.hp-button a::before {
    content: "";
    width: 50px;
    height: 50px;
    margin-right: 30px;

    background-image: url("https://cdn1.npcdn.net/images/BUTTON_4_1fta4l_1769485272.png?md5id=eff273b8ff65204546e793d51f41ab68&type=4");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;

    transition: transform .3s ease;
}

/* hover */
.hp-button a:hover::before {
    transform: translateX(6px);
}

.white-wording {
    color: #fff!important;
}



@media (max-width: 1200.5px) {
    
    .hp-title {
        font-size: 32px;
    }
    
    .hp-content {
        font-size: 15px;
    }
    
    .hp-button a {
        font-size: 15px;
    }
    
    
}

@media (max-width: 991.5px) {
    
}

@media (max-width: 767.5px) {
    
}









/*banner*/



.slider_banner_bullet .banner_content {
	overflow: hidden;
	opacity: 1!important
}

.index_wrapper_2 {
    padding-top: 5rem;
    background-color: #ede6de;
}
.hp-banner {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0rem 9rem 0 12rem;
    /*margin-top: -4rem;*/
}

.hp-banner .hp-content {
    font-size: 1vw;
    margin-bottom: .5rem;
}

.hp-banner-big {
    /*font-size: 36px;*/
    font-size:2.5vw;
    padding-right: 10rem;
}

.hp-banner-line {
    width: 32vw;
    height: 1.5px;
    background-color: #000;
    margin: 1rem 0 .8rem;
}

.hp-banner-contact {
    display: flex;
    align-items: center;
    gap: 1rem;
    background-color: #40b9a9;
    width: fit-content;
    padding: 1rem 3rem;
    border-radius: 10px;
}

.hp-banner-contact:hover {
    background-color: #000;
}

.hp-banner-contact-icon {
    width: 40px;          /* or whatever size you want */
    flex-shrink: 0;
}

.hp-banner-contact-icon img {
    width: 100%;
    height: auto;
}


.hp-banner-contact-wording {
    font-size: 19px;
    color: #fff;
}

.banner-three .hp-banner-big {
    padding-right: 6rem;
}

.banner-three .hp-button a {
    background-color: #b25947;
}

.banner-three .hp-banner-left {
    width: 95%;
}

.banner-three .hp-banner a {
    background-color: #b32f2c;
}



.banner-four .hp-banner-big {
    padding-right: 0!important;
    font-size: 2vw;
}

.banner-four {
    padding: 3rem 6rem 0 9rem;
}



.hp-banner-four-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.hp-banner-four-box {
    display: flex;
    align-items: center;
    gap: .5rem;
    background-color: #000;
    padding: 1rem;
    border-radius: 10px;
}

.hp-banner-four-box.box-one {
    background-color: #40b9a9;
}

.hp-banner-four-box.box-two {
    background-color: #2daaff;
}

.hp-banner-four-box.box-three {
    background-color: #b32f2c;
}

.hp-banner-four-box.box-four {
    background-color: #f88b00;
}

.hp-banner-four-title {
    font-size: 1.1vw;
    color: #fff;
}

.hp-banner-four-icon {
    width: 50px;          /* or whatever size you want */
    flex-shrink: 0;
}

.hp-banner-four-icon img {
    width: 100%;
    height: auto;
}

.slider_banner_bullet .slick-prev {
    left: 50px;
}


.slider_banner_bullet .slick-next {
    right: 70px;
}

.slider_banner_bullet .slick-next, 
.slider_banner_bullet .slick-prev {
    top: 35%;
    z-index: 1;
}




.slider_banner_bullet .slick-prev::before {
    background-image: url('https://cdn1.npcdn.net/images/BUTTON_1_bvw4x3_1769478973.png?md5id=eff273b8ff65204546e793d51f41ab68&new_width=1000&new_height=1000&type=4');
    filter: none;
    width: 25px;
    height: 25px;
}

.slider_banner_bullet .slick-next::before {
    background-image: url('https://cdn1.npcdn.net/images/BUTTON_2_ul567v_1769478973.png?md5id=eff273b8ff65204546e793d51f41ab68&new_width=1000&new_height=1000&type=4');
    filter: none;
    width: 25px;
    height: 25px;
}



.slider_banner_bullet .slick-dots {
    left: 170px;
    text-align: left;
}

.slider_banner_bullet .slick-dots li button::after {
    background: rgba(0, 0, 0, 0.5);
}

.slider_banner_bullet .slick-dots li.slick-active button::before {
    color: rgba(0, 0, 0, 0.8);
}

.slider_banner_bullet .slick-dots li button::before {
    color: rgba(0, 0, 0, 0.5);
}

.slider_banner_bullet .slick-dots li.slick-active button {
    color: rgba(0, 0, 0, 0.8); 
}

.slider_banner_bullet .slick-dots li button {
    color: rgba(0, 0, 0, 0.5);
}



@media (max-width: 1200.5px) {
    
    .index_wrapper_2 .item>img{
    	min-height:50vw!important;
    	object-fit:cover;
    }
    .hp-banner {
        padding: 0rem 1rem 0 3rem;
    }
    
    .hp-banner-big {
        padding-right: 0rem;
    }
    
    .hp-banner-contact-wording {
        font-size: 15px;
    }
    
    .hp-banner-contact-icon {
        width: 30px;
    }
    
    .hp-banner .hp-content {
        font-size: 1.3vw;
    }
    
    .banner-three .hp-banner-big {
      padding-right: 0rem;
    }
    
    
    .slider_banner_bullet .slick-prev {
        left: 10px;
    }
    
    
    .slider_banner_bullet .slick-next {
        right: 20px;
    }
    
    .slider_banner_bullet .slick-dots {
        bottom: 0px;
        left: 20px;
    }
    
    
}

@media (max-width: 991.5px) {
    
    .index_wrapper_2 .item>img{
    	min-height:50vw!important;
    	object-fit:cover;
    }
    
      .hp-banner {
        padding: 1rem 1rem 0 3rem;
      }
    
    .index_wrapper_2 {
        padding-top: 0rem;
        background-color: #ede6de;
    }
    
    .hp-banner-contact {
        padding: 1rem 2rem;
    }
    
    .hp-banner .hp-button a {
        padding: 3px 1rem 3px 1.2rem;
    }
    
    .slider_banner_bullet .slick-next, 
    .slider_banner_bullet .slick-prev {
        top: 50%;
    }
}

@media (max-width: 767.5px) {
    .index_wrapper_2 .item>img{
    	min-height:180vw!important;
    	object-fit:cover;
    }
    
      .hp-banner {
    padding: 1.5rem;
  }
    
    .hp-banner-big {
        font-size:25px;
    }
    
    .hp-banner {
        flex-direction: column;
    }
    
    .hp-banner .hp-content {
        font-size: 14px;
    }
      
      
    .hp-banner-right {
         padding-top: 1.5rem;
    }
      
    .banner-three .hp-banner-big {
         padding-right: 0rem;
    }
        
    .banner-four .hp-banner-big {
         font-size:25px;
    }
    
    .hp-banner-four-title {
        font-size: 14px;
    }
    
    
    .slider_banner_bullet .slick-dots {
        left: unset;
        text-align: center;
    }
}









/*about*/

.hp-banner-scroll {
    position: relative;
}

.hp-scroll-icon {
    text-align: center;
    margin-top: -2.2rem;
}

.second-scroll {
    position: absolute;
    right: 7rem;
    top: -5.2rem;
    width: 18px;
}

.hp-scroll-icon img {
    width: 80px;     /* adjust as needed */
    height: auto;
}


.hp-about-whole {
    background-image: url('https://cdn1.npcdn.net/images/B_BG_n341ai_1769478973.jpg?md5id=eff273b8ff65204546e793d51f41ab68&type=4');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.hp-about {
    padding: 4rem 8rem 4rem;
}

.hp-about .hp-title {
    font-size: 32px;
    padding-right: 8rem;
}

.hp-about .hp-button a {
    background-color: #40b9a9;
}

.hp-about-right {
    padding: 0 1rem 0 5rem;
}

.hp-about-line {
    width: 32vw;
    height: 2px;
    background-color: #000;
    margin: 1rem 0 .8rem;
}

.hp-embracing .hp-title {
    font-size: 32px;
}

.hp-embracing {
    padding: 0 8rem 8rem;
}

.hp-embracing .hp-small {
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    padding: .5rem 2rem .5rem 1rem;
    width: fit-content;
    margin: 1rem 0;
}

.hp-embracing-left {
    padding-right: 5rem;
}

.hp-embracing .hp-button a {
    background-color: #2daaff;
}




@media (max-width: 1200.5px) {
    
    .second-scroll {
        right: 1rem;
    }
    
    .hp-about {
        padding: 6rem 2rem 4rem;
    }
    
    .hp-about .hp-title {
        padding-right: 0;
    }
    
    .hp-about-right {
        padding: 0 0;
    }
    
    .hp-embracing {
        padding: 0 2rem 6rem;
    }
    
    .hp-embracing-left {
        padding-right: 0;
    }
}

@media (max-width: 991.5px) {
    
}

@media (max-width: 767.5px) {
    .hp-about-left {
        padding-bottom: 2rem;
    }
    
     .hp-embracing-left {
        padding-bottom: 2rem;
      }
}









/*icon*/

.hp-icon {
    background-image: url('https://cdn1.npcdn.net/images/C_BG_vwxmcy_1769478973.jpg?md5id=eff273b8ff65204546e793d51f41ab68&type=4');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 3rem 8rem;
}

.hp-icon-box {
    display: flex;
    /*justify-content: center;*/
    /*align-items: center;*/
    gap: 1.5rem;
}

.hp-icon-pic {
    width: 140px;        /* pick your size */
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.hp-icon-pic img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.hp-icon-title {
    color: #fff;
    font-size: 28px;
}

.hp-icon .hp-content {
    font-size: 16px;
}

.hp-icon-line {
    width: 22rem;
    height: 1px;
    background-color: #fff;
    margin: 1rem 0 .8rem;
}




@media (max-width: 1200.5px) {
    .hp-icon {
        padding: 4rem 2rem;
    }
    
    .hp-icon-pic {
        width: 100px;        /* pick your size */
        height: 100px;
    }
    
    .hp-icon .hp-content {
      font-size: 15px;
    }
    
    
    .hp-icon-box {
        gap: 1rem;
    }
    
    .hp-icon-line {
        width: 20rem;
    }
}

@media (max-width: 991.5px) {
    
    .hp-icon {
        padding: 4rem 2rem 2rem;
    }
    
    .hp-icon-box {
       padding-bottom: 1.5rem;
    }
}

@media (max-width: 767.5px) {
    .hp-icon-box {
        flex-direction: column;
    }
}









/*services*/

.hp-services {
    padding: 8rem 8rem;
}

.hp-services-pic img {
    border-radius: 20px;
}

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

.hp-services-title a {
    background-color: #000;
    color: #fff;
    padding: 20px 0;
    border-radius: 30px;
    font-size: 18px;
    margin-top: 0rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -3rem;
    position: relative;
    transition: ease .5s;
}

.hp-services-title a:hover {
    background-color: #000!important;
}

.hp-services-box.box-one .hp-services-title a {
    background-color: #40b9a9;
}

.hp-services-box.box-two .hp-services-title a {
    background-color: #2daaff;
}

.hp-services-box.box-three .hp-services-title a {
    background-color: #f88b00;
}

.hp-services-box.box-four .hp-services-title a {
    background-color: #b32f2c;
}

.hp-services-pic img {
    width: 100%;
    display: block;
}



@media (max-width: 1200.5px) {
    .hp-services {
        padding: 6rem 2rem;
    }
    
    .hp-services-title a {
        font-size: 14px;
        padding: 10px 0;
        margin-top: -2rem;
    }
}


@media (max-width: 789.5px) {
    .hp-process-box .hp-content {
        min-height: 240px!important;
    }
}

@media (max-width: 767.5px) {
    .hp-services-title a {
        font-size: 18px;
    }
}









/*program*/


.hp-programs {
    padding: 8rem 8rem 1rem;
    background-color: #f6f5f1;
}

.hp-programs .hp-button a{
    background-color: #f88b00;
}

#main_index .productSlider-1 {
    padding: 0 8rem 8rem;
    background-color: #f6f5f1;
}

#main_index .productSlider-1 .slick-dots li button::before {
    opacity: 1;
}

#main_index .productSlider-1 .slick-dots li.slick-active button::before {
    border-radius: 500px;
    border: 1px solid #000;
}

#main_index .productSlider-1 .product_img .product_box {
    margin: 0;
    border: none;
    background-color: transparent;
}

#main_index .productSlider-1 .slick-track .slick-slide {
    margin: 10px 10px;
    border-radius: 0px;
    box-shadow: none;
    background-color: transparent;
}

#main_index .productSlider-1 .slick-track .slick-slide .align-top, 
#main_index .productSlider-1 .slick-track .slick-slide p {
    display: none;
}

#main_index .productSlider-1 .product_img .product_box h6 {
    text-align: center;
    padding: 0 2rem;
    font-size: 17px;
}

#main_index .productSlider-1 .product_img .slick-prev {
    left: -40px;
}

#main_index .productSlider-1 .product_img .slick-next {
    right: -40px;
}


#main_index .productSlider-1 .product_img .slick-prev,
#main_index .productSlider-1 .product_img .slick-next {
    width: 10px;
    height: 10px;
}

#main_index .productSlider-1 .product_img .slick-prev::before {
    content: "";
    background-image: url('https://cdn1.npcdn.net/images/E_BUTTON_1_2o81yh_1769478974.png?md5id=eff273b8ff65204546e793d51f41ab68&type=4');
    background-repeat: no-repeat;
    padding: 30px;
    background-size: contain;
}

#main_index .productSlider-1 .product_img .slick-next::before {
    content: "";
    background-image: url('https://cdn1.npcdn.net/images/E_BUTTON_2_4myd2v_1769478974.png?md5id=eff273b8ff65204546e793d51f41ab68&type=4');
    background-repeat: no-repeat;
    padding: 30px;
    background-size: contain;
}


@media (max-width: 1200.5px) {
    .hp-programs {
        padding: 6rem 1rem 1rem;
    }
    
    #main_index .productSlider-1 {
        padding: 0 1rem 6rem;
    }
    
    #main_index .productSlider-1 .product_img .slick-prev {
        left: 10px;
    }
    
    #main_index .productSlider-1 .product_img .slick-next {
        right: 10px;
    }
}

@media (max-width: 991.5px) {
    
}

@media (max-width: 767.5px) {
    .hp-programs .hp-button a{
        margin: 1rem 0 1rem!important;
    }
}









/*process*/

.hp-process {
    padding: 8rem 8rem;
    position: relative;
}

.hp-process::before {
    content: "";
    position: absolute;
    left: -4rem;
    top: 10rem;
    width: 13%;
    height: 30%;
    background-image: url(https://cdn1.npcdn.net/images/F_ELEMENT_70xvbg_1769478975.png?md5id=eff273b8ff65204546e793d51f41ab68&type=4);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 100% 0;
}

.hp-process .hp-content {
    text-align: center;
}

.hp-process-pic {
    width: 75%;
    margin: 0 auto 1rem;
}

.hp-process-title {
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    padding: 1rem 0rem;
    line-height: 1;
}

.hp-process-box .hp-content {
    font-size: 16px;
    margin-bottom: 1rem;
    min-height: 150px;
    padding: 0 1rem;
}

html:lang(zh-Hans) .hp-process-box .hp-content {
    min-height: 100px;
}

.hp-process-step {
    color: #fff;
    background-color: #000;
    border-radius: 500px;
    width: fit-content;
    margin: 0 auto;
    padding: 7px 2.3rem;
    font-size: 16px;
}


.hp-process-box.box-one .hp-process-step {
    background-color: #40b9a9;
    position: relative;
}

.hp-process-box.box-one .hp-process-step::before {
    content: "";
    position: absolute;
    left: 116px;
    bottom: 16px;
    width: 190%;
    height: 5%;
    background-color: #d5a195;
    z-index: -1;
    
}

.hp-process-box.box-two .hp-process-step {
    background-color: #2daaff;
    position: relative;
}

.hp-process-box.box-two .hp-process-step::before {
    content: "";
    position: absolute;
    left: 116px;
    bottom: 16px;
    width: 190%;
    height: 5%;
    background-color: #8d9379;
    z-index: -1;
    
}

.hp-process-box.box-three .hp-process-step {
    background-color: #f88b00;
    position: relative;
}

.hp-process-box.box-three .hp-process-step::before {
    content: "";
    position: absolute;
    left: 116px;
    bottom: 16px;
    width: 190%;
    height: 5%;
    background-color: #d5a195;
    z-index: -1;
    
}

.hp-process-box.box-four .hp-process-step {
    background-color: #b32f2c;
}

@media (max-width: 1445.5px) {
    .hp-process-box .hp-content {
        min-height: 240px!important;
    }
    
    html:lang(zh-Hans) .hp-process-box .hp-content {
        min-height: 100px!important;
    }
}

@media (max-width: 1200.5px) {
    
    .hp-process {
        padding: 6rem 1rem;
    }
    
    .hp-process-title {
        font-size: 18px;
    }
    
    .hp-process-box .hp-content {
        font-size: 15px;
    }
    
    .hp-process-box .hp-content {
        min-height: 200px!important;
    }
    
}

@media (max-width: 991.5px) {
    
    
    .hp-process-box.box-one .hp-process-step::before,
    .hp-process-box.box-two .hp-process-step::before,
    .hp-process-box.box-three .hp-process-step::before {
        width: 20vw;
    }
}

@media (max-width: 863.5px) {
    .hp-process-box .hp-content {
        min-height: 330px!important;
    }
}

@media (max-width: 767.5px) {
    
    .hp-process {
        padding: 6rem 1rem 3rem;
    }
    
    .hp-process .hp-title {
        text-align: center;
    }
    
    .hp-process-box {
        padding-bottom: 3rem;
    }
    
    .hp-process-pic {
        width: 40%;
    }
    
    .hp-process-title {
        font-size: 22px;
    }
    
    .hp-process-box .hp-content {
        min-height: UNSET!important;
    }
    
    .hp-process-box.box-one .hp-process-step::before,
    .hp-process-box.box-two .hp-process-step::before,
    .hp-process-box.box-three .hp-process-step::before {
        left: -93px;
        bottom: 16px;
        width: 250%;
        height: 5%;
    }
    
    .hp-process::before {
        display: none;
    }
}









/*area*/


.hp-area {
    background-color: #f6f5f1;
    text-align: center;
    position: relative;
    
    background-image: url('https://cdn1.npcdn.net/images/AREA_BG_zrtfd3_1769522362.jpg?md5id=eff273b8ff65204546e793d51f41ab68&type=4');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}

/*.hp-area::before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    left: -4rem;*/
/*    bottom: 3rem;*/
/*    width: 13%;*/
/*    height: 30%;*/
/*    background-image: url(https://cdn1.npcdn.net/images/G_ELEMENT_2_n8a9u5_1769478975.png?md5id=eff273b8ff65204546e793d51f41ab68&type=4);*/
/*    background-size: contain;*/
/*    background-repeat: no-repeat;*/
/*    background-position: 100% 0;*/
/*}*/

/*.hp-area::after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    right: -3rem;*/
/*    top: 3rem;*/
/*    width: 10%;*/
/*    height: 24%;*/
/*    background-image: url(https://cdn1.npcdn.net/images/G_ELEMENT_2_n8a9u5_1769478975.png?md5id=eff273b8ff65204546e793d51f41ab68&type=4);*/
/*    background-size: contain;*/
/*    background-repeat: no-repeat;*/
/*    background-position: 100% 0;*/
/*}*/

.hp-area-content {
    position: relative;
    right: -50%;
    z-index: 1;
    width: 40%;
    top: 10%;
    padding: 7rem 0 17rem;
    z-index: 999;
}

/*.hp-area-pic,*/
/*.hp-area-pic::before,*/
/*.hp-area::before,*/
/*.hp-area::after {*/
/*    pointer-events: none;*/
/*}*/

/*.hp-area-pic img {*/
/*    pointer-events: none;*/
/*}*/


/*.hp-area-right {*/
/*    position: relative;*/
/*}*/

/*.hp-area-pic {*/
/*    padding: 4rem 20rem 0 8rem;*/

/*}*/

.hp-area-content::before {
    content: "";
    position: absolute;
    right: -5rem;
    top: 11rem;
    width: 26%;
    height: 40%;
    background-image: url(https://cdn1.npcdn.net/images/G_ELEMENT_zm9b5l_1769478975.png?md5id=eff273b8ff65204546e793d51f41ab68&type=4);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 100% 0;
}

.hp-area .hp-title {
    font-size: 32px;
    width: 65%;
    margin: 0 auto .5rem;
}





@media (max-width: 1200.5px) {
    .hp-area-pic {
        padding: 2rem 2rem 0 2rem;
    }
    
    .hp-area .hp-title {
        width: 100%;
    }
    
    .hp-area-content {
        /*padding-top: 6rem;*/
    }
}

@media (max-width: 991.5px) {
    /*.hp-area-content {*/
    /*    position: unset;*/
    /*    width: 100%;*/
    /*}*/
    
    .hp-area-pic {
        padding: 2rem 0rem 0 0rem;
    }
  
    .hp-area-pic::before {
        right: 0rem;
        top: 0rem;
        width: 40%;
        height: 54%;
    }
}

@media (max-width: 767.5px) {
    .hp-area-content {
        position: unset;
        width: 100%;
    }
    
    .hp-area {
        background-size: 160%;
        background-repeat: no-repeat;
        background-position: 20% 100%;
    }
    
    .hp-area-content::before {
        display: none;
    }
    
    .hp-area-content {
        padding: 4rem 0 30rem;
    }
}

@media (max-width: 600.5px) {
    .hp-area-content {
        padding: 4rem 0 20rem;
    }
}




/*why*/

.hp-why {
    /*background-color: #fff2e7;*/
    background: linear-gradient(to top, #fff2e8, #f6f5f1 30%);
    padding: 0rem 6rem 0;
    position: relative;
}

.hp-why::before {
    content: "";
    position: absolute;
    left: -2%;
    top: 0%;
    width: 10%;
    height: 40%;
    background-image: url(https://cdn1.npcdn.net/images/H_ELEMENT_x6mgyn_1769478976.png?md5id=eff273b8ff65204546e793d51f41ab68&type=4);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 100% 0;
}

.hp-why-title {
    font-size: 20px;
}

.hp-why .hp-why-content .hp-content {
    width: 50%;
}

.hp-why-box .hp-content {
    font-size: 16px;
}

.hp-why-content {
    padding: 0px 4rem 1rem 5rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.hp-why-pic {
    width: 70%;
    margin: 0 auto 1rem;
}

.hp-why-box {
    padding: 0 2rem;
}

@media (max-width: 1200.5px) {
    .hp-why {
        padding: 0rem 1rem 0;
    }
    
    .hp-why-title {
        font-size: 18px;
    }
    
    .hp-why-content {
        padding: 0px 0rem 1rem;
    }
    
    .hp-why-box {
        padding: 0;
    }
    
    .hp-why-box .hp-content {
        font-size: 15px;
    }
    
    .hp-why::before {
        left: -3%;
        top: 7%;
    }
    
    
}

@media (max-width: 991.5px) {
    
}

@media (max-width: 767.5px) {
    
    .hp-why {
        padding: 6rem 1rem 0;
    }
    .hp-why-content {
        padding: 0;
        flex-direction: column;
        /*align-items: flex-start;*/
        text-align: center;
    }
    
    .hp-why .hp-why-content .hp-content {
      width: 100%;
    }
    
    .hp-why-pic {
        width: 50%;
    }
    
    .hp-why-title {
        font-size: 20px;
    }
    
    .hp-why-box {
        padding: 1rem 0;
    }
    
    .hp-why::before {
        display: none;
    }
}









/*faq*/

.hp-faq {
    background-color: #fff2e7;
    padding: 8rem 0 8rem 10rem;
}

.hp-faq .hp-button a {
    background-color: #f88b00;
}

.hp-faq-left {
    padding-top: 4rem;
}

.hp-faq-right {
    background-color: #fff;
    padding: 4rem 8rem 4rem 6rem;
    border-radius: 10px 0 0 10px;
    box-shadow: 0 0 14px rgba(0, 0, 0, .1);
}

#main_index .hp-faq .card {
    border: none;
    border-bottom: 1px solid rgba(0,0,0,.5);
}

#main_index .hp-faq .card .card-header {
    background-color: transparent;
    padding: .75rem 0rem;
    border-bottom: 1px solid rgba(0,0,0,.5);
}

#main_index .hp-faq .card .card-header .btn {
    font-size: 1.3rem !important;
    color: #000;
    padding: .375rem 0rem;
    position: relative;
}

#main_index .hp-faq .card .card-header .btn::before {
    content: "+";
    position: absolute;
    right: 1.5rem;
    top: .4rem;
}

#main_index .hp-faq .card .card-body {
    padding: 1.25rem 0;
}



#main_index .hp-faq .card-header .btn:focus,
#main_index .hp-faq .sp-effect-5 .card-header .btn:hover {
    color: #eb0e0e;
    text-decoration: none
}


@media (max-width: 1200.5px) {
    .hp-faq {
        padding: 6rem 0 6rem 2rem;
    }
    
    .hp-faq-right {
        padding: 2rem;
    }
}

@media (max-width: 991.5px) {
    .hp-faq-left {
        padding-top: 0rem;
        padding-bottom: 2rem;
    }
}

@media (max-width: 767.5px) {
    #main_index .hp-faq .card .card-header .btn {
        padding: .375rem 3rem .375rem 0;
    }
}









/*footer*/

.footer_type10 {
    background-color: #fff;
    color: #000!important;
    padding: 1rem 7rem 1rem !important;
    border-top: 2px solid #fff2e7;
}

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

.footer_type10 .sub_title p {
    font-weight: 400 !important;
    padding-bottom: .8rem;
    font-size: 1.3rem;
    position: relative;
}

.footer_type10 .sub_title p::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 20%;
    height: 7%;
    background-color: #000;
}

.footer_type10 .sub_title {
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}

.footer_type10 .text,
.footer_type10 .icon i,
.footer_type10 a,
.footer_type10 .text-light {
    color: #000!important;
}

.footer_type10 a:hover {
    color: #ec1c24!important;
}

.footer_type10 .line_top {
  border-top: 1px solid rgba(0, 0, 0, 0.25);
}

.footer_type10 .social_media a .icon_s i {
    color: #000;
}

.footer_type10 .social_media a .icon_s i:hover {
    color: #ec1c24 !important;
}

@media (max-width: 1200.5px) {
    .footer_type10 {
        padding: 1rem 1rem 1rem !important;
    }
}

@media (max-width: 991.5px) {
    
}

@media (max-width: 767.5px) {
    
}



/**/

.toggle_btn {
    top: 65vh;
}

#index_1_1 .d-none {
   display: block !important;
}

.button_float_custom {
    display: flex;
    flex-direction: column;
    gap: 15px;
    position: fixed;
    left: 25px;
    /*bottom: 50px;*/
    top: 77vh;
    z-index: 999;
}

.float_custom a:hover {
    text-decoration: none;
}

/* WhatsApp button */
.wa_float_custom {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    background-color: #25d366;
    font-size: 30px;
    color: #fff;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: custom_wa_button_pulse 2s infinite;
}

/* Facebook button */
.fb_float_custom {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    background-color: #1877f2;
    font-size: 24px;
    color: #fff;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: custom_fb_button_pulse 2s infinite;
}

@keyframes custom_wa_button_pulse {
    0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.8); }
    70% { box-shadow: 0 0 20px 20px rgba(37, 211, 102, 0); }
    100% { box-shadow: 0 0 20px 20px rgba(37, 211, 102, 0); }
}

@keyframes custom_fb_button_pulse {
    0% { box-shadow: 0 0 0 0 rgba(24, 119, 242, 0.8); }
    70% { box-shadow: 0 0 20px 20px rgba(24, 119, 242, 0); }
    100% { box-shadow: 0 0 20px 20px rgba(24, 119, 242, 0); }
}


@media (max-width: 1200.5px) {

}

@media (max-width: 991.5px) {
    
}

@media (max-width: 677.5px) {
    .fb_float_custom {
        height: 45px;
        width: 45px;
    }
    
    .button_float_custom {
        left: 18px;
        top: 73vh;
    }
}