/** Shopify CDN: Minification failed

Line 38:20 Unexpected "{"
Line 38:29 Expected ":"
Line 38:36 Unexpected "{"
Line 41:20 Unexpected "{"
Line 41:29 Expected ":"
Line 44:20 Unexpected "{"
Line 44:29 Expected ":"
Line 55:20 Unexpected "{"
Line 55:29 Expected ":"
Line 62:20 Unexpected "{"
... and 47 more hidden warnings

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:2-col-2-row-section (INDEX:0) */
.col-custom {
    text-align: center;
    padding: 58px 33.5px;
    display: flex;
    align-items: center;
    flex-direction: column;
    background: #F9F8F8;
    width: 100%;
    border:none !important;
}
  .column-wrapper{
    gap:40px;
  }
  #shopify-section-template--21615616557329__93fe4e94-07f7-4002-9bd6-13a2f42018a4 {
    padding-bottom: 32px !important;  
  }

  #shopify-section-{{ section.id }} {
    padding-bottom: 72px !important;
  }
  #shopify-section-{{ section.id }} .custom-col-row {
    width: 100%;
  }
  #shopify-section-{{ section.id }} .column-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0px;
    grid-auto-rows: auto;
    grid-auto-columns: auto; 
    width: 100%;
    max-width: 1300px;
    margin: 0 auto; 
    gap:40px;
  }
  #shopify-section-{{ section.id }} .col-custom {
    text-align: center;
    padding: 58px 33.5px;
    display:flex;
    align-items:center; 
    flex-direction: column; 
  }
  #shopify-section-{{ section.id }} .col-one {
    /* grid-column: 1 / 2; */
    grid-row: 1;
    border-right: 0.5px solid #EFEFEF;
    border-bottom: 0.5px solid #EFEFEF;
  }
  #shopify-section-{{ section.id }} .col-two { 
    /* grid-column: 2 / 2; */
    grid-row: 1;
    border-left: 0.5px solid #EFEFEF;
    border-bottom: 0.5px solid #EFEFEF;
  }
  #shopify-section-{{ section.id }} .col-three {
    /* grid-column: 1 / 2; */
    grid-row: 2;
    border-right: 0.5px solid #EFEFEF;
    border-top: 0.5px solid #EFEFEF;
  }
  #shopify-section-{{ section.id }} .col-four {
    /* grid-column: 2 / 4; */
    grid-row: 2;
    border-left: 0.5px solid #EFEFEF; 
    border-top: 0.5px solid #EFEFEF;
  }

  #shopify-section-{{ section.id }} .col-heading.h2 {
    font-family: 'Aeonik';
    font-weight: 250;
    font-size: 35px;
    line-height: 42px;
    letter-spacing: 0.51px; 
    margin-bottom: 22px;
    color: #787878;
  }

  #shopify-section-{{ section.id }} .col-desc {
    font-family: 'Aeonik';
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.22px; 
    margin-bottom: 22px;
    color: #787878;
    width: 100%;
    max-width: 502px; 
  }

  #shopify-section-{{ section.id }} .col-desc span.col-bold {
    font-weight: 700; 
  }
/* END_SECTION:2-col-2-row-section */

