.widget__Layout-sc-j5g9cn-1 { display: flex !important; flex-direction: column !important; flex-wrap: wrap !important; }
    .results__Container-sc-10bamkx-0 { 
      display: grid !important;
      grid-template-columns: repeat(3, 1fr) !important; /* 3 columns of equal width */
      grid-template-rows: repeat(2, 1fr) !important;   /* 2 rows of equal height */
      gap: 0px !important; position: unset !important; padding: 0px 0px !important;
      background: none !important; }
      .result-primary__PrimaryContainer-sc-wurmki-2:nth-child(1),
      .result-primary__PrimaryContainer-sc-wurmki-2:nth-child(2),
      .result-primary__PrimaryContainer-sc-wurmki-2:nth-child(3) { background: #207ED7; padding: 40px 20px; }
      .result-primary__PrimaryContainer-sc-wurmki-2:nth-child(4),
      .result-primary__PrimaryContainer-sc-wurmki-2:nth-child(5),
      .result-primary__PrimaryContainer-sc-wurmki-2:nth-child(6) { background: #222; padding: 40px 20px; }
      .result-primary__PrimaryContainer-sc-wurmki-2:nth-child(1) { border-radius: 10px 0 0 0; }
      .result-primary__PrimaryContainer-sc-wurmki-2:nth-child(3) { border-radius: 0 10px 0 0; }
      .result-primary__PrimaryContainer-sc-wurmki-2:nth-child(4) { border-radius: 0 0 0 10px; }
      .result-primary__PrimaryContainer-sc-wurmki-2:nth-child(6) { border-radius: 0 0 10px 0; }
      .FormFieldLayout__Container-sc-1m85c11-3 { padding: 0 50px !important; }
      .widget__Layout-sc-j5g9cn-1 { gap: 20px !important; }
      .FormFieldLayout__Hint-sc-1m85c11-2 { text-align: center !important;}
      .result-primary__HiddenValue-sc-wurmki-0, .animated-number__Content-sc-1xlvo88-0 { font-size: 45px !important; line-height: 50px !important; font-weight: 900 !important; }
      .typography__Container-sc-1n2bij5-0 { font-size: 16px !important; line-height: 20px !important; text-transform: capitalize !important; }
      .slider__Label-sc-j561mi-2 { font-size: 22px; }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .result-primary__HiddenValue-sc-wurmki-0, .animated-number__Content-sc-1xlvo88-0 { font-size: 35px !important; line-height: 40px !important; font-weight: 900 !important; }
      }

    @media only screen and (max-width: 767px) {
      .results__Container-sc-10bamkx-0 {
        grid-template-columns: repeat(1, 1fr) !important; /* 3 columns of equal width */
        grid-template-rows: repeat(5, 1fr) !important;   /* 2 rows of equal height */
      }
      .result-primary__PrimaryContainer-sc-wurmki-2:nth-child(1),
      .result-primary__PrimaryContainer-sc-wurmki-2:nth-child(2),
      .result-primary__PrimaryContainer-sc-wurmki-2:nth-child(3) { background: #207ED7; padding: 10px 20px; }
      .result-primary__PrimaryContainer-sc-wurmki-2:nth-child(4),
      .result-primary__PrimaryContainer-sc-wurmki-2:nth-child(5),
      .result-primary__PrimaryContainer-sc-wurmki-2:nth-child(6) { background: #222; padding: 10px 20px; }
      .result-primary__PrimaryContainer-sc-wurmki-2 { display: grid; grid-template-columns: 50% 50%; grid-template-rows: auto auto; overflow: hidden; align-items: end; gap: 0px; text-align: left; flex-wrap: nowrap; }
      .result-primary__PrimaryContainer-sc-wurmki-2:nth-child(1) { padding-top: 30px; border-radius: 10px 10px 0 0; }
      .result-primary__PrimaryContainer-sc-wurmki-2:nth-child(3) { padding-bottom: 20px; border-radius: 0px 0px 0 0; }
      .result-primary__PrimaryContainer-sc-wurmki-2:nth-child(4) { padding-top: 20px; border-radius: 0px 0px 0 0; }
      .result-primary__PrimaryContainer-sc-wurmki-2:nth-child(6) { padding-bottom: 30px; border-radius: 0 0 10px 10px; }
      .result-primary__PrimaryContainer-sc-wurmki-2 > :nth-child(1) { margin: 0 !important; }
      .result-primary__PrimaryContainer-sc-wurmki-2 > :nth-child(2) { margin: 0 !important; text-align: right; }
      .result-primary__PrimaryContainer-sc-wurmki-2 > :nth-child(3) { margin: 0 !important; grid-column: 1 / span 2; padding: 5px 0 0 0; }
      
      .result-primary__HiddenValue-sc-wurmki-0, .animated-number__Content-sc-1xlvo88-0 { font-size: 28px !important; line-height: 30px !important; font-weight: 900 !important; }
      .typography__Container-sc-1n2bij5-0 { font-size: 14px !important; line-height: 16px !important; text-transform: capitalize !important;  }
    }
      
    @font-face {
    font-family: 'Colfax';
    src: url('{{ "ColfaxWebRegular.eot" | asset_url }}');
    src: url('{{ "ColfaxWebRegular.eot?#iefix" | asset_url }}') format('embedded-opentype'),
         url('{{ "ColfaxWebRegular.woff2" | asset_url }}') format('woff2'),
         url('{{ "ColfaxWebRegular.woff" | asset_url }}') format('woff'),
         url('{{ "ColfaxWebRegular.ttf" | asset_url }}') format('truetype'),
         url('{{ "ColfaxWebRegular.svg#CustomFontName" | asset_url }}') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    }
    @font-face {
    font-family: 'Colfax Bold';
    src: url('{{ "ColfaxWebBold.eot" | asset_url }}');
    src: url('{{ "ColfaxWebBold.eot?#iefix" | asset_url }}') format('embedded-opentype'),
         url('{{ "ColfaxWebBold.woff2" | asset_url }}') format('woff2'),
         url('{{ "ColfaxWebBold.woff" | asset_url }}') format('woff'),
         url('{{ "ColfaxWebBold.ttf" | asset_url }}') format('truetype'),
         url('{{ "ColfaxWebBold.svg#CustomFontName" | asset_url }}') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    }

    /* WebKit Browsers (Chrome, Safari) */
      ::-webkit-scrollbar {
          width: 12px; /* Width of the scrollbar */
          height: 12px; /* Height of the horizontal scrollbar */
      }

      ::-webkit-scrollbar-track {
          background: #f1f1f1; /* Background of the track */
          border-radius: 10px; /* Rounded corners for the track */
      }

      ::-webkit-scrollbar-thumb {
          background: #005db5; /* Color of the scrollbar thumb */
          border-radius: 10px; /* Rounded corners for the thumb */
      }

      ::-webkit-scrollbar-thumb:hover {
          background: #555; /* Color of the thumb on hover */
      }

      /* Firefox */
      * {
          scrollbar-width: thin; /* Make the scrollbar thinner */
          scrollbar-color: #005db5 #f1f1f1; /* Thumb and track color */
      }

      /* Edge, IE */
      /* Unfortunately, styling scrollbars in Edge and IE is limited */
      /* You can use this if you need to target these browsers */
      .container {
          -ms-overflow-style: scrollbar; /* Show standard scrollbar in IE */
      }
      
    html, body { padding: 0px; margin: 0px; font-size: 18px; line-height:2.4em; text-align: center; font-family: 'Colfax', 'Lato', Arial, Helvetica, sans-serif;  }
    .embeddedServiceHelpButton { display: none; }

#mr-celp {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
}

#mr-celp .full-width {
  width: 100%;
}

#mr-celp div h1 {
  font-size: 30px;
  margin: 0;
  padding: 0;
}

