@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap&subset=japanese");

@font-face {
    font-family: 'HGGyoshotai';
    src: url('../fonts/HGGyoshotai-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


body {
    font-family: "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
    font-size: 16px;
    line-height: 28px;
    color: #333;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02em;
}
a{
    color: #e60012;
    transition: all .3ms ease;
}

.row,
.row-30{
    --bs-gutter-x: 30px;
}
.row.g-0{
    --bs-gutter-x: 0;
}
.mb-0{
    margin-bottom: 0;
}





.page-contact h2,
.page-about-us h2,
.inten-title {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 16px;
    line-height: 50px;
    color: #000;
}
.inten-title span,
.inten-title strong{
    color: #e60012;
}
.inten-title strong,
.inten-title span{
    font-size: 110%
}
.section-about .inten-title {
    margin-bottom: 20px;
}

.inten-box-title{
    max-width: 1025px;
    margin: 0 auto;
}

.download-title {
    font-size: 26px;
    line-height: 36px;
}


.sub-title-2 {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    color: #ad1111;
    position: relative;
    margin-bottom: 0;
}


.inten-title-2 {
    font-size: 30px;
    line-height: 36px;
    font-weight: bold;
    margin-bottom: 30px;
}


.line-title {
    border-bottom: 5px solid #cdcdcd;
    padding-bottom: 10px;
    display: inline-block;
    position: relative;
}

.line-title::before {
    content: '';
    position: absolute;
    width: 20%;
    background-color: #ad1111;
    height: 5px;
    left: 0;
    bottom: -5px;

}

.inten-title-2 strong {
    color: #e60012;
    letter-spacing: 2px;
}

/*.page-contact h2,*/

/*.title-circle {*/
/*    position: relative;*/
/*    padding-bottom: 25px*/
/*}*/

/*.page-contact h2::after,*/

/*.title-circle::after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    width: 35px;*/
/*    height: 12px;*/
/*    background: radial-gradient(circle, #ad1111 50%, transparent 66%) left center, radial-gradient(circle, #e60012 50%, transparent 66%) right center;*/
/*    background-size: 12px 12px;*/
/*    background-repeat: no-repeat;*/
/*    left: 50%;*/
/*    transform: translateX(-50%);*/
/*}*/


/*.page-about-us .about-content-company h2::after,*/
/*.title-circle.title-circle-white::after{*/
/*    background: radial-gradient(circle, #ad1111 50%, transparent 66%) left center, radial-gradient(circle, #e60012 50%, transparent 66%) right center;*/
/*    background-size: 12px 12px;*/
/*    background-repeat: no-repeat;*/
/*}*/


.page-about-us .about-content-company h2::after,
.title-circle.title-left::after{
    left: 0;
    transform: none;
}

img {
    width: auto;
    height: auto;
    max-width: 100%;
}

.inshokuten-breadcrumbs {
    padding: 15px 0;
    font-size: 16px;
    line-height: 24px;
    border-bottom: 1px solid #cdcdcd;
}

.inshokuten-breadcrumbs p {
    margin-bottom: 0;
}

.inshokuten-breadcrumbs a{
    color: #e60012;
    text-decoration: none;
}

.section {
    padding-bottom: 50px;
}

.section-content {
    margin-top: -50px;
    padding: 50px 0 100px;
    background-color: #fff;
    border-radius: 50px 50px 0 0;
}

.section-news.section-content {
    padding: 50px 0 50px;
}

.section-news .box-news .box-news-item:first-child{
    border-top: 1px dotted #ccc;
}

/**PC-Header-star**/

.header-inshokuten-ev {
    position: sticky;
    width: 100%;
    transition: all 0.3s ease;
    z-index: 9;
    background: #fff;
}

.header-inshokuten-ev.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.admin-bar .header-inshokuten-ev.is-sticky {
    top: 32px;
}

.header-placeholder {
    display: block;
    width: 100%;
}


.header-main {
    padding: 10px 0;
}

.header-inshokuten-ev .header-main {
    transition: padding 0.3s ease;
}

.header-inshokuten-ev .header-bottom .menu>li>a {
    transition: line-height 0.3s ease;
}

.header-inshokuten-ev.is-sticky .header-main {
    padding: 5px 0;
}

.header-inshokuten-ev.is-sticky .header-bottom .menu>li>a {
    line-height: 50px;
}


.logo img {
    width: auto;
    height: auto;
    max-width: 100%;
}

.header-box-button {
    display: flex;
    justify-content: right;
    align-items: center;
    gap: 15px;
}

.header-box-button .header-tel-icon {
    border: 1px solid #e60012;
    border-radius: 50%;
    width: 33px;
    height: 33px;
    padding: 8px;
    /* animation: shake 0.6s infinite; */
}


.header-box-button .header-hotline a {
    text-decoration: none;
    align-items: center;
    display: flex;
    gap: 5px;
    color: #000;
    font-size: 32px;
    font-weight: bold;
}

/*PC-header-contact-button-star*/
.a-button.button-icon-contact {
    background-color: #e60012;
    border-radius: 44px;
    height: 44px;
    width: max-content;
    min-width: auto;
    gap: 15px;
    padding: 0 10px 0 15px;
    font-weight: bold;
}

.a-button.button-icon-contact span {
    line-height: 44px;
    font-size: 18px;
}

.a-button.button-icon-contact .a-icon-circle {
    height: 26px;
    width: 26px;
}

.a-button.button-icon-contact .a-icon-circle:before,
.a-button.button-icon-contact .a-icon-circle:after {
    height: 33px;
    width: 33px;
}

.a-button.button-icon-contact .a-icon-circle span {
    height: 15px;
    width: 15px;
}

.a-button.button-icon-contact .a-icon-circle span:before,
.a-button.button-icon-contact .a-icon-circle span:after {
    height: 15px;
    width: 15px;
}

.a-button.button-icon-contact .a-icon-circle span._mail:before,
.a-button.button-icon-contact .a-icon-circle span._mail:after {
    background-image: url(../images/email.png);
}

.button-after-content {
    margin: 50px 0 0;
}

.button-after-content .a-button {
    margin: 0 auto;
    padding: 25px 15px;

}

.button-after-content .a-button:hover .a-icon-circle::after,
.button-after-content .a-button:hover .a-icon-circle::before {
    transform: translate(-50%, -50%) rotate(-180deg);
}

.button-after-content .a-button .a-icon-circle span._arrow_right_red::before {
    opacity: 0;
    transform: translateX(120%) scale(-1);
    transition: all .4s ease-in-out;
}

.button-after-content .a-button .a-icon-circle span._arrow_right_red::after {
    opacity: 1;
    transform: translateX(0) scale(-1);
    transition: all .4s ease-in-out;
}

.button-after-content .a-button:hover .a-icon-circle span._arrow_right_red::before {
    opacity: 1;
    transform: translateX(0) scale(-1);
}

.button-after-content .a-button:hover .a-icon-circle span._arrow_right_red::after {
    opacity: 0;
    transform: translateX(-120%) scale(-1);
}



/*Pc-Menu-star*/
.header-bottom {
    border-top: 1px solid #cdcdcd;
}

.header-bottom .menu {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 20px;
}

.header-bottom .menu>li {
    padding: 0 15px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.header-bottom .menu>li:not(:last-child):before {
    content: '';
    width: 2px;
    height: 15px;
    background-color: #ccc;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.header-bottom .menu>li>a {
    text-decoration: none;
    color: #000;
    line-height: 50px;
    transition: all 0.3ms ease;
}

.header-bottom .menu>li.menu-item-has-children {
    padding-right: 40px;
}

.header-bottom .menu-item-has-children::after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    border: 5px solid transparent;
    border-top-color: currentColor;
    margin-top: 3px;
}

.header-bottom .menu>li>a:hover {
    color: #e60012;
}

.header-bottom .menu>li .sub-menu {
    list-style: none;
    position: absolute;
    z-index: 9;
    background: #FFFFFF;
    min-width: 220px;
    left: -5px;
    text-align: left;
    /*display: none;*/
    padding: 0;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    height: 0;
}

.header-bottom .menu>li .sub-menu li {
    padding: 0 20px;
    transition: all .3ms ease;
}

.header-bottom .menu>li .sub-menu a {
    text-decoration: none;
    line-height: 35px;
    color: #000000;
    padding: 5px 0;
    display: block;
}

.header-bottom .menu>li .sub-menu li:hover {
    background: #e60012;
}

.header-bottom .menu>li .sub-menu li a:hover {
    color: #FFFFFF;
}

.header-bottom .menu>li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    height: auto;

}

/****Mobile=Header-star******/
.menu-mobile {
    padding: 40px 0;
    background-color: #000;
    color: #FFFFFF;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    transform: translateX(-100%);
    transition: all .3s ease;
}

.menu-mobile ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.menu-mobile ul li>a {
    text-decoration: none;
    color: #FFFFFF;
    padding: 10px 0;
    display: block;
}

.menu-mobile ul li>a {
    margin-bottom: 0;
    text-decoration: none;
    transition: all 3ms ease;
    background: linear-gradient(#ffffff, #ffffff);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 1px;
}

.menu-mobile ul li a:hover {
    animation: textLineTo .6s cubic-bezier(.455, .03, .515, .955);
}

.menu-mobile ul li.menu-item-has-children {
    position: relative;
}

.menu-mobile .submenu-toggle {
    top: 2px;
    position: absolute;
    right: 0;
    background: transparent;
    border: 0;
}

.menu-mobile .submenu-toggle svg {
    width: 25px;
    height: 25px;
    transform: rotate(90deg);
    transform-origin: center;
}

.menu-mobile .submenu-toggle svg path {
    stroke: #ffffff;
}

.menu-mobile ul .sub-menu {
    height: 0;
    opacity: 1;
    visibility: hidden;
    /*transition: all 0.4s ease;*/
}

.menu-mobile ul li.active>.sub-menu {
    height: auto;
    opacity: 1;
    visibility: visible;

}

.menu-mobile ul li.active>.submenu-toggle {
    transform: rotate(180deg);
}

.menu-mobile.active {
    opacity: 1;
    visibility: visible;
    z-index: 999;
    width: 100%;
    transform: translateX(0);
}

.header-navbar span {
    width: 28px;
    border: 1px solid #000000;
    display: block;
    height: 1px;
    margin-bottom: 7px;
}

.header-navbar span:last-child {
    margin-bottom: 0;
}

.header-navbar.active span:first-child {
    transform: rotate(45deg);
    position: absolute;
}

.header-navbar.active span:nth-child(2) {
    transform: rotate(-45deg);
}

.header-navbar.active span:last-child {
    display: none;
}


/*section-banne-star*/
.section-banner {
    position: relative;
    padding-bottom: 0;
    margin-bottom: 50px;
    overflow: hidden;
}

/*.banner-video {*/
/*    position: relative;*/
/*    padding-top: 750px;*/
/*}*/

.banner-video video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
}

/*banner-slide=star*/
.banner-top-slide .swiper-slide {
    position: relative;
    overflow: hidden;
}

.banner-top-slide .swiper-slide img {
    transform: scale(1.5);
    transition: transform 8s ease;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-top-slide .swiper-slide.swiper-slide-active img {
    transform: scale(1);
}

.banner-top-slide .swiper-slide img {
    width: 100%;
}

/*banner-box-content-text*/
.container-banner {
    position: absolute;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    max-width: 1700px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 15px;
}

.banner-box-content {
    position: relative;
    z-index: 1;
    padding: 235px 0;
    max-width: 51%;
    text-align: left;

}

.banner-content h1 {
    font-family: "M PLUS Rounded 1c", sans-serif;
    line-height: 70px;
    margin-bottom: 30px;
    color: #fff;
    font-size: 40px;
    font-weight: 800;
    /* text-shadow: 0 6px 20px rgba(0, 0, 0, .45); */

}

.banner-content h1 strong {
    color: #fff;
    font-size: 45px;
    font-weight: 900;
    position: relative;
    font-style: normal;
    background: linear-gradient(180deg,
    #fdeaeb 10%,

    #e60012 30%,
    #ffeeee 100%,
    #ad1111 40%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}

.banner-content {
    font-size: 32px;
    color: #fff;
}

.banner-button {
    margin-top: 30px;
}

.banner-content p strong {
    background-color: #fdeaeb;
    color: #000;
    padding: 0 10px 3px;
    opacity: 0.8;
    border-radius: 5px;
}



.banner-button {
    opacity: 1;
    transform: translateY(10px);
    transition: all 0.6s ease;
    animation: showHtml 0.6s ease forwards;
    animation-delay: 8s;
}

/*banner-product-star*/
.banner-box-product {
    display: flex;
    gap: 70px;
    justify-content: end;
    max-width: 550px;
    position: absolute;
    right: 20px;
    bottom: 0;
}

.banner-box-product .product01 {
    margin-bottom: -170px;
}

.banner-box-product .banner-pro img {
    width: 100%;
    height: 100%;
    max-width: 310px;
}

.banner-button .a-button.button-icon-banner {
    height: auto;

}

/*other-banner-top*/

.banner-content-top {
    padding: 60px 0;
    background-color: rgb(173, 17, 17);
    color: #fff;
    font-weight: bold;
    position: relative;
    overflow: hidden;
}

.banner-content-top h1 {
    display: inline-block;
    font-weight: bold;
}

.banner-content-top::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 250%;
    z-index: 1;
    background: url("../images/background-banner-tin-tuc.png") repeat;
    background-size: contain;
    opacity: .3;
    pointer-events: none;
    animation: moveBg 150s linear infinite;
}
.banner-content-top .sub-title-banner {
    font-size: 18px;
    margin-bottom: 10px;
}

@keyframes moveBg {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 0 1000px;
    }
}


/*section-pain-point-star*/
.section-pain-point{
    padding-bottom: 100px;
}
.section-pain-point .box-point {
    border: 1px solid #e60012;
    border-radius: 50px;
    margin-bottom: 30px;
    padding: 15px;
    min-height: 100px;
    box-shadow: 0 6px 0 rgba(230, 0, 18, 1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-pain-point .box-point p {
    margin-bottom: 0;
}


.desc-point {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    max-width: 85.333%;

}

.line,
.desc-point a {
    text-decoration: none;
    color: #e60012;
    font-weight: bold;
    font-size: 20px;
    border-radius: 80% 50% 60% 5%/80% 75% 15% 75%;
    background: linear-gradient(transparent 70%, #fff8d2 60%);
    line-height: 36px;
}

.desc-point a:hover {
    text-decoration: underline;

}
.desc-point *:last-child{
    margin-bottom: 0;
}
.box-img-painpoint {
    text-align: center;
}

.box-img-painpoint img {
    max-width: 300px;
}

/******scrollDown-star********/

.section-scrollDown {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 40px;
}

.scrollDown {
    width: 45px;
    height: 70px;
    border: #454545 solid 1px;
    border-radius: 30px;
    display: flex;
    justify-content: center;
}

.scrollDown span {
    background-color: #000000;
    width: 5px;
    height: 10px;
    border-radius: 30px;
    margin-top: 10px;
    position: relative;
}

.scrollDown span::before {
    position: absolute;
    content: '';
    width: 15px;
    height: 15px;
    border: none;
    border-right: 2px solid #000000;
    border-top: 2px solid #000000;
    transform: translateY(-10px) rotate(135deg);
    left: -6px;
    margin-top: 10px;
    opacity: 0;
    animation: ani 1.8s infinite linear;
}

.scrollDown span::after {
    position: absolute;
    content: '';
    width: 15px;
    height: 15px;
    border: none;
    border-right: 2px solid #000000;
    border-top: 2px solid #000000;
    transform: translateY(-10px) rotate(135deg);
    left: -6px;
    margin-top: 10px;
    opacity: 0;

    animation: ani 1.8s infinite linear;
    animation-delay: 0.8s;
}

@keyframes ani {
    0% {
        margin-top: 10px;
        opacity: 0;
    }

    50% {
        margin-top: 25px;
        opacity: 1;
    }

    100% {
        margin-top: 40px;
        opacity: 0;
    }
}

.section-about {
    background: linear-gradient(106deg, rgb(213 0 27 / 7%), rgb(255 0 0 / 10%), rgb(255 74 74 / 67%));
}


.col-image-about img {
    max-width: 550px;
}

.text-about-home {
    font-size: 22px;
    line-height: 36px;
}

.col-text-about {
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.text-about-home {
    margin-bottom: 20px;
}

.about-box-content-img img {
    border: 3px solid #a3a49e;
}

/*section3-strong-point-star*/
.section.section-strong-point {
    margin-bottom: 130px;
}


.box-number .box-number-item {
    position: relative;
    padding-left: 45px;
    margin-bottom: 30px;
}

.box-number .col:last-child .box-number-item {
    margin-bottom: 0;
}

.box-number-item .box-content-point {
    border: 2px solid #e60012;
    padding: 20px 15px 20px 60px;
    border-radius: 15px;
    background-color: #fdeaeb;
    font-size: 18px;
}

.box-content-point .text-point-title {
    font-size: 22px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 10px;
    font-weight: bold;
    color: #000;
}

/***animation   ****/
@keyframes spin {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.box-number .number-point {
    width: 90px;
    height: 90px;
    border: 1px solid #e60012;
    border-radius: 50%;
    background-color: #e60012;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 50px;
    color: #ffffff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;

}

.box-number .number-point:before {
    content: '';
    width: 75px;
    height: 75px;
    border: 2px dashed #ffffff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: spin 30s linear infinite;
    display: block;
}

/*Sectuin-Process-star*/
.section-process {
    background-color: #8c0000;
    color: #FFFFFF;
}

.process-content .inten-title {
    margin-bottom: 65px;
    color: #FFFFFF;
}

.process-content .process-content-item {
    background-color: #fff;
    position: relative;
    text-align: center;
    padding: 25px 0 25px;
    color: #000000;
    border-radius: 15px;
}

.process-content .process-desc {
    line-height: 30px;
    font-size: 16px;
    margin-top: 24px;
}
.process-content .process-desc p:last-child{
    margin-bottom: 0;
}
.process-content .process-content-item .process-number {
    width: 76px;
    height: 76px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    top: -32px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 32px;
    font-weight: 600;
    line-height: 32px;
}

.process-content .process-content-item .process-number span {
    position: relative;
    top: 10px;
}

.process-content .process-content-item .process-icon {
    width: 90px;
    height: 90px;
    margin: 0 auto;
    position: relative;
}

.process-content-item .process-title {
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    margin-top: 10px;
}

.process-content .process-label {
    background-image: url("../images/label-free.webp");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 71px;
    height: 81px;
    position: absolute;
    top: -8px;
    left: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    letter-spacing: 5px;
    font-weight: 500;
}

.process-content .process-label span {
    writing-mode: vertical-rl;
    text-orientation: upright;
}

/*Section-project**/
.section-project .inten-title{
    margin-bottom: 20px;
}
.section-project .swiper-pro {
    padding: 10px;
}

.section-project .swiper-button-next,
.section-project .swiper-button-prev {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #333;
    opacity: .5;
    display: flex;
    justify-content: center;
    align-items: center;

}

.section-project .swiper-button-next {
    right: 0;
}

.section-project .swiper-button-prev {
    left: 0;
}

.section-project .swiper-button-next::after,
.section-project .swiper-button-prev::after {
    font-size: 16px;
    color: #fff;
    font-weight: 800;

}

.box-project {
    box-shadow: 0 0 10px 0 rgba(186, 186, 186, 0.52);
    border-radius: 15px;
    padding: 15px;
    background-color: #FFFFFF;
}

.box-project .box-pro-link {
    text-decoration: none;
    color: #000000;
    display: block;
}


.box-project:hover .box-pro-img img {
    transform: scale(1.1);
}

.box-project .box-pro-img {
    padding-top: 52%;
    position: relative;
    overflow: hidden;
    border-radius: 5px 5px 0 0;
}

.box-project .box-pro-img img {
    top: 0;
    left: 0;
    position: absolute;
    object-fit: cover;
    height: 100%;
    width: 100%;
    transition: all .3s ease;
}

.box-project .box-content-pro {
    padding: 15px 0 45px 0;
}

.box-project .box-content-pro .pro-item-title {
    color: #000;
    font-size: 18px;
    font-weight: bold;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.5;
    margin-bottom: 0;
    height: 54px;

}

.box-project .box-content-pro .pro-item-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 15px;
}

.box-project .box-content-pro .pro-item-meta .pro-item-address {
    background-color: #E60012;
    color: #fff;
    border-radius: 5px;
    letter-spacing: 1px;
    padding: 3px 15px;

}

.box-project:hover .box-content-pro .pro-item-title {
    text-decoration: underline;
}


.box-btn-project {
    text-align: right;
}

.pro-view-more .btn-view-more {
    border-radius: 50%;
    width: 35px;
    height: 35px;
    border: 1px solid #e60012;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3px;
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.pro-view-more path {
    fill: #e60012;
}


.section-project .box-view-more .a-button {
    margin: 40px auto 0;
    justify-content: space-between;
    display: flex;
}

.box-pro-link:hover .pro-view-more .btn-view-more {
    border: 1px solid #ffffff;
    background-color: #E60012;
}

.box-pro-link:hover .pro-view-more path {
    fill: #ffffff;
}


/*archive-project*/
.archive-project {
    padding: 50px 0;
}

.archive-project .list-project .list-pro-item {
    margin-bottom: 30px;
}

.archive-project .list-project .list-pro-item .box-project {
    position: relative;
    box-shadow: 0 0 1.625rem 0 rgba(186, 186, 186, 0.52);
}



.inshokuten-breacrumbs p {
    margin-bottom: 0;
    padding: 10px;
}

.inshokuten-breacrumbs a {
    text-decoration: none;
    color: #e60012;
}

/*phan trang*/
.pagination {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.pagination .page-numbers {
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 50%;
    color: #333;
    text-decoration: none;
    width: 33px;
    height: 33px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
}



.pagination .page-numbers.current {
    background: #E60012;
    color: #fff;
    font-weight: bold;
}

.archive-press div.pagination{
    margin-top: 30px;
}

/*Section-download-star*/
.section-download {
    background-color: #fdeaeb;
}

.dwl-button {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
}

.dwl-button+.dwl-button {
    margin-top: 40px;
}

.dwl-button p {
    margin-bottom: 0;
}

.dwl-button .a-button {
    font-size: 26px;
    min-width: 355px;
    font-weight: bold;
}

.a-button .a-icon-circle span._arrow_dwl::before,
.a-button .a-icon-circle span._arrow_dwl::after {
    background-image: url('../images/download.png');
}


.a-button.dwl-btn .a-icon-circle span::before {
    opacity: 0;
    transform: translateY(-120%);
}

.a-button.dwl-btn .a-icon-circle span::after {
    opacity: 1;
    transform: translateY(0);
    transition: all .4s ease-in-out;
}

.a-button.dwl-btn:hover .a-icon-circle span::before {
    opacity: 1;
    transform: translateY(0);
}

.a-button.dwl-btn:hover .a-icon-circle span::after {
    opacity: 0;
    transform: translateY(120%);
}

.a-button .download-img img {
    max-height: 60px;
    max-width: 60px;
    margin-bottom: 20px;
    margin-left: 10px;
}

/*Section-News-star*/
.news-wrap {
    max-width: 900px;
    margin: 0 auto;
}

.box-news a {
    display: inline-block;
    text-decoration: none;
    color: #000;
    width: 100%;
    position: relative;
}

.box-news .box-news-item {
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 16px;
    line-height: 27px;
    border-bottom: 1px dotted #ccc;
    padding: 20px 48px 20px 0;
}

.box-news .meta-cat {
    background: #fdeaeb;
    padding: 0 15px;
    min-width: 84px;
    text-align: center;
    border-radius: 20px;
}

.news-button {
    text-align: end;
    margin-bottom: 30px;
}

.news-button .box-view-more {
    display: inline-block;
}

.mb-news-button {
    display: none;
}

.box-news .box-news-item .title-news {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 0;
    text-decoration: none;
    transition: all 3ms ease;
    font-weight: bold;
    background: linear-gradient(#2f3639, #2f3639);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 1px;
}

.box-news .box-news-item .box-icon-viewmore {
    position: absolute;
    right: 10px;
    transition: all .4s;
}

.box-news .box-news-item .box-icon-viewmore path {
    fill: #e60012;
}

.box-news .box-news-item:hover .box-icon-viewmore {
    right: 0;
}

@keyframes textLineTo {
    0% {
        background-position: 0 100%;
        background-size: 0 1px
    }

    30% {
        background-position: 0 100%;
        background-size: 100% 1px
    }

    70% {
        background-position: 100% 100%;
        background-size: 100% 1px
    }

    to {
        background-position: 100% 100%;
        background-size: 0 1px
    }
}

.box-news .box-news-item:hover .title-news {
    animation: textLineTo .6s cubic-bezier(.455, .03, .515, .955);
}


.box-view-more .a-button {

    line-height: 44px;
    font-size: 18px;
    border-radius: 44px;
    height: 44px;
    width: max-content;
    min-width: auto;
    gap: 15px;
    padding: 0 10px 0 15px;
    font-weight: bold;
    background-color: #fff;
    color: #000;
    border: 1px solid #222222;
}

.box-view-more .a-button:hover {
    border: 1px solid #e60012;
}

.a-button.button-icon-more .a-icon-circle span {
    height: 15px;
    width: 15px;

}

.a-button.button-icon-more .a-icon-circle span:before,
.a-button.button-icon-more .a-icon-circle span:after {
    height: 15px;
    width: 15px;
}

.a-button.button-icon-more .a-icon-circle {
    height: 26px;
    width: 26px;
    background-color: #e60012;
}

.a-button.button-icon-more .a-icon-circle:before,
.a-button.button-icon-more .a-icon-circle:after {
    height: 33px;
    width: 33px;
}

.a-button.button-icon-more .a-icon-circle::before {
    background-image: url('../images/a-button-circle_outer_red01.svg');
}

.a-button.button-icon-more .a-icon-circle::after {
    background-image: url('../images/a-button-circle_outer_red02.svg');
}

/*******************ft-top-star*********************/
.footer-top {
    background-color: #ad1111;
    padding: 50px 0 100px;
    color: #fff;
    position: relative;
    border-radius: 50px 50px 0 0;
}

.back-to-top .back-top-text {
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    color: #000;
}

.back-top-arrow {
    background-color: #ffffff;
    width: 5px;
    height: 10px;
    border-radius: 30px;
    margin-top: 10px;
    position: relative;
}

.back-top-arrow::before {
    position: absolute;
    content: '';
    width: 15px;
    height: 15px;
    border: none;
    border-right: 2px solid #000000;
    border-top: 2px solid #000000;
    transform: translateY(-10px) rotate(-405deg);
    left: -6px;
    margin-top: 10px;
    opacity: 0;
    animation: ani2 1.8s infinite linear;
}


.back-top-arrow::after {
    position: absolute;
    content: '';
    width: 15px;
    height: 15px;
    border: none;
    border-right: 2px solid #000000;
    border-top: 2px solid #000000;
    transform: translateY(-10px) rotate(-405deg);
    left: -6px;
    margin-top: 10px;
    opacity: 0;
    animation: ani2 1.8s infinite linear;
    animation-delay: 0.8s;
}

@keyframes ani2 {
    0% {
        margin-top: -8px;
        opacity: 0;
    }

    50% {
        margin-top: -23px;
        opacity: 1;
    }

    100% {
        margin-top: -38px;
        opacity: 0;
    }
}


.ft-top-title {
    font-weight: bold;
    margin-bottom: 20px;
    color: #fff;
}

.ft-top-box-title p {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 0;
}

.ft-top-content {

    margin-top: 40px;
    background-color: #fff;
    padding: 0 5%;
    border-radius: 40px;
    color: #000;

}

.ft-top-content .ft-top-content-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
    text-align: center;
    padding: 50px 0;
}

.ft-top-content .ft-top-content-wrap .ft-top-item {
    padding-right: 40px;
    border-right: 1px solid #ccc;
}

.ft-top-content .ft-top-content-wrap .ft-top-item .ft-top-img {
    width: 90px;
    margin: -70px auto 10px;
}

.ft-top-content .ft-top-content-wrap .ft-top-item .ft-top-img img {
    width: 100%;
    vertical-align: bottom;
}

.ft-top-content .ft-top-item:last-child {
    border-right: none;
}

.ft-top-content .ft-top-item .footer-top-title {
    font-size: 26px;
    font-weight: 600;
    line-height: 34px;
    margin-bottom: 15px;
}

.ft-top-content .ft-top-item .footer-top-text {
    line-height: 28px;
    margin-bottom: 15px
}

.a-button {
    background-color: #ff0000;
    text-decoration: none;
    height: 64px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    font-weight: bold;
    color: #fff;
    gap: 15px;
    border-radius: 40px;
    width: max-content;
}


.a-button.ft-top-button {
    /*min-width: 320px;*/
    line-height: 64px;
    font-size: 26px;
    box-shadow: 0 0 10px #d1d1d1;

}

.a-button.ft-top-button.ft-top-form {
    background-color: #ffffff;
    color: #000;
    border: 2px solid #ff0000;

}

.a-button.ft-top-button.ft-top-hotline {
    border-radius: 40px;
    font-size: 32px;
    border: 2px solid #fff;
}

.a-button.ft-top-form .a-icon-circle {
    background-color: #ff0000;
}



.a-button .a-icon-circle {
    background-color: #fff;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    display: block;
    position: relative;
}

.a-button .a-icon-circle::after,
.a-button .a-icon-circle::before {
    content: '';
    background-image: url('../images/a-button-circle_outer.svg');
    background-size: cover;
    background-repeat: no-repeat;
    height: 47px;
    width: 47px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0);
    transition: all .4s ease-in-out;

}

.a-button.ft-top-form .a-icon-circle::before {
    background-image: url('../images/a-button-circle_outer_red01.svg');
}

.a-button.ft-top-form .a-icon-circle::after {
    background-image: url('../images/a-button-circle_outer_red02.svg');
}


.a-button .a-icon-circle span {
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
}

.a-button .a-icon-circle span::before,
.a-button .a-icon-circle span::after {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .4s ease-in-out;
    background-repeat: no-repeat;
    background-size: contain;
}


.a-button:hover .a-icon-circle::after,
.a-button:hover .a-icon-circle::before {
    transform: translate(-50%, -50%) rotate(180deg);
    transform-origin: center;
    transition: all .4s ease-in-out;
}

.a-button .a-icon-circle::before {
    opacity: 1;
}

.a-button .a-icon-circle::after {
    opacity: 0;
}

.a-button:hover .a-icon-circle::before {
    opacity: 1;
}

.a-button:hover .a-icon-circle::after {
    opacity: 1;
}


.a-button .a-icon-circle span._arrow_right_red::before,
.a-button .a-icon-circle span._arrow_right_red::after {
    background-image: url('../images/right-arrow.png');
}

.a-button .a-icon-circle span._arrow_right_white::before,
.a-button .a-icon-circle span._arrow_right_white::after {
    background-image: url('../images/right-arrow-white.png');

}

.a-button .a-icon-circle span._tel {
    background-image: url('../images/phone.png');
}

.a-button .a-icon-circle span::before {
    opacity: 0;
    transform: translateX(-120%);
}

.a-button .a-icon-circle span::after {
    opacity: 1;
    transform: translateX(0);
    transition: all .4s ease-in-out;
}

.a-button:hover .a-icon-circle span::before {
    opacity: 1;
    transform: translateX(0);
}

.a-button:hover .a-icon-circle span::after {
    opacity: 0;
    transform: translateX(120%);
}

/**Footer-main-star**/
.footer-main {
    background-color: #f2f2f2;
    border-radius: 50px 50px 0 0;
    margin-top: -50px;
    z-index: 2;
    position: relative;
}

.footer-main .footer-main-wrap {
    padding: 50px 0;
}

.footer-main p {
    margin-bottom: 0;
}

.footer-main img {
    padding: 10px 0;
}

.footer-main ul {
    padding-left: 0;
}

.footer-main ul li {
    list-style: none;
    padding-bottom: 10px;
    font-size: 18px;
}

.footer-main ul li:last-child {
    padding-bottom: 0;
}

.footer-main ul li a {
    text-decoration: none;
    color: #000;
}

.footer-main ul li a:hover {
    text-decoration: underline;
    color: #e60012;
}


.footer-copyright {
    background-color: #333;
}

.footer-copyright p {
    color: #fff;
    font-size: 14px;
    padding: 10px 0;
    text-align: center;
    margin-bottom: 0;
}

/*single-page*/
.press-wrap {
    padding: 70px 0;
}

.page-single-press {
    padding: 50px 0;
    max-width: 900px;
    margin: 0 auto;
}

.page-single-press .press-title {
    text-align: center;
    margin-bottom: 30px;
}

.mb-30{
    margin-bottom: 30px;
}

/**page faqs**/
.page-wrap {
    padding: 50px 0;
}

.box-content-faqs .faqs-title {
    text-align: center;
    font-weight: bold;
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 40px;
}

.faqs-list .faqs-item {
    box-shadow: 8px 8px 13px #00000021;
    margin-bottom: 30px;
    position: relative;
    border-radius: 15px;
    overflow: hidden;
}
.faqs-list .faqs-item:last-child{
    margin-bottom: 0;
}

.faqs-list .faqs-item .title {
    cursor: pointer;
    font-weight: bold;
    display: table;
    width: 100%;
    padding: 30px 60px 30px 30px;
    background-color: #fdeaeb;
}

.faqs-list .faqs-item .title .faqs-q {
    color: #E60012;
    font-size: 30px;
    line-height: .5;
    font-weight: bold;
    display: table-cell;
    width: 50px;
    vertical-align: middle;
}

.faqs-list .faqs-item .faqs-q-txt {
    font-size: 18px;
    line-height: 26px;
    font-weight: bold;
    letter-spacing: 1.6px;
    vertical-align: middle;
    padding-left: 5px;
}

.faqs-list .faqs-item .title::before,
.faqs-list .faqs-item .title::after {
    content: "";
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 1.1em;
    background-color: #E60012;
    transition: all .3s;
}

.faqs-list .faqs-item .title::after {
    transform: translateY(-50%) rotate(90deg);
}

.faqs-list .faqs-item .content,
.faqs-list .faqs-item .title {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
    transition: all .3s;

}

.faqs-list .faqs-item .content {
    font-size: 16px;
    line-height: 24px;
    position: relative;
    overflow: hidden;
    max-height: 0;

}

.faqs-item.active .content {
    max-height: 500px;
    transition: all 2s ease;
}

.faqs-item.active .title::before {
    transform: translateY(-50%) rotate(90deg);
}

.faqs-list .faqs-item .box-faqs-a {
    display: table;
    padding: 30px 60px 30px 30px;
}

.faqs-list .faqs-item .content .faqs-a {
    color: #E60012;
    font-size: 30px;
    line-height: .5;
    font-weight: bold;
    display: table-cell;
    width: 50px;
    vertical-align: middle;
}

.faqs-list .faqs-item .faqs-a-txt {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: 1.6px;
    vertical-align: middle;
    padding-left: 5px;
}

/**Page contact**/

.page-contact .box-contact{
    max-width: 1000px;
    margin: 0 auto;
}

.page-contact .box-contact .wpcf7 {
    margin-top: 30px;
}

.form-list {
    background-color: #F4F4F4;
    padding: 50px 30px;
    list-style: none;
    border-radius: 15px;
}

.form-list .form-item+.form-item {
    padding-top: 10px;
    margin-top: 10px;
}

.form-list .form-item .wpcf7-form-control-wrap {
    margin-top: 5px;
    display: block;
}

.form-list .form-item .box-address,
.form-list .form-item .wpcf7-form-control-wrap {
    width: 69%;
}
.form-list .form-item .box-address .wpcf7-form-control-wrap{
    width: 100%;
}

.form-list .form-item .form-label {
    width: 29%;
    position: relative;
    font-size: 16px;
    line-height: 26px;
    display: block;
    margin-top: 10px;
    font-weight: bold;
    margin-right: 30px;
}

.form-list .form-item .wpcf7-list-item-label {
    padding-left: 5px;
}

.form-list .form-item .form-label.required:before {
    content: '必要';
    background-color: #e60012;
    font-size: 16px;
    color: #fff;
    border-radius: 3px;
    position: absolute;
    top: 0;
    right: 0;
    font-weight: bold;
    padding: 3px 8px 5px;
    line-height: 20px;
}

.form-list .form-item .form-label.no-required:before {
    content: '任意';
    background-color: #d0d0d0;
    font-size: 16px;
    color: #fff;
    border-radius: 3px;
    position: absolute;
    top: 0;
    right: 0;
    font-weight: bold;
    padding: 3px 8px;
    line-height: 20px;
}

.form-list .form-item .wpcf7-form-control.wpcf7-checkbox {
    margin-top: 5px;
    display: block;
    padding: 0;
}


.form-list .form-item .wpcf7-list-item.first {
    margin-left: 0;
}

.form-list .form-item .wpcf7-form-control {
    width: 100%;
    height: 40px;
    border: 0;
    outline: none;
    padding: 10px;
}

.form-list .form-item .box-address .form__select {
    margin: 10px 0;
}

.form-list .form-item .box-address .input-min {
    width: 30%;
    display: block;
}

.form-list .form-item .wpcf7-form-control.wpcf7-textarea {
    height: 150px;
}

.form-list .form-item .form-submit {
    margin: 0 auto;
}

.form-list .form-item .wpcf7-submit {
    background-color: #E60012;
    padding: 10px 15px;
    border-radius: 50px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 16px;
    line-height: 1;
    margin-top: 10px;
    min-width: 165px;
    height: 50px;
}

.form-list .form-item .wpcf7-submit:hover {
    background-color: #fff;
    color: #000;
}
.form-list .wpcf7-spinner{
    position: absolute;
}
.form-list .form-item input[type="checkbox"] {
    width: 22px;
    height: 22px;
    vertical-align: middle;
}

.form-list .form-item .wpcf7-list-item-label {
    vertical-align: middle;
}

.form-list .form-item textarea::-webkit-input-placeholder,
.form-list .form-item input::-webkit-input-placeholder {
    color: #cdcdcd;
    /* Chrome, Safari */
}

.form-list .form-item textarea::-webkit-input-placeholder,
.form-list .form-item input:-moz-placeholder {
    color: #cdcdcd;
    /* Firefox cũ */
}

.form-list .form-item textarea::-webkit-input-placeholder,
.form-list .form-item input::-moz-placeholder {
    color: #cdcdcd;
    /* Firefox mới */
}

.form-list .form-item textarea::-webkit-input-placeholder,
.form-list .form-item input:-ms-input-placeholder {
    color: #cdcdcd;
    /* IE 10+ */
}

.contact-tel-wrap {
    margin: 50px 0 0;
    background-color: #f7f7f7;
    padding: 50px 0;

}

.contact-tel-wrap .box-contact-tel {
    max-width: 1000px;
    margin: 0 auto;
}


.contact-tel-wrap .box-tel {
    background-color: #fff;
    padding: 40px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-radius: 15px;
}

.contact-tel-wrap .tel-title {
    margin-bottom: 30px;
    text-align: center;
}

.contact-tel-wrap .box-tel {
    display: flex;
    gap: 50px;
    align-items: center;
    font-size: 18px;
    line-height: 26px;
}

.contact-tel-wrap .box-tel .tel {
    color: #e60012;
    font-size: 22px;
    line-height: 28px;
    font-weight: bold;
}

.contact-tel-wrap .box-tel .tel a {
    text-decoration: none;
    font-size: 50px;
    font-weight: bold;
    color: #e60012;
    line-height: 1;
    padding-left: 5px;
}

.contact-tel-wrap .box-tel .date {
    padding-left: 20px;
}

.contact-tel-wrap .box-tel .box-text p {
    margin-bottom: 0;
    line-height: 36px;
}

/******page-about****/
.about-us-content {
    margin: 50px 0 0;
}
.about-us-content .entry-content table{
    border: 0;
    background: #fff;
    line-height: 28px;
}

.section-about-us .about-us-wrap {
    position: relative;
    background-color: #fdeaeb;
    border-radius: 30px;
    /*box-shadow: 0px 0px 10px 2px #e5e5e5;*/
}
.about-us-content .entry-content table td,
.about-us-content .entry-content table th{
    border: 0;
    background: #fff;
    padding: 20px 0;
    border-bottom: 1px solid #d8dde3;
}
.about-us-content .entry-content table td{
    padding-right: 0;
}
.about-us-content .entry-content table th{
    padding-left: 0;
}
.about-us-content .entry-content table a{
    color: rgb(51, 51, 51);
}
.about-us-content table img{
    height: 54px;
}

/*.section-about-us .about-us-wrap .row-about-company::after {*/
/*    content: 'About us';*/
/*    position: absolute;*/
/*    right: -15px;*/
/*    top: -35px;*/
/*    writing-mode: vertical-rl;*/
/*    font-size: 70px;*/
/*    color: rgba(0, 0, 0, 0.3);*/
/*    font-weight: bold;*/
/*    line-height: 1;*/
/*}*/

.section-about-us .about-us-wrap .col-bg-about{
    background-position: center bottom;
    background-size: cover;
    height: 100%;
}
.section-about-us .about-us-wrap .col-bg-about,
.section-about-us .about-us-wrap img {
    border-radius: 0 30px 30px 0;
}

.section-about-us .about-us-wrap .col-text {
    padding-right: 10px;
    background-color: #2f3639;
}

/*.section-about-us .about-us-wrap .about-content-company-wrap {*/
/*    position: absolute;*/
/*    z-index: 2;*/
/*    max-width: 46%;*/
/*    top: 50%;*/
/*    transform: translateY(-50%);*/
/*    left: 50px;*/
/*    background-color: #fff;*/
/*    border-radius: 30px;*/
/*    overflow: hidden;*/
/*}*/

.section-about-us .about-us-wrap .about-content-company {
    padding: 40px 10px 40px 40px;
}

.page-about-us .about-us-content h2 {
    margin: 30px auto 10px;
    text-align: center;
}

.section-about-us .about-us-wrap .about-content-company .about-company-text {
    padding-bottom: 30px;
    margin-bottom: 0;
}

.section-about-us .about-us-wrap .about-content-company .btn-about-company {
    margin: 0 auto;
    padding: 28px 18px;
}

.section-about-us .about-us-wrap .about-content-company .btn-about-company span {
    font-size: 26px;
    line-height: 1;
    font-weight: bold;
}


.section-about-us .about-us-wrap .about-content-company .a-button {
    border-radius: 40px;
}
.case-table{
    text-align: center;
}
.entry-content table,
.section-product-spec .inten-table table,
.about-us-content .about-us-content .inten-table table {
    caption-side: bottom;
    border-collapse: collapse;
    width: 100%;
    font-size: 16px;
    margin-bottom: 15px;
}

.entry-content table th,
.section-product-spec .inten-table table th,
.about-us-content .about-us-content .inten-table table th {
    border: 1px solid #bababa;
    background-color: #f5f5f5;
    vertical-align: middle;
    padding: 10px 15px;

}

.entry-content table td,
.section-product-spec .inten-table table td,
.about-us-content .about-us-content .inten-table table td {
    border: 1px solid #bababa;
    background-color: #fff;
    vertical-align: middle;
    padding: 10px 15px;

}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/**Page reason**/

.content-best-partner {
    font-size: 20px;
    line-height: 26px;
}

.button-best-partner-wrap .button-best-partner {
    border-radius: 50px;
    height: auto;
    padding: 15px 70px;
    font-size: 40px;
    line-height: 66px;
    font-weight: bold;
    margin: 30px auto 0;
    --color: #e60012;
    transition: all 0.3ms ease;
    border: 2px solid #ff0000;
    overflow: hidden;
}
.button-best-partner-wrap .button-best-partner span{
    z-index: 1;
    position: relative;
}
.button-best-partner-wrap .button-best-partner::before {
    content: '';
    position: absolute;
    top: -10px;
    bottom: -10px;
    left: -10px;
    right: -10px;
    background-image: linear-gradient(135deg, white 25px, transparent 25px calc(100% - 25px), white calc(100% - 25px));
}
.button-best-partner-wrap .button-best-partner::after {
    content: '';
    position: absolute;
    inset: 0;
    background: #fff;
    transform: translateX(-100%);
    transition: transform .4s ease;
}

.button-best-partner-wrap .button-best-partner:hover::after {
    transform: translateX(0);
}
.button-best-partner-wrap .button-best-partner:hover span{
    color: #000;
}

.box-services-wrap {
    background-color: #fdeaeb;
    padding: 40px;
    border-radius: 15px;
}

.box-services-wrap .title-service {
    font-size: 22px;
    font-weight: bold;
    line-height: 34px;
    color: #000;
    padding-left: 50px;
}

.box-services-wrap .description {
    font-size: 16px;
    line-height: 32px;
}

.list-services .services-item {
    text-align: center;
}

.list-services .services-item .box-content-services {
    padding-left: 80px;
    position: relative;
    margin-top: 20px;
    text-align: left;

}

.list-services .services-item .box-content-services::before {
    content: '';
    top: 0;
    left: 0;
    display: block;
    width: 106px;
    height: 98px;
    position: absolute;
    background-image: url(../images/icon/numb1.png);
    background-repeat: no-repeat;
    background-position: -5px;
}

.list-services .services-item-2 .box-content-services::before {
    background-image: url(../images/icon/numb2.png);
}

.list-services .services-item-3 .box-content-services::before {
    background-image: url(../images/icon/number3.png);
}

.box-title-whychooseus .description-whychooseus {
    font-size: 20px;
    line-height: 30px;
}

.box-title-whychooseus .description-whychooseus p {
    margin-bottom: 0;
}

.box-title-whychooseus .description-whychooseus strong span {
    font-size: 40px;
    color: #e60012 !important;
}

.box-title-whychooseus {
    position: relative;
    text-align: center;
}

.box-title-whychooseus::before {
    content: attr(data-title);
    position: absolute;
    top: 25px;
    font-size: 100px;
    color: #000;
    opacity: 0.03;
    font-weight: bold;
    display: block;
    width: 100%;
    text-align: center;
}

.box-list-reason .box-reason-item {
    margin-top: 100px;
    background-color: #f5f5f5;
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 0 50px;
    margin-left: 10%;
    position: relative;
    margin-right: 50px;
    border-radius: 15px;
}

.box-list-reason .box-reason-item:nth-child(2n) {
    padding-left: 0;
    padding-right: 50px;
    margin-left: 50px;
    margin-right: 10%;
}

.box-reason-item .reason-content {
    flex: 1;
}

.box-reason-item .reason-image {
    flex: 1.2;
    position: relative;
}

.box-reason-item .reason-content {
    position: relative;
}

.box-reason-item .reason-content .reason-header-label {
    display: flex;
    gap: 30px;
    align-items: center;
    font-weight: bold;
    position: relative;
    margin-top: -45px;
}

.box-reason-item .reason-content .reason-label {
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    position: relative;
    padding-left: 32px;
}

.box-reason-item .reason-content .reason-label::before {
    content: '';
    width: 15px;
    height: 50px;
    background-color: #e60012;
    transform: skewX(-20deg);
    position: absolute;
    left: 0;
    bottom: 0;
}

.box-reason-item .reason-header-label .reason-number {
    font-size: 150px;
    font-weight: bold;
    color: transparent;
    line-height: 1;
    position: relative;
    margin-top: -40px;
    -webkit-text-stroke: 1px rgb(230, 0, 18);
}

.reason-content .reason-title {
    font-size: 26px;
    line-height: 36px;
    color: #000;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 30px;
}

.box-reason-item .reason-image img {
    position: relative;
    top: -50px;
    border-radius: 30px 0 30px 0;
    z-index: 1;
    right: -50px;
}

.box-reason-item:nth-child(2n) .reason-image img {
    left: -50px;
}

.box-reason-item:nth-child(2n) .reason-image {
    order: -1;
}

.box-reason-item .reason-image::after {
    content: '';
    position: absolute;
    background-color: #e60012;
    width: 400px;
    height: 100%;
    bottom: 0;
    right: 0;
    clip-path: polygon(30% 0, 100% 0, 100% 100%, 0% 100%);
    border-radius: 0 15px 15px 0;
}

.box-reason-item:nth-child(2n) .reason-image::after {
    left: 0;
    clip-path: polygon(0 0, 100% 0, 70% 100%, 0% 100%);
    border-radius: 15px 0 0 15px;
}



@keyframes scroll-x {
    from {
        transform: translate(0);
    }

    to {
        transform: translate(-50%);
    }
}

.slider-image-our-project-wrap {
    overflow: hidden;
}

.slider-image-our-project-wrap .box-our-project {
    display: flex;
    justify-content: center;
    gap: 20px;
    align-items: center;
    animation: scroll-x 25s linear infinite;
}

.slider-image-our-project-wrap .box-our-project .our-project-item {
    flex: 0 0 calc((100% - 20px * 4)/5);
    display: flex;
    justify-content: center;
}

.slider-image-our-project-wrap:hover .box-our-project {
    animation-play-state: paused;
}

.slider-image-our-project-wrap .box-our-project .our-project-item:nth-child(2n) {
    margin-top: 50px;
}

.slider-image-our-project-wrap .box-our-project .our-project-item img {
    width: initial;
}

/***************page product***************/
.section-product-about .content-product-about{
    margin-bottom: 30px;
}
.section-product-feature .product-feature-item{
    --bs-gutter-y: 30px;
    --bs-gutter-x: 30px;
}
.list-product-feature .product-feature-item .box-product-feature .box-product-feature-img {
    width: 120px;
    height: 120px;
    margin: 0 auto;

}

.list-product-feature .product-feature-item .box-product-feature {
    border: 2px solid #ad1111;
    padding: 15px;
    text-align: center;
    position: relative;
    background-color: #ffffff;
    border-radius: 40px;
    height: 100%;
}

.list-product-feature .product-feature-item .box-product-feature::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #ad1111;
    border-radius: 40px;
    right: -5px;
    bottom: -5px;
    z-index: -1;
}

.list-product-feature .product-feature-item .box-product-feature h3 {
    font-size: 22px;
    line-height: 36px;
    padding: 10px 0;
    margin: 0;
}

@keyframes marquee {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

.product-marquee-wrap {
    width: 100%;
    white-space: nowrap;
    padding: 0 0 80px;
    overflow: hidden;
}

.product-marquee-wrap .box-marquee {
    display: inline-flex;
    animation: marquee linear infinite;
    animation-duration: 20s;
    align-items: center;
    gap: 40px;
    white-space: nowrap;
}

.product-marquee-wrap .box-marquee .marquee-item {
    font-size: 50px;
    line-height: 1;
    font-weight: bold;
    color: #cdcdcd;
}

.product-marquee-wrap:hover .box-marquee {
    animation-play-state: paused;
}

.section_product_infomation {
    background-color: #fdeaeb;
    background-image: url("../images/bg/bg-product.webp");
    background-position: center right;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding-top: 50px;
}

/*.section_product_infomation::after {*/
/*    content: '';*/
/*    width: 45%;*/
/*    background: #a61010;*/
/*    border-radius: 800px 0 0 0;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    right: 0;*/
/*    height: 100%;*/
/*    margin-left: 30px;*/
/*    border-left: 3px solid #fff;*/
/*    border-top: 3px solid #fff;*/
/*}*/


.box-product-color {
    background-color: #fff;
    width: max-content;
    padding: 15px 30px 20px;
    margin-top: 30px;
    border-radius: 30px;
    border-bottom: 3px #ad1111 solid;
}


.list-color-product-infomation {
    display: flex;
    gap: 50px;
    align-items: center;
}

.color-product-infomamtion-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.color-product-infomamtion-item img {
    border: 1px solid #ad1111;
    border-radius: 40px;
    max-width: 50px;
}
.color-product-infomamtion-item p {
    margin: 0;
}
.title_product_infomation{
    font-weight: bold;
}

.product-infomation-image {
    display: flex;
    gap: 30px;
    padding: 0 0 0 50px;
    position: relative;
    z-index: 1;
}
.product-infomation-image img{
    width: calc(50% - 15px);
}

.product-inf-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
}


.content-product-infomation p {

    position: relative;
    padding-left: 28px;
    margin-bottom: 8px;
    line-height: 1.6;
}

.content-product-infomation p::before {
    content: "✔";
    position: absolute;
    left: 0;
    top: -2px;
    color: #ad1111 !important;
    font-size: 16px;
}

.content-product-infomation h3 {
    margin-bottom: 20px;
    color: #e60012;
}

.button-product-image .a-button,
.section-product-plan .a-button {
    border-radius: 50px;
    font-size: 22px;
    padding-left: 30px;
}


.product-image-gallery .product-image-item {
    box-shadow: 0px 0px 10px 2px #e5e5e5;
    padding: 30px 30px 15px;
    border-radius: 15px;
    text-align: center;
    transition: all .3ms ease;
}

.product-image-gallery .product-image-item:hover {
    box-shadow: 0px 0px 10px 2px #9FA3A1;
}

.product-image-gallery .product-image-item p {
    font-size: 22px;
    font-weight: bold;
    margin: 10px 0 0;
    line-height: 30px;
}

.button-product-image {
    margin: 50px auto 0;
    text-align: center;
}

.button-product-image a {
    /*text-decoration: none;*/
    /*color: #fff;*/
    /*background-color: #e60012;*/
    /*padding: 25px 90px;*/
    /*font-size: 28px;*/
    /*font-weight: bold;*/
    /*box-shadow: 0 0 4px 0 #b8b8b8;*/
    /*position: relative;*/
    /*display: inline-block;*/
    /*border-radius: 80px;*/
    /*overflow: hidden;*/
}

/*.button-product-image a::before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: -10px;*/
/*    bottom: -10px;*/
/*    left: -10px;*/
/*    right: -10px;*/
/*    background-image: linear-gradient(135deg, white 25px, transparent 25px calc(100% - 25px), white calc(100% - 25px));*/

/*}*/

/*.button-product-image a::after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    inset: 0;*/
/*    background: #fff;*/
/*    transform: translateX(-100%);*/
/*    transition: transform .4s ease;*/
/*}*/

/*.button-product-image a:hover span {*/
/*    position: relative;*/
/*    color: #000;*/
/*    z-index: 1;*/
/*}*/

/*.button-product-image a:hover::after {*/
/*    transform: translateX(0);*/
/*}*/

.section-product-spec{
    padding-top: 15px;
    padding-bottom: 0;
}

.section-cost-leadtime {
    background-color: #fdeaeb;
}

.section-cost-leadtime .box-section-cost-leadtime {
    padding: 50px 0 0;
}

.cost-lead-wrap {
    text-align: left;
}

.box-pro-cost-leadtime {
    background-color: #fff;
    border-radius: 30px;
}

.box-pro-cost-leadtime .box-pro-cost-leadtime-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    padding: 25px;
    position: relative;
}

.box-pro-cost-leadtime+.box-pro-cost-leadtime {
    margin-top: 30px;
}

.box-pro-cost-leadtime .box-pro-cost-leadtime-item .title-cost-leadtime {
    font-size: 22px;
    line-height: 32px;
}

.box-pro-cost-leadtime .box-pro-cost-leadtime-item .line-h3 {
    border-bottom: 1px solid #ad1111;
    padding-bottom: 5px;
    font-weight: bold;
}

.box-pro-cost-leadtime .box-pro-cost-leadtime-item .content {
    font-size: 16px;
    line-height: 28px;
}

.cost-lead-wrap .box-button-cost-leadtime {
    padding-bottom: 30px;
}

.cost-lead-wrap .a-button.button-icon-contact {
    margin: 0 auto;
}

.content-product-plan {
    max-width: 900px;
    width: 100%;
    height: auto;
    display: block;
    margin: 30px auto;
    border-radius: 6px;
}
.content-product-plan img{
    width: 100%;
}
.section-product-image{
    padding-top: 50px;
    padding-bottom: 0;
}
.section-cost-leadtime .cost-lead-wrap,
.section-product-image .g-5{
    --bs-gutter-y: 30px;
    --bs-gutter-x: 30px;
}


.product-marquee-wrap{
    margin-bottom: 50px;
}
.section-cost-leadtime,
.section-product-plan,
.section_product_infomation{
    padding-bottom: 100px;
}
.section-product-image,
.section-cost-leadtime,
.section-product-spec,
.section_product_infomation{
    margin-top: -50px;
    border-radius: 50px 50px 0 0;
}
.section-product-image,
.section-product-spec{
    position: relative;
    z-index: 1;
    background: #fff;
}


/***************singe post************************/
.page-single {
    padding: 70px 0;
}

.page-single .post-title {
    font-size: 32px;
    line-height: 42px;
    font-weight: bold;
    margin: 0 0 30px;
    color: #000;
}
.page-single .entry-post-thumb{
    margin-bottom: 30px;
}
.page-single .entry-post-thumb img{
    border-radius: 15px;
}
.page-single .entry-meta {
    display: flex;
    gap: 30px;
    align-items: center;
    margin-bottom: 30px;
}

.page-single .entry-meta .entry-meta-date {
    font-weight: bold;
    font-size: 22px;
    line-height: 28px;
}

.page-single .entry-meta .entry-meta-update {
    font-size: 16px;
    line-height: 24px;
}

.page-single .entry-post-thumbnail {
    margin-bottom: 30px;
}
.page-single .entry-post-thumbnail img{
    border-radius: 15px;
}

.cmn-inner01 .wp-block-heading,
.page-single-post .entry-content h2 {
    position: relative;
    padding-bottom: 0.5rem;
    /*border-bottom: 6px solid #ad1111;*/
    background-color: white;
    color: #333;
    font-weight: bold;
    font-size: 26px;
    margin: 40px 0 20px;
    width: fit-content;
    display: block !important;
}
.cmn-inner01 .wp-block-heading:after,
.page-single-post .entry-content h2:after{
    content: "";
    position: absolute;
    bottom: -6px;
    left: 0;
    margin: auto;
    width: 100%;
    height: 6px;
    border-radius: 10px;
    background-color: #ad1111;
}
.cmn-inner01 .wp-block-heading::before,
.page-single-post .entry-content h2:before {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) skew(-25deg);
    height: 12px;
    width: 10px;
    border-right: 6px solid #ad1111;
    background-color: white;
    content: "";
    z-index: 1;
}

.inten-title-h3,
.title-project-gallery,
.page-single-post .entry-content h3 {
    font-size: 22px;
    font-weight: bold;
    line-height: 1.4;
    margin: 40px 0 20px;
    position: relative;
    padding-left: 20px;
}
.inten-title-h3:before,
.title-project-gallery:before,
.page-single-post .entry-content h3:before{
    content: "";
    position: absolute;
    top: 0;
    bottom: -1px;
    left: 0;
    margin: auto;
    width: 7px;
    height: 30px;
    border-radius: 10px;
    background-color: #ad1111;
}

.cmn-inner01 .wp-block-list li::marker,
.page-single-post .entry-content li::marker {
    color: #ad1111;
    font-size: 20px;
}

.entry-content #ez-toc-container {
    padding: 15px;
}

.entry-content #ez-toc-container:not(.toc_close) {
    background-color: #ad1111;
    border-radius: 20px;
}

.entry-content #ez-toc-container:not(.toc_close) p.ez-toc-title {
    color: #ffffff;
}

.entry-content #ez-toc-container:not(.toc_close) .ez-toc-js-icon-con,
.entry-content #ez-toc-container:not(.toc_close).ez-toc-toggle label {
    border-color: #fff;
}