/* START_SECTION:affiliate-mainstage-content (INDEX:4) */
.affiliate-logo {
    display: flex;
    align-items: center;
    justify-content: center;
  }
   
  .affiliate-buttons .no-bg {
    background-color: transparent !important;
  }

  .affiliate-buttons .bg-white {
    background-color: #ffffff !important;
  }

  .affiliate-buttons .affiliate-call-btn {
    color: #ffffff;
    font-family: inherit;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 16.2px; /* 147.273% */
    letter-spacing: 1.1px;
    text-transform: uppercase;
  }

  .affiliate-buttons .affiliate-appointment-btn {
    color: #787878;
    font-family: inherit;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 16.2px; /* 147.273% */
    letter-spacing: 1.1px;
    text-transform: uppercase; 
  }
  
  .affiliate-container .affiliate-first-row .affiliate-col > h4 {
    padding-top: 28px;
    padding-bottom: 28px;
    width: 100%;
    max-width: 78%; 
  }
  
  .affiliate-container .affiliate-first-row {
    margin-bottom: 140px; 
  }

  .affiliate-container span.affiliate-box-title {
    font-family: inherit;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 16.2px; /* 147.273% */
    letter-spacing: 1.1px;
    text-transform: uppercase;
  }

  .affiliate-container p.affiliate-box-content {
    font-family: inherit; 
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0.217px;

  }

  .affiliate-container .affiliate-content-container {
    display: flex; 
    width: 100%;
  }

  .affiliate-container .affiliate-box-center {
    justify-content: center;
  }

  .affiliate-content-container > .affiliate-box-image {
    margin-right: 20px; 
    max-width: 74px;
    width: 100%;
    max-height: 74px; 
  }

  .affiliate-content-container > .affiliate-box-contents {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  
  .affiliate-container {
    color: #ffffff; 
    font-family: Aeonik, 'Work Sans', Arial;
  }
  .affiliate-container .affiliate-col > h2 {
      /* H2 */
    font-family: inherit;
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.515px;
  }

  .affiliate-container .affiliate-col > h4 {
    /* H4 */
    font-family: inherit; 
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 150% */
    letter-spacing: 0.217px;
  }
  
  .affiliate-container .affiliate-col {
    padding: 0px !important;  
  }
  
  .affiliate-container {  
    background-image: url(https://cdn.shopify.com/s/files/1/0765/6167/8609/files/affiliate-mainstage-bg.png?v=1704131177);
    background-repeat: no-repeat; 
    background-position: center center;
    background-size: cover;
    padding: 385px 100px 65px 100px !important; 
  }
/* END_SECTION:affiliate-mainstage-content */

/* START_SECTION:custom-before-after-section (INDEX:22) */
/* TWO COLUMN */
  
  .two-column-col-2 {
    padding-left: 25px; 
  }

  .two-column-col-1, .two-column-col-2 {
    height: 100%; 
  }

  .tabs .button{
    margin-top: 30px;
  }
  
  .two-column-container {
    /* background: linear-gradient(63deg, #6AD1E3 16.85%, #DFF4F8 98.9%); */
    background: linear-gradient(0deg, #003594 0%, #003594 100%), var(--Best-Sellers, #FFF)!important;
    padding: 94px;
    font-family: 'Aeonik', 'Work Sans', sans-serif;  
  }
  
  /* END TWO COLUMN */

  /* PIC COMPARISON SLIDER */
  
  .pic-comparison {
    width: 100%; 
    height: 0;
    padding-bottom: 50%;
    position: relative;
    min-height: 560px;
    background-color: #ffffff; 
  }
  .pic-comparison .pic {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
  }
  .pic-comparison .pic.pic--left {
    background-position: left center;
  }
  .pic-comparison .pic.pic--right {
    background-position: right center;
    border-left: 4px solid #fff;
    left: calc(50% - 2px);
  }
  .pic-comparison .comparison-ctrl {
    position: absolute;
    border-radius: 50%; 
    height: 40px;
    width: 40px;
    top: calc(50% - 20px); 
    left: calc(50% - 20px);
    background-color: #fff; 
  }
  .pic-comparison .comparison-ctrl svg {
    transform: scale(0.5);
    transform-origin: 50% 50%; 
  } 

  .pic-comparison .pic > div.widget-duration {
    position: absolute;   
    padding: 10px 25px;
    border: 1px solid #E0DFE0;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 500; 
    font-family: inherit;
    white-space: nowrap;
    background-color: #ffffff;
    z-index: 1;
  }

  .two-column-col-2 h3 {
    font-size: 35px;
    line-height: 42px;
    font-weight: 500;
    font-family: inherit;
    color: #fff;
    margin-bottom: 8px;
    padding-left: 25px; 
  }

  .two-column-col-2 h4 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    font-family: inherit;
    color: #fff;
    margin-bottom: 47px; 
    padding-left: 25px; 
  }

  .top-left {
    left: 13px; 
    top: 12px;
  }

  .top-right {
    right: 13px;
    top: 12px;
  }
  
  /* END PIC COMPARISON SLIDER */

  a.custom-btn {
    margin-top: 25px;
    font-size: 11px !important;
    line-height: 16.2px !important;
    font-weight: 500 !important;
    letter-spacing: 0.1em !important; 
    text-transform: uppercase !important;
    background-color: #787878 !important;
    color: #FFFFFF !important;
  }

  a.custom-btn:hover {
    background-color: #CCCCCC;
  }

  /* TABS */
 
  .tabs {
    width: 100%;
    float: none;
    list-style: none;
    position: relative;
    margin: 0 0 0 10px;
    text-align: left;
    display: flex !important;
  }
  .tabs li {
    float: left;
    display: block; 
  }
  .tabs input[type="radio"] {
    position: absolute;
    top: 0;
    left: -9999px;
  }

  .tabs li:nth-child(1) {
    margin-right: 40px; 
  }
  .tabs label {
    display: block;
    padding: 15px 5px;
    border-radius: 2px 2px 0 0;
    font-size: 20px;
    font-weight: normal;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
    top: 4px;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .tabs label:hover {
    border-bottom: 1px solid #787878;
  }
  .tabs .tab-content {
    z-index: 2;
    display: none;
    overflow: hidden;
    width: 100%;
    font-size: 17px;
    line-height: 25px;
    padding: 25px 0px;
    position: absolute;
    top: 53px;
    left: 0;
  }
  .tabs [id^="tab"]:checked + label {
    border-bottom: 1px solid #787878;
  }
  .tabs [id^="tab"]:checked ~ [id^="tab-content"] {
    display: block;
  }

  /* Mobile Devices */
  @media (max-width: 480px) {
    .two-column-container {
      padding: 53px 23px;
    }

    .two-column-row {
      margin-left: 0px !important;
      margin-right: 0px !important;
    }

    .pic-comparison {
      width: auto !important;
      min-height: 250px;
      margin-right: 0px !important;
      margin-left: 0px !important;
    }

    .two-column-col-2 h3 {
      font-size: 25px;
      line-height: 35px;
      padding-left: 0px;
    }

    .two-column-col-2 h4 {
      font-size: 18px;
      line-height: 24px;
      padding-left: 0px;
    }

    .two-column-col-2 {
      padding-top: 23px;
    }

    .two-column-col-2 > .row {
      margin-left: 0px !important;
      margin-right: 0px !important;
    } 

    .col-feat-img {
      width: 30% !important;
      padding: 0px 5px 0px 0px !important;
    }

    .col-feat-tabs {
      width: 70% !important;
      padding: 0px !important;
    }

    .tabs label {
      padding: 5px;
      font-size: 16px;
      line-height: 23px;
    }

    .tabs .tab-content {
      padding: 0px !important;
      font-size: 14px;
      line-height: 21px;
      top: 45px;
    }
  }

  @media (max-width: 1024px) {
    .two-column-col-1, .two-column-col-2, .col-right-heading {
      padding-left: 0px !important;
      padding-right: 0px !important;
    }

    .two-column-col-1, .two-column-col-2 {
      flex: 0 0 100% !important;
      max-width: 100% !important;
    }
  }
          
  /* Low resolution Tablets and iPads */
  @media (min-width: 481px) and (max-width: 1024px) {
    .two-column-container {
      padding-right: 53px;
      padding-left: 53px;
    }
     
    .pic-comparison {
      width: auto !important;
      min-height: 450px;
    }

    .two-column-col-2 {
      padding-top: 23px;
    }

    .two-column-col-2 h3, .two-column-col-2 h4 {
      padding-left: 0px;
    }
  }

  /* Tablets iPads (Portrait) */
  @media (min-width: 768px) and (max-width: 1024px){ 
    
  }  
      
  /* Laptops and Desktops */
  @media (min-width: 1025px) and (max-width: 1280px){

  }
/* END_SECTION:custom-before-after-section */

/* START_SECTION:custom-edit-profile (INDEX:24) */
#shopify-section-{{ section.id }} .custom-edit-profile {
    padding: 50px 0px; 
  }

  #shopify-section-{{ section.id }} h2 {
    width: 100%;
    border-bottom: 1px solid #CCC; 
  }
  
  #shopify-section-{{ section.id }} .profile-box {
    width: 100%;
    max-width: 50%;
    margin: 0 auto; 
    padding: 50px; 
    border: 1px solid #CCC;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    border-radius: 20px;
  }

  #shopify-section-{{ section.id }} .profile-box > .edit-profile-form {
    padding-top: 20px; 
  }

  #shopify-section-{{ section.id }} .edit-profile-form > form {
    font-family: inherit;
  }

  #shopify-section-{{ section.id }} .cf-field input, .cf-field textarea, .cf-field select {
    border: 1px solid #787878;
    border-radius: 8px;
    box-shadow: none!important;
    color: #787878;
    font-size: 15px;
    font-weight: 500;
    margin: 0; 
    outline: none!important;
    padding: 14px 10px; 
  }

  #shopify-section-{{ section.id }} .cf-step-tabs .cf-step-counter {
    opacity: 1 !important; 
    font-weight: 400 !important;
  }
