.evenWidthCard {

    width: 225px!important;

}



.thumbnail {

    width: 150px;

    height: 100px;

}

.title-blue {
    color: #2491d3 !important;
    font-size: 16px;
    font-weight: 700;
}
.text-detail {
    color: #4d4d4d !important;
    font-size: 16px;
    font-weight: 700;
}
/* table:nth-child(1) > tbody > tr > td[class^="cbResultSetListViewTableOddCell"]:nth-child(1){

    border-width: 0 0 0 0!important;

} */



#no-border-bottom > div > form > div > div > table > tbody > tr > td[class^="cbResultSetListViewTableOddCell"]{

    border-width: 0 0 0 0!important;

}

.colBox {

    /* width: 133.19px!important; */

    width: 150px!important;

    height: 100px!important;

}

.unitImage {

    max-height: 100%!important;

    max-width: 100%!important;

}



.height100 {

    height: 100px!important;

}



@media (max-width: 1000px){

    .evenWidthCard {

        width: 200px!important;

    }

}



@media (max-width: 767px){

    .container {

        max-width: 100%!important;



    }

}

@media (max-width: 666px){

    .evenWidthCard {

        max-width: 194px!important;



    }

}

@media (max-width: 645px){

    .flex-sm-row:nth-child(n+2) {

        flex-direction: column!important;

    }

    .evenWidthCard {

        max-width: 300px!important;

        width: 300px!important;

        margin-right: auto!important;

        margin-left: auto!important;

    }

}



@media (max-width: 575px){

    .colBox {

        margin-left: auto!important;

        margin-right: auto!important;

    }

}


.carousel-inner img {
    cursor: pointer;
}
.carousel-indicators {
    position: static;
    margin-top: 10px;
    text-align: center;
    margin-left: 0px !important;
}
.carousel-indicators button {
    background-color: white; 
    border: 1px solid #4d4d4d;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    margin: 0 5px; /* Adjust the spacing between indicators */
    transition: background-color 0.3s ease; /* Smooth color transition */
}
.carousel-indicators .active {
    background-color: #4d4d4d;
}
.carousel-control-prev,
.carousel-control-next {
    display: none;
}
.carousel-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
    color: white; /* White text color */
    padding: 15px;
    text-align: center;
}

.carousel-caption h5,
.carousel-caption p {
    margin: 0;
}

.carousel-caption h5 {
    font-size: 24px;
    font-weight: bold;
}

.carousel-caption p {
    font-size: 18px;
}

/* Add drop shadow */
.carousel-caption {
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}