#mr-celp div h2 {
  font-size: 24px;
  margin: 0;
  padding: 0;
}

#mr-celp div h3 {
  font-size: 24px;
  font-weight: 600;
  margin: 10px 0 0;
  padding: 0 20px;
  line-height: 1em;
}

@media only screen and (max-width: 767px) {
  #mr-celp div h3 {
    font-size: 20px;
  }
}

#mr-celp div p {
  font-size: 20px;
  margin: 0;
  padding: 0;
  line-height: 1.2em;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #mr-celp div p {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  #mr-celp div p {
    font-size: 16px;
    line-height: 1.4em;
    padding: 0;
  }
}

#mr-celp div .p-highlighted {
  font-size: 40px;
  font-weight: 900;
  line-height: 0.9em;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #mr-celp div .p-highlighted {
    font-size: 45px;
  }
}

@media only screen and (max-width: 767px) {
  #mr-celp div .p-highlighted {
    font-size: 30px;
    padding: 0;
    margin: 20px 0;
  }
}

#mr-celp div .p-highlighted span {
  font-size: 50px;
  font-weight: 900;
  margin: 0;
  padding: 0;
}

@media only screen and (max-width: 767px) {
  #mr-celp div .p-highlighted span {
    line-height: 1em;
  }
}

#mr-celp div .uppercase {
  text-transform: uppercase;
  font-weight: 900;
}

