/* [BEGIN: /home/nxscom/knox-conn.com/assets/css/features.css] */
/**
 * Knox-Conn.com Features Page Specific Styles
 */

.page-header-section {
    /* Optional: Add a subtle background pattern or gradient */
}

.features-list li {
    margin-bottom: 0.75rem; /* Space out feature list items */
    font-size: 0.95rem;
}

.features-list i.fa-check-circle {
    position: relative;
    top: 1px; /* Align icon slightly better with text */
}

/* Badge styling for section headers */
.badge {
    font-size: 0.8rem;
    padding: 0.4em 0.7em;
    /* margin-bottom: 0.5rem; */ /* Handled by spacing below */
}

/* Ensure images in feature sections don't overflow */
.img-fluid {
    max-width: 100%;
    height: auto;
}

/* Platform Advantages Section */
.platform-advantages .icon-square {
    width: 60px; /* Make icons a bit larger */
    height: 60px;
    font-size: 1.5rem; /* Increase icon size */
}

/* Style links within feature descriptions */
.platform-advantages p a {
    font-weight: 500;
}

/* Responsive adjustments for feature sections */
@media (max-width: 991px) {
    /* Stack image above text on medium screens and below */
     section .row.align-items-center .col-lg-6 {
        text-align: center;
    }
     section .row.align-items-center .col-lg-6 img {
        margin-bottom: 2rem;
    }
     .features-list {
        text-align: left; /* Keep list items left-aligned */
        display: inline-block; /* Allow centering of the block */
    }
     .platform-advantages .d-flex {
        flex-direction: column;
        align-items: center !important; /* Center icon and text block */
        text-align: center;
    }
     .platform-advantages .icon-square {
        margin-right: 0 !important;
        margin-bottom: 1rem;
    }
}


/* [END: /home/nxscom/knox-conn.com/assets/css/features.css] */