.container-benefits {
            max-width: 1200px;
            margin   : 0 auto;
        }

        .title-benefits {
            text-align   : center;
            /*color        : #104632; */
            font-size    : 40px;
            font-weight  : 700;
            margin-bottom: 40px;
        }

        .benefits-container {

            border-radius: 20px;
            /* padding      : 40px 30px; */
        }

        .benefits-grid {
            display        : flex;
            gap            : 35px;
            justify-content: center;
            flex-wrap      : wrap;
        }

        .benefit-card {
            background-color: #e8e8e8;
            display         : flex;
            flex-direction  : column;
            border-radius   : 15px;
            padding         : 50px;
            width           : calc(50% - 40px);
            min-height      : 100%;
            flex            : none;
            max-width       : 450px;
        }

        .card-header-benefits {
            display      : flex;
            align-items  : flex-start;
            gap          : 15px;
            margin-bottom: 25px;
        }

        .card-icon-benefits {
            width      : 50px;
            height     : 50px;
            flex-shrink: 0;
            margin-top : 5px;
        }

        .card-icon-benefits img {
            width     : 100%;
            height    : 100%;
            object-fit: contain;
        }

        .card-title-benefits {
            font-size  : 1.3rem;
            font-weight: 600;
            color      : #333;
            line-height: 1.3;
        }

        .benefits-section {
            margin-bottom: 30px;
        }

        .benefits-label {
            font-size    : 1rem;
            font-weight  : 600;
            color        : #333;
            margin-bottom: 15px;
        }

        .benefits-list {
            list-style: none;
            padding   : 0;
        }

        .benefits-list li {
            position     : relative;
            margin-bottom: 0px;
            color        : #555;
            font-size    : 0.95rem;
            line-height  : 1.4;
        }

/*        .benefits-list li::before {
            content    : '•';
            position   : absolute;
            left       : 0;
            color      : #4CAF50;
            font-weight: bold;
            font-size  : 1.2rem;
        }
*/
/*
.benefits-list li::marker {
            position   : absolute;
            left       : 0;
            color      : #4CAF50;
            font-weight: bold;
            font-size  : 1.2rem;
        }
*/
        .card-button {
            background-color: #CEDD00;
            color           : #333;
            border          : none;
            border-radius   : 25px;
            padding         : 12px 25px;
            font-size       : 0.95rem;
            font-weight     : 600;
            cursor          : pointer;
            transition      : all 0.3s ease;
            width           : auto;
            text-decoration : none;
            display      : inline-block; 
            margin-top      : auto;
            text-align      : center;
            align-self      : center;
        }

        .card-button:hover {
            background-color: #7CB342;
            transform       : translateY(-2px);
        }

        .card-button:active {
            transform: translateY(0);
        }

        /* Responsive design */
        @media (max-width: 768px) {
           .benefit-card {
               padding: 40px;
            }
            .title-benefits {
                font-size    : 1.8rem;
                margin-bottom: 30px;
            }

            .benefits-container {
                padding: 30px 20px;
            }

            .benefits-grid {
                gap: 20px;
            }



            .card-header-benefits {
                gap          : 12px;
                margin-bottom: 20px;
            }

            .card-icon-benefits {
                width : 40px;
                height: 40px;
            }

            .card-title-benefits {
                font-size: 1.1rem;
            }
        }
        @media (max-width: 678px) {
             .benefit-card {
                width  : 100%;
               padding: 50px;
            }
        }

        @media (max-width: 480px) {
            .container {
                padding: 0 10px;
            }

            .benefit-card {
                width: 100%;
            }

            .benefits-grid {
                gap: 15px;
            }
        }

        /* Center alignment for different numbers of cards */
        .benefits-grid:has(.benefit-card:nth-child(1):nth-last-child(1)) {
            /* Single card - center it */
            justify-content: center;
        }

        .benefits-grid:has(.benefit-card:nth-child(2):nth-last-child(1)) {
            /* Two cards - center them */
            justify-content: center;
        }

        .benefits-grid:has(.benefit-card:nth-child(3):nth-last-child(1)) {
            /* Three cards - center them */
            justify-content: center;
        }

        /* Fallback for browsers that don't support :has() */
        @supports not selector(:has(*)) {
            .benefits-grid {
                justify-content: center;
            }
        }