.elementor-4571 .elementor-element.elementor-element-79ab21be{--display:flex;}.elementor-4571 .elementor-element.elementor-element-5f5ef61a{width:initial;max-width:initial;}/* Start custom CSS for post_grid_widget, class: .elementor-element-5f5ef61a */.post-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        gap: 16px;
    }
    
    /* Ensure the text and titles are left-aligned */
    .post-item {
        /* Removed the border outline from post items */
        border: none;            /* No border around the post items */
        border-radius: 11px;     /* Subtle rounded corners */
        padding: 0px;
        text-align: left;        /* Align all text to the left */
        transition: transform 0.3s;
    }
    
    .post-item h3 {
        font-size: 14px;         /* Adjust the size of the post title */
        margin: 0;               /* Remove margin for tighter alignment */
        font-weight: bold;       /* Make title bold for emphasis */
        padding-top: 9px;
    }
    
    /* Ensure post-thumbnail is square with rounded corners and background image */
    .post-thumbnail {
        width: 100%;
        height: 0;
        padding-top: 100%;
        background-size: cover;
        background-position: center center;
        border-radius: 10px;     /* Rounded corners */
        overflow: hidden;       /* Hide overflow */
        display: block;
        margin: 4px 0;  
    }
    
    /* Additional text styling */
    .post-item p {
        font-size: 12px;         /* Slightly smaller text */
        margin: 4px 0;           /* Add spacing between paragraphs */
    }
    
    /* Campus location styling */
.post-item p.campus-location {
    font-size: 12px;        /* Increased font size */
    color: #00457C;         /* Changed to a more visible color */
    font-weight: bold;      /* Make the text bold */
    margin: 4px 0;          /* Ensure consistent spacing */
}
    
    /* Hover effect for the post item */ 
    .post-item:hover {
        transform: scale(1.01);  /* Slight zoom on hover */
    }
    
       /* Bold and consistent price display */
   /* Operate by line */
.post-item p.operate-by {
    font-size: 11px; 
    font-weight: bold;  /* Make entire content bold, including the value */
    color: #333;        /* Optional: Ensure the text is easily readable */
    margin: 4px 0;      /* Consistent spacing */
}

/* Price line */
.post-item p.price .amount {
    font-weight: bold; /* Keep the price amount bold */
    color: #333;       /* Optional: Darker color for emphasis */
    
}

.post-item p.price .per-year {
    font-weight: normal;  /* Regular weight for less emphasis */
    color: #777;          /* Lighter color for distinction */
}

.post-item p {
    font-size: 12px;         /* Slightly smaller text for general content */
    margin: 4px 0;           /* Adjust spacing to fit new bold styles */
}/* End custom CSS */