.entry-content #ez-toc-container:not(.toc_close) .ez-toc-js-icon-con svg {
    fill: #fff !important;
    color: #fff !important;
}

.entry-content #ez-toc-container p.ez-toc-title {
    font-size: 22px;
    font-weight: bold;
}

.entry-content #ez-toc-container>nav>ul {
    margin-top: 10px;
    background-color: #fff;
    padding: 15px;
    border-radius: 4px;
}

.entry-content #ez-toc-container ul li a {
    font-size: 100%;
    margin: 2px 0;
}


/***********************widget post*******************************/
.widget.widget_inten_contact_widget {
    background-color: #ad1111;
    overflow: hidden;
    padding: 30px;
    border-radius: 30px;
    margin-bottom: 40px;
}


.widget.widget_inten_contact_widget .widget-title {
    color: #fff;
    font-weight: bold;
    line-height: 32px;
    font-size: 22px;
    padding: 0 !important;
    border: 0 !important;
    text-align: center;

}

.widget.widget_inten_contact_widget a {
    display: block;
    width: 100%;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 20px;
    line-height: 28px;
    font-weight: bold;
    border-radius: 40px;
    transition: all .2s ease;
    padding: 12px 0;

}

.widget.widget_inten_contact_widget a.button-widget-contact {
    background-color: #e60012;
    border: 2px solid #fff;
    color: #fff;
    margin-bottom: 20px;

}

