@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Montserrat:wght@600;700;800&display=swap");
body {
    font-family: 'Inter', sans-serif !important;
    line-height: 1.8rem !important;
}

:root {
    --accent-color: #695724;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 400 !important;
}

a.nav-link {
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    font-size: .9rem !important;
}

/*=============== HEADER ===============*/
.wb__nmsdc-logo {
    max-width: 100px;
}

.header {

    background: #FFF url(https://apihoard.webit.com/api/v1/Image/CA5E49ED24A0A5388598583848CFBE26/CA5E49ED24A0A5388598583848CFBE26.png?size=Original) repeat-x center top;
}

@media (min-width: 992px) {
    .wb__nmsdc-logo {
        position: absolute;
        bottom: 30px;
        right: 0px;
    }
}


/*=============== HOME PAGE BUTTONS ===============*/
.wb__hero {
    background: url(https://apihoard.webit.com/api/v1/Image/3FF1D2CE1C5B8A06323CFF30EFB0A618/3FF1D2CE1C5B8A06323CFF30EFB0A618.jpg?size=1920x1440);
    background-size: cover;
}

.wb__home-btns a {
    color: white !important;
}

.wb__btn-text {
    background: var(--accent-color);
    padding: 1em;
    color: white;
    min-height: 150px;
    position: absolute;
    bottom: 2em;
    left: 25px;
    right: 25px;
    line-height: 1.3em !important;
}

.wb__relocation {
    background: url(https://apihoard.webit.com/api/v1/Image/F104F55267F4C76A1C994DFFEDB11640/F104F55267F4C76A1C994DFFEDB11640.png?size=800x600);
    background-size: cover;
    height: 450px;
    padding: .5em;
    box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent;
    transition: .5s;
}

.wb__relocation:hover {
    box-shadow: inset 0 0 0 4px #AF8E4B, 0 0 1px transparent;
}

.wb__receiving {
    background: url(https://apihoard.webit.com/api/v1/Image/8AA6C53BEF982C980243E99EA563AB31/8AA6C53BEF982C980243E99EA563AB31.png?size=800x600);
    background-size: cover;
    height: 450px;
    padding: .5em;
    box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent;
    transition: .5s;
}

.wb__receiving:hover {
    box-shadow: inset 0 0 0 4px #AF8E4B, 0 0 1px transparent;
}

.wb__storage {
    background: url(https://apihoard.webit.com/api/v1/Image/FDD58B32B64A4F549C55F497E648451D/FDD58B32B64A4F549C55F497E648451D.png?size=800x600);
    background-size: cover;
    height: 450px;
    padding: .5em;
    box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent;
    transition: .5s;
}

.wb__storage:hover {
    box-shadow: inset 0 0 0 4px #AF8E4B, 0 0 1px transparent;
}

/*=============== COMMENT ===============*/
.footer {

    background: #FFF url(https://apihoard.webit.com/api/v1/Image/CA5E49ED24A0A5388598583848CFBE26/CA5E49ED24A0A5388598583848CFBE26.png?size=Original) repeat-x center top;
}

/*=============== 2026 MODERN REFRESH ===============*/
:root { --fis-navy:#1e4e7d; --fis-gold:#af8e4b; --ease:cubic-bezier(.22,.61,.36,1); }
html { scroll-behavior:smooth; }
body { font-size:17px !important; line-height:1.7 !important; color:#3d4148 !important; -webkit-font-smoothing:antialiased; }
h1,h2,h3,h4,h5 { font-weight:700 !important; letter-spacing:-.02em; line-height:1.2 !important; }
h1 { font-size:clamp(2.2rem,4.5vw,3.4rem) !important; }
h2 { font-size:clamp(1.8rem,3.4vw,2.6rem) !important; }
h3 { font-size:clamp(1.35rem,2.4vw,1.8rem) !important; }
p, li { max-width:72ch; }
a { transition:color .25s var(--ease); }
a.nav-link { font-weight:500 !important; font-size:.95rem !important; letter-spacing:.02em; position:relative; }
a.nav-link::after { content:""; position:absolute; left:50%; right:50%; bottom:4px; height:2px; background:var(--fis-gold); transition:left .3s var(--ease), right .3s var(--ease); }
a.nav-link:hover::after { left:12px; right:12px; }
.btn, button, a.btn, input[type=submit] { border-radius:999px !important; padding:.8em 1.8em !important; font-weight:600 !important; letter-spacing:.03em; transition:transform .25s var(--ease), box-shadow .25s var(--ease), background-color .25s !important; }
.btn:hover, a.btn:hover, input[type=submit]:hover { transform:translateY(-2px); box-shadow:0 10px 24px rgba(30,78,125,.25); }
img { transition:transform .5s var(--ease), box-shadow .5s var(--ease); }
section img:hover, .gallery img:hover { transform:scale(1.02); box-shadow:0 14px 34px rgba(0,0,0,.18); }
.wb__relocation, .wb__receiving, .wb__storage { border-radius:14px; overflow:hidden; }
.wb__relocation:hover, .wb__receiving:hover, .wb__storage:hover { transform:translateY(-4px); }
.wb__btn-text { border-radius:10px; }
@keyframes fisFadeUp { from { opacity:0; transform:translateY(24px); } to { opacity:1; transform:none; } }
main section, .section, section { animation:fisFadeUp .8s var(--ease) both; }
@supports (animation-timeline: view()) {
  section { animation:fisFadeUp linear both; animation-timeline:view(); animation-range:entry 0% entry 35%; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }