:root {
  --jinli-blue: #087df1;
  --jinli-blue-dark: #064b9b;
  --jinli-blue-deep: #082f64;
  --jinli-blue-light: #eaf5ff;
  --jinli-text: #082f64;
}
body { color: #24364c; background: #fff; }
a { color: var(--jinli-blue); }
.header_top, .top_bar, .topbar, .header_v13 .top_bar {
  background: var(--jinli-blue-dark) !important;
  color: #fff !important;
}
.header_top a, .top_bar a, .topbar a { color: #fff !important; }
.header-area .main_header_content, .header_area .main_header_content,
.header-area .navbar, .header_area .navbar,
.header-area .header_content_collapse, .header_area .header_content_collapse {
  background: #fff !important;
  border-bottom: 1px solid #d8e8f8 !important;
  box-shadow: 0 5px 18px rgba(6,63,136,.08) !important;
}
.header-area .navbar_nav > li > a, .header_area .navbar_nav > li > a,
.header-area .navigation_menu > ul > li > a, .header_area .navigation_menu > ul > li > a {
  color: var(--jinli-blue-deep) !important;
}
.header-area .navbar_nav > li > a:hover, .header_area .navbar_nav > li > a:hover,
.header-area .navbar_nav > li.active > a, .header_area .navbar_nav > li.active > a {
  color: var(--jinli-blue) !important;
}
.theme_btn, .btn, button, input[type="submit"], .wpforms-submit,
.elementor-button, .button, .read_more, .service-card a, .service-cta, .gx-button {
  background: var(--jinli-blue) !important;
  border-color: var(--jinli-blue) !important;
  border-radius: 6px !important;
  color: #fff !important;
}
.theme_btn:hover, .btn:hover, button:hover, input[type="submit"]:hover,
.wpforms-submit:hover, .elementor-button:hover, .service-card a:hover,
.service-cta:hover, .gx-button:hover {
  background: var(--jinli-blue-dark) !important;
  border-color: var(--jinli-blue-dark) !important;
  color: #fff !important;
}
.title_all_box .title_sections h2, .section_title h2, .gx-heading h1,
.service-page h1, .service-page h2, .jinli-profile h1 {
  color: var(--jinli-text) !important;
}
.title_all_box .title_sections .before_title, .section_title .before_title,
.gx-kicker, .service-page__head span, .jinli-eyebrow {
  color: var(--jinli-blue) !important;
}
.page_wapper > .elementor > .elementor-section:nth-child(4n+2),
.gx-form-section, .service-note {
  background-color: var(--jinli-blue-light) !important;
}
.service-card, .gx-card, .testimonial_box, .wpforms-container, .gx-form-inner {
  border: 1px solid #d8e8f8 !important;
  border-radius: 6px !important;
  box-shadow: 0 10px 28px rgba(6,63,136,.10) !important;
}
.service-card img, .gx-card img, .page_wapper .elementor-widget-image img {
  border-radius: 6px 6px 0 0;
}
.footer_area, .footer_area > .elementor, .footer_area .elementor-section,
.footer, footer {
  background-color: var(--jinli-blue-dark) !important;
}
.footer_area .elementor-background-overlay {
  background-color: var(--jinli-blue-deep) !important;
  opacity: .35 !important;
}
.footer_area, .footer_area p, .footer_area a, .footer_area li, .footer_area span,
.footer_area h1, .footer_area h2, .footer_area h3, .footer_area h4,
.footer_area .title, .footer_area .links {
  color: #fff !important;
}
.footer_area a:hover { color: #8ed0ff !important; }
.logo_box .logo img, .logobox .logo img, .log_bx .logo img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 116px !important;
  max-height: 74px !important;
  object-fit: contain !important;
}
.jinli-profile {
  max-width: 1080px;
  margin: 0 auto;
  padding: 72px 24px;
}
.jinli-profile h1 {
  max-width: 780px;
  margin: 12px 0 28px;
  font-size: 42px;
  line-height: 1.12;
}
.jinli-profile p {
  color: #3e526b;
  font-size: 17px;
  line-height: 1.82;
}
.jinli-profile p + p { margin-top: 18px; }
.jinli-profile .jinli-eyebrow { font-weight: 700; text-transform: uppercase; }
@media (max-width: 700px) {
  .jinli-profile { padding: 45px 18px; }
  .jinli-profile h1 { font-size: 31px; }
  .logo_box .logo img, .logobox .logo img, .log_bx .logo img {
    max-width: 86px !important;
    max-height: 58px !important;
  }
}


/* jinli supplied image layouts */
.gx-form-section,
.page-home .elementor-element-11ca18f,
body.home .elementor-element-11ca18f {
  background: #edf6ff url("/static/upload/jinli-2026/home-form-background.png") center/cover no-repeat !important;
}

.gx-wrap{max-width:1180px;margin:0 auto;padding:70px 24px}.gx-heading{text-align:center;margin-bottom:46px}.gx-heading h1{font-size:42px;line-height:1.15;margin:8px 0 18px}.gx-heading p{font-size:18px;color:#566276}.gx-kicker{font-size:13px;text-transform:uppercase;color:#1266c7;font-weight:700}.jinli-series{margin:0 0 64px}.jinli-series>h2{font-size:30px;margin:0 0 24px;padding-bottom:12px;border-bottom:3px solid #168bf2}.gx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.gx-card{border:1px solid #dce5ef;background:#fff;display:flex;flex-direction:column;overflow:hidden}.gx-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.gx-card__body{padding:22px;display:flex;flex:1;flex-direction:column}.gx-card h2{font-size:20px;line-height:1.35;margin:0 0 14px}.gx-button{display:inline-block;margin-top:auto;background:#0d71d9;color:#fff!important;padding:11px 17px}.gx-product__content ul{padding-left:20px}.gx-product__content li{margin-bottom:9px}@media(max-width:800px){.gx-grid{grid-template-columns:1fr}.gx-heading h1{font-size:32px}.gx-wrap{padding:45px 18px}}
.footer_area, .footer, footer {
  background-color: var(--jinli-blue-dark) !important;
  background-image: url("/static/upload/jinli-2026/home-footer-background.png") !important;
  background-position: center !important;
  background-size: cover !important;
}
.jinli-profile--visual { max-width: 1180px; }
.jinli-profile__lead { display:grid; grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr); gap:48px; align-items:start; }
.jinli-profile__lead > img { width:100%; height:100%; max-height:640px; object-fit:cover; border-radius:6px; }
.jinli-capability { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; margin-top:64px; padding-top:54px; border-top:1px solid #d8e8f8; }
.jinli-capability img { width:100%; aspect-ratio:2/1; object-fit:cover; border-radius:6px; }
.jinli-testimonials { margin-top:70px; text-align:center; }
.jinli-testimonial-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:28px; }
.jinli-testimonial-grid article { padding:24px; background:#eaf5ff; border:1px solid #d8e8f8; border-radius:6px; }
.jinli-testimonial-grid img { width:88px; height:88px; border-radius:50%; object-fit:cover; }
.jinli-testimonial-grid h3 { margin:15px 0 8px; color:var(--jinli-blue-deep); font-size:20px; }
.jinli-testimonial-grid p { margin:0; font-size:15px; line-height:1.6; }
.jinli-contact-map { display:block; width:100%; max-height:560px; object-fit:cover; }
.page-contact-us .gx-form-section { background-image:url("/static/upload/jinli-2026/contact-background.png") !important; }
@media (max-width:800px) {
  .jinli-profile__lead, .jinli-capability, .jinli-testimonial-grid { grid-template-columns:1fr; }
  .jinli-profile__lead { gap:28px; }
  .jinli-capability { gap:26px; }
}


/* footer supplied background visibility */
#footer_contents,
#footer_contents > .elementor,
#footer_contents > .elementor > .elementor-section {
  background-color: var(--jinli-blue-dark) !important;
  background-image: url("/static/upload/jinli-2026/home-footer-background.png") !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
#footer_contents .elementor-inner-section,
#footer_contents .elementor-column,
#footer_contents .elementor-widget-wrap {
  background-color: transparent !important;
  background-image: none !important;
}
#footer_contents > .elementor > .elementor-section > .elementor-background-overlay {
  background: rgba(4, 48, 105, .38) !important;
  opacity: 1 !important;
}


/* navigation banners and news page */
.jinli-category-banner { min-height:320px; display:flex; align-items:center; position:relative; overflow:hidden; }
.jinli-category-banner .bakground_cover { position:absolute; inset:0; background-position:center; background-size:cover; }
.jinli-category-banner .bakground_cover::after { content:""; position:absolute; inset:0; background:rgba(4,48,105,.58); }
.jinli-category-banner .page_header_content { position:relative; z-index:1; width:100%; color:#fff; }
.jinli-category-banner .main_tit { color:#fff; }
.jinli-category-banner .breadcrumb, .jinli-category-banner .breadcrumb a, .jinli-category-banner .breadcrumb li { color:#fff !important; }
.jinli-news-page { max-width:1180px; margin:0 auto; padding:72px 24px; }
.jinli-news-heading { text-align:center; max-width:760px; margin:0 auto 38px; }
.jinli-news-heading h1 { color:var(--jinli-blue-deep); font-size:42px; line-height:1.18; }
.jinli-news-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px; }
.jinli-news-card { background:#fff; border:1px solid #d8e8f8; border-radius:6px; overflow:hidden; box-shadow:0 10px 28px rgba(6,63,136,.1); }
.jinli-news-card__image { display:block; aspect-ratio:1.45/1; overflow:hidden; }
.jinli-news-card__image img { width:100%; height:100%; object-fit:cover; }
.jinli-news-card__body { padding:25px; }
.jinli-news-card h2 { font-size:23px; line-height:1.35; margin:8px 0 14px; }
.jinli-news-card p { line-height:1.65; }
.jinli-news-date { color:var(--jinli-blue); font-weight:700; font-size:13px; }
@media(max-width:800px) {
  .jinli-category-banner { min-height:230px; }
  .jinli-news-grid { grid-template-columns:1fr; }
  .jinli-news-heading h1 { font-size:32px; }
}

/* Request a quote form */
.page-rfq-pennekamp .jinli-rfq-form {
  margin: 22px 0 0;
  padding: 30px;
  background: #fff;
  border: 1px solid #d8e8f8;
  border-radius: 6px;
  box-shadow: 0 12px 32px rgba(6, 63, 136, .1);
}
.page-rfq-pennekamp .jinli-rfq-form .wpforms-field { margin: 0 0 18px; }
.page-rfq-pennekamp .jinli-rfq-form label {
  display: block;
  margin-bottom: 7px;
  color: var(--jinli-blue-deep);
  font-size: 15px;
  font-weight: 700;
}
.page-rfq-pennekamp .jinli-rfq-form label span { color: #d63132; }
.page-rfq-pennekamp .jinli-rfq-form input,
.page-rfq-pennekamp .jinli-rfq-form textarea {
  display: block !important;
  width: 100% !important;
  min-height: 48px;
  padding: 11px 13px !important;
  color: #24364c;
  background: #fff !important;
  border: 1px solid #b9cce2 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}
.page-rfq-pennekamp .jinli-rfq-form textarea { min-height: 145px; resize: vertical; }
.page-rfq-pennekamp .jinli-rfq-form input:focus,
.page-rfq-pennekamp .jinli-rfq-form textarea:focus {
  border-color: var(--jinli-blue) !important;
  outline: 2px solid rgba(8, 125, 241, .14);
}
.page-rfq-pennekamp .jinli-rfq-form .wpforms-submit-container { margin-top: 8px; }
.page-rfq-pennekamp .jinli-rfq-form button { min-width: 150px; padding: 13px 24px; }
@media(max-width:700px) {
  .page-rfq-pennekamp .jinli-rfq-form { padding: 22px 17px; }
}

.jinli-product-details>h2{font-size:34px;margin:0 0 30px}.jinli-product-detail{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:42px;align-items:start;padding:48px 0;border-top:1px solid #dce5ef;scroll-margin-top:120px}.jinli-product-detail>img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#eef3f8}.jinli-product-detail h2{font-size:30px;line-height:1.25;margin:8px 0 18px}.jinli-product-detail p,.jinli-product-detail li{color:#4e5d70;line-height:1.7}.jinli-product-detail ul{padding-left:20px}@media(max-width:800px){.jinli-product-detail{grid-template-columns:1fr;gap:24px}.jinli-product-detail h2{font-size:25px}}