.lfr-layout-structure-item-container {padding: 0;} .lfr-layout-structure-item-row {overflow: hidden;} .portlet-borderless .portlet-content {padding: 0;}.lfr-layout-structure-item-0705bdfc-0d85-800b-35b7-eb6478465bb3 {

 .header-text h1 {
        font-size: 40px;
        color: #333333;
        margin-bottom: 20px;
        font-weight: 800;
        line-height: 100%;
    }

@media (max-width: 768px) {
    .header-text h1 {
        font-size: 28px;
        font-weight: 700;
margin-bottom: 16px;
    }
}

.search-input {
input {
background: #fff;
border: 0;
border-radius: 0;
height: 50px;
padding-left: 0;
}
.input-group-inset-item-after {
border-radius: 0;
border: 0;
background: #fff;
}
.input-group-item {
flex-direction: row-reverse;
border: 1px solid #ddd;
border-radius: 12px;
overflow: hidden;
height: 50px;
}
}

}.lfr-layout-structure-item-ac6cdaeb-aaf4-c728-75f3-7cc9ac83237a {
font-family: Inter, sans-serif !important;
}
.lfr-layout-structure-item-c5974077-7710-5413-9733-c8c17347d69f {
width: 260px !important;
}
.lfr-layout-structure-item-be2830a8-d26e-c686-d649-c6cfcf97917f {
padding-bottom: 24px !important;
padding-left: 24px !important;
padding-right: 16px !important;
padding-top: 16px !important;
width: calc(100% - 260px) !important;
}
.lfr-layout-structure-item-de5e34dd-f4d7-157a-2d7e-c3bef927cd8a {
margin-bottom: 24px !important;
max-width: 780px !important;
padding-bottom: 24px !important;
padding-top: 24px !important;
}
.lfr-layout-structure-item-bdd86947-a3e4-7716-27d1-d56270981f2b {

.container-fluid {
gap:16px;
}

.row, .col {
padding: 0;
margin: 0;
}
.row{ 
width: calc(33% - 11px) !important;
gap: 16px;
 }
.col {
height: 100%;
    flex: none !important;
    max-width: none !important;
}

.col div:has(.program-collection-box),
.program-collection-box
 {
height: 100%;
}

/* Hide parent row if it has no visible children */
.row {
  display: none; /* default hidden */
}

/* Show parent row if it has at least one visible child */
.row:has(.program-collection-box-cover:not([style*="display: none"])) {
  display: flex; /* or block, depending on your layout */
}



@media (max-width: 768px) {
    .row {
        width: calc(50% - 8px) !important;
    }
}

@media (max-width: 576px) {
    .row {
        width: 100% !important;
    }
}

}.lfr-layout-structure-item-3f2cf529-0148-a525-918f-230d04d2e313 {
margin-left: auto !important;
margin-right: auto !important;
max-width: 1248px !important;
}