/**
 * Section Fix
 * This file specifically fixes section layout issues
 */

/* Section fixes for desktop */
@media (min-width: 769px) {
    /* Section header */
    .section-header {
        text-align: center;
        margin-bottom: 50px;
    }
    
    /* Section title */
    .section-title {
        font-size: 2.2rem !important;
        margin-bottom: 10px;
        color: #333333;
    }
    
    /* Section subtitle */
    .section-subtitle {
        font-size: 1.5rem !important;
        color: #333333;
        margin-bottom: 10px;
        font-weight: 600;
    }
    
    /* Section description */
    .section-description {
        font-size: 1.1rem;
        color: #666666;
        max-width: 700px;
        margin: 0 auto;
    }
    
    /* Section header with action */
    .section-header.with-action {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        text-align: left;
    }
    
    .section-header.with-action .section-title,
    .section-header.with-action .section-subtitle,
    .section-header.with-action .section-description {
        margin: 0 0 10px 0;
        text-align: left;
		color: black;
    }
    
    /* View all link */
    .view-all {
        font-weight: 600;
        color: #4a80f0;
        display: inline-flex;
        align-items: center;
        gap: 5px;
    }
    
    .view-all i {
        font-size: 0.8rem;
    }
    
    /* Featured networks section */
    .featured-networks {
        background-color: #f9f9f9;
        padding: 80px 0;
    }
    
    /* Categories section */
    .categories-section {
        background-color: #ffffff;
        padding: 80px 0;
    }
    
    /* Latest reviews section */
    .latest-reviews {
        background-color: #f5f5f5;
        padding: 80px 0;
    }
    
    /* Submit review CTA */
    .submit-review-cta {
        background-color: #4a80f0;
        padding: 60px 0;
        text-align: center;
        color: #ffffff;
    }
    
    .submit-review-cta .cta-content {
        max-width: 700px;
        margin: 0 auto;
    }
    
    .submit-review-cta h3 {
        font-size: 1.8rem;
        margin-bottom: 15px;
        color: #ffffff;
    }
    
    .submit-review-cta p {
        font-size: 1.1rem;
        color: rgba(255, 255, 255, 0.9);
        margin-bottom: 25px;
    }
    
    /* Stats section */
    .stats-section {
        background-color: #ffffff;
        padding: 60px 0;
    }
    
    .stats-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 30px;
    }
    
    .stat-box {
        text-align: center;
    }
    
    .stat-icon {
        font-size: 2.5rem;
        margin-bottom: 15px;
        color: #4a80f0;
    }
    
    .stat-number {
        font-size: 2rem;
        font-weight: 700;
        margin-bottom: 10px;
        color: #4a80f0;
    }
    
    .stat-label {
        font-size: 1rem;
        color: #666666;
    }
    
    /* Network owner CTA */
    .network-owner-cta {
     /*   background: linear-gradient(135deg, #4a80f0, #9d50bb);*/
        color: #ffffff;
        padding: 80px 0;
        text-align: center;
    }
    
    .network-owner-cta .cta-content {
        max-width: 800px;
        margin: 0 auto;
    }
    
    .network-owner-cta h2 {
        font-size: 2.2rem;
        margin-bottom: 15px;
        color: #ffffff;
    }
    
    .network-owner-cta p {
        font-size: 1.2rem;
        opacity: 0.9;
        margin-bottom: 30px;
        color: #ffffff;
    }
    
    .cta-buttons {
        display: flex;
        justify-content: center;
        gap: 20px;
    }
    
    .network-owner-cta .btn-outline {
        border-color: #ffffff;
        color: #ffffff;
    }
    
    .network-owner-cta .btn-outline:hover {
        background-color: #ffffff;
        color: #4a80f0;
    }
}