/* --- Mobile Specific Fixes for Background Props and Strokes --- */

/* Partner Section Background Line Fix */
.partners-section::before {
    background-size: 150% auto !important;
    /* Slightly zoomed out compared to 200% */
    background-position: center 20% !important;
    /* Move it down a bit */
    opacity: 0.6 !important;
    /* Reduced visibility as requested (60%) */
    transform: rotate(180deg);
    /* Flip it for a "different" look */
    height: 100% !important;
}

/* Pen Stroke Border Visibility on Mobile */
.campus-card,
.review-card {
    /* Ensure no overflow clipping hides the border */
    overflow: visible !important;
    /* The border is on .pen-stroke-border class usually applied to these or inner elements */
}

/* If the border is applied directly to these cards via class='pen-stroke-border' */
.pen-stroke-border {
    border-width: 3px !important;
    /* Slightly thinner than desktop 4px but still thick */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
}

/* Why Us Section Background Props on Mobile */
.why-us-section .bg-props {
    z-index: 0 !important;
    opacity: 1 !important;
    /* Max visibility */
}

.why-us-section .dots-pattern {
    width: 150px !important;
    height: 150px !important;
    top: 5% !important;
    right: 5% !important;
    opacity: 0.6 !important;
}

.why-us-section .blob-1 {
    width: 200px !important;
    height: 200px !important;
    top: -20px !important;
    right: -20px !important;
    opacity: 0.5 !important;
}

.why-us-section .blob-2 {
    width: 180px !important;
    height: 180px !important;
    bottom: -20px !important;
    left: -20px !important;
    opacity: 0.5 !important;
}

.why-us-section .dashed-ring {
    width: 80px !important;
    height: 80px !important;
    bottom: 5% !important;
    right: 5% !important;
    border-width: 3px !important;
    opacity: 0.6 !important;
}