.widget.widget_inten_contact_widget a.button-widget-phone {
    background-color: #fff;
    border: 2px solid #e60012;
    color: #e60012;

}


#sidebar .widget-title {
    font-size: 26px;
    line-height: 32px;
    font-weight: bold;
    margin-bottom: 30px;
    display: block;
    padding-left: 20px;
    position: relative;
}
#sidebar .widget-title:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 10px;
    height: 32px;
    border-radius: 10px;
    background-color: #ad1111;
}
.inten-recent-posts-widget .recent-post-item {
    padding: 20px 0;
    border-bottom: 1px solid #ad1111;
}

.inten-recent-posts-widget .recent-post-item:first-child {
    padding-top: 0;
}

.inten-recent-posts-widget .recent-post-item a {
    display: flex;
    align-items: center;
    gap: 20px;
    text-decoration: none;
}

.inten-recent-posts-widget .recent-post-thumb {
    width: 100px;
    aspect-ratio: 1 / 1;
    flex-shrink: 0;
    border-radius: 8px;
    box-shadow: 0px 10px 32px rgb(0 0 0 / 8%);
    overflow: hidden;
    margin: 0;
    height: fit-content;
}

.inten-recent-posts-widget .recent-post-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.inten-recent-posts-widget .recent-post-content .entry-meta-date {
    font-size: 14px;
    color: #8d8d8d;
}

