.elementor-1598082 .elementor-element.elementor-element-4f03c97{margin-top:0px;margin-bottom:0px;}.elementor-1598082 .elementor-element.elementor-element-e1f199f > .elementor-widget-container{margin:-47px 0px 0px 0px;}.elementor-1598082 .elementor-element.elementor-element-e1f199f{z-index:0;}.elementor-1598082 .elementor-element.elementor-element-4a640c0{margin-top:-88px;margin-bottom:0px;z-index:100;}.elementor-1598082 .elementor-element.elementor-element-1de59c1{z-index:1;}.elementor-1598082 .elementor-element.elementor-element-fdbf2fe > .elementor-widget-container{margin:-217px 0px 0px 0px;}.elementor-1598082 .elementor-element.elementor-element-fdbf2fe{z-index:99;}.elementor-1598082 .elementor-element.elementor-element-059d4df{margin-top:-220px;margin-bottom:0px;z-index:99;}.elementor-1598082 .elementor-element.elementor-element-2b5e6a7{z-index:5;}.elementor-1598082 .elementor-element.elementor-element-a345677{margin-top:-136px;margin-bottom:0px;z-index:98;}@media(max-width:1024px){.elementor-1598082 .elementor-element.elementor-element-4a640c0{margin-top:-68px;margin-bottom:0px;}.elementor-1598082 .elementor-element.elementor-element-fdbf2fe > .elementor-widget-container{margin:-146px 0px 0px 0px;}.elementor-1598082 .elementor-element.elementor-element-059d4df{margin-top:-140px;margin-bottom:0px;z-index:99;}.elementor-1598082 .elementor-element.elementor-element-a345677{margin-top:-91px;margin-bottom:0px;z-index:98;}}@media(max-width:767px){.elementor-1598082 .elementor-element.elementor-element-4a640c0{margin-top:-49px;margin-bottom:0px;}.elementor-1598082 .elementor-element.elementor-element-1de59c1{z-index:1;}.elementor-1598082 .elementor-element.elementor-element-fdbf2fe > .elementor-widget-container{margin:-105px 0px 0px 0px;}.elementor-1598082 .elementor-element.elementor-element-fdbf2fe{z-index:5;}.elementor-1598082 .elementor-element.elementor-element-059d4df{margin-top:-100px;margin-bottom:0px;}}/* Start custom CSS *//* =========================================================

  Author: Nick Wagner
  Date: Sept. 9, 2026

========================================================= */
.rme-redseal-banner,

.rme-redseal-banner * {

  box-sizing: border-box;

}

.rme-redseal-banner {

  --rme-red: #c8102e;

  --rme-red-dark: #9d0b23;

  position: relative;

  

  width: 100vw;

  max-width: none;

  left: 50%;

  margin-left: -50vw;
  margin-top: 2%;

  min-height: 700px;

  display: flex;

  align-items: center;
  

  overflow: hidden;

  font-family: Arial, Helvetica, sans-serif;

  /* =====================================================

     DESKTOP BACKGROUND

  ===================================================== */

  background-image:

    url("https://rockymtn.com/wp-content/uploads/2026/09/BGRedSeal3-scaled.webp");

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

}

/* =========================================================

   MOBILE TECHNICIAN IMAGE

   Hidden on desktop.

========================================================= */

.rme-redseal-banner__mobile-image {

  display: none;

}

/* =========================================================

   CONTENT

========================================================= */

.rme-redseal-banner__content {

  position: relative;

  z-index: 2;

  width: 47%;

 

  margin-left: 130px;

  padding:

    70px

    25px

    70px

    clamp(40px, 5vw, 90px);

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  justify-content: center;

}

/* =========================================================

   EYEBROW

========================================================= */

.rme-redseal-banner__eyebrow {

  margin: 0 0 24px;

  color: #ffffff;

  font-size: 12px;

  line-height: 1;

  font-weight: 900;

  letter-spacing: 4px;

  text-transform: uppercase;

}

.rme-redseal-banner__eyebrow span {

  display: inline-block;

  margin: 0 10px;

  opacity: .75;

}

/* =========================================================

   ACTUAL RED SEAL LOGO

========================================================= */

.rme-redseal-banner__logo {

  display: block;

  width: min(470px, 100%);

  height: auto;

  margin:

    0

    0

    36px;

}

/* =========================================================

   HEADLINE

========================================================= */

.rme-redseal-banner__title {

  width: 100%;

  max-width: 610px;

  margin:

    0

    0

    21px;

  color: #ffffff;

  font-size:

    clamp(

      38px,

      3.7vw,

      57px

    );

  line-height: .99;

  font-weight: 900;

  letter-spacing: -1.6px;

  text-transform: uppercase;

}

.rme-redseal-banner__title::after {

  content: "";

  display: block;

  width: 70px;

  height: 5px;

  margin-top: 22px;

  background: #ffffff;

}

/* =========================================================

   DESCRIPTION

========================================================= */

.rme-redseal-banner__description {

  width: 100%;

  max-width: 570px;

  margin:

    0

    0

    30px;

  color: #ffffff;

  font-size: 16px;

  line-height: 1.6;

}

/* =========================================================

   CTA

========================================================= */

.rme-redseal-banner__button {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 15px;

  min-height: 56px;

  padding:

    15px

    29px;

  background: #ffffff;

  border:

    2px solid

    #ffffff;

  border-radius: 3px;

  color:

    var(--rme-red) !important;

  text-decoration: none !important;

  text-transform: uppercase;

  font-size: 13px;

  font-weight: 900;

  letter-spacing: .5px;

  transition:

    background-color .2s ease,

    border-color .2s ease,

    color .2s ease,

    transform .2s ease;

}

.rme-redseal-banner__button:hover {

  background:

    var(--rme-red);

  border-color:

    #ffffff;

  color:

    #ffffff !important;

  transform:

    translateY(-2px);

}

.rme-redseal-banner__arrow {

  font-size: 21px;

  line-height: 1;

}

/* =========================================================

   RIGHT BY YOU

========================================================= */

.rme-redseal-banner__rby {

  position: absolute;

  right:

    clamp(

      30px,

      4vw,

      70px

    );

  bottom: 32px;

  z-index: 3;

  color: #ffffff;

  font-size: 18px;

  line-height: 1;

  font-weight: 900;

  letter-spacing: 1px;

  text-transform: uppercase;

}

.rme-redseal-banner__rby::after {

  content: "";

  display: block;

  width: 65px;

  height: 4px;

  margin:

    9px

    0

    0

    auto;

  background:

    var(--rme-red);

}



/* =========================================================

   LAPTOP

========================================================= */

@media (max-width: 1400px) {

  .rme-redseal-banner {

    min-height: 630px;

    background-position:

      center center;

  }

  .rme-redseal-banner__content {

    width: 50%;

    /*

     * Reduce the large desktop offset.

     */

    margin-left: 25px;

    padding:

      55px

      25px

      55px

      35px;

  }

  .rme-redseal-banner__logo {

    max-width: 395px;

  }

  .rme-redseal-banner__title {

    font-size: 41px;

  }

}


/* =========================================================

   TABLET

========================================================= */

@media (max-width: 900px) {

  .rme-redseal-banner {

    min-height: 620px;

    background-position:

      62%

      center;

  }

  .rme-redseal-banner__content {

    width: 62%;

    margin-left: 0;

    padding:

      50px

      25px

      50px

      32px;

  }

  .rme-redseal-banner__rby {

    display: none;

  }

}

/* =========================================================

   MOBILE

========================================================= */

