/* =========================================================
   PROTECT OUR CHILD - FINAL RESPONSIVE SYSTEM
   Desktop / Laptop / Tablet / Mobile
========================================================= */

html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

body.poc-public-body {
    margin: 0;
}

.poc-site-wrapper,
.poc-main-content {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

img,
svg,
video {
    max-width: 100%;
}


/* =========================================================
   HEADER
========================================================= */

body.poc-public-body .poc-header {
    width: 100% !important;
    min-height: 76px !important;
    height: auto !important;

    padding-left: clamp(20px, 4vw, 60px) !important;
    padding-right: clamp(20px, 4vw, 60px) !important;

    gap: 24px !important;
}

body.poc-public-body .poc-brand {
    flex-shrink: 0 !important;
}

body.poc-public-body .poc-nav {
    min-width: 0 !important;
    gap: clamp(16px, 2vw, 30px) !important;
}

body.poc-public-body .poc-header-actions {
    flex-shrink: 0 !important;
}

body.poc-public-body .poc-report-btn {
    font-size: 13px !important;
    line-height: 1.2 !important;
    padding: 12px 18px !important;
}


/* =========================================================
   HERO - DESKTOP
========================================================= */

body.poc-public-body .poc-hero {
    position: relative !important;

    width: 100% !important;

    height: auto !important;
    min-height: 560px !important;

    display: grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(300px, 360px) !important;

    align-items: center !important;

    column-gap: clamp(35px, 5vw, 85px) !important;

    padding:
        58px
        clamp(50px, 6vw, 90px)
        48px !important;

    overflow: hidden !important;
}

body.poc-public-body .poc-hero-overlay {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
}

body.poc-public-body .poc-hero-content {
    position: relative !important;

    z-index: 2 !important;

    width: auto !important;
    max-width: 760px !important;

    padding: 0 !important;
    margin: 0 !important;

    min-width: 0 !important;
}

body.poc-public-body .hero-tag {
    margin: 0 0 18px !important;

    font-size: 13px !important;
    line-height: 1.4 !important;

    letter-spacing: 1px !important;
}

body.poc-public-body .poc-hero h1 {
    margin: 0 0 22px !important;

    font-family: "Hind Siliguri", "Inter", sans-serif !important;

    font-size: clamp(46px, 4.5vw, 62px) !important;

    line-height: 1.08 !important;

    letter-spacing: -1px !important;

    overflow-wrap: normal !important;
    word-break: normal !important;
}

body.poc-public-body .poc-hero-content > p {
    max-width: 680px !important;

    margin: 0 !important;

    font-family: "Hind Siliguri", "Inter", sans-serif !important;

    font-size: 16px !important;
    line-height: 1.8 !important;
}

body.poc-public-body .hero-buttons {
    display: flex !important;
    align-items: stretch !important;

    gap: 16px !important;

    margin-top: 28px !important;
    margin-bottom: 0 !important;
}

body.poc-public-body .hero-buttons a {
    min-height: 54px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 13px 24px !important;

    font-size: 16px !important;
    line-height: 1.3 !important;

    white-space: nowrap !important;
}


/* HERO STATS */

body.poc-public-body .hero-stats {
    display: grid !important;

    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

    gap: 18px !important;

    width: 100% !important;

    margin: 34px 0 0 !important;

    padding: 0 !important;
}

body.poc-public-body .hero-stats > div {
    min-width: 0 !important;
}

body.poc-public-body .hero-stats strong {
    display: block !important;

    margin: 0 0 7px !important;

    color: #0c3158 !important;

    font-size: 31px !important;
    line-height: 1 !important;

    opacity: 1 !important;
}

body.poc-public-body .hero-stats span {
    display: block !important;

    color: #526b86 !important;

    font-size: 13px !important;
    line-height: 1.4 !important;

    opacity: 1 !important;
}


/* VERSE */

body.poc-public-body .hero-verse {
    position: relative !important;

    right: auto !important;
    top: auto !important;

    z-index: 2 !important;

    width: auto !important;
    max-width: 360px !important;

    margin: 0 !important;

    align-self: center !important;
}

body.poc-public-body .hero-verse p {
    margin: 0 0 18px !important;

    font-family: "Hind Siliguri", sans-serif !important;

    font-size: 18px !important;
    line-height: 1.8 !important;
}


/* =========================================================
   FEATURES
========================================================= */

body.poc-public-body .poc-features {
    width: calc(100% - 80px) !important;
    max-width: 1180px !important;

    margin: 34px auto 64px !important;

    display: grid !important;

    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

    border-radius: 12px !important;

    overflow: hidden !important;
}

body.poc-public-body .feature-item {
    width: 100% !important;

    height: auto !important;
    min-height: 112px !important;

    padding: 24px 28px !important;

    gap: 18px !important;
}

body.poc-public-body .feature-icon {
    flex: 0 0 40px !important;

    width: 40px !important;
    height: 40px !important;
}

body.poc-public-body .feature-icon svg {
    width: 34px !important;
    height: 34px !important;
}

body.poc-public-body .feature-item h3 {
    margin: 0 0 4px !important;

    font-size: 17px !important;
    line-height: 1.3 !important;
}

body.poc-public-body .feature-item p {
    margin: 0 !important;

    font-size: 14px !important;
    line-height: 1.5 !important;
}


/* =========================================================
   HOME OFFENDER SECTION
========================================================= */

body.poc-public-body .home-offender-section {
    width: calc(100% - 80px) !important;
    max-width: 1180px !important;

    margin: 0 auto 80px !important;
}

body.poc-public-body .section-header {
    display: flex !important;

    align-items: flex-start !important;
    justify-content: space-between !important;

    gap: 30px !important;

    margin-bottom: 28px !important;
}

body.poc-public-body .section-header h2 {
    margin: 0 0 7px !important;

    font-size: clamp(28px, 3vw, 36px) !important;
    line-height: 1.15 !important;
}

body.poc-public-body .section-header p {
    margin: 0 !important;

    font-size: 15px !important;
    line-height: 1.55 !important;
}

body.poc-public-body .section-header > a {
    flex-shrink: 0 !important;

    margin: 7px 0 0 !important;

    font-size: 15px !important;

    white-space: nowrap !important;
}

body.poc-public-body .offender-layout {
    display: grid !important;

    grid-template-columns:
        minmax(240px, 285px)
        minmax(0, 1fr) !important;

    gap: 30px !important;

    margin-top: 0 !important;

    align-items: start !important;
}


/* FILTER */

body.poc-public-body .offender-filter {
    width: 100% !important;

    padding: 16px !important;

    border-radius: 10px !important;
}

body.poc-public-body .offender-filter h3 {
    margin: 0 0 14px !important;

    font-size: 17px !important;
    line-height: 1.3 !important;
}

body.poc-public-body .offender-filter label {
    margin: 0 0 5px !important;

    font-size: 12px !important;
}

body.poc-public-body .offender-filter input,
body.poc-public-body .offender-filter select {
    width: 100% !important;

    height: 40px !important;

    margin: 0 0 12px !important;

    padding: 0 11px !important;

    font-size: 13px !important;
}

body.poc-public-body .offender-filter button {
    width: 100% !important;

    min-height: 40px !important;

    font-size: 13px !important;
}


/* RESULTS */

body.poc-public-body .offender-results {
    width: 100% !important;
    min-width: 0 !important;
}

body.poc-public-body .results-top {
    margin-bottom: 16px !important;

    font-size: 14px !important;
}


/* HOME CARDS */

body.poc-public-body
.home-offender-section
.poc-offender-card {
    width: 100% !important;

    min-width: 0 !important;
}


/* =========================================================
   REPORT FORM
========================================================= */

body.poc-public-body .poc-report-page {
    padding:
        clamp(35px, 5vw, 60px)
        20px
        clamp(55px, 7vw, 90px) !important;
}

body.poc-public-body .poc-report-container {
    width: 100% !important;
    max-width: 1040px !important;
}

body.poc-public-body .poc-report-intro h1 {
    font-size: clamp(28px, 4vw, 38px) !important;
}

body.poc-public-body .poc-form-card {
    padding: clamp(18px, 3vw, 26px) !important;
}

body.poc-public-body .poc-public-grid {
    min-width: 0 !important;
}

body.poc-public-body input,
body.poc-public-body select,
body.poc-public-body textarea {
    max-width: 100% !important;
}


/* =========================================================
   FOOTER
========================================================= */

body.poc-public-body .poc-footer {
    padding:
        50px
        clamp(24px, 5vw, 60px) !important;

    gap: 40px !important;
}


/* =========================================================
   <= 1180 - SMALL LAPTOP
========================================================= */

@media (max-width: 1180px) {

    body.poc-public-body .poc-header {
        padding-left: 28px !important;
        padding-right: 28px !important;
    }

    body.poc-public-body .poc-nav {
        gap: 18px !important;
    }

    body.poc-public-body .poc-nav a {
        font-size: 14px !important;
    }

    body.poc-public-body .poc-header-actions > span {
        display: none !important;
    }

    body.poc-public-body .poc-hero {
        column-gap: 40px !important;

        padding-left: 50px !important;
        padding-right: 50px !important;
    }

    body.poc-public-body .poc-hero h1 {
        font-size: 51px !important;
    }
}


/* =========================================================
   <= 1050 - IPAD PRO / NEST HUB / SMALL LAPTOP
========================================================= */

@media (max-width: 1050px) {

    /*
       At this width two-column hero is too tight.
       Verse is hidden and main content gets full width.
    */

    body.poc-public-body .poc-hero {
        display: block !important;

        min-height: 0 !important;

        padding:
            52px
            clamp(36px, 6vw, 64px)
            48px !important;
    }

    body.poc-public-body .poc-hero-content {
        max-width: 790px !important;
    }

    body.poc-public-body .hero-verse {
        display: none !important;
    }

    body.poc-public-body .poc-hero h1 {
        font-size: clamp(43px, 6vw, 54px) !important;
    }

    body.poc-public-body .hero-stats {
        max-width: 760px !important;

        gap: 18px !important;
    }

}


/* =========================================================
   <= 900 - TABLET
========================================================= */

@media (max-width: 900px) {

    body.poc-public-body .poc-header {
        min-height: 70px !important;

        padding:
            10px
            22px !important;
    }

    body.poc-public-body .poc-nav {
        display: none !important;
    }

    body.poc-public-body .poc-header-actions > span {
        display: none !important;
    }

    body.poc-public-body .poc-hero {
        padding:
            44px
            32px
            42px !important;
    }

    body.poc-public-body .poc-hero h1 {
        font-size: clamp(40px, 7vw, 48px) !important;
    }

    body.poc-public-body .hero-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

        max-width: 640px !important;

        gap: 0 !important;

        margin-top: 30px !important;

        background: rgba(255,255,255,.95) !important;

        border-radius: 14px !important;

        overflow: hidden !important;

        box-shadow: 0 10px 26px rgba(13,46,78,.08) !important;
    }

    body.poc-public-body .hero-stats > div {
        min-height: 96px !important;

        padding: 18px !important;

        border-right: 1px solid #e1e7ee !important;
        border-bottom: 1px solid #e1e7ee !important;
    }

    body.poc-public-body .hero-stats > div:nth-child(2n) {
        border-right: 0 !important;
    }

    body.poc-public-body .hero-stats > div:nth-last-child(-n+2) {
        border-bottom: 0 !important;
    }

    body.poc-public-body .hero-stats strong {
        font-size: 28px !important;
    }

    body.poc-public-body .hero-stats span {
        font-size: 12px !important;
    }


    /* FEATURES */

    body.poc-public-body .poc-features {
        width: calc(100% - 48px) !important;

        margin-top: 30px !important;
        margin-bottom: 56px !important;
    }

    body.poc-public-body .feature-item {
        padding: 22px !important;
    }


    /* OFFENDER */

    body.poc-public-body .home-offender-section {
        width: calc(100% - 48px) !important;
    }

    body.poc-public-body .offender-layout {
        grid-template-columns: 1fr !important;

        gap: 30px !important;
    }

    body.poc-public-body .offender-filter {
        max-width: none !important;
    }

    body.poc-public-body .poc-footer {
        grid-template-columns: 1fr !important;
    }


    /* SINGLE OFFENDER */

    body.poc-public-body .profile-content {
        grid-template-columns: 1fr !important;
    }
}