.inten-recent-posts-widget .recent-post-content .recent-post-title {
    font-size: 16px;
    line-height: 24px;
    color: #000;
    margin: 5px 0 0;
}

.sidebar-project {
    max-width: 326px;
}
.sidebar-project .widget_inten_recent_project_widget {
    border-radius: 25px;
    overflow: hidden;
    box-shadow: 0 0 1.625rem 0 rgba(186, 186, 186, 0.52);

}

.single-content-project .entry-post-thumb img {
    width: 100%;
    object-fit: cover;
}

.sidebar-project .widget_inten_recent_project_widget .widget-title {
    font-size: 26px;
    line-height: 32px;
    font-weight: bold;
    display: block;
    background-color: #AD1111;
    padding: 15px 0;
    text-align: center;
    color: #fff;
}


.sidebar-project .widget_inten_recent_project_widget .inten-recent-project-widget {
    padding: 20px;
}

.sidebar-project .widget_inten_recent_project_widget .recent-project-item {
    margin-bottom: 30px;
    background-color: #fdeaeb;
    border-radius: 15px;
    overflow: hidden;
}

.sidebar-project .widget_inten_recent_project_widget .recent-project-item:last-child {
    margin-bottom: 0;

}

.sidebar-project .widget_inten_recent_project_widget .recent-project-thumb {
    margin-bottom: 5px;
    overflow: hidden;
}

