/* Minification failed. Returning unminified contents.
(3,23): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(6,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(27,21): run-time error CSS1039: Token not allowed after unary operator: '-max-container-width'
(37,23): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(39,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(87,27): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(89,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(107,21): run-time error CSS1039: Token not allowed after unary operator: '-max-container-width'
(131,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(136,27): run-time error CSS1039: Token not allowed after unary operator: '-muli'
(140,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(146,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(171,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-three'
(191,23): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(195,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(196,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(210,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(223,23): run-time error CSS1039: Token not allowed after unary operator: '-muli'
(257,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(266,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(268,39): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(310,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(343,17): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-error'
(358,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(372,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(400,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(409,23): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(420,23): run-time error CSS1039: Token not allowed after unary operator: '-muli'
(439,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-one'
(505,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(520,21): run-time error CSS1039: Token not allowed after unary operator: '-max-container-width'
(526,23): run-time error CSS1039: Token not allowed after unary operator: '-lora'
(568,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-one'
(574,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(575,23): run-time error CSS1039: Token not allowed after unary operator: '-muli'
(581,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(585,17): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-error'
(587,23): run-time error CSS1039: Token not allowed after unary operator: '-muli'
(600,23): run-time error CSS1039: Token not allowed after unary operator: '-muli'
(615,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(644,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(645,23): run-time error CSS1039: Token not allowed after unary operator: '-muli'
(665,113): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(705,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-three'
(708,23): run-time error CSS1039: Token not allowed after unary operator: '-muli'
(717,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-five'
(727,28): run-time error CSS1039: Token not allowed after unary operator: '-tertiary-one'
(745,23): run-time error CSS1039: Token not allowed after unary operator: '-muli'
(774,23): run-time error CSS1039: Token not allowed after unary operator: '-muli'
(782,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary-two'
(1156,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
(1157,23): run-time error CSS1039: Token not allowed after unary operator: '-muli'
(1173,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-one'
(1197,113): run-time error CSS1039: Token not allowed after unary operator: '-primary-two'
 */
.rl__header {
    font-size: 3rem;
    font-family: var(--lora);
    font-weight: 500;
    line-height: 4rem;
    color: var(--primary-one);
    margin-top: 5.2rem;
    margin-bottom: 4.2rem;
}

.rl-eligible {
    padding: 2.1rem 0 16rem;
}

    .rl-eligible.pt66 {
        padding-top: 4rem;
    }

    .rl-eligible.pb_fixed {
        padding-bottom: 2rem;
    }

.rl-why__inner,
.rl-how__inner,
.rl-eligible__inner {
    width: 100%;
    max-width: var(--max-container-width);
    padding: 0 2rem;
    margin: 0 auto;
}

.rl-why__title,
.rl-how__title,
.rl-eligible__title {
    font-size: 3.4rem;
    font-weight: 500;
    font-family: var(--lora);
    line-height: 1;
    color: var(--primary-one);
    margin-bottom: 3rem;
}

.rl-eligible__para {
    margin-bottom: 3.2rem;
}

.rl-eligible__list {
    list-style-image: url('../../Images/Icons/icon-tick-blue.svg');
    margin: 0;
    padding: 0 0 0 2.4rem;
}

.rl-eligible__list-item {
    margin-bottom: 2.1rem;
}

.rl-eligible__button {
    margin-bottom: 3rem;
}

/* HOW IT WORKS */
.rl-how {
    padding: 3.5rem 0;
}

