/* ==========================================================================
   InPost rebrand blocks
   Scoped, self-contained styles for the inpost-* content blocks.
   Palette: yellow #FFCC05 · black #000 · white #FFF · grey #F0F0F0 / #4A4A49
   Display headings use Saira (set globally in style.css); body stays Archivo.
   ========================================================================== */

:root {
    --inpost-yellow: #FFCC05;
    --inpost-black: #000000;
    --inpost-grey: #F0F0F0;
    --inpost-text: #1a1a1a;
}

h1 { font-size: 102px; line-height: 80px; }
h2 { font-size: 72px; line-height: 60px; }
h3 { font-size: 56px; }
h4 { font-size: 42px; }
h5 { font-size: 20px; }
p { font-size: 16px; margin-bottom: 8px; line-height: 18px;}

#vanillaApplyBody h1 { font-size: 82px; line-height: 64px; }
#vanillaApplyBody h2 { font-size: 52px; line-height: 44px; }
#vanillaApplyBody h3 { font-size: 36px; }
#vanillaApplyBody h4 { font-size: 28px; }
#vanillaApplyBody h5 { font-size: 20px; }
#vanillaApplyBody p { font-size: 16px; margin-bottom: 8px; line-height: 18px;}

@media screen and (max-width: 480px) {
    #vanillaApplyBody h1 { font-size: 48px; line-height: 44px; }
    #vanillaApplyBody h2 { font-size: 28px; line-height: 24px; }
}

@media screen and (max-width: 1280px) {
h1 { font-size: 82px; line-height: 64px; }
h2 { font-size: 52px; line-height: 44px; }
h3 { font-size: 36px; }
h4 { font-size: 28px; }
h5 { font-size: 20px; }
p { font-size: 16px; margin-bottom: 8px; line-height: 18px;}
}
/* Shared section padding + padding overrides ------------------------------ */
.inpost-hero,
.inpost-heading,
.inpost-infocard,
.inpost-textblock,
.inpost-icons,
.inpost-image-text,
.inpost-follow,
.inpost-people-stories {
    position: relative;
    padding: 70px 0;
}
.inpost-no-pt { padding-top: 0 !important; }
.inpost-no-pb { padding-bottom: 0 !important; }

.inpost-follow h3 {
    line-height: 48px;
}

/* Shared display heading treatment (Saira Black) -------------------------- */
.inpost-hero__heading,
.inpost-heading__title,
.inpost-icons__heading {
    font-family: 'Saira', 'Archivo', sans-serif;
    text-transform: uppercase;
    line-height: 0.95;
    letter-spacing: 0.01em;
    margin: 0;
}
.inpost-hero__heading *,
.inpost-heading__title *,
.inpost-icons__heading * {
    font-family: inherit;
    margin: 0;
}

.inpost-hero__heading {
    text-align: left;
}

.inpost-hero__heading h2 {
    padding-left: 1px;
}

.inpost-hero__heading h3 {
    padding-left: 4px;
}

/* ==========================================================================
   Buttons
   ========================================================================== */
.inpost-btn {
    display: inline-block;
    font-family: 'Archivo', sans-serif;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1;
    padding: 14px 28px;
    border: 2px solid transparent;
    border-radius: 0;
    cursor: pointer;
    text-decoration: none;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease;
    max-width: fit-content;
}
.inpost-btn--solid-yellow {
    background: var(--inpost-yellow);
    color: var(--inpost-black);
    border-color: var(--inpost-black);
}
.inpost-btn--solid-yellow:hover {
    background: var(--inpost-black);
    border-color: var(--inpost-black);
    color: #fff;
}
.inpost-btn--solid-black {
    background: var(--inpost-black);
    color: #fff;
    border-color: var(--inpost-black);
}
.inpost-btn--solid-black:hover {
    background: var(--inpost-yellow);
    border-color: var(--inpost-yellow);
    color: var(--inpost-black);
}
.inpost-btn--outline-dark {
    background: transparent;
    color: var(--inpost-black);
    border-color: var(--inpost-black);
}
.inpost-btn--outline-dark:hover {
    background: var(--inpost-black);
    color: #fff;
}
.inpost-btn--outline-light {
    background: transparent;
    color: #fff;
    border-color: #fff;
}
.inpost-btn--outline-light:hover {
    background: #fff;
    color: var(--inpost-black);
}

