/** Shopify CDN: Minification failed

Line 16:13 Unexpected "{"
Line 16:22 Expected ":"
Line 17:11 Unexpected "{"
Line 17:20 Expected ":"
Line 18:11 Unexpected "{"
Line 18:20 Expected ":"
Line 18:37 Expected identifier but found "*"
Line 26:14 Unexpected "{"
Line 26:23 Expected ":"
Line 35:15 Unexpected "{"
... and 161 more hidden warnings

**/
  #benefits-{{ section.id }} *,
#benefits-{{ section.id }} *::before,
#benefits-{{ section.id }} *::after {*,
    
        box-sizing: border-box;
        border-style: solid;
        border-width: 0;
        border-color: rgb(var(--text-color) / .12);
    }

   #benefits-{{ section.id }} .logo-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 8px;
        width: 100%;
    }

    #benefits-{{ section.id }} .logo-main {
        display: flex;
        align-items: center;
        justify-content: center;
    }

#benefits-{{ section.id }} .logo-text {
        font-size: var(--logo-size);
        color: var(--logo-text);
        font-weight: 600;
        text-align: center;
    }

   #benefits-{{ section.id }} .logo-subtext {
        font-size: var(--subtext-size);
        color: var(--subtext-color);
        font-weight: 400;
        text-align: center;
        line-height: 1.2;
        opacity: 0.9;
    }

    /* Dynamic grid columns based on visibility */
#benefits-{{ section.id }} .logo-headerwrap.columns-2 {
        grid-template-columns: 2fr 1fr;
    }

   #benefits-{{ section.id }} .logo-headerwrap.columns-3 {
        grid-template-columns: 2fr 1fr 1fr;   
    }

   #benefits-{{ section.id }} .logo-headerwrap.columns-4 {
        grid-template-columns: 2fr 1fr 1fr 1fr;
    }

   #benefits-{{ section.id }} .features-container.columns-2 {
        grid-template-columns: 2fr 1fr;
    }

   #benefits-{{ section.id }} .features-container.columns-3 {
        grid-template-columns: 2fr 1fr 1fr;
    }

   #benefits-{{ section.id }} .features-container.columns-4 {
        grid-template-columns: 2fr 1fr 1fr 1fr;
    }

   #benefits-{{ section.id }} .check-mark svg {
        width: 13px !important;
        height: 13px !important;
    }

  #benefits-{{ section.id }} .check-mark svg path {
        fill: #d54d51 !important;
    }

  #benefits-{{ section.id }} .check-mark {
        display: flex;
        align-items: center;
        justify-content: center;
    }

   #benefits-{{ section.id }} .cross-circle {
        width: 24px;
        height: 24px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

   #benefits-{{ section.id }} .cross-mark {
        color: var(--cross-color, #ff0000);
        font-size: 14px;
        font-weight: bold;
    }

   #benefits-{{ section.id }} .section-benefits {
        background: linear-gradient(180deg, var(--gradient-start) 0%, var(--gradient-end) 100%);
        color: var(--text-color, #fff);
        display: flex;
        align-items: center;
        position: relative;
        overflow: hidden;
    }

   #benefits-{{ section.id }} .logo-headerwrap {
        display: grid;
        gap: 12px;
        margin-bottom: 0;
    }

   /* #benefits-{{ section.id }} .page-width {
        margin: 0 auto;
        width: 100%;
    } */

   #benefits-{{ section.id }} .benefits-grid {
        display: grid;
        grid-template-columns: 1fr 1.2fr;
        gap: 60px;
        align-items: center;
    }

    /* Left Column */
   #benefits-{{ section.id }} .benefits-content {
        max-width: 480px;
    }

   #benefits-{{ section.id }} .content-title {
        font-size: var(--title-size);
        margin: 0 0 24px;
        color: var(--text-color, #fff);
        text-align: left;
        line-height: 1 !important;
    }

   #benefits-{{ section.id }} .logo-header {
        background: var(--logo-bg);
        padding: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 4px;
        border-radius: 12px;
        width: 100%;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

   #benefits-{{ section.id }} .logo-header.invisible-header {
        background: transparent;
        border: none;
    }

       #benefits-{{ section.id }} .logo-header.logo-apollo .logo-subtext {
        color: #fff;
    }

   #benefits-{{ section.id }} .logo-header.logo-apollo2 {
        background: var(--logo-bg2, var(--logo-bg));
    }

   #benefits-{{ section.id }} .logo-header.logo-apollo3 {
        background: var(--logo-bg3, var(--logo-bg));
    }

   #benefits-{{ section.id }} .logo-header img {
        width: 100%;
        max-width: 100px;
        height: auto;
    }

   #benefits-{{ section.id }} .highlight {
        color: var(--highlight-color);
        font-family: HearsBody !important;
    }

