body {
    font-family: 'Kanit', sans-serif;
    background-color: #f9f9f9;
  
}




footer {
    box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.1);
}

.carousel-inner {
    height: 30vh;
    /* 10% of the viewport height */
}

.carousel-inner img {
    height: 100%;
    /* Ensures the image takes up the full height of the carousel */
    object-fit: contain;
    /* Ensures the image covers the container, without stretching */
}

h5 {
    font-weight: bold;
    color: #198754;
}

img[alt="Icon"] {
    width: 50px;
    /* Set desired width */
    height: 50px;
    /* Set desired height */
}