@media (max-width: 650px) {

  /* =====================================================

     HERO


  ===================================================== */

  .rme-redseal-banner {

    min-height: 0;

    display: flex;

    flex-direction: column;

    align-items: stretch;

    background-image:

      url("https://rockymtn.com/wp-content/uploads/2026/09/BGRedSeal2-scaled.webp");

    background-size: cover;

    background-position:

      center center;

    background-repeat: no-repeat;

  }

  /* =====================================================

     TECHNICIAN IMAGE

  ===================================================== */

  .rme-redseal-banner__mobile-image {

    display: block;

    order: 1;

    width: 100%;

    height: auto;

    margin: 0;

    /*

     * Prevent inline image whitespace.

     */

    line-height: 0;

    /*

     * Keeps the original image proportions.

     * No forced cropping.

     */

    object-fit: contain;

    object-position: center center;

  }

  /* =====================================================

     CONTENT

  ===================================================== */

  .rme-redseal-banner__content {

    order: 2;

    width: 100%;

    

    margin-left: 0;
    margin-top: 40px;

    padding:

      34px

      22px

      52px;

    /*

     * Let BGRedSeal2 show through.

     */

    background: transparent;

    align-items: flex-start;

  }

  /* =====================================================

     EYEBROW

  ===================================================== */

  .rme-redseal-banner__eyebrow {

    margin-bottom: 20px;

    font-size: 9px;

    line-height: 1.3;

    letter-spacing: 2px;

    white-space: nowrap;

  }

  .rme-redseal-banner__eyebrow span {

    margin:

      0

      5px;

  }

  /* =====================================================

     LOGO

  ===================================================== */

  .rme-redseal-banner__logo {

    width: 100%;

    max-width: 340px;

    height: auto;

    margin:

      0

      0

      29px;

  }

  /* =====================================================

     HEADLINE

  ===================================================== */

  .rme-redseal-banner__title {

    width: 100%;

    max-width: 440px;

    margin:

      0

      0

      20px;

    font-size:

      clamp(

        29px,

        8vw,

        38px

      );

    line-height: 1.04;

    letter-spacing: -1px;

  }

  .rme-redseal-banner__title::after {

    width: 68px;

    height: 4px;

    margin-top: 20px;

  }

  /* =====================================================

     DESCRIPTION

  ===================================================== */

  .rme-redseal-banner__description {

    width: 100%;

    max-width: 440px;

    margin-bottom: 28px;

    font-size: 15px;

    line-height: 1.55;

  }

  /* =====================================================

     BUTTON

  ===================================================== */

  .rme-redseal-banner__button {

    width: 100%;

    min-height: 54px;

    padding:

      14px

      20px;

    font-size: 12px;

  }

  /* =====================================================

     HIDE DESKTOP-ONLY DETAIL

  ===================================================== */

  .rme-redseal-banner__rby {

    display: none;

  }

  .rme-redseal-banner__bottom {

    height: 4px;

  }

}



/* =========================================================

   VERY SMALL PHONES

========================================================= */

@media (max-width: 390px) {

  .rme-redseal-banner__content {

    margin-left: 0;

    padding:

      29px

      18px

      45px;

  }

  .rme-redseal-banner__logo {

    max-width: 305px;

  }

  .rme-redseal-banner__eyebrow {

    font-size: 8px;

    letter-spacing: 1.5px;

  }

  .rme-redseal-banner__title {

    font-size: 29px;

  }

}

/* =========================================================

  Red Seal benefits 

========================================================= */
.rme-rs-benefits,
.rme-rs-benefits * {
  box-sizing: border-box;
}

.rme-rs-benefits {
  --rme-red: #b00f20;
  --rme-red-dark: #9d0b23;
  --rme-text: #181818;
  --rme-muted: #686868;
  --rme-border: #dedede;
  --rme-light: #f7f7f7;

  position: relative;

  width: 100vw;
  max-width: none;

  left: 50%;
  margin-left: -50vw;
  margin-top:0;

  overflow: hidden;

  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #fafafa 100%
    );

  font-family: Arial, Helvetica, sans-serif;
}







/* =========================================================
   INNER
========================================================= */

.rme-rs-benefits__inner {
  position: relative;

  width: min(
    1440px,
    calc(100% - 70px)
  );

  margin: 0 auto;

  padding:
    64px
    0
    62px;
}


/* =========================================================
   SECTION HEADING
========================================================= */

.rme-rs-benefits__heading {
  display: flex;

  align-items: center;
  justify-content: center;

  gap: 24px;

  margin:
    0
    0
    48px;

  color: var(--rme-text);

  text-align: center;

  font-size: 16px;
  line-height: 1.3;

  font-weight: 900;

  letter-spacing: 4px;

  text-transform: uppercase;
}


.rme-rs-benefits__heading::before,
.rme-rs-benefits__heading::after {
  content: "";

  flex: 0 0 65px;

  height: 3px;

  background:
    var(--rme-red);
}


/* =========================================================
   BENEFIT GRID
========================================================= */

.rme-rs-benefits__grid {
  display: grid;

  grid-template-columns:
    repeat(
      5,
      minmax(0, 1fr)
    );

  align-items: stretch;
}


/* =========================================================
   BENEFIT ITEM
========================================================= */

.rme-rs-benefits__item {
  position: relative;

  min-width: 0;

  padding:
    5px
    30px
    15px;

  display: flex;

  flex-direction: column;

  align-items: center;

  text-align: center;

  transition:
    transform .25s ease;
}


.rme-rs-benefits__item:hover {
  transform:
    translateY(-5px);
}


/* =========================================================
   DIVIDERS
========================================================= */

.rme-rs-benefits__item:not(:last-child)::after {
  content: "";

  position: absolute;

  top: 5%;
  right: 0;

  width: 1px;
  height: 90%;

  background:
    linear-gradient(
      180deg,
      transparent 0%,
      var(--rme-border) 15%,
      var(--rme-border) 85%,
      transparent 100%
    );
}


/* =========================================================
   OFFICIAL CAMPAIGN IMAGE
========================================================= */

.rme-rs-benefits__image-wrap {
  width: 100%;

  min-height: 125px;

  margin-bottom: 20px;

  display: flex;

  align-items: center;
  justify-content: center;
}


.rme-rs-benefits__image {
  display: block;

  width: auto;

  /*
   * Keeps all five visual assets consistent,
   * even if source files have different dimensions.
   */
  max-width: 125px;

  max-height: 115px;

  object-fit: contain;

  transition:
    transform .25s ease;
}


.rme-rs-benefits__item:hover
.rme-rs-benefits__image {
  transform:
    scale(1.045);
}


/* =========================================================
   TEXT
========================================================= */

.rme-rs-benefits__title {
  width: 100%;

  max-width: 220px;

  margin:
    0
    auto;

  color: var(--rme-text);

  font-size: 15px;

  line-height: 1.3;

  font-weight: 900;

  text-transform: uppercase;
}


.rme-rs-benefits__title strong {
  display: block;

  margin-bottom: 5px;

  color: var(--rme-red);

  font-size: 20px;

  line-height: 1.1;

  font-weight: 900;
}


.rme-rs-benefits__sub {
  width: 100%;

  max-width: 210px;

  margin:
    7px
    auto
    0;

  color: var(--rme-muted);

  font-size: 12px;

  line-height: 1.4;

  font-weight: 700;

  text-transform: uppercase;
}


/* =========================================================
   TABLET / SMALL LAPTOP
========================================================= */