.rl-how__list {
    counter-reset: index;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.rl-how__list-item {
    counter-increment: index;
    margin-bottom: 2.1rem;
    display: flex;
}

    .rl-how__list-item:last-child {
        margin-bottom: 0;
    }

    .rl-how__list-item::before {
        content: counter(index);
        display: block;
        font-size: 7.4rem;
        font-family: var(--lora);
        line-height: 1;
        color: var(--primary-two);
        text-align: center;
        margin-bottom: 0.9rem;
        margin-right: 7rem;
        width: 0;
        position: relative;
        top: -6px;
    }

.rl-how__list-item-arrow {
    display: none;
}

/* * SHORTCUT */
.rl-shortcut__list {
    list-style: none;
    margin: 0 auto;
    width: 100%;
    max-width: var(--max-container-width);
}

.rl-shortcut__item {
    padding: 4.1rem 2rem 5.6rem;
    margin-bottom: 3.9rem;
    border-radius: 15px;
    position: relative;
    display: block;
    border: 1px solid transparent;
    text-align: center;
    cursor: pointer;
    transition: box-shadow 0.2s ease-in-out;
    box-shadow: 0px 3px 15px 0px #0200B926;
}

    .rl-shortcut__item:hover {
        box-shadow: 0px 3px 20px 0px #0200B933;
    }

.rl-shortcut__item-title {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1;
    color: var(--primary-two);
    margin-bottom: 1.7rem;
}

    .rl-shortcut__item-title.mulish_font {
        font-family: var(--muli);
    }

.rl-shortcut__item-para {
    color: var(--primary-one);
}

.rl-shortcut__item-link {
    display: block;
    font-size: 1.6rem;
    color: var(--primary-one);
    position: absolute;
    bottom: 20px;
    font-weight: 600;
    text-decoration: underline;
    width: 12rem;
    margin: 0 auto;
    left: 0;
    right: 0;
    background: none;
    border: 0;
}

.rl-shortcut__small-print {
    font-size: 1.4rem;
    line-height: 1;
    text-align: center;
    margin-top: 6rem;
    margin-bottom: 6rem;
    display: block;
    width: 100%;
}

/* WHY */
.rl-why {
    background-color: var(--tertiary-three);
    padding-top: 7rem;
    padding-bottom: 7rem;
}

.rl-why__list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.rl-why__list-item {
    text-align: center;
}

    .rl-why__list-item:not(:last-child) {
        margin-bottom: 5.2rem;
    }

.rl-why__list-item-number {
    font-family: var(--lora);
    font-weight: 600;
    font-size: 40px;
    line-height: 50px;
    color: var(--primary-two);
    background-color: var(--white);
    width: 175px;
    height: 175px;
    border-radius: 50%;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: column;
    margin: auto;
}

.rl-why__list-item-para {
    font-size: 1.8rem;
    line-height: 2rem;
    color: var(--primary-one);
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 4rem;
}

.rl-finance-calc {
    box-shadow: 5px 5px 52px rgba(0, 0, 0, 0.15);
    padding: 3rem 6rem;
    border-top-left-radius: 30px;
}

.rl-finance-calc__title {
    font-family: var(--muli);
    font-weight: 500;
    font-size: 28px;
    margin-bottom: 2.1rem;
    display: block;
    width: 100%;
    text-align: center;
}

@media (max-width: 768px) {
    .rl-finance-calc__title {
        font-size: 24px;
    }
}

.rl-finance-calc__amount {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    text-align: center;
    margin-bottom: 2.1rem;
}

.rl-finance-calc__amount-number {
    display: block;
    width: 100%;
    padding: 0 0.75rem;
    font-size: 1.8rem;
    line-height: 2;
    color: #5f6368;
    border: 0;
    border-radius: 5px;
    min-height: 44px;
    max-height: 44px;
    border-color: var(--primary-two);
    -webkit-box-shadow: 0px 3px 4px rgba(2, 0, 185, 0.04), 0px 3px 16px rgba(2, 0, 185, 0.08);
    -webkit-appearance: none;
    box-shadow: 0px 3px 4px rgba(2, 0, 185, 0.04), 0px 3px 16px rgba(2, 0, 185, 0.08);
}

    .rl-finance-calc__amount-number:focus {
        color: #495057;
        background-color: #fff;
        border-color: var(--primary-two);
        outline: 0;
        box-shadow: 0 0 0 0.2rem var(--primary-two);
    }

.rl-finance-calc__slider {
    width: 85%;
    margin: 0 auto 6.6rem;
}

.rl-finance-calc__radios-title {
    font-size: 1.8rem;
    margin-bottom: 1.5rem;
}

.rl-finance-calc__radios-label {
    font-size: 2rem;
    margin-bottom: 0;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 3.5rem;
}

    .rl-finance-calc__radios-label::before {
        content: '';
        display: inline-block;
        cursor: pointer;
        border: 2px solid;
        border-radius: 100%;
        height: 2.5rem;
        width: 2.5rem;
        position: absolute;
        left: 0;
        top: 0;
    }

    .rl-finance-calc__radios-label::after {
        display: none;
        content: '';
        border-radius: 100%;
        height: 1.5rem;
        width: 1.5rem;
        background-color: var(--primary-one);
        position: absolute;
        left: 5px;
        top: 5px;
    }

.rl-finance-calc__radios-item .radio {
    display: none;
}

.rl-finance-calc__radios-item {
    width: 19rem;
    margin: 0 auto 2.1rem;
}

    .rl-finance-calc__radios-item
    .radio:checked + .rl-finance-calc__radios-label::after {
        display: block;
    }

.rl-finance-calc__actions {
    text-align: center;
    margin-top: 2rem;
}

.rl-contact-us {
    text-decoration: underline;
    font-size: 1.6rem;
    font-weight: 600;
}

.rl-finance-calc__error {
    text-align: center;
    color: var(--tertiary-error);
    margin-bottom: 2rem;
}

/* RESOURCES */
.rl-resources {
    background: linear-gradient(180deg, #F4F4F4 0%, rgba(244, 244, 244, 0) 100%);
    padding: 1rem 0 3rem;
}

    .rl-resources > .c-container {
        max-width: 840px;
    }

.rl-resources__item {
    background-color: var(--white);
    padding: 4.2rem;
    margin-bottom: 3.5rem;
    border-radius: 15px;
    text-align: center;
    display: block;
    transition: all 0.2s ease-in-out;
}

    .rl-resources__item:hover {
        box-shadow: 0px 3px 4px rgba(2, 0, 185, 0.04), 0px 3px 16px rgba(2, 0, 185, 0.4);
    }

.rl-resources__item-header {
    color: var(--primary-two);
    font-weight: 600;
    font-size: 2rem;
    line-height: 1;
    text-align: center;
    margin-bottom: 2.7rem;
}

.rl-resources__item-btn {
    font-size: 1.6rem;
    line-height: 1;
    text-decoration: underline;
}

/* LIVESTOCK */
.rl-livestock-hero {
    text-align: center;
    margin-bottom: 5.4rem;
}

@media (min-width: 1024px) {
    .rl-livestock-hero {
        margin-top: 5.8rem;
    }
}

.rl-livestock-hero__title,
.rl-livestock-hero__subtitle {
    color: var(--primary-two);
}

.rl-livestock-hero__para {
    margin-bottom: 3.9rem;
}

.rl-livestock-callout__header,
.rl-livestock-hero__title {
    font-family: var(--lora);
    font-size: 3.4rem;
    line-height: 4rem;
    margin-bottom: 1.2rem;
    margin-top: 0;
    font-weight: 500;
    margin-bottom: 3rem;
}

.rl-livestock-hero__subtitle {
    font-size: 1.4rem;
    font-family: var(--muli);
    line-height: 2.4rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 1.9rem;
    display: block;
}

/* * LIST */
.rl-list {
    padding-left: 1.2rem;
}

.rl-list__item {
    margin-bottom: 1.2rem;
}

/* * BANNER */
.rl-livestock-callout {
    background-color: var(--tertiary-one);
}

    .rl-livestock-callout:not(:last-child) {
        margin-bottom: 3.9rem;
    }

.rl-livestock-callout__inner {
    padding: 3rem 2rem;
}

.rl-livestock-callout__action {
    margin-top: 2.1rem;
}

    .rl-livestock-callout__action *:last-child {
        margin-top: 2.1rem;
    }

    .rl-livestock-callout__action *:first-child {
        margin-right: 1.5rem;
    }

.rl-livestock-update p {
    padding-bottom: 30px;
}

.rl-livestock-update img {
    width: 100%;
    max-width: 46%;
    height: auto;
    vertical-align: top;
    display: inline-block;
}

    .rl-livestock-update img:nth-child(2) {
        margin-left: 7%;
    }

@media (max-width: 767px) {
    .rl-livestock-update img:nth-child(1) {
        margin-bottom: 3rem;
    }

    .rl-livestock-update img:nth-child(n) {
        width: 100%;
        max-width: 36rem;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}

/* CUSTOMER STORY */
.rl-customer-story {
    width: 100%;
    max-width: 83rem;
    margin: 0 auto;
    padding: 0 2rem;
}

.rl-customer-story__title {
    font-weight: 600;
    margin-bottom: 5rem;
    font-size: 2rem;
    line-height: 1;
    color: var(--primary-two);
    text-transform: uppercase;
}

.rl-customer-story__content-image {
    width: 64%;
    margin: 5.2rem auto;
}

.rl-customer-story__content-image-caption {
    margin-top: 3.2rem;
}

/* GET IN TOUCH */
.rl-get-in-touch__inner {
    max-width: var(--max-container-width);
    padding: 7rem 2rem 3.3rem;
    margin: 0 auto;
}

.rl-get-in-touch__header {
    font-family: var(--lora);
    font-size: 3.5rem;
    line-height: 4rem;
    margin-top: 0;
    margin-bottom: 1.5rem;
}

.rl-get-in-touch__para {
    margin-bottom: 1.8rem;
}

    .rl-get-in-touch__para a {
        text-decoration: underline;
    }

.rl-get-in-touch__small {
    display: block;
    margin-top: 2.1rem;
}

.rl-get-in-touch__link-doc {
    text-decoration: underline;
}

.rl-get-in-touch__button {
    margin-top: 1.5rem;
}

.rl_sbd-calculator_section .v-application {
    margin: 0 -2rem -2rem;
}

.rl_sbd-calculator_section .v-application--wrap {
    min-height: 0;
}

.rl_sbd-calculator_section .rl-eligible__title {
    padding-top: 30px;
}

.rl_sbd-calculator_section .v-application .form_part .inner {
    border-radius: 7px 7px 0 0;
    background-color: var(--tertiary-one);
    text-align: left;
    overflow: hidden;
}

.rl_sbd-calculator_section .form_label {
    color: var(--primary-two);
    font-family: var(--muli);
    font-size: 1.6rem;
    margin-bottom: 0.7rem;
}

.rl_sbd-calculator_section.dairy_direct_flavor .form_label {
    color: var(--primary-one);
}

.rl_sbd-calculator_section .v-messages.error--text {
    color: var(--tertiary-error);
    font-size: 1.3rem;
    font-family: var(--muli);
}

.rl_sbd-calculator_section .v-text-field fieldset {
    display: none;
}

.rl_sbd-calculator_section .v-text-field .v-input__control .v-input__slot {
    min-height: 4rem;
    background-color: #fff;
    box-shadow: 1px 1px 6px 1px rgba(2, 0, 185, 0.12) !important;
    border-width: 0;
    border-color: transparent;
    font-family: var(--muli);
}

    .rl_sbd-calculator_section
    .v-text-field
    .v-input__control
    .v-input__slot
    input {
        font-size: 1.6rem;
    }

.rl_sbd-calculator_section
.v-text-field.v-input--is-focused
.v-input__control
.v-input__slot {
    border: 1px solid var(--primary-two);
}

.rl_sbd-calculator_section .v-text-field.error--text .v-text-field__details {
    display: block;
}

.rl_sbd-calculator_section .v-text-field .v-text-field__details,
.rl_sbd-calculator_section
.v-text-field.v-input--is-focused
.v-text-field__details {
    display: none;
}

.rl_sbd-calculator_section .image_buttons {
    display: flex;
    justify-content: space-between;
    padding-top: 5px;
    flex-wrap: wrap;
}

.rl_sbd-calculator_section .image_button {
    appearance: none;
    -webkit-appearance: none;
    border: none;
    box-shadow: 0px 3px 4px rgba(2, 0, 185, 0.04), 0px 3px 16px rgba(2, 0, 185, 0.08);
    background-color: #fff;
    border-radius: 4px;
    padding: 1rem 1rem 1rem;
    color: var(--primary-two);
    font-family: var(--muli);
    font-size: 1.4rem;
    position: relative;
    transition: box-shadow 0.4s;
    flex-basis: calc(50% - 8px);
    margin-bottom: 16px;
    height: 8rem;
}

    .rl_sbd-calculator_section .image_button:hover {
        cursor: pointer;
        box-shadow: 0px 3px 4px rgba(2, 0, 185, 0.04), 0px 3px 16px rgba(2, 0, 185, 0.4);
    }

    .rl_sbd-calculator_section .image_button:focus {
        box-shadow: 0px 3px 4px rgba(2, 0, 185, 0.04), 0px 3px 16px rgba(2, 0, 185, 0.08), inset 0 0 0 2px rgba(2, 0, 185, 0.15);
        outline: none;
    }

    .rl_sbd-calculator_section .image_button.is_selected {
        box-shadow: 0px 3px 4px rgba(2, 0, 185, 0.04), 0px 3px 16px rgba(2, 0, 185, 0.08), inset 0 0 0 2px var(--primary-two);
    }

        .rl_sbd-calculator_section .image_button.is_selected::after {
            content: '';
            display: inline-block;
            width: 1.2rem;
            height: 1.2rem;
            position: absolute;
            top: 0.7rem;
            right: 0.7rem;
            background-image: url('../../Images/Icons/bluetick_inverted.svg');
            background-repeat: no-repeat;
            background-size: contain;
            background-position: 0 0;
        }

    .rl_sbd-calculator_section .image_button .img_part {
        height: 3rem;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        margin-bottom: 1rem;
    }

.rl_sbd-calculator_section .button_icon1 {
    background-image: url('../../Images/Icons/sbd_icon1.svg');
}

.rl_sbd-calculator_section .button_icon2 {
    background-image: url('../../Images/Icons/sbd_icon2.svg');
}

.rl_sbd-calculator_section .button_icon3 {
    background-image: url('../../Images/Icons/sbd_icon3.svg');
}

.rl_sbd-calculator_section .styled_button {
    display: inline-block;
    color: white;
    background-color: var(--primary-three);
    font-size: 1.6rem;
    line-height: 4rem;
    font-family: var(--muli);
    font-weight: 700;
    border-radius: 20px;
    padding: 0 2.3rem;
    margin-top: 2rem;
}

.rl_sbd-calculator_section .sbd-calc_results {
    margin: 2rem -2rem -3rem;
    background-color: var(--tertiary-five);
    padding: 4rem 2rem 3rem;
    position: relative;
}

    .rl_sbd-calculator_section .sbd-calc_results::before {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 2rem 2rem 0 2rem;
        border-color: var(--tertiary-one) transparent transparent transparent;
        position: absolute;
        top: -1px;
        left: calc(50% - 1.5rem);
        content: '';
    }

.rl_sbd-calculator_section .sbd-calc_totals {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.rl_sbd-calculator_section .totals_line {
    flex: 1;
    display: flex;
    justify-content: center;
    width: 100%;
    font-family: var(--muli);
    font-size: 1.6rem;
    letter-spacing: 0.8px;
    margin-bottom: 1rem;
    align-items: flex-end;
}

.rl_sbd-calculator_section .totals_title {
    text-align: right;
}

.rl_sbd-calculator_section .totals_value {
    padding-left: 10px;
    font-weight: 700;
    text-align: left;
}

    .rl_sbd-calculator_section .totals_value.main {
        font-size: 1.8rem;
    }

.rl_sbd-calculator_section .totals_title,
.rl_sbd-calculator_section .totals_value {
    flex: 0 0 50%;
}

.rl_sbd-calculator_section .sbd-calc_disclaimer {
    text-align: center;
    padding: 2rem 2rem 0;
    font-family: var(--muli);
    font-size: 1.4rem;
    letter-spacing: 0.8px;
}

    .rl_sbd-calculator_section .sbd-calc_disclaimer hr {
        display: block;
        margin-top: 2rem;
        border-top-color: var(--secondary-two);
    }

.bounce-enter-active {
    animation: bounce-in 0.5s;
}

.bounce-leave-active {
    transform-origin: top center;
    animation: bounce-out 0.3s;
}

/*
 *   MEDIA
 *   --------------------------------------------
*/
@media (max-width: 767px) {
    .rl_sbd-calculator_section .inner {
        padding-top: 2rem;
    }

    .rl_sbd-calculator_section .form_label,
    .rl_sbd-calculator_section .image_buttons {
        padding: 0 2rem;
    }

    .rl_sbd-calculator_section .v-text-field.v-input {
        padding: 0 2rem 2rem;
    }

    .rl_sbd-calculator_section .sbd-calc_totals {
        padding-bottom: 2rem;
    }
}

@media (min-width: 768px) {
    .rl__header {
        text-align: center;
    }

    .rl-how__list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .rl-how__list-item {
        width: 44%;
        position: relative;
        display: block;
        text-align: center;
    }

        .rl-how__list-item.text_left {
            text-align: left;
        }

        .rl-how__list-item::before {
            margin-right: 0;
        }

        .rl-how__list-item:nth-last-child(-n + 2) {
            margin-bottom: 0;
        }

    .rl-how__list-item-arrow {
        display: block;
        position: absolute;
        width: 4.5rem;
        top: 1.8rem;
        right: -16%;
    }

    /* * SHORTCUT */
    .rl-shortcut__list {
        display: flex;
        flex-wrap: wrap;
        text-align: center;
    }

    .rl-shortcut__item {
        width: 30%;
        padding-left: 2rem;
        padding-right: 2rem;
        margin-right: 5%;
    }

        .rl-shortcut__item:nth-child(3) {
            margin-right: 0;
        }

    /* * WHY */
    .rl-why__list {
        display: flex;
        justify-content: space-between;
    }

    .rl-why__list-item {
        width: 33%;
    }

        .rl-why__list-item:not(:last-child) {
            margin-bottom: 0;
        }

    .rl-how__list-item::before {
        width: auto;
    }

    /** * CALCULATOR */
    .rl-finance-hero .c-section-block__inner {
        overflow: visible;
    }

    .rl-finance-calc {
        width: 41rem;
    }

    .rl-finance-calc__radios__inner {
        display: flex;
        max-width: 74%;
        margin: 0 auto 2.1rem;
    }

    /* RESOURCES */
    .rl-resources__side-by-side {
        display: flex;
        justify-content: space-between;
    }

        .rl-resources__side-by-side .rl-resources__item {
            width: 49%;
        }

    /* LIVESTOCK */
    .rl-livestock-callout__inner {
        text-align: center;
    }

    /* GET IN TOUCH */
    .rl-get-in-touch__inner {
        text-align: center;
    }

    .rl_sbd-calculator_section {
        margin-bottom: 50px;
        text-align: center;
    }

        .rl_sbd-calculator_section .v-application {
            padding-bottom: 0;
        }

        .rl_sbd-calculator_section .rl-eligible__title {
            padding-top: 70px;
        }

        .rl_sbd-calculator_section .image_buttons {
            margin-bottom: 35px;
        }

        .rl_sbd-calculator_section .image_button {
            padding: 2rem 2rem 1.5rem;
            font-size: 1.8rem;
            flex-basis: calc(33.3% - 16px);
            margin-bottom: 0;
            height: auto;
        }

            .rl_sbd-calculator_section .image_button .img_part {
                background-size: auto;
                height: 5rem;
            }

            .rl_sbd-calculator_section .image_button.is_selected::after {
                width: 1.8rem;
                height: 1.8rem;
            }

        .rl_sbd-calculator_section .v-application .form_part .inner {
            width: 658px;
            margin: 0 auto;
            padding: 36px 77px 55px;
        }

        .rl_sbd-calculator_section .form_label {
            font-size: 1.8rem;
        }

        .rl_sbd-calculator_section .sbd-calc_results {
            margin: 4rem -8rem -6rem;
        }

        .rl_sbd-calculator_section .totals_line {
            font-size: 1.8rem;
        }

        .rl_sbd-calculator_section .totals_value {
            font-size: 2rem;
        }

            .rl_sbd-calculator_section .totals_value.main {
                font-size: 2.5rem;
            }

        .rl_sbd-calculator_section .v-text-field .v-input__control .v-input__slot {
            min-height: 4.4rem;
        }

        .rl_sbd-calculator_section .sbd-calc_disclaimer {
            padding: 5rem 0 0;
            width: 658px;
            margin: 0 auto;
        }

            .rl_sbd-calculator_section .sbd-calc_disclaimer hr {
                margin-top: 5rem;
            }

    /*livestock re-styling*/
    .rl-first-block {
        margin-bottom: -125px;
    }

    .rl-second-block {
        padding-top: 125px;
    }

    .rl-app-block {
        background-color: #fff;
    }
}

@media (min-width: 1024px) {
    .rl-container {
        padding-top: 4.5rem;
    }

    .rl__header {
        font-size: 5rem;
        line-height: 6rem;
    }

    .rl-eligible {
        text-align: center;
        padding: 2.1rem 0 6rem;
    }

        .rl-eligible.pt66 {
            padding-top: 6.6rem;
        }

        .rl-eligible.pb_fixed {
            padding-bottom: 6rem;
        }

    .rl-eligible__list {
        text-align: left;
        max-width: 60%;
        margin: 0 auto;
    }

        .rl-eligible__list.wide {
            max-width: 65%;
        }

        .rl-eligible__list.pl180 {
            padding-left: 18rem;
        }

    .rl-why__title,
    .rl-how__title,
    .rl-eligible__title {
        font-size: 5rem;
        line-height: 5.6rem;
        margin-bottom: 5rem;
    }

    .rl-eligible__title {
        margin-bottom: 4.5rem;
    }

    .rl-eligible__para {
        margin-bottom: 5.4rem;
    }

    /* * HOW IT WORKS */
    .rl-how__inner {
        max-width: 87rem;
    }

    .rl-how__title {
        text-align: center;
        margin-bottom: 6rem;
    }

    .rl-how__list-item::before {
        font-size: 7.4rem;
        line-height: 1;
    }

    .rl-how__list-item {
        margin-bottom: 10rem;
    }

    .rl-eligible__button {
        padding-top: 2rem;
        margin-bottom: 2rem;
    }

    /* * SHORTCUT */
    .rl-shortcut__item-title {
        font-size: 2rem;
    }

    .rl-shortcut__item-link {
        font-size: 1.8rem;
    }

    /* * CALCULATOR */
    .rl-finance-calc {
        width: 54rem;
    }

    /* LIVESTOCK */
    .rl-livestock-callout__header,
    .rl-livestock-hero__title {
        font-size: 5rem;
        line-height: 6rem;
    }

    .rl-livestock-callout__inner {
        pad: 3.9rem 2rem;
    }

    /* GET IN TOUCH */
    .rl-get-in-touch__header {
        font-size: 5rem;
        line-height: 5.6rem;
        margin-bottom: 5.1rem;
    }

    /*livestock re-styling*/
    .rl-first-block {
        margin-bottom: -150px;
    }

    .rl-app-block {
        background-color: #fff;
    }
}

.rl-buttons_wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    flex-wrap: wrap;
}

    .rl-buttons_wrap .rl-image_button {
        flex: 0 0;
        flex-basis: calc(50% - 8px);
        margin-bottom: 16px;
        height: 12rem;
    }

.rl-image_button {
    appearance: none;
    -webkit-appearance: none;
    border: none;
    box-shadow: 0px 3px 4px rgba(2, 0, 185, 0.04), 0px 3px 16px rgba(2, 0, 185, 0.08);
    background-color: #fff;
    border-radius: 4px;
    padding: 1rem 1rem 1rem;
    color: var(--primary-two);
    font-family: var(--muli);
    font-size: 1.4rem;
    position: relative;
    transition: box-shadow 0.4s;
}

    .rl-image_button .rl-img_part {
        height: 4rem;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        margin-bottom: 2rem;
    }

    .rl-image_button .text {
        font-size: 1.8rem;
        color: var(--primary-one);
    }

    .rl-image_button .button_icon1 {
        height: 6rem;
        background-image: url('../../Images/Livestock/cattle.svg');
    }

    .rl-image_button .button_icon2 {
        height: 6rem;
        background-image: url('../../Images/Livestock/sheep.svg');
    }

    .rl-image_button:hover {
        cursor: pointer;
        box-shadow: 0px 3px 4px rgba(2, 0, 185, 0.04), 0px 3px 16px rgba(2, 0, 185, 0.4);
    }

    .rl-image_button:focus {
        box-shadow: 0px 3px 4px rgba(2, 0, 185, 0.04), 0px 3px 16px rgba(2, 0, 185, 0.08), inset 0 0 0 2px rgba(2, 0, 185, 0.15);
        outline: none;
    }

    .rl-image_button.is_selected {
        box-shadow: 0px 3px 4px rgba(2, 0, 185, 0.04), 0px 3px 16px rgba(2, 0, 185, 0.08), inset 0 0 0 2px var(--primary-two);
    }

        .rl-image_button.is_selected::after {
            content: '';
            display: inline-block;
            width: 2rem;
            height: 2rem;
            position: absolute;
            top: 0.7rem;
            right: 0.7rem;
            background-image: url('../../Images/Livestock/bluetick_inverted.svg');
            background-repeat: no-repeat;
            background-size: contain;
            background-position: 0 0;
        }