.form-header-demo1-block {}

            .form-header-demo1-block .inquiry-form {
                position: relative;
                background: #fff;
            }

            .form-header-demo1-block .inquiry-form .form-item {
                position: relative;
                width: 100%;
                padding: .4rem;
                display: flex;
                min-height: auto;
                line-height: 2.8rem;
            }

            .form-header-demo1-block .inquiry-form input,
            .form-header-demo1-block .inquiry-form textarea {
                width: 100%;
                height: 2.8rem;
                padding: 0 10px;
                font-size: 13px;
                border: 1px solid #eee;
                border-left: 3px solid var(--bs-theme-color);
                outline: none;
            }

            .form-header-demo1-block .inquiry-form textarea {
                height: 6.8rem;
                line-height: 1.5;
                padding: 10px;
                resize: none;
            }

            .form-header-demo1-block .inquiry-form .item-submit button {
                width: 100%;
                padding: 0 1rem;
                font-size: 1rem;
            }

            .form-header-demo1-block .inquiry-form .form-checktip {
                width: 100%
            }
        @font-face {
            font-family: "RobotoCondensed-Regular";
            font-style: normal;
            src: url(./fonts/RobotoCondensed-Regular.ttf) format("TrueType");
            font-display: fallback;
        }

        .section-header-wrap-block {
            box-shadow: none !important;
        }

        .section-block-demo31-header .nav {
            align-items: center;
            position: static;
            padding: 0rem 0rem 0rem 175px;
        }

        .section-block-demo31-header .nav>li {
            position: static;
        }

        .section-block-demo31-header .nav .sub-menu {
            width: 100% !important;
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            justify-content: unset;
            padding: 0 !important;
        }

        .section-block-demo31-header .nav .sub-menu .sub-left {
            position: relative;
            width: 35%;
        }

        .section-block-demo31-header .nav .sub-menu .sub-right {
            flex: 1;
            padding: 1rem 70px 1rem;
            position: relative;
        }

        .section-block-demo31-header .nav .sub-menu .sub-right .right-row::after {
            content: "";
            display: block;
            width: 1080px;
            height: 1px;
            background-color: #bac0c5;
            position: absolute;
            top: 114.5%;
            left: 67%;
            transform: translate(-50%, -50%);
        }

        .section-block-demo31-header .nav .sub-menu .sub-right .right-row::before {
            content: "";
            display: block;
            width: 1080px;
            height: 1px;
            background-color: #bac0c5;
            position: absolute;
            top: 37.5%;
            left: 67%;
            transform: translate(-50%, -50%);
        }

        .section-block-demo31-header .nav .sub-menu .sub-right h2 {
            font-family: RobotoCondensed-Regular;
            font-size: 48px;
            color: #1877bc;
        }

        .section-block-demo31-header .nav .sub-menu .sub-right .right-row {
            display: flex;
            justify-content: unset;
            flex-wrap: wrap;
            margin-top: 40px;
            position: relative;
            max-width: 58rem;
        }

        .section-block-demo31-header .nav .sub-menu .sub-right .right-row a {
            font-family: RobotoCondensed-Regular;
            font-size: 20px;
            color: #000000;
            display: block;
            opacity: 0.7;
            position: relative;
            transition: all .3s linear;
            width: fit-content;
        }

        .section-block-demo31-header .nav .sub-menu .sub-right .right-row a::after {
            content: "";
            display: block;
            width: 0%;
            height: 2px;
            position: absolute;
            bottom: -20px;
            left: 0;
            background-color: var(--bs-theme-color);
            transition: all .3s linear;
        }

        .section-block-demo31-header .nav .sub-menu .sub-right .right-row a:hover::after {
            width: 100%;
        }

        .section-block-demo31-header .nav .sub-menu .sub-right .right-row a:nth-child(n+2) {
            margin-left: 65px;
        }

        .section-block-demo31-header .nav>li>a {
            position: relative;
            display: block;
        }

        .section-block-demo31-header .nav>li>a::after {
            content: "";
            display: block;
            width: 0%;
            height: 2px;
            background-color: var(--bs-theme-color);
            position: absolute;
            bottom: 10px;
            left: 0;
            transition: all .3s linear;
        }

        .section-block-demo31-header .nav>li:hover>a::after {
            width: 100%;
        }

        .section-block-demo31-header .nav .sub-menu .sub-right .right-row a:nth-child(4) {
            margin-left: 0;
        }

        .section-block-demo31-header .nav .sub-menu .sub-right .right-row a:nth-child(n+4) {
            margin-top: 71px;
        }

        .section-block-demo31-header .nav .sub-menu .sub-right .right-row a:hover {
            color: var(--bs-theme-color);
        }

        .section-block-demo31-header .bottom_box.d-flex {
            flex: 1;
            justify-content: flex-end;
        }

        .section-block-demo31-header .nav:not([blockitems])>li>a b,
        .section-block-demo31-header .nav[navsubtype]>li:not([data-sub-type])>a b {
            display: none;
        }

        .section-block-demo31-header .nav .top-navigation2 .desc .desc-img {
            transition: all .3s linear;
            display: block !important;
            border: none;
        }

        .section-block-demo31-header .top-navigation2 .flex-row li {
            width: calc(100% /3);
        }

        .section-block-demo31-header .top-navigation2 .flex-row li a {
            width: fit-content;
            position: relative;
        }

        .section-block-demo31-header .top-navigation2 .flex-row li a::before {
            content: "";
            display: block;
            width: 0%;
            height: 2px;
            position: absolute;
            background-color: red;
            bottom: -20px;
            left: 0;
            transition: all .3s linear;
        }

        .section-block-demo31-header .top-navigation2 .flex-row li:hover a::before {
            width: 100%;
        }

        .section-block-demo31-header .top-navigation2 .flex-row li:nth-child(n+5) {
            margin-top: 40px;
        }

        .section-block-demo31-header .top-navigation2 .flex-row li a {
            font-size: 24px;
            transition: all .3s linear;
        }

        .section-block-demo31-header .top-navigation2 .flex-row {
            flex: 1;
            padding: 2%;
            position: relative;
        }

        .section-block-demo31-header .top-navigation2 .flex-row::after {
            content: "";
            display: block;
            width: 100%;
            height: 1px;
            background-color: var(--bs-theme-color);
            position: absolute;
            top: 63%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .section-block-demo31-header .top-navigation2 .flex-row::before {
            content: "";
            display: block;
            width: 100%;
            height: 1px;
            background-color: var(--bs-theme-color);
            position: absolute;
            top: 97%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .section-block-demo31-header .top-navigation2 .desc .desc-img img {
            transition: all .3s linear;
            width: 100%;
            max-width: 100%;
            max-height: 430px;
        }

        .section-block-demo31-header .top-navigation2>ul {
            width: 70% !important;
            justify-content: space-between;
            align-items: center;
            flex-direction: row-reverse;
            padding: 0 !important;
        }

        .section-block-demo31-header .top-navigation2 .desc {
            float: left;
            display: block !important;
            width: 50%;
            position: relative;
        }

        .section-block-demo31-header .top-navigation2 li .ico {
            display: none !important;
        }

        .section-block-demo31-header .nav>li {
            position: relative;
        }

        .section-block-demo31-header .nav[navsubtype]>li[data-sub-type] .top-navigation {
            position: static;
        }

        .section-block-demo31-header.nav[navsubtype]>li.top-navigation[data-sub-type]>ul {
            width: 100%;
            justify-content: center;
        }

        .section-block-demo31-header .nav li.top-navigation2 .desc .desc-img {
            max-height: 430px;
        }

        .section-block-demo31-header .nav li.top-navigation2 .desc .desc-img img {
            height: 100%;
        }

        .section-block-demo31-header .nav li.top-navigation .sub-menu {
            display: none;
        }

        .section-block-demo31-header .nav[navsubtype] li.top-navigation[data-sub-type="1"]>ul li>a {
            display: flex;
            flex-wrap: wrap;
            flex-direction: column-reverse;
        }

        .section-block-demo31-header .nav li li a:hover {
            color: #000;
        }

        .section-block-demo31-header .nav[navsubtype] li.top-navigation[data-sub-type="1"]>ul>li {

            padding: 0;
            border-right: 2px solid #eee;
            margin-right: 0;
            padding: 0px 3% 0px 3%;
        }

        .section-block-demo31-header .nav[navsubtype] li.top-navigation[data-sub-type="1"]>ul>li:nth-child(4) {
            padding: 0px 0px 0px 3%;
            border: none;
        }

        .section-block-demo31-header .nav[navsubtype] li.top-navigation[data-sub-type="1"]>ul li .ico {
            max-width: 250px;
        }

        .section-block-demo31-header .nav li.top-navigation>ul>li>ul>li {
            width: fit-content;
        }

        .section-block-demo31-header .top-navigation2 .head-tit {
            width: 100% !important;
            font-size: 24px;
            margin-bottom: 20px;
            color: #000;
        }

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

            .section-block-demo31-header .nav .sub-menu .sub-right .right-row::before,
            .section-block-demo31-header .nav .sub-menu .sub-right .right-row::after {
                width: 100%;
                left: 50%;
            }

            .section-block-demo31-header .nav .sub-menu .sub-right .right-row a {
                font-size: 16px;
            }
        }

        @media only screen and (max-width:1400px) {
            .section-block-demo31-header .nav .sub-menu .sub-right h2 {
                font-size: 30px;
            }

            .section-block-demo31-header .top-navigation2>ul {
                width: 85% !important;
            }

            .section-block-demo31-header .nav .sub-menu .sub-right .right-row {
                margin-top: 15px;
            }

            .section-block-demo31-header .nav .sub-menu .sub-right .right-row a:nth-child(n+4) {
                margin-top: 30px;
            }

            .section-block-demo31-header .nav .sub-menu .sub-right .right-row::before {
                top: 40.5%;
            }

            .section-block-demo31-header .nav .sub-menu .sub-right .right-row a::after {
                bottom: -9px;
            }

            .section-block-demo31-header .nav .sub-menu .sub-right .right-row::after {
                top: 112.5%;
            }

            .section-block-demo31-header .nav .sub-menu .sub-right .right-row a {
                font-size: 14px;
            }

            .section-block-demo31-header .nav {
                padding: 0px 0px 0px 40px;
            }
        }

        @media only screen and (max-width:1280px) {
            .section-block-demo31-header .nav .sub-menu .sub-right .right-row a:nth-child(n+2) {
                margin-left: 35px;
            }

            .section-block-demo31-header .nav .sub-menu .sub-right .right-row a:nth-child(4) {
                margin-left: 0;
            }

            .section-block-demo31-header .nav .sub-menu .sub-right .right-row a {
                font-size: 12px;
            }
        }

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

            .section-block-demo31-header .nav .sub-menu .sub-right h2,
            .section-block-demo31-header>.layout {
                display: none;
            }

            .section-block-demo31-header .top-navigation2 .desc {
                display: none !important;
            }

            .section-block-demo31-header .nav .sub-menu .sub-left {
                display: none;
            }

            .section-block-demo31-header .nav .sub-menu .sub-right {
                padding: 0rem;
            }

            .section-block-demo31-header .nav .sub-menu .sub-right .right-row::before,
            .section-block-demo31-header .nav .sub-menu .sub-right .right-row::after {
                display: none;
            }

            .section-block-demo31-header .nav .sub-menu .sub-right .right-row a {
                width: 100%;
                margin-left: 0 !important;
            }

            .section-block-demo31-header .nav .sub-menu .sub-right .right-row a:nth-child(n+4) {
                margin-top: 0;
            }

            .section-block-demo31-header .bottom_box.d-flex {
                display: none;
            }

            .section-block-demo31-header .nav .sub-menu .sub-right .right-row {
                margin-top: 0;
            }

            .section-block-demo31-header .search-dropdown-menu:nth-child(1) {
                display: none;
            }

            .section-block-demo31-header .nav>li>a::after {
                display: none;
            }

            .section-block-demo31-header .nav .sub-menu .sub-right .right-row a::after {
                display: none;
            }
        }