.sidebar-project .widget_inten_recent_project_widget .recent-project-thumb img {
    width: 100%;
    transition: transform 0.3s ease;

}

.sidebar-project .widget_inten_recent_project_widget .recent-project-item a {
    text-decoration: none;
}

.sidebar-project .widget_inten_recent_project_widget .recent-project-item a:hover .recent-project-thumb img {
    transform: scale(1.1);

}

.sidebar-project .widget_inten_recent_project_widget .recent-project-item a .recent-project-title {
    font-size: 16px;
    line-height: 24px;
    color: #000;
    padding: 15px;
    margin-bottom: 0 !important;
}

.single-content-project {
    border-radius: 25px;
    overflow: hidden;
    box-shadow: 0 0 1.625rem 0 rgba(186, 186, 186, 0.52);
    padding: 30px;
    background-color: #FFFFFF;
}

.project-gallery-wrap .swiper-button-prev,
.swiper-button-next {
    color: #ad1111;
}

.project-gallery-img {
    position: relative;
    overflow: hidden;
    padding-top: 120%;
    border-radius: 20px;
}

.project-gallery-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/******page blog******/

.page-wrap.page-blog .post-item {
    margin-bottom: 30px;
}

.page-wrap.page-blog .post-item a {
    text-decoration: none;
}