/* ==========================================================================
   Hero
   ========================================================================== */
.inpost-hero {
    padding: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    color: #fff;
}
.inpost-hero__heading h3 {
    font-size: 40px;
    line-height: 32px;
}

.inpost-hero--small  { min-height: 360px; }
.inpost-hero--medium { min-height: 520px; }
.inpost-hero--large  { min-height: 680px; }

.inpost-hero__bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    z-index: 0;
}
/* If a mobile image is supplied, swap the two backgrounds responsively. */
.inpost-hero--has-mobile .inpost-hero__bg--mobile { display: none; }
@media (max-width: 767px) {
    .inpost-hero--has-mobile .inpost-hero__bg--desktop { display: none; }
    .inpost-hero--has-mobile .inpost-hero__bg--mobile  { display: block; }
}

.inpost-hero__container {
    position: relative;
    z-index: 1;
    width: 100%;
}
.inpost-hero__content {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 600px;
}
.inpost-hero--left   .inpost-hero__content { margin-right: auto; align-items: flex-start; text-align: left; }
.inpost-hero--center .inpost-hero__content { margin: 0 auto; align-items: center; text-align: center; }
.inpost-hero--right  .inpost-hero__content { margin-left: auto; }

.inpost-hero__heading {
    font-size: clamp(2.5rem, 6vw, 5rem);
    text-shadow: 0 2px 18px rgba(0, 0, 0, .35);
}

@media (max-width: 767px) {
    .inpost-hero--left .inpost-hero__content,
    .inpost-hero--right .inpost-hero__content,
    .inpost-hero--center .inpost-hero__content {
        margin: 0 auto;
        align-items: center;
        text-align: center;
        max-width: 100%;
    }
}

/* ==========================================================================
   Heading band
   ========================================================================== */
.inpost-heading__inner {
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.inpost-heading.text-left   .inpost-heading__inner { align-items: flex-start; }
.inpost-heading.text-center .inpost-heading__inner { align-items: center; }
.inpost-heading__title {
    color: var(--inpost-black);
    font-size: clamp(2.5rem, 7vw, 6rem);
}

.inpost-heading h1 {
    font-size: 106px;
    line-height: 84px;
}

@media screen and (min-width: 992px) {
    .inpost-heading h1 {
        font-size: 167px;
        line-height: 108px;
    }
    .inpost-heading h2 {
        font-size: 82px;
        line-height: 72px;
    }
}

@media screen and (max-width: 420px) {
    .inpost-heading h1 {
        font-size: 96px;
        line-height: 76px;
    }

    .inpost-heading h2 {
        font-size: 46px;
        line-height: 40px;
    }

    .inpost-heading h3 {
        font-size: 32px;
    }
}

/* ==========================================================================
   Info cards
   ========================================================================== */
.inpost-infocard__heading {
    font-family: 'Saira', 'Archivo', sans-serif;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 40px;
}
.inpost-infocard__row { row-gap: 30px; }
.inpost-infocard__card {
    background: #fff;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.inpost-infocard__media {
    position: relative;
    aspect-ratio: 16 / 10;
    overflow: hidden;
}
.inpost-infocard__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.inpost-infocard__tag {
    position: absolute;
    top: 14px;
    right: 14px;
    background: var(--inpost-yellow);
    color: var(--inpost-black);
    font-weight: 700;
    font-size: .85rem;
    padding: 4px 12px;
}
.inpost-infocard__body {
    padding: 26px;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    background-color: #f0f0f0;
}
.inpost-infocard__label {
    text-transform: uppercase;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .08em;
    color: var(--inpost-text);
    margin: 0 0 6px;
}
.inpost-infocard__title {
    font-family: 'Saira', 'Archivo', sans-serif;
    text-transform: uppercase;
    /* font-size: 2rem; */
    /* line-height: 1; */
    margin: 0 0 20px;
}
.inpost-infocard__features {
    list-style: none;
    padding: 0;
    margin: 0 0 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: auto;
}
.inpost-infocard__features li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: .95rem;
    line-height: 1.4;
    padding: 0;
}
.inpost-infocard__check {
    flex: 0 0 auto;
    width: 22px;
    height: 22px;
    border: 1.5px solid var(--inpost-black);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--inpost-yellow);
    font-size: 2rem;
    line-height: 1;
    margin-top: 1px;
}
.inpost-infocard__cta {
    margin-top: auto;
    align-self: flex-start;
}