@media (max-width: 1100px) {

  .rme-rs-benefits__inner {
    width:
      calc(100% - 44px);
  }


  .rme-rs-benefits__grid {
    grid-template-columns:
      repeat(
        3,
        minmax(0, 1fr)
      );

    row-gap: 48px;
  }


  /*
   * Remove desktop dividers.
   * We'll let whitespace separate the cards.
   */

  .rme-rs-benefits__item::after {
    display: none !important;
  }


  .rme-rs-benefits__item {
    padding:
      5px
      25px
      15px;
  }


  /*
   * Center the final two items within the second row
   */

  .rme-rs-benefits__item:nth-child(4) {
    grid-column: 1 / 2;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 650px) {

  .rme-rs-benefits__inner {
    width:
      calc(100% - 30px);

    padding:
      45px
      0
      46px;
  }


  /* =====================================================
     SECTION TITLE
  ===================================================== */

  .rme-rs-benefits__heading {
    gap: 11px;

    margin-bottom: 36px;

    font-size: 12px;

    line-height: 1.35;

    letter-spacing: 2px;
  }


  .rme-rs-benefits__heading::before,
  .rme-rs-benefits__heading::after {
    flex-basis: 25px;

    height: 2px;
  }


  /* =====================================================
     TWO COLUMN MOBILE GRID
  ===================================================== */

  .rme-rs-benefits__grid {
    grid-template-columns:
      repeat(
        2,
        minmax(0, 1fr)
      );

    gap:
      33px
      0;
  }


  .rme-rs-benefits__item {
    padding:
      0
      12px
      12px;
  }


  /*
   * Add subtle center divider between columns
   */

  .rme-rs-benefits__item:nth-child(odd):not(:last-child)::after {
    content: "";

    display: block !important;

    position: absolute;

    top: 5%;

    right: 0;

    width: 1px;

    height: 90%;

    background:
      linear-gradient(
        180deg,
        transparent,
        var(--rme-border) 18%,
        var(--rme-border) 82%,
        transparent
      );
  }


  /* =====================================================
     IMAGE
  ===================================================== */

  .rme-rs-benefits__image-wrap {
    min-height: 95px;

    margin-bottom: 15px;
  }


  .rme-rs-benefits__image {
    max-width: 90px;

    max-height: 90px;
  }


  /* =====================================================
     COPY
  ===================================================== */

  .rme-rs-benefits__title {
    max-width: 175px;

    font-size: 11px;

    line-height: 1.35;
  }


  .rme-rs-benefits__title strong {
    font-size: 17px;

    margin-bottom: 4px;
  }


  .rme-rs-benefits__sub {
    max-width: 170px;

    margin-top: 5px;

    font-size: 9px;

    line-height: 1.4;
  }


  

  .rme-rs-benefits__item:nth-child(4) {
    grid-column: auto;
  }


  .rme-rs-benefits__item:last-child {
    grid-column:
      1 / -1;

    width: 50%;

    min-width: 175px;

    justify-self: center;
  }


  .rme-rs-benefits__item:last-child::after {
    display: none !important;
  }

}


/* =========================================================
   VERY SMALL PHONE
========================================================= */

@media (max-width: 380px) {

  .rme-rs-benefits__inner {
    width:
      calc(100% - 22px);
  }


  .rme-rs-benefits__heading {
    font-size: 10px;

    letter-spacing: 1.5px;
  }


  .rme-rs-benefits__heading::before,
  .rme-rs-benefits__heading::after {
    flex-basis: 17px;
  }


  .rme-rs-benefits__image {
    max-width: 82px;

    max-height: 82px;
  }


  .rme-rs-benefits__title {
    font-size: 10px;
  }

}


/* =========================================================
   ACCESSIBILITY
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .rme-rs-benefits__item,
  .rme-rs-benefits__image {
    transition: none;
  }


  .rme-rs-benefits__item:hover,
  .rme-rs-benefits__item:hover
  .rme-rs-benefits__image {
    transform: none;
  }

}

.rme-rs-extra,
.rme-rs-extra * {
  box-sizing: border-box;
}

.rme-rs-extra {
  --rme-red: #c8102e;
  --rme-red-dark: #9d0b23;
  --rme-gray: #58595d;
  --rme-text: #242424;
  --rme-muted: #696969;
  --rme-border: #dddddd;

  position: relative;

  width: 100vw;
  max-width: none;

  left: 50%;
  margin-left: -50vw;

  font-family: Arial, Helvetica, sans-serif;

  background: #ffffff;

  overflow: hidden;
}


/* =========================================================
   REMOVE DEFAULT DETAILS STYLING
========================================================= */

.rme-rs-extra__details {
  width: 100%;
  margin: 0;
  padding: 0;

  border: 0;
}


/* =========================================================
   CLICKABLE HEADER
========================================================= */

.rme-rs-extra__summary {
  width: 100%;

  min-height: 92px;

  margin: 0;

  padding: 0;

  display: block;

  background: var(--rme-gray);

  cursor: pointer;

  list-style: none;

  user-select: none;
}


/* Chrome / Safari arrow */

.rme-rs-extra__summary::-webkit-details-marker {
  display: none;
}


/* Firefox / other marker */

.rme-rs-extra__summary::marker {
  display: none;
  content: "";
}


/* =========================================================
   HEADER INNER
========================================================= */

.rme-rs-extra__summary-inner {
  width: min(
    1440px,
    calc(100% - 70px)
  );

  min-height: 92px;

  margin: 0 auto;

  padding: 18px 0;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 30px;
}


/* =========================================================
   HEADER LEFT
========================================================= */

.rme-rs-extra__heading-wrap {
  display: flex;

  align-items: center;

  gap: 18px;

  min-width: 0;
}


/* Red vertical accent */

.rme-rs-extra__accent {
  display: block;

  width: 5px;
  height: 48px;

  flex: 0 0 5px;

  background: var(--rme-red);
}


.rme-rs-extra__heading-text {
  display: block;

  min-width: 0;
}


/* Heading */

.rme-rs-extra__heading {
  display: block;

  margin: 0;

  color: #ffffff;

  font-size: 21px;

  line-height: 1.1;

  font-weight: 900;

  letter-spacing: 1px;

  text-transform: uppercase;
}


/* Subheading */

.rme-rs-extra__subheading {
  display: block;

  margin-top: 6px;

  color: rgba(255,255,255,.72);

  font-size: 11px;

  line-height: 1.3;

  font-weight: 800;

  letter-spacing: 1.4px;

  text-transform: uppercase;
}


/* =========================================================
   HEADER RIGHT
========================================================= */

.rme-rs-extra__action {
  display: flex;

  align-items: center;
  margin-right: 50px;

  gap: 15px;

  flex: 0 0 auto;

  color: #ffffff;
  
}


.rme-rs-extra__action-label {
  font-size: 12px;

  line-height: 1;

  font-weight: 900;

  letter-spacing: 1.2px;

  text-transform: uppercase;
}


.rme-rs-extra__action-label::before {
  content: "Explore Features";
}


/* =========================================================
   PLUS BUTTON
========================================================= */

.rme-rs-extra__plus {
  position: relative;

  display: block;

  width: 42px;
  height: 42px;

  flex: 0 0 42px;

  border:
    2px solid
    rgba(255,255,255,.55);

  border-radius: 50%;

  transition:
    transform .4s ease,
    background-color .25s ease,
    border-color .25s ease;
}


.rme-rs-extra__plus::before,
.rme-rs-extra__plus::after {
  content: "";

  position: absolute;

  top: 50%;
  left: 50%;

  width: 16px;
  height: 2px;

  background: #ffffff;

  border-radius: 2px;

  transform:
    translate(-50%, -50%);

  transition:
    transform .35s ease;
}


/* Vertical part */

.rme-rs-extra__plus::after {
  transform:
    translate(-50%, -50%)
    rotate(90deg);
}


/* Header hover */

.rme-rs-extra__summary:hover
.rme-rs-extra__plus {
  background: var(--rme-red);

  border-color: var(--rme-red);
}


/* =========================================================
   OPEN STATE
========================================================= */

.rme-rs-extra__details[open]
.rme-rs-extra__plus {
  background: var(--rme-red);

  border-color: var(--rme-red);

  transform: rotate(180deg);
}


/* Convert + into minus */

.rme-rs-extra__details[open]
.rme-rs-extra__plus::after {
  transform:
    translate(-50%, -50%)
    rotate(0deg);
}


.rme-rs-extra__details[open]
.rme-rs-extra__action-label::before {
  content: "Hide Features";
}


/* =========================================================
   DRAWER
========================================================= */

.rme-rs-extra__drawer {
  position: relative;

  width: 100%;

  overflow: hidden;

  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #f7f7f7 100%
    );

  animation:
    rmeExtraDrawerIn
    .45s
    cubic-bezier(.2,.8,.2,1)
    both;
}