.page-wrap.page-blog .post-item .post-thumb {
    padding-top: 62%;
    position: relative;
    overflow: hidden;
}

.page-wrap.page-blog .post-item .post-thumb img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}

.page-wrap.page-blog .post-item .post-meta-date {
    font-size: 14px;
    color: #a7a7a7;
    margin: 10px 0;
}

.page-wrap.page-blog .post-item .post-title {
    color: #000;
    font-size: 16px;
    line-height: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: 0.3ms;
}
.page-wrap.page-blog .post-item:hover .post-title {
    color: #E60012;
}

/***************policy************/
.page-wrap.page-privacy-policy .container {
    max-width: 1200px;
}

/*************************Maintenance***********************************************/
.section-about-maintenance{
    overflow: hidden;
}
.page-template-page-maintenance .page-wrap{
    padding-bottom: 0;
}
.page-template-page-maintenance .footer-top{
    margin-top: -50px;
}
.col-conten-about-maintenance .a-button{
    margin-top: 30px;
    font-size: 22px;
}
.section-workflow{
    background: #fdeaeb;
    padding: 50px 0 100px;
}
.step-flow{
    display: flex;
    flex-wrap: wrap;
}
.step-flow .step-fl{
    width: 20%;
    padding: 0 15px;
    text-align: center;
}
.step-flow .step-icon {
    margin-bottom: 30px;
    position: relative;
}
.step-flow .step-fl:not(:first-child) .step-icon:before{
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    left: -25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url("../images/icon/chevron-right-grey.svg") no-repeat;
    background-size: contain;
    background-position: center
}
.step-flow .step-icon img{
    max-width: 113px;
}
.step-flow .step-content h4{
    margin-bottom: 15px;
    margin-top: 0;
    font-weight: 700;
    line-height: 21px;
    font-size: 18px;
    color: #000;
}
.step-flow .step-content p{
    margin: 0;
    font-weight: 400;
    line-height: 24px;
    font-size: 14px;
}

.list-inspection-items .col-box-ins-item{
    margin-top: 30px;
}
.list-inspection-items .box-inspection-item{
    border: 1px solid #cdcdcd;
    border-radius: 15px;
    padding: 30px 20px;
    height: 100%;
}
.title-inspection-item{
    font-weight: bold;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
}
.list-inspection-items .box-inspection-item img{
    max-width: 80px;
    margin: 0 auto;
    display: block;
}
.content-inspection-item ul{
    margin-bottom: 0;
}
.content-inspection-item ul li::marker {
    color: #AD1111;
    font-size: 18px;
}
.content-2col .content-inspection-item ul{
    columns: 2;
    -webkit-columns: 2;
    column-gap: 45px;
    padding-left: 20px;
}

.section-merit-maintenance{
    background: #fdeaeb;
    padding-top: 50px;
}

.list-merit .list-merit-item{
    /*box-shadow: 0px 0px 10px 2px #e5e5e5;*/
    border-radius: 15px;
    border-left: 5px solid #AD1111;
    background-color: #fff;
}
.list-merit .list-merit-item:not(:last-child){
    margin-bottom: 30px;
}
.list-merit .merit-content{
    padding: 20px 50px 5px;
}
.list-merit .merit-content .sub-title{
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    color: #ad1111;
    position: relative;
    margin-bottom: 10px;
}
.list-merit .merit-content .title{
    font-size: 26px;
    line-height: 36px;
    color: #000;
    font-weight: bold;
    margin-bottom: 20px;
}

.list-merit .col-merit-img img{
    max-width: 180px;
    margin: 30px auto;
    display: block;
}

.section-inspection-items{
    padding-top: 50px;
    background: #fff;
}
.section-about-maintenance,
.section-inspection-items,
.section-merit-maintenance{
    padding-bottom: 100px;
}
.section-workflow,
.section-inspection-items,
.section-merit-maintenance{
    margin-top: -50px;
    border-radius: 50px 50px 0 0;
}

/*************************404***********************************************/
.page-404 {
    text-align: center;
    padding: 100px 20px;
}

.page-404 .error-code {
    font-size: 120px;
    font-weight: 700;
    color: #ad1111;
    margin-bottom: 10px;
}

.page-404 .error-title {
    font-size: 20px;
    margin-bottom: 30px;
    color: #ad1111;
}

.page-404 .error-jp {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.page-404 .error-desc {
    font-size: 14px;
    color: #666;
    margin-bottom: 40px;
    line-height: 1.6;
}

.page-404 .btn-back {
    display: inline-block;
    padding: 12px 30px;
    border: 1px solid #ad1111;
    color: #ad1111;
    border-radius: 30px;
    text-decoration: none;
    transition: 0.3s;
}

.page-404 .btn-back:hover {
    background: #ad1111;
    color: #fff;
}
/*************************Reposive***********************************************/
/*min-width-star*/
@media(min-width:992px) {

    .footer2 .menu,
    .footer3 .menu,
    .footer4 .menu {
        margin-top: 90px;
    }
}
@media (min-width: 992px) and (max-width: 1360px){
    /*.footer-main .footer3{*/
    /*    width: 22.666667%;*/
    /*}*/
}
@media(min-width:1024px) {

    /*Header*/
    .header-navbar {
        display: none;
    }

    .header-top-mobile {
        display: none;
    }

    .section-pain-point .box-text-point {
        width: 33.33333333%;
    }

    .mb-tel {
        display: none;
    }

    .form-list .form-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

}

@media(min-width:1200px) and (max-width: 1299px) {
    .section_product_infomation .content-product-infomation h3{
        font-size: 22px;
    }

}
@media(min-width:1200px) {
    .page-wrap.page-faqs,
    .about-us-content .container {
        max-width: 1000px;
        margin: 0 auto;

    }
    .section_product_infomation .product-inf-content{
        padding-right: 0;
    }
    .section-about-us .about-us-wrap img{
        opacity: 0;
    }

    /* reposive-strong-point-star */
    .section-strong-point {
        padding-bottom: 22px;
    }

    .box-number .col {
        margin-bottom: 20px;
    }

    .box-number .box-number-item {
        margin-bottom: 30px;
    }

    .box-number .col:nth-child(2n-1) .box-number-item .box-content-point {
        padding: 20px 65px 20px 20px;

    }

    .box-number .col:nth-child(2n-1) .box-number-item {
        padding-right: 45px;
        padding-left: 0;
    }

    .box-number .col:nth-child(2n-1) .box-number-item .number-point {
        left: inherit;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .box-number .col:nth-child(2n) .box-number-item {
        top: 100px;
    }

    /* reposive-process-star */
    .process-content .col-xl-3 {
        width: 20%;
    }

    .process-content .process-content-item:after {
        content: '';
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #fff;
        position: absolute;
        left: 100%;
        top: 50%;
        transform: translateY(-50%);
        display: block;
    }

    .process-content .col:last-child .process-content-item:after {
        display: none;
    }

    /*page-product*/
    .list-product-feature .product-feature-item {
        width: 20%;
        margin: 30px 0;
    }

}

@media(min-width:1300px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1268px;
    }

    .page-wrap.page-blog .container {
        width: 1200px;
    }

    .archive-project .container{
        max-width: 1200px;
    }

    .section-merit-maintenance .container{
        max-width: 1200px;
    }

    .banner-button .a-button.button-icon-banner {
        height: 75px;
        font-size: 32px;
        padding: 0 20px 0 30px;
        line-height: 75px;
        gap: 30px;
    }
    .banner-button .a-button.button-icon-contact span {
        font-size: 32px;
        line-height: 75px;
    }
    .banner-button .a-button.button-icon-contact .a-icon-circle:before, .banner-button .a-button.button-icon-contact .a-icon-circle:after {
        height: 52px;
        width: 52px;
    }
    .banner-button .a-button.button-icon-contact .a-icon-circle {
        height: 44px;
        width: 44px;
    }
    .banner-button .a-button.button-icon-contact .a-icon-circle span:before, .banner-button .a-button.button-icon-contact .a-icon-circle span:after,
    .banner-button .a-button.button-icon-contact .a-icon-circle span{
        height: 20px;
        width: 20px;
    }
}

@media(min-width:1500px) {
    .page-contact h2,
    .page-about-us h2,
    .inten-title {
        font-size: 32px;
    }
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1470px;
    }

    .header-hotline img {
        width: 51px;
        height: 51px;
    }

    .header-box-button .header-btn-search a {
        width: 51px;
        height: 51px;
    }

    .header-btn-search img {
        width: 35px;
        height: 35px;
    }
    .section-pain-point .box-text-point {
        width: 30%;
    }
    .process-content .process-content-item {
        padding: 45px 0 40px;
    }
    .step-flow .step-fl{
        padding: 0 10px;
    }
}

@media(min-width:1200px) and (max-width:1499px){
    .process-content .process-label{
        width: 40px;
        height: 53px;
        top: -7px;
        font-size: 14px;
    }
    .process-content .process-content-item .process-number{
        font-size: 28px;
        line-height: 30px;
    }
    .process-content-item .process-title {
        font-size: 16px;
    }
}
@media(min-width:768px) {
    .box-pro-cost-leadtime .box-pro-cost-leadtime-item .cost-lead-icon {
        display: contents;
    }
}



/**************************max-widthwidth-Star***************/


@media(max-width: 1750px) {

    /* reposive-section-video-text-star */
    /*.banner-video {*/
    /*    padding-top: 700px;*/
    /*}*/
    .banner-box-content{
        padding: 213px 0;
    }
}

@media(max-width: 1620px) {

    /* reposive-section-video-star */
    /*.banner-video {*/
    /*    padding-top: 650px;*/
    /*}*/
    .banner-box-content{
        padding: 185px 0;
    }

    .col-image-about {
        text-align: center;
    }
}


@media(max-width: 1499px) {

    /* reposive-section-about-star */
    .text-about-home {
        font-size: 18px;
        line-height: 36px;
    }

    /* reposive-section-video-star */
    /*.banner-video {*/
    /*    padding-top: 600px;*/
    /*}*/
    .banner-box-content{
        padding: 170px 0;
    }

    .banner-content h1 {
        font-size: 28px;
        line-height: 40px;
    }
}

@media(max-width: 1450px) {
    /* reposive-section-video-text-star */

    .banner-content h1 {
        font-size: 30px;
        line-height: 40px;

    }

    .banner-content {
        font-size: 22px;
    }
}

@media(max-width: 1380px) {

    /* reposive-section-video-star */
    /*.banner-video {*/
    /*    padding-top: 550px;*/
    /*}*/
    .banner-box-content{
        padding: 145px 0;
    }
}

@media (max-width: 1300px) {

    .header-box-button .header-contact a {
        font-size: 25px;
    }

    .box-title-whychooseus::before {
        font-size: 100px;
        line-height: 1;
    }
    .box-services-wrap .title-service{
        padding-left: 40px;
    }
}

@media(max-width: 1299px) {

    /* reposive-section-about-star */
    .section-about .inten-title {
        font-size: 24px;
        margin-bottom: 20px;
        line-height: 32px;
    }

    .col-image-about img {
        max-width: 450px;
    }

    .list-product-feature .product-feature-item .box-product-feature h3{
        font-size: 18px;
    }

}

@media(max-width: 1270px) {

    /* reposive-section-video-star */
    /*.banner-video {*/
    /*    padding-top: 500px;*/
    /*}*/
    .banner-box-content{
        padding: 145px 0;
    }
}


@media (max-width: 1216px) {

    .header-box-button .header-contact a {
        font-size: 16px;
    }

    .header-box-button .header-hotline span {
        font-size: 26px;
    }

    .header-bottom .menu {
        font-size: 18px;
    }

    .header-bottom .menu>li {
        padding: 0 10px;
    }
}