/* ==========================================================================
   Text block
   ========================================================================== */
.inpost-textblock__inner--narrow { max-width: 820px; }
.inpost-textblock.text-center .inpost-textblock__inner--narrow { margin: 0 auto; }
.inpost-textblock__content { font-size: 1.05rem; line-height: 1.55; }
.inpost-textblock__content :first-child { margin-top: 0; }
/* .inpost-textblock__cta { margin-top: 24px; } */
.inpost-textblock.text-center .inpost-textblock__cta { margin-left: auto; margin-right: auto; }

/* ==========================================================================
   Icons grid
   ========================================================================== */
.inpost-icons__heading {
    text-align: center;
    font-size: clamp(1.8rem, 4vw, 3rem);
    margin-bottom: 16px;
}
.inpost-icons__description {
    text-align: center;
    max-width: 720px;
    margin: 0 auto 44px;
    font-size: 1.05rem;
    line-height: 1.5;
}
.inpost-icons__description :last-child { margin-bottom: 0; }
.inpost-icons__row { row-gap: 24px; }

/* Cards style */
.inpost-icons__card {
    background: #fff;
    height: 100%;
    padding: 24px;
    display: flex;
    align-items: flex-start;
    gap: 18px;
}
.inpost-icons__card-icon {
    flex: 0 0 auto;
    width: 56px;
}
.inpost-icons__card-icon .inpost-icons__icon {
    width: 100%;
    height: auto;
    display: block;
}
.inpost-icons__card-title {
    font-weight: 700;
    font-size: 1.05rem;
    margin: 0 0 6px;
}
.inpost-icons__card-text {
    font-size: .92rem;
    line-height: 1.45;
}
.inpost-icons__card-text :last-child { margin-bottom: 0; }

/* Compact style — small icon above a short label, auto-wrapping row */
.inpost-icons__compact {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 28px 36px;
    background-color: #fff;
    padding: 24px;
}
.inpost-icons__compact-item {
    flex: 0 1 110px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 12px;
}
.inpost-icons__compact-item .inpost-icons__icon {
    width: 48px;
    height: 48px;
    object-fit: contain;
}
.inpost-icons__compact-label {
    /* font-size: .8rem; */
    line-height: 16px;
}

/* ==========================================================================
   Mobile
   ========================================================================== */
@media (max-width: 575px) {
    .inpost-hero,
    .inpost-heading,
    .inpost-infocard,
    .inpost-textblock,
    .inpost-icons,
    .inpost-image-text,
    .inpost-follow,
    .inpost-people-stories {
        padding: 44px 0;
    }
    .inpost-icons__card { flex-direction: column; }
}

/* ==========================================================================
   Image + Text
   ========================================================================== */
.inpost-image-text__row { row-gap: 32px; }
.inpost-image-text__media img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}
.inpost-image-text__body {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
}
.inpost-image-text__heading {
    font-family: 'Saira', 'Archivo', sans-serif;
    text-transform: uppercase;
    line-height: 0.95;
    letter-spacing: 0.01em;
}
.inpost-image-text__heading * { font-family: inherit; margin: 0; }
.inpost-image-text__content { font-size: 1.05rem; line-height: 1.55; }
.inpost-image-text__content :first-child { margin-top: 0; }
.inpost-image-text__content :last-child { margin-bottom: 0; }

/* ==========================================================================
   Follow / Process
   ========================================================================== */
/* Full-width text; the two photos are absolutely positioned over it (desktop only). */
.inpost-follow__body {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
}
.inpost-follow__heading {
    position: relative; /* anchor for the top image so it can centre on the heading */
    width: 100%;
    font-family: 'Saira', 'Archivo', sans-serif;
    text-transform: uppercase;
    line-height: 0.95;
    letter-spacing: 0.01em;
}
@media screen and (min-width: 992px) {
    .inpost-follow__heading {
        margin-top: 64px;
    }
}
.inpost-follow__heading * { font-family: inherit; margin: 0; }
.inpost-follow__content { font-size: 1.05rem; line-height: 1.55; }
.inpost-follow__content :first-child { margin-top: 0; }
.inpost-follow__content :last-child { margin-bottom: 0; }

