#featureVideo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Centers the video */
    min-width: 100%; /* Ensures the video covers the full width */
    min-height: 100%; /* Ensures the video covers the full height */
    width: auto; /* Allows the browser to determine the width based on aspect ratio */
    height: auto; /* Allows the browser to determine the height based on aspect ratio */
    object-fit: cover; /* Important: Scales the video to fill the container while maintaining aspect ratio and cropping as needed */
    z-index: -1;
}

.video-filter {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3); /* Black with 50% opacity */
    z-index: -1; /* Puts the overlay between the video and content */
}

.video-text {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

#choices-container .choices__list--multiple {
    /* Example: Move the selected items below the main input */
    position: absolute; /* or relative, depending on your layout */
    top: 100%; /* Position below the input */
    left: 0;
    width: 100%; /* Adjust as needed */
    z-index: 10; /* Ensure it's above other elements if needed */
    /* Add any other styling for the container */
    background-color: white; /* Example */
    border: 1px solid #ccc; /* Example */
    padding: 5px; /* Example */
}

/* Filter */
/* w-[1300px] min-h-[60px] flex mx-auto justify-left items-top gap-4 */
.solution-filter { max-width: 1380px; padding: 0 40px; min-height: 60px; display: flex; margin: 0 auto; justify-content: left; gap: 16px; }
.solution-filter-group { display: flex; flex-grow: 1; flex-basis: 0; gap: 16px; }

#industryFilterMultiSelectCustom, #useCaseFilterMultiSelectCustom, #articleTypeFilterMultiSelectCustom, #tagFilterMultiSelectCustom {
    width: 100%;
}

