/* Get rid of top margin on first element in any rich text element */
.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {
    margin-top: 0 !important;
}

/* Get rid of bottom margin on last element in any rich text element */
.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {
    margin-bottom: 0 !important;
}

/* Prevent all click and hover interaction with an element */
.pointer-events-off {
    pointer-events: none;
}

/* Enables all click and hover interaction with an element */
.pointer-events-on {
    pointer-events: auto;
}

/* Create a class of .div-square which maintains a 1:1 dimension of a div */
.div-square::after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

/* Make sure containers never lose their center alignment */
.container-medium,.container-small, .container-large {
    margin-right: auto !important;
    margin-left: auto !important;
}
.text-style-3lines {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/* Apply "..." after 2 lines of text */
.text-style-2lines {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* Adds inline flex display */
.display-inlineflex {
    display: inline-flex;
}

/* These classes are never overwritten */
.hide {
    display: none !important;
}

@media screen and (max-width: 991px), @media screen and (max-width: 767px), @media screen and (max-width: 479px) {
    .hide, .hide-tablet {
        display: none !important;
    }
}

@media screen and (max-width: 767px) .hide-mobile-landscape {
    display: none !important;
}
}

@media screen and (max-width: 479px) .hide-mobile {
display: none !important;
}
}

.margin-0 {
margin: 0rem !important;
}

.padding-0 {
padding: 0rem !important;
}

.spacing-clean {
padding: 0rem !important;
margin: 0rem !important;
}

.margin-top {
margin-right: 0rem !important;
margin-bottom: 0rem !important;
margin-left: 0rem !important;
}

.padding-top {
padding-right: 0rem !important;
padding-bottom: 0rem !important;
padding-left: 0rem !important;
}

.margin-right {
margin-top: 0rem !important;
margin-bottom: 0rem !important;
margin-left: 0rem !important;
}

.padding-right {
padding-top: 0rem !important;
padding-bottom: 0rem !important;
padding-left: 0rem !important;
}

.margin-bottom {
margin-top: 0rem !important;
margin-right: 0rem !important;
margin-left: 0rem !important;
}

.padding-bottom {
padding-top: 0rem !important;
padding-right: 0rem !important;
padding-left: 0rem !important;
}

.margin-left {
margin-top: 0rem !important;
margin-right: 0rem !important;
margin-bottom: 0rem !important;
}

.padding-left {
padding-top: 0rem !important;
padding-right: 0rem !important;
padding-bottom: 0rem !important;
}

.margin-horizontal {
margin-top: 0rem !important;
margin-bottom: 0rem !important;
}

.padding-horizontal {
padding-top: 0rem !important;
padding-bottom: 0rem !important;
}

.margin-vertical {
margin-right: 0rem !important;
margin-left: 0rem !important;
}

.padding-vertical {
padding-right: 0rem !important;
padding-left: 0rem !important;
}


.savings_value_props-right_grid {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .savings_hero-grid {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: grid;
  }


  .savings_hero-image {
    object-fit: contain;
  }

  .savings_benefit-grid, .home_video-grid {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: grid;
  }
  .text-style-savings-plus {
    font-family: Ogg Text, Georgia, sans-serif;
  }
  .savings_value_props-grid {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

  .savings_benefit-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .container-large {
    width: 100%;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
  }
  .background-color-sand {
    background-color: var(--sand);
}
.padding-section-large {
    padding-top: 8rem;
    padding-bottom: 8rem;
}
.value_props-wrap {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    align-items: center;
    display: flex;
}
.heading-style-h6 {
    font-family: Henderson Sans Semi, sans-serif;
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 1.5;
}
.background-color-mamey {
    background-color: var(--mamey);
}
.padding-global {
    z-index: 1;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}
.container-small {
    width: 100%;
    max-width: 48rem;
    margin-left: auto;
    margin-right: auto;
}
.centered-text-wrap {
    text-align: center;
}

@media screen and (max-width: 767px){
    .savings_hero-grid {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
    }
    .savings_hero-image {
        width: 100%;
    }
    .savings_value_props-grid {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
        grid-auto-flow: row;
    }
    .padding-global {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .padding-section-large {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
}