/* Mobile Responsive Fixes for Smarter Risk */

/* Fix text overlapping and improve spacing on mobile */
@media (max-width: 768px) {
    /* Homepage hero section fixes */
    .homepage-top {
        padding-top: 80px !important;
    }
    
    .split-section {
        text-align: center !important;
        margin-top: 50px !important;
        padding: 15px !important;
    }
    
    /* Fix text sizing to prevent overlap */
    .text-white, .text-blue {
        font-size: 18px !important;
        line-height: 1.5 !important;
        margin-bottom: 10px !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
    }
    
    /* Feature titles - prevent text overlap */
    .text-white[style*="font-size:24px"] {
        font-size: 20px !important;
        line-height: 1.4 !important;
        margin-bottom: 15px !important;
    }
    
    .text-blue[style*="font-size:26px"] {
        font-size: 22px !important;
        line-height: 1.4 !important;
    }
    
    /* Consistent paragraph spacing */
    p.text-white {
        font-size: 16px !important;
        line-height: 1.6 !important;
        margin-bottom: 20px !important;
        padding: 0 10px !important;
    }
    
    /* Feature sections with checkmarks */
    div[style*="margin-left:0px"] {
        display: flex !important;
        align-items: flex-start !important;
        flex-wrap: wrap !important;
        margin-bottom: 15px !important;
        padding: 0 10px !important;
    }
    
    /* Checkmark icons */
    img[src*="icon-checkmark2.webp"] {
        height: 20px !important;
        margin-right: 8px !important;
        flex-shrink: 0 !important;
    }
    
    /* Span elements in feature titles */
    span.text-white, span.text-blue {
        display: inline !important;
        margin-left: 5px !important;
        font-size: 18px !important;
        line-height: 1.4 !important;
    }
}

@media (max-width: 480px) {
    /* Even smaller screens - further reduce text size */
    .text-white[style*="font-size:24px"] {
        font-size: 18px !important;
        line-height: 1.3 !important;
    }
    
    .text-blue[style*="font-size:26px"] {
        font-size: 20px !important;
        line-height: 1.3 !important;
    }
    
    p.text-white {
        font-size: 14px !important;
        line-height: 1.5 !important;
        padding: 0 15px !important;
    }
    
    /* Feature section improvements */
    span.text-white, span.text-blue {
        font-size: 16px !important;
        line-height: 1.3 !important;
    }
    
    /* Container padding for small screens */
    .split-section {
        padding: 20px 10px !important;
    }
}

/* Fix specific overlapping issues */
@media (max-width: 768px) {
    /* The Smarter Risk Solution section */
    div[style*="margin-top:-0px"] {
        margin-top: 10px !important;
        margin-bottom: 15px !important;
    }
    
    /* Ensure proper spacing between elements */
    .split-section br {
        display: block !important;
        margin: 10px 0 !important;
        line-height: 1.5 !important;
    }
    
    /* Button spacing */
    .btn-login-green {
        margin: 20px auto !important;
        display: block !important;
        width: fit-content !important;
    }
}

/* Large text fixes for sections */
@media (max-width: 768px) {
    .home2-section-title {
        font-size: 32px !important;
        line-height: 1.3 !important;
        text-align: center !important;
        padding: 0 15px !important;
    }
    
    .home2-section-description {
        font-size: 18px !important;
        line-height: 1.5 !important;
        padding: 0 15px !important;
    }
    
    /* Fix "The Smarter Risk Solution" section */
    p.text-black[style*="font-size:2.25rem"] {
        font-size: 28px !important;
        line-height: 1.3 !important;
        text-align: center !important;
        padding: 0 15px !important;
        margin-bottom: 20px !important;
    }
    
    /* Contact section title fix */
    p[style*="font-size:96px"] {
        font-size: 36px !important;
        line-height: 1.2 !important;
        padding: 0 15px !important;
    }
    
    /* Large blue text fixes */
    p[style*="font-size: 72px"] {
        font-size: 32px !important;
        line-height: 1.3 !important;
        padding: 0 15px !important;
    }
}

/* Testimonial section mobile fixes */
@media (max-width: 768px) {
    .renovated-testimonial-section p.text-white {
        font-size: 24px !important;
        line-height: 1.4 !important;
        text-align: center !important;
        padding: 0 20px !important;
    }
    
    .renovated-testimonial-section p.text-white[style*="font-size: 26px"] {
        font-size: 20px !important;
        line-height: 1.4 !important;
    }
}