.img-container {
    background-size: cover; /* Ensures the image covers the entire container */
    background-position: center; /* Centers the image within the container */
    background-repeat: no-repeat; /* Prevents the image from repeating */
    width: 100%; /* Ensures the container takes up the full width */
    height: 630px; /* Ensures the container takes up the full height */
    margin-top: 100px;
}

@media (max-width: 992px){
    .img-container{
        align-content: center;
    }

    .img-user{
        width: 40%;
    }
}

.btn-learn{
    width: auto;
}

.btn-learn:hover{
    color:#d00406;
    box-shadow:#d0040799 0px 0px 10px;
}

.card-img-top {
    height: 200px;
    object-fit: cover;
}

.card-body {
    padding: 1rem;
}

.card-footer {
    background-color: #fff;
    border-top: none;
}

.btn-outline-success {
    border-color: #28a745;
    color: #28a745;
}

.btn-outline-success:hover {
    background-color: #28a745;
    color: #fff;
}

.btn-more{
    color:#d00406;
    background-color: white;
    border:#d00406 solid;
}

.btn-more:hover{
    border:#d00406 solid;
    color:#d00406;
    box-shadow:#d0040799 0px 0px 10px;
}


@media (min-width: 930px){
    .img-user{
        width: 20%;
    }
}



.swiper {
    width: 100%;
  }

.bg-slider-text{
    background-color: rgba(0, 0, 0, 0.3);
    width: fit-content;
    margin: auto;
}

.categories{
    background-size: cover; /* Ensures the image covers the entire container */
    background-position: center; /* Centers the image within the container */
    background-repeat: no-repeat; /* Prevents the image from repeating */
    width: 100%; /* Ensures the container takes up the full width */
    height: 300px; /* Ensures the container takes up the full height */
    margin: auto;
    border-radius: 20px;
}

.bg-category-text{
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 30%;
    margin: auto;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.categories:hover .bg-category-text{
    height: 50%;
    transition: 0.5s;
}


.btn-more.active{
    background-color:#d0040799;
    color: white;
}