.carousel .post-image img {
    width: 100%;
    height: auto;
    /*max-height: 930px; !* Adjust this value to your desired maximum height *!*/
    object-fit: cover; /* This will crop the image to fit within the specified dimensions */
}

.hover-effect img {
    transition: transform 0.3s ease;
}

.hover-effect:hover img {
    transform: scale(1.05);
}

.custom-btn:hover {
    background-color: #001b44 !important;
    border-color: #001b44 !important;
    color: #fff !important;
}

.custom-btn:hover .fa-arrow-right {
    color: #fff !important;
}

.col-custom {
    flex: 0 0 20%;
    max-width: 20%;
}

@media (max-width: 1200px) {
    .col-custom {
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media (max-width: 992px) {
    .col-custom {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
}

@media (max-width: 768px) {
    .col-custom {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .carousel .post-image img {
        min-height: 300px; /* Minimum height for small tablets */
    }
}

@media (max-width: 576px) {
    .col-custom {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.card-img-top {
    width: 100%;
    height: auto;
}

.overlay-title {
    padding-left: 50px;
    padding-right: 50px;
    background-color: rgba(0, 0, 0, 0.5); /* semi-transparent black background */
    pointer-events: none; /* prevents the overlay from capturing clicks */
}

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

.text-white {
    color: white;
}

.overlay-title p {
    margin: 0;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.5);
    font-size: 1.7rem; /* Default font size */
}

@media (max-width: 1200px) {
    .overlay-title p {
        font-size: 1.25rem; /* Font size for large screens */
    }
}

@media (max-width: 992px) {
    .overlay-title p {
        font-size: 1.1rem; /* Font size for medium screens */
    }
}

@media (max-width: 768px) {
    .overlay-title p {
        font-size: 1rem; /* Font size for small tablets */
    }

    .carousel .post-image img {
        min-height: 300px;
    }
}

@media (max-width: 576px) {
    .overlay-title p {
        font-size: 0.9rem; /* Font size for mobile screens */
        padding-top: 40px; /* Increased padding at the top on smaller screens */
    }
}