#mr-celp .t-blue {
  color: #005db5;
}

#mr-celp .t-white {
  color: #FFF;
}

#mr-celp .border-white {
  border: 2px solid #FFF;
}

#mr-celp .blue-background {
  background-color: #003d75;
}

#mr-celp .yellow-background {
  background-color: #FFFF00;
}

#mr-celp .inline {
  display: inline;
  padding: 0 20px;
  margin: 20px 0;
}

#mr-celp .tilted-text {
  transform: rotate(-2deg);
}

#mr-celp .vertical-text-up {
  transform: rotate(-90deg);
}

#mr-celp .vertical-text-down {
  transform: rotate(90deg);
}

#mr-celp .fw900 {
  font-weight: 900;
}

#mr-celp .tilted-text .p-highlighted.big-heading {
}

@media only screen and (max-width: 767px) {
  #mr-celp .tilted-text .p-highlighted.big-heading {
    font-size: 45px;
  }
}

#mr-celp .p-highlighted.big-heading {
  font-size: 80px;
  line-height: 1em;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #mr-celp .p-highlighted.big-heading {
    font-size: 60px;
  }
}

@media only screen and (max-width: 767px) {
  #mr-celp .p-highlighted.big-heading {
    font-size: 40px;
    padding: 0 10px !important;
  }
}

#mr-celp .mr-celp-header {
  position: fixed;
  z-index: 10;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  width: 100%;
  padding: 20px 0;
  background-color: #005db5;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #mr-celp .mr-celp-header {
    padding: 20px 0 0 0px;
  }
}

@media only screen and (max-width: 767px) {
  #mr-celp .mr-celp-header {
    padding: 20px 20px;
  }
}

#mr-celp .mr-celp-header-container {
  display: flex;
  flex-direction: row;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
  gap: 20px;
  justify-content: center;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  #mr-celp .mr-celp-header-container {
    flex-direction: column;
    gap: 10px;
  }
}

#mr-celp .evo-logo,
#mr-celp .ce-logo {
}

#mr-celp .evo-logo img,
#mr-celp .ce-logo img {
  height: 45px;
  max-width: unset;
}

#mr-celp div ul {
  width: 100%;
  list-style: none;
  padding: 0 30px;
  display: flex;
    flex-wrap: wrap;
  flex-direction: row;
    column-gap: 20px;
    row-gap: 5px;
  justify-content: flex-end;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #mr-celp div ul {
    padding: 0 10px;
  }
}