/* END_SECTION:custom-edit-profile */

/* START_SECTION:derma-section (INDEX:27) */
#shopify-section-{{ section.id }} .derm-system img {
    max-height: 80px;
    max-width: 80px;
    text-align: center;
}
#shopify-section-{{ section.id }} .derm-system {
    width: 45%;
    border-radius: 5px;
    border: 1px solid #98A0B3;
    margin: 15px;
    height: 160px;
}
#shopify-section-{{ section.id }} .derm-system table{
    height: 100%;
}
#shopify-section-{{ section.id }} .derm-system td.image-box {
    width: 15%;
    border-right: 1px solid #98A0B3;
    vertical-align: middle;
    text-align: -webkit-center;
    padding: 4px !important;
    border-radius: 5px 0px 0px 5px;
}
#shopify-section-{{ section.id }} .derm-system .image-box {
    background-color: #DFF4F8;
}
#shopify-section-{{ section.id }} .derm-system .image-box.active {
    background-color: #41CBE3;
}
#shopify-section-{{ section.id }} .derm-system .name {
    padding: 15px 15px 15px 30px;
    vertical-align: middle;
    height: 40%;
    font-size: 20px;
}
#shopify-section-{{ section.id }} .derm-system .desc {
    padding: 0px 15px 15px 30px;
    vertical-align: baseline;
    font-size: 15px;
}
#shopify-section-{{ section.id }} .derm-system td {
    border: none;
}
#shopify-section-{{ section.id }} .shopify-section.derma-sys {
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
/* END_SECTION:derma-section */

