@font-face {
    font-family: "NPS Roboto";
    src: url("../assets/fonts/roboto/Roboto-Variable.ttf") format("truetype");
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}

:root {
    --nps-font: "NPS Roboto", Arial, sans-serif;
    --nps-heading: 28px;
    --nps-body: 16px;
    --nps-brand: #741115;
    --nps-ink: #242628;
    --nps-header: #f3f4f5;
    --nps-page-title: 32px;
    --nps-catalogue-title: 30px;
}

html body,
html body p, html body li, html body a,
html body label, html body input, html body textarea, html body select, html body button,
html body td, html body th, html body address, html body .text,
html body .section-tag, html body .outer-text,
html body .comment-tabs p, html body .comment-tabs td,
html body .comment-tabs div li span,
html body #Form1 > div > div, html body #accountSetForm > div > div {
    font-family: var(--nps-font) !important;
    font-size: var(--nps-body) !important;
    letter-spacing: 0 !important;
}

html body p, html body li, html body td, html body th, html body address {
    line-height: 1.65 !important;
}

html body h1, html body h2, html body h3,
html body h4, html body h5, html body h6,
html body .section-title, html body .title,
html body .comment-tabs h2, html body .comment-tabs h2 span,
html body #Form1 > div > div h2, html body #Form1 > div > div h2 *,
html body #accountSetForm > div > div h2, html body #accountSetForm > div > div h2 * {
    font-family: var(--nps-font) !important;
    font-size: var(--nps-heading) !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    overflow-wrap: anywhere;
}

html body :where(span:not(.fa):not([class*="icon"])),
html body strong, html body b, html body em {
    font-family: inherit !important;
    font-size: inherit !important;
    letter-spacing: 0 !important;
}

html body .about-content > h5 {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.8 !important;
    margin: 20px 0 24px;
}

html body .section-title { font-size: 32px !important; line-height: 1.45 !important; margin-bottom: 24px; }
html body .section-tag { font-size: 18px !important; line-height: 1.6; margin-bottom: 16px; }
html body .list-item li, html body .list-item li a,
html body .list-item li .text { font-size: 20px !important; line-height: 1.5 !important; }
html body .about-support-list .top-content .number { font-size: 48px !important; line-height: 1; }
html body .about-support-list .top-content .text { font-size: 20px !important; line-height: 1.25; }
html body .about-support-list .list-item li .text { font-size: 18px !important; line-height: 1.3 !important; }
.service-display-list .list-item li a { display: block; width: 100%; }
.service-display-list .list-item li .text { display: block; overflow-wrap: break-word; }
html body .circle-single-progress-bar .radial-progress text { font-size: 22px !important; }
html body .circle-single-progress-bar span.outer-text { font-size: 20px !important; line-height: 1.5; margin-top: 20px; }

html body h1 a, html body h2 a, html body h3 a,
html body h4 a, html body h5 a, html body h6 a, html body .title a {
    font-size: inherit !important;
    font-family: inherit !important;
}

html body h1 span, html body h2 span, html body h3 span,
html body h4 span, html body h5 span, html body h6 span { font-weight: inherit !important; }

html body .single-item h4 { font-size: var(--nps-heading) !important; }
html body .single-item p { font-size: var(--nps-body) !important; }
html body svg text { font-family: var(--nps-font) !important; font-size: var(--nps-body) !important; }
html body .our-gallery .single-item .overlay .inner { height: auto; min-height: 0; overflow: visible; overflow-wrap: anywhere; }

html body .mainmenu-area {
    background: var(--nps-header);
    border-bottom: 1px solid #dfe2e4;
    opacity: 1;
}
.mainmenu-area { position: relative; z-index: 100; }
html body .mainmenu-area.stricky-fixed { background: var(--nps-header); z-index: 200; animation: none; }
.site-header-spacer { height: 0; }
.breadcrumb-section { position: relative; background: var(--nps-brand); }
.crypto-top-strip { z-index: 2; }