@keyframes rmeExtraDrawerIn {

  from {
    opacity: 0;
    transform: translateY(-12px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }

}


/* =========================================================
   CONTENT
========================================================= */

.rme-rs-extra__content {
  width: min(
    1320px,
    calc(100% - 70px)
  );

  margin: 0 auto;

  padding:
    54px
    0
    60px;
}


/* =========================================================
   GRID
========================================================= */

.rme-rs-extra__grid {
  display: grid;

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


/* =========================================================
   FEATURE ITEM
========================================================= */

.rme-rs-extra__item {
  position: relative;

  min-height: 240px;

  padding:
    28px
    40px;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  text-align: center;

  opacity: 0;

  transform:
    translateY(22px);

  animation:
    rmeExtraCardIn
    .5s
    cubic-bezier(.2,.8,.2,1)
    forwards;
}


@keyframes rmeExtraCardIn {

  to {
    opacity: 1;

    transform:
      translateY(0);
  }

}


/* =========================================================
   STAGGERED CARD ANIMATION
========================================================= */

.rme-rs-extra__item:nth-child(1) {
  animation-delay: .08s;
}

.rme-rs-extra__item:nth-child(2) {
  animation-delay: .14s;
}

.rme-rs-extra__item:nth-child(3) {
  animation-delay: .20s;
}

.rme-rs-extra__item:nth-child(4) {
  animation-delay: .26s;
}

.rme-rs-extra__item:nth-child(5) {
  animation-delay: .32s;
}

.rme-rs-extra__item:nth-child(6) {
  animation-delay: .38s;
}


/* =========================================================
   DESKTOP DIVIDERS
========================================================= */

.rme-rs-extra__item:not(:nth-child(3n))::after {
  content: "";

  position: absolute;

  right: 0;
  top: 19%;

  width: 2px;
  height: 62%;

  background: var(--rme-red);
}


/* Horizontal middle divider */

.rme-rs-extra__item:nth-child(-n+3)::before {
  content: "";

  position: absolute;

  bottom: 0;
  left: 12%;

  width: 76%;
  height: 1px;

  background: var(--rme-border);
}


/* =========================================================
   ICON AREA
========================================================= */

.rme-rs-extra__icon-wrap {
  width: 100%;

  min-height: 115px;

  margin-bottom: 17px;

  display: flex;

  align-items: center;

  justify-content: center;
}


.rme-rs-extra__icon {
  display: block;

  width: auto;

  max-width: 140px;

  max-height: 110px;

  object-fit: contain;

  transition:
    transform .3s
    cubic-bezier(.2,.8,.2,1);
}


.rme-rs-extra__item:hover
.rme-rs-extra__icon {
  transform:
    translateY(-5px)
    scale(1.04);
}


/* =========================================================
   COPY
========================================================= */

.rme-rs-extra__title {
  width: 100%;

  max-width: 285px;

  margin: 0;

  color: var(--rme-text);

  font-size: 16px;

  line-height: 1.2;

  font-weight: 900;

  text-transform: uppercase;
}


.rme-rs-extra__title strong {
  color: var(--rme-red);
}


.rme-rs-extra__description {
  width: 100%;

  max-width: 275px;

  margin:
    8px
    auto
    0;

  color: var(--rme-muted);

  font-size: 12px;

  line-height: 1.4;

  font-weight: 700;

  text-transform: uppercase;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1000px) {

  .rme-rs-extra__summary-inner {
    width:
      calc(100% - 44px);
  }


  .rme-rs-extra__content {
    width:
      calc(100% - 44px);
  }


  .rme-rs-extra__grid {
    grid-template-columns:
      repeat(
        2,
        minmax(0,1fr)
      );
  }


  /*
   * Remove desktop separators
   */

  .rme-rs-extra__item::before,
  .rme-rs-extra__item::after {
    display: none;
  }


  /*
   * Vertical divider
   */

  .rme-rs-extra__item:nth-child(odd)::after {
    content: "";

    display: block;

    position: absolute;

    right: 0;
    top: 18%;

    width: 2px;
    height: 64%;

    background: var(--rme-red);
  }


  /*
   * Row separators
   */

  .rme-rs-extra__item:nth-child(-n+4)::before {
    content: "";

    display: block;

    position: absolute;

    bottom: 0;
    left: 12%;

    width: 76%;
    height: 1px;

    background: var(--rme-border);
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 650px) {

  /* Header */

  .rme-rs-extra__summary {
    min-height: 88px;
  }


  .rme-rs-extra__summary-inner {
    width:
      calc(100% - 30px);

    min-height: 88px;

    padding:
      16px
      0;

    gap: 12px;
  }


  .rme-rs-extra__heading-wrap {
    gap: 12px;
  }


  .rme-rs-extra__accent {
    width: 4px;
    height: 42px;

    flex-basis: 4px;
  }


  .rme-rs-extra__heading {
    font-size: 15px;

    line-height: 1.1;

    letter-spacing: .5px;
  }


  .rme-rs-extra__subheading {
    margin-top: 5px;

    font-size: 8px;

    line-height: 1.3;

    letter-spacing: .8px;
  }


  /*
   * Hide words on mobile.
   * Keep just the plus.
   */

  .rme-rs-extra__action-label {
    display: none;
  }


  .rme-rs-extra__plus {
    width: 38px;
    height: 38px;

    flex-basis: 38px;
  }


  /* Drawer */

  .rme-rs-extra__content {
    width:
      calc(100% - 26px);

    padding:
      34px
      0
      42px;
  }


  .rme-rs-extra__grid {
    grid-template-columns:
      repeat(
        2,
        minmax(0,1fr)
      );
  }


  .rme-rs-extra__item {
    min-height: 205px;

    padding:
      22px
      11px;
  }


  /* Image */

  .rme-rs-extra__icon-wrap {
    min-height: 90px;

    margin-bottom: 14px;
  }


  .rme-rs-extra__icon {
    max-width: 100px;

    max-height: 88px;
  }


  /* Text */

  .rme-rs-extra__title {
    max-width: 180px;

    font-size: 11px;

    line-height: 1.27;
  }


  .rme-rs-extra__description {
    max-width: 175px;

    margin-top: 5px;

    font-size: 9px;

    line-height: 1.35;
  }


  /* Mobile separators */

  .rme-rs-extra__item:nth-child(odd)::after {
    width: 1px;

    top: 15%;

    height: 70%;
  }


  .rme-rs-extra__item:nth-child(-n+4)::before {
    left: 10%;

    width: 80%;
  }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 380px) {

  .rme-rs-extra__summary-inner {
    width:
      calc(100% - 22px);
  }


  .rme-rs-extra__heading {
    font-size: 13px;
  }


  .rme-rs-extra__item {
    min-height: 195px;

    padding:
      19px
      8px;
  }


  .rme-rs-extra__icon {
    max-width: 88px;

    max-height: 80px;
  }


  .rme-rs-extra__title {
    font-size: 10px;
  }

}


/* =========================================================
   ACCESSIBILITY
========================================================= */

.rme-rs-extra__summary:focus-visible {
  outline:
    3px solid
    var(--rme-red);

  outline-offset: -3px;
}


@media (prefers-reduced-motion: reduce) {

  .rme-rs-extra__drawer,
  .rme-rs-extra__item,
  .rme-rs-extra__icon,
  .rme-rs-extra__plus {
    animation: none;

    transition: none;
  }


  .rme-rs-extra__item {
    opacity: 1;

    transform: none;
  }

}

.rme-rs-protection,

.rme-rs-protection * {

  box-sizing: border-box;

}

.rme-rs-protection {

  --red: #c8102e;

  --red-dark: #9d0b23;

  --charcoal: #4f5054;

  --dark: #242424;

  --text: #262626;

  --muted: #6b6b6b;

  --line: #dedede;

  position: relative;

  width: 100vw;

  max-width: none;

  left: 50%;

  margin-left: -50vw;

  overflow: hidden;

  padding: 72px 0 78px;

  font-family: Arial, Helvetica, sans-serif;

  background:

    linear-gradient(

      180deg,

      #f4f4f4 0%,

      #ffffff 100%

    );

}

/* =========================================================

   SUBTLE BACKGROUND GRAPHIC

========================================================= */

.rme-rs-protection::before {

  content: "";

  position: absolute;

  width: 520px;

  height: 520px;

  right: -180px;

  top: -190px;

  border: 90px solid rgba(200,16,46,.035);

  border-radius: 50%;

  pointer-events: none;

}

/* =========================================================

   INNER

========================================================= */

.rme-rs-protection__inner {

  position: relative;

  z-index: 2;

  width: min(

    1260px,

    calc(100% - 60px)

  );

  margin: 0 auto;

}

/* =========================================================

   INTRO

========================================================= */

.rme-rs-protection__intro {

  max-width: 760px;

  margin:

    0

    auto

    44px;

  text-align: center;

}

.rme-rs-protection__eyebrow {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 13px;

  margin-bottom: 14px;

  color: var(--red);

  font-size: 11px;

  line-height: 1;

  font-weight: 900;

  letter-spacing: 3px;

  text-transform: uppercase;

}

.rme-rs-protection__eyebrow::before,

.rme-rs-protection__eyebrow::after {

  content: "";

  width: 38px;

  height: 2px;

  background: var(--red);

}

.rme-rs-protection__headline {

  margin:

    0

    0

    13px;

  color: var(--text);

  font-size: clamp(

    32px,

    4vw,

    50px

  );

  line-height: .98;

  font-weight: 900;

  letter-spacing: -1.2px;

  text-transform: uppercase;

}

.rme-rs-protection__intro p {

  max-width: 620px;

  margin: 0 auto;

  color: var(--muted);

  font-size: 16px;

  line-height: 1.55;

}

/* =========================================================

   GRID

========================================================= */

.rme-rs-protection__grid {

  display: grid;

  grid-template-columns:

    repeat(

      2,

      minmax(0, 1fr)

    );

  gap: 26px;

  align-items: start;

}

/* =========================================================

   DETAILS

========================================================= */

.rme-rs-protection__option {

  overflow: hidden;

  border:

    1px solid

    #dedede;

  border-radius: 8px;

  background: #ffffff;

  box-shadow:

    0 12px 34px

    rgba(0,0,0,.07);

  transition:

    transform .3s ease,

    box-shadow .3s ease;

}

.rme-rs-protection__option:hover {

  transform:

    translateY(-5px);

  box-shadow:

    0 19px 45px

    rgba(0,0,0,.11);

}

/* =========================================================

   SUMMARY RESET

========================================================= */

.rme-rs-protection__summary {

  position: relative;

  display: block;

  min-height: 355px;

  padding:

    36px

    40px

    32px;

  list-style: none;

  cursor: pointer;

  text-align: center;

  overflow: hidden;

  background:

    #ffffff;

}

.rme-rs-protection__summary::-webkit-details-marker {

  display: none;

}

.rme-rs-protection__summary::marker {

  content: "";

}

/* =========================================================

   LEVEL 1 TOP ACCENT

========================================================= */

.rme-rs-protection__option--one

.rme-rs-protection__summary::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 7px;

  background:

    var(--red);

}

/* =========================================================

   LEVEL 2 TOP ACCENT

========================================================= */

.rme-rs-protection__option--two

.rme-rs-protection__summary::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 7px;

  background:

    linear-gradient(

      90deg,

      var(--charcoal) 0%,

      var(--charcoal) 75%,

      var(--red) 75%,

      var(--red) 100%

    );

}

/* =========================================================

   BIG NUMBER

========================================================= */

.rme-rs-protection__number {

  position: absolute;

  right: 22px;

  top: 12px;

  color:

    rgba(0,0,0,.035);

  font-size: 110px;

  line-height: 1;

  font-weight: 900;

  pointer-events: none;

}

/* =========================================================

   ICON

========================================================= */

.rme-rs-protection__icon-wrap {

  height: 125px;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 23px;

}

.rme-rs-protection__icon {

  display: block;

  width: auto;

  max-width: 150px;

  max-height: 120px;

  object-fit: contain;

  transition:

    transform .35s

    cubic-bezier(.2,.8,.2,1);

}

.rme-rs-protection__summary:hover

.rme-rs-protection__icon {

  transform:

    translateY(-5px)

    scale(1.045);

}

/* =========================================================

   TITLES

========================================================= */

.rme-rs-protection__name {

  margin:

    0

    auto

    8px;

  max-width: 390px;

  color:

    var(--text);

  font-size: 25px;

  line-height: 1.05;

  font-weight: 900;

  text-transform: uppercase;

}

.rme-rs-protection__level {

  margin-bottom: 24px;

  color: var(--red);

  font-size: 13px;

  line-height: 1;

  font-weight: 900;

  letter-spacing: 1.6px;

  text-transform: uppercase;

}

/* =========================================================

   EXPLORE LINK

========================================================= */

.rme-rs-protection__explore {

  display: inline-flex;

  align-items: center;

  gap: 12px;

  color:

    var(--charcoal);

  font-size: 11px;

  line-height: 1;

  font-weight: 900;

  letter-spacing: 1.2px;

  text-transform: uppercase;

}

.rme-rs-protection__plus {

  position: relative;

  width: 28px;

  height: 28px;

  border-radius: 50%;

  background: var(--red);

  transition:

    transform .4s ease;

}

.rme-rs-protection__plus::before,

.rme-rs-protection__plus::after {

  content: "";

  position: absolute;

  top: 50%;

  left: 50%;

  width: 11px;

  height: 2px;

  background: #ffffff;

  transform:

    translate(-50%, -50%);

}

.rme-rs-protection__plus::after {

  transform:

    translate(-50%, -50%)

    rotate(90deg);

  transition:

    transform .3s ease;

}

/* Open state */

.rme-rs-protection__option[open]

.rme-rs-protection__plus {

  transform:

    rotate(180deg);

}

.rme-rs-protection__option[open]

.rme-rs-protection__plus::after {

  transform:

    translate(-50%, -50%);

}

/* =========================================================

   EXPANDED BODY

========================================================= */

.rme-rs-protection__body {

  position: relative;

  padding:

    32px

    38px

    38px;

  border-top:

    1px solid

    var(--line);

  background:

    linear-gradient(

      180deg,

      #fafafa 0%,

      #ffffff 100%

    );

  animation:

    protectionReveal

    .42s

    cubic-bezier(.2,.8,.2,1)

    both;

}

@keyframes protectionReveal {

  from {

    opacity: 0;

    transform:

      translateY(-14px);

  }

  to {

    opacity: 1;

    transform:

      translateY(0);

  }

}

/* =========================================================

   QUALIFIER

========================================================= */

.rme-rs-protection__qualifier {

  margin:

    0

    0

    25px;

  padding:

    17px

    19px;

  border-left:

    4px solid

    var(--red);

  background:

    #efefef;

  color:

    var(--text);

  font-size: 15px;

  line-height: 1.4;

  font-weight: 800;

}

/* =========================================================

   LIST

========================================================= */

.rme-rs-protection__list {

  list-style: none;

  margin:

    0

    0

    28px;

  padding: 0;

}

.rme-rs-protection__list li {

  position: relative;

  margin-bottom: 17px;

  padding-left: 34px;

  color:

    var(--text);

  font-size: 14px;

  line-height: 1.5;

  font-weight: 600;

}

.rme-rs-protection__list li:last-child {

  margin-bottom: 0;

}

.rme-rs-protection__list li::before {

  content: "✓";

  position: absolute;

  left: 0;

  top: 0;

  width: 21px;

  height: 21px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  background: var(--red);

  color: #ffffff;

  font-size: 11px;

  font-weight: 900;

}

/* =========================================================

   CTA

========================================================= */

.rme-rs-protection__cta {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 12px;

  min-height: 48px;

  padding:

    13px

    20px;

  background:

    var(--red);

  border:

    2px solid

    var(--red);

  border-radius: 3px;

  color:

    #ffffff !important;

  text-decoration: none !important;

  font-size: 11px;

  font-weight: 900;

  letter-spacing: .8px;

  text-transform: uppercase;

  transition:

    background .2s ease,

    transform .2s ease;

}

.rme-rs-protection__cta:hover {

  background:

    var(--red-dark);

  transform:

    translateY(-2px);

}

/* =========================================================

   TABLET

========================================================= */

@media (max-width: 900px) {

  .rme-rs-protection__inner {

    width:

      calc(100% - 40px);

  }

  .rme-rs-protection__summary {

    padding:

      32px

      25px

      28px;

  }

  .rme-rs-protection__body {

    padding:

      28px

      27px

      32px;

  }

}

/* =========================================================

   MOBILE

========================================================= */

@media (max-width: 650px) {

  .rme-rs-protection {

    padding:

      52px

      0

      55px;

  }

  .rme-rs-protection__inner {

    width:

      calc(100% - 28px);

  }

  .rme-rs-protection__intro {

    margin-bottom: 30px;

  }

  .rme-rs-protection__headline {

    font-size: 31px;

  }

  .rme-rs-protection__intro p {

    font-size: 14px;

  }

  .rme-rs-protection__grid {

    grid-template-columns: 1fr;

    gap: 18px;

  }

  .rme-rs-protection__summary {

    min-height: 305px;

    padding:

      29px

      22px

      26px;

  }

  .rme-rs-protection__number {

    font-size: 80px;

    right: 15px;

  }

  .rme-rs-protection__icon-wrap {

    height: 105px;

    margin-bottom: 18px;

  }

  .rme-rs-protection__icon {

    max-width: 125px;

    max-height: 100px;

  }

  .rme-rs-protection__name {

    font-size: 21px;

  }

  .rme-rs-protection__body {

    padding:

      25px

      21px

      29px;

  }

  .rme-rs-protection__qualifier {

    font-size: 13px;

  }

  .rme-rs-protection__list li {

    font-size: 13px;

  }

  .rme-rs-protection__cta {

    width: 100%;

  }

}

/* =========================================================

   ACCESSIBILITY

========================================================= */

.rme-rs-protection__summary:focus-visible {

  outline:

    3px solid

    var(--red);

  outline-offset:

    -3px;

}

@media (prefers-reduced-motion: reduce) {

  .rme-rs-protection__option,

  .rme-rs-protection__icon,

  .rme-rs-protection__plus,

  .rme-rs-protection__body {

    animation: none;

    transition: none;

  }

}
/* =========================================================

   Pricing

========================================================= */


.rme-rs-pricing,
.rme-rs-pricing * {
  box-sizing: border-box;
}

.rme-rs-pricing {
  --rme-red: #bd1028;
  --rme-red-dark: #940a20;

  --nh-blue: #0065a8;
  --nh-blue-dark: #004d81;

  --ce-orange: #ed920c;
  --ce-orange-dark: #c77700;

  --charcoal: #55565a;
  --dark: #252525;
  --muted: #707070;
  --line: #dddddd;
  --light: #f4f4f4;
  --white: #ffffff;

  position: relative;

  width: 100vw;
  max-width: none;

  left: 50%;
  margin-left: -50vw;
  margin-bottom: 0;
  margin-top:0;

  overflow: hidden;

  padding:
    78px
    0
    82px;

  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #f5f5f5 100%
    );

  font-family:
    Arial,
    Helvetica,
    sans-serif;
}


