/* AI Site Makeover - provider 1189 - generated 2026-10-29 16:59 */
:root{--mw-primary:#1d5a8a;--mw-primary-2:#0b2a45;--mw-accent:#c08a2e;--mw-ink:#0b1b2b;--mw-muted:#52606d;--mw-bg:#ffffff;--mw-surface:#eef3f8;--mw-surface-2:#dbe6f0;--mw-on-primary:#ffffff;--mw-radius:4px;--mw-btn-radius:2px;--mw-font-display:'Rubik', system-ui, Arial, sans-serif;--mw-font-body:'Rubik', system-ui, Arial, sans-serif;}
/* ===== Blueprint direction: survey-sheet grid, clipped corners, brass markers ===== */

/* global */
body { color: var(--mw-ink); background: var(--mw-bg); font-family: var(--mw-font-body); line-height: 1.7; }
h1:not([class*="mw-"]), h2:not([class*="mw-"]), h3:not([class*="mw-"]), h4:not([class*="mw-"]), h5:not([class*="mw-"]), h6:not([class*="mw-"]) { font-family: var(--mw-font-display); color: var(--mw-ink); letter-spacing: -0.01em; }
a { color: var(--mw-primary); transition: color .2s ease, background-color .2s ease, transform .2s ease; }
a:hover { color: var(--mw-primary2); }
::selection { background: var(--mw-accent); color: var(--mw-ink); }

.heading-text.heading-section h2,
.heading-text.heading-section h3 {
  font-size: clamp(1.7rem, 3.2vw, 2.5rem);
  font-weight: 800;
  position: relative;
  padding-bottom: 22px;
}
.heading-text.heading-section h2::after,
.heading-text.heading-section h3::after {
  content: "";
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  margin-inline: auto;
  width: 84px;
  height: 4px;
  background:
    linear-gradient(90deg, var(--mw-accent) 0 28px, transparent 28px 36px, var(--mw-primary) 36px 84px);
}
.heading-text.heading-section .lead { color: var(--mw-muted); }

/* sections: faint survey grid on grey blocks */
section.background-grey,
.background-grey {
  background-color: var(--mw-surface) !important;
  background-image:
    linear-gradient(to right, rgba(29, 90, 138, .07) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(29, 90, 138, .07) 1px, transparent 1px);
  background-size: 44px 44px;
}

/* buttons */
.btn, a.btn, button.btn, .btn-primary {
  background: var(--mw-primary);
  border: 2px solid var(--mw-primary);
  color: var(--mw-onPrimary, #fff);
  border-radius: var(--mw-btn-radius, 2px);
  font-weight: 700;
  letter-spacing: .02em;
  padding: 12px 28px;
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
  transition: transform .2s ease, background-color .2s ease, box-shadow .2s ease;
}
.btn:hover, a.btn:hover, button.btn:hover, .btn-primary:hover {
  background: var(--mw-primary2);
  border-color: var(--mw-primary2);
  color: #fff;
  transform: translateY(-3px);
}

/* header */
#header .header-inner { transition: background-color .3s ease, box-shadow .3s ease; }
html.mw-scrolled #header .header-inner {
  background: rgba(11, 42, 69, .96) !important;
  box-shadow: 0 2px 0 var(--mw-accent), 0 10px 30px rgba(11, 27, 43, .25);
}
html.mw-scrolled #header #mainMenu nav > ul > li > a,
html.mw-scrolled #header .header-extras a { color: #fff !important; }
#mainMenu nav > ul > li > a {
  font-weight: 600;
  letter-spacing: .03em;
  position: relative;
}
#mainMenu nav > ul > li > a::after {
  content: "";
  position: absolute;
  inset-inline: 14px;
  bottom: 6px;
  height: 2px;
  background: var(--mw-accent);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .25s ease;
}
#mainMenu nav > ul > li > a:hover::after,
#mainMenu nav > ul > li.current > a::after { transform: scaleX(1); }

/* slider / hero image */
#slider .bg-overlay { background: linear-gradient(160deg, rgba(11, 42, 69, .82), rgba(29, 90, 138, .55)); }

