*
{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.image-container{
    width: 1400px;
    margin: 20px auto;
    columns: 4;
    column-gap: 30px;
}
.image-container .box{
    width: 100%;
    margin-bottom: 10px;
    break-inside: avoid;
}
.image-container .box img{
    max-width: 100%;
    border-radius: 15px;
}
@media (max-width: 1280px){
    .image-container{
        width: calc(100% - 40px);
        columns: 4;
    }

}
@media (max-width: 500px){
    .image-container{
        width: calc(100% - 20px);
        columns: 2;
    }

}




/**
 * = Gallery Accordions
 */

 .accordion .gallery-card {
    margin-bottom: 5px;
}

.accordion .gallery-card .gallery-header {
    -webkit-user-select: none;
    user-select: none;
}

.accordion .gallery-card .gallery-header button .icon {
    color: #183B56;
    transition: all 0.2s ease;
}

.accordion .gallery-card .gallery-header button .icon span {
    font-size: 0.875rem;
}

.accordion .gallery-card .gallery-header button .icon-title {
    margin-right: 1rem;
}

.accordion .gallery-card .gallery-header button .icon-title span {
    margin-right: 1rem;
}

.accordion .gallery-card .gallery-header button .icon-title + .icon {
    height: 1rem;
}

.accordion .gallery-card .gallery-header button[aria-expanded="true"] > .icon {
    transform: rotateZ(60deg);
}

.accordion .gallery-card .gallery-header button[aria-expanded="true"] > *, .accordion .card .gallery-header button:hover > * {
    color: theme-color("dark");
}

.accordion .gallery-card .gallery-header button[aria-expanded="true"] > * i, .accordion .card .gallery-header button:hover > * i {
    fill: theme-color("dark");
}

.accordion .gallery-card .gallery-header:hover {
    cursor: pointer;
}

.btn-check:focus + .accordion .gallery-card .gallery-header .btn, .accordion .card .gallery-header .btn:focus {
    outline: 0;
    box-shadow: none;
}

.accordion .gallery-card:hover {
    background-color: transparent;
}

.gallery-header-tabs{
    background-color: #ffffff00;
    border-bottom-color: #ffffff00;
}

.gallery-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #ffffff;
    background-clip: border-box;
    /*border: 0.0625rem solid rgba(23, 31, 56, 0.125); */
    border-radius: 0.45rem;

}
.gallery-card h2.image-title {

    flex-direction: column;
    font-size: 1rem; /* Adjust the font size as needed */
    color: #ffffff;
    text-align: center; /* Center the title text */
    background-color: #173B56;
    border-radius: 0.45rem;
    margin-bottom: -1rem; /* Adjust this value as needed */
    padding-bottom: 1rem; /* Adjust this value as needed */
    padding-top: .5rem;
}