@media only screen and (max-width: 767px) {
  #mr-celp .evo-logo img,
  #mr-celp .ce-logo img {
    height: 35px;
    max-width: unset;
  }
  #mr-celp div ul {
    padding: 0;
    justify-content: center;
    flex-wrap: wrap;
    margin: 15px 0 0 0;
    width: 85%;
  }
}

#mr-celp div ul li {
  flex-wrap: nowrap;
  display: flex;
  align-items: center;
  align-content: center;
  flex-direction: row;
  line-height: 1.4em;
}

@media only screen and (max-width: 767px) {
  #mr-celp div ul li:first-child {
    
  }
}

#mr-celp div ul li a {
  font-size: 16px;
  font-weight: 400;
  color: #FFF;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 1.2em;
}
#mr-celp div ul li a.calltoaction { padding: 4px 6px; background: #FFF; border-radius: 3px; color: #207ED7; font-weight: 900; }
#mr-celp div ul li a.calltoaction-claim { padding: 4px 6px; background: #FF0; border-radius: 3px; color: #000; font-weight: 900; }

@media only screen and (max-width: 767px) {
  #mr-celp div ul li a {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2em;
  }
}

#mr-celp div ul li:first-child a {
  font-weight: 600;
}


#mr-celp .mr-celp-video-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  padding: 120px 0 40px 0;
  background: linear-gradient(to bottom, #003d75, #005db5 75%, #ffffff 25%);
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #mr-celp .mr-celp-video-section {
    padding: 100px 30px 40px 30px;
  }
}

@media only screen and (max-width: 767px) {
  #mr-celp .mr-celp-video-section {
    padding: 150px 0 20px 0;
  }
}

#mr-celp .mr-celp-video-container {
  width: 1000px;
  height: 570px;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  #mr-celp .mr-celp-video-container {
    width: calc(100% - 60px);
    height: 215px;
  }
}

#mr-celp .mr-celp-video-section iframe {
  width: 100%;
  height: 100%;
  background: #111;
  border: 5px solid #FFF;
  box-shadow: 0 5px 10px #888;
}

@media only screen and (max-width: 767px) {
  #mr-celp .mr-celp-video-section iframe {
    box-shadow: 0 0 20px #888;
  }
}

#mr-celp .mr-celp-benefits-section {
  width: 100%;
  background: #FFFFFF;
  padding: 0 0 30px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #mr-celp .mr-celp-benefits-section {
    padding: 0 30px;
  }
}

@media only screen and (max-width: 767px) {
  #mr-celp .mr-celp-benefits-section {
    padding: 0 0 0 0px;
  }
}

@media only screen and (max-width: 767px) {
  #mr-celp .mr-celp-benefits-section p {
    padding: 0;
  }
}

.mr-celp-benefits-container {
  width: 100%;
  overflow-x: scroll;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 20px;
  margin: 20px 0 0 20px;
  padding-bottom: 20px;
  padding-left: 0px;
}

@media only screen and (max-width: 767px) {
  .mr-celp-benefits-container {
    overflow-x: scroll;
    align-items: stretch;
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding-left: 0px;
    margin: 20px 0 0 20px;
  }
}

.mr-celp-benefits-container .feat-box {
  width: 100%;
  min-width: 380px;
  max-width: 550px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 0;
  padding-bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
.mr-celp-benefits-container .feat-box {
  min-width: 350px;
}
}

.mr-celp-benefits-container .feat-box:last-child { margin-right: 0px; }

@media only screen and (max-width: 767px) {
  .mr-celp-benefits-container .feat-box {
    min-width: 280px;
    line-height: 1.2em;
    padding-bottom: 30px;
  }
  .mr-celp-benefits-container .feat-box:last-child { margin-right: 20px; }
}

.feat-box img {
  width: 100%;
  margin-bottom: 10px;
  border: 2px solid #CCD0D3;
}