/* homepage: about block */
#10411 .lead, #\31 0411 .lead { color: var(--mw-ink); }
#\31 0411 img.img-fluid {
  border-radius: 0;
  box-shadow: 14px 14px 0 var(--mw-accent), 0 18px 50px rgba(11, 27, 43, .25);
  clip-path: polygon(0 0, calc(100% - 28px) 0, 100% 28px, 100% 100%, 0 100%);
}

/* services widget (ylb-*) */
.ylb-services-widget {
  background-color: var(--mw-primary2) !important;
  background-image:
    linear-gradient(to right, rgba(255, 255, 255, .06) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255, 255, 255, .06) 1px, transparent 1px) !important;
  background-size: 48px 48px !important;
  color: #fff;
}
html body .ylb-services-widget .ylb-title { color: #fff !important; -webkit-text-fill-color: #fff !important; background: none !important; font-weight: 800; font-size: clamp(1.7rem, 3.4vw, 2.6rem); }
html body .ylb-services-widget .ylb-subtitle { color: rgba(255, 255, 255, .82) !important; }
html body .ylb-services-widget .ylb-eyebrow { color: var(--mw-accent) !important; background: transparent !important; }
.ylb-services-widget .ylb-eyebrow { color: var(--mw-accent); letter-spacing: .14em; font-weight: 700; }
.ylb-services-widget .ylb-eyebrow-dot { background: var(--mw-accent) !important; border-radius: 0 !important; transform: rotate(45deg); }
.ylb-services-widget .ylb-featured {
  border-radius: 0 !important;
  border: 1px solid rgba(255, 255, 255, .25) !important;
  border-inline-start: 6px solid var(--mw-accent) !important;
  background: rgba(255, 255, 255, .08) !important;
  transition: transform .25s ease, background-color .25s ease;
}
.ylb-services-widget .ylb-featured:hover { transform: translateY(-4px); background: rgba(255, 255, 255, .14) !important; }
.ylb-services-widget .ylb-card {
  border-radius: 0 !important;
  background: #fff !important;
  border: 0 !important;
  clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 0 100%);
  box-shadow: none !important;
  transition: transform .25s ease;
}
.ylb-services-widget .ylb-card:hover { transform: translateY(-6px); }
.ylb-services-widget .ylb-card-title { color: var(--mw-ink); font-weight: 800; }
.ylb-services-widget .ylb-card-desc { color: var(--mw-muted); }
.ylb-services-widget .ylb-card-link { color: var(--mw-primary); font-weight: 700; }
.ylb-services-widget .ylb-card-icon { background: var(--mw-surface2) !important; border-radius: 0 !important; color: var(--mw-primary) !important; }
.ylb-services-widget .ylb-status { border-radius: 0 !important; background: var(--mw-surface) !important; color: var(--mw-primary2) !important; }

