.slider {
    width: 100%;
    height: 750px;
    position: relative; 
}

.gradient {
    height: 100%;
    width: 100%;
    position: absolute;
    background: linear-gradient(90deg, #000000 41.61%, rgba(0, 0, 0, 0) 143.16%);
    opacity: 0.65;
    background-blend-mode: multiply;
    top: 0;
    bottom: 0;
    z-index: 1; /* Ensure the gradient overlay is above the rotated image */
}

.slider img {
    width: 100%;
    /* height: 100%; */
    height: 750px;
    object-fit: cover;
    display: block;
    transform: rotateY(180deg);
    z-index: 0; /* Ensure the rotated image is behind the gradient overlay */
}

.slide-text {
    position: absolute;
    width: 85%;
    height: auto;
    top: 240px; 
    left: 20px; 
    color: #fff;
    /* background-color: #2C75AF; */
    z-index: 2; /* Ensure the slide text is above the gradient overlay */
    padding-bottom: 20px;
}

.slide-text h2 {
    font-size: 20px;
    margin-bottom: 10px;
}

.slide-text p {
    font-size: 14px;
    margin-bottom: 20px;
}

.slide-text-header {
    font-size: 44px;
    line-height: 37px;
}

.slide-text-sub-header {
    font-size: 16px;
    line-height: 30px;
}

.acc-icon {
    height: 140px;
    width: 80px;    
    border-radius: 6px;
    font-size: 35px;
    /* text-align: center; */
    
}



.acc-data {

    width: 236px;
    height: 136px;
    padding: 8px 0px;

}

.acc-data-head {
    font-size: 18px;
    letter-spacing: -0.25px;
    line-height: 26px;
}

.acc-data-details {

    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.05px;
    /* text-align: justify; */
}


.avai-course-container {

    overflow: hidden;
    /* overflow-x: scroll; */
}

.availabe-course-card {

    width: 309px;
    height: 400px;
    border: 1px solid var(--border-col);
    border-radius: 12px;
    padding: 12px 16px 12px 12px;
}

.img-rounded-corner {

    border-radius: 9px;
}


.card-img-wrap {

    width: 281px;
    height: 180px;
    /* background-color: yellow; */
}

.card-course-summary {

    width: 281px;
    min-height: 100px;
    /* background-color: #168f98; */
}

.cus-arrow-btn {

    width: 40px;
    height: 40px;
    /* background: #236606; */
    /* background: #0d6efd; */
    background: var(--mild-color) !important;
    color: #ffffff !important;
    border-radius: 50%;

}

.cus-arrow-btn:hover {

    /* background: #31800f; */
    /* background: var(--mild-color) !important; */
    background: #0d6efd !important;
    color: #ffffff !important;

}


@media only screen and (min-width: 667px) {


}

@media only screen and (min-width: 768px) {

    .slide-text {

        width: 559px;
        height: 280px;
        top: 275px; 
        left: 120px; 

    }
    
    .slide-text h2 {
        font-size: 24px;
        margin-bottom: 10px;
    }
    
    .slide-text p {
        font-size: 16px;
        margin-bottom: 20px;
    }
    
    .slide-text-header {
        font-size: 64px;
        line-height: 56.8px;
    }
    
    .slide-text-sub-header {
        font-size: 18px;
        line-height: 30px;
    }
    

}

@media only screen and (min-width: 992px) { 




}

@media only screen and (min-width: 1024px) {

    .course-container {

        /* margin: 0 auto;
        background-color: palevioletred; */
    }

}


@media (min-width:1281px) { /* hi-res laptops and desktops */


}