:root {
    --gold: #f0a319;
    --gold-2: #f2bb55;
    --ink: #030303;
    --muted: #c8c8c8;
    --line: rgba(217, 151, 36, 0.68);
    --light-gold: #f3bd50;
    --black: #030303;
    --panel: #080909;
    --line: rgba(217, 154, 36, .82);
    --text: #f2f2f2
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    background: #020202;
    color: #fff;
    font-family: Montserrat, Arial, sans-serif;
    overflow-x: hidden;
}

/* Logistics Division page */
.logistics-body .site-header {
    height: 95px;
    background: #030303;
}

.logistics-body .navbar-brand img {
    width: 265px;
}

.logistics-body .navbar-brand {
    padding-right: 42px;
}

.logistics-body .navbar-nav {
    margin-left: 38px;
    gap: 31px;
}

.logistics-body .nav-link {
    font-size: .8rem;
}

.logistics-page {
    padding: 106px 1.5% 0;
    background: #020202;
}

.logistics-hero {
    position: relative;
    display: grid;
    grid-template-columns: 40% 60%;
    min-height: 360px;
    overflow: hidden;
    background: #050505;
}

.logistics-copy {
    position: relative;
    z-index: 2;
    padding: 30px 20px;
    background: linear-gradient(90deg, #050505 75%, transparent);
}

.logistics-eyebrow {
    margin: 0;
    color: #fff;
    font: 700 1rem / 1 Cinzel, serif;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.logistics-eyebrow span {
    display: inline-grid;
    place-items: center;
    width: 70px;
    height: 70px;
    margin-right: 12px;
    border: 2px solid var(--gold);
    color: var(--gold-2);
    font-size: 2.3rem;
    border-radius: 0.5rem;
}

.logistics-copy h1 {
    margin: 12px 0 4px;
    color: #f6f3ed;
    font: 700 clamp(2.2rem, 4vw, 3rem) / .93 Cinzel, serif;
    position: relative;
    padding-left: 20px;
}

.logistics-copy h1::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 82%;
    left: 6px;
    background-color: var(--gold);
    top: 4px;
}

.logistics-copy h1 em {
    display: block;
    color: var(--gold-2);
    font-style: normal;
}

.logistics-copy h2 {
    display: inline-block;
    margin: 12px 0 8px;
    color: var(--gold-2);
    font: 700 1rem Cinzel, serif;
    position: relative;
    padding: 0 65px;
}

.logistics-copy h2::after,
.logistics-copy h2::before {
    content: '';
    display: inline-block;
    width: 41px;
    height: 1px;
    margin-left: 12px;
    vertical-align: middle;
    background: var(--gold);
    position: absolute;
    top: 12px;
    right: 14px;
}

.logistics-copy h2::before {
    left: 0;
}

.logistics-lead {
    max-width: 420px;
    margin: 0;
    color: #f1f1f1;
    font-size: .97rem;
    line-height: 1.65;
}

.logistics-benefits {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 15px;
}

.logistics-benefits div {
    display: grid;
    justify-items: center;
    gap: 5px;
    padding: 4px;
    border-right: 1px solid var(--line);
    color: #fff;
    font-size: .82rem;
    line-height: 1.25;
    text-align: center;
    text-transform: uppercase;
}

.logistics-benefits div:last-child {
    border: 0;
}

.logistics-benefits i {
    color: var(--gold-2);
    font-size: 1.55rem;
}

.placeholder-visual {
    background-color: transparent;
    background-position: center center;
    background-size: cover;
}

.logistics-hero-placeholder i {
    font-size: clamp(3.2rem, 7vw, 7rem);
    opacity: .85;
    text-shadow: 0 0 24px rgba(237, 158, 25, .35);
}

.logistics-hero-placeholder span,
.service-image-placeholder span,
.globe-placeholder span {
    position: absolute;
    padding: .3rem .6rem;
    border: 1px dashed rgba(242, 187, 85, .65);
    background: rgba(0, 0, 0, .65);
    color: #f4c869;
    font-size: .65rem;
    text-transform: uppercase;
}

.logistics-division-badge {
    position: absolute;
    z-index: 3;
    right: 12px;
    top: 12px;
    display: grid;
    justify-items: center;
    gap: 4px;
    width: 105px;
    padding: 12px 8px;
    border: 1px solid var(--light-gold);
    background: rgba(3, 3, 3, .92);
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    border-radius: 0.5rem;
    border-bottom-right-radius: 47px;
    border-bottom-left-radius: 52px;
}

.logistics-division-badge img.triangle {
    bottom: -24px;
    left: 18px;
}

.logistics-division-badge small {
    color: var(--gold-2);
    font: 700 .7rem Cinzel, serif;
    display: block;
}

.logistics-division-badge strong {
    color: var(--gold-2);
    font: 700 2.4rem/1 Cinzel, serif;
}

.logistics-division-badge span {
    font-size: .58rem;
    line-height: 1.45;
    border-top: 1px solid var(--gold);
    padding-top: 0.6rem;
    display: block;
}

.logistics-division-badge i {
    margin-top: 6px;
    color: var(--gold-2);
    font-size: 1.8rem;
}

.logistics-services {
    margin-top: 8px;
}

.logistics-services>h2,
.shipping-network h2 {
    margin: 0;
    color: var(--gold-2);
    font: 700 1.25rem Cinzel, serif;
    text-align: center;
}

.logistics-services>h2 span {
    padding: 0 91px;
}

.logistics-services>h2 .left {
    right: 0;
    top: 5px;
}

.logistics-services>h2 .right {
    left: 0;
    top: 5px;
}

.logistics-service-card {
    position: relative;
    width: 100%;
    min-height: 198px;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 5px;
    background: #070707;
}

.service-image-placeholder {
    position: relative;
    display: grid;
    place-items: center;
}

.service-image-placeholder i {
    font-size: 2rem;
}

.service-number {
    position: absolute;
    top: 8px;
    left: 8px;
    padding: 3px 7px;
    border: 1px solid var(--gold);
    background: #070707;
    color: var(--gold-2);
    font: 700 1.1rem Cinzel, serif;
    border-radius: 0.5rem;
}

.logistics-service-card h3 {
    margin: 9px 10px 5px;
    color: var(--gold-2);
    font: 700 .85rem Cinzel, serif;
}

.logistics-service-card h3 i {
    margin-right: 7px;
}

.logistics-service-card ul,
.logistics-bottom ul {
    padding: 0;
    margin: 0 10px 10px;
    list-style: none;
    color: #eee;
    font-size: .66rem;
    line-height: 1.6;
}


.logistics-service-card ul li,
.logistics-bottom ul li {
    font-size: 0.89rem;
    line-height: 1.4rem;
    padding-left: 12px;
    position: relative;
}

.logistics-service-card li::before,
.logistics-bottom li::before {
    content: 'dd';
    color: var(--gold-2);
    background-image: url(../../assets/images/tkmark.jpg);
    width: 23px;
    display: block;
    position: absolute;
    left: -9px;
    font-size: 0;
    background-repeat: no-repeat;
    background-size: 18px;
    top: 4px;
}

.shipping-network {
    margin-top: 8px;
    padding: 8px 16px;
    border-radius: 5px;
    background: #fff;
    color: #1c1105;
    text-align: center;
}

.shipping-network h2 {
    color: #a8680c;
}

.shipping-network h2 span {
    padding: 0 89px;
}

.shipping-network h2 span img.left {
    right: 0;
}

.shipping-network h2 span img.right {
    left: 0;
}

.shipping-network p {
    margin: 2px 0 6px;
    font-size: .65rem;
    color: #000;
}

.carrier-list {
    display: grid;
    grid-template-columns: repeat(11, minmax(0, 1fr));
    align-items: center;
    gap: 0;
}

.carrier-list img {
    display: block;
    width: 100%;
    min-width: 0;
    height: 48px;
    padding: 5px 10px;
    border-right: 1px solid #c99a4f;
    object-fit: contain;
}

.carrier-list img:last-child {
    border-right: 0;
}

.logistics-bottom {
    margin-top: 8px;
}

.logistics-bottom>[class*="col-"] {
    display: flex;
}

.logistics-bottom article {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 128px;
    padding: 13px 16px;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 5px;
    background: #070707;
}

.logistics-bottom h2 {
    margin: 0 0 10px;
    color: var(--gold-2);
    font: 700 .85rem Cinzel, serif;
}

.logistics-bottom p {
    max-width: 60%;
    margin: 0;
    color: #eee;
    font-size: 0.89rem;
    line-height: 1.4rem;
}

.customs-page .logistics-bottom p {
    max-width: 70%;
}

.logistics-bottom ul {
    margin-left: 0;
}

.strength-image-placeholder {
    position: absolute;
    right: 16px;
    top: 27px;
    display: grid;
    width: 215px;
    height: 86px;
    place-items: center;
    overflow: hidden;
    border-radius: 4px;
}

.strength-image-placeholder i {
    color: rgba(242, 187, 85, .8);
    font-size: 3.2rem;
}

.strength-image-placeholder span {
    font-size: .55rem;
}

.process {
    text-align: center;
}

.process>div {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.process span {
    display: grid;
    gap: 5px;
    color: #eee;
    font-size: .6rem;
    text-transform: uppercase;
}

.process span i,
.process span img {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid var(--gold);
    border-radius: 50%;
    color: var(--gold-2);
    font-size: 1rem;
}

.process span img {
    border: none;
}

.process b {
    color: var(--gold-2);
    margin-top: -18px;
}

.customs-page .process b {
    margin-top: -38px;
}

/* Keep every customs-process icon centred over its own label. */
.customs-page .process>div {
    align-items: flex-start;
    gap: 0;
}

.customs-page .process span {
    flex: 1 1 0;
    min-width: 0;
    justify-items: center;
    text-align: center;
}

.customs-page .process span i,
.customs-page .process span img {
    justify-self: center;
}

.customs-page .process b {
    flex: 0 0 22px;
    align-self: flex-start;
    margin-top: 9px;
}

.globe-placeholder {
    position: absolute;
    display: grid;
    right: 12px;
    top: 10px;
    width: 150px;
    height: 95px;
    place-items: center;
    border-radius: 50%;
}

.globe-placeholder i {
    font-size: 3.8rem;
}

.logistics-footer {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    margin-top: 8px;
    padding: 10px 2%;
    background: linear-gradient(90deg, #060606, #0a0a0a, #060606);
}

.logistics-footer>div {
    padding: 0 2.3%;
    border-right: 1px solid rgba(242, 187, 85, .7);
}

.logistics-footer>div:nth-child(2) {
    padding-left: 100px;
}

.logistics-footer>div:last-child {
    border: 0;
    padding-left: 100px;
}

.logistics-footer h3 {
    margin: 0 0 3px;
    color: var(--gold-2);
    font: 700 .82rem/1.25 Cinzel, serif;
}

.logistics-footer p,
.logistics-footer small {
    margin: 0;
    color: #eee;
    font-size: .79rem;
    line-height: 1.85;
}

.logistics-footer h3 i {
    margin-right: .35rem;
    color: var(--gold-2);
}

.logistics-footer small {
    display: block;
    margin-top: .28rem;
    padding-left: 0;
}

.logistics-footer small i {
    margin-right: .3rem;
    color: var(--gold-2);
}

@media (max-width: 991px) {
    .logistics-body .site-header {
        position: relative;
        height: auto;
    }

    .logistics-body .navbar-nav {
        margin-left: 0;
        gap: 0;
    }

    .logistics-page {
        padding-top: 18px;
    }

    .logistics-hero {
        grid-template-columns: 1fr;
    }

    .logistics-hero-placeholder {
        min-height: 310px;
        border-left: 0;
        border-top: 1px solid var(--line);
    }

    .logistics-division-badge {
        top: auto;
        bottom: 12px;
    }

    .logistics-services .col-xl-2 {
        min-height: 205px;
    }

    .logistics-footer {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .logistics-footer>div {
        padding: 0 0 14px;
        border-right: 0;
        border-bottom: 1px solid var(--line);
    }

    .logistics-footer>div:nth-child(2) {
        padding-left: 0;
    }

    .logistics-footer>div:last-child {
        padding: 0;
        border: 0;
    }
}

@media (max-width: 575px) {
    .customs-page .process>div {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px 8px;
    }

    .customs-page .process span {
        width: 100%;
        font-size: .58rem;
    }

    .customs-page .process b {
        display: none;
    }

    .logistics-page {
        padding: 12px;
    }

    .logistics-copy {
        padding: 24px 16px;
    }

    .logistics-eyebrow span {
        width: 54px;
        height: 54px;
        font-size: 1.8rem;
    }

    .logistics-copy h1 {
        font-size: 2.45rem;
    }

    .logistics-copy h2::after {
        width: 35px;
    }

    .logistics-lead {
        font-size: .78rem;
    }

    .logistics-benefits {
        margin-top: 14px;
    }

    .logistics-benefits div {
        font-size: .53rem;
    }

    .logistics-benefits i {
        font-size: 1.25rem;
    }

    .logistics-hero-placeholder {
        min-height: 220px;
    }

    .logistics-hero-placeholder span {
        top: 12px;
        bottom: auto;
        left: 12px;
    }

    .logistics-hero-placeholder i {
        font-size: 3rem;
    }

    .logistics-division-badge {
        display: none;
    }

    .logistics-division-badge strong {
        font-size: 1.9rem;
    }

    .carrier-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .carrier-list img {
        height: 42px;
        border-right: 1px solid #c99a4f;
        border-bottom: 1px solid #c99a4f;
    }

    .carrier-list img:nth-child(3n) {
        border-right: 0;
    }

    .carrier-list img:nth-last-child(-n + 2) {
        border-bottom: 0;
    }

    .process>div {
        flex-wrap: wrap;
    }

    .process b {
        display: none;
    }

    .globe-placeholder {
        opacity: .35;
    }

    .logistics-bottom p {
        max-width: 100%;
    }
}

a {
    text-decoration: none;
}

.page-shell {
    min-height: 100vh;
    background:
        radial-gradient(circle at 78% 20%,
            rgba(166, 95, 12, 0.12),
            transparent 35%),
        #020202;
}

.site-header {
    position: absolute;
    inset: 0 0 auto;
    z-index: 20;
    border-bottom: 1px solid rgba(255, 255, 255, 0.025);
}

.navbar {
    height: 100%;
    padding: 0 2.1%;
}

.navbar-brand {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-right: 70px;
    position: relative;
}

.navbar-brand img {
    width: 465px;
    height: auto;
    display: block;
}

.navbar-brand::after {
    content: "";
    width: 1px;
    height: 32px;
    background-color: var(--line);
    position: absolute;
    right: 0;
}

.brand-mark {
    width: 84px;
    height: 84px;
    position: relative;
    display: grid;
    place-items: center;
}

.brand-mark:before {
    content: "";
    width: 70px;
    height: 70px;
    border: 13px solid var(--gold-2);
    border-left-color: #7a4106;
    border-radius: 50%;
    box-shadow: inset 0 0 0 6px #050505;
    transform: rotate(-38deg);
}

.brand-mark i {
    position: absolute;
    color: var(--gold-2);
    font-size: 1.75rem;
}

.brand-name {
    font-family: Cinzel, serif;
    color: var(--gold-2);
    font-weight: 600;
    font-size: 2.6875rem;
    letter-spacing: 5px;
    line-height: 0.9;
}

.brand-name small {
    display: block;
    font-family: Montserrat, sans-serif;
    font-size: 0.9375rem;
    letter-spacing: 9px;
    text-align: center;
    margin-top: 12px;
}

.navbar-nav {
    width: 100%;
    gap: 72px;
    margin-left: 84px;
    align-items: center;
}

.nav-item.dropdown {
    display: flex;
    align-items: center;
}

.division-dropdown-toggle {
    margin: 0 0 25px -6px;
    padding: 4px;
    border: 0;
    background: transparent;
    color: #eee;
    font-size: 0.75rem;
    line-height: 1;
}

.division-dropdown-toggle:hover,
.division-dropdown-toggle:focus {
    color: var(--gold-2);
}

.nav-link {
    color: #eee !important;
    text-transform: uppercase;
    font-size: 1.4375rem;
    font-weight: 500;
    padding: 0 10px 26px !important;
    position: relative;
    white-space: nowrap;
}

.nav-link.active,
.nav-link:hover {
    color: var(--gold-2) !important;
}

.nav-link.active:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px;
    height: 1px;
    background: var(--gold);
}

.dropdown-menu {
    min-width: 245px;
    margin-top: 10px !important;
    padding: 8px;
    background: rgba(5, 5, 5, .98);
    border: 1px solid rgba(240, 163, 25, .72);
    border-radius: 5px;
    box-shadow: 0 14px 28px rgba(0, 0, 0, .48);
}

.dropdown-item {
    padding: 10px 13px;
    border-radius: 3px;
    color: #eee;
    font-family: Cinzel, serif;
    font-size: 0.8125rem;
    letter-spacing: .25px;
    transition: background-color .2s ease, color .2s ease, padding-left .2s ease;
}

.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active,
.dropdown-item:active {
    padding-left: 18px;
    background: linear-gradient(90deg, rgba(240, 163, 25, .24), transparent);
    color: var(--gold-2);
}

.dropdown-item:active {
    background: var(--gold);
    color: #080705;
}


.navbar-toggler {
    border-color: var(--line);
    color: var(--gold);
    position: absolute;
    right: 12px;
    z-index: 9;
    background-color: #090909;
    top: 29px;
}

.navbar-toggler-icon {
    filter: sepia(1) saturate(8);
}

.hero {
    min-height: 430px;
    padding-top: 195px;
    position: relative;
    overflow: hidden;
    background: #020202;
}

.hero .hero_img_layer {
    content: "";
    position: absolute;
    inset: 105px 0 0 34%;
    z-index: 0;
}


.hero-content {
    position: relative;
    z-index: 3;
    padding: 26px 0 10px 2.2%;
    max-width: 610px;
}

.hero h1 {
    font-family: Cinzel, serif;
    font-weight: 600;
    font-size: 2.625rem;
    line-height: 1.08;
    margin: 0;
    text-shadow: 0 2px 4px #000;
}

.hero h1 span {
    color: var(--gold-2);
}

.title-rule {
    width: 150px;
    height: 2px;
    background: linear-gradient(90deg,
            var(--gold),
            var(--gold) 50%,
            transparent 50%);
    margin: 13px 0 12px;
    position: relative;
}

.title-rule:after,
.title-rule:before {
    content: "";
    position: absolute;
    left: 72px;
    top: -3px;
    width: 8px;
    height: 8px;
    background: var(--gold);
    transform: rotate(45deg);
}

.title-rule:before {
    left: 80px;
    width: 70px;
    height: 2px;
    transform: none;
    top: 0;
}

.hero-copy {
    color: #e5e5e5;
    font-size: 1rem;
    line-height: 1.55;
    max-width: 475px;
    margin-bottom: 16px;
}

.stats {
    display: flex;
    gap: 0;
    color: #fff;
}

.stat {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 19px;
    border-right: 1px solid var(--line);
}

.stat:first-child {
    padding-left: 0;
}

.stat:last-child {
    border-right: 0;
}

.stat i {
    font-size: 2.25rem;
    color: var(--gold-2);
}

.stat img {
    width: 56px;
}

.stat strong {
    display: block;
    font-family: Cinzel, serif;
    color: var(--gold-2);
    font-size: 1.75rem;
    line-height: 1;
}

.stat small {
    font-size: 0.8875rem;
    text-transform: uppercase;
    color: #ddd;
    white-space: nowrap;
}

.division-section {
    padding: 0 1.6% 8px;
    background: linear-gradient(180deg, #040404, #070604);
    padding-top: 24px;
}

.section-heading {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -4px auto 4px;
    position: relative;
    z-index: 4;
}

.section-heading:before,
.section-heading:after {
    content: "";
    height: 1px;
    background: var(--gold);
    flex: 1;
    max-width: 360px;
}

.section-heading h2 {
    font-family: Cinzel, serif;
    color: var(--gold-2);
    font-size: 1.5625rem;
    font-weight: 700;
    margin: 0 18px;
    white-space: nowrap;
    position: relative;
}

.section-heading h2:before,
.section-heading h2:after {
    content: "◆";
    font-size: 0;
    margin: 0 14px;
    width: 10px;
    display: block;
    height: 10px;
    position: absolute;
    background-color: var(--gold-2);
    transform: rotate(45deg);
    top: 10px;
}

.section-heading h2:before {
    right: -37px;
}

.section-heading h2:after {
    left: -37px;
}

.section-subtitle {
    text-align: center;
    color: #ddd;
    font-family: Cinzel, serif;
    font-size: 0.75rem;
    margin: -5px 0 7px;
}

.division-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
}

.division-card {
    border: 1px solid var(--gold);
    border-radius: 6px;
    background: #060606;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-width: 0;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
}

.card-image {
    height: 130px;
    position: relative;
    background-size: cover;
    background-position: center;
    filter: saturate(0.75) sepia(0.22);
}

.card-image:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 35%, #060606 100%);
}

.card-no {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    padding: 7px 10px;
    font-family: Cinzel, serif;
    font-size: 1.25rem;
    background: linear-gradient(135deg,
            rgba(217, 151, 36, 0.9),
            rgba(61, 35, 4, 0.7));
    color: #fff;
}

.card-icon {
    position: absolute;
    z-index: 3;
    left: 50%;
    bottom: -10px;
    transform: translateX(-50%);
    width: 70px;
    height: 70px;
    border: 2px solid var(--gold);
    background: #060606;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: var(--gold);
    font-size: 1.5625rem;
}

.card-icon img {
    width: 55px;

}

.card-body {
    padding: 23px 16px 10px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.division-card h3 {
    font-family: Cinzel, serif;
    font-size: 1.125rem;
    white-space: nowrap;
    margin: 0;
    text-align: center;
}

.card-tagline {
    color: var(--gold-2);
    font-family: Cinzel, serif;
    font-size: 0.75rem;
    text-align: center;
    margin: 2px 0 7px;
}

.card-copy {
    font-size: 0.875rem;
    line-height: 1.55;
    color: #d2d2d2;
    min-height: 47px;
    margin-bottom: 5px;
}

.card-list {
    list-style: none;
    padding: 0;
    margin: 0 0 7px;
    color: #ddd;
    font-size: 0.875rem;
    line-height: 1.7;
    position: relative;
}

.card-list li {
    position: relative;
    padding-left: 20px;
}

.card-list li:before {
    content: 'dd';
    color: var(--gold-2);
    background-image: url(../../assets/images/circle-arrow.png);
    width: 18px;
    display: block;
    position: absolute;
    left: -9px;
    font-size: 0;
    background-repeat: no-repeat;
    background-size: 18px;
    top: 4px;
    height: 18px;
    background-color: transparent;
}

.card-button {
    margin-top: auto;
    border: 1px solid var(--gold);
    border-radius: 4px;
    color: var(--gold-2);
    font-family: Cinzel, serif;
    font-size: 0.78rem;
    padding: 8px 9px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: 0.25s;
}

.card-button:hover {
    background: var(--gold);
    color: #070707;
}

.feature-strip {
    margin: 0 1.6% 12px;
    border: 1px solid var(--gold);
    border-radius: 6px;
    display: grid;
    grid-template-columns: 1fr 1fr 1.1fr 0.95fr 1.65fr;
    background: #050505;
}

.feature {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    position: relative;
    min-height: 76px;
}

.feature:not(:last-child):after {
    content: "";
    position: absolute;
    right: 0;
    top: 12px;
    bottom: 12px;
    width: 1px;
    background: var(--line);
}

.feature i {
    font-size: 2.3125rem;
    color: var(--gold-2);
    min-width: 45px;
    text-align: center;
}

.feature img {
    width: 48px;
}

.feature h4 {
    font-family: Cinzel, serif;
    color: var(--gold-2);
    font-size: 0.8125rem;
    margin: 0 0 4px;
    white-space: nowrap;
}

.feature p {
    font-size: 0.82rem;
    line-height: 1.55;
    color: #ddd;
    margin: 0;
}

@media (max-width: 1199px) {
    .navbar-nav {
        gap: 15px;
    }

    .brand-name {
        font-size: 2.125rem;
    }

    .brand-mark {
        width: 65px;
    }

    .hero h1 {
        font-size: 2.25rem;
    }

    .division-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .feature-strip {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 992px) and (max-width: 1600px) {
    .navbar-brand {
        padding-right: 48px;
    }

    .navbar-brand img {
        width: 330px;
    }

    .navbar-brand::after {
        height: 78px;
    }

    .navbar-nav {
        gap: 25px;
        margin-left: 45px;
    }

    .nav-link {
        font-size: 0.89rem;
    }
}

@media (max-width: 991px) {
    .import-body .site-header {
        height: auto;
        position: relative;
    }

    .import-body .navbar {
        height: auto;
    }

    .import-body .navbar-collapse {
        position: relative;
        z-index: 30;
        padding: 10px 18px 14px;
        background: #050505;
        border-top: 1px solid rgba(240, 163, 25, .25);
    }


    .import-body .navbar-nav {
        margin-left: 0 !important;
        gap: 0 !important;
    }

    .import-body .nav-item.dropdown {
        display: block;
    }

    .import-body .division-dropdown-toggle {
        margin: 0 0 0 5px;
        vertical-align: middle;
    }

    .import-body .dropdown-menu {
        position: static !important;
        width: 100%;
        margin: 5px 0 8px !important;
        transform: none !important;
    }

    .import-body .import-quote {
        margin-left: 0;
        margin-top: 8px;
    }

    .site-header {
        height: auto;
        background: #050505;
        position: relative;
    }

    .navbar {
        padding: 10px 20px;
    }

    .navbar-collapse {
        padding: 12px 0;
    }

    .navbar-nav {
        align-items: flex-start;
        gap: 0;
    }

    .nav-link {
        padding: 10px 4px !important;
    }

    .nav-link.active:after {
        bottom: 3px;
    }

    .dropdown-menu {
        width: 100%;
        margin: 4px 0 8px !important;
    }

    .nav-item.dropdown {
        display: block;
    }

    .division-dropdown-toggle {
        margin: 0 0 0 4px;
        vertical-align: middle;
    }

    .hero {
        padding-top: 0;
    }

    .hero:after,
    .hero:before {
        inset: 0 0 0 22%;
    }

    .hero-content {
        padding-top: 38px;
    }

    .division-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .feature-strip {
        grid-template-columns: repeat(2, 1fr);
    }

    .navbar-brand img {
        width: 197px;
    }
}

@media (max-width: 680px) {
    .brand-name {
        font-size: 1.75rem;
        letter-spacing: 3px;
    }

    .brand-name small {
        font-size: 0.6875rem;
    }

    .brand-mark {
        width: 55px;
        height: 55px;
    }

    .brand-mark:before {
        width: 50px;
        height: 50px;
        border-width: 9px;
    }

    .navbar-brand {
        padding-right: 15px;
    }

    .hero:after {
        inset: 0;
        opacity: 0.45;
    }

    .hero:before {
        display: none;
    }

    .hero-content {
        padding: 35px 18px;
    }

    .hero h1 {
        font-size: 2.0625rem;
    }

    .stats {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px 0;
    }

    .stat {
        width: auto;
        min-width: 0;
        gap: 8px;
        padding: 5px 7px;
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
    }

    .stat:nth-child(2n) {
        border-right: 0;
    }

    .stat:nth-last-child(-n + 2) {
        border-bottom: 0;
    }

    .stat img {
        width: 42px;
    }

    .stat strong {
        font-size: 1.35rem;
    }

    .stat small {
        font-size: .62rem;
        line-height: 1.2;
        white-space: normal;
    }

    .division-section {
        padding: 12px;
    }

    .section-heading h2 {
        font-size: 1.1875rem;
        margin: 0;
    }

    .section-heading h2:before,
    .section-heading h2:after {
        display: none;
    }

    .division-grid,
    .feature-strip {
        grid-template-columns: 1fr;
    }

    .feature-strip {
        margin: 0 12px 12px;
    }

    .feature:not(:last-child):after {
        top: auto;
        left: 14px;
        right: 14px;
        bottom: 0;
        width: auto;
        height: 1px;
    }

    .division-card h3 {
        white-space: normal;
    }
}

/* Division */
.import-page {
    padding: 100px 1.7% 24px;
    min-height: 100vh;
    background: radial-gradient(circle at 62% 6%, rgba(151, 91, 12, .18), transparent 25%), #030303;
}

/* Export Solutions page */
.export-body .site-header {
    height: 94px;
    background: #030303;
}

.export-body .navbar {
    padding: 0 2%;
}

.export-body .navbar-brand {
    padding-right: 38px;
}

.export-body .navbar-brand img {
    width: 270px;
}

.export-body .navbar-brand::after {
    height: 62px;
}

.export-body .navbar-nav {
    margin-left: 42px;
    gap: 34px;
}

.export-body .nav-link {
    padding-bottom: 18px !important;
    font-size: .78rem;
}

.export-page {
    padding: 106px 1.4% 20px;
    background: radial-gradient(circle at 70% 0, rgba(174, 102, 14, .22), transparent 32%), #020202;
}

.export-hero {
    overflow: hidden;
    border-radius: 5px;
    background: #050505;
}

.export-intro {
    padding: 38px 28px 24px;
    background: #050505;
}

.export-intro h1 {
    margin: 0;
    color: #f1f1f1;
    font: 700 clamp(2rem, 4vw, 2.5rem) / 1 Cinzel, serif;
}

.export-intro h1 span,
.export-intro h2,
.export-copy h2,
.info-panel h2,
.export-footer h3 {
    color: var(--gold-2);
}

.export-intro h2 {
    display: inline-block;
    margin: 14px 0 22px;
    padding: 0 118px;
    position: relative;
    font: 700 1.05rem / 1.8 Cinzel, serif;
}

.export-intro h2:after,
.export-intro h2:before {
    content: "";
    position: absolute;
    top: 0.7rem;
    width: 100px;
    background-color: var(--gold);
    height: 0.1rem;
}

.export-intro h2:after {
    right: 0;
}

.export-intro h2:before {
    left: 0;
}

.export-intro>p {
    max-width: 460px;
    margin: 0 0 27px;
    color: #eee;
    font-size: 1rem;
    line-height: 1.7;
}

.export-benefits {
    padding-top: 15px;
}

.export-benefits .col-3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 0 8px;
    border-right: 1px solid var(--line);
    color: #eee;
    font-size: .72rem;
    line-height: 1.35;
    text-align: center;
    text-transform: uppercase;
}

.export-benefits .col-3:last-child {
    border-right: 0;
}

.export-benefits img {
    width: 45px;
    height: 45px;
    object-fit: contain;
}

.export-hero-image {
    min-height: 450px;
    background: #110b03;
}

.export-hero-image img {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.export-products {
    margin-top: -8px;
}

.export-products>[class*="col-"] {
    display: flex;
}

.export-card {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    border: 1px solid var(--line);
    border-radius: 5px;
    background: linear-gradient(135deg, #080808, #040404);
    padding: 0;
}

.epx-inner {
    flex: 1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    padding: 15px 16px;
}

.export-body .title_wrap h2 {
    color: var(--gold);
    font-size: 1.1rem;
    text-transform: uppercase;
}

.export-number {
    padding: 8px 13px;
    border-radius: 3px;
    background: linear-gradient(135deg, #f2bd52, #a36515);
    color: #100b04;
    font: 1.6rem Cinzel, serif;
}

.export-copy {
    padding: 8px 0 1px;
    max-width: 60%;
}

.export-copy h2 {
    margin: 0 0 15px;
    font: 700 1.25rem Cinzel, serif;
}

.export-copy p {
    margin: 0 0 17px;
    color: #e8e8e8;
    font-size: .85rem;
    line-height: 1.55;
}

.export-copy ul {
    padding: 0;
    margin: 0;
    list-style: none;
    color: #ddd;
    font-size: .72rem;
    line-height: 1.8;
}

.export-copy ul li {
    font-size: 0.85rem;
}

.export-copy li:before {
    content: "✓";
    margin-right: 8px;
    color: var(--gold-2);
}

.export-card>img {
    width: 100%;
    height: calc(100% - 43px);
    align-self: start;
    object-fit: cover;
}

.export-card footer {
    display: flex;
    justify-content: space-evenly;
    gap: 5px;
    padding: 11px 8px;
    border-top: 1px solid var(--line);
    color: #fff;
    font: .68rem Cinzel, serif;
    text-transform: uppercase;
}

.export-card footer b {
    width: 1px;
    background: var(--line);
}

.export-info {
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 5px;
    background: #080808;
    margin-top: 1rem;
}

.info-panel {
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 174px;
    padding: 18px 20px;
    position: relative;
}

.info-panel:last-child {
    border-right: 0;
}

.info-panel::before {
    content: "";
    width: 1px;
    height: 60%;
    position: absolute;
    right: 0;
    background-color: var(--gold);
}

.info-panel:last-child::before {
    display: none;
}

.info-panel i {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 66px;
    height: 66px;
    border: 1px solid var(--gold);
    border-radius: 50%;
    color: var(--gold-2);
    font-size: 1.8rem;
}

.info-panel img {
    width: 66px;
    height: 66px;
}

.info-panel h2 {
    margin: 0 0 7px;
    font: 700 1.05rem Cinzel, serif;
}

.info-panel p {
    margin: 0;
    color: #eee;
    font-size: .85rem;
    line-height: 1.55;
}

.global-reach {
    background: radial-gradient(ellipse at 85% 50%, rgba(224, 161, 27, .2), transparent 38%);
}

.global-reach:after {
    content: "";
    width: 145px;
    height: 105px;
    margin-left: auto;
    background-image: radial-gradient(circle, var(--gold) 0 1px, transparent 1.5px);
    background-size: 6px 6px;
    opacity: .55;
    mask-image: radial-gradient(ellipse, #000 38%, transparent 70%);
}

.commitment ul {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #eee;
    font-size: .75rem;
    line-height: 1.7;
}

.commitment ul li {
    font-size: .85rem;
}

.commitment li:before {
    content: "✓";
    display: inline-grid;
    place-items: center;
    width: 16px;
    height: 16px;
    margin-right: 7px;
    border: 1px solid var(--gold);
    border-radius: 50%;
    color: var(--gold-2);
    font-size: .6rem;
}

.bulk-export {
    gap: 12px;
}

.bulk-export .info-panel i {
    width: 58px;
    height: 58px;
}

.bulk-export p {
    font-size: .85rem;
}

.grow-together {
    justify-content: center;
    padding-left: 32px;
    background: radial-gradient(ellipse at 100% 50%, rgba(227, 165, 26, .15), transparent 34%);
}

.grow-together h2 {
    color: var(--gold-2);
    font: 1.5rem/1.1 "Brush Script MT", cursive;
    text-transform: none;
}

.grow-together p {
    max-width: 330px;
    font-size: .85rem;
}

.export-footer {
    margin-top: 12px;
    padding: 20px 26px;
    background: #050505;
    color: #eee;
}

.export-footer h3 {
    margin: 0 0 8px;
    font: 700 .95rem Cinzel, serif;
    text-transform: uppercase;
}

.export-footer p {
    margin: 0;
    font-size: .72rem;
    line-height: 1.65;
}

.export-footer-legacy {
    display: none;
}

.export-footer-contacts {
    align-items: stretch;
    margin-top: 12px;
    padding: 0;
    border-radius: 5px;
    background: #060606;
    overflow: hidden;
}

.export-footer .col-lg-3>div.export-inner {
    position: relative;
    padding: 0 90px 0 0;
    min-height: 100px;
}

.export-social>div.icons-inner {
    min-height: 100px;
    position: relative;
}

.export-footer .col-lg-3>div.export-inner::after,
.export-social div.icons-inner::after {
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: var(--gold);
    content: "";
}

.export-social div.icons-inner::after {
    left: -30px;
}

.export-footer-contacts>div:last-child {
    border-right: 0;
}

.export-office {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 20px 24px 0;
    position: relative;
    border: none !important;
}

.export-office>i {
    color: var(--gold-2);
    font-size: 2rem;
}

.export-office h3,
.export-social h3 {
    margin: 0 0 7px;
    color: var(--gold-2);
    font: 500 .95rem Cinzel, serif;
    text-transform: uppercase;
}

.export-office p {
    margin: 0 0 7px;
    color: #eee;
    font-size: .72rem;
}

.export-office span {
    display: block;
    margin-bottom: 0.5rem;
    color: #eee;
    font-size: .68rem;
    white-space: nowrap;
}

.export-office span i {
    margin-right: 4px;
    color: var(--gold-2);
}

.export-brand {
    display: grid;
    place-items: center;
    padding: 14px 20px;
}

.export-brand img {
    max-width: 250px;
    margin-left: -33px;
}

.export-social {
    padding: 18px;
}

.export-social div.icons {
    display: flex;
    gap: 13px;
    align-items: center;
    justify-content: flex-start;
    padding: 0.7rem 0 0 0;
    position: relative;
}

.export-social a {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border: 1px solid var(--gold);
    border-radius: 50%;
    color: var(--gold-2);
    font-size: 1rem;
    transition: .2s;
}

.export-social a:hover {
    background: var(--gold);
    color: #080808;
}

@media (max-width: 991px) {
    .navbar-brand::after {
        display: none;
    }

    .export-body .site-header {
        height: auto;
        position: relative;
    }

    .export-body .navbar {
        height: auto;
    }

    .export-page {
        padding-top: 20px;
    }

    .export-body .navbar-collapse {
        background: #050505;
    }

    .export-hero-image {
        min-height: 300px;
    }

    .export-hero-image img {
        object-fit: cover;
    }

    .export-body .navbar-nav {
        margin-left: 0;
        gap: 0;
    }

    .export-body .nav-item.dropdown {
        display: block;
    }

    .export-body .dropdown-menu {
        position: static !important;
        width: 100%;
        transform: none !important;
    }

    .export-card {
        min-height: 290px;
    }

    .info-panel {
        border-right: 0;
        border-bottom: 1px solid var(--line);
    }

    .info-panel:last-child {
        border-bottom: 0;
    }

    .export-footer-contacts>div {
        border-right: 0;
        border-bottom: 1px solid var(--line);
    }

    .export-footer-contacts>div:last-child {
        border-bottom: 0;
    }

    .global-reach:after {
        display: none;
    }

    .info-panel::before {
        display: none;
    }
}

@media (max-width: 575px) {
    .export-page {
        padding: 12px;
    }

    .export-intro {
        padding: 28px 20px 20px;
    }

    .export-intro h2 {
        display: block;
        padding: 0;
        font-size: .8rem;
        line-height: 1.35;
    }

    .export-intro h2::before,
    .export-intro h2::after {
        display: none;
    }

    .export-intro>p {
        font-size: .82rem;
    }

    .export-benefits .col-3 {
        font-size: .55rem;
        min-width: 0;
        padding: 0 .15rem;
    }

    .export-benefits img {
        width: 34px;
        height: 34px;
    }

    .export-hero-image {
        min-height: 230px;
    }

    .export-card {
        grid-template-columns: 1fr;
    }

    .epx-inner {
        padding: 14px;
        background-position: center top;
    }

    .export-copy {
        max-width: 58%;
    }

    .export-card>img {
        grid-row: 1;
        height: 220px;
    }

    .export-copy {
        grid-row: 2;
        padding: 42px 18px 48px;
    }

    .export-card footer {
        font-size: .52rem;
    }

    .export-footer>div {
        margin-bottom: 22px;
    }

    .export-footer>div:last-child {
        margin-bottom: 0;
    }

    .export-footer-contacts>div {
        margin-bottom: 0;
    }

    .export-office {
        padding: 18px;
    }

    .export-footer .col-lg-3>div.export-inner,
    .export-social>div.icons-inner {
        min-height: auto;
        padding-right: 0;
    }

    .export-footer .col-lg-3>div.export-inner::after,
    .export-social div.icons-inner::after {
        display: none;
    }

    .export-brand img {
        width: min(100%, 230px);
        margin-left: 0;
    }
}

.import-hero,
.chem-banner,
.import-partnership {
    border: 1px solid var(--line);
    border-radius: 6px;
}

.import-hero {
    display: grid;
    grid-template-columns: 35% 65%;
    overflow: hidden;
    border-radius: 0;
    background: #050505;
    border: none;
}

.import-showcase {
    position: relative;
}

.import-angle-divider {
    position: absolute;
    z-index: 5;
    left: -58px;
    top: 0;
    width: 142px;
    height: 100%;
    overflow: visible;
    pointer-events: none;
}

.import-angle-divider path {
    fill: none;
    stroke: var(--gold);
    stroke-width: 2.25;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}



.import-intro {
    padding: 17px 8px 10px;
    position: relative;
    background: linear-gradient(90deg, #030303 0%, rgba(3, 3, 3, .82) 36%, rgba(3, 3, 3, .12) 100%), url("images/import-port-hero.png") center/cover no-repeat;
}

.import-intro:after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle, #d99625 0 1px, transparent 1.5px) right top/7px 7px no-repeat;
    opacity: .32;
    pointer-events: none;
}

.import-intro>* {
    position: relative;
    z-index: 1;
}

.import-intro>div:first-of-type {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.import-number {
    display: inline-grid;
    place-items: center;
    width: 58px;
    height: 58px;
    border: 2px solid var(--gold);
    color: var(--gold-2);
    font: 2.1rem/1 Cinzel, serif;
    vertical-align: middle;
}

.import-intro h1,
.import-section-title h2,
.import-partnership h2 {
    margin: 0;
    font: 700 1.7rem/1 Cinzel, serif;
    color: #f2f2f2;
}

.import-intro h2 {
    margin: 7px 0 0;
    color: var(--gold-2);
    font: 700 1rem/1 Cinzel, serif;
}

.import-intro>p {
    max-width: 333px;
    margin: 25px 0 22px;
    color: #eee;
    font-size: .9rem;
    line-height: 1.55;
}

.import-benefits {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding-top: 9px;
}

.import-benefits span {
    padding: 0 6px;
    text-align: center;
    border-right: 1px solid var(--line);
    color: #eee;
    font-size: .68rem;
    text-transform: uppercase;
    line-height: 1.4;
}

.import-benefits span:last-child {
    border: 0;
}

.import-benefits i {
    display: block;
    margin-bottom: 4px;
    color: var(--gold-2);
    font-size: 1.25rem;
}

.import-benefits img {
    width: 40px;
    display: block;
    margin: 0 auto 4px;
}

.import-showcase {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    min-height: 260px;
    border-top: 1px solid var(--gold);
    border-right: 1px solid var(--gold);
    border-radius: 0.5rem;
    overflow: hidden;
}

.import-showcase figure {
    min-width: 0;
    margin: 0;
    border: 1px solid var(--gold);
    border-width: 0 0 1px 1px;
    filter: saturate(.72) sepia(.18);
}

.import-showcase figcaption {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 78px;
    padding: 10px;
    background: rgba(4, 4, 4, .96);
    color: #eee;
}

.import-showcase figcaption img {
    width: 50px;
}

.import-showcase figcaption i {
    color: var(--gold-2);
    font-size: 1.6rem;
}

.import-showcase figcaption strong,
.import-showcase figcaption span {
    display: block;
}

.import-showcase figcaption strong {
    color: var(--gold-2);
    font: 700 .85rem Cinzel, serif;
}

.import-showcase figcaption span {
    margin-top: 4px;
    font-size: .85rem;
    line-height: 1.35;
}

.import-categories {
    margin-top: 12px;
}

.import-section-title {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 10px 0 7px;
    text-align: center;
}

.import-section-title span {
    height: 1px;
    flex: 1;
    background: var(--gold);
}

.import-section-title h2 {
    color: var(--gold-2);
    font-size: 1.05rem;
    white-space: nowrap;
}

.import-section-title h2:before,
.import-section-title h2:after {
    content: "◆";
    padding: 0 12px;
    font-size: 1.2rem;
    vertical-align: middle;
}

.product-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 8px;
}

.product-card {
    position: relative;
    overflow: hidden;
    min-width: 0;
    border: 1px solid var(--line);
    border-radius: 5px;
    background: #070707;
}

.product-card>span {
    position: absolute;
    z-index: 2;
    top: 5px;
    left: 6px;
    padding: 6px 10px;
    background: #040404;
    color: var(--gold);
    font: 1.3rem Cinzel, serif;
    border-radius: 0.4rem;
    border: 1px solid var(--gold);
}

.product-image {
    height: 151px;
    background-position: center;
    background-size: cover;
    filter: saturate(.7) sepia(.18);
}

.product-image {
    background-size: cover;
}

.product-card>div:last-child {
    position: relative;
    min-height: 86px;
    padding: 10px 8px 8px 46px;
}

.product-card>div img {
    position: absolute;
    width: 40px;
    left: 2px;
    top: 1px;
}


.product-card h3 {
    margin: 12px 0 0;
    color: #fff;
    font: 700 .84rem / 1.2 Cinzel, serif;
    padding: 0 0.5rem;
}

.product-card p {
    margin: 0;
    color: #e0e0e0;
    font-size: .87rem;
    line-height: 1.35;
}

.import-body .site-header {
    height: 86px;
    background: rgba(2, 2, 2, .98);
}

.import-body .navbar {
    padding: 0 1.7%;
}

.import-body .navbar-brand {
    padding-right: 34px;
}

.import-body .navbar-brand img {
    width: 250px;
}

.import-body .navbar-brand::after {
    height: 55px;
}

.import-body .navbar-nav {
    margin-left: 35px;
    gap: 30px;
}

.import-body .nav-link {
    padding-bottom: 16px !important;
    font-size: .72rem;
}

.import-body .nav-link.active:after {
    bottom: 8px;
    height: 2px;
}

.import-body .division-dropdown-toggle {
    margin-bottom: 15px;
    font-size: .58rem;
}

.import-body .import-quote {
    margin-left: auto;
}

.import-body .import-quote .nav-link {
    padding: 10px 14px !important;
    border: 1px solid var(--gold);
    border-radius: 4px;
    color: var(--gold-2) !important;
}

.import-body .import-quote .nav-link:hover {
    background: rgba(240, 163, 25, .15);
}

@media (min-width: 992px) and (max-width: 1400px) {
    .import-body .navbar-brand {
        padding-right: 25px;
    }

    .import-body .navbar-brand img {
        width: 220px;
    }

    .import-body .navbar-brand::after {
        height: 48px;
    }

    .import-body .navbar-nav {
        margin-left: 22px;
        gap: 19px;
    }

    .import-body .nav-link {
        font-size: .65rem;
    }

    .import-body .division-dropdown-toggle {
        margin-left: 2px;
    }

    .import-body .import-quote .nav-link {
        padding: 8px 10px !important;
    }
}


.chem-banner {
    display: grid;
    grid-template-columns: 17% 48% 20% 15%;
    gap: 15px;
    align-items: center;
    margin-top: 12px;
    padding: 0 0 0 22px;
    min-height: 175px;
    background: linear-gradient(90deg, #090806, #15110a 50%, #080808);
    overflow: hidden;
}

.chem-banner p {
    margin: 0;
    color: var(--gold-2);
    font: 700 .8rem Cinzel, serif;
}

.chem-banner h2 {
    margin: 4px 0 8px;
    font: 700 1.7rem Cinzel, serif;
}

.chem-banner h2 em {
    color: var(--gold);
    font-style: normal;
}

.chem-banner small {
    color: #eee;
    line-height: 1.4;
}

.chem-products {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
}

.chem-products b {
    display: grid;
    place-items: center;
    height: 95px;
    border: 1px dashed var(--gold);
    background: #16120a;
    color: var(--gold-2);
    font: 700 .75rem Cinzel, serif;
}

.chem-banner ul {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #eee;
    font-size: .76rem;
    line-height: 1.9;
}

.chem-banner li:before {
    content: "✓";
    display: inline-grid;
    place-items: center;
    width: 17px;
    height: 17px;
    margin-right: 8px;
    border: 1px solid var(--gold);
    border-radius: 50%;
    color: var(--gold-2);
}

.chem-application {
    height: 175px;
    background: url("assets/card-placeholder.svg") center/cover no-repeat;
    border-left: 1px solid var(--line);
}

.import-partnership {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 12px;
    padding: 17px 22px;
    background: radial-gradient(circle at 60% 50%, rgba(188, 119, 18, .25), transparent 20%), #080808;
}

.import-partnership i {
    color: var(--gold-2);
    font-size: 2.4rem;
}

.import-partnership h2 {
    color: var(--gold-2);
    font-size: 1.25rem;
}

.import-partnership p {
    margin: 5px 0 0;
    color: #eee;
    font-size: .82rem;
}

.chem-banner {
    display: grid;
    grid-template-columns: 17% 47% 19% 17%;
    gap: 0;
    align-items: stretch;
    margin-top: 10px;
    padding: 0 0 0 14px;
    min-height: 168px;
    background: #070707;
    overflow: hidden;
}

.chem-banner>div:first-child {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 14px;
}

.chem-banner p {
    margin: 0;
    color: var(--gold-2);
    font: 700 .75rem Cinzel, serif;
}

.chem-banner h2 {
    margin: 4px 0 8px;
    font: 700 1.55rem Cinzel, serif;
}

.chem-banner h2 em {
    padding: 2px 6px;
    border-radius: 3px;
    background: var(--gold);
    color: #101010;
    font-style: normal;
}

.chem-banner small {
    color: #eee;
    font-size: .62rem;
    line-height: 1.45;
}

.chem-products {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 8px;
    align-self: stretch;
    background: none;
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
}

.chem-products h4 {
    color: var(--gold);
    text-align: center;
    font-size: 1rem;
    margin: 0;
}

.chem-products p.grid_desc {
    color: var(--muted);
    text-transform: none;
    text-align: center;
    font-size: 0.6rem;
}

.chem-banner ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0;
    padding: 0 12px;
    list-style: none;
    color: #eee;
    font-size: .67rem;
    line-height: 1.92;
}

.chem-banner li {
    padding-left: 1.3rem;
}

.chem-banner li:before {
    content: "✓";
    display: inline-grid;
    place-items: center;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--gold);
    color: #080705;
    font-size: 0.5rem;
    font-weight: 900;
    position: absolute;
    top: 6px;
    left: 0;
}

.chem-application {
    height: auto;
    min-height: 168px;
    background: url("assets/card-placeholder.svg") center/cover no-repeat;
    border-left: 1px solid var(--line);
}

.import-partnership {
    position: relative;
    display: flex;
    align-items: center;
    gap: 18px;
    min-height: 105px;
    margin-top: 10px;
    padding: 14px 20px;
    overflow: hidden;
    background: #080808;
}

.import-partnership:after {
    content: "";
    position: absolute;
    inset: 0 20% 0 33%;
    background-image: radial-gradient(circle, rgba(240, 163, 25, .75) 0 1px, transparent 1.5px);
    background-size: 8px 8px;
    opacity: .35;
    pointer-events: none;
}

.import-partnership>* {
    position: relative;
    z-index: 1;
}

.import-partnership i {
    display: grid;
    place-items: center;
    width: 72px;
    height: 72px;
    border: 1px solid var(--gold);
    border-radius: 50%;
    color: var(--gold-2);
    font-size: 2rem;
}

.import-partnership h2 {
    color: var(--gold-2);
    font-size: 1.28rem;
}

.import-partnership p {
    max-width: 410px;
    margin: 5px 0 0;
    color: #eee;
    font-size: .7rem;
    line-height: 1.45;
}

@media (max-width: 1199px) {
    .import-page {
        padding-top: 205px;
    }

    .import-hero {
        grid-template-columns: 42% 58%;
    }

    .product-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .chem-banner {
        grid-template-columns: 1fr;
        padding: 18px 22px;
    }

    .chem-products {
        max-width: 700px;
    }

    .chem-application {
        display: none;
    }
}

@media (max-width: 991px) {
    .import-page {
        padding-top: 20px;
    }

    .import-hero {
        grid-template-columns: 1fr;
    }

    .import-showcase {
        min-height: 210px;
    }

    .product-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 560px) {
    .import-page {
        padding: 12px;
    }

    .import-intro h1 {
        font-size: 1.55rem;
    }

    .import-benefits {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px 0;
    }

    .import-showcase {
        grid-template-columns: 1fr;
    }

    .product-grid {
        grid-template-columns: 1fr;
    }

    .chem-products {
        grid-template-columns: repeat(3, 1fr);
    }

    .chem-banner {
        padding: 16px;
    }

    .import-partnership {
        align-items: flex-start;
    }

    .import-partnership i {
        font-size: 1.8rem;
    }

    .import-section-title {
        gap: 5px;
    }

    .import-section-title h2 {
        font-size: .72rem;
    }

    .import-section-title h2:before,
    .import-section-title h2:after {
        padding: 0 4px;
        font-size: .38rem;
    }
}

/* Keep the Import header in normal document flow when its mobile menu is open. */
@media (max-width: 991px) {
    .import-body .site-header {
        height: auto;
        position: relative;
    }
}

.hero_wrapper {
    padding-top: 195px;
    position: relative;
    overflow: hidden;
    background: #030303;
}

.hero_wrapper .hero_layer {
    content: "";
    position: absolute;
    inset: 105px 0 0 38%;
}


.hero_inner_content {
    position: relative;
    z-index: 2;
    padding: 24px 3.45%;
    max-width: 575px
}

.hero_wrapper h1 {
    font-family: Cinzel, serif;
    font-weight: 700;
    font-size: 2.625rem;
    letter-spacing: 1px;
    margin: 0;
    line-height: 1
}

.hero_wrapper-rule {
    width: 110px;
    height: 2px;
    background: var(--gold);
    margin: 7px 0 7px
}

.hero_wrapper h2 {
    font-family: Cinzel, serif;
    color: var(--light-gold);
    font-size: 1rem;
    font-weight: 700;
    margin: 0 0 4px
}

.hero_wrapper p {
    font-size: 0.875rem;
    line-height: 1.42;
    color: #ededed;
    max-width: 490px;
    margin: 0
}

.divisions {
    padding: 0 2.15% 10px;
    background: linear-gradient(180deg, #030303, #080704);
    margin-top: 25px;
}

.division-row {
    min-height: 107px;
    margin-bottom: 8px;
    border: 1px solid var(--line);
    border-radius: 6px;
    display: grid;
    grid-template-columns: 126px 248px 1fr;
    background: linear-gradient(90deg, #080909, #060707);
    overflow: hidden
}

.division-label {
    background: linear-gradient(135deg, #f0b33a, #c98212);
    color: #080705;
    padding: 9px 18px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.division-label strong {
    font-family: Cinzel, serif;
    font-size: 2.6875rem;
    line-height: .9;
    letter-spacing: 1px
}

.division-label span {
    font-weight: 800;
    font-size: 0.75rem;
    line-height: 1.05;
    text-transform: uppercase;
    margin-top: 8px
}

.division-image {
    background-size: cover;
    background-position: center;
    position: relative;
    filter: sepia(.18) saturate(.75);
    border-right: 1px solid var(--line)
}

.division-image:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent 70%, rgba(3, 3, 3, .25))
}

.division-main {
    display: grid;
    grid-template-columns: 41% 59%;
    min-width: 0
}

.division-info {
    padding: 10px 14px 7px 34px;
    position: relative;
    display: flex;
    flex-direction: column
}

.division-info::before {
    content: "";
    position: absolute;
    right: 0;
    width: 1px;
    height: 65%;
    background-color: var(--line);
}

.division-icon {
    position: absolute;
    left: 50px;
    top: 13px;
    transform: translateX(-50%);
    width: 65px;
    height: 65px;
    border: 1px solid var(--gold);
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: var(--gold);
    font-size: 1.875rem;
    background: #080909;
}


.division-icon img {
    width: 50px;
}

.division-info h3 {
    font-family: Cinzel, serif;
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: .5px;
    margin: 0 0 1px;
    padding-left: 66px;
    white-space: nowrap
}

.tagline {
    font-family: Cinzel, serif;
    color: var(--light-gold);
    font-weight: 600;
    font-size: 0.8125rem;
    line-height: 1.05;
    margin: 0 0 4px;
    padding-left: 66px
}

.description {
    font-size: 0.875rem;
    line-height: 1.35;
    color: #e2e2e2;
    margin: 0 0 5px;
    padding-left: 66px;
    max-width: 390px
}

.explore {
    border: 1px solid var(--gold);
    border-radius: 2px;
    color: var(--light-gold);
    font-family: Cinzel, serif;
    font-size: 0.9375rem;
    letter-spacing: .25px;
    text-align: center;
    padding: 4px 8px;
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px
}

.explore:hover {
    background: var(--gold);
    color: #030303
}

.services {
    padding: 12px 16px 7px 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
    align-content: center
}

.services ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.services li {
    font-size: 0.9375rem;
    line-height: 1.72;
    white-space: nowrap;
    color: #e5e5e5;
    position: relative;
    padding-left: 21px;
}

.services li:before {
    content: "✓";
    display: inline-grid;
    place-items: center;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--gold);
    color: #080705;
    font-size: 0.5rem;
    font-weight: 900;
    position: absolute;
    top: 6px;
    left: 0;
}

.partnership {
    margin: 0 2.15% 10px;
    border: 1px solid var(--line);
    border-radius: 6px;
    background: linear-gradient(90deg, #060707, rgba(7, 7, 7, .94)), url(https://images.unsplash.com/photo-1521295121783-8a321d551ad2?auto=format&fit=crop&w=1000&q=60) right / 36% auto no-repeat;
    display: grid;
    grid-template-columns: 1.25fr .62fr .38fr;
    align-items: center;
    padding: 12px 25px 13px;
    overflow: hidden;
}

.partner-copy {
    display: flex;
    align-items: center;
    gap: 24px
}

.partner-copy i {
    color: var(--gold);
    font-size: 2.1875rem;
    border: 1px solid var(--gold);
    border-radius: 50%;
    padding: 8px 12px
}

.partner-copy img {
    width: 56px;
    border-radius: 50%;
    border: 1px solid #f0ba4c;
    padding: 7px;
}

.partner-copy h3 {
    font-family: Cinzel, serif;
    font-size: 1.375rem;
    line-height: 1;
    color: #eee;
    margin: 0
}

.partner-copy p {
    font-family: Cinzel, serif;
    color: var(--light-gold);
    font-size: 0.8125rem;
    line-height: 1;
    margin: 4px 0 0
}

.partner-button {
    background: linear-gradient(90deg, #e1a631, #f3bd50);
    border-radius: 4px;
    color: #161006;
    font-weight: 700;
    font-size: 0.75rem;
    padding: 7px 15px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px
}

.partner-button:hover {
    color: #000;
    filter: brightness(1.1)
}

.map-dots {
    height: 56px;
    opacity: .34;
    background-image: radial-gradient(circle, var(--gold) 0 1px, transparent 1.4px);
    background-size: 5px 5px;
    mask-image: radial-gradient(ellipse, #000, transparent 70%)
}

@media(max-width:1199px) {
    .navbar-nav {
        gap: 13px
    }

    .brand-title {
        font-size: 1.4375rem
    }

    .navbar-brand {
        margin-right: 15px
    }

    .division-row {
        grid-template-columns: 110px 220px 1fr
    }

    .division-main {
        grid-template-columns: 45% 55%
    }

    .services {
        column-gap: 8px;
        padding-left: 14px
    }

    .services li {
        font-size: 0.75rem;
    }

    .division-info h3 {
        font-size: 0.9375rem
    }
}

@media(max-width:991px) {
    .site-header {
        position: relative;
        height: auto;
        background: #050505
    }

    .navbar {
        padding: 6px 18px
    }

    .navbar-collapse {
        padding: 8px 0
    }

    .navbar-nav {
        align-items: flex-start;
        gap: 0;
        margin-left: 0;
    }



    .nav-link {
        padding: 8px 2px !important;
        font-size: 0.9375rem;
    }

    .nav-link.active:after {
        bottom: 2px
    }

    .quote-btn {
        margin: 6px 0
    }

    .hero_wrapper {
        height: 220px;
        padding-top: 0
    }

    .hero_wrapper:before,
    .hero_wrapper:after {
        inset: 0 0 0 25%
    }

    .division-row {
        grid-template-columns: 100px 220px 1fr
    }

    .division-main {
        grid-template-columns: 1fr
    }

    .division-info {
        border-right: 0;
        border-bottom: 1px solid var(--line)
    }

    .services {
        padding: 8px 14px
    }

    .partnership {
        grid-template-columns: 1fr .55fr
    }

    .map-dots {
        display: none
    }
}

@media(max-width:767px) {
    .hero_wrapper:before {
        inset: 0;
        opacity: .42
    }

    .hero_wrapper:after {
        display: none
    }

    .hero_inner_content {
        padding: 30px 22px
    }

    .hero_wrapper h1 {
        font-size: 2.125rem
    }

    .division-row {
        grid-template-columns: 82px 1fr
    }

    .division-label {
        padding: 8px
    }

    .division-label strong {
        font-size: 2.125rem
    }

    .division-label span {
        font-size: 0.55rem
    }

    .division-image {
        min-height: 130px;
        border-right: 0
    }

    .division-main {
        grid-column: 1/-1
    }

    .division-info {
        padding: 12px 15px 9px 70px
    }

    .division-icon {
        left: 38px
    }

    .division-info h3,
    .tagline,
    .description {
        padding-left: 0
    }

    .division-info h3 {
        white-space: normal
    }

    .services {
        grid-template-columns: 1fr 1fr;
        padding-left: 18px
    }

    .partnership {
        height: auto;
        min-height: 110px;
        grid-template-columns: 1fr;
        padding: 16px
    }

    .partner-copy {
        gap: 12px
    }

    .partner-copy h3 {
        font-size: 1.125rem
    }

    .partner-button {
        margin-top: 12px
    }

    .brand-symbol {
        width: 54px
    }

    .brand-title {
        font-size: 1.3125rem
    }

    .hero .hero_img_layer {
        inset: 0 0 0 0%;
        opacity: 0.5;
    }
}

@media(max-width:430px) {
    .services {
        grid-template-columns: 1fr
    }

    .division-image {
        min-height: 110px
    }

    .partner-copy i {
        display: none
    }

    .hero_wrapper p {
        font-size: 0.6875rem
    }
}

/* One shared navigation scale across every page. */
.site-header .nav-link {
    font-size: .9rem;
    padding-bottom: 18px !important;
}

.site-header .division-dropdown-toggle {
    margin-bottom: 17px;
    font-size: .78rem;
}

@media (max-width: 991px) {

    .site-header li.nav-item {
        display: block;
        width: 100%;
    }

    .site-header .nav-link {
        font-size: .95rem;
        padding: 8px 2px !important;
    }

    .site-header .division-dropdown-toggle {
        margin: 0;
        position: absolute;
        top: 14px;
        right: 0;
    }
}