html body section.ylb-services-widget[aria-label] {
  background-color: #0b2a45 !important;
  max-width: none !important;
  width: 100% !important;
  margin-inline: 0 !important;
  border-radius: 0 !important;
  padding-block: 90px !important;
  padding-inline: max(24px, calc((100% - 1152px) / 2)) !important;
  box-sizing: border-box;
}
.ylb-services-widget .ylb-featured-title,
.ylb-services-widget .ylb-featured-title font,
.ylb-services-widget .ylb-featured-desc,
.ylb-services-widget .ylb-featured-desc font,
.ylb-services-widget .ylb-featured-cta { color: #fff !important; }
.ylb-services-widget .ylb-featured-cta { color: var(--mw-accent) !important; font-weight: 700; }

/* contrast repair: the skin forces a dark colour on p/h*/span with !important, which breaks text on dark/gradient bands */
html body .mw-section--dark .mw-head .mw-title { color: var(--mw-on-primary) !important; -webkit-text-fill-color: var(--mw-on-primary); }
html body .mw-section--dark .mw-head h2 em { -webkit-text-fill-color: var(--mw-accent); color: var(--mw-accent) !important; }
html body .mw-cta .mw-actions .mw-btn--light { color: var(--mw-primary2) !important; -webkit-text-fill-color: var(--mw-primary2); }
html body .mw-section--dark .mw-head .mw-sub { color: rgba(255, 255, 255, .8) !important; }
html body .mw-marquee .mw-marquee__item { color: #fff !important; }
html body .mw-cta .mw-cta__title { color: #fff !important; }
html body .mw-cta .mw-cta__text { color: #fff !important; }
html body .mw-cta .mw-btn--light { background: #fff; }
html body .mw-section--dark > .mw-container > .mw-head .mw-eyebrow { color: var(--mw-accent) !important; }
html body .mw-section--dark .mw-title em { background: none; color: var(--mw-accent); -webkit-text-fill-color: var(--mw-accent); }
html body .mw-section--dark .mw-step__title { color: var(--mw-ink) !important; }
html body .mw-section--dark .mw-step__text { color: var(--mw-muted) !important; }
html body .mw-cta .mw-btn--ghost { color: #fff !important; }
html body .mw-cta .mw-btn--light { color: var(--mw-primary2) !important; }

/* counters block */
html body section.background-image.text-center {
  background-color: #0b2a45 !important;
  background-image:
    linear-gradient(to right, rgba(255, 255, 255, .06) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255, 255, 255, .06) 1px, transparent 1px) !important;
  background-size: 48px 48px !important;
  padding-block: 70px !important;
}
section.background-image.text-center .counter span {
  font-size: clamp(3rem, 6vw, 4.6rem);
  font-weight: 800;
  color: var(--mw-accent) !important;
  line-height: 1;
}
section.background-image.text-center .counter span::after { content: "+"; color: rgba(255, 255, 255, .95); }
html body section.background-image.text-center p { color: rgba(255, 255, 255, .92) !important; }

/* image + FAQ accordion */
.accordion.fancy .ac-item { border-radius: 0; border: 1px solid var(--mw-surface2); border-inline-start: 4px solid var(--mw-primary); margin-bottom: 10px; }
.accordion .ac-title { font-weight: 700; color: var(--mw-ink); }
.accordion .ac-active > .ac-title, .accordion .ac-item.ac-active .ac-title { color: var(--mw-primary); }

/* articles grid cards (portfolio) */
.portfolio-item .portfolio-item-wrap {
  border-radius: 0;
  border: 1px solid var(--mw-surface2);
  box-shadow: 0 1px 0 var(--mw-surface2);
  transition: transform .25s ease, box-shadow .25s ease;
  overflow: hidden;
  border-block-end: 4px solid var(--mw-accent);
}
.portfolio-item .portfolio-item-wrap:hover { transform: translateY(-6px); box-shadow: 0 22px 40px rgba(11, 27, 43, .18); }
.portfolio-item h2.CustumTitle, .portfolio-item h3 { font-size: 1.2rem; font-weight: 800; color: var(--mw-ink); }

/* testimonials carousel */
.testimonial.testimonial-box .testimonial-item {
  background: #fff;
  border-radius: 0;
  border: 1px solid var(--mw-surface2);
  border-block-start: 4px solid var(--mw-primary);
  box-shadow: 0 14px 30px rgba(11, 27, 43, .08);
}
.testimonial-item img { border-radius: 0; clip-path: polygon(0 0, 100% 0, 100% 78%, 78% 100%, 0 100%); }
.testimonial-item span { color: var(--mw-primary2); font-weight: 700; }

/* Google reviews widget */
#ylb-reviews-widget { border-radius: 0 !important; border: 1px solid var(--mw-surface2); box-shadow: 0 14px 40px rgba(11, 27, 43, .1); }
#ylb-reviews-widget a { border-radius: 0 !important; }

/* FAQ (pg-*) */
.pg-faq-main { background: var(--mw-bg); }
.pg-faq-main .pg-badge { background: var(--mw-primary2); color: var(--mw-accent); border-radius: 0; letter-spacing: .14em; font-weight: 700; }
.pg-faq-main .pg-section-title { font-weight: 800; color: var(--mw-ink); }
.pg-faq-main .pg-cat-btn { border-radius: 0; border: 2px solid var(--mw-primary); color: var(--mw-primary); background: transparent; font-weight: 700; }
.pg-faq-main .pg-cat-btn.active, .pg-faq-main .pg-cat-btn:hover { background: var(--mw-primary); color: #fff; }
.pg-faq-main .pg-faq-item { border-radius: 0; border: 1px solid var(--mw-surface2); border-inline-start: 4px solid var(--mw-accent); background: #fff; }
.pg-faq-main .pg-faq-item h3 { font-size: 1.05rem; font-weight: 700; }
.pg-faq-main .pg-faq-toggle { color: var(--mw-accent); font-weight: 800; }

/* inner pages */
#page-title, .page-title { background: var(--mw-primary2); }
#page-title h1, .page-title h1 { color: #fff; font-weight: 800; }
#page-content h2:not([class*="mw-"]), #page-content h3:not([class*="mw-"]) { font-weight: 800; }
.post-item.shadow.border, .single-post .post-item { border-radius: 0; border-block-start: 4px solid var(--mw-accent); }
.post-item-description p { line-height: 1.9; }
.TitleBorders h2 { border-inline-start: 6px solid var(--mw-accent); padding-inline-start: 14px; }
.sidebar .widget, .sidebar .portfolio-item-wrap { border-radius: 0; }
.contactus-border { border-inline-start: 6px solid var(--mw-accent); padding-inline-start: 24px; }
.contactus-border h2 { font-weight: 800; }

/* forms */
.form-control, input[type="text"], input[type="email"], input[type="tel"], textarea, select {
  border: 2px solid var(--mw-surface2);
  border-radius: 0;
  padding: 12px 14px;
  background: #fff;
  color: var(--mw-ink);
  transition: border-color .2s ease, box-shadow .2s ease;
}
.form-control:focus, input:focus, textarea:focus, select:focus {
  border-color: var(--mw-primary);
  box-shadow: 0 0 0 4px rgba(29, 90, 138, .18);
  outline: none;
}
label { font-weight: 600; color: var(--mw-ink); }
.MasterContanctDiv { border-radius: 0 !important; }

/* footer */
#footer.inverted .input-group-text { background: var(--mw-accent); border: 0; color: var(--mw-ink); border-radius: 0; }
#footer.inverted .widget-contact-form .form-control { color: #fff; }
#footer.inverted .widget-contact-form .form-control::placeholder { color: rgba(255, 255, 255, .65); }
#footer.inverted p, #footer.inverted span, #footer.inverted li { color: rgba(255, 255, 255, .88) !important; }
html body footer#footer.inverted, #footer.inverted, footer#footer.inverted {
  background-color: #0b2a45 !important;
  background-image:
    linear-gradient(to right, rgba(255, 255, 255, .05) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255, 255, 255, .05) 1px, transparent 1px);
  background-size: 44px 44px;
  color: rgba(255, 255, 255, .85);
  border-block-start: 4px solid var(--mw-accent);
}
#footer.inverted h4 { color: #fff; font-weight: 800; }
#footer.inverted a { color: rgba(255, 255, 255, .88); }
#footer.inverted a:hover { color: var(--mw-accent); }
#footer.inverted .form-control { background: rgba(255, 255, 255, .08); border-color: rgba(255, 255, 255, .25); color: #fff; }
#footer.inverted .btn-primary { background: var(--mw-accent); border-color: var(--mw-accent); color: var(--mw-ink); }

/* floating side buttons */
.Veritiv_Left_Bar_buttons-Type1 .social-icons li a { border-radius: 0; }

/* responsive */
@media (max-width: 991px) {
  section.background-grey, .background-grey { background-size: 32px 32px; }
  #\31 0411 img.img-fluid { box-shadow: 8px 8px 0 var(--mw-accent), 0 12px 30px rgba(11, 27, 43, .2); margin-top: 20px; }
}
@media (max-width: 575px) {
  .heading-text.heading-section h2, .heading-text.heading-section h3 { padding-bottom: 18px; }
  .btn, a.btn, button.btn { padding: 11px 22px; }
  .ylb-services-widget { background-size: 36px 36px !important; }
}