/*
Theme Name: Adongv2 Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
@font-face { font-family: 'Gilroy'; src: url("assets/fonts/Gilroy-Light.woff2") format("woff2"), url("assets/fonts/Gilroy-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Gilroy'; src: url("assets/fonts/Gilroy-ExtraBold.woff2") format("woff2"), url("assets/fonts/Gilroy-ExtraBold.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Gilroy'; src: url("assets/fonts/Gilroy-Bold.woff2") format("woff2"), url("assets/fonts/Gilroy-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Gilroy'; src: url("assets/fonts/Gilroy.woff2") format("woff2"), url("assets/fonts/Gilroy.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Gilroy'; src: url("assets/fonts/Gilroy-Medium.woff2") format("woff2"), url("assets/fonts/Gilroy-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; }
body, h1, h2, h3, h4, h5, .nav > li > a { font-family: "Gilroy" !important; }

:root { --secondary-color: #b5090e; }

.header-language-dropdown .img { height: auto !important; width: auto !important; }

.footer-1 .block_widget { padding: 0; }

.top-bar-nav li { margin: 0 23px; }
.top-bar-nav li > a { color: #fff !important; font-size: 16px; font-weight: 700 !important; }
.top-bar-nav li > a img { margin-right: 12px; }
.top-bar-nav li > a span { line-height: 1; }
.top-bar-nav li .nav-divided > li + li > a:after { border-width: 2px; border-color: #fff; left: -22px; }
.top-bar-nav .header-divider { width: 2px; background-color: #fff; height: 19px !important; }
.top-bar-nav .social-icons { margin-left: 10px; }
.top-bar-nav .social-icons > a { font-size: 26px !important; }

.header-nav-main > li { margin: 0 12px; }
.header-nav-main > li > a { font-size: 17px; color: #fff !important; font-weight: 500 !important; }
.header-nav-main > li > a:before { height: 1px; background-color: #838383 !important; }

.header:not(.transparent) .header-main { background: url("assets/images/header-bg.jpg") no-repeat center center; }

@media screen and (min-width: 850px) { .row-divided > .col + .col:not(.large-12) { border-color: var(--primary-color); } }
.banner { background-color: #000 !important; }
.banner h2 { font-size: 40px; line-height: 50px; }
.banner.has-radius { border-radius: 20px; }

b, strong { font-weight: 700; }

#wrapper, #main { background-color: #1e1e1e; }

.section-title { border-bottom: none; }
.section-title b { opacity: 0; }
.section-title span { border-bottom: none; }
.section-title.section-title-bold-center { margin-bottom: 0; }
.section-title.section-title-bold-center span.section-title-main { background: var(--primary-color); color: #fff; display: block; width: 100%; border-top-left-radius: 5px; border-top-right-radius: 5px; }

h3.section-title span.section-title-main { font-size: 25px; }

h2.section-title span.section-title-main { font-size: 42px; }

h1.section-title span.section-title-main { font-size: 52px; }

h2.title { font-size: 42px; }

.flickity-page-dots .dot { border: 2px solid var(--primary-color) !important; height: 12px !important; width: 12px !important; opacity: 1 !important; }
.flickity-page-dots .dot.is-selected { background-color: var(--primary-color) !important; }

.icon.open-video { border-width: 5px; }

.home-video .icon.open-video { border-width: 7px; width: 111px; height: 111px; line-height: 98px; opacity: 0.5; }
.home-video .icon.open-video:hover { opacity: 1; }

.home-client .col1 { min-height: 490px; display: flex; align-items: center; position: relative; overflow: hidden; background: url(assets/images/banner.jpg) no-repeat center center; background-size: cover; }
.home-client .col1 .col-inner { z-index: 2; }
.home-client .col1:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 130px 490px 0; border-color: transparent #262626 transparent transparent; position: absolute; display: block; z-index: 2; right: 0; top: 0; }
.home-client .col1:after { content: ""; background-color: #262626; opacity: 0.5; position: absolute; height: 100%; width: 100%; z-index: 0; top: 0; left: 0; }
.home-client .col1 p { font-weight: 500; font-size: 18px; }
.home-client .col2 .col-inner { display: flex; flex-direction: column; justify-content: center; }
.home-client .gallery-col .col-inner { height: 80px; line-height: 80px; text-align: center; }
.home-client .gallery-col .col-inner img { width: auto; }
.home-client.certification .col1 { min-height: 350px; }
.home-client.certification .gallery-col .col-inner { height: 130px; line-height: 130px; text-align: center; }

.home-number .bg:before { content: ''; height: 100%; width: 100%; position: absolute; background: url(assets/images/bg-world.png) no-repeat; background-position: 50% 24%; }
.home-number h3 { font-size: 33px; }
.home-number p { font-weight: 500; }

.home-nangluc h2 { font-size: 60px; line-height: 72px; }
.home-nangluc h4 { font-size: 25px; line-height: 31px; }

.carousel-nav-project-slide .carousel-cell { max-width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; position: relative !important; left: 0% !important; }
.carousel-nav-project-slide .flickity-viewport { overflow: inherit !important; height: 100% !important; }
.carousel-nav-project-slide .flickity-slider { transform: none !important; }
.carousel-nav-project-slide .slide-title { font-size: 18px; font-weight: 700; text-transform: uppercase; margin-bottom: 20px; }
.carousel-nav-project-slide .slide-title a { color: #f1f1f1; }
.carousel-nav-project-slide .carousel-cell.active .slide-title, .carousel-nav-project-slide .carousel-cell:hover .slide-title { padding-left: 30px; }
.carousel-nav-project-slide .carousel-cell.active .slide-title a, .carousel-nav-project-slide .carousel-cell:hover .slide-title a { color: var(--primary-color); }

.carousel-nav-about-slide { margin: 20px auto 40px; }
.carousel-nav-about-slide .flickity-viewport { overflow: inherit; padding-top: 34px; min-height: 90px; }
.carousel-nav-about-slide .flickity-viewport:before { content: ""; width: 100%; height: 1px; display: block; position: absolute; bottom: 0px; background: url("assets/images/line-history.png") no-repeat center center; }
.carousel-nav-about-slide .carousel-cell { display: inline-block; text-align: center; color: #fff; transition: all 500ms ease; width: 10%; margin: 0 16px; max-width: 10%; -ms-flex-preferred-size: 10%; flex-basis: 10%; }
.carousel-nav-about-slide .carousel-cell:before { content: ""; width: 11px; height: 11px; display: block; position: absolute; left: 50%; bottom: -23px; background-color: #fff; transform: translate(-50%, 0) rotate(45deg); z-index: 2; }
.carousel-nav-about-slide .carousel-cell .slide-title { min-height: 39px; line-height: 39px; font-size: 25px; }
.carousel-nav-about-slide .carousel-cell .slide-title a { color: #fff; }
.carousel-nav-about-slide .carousel-cell.is-selected .slide-title, .carousel-nav-about-slide .carousel-cell:hover .slide-title { font-size: 52px; font-weight: 700; }
.carousel-nav-about-slide .carousel-cell.is-selected:before, .carousel-nav-about-slide .carousel-cell:hover:before { width: 15px; height: 15px; bottom: -24px; }

.section.about-slide { padding-top: 60px; padding-bottom: 60px; }
.section.about-slide:before { content: ""; position: absolute; top: 0; left: 50%; border-top: 20px solid #262626; border-left: 20px solid #0000; border-right: 20px solid #0000; z-index: 999; transform: translateX(-50%); }
.section.about-slide .row.align-middle { top: 0; }

@media (max-width: 480px) { .carousel-nav-horizontal .carousel-cell { width: 15%; margin: 0 13px; } }
.has-background { background-color: #262626; border-radius: 20px; }

.has-radius { border-radius: 15px; overflow: hidden; }

.wpcf7 .col { padding-bottom: 0; }
.wpcf7 form { margin-bottom: 0; }
.wpcf7 form .wpcf7-response-output { background: #1e1e1e; color: #fff; border-width: 1px; }
.wpcf7 input[type=email], .wpcf7 input[type=tel], .wpcf7 input[type=text], .wpcf7 textarea { background-color: transparent; color: #838383; border: none; box-shadow: none; border-bottom: 1px solid #838383; }
.wpcf7 input::placeholder { color: #838383; }
.wpcf7 .wpcf7-submit { border-radius: 5px; min-width: 126px; line-height: 40px; }
.wpcf7 .wpcf7-spinner { display: none; }

.post-item h5.post-title { font-size: 25px; font-weight: 700; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* number of lines to show */ line-clamp: 3; -webkit-box-orient: vertical; }
.post-item .is-divider { display: none; }
.post-item p { color: #fff; }
.post-item .button.primary { border-radius: 5px; font-size: 14px; box-shadow: none; border: none; }
.post-item .button.primary:after { display: none; }
.post-item .shade { background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.12) 60%); opacity: 1; }
.post-item .box-shade .box-text { padding-left: 15px; padding-right: 15px; }

