@charset "UTF-8";
        /*
Theme Name: OurPCB
Text Domain: ourpcb
Version: 0.5
Requires at least: 5.4
Requires PHP: 5.2.4
Description: OurPCB Official Website Theme
Author: PUJI Design
Author URI: https://puji-design.cn
Theme URI: https://puji-design.cn
*/
        /**
 * 1.0 Reset (Final)
 *
 * --------------------------------------------------------------
 */
        
        html,
        body {
            margin: 0;
            padding: 0
        }
        
        html {
            font-size: 62.5%;
            background-color: rgb(255, 255, 255)
        }
        
        body {
            overflow-x: hidden;
            font-size: 1.6rem;
            line-height: 2.4rem;
            color: rgb(80, 81, 91);
            font-family: "Campton", -apple-system-font, BlinkMacSystemFont, Arial, "tohoma,sans-serif";
            font-weight: 300;
            -webkit-text-size-adjust: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            background-color: rgb(255, 255, 255)
        }
        
        * {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -ms-box-sizing: border-box;
            -o-box-sizing: border-box;
            box-sizing: border-box
        }
        
        *:before,
        *:after {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -ms-box-sizing: border-box;
            -o-box-sizing: border-box;
            box-sizing: border-box
        }
        
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            margin: 0;
            font-weight: normal
        }
        
        p {
            margin: 0 0 18px
        }
        
        a,
        a:hover,
        a:visited,
        a:active {
            text-decoration: none;
            color: rgb(68, 201, 127);
            font-weight: 500;
            transition-duration: .3s;
            cursor: pointer
        }
        
        a:hover {
            text-decoration: underline
        }
        
        ul,
        ol,
        li {
            list-style: none;
            margin: 0;
            padding: 0
        }
        
        img {
            width: 100%;
            height: auto
        }
        /**
 * 2.0 Font (Final)
 *
 * --------------------------------------------------------------
 */
        
        @font-face {
            font-family: 'Campton';
            src: url('assets/fonts/Campton-Light.eot');
            /* IE9 Compat Modes */
            src: url('assets/fonts/Campton-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('assets/fonts/Campton-Light.woff') format('woff'), /* Modern Browsers */
            url('assets/fonts/Campton-Light.ttf') format('truetype'), /* Safari, Android, iOS */
            url('assets/fonts/Campton-Light.svg#Campton-Light') format('svg');
            /* Legacy iOS */
            font-style: normal;
            font-weight: 300;
            text-rendering: optimizeLegibility;
            font-display: swap
        }
        
        @font-face {
            font-family: 'Campton';
            src: url('assets/fonts/Campton-Medium.eot');
            /* IE9 Compat Modes */
            src: url('assets/fonts/Campton-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('assets/fonts/Campton-Medium.woff') format('woff'), /* Modern Browsers */
            url('assets/fonts/Campton-Medium.ttf') format('truetype'), /* Safari, Android, iOS */
            url('assets/fonts/Campton-Medium.svg#Campton-Medium') format('svg');
            /* Legacy iOS */
            font-style: normal;
            font-weight: 500;
            text-rendering: optimizeLegibility;
            font-display: swap
        }
        
        @font-face {
            font-family: 'Campton';
            src: url('assets/fonts/Campton-Bold.eot');
            /* IE9 Compat Modes */
            src: url('assets/fonts/Campton-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('assets/fonts/Campton-Bold.woff') format('woff'), /* Modern Browsers */
            url('assets/fonts/Campton-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
            url('assets/fonts/Campton-Bold.svg#Campton-Bold') format('svg');
            /* Legacy iOS */
            font-style: normal;
            font-weight: 700;
            text-rendering: optimizeLegibility;
            font-display: swap
        }
        /**
 * 3.0 Global
 *
 * --------------------------------------------------------------
 */
        
        body.modal-open {
            overflow: hidden
        }
        
        #site-content {
            padding-top: 104px
        }
        
        .no-margin #site-content {
            padding-top: 0
        }
        /* 3.1 Stracture */
        
        .our-container,
        .reg-container,
        #site-content .elementor-section.elementor-section-boxed>.elementor-container,
        #site-content .elementor-section.elementor-section-boxed.reg-structure>.elementor-container,
        #site-content .elementor-section.elementor-section-boxed.our-structure>.elementor-container {
            margin: 0 auto;
            max-width: 1344px
        }
        
        .our-row,
        #site-content .elementor-row {
            margin-right: -12px;
            margin-left: -12px;
            width: calc(100% + 24px)
        }
        
        .multi-col:before,
        .multi-col:after,
        .our-row:before,
        .our-row:after {
            display: table;
            content: " "
        }
        
        .multi-col:after,
        .our-row:after {
            clear: both
        }
        
        .col,
        #site-content .elementor-column {
            float: left;
            clear: none;
            padding-right: 12px;
            padding-left: 12px
        }
        
        .col-2 {
            width: 16.666%
        }
        
        .col-3 {
            width: 25%
        }
        
        .col-4 {
            width: 33.333%
        }
        
        .col-6 {
            width: 50%
        }
        
        .col-8 {
            width: 66.666%
        }
        
        .col-9 {
            width: 75%
        }
        
        .col-10 {
            width: 83.333%
        }
        
        .col-12 {
            width: 100%
        }
        /* 3.2 Font */
        
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            font-weight: 500;
            color: rgb(29, 29, 31)
        }
        
        h1,
        .foot-flyer-content h3 {
            font-size: 4.2rem;
            line-height: 5rem
        }
        
        h2 {
            font-size: 3.6rem;
            line-height: 4.4rem
        }
        
        h3 {
            font-size: 3.2rem;
            line-height: 4rem
        }
        
        h4 {
            font-size: 2.4rem;
            line-height: 3.2rem
        }
        
        h5 {
            font-size: 1.6rem;
            line-height: 2.4rem
        }
        
        .display-1,
        .display-1 h1 {
            font-size: 7.2rem;
            line-height: 8rem;
            font-weight: 500
        }
        
        .font-medium {
            font-weight: 500
        }
        
        .font-bold {
            font-weight: 700
        }
        /* 3.3 	Buttons */
        
        .btn {
            display: inline-block;
            font-size: 1.4rem;
            line-height: 2.2rem;
            text-align: center;
            font-weight: 500;
            text-transform: uppercase;
            border-radius: 4px;
            cursor: pointer
        }
        
        a.btn:hover {
            text-decoration: none
        }
        
        .our-cta,
        .our-cta:active,
        .our-cta:visited,
        a.our-cta,
        a.our-cta:active,
        a.our-cta:visited {
            color: rgb(255, 255, 255)
        }
        
        .our-cta,
        #site-content .elementor-widget-button a.elementor-button,
        #site-content .elementor-widget-button .elementor-button {
            padding: 14px 51px;
            color: rgb(255, 255, 255);
            background-color: rgba(95, 215, 148, 1);
            border: rgb(95, 215, 148) solid 1px
        }
        
        .our-cta:hover,
        #site-content .elementor-widget-button a.elementor-button:hover,
        #site-content .elementor-widget-button .elementor-button:hover {
            color: rgb(95, 215, 148);
            background-color: rgba(95, 215, 148, 0)
        }
        /**
 * 4.0 Header
 *
 * --------------------------------------------------------------
 */
        
        #site-header {
            position: fixed;
            top: 0;
            right: 0;
            left: 0;
            z-index: 1000;
            background-color: rgb(255, 255, 255)
        }
        
        .no-margin #site-header {
            background: none
        }
        
        .no-margin #site-header.headroom--not-top {
            background-color: rgb(255, 255, 255)
        }
        
        #site-header.headroom--not-top.header-unpinned {
            animation-name: HeaderHide;
            animation-duration: .6s;
            animation-timing-function: cubic-bezier(0.430, 0.415, 0.000, 1);
            animation-fill-mode: both
        }
        
        #site-header.headroom--not-top.header-pinned {
            animation-name: HeaderShow;
            animation-duration: .6s;
            animation-timing-function: cubic-bezier(0.430, 0.415, 0.000, 1);
            animation-fill-mode: both
        }
        
        @keyframes HeaderShow {
            0% {
                transform: translateY(-100%);
                opacity: 0
            }
            100% {
                transform: translateY(0);
                opacity: 1
            }
        }
        
        @keyframes HeaderHide {
            0% {
                transform: translateY(0);
                opacity: 1
            }
            100% {
                transform: translateY(-100%);
                opacity: 0
            }
        }
        
        .head-wrapper {
            margin: 0 64px;
            padding-top: 32px;
            padding-bottom: 32px;
            transition-duration: .3s
        }
        
        .headroom--not-top .head-wrapper {
            padding-top: 18px;
            padding-bottom: 18px
        }
        /* 4.1 Branding */
        
        #branding {
            float: left;
            width: 153px;
            height: 40px;
        }
        
        .our-defaultlogo {
            background-image: url(assets/images/logo.png);
            background-repeat: no-repeat;
            text-indent: -9999px
        }
        
        #branding a.our-sitelogo {
            display: block;
            overflow: hidden;
            width: 100%;
            height: 100%;
            background-size: 153px 40px
        }
        /* 4.2 Top Panel */
        
        #top-panel {
            margin-left: 201px
        }
        
        #top-panel .our-siteinfo {
            float: left
        }
        
        #top-panel .our-siteinfo .info-item {
            float: left;
            clear: none;
            margin-right: 8px;
            padding: 6px 8px;
            font-size: 12px;
            line-height: 24px;
            border: rgb(194, 195, 201) solid .5px;
            border-radius: 4px
        }
        
        #top-panel .our-siteinfo .info-item:last-child {
            margin-right: 0
        }
        
        #top-panel .our-siteinfo .info-item>span {
            display: block;
            float: left
        }
        
        #top-panel .our-siteinfo .info-item .icon {
            display: block;
            margin-right: 2px;
            font-size: 24px
        }
        
        #top-panel .our-siteinfo .info-item .icon svg {
            display: block;
            position: relative;
            width: 1em;
            height: 1em
        }
        
        #top-panel .our-siteinfo .info-item .text {
            display: block;
            height: 24px;
            color: rgb(194, 195, 201)
        }
        
        #top-panel .our-siteinfo .info-item .text b {
            font-weight: 500;
            color: rgb(0, 64, 152)
        }
        
        #access {
            float: right
        }
        
        #access a {
            color: rgb(29, 29, 31)
        }
        
        #access a:hover {
            color: rgb(0, 64, 152);
            text-decoration: none
        }
        
        #access>ul>li,
        #access>.menu-item {
            margin-right: 16px;
            position: relative;
            float: left;
            clear: none;
            margin-left: 30px;
            font-size: 1.4rem;
            line-height: 2.2rem
        }
        
        #access>ul>li:first-child,
        #access>.menu-item:first-child {
            margin-left: 0
        }
        
        #access>ul>li>a,
        #access>.menu-item>a {
            display: inline-block;
            font-weight: 500;
            text-transform: uppercase
        }
        
        #access>.current-menu-item>a,
        #access>.current-menu-ancestor>a,
        #access .sub-menu .current-menu-item>a {
            position: relative;
            color: rgb(0, 64, 152)
        }
        
        #access>.current-menu-item>a:after,
        #access>.current-menu-ancestor>a:after {
            display: inline-block;
            position: absolute;
            bottom: -2px;
            left: 0;
            z-index: 1;
            width: 100%;
            height: 2px;
            background-color: rgb(0, 64, 152);
            content: ""
        }
        
        #access>.menu-item-has-children>a {
            pointer-events: none
        }
        
        #access .menu-item .sub-menu {
            display: none;
            position: absolute;
            top: 36px;
            left: -32px;
            z-index: 1001;
            padding: 16px 0 16px 32px;
            width: 300px;
            background-color: rgb(255, 255, 255);
            font-weight: 300;
            text-transform: none;
            border-top: rgb(0, 64, 152) solid 2px;
            box-shadow: 0 6px 16px 0 rgba(29, 29, 31, .2)
        }
        
        #access .menu-item .sub-menu a {
            display: block;
            padding: 8px 32px 8px 0;
            border-bottom: rgb(230, 231, 238) solid 1px
        }
        
        #access .sub-menu .menu-item:last-child a {
            border: none
        }
        
        #access .menu-item-has-children:hover .sub-menu {
            display: block
        }
        
        .home .current-menu-item {
            display: none
        }
        
        
        /* 4.3 Menu Switcher */
        
        #menu-switcher {
            display: none;
            position: absolute;
            top: 28px;
            right: 36px;
            width: 48px;
            height: 48px;
            border: rgba(29, 29, 31, .5) solid .5px;
            cursor: pointer
        }
        
        #menu-switcher .switcher-box {
            display: block;
            margin: 8px;
            width: 32px;
            height: 32px
        }
        
        #menu-switcher .hamb-line {
            stroke-width: 2px;
            stroke: rgb(29, 29, 31);
            animation-duration: .6s;
            animation-timing-function: cubic-bezier(.71, .01, .38, .93);
            transform-origin: 16px 16px
        }
        
        #menu-switcher.clicked.menu-opened .line-t {
            animation-name: toCloseMenuLineT;
            animation-fill-mode: forwards
        }
        
        #menu-switcher.clicked.menu-opened .line-b {
            animation-name: toCloseMenuLineB;
            animation-fill-mode: forwards
        }
        
        #menu-switcher.clicked.menu-opened .line-m1 {
            animation-name: toCloseMenuLineM1;
            animation-fill-mode: forwards
        }
        
        #menu-switcher.clicked.menu-opened .line-m2 {
            animation-name: toCloseMenuLineM2;
            animation-fill-mode: forwards
        }
        
        #menu-switcher.clicked.menu-closed .line-t {
            animation-name: backMenuLineT;
            animation-fill-mode: forwards
        }
        
        #menu-switcher.clicked.menu-closed .line-b {
            animation-name: backMenuLineB;
            animation-fill-mode: forwards
        }
        
        #menu-switcher.clicked.menu-closed .line-m1 {
            animation-name: backMenuLineM1;
            animation-fill-mode: forwards
        }
        
        #menu-switcher.clicked.menu-closed .line-m2 {
            animation-name: backMenuLineM2;
            animation-fill-mode: forwards
        }
        
        @keyframes toCloseMenuLineT {
            0% {
                transform: rotate(0) translateY(0px);
                opacity: 1
            }
            49% {
                transform: rotate(0) translateY(7px);
                opacity: 1
            }
            50% {
                transform: rotate(0) translateY(7px);
                opacity: 0
            }
            100% {
                transform: rotate(0) translateY(7px);
                opacity: 0
            }
        }
        
        @keyframes toCloseMenuLineB {
            0% {
                transform: rotate(0) translateY(0px);
                opacity: 1
            }
            49% {
                transform: rotate(0) translateY(-7px);
                opacity: 1
            }
            50% {
                transform: rotate(0) translateY(-7px);
                opacity: 0
            }
            100% {
                transform: rotate(0) translateY(-7px);
                opacity: 0
            }
        }
        
        @keyframes toCloseMenuLineM1 {
            0% {
                transform: rotate(0deg) translateY(0);
                opacity: 1
            }
            49% {
                transform: rotate(0deg) translateY(0);
                opacity: 1
            }
            50% {
                transform: rotate(0deg) translateY(0);
                opacity: 1
            }
            95% {
                transform: rotate(55deg) translateY(0);
                opacity: 1
            }
            100% {
                transform: rotate(45deg) translateY(0);
                opacity: 1
            }
        }
        
        @keyframes toCloseMenuLineM2 {
            0% {
                transform: rotate(0deg) translateY(0);
                opacity: 0
            }
            49% {
                transform: rotate(0deg) translateY(0);
                opacity: 0
            }
            50% {
                transform: rotate(0deg) translateY(0);
                opacity: 1
            }
            95% {
                transform: rotate(-55deg) translateY(0);
                opacity: 1
            }
            100% {
                transform: rotate(-45deg) translateY(0);
                opacity: 1
            }
        }
        
        @keyframes backMenuLineT {
            0% {
                transform: rotate(0) translateY(7px);
                opacity: 0
            }
            49% {
                transform: rotate(0) translateY(7px);
                opacity: 0
            }
            50% {
                transform: rotate(0) translateY(7px);
                opacity: 1
            }
            100% {
                transform: rotate(0) translateY(0px);
                opacity: 1
            }
        }
        
        @keyframes backMenuLineB {
            0% {
                transform: rotate(0) translateY(-7px);
                opacity: 0
            }
            49% {
                transform: rotate(0) translateY(-7px);
                opacity: 0
            }
            50% {
                transform: rotate(0) translateY(-7px);
                opacity: 1
            }
            100% {
                transform: rotate(0) translateY(0px);
                opacity: 1
            }
        }
        
        @keyframes backMenuLineM1 {
            0% {
                transform: rotate(45deg) translateY(0);
                opacity: 1
            }
            49% {
                transform: rotate(0deg) translateY(0);
                opacity: 1
            }
            50% {
                transform: rotate(0deg) translateY(0);
                opacity: 1
            }
            100% {
                transform: rotate(0deg) translateY(0);
                opacity: 1
            }
        }
        
        @keyframes backMenuLineM2 {
            0% {
                transform: rotate(-45deg) translateY(0);
                opacity: 1
            }
            49% {
                transform: rotate(0deg) translateY(0);
                opacity: 1
            }
            50% {
                transform: rotate(0deg) translateY(0);
                opacity: 0
            }
            100% {
                transform: rotate(0deg) translateY(0);
                opacity: 0
            }
        }
        /**
 * 5.0 Footer
 *
 * --------------------------------------------------------------
 */
        /* 5.1 Foot Flyer */
        
        .foot-flyer .core-area {
            background-image: url(assets/images/foot-flyer.jpg);
            background-size: cover;
            background-position: center center
        }
        
        .foot-flyer .reg-container {
            position: relative;
            padding-top: 48px;
            padding-bottom: 56px
        }
        
        .foot-flyer .title {
            margin-bottom: 12px;
            color: rgb(255, 255, 255)
        }
        
        .foot-flyer .title>span {
            display: block
        }
        
        .foot-staff {
            position: absolute;
            bottom: 0;
            right: 0;
            width: 437px;
            height: 396px;
            background-image: url(assets/images/foot-staff.png);
            background-size: cover
        }
        /* 5.2 Contact Info */
        
        #site-footer {
            position: relative;
            z-index: 100
        }
        
        #site-footer .foot-list {
            padding-top: 56px;
            padding-bottom: 56px
        }
        
        .ourcont-item .item-head {
            margin-bottom: 18px;
            padding-right: 36px
        }
        
        .ourcont-item .item-body {
            padding-right: 36px;
            font-size: 1.4rem;
            line-height: 1.8rem
        }
        
        .ourcont-item .cont-opt {
            margin-bottom: 6px
        }
        
        .ourcont-item .opt-head {
            float: left;
            clear: none;
            width: 52px;
            font-size: 1.2rem;
            color: rgb(194, 195, 201)
        }
        
        .ourcont-item .opt-body {
            margin-left: 52px
        }
        
        .ourcont-item .cont-name {
            margin-bottom: 1px
        }
        
        .ourcont-item .cont-loction {
            font-size: 1.2rem;
            line-height: 2rem;
            color: rgb(194, 195, 201)
        }
        /* 5.3 Colophon */
        
        .foot-colophon .reg-container {
            padding-top: 36px;
            border-top: rgb(194, 195, 201) solid 1px
        }
        
        .foot-menu {
            float: right;
            padding-top: 4px;
            font-size: 1.4rem;
            line-height: 2.2rem;
            font-weight: 500
        }
        
        .foot-menu>ul>li {
            float: left;
            clear: none;
            margin-left: 4.2rem
        }
        
        .foot-menu a {
            color: rgb(29, 29, 31);
            text-decoration: none
        }
        
        .foot-menu a:hover {
            text-decoration: underline
        }
        
        .foot-logo {
            float: left;
            margin-bottom: 24px
        }
        
        .foot-logo .logo-case {
            display: block;
            width: 122px;
            height: 32px;
            background-size: 122px 32px
        }
        
        .foot-copyright {
            float: none;
            clear: both;
            margin-top: 24px;
            margin-bottom: 12px;
            font-size: 1.2rem;
            line-height: 2.4rem;
            color: rgb(194, 195, 201)
        }
        /**
 * 6.0 Page Elements
 *
 * --------------------------------------------------------------
 */
        
        .page #site-content #reg-header {
            margin-bottom: 96px
        }
        /* 6.1 Follow Mouse*/
        
        .follow-mouse {
            position: absolute;
            width: 8px;
            height: 8px;
            z-index: 10000;
            background-color: rgb(29, 29, 31);
            border-radius: 50%;
            pointer-events: none
        }
        
        .follow-mouse.active {
            width: 72px;
            height: 72px;
            background: none;
            border: rgb(29, 29, 31) solid 2px
        }
        
        .follow-mouse.inactive {
            width: 8px;
            height: 8px;
            border: none;
            background-color: rgb(29, 29, 31)
        }
        /* 6.2 Page Header Group */
        
        .page-header {
            position: relative
        }
        
        .page-header .page-title {
            position: relative
        }
        
        .page-header .page-title:after {
            display: inline-block;
            position: absolute;
            bottom: -7px;
            left: 0;
            z-index: 1;
            width: 108px;
            height: 3px;
            background-color: rgb(0, 64, 152);
            content: ""
        }
        
        .archive-header.page-header {
            margin-top: 96px;
            margin-bottom: 112px
        }
        
        .reg-header .cover-case {
            display: flex;
            width: calc(50vw + 672px);
            height: 386px;
            overflow: hidden;
            background-color: rgb(230, 231, 238)
        }
        
        .reg-header .cover-case img {
            min-width: 100%;
            min-height: 100%;
            width: auto;
            height: auto;
            object-fit: cover;
            object-position: cover
        }
        
        .reg-header .text-case {
            position: absolute;
            right: 0;
            bottom: 63px;
            left: 0;
            color: rgb(255, 255, 255)
        }
        
        .reg-header .text-case h1 {
            color: rgb(255, 255, 255)
        }
        
        .reg-header .text-case h1:after {
            background-color: rgb(255, 255, 255)
        }
        /* 6.3 Entry Elements */
        
        .post-meta {
            font-size: 1.4rem;
            line-height: 2.2rem;
            color: rgb(194, 195, 201)
        }
        /* 6.3.1 Entry Archives */
        
        .archive-list .list-case {
            float: right
        }
        
        .archive-list .post-item {
            margin-bottom: 72px
        }
        
        .archive-list .post-item .post-meta-single {
            margin-bottom: 6px
        }
        
        .archive-list .post-item .entry-title {
            margin-bottom: 24px
        }
        
        .archive-list .post-item h4.entry-title a {
            color: rgb(29, 29, 31)
        }
        
        .archive-list .post-item h4.entry-title a:hover {
            color: rgb(68, 201, 127)
        }
        
        .archive-list .post-item p {
            margin-bottom: 12px
        }
        
        .archive-list .post-item .more {
            font-size: 1.4rem;
            line-height: 2.2rem
        }
        
        .archive-list .post-item .thumb-case {
            float: right
        }
        /* 6.3.2 Entry Singular */
        
        .entry-header {
            padding-top: 64px;
            margin-bottom: 72px
        }
        
        .page #site-content #entry-content .entry-header {
            padding-top: 0
        }
        
        .single-post .entry-header .content-case {
            float: right;
            margin-right: 8.333%
        }
        
        .entry-header .crumbs {
            margin-bottom: 24px;
            font-size: 1.4rem;
            line-height: 2.2rem;
            color: rgb(194, 195, 201)
        }
        
        #entry-nav {
            position: sticky;
            top: 70px;
            margin-bottom: 118px;
        }
        
        .author-info {
            background-color: #F6F7FA;
            padding: 12px 24px 56px
        }
        
        .author-avatar {
            margin: 0 auto 12px;
            text-align: center;
            width: 130px;
            border: #44c97f solid 2px;
            border-radius: 50%;
            padding: 4px;
            overflow: hidden;
        }
        
        .author-avatar .avatar-box {
            margin: 0 auto;
            border-radius: 50%;
            overflow: hidden
        }
        
        .author-name {
            margin-bottom: 0px;
            font-size: 20px;
            line-height: 30px;
            font-weight: 700;
            text-align: center
        }
        
        .author-des {
            font-size: 14px;
            line-height: 22px;
            margin-bottom: 20px
        }
        
        .single .entry-content {
            margin-bottom: 72px
        }
        /* 6.3.3 Author Info */
        
        .author-bio {
            overflow: hidden;
            margin-bottom: 196px;
            padding: 18px 42px;
            background: rgb(250, 251, 255);
            border: 1px solid rgb(230, 231, 238);
            border-radius: 8px;
        }
        
        .author-title-wrapper {
            overflow: hidden;
            float: left;
            clear: none;
            width: 136px;
            height: 136px;
            border-radius: 50%;
        }
        
        .author-description {
            margin-left: 160px
        }
        /**
 * 7.0 Panel
 *
 * --------------------------------------------------------------
 */
        
        .menu-mask {
            display: none;
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1990;
            background-color: rgba(29, 29, 31, .5)
        }
        /**
 * 8.0 Regular Page
 *
 * --------------------------------------------------------------
 */
        
        #site-content .core-nav {
            position: sticky;
            top: 96px;
            margin-top: 36px;
            padding-bottom: 168px;
            z-index: 2
        }
        
        #site-content .core-main {
            position: relative;
            z-index: 1
        }
        /**
 * 9.0 Blog
 *
 * --------------------------------------------------------------
 */
        
        #site-content .post-inner .elementor-element,
        #site-content .post-inner .elementor-widget:not(:last-child) {
            margin-bottom: 36px
        }
        
        .entry-content .charpter-title {
            margin-top: 72px
        }
        
        .entry-content p {
            margin-bottom: 18px
        }
        
        .entry-content p:last-child {
            margin-bottom: 0
        }
        
        .entry-content blockquote {
            margin: 0 0 36px 0;
            padding: 0;
            font-size: 2.4rem;
            line-height: 3.2rem;
            font-weight: 500;
            color: rgb(29, 29, 31)
        }
        
        .post-inner .elementor-widget-wrap>.elementor-element.elementor-widget-image {
            margin-left: 0;
            margin-right: -8.333%;
            width: 112.5%
        }
        
        .entry-inner .elementor-image img {
            width: 100%;
            height: auto
        }
        
        .entry-inner .elementor-image .widget-image-caption {
            padding-top: 8px;
            font-size: 1.4rem;
            line-height: 2.2rem;
            text-align: right;
            color: rgb(194, 195, 201)
        }
        
        .single .entry-content ul li {
            list-style: disc
        }
        
        .single .entry-content ol li {
            list-style: decimal
        }
        
        .single .entry-content ul li,
        .single .entry-content ol li {
            margin-bottom: 8px
        }
        /**
 * 10.0 Elementor
 *
 * --------------------------------------------------------------
 */
        
        #site-content .elementor-widget:not(:last-child) {
            margin-bottom: 0
        }
        
        #site-content .no-padding .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
            padding: 0
        }
        
        #site-content .elementor-button {
            font-weight: 500;
            text-transform: uppercase
        }
        
        #site-content .elementor-widget-heading .elementor-heading-title {
            font-weight: 500
        }
        /* 10.1 Section Title */
        
        #site-content .section-title {
            text-transform: uppercase
        }
        
        #site-content .section-title h2 {
            position: relative;
        }
        
        #site-content .section-title h2:after {
            display: inline-block;
            position: absolute;
            bottom: -11px;
            z-index: 1;
            width: 108px;
            height: 3px;
            background-color: rgb(0, 64, 152);
            content: ""
        }
        
        #site-content .section-title h5.elementor-heading-title {
            margin-bottom: 2px;
        }
        
        #site-content .section-title-left {
            text-align: left
        }
        
        .section-title-left h2:after {
            left: 0
        }
        
        #site-content .section-title-left {
            text-align: left
        }
        
        .section-title-left h2:after {
            left: 0
        }
        
        #site-content .section-title-right {
            text-align: right
        }
        
        .section-title-right h2:after {
            right: 0
        }
        /* 10.2.1 Icon Showcase 1 */
        
        #site-content .icon-showcase-1 .elementor-icon-box-title {
            margin-bottom: 8px
        }
        
        #site-content .icon-showcase-1 .elementor-icon-box-content {
            padding-right: 36px
        }
        /* 10.2.2 Icon Showcase 2 */
        
        #site-content .icon-showcase-2 .bg-case {
            overflow: hidden;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0
        }
        
        #site-content .icon-showcase-2 .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated>.elementor-widget-wrap .elementor-column .elementor-column-wrap {
            padding-right: 24px;
            padding-left: 24px
        }
        
        #site-content .icon-showcase-2 .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated>.elementor-widget-wrap .bg-case .elementor-widget-container {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0
        }
        
        #site-content .icon-showcase-2 .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated>.elementor-widget-wrap .bg-case .elementor-image {
            display: flex;
            overflow: hidden;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0
        }
        
        #site-content .icon-showcase-2 .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated>.elementor-widget-wrap .bg-case .elementor-image img {
            min-width: 100%;
            min-height: 100%;
            width: auto;
            height: auto;
            object-fit: cover;
            object-position: cover
        }
        /* 10.2.3 Icon Showcase 3 */
        
        #site-content .icon-showcase-3 .elementor-widget-icon-box .elementor-icon-box-wrapper {
            text-align: left
        }
        /* 10.2.4 Icon Showcase 4 */
        
        #site-content .icon-showcase-4 .elementor-icon-list-icon+.elementor-icon-list-text {
            padding: 0
        }
        
        #site-content .icon-showcase-4 .elementor-widget-icon-box .elementor-icon-box-wrapper {
            text-align: center
        }
        
        #site-content .icon-showcase-4 .elementor-widget-container:before,
        #site-content .icon-showcase-4 .elementor-widget-container:after {
            display: table;
            content: " "
        }
        
        #site-content .icon-showcase-4 .elementor-widget-container:after {
            clear: both
        }
        
        #site-content .icon-showcase-4 .elementor-icon-list-items {
            margin-right: -12px;
            margin-left: -12px
        }
        
        #site-content .icon-showcase-4 .elementor-icon-list-items>li {
            display: block;
            float: left;
            clear: none;
            margin-bottom: 24px;
            padding-right: 12px;
            padding-left: 12px;
            width: 33.333%;
        }
        
        #site-content .icon-showcase-4 .elementor-icon-list-items>li:nth-child(3n+1) {
            clear: both
        }
        
        #site-content .icon-showcase-4 .elementor-icon-list-items>li>span {
            display: block;
            padding-top: 12px;
            font-weight: 500;
            color: rgb(0, 64, 152);
            background-color: rgb(246, 248, 251);
            text-align: center
        }
        
        #site-content .icon-showcase-4 .elementor-icon-list-items>li>span.elementor-icon-list-icon {
            padding: 24px 24px 0
        }
        
        #site-content .icon-showcase-4 .elementor-icon-list-items>li>span.elementor-icon-list-text {
            padding: 12px 24px 16px
        }
        /* 10.3.1 Text Showcase 1 */
        
        #site-content .text-showcase-1 .elementor-widget-container:before,
        #site-content .text-showcase-1 .elementor-widget-container:after {
            display: table;
            content: " "
        }
        
        #site-content .text-showcase-1 .elementor-widget-container:after {
            clear: both
        }
        
        #site-content .text-showcase-1 .elementor-icon-list-items {
            margin-right: -12px;
            margin-left: -12px
        }
        
        #site-content .text-showcase-1 .elementor-icon-list-items>li {
            display: block;
            float: left;
            clear: none;
            margin-bottom: 72px;
            padding-right: 12px;
            padding-left: 12px;
            width: 33.333%;
        }
        
        #site-content .text-showcase-1 .elementor-icon-list-items>li>span {
            display: block;
            padding-top: 12px;
            border-top: rgb(0, 64, 152) solid 2px;
            font-weight: 500;
            color: rgb(0, 64, 152)
        }
        /* 10.4 Home Service List */
        
        #site-content .home-service-list .service-item>.elementor-column-wrap>.elementor-widget-wrap {
            position: relative;
            padding-bottom: 70px
        }
        
        #site-content .home-service-list .service-item>.elementor-column-wrap>.elementor-widget-wrap>.elementor-widget-button {
            position: absolute;
            bottom: 24px;
            right: 24px;
            left: 24px;
            width: auto
        }
        
        #site-content .home-service-list .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated .service-item>.elementor-column-wrap .elementor-widget-heading,
        #site-content .home-service-list .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated .service-item>.elementor-column-wrap .elementor-widget-icon-list {
            padding: 0 32px
        }
        
        #site-content .home-service-list .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated .service-item>.elementor-column-wrap .elementor-widget-heading {
            margin-bottom: 24px
        }
        
        #site-content .home-service-list .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated .service-item>.elementor-column-wrap .elementor-widget-icon-list {
            margin-bottom: 32px
        }
        
        #site-content .home-service-list .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated .service-item>.elementor-column-wrap .elementor-widget-button a {
            display: block;
            font-weight: 500;
            text-transform: uppercase
        }
        /* 10.5.1 Page Slieder 1 */
        
        #site-content .page-slider-1 .elementor-widget-wrap {
            display: flex;
            position: relative
        }
        
        #site-content .page-slider-1 .elementor-widget-wrap .slider-case {
            position: relative;
            z-index: 1
        }
        
        #site-content .page-slider-1 .elementor-widget-wrap .content-case {
            position: absolute;
            z-index: 2;
            top: 50%;
            color: rgb(255, 255, 255);
            transform: translateY(-50%)
        }
        
        #site-content .page-slider-1 .elementor-widget-wrap .content-case>.elementor-container>.elementor-row>.elementor-element>.elementor-column-wrap>.elementor-widget-wrap {
            margin-left: 50%;
            width: 48%
        }
        
        #site-content .page-slider-1 .cont-title .elementor-heading-title {
            position: relative
        }
        
        #site-content .page-slider-1 .cont-title .elementor-heading-title:after {
            display: inline-block;
            position: absolute;
            bottom: -12px;
            left: 0;
            z-index: 1;
            width: 108px;
            height: 3px;
            content: "";
            background-color: rgb(255, 255, 255)
        }
        
        #site-content .page-slider-1 .elementor-swiper-button {
            width: 72px;
            height: 72px
        }
        
        #site-content .page-slider-1 .elementor-swiper-button-prev,
        #site-content .page-slider-1 .elementor-swiper-button-next {
            top: auto;
            right: auto;
            bottom: 36px;
            left: auto;
            background-color: rgba(255, 255, 255, 1);
            border: rgb(255, 255, 255) solid 1px;
            transform: translateY(0);
            transition: .3s;
            text-align: center
        }
        
        #site-content .page-slider-1 .elementor-swiper-button-prev:hover,
        #site-content .page-slider-1 .elementor-swiper-button-next:hover {
            background-color: rgba(255, 255, 255, 0)
        }
        
        #site-content .page-slider-1 .elementor-swiper-button-prev>i,
        #site-content .page-slider-1 .elementor-swiper-button-next>i {
            margin: 24px auto 0
        }
        
        #site-content .elementor-2 .elementor-inner .page-slider-1 .elementor-element.elementor-element-ca2c7a0 .elementor-swiper-button .elementor-swiper-button {
            color: rgb(255, 255, 255)!important
        }
        
        #site-content .page-slider-1 .elementor-swiper-button-prev {
            right: 156px
        }
        
        #site-content .page-slider-1 .elementor-swiper-button-next {
            right: 72px
        }
        
        #site-content .page-slider-1 .elementor-widget-button a.elementor-button,
        #site-content .page-slider-1 .elementor-widget-button .elementor-button {
            border-color: rgb(255, 255, 255);
            background-color: rgba(255, 255, 255, 0);
        }
        
        #site-content .page-slider-1 .elementor-widget-button a.elementor-button:hover,
        #site-content .page-slider-1 .elementor-widget-button .elementor-button:hover {
            color: rgb(29, 29, 31);
            background-color: rgba(255, 255, 255, 1)
        }
        /* 10.6 Home Feedback */
        
        #site-content .home-feedback .feedback-bg {
            position: absolute;
            top: 0;
            right: 25%;
            bottom: 0;
            left: calc(672px - 50vw);
            z-index: 1;
            background-color: rgb(0, 64, 152)
        }
        
        #site-content .home-feedback .feedback-main {
            position: relative;
            z-index: 2;
            margin-top: 72px;
            margin-bottom: 64px;
            color: rgb(255, 255, 255);
        }
        
        #site-content .home-feedback .elementor-widget-image-carousel {
            margin-right: 25%;
            width: 75%
        }
        
        #site-content .home-feedback .elementor-widget-image-carousel .swiper-slide {
            text-align: left
        }
        
        #site-content .home-feedback .feed-avatar {
            overflow: hidden;
            float: left;
            clear: none;
            width: 128px;
            height: 128px;
            border-radius: 50%
        }
        
        #site-content .home-feedback .feed-main {
            margin-left: 164px
        }
        
        #site-content .home-feedback .feed-main .feed-name {
            margin-bottom: 8px;
            color: rgb(255, 255, 255);
            text-transform: uppercase
        }
        
        #site-content .home-feedback .swiper-slide {
            padding-right: 56px;
            padding-left: 156px
        }
        
        #site-content .home-feedback .swiper-pagination {
            padding-left: 320px;
            text-align: left
        }
        
        #site-content .home-feedback .swiper-pagination-bullet {
            width: 8px;
            height: 4px;
            background-color: rgb(255, 255, 255);
            border-radius: 2px;
            transition: .3s
        }
        
        #site-content .home-feedback .swiper-pagination-bullet.swiper-pagination-bullet-active {
            width: 18px
        }
        
        #site-content .home-feedback .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
            margin: 0 6px 0 0;
        }
        
        #site-content .home-feedback .elementor-image-carousel {
            padding-bottom: 36px
        }
        
        #site-content .home-feedback .feed-main p {
            margin-bottom: 12px
        }
        /* 10.7 Side Menu 2 */
        
        #site-content .core-nav .elementor-nav-menu--layout-horizontal {
            display: block
        }
        
        #site-content .core-nav .elementor-nav-menu--layout-horizontal .elementor-nav-menu {
            display: block
        }
        
        #site-content .core-nav .menu-item {
            display: block
        }
        
        #site-content .core-nav .menu-item>a {
            display: block;
            padding: 6px 0;
            size: 1.4rem;
            line-height: 2.2rem;
            font-weight: 300
        }
        
        #site-content .core-nav .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item::before,
        #site-content .core-nav .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item::after {
            display: none
        }
        
        #site-content .core-nav .menu-item.current-menu-item>a {
            position: relative;
            font-weight: 500;
            color: rgb(0, 64, 152)
        }
        
        #site-content .core-nav .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .menu-item.current-menu-item>a.elementor-item::after {
            position: absolute;
            left: -48px;
            top: 15px;
            display: block;
            width: 36px;
            height: 2px;
            background-color: rgb(0, 64, 152)
        }
        
        #site-content .core-nav .menu-item>a:hover {
            color: rgb(0, 64, 152)
        }
        
        #site-content .cont-with-nav>.elementor-container>.elementor-row {
            display: block
        }
        
        #site-content .elementor-menu-toggle {
            display: none
        }
        /* 10.8 Entry Content Grey Area */
        
        #site-content .page-grey-sec .elementor-column-wrap .elementor-widget-wrap {
            position: relative;
            padding: 72px 0 0
        }
        
        #site-content .page-grey-sec .elementor-element {
            position: relative;
            z-index: 2
        }
        
        #site-content .page-grey-sec .elementor-element.grey-bg-case {
            position: absolute;
            top: 0;
            bottom: 0;
            z-index: 1;
            margin-left: calc(-33.333% - 7px);
            margin-right: calc(672px - 50vw);
            width: calc(50vw + 672px);
            background-color: rgb(246, 248, 251)
        }
        /* 10.9 More Services List */
        
        #site-content .more-service-item .elementor-column-wrap {
            position: relative
        }
        
        #site-content .more-service-item .more-service-text {
            position: absolute;
            right: 24px;
            bottom: 12px;
            left: 24px;
            width: auto
        }
        
        #site-content .more-service-item .more-service-text h4,
        #site-content .more-service-item .more-service-text h5 {
            color: rgb(0, 64, 152)
        }
        
        #site-content .more-service-item:hover .more-service-text h4,
        #site-content .more-service-item:hover .more-service-text h5,
        #site-content .more-service-item.more-service-item-current .more-service-text h4,
        #site-content .more-service-item.more-service-item-current .more-service-text h5 {
            color: rgb(255, 255, 255)
        }
        
        #site-content .more-service-item .more-service-text .service-title {
            display: inline-block
        }
        
        #site-content .more-service-item .more-service-text .service-icon {
            display: inline-block;
            margin-left: 4px;
            width: 18px
        }
        
        #site-content .more-service-item .more-service-text .service-icon .more-service-icon {
            fill: rgb(0, 64, 152)
        }
        
        #site-content .more-service-item:hover .more-service-text .service-icon .more-service-icon,
        #site-content .more-service-item.more-service-item-current .more-service-text .service-icon .more-service-icon {
            fill: rgb(255, 255, 255)
        }
        /* 10.10 Case Study */
        
        #site-content .sec-casestudy .elementor-skin-carousel .elementor-main-swiper,
        .elementor-skin-coverflow .elementor-main-swiper {
            height: 327px
        }
        
        #site-content .sec-casestudy .our-picslides .elementor-swiper-button {
            top: auto;
            bottom: 0;
            width: 72px;
            height: 72px;
            background-color: rgb(230, 231, 238);
            transform: translateY(0)
        }
        
        #site-content .sec-casestudy .our-picslides .elementor-swiper-button:hover {
            background-color: rgb(68, 201, 127)
        }
        
        #site-content .sec-casestudy .our-picslides .elementor-swiper-button>i {
            margin: 25px auto 0
        }
        
        #site-content .sec-casestudy .our-picslides .elementor-swiper-button-prev {
            left: -192px
        }
        
        #site-content .sec-casestudy .our-picslides .elementor-swiper-button-next {
            right: auto;
            left: -108px
        }
        
        #site-content .elementor .sec-casestudy .elementor-element .elementor-swiper-button:hover {
            color: rgb(255, 255, 255)
        }
        
        #site-content .elementor .sec-casestudy .swiper-slide:not(:hover) .e-overlay-animation-fade,
        #site-content .elementor .sec-casestudy .swiper-slide:hover .e-overlay-animation-fade {
            padding: 18px 36px;
            opacity: 1;
            background: none;
            color: rgb(29, 29, 31);
            align-items: baseline;
            justify-content: flex-start
        }
        
        #site-content .elementor .sec-casestudy .elementor-element .elementor-carousel-image {
            background-size: contain;
            background-position: left top
        }
        /* 10.11 Page Header */
        
        #site-content .entry-header .elementor-widget.crumbs {
            margin-bottom: 12px
        }
        
        #site-content .entry-header .elementor-widget-heading .elementor-heading-title {
            line-height: 5rem
        }
        
        #site-content .entry-header .elementor-widget.crumbs p {
            margin-bottom: 0
        }
        /* 10.12 Spec Table */
        
        .our-spec-table .ourtb-head {
            font-size: 1.6rem;
            line-height: 2.4rem;
            font-weight: 500;
            color: rgb(0, 64, 152);
            text-transform: uppercase
        }
        
        .our-spec-table .ourtb-body {
            font-size: 1.4rem;
            line-height: 2.2rem
        }
        
        .our-spec-table .ourtb-row {
            display: flex;
            padding: 12px 0;
            border-bottom: rgb(230, 231, 238) solid 1px
        }
        
        .our-spec-table .ourtb-head .ourtb-row {
            padding: 24px 0
        }
        
        .our-spec-table .ourtb-head .ourtb-row span {
            position: relative;
            padding-left: 22px
        }
        
        .our-spec-table .ourtb-head .ourtb-row span:after {
            display: inline-block;
            position: absolute;
            top: 6px;
            left: 0;
            z-index: 1;
            width: 16px;
            height: 2px;
            content: "";
            background-color: rgb(0, 64, 152)
        }
        
        .our-spec-table .ourtb-row .ourtb-col-title {
            width: 30%
        }
        
        .our-spec-table .ourtb-row .ourtb-col-content {
            width: 70%
        }
        
        .our-spec-table .ourtb-body .ourtb-row .ourtb-col-title {
            font-weight: 500
        }
        /* 10.13 Contact Form */
        
        .wpcf7-form>p {
            margin-bottom: 32px
        }
        
        .wpcf7-form>p:last-child {
            margin-bottom: 0
        }
        
        .wpcf7-form>p>label {
            font-size: 12px;
            line-height: 20px;
            font-weight: 500;
            color: rgb(194, 195, 201);
            cursor: pointer
        }
        
        .wpcf7-form .wpcf7-form-control {
            transition: .3s
        }
        
        .wpcf7-form .wpcf7-text,
        .wpcf7-form .wpcf7-textarea {
            width: 100%;
            padding: 4px 0;
            font-size: 16px;
            line-height: 24px;
            box-shadow: none;
            border: none;
            border-bottom: rgb(29, 29, 31) solid 1px
        }
        
        .wpcf7-form .wpcf7-textarea {
            resize: none;
            height: 33px
        }
        
        .wpcf7-form input.wpcf7-text:focus,
        .wpcf7-form textarea.wpcf7-textarea:focus {
            border-bottom-color: rgb(68, 201, 127);
        }
        
        .wpcf7-form .wpcf7-submit {
            display: inline-block;
            font-size: 1.4rem;
            line-height: 2.2rem;
            text-align: center;
            font-weight: 500;
            text-transform: uppercase;
            border-radius: 4px;
            cursor: pointer;
            padding: 14px 51px;
            color: rgb(255, 255, 255);
            background-color: rgba(95, 215, 148, 1);
            border: rgb(95, 215, 148) solid 1px
        }
        
        .wpcf7-form .wpcf7-submit:hover {
            color: rgb(95, 215, 148);
            background-color: rgba(95, 215, 148, 0)
        }
        /* 10.14 Page Images List */
        
        .page-image-list .page-image-item {
            margin-bottom: 56px
        }
        /* 10.15 Page Video Case */
        
        #site-content .sec-videoshow .our-videoslides .elementor-swiper-button {
            top: auto;
            bottom: 0;
            width: 72px;
            height: 72px;
            background-color: rgb(230, 231, 238);
            transform: translateY(0)
        }
        
        #site-content .sec-videoshow .our-videoslides .elementor-swiper-button:hover {
            background-color: rgb(68, 201, 127)
        }
        
        #site-content .sec-videoshow .our-videoslides .elementor-swiper-button>i {
            margin: 25px auto 0;
            color: rgb(29, 29, 31);
            font-size: 20px
        }
        
        #site-content .sec-videoshow .our-videoslides .elementor-swiper-button.swiper-button-disabled {
            pointer-events: none
        }
        
        #site-content .sec-videoshow .our-videoslides .elementor-swiper-button-prev {
            left: -192px
        }
        
        #site-content .sec-videoshow .our-videoslides .elementor-swiper-button-next {
            right: auto;
            left: -108px
        }
        
        #site-content .elementor .sec-videoshow .elementor-element .elementor-swiper-button:hover,
        #site-content .sec-videoshow .our-videoslides .elementor-swiper-button:hover>i {
            color: rgb(255, 255, 255)
        }
        /* Contact Info */
        
        .page-contact-info .row {
            margin-right: -12px;
            margin-left: -12px
        }
        
        .page-contact-info .ourcont-item {
            margin-bottom: 36px
        }
        
        #site-content .page-contact-info .elementor-image {
            display: flex;
            width: 50vw;
            height: 100%;
            overflow: hidden
        }
        
        #site-content .page-contact-info .contactinfo-image-case,
        #site-content .page-contact-info .contactinfo-image-case .elementor-column-wrap,
        #site-content .page-contact-info .contactinfo-image-case .elementor-column-wrap .elementor-widget-wrap,
        #site-content .page-contact-info .contactinfo-image-case .elementor-column-wrap .elementor-widget-wrap .elementor-widget-image,
        #site-content .page-contact-info .contactinfo-image-case .elementor-column-wrap .elementor-widget-wrap .elementor-widget-image .elementor-widget-container {
            height: 100%
        }
        
        #site-content .page-contact-info .contactinfo-image-case img {
            min-width: 100%;
            min-height: 100%;
            width: auto;
            height: auto;
            object-fit: cover;
            object-position: cover
        }
        
        #site-content .page-contact-info>.elementor-container>.elementor-row {
            position: relative;
            display: block;
            height: 100%
        }
        
        #site-content .page-contact-info .contactinfo-image-case {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 36px;
            height: calc(100% - 36px)
        }
        /* 10.6 Logos */
        
        #site-content .logo-list .elementor-widget-image {
            width: 20%
        }
        
        #site-content .home-blog .elementor-widget-posts .elementor-post__read-more {
            font-size: 1.4rem;
            line-height: 2.2rem;
            color: rgb(68, 201, 127);
            font-weight: 500
        }
        
        #site-content .home-blog .elementor-widget-posts .elementor-post__read-more:hover {
            text-decoration: underline
        }
        
        .page-contact-info .container {
            width: auto
        }
        /* Home Process */
        
        .home-service-list .col-procont {
            width: 12%
        }
        
        .home-service-list .col-proarrow {
            width: 5.6%
        }
        
        .home-service-list .process-row>div>div {
            text-align: center
        }
        
        .home-service-list .col-procont .pro-icon {
            margin: 0 auto 8px;
            width: 44px
        }
        
        .home-service-list .col-procont .pro-text {
            font-size: 1.4rem;
            line-height: 2.2rem;
            font-weight: 500;
            text-align: center
        }
        
        .home-service-list .pro-arrow {
            margin: 12px auto 0;
            width: 37px
        }
        /* content wrapper */
        
        #site-content .content-wrapper-xs .elementor-column-wrap {
            width: 66.666%;
            margin: 0 auto
        }
        /* Charpter Title */
        
        #site-content .chapter-title,
        #site-content .elementor-widget:not(:last-child).chapter-title {
            margin-bottom: 36px;
            text-transform: uppercase
        }
        
        #site-content .chapter-title-1 .elementor-heading-title:after {
            display: inline-block;
            position: absolute;
            bottom: -12px;
            left: 0;
            z-index: 1;
            width: 108px;
            height: 3px;
            content: "";
            background-color: rgb(0, 64, 152)
        }
        /* about-gallery */
        
        #site-content .about-gallery .swiper-wrapper {
            display: flex;
            align-items: center
        }
        /**
 * 11.0 Videos
 *
 * --------------------------------------------------------------
 */
        
        .factory-video-list .video-item a {
            display: block;
            position: relative
        }
        
        .factory-video-list .video-item {
            margin-bottom: 24px
        }
        
        .factory-video-list .video-item .video-thumb {
            position: relative;
            z-index: 1
        }
        
        .factory-video-list .video-item .video-text {
            position: absolute;
            z-index: 2;
            right: 0;
            bottom: 0;
            left: 0;
            padding: 12px 24px;
            color: rgb(255, 255, 255);
            height: 50%;
            background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, gba(0, 0, 0, 0.7) 100%);
        }
        
        .factory-video-list .video-item .video-text h4 {
            color: rgb(255, 255, 255)
        }
        
        .factory-video-list .video-item .video-text .play-icon {
            position: absolute;
            right: 16px;
            bottom: 16px;
            width: 24px
        }
        
        .factory-video-list .video-item .video-text .play-icon .svg-white {
            fill: rgba(255, 255, 255, .8)
        }
        
        .factory-video-list .video-item .video-text {
            font-size: 1.2rem;
            line-height: 1.2rem;
            font-weight: 300
        }
        
        .factory-video-list .video-item .video-text .video-name {
            position: absolute;
            right: 56px;
            bottom: 16px;
            left: 24px
        }
        
        .factory-video-list .video-item .video-text h4 {
            font-size: 1.8rem;
            line-height: 2.6rem;
            font-weight: 500
        }
        
        #html5-watermark a {
            display: none;
            position: fixed;
            top: -1000px
        }
        
        .html5-playpause {
            position: fixed;
            top: -1000px
        }
        
        .html5-title-prefix {
            display: none
        }
        
        .archive .pagination-wrapper {
            margin-bottom: 196px
        }
        
        .nav-links>span,
        .nav-links>a {
            display: inline-block;
            line-height: 18px;
            padding: 9px 0;
            margin-right: 18px
        }
        
        .entry-nav li {
            cursor: pointer
        }
        
        .entry-nav li:hover {
            font-weight: 500
        }
        
        .single .entry-content h2 {
            font-size: 32px
        }
        
        .single .entry-content h3 {
            font-size: 20px
        }
        
        .single .entry-content h4 {
            font-size: 20px
        }
        
        .col-auth-video,
        .video-responsive {
            overflow: hidden;
            padding-bottom: 56.25%;
            position: relative;
            height: 0;
        }
        
        .col-auth-video iframe,
        .video-responsive iframe {
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            position: absolute;
        }
        
        .auth-row {
            position: relative
        }
        
        .auth-logo .elementor-column-wrap {
            background-color: #F6F8FB;
            padding: 96px;
        }
        
        .auth-logo .elementor-widget-html {
            padding-right: 40%
        }
        
        .auth-logo .auth-logo-container {
            width: 160px;
            margin: 96px auto;
        }
        
        .auth-row .elementor-row {
            position: relative;
            display: block;
            padding-top: 96px;
        }
        
        #site-content .elementor-column.auth-logo {
            position: absolute;
            top: 0;
            left: 0;
        }
        
        .auth-logo-box {
            margin-bottom: 24px;
        }
        
        #site-content .elementor-column.auth-video {
            position: relative;
            float: right;
            display: block;
            width: 70%;
        }
        
        .ourpcb-cover {
            position: fixed;
            /*首先将位置固定住*/
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            /*上下左右设置都为0*/
            background-color: rgba(0, 0, 0, 0.4);
            z-index: 99;
            /*指定一个元素的堆叠顺序,数值越大,表示在越上边*/
        }
        
        .ourpcb-modal {
            width: 700px;
            height: auto;
            min-height: 400px;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -40%);
            background-color: white;
            z-index: 100;
            padding: 40px 30px;
            /*将x的位置移动*/
        }
        
        .contact-form {
            margin-top: 32px;
        }
        
        @media (min-width: 1220px) {
            .contact-form {
                margin-top: 32px;
                width: 70%;
            }
        }
        
        .wufoo .req {
            color: red;
        }
        
        .ourpcb-modal h3 {
            font-size: 28px;
            font-weight: 500;
            padding-bottom: 10px;
        }
        
        .ourpcb-close {
            float: right;
            /*在这里将x移动到右上角*/
            margin-right: 15px;
            margin-top: 10px;
            font-size: 32px;
            font-weight: 100;
            cursor: pointer;
            position: relative;
            top: -20px;
            right: -20px;
        }
        
        .wufoo label {
            color: #B3B5B9;
            /*font-size: ;*/
        }
        
        .wufoo input.medium {
            height: 32px;
            width: 100%;
            border: 1px solid #E9EAED;
        }
        
        .wufoo textarea.medium {
            width: 100%;
            height: 60px;
            border: 1px solid #E9EAED;
        }
        
        .ourpcb-hide {
            display: none;
            /*表示不显示*/
        }
        
        .form-line {
            margin-bottom: 24px;
        }
        
        .wufoo .desc {
            margin-bottom: 8px;
        }
        
        .wufoo .submit {
            padding: 14px 51px;
            color: rgb(255, 255, 255);
            background-color: rgba(95, 215, 148, 1);
            border: rgb(95, 215, 148) solid 1px;
        }
        
        @media (max-width: 900px) {
            .ourpcb-modal {
                width: 100%;
                height: 100vh;
                position: fixed;
                top: 0px;
                left: 0px;
                padding: 20%;
                transform: translate(0%, 0%);
                /*将x的位置移动*/
            }
            #entry-nav {
                width: 100%;
                position: relative;
                top: auto;
            }
        }
        
        .menu-item-14174 {
            margin-top: -10px;
            padding: 10px 20px;
            background-color: #44c97f;
            border-radius: 20px;
        }