/* =========================================================
   BACKGROUND DETAILS
========================================================= */

.rme-rs-pricing::before {
  content: "";

  position: absolute;

  inset: 0;

  pointer-events: none;

  opacity: .025;

  background-image:
    repeating-linear-gradient(
      -35deg,
      #000000 0,
      #000000 1px,
      transparent 1px,
      transparent 14px
    );
}


.rme-rs-pricing::after {
  content: "RED SEAL";

  position: absolute;

  right: -35px;
  top: 175px;

  color:
    rgba(0,0,0,.025);

  font-size:
    clamp(
      100px,
      13vw,
      230px
    );

  line-height: 1;

  font-weight: 900;

  letter-spacing: -8px;

  white-space: nowrap;

  pointer-events: none;
}


/* =========================================================
   INNER
========================================================= */

.rme-rs-pricing__inner {
  position: relative;
  z-index: 2;

  width:
    min(
      1380px,
      calc(100% - 70px)
    );

  margin: 0 auto;
}


/* =========================================================
   INTRO
========================================================= */

.rme-rs-pricing__intro {
  max-width: 900px;

  margin:
    0
    auto
    43px;

  text-align: center;
}


.rme-rs-pricing__eyebrow {
  display: flex;

  align-items: center;
  justify-content: center;

  gap: 13px;

  margin-bottom: 13px;

  color:
    var(--rme-red);

  font-size: 11px;

  line-height: 1;

  font-weight: 900;

  letter-spacing: 3px;

  text-transform: uppercase;
}


