body{
    background-size: cover;
}
h1 {
    color: dodgerblue;
}

#em-logo{
    margin-right: 3rem;
    width: 6rem;
}

.card-custom {
    position: relative;
    margin: 1px 1px 20px 1px;
    background-color: rgba(255, 255, 255, 0.1);
    box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.4);

}
.b-divider {
    margin-top: 5rem;
    height: 3rem;
    background-color: rgba(0, 0, 0, .1);
    border: solid rgba(0, 0, 0, .15);
    border-width: 1px 0;
    box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

th, td {
    text-align: center;
}

.feature-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    margin-bottom: 1rem;
    font-size: 2rem;
    color: #fff;
    border-radius: .75rem;
}

.feature-container {
    display: grid;
    grid-template-columns: 1fr 3fr; /* First column 1 part, Second column 3 parts */
    gap: 10px; /* Adjust the gap as needed */
    align-items: center;
}

.feature-title {
    margin: 0; /* Remove default margin from h2 element */
}

.stat-list {
    list-style: none;
    padding: 0;
}

.stat-item {
    display: grid;
    grid-template-rows: repeat(2, 1fr);
    text-align: center;
    align-items: center;
}

.stat-value {
    grid-row: 1;
    margin: 0;
}

.stat-name {
    grid-row: 2;
    margin: 0;
}

.gallery-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
}

.gallery-item {
    margin: 10px;
}