@media (max-width: 1199px) {
    /*.process-content .process-label{*/
    /*    width: 45px;*/
    /*    height: 56px;*/
    /*    top: -7px;*/
    /*    font-size: 14px;*/
    /*}*/
    .product-marquee-wrap {
        padding-bottom: 60px;
    }

    .section.section-strong-point{
        margin-bottom: 0;
    }
    .list-services .services-item img{
        max-width: 200px;
    }

    .box-pro-cost-leadtime{
        margin: 0;
    }
    .section-about-us .row-about-company .col-lg-7{
        width: 100%;
        order: -1;
    }
    .section-about-us .row-about-company .col-lg-5{
        width: 100%;
    }
    .section-about-us .about-us-wrap .col-bg-about{
        background: none !important;
    }
    .section-about-us .about-us-wrap img{
        border-radius: 30px 30px 0 0;
    }

    .section-about-us .about-us-wrap .about-content-company {
        padding: 40px 30px 50px;
    }

    /* reposive-process-star */
    /* .process-content .row>[class*='col-']:nth-child(-n+3) {
        margin-bottom: 55px;
    } */
    .process-content .row {
        row-gap: 55px;
    }


    /* reposive-section-about-star */
    .section-about .inten-title {
        font-size: 24px;
        line-height: 32px;
    }

    .text-about-home {
        font-size: 16px;
        line-height: 26px;
    }

    .desc-point p br {
        display: none;
    }

    /* reposive-section-video-text-star */
    .banner-content h1 {
        font-size: 29px;
        line-height: 40px;

    }

    .col-image-about img {
        max-width: 400px;
    }

    /*responsive reason*/
    .box-services-wrap {
        padding: 30px;
    }

    .box-services-wrap .title-service {
        font-size: 18px;
        line-height: 28px;
        padding-left: 20px;
    }
    .list-services .services-item .box-content-services::before{
        width: 90px;
        height: 90px;
        background-position: -10px;
    }

    .list-services .g-5 {
        --bs-gutter-y: 2rem;
        --bs-gutter-x: 2rem;
    }

    .box-reason-item .reason-image img {
        top: -30px;
        right: -30px;
    }

    .box-list-reason .box-reason-item {
        padding: 0 0 0 30px;
        margin-left: 30px;
        margin-right: 30px;
    }

    .box-list-reason .box-reason-item:nth-child(2n) {
        margin-left: 30px;
        margin-right: 30px;
        padding-right: 30px;
    }

    .box-reason-item:nth-child(2n) .reason-image img {
        left: -30px;
    }

    /*page-product**/
    .cost-lead-item+.cost-lead-item {
        margin-top: 50px;
    }

    .section_product_infomation::after {
        display: none;
    }

    .product-infomation-image {
        padding: 0;
        margin-top: 50px;
    }

    .section_product_infomation{
        background-position: bottom right;
        background-size: 1500px;
    }

}

@media(max-width: 1163px) {

    /* reposive-section-video-text-star */
    .banner-content h1 {
        font-size: 28px;
        line-height: 40px;
    }

}




@media(max-width: 1128px) {

    /* reposive-section-video-text-star */
    .banner-content h1 {
        font-size: 26px;
        line-height: 34px;

    }

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

    /* reposive-section-video-star */
    /*.banner-video {*/
    /*    padding-top: 450px;*/
    /*}*/
    .banner-box-content{
        padding: 95px 0;
    }
}
@media(max-width: 1055px) {

    /* reposive-section-video-text-star */
    .banner-content h1 {
        font-size: 24px;
        line-height: 34px;

    }

}

@media(max-width: 1030px) {

    /* reposive-section-video-star */
    /*.banner-video {*/
    /*    padding-top: 430px;*/
    /*}*/
    .banner-box-content{
        padding: 85px 0;
    }
}


@media (max-width: 1024px) {
    .press-wrap,
    .page-single {
        padding: 50px 0;
    }
    .banner-box-content {
        max-width: 100%;
        left: 0;
    }
}

@media (max-width: 1023px) {

    .header-bottom,
    .header-btn-search,
    .header-contact,
    .header-hotline {
        display: none;
    }

    /*Mobile-Header-star*/
    .mb-tel {
        z-index: 9999;
    }

    .header-top-mobile {
        padding: 10px 0;
        background: #fdeaeb;
    }

    .header-top-mobile .header-box-button {
        display: flex;
        justify-content: center;
    }

    .header-top-mobile .header-box-button .header-contact a {
        padding: 5px 12px;
        font-size: 22px;
    }

    .header-top-mobile .header-box-button .header-hotline span {
        font-size: 30px;
    }


    .header-top-mobile .header-contact {
        display: block;
    }

    .header-top-mobile .header-hotline {
        display: block;
    }


    .header-main .row {
        align-items: center;
    }

    .container-banner {
        display: none;
    }

    /*
    .section-banner:after {
        display: none;
    } */

    .menu-mobile .header-contact {
        display: block;
        margin-top: 15px;
    }


    /* reposive-form */

    .form-list .form-item .form-label {
        width: 100%;
    }

    .form-list .form-item .form-submit {
        display: block;
        max-width: 300px;
    }

    .form-list .form-item .box-address,
    .form-list .form-item .wpcf7-form-control-wrap {
        width: 100%;
    }

    .form-list {
        padding: 40px 15px;
    }

    .dwl-button .a-button {
        font-size: 22px;
        line-height: 1;
    }

    .list-product-feature .product-feature-item .box-product-feature .box-product-feature-img {
        width: 90px;
        height: 90px;
    }
    .list-product-feature .product-feature-item .box-product-feature h3{
        font-size: 18px;
        line-height: 30px;
        padding: 15px 0 10px;
    }
}

@media (max-width: 991px) {

    .section-about .col-image-about{
        margin-bottom: 30px;
    }
    .section-about .col-text-about{
        text-align: center;
    }

    .about-content-company-wrap,
    .section-about-maintenance .col-conten-about-maintenance,
    .section-about-maintenance .inten-title{
        text-align: center;
    }
    .page-about-us .about-content-company h2::after,
    .section-about-maintenance .title-circle.title-left::after{
        left: 50%;
        transform: translateX(-50%);
    }
    .col-conten-about-maintenance .a-button{
        margin-left: auto;
        margin-right: auto;
    }
    .step-flow .step-fl {
        margin-left: 0;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 25px;
        padding: 0;
    }
    .step-flow .step-icon{
        max-width: 56px;
        min-width: 56px;
        margin-bottom: 0;
    }
    .step-flow .step-icon img {
        height: 56px;
        width: 56px;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .step-flow .step-fl:not(:first-child) .step-icon:before{
        top: -20px;
        left: 50%;
        width: 5px;
        height: 10px;
        -webkit-transform: translateX(-50%) rotate(90deg);
        -ms-transform: translateX(-50%) rotate(90deg);
        transform: translateX(-50%) rotate(90deg);
    }
    .step-flow .step-content {
        margin-left: 20px;
        text-align: left;
        margin-top: 0;
    }
    .step-flow .step-content h4 {
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 5px;
    }



    .list-merit .merit-content{
        padding: 20px 0 5px 30px;
    }

    /* reposive-section-pain-point */
    .box-img-painpoint {
        display: none;
    }

    .desc-point {
        margin-top: 0;
        max-width: 100%;
    }

    /* reposive-section-scrollDown-star */
    .section-scrollDown {
        display: none;

    }

    /* reposive-section-download-star */
    .download-title {
        font-size: 22px;
        line-height: 32px;
    }

    .dwl-button .a-button {
        min-width: 328px;
        height: 55px;
        padding: 0 10px;
    }


    .dwl-button .a-button .a-icon-circle {
        height: 36px;
        width: 36px;
    }

    .dwl-button .a-button .a-icon-circle::after,
    .dwl-button .a-button .a-icon-circle::before {
        height: 40px;
        width: 40px;
    }

    /*reposive-footer-top-star*/
    .ft-top-content .ft-top-content-wrap {
        display: block;
    }

    .ft-top-content .ft-top-content-wrap .ft-top-item {
        padding-right: 0;
        border-right: none;
    }

    .ft-top-content .ft-top-content-wrap .ft-top-item+.ft-top-item {
        margin-top: 60px;
        padding-top: 40px;
    }

    .a-button.ft-top-button {
        margin: 0 auto;
    }


    /* reposive-section-video-star */
    /*.banner-video {*/
    /*    padding-top: 400px;*/
    /*}*/
    .banner-box-content{
        padding: 80px 0;
    }

    /* reposive-form */
    .contact-tel-wrap .box-tel {
        display: block;
    }

    .contact-tel-wrap .box-tel {
        text-align: center;
    }

    .footer1 {
        border-bottom: 1px solid #ccc;
        margin-bottom: 30px;
        padding-bottom: 10px;
    }

    /*resposive reason*/
    .box-list-reason .box-reason-item {
        display: block;
        margin-left: 0;
        margin-right: 0;
        padding: 0 0 0 15px;
    }
    .box-reason-item:not(:nth-child(2n)) .reason-image::after{
        border-radius: 0 0 15px 0;
    }
    .box-reason-item .reason-image {
        margin-top: 70px;
    }

    .box-reason-item .reason-image img {
        z-index: 1;
        right: 0;
        left: -15px;
        top: -30px;
    }

    .box-reason-item .reason-image::after {
        width: 100%;
        height: 115%;
        clip-path: polygon(0 45%, 100% 0, 100% 100%, 0% 100%);
    }

    .box-list-reason .box-reason-item:nth-child(2n) {
        margin-left: 0;
        margin-right: 0;
        padding: 0 15px 0 0;
    }

    .box-reason-item:nth-child(2n) .reason-image img {
        left: 15px;
    }

    .box-reason-item:nth-child(2n) .reason-image::after {
        /* left: -30px; */
        clip-path: polygon(0 45%, 100% 0, 100% 100%, 0% 100%);
    }

    .box-reason-item .reason-header-label .reason-number {
        font-size: 100px;
    }
    .box-reason-item .reason-content .reason-label::before{
        left: 10px;
    }
    .box-list-reason .box-reason-item:nth-child(2n) .reason-content {
        padding-right: 0;
        padding-left: 15px;
    }

    .box-reason-item:not(:nth-child(2n)) .reason-content .reason-desc {
        padding-right: 15px;
    }

    .box-reason-item .reason-content .reason-header-label {
        margin-top: 0;
        top: -15px;
    }

    .reason-content .reason-title {
        margin-top: 0;
    }

    .box-title-whychooseus::before {
        font-size: 80px;
        line-height: 1;
        margin-top: -30px
    }

    .slider-image-our-project-wrap .box-our-project .our-project-item {
        flex: 0 0 calc((100% - 20px * 2)/3);
        display: flex;
        justify-content: center;
    }

    .list-services .services-item .box-content-services {
        padding-left: 50px;
    }

    .list-services .services-item .box-content-services::before {
        top: -10px;
        left: 0;
        width: 90px;
        height: 95px;
        background-position: 0px -5px;
    }

    .box-services-wrap .desc-service {
        padding-left: 50px;
    }

    .box-services-wrap .title-service {
        padding-left: 50px;
        text-align: left;
    }

    /**page-product***/
    .box-pro-cost-leadtime .box-pro-cost-leadtime-item .cost-lead-icon {
        position: absolute;
        top: -50px;
        left: 50%;
        transform: translateX(-50%);
    }

}

@media(max-width: 940px) {

    /* reposive-section-video-text-star */
    .banner-content h1 {
        font-size: 22px;

    }
}

@media(max-width: 925px) {

    /* reposive-section-video-star */
    /*.banner-video {*/
    /*    padding-top: 380px;*/
    /*}*/
    .banner-box-content{
        padding: 72px 0;
    }
}

@media(max-width: 875px) {

    /* reposive-section-video-star */
    /*.banner-video {*/
    /*    padding-top: 360px;*/
    /*}*/
    .banner-box-content{
        padding: 62px 0;
    }

    .page-single .post-title {
        font-size: 22px;
        line-height: 32px;
    }
    .page-single .entry-meta .entry-meta-date {
        font-size: 18px;
        line-height: 28px;
    }
    .cmn-inner01 .wp-block-heading, .page-single-post .entry-content h2{
        font-size: 22px;
    }
    .inten-title-h3, .title-project-gallery, .page-single-post .entry-content h3 {
        font-size: 18px;
    }
    .inten-title-h3:before, .title-project-gallery:before, .page-single-post .entry-content h3:before{
        height: 30px;
    }

    .sidebar-project .widget_inten_recent_project_widget .widget-title,
    #sidebar .widget-title {
        font-size: 22px;
        line-height: 32px;
    }

    .section-pain-point .inten-title {
        font-size: 30px;
        line-height: 40px;
    }
}