.rme-rs-pricing__eyebrow::before,
.rme-rs-pricing__eyebrow::after {
  content: "";

  width: 42px;
  height: 2px;

  background:
    var(--rme-red);
}


.rme-rs-pricing__heading {
  margin:
    0
    0
    7px;

  color:
    var(--dark);

  font-size:
    clamp(
      34px,
      4.2vw,
      55px
    );

  line-height: .95;

  font-weight: 900;

  letter-spacing: -1.6px;

  text-transform: uppercase;
}


.rme-rs-pricing__subheading {
  margin:
    0
    0
    17px;

  color:
    #77787b;

  font-size:
    clamp(
      18px,
      2vw,
      25px
    );

  line-height: 1;

  font-weight: 900;

  letter-spacing: .8px;

  text-transform: uppercase;
}


.rme-rs-pricing__intro-copy {
  max-width: 650px;

  margin: 0 auto;

  color:
    var(--muted);

  font-size: 15px;

  line-height: 1.55;
}


/* =========================================================
   ACCESSIBLE RADIO INPUTS
========================================================= */

.rme-rs-pricing__radio {
  position: absolute !important;

  width: 1px !important;
  height: 1px !important;

  padding: 0 !important;
  margin: -1px !important;

  overflow: hidden !important;

  clip:
    rect(0 0 0 0) !important;

  clip-path:
    inset(50%) !important;

  white-space: nowrap !important;

  border: 0 !important;
}


/* =========================================================
   BRAND SELECTOR
========================================================= */

.rme-rs-pricing__brands {
  display: grid;

  grid-template-columns:
    repeat(
      3,
      minmax(0, 1fr)
    );

  max-width: 930px;

  margin:
    0
    auto
    38px;

  border:
    1px solid
    #dedede;

  border-radius: 8px;

  overflow: hidden;

  background:
    #ffffff;

  box-shadow:
    0 12px 32px
    rgba(0,0,0,.07);
}


.rme-rs-pricing__brand {
  position: relative;

  min-height: 125px;

  display: flex;

  align-items: center;
  justify-content: center;

  padding:
    20px
    28px;

  cursor: pointer;

  background:
    #ffffff;

  border-right:
    1px solid
    #e5e5e5;

  transition:
    background .25s ease,
    transform .25s ease,
    box-shadow .25s ease;
}


.rme-rs-pricing__brand:last-child {
  border-right: 0;
}


/* Brand underline */

.rme-rs-pricing__brand::after {
  content: "";

  position: absolute;

  left: 0;
  bottom: 0;

  width: 100%;
  height: 6px;

  background:
    #cccccc;

  transform:
    scaleX(0);

  transform-origin:
    center;

  transition:
    transform .35s
    cubic-bezier(.2,.8,.2,1);
}


/* Hover */

.rme-rs-pricing__brand:hover {
  background:
    #fafafa;
}


.rme-rs-pricing__brand:hover img {
  transform:
    translateY(-3px)
    scale(1.045);
}


/* =========================================================
   LOGOS
========================================================= */

.rme-rs-pricing__brand img {
  display: block;

  width: auto;

  max-width: 180px;
  max-height: 70px;

  object-fit: contain;

  transition:
    transform .3s
    cubic-bezier(.2,.8,.2,1),
    opacity .2s ease;
}


/* =========================================================
   ACTIVE BRAND — CASE IH
========================================================= */

#rme-rs-caseih:checked
~ .rme-rs-pricing__brands
label[for="rme-rs-caseih"] {
  background:
    #fafafa;

  box-shadow:
    inset 0 0 0 2px
    rgba(189,16,40,.08);
}


#rme-rs-caseih:checked
~ .rme-rs-pricing__brands
label[for="rme-rs-caseih"]::after {
  background:
    var(--rme-red);

  transform:
    scaleX(1);
}


#rme-rs-caseih:checked
~ .rme-rs-pricing__brands
label[for="rme-rs-caseih"]
img {
  transform:
    translateY(-3px)
    scale(1.05);
}


/* =========================================================
   ACTIVE BRAND — NEW HOLLAND
========================================================= */

#rme-rs-newholland:checked
~ .rme-rs-pricing__brands
label[for="rme-rs-newholland"] {
  background:
    #fafafa;

  box-shadow:
    inset 0 0 0 2px
    rgba(0,101,168,.08);
}


#rme-rs-newholland:checked
~ .rme-rs-pricing__brands
label[for="rme-rs-newholland"]::after {
  background:
    var(--nh-blue);

  transform:
    scaleX(1);
}


#rme-rs-newholland:checked
~ .rme-rs-pricing__brands
label[for="rme-rs-newholland"]
img {
  transform:
    translateY(-3px)
    scale(1.05);
}


/* =========================================================
   ACTIVE BRAND — CASE CE
========================================================= */

#rme-rs-casece:checked
~ .rme-rs-pricing__brands
label[for="rme-rs-casece"] {
  background:
    #fafafa;

  box-shadow:
    inset 0 0 0 2px
    rgba(237,146,12,.1);
}


#rme-rs-casece:checked
~ .rme-rs-pricing__brands
label[for="rme-rs-casece"]::after {
  background:
    var(--ce-orange);

  transform:
    scaleX(1);
}


#rme-rs-casece:checked
~ .rme-rs-pricing__brands
label[for="rme-rs-casece"]
img {
  transform:
    translateY(-3px)
    scale(1.05);
}


/* =========================================================
   KEYBOARD FOCUS
========================================================= */

#rme-rs-caseih:focus-visible
~ .rme-rs-pricing__brands
label[for="rme-rs-caseih"],

#rme-rs-newholland:focus-visible
~ .rme-rs-pricing__brands
label[for="rme-rs-newholland"],

#rme-rs-casece:focus-visible
~ .rme-rs-pricing__brands
label[for="rme-rs-casece"] {
  outline:
    3px solid
    var(--rme-red);

  outline-offset:
    -4px;
}


/* =========================================================
   INITIAL / UNSELECTED STATE
========================================================= */

.rme-rs-pricing__empty {
  position: relative;

  min-height: 245px;

  max-width: 930px;

  margin: 0 auto;

  display: flex;

  align-items: center;
  justify-content: center;

  overflow: hidden;

  border:
    1px solid
    #dddddd;

  border-radius: 8px;

  background:
    linear-gradient(
      135deg,
      #ffffff 0%,
      #f6f6f6 100%
    );

  box-shadow:
    0 10px 28px
    rgba(0,0,0,.045);

  text-align: center;

  animation:
    rmeEmptyIn
    .6s ease
    both;
}


@keyframes rmeEmptyIn {

  from {
    opacity: 0;

    transform:
      translateY(10px);
  }

  to {
    opacity: 1;

    transform:
      translateY(0);
  }

}


/* Decorative oversized numbers */

.rme-rs-pricing__empty::before {
  

  position: absolute;

  left: 50%;
  top: 50%;

  transform:
    translate(-50%, -50%);

  width: 100%;

  color:
    rgba(0,0,0,.026);

  font-size:
    clamp(
      70px,
      10vw,
      135px
    );

  line-height: 1;

  font-weight: 900;

  letter-spacing: 15px;

  white-space: nowrap;

  pointer-events: none;
}


.rme-rs-pricing__empty-inner {
  position: relative;

  z-index: 2;

  max-width: 600px;

  padding:
    35px
    30px;
}


.rme-rs-pricing__empty-icon {
  position: relative;

  width: 42px;
  height: 42px;

  margin:
    0
    auto
    17px;

  border:
    2px solid
    var(--rme-red);

  border-radius: 50%;
}


/* Down arrow */

.rme-rs-pricing__empty-icon::before {
  content: "";

  position: absolute;

  left: 50%;
  top: 11px;

  width: 2px;
  height: 14px;

  background:
    var(--rme-red);

  transform:
    translateX(-50%);
}