.filterSelectWrap { /*max-width: 361px;*/ }
.filterSelectWrap .ms-options-wrap > button:focus, .filterSelectWrap .ms-options-wrap > button { height: 50px; background-color: #f7f7f9; padding: 5px 38px 5px 10px; border: 1px solid #DEDEE0; border-radius: 6px; }
.filterSelectWrap .ms-options-wrap > .ms-options > ul label { padding: 2px 4px 4px 24px; }
.filterSelectWrap .ms-options-wrap > .ms-options { margin-top: -3px; border-color: #DEDEE0; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
.filterSelectWrap .ms-options-wrap.ms-active > .ms-options { min-height: 0px !important; }

.filterSelectWrap .ms-options-wrap > .ms-options > ul li.selected label { background-color: transparent; }
.filterSelectWrap .ms-options-wrap > button:after, .filterSelectWrap .ms-options-wrap > button:before { position:absolute; display:block; content:""; border:8px solid transparent; right: 12px; width: 0; margin-top: 21px; }
.filterSelectWrap .ms-options-wrap > button:before { top:0; border-top-color:#208a3d; /*Chevron Color*/}
.filterSelectWrap .ms-options-wrap > button:after { top:-3px; /*Adjust thickness*/ border-top-color:#F7F7F9; /*Match chevron background colour*/}

.filterSelectWrap .defaultLabel { display: none; }
.filterSelectWrap .customLabel { font-size: 16px; color: #333; font-weight: 400; }
.filterSelectWrap .ms-options-wrap > .ms-options > ul label.inputDisabled { display: none; }


.filterSelectWrap ::-webkit-scrollbar { -webkit-appearance: none; width: 7px; }
.filterSelectWrap ::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(0, 0, 0, .5); box-shadow: 0 0 1px rgba(255, 255, 255, .5); }

.ms-options-wrap button span { font-size: 16px; color: #333; font-weight: 400; }

.solution-articles-wrap { max-width: 1380px; margin: 0 auto; padding: 0 40px; }
.solution-articles { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 32px; width: 100%; }
.post-preview { flex-basis: calc((100% - 64px) / 3); flex-shrink: 0; }

/* Filter Selection Boxes and Box */
.filterSelectionBoxes {
    margin-top: 10px; font-size: 0;
}

.filterSelectionBox {
    border: 1px solid #DEDEE0; padding: 2px 10px; display: inline-block; cursor: pointer; background-color: #E1E1E1; color: #656565; font-size: 12px; border-radius: 6px; margin: 4px 4px 0 0;
}

.filterSelectionBoxCloseIcon {
    display: inline-block;
    width: 12px;
    height: 12px;
    position: relative;
    vertical-align: sub;
    margin-left: 8px;
    margin-bottom: 1px;
}

.filterSelectionBoxCloseIcon:after {
    content: '';
    height: 12px;
    border-left: 1px solid #717272;
    position: absolute;
    transform: rotate(45deg);
    left: 10px;
}

.filterSelectionBoxCloseIcon:before {
    content: '';
    height: 12px;
    border-left: 1px solid #717272;
    position: absolute;
    transform: rotate(-45deg);
    left: 10px;
}

.solution-results-section { background-color: #F7F7F9; padding-top: 8px }
.solution-results { max-width: 1380px; padding: 0 40px; margin: 0 auto; }

/* SECONDARY FILTER AREA */
.solution-filter-secondary { max-width: 1380px; padding: 0 40px; margin: 0 auto; }

/* FILTER VIEW */
.solutions-filter-view { padding-bottom: 40px; }
.solutions-filter-view p { display: inline-block; font-weight: 300; font-size: 16px; margin-right: 3px; cursor: pointer; }
.solutions-fitler-view .solutions-filter-view-button { color: #282829; }
.solutions-filter-view .solutions-filter-view-button.view-selected { font-weight: 800; color: #208a3d; }

/* PAGINATION */
.solution-pagination { max-width: 1380px; margin: 0 auto; padding: 0 40px; }
.page-visible { }
.page-hidden { position: absolute; clip: rect(1px, 1px, 1px, 1px); padding: 0; border: 0; height: 1px; width: 1px; overflow: hidden; }
.solution-pages { margin: 60px 0 60px 0; text-align: center; }
.pagination-page-button { margin-left: 8px; margin-right: 8px; color: #208a3d; font-size: 18px; }
.pagination-page-button.page-selected { font-weight: 800; }

/* ARTICLE COUNT */
.article-count-result { font-weight: 300; }

.solution-quote { max-width: 1000px; padding: 0 40px; margin: 0 auto; text-align: center; }
.blockquoteText {
    background: linear-gradient(to right, #8970DE, #5F90F7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.solution-cta { max-width: 1000px; padding: 0 40px; margin: 0 auto; }

/* X-LARGE SCREENS (CASCADE TO LOWER SCREEN) */
@media only screen and (min-width: 1442px) {
    
}
 
/* LARGE SCREENS (SPECIFIC) */
@media only screen and (min-width: 1069px) and (max-width:1441px) {
    
}
 
/* MEDIUM SCREENS (CASCADE TO LOWER SCREENS) */
@media only screen and (max-width: 1068px) {
    .solution-filter { width: 100%; flex-direction: column; }
    .solution-filter-group { flex-direction: column; gap: 0; }
    .filterSelectWrap { max-width: 100%; }
    
    .solution-results { width: 100%; }
    .filterSelectionBoxes { margin-top: 6px; margin-bottom: 20px; }

    .solution-articles-wrap { width: 100%; }
    .post-preview { flex-basis: calc((100% - 32px) / 2); }

    .solution-quote { max-width: 100%; }
    .solution-cta { max-width: 100%; }
}
 
/* MEDIUM SCREENS (SPECIFIC) */
@media only screen and (min-width: 736px) and (max-width:1068px) {
 
}
 
/* SMALL SCREENS */
@media only screen and (max-width: 735px) {
    .post-preview { flex-basis: 100%; }
}
 
/* EXTRA SMALL SCREENS < 400px */
@media only screen and (max-width: 400px) {
 
}