#benefits-{{ section.id }} .content-description {
        margin-bottom: 32px;
    }

   #benefits-{{ section.id }} .content-description p:last-child {
        margin-bottom: 0;
    }

   #benefits-{{ section.id }} .content-button {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        background: var(--button-color);
        padding: var(--button-padding-y) var(--button-padding-x);
        border-radius: 500px;
        text-decoration: none;
        font-weight: 500;
        transition: background 0.3s ease;
        font-size: var(--text-size);
        color: white !important;
    }

  #benefits-{{ section.id }} .content-button:hover {
        background: var(--button-hover);
    }

    /* Right Column */
  #benefits-{{ section.id }}  .benefits-features {
        display: flex;
        flex-direction: column;
        gap: 0px;
        width: 100%;
    }

   #benefits-{{ section.id }} .header-icon {
        font-size: var(--logo-size);
        color: var(--text-color, #fff);
    }

#benefits-{{ section.id }}.header-text {
        font-size: var(--logo-size);
        color: var(--text-color, #fff);
        font-weight: 500;
    }

    /* Features Container */
  #benefits-{{ section.id }}  .features-container {
        display: grid;
        gap: 12px;
    }

    /* Features List */
   #benefits-{{ section.id }} .features-list {
        background: linear-gradient(180deg, var(--gradient-start2) 0%, var(--gradient-end2) 100%);
        backdrop-filter: blur(var(--glass-blur));
        -webkit-backdrop-filter: blur(var(--glass-blur));
        border-radius: 12px;
        overflow: hidden;
        border: 1px solid #ffffff17;
        color: var(--gradient-color2) !important;
    }

   #benefits-{{ section.id }} .feature-item {
        padding: 18px 24px;
        height: var(--feature-height);
        display: flex;
        align-items: center;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        font-size: var(--features-text-size);
        line-height: 1.4;
        color: var(--gradient-color2) !important;
    }

   #benefits-{{ section.id }} .feature-item.emphasized {
        font-weight: 500;
    }

   #benefits-{{ section.id }} .feature-item:last-child {
        border-bottom: none;
    }

    /* Checkmarks Panels */
   #benefits-{{ section.id }} .features-confirmation {
        background: linear-gradient(180deg, var(--gradient-start3) 0%, var(--gradient-end3) 100%);
        border-radius: 12px;
        overflow: hidden;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        color: var(--gradient-color3) !important;
    }

   #benefits-{{ section.id }} .features-confirmation.column2 {
        background: linear-gradient(180deg, var(--gradient-start4) 0%, var(--gradient-end4) 100%);
        color: var(--gradient-color4) !important;
    }

   #benefits-{{ section.id }} .features-confirmation.column3 {
        background: linear-gradient(180deg, var(--gradient-start5) 0%, var(--gradient-end5) 100%);
        color: var(--gradient-color5) !important;
    }

   #benefits-{{ section.id }} .check-item {
        height: var(--feature-height);
        display: flex;
        align-items: center;
        justify-content: center;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

   #benefits-{{ section.id }} .check-item:last-child {
        border-bottom: none;
    }

   #benefits-{{ section.id }} .check-circle {
        width: 24px;
        height: 24px;
        background: linear-gradient(180deg, var(--icongradientstart) 0%, var(--icongradientend) 100%);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* Add specific backgrounds for each column */
   #benefits-{{ section.id }} .features-confirmation .check-circle {
        background: linear-gradient(180deg, var(--icongradientstart) 0%, var(--icongradientend) 100%);
    }

    #benefits-{{ section.id }} .features-confirmation .cross-circle {
        background: linear-gradient(180deg, var(--icongradientstart) 0%, var(--icongradientend) 100%);
    }