.rme-rs-pricing__empty-icon::after {
  content: "";

  position: absolute;

  left: 50%;
  bottom: 10px;

  width: 8px;
  height: 8px;

  border-right:
    2px solid
    var(--rme-red);

  border-bottom:
    2px solid
    var(--rme-red);

  transform:
    translateX(-50%)
    rotate(45deg);
}


.rme-rs-pricing__empty-kicker {
  display: block;

  margin-bottom: 8px;

  color:
    var(--rme-red);

  font-size: 10px;

  line-height: 1;

  font-weight: 900;

  letter-spacing: 2.5px;

  text-transform: uppercase;
}


.rme-rs-pricing__empty-title {
  display: block;

  margin-bottom: 9px;

  color:
    var(--dark);

  font-size:
    clamp(
      23px,
      3vw,
      32px
    );

  line-height: 1;

  font-weight: 900;

  text-transform: uppercase;
}


.rme-rs-pricing__empty-copy {
  display: block;

  color:
    var(--muted);

  font-size: 14px;

  line-height: 1.5;
}


/* Hide empty state after selection */

#rme-rs-caseih:checked
~ .rme-rs-pricing__empty,

#rme-rs-newholland:checked
~ .rme-rs-pricing__empty,

#rme-rs-casece:checked
~ .rme-rs-pricing__empty {
  display: none;
}


/* =========================================================
   PANELS — HIDDEN BY DEFAULT
========================================================= */

.rme-rs-pricing__panel {
  display: none;
}


/* Show selected panel */

#rme-rs-caseih:checked
~ .rme-rs-pricing__panels
.rme-rs-pricing__panel--caseih {
  display: block;
}


#rme-rs-newholland:checked
~ .rme-rs-pricing__panels
.rme-rs-pricing__panel--newholland {
  display: block;
}


#rme-rs-casece:checked
~ .rme-rs-pricing__panels
.rme-rs-pricing__panel--casece {
  display: block;
}


/* =========================================================
   PANEL HEADER ANIMATION
========================================================= */

.rme-rs-pricing__panel-top {
  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 25px;

  margin-bottom: 25px;

  animation:
    rmePanelHeaderIn
    .42s
    cubic-bezier(.2,.8,.2,1)
    both;
}


@keyframes rmePanelHeaderIn {

  from {
    opacity: 0;

    transform:
      translateY(15px);
  }

  to {
    opacity: 1;

    transform:
      translateY(0);
  }

}


.rme-rs-pricing__panel-label {
  display: flex;

  align-items: center;

  gap: 13px;

  color:
    var(--dark);

  font-size: 14px;

  line-height: 1;

  font-weight: 900;

  letter-spacing: 1px;

  text-transform: uppercase;
}


.rme-rs-pricing__panel-label::before {
  content: "";

  width: 38px;
  height: 4px;

  background:
    var(--brand);
}


.rme-rs-pricing__availability {
  display: inline-flex;

  align-items: center;

  gap: 8px;

  color:
    var(--muted);

  font-size: 11px;

  line-height: 1;

  font-weight: 900;

  letter-spacing: 1.2px;

  text-transform: uppercase;
}


.rme-rs-pricing__availability::before {
  content: "";

  width: 8px;
  height: 8px;

  border-radius: 50%;

  background:
    var(--rme-red);

  box-shadow:
    0 0 0 4px
    rgba(189,16,40,.1);
}


/* =========================================================
   BRAND VARIABLES
========================================================= */

.rme-rs-pricing__panel--caseih {
  --brand:
    var(--rme-red);

  --brand-dark:
    var(--rme-red-dark);
}


.rme-rs-pricing__panel--newholland {
  --brand:
    var(--nh-blue);

  --brand-dark:
    var(--nh-blue-dark);
}


.rme-rs-pricing__panel--casece {
  --brand:
    var(--ce-orange);

  --brand-dark:
    var(--ce-orange-dark);
}


/* =========================================================
   PRICE GRID
========================================================= */

.rme-rs-pricing__grid {
  display: grid;

  grid-template-columns:
    repeat(
      3,
      minmax(0, 1fr)
    );

  gap: 17px;
}


/* =========================================================
   PRICE CARD
========================================================= */

.rme-rs-price {
  position: relative;

  min-height: 145px;

  display: flex;

  align-items: center;

  padding:
    26px
    26px
    24px;

  overflow: hidden;

  border:
    1px solid
    #dedede;

  border-radius: 5px;

  background:
    #ffffff;

  box-shadow:
    0 7px 22px
    rgba(0,0,0,.045);

  opacity: 0;

  animation:
    rmePriceCardReveal
    .48s
    cubic-bezier(.2,.8,.2,1)
    forwards;

  transition:
    transform .28s
    cubic-bezier(.2,.8,.2,1),
    box-shadow .28s ease,
    border-color .28s ease;
}


@keyframes rmePriceCardReveal {

  from {
    opacity: 0;

    transform:
      translateY(24px)
      scale(.985);
  }

  to {
    opacity: 1;

    transform:
      translateY(0)
      scale(1);
  }

}


/* =========================================================
   STAGGERED CARD TIMING
========================================================= */

.rme-rs-price:nth-child(1) {
  animation-delay: .05s;
}

.rme-rs-price:nth-child(2) {
  animation-delay: .10s;
}

.rme-rs-price:nth-child(3) {
  animation-delay: .15s;
}

.rme-rs-price:nth-child(4) {
  animation-delay: .20s;
}

.rme-rs-price:nth-child(5) {
  animation-delay: .25s;
}

.rme-rs-price:nth-child(6) {
  animation-delay: .30s;
}

.rme-rs-price:nth-child(7) {
  animation-delay: .35s;
}

.rme-rs-price:nth-child(8) {
  animation-delay: .40s;
}

.rme-rs-price:nth-child(9) {
  animation-delay: .45s;
}

.rme-rs-price:nth-child(10) {
  animation-delay: .50s;
}

.rme-rs-price:nth-child(11) {
  animation-delay: .55s;
}

.rme-rs-price:nth-child(12) {
  animation-delay: .60s;
}


/* Background number */

.rme-rs-price::before {
  content:
    attr(data-number);

  position: absolute;

  right: 8px;
  bottom: -17px;

  color:
    rgba(0,0,0,.033);

  font-size: 94px;

  line-height: 1;

  font-weight: 900;

  pointer-events: none;
}


/* Brand accent */

.rme-rs-price::after {
  content: "";

  position: absolute;

  top: 0;
  left: 0;

  width: 100%;
  height: 4px;

  background:
    linear-gradient(
      90deg,
      var(--brand) 0%,
      var(--brand) 38%,
      #57585b 38%,
      #57585b 100%
    );
}


.rme-rs-price:hover {
  z-index: 2;

  transform:
    translateY(-5px);

  border-color:
    #cacaca;

  box-shadow:
    0 16px 35px
    rgba(0,0,0,.09);
}


/* =========================================================
   EQUIPMENT LABEL
========================================================= */

.rme-rs-price__equipment {
  position: relative;

  z-index: 2;

  width: 59%;

  min-height: 64px;

  display: flex;

  align-items: center;

  padding:
    12px
    31px
    12px
    16px;

  background:
    var(--brand);

  clip-path:
    polygon(
      0 0,
      86% 0,
      100% 100%,
      0 100%
    );

  color:
    #ffffff;

  font-size:
    clamp(
      15px,
      1.3vw,
      20px
    );

  line-height: .97;

  font-weight: 800;

  transition:
    transform .28s ease;
}


/* Alternating charcoal */

.rme-rs-price:nth-child(even)
.rme-rs-price__equipment {
  background:
    var(--charcoal);
}


.rme-rs-price:hover
.rme-rs-price__equipment {
  transform:
    translateX(6px);
}


/* =========================================================
   PRICE
========================================================= */

.rme-rs-price__cost {
  position: relative;

  z-index: 2;

  flex: 1;

  padding-left: 14px;

  text-align: right;

  color:
    var(--rme-red);

  font-size:
    clamp(
      30px,
      2.4vw,
      42px
    );

  line-height: .9;

  font-weight: 900;

  letter-spacing: -1.5px;

  transition:
    transform .28s ease;
}


.rme-rs-price:hover
.rme-rs-price__cost {
  transform:
    scale(1.04);
}


.rme-rs-price__currency {
  display: inline-block;

  margin-right: 2px;

  vertical-align: top;

  font-size: .52em;

  line-height: 1.15;
}


/* =========================================================
   CENTRE FINAL AGRICULTURE CARD
========================================================= */

.rme-rs-pricing__grid--ag
.rme-rs-price:last-child {
  grid-column: 2;
}


/* =========================================================
   CTA BAND
========================================================= */