.feat-box h3 {
  padding: 0 20px;
}

@media only screen and (max-width: 767px) {
  .feat-box h3 {
    padding: 20px 20px 0;
  }
}

.feat-box p {
  padding: 0 20px;
}

@media only screen and (max-width: 767px) {
  .feat-box p {
    padding: 0 20px;
  }
}

.feat-box .cross {
  position: relative;
  top: 50px;
  left: 0;
  width: 50px;
  height: 50px;
  background: url('https://cdn.shopify.com/s/files/1/0285/3509/5389/files/cross.jpg?v=1716544371') no-repeat center center;
  background-size: cover;
  pointer-events: none;
}

#mr-celp .mr-celp-qanda-section {
  width: 100%;
  background: #111111;
  padding: 60px 0;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #mr-celp .mr-celp-qanda-section {
    padding: 40px 0px;
  }
}

@media only screen and (max-width: 767px) {
  #mr-celp .mr-celp-qanda-section {
    padding: 20px 0px 0;
  }
}

.mr-celp-qanda-container {
  max-width: 1200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0;
  align-items: stretch;
  margin: 0 auto;
}

.onevstwenty-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  gap: 5px;
  margin: 30px 0 0;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .onevstwenty-container {
    flex-direction: row;
  }
}

@media only screen and (max-width: 767px) {
  .onevstwenty-container {
    flex-direction: column;
    gap: 5px;
    width: calc(100% - 0);
    margin: 20px auto;
  }
}

.onevstwenty {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 2px;
}

@media only screen and (max-width: 767px) {
  .onevstwenty {
    justify-content: center;
    align-items: center;
  }
}

.onevstwenty img {
  width: 100%;
}

.onevstwenty:first-child {
  align-content: flex-end;
  max-width: 45%;
}

@media only screen and (max-width: 767px) {
  .onevstwenty:first-child {
    max-width: 100%;
    justify-content: center;
  }
}

.onevstwenty:first-child img {
  width: 100%;
  max-width: 320px;
  position: relative;
  top: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .onevstwenty:first-child img {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .onevstwenty:first-child img {
    width: 30%;
  }
}

.onevstwenty:nth-child(2) {
  max-width: 10%;
}

@media only screen and (max-width: 767px) {
  .onevstwenty:nth-child(2) {
    max-width: 100%;
  }
}

.onevstwenty:last-child {
  align-content: flex-end;
  max-width: 45%;
}

@media only screen and (max-width: 767px) {
  .onevstwenty:last-child {
    max-width: 100%;
    justify-content: center;
  }
}

.onevstwenty .abrasive-discs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 5px;
}

.onevstwenty .abrasive-discs img {
  width: 80px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .onevstwenty .abrasive-discs img {
    width: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .onevstwenty .abrasive-discs img {
    width: 50px;
  }
}

.div-text-wrap {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  text-align: left;
  padding: 10px 0 0;
}

.div-text-wrap p {
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .div-text-wrap p {
    font-size: 25px !important;
  }
}

@media only screen and (max-width: 767px) {
  .div-text-wrap p {
    font-size: 25px !important;
  }
}

.onevstwenty span {
  font-weight: 900;
  font-size: 100px;
  color: #FFF;
  line-height: 1em !important;
}

.onevstwenty p {
  line-height: 1em !important;
  font-size: 30px !important;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .onevstwenty p {
    font-size: 20px !important;
  }
}

@media only screen and (max-width: 767px) {
  .onevstwenty p {
    font-size: 25px !important;
  }
}

.onevstwenty-box {
  border: 1px solid #444;
  padding: 30px 30px 10px;
}

@media only screen and (max-width: 767px) {
  .onevstwenty-box {
    width: calc(100% - 0);
  }
}

#mr-celp .mr-celp-calculator-section {
  width: 100%;
  background: linear-gradient(to bottom, #111111, #444444 60%, #CCD0D3 40%);
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #mr-celp .mr-celp-calculator-section {
    padding: 40px 30px 30px !important;
  }
}