/* =========================================================
   <= 760 - PORTRAIT TABLET / LARGE MOBILE
========================================================= */

@media (max-width: 760px) {

    body.poc-public-body .poc-hero {
        padding:
            38px
            26px
            38px !important;
    }

    body.poc-public-body .hero-tag {
        font-size: 11px !important;
        letter-spacing: .6px !important;
    }

    body.poc-public-body .poc-hero h1 {
        font-size: 40px !important;

        line-height: 1.1 !important;

        margin-bottom: 18px !important;
    }

    body.poc-public-body .poc-hero-content > p {
        font-size: 15px !important;
        line-height: 1.75 !important;
    }

    body.poc-public-body .hero-buttons {
        margin-top: 24px !important;
    }

    body.poc-public-body .hero-buttons a {
        min-height: 50px !important;

        padding: 12px 17px !important;

        font-size: 14px !important;
    }


    /* FEATURES become vertical */

    body.poc-public-body .poc-features {
        grid-template-columns: 1fr !important;

        width: calc(100% - 40px) !important;

        margin:
            28px
            auto
            52px !important;
    }

    body.poc-public-body .feature-item {
        min-height: 94px !important;

        padding: 20px 24px !important;

        border-right: 0 !important;
        border-bottom: 1px solid #dbe3ec !important;
    }

    body.poc-public-body .feature-item:last-child {
        border-bottom: 0 !important;
    }


    /* OFFENDER HEADING */

    body.poc-public-body .home-offender-section {
        width: calc(100% - 40px) !important;

        margin-bottom: 60px !important;
    }

    body.poc-public-body .section-header {
        gap: 15px !important;

        margin-bottom: 24px !important;
    }

    body.poc-public-body .section-header h2 {
        font-size: 29px !important;
    }

    body.poc-public-body .section-header p {
        max-width: 520px !important;

        font-size: 14px !important;
    }

    body.poc-public-body .section-header > a {
        font-size: 14px !important;
    }


    /* HOME CARDS */

    body.poc-public-body
    .home-offender-section
    .poc-offender-card {
        display: grid !important;

        grid-template-columns: 78px minmax(0, 1fr) !important;

        align-items: start !important;

        gap: 14px !important;

        padding: 14px !important;
    }

    body.poc-public-body
    .home-offender-section
    .offender-photo {
        width: 78px !important;
        flex: none !important;
    }

    body.poc-public-body
    .home-offender-section
    .offender-photo img,
    body.poc-public-body
    .home-offender-section
    .poc-card-avatar {
        width: 78px !important;
        height: 78px !important;
    }

    body.poc-public-body
    .home-offender-section
    .offender-action {
        grid-column: 1 / -1 !important;

        width: 100% !important;

        padding-left: 0 !important;

        justify-content: flex-start !important;
    }


    /* REPORT */

    body.poc-public-body .poc-public-grid {
        grid-template-columns: 1fr !important;
    }

    body.poc-public-body .poc-public-span-2 {
        grid-column: auto !important;
    }


    /* OFFENDER LIST PAGE */

    body.poc-public-body .poc-offender-page {
        padding: 42px 0 !important;
    }

    body.poc-public-body .poc-offender-container {
        width: calc(100% - 40px) !important;
    }

    body.poc-public-body .offender-filters {
        grid-template-columns: 1fr !important;
    }

    body.poc-public-body .poc-list-page-heading {
        flex-direction: column !important;
    }

    body.poc-public-body .offender-result-head {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    body.poc-public-body
    .poc-offender-page
    .poc-offender-card {
        align-items: flex-start !important;
    }


    /* SINGLE */

    body.poc-public-body .poc-single-offender {
        padding: 50px 20px !important;
    }

    body.poc-public-body .profile-header {
        padding: 28px 22px !important;
    }

    body.poc-public-body .profile-content {
        padding: 22px !important;
    }

}


/* =========================================================
   <= 560 - MOBILE
========================================================= */

@media (max-width: 560px) {

    body.poc-public-body .poc-header {
        padding:
            8px
            15px !important;

        gap: 8px !important;
    }

    body.poc-public-body .poc-brand {
        gap: 8px !important;
    }

    body.poc-public-body .poc-brand-icon {
        width: 40px !important;
        height: 40px !important;
    }

    body.poc-public-body .poc-brand-text strong,
    body.poc-public-body .poc-brand strong {
        font-size: 15px !important;
    }

    body.poc-public-body .poc-report-btn {
        padding: 10px 11px !important;

        font-size: 11px !important;

        white-space: nowrap !important;
    }


    /* HERO */

    body.poc-public-body .poc-hero {
        padding:
            30px
            20px
            34px !important;

        background-position: center !important;
    }

    body.poc-public-body .poc-hero h1 {
        font-size: 34px !important;

        line-height: 1.12 !important;

        letter-spacing: -.4px !important;
    }

    body.poc-public-body .poc-hero h1 br {
        display: none !important;
    }

    body.poc-public-body .poc-hero-content > p {
        font-size: 14px !important;
        line-height: 1.7 !important;
    }


    /* BUTTONS STACK */

    body.poc-public-body .hero-buttons {
        width: 100% !important;

        display: grid !important;

        grid-template-columns: 1fr !important;

        gap: 11px !important;

        margin-top: 22px !important;
    }

    body.poc-public-body .hero-buttons a {
        width: 100% !important;

        min-height: 46px !important;

        padding: 11px 14px !important;

        font-size: 14px !important;

        white-space: normal !important;

        text-align: center !important;
    }


    /* STATS */

    body.poc-public-body .hero-stats {
        width: 100% !important;

        margin-top: 24px !important;

        border-radius: 12px !important;
    }

    body.poc-public-body .hero-stats > div {
        min-height: 88px !important;

        padding: 15px 13px !important;
    }

    body.poc-public-body .hero-stats strong {
        font-size: 25px !important;

        margin-bottom: 6px !important;
    }

    body.poc-public-body .hero-stats span {
        font-size: 11px !important;

        line-height: 1.35 !important;
    }


    /* FEATURES */

    body.poc-public-body .poc-features {
        width: calc(100% - 30px) !important;

        margin-top: 24px !important;
        margin-bottom: 46px !important;
    }

    body.poc-public-body .feature-item {
        min-height: 86px !important;

        padding: 18px !important;

        gap: 16px !important;
    }

    body.poc-public-body .feature-icon {
        flex-basis: 34px !important;

        width: 34px !important;
        height: 34px !important;
    }

    body.poc-public-body .feature-icon svg {
        width: 30px !important;
        height: 30px !important;
    }

    body.poc-public-body .feature-item h3 {
        font-size: 15px !important;
    }

    body.poc-public-body .feature-item p {
        font-size: 12px !important;
    }


    /* HOME OFFENDER */

    body.poc-public-body .home-offender-section {
        width: calc(100% - 30px) !important;

        margin-bottom: 50px !important;
    }

    body.poc-public-body .section-header {
        margin-bottom: 21px !important;
    }

    body.poc-public-body .section-header h2 {
        font-size: 27px !important;
    }

    body.poc-public-body .section-header p {
        font-size: 13px !important;

        line-height: 1.5 !important;
    }

    body.poc-public-body .section-header > a {
        font-size: 13px !important;
    }

    body.poc-public-body .offender-filter {
        padding: 14px !important;
    }

    body.poc-public-body .offender-filter h3 {
        font-size: 16px !important;
    }

    body.poc-public-body .offender-filter input,
    body.poc-public-body .offender-filter select {
        height: 38px !important;

        font-size: 12px !important;
    }

    body.poc-public-body .offender-filter button {
        min-height: 39px !important;

        font-size: 12px !important;
    }

    body.poc-public-body .results-top {
        font-size: 13px !important;
    }


    /* REPORT */

    body.poc-public-body .poc-report-page {
        padding:
            32px
            14px
            55px !important;
    }

    body.poc-public-body .poc-form-card {
        padding: 17px !important;

        border-radius: 10px !important;
    }

    body.poc-public-body .poc-form-card h2 {
        font-size: 18px !important;
    }


    /* LIST PAGE */

    body.poc-public-body .poc-offender-container {
        width: calc(100% - 30px) !important;
    }

    body.poc-public-body .poc-offender-container h1 {
        font-size: 29px !important;
    }

    body.poc-public-body .page-desc {
        font-size: 13px !important;
    }

    body.poc-public-body
    .poc-offender-page
    .poc-offender-card {
        padding: 14px !important;

        gap: 14px !important;
    }


    /* SINGLE OFFENDER */

    body.poc-public-body .poc-single-offender {
        padding: 36px 15px !important;
    }

    body.poc-public-body .profile-header {
        flex-direction: column !important;

        gap: 20px !important;

        padding: 24px 18px !important;

        text-align: center !important;
    }

    body.poc-public-body .profile-image {
        width: 115px !important;
        height: 115px !important;
    }

    body.poc-public-body .profile-info h1 {
        font-size: 27px !important;
    }

    body.poc-public-body .profile-badges {
        justify-content: center !important;
        flex-wrap: wrap !important;
    }

    body.poc-public-body .profile-content {
        padding: 16px !important;
    }

    body.poc-public-body .content-box {
        padding: 18px !important;
    }

    body.poc-public-body .info-grid {
        grid-template-columns: 1fr !important;
    }

}


/* =========================================================
   <= 390 - SMALL PHONE
========================================================= */

@media (max-width: 390px) {

    body.poc-public-body .poc-header {
        padding-left: 11px !important;
        padding-right: 11px !important;
    }

    body.poc-public-body .poc-brand-icon {
        width: 37px !important;
        height: 37px !important;
    }

    body.poc-public-body .poc-brand-text strong,
    body.poc-public-body .poc-brand strong {
        font-size: 13px !important;
    }

    body.poc-public-body .poc-report-btn {
        padding: 9px 8px !important;

        font-size: 10px !important;
    }

    body.poc-public-body .poc-hero {
        padding:
            27px
            16px
            30px !important;
    }

    body.poc-public-body .poc-hero h1 {
        font-size: 30px !important;
    }

    body.poc-public-body .hero-stats > div {
        padding: 13px 10px !important;
    }

    body.poc-public-body .hero-stats strong {
        font-size: 23px !important;
    }

    body.poc-public-body .hero-stats span {
        font-size: 10px !important;
    }

    body.poc-public-body .section-header h2 {
        font-size: 25px !important;
    }
}


/* ===== POC ALL SCREEN STATS + TYPE FILTER START ===== */

body.poc-public-body .hero-stats{

    display:grid !important;

    grid-template-columns:
        repeat(4,minmax(0,1fr)) !important;

    gap:0 !important;

    width:100% !important;

    max-width:760px !important;

    margin-top:30px !important;

    background:
        rgba(255,255,255,.95) !important;

    border-radius:
        14px !important;

    overflow:hidden !important;

    box-shadow:
        0 10px 28px
        rgba(8,45,85,.10) !important;
}


body.poc-public-body .hero-stats > div{

    min-width:0 !important;

    padding:
        18px 16px !important;

    border-right:
        1px solid #dce5ee !important;

    opacity:1 !important;
}


body.poc-public-body
.hero-stats > div:last-child{

    border-right:
        0 !important;
}


body.poc-public-body
.hero-stats strong{

    color:#0b315b !important;

    opacity:1 !important;
}


body.poc-public-body
.hero-stats span{

    color:#526b86 !important;

    opacity:1 !important;
}


/* FULL LIST NOW HAS 4 FILTERS */

body.poc-public-body
.offender-filters{

    grid-template-columns:
        repeat(4,minmax(0,1fr)) !important;
}


/* TABLET */

@media(max-width:900px){

    body.poc-public-body
    .hero-stats{

        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;

        max-width:
            640px !important;
    }


    body.poc-public-body
    .hero-stats > div{

        border-right:
            1px solid #dce5ee !important;

        border-bottom:
            1px solid #dce5ee !important;
    }


    body.poc-public-body
    .hero-stats > div:nth-child(2n){

        border-right:
            0 !important;
    }


    body.poc-public-body
    .hero-stats > div:nth-last-child(-n+2){

        border-bottom:
            0 !important;
    }


    body.poc-public-body
    .offender-filters{

        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }

}


/* MOBILE */

@media(max-width:560px){

    body.poc-public-body
    .offender-filters{

        grid-template-columns:
            1fr !important;
    }

}

/* ===== POC ALL SCREEN STATS + TYPE FILTER END ===== */