.program-callouts {
    display: flex;
    justify-content: space-between; /* This ensures spacing between the items */
    flex-wrap: wrap; /* Allows items to wrap into a new row if the container is too small */
    margin: 0 auto; /* Centers the content */
    gap: 20px; /* Adds some space between the flex items */
}
.program-callouts p {
    line-height:30px;
}
.programs-section .program-callout {
    flex: 1; /* Allows the items to grow */
    max-width: calc(33.333% - 20px); /* One-third of the container minus the gap; adjust the gap value as necessary */
    padding: 20px;
    box-sizing: border-box;
    overflow: hidden;
    transition: transform 0.3s ease;
    background-color:white;
    border-radius:0px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); /* Adjust the color/opacity as needed */
    z-index: 10; /* Ensure it's higher than the slider's z-index */
    position:relative!important;
    border-radius: 20px;


}
.program-callout .short-writeup {
    padding-top:20px;
}
/* Responsive adjustment for mobile devices */
@media (max-width: 768px) { /* Adjust the max-width as needed for your design */
    .programs-section .program-callout {
        flex-basis: 100%; /* Make program callouts full width on smaller screens */
        max-width: 100%; /* Ensure the element respects the full-width setting */
        margin: 10px 0; /* Optional: Adds a little vertical space between cards */
    }
    .programs-section {
        padding:5vh 10vw!important;
        padding-bottom:5vh;
        margin-top: 0!important; /* Remove the overlap on smaller screens */

    }
}

.program-callout:hover {
    transform: translateY(-10px);
}
.programs-section .program-callouts-heading h2 {
padding-left:10%;
z-index: 10; /* Ensure it's higher than the slider's z-index */
position:relative!important;
}
.programs-section::before {
    content: ''; /* Required for pseudo-elements */
    display: block;
    position:absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: white; /* Your desired background */
    z-index: -1; /* Display behind the content of programs-section */
}
.our-text {
    color:#111126;
}

.programs-section {
   margin-top: -70px; 
    background-color:transparent;
    position: relative;
    padding: 0px 10vw;
    padding-bottom:80px;



}

.program-callout img {
    width: 100%;
    height: auto;
    object-fit: cover; /* This will ensure images cover the area without stretching/distorting */
    max-height: 200px; /* Max height */
}
@media screen and (min-width:768px) and (max-width:1130px) {
    .programs-section {
        margin-top:-35px;

    }
}