@media only screen and (max-width: 767px) {
  #mr-celp .mr-celp-calculator-section {
    padding: 0;
  }
}

.mr-celp-calculator-container {
  border-radius: 10px;
  max-width: 1200px;
  background: #FFF;
  padding: 60px 40px 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0;
  margin: 0 auto 40px auto;
}

.mr-celp-calculator {
  background: none;
  border: 0 solid #F00;
  margin: 30px 0 0;
  width: 100%;
}

#mr-celp .mr-celp-more-benefits-section {
  width: 100%;
  background: linear-gradient(to bottom, #CCD0D3, #111111 100%);
  padding: 60px 0 0 0px;
}

#mr-celp .mr-celp-more-benefits-section .mr-celp-benefits-container {
 justify-content: center;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #mr-celp .mr-celp-more-benefits-section {
    padding: 0 30px;
  }
  #mr-celp .mr-celp-more-benefits-section .mr-celp-benefits-container {
 justify-content: flex-start;
}
}

@media only screen and (max-width: 767px) {
  #mr-celp .mr-celp-more-benefits-section {
    padding: 0 0px 0 0px;
  }
  #mr-celp .mr-celp-more-benefits-section .mr-celp-benefits-container {
 justify-content: flex-start;
}
}

@media only screen and (max-width: 767px) {
  #mr-celp .mr-celp-more-benefits-section p {
    padding: 0;
  }
}

#mr-celp .mr-celp-range-section {
  width: 100%;
  background: linear-gradient(to bottom, #111111, #111111 100%);
  padding: 30px 0 0 0;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #mr-celp .mr-celp-range-section {
    padding: 0 30px 0px 30px !important;
  }
}

@media only screen and (max-width: 767px) {
  #mr-celp .mr-celp-range-section {
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {
  #mr-celp .mr-celp-range-section p {
    padding: 0 30px;
  }
}

.product-categories {
  max-width: 1200px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 20px;
  margin: 0 auto 20px;
}

@media only screen and (max-width: 767px) {
  .product-categories {
    width: calc(100% - 40px);
    overflow-x: scroll;
    justify-content: flex-start;
    padding: 0;
  }
}

.product-category {
  width: 100%;
  background: linear-gradient(to bottom, #111 25%, #222, #333 75%);
  min-height: 300px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

@media only screen and (max-width: 767px) {
  .product-category {
    min-width: 250px;
    padding: 0 10px 30px;
    flex-wrap: wrap;
    line-height: 1.4em;
  }
  .product-category a img {
    width: 250px;
  }
}

#mr-celp .mr-celp-promo-banner-section {
  width: 100%;
  background: #111;
  padding: 30px 0 0px 0;
}

#mr-celp .mr-celp-promo-banner-container {
  max-width: 1200px;
  margin: 0px auto;
  padding: 0px;
  height: 212px;
  border: 2px solid #FFFF00;
  background: 
    linear-gradient(to right, #000, transparent),
    url('https://cdn.shopify.com/s/files/1/0285/3509/5389/files/cyclone-1.jpg?v=1717062232') 180px center / cover no-repeat;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 20px;
}

#mr-celp .mr-celp-promo-banner-container .banner-text-warning { 
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
  align-items: center;
    width: 70px;
    border: 1px solid #FF0;
    height: 100%; 
}
#mr-celp .mr-celp-promo-banner-container .banner-text-warning p.warning { 
    padding: 40% 20px;
    font-weight: 900;
    text-transform: uppercase;
    text-wrap: wrap;
    max-width: 125px;
    height: 160px;
    line-height: 1em;
    margin: 0px 0px;
    text-align: center;
}
#mr-celp .mr-celp-promo-banner-container .banner-text { 
    text-align: left;
    display: flex;
    width: 40%;
    align-items: flex-end;
    gap: 20px;
}
#mr-celp .mr-celp-promo-banner-container .banner-img,
#mr-celp .mr-celp-promo-banner-container .banner-img img { 
    width: 230px;
    margin-right: 30px; 
}

