@media screen and (max-width:480px){
.ui-card--team .ui-card__media {height:300px!important}
}
/* Modify default tailwind classes for grid-cols-4, grid-cols-3 */
@media screen and (min-width: 1024px) {
   .team  {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: center;
    }

    .team .ui-card {
        width: calc(25% - 18px);
    }
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
    .team  {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: center;
    }

   .team  .ui-card {
        width: calc(50% - 12px);
    }
}

.image-box {
    display: flex;
    gap: 25px;
max-width:800px
}
.image-box figure{
    width: 50% !important;
    margin-right: 0;
}
.image-box figure img {
    margin-left: 0;
    width: 100%;
}

@media screen and (min-width: 640px) {
.grid-2-col {
 display: flex;
    gap: 25px;
}
.grid-2-col .col-image { max-width:250px}
.grid-2-col .col-image figure {margin-top:0px;}

.grid-2-col .col-content{flex:1}
}
.ui-card--stack .card-meta .flex:nth-child(3){
flex:none;
}
.ui-card .ui-card__title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media screen and (min-width:768px){
 .modal .modal-body picture {align-items:start !important}
}
.gallery_component_eight .tabs-wrapper {
max-width:768px;
margin:0px auto;
}

.ui-grid .link-download:after {
background-image:url('storage/media/download.svg) !important;
}
/*Modify Gallery*/
.gallery-popup__image-overlay {
        opacity: .2 !important;
    }
.gallery-grid .ui-card__shade{opacity:.2 !important}