.mainmenu-area > .container { width: 100%; max-width: 1320px; padding: 0 24px; }
.mainmenu-area .site-header-row {
    display: grid;
    grid-template-columns: 128px minmax(0, 1fr) auto;
    align-items: center;
    gap: 24px;
    margin: 0;
    padding: 8px 0;
}
.mainmenu-area .site-header-row::before, .mainmenu-area .site-header-row::after { content: none; }
.mainmenu-area .site-header-row > div { min-width: 0; }
.mainmenu-area .site-header-row > .site-logo-column { padding: 0; }
.mainmenu-area .main-logo { position: static; width: auto; height: auto; margin: 0; }
.mainmenu-area .main-logo a { display: block; }
.mainmenu-area .main-logo img { position: static; display: block; width: 128px; max-width: 100%; height: auto; opacity: 1; filter: none; image-rendering: auto; mix-blend-mode: normal; }
.mainmenu-area .menu-column { width: auto; float: none; padding: 0; }
.mainmenu-area .main-menu { margin: 0 !important; }
.mainmenu-area .navigation { display: flex; justify-content: center; gap: 12px; }
.mainmenu-area .navigation > li { position: relative; }
html body .mainmenu-area .main-menu li a { font-size: 18px !important; line-height: 1.5; }
.mainmenu-area .navigation > li > a { display: block; color: var(--nps-ink); padding: 14px 12px; font-weight: 500; }
html body .mainmenu-area .navigation > li > a { font-size: 22px !important; line-height: 1.73; font-weight: 400; }
html body .mainmenu-area .navigation > li > ul a { font-size: 15px !important; line-height: 1.73; }
.mainmenu-area .navigation > li:hover > a,
.mainmenu-area .navigation > li.current > a { color: var(--nps-brand); }
.mainmenu-area .navigation > li.current > a::before { height: 2px; bottom: 0; background: var(--nps-brand); }
.mainmenu-area .navigation > li > ul { background: var(--nps-header); border-radius: 0 0 6px 6px; }
.mainmenu-area .navigation > li > ul a { color: var(--nps-ink); }
.mainmenu-area .navigation > li > ul a:hover { color: var(--nps-brand); background: #e9ebed; }
.mainmenu-area .right-area .link_btn { margin: 0 !important; float: none; animation: none; transform: none; }
.mainmenu-area .thm-btn.side-panel-trigger { color: #fff; background: var(--nps-brand); border-color: var(--nps-brand); border-radius: 4px; padding: 10px 18px; }
.mainmenu-area .thm-btn.side-panel-trigger::after { display: none; }
.mainmenu-area .thm-btn.side-panel-trigger:hover { background: var(--nps-brand); transform: none; }
.crypto-top-strip aside { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 42px; }
.crypto-top-strip .crypto-userinfo { display: flex; flex-wrap: wrap; gap: 12px; }
html body .crypto-top-strip .crypto-userinfo li { display: flex; align-items: center; gap: 0; margin: 0; padding: 8px 12px; font-size: 14px !important; line-height: 1.73 !important; }
.crypto-top-strip .crypto-userinfo li a {
    display: inline;
    width: auto;
    height: auto;
    margin: 0;
    border: 0;
    border-radius: 0;
    line-height: inherit;
    text-align: left;
    white-space: nowrap;
}
.crypto-top-strip .crypto-userinfo li > i { position: static; }
html body .crypto-top-strip .crypto-userinfo li > a { font-size: inherit !important; }
.crypto-top-strip .social-link { position: static; display: flex; align-items: center; flex: 0 0 auto; gap: 10px; padding: 0 5px; }
html body .crypto-top-strip .social-link a { width: 28px; height: 28px; margin: 0; font-size: 15px !important; }

.get-quote-section .image-column { min-width: 0; }
.get-quote-section .image-column .image { right: 0; margin: 0; max-width: 100%; }
.get-quote-section .image-column .image img { width: 100%; max-width: 100%; height: auto; }

.newprint-home-hero { position: relative; background: var(--nps-brand); }
.newprint-home-hero .newprint-banner-shell { position: relative; z-index: 1; width: 100%; max-width: none; margin: 0; padding: 0; }
.newprint-home-hero .hero-shape { display: none; }
.newprint-home-hero .newprint-home-banner { width: 100%; height: auto; aspect-ratio: 4000 / 1407; margin: 0; }
.newprint-home-hero .newprint-home-banner .slotholder {
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
}
.newprint-home-hero .newprint-home-banner .tp-bgimg { background-size: contain !important; background-position: center !important; }
.newprint-home-hero .newprint-home-banner .tparrows { background: rgba(116, 17, 21, .9); color: #fff; }
.newprint-home-hero .newprint-home-banner .tparrows::before { color: #fff; }

.breadcrumb-section .breadcrumb-bg { position: relative; z-index: 1; isolation: isolate; overflow: hidden; padding: 20px 0 40px; }
.breadcrumb-section .breadcrumb-bg > .container { position: relative; z-index: 1; }
.breadcrumb-section .breadcrumb-bg .title { margin: 0 0 15px; }
html body .breadcrumb-section .breadcrumb-bg .title { font-size: var(--nps-page-title) !important; line-height: 1.1 !important; font-weight: 400 !important; }
html body .breadcrumb-section .breadcrumb-bg .catalogue-brand-label + .title { font-size: var(--nps-catalogue-title) !important; line-height: 1.2 !important; }
.breadcrumb-section .breadcrumb-bg .catalogue-brand-label { color: #fff; margin: 0 0 6px; }
.breadcrumb-section .breadcrumb { padding: 8px 15px; margin: 0 0 20px; flex-wrap: wrap; }
html body .breadcrumb-section .breadcrumb-item { line-height: 1.73 !important; }
.breadcrumb-section > .breadcrumb-shape { display: none; }
.breadcrumb-section .breadcrumb-bg > .breadcrumb-shape { display: block; z-index: 0; pointer-events: none; }
.breadcrumb-section .breadcrumb-shape-outline { border-color: rgba(255, 255, 255, .2); }
.breadcrumb-section .breadcrumb-shape-outline-1 { top: -450px; }
.breadcrumb-section .breadcrumb-shape-outline-2 { top: -650px; }
.breadcrumb-section .breadcrumb-shape-outline-3 { top: -550px; }
.breadcrumb-section .breadcrumb-shape-outline-4 { top: -480px; }
.breadcrumb-section .breadcrumb-shape-fill { background: rgba(255, 255, 255, .08); }
.breadcrumb-section .breadcrumb-shape-fill-1 { top: 18%; left: 18%; }
.breadcrumb-section .breadcrumb-shape-fill-2 { top: 15%; right: 22%; }
.breadcrumb-section .container { max-width: 1320px; }

.breadcrumb-section .about-page-breadcrumb { --nps-about-title: 32px; padding: 20px 0 40px; }
html body .about-page-breadcrumb .title { font-size: var(--nps-about-title) !important; line-height: 1.1 !important; font-weight: 400 !important; margin-bottom: 15px; }
.breadcrumb-section .about-page-breadcrumb .title { margin: 0 0 15px; }
.breadcrumb-section .about-page-breadcrumb .breadcrumb { padding: 8px 15px; margin: 0 0 20px; }
html body .about-page-breadcrumb .breadcrumb-item { line-height: 1.73 !important; }

@media (min-width: 576px) {
    :root { --nps-page-title: 40px; --nps-catalogue-title: 36px; }
    html body .about-support-list .list-item li .text { font-size: 20px !important; }
    .breadcrumb-section .about-page-breadcrumb { --nps-about-title: 40px; }
}
@media (min-width: 768px) {
    :root { --nps-page-title: 45px; --nps-catalogue-title: 40px; }
    .breadcrumb-section .breadcrumb-bg { padding-bottom: 60px; }
    .breadcrumb-section .about-page-breadcrumb { --nps-about-title: 45px; padding-bottom: 60px; }
}
@media (min-width: 992px) {
    :root { --nps-page-title: 50px; --nps-catalogue-title: 42px; }
    .breadcrumb-section .breadcrumb-bg { padding-top: 40px; padding-bottom: 110px; }
    html body .about-support-list .top-content .number { font-size: 65px !important; }
    .breadcrumb-section .about-page-breadcrumb { --nps-about-title: 50px; padding-top: 40px; padding-bottom: 110px; }
}
@media (min-width: 1200px) {
    :root { --nps-page-title: 55px; --nps-catalogue-title: 44px; }
    .breadcrumb-section .breadcrumb-bg { padding-top: 60px; }
    .breadcrumb-section .about-page-breadcrumb { --nps-about-title: 55px; padding-top: 60px; }
}
@media (min-width: 1400px) {
    :root { --nps-page-title: 60px; --nps-catalogue-title: 48px; }
    .breadcrumb-section .about-page-breadcrumb { --nps-about-title: 60px; }
}
@media (min-width: 1800px) {
    :root { --nps-page-title: 65px; --nps-catalogue-title: 52px; }
    .breadcrumb-section .breadcrumb-bg { padding-top: 95px; }
    .breadcrumb-section .about-page-breadcrumb { --nps-about-title: 65px; padding-top: 95px; }
}

.newprint-brand-section .brands { padding: 16px 12px; }
.newprint-brand-section .brands img { width: 100%; height: 84px; object-fit: contain; }
.newprint-brand-section .brand-name { margin-top: 10px; }
.newprint-brand-section .owl-controls .owl-nav button { display: inline-flex; align-items: center; justify-content: center; }
.newprint-brand-section .owl-controls .owl-nav button .fa { font-size: 26px; line-height: 1; }
.newprint-brand-section .owl-theme .owl-prev::after,
.newprint-brand-section .owl-theme .owl-next::after { content: none; }

.footer-section .footer-top-area { background: #191d1e; }
.footer-section .footer-top-shape { display: block; opacity: 1; pointer-events: none; }
.footer-section .footer-top-area > .container > .row > .col-12 { z-index: auto; }
.footer-section .footer-top-box-wrapper { display: grid; grid-template-columns: 1fr .65fr 1fr 1.5fr; gap: 60px 40px; margin: 0; }
.footer-section .footer-top-single-item { width: auto; margin: 0; min-width: 0; }
.footer-section .footer-about .logo img { width: 144px; height: auto; filter: grayscale(1) invert(1) brightness(2); mix-blend-mode: screen; }
.footer-section .footer-about .logo { display: inline-block; margin-bottom: 40px; }
.footer-section .footer-about p { margin: 0; }
.footer-section .footer-single-info .text, .footer-section .footer-about p,
.footer-section .footer-nav a, .footer-section .social-link-2 .text { color: #f2f3f3; overflow-wrap: anywhere; }
.footer-section .footer-top-single-item .title { color: #fff; margin: 0 0 20px; }
.footer-section .footer-nav li { margin-bottom: 18px; }
.footer-section .footer-nav li:last-child { margin-bottom: 0; }
.footer-section .social-link-2 li { margin-bottom: 20px; }
.footer-section .social-link-2 li:last-child { margin-bottom: 0; }
.footer-section .social-link-2 a { border-color: rgba(255, 255, 255, .45); color: #fff; align-items: center; line-height: 45px; }
.footer-section .social-link-2 a .icon { flex: 0 0 48px; text-align: center; padding: 0; }
.footer-section .social-link-2 a .icon::after { background: rgba(255, 255, 255, .3); top: 0; }
.footer-section .social-link-2 a .text { padding: 0 16px; }
.footer-section .social-link-2 a:hover { background: var(--nps-brand); border-color: #d88387; color: #fff; }
.footer-section .footer-info .footer-single-info { align-items: flex-start; margin-bottom: 20px; }
.footer-section .footer-info .footer-single-info:last-child { margin-bottom: 0; }
.footer-section .footer-single-info .icon { flex: 0 0 22px; color: #ffc33c; }
.footer-section .footer-single-info .text { min-width: 0; margin-left: 30px; line-height: 1.75; }
.footer-section .footer-bottom-area { background: var(--nps-header); border-top: 1px solid #dfe2e4; padding: 25px 0; }
.footer-section .footer-bottom-area p { color: var(--nps-ink); }
.footer-section .footer-bottom-area a { color: var(--nps-brand); }
.footer-section .footer-bottom-area .copyright-text { margin: 0; }

@media (min-width: 1200px) {
    .footer-section .footer-top-single-item .title { margin-bottom: 40px; }
}

@media (prefers-reduced-motion: reduce) {
    .breadcrumb-section .breadcrumb-shape { animation: none; }
}

@media (max-width: 991px) {
    .crypto-top-strip { display: block !important; }
    .mainmenu-area .site-header-row { grid-template-columns: 1fr; gap: 0; }
    .mainmenu-area .main-logo img { width: 104px; }
    .mainmenu-area .site-nav-column { width: 100%; }
    .mainmenu-area .main-menu { position: static; }
    .mainmenu-area .site-header-row { position: relative; }
    .mainmenu-area .site-header-row .navbar-header { position: absolute; right: 0; top: 27px; padding: 0 !important; background: transparent; }
    .mainmenu-area .navbar-toggle { border: 1px solid #c9cdd0; border-radius: 4px; padding: 10px; }
    .mainmenu-area .site-header-row .navbar-toggle .icon-bar { background: var(--nps-brand) !important; }
    .mainmenu-area .site-quote-column { display: none; }
    .mainmenu-area .navigation { display: none; }
    .mainmenu-area .mobile-menu { margin-top: 12px; }
    .mainmenu-area .navbar-collapse { max-height: calc(100vh - 116px); max-height: calc(100dvh - 116px); overflow-y: auto; background: var(--nps-header); }
    .mainmenu-area .mobile-menu, .mainmenu-area .mobile-menu ul { background: var(--nps-header); }
    .mainmenu-area .mobile-menu li { position: relative; }
    .mainmenu-area .mobile-menu li a { color: var(--nps-ink); background: transparent; border-top: 1px solid #dfe2e4; }
    .mainmenu-area .mobile-menu > li > a { padding-right: 56px; }
    .mainmenu-area .mobile-menu .dropdown-btn { border-left: 1px solid #dfe2e4; color: var(--nps-brand); }
    .mainmenu-area .mobile-menu .dropdown-btn::after { color: inherit; left: 0; top: 0; }
    .mainmenu-area .mobile-menu .dropdown-btn[aria-expanded="true"]::after { transform: rotate(180deg); }
    .mainmenu-area .mobile-menu .current > a { color: var(--nps-brand); }
    .footer-section .footer-top-box-wrapper { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 767px) {
    .footer-section .footer-top-box-wrapper { grid-template-columns: 1fr; text-align: center; }
    .footer-section .social-link-2 { width: max-content; max-width: 100%; margin: 0 auto; }
    .footer-section .social-link-2 a .text { flex: 1; }
    .footer-section .footer-info .footer-single-info { flex-direction: column; align-items: center; gap: 8px; }
    .footer-section .footer-single-info .icon { flex: 0 0 auto; }
    .footer-section .footer-single-info .text { margin-left: 0; }
}

@media (max-width: 575px) {
    .mainmenu-area > .container { padding: 0 16px; }
    .crypto-top-strip .crypto-userinfo { display: block; }
    html body .crypto-top-strip .crypto-userinfo li { padding: 4px 0; }
    .crypto-top-strip .social-link { display: none; }
    .service-display-list .list-item { padding: 24px 12px; }
    .service-display-list .list-item li { padding: 22px 16px; }
    .service-display-list .list-item li .icon-image { width: 48px; height: 48px; line-height: 48px; left: 12px; }
    .service-display-list .list-item li .text { padding-left: 60px; }
    .newprint-home-hero .newprint-home-banner .tparrows { width: 30px; height: 30px; top: 50% !important; }
    .newprint-home-hero .newprint-home-banner .tparrows::before { line-height: 30px; }
    .newprint-home-hero .newprint-home-banner .tp-leftarrow { left: 8px !important; transform: translateY(-50%) !important; }
    .newprint-home-hero .newprint-home-banner .tp-rightarrow { left: auto !important; right: 8px !important; transform: translateY(-50%) !important; }
}

@media (max-width: 360px) {
    .about-support-list { padding: 35px 16px; }
    html body .about-support-list .about-support-link { padding: 16px 52px 16px 14px; }
    html body .about-support-list .list-item li .text,
    html body .about-support-list .list-item li:hover .text,
    html body .about-support-list .list-item li:focus-within .text { padding-left: 42px; }
}
