.cmp-global-footer {
    background: #464646;
    /*font-family: "Open Sans";*/
    border-top: 1px solid #BCBCBC;
    padding: 3px;
}

    .cmp-global-footer .sok-container {
        padding: 0 15px;
    }

@media only screen and (min-width: 768px) .cmp-global-footer .footer-container {
    min-height: 60px;
    padding: 3px;
    margin-left: 0;
    margin-right: 0;
}

.cmp-global-footer .footer-container p #footer-year {
    margin-right: 3px;
}

.cmp-global-footer .footer-container p {
    font-size: 14px;
    margin: 0;
    color: #e8e8e8;
    letter-spacing: 0.34px;
    padding: 3px;
    width:auto;
}

.cmp-global-footer .footer-container ul {
    list-style: none;
    padding: 0;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0;
    width:auto;
}

.cmp-global-footer .footer-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: auto;
    /*padding: 15px 0;*/
}

.teaser .cmp-teaser__content, .sok-container, .sok-container-fluid .cmp-container {
    max-width: 1176px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.teaser .cmp-teaser__content, .full-bleed-container > .cmp-container > .aem-Grid, .sok-container, .sok-container-fluid .cmp-container > .aem-Grid {
    max-width: 1176px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.sok-container--nested {
    float: none !important;
    max-width: 1176px !important;
}

#main {
    min-height: 538px;
}

.sok-container-fluid {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

@media (max-width: 767px) {
    .sok-container-fluid {
        padding: 0;
    }
}

.sok-container-fluid .carousel {
    margin-top: -30px;
    padding: 30px 0 !important;
}


.cmp-agency-footer {
    background-color: #004E9A;
    color: white;
    margin-top: 60px;
    padding: 30px 4px 4px 4px;
}

.cmp-agency-footer__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.cmp-agency-footer__logo {
    text-decoration: none;
}

@media only screen and (min-width: 768px) .cmp-agency-footer__logo img {
    max-width: 205px;
}

@media only screen and (min-width: 768px) .cmp-agency-footer .cmp-back-to-top {
    font-size: 14px;
    letter-spacing: 0.34px;
}

.cmp-agency-footer .cmp-back-to-top {
    margin: 0 0 0 auto;
    color: #FFFFFF;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: bold;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    /*font: 12px/21px "Open Sans Bold", "Open Sans";*/
    letter-spacing: 0.29px;
}

.cmp-agency-footer .cmp-back-to-top__up {
    width: 13px;
    height: 13px;
    display: inline-block;
    fill: #FFFFFF;
    margin-left: 6.25px;
    font-size: 14px;
}

svg {
    overflow: hidden;
    vertical-align: middle;
}

@media only screen and (min-width: 768px) .cmp-agency-footer__middle {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
}

.cmp-agency-footer__middle {
    letter-spacing: 0.34px;
    /*font: 14px/22px "Open Sans";*/
}

.dhs-footer-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media only screen and (min-width: 768px) .cmp-agency-footer__middle > *:first-of-type {
    padding-left: 0;
}

@media only screen and (min-width: 768px) .cmp-agency-footer__middle > *:not(:last-child) {
    border-right: 1px solid rgba(255, 255, 255, 0.4);
}

@media only screen and (min-width: 768px) .cmp-agency-footer__middle > * {
    margin-bottom: 30px;
    /*font: 16px/24px "Open Sans";*/
    letter-spacing: 0.38px;
    padding: 0 20px;
    min-width: 33.333%;
}


.cmp-agency-footer__middle > * {
    margin-top: 30px;
}

.cmp-agency-footer__middle:last-child > *:only-child .cmp-agency-footer__links, .cmp-agency-footer__middle:last-child > *:only-child .cmp-social-share--filled, .cmp-agency-footer__middle:last-child > *:last-child .cmp-agency-footer__links, .cmp-agency-footer__middle:last-child > *:last-child .cmp-social-share--filled {
    border-bottom: none;
    color: white;
}

.cmp-agency-footer__links {
    margin: 0;
    min-width: 400px;
    overflow: hidden;
}

    .cmp-agency-footer__links ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        list-style-type: none;
        padding-left: 0;
    }

        /*dl, ol, ul {
    margin-top: 0;
    margin-bottom: 1rem;
}*/

        .cmp-agency-footer__links ul li:not(:last-of-type) {
            margin-right: 30px;
        }

        .cmp-agency-footer__links ul li {
            display: inline-block;
            width: auto;
            margin-bottom: 30px;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -moz-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

    .cmp-agency-footer__links a {
        text-decoration: none;
        color: #FFFFFF;
    }

.text {
    text-align: left;
    opacity: 1;
    padding-bottom: 30px;
}

@media only screen and (min-width: 768px) .cmp-agency-footer__middle > * {
    padding: 0 20px;
    min-width: 33.333%;
}

@media only screen and (min-width: 768px) .cmp-agency-footer .cmp-social-share--filled {
    color: white;
    padding: 0;
    margin-bottom: 0;
}

.cmp-agency-footer .cmp-social-share--filled {
    color: white;
    padding: 0;
    /*margin-bottom: -21px;*/
    min-height: 0;
}

.cmp-social-share--filled {
    background-color: #004E9A;
    color: white;
}

.cmp-social-share--filled {
    color: white;
    min-height: 92px;
    padding: 0 15px;
}

.cmp-social-share {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*, ::after, ::before {
    box-sizing: inherit;
}

*, ::after, ::before {
    box-sizing: border-box;
}

.cmp-agency-footer .cmp-social-share__button {
    color: white;
    width: 35px;
    height: 35px;
    border: none;
    text-decoration: none;
    padding: 0;
    margin-right: 23px;
    margin-bottom: 21px;
}

    .cmp-agency-footer .cmp-social-share__button svg {
        color: white;
        width: 35px;
        height: 35px;
        border: none;
        text-decoration: none;
        padding: 0;
        margin-right: 23px;
        margin-bottom: 21px;
    }

@media only screen and (min-width: 768px) .cmp-social-share__button {
    color: white;
    margin-bottom: 15px;
}

.cmp-social-share__button {
    color: white;
    fill: white;
    width: 35px;
    height: 35px;
    border: none;
    text-decoration: none;
    padding: 0;
    margin-right: 23px;
    margin-bottom: 21px;
}

@media only screen and (min-width: 768px) .cmp-global-footer .footer-container ul li:first-child a {
    padding-left: 0;
}

.cmp-global-footer .footer-container ul a {
    color: #e8e8e8;
    text-decoration: none;
    display: block;
    padding: 15px;
    line-height: 23px;
    font-size: 16px;
    letter-spacing: 0.38px;
}

.cmp-global-footer .footer-container ul a {
    color: #e8e8e8;
    text-decoration: none;
    display: block;
    padding: 15px;
    line-height: 23px;
    font-size: 16px;
    letter-spacing: 0.38px;
}

.cmp-agency-footer p {
    color: inherit;
    padding-bottom: 0;
}

.cmp-agency-footer__address * {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.38px;
    min-width: 320px;
    margin-right: 60px;
    /*font-family: "Open Sans";*/
}

@media only screen and (min-width: 768px) p, .paragraph, .button .cmp-button, .button .cmp-form-button, .cmp-tooltip__popup, .text, .text a, .cmp-agency-header-wrapper .cmp-agency-header__search .search-wrapper .result-wrapper ul li a, .cmp-agency-header-wrapper .cmp-navigation__item-link, .cmp-agency-header-wrapper .cmp-navigation__item-link:hover, .cmp-search-results__sortBy label, .cmp-search-results__sortBy select, .cmp-search-results__searchResult p:last-of-type, .cmp-search-results__advance-search.active .cmp-search-results__advance-search__content .cmp-form-controls__label, .cmp-search-results__advance-search .select-tag, .cmp-search-results__advance-search .checkbox-group input[type="checkbox"]:checked + label, .cmp-search-results__advance-search .checkbox-group > label > label, .sok-table--data-table + .sok-data-table__footer-container .dataTables_info, .gsc-control-cse.gsc-control-cse-en .gsc-result-info, .gsc-control-cse.gsc-control-cse-en .gs-result .gs-snippet, .gsc-control-cse.gsc-control-cse-en .gs-result .gs-visibleUrl, .electionlist__notes__list, .h4, .h5, .h6, h4, h5, h6, .teaser.sok__teaser-overlay-text .cmp-teaser__action-link, .teaser.sok__teaser-overlay-text-subtitle .cmp-teaser__action-link, .teaser.sok__teaser-overlay-text-2 .cmp-teaser__action-link, .teaser.sok__teaser-overlay-text-subtitle-2 .cmp-teaser__action-link, .cmp-anchor__link--text, .cmp-text--article h5, .newsfeed--titlelist .newsfeed__title a, .cmp-link-lists, .sok-table--data-table + .sok-data-table__footer-container .dataTables_paginate, .landfor-sale__map-heading, .electionlist__back-to-top a {
    /*font: 18px/27px "Open Sans SemiBold", "Open Sans";*/
    letter-spacing: 0.43px;
}

p, .paragraph, .button .cmp-button, .button .cmp-form-button, .cmp-tooltip__popup, .text, .text a, .cmp-agency-header-wrapper .cmp-agency-header__search .search-wrapper .result-wrapper ul li a, .cmp-agency-header-wrapper .cmp-navigation__item-link, .cmp-agency-header-wrapper .cmp-navigation__item-link:hover, .cmp-search-results__sortBy label, .cmp-search-results__sortBy select, .cmp-search-results__searchResult p:last-of-type, .cmp-search-results__advance-search.active .cmp-search-results__advance-search__content .cmp-form-controls__label, .cmp-search-results__advance-search .select-tag, .cmp-search-results__advance-search .checkbox-group input[type="checkbox"]:checked + label, .cmp-search-results__advance-search .checkbox-group > label > label, .sok-table--data-table + .sok-data-table__footer-container .dataTables_info, .gsc-control-cse.gsc-control-cse-en .gsc-result-info, .gsc-control-cse.gsc-control-cse-en .gs-result .gs-snippet, .gsc-control-cse.gsc-control-cse-en .gs-result .gs-visibleUrl, .electionlist__notes__list, .h4, .h5, .h6, h4, h5, h6, .teaser.sok__teaser-overlay-text .cmp-teaser__action-link, .teaser.sok__teaser-overlay-text-subtitle .cmp-teaser__action-link, .teaser.sok__teaser-overlay-text-2 .cmp-teaser__action-link, .teaser.sok__teaser-overlay-text-subtitle-2 .cmp-teaser__action-link, .cmp-anchor__link--text, .cmp-text--article h5, .newsfeed--titlelist .newsfeed__title a, .cmp-link-lists, .sok-table--data-table + .sok-data-table__footer-container .dataTables_paginate, .landfor-sale__map-heading, .electionlist__back-to-top a {
    /*font: 16px/24px "Open Sans SemiBold", "Open Sans";*/
    letter-spacing: 0.38px;
    padding-bottom: 30px;
    margin-bottom: 0;
}

    .hero-banner, .title-uppercase, .button.cmp-button-link a .cmp-button__text, .teaser .cmp-teaser__action-link, .newsfeed__more a, p, .paragraph, .button .cmp-button, .button .cmp-form-button, .cmp-tooltip__popup, .text, .text a, .cmp-agency-header-wrapper .cmp-agency-header__search .search-wrapper .result-wrapper ul li a, .cmp-agency-header-wrapper .cmp-navigation__item-link, .cmp-agency-header-wrapper .cmp-navigation__item-link:hover, .cmp-search-results__sortBy label, .cmp-search-results__sortBy select, .cmp-search-results__searchResult p:last-of-type, .cmp-search-results__advance-search.active .cmp-search-results__advance-search__content .cmp-form-controls__label, .cmp-search-results__advance-search .select-tag, .cmp-search-results__advance-search .checkbox-group input[type="checkbox"]:checked + label, .cmp-search-results__advance-search .checkbox-group > label > label, .sok-table--data-table + .sok-data-table__footer-container .dataTables_info, .gsc-control-cse.gsc-control-cse-en .gsc-result-info, .gsc-control-cse.gsc-control-cse-en .gs-result .gs-snippet, .gsc-control-cse.gsc-control-cse-en .gs-result .gs-visibleUrl, .electionlist__notes__list, .body-text, .cmp-form-controls input, .cmp-form-controls textarea, .cmp-form-controls select, .cmp-form-controls--upload .cmp-form-controls__hint button, .caption, .cmp-breadcrumb, .cmp-audio__player p, .legal-copy, .h1, h1, .h2, h2, .h3, h3, .h4, .h5, .h6, h4, h5, h6, .sok-email-subscription p.title, .sok-email-subscription__label *, .sok-generic-form p.title, .sok-generic-form__label * {
        color: #464646;
    }

@media only screen and (min-width: 768px) .cmp-agency-footer__logo img {
    max-width: 205px;
}

.cmp-agency-footer__logo img {
    max-width: 154px;
}

img {
    vertical-align: middle;
    border-style: none;
}

.cmp-agency-footer__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media only screen and (min-width: 768px) .cmp-agency-footer .cmp-back-to-top {
    font-size: 14px;
    letter-spacing: 0.34px;
}

.cmp-agency-footer .cmp-back-to-top {
    margin: 0 0 0 auto;
    color: #FFFFFF;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    /*font: 12px/21px "Open Sans Bold", "Open Sans";*/
    letter-spacing: 0.29px;
}

.cmp-agency-footer .cmp-back-to-top__up {
    width: 13px;
    height: 13px;
    display: inline-block;
    fill: #FFFFFF;
    margin-left: 6.25px;
    font-size: 14px;
}

.cmp-global-footer {
    background: #464646;
    /*font-family: "Open Sans";*/
    border-top: 1px solid #BCBCBC;
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
}

@media only screen and (min-width: 768px) .cmp-global-footer .footer-container ul li:first-child a {
    padding-left: 0;
}

@media only screen and (min-width: 768px) .cmp-global-footer .footer-container ul li:first-child a {
    padding-left: 0;
}

.cmp-global-footer .footer-container ul a {
    color: #e8e8e8;
    text-decoration: none;
    display: block;
    padding: 15px;
    line-height: 23px;
    font-size: 16px;
    letter-spacing: 0.38px;
}

body {
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
}

.cmp-global-header {
    background: #004E9A;
}

.cmp-global-header .sok-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 6px 15px;
    height: 40px;
}

.cmp-global-header__logo {
    max-width: 28px;
    height: 28px;
}

@media only screen and (min-width: 768px) .caption, .cmp-breadcrumb, .cmp-audio__player p {
    /*font: 16px/24px "Open Sans";*/
    letter-spacing: 0.38px;
}

.caption, .cmp-breadcrumb, .cmp-audio__player p {
    /*font: 14px/21px "Open Sans";*/
    letter-spacing: 0.34px;
}

.cmp-global-header-right-nav-list {
    padding-left: 25px;
    margin: 0px;
    text-align: right;
    padding-bottom: 4px;
}

@media only screen and (min-width: 768px) .cmp-global-header-right-nav-list__item {
    padding-right: 38px;
}

.cmp-global-header-right-nav-list__item {
    padding-right: 13px;
}

.cmp-global-header-right-nav-list__item {
    padding-right: 20px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

@media only screen and (min-width: 768px) .cmp-global-header-right-nav-list__item-title {
    letter-spacing: 0.38px;
}

.cmp-global-header-right-nav-list__item-title {
    letter-spacing: 0.34px;
    padding: 0px;
    color: #FFFFFF;
    text-decoration: none;
    text-align: left;
}

.cmp-global-header-right-nav-list__item-title:hover {
    background-image: none !important;
    color: #0efbfe !important;
}

.cmp-global-header-right-nav-list__item:last-child {
    padding-right: 0;
}

@media only screen and (min-width: 768px) .cmp-global-header-right-nav-list__item {
    padding-right: 38px;
}

.cmp-global-header-right-nav-list__item {
    padding-right: 13px;
}

.cmp-agency-header-wrapper {
    border-bottom: 1px solid #004E9A;
    /*max-width: 1176px;*/
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.cmp-agency-header-wrapper {
    position: relative;
    border-bottom: 1px solid #464646;
}

@media only screen and (min-width: 768px) .cmp-agency-header-wrapper .cmp-agency-header {
    height: 98px;
}

.cmp-agency-header-wrapper .cmp-agency-header {
    /*font-family: "Open Sans";*/
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 80px;
    position: relative;
    padding: 0 15px;
}

.cmp-agency-header-wrapper {
    border-bottom: 1px solid #004E9A;
}

    .cmp-agency-header-wrapper .cmp-agency-header__logo img {
        height: 70px;
        display: inline-block;
    }

@media only screen and (min-width: 768px) .caption, .cmp-breadcrumb, .cmp-audio__player p {
    /*font: 16px/24px "Open Sans";*/
    letter-spacing: 0.38px;
}

.cmp-agency-footer__address {
    color: white;
    /*    width: 320px;*/
}

/*.cmp-agency-footer__middle div {
    border-right: 1px solid rgba(255, 255, 255, 0.4);
}*/

@media only screen and (min-width: 768px) .cmp-agency-footer__middle > *:not(:last-child) {
    border-right: 1px solid rgba(255, 255, 255, 0.4);
}

@media only screen and (min-width: 768px) .cmp-agency-footer__middle > *:not(:last-child) {
    border-right: 1px solid rgba(255, 255, 255, 0.4);
}

/* 1. Ensure the layout uses a fluid container */
.page, .sok-container, .cmp-agency-header-wrapper {
    width: 100%;
    max-width: 100vw;
    box-sizing: border-box;
}

/* 2. Make header and nav items stack vertically on small screens */
@media (max-width: 768px) {
    .cmp-global-header {
        align-items: flex-start;
    }

    .sok-container {
        align-items: stretch;
    }

    .cmp-global-header__left {
        width: 100%;
        text-align: left;
        margin-bottom: 0.5rem;
        max-width: 28px;
        height: 28px;
    }
    .cmp-global-header-right-nav {
        width: 100%;
        text-align: right;
        margin-bottom: 0.5rem;
    }

    .cmp-global-header-right-nav-list {
        flex-direction: column;
        gap: 0.5rem;
    }

    .cmp-global-header__logo {
        height: auto;
    }
}

/* 3. Footer responsiveness */
@media (max-width: 768px) {
    footer {
        padding: 1rem 0;
        text-align: center;
    }

    .footer-content, .footer-links {
        flex-direction: column;
        align-items: center;
        gap: 0.5rem;
    }
}

/* 4. Make buttons and links touch-friendly */
/*button, a {
    min-height: 44px;
    padding: 0.5rem 1rem;
    font-size: 1rem;
}*/

body, html {
    overflow-x: hidden;
}


/* CSS for cards */
.image-container {
    position: relative;
    width: 100%;
}

.image-container img {
    width: 100%;
    height: auto;
}

.card-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    justify-items: center;
    width: 100%;
    max-width: 1400px;
    margin: 40px auto 0 auto;
}

.custom-card {
    background-color: #f0f0f0; /* Lighter grey background */
    padding: 20px; /* Optional: Add padding for better visual */
    border-radius: 10px; /* Optional: Add rounded corners */
    cursor: pointer; /* Change cursor to pointer to indicate clickability */
    transition: background-color 0.3s, color 0.3s; /* Smooth transition for background and text color change */
}

.custom-card:hover {
    background-color: #004E9A; /* Slightly darker grey on hover */
}

    .custom-card:hover * {
        color: white !important; /* Ensure all text inside the card changes to white on hover */
    }


.custom-card p {
    margin: 0;
}

@media (max-width: 1200px) {
    .card-container {
        grid-template-columns: repeat(2, 1fr);
        margin: 20px auto 0 auto;
    }
}

@media (max-width: 768px) {
    .card-container {
        grid-template-columns: 1fr;
        margin: 20px auto 0 auto;
        display: flex;
        flex-direction: column;
        gap: 1rem;
        padding: 0.5rem;
    }

    .custom-card {
        width: 100%;
        min-width: 0;
        box-sizing: border-box;
        margin: 0;
        padding: 1rem;
        border-radius: 8px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.05);
        margin-bottom: 1rem;
        transition: box-shadow 0.2s;
    }

    /*.custom-card {
        width: 90vw !important;
        max-width: 350px;
        height: auto;
        margin-bottom: 20px;
    }*/
}

/* Optional: Add hover effect for desktop */
@media (hover: hover) {
    .fluent-card:hover {
        box-shadow: 0 4px 16px rgba(0,0,0,0.10);
    }
}