#mr-celp .mr-celp-promo-banner-section .redeem-button { background-color: #FFFF00; color: #000; padding: 3px 6px; border-radius: 3px; font-weight: 600; line-height: 2em; cursor: pointer; }

@media only screen and (max-width: 1024px) {
  #mr-celp .mr-celp-promo-banner-container { max-width: 1200px; margin: 0px auto; padding: 0px 0 30px 0; height: auto; border: 2px solid #FFFF00; background: linear-gradient(to right, #000, transparent),
    url('') center center / cover no-repeat; display: flex; gap: 20px; flex-direction: column; flex-wrap: wrap; align-content: center; }
  #mr-celp .mr-celp-promo-banner-container .banner-text { width: 100%; flex-direction: column; gap: 10px; align-items: center; padding: 30px 30px 0 30px; text-align: center; }
  #mr-celp .mr-celp-promo-banner-container .banner-text .p-highlighted { margin: 0px; }
  #mr-celp .mr-celp-promo-banner-container .banner-text-warning { width: 100%; }
  #mr-celp .mr-celp-promo-banner-container .banner-text-warning p.warning { max-width: 100% !important; width: 100%; height: auto; padding: 10px; }
  #mr-celp .mr-celp-promo-banner-container .banner-img { width: 230px; margin-right: 0px; }
}

@media only screen and (max-width: 767px) {
  #mr-celp .mr-celp-promo-banner-section {
    padding: 0;
  }
  #mr-celp .mr-celp-promo-banner-section .redeem-button { padding: 10px 15px; line-height: 3em; }
}

#mr-celp .mr-celp-where-to-buy-section {
  width: 100%;
  background: #111;
  padding: 100px 0 0 0;
}

@media only screen and (max-width: 767px) {
  #mr-celp .mr-celp-where-to-buy-section {
    padding: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #mr-celp .mr-celp-where-to-buy-section {
    padding: 40px 30px 0 !important;
  }
}

#mr-celp .mr-celp-where-to-buy-section {
}

.mr-celp-where-to-buy-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 0px;
  min-height: 900px;
  background: linear-gradient(to bottom, #111, rgba(0, 0, 0, 0) 20%), linear-gradient(to right, #111, rgba(0, 0, 0, 0) 20%), linear-gradient(to left, #111, rgba(0, 0, 0, 0) 20%), url('https://cdn.shopify.com/s/files/1/0285/3509/5389/files/steel-range.jpg?v=1716539509') #111;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center bottom;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .mr-celp-where-to-buy-container {
    background-position: center 350px;
  }
}

@media only screen and (max-width: 767px) {
  .mr-celp-where-to-buy-container {
    min-height: 700px !important;
    background-position: center bottom;
  }
}

.mr-celp-where-to-buy-container .grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(2, auto);
  gap: 10px;
  margin: 30px 0 60px;
}

@media only screen and (max-width: 767px) {
  .mr-celp-where-to-buy-container .grid {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, auto);
    margin: 30px 0 60px;
  }
}

.mr-celp-where-to-buy-container .retailer {
  background-color: #FFF;
  padding: 10px 0;
  width: 200px;
  min-height: 80px;
}

.mr-celp-where-to-buy-container .retailer a img {
  width: 200px;
}

@media only screen and (max-width: 767px) {
  .mr-celp-where-to-buy-container .retailer {
    min-height: 80px;
    width: auto;
  }
  .mr-celp-where-to-buy-container .retailer a img {
  width: 140px;
}
}