@media (max-width: 768px) {
    /*.banner-video {*/
    /*    padding-top: 335px;*/
    /*}*/
    .banner-box-content{
        padding: 50px 0;
    }
}
@media (max-width: 767px) {
    .banner-video {
        padding-top: 320px;
    }
    .list-merit .col-merit-img img,
    .list-services .services-item img {
        max-width: 150px;
    }
    .title-inspection-item{
        text-align: left;
    }
    .list-inspection-items .box-inspection-item img{
        margin: 0 0 20px;
    }
    .list-merit .list-merit-item{
        border-left: 0;
        border-top: 5px solid #AD1111;
    }

    .page-single {
        padding: 50px 0;
    }

    .box-product-color{
        width: 100%;
        padding: 10px 30px;
    }
    .list-color-product-infomation{
        display: block;
    }
    .color-product-infomamtion-item{
        justify-content: left;
    }
    .color-product-infomamtion-item:not(:first-child){
        margin-top: 10px;
    }
    .color-product-infomamtion-item img{
        max-width: 40px;
    }

    /*.section-about-us .about-us-wrap .row-about-company::after {*/
    /*    right: -5px;*/
    /*    font-size: 45px;*/
    /*}*/
    .section-about-us .about-us-wrap .about-content-company .btn-about-company span {
        font-size: 18px;
    }

    .section-product-image, .section-cost-leadtime, .section-product-spec, .section_product_infomation,

    .section-workflow,
    .section-inspection-items,
    .section-merit-maintenance,
    .footer-top, .footer-main,
    .section-content{
        border-radius: 30px 30px 0 0;
    }

    .banner-box-content {
        display: none;
    }

    /*resposive-srong-point-star*/


    .box-number-item .box-content-point {
        padding: 45px 10px 10px 10px;
    }

    .box-number .box-number-item {
        padding-top: 35px;
        padding-left: 0;
    }

    .box-number .number-point {
        position: absolute;
        top: 0;
        transform: translateX(-50%);
        left: 50%;
        width: 70px;
        height: 70px;
        font-size: 40px;
    }

    .box-number .number-point::before {
        width: 60px;
        height: 60px;
    }

    /* reposive-section-dow-star */
    .download-title br {
        display: none;
    }

    .dwl-button {
        display: block;
    }

    .dwl-button .a-button.dwl-button-contact {
        margin-bottom: 40px;
    }

    .dwl-button .a-button {
        width: 100%;
    }

    .dwl-button .a-button+.a-button {
        margin-top: 40px;
    }


    .ft-top-content .ft-top-item+.ft-top-item {
        margin-top: 30px;
    }

    .a-button {
        width: max-content;
        border-radius: 50px;
        margin: 0 auto;
    }

    .a-button.ft-top-button.ft-top-hotline {
        border-radius: 50px;
        gap: 20px;
    }

    /*reposive-banner-secodary-star*/
    .banner-QA {
        margin-top: 30px;
    }

    .box-news .box-news-item {
        flex-flow: row wrap;
    }

    .box-news .box-news-item .title-news {
        max-width: 100%;
        flex-basis: 100%;
    }

    /*reposive-news-button-star*/
    .news-button {
        display: none;
    }

    .mb-news-button {
        margin-top: 30px;
        display: block;
    }

    .slider-image-our-project-wrap .box-our-project .our-project-item {
        flex: 0 0 calc((100% - 20px * 2)/3);
        display: flex;
        justify-content: center;
    }

    .button-best-partner-wrap .button-best-partner {
        font-size: 30px;
        line-height: 50px;
    }

    /**page-product***/

    .box-pro-cost-leadtime .box-pro-cost-leadtime-item .cost-lead-icon {
        display: flex;
        align-items: center;
        justify-content: center;

    }

    .box-pro-cost-leadtime .box-pro-cost-leadtime-item .cost-lead-icon img {
        width: 80px;
        height: 85px;
    }

    .box-pro-cost-leadtime .box-pro-cost-leadtime-item .box-content-text {
        padding-top: 30px;

    }
    .section-cost-leadtime .cost-lead-wrap{
        margin-top: 30px;
    }
    .cost-lead-item:not(:last-child) {
        margin-bottom: 30px;
    }


    .cost-lead-item {
        margin-top: 50px;
    }

    .product-image-gallery .product-image-item p{
        font-size: 16px;
    }
    /*.button-product-image a{*/
    /*    padding: 15px 60px;*/
    /*    font-size: 26px;*/
    /*}*/
    .product-image-gallery .product-image-item{
        padding: 15px;
    }
    .list-product-feature .product-feature-item .box-product-feature .box-product-feature-img {
        width: 90px;
        height: 90px;
    }
    .list-product-feature .product-feature-item .box-product-feature h3 {
        font-size: 18px;
        line-height: 28px;
    }
    .product-marquee-wrap .box-marquee .marquee-item {
        font-size: 60px;
    }
    .button-best-partner-wrap .button-best-partner{
        font-size: 32px;
        padding: 15px 60px;
    }

    .process-content .process-content-item{
        padding: 40px 0 30px;
    }


    .list-product-feature .product-feature-item:last-child{
        width: 100%;
    }

    .section_product_infomation{
        background-size: 1000px;
    }

    .section-about-us .about-us-wrap .about-content-company {
        padding: 30px 15px 50px;
    }

    .box-number-item .box-content-point {
        font-size: 16px;
    }
    .banner-content-top .sub-title-banner {
        font-size: 16px;
    }

    .list-merit .merit-content{
        padding: 20px 20px 5px 20px;
    }

    .section-best-partner .inten-title br{
        display: none;
    }
    .about-us-content .entry-content table th {
        min-width: 115px;
    }
    .about-us-content .entry-content table.table-about-2 th{
        min-width: 165px;
    }
    .about-us-content .entry-content table td, .about-us-content .entry-content table th{
        padding: 10px 15px;
        border: 1px solid #d8dde3;
    }
}

@media(max-width: 735px) {

    /*reposive-section-video-star*/
    .banner-video {
        padding-top: 250px;
    }

}


@media (max-width: 569px) {
    .header-top-mobile .header-box-button .header-contact a {
        font-size: 15px;
    }

    .header-top-mobile .header-box-button .header-hotline span {
        font-size: 20px;
    }

    .header-top-mobile .header-box-button .header-hotline img {
        width: 30px;
        height: 30px;
    }
}

@media (max-width: 575px) {

    .banner-video {
        padding-top: 200px;
    }

    .page-contact h2, .page-about-us h2, .inten-title {
        font-size: 22px;
        line-height: 32px;
    }
    .box-content-point .text-point-title {
        font-size: 18px;
        line-height: 28px;
    }

    /* reposive-section-pain-point-star */
    .section-pain-point .box-point {
        min-height: 74px;
        box-shadow: 0 3px 0 rgba(230, 0, 18, 1);
    }

    /*responsive-reason*/
    .list-services .services-item .box-content-services {
        padding: 0 10px 0 50px;
    }

    .ft-top-content .ft-top-item .footer-top-title{
        font-size: 22px;
        line-height: 32px;
    }

    .a-button.ft-top-button{
        font-size: 22px;
    }

}

@media(max-width: 549px) {
    .list-product-feature{
        margin-left: -10px;
        margin-right: -10px;
        margin-top: 10px;
    }
    .list-product-feature .col{
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 20px;
    }
}
@media(max-width: 490px) {
    .download-title {
        font-size: 18px;
        line-height: 28px;
    }

    .contact-tel-wrap .box-tel {
        padding: 30px 15px;
    }

    .contact-tel-wrap .box-tel .tel a {
        font-size: 36px;
        line-height: 26px;
    }

    .list-services .services-item .box-content-services {
        padding: 0;
    }

    .list-services .services-item .box-content-services::before {
        top: 5px;
        left: -5px;
        width: 73px;
        height: 84px;
        background-position: -10px;
    }

    .box-services-wrap .title-service {
        padding-left: 80px;
    }

    .box-services-wrap .desc-service {
        padding-left: 65px;
    }

    .button-best-partner-wrap .button-best-partner {
        font-size: 26px;
        padding: 15px 35px;
        width: 100%;
        text-align: center;
        display: block;
    }
    .button-product-image .a-button, .section-product-plan .a-button{
        font-size: 18px;
    }
}
@media (max-width: 480px) {
    .max-w-90-mb{
        max-width: 90%;
        margin: 0 auto;
    }
    .max-w-95-mb{
        max-width: 95%;
        margin: 0 auto;
    }
}
@media(max-width: 470px) {

    /* reposive-section-video-star */
    .banner-video {
        padding-top: 180px;
    }

    /* reposive-about-img-star */
    .col-image-about img {
        max-width: 300px;
    }

    /* reposive-page-contact-star */
    .form-list .form-item {
        display: inline-block;
        width: 100%;
    }

    .form-list .form-item .wpcf7-form-control.wpcf7-checkbox {
        margin: 0 -15px;

    }

    .form-list .form-item .wpcf7-list-item {
        width: 50%;
        display: block;
        float: left;
        margin: 5px 0;
        padding: 0 15px;
    }
}




@media (max-width: 440px) {
    /*resposive-section5*/

    .box-news .box-news-item {
        gap: 10px;
        font-size: 16px;
        line-height: 25px;
        padding: 15px 40px 15px 0;
    }

    .box-news .box-news-item .title-news a {
        font-size: 16px;
    }

    .box-news .box-news-item .info-news {
        padding: 0 5px;
        min-width: 90px;
        font-size: 14px;
    }

    .box-news .box-news-item {
        flex-flow: row wrap;
    }

    .content-2col .content-inspection-item ul {
        columns: 1;
        -webkit-columns: 1;
        column-gap: 0;
    }
}

@media(max-width: 415px) {

    /* reposive-section-video-star */
    .banner-video {
        padding-top: 150px;
    }

    .dwl-button .a-button,
    .dwl-button+.dwl-button {
        min-width: 325px;
    }
}


@media (max-width: 400px) {
    .inten-title {
        font-size: 22px;
        /*margin-bottom: 30px;*/
    }

    /*risposive-section-strong-point-star*/
    .box-number .number-point {
        width: 60px;
        height: 60px;
        font-size: 33px;
    }

    .box-number .number-point::before {
        width: 50px;
        height: 50px;
    }

    .box-content-point .text-point-title {
        font-size: 16px;
        line-height: 25px;
    }

    /* reposive-section-footer-top-star */
    .a-button.ft-top-button {
        width: 100%;
        min-width: auto;
        line-height: 64px;
        font-size: 24px;
    }
    .contact-tel-wrap .box-tel .date {
        padding-left: 0;
        font-size: 15px;
        line-height: 20px;
    }
    .contact-tel-wrap .box-tel .box-text {
        font-size: 15px;
        line-height: 20px;

    }
    .button-product-image .a-button, .section-product-plan .a-button{
        font-size: 16px;
    }
}
@media (max-width: 380px) {

    /* reposive-section-dow-star */
    .dwl-button .a-button {
        font-size: 22px;
    }

    .button-best-partner-wrap .button-best-partner {
        font-size: 22px;
        padding: 10px 35px;
    }
    .list-product-feature .col{
        width: 100%;
    }
}

@media (max-width: 388px) {
    .a-button.ft-top-button {
        font-size: 22px;
    }
}

@media (max-width: 364px) {

    /* reposive-section-footer-top-star */

    .a-button.ft-top-button {
        font-size: 20px;
    }
    .a-button.ft-top-button.ft-top-hotline {
        font-size: 24px;
    }

    .footer-main .footer2,
    .footer-main .footer3,
    .footer-main .footer4{
        width: 100%;
    }
}


@media (max-width: 358px) {

    .button-best-partner-wrap .button-best-partner {
        font-size: 18px;
        padding: 7px 20px;
    }
}

@media (max-width: 349px) {
    /* reposive-section-footer-top-star */

    .a-button.ft-top-button {
        font-size: 18px;
    }

    /* reposive-section-video-star */
    .banner-video {
        padding-top: 140px;
    }

    /* reposive-about-img-star */
    .col-image-about img {
        max-width: 280px;
    }

    .download-title {
        font-size: 19px;
        line-height: 30px;
    }

    .dwl-button .a-button,
    .dwl-button+.dwl-button {
        min-width: 300px;
    }

    /* reposive-section-dow-star */
    .dwl-button .a-button {
        font-size: 20px;
    }
}

@media (max-width: 345px) {

    /* reposive-section-footer-top-star */

    .a-button.ft-top-button {
        font-size: 18px;
    }
}

@media (max-width: 330px) {

    /* reposive-section-footer-top-star */

    .a-button.ft-top-button {
        font-size: 16px;
    }

}

@media (max-width: 320px) {

    /* reposive-section-about-star */
    .section-about .inten-title {
        font-size: 22px;
        line-height: 32px;
    }

    .header-top-mobile .header-box-button .header-contact a {
        font-size: 12px;
    }

    .header-top-mobile .header-box-button .header-hotline span {
        font-size: 15px;
    }
    .section-about-us .about-us-wrap .about-content-company .btn-about-company span {
        font-size: 14px;
    }
    .dwl-button .a-button {
        font-size: 16px;
        gap: 10px;
    }
}