/* ==========================================
   Priorities Highlight Section
   ========================================== */
.priorities-section {
    position: relative;
    z-index: 20; /* Ensures it sits on top of the hero banner */
    
    /* Pulls the entire section up over the slider. 
       Adjust this number (e.g., -100px or -60px) to change how much it overlaps! */
    margin-top: -45px; 
    
    /* Gives breathing room below the box before the next website section starts */
    padding-bottom: 60px; 
}
.priorities-section1 {
    display: none;
}

.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: #65a147; /* Matches the green from your buttons */
    margin-bottom: 20px;
    display: inline-block;
}

.priority-title {
    font-size: 16px;
    font-weight: 800;
    color: #002d62; /* Matches the dark blue hero text */
    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; 
    }
}

@media (max-width: 767px) {
    /* Mobile Layout: 2 columns */
    .priorities-section { margin-top: 0px;display:none } /* Less overlap on small screens */
     .priorities-section1 { margin-top: 0px;display:block; }
    .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; }
}