/* START_SECTION:page-custom-before-after-section (INDEX:81) */
/* TWO COLUMN */
  
  .two-column-col-2 {
    padding-left: 25px; 
  }

  .two-column-col-1, .two-column-col-2 {
    height: 100%; 
  }
  
  .two-column-container {
    background: linear-gradient(63deg, #6AD1E3 16.85%, #DFF4F8 98.9%);
    padding: 94px;
    font-family: 'Aeonik', 'Work Sans', sans-serif; 
  }
  
  /* END TWO COLUMN */

  /* PIC COMPARISON SLIDER */
  
  .pic-comparison {
    width: 100%; 
    height: 0;
    padding-bottom: 50%;
    position: relative;
    min-height: 560px;
    background-color: #ffffff; 
  }
  .pic-comparison .pic {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
  }
  .pic-comparison .pic.pic--left {
    background-position: left center;
  }
  .pic-comparison .pic.pic--right {
    background-position: right center;
    border-left: 4px solid #fff;
    left: calc(50% - 2px);
  }
  .pic-comparison .comparison-ctrl {
    position: absolute;
    border-radius: 50%; 
    height: 40px;
    width: 40px;
    top: calc(50% - 20px); 
    left: calc(50% - 20px);
    background-color: #fff; 
  }
  .pic-comparison .comparison-ctrl svg {
    transform: scale(0.5);
    transform-origin: 50% 50%; 
  } 

  .pic-comparison .pic > div.widget-duration {
    position: absolute;   
    padding: 10px 25px;
    border: 1px solid #E0DFE0;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 500; 
    font-family: inherit;
    white-space: nowrap;
    background-color: #ffffff;
    z-index: 1;
  }

  .two-column-col-2 h3 {
    font-size: 35px;
    line-height: 42px;
    font-weight: 500;
    font-family: inherit;
    color: #fff;
    margin-bottom: 8px;
    padding-left: 25px; 
  }

  .two-column-col-2 h4 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    font-family: inherit;
    color: #fff;
    margin-bottom: 47px; 
    padding-left: 25px; 
  }

  .top-left {
    left: 13px; 
    top: 12px;
  }

  .top-right {
    right: 13px;
    top: 12px;
  }
  
  /* END PIC COMPARISON SLIDER */

  a.custom-btn {
    margin-top: 25px;
    font-size: 11px !important;
    line-height: 16.2px !important;
    font-weight: 500 !important;
    letter-spacing: 0.1em !important; 
    text-transform: uppercase !important;
    background-color: #787878 !important;
    color: #FFFFFF !important;
  }

  a.custom-btn:hover {
    background-color: #CCCCCC;
  }

  /* TABS */
 
  .tabs {
    width: 100%;
    float: none;
    list-style: none;
    position: relative;
    margin: 0 0 0 10px;
    text-align: left;
    display: flex !important;
  }
  .tabs li {
    float: left;
    display: block; 
  }
  .tabs input[type="radio"] {
    position: absolute;
    top: 0;
    left: -9999px;
  }

  .tabs .button{
    margin-top: 30px;
  }

  .tabs li:nth-child(1) {
    margin-right: 40px; 
  }
  .tabs label {
    color: #fff;
    display: block;
    padding: 15px 5px;
    border-radius: 2px 2px 0 0;
    font-size: 20px;
    font-weight: normal;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
    top: 4px;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .tabs label:hover {
    border-bottom: 1px solid #fff;
  }
  .tabs .tab-content {
    z-index: 2;
    display: none;
    overflow: hidden;
    width: 100%;
    color: #fff!important;
    font-size: 17px;
    line-height: 25px;
    padding: 25px 0px;
    position: absolute;
    top: 53px;
    left: 0;
  }
  .tabs [id^="tab"]:checked + label {
    border-bottom: 1px solid #fff;
  }
  .tabs [id^="tab"]:checked ~ [id^="tab-content"] {
    display: block;
  }

  /* Mobile Devices */
  @media (max-width: 480px) {
    .two-column-container {
      padding: 53px 23px;
    }

    .two-column-row {
      margin-left: 0px !important;
      margin-right: 0px !important;
    }

    .pic-comparison {
      width: auto !important;
      min-height: 250px;
      margin-right: 0px !important;
      margin-left: 0px !important;
    }

    .two-column-col-2 h3 {
      font-size: 25px;
      line-height: 35px;
      padding-left: 0px;
    }

    .two-column-col-2 h4 {
      font-size: 18px;
      line-height: 24px;
      padding-left: 0px;
    }

    .two-column-col-2 {
      padding-top: 23px;
    }

    .two-column-col-2 > .row {
      margin-left: 0px !important;
      margin-right: 0px !important;
    } 

    .col-feat-img {
      width: 30% !important;
      padding: 0px 5px 0px 0px !important;
    }

    .col-feat-tabs {
      width: 70% !important;
      padding: 0px !important;
    }

    .tabs label {
      padding: 5px;
      font-size: 16px;
      line-height: 23px;
    }

    .tabs .tab-content {
      padding: 0px !important;
      font-size: 14px;
      line-height: 21px;
      top: 45px;
    }
  }

  @media (max-width: 1024px) {
    .two-column-col-1, .two-column-col-2, .col-right-heading {
      padding-left: 0px !important;
      padding-right: 0px !important;
    }

    .two-column-col-1, .two-column-col-2 {
      flex: 0 0 100% !important;
      max-width: 100% !important;
    }
  }
          
  /* Low resolution Tablets and iPads */
  @media (min-width: 481px) and (max-width: 1024px) {
    .two-column-container {
      padding-right: 53px;
      padding-left: 53px;
    }
     
    .pic-comparison {
      width: auto !important;
      min-height: 450px;
    }

    .two-column-col-2 {
      padding-top: 23px;
    }

    .two-column-col-2 h3, .two-column-col-2 h4 {
      padding-left: 0px;
    }
  }

  /* Tablets iPads (Portrait) */
  @media (min-width: 768px) and (max-width: 1024px){ 
    
  }  
      
  /* Laptops and Desktops */
  @media (min-width: 1025px) and (max-width: 1280px){

  }
/* END_SECTION:page-custom-before-after-section */