.rme-rs-pricing__cta-band {
  position: relative;

  margin-top: 38px;

  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 30px;

  padding:
    30px
    34px;

  overflow: hidden;

  background:
    linear-gradient(
      115deg,
      #4b4c50 0%,
      #5e5f63 100%
    );

  border-radius: 6px;

  box-shadow:
    0 14px 35px
    rgba(0,0,0,.12);

  opacity: 0;

  animation:
    rmeCtaReveal
    .5s
    .68s
    cubic-bezier(.2,.8,.2,1)
    forwards;
}


@keyframes rmeCtaReveal {

  from {
    opacity: 0;

    transform:
      translateY(18px);
  }

  to {
    opacity: 1;

    transform:
      translateY(0);
  }

}


/* Branded angle */

.rme-rs-pricing__cta-band::after {
  content: "";

  position: absolute;

  top: 0;
  right: -70px;

  width: 280px;
  height: 100%;

  background:
    var(--brand);

  opacity: .92;

  transform:
    skewX(-24deg);

  pointer-events: none;
}


.rme-rs-pricing__cta-copy {
  position: relative;

  z-index: 2;
}


.rme-rs-pricing__cta-kicker {
  display: block;

  margin-bottom: 6px;

  color:
    #ffffff;

  font-size: 11px;

  font-weight: 900;

  letter-spacing: 1.8px;

  text-transform: uppercase;
}


.rme-rs-pricing__cta-title {
  display: block;

  color:
    #ffffff;

  font-size:
    clamp(
      22px,
      2.4vw,
      31px
    );

  line-height: 1;

  font-weight: 900;

  text-transform: uppercase;
}


/* =========================================================
   CTA BUTTON
========================================================= */

.rme-rs-pricing__button {
  position: relative;

  z-index: 3;

  flex: 0 0 auto;

  display: inline-flex;

  align-items: center;
  justify-content: center;

  min-height: 52px;

  padding:
    14px
    23px;

  border:
    2px solid
    #ffffff;

  border-radius: 3px;

  background:
    #ffffff;

  color:
    var(--brand-dark) !important;

  text-decoration:
    none !important;

  font-size: 11px;

  font-weight: 900;

  letter-spacing: .7px;

  text-transform: uppercase;

  transition:
    transform .2s ease,
    background .2s ease,
    color .2s ease;
}


.rme-rs-pricing__button:hover {
  transform:
    translateY(-2px);

  background:
    transparent;

  color:
    #ffffff !important;
}


/* =========================================================
   FINE PRINT
========================================================= */

.rme-rs-pricing__note {
  display: none;

  margin:
    20px
    auto
    0;

  max-width: 900px;

  color:
    #777777;

  text-align: center;

  font-size: 11px;

  line-height: 1.5;
}


/* Show note only after a brand is chosen */

#rme-rs-caseih:checked
~ .rme-rs-pricing__note,

#rme-rs-newholland:checked
~ .rme-rs-pricing__note,

#rme-rs-casece:checked
~ .rme-rs-pricing__note {
  display: block;

  animation:
    rmeNoteIn
    .4s
    .75s
    ease
    both;
}


@keyframes rmeNoteIn {

  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1000px) {

  .rme-rs-pricing__inner {
    width:
      calc(100% - 44px);
  }


  .rme-rs-pricing__brand {
    min-height: 110px;

    padding:
      17px
      20px;
  }


  .rme-rs-pricing__brand img {
    max-width: 150px;

    max-height: 60px;
  }


  .rme-rs-pricing__grid {
    grid-template-columns:
      repeat(
        2,
        minmax(0, 1fr)
      );
  }


  .rme-rs-pricing__grid--ag
  .rme-rs-price:last-child {
    grid-column: auto;
  }


  .rme-rs-price__equipment {
    font-size: 16px;
  }


  .rme-rs-pricing__cta-band {
    padding:
      27px
      28px;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 650px) {

  .rme-rs-pricing {
    padding:
      55px
      0
      58px;
  }


  .rme-rs-pricing::after {
    display: none;
  }


  .rme-rs-pricing__inner {
    width:
      calc(100% - 28px);
  }


  /* Intro */

  .rme-rs-pricing__intro {
    margin-bottom: 30px;
  }


  .rme-rs-pricing__heading {
    font-size: 34px;
  }


  .rme-rs-pricing__subheading {
    margin-top: 6px;

    font-size: 17px;

    line-height: 1.08;
  }


  .rme-rs-pricing__intro-copy {
    font-size: 14px;
  }


  /* Brands */

  .rme-rs-pricing__brands {
    margin-bottom: 27px;

    border-radius: 5px;
  }


  .rme-rs-pricing__brand {
    min-height: 82px;

    padding:
      13px
      10px;
  }


  .rme-rs-pricing__brand img {
    max-width: 95px;

    max-height: 43px;
  }


  .rme-rs-pricing__brand::after {
    height: 4px;
  }


  /* Initial state */

  .rme-rs-pricing__empty {
    min-height: 215px;
  }


  .rme-rs-pricing__empty::before {
    font-size: 65px;

    letter-spacing: 5px;
  }


  .rme-rs-pricing__empty-title {
    font-size: 23px;
  }


  .rme-rs-pricing__empty-copy {
    font-size: 13px;
  }


  /* Panel header */

  .rme-rs-pricing__panel-top {
    align-items: flex-start;

    flex-direction: column;

    gap: 11px;

    margin-bottom: 19px;
  }


  /* Cards */

  .rme-rs-pricing__grid {
    grid-template-columns: 1fr;

    gap: 11px;
  }


  .rme-rs-price {
    min-height: 105px;

    padding:
      18px
      17px;
  }


  .rme-rs-price::before {
    font-size: 70px;
  }


  .rme-rs-price__equipment {
    width: 60%;

    min-height: 58px;

    padding:
      10px
      25px
      10px
      13px;

    font-size: 15px;

    line-height: 1;
  }


  .rme-rs-price__cost {
    padding-left: 8px;

    font-size: 31px;
  }


  /* CTA */

  .rme-rs-pricing__cta-band {
    margin-top: 25px;

    align-items: flex-start;

    flex-direction: column;

    padding:
      26px
      22px;
  }


  .rme-rs-pricing__cta-band::after {
    right: -150px;

    width: 250px;
  }


  .rme-rs-pricing__button {
    width: 100%;
  }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 390px) {

  .rme-rs-pricing__brand {
    min-height: 72px;
  }


  .rme-rs-pricing__brand img {
    max-width: 80px;

    max-height: 36px;
  }


  .rme-rs-price {
    padding:
      15px
      13px;
  }


  .rme-rs-price__equipment {
    width: 61%;

    font-size: 13px;
  }


  .rme-rs-price__cost {
    font-size: 27px;
  }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .rme-rs-pricing__empty,
  .rme-rs-pricing__panel-top,
  .rme-rs-price,
  .rme-rs-pricing__cta-band,
  .rme-rs-pricing__note {
    animation:
      none !important;

    opacity: 1 !important;
  }


  .rme-rs-price,
  .rme-rs-price__equipment,
  .rme-rs-price__cost,
  .rme-rs-pricing__brand,
  .rme-rs-pricing__brand img,
  .rme-rs-pricing__button {
    transition:
      none !important;
  }


  .rme-rs-price:hover {
    transform: none;
  }

}


/*.rme-rs-price {

  flex-wrap: wrap;

  align-content: center;

  padding-bottom: 60px;

}*/

/* PDF action sits across bottom of card */

/*.rme-rs-price__pdf {

  position: absolute;

  left: 0;

  bottom: 0;

  z-index: 4;

  width: 100%;

  min-height: 42px;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 8px;

  padding:

    10px

    16px;

  border-top:

    1px solid #e5e5e5;

  background:

    #f7f7f7;

  color:

    var(--charcoal) !important;

  text-decoration:

    none !important;

  font-size: 10px;

  line-height: 1;

  font-weight: 900;

  letter-spacing: 1px;

  text-transform: uppercase;

  transition:

    background .22s ease,

    color .22s ease;

}

/* Small PDF icon */

/*.rme-rs-price__pdf-icon {

  width: 20px;

  height: 20px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  flex: 0 0 auto;

  border-radius: 2px;

  background:

    var(--brand);

  color: #ffffff;

  font-size: 8px;

  font-weight: 900;

  letter-spacing: 0;

}*/

/* Hover */

/*.rme-rs-price__pdf:hover {

  background:

    var(--brand);

  color:

    #ffffff !important;

}

.rme-rs-price__pdf:hover

.rme-rs-price__pdf-icon {

  background:

    #ffffff;

  color:

    var(--brand);

}

/* Slightly taller cards to accommodate PDF action */

/*.rme-rs-price {

  min-height: 185px;

}*/

/* Mobile */

/*@media (max-width: 650px) {

  .rme-rs-price {

    min-height: 145px;

    padding-bottom: 54px;

  }

  .rme-rs-price__pdf {

    min-height: 40px;

    font-size: 9px;

  }

}*//* End custom CSS */