.section .button:not(.icon) { border: none; }
.section .button:not(.icon) span { line-height: 1; padding-top: 13px; }

.rank-math-breadcrumb { text-transform: uppercase; }
.rank-math-breadcrumb a { color: #fff; }
.rank-math-breadcrumb .last { color: #fff; font-weight: bold; }
.rank-math-breadcrumb p { margin-bottom: 15px; }

.featured-title .page-title-inner { display: flex; flex-direction: column; align-items: flex-end; }
.featured-title .page-title-inner h1.entry-title { font-size: 59px; text-shadow: 0px 5px 3px rgba(0, 0, 0, 0.54); text-transform: uppercase; }
.featured-title .page-title-inner .page-title-sub { margin-right: 0 !important; font-size: 16px; opacity: 1; color: #fff; text-align: right !important; font-weight: 500 !important; }

.section-title-bold span.section-title-main { background-color: var(--primary-color); color: #fff; line-height: 50px; }

.page-col .col-inner { border-radius: 20px; overflow: hidden; }
.page-col p { font-size: 25px; font-weight: 700; text-shadow: 0px 5px 3px rgba(0, 0, 0, 0.54); text-transform: uppercase; }
.page-col .box-text-top.box-overlay .box-text { top: 15%; }
.page-col .box:hover .overlay { opacity: 0; }

.du-an-item .box-image .image-cover { border-radius: 20px; overflow: hidden; }
.du-an-item .box-image .image-cover .overlay { display: none; }
.du-an-item h3.post-title { font-size: 23px; font-weight: 700; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */ line-clamp: 2; -webkit-box-orient: vertical; }
.du-an-item .from_the_blog_excerpt { color: #fff; font-size: 17px; text-align: justify; margin-bottom: 20px; }
.du-an-item .view-more { color: #fff; font-size: 16px; text-decoration: underline; padding: 0; font-weight: 400; text-transform: none; margin: 0; }
.du-an-item .view-more:hover { color: var(--primary-color); }

.video-item .col-inner + .col-inner { padding-top: 20px; }

.page-nangluc .box .box-image { border-radius: 30px !important; }
.page-nangluc .box .box-text h2 { font-size: 25px; }
.page-nangluc .box .box-text p { text-align: justify; }
.page-nangluc .box.box-overlay .box-text h2 { color: #fff; }

.page-lienhe .featured-box { max-width: 279px; margin: 0 auto; }
.page-lienhe .featured-box p strong { display: block; }
.page-lienhe .featured-box a { color: #fff; }
.page-lienhe .wpcf7 input[type=email], .page-lienhe .wpcf7 input[type=tel], .page-lienhe .wpcf7 input[type=text], .page-lienhe .wpcf7 textarea { background-color: #2a2a2a; box-shadow: none; border-bottom: none; }
.page-lienhe .social-icons a { height: 60px; width: 60px; border: none; background: #ceb786; color: #fff; font-size: 24px; line-height: 60px; margin-right: 30px; }

.blog-single { padding-top: 0; }
.blog-single h1.entry-title { color: #fff; }
.blog-single .post-meta { display: flex; }
.blog-single .post-meta svg { height: 19px; width: 20px; fill: var(--primary-color); }
.blog-single .post-meta span { margin-left: 10px; color: var(--primary-color); }
.blog-single .entry-header-text { padding-bottom: 0; }

.product-gallery .product-gallery-main { margin-bottom: 8px; }

.carousel-nav .box .image-cover { border-radius: 8px; border: 1px solid transparent; }
.carousel-nav .box.is-nav-selected .image-cover { border-color: #F4342A; }

.custom-video-box .image-cover { border-radius: 8px; overflow: hidden; border: 1px solid transparent; }
.custom-video-box.active .image-cover { border-color: #F4342A; }

.post-sidebar span.widget-title { font-size: 25px; font-weight: 700; color: var(--primary-color); display: block; margin-bottom: 10px; }
.post-sidebar .is-divider { display: none; }
.post-sidebar ul { margin-bottom: 40px; }
.post-sidebar ul li { padding: 15px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.25); }
.post-sidebar ul li + li { border-top: none; }
.post-sidebar ul li a { color: #ffffff; font-size: 16px; padding: 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */ line-clamp: 2; -webkit-box-orient: vertical; }
.post-sidebar ul li:hover, .post-sidebar ul li.current-cat { border-color: var(--secondary-color); }
.post-sidebar ul li:hover a, .post-sidebar ul li.current-cat a { color: var(--secondary-color); padding-left: 30px; position: relative; }
.post-sidebar ul li:hover a:before, .post-sidebar ul li.current-cat a:before { content: ""; background: url("assets/images/arrow-right-long-solid.svg") no-repeat; display: inline-block; margin-right: 8px; position: absolute; width: 20px; height: 20px; left: 0; }
.post-sidebar .post_comments, .post-sidebar .flex-col.mr-half { display: none; }
.post-sidebar .widget_media_image img { width: 100%; }

.related-title { font-size: 40px; color: #fff; text-align: center; font-weight: 700; text-transform: uppercase; }

.related { border-top: 1px solid var(--primary-color); }
.related .box-text { background-color: #252525; padding: 10px 15px; }
.related h5.post-title { font-size: 16px; font-weight: 700; color: #fff; margin-top: 10px; margin-bottom: 10px; display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */ line-clamp: 2; line-height: 1.5; -webkit-box-orient: vertical; }
.related h5.post-title:hover { color: var(--secondary-color); }
.related p { color: #fff; font-size: 16px; margin-bottom: 10px; }

.du-an-related h5.post-title { font-size: 18px; font-weight: 700; color: #fff; margin-top: 10px; margin-bottom: 10px; text-transform: uppercase; display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */ line-clamp: 2; -webkit-box-orient: vertical; }
.du-an-related .du-an-item .custom-overlay { position: absolute; top: 50%; left: 50%; height: 95%; background-color: #000c; -webkit-transition: opacity .6s,-webkit-transform .3s; transition: opacity .6s,-webkit-transform .3s; -o-transition: transform .3s,opacity .6s; transition: transform .3s,opacity .6s; transition: transform .3s,opacity .6s,-webkit-transform .3s; pointer-events: none; width: 95%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; opacity: 0; }
.du-an-related .du-an-item .custom-overlay:before { content: ""; width: 94%; height: 94%; border: 2px solid var(--secondary-color); display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; }
.du-an-related .du-an-item:hover .custom-overlay { opacity: 1; }
.du-an-related .du-an-item:hover h5.post-title { color: var(--secondary-color); }
.du-an-related .box-image .image-cover { border-radius: 0; }

.icon-link { content: ""; background: url("assets/images/link.png") no-repeat center center; height: 40px; width: 40px; position: relative; }

.single-doi-tac-content p strong { color: var(--primary-color); }

.widget_new_post.slider-nav-simple .flickity-prev-next-button { opacity: 1; top: 20%; }
.widget_new_post.slider-nav-simple .flickity-prev-next-button svg { padding: 0; }
.widget_new_post.slider-nav-simple .flickity-prev-next-button .arrow { color: #909090; }
.widget_new_post.slider-nav-simple .flickity-prev-next-button:hover svg, .widget_new_post.slider-nav-simple .flickity-prev-next-button:hover .arrow { fill: var(--secondary-color); }

.footer-1 { padding: 0; }

.absolute-footer { border-top: 1px solid var(--primary-color); display: none; }

.copyright-footer { color: #fff; }
.copyright-footer strong, .copyright-footer a { color: var(--primary-color); }

.off-canvas-right .mfp-content { width: 450px; background-color: #1a1a1a; }

.off-canvas-left .mfp-content { background-color: #1a1a1a; }

.back-to-top { border: none !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); height: 50px; width: 50px; bottom: 60px; background: var(--primary-color) !important; color: #fff !important; font-size: 19px; line-height: 47px !important; }

.nav-pagination-box { text-align: center; display: block; width: 100%; margin-bottom: 20px; }

.page-numbers > li > a, .page-numbers > li > span { font-weight: 500; font-size: 14px; line-height: 33px; width: 37px; height: 37px; border: 1px solid var(--primary-color); color: var(--primary-color); border-radius: 60px; }
.page-numbers > li > a.current, .page-numbers > li > span.current { background-color: var(--primary-color) !important; }
.page-numbers > li.active > a, .page-numbers > li:hover > a { color: #fff !important; background-color: var(--primary-color) !important; }

@media screen and (min-width: 769px) { .du-an-item .box-vertical .box-image, .du-an-item .box-vertical .box-text { padding-top: 0; vertical-align: top; }
  .du-an-item .box-text { position: initial; }
  .du-an-item .box-vertical .view-more { position: absolute; bottom: 0; }
  .vertical-right .du-an-item .box-vertical .box-image, .vertical-right .post-item .box-vertical .box-image { float: right; }
  .vertical-right .du-an-item .box-vertical .box-text, .vertical-right .post-item .box-vertical .box-text { float: left; width: 40%; padding-left: 0; padding-right: 40px; }
  .page-lienhe .row-divided > .col + .col:not(.large-12) { border-left: 2px solid var(--primary-color); } }
@media screen and (max-width: 1200px) { .header .hide-for-medium { display: none; }
  .header .show-for-medium { display: block !important; }
  .carousel-nav-project-slide .flickity-viewport { min-height: 400px; }
  .carousel-nav-about-slide .carousel-cell.is-selected .slide-title, .carousel-nav-about-slide .carousel-cell:hover .slide-title { font-size: 30px; }
  .page-template-page-blank-manufacturing .section p:has(.count-up) { margin-bottom: 0; }
  .carousel-nav-project-slide .slide-title { font-size: 18px; } }
@media screen and (max-width: 1024px) { .banner h2 { font-size: 24px; line-height: 35px; }
  .home-video .icon.open-video { width: 90px; height: 90px; line-height: 80px; }
  .off-canvas:not(.off-canvas-center) .nav-vertical li > a { padding-left: 20px; font-size: 12px; }
  h2.section-title span.section-title-main { font-size: 35px; }
  .carousel-nav-vertical .slide-title { font-size: 20px; }
  .home-nangluc h4 { font-size: 18px; line-height: 24px; }
  h2.title { font-size: 28px; } }
.nav-sidebar.nav-vertical > li + li { border: 1px solid #282828; }

.nav-sidebar.nav-vertical > li a { color: #fff; }

.nav-vertical li li.menu-item-has-children > a { color: #fff; }

@media screen and (max-width: 1200px) { .nav > li > a > i { color: #fff; } }
@media screen and (max-width: 512px) { .mobile-nav .icon-image img { min-width: 30px; }
  .mobile-nav.nav-left { margin-right: 35px; }
  .banner h2 { font-size: 18px; line-height: 26px; }
  h1.section-title span.section-title-main, .featured-title .page-title-inner h1.entry-title { font-size: 32px; }
  .featured-title .page-title-inner .page-title-sub { font-size: 14px; padding-right: 30px; }
  .title-wrapper h1.entry-title { text-align: right; padding-right: 30px; }
  h2.section-title span.section-title-main { font-size: 25px; }
  .home-client .col1 { min-height: 300px; }
  .home-client .col1:before { display: none; }
  .home-client .col2 .col-inner { padding-top: 30px !important; }
  .post-item h5.post-title, h3.section-title span.section-title-main { font-size: 22px; }
  h3.section-title span.section-title-main { line-height: 40px; }
  .page-col .box-text-top.box-overlay .box-text { top: 20%; }
  .carousel-nav-project-slide .slide-title, .page-col p { font-size: 20px; }
  .du-an-item h3.post-title { font-size: 20px; margin-bottom: 15px; margin-top: 10px; }
  .du-an-item .box-image .image-cover { padding-top: 75% !important; }
  .breadcrumbs .separator { margin: 0; }
  .page-template-page-blank-manufacturing section.section { padding-left: 0; padding-right: 0; }
  .page-template-page-blank-manufacturing .section p:has(.count-up) { font-size: 35px !important; font-weight: 700; }
  .carousel-nav-about-slide .carousel-cell.is-selected .slide-title, .carousel-nav-about-slide .carousel-cell:hover .slide-title { font-size: 24px; } }
#callnowbutton.cnb-single { width: 55px; height: 55px; border-radius: 50%; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); background-position: center; background-size: 46px 36px; background-repeat: no-repeat; margin-bottom: 85px; margin-right: 7px; }

.button.icon.circle { padding-left: 0; padding-right: 0; margin-bottom: 30px; margin-right: 10px; }

@media (max-width: 849px) { .header-main li.html.custom { display: block; } }
.hotline-phone-ring-wrap { position: fixed; bottom: 0; left: 0; z-index: 999999; }

.hotline-phone-ring { position: relative; visibility: visible; background-color: transparent; width: 110px; height: 110px; cursor: pointer; z-index: 11; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); transition: visibility .5s; left: 0; bottom: 0; display: block; }

.hotline-phone-ring-circle { width: 85px; height: 85px; top: 10px; left: 10px; position: absolute; background-color: transparent; border-radius: 100%; border: 2px solid #1e73be; -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out; animation: phonering-alo-circle-anim 1.2s infinite ease-in-out; transition: all .5s; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; opacity: 0.5; }

.hotline-phone-ring-circle-fill { width: 55px; height: 55px; top: 25px; left: 25px; position: absolute; background-color: #1e73be; border-radius: 100%; border: 2px solid transparent; -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out; animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out; transition: all .5s; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; }

.hotline-phone-ring-img-circle { background-color: #1e73be; width: 33px; height: 33px; top: 37px; left: 37px; position: absolute; background-size: 20px; border-radius: 100%; border: 2px solid transparent; -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out; animation: phonering-alo-circle-img-anim 1s infinite ease-in-out; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; }

.hotline-phone-ring-img-circle .pps-btn-img { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.hotline-phone-ring-img-circle .pps-btn-img img { width: 20px; height: 20px; }

.hotline-bar { position: absolute; background: #1e73be; height: 40px; width: 40px; line-height: 40px; border-radius: 3px; padding: 0 10px; background-size: 100%; cursor: pointer; transition: all 0.8s; -webkit-transition: all 0.8s; z-index: 9; box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1); border-radius: 50px !important; /* width: 175px !important; */ left: 33px; bottom: 37px; }

.hotline-bar > a { color: #fff; text-decoration: none; font-size: 15px; font-weight: bold; text-indent: 50px; display: block; letter-spacing: 1px; line-height: 40px; font-family: Arial; }

.hotline-bar > a:hover, .hotline-bar > a:active { color: #fff; }

@-webkit-keyframes phonering-alo-circle-anim { 0% { -webkit-transform: rotate(0) scale(0.5) skew(1deg); -webkit-opacity: 0.1; }
  30% { -webkit-transform: rotate(0) scale(0.7) skew(1deg); -webkit-opacity: 0.5; }
  100% { -webkit-transform: rotate(0) scale(1) skew(1deg); -webkit-opacity: 0.1; } }
@-webkit-keyframes phonering-alo-circle-fill-anim { 0% { -webkit-transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.6; }
  50% { -webkit-transform: rotate(0) scale(1) skew(1deg); opacity: 0.6; }
  100% { -webkit-transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.6; } }
@-webkit-keyframes phonering-alo-circle-img-anim { 0% { -webkit-transform: rotate(0) scale(1) skew(1deg); }
  10% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg); }
  20% { -webkit-transform: rotate(25deg) scale(1) skew(1deg); }
  30% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg); }
  40% { -webkit-transform: rotate(25deg) scale(1) skew(1deg); }
  50% { -webkit-transform: rotate(0) scale(1) skew(1deg); }
  100% { -webkit-transform: rotate(0) scale(1) skew(1deg); } }
@media (max-width: 768px) { .hotline-bar { display: none; } }
.page-template-page-blank-manufacturing .section p:has(.count-up) { font-size: 45px; font-weight: 700; }
.page-template-page-blank-manufacturing .section.global a { font-size: 25px; font-weight: 400; text-decoration: underline; }

.sec-toc { position: sticky; top: 8rem; }

.sec-toc-list { display: flex; flex-direction: column; gap: 70px; position: relative; list-style: none; }

.sec-toc-list li { margin-bottom: 0; }

.sec-toc-list::before { content: ""; position: absolute; left: 100%; top: 1%; bottom: 6%; height: 98%; transform: translateX(-50%); border-left: 0.1rem dashed #9a9a9a; }

.sec-toc .toc-link { font-size: 15px; font-weight: 700; color: #9a9a9a; text-align: right; display: block; padding: 0; padding-right: 1.2rem; position: relative; text-transform: uppercase; }

.sec-toc .toc-link::before { content: ""; position: absolute; left: 100%; top: 50%; width: 0.6rem; height: 0.6rem; border-radius: 100rem; background: #999999; transform: translate(-50%, -50%); }

.sec-toc .toc-link::after { content: ""; position: absolute; left: 100%; top: 50%; transform: translate(-50%, -50%); width: 1.8rem; height: 1.8rem; background-image: url(assets/images/icon-sc-box.svg); background-repeat: no-repeat; background-size: contain; /* background-position: center; */ filter: brightness(1); opacity: 0; }

.sec-toc .toc-link.active { color: var(--primary-color); }

.sec-toc .toc-link.active::after { opacity: 1; }

.scap-map .inner-map { width: 100%; position: relative; display: flex; }

.scap-block { margin-top: 3.2rem; }

.scap-map .inner-map img { width: 100%; display: block; }

.scap-map-pos { position: relative; }

.scap-dot { position: absolute; width: 0.6rem; height: 0.6rem; border-radius: 100rem; background: var(--fs-color-primary); transform: translate(-50%, -50%); z-index: 2; cursor: pointer; /* animation: ZoomOut2 1.6s linear infinite alternate; */ }

.scap-dot::before, .scap-dot::after { content: ""; width: 0.4rem; height: 0.4rem; border-radius: 50%; background-color: #181b18; position: absolute; top: 50%; left: 50%; margin: auto; transform: translate(-50%, -50%) scale(0.5); transform-origin: center center; animation: pulse-me 3s linear infinite; z-index: -1; opacity: 0; }

.scap-dot::after { animation-delay: 2s; }

.widget-categories .widget-title.toggleable { cursor: pointer; display: flex; justify-content: space-between; align-items: center; user-select: none; }
.widget-categories .widget-title.toggleable .hamburger-icon { width: 20px; height: 16px; display: flex; flex-direction: column; justify-content: space-between; cursor: pointer; }
.widget-categories .widget-title.toggleable .hamburger-icon .line { display: block; height: 2px; width: 100%; background-color: var(--primary-color); transition: all 0.3s ease; transform-origin: center; }
.widget-categories .widget-title.toggleable:hover { opacity: 0.8; }
.widget-categories .product-cat-menu { transition: all 0.3s ease; overflow: hidden; }
.widget-categories .product-cat-menu.collapsed { max-height: 0; opacity: 0; margin-bottom: 0; }

@media screen and (max-width: 849px) { .widget-categories .product-cat-menu { max-height: 0; opacity: 0; margin-bottom: 0; }
  .widget-categories .product-cat-menu.expanded { max-height: 1000px; opacity: 1; margin-bottom: 40px; }
  .featured-title .page-title-inner .page-title-sub, .featured-title .page-title-inner h1.entry-title { text-align: right !important; width: auto !important; } }
@keyframes pulse-me { 0% { transform: translate(-50%, -50%) scale(0.5); opacity: 0; }
  50% { opacity: 0.3; }
  70% { opacity: 0.09; }
  100% { transform: translate(-50%, -50%) scale(8); opacity: 0; } }
.scap-dot.x1 { top: 40.7%; left: 19.4%; }

.scap-dot.x1:hover ~ .scap-fmap.x1 img { filter: unset; }

.scap-dot.x2:hover ~ .scap-fmap.x2 img { filter: unset; }

.scap-dot.x3:hover ~ .scap-fmap.x3 img { filter: unset; }

.scap-dot.x4:hover ~ .scap-fmap.x4 img { filter: unset; }

.scap-dot.x5:hover ~ .scap-fmap.x5 img { filter: unset; }

.scap-dot.x6:hover ~ .scap-fmap.x6 img { filter: unset; }

.scap-dot.x1:hover ~ .scap-fmap.x1 .b-text { opacity: 1; }

.scap-dot.x2:hover ~ .scap-fmap.x2 .b-text { opacity: 1; }

.scap-dot.x3:hover ~ .scap-fmap.x3 .b-text { opacity: 1; }

.scap-dot.x4:hover ~ .scap-fmap.x4 .b-text { opacity: 1; }

.scap-dot.x5:hover ~ .scap-fmap.x5 .b-text { opacity: 1; }

.scap-dot.x6:hover ~ .scap-fmap.x6 .b-text { opacity: 1; }

  /* .scap-dot.x2 {
	top: 30%;
	left: 55%; } */
.scap-dot.x2 { top: 41.8%; left: 86.2%; }

.scap-dot.x3 { top: 55.8%; left: 76.9%; }

.scap-dot.x4 { top: 62.3%; left: 75.7%; }

.scap-dot.x5 { top: 78.5%; left: 85%; }

.scap-dot.x6 { top: 34.4%; left: 51.2%; }

.scap-fmap { position: absolute; display: flex; transform: translate(-50%, -50%); z-index: 1; }

.scap-fmap .b-text { position: absolute; font-size: 3.2rem; font-weight: 400; color: #fff; opacity: 0; transition: 0.2s ease-in-out; }

.scap-fmap img { display: block; width: 100%; filter: contrast(0) brightness(1.2); transition: 0.2s ease-in-out; }

.scap-fmap.x1 { width: 28.9%; left: 14.5%; top: 33.1%; }

.scap-fmap.x1 .b-text { top: 50%; left: 28%; }

.scap-fmap.x2 { width: 8.2%; right: 6.5%; top: 39.5%; }

.scap-fmap.x2 .b-text { top: 50%; left: 58%; }

.scap-fmap.x3 { width: 2.9%; right: 20.5%; top: 55.4%; }

.scap-fmap.x3 .b-text { top: 0%; left: 75%; }

.scap-fmap.x4 { width: 1%; right: 22.5%; top: 63%; }

.scap-fmap.x4 .b-text { top: 0%; right: 100%; }

.scap-fmap.x5 { width: 9.5%; right: 6.2%; top: 80%; }

.scap-fmap.x5 .b-text { top: 0%; left: 100%; }

.scap-fmap.x6 { width: 14.2%; left: 51.1%; top: 31%; }

.single-product-content iframe { display: block; margin: 0 auto; }