#benefits-{{ section.id }}.features-confirmation.column2 .check-circle {
        background: rgb(255 214 209);
    }

  #benefits-{{ section.id }}  .features-confirmation.column3 .check-circle {
        background: rgb(255 214 209);
    }

   #benefits-{{ section.id }} .features-confirmation .cross-circle .cross-mark{
            color: #d54d51 !important;

   }

   #benefits-{{ section.id }} .check-mark {
        color: #d54d51;
        font-size: 25px;
    }

    @media screen and (max-width: 1024px) {
    #benefits-{{ section.id }} .benefits-grid {
            grid-template-columns: 1fr;
            gap: 40px;
        }

       #benefits-{{ section.id }} .benefits-content {
            max-width: 100%;
            text-align: center;
        }

       #benefits-{{ section.id }} .content-title {
            text-align: center;
        }

#benefits-{{ section.id }} .benefits-features {
            max-width: 700px;
            margin: 0 auto;
            width: 100%;
        }
    }

    @media screen and (max-width: 768px) {
      #benefits-{{ section.id }} .logo-text {
            font-size: var(--logo-size-mobile);
        }

       #benefits-{{ section.id }} .logo-subtext {
            font-size: var(--subtext-size-mobile);
        }

       #benefits-{{ section.id }} .content-button {
            font-size: 14px !important;
        }

       #benefits-{{ section.id }} .check-mark svg {
            width: 13px !important;
            height: 13px !important;
        }

       #benefits-{{ section.id }} .logo-headerwrap.columns-2 {
            grid-template-columns: 115px minmax(50px, 1fr);
            gap: 5px;
        }

       #benefits-{{ section.id }} .logo-headerwrap.columns-3 {
            grid-template-columns: 115px repeat(2, minmax(50px, 1fr));
            gap: 5px;
        }

       #benefits-{{ section.id }} .logo-headerwrap.columns-4 {
            grid-template-columns: 115px repeat(3, minmax(50px, 1fr));
            gap: 5px;
        }

       #benefits-{{ section.id }} .features-container.columns-2 {
            grid-template-columns: 115px minmax(50px, 1fr);
            gap: 5px;
        }

       #benefits-{{ section.id }} .features-container.columns-3 {
            grid-template-columns: 115px repeat(2, minmax(50px, 1fr));
            gap: 5px;
        }

       #benefits-{{ section.id }} .features-container.columns-4 {
            grid-template-columns: 115px repeat(3, minmax(50px, 1fr));
            gap: 5px;
        }

       #benefits-{{ section.id }} .section-benefits {
            min-height: auto;
        }

       #benefits-{{ section.id }} .logo-header {
            padding: 12px 8px;
        }

       #benefits-{{ section.id }} .content-title {
            font-size: var(--title-size-mobile);
            margin-bottom: 15px !important;
        }

       #benefits-{{ section.id }} .content-description {
            max-width: 300px;
            margin: auto;
            padding-bottom: 20px;
        }

       #benefits-{{ section.id }} .benefits-features {
            max-width: 100%;
        }

       #benefits-{{ section.id }} .features-list {
            border-top-left-radius: 12px;
        }

       #benefits-{{ section.id }} .header-icon,
       #benefits-{{ section.id }} .header-text {
            font-size: var(--logo-size-mobile);
        }

       #benefits-{{ section.id }} .check-mark {
            color: #d54d51;
            font-size: 21px !important;
        }

       #benefits-{{ section.id }} .feature-item {
            height: var(--feature-height-mobile);
            padding: 14px 16px;
            font-size: var(--features-text-mobile);
        }

       #benefits-{{ section.id }} .check-item {
            height: var(--feature-height-mobile);
        }

       #benefits-{{ section.id }} .check-circle, .cross-circle {
            width: 20px;
            height: 20px;
        }

       #benefits-{{ section.id }} .check-mark {
            font-size: calc(var(--checkmark-size-mobile) * 0.6);
        }

       #benefits-{{ section.id }} .cross-mark {
            font-size: 12px;
        }
    }

    @media screen and (max-width: 480px) {
       #benefits-{{ section.id }} .benefits-features {
            padding: 0;
        }

      #benefits-{{ section.id }}  .features-container {
            gap: 3px;
        }

       #benefits-{{ section.id }} .feature-item {
            padding: 12px 12px;
            font-size: 13px;
        }
    }