/* CSS for Features flexible section */ 
/* Main style.css */
.features {
  padding: var(--spacing-4) 0;
}

    .features .container {
        border-top: 1px solid var(--color-muted);        
    }

    .features .container .row .col-md-6:first-child {
        border-right: 1px solid var(--color-muted);
    }

    @media (max-width: 768px) {
        .features .container .row .col-md-6:first-child {
            border-right: none;
        }
    }

    .features-image {
        width: 100%;
        border-radius: var(--border-radius-xl);
        overflow: hidden;
    }

        .features-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .feature-icon {
            width: 35px!important;
            height: 35px!important;
            display: flex;
            align-items: flex-start;
            justify-content: flex-center;
            flex: 0 0 35px;
        }
            .feature-icon img {
                width: 100%;
                height: 100%;
                object-fit: contain;
            }