#mr-celp .mr-celp-testimonials { background: #111; width: 100%; padding: 100px 0 30px 0; }
#mr-celp .mr-celp-testimonials-container { width: 100%; padding: 0px 0 0 0px; margin: 0 auto; }
#mr-celp .mr-celp-testimonials-container ul { display: flex; flex-direction: row; align-items:flex-start; justify-content: flex-start; flex-wrap: nowrap; padding: 50px 0; overflow-x: scroll; margin: 0 20px; }
#mr-celp .mr-celp-testimonials-container ul li { display: flex; flex-direction: column; justify-content: center; background: #222222; padding: 0 0 25px 0; }
#mr-celp .mr-celp-testimonials-container ul li:last-child { margin-right: 0px; }
#mr-celp .mr-celp-testimonials-container ul li iframe { margin: 0 0 20px 0; width:560px; height:315px;  }

@media only screen and (max-width: 767px) {
#mr-celp .mr-celp-testimonials-container { padding: 0px 0 0 20px; }
#mr-celp .mr-celp-testimonials-container ul { padding: 20px 0; }
#mr-celp .mr-celp-testimonials-container ul li:last-child { margin-right: 20px; }
#mr-celp .mr-celp-testimonials-container ul li iframe { width: 280px; height: 160px;  }
}

#mr-celp .mr-celp-footer {
  width: 100%;
  background: #000;
  border-top: 2px solid #FFF;
}

.mr-celp-footer-container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: flex-start;
  justify-content: center;
  padding: 50px 30px;
}

@media only screen and (max-width: 767px) {
  .mr-celp-footer-container {
    flex-direction: column;
  }
}

.mr-celp-footer-container div {
  width: 100%;
}

.evolution-details img {
  height: 60px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .evolution-details img {
    height: 40px;
  }
}

.evolution-details p,
.evolution-contact p {
  font-size: 14px !important;
  line-height: 1.4em !important;
  color: #FFF;
  text-align: center;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #mr-celp div h3 {
    font-size: 20px;
    font-weight: 600;
    margin: 10px 0 0;
    padding: 0;
    line-height: 1em;
  }

  #mr-celp .mr-celp-video-container {
    width: 700px;
    height: 395px;
    margin: 0 auto;
  }

  #mr-celp .mr-celp-benefits-section .p-highlighted {
    margin: 5px 0 20px;
  }

  #mr-celp .mr-celp-more-benefits-section,
  #mr-celp .mr-celp-promo-banner-section {
    padding: 0px 30px !important;
  }

  #mr-celp .mr-celp-calculator-section {
    padding: 0 30px !important;
  }

  #mr-celp div ul li:first-child {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .bKQXki { padding: 0 0 !important; }
  .ichpWU { 
      display: grid !important;
      grid-template-columns: repeat(1, 1fr) !important; /* 3 columns of equal width */
      grid-template-rows: repeat(6, 1fr) !important;   /* 2 rows of equal height */
      gap: 20px !important; position: unset !important; padding: 20px 20px !important; }
  .iQSbvM { display: flex;
    flex-direction: row;
    overflow: hidden;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
   border-top: 1px solid #EEE;
    padding-top: 15px; }
    .fIArjN, .khFKEB { font-size: 25px !important; }
    .ixPmfD { line-height: 24px !important; }
  .eiUYAV { text-align: left !important; }
  #mr-celp .mr-celp-promo-banner-section,
  #mr-celp .mr-celp-where-to-buy-section {
    width: calc(100% - 0);
    padding: 30px 0px !important;
  }

  #mr-celp .mr-celp-calculator-section {
    padding: 0 !important;
  }

  #mr-celp .mr-celp-benefits-container,
  #mr-celp .mr-celp-qanda-container,
  #mr-celp .mr-celp-where-to-buy-container {
    width: calc(100% - 0px);
    padding: 0 0px;
  }

  #mr-celp .mr-celp-calculator-container {
    width: calc(100% - 20px);
    padding: 0px;
    margin: 0 10px 30px ;
  }

  .onevstwenty-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    gap: 10px;
    margin: 20px 20px;
  }
}