.inpost-follow__img img {
    /* width: 100%; */
    /* height: 100%; */
    display: block;
    object-fit: cover;
    aspect-ratio: 1 / 1;
}

@media (min-width: 992px) {
    /* reserve vertical room so the lower image stays within the section */
    .inpost-follow__body { min-height: 560px; }

    .inpost-follow__img { position: absolute; }

    /* top image: vertically centred on the heading, hard to the right edge */
    .inpost-follow__img--top {
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        width: clamp(240px, 26vw, 380px);
        aspect-ratio: 4 / 3;
        z-index: 2;
    }

    /* bottom image: below the heading, its right edge 40% in from the right */
    .inpost-follow__img--bottom {
        bottom: 0;
        right: 40%;
        width: clamp(200px, 22vw, 320px);
        /* aspect-ratio: 3 / 4; */
        z-index: 1;
    }
}

/* Images are desktop-only (user request). */
@media (max-width: 991px) {
    .inpost-follow__img { display: none; }
}

/* ==========================================================================
   People stories (carousel)
   ========================================================================== */
.inpost-stories__slide { display: none; }
.inpost-stories__slide.is-active { display: block; }
.inpost-stories__top { row-gap: 24px; }
.inpost-stories__heading {
    font-family: 'Saira', 'Archivo', sans-serif;
    text-transform: uppercase;
    /* line-height: 0.92; */
    letter-spacing: 0.01em;
    margin: 0 0 20px;
    /* font-size: clamp(2.5rem, 6vw, 5rem); */
}
.inpost-stories__prefix,
.inpost-stories__name { display: block; }
.inpost-stories__prefix { color: var(--inpost-black); }
.inpost-stories__name { color: var(--inpost-yellow); }
.inpost-stories__label {
    text-transform: uppercase;
    font-weight: 700;
    font-size: .85rem;
    letter-spacing: .06em;
    margin: 0;
}
.inpost-stories__role {
    font-family: 'Saira', 'Archivo', sans-serif;
    text-transform: uppercase;
    font-size: clamp(1.6rem, 3.5vw, 2.6rem);
    line-height: 1;
    margin: 4px 0 0;
}
.inpost-stories__media img {
    width: auto;
    height: 100%;
    max-height: 360px;
    object-fit: cover;
    display: block;
}
.inpost-stories__body {
    margin-top: 36px;
    font-size: 1.05rem;
    line-height: 1.55;
    max-width: 1024px;
}
@media screen and (max-width: 1600px) {
   .inpost-stories__body {
          max-width: 920px;
   } 
}
@media screen and (max-width: 1400px) {
   .inpost-stories__body {
          max-width: 820px;
   } 
}
.inpost-stories__body :first-child { margin-top: 0; }
.inpost-stories__controls {
    margin-top: 36px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
}
.inpost-stories__dots {
    display: flex;
    gap: 12px;
}
.inpost-stories__dot {
    width: 18px;
    height: 18px;
    padding: 0;
    background: transparent;
    border: 2px solid var(--inpost-black);
    border-radius: 0;
    cursor: pointer;
    transition: background-color .2s ease;
}
.inpost-stories__dot.is-active { background: var(--inpost-black); }

/* ==========================================================================
   Hero — two-line heading (used on the Search & Apply page)
   ========================================================================== */
.inpost-hero__line-sub {
    display: block;
    /* font-size: 0.4em; */
    /* line-height: 1; */
}
.inpost-hero__line-main {
    display: block;
    color: var(--inpost-yellow);
    /* line-height: 1; */
}

/* ==========================================================================
   Job list (Search & Apply)
   ========================================================================== */
