/** Shopify CDN: Minification failed

Line 22:109 Expected ":"
Line 22:111 Expected identifier but found "23px"

**/
.keybenefits-section.background-light .content-container:after{ background-color: #E5F0F1; }
.keybenefits-section.background-dark .content-container:after { background-color: #006874; color: #fff; }
.keybenefits-section.background-dark p, .keybenefits-section.background-dark div, .keybenefits-section.background-dark .h2, .keybenefits-section.background-dark .skin-types-wrap .which-skin,  .keybenefits-section.background-dark ul li { color: #fff !important;  }
.keybenefits-section.background-dark svg { fill: #fff; }
.keybenefits-section.background-dark .key-caption {  color: #fff; }

.keybenefits-section .key-caption {  color: #000; letter-spacing: -.05rem; font-family: 'IvyPresto Display', serif;font-style: italic;font-weight: 300; font-size: 1.8rem;  }
.keybenefits-section .h2 { text-transform: uppercase; font-size: 2.4rem; }
.keybenefits-section ul { padding-left: 0; }

.keybenefits-section .skin-types-wrap .which-skin { color: #000; letter-spacing: -.05rem; font-family: 'IvyPresto Display', serif;font-style: italic;font-weight: 300; font-size: 1.8rem; }
.keybenefits-section .skin-types-wrap .skin-types { display: flex; gap: 40px; list-style-type: none; padding-left: 0; }
.keybenefits-section .skin-types-wrap .skin-types li { display: flex; flex-direction: column;  justify-content: center; align-items: center; }
.keybenefits-section .skin-types-wrap .skin-type svg { max-width: 30px; max-height: 30px;}

.readmore-btn { background-color: transparent; border: none; font-size: 16px; font-style: italic; line-height; 23px; font-family: 'IvyPresto Display'; letter-spacing: -.05rem; font-weight: 300; margin-top: 2rem; margin-bottom: 25px; }

.keybenefits-section .image-with-text .image-with-text__text-item>* { overflow-x: visible !important; position: relative; }
.keybenefits-section .rte.body { overflow-x: visible; position: relative; }
.keybenefits-section .rte.body ul { list-style-type: none;}
.keybenefits-section .rte.body ul li { position: relative; margin-left: 15px; }
.keybenefits-section .rte.body ul li:before  { content: '•';  font-size: 14px; position: absolute; left: -15px; top: 1px; }


@media (max-width: 992px) {

  
}
@media (max-width: 750px) {
  .keybenefits-section.background-light { background-color: #E5F0F1; }
.keybenefits-section.background-dark { background-color: #006874; color: #fff; }
  .keybenefits-section .image-with-text__content { padding: 0; padding-top: 24px; }
  .keybenefits-section .h2 { font-size: 2.1rem; }
  .keybenefits-section .skin-types-wrap .skin-types { gap: 27px; }

   .keybenefits-section .image-fullWidth {   width: 100vw;   max-width: none;margin-left: calc(-50vw + 50%);  margin-right: calc(-50vw + 50%);}
}

@media (min-width: 750px) {
  .keybenefits-section .readmore-btn { display: none; }
}

@media (max-width: 540px) {
.skin-types-wrap { margin: 2rem auto 0; }
}