/* ==========================================
   Priorities Highlight Section
   ========================================== */
.priorities-section {
    position: relative;
    z-index: 20;
    margin-top: -35px;
    padding-bottom: 60px;
}

.priorities-card {
    background-color: #ffffff;
    border-radius: 12px; /* Soft rounded corners */
    padding: 40px 15px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.08); /* Soft drop shadow */
}

.priority-item {
    position: relative;
    padding: 0 20px;
    /* Adds the vertical separator lines between items */
    border-right: 1px solid #e9ecef; 
}

/* Removes the border from the very last item so it looks clean */
.priority-item:last-child {
    border-right: none;
}

.priority-icon {
    font-size: 40px;
    color: var(--color-1);
    margin-bottom: 20px;
    display: inline-block;
}
.priority-title {
    font-size: 16px;
    font-weight: 800;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 1.4;
    margin-bottom: 15px;
}

.priority-desc {
    font-size: 14px;
    color: #555555;
    line-height: 1.6;
    margin: 0;
}

/* ==========================================
   Priorities Responsive Breakpoints
   ========================================== */
@media (max-width: 1199px) {
    .priority-item { padding: 0 10px; }
    .priority-title { font-size: 18px; }
    .priority-desc { font-size: 18px; }
}

@media (max-width: 991px) {
    /* Tablet layout: Changes to a 3-column grid */
    .priorities-card { padding: 30px 15px; }
    .priority-item { 
        margin-bottom: 40px; 
        border-right: none; /* Removes confusing borders on stacked layout */
    }
    
    /* Target the bottom row to remove margin */
    .priority-item:nth-child(n+4) { 
        margin-bottom: 0; 
    }
    .priorities-section {
    position: relative;
    z-index: 20;
    margin-top: 20px;
    padding-bottom: 60px;
}
}

@media (max-width: 767px) {
    /* Mobile Layout: 2 columns */
    .priorities-section { margin-top: 0px; } /* Less overlap on small screens */
    .priority-item:nth-child(n+4) { margin-bottom: 40px; } 
    .priority-item:nth-last-child(-n+2) { margin-bottom: 0; }
}

@media (max-width: 575px) {
    /* Small Mobile: 1 single column */
    .priority-item { padding: 0 30px; margin-bottom: 40px !important; }
    .priority-item:last-child { margin-bottom: 0 !important; }
}