.inpost-joblist.list-search-job {
    margin-top: 0;
    padding: 60px 15px 40px;
}
.inpost-joblist .jobrow_head {
    padding: 0 24px 14px;
    background: transparent;
    border: 0;
    margin: 0;
}
.inpost-joblist .jobrow:not(.jobrow_head) {
    padding: 22px 24px;
    background: transparent;
    border-width: 0 0 1px 0;
    border-color: #d6d6d6;
    margin: 0 auto;
}
.inpost-joblist .jobrow:not(.jobrow_head):hover {
    background: var(--inpost-yellow);
    color: var(--inpost-black);
}
.inpost-joblist .jobrow:not(.jobrow_head):hover .jobname,
.inpost-joblist .jobrow:not(.jobrow_head):hover .jobcat,
.inpost-joblist .jobrow:not(.jobrow_head):hover .jobcode {
    color: var(--inpost-black);
}
.inpost-joblist .jobnametitle,
.inpost-joblist .jobname { width: 44%; }
.inpost-joblist .jobcattitle,
.inpost-joblist .jobcat { width: 26%; }
.inpost-joblist .jobcodetitle,
.inpost-joblist .jobcode { width: calc(30% - 60px); }
.inpost-joblist .jobnametitle,
.inpost-joblist .jobcattitle,
.inpost-joblist .jobcodetitle {
    font-weight: 700;
    color: var(--inpost-black);
    font-size: 1rem;
}
.inpost-joblist .jobname {
    font-weight: 600;
    color: var(--inpost-black);
    font-size: 1.05rem;
}
.inpost-joblist .jobcat,
.inpost-joblist .jobcode {
    color: var(--inpost-text);
    font-size: 1rem;
    vertical-align: middle;
}
.inpost-joblist .jobarrow {
    opacity: 0;
    transition: opacity .15s ease;
}
.inpost-joblist .jobrow:not(.jobrow_head):hover .jobarrow { opacity: 1; }
.inpost-joblist .jobarrow svg path { fill: var(--inpost-black); }
.inpost-joblist .jobscount { color: var(--inpost-text); }

@media (max-width: 767px) {
    .inpost-joblist.list-search-job { padding: 32px 0; }
    .inpost-joblist .jobrow:not(.jobrow_head) { padding: 18px 16px; }
    .inpost-joblist .jobname { width: 100%; }
    .inpost-joblist .jobcat,
    .inpost-joblist .jobcode { width: auto; margin-right: 16px; }
}

/* ==========================================================================
   Job detail
   ========================================================================== */
.inpost-detail__banner { padding: 44px 0 52px; }
.inpost-detail__back {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--inpost-black);
    font-weight: 700;
    text-decoration: none;
    margin-bottom: 28px;
}
.inpost-detail__back:hover { color: var(--inpost-black); text-decoration: underline; }
.inpost-detail__eyebrow {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .06em;
    font-size: .95rem;
    color: var(--inpost-black);
    margin: 0 0 4px;
}
.inpost-detail__title {
    font-family: 'Saira', 'Archivo', sans-serif;
    text-transform: uppercase;
    /* line-height: 0.92; */
    letter-spacing: 0.01em;
    color: var(--inpost-black);
    font-size: clamp(2.5rem, 6vw, 5rem);
    line-height: 60px;
    margin: 0;
    max-width: 660px;
}
.inpost-detail__location {
    font-size: clamp(1.4rem, 3vw, 2rem);
    color: var(--inpost-black);
    margin: 16px 0 0;
}
.inpost-detail__body { padding: 48px 0 32px; }
.inpost-detail__apply { margin: 0 0 48px; }
.inpost-detail__section { margin-bottom: 40px; }
.inpost-detail__heading {
    font-size: clamp(1.4rem, 3vw, 1.9rem);
    font-weight: 600;
    color: var(--inpost-black);
    margin: 0 0 16px;
}
.inpost-detail__text {
    background: var(--inpost-grey);
    padding: 32px;
    font-size: 1rem;
    line-height: 1.55;
}
.inpost-detail__back--bottom { margin: 12px 0 0; }

/* ==========================================================================
   Progressive container gutters
   On laptops below 1620px, add fluid left/right padding so content pulls in
   from the edges — more margin the smaller the screen gets. Bounded to
   >=992px so tablet and mobile keep their normal gutters.
   ========================================================================== */
@media (min-width: 992px) and (max-width: 1620px) {
    .container:not(.inpost-hero__container) {
        padding-left: calc(0.75rem + clamp(0px, (1620px - 100vw), 92px));
        padding-right: calc(0.75rem + clamp(0px, (1620px - 100vw), 92px));
    }
}


@media screen and (min-width: 1280px) {
    .whole-page-home .inpost-hero__heading h2 {
        font-size: 64px;
        line-height: 52px;
    }
    .whole-page-yodel-journey .inpost-hero__heading h3 {
        font-size: 50px;
        line-height: 40px;
    }
}

@media screen and (min-width: 520px) {
    .inpost-stories__head h1 { font-size: 102px; line-height: 80px; }
    .inpost-stories__head h2 { font-size: 72px; line-height: 60px; }
}

