/* @media (min-width: 1200px) {
    .text-overlay h2 {
        font-size: 48px;
    }
    
    .text-overlay h3 {
        font-size: 36px;
    }

    .programs-info-section {
        font-size: 24px;
        padding: 5% 10%;
    }

    .btn-program {
        padding: 1% 4%; 
    }
} */

@media (max-width: 1024px) {
    .carousel-control-prev {
        left: -45px; /* move more to the left */
    }
   
    .carousel-control-next {
        right: -45px; /* move more to the right */
    }
}

@media (max-width: 768px) {
     /* On mobile, don't push too far */
     .carousel-control-prev {
        left: -35px;
    }
    .carousel-control-next {
        right: -35px;
    }

    .text-overlay h2 {
        font-size: 36px;
    }
    .text-overlay h3 {
        font-size: 28px;
    }
    .programs-info-section h3 {
        font-size: 32px;
    }
    .programs-content-desc {
        font-size: 18px;
    }

    .btn-program {
        padding: 0.5% 2%;
    }
    .opportunities-section h3 {
        font-size: 32px;
    }
    .career-ul {
        font-size: medium;
    }
    .alumni-name {
        font-size: large;
    }
    .alumni-title {
        font-size: large;
    }

}

@media (max-width: 576px) {
    .carousel-control-prev {
        left: -20px;
    }
    .carousel-control-next {
        right: -20px;
    }
    .text-overlay h2 {
        font-size: 28px;
    }
    .text-overlay h3 {
        font-size: small;
    }
    .programs-info-section h3 {
        font-size: 28px;
    }
    .programs-content-desc {
        font-size: 16px;
    }
    .opportunities-section h3 {
        font-size: 28px;
    }
    .career-ul {
        font-size: small;
    }
    .alumni-name {
        font-size: medium;
    }
    .alumni-title {
        font-size: medium;
    }
    
    .card-container {
        
        margin: 0 10px 0 10px;
    }
}

@media (max-width: 480px) {

    .carousel-control-prev {
        left: -20px;
    }
    .carousel-control-next {
        right: -20px;
    }

    .carousel {
        width: 90%;
        margin: 5%;
    }

    .text-overlay h2 {
        font-size: 24px; /* Adjusted for mobile phones */
    }
    
    .text-overlay h3 {
        font-size: large; /* Adjusted for mobile phones */
    }

    .programs-info-section {
        font-size: 16px; /* Adjusted for mobile phones */
        padding: 5% 2%; /* Adjusted padding for mobile phones */
    }

    .btn-program {
        padding: 1% 2%; /* Adjusted padding for mobile phones */
    }

    .card-container {
     
        margin:  10px 0 10px 0;
    }

    .content-column h4{
        font-size: xx-large;
    }

    .alumni-focus-section h3{
        margin: 5% 0 10% 0;
    }

    .container h2{
        margin: 5% 0 10% 0;
    }
}