.inpost-follow h3 {
    line-height: 32px;
}

@media screen and (min-width: 768px) {
    .inpost-infocard__title {
        min-height: 132px;
    }
    .inpost-infocard__features {
        margin-top: 0;
    }
    .inpost-infocard__cta {
        margin-top: auto;
    }
}

@media screen and (min-width: 1280px) {
    .inpost-infocard__title {
        min-height: 180px;
    }
    .inpost-infocard__features {
        margin-top: 0;
    }
    .inpost-infocard__cta {
        margin-top: auto;
    }
    .inpost-follow h3 {
        line-height: 48px;
    }
}

@media screen and (max-width: 1200px) {
    .inpost-follow__img--bottom {
        display: none;
    }
    .inpost-follow__body {
        min-height: unset;
    }
}

.whole-page-life-yodel-driver .inpost-hero h2 {
    letter-spacing: -1.1px;
}

.inpost_follow_top {
    letter-spacing: 3.8px;
    margin-left: 1px;
}

.inpost_follow_bottom {
    letter-spacing: -2px;
}

@media screen and (max-width: 1280px) {
    .whole-page-life-yodel-driver .inpost-hero h2 {
        letter-spacing: 2.4px;
    }
    .inpost_follow_top {
        letter-spacing: 1.7px;
    }
}

@media screen and (min-width: 1400px) {
    .inpost-follow__body {
        min-height: 490px;
    }
}

.inpost-icons__nodescription {
    margin-bottom: 44px;
}

.inpost-infocard__title > h2 {
    margin-bottom: 0;
}

.inpost-stories__role_one, .inpost-stories__heading {
    margin-bottom: 0;
}

.infocard__one {
    letter-spacing: -3px;
}
.infocard__two {
    letter-spacing: 7px;
}
.infocard__three {
    letter-spacing: 2.5px;
}
.infocard__four {
    letter-spacing: -3px;
}
.infocard__five {
    letter-spacing: -2px;
}

.image_text_driver {
    letter-spacing: -4px;
}

.image_text_approved {
    letter-spacing: 5px;
}

.inpost-stories__role_one {
    letter-spacing: -4px;
    padding-left: 1px;
}

.inpost-stories__role_two {
    letter-spacing: 10px;
    padding-left: 1px;
}

.inpost-stories__prefix {
    letter-spacing: 12px;
}
.inpost-stories__name1 { letter-spacing: 2px; }
.inpost-stories__name2 { letter-spacing: -2px; }
.inpost-stories__name3 { letter-spacing: -5px; }

.whole-page-home .inpost-hero__heading h2 {
    letter-spacing: 0px;
}

.how_to_three { letter-spacing: 3.4px; }

.inpost-stories__label {
    padding-left: 4px;
}

.inpost-infocard__title {
    margin-left: -3.4px;
}

@media screen and (min-width: 1281px) {
    .infocard__two {
        letter-spacing: 11px;
    }
    .infocard__three {
        letter-spacing: 5px;
    }
    .infocard__five {
        letter-spacing: -1.5px;
    }
    .image_text_driver {
        letter-spacing: -6px;
    }

    .image_text_approved {
        letter-spacing: 9px;
    }
    
    .whole-page-home .inpost-hero__heading h2 {
        letter-spacing: 0.6px;
    }

    .how_to_three { letter-spacing: 4.2px; }
    
    .inpost-infocard__title {
        margin-left: -2.5px;
    }

    .search-and-apply .inpost-hero__heading h3 {
        letter-spacing: -0.5px;
    }
}

@media screen and (max-width: 1280px) {
    .image_text_driver {
        font-size: 50px;
    }
    .search-and-apply .inpost-hero__heading h3 {
        font-size: 30.7px;
        line-height: 22px;
        padding-left: 3px;
    }
}

@media screen and (max-width: 520px) {
    .inpost-stories__prefix {
        letter-spacing: 7px;
    }
    /* .inpost-stories__label {
        letter-spacing: 10.5px;
    } */
    .inpost-stories__role_one {
        letter-spacing: -0.5px;
    }
    .inpost-stories__role_two {
        letter-spacing: 11px;
    }
    .inpost-stories__name1 {
        letter-spacing: 0px;
    }
    .inpost-stories__name2 {
        letter-spacing: -4px;
    }
}