﻿@charset "UTF-8";

/** common css start here **/
html {
    font-size: 62.5%;
    scroll-behavior: smooth;
    min-height: 100%;
    position: relative;
}

body {
    font-size: 11px;
    -webkit-font-smoothing: antialiased;
}

.skip-content {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    font-size: 1.6rem;
    color: #fff;
}

    .skip-content:focus {
        position: static;
        width: auto;
        height: auto;
    }

img {
    max-width: 100%;
}

ul,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.5;
}

ul,
ol {
    font-size: 1.6rem;
    color: #51545B;
    text-align: left;
}

    ul li,
    ol li {
        font-size: 1.6rem;
        color: #51545B;
        text-align: left;
    }

a {
    word-break: break-word;
    font-size: 1.6rem;
    font-family: "myriad_probold", "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: 0.2px;
    color: #1976D2;
    text-decoration: underline;
    -webkit-font-smoothing: antialiased;
}

    a:hover {
        text-decoration: none;
    }

_::-webkit-full-page-media, _:future, body {
    font-synthesis: none;
}

p {
    font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    color: #0c1f31;
    line-height: 21px;
}

.bg-p-color p {
    color: #51545B;
}

h1 {
    font-weight: 400;
    font-size: 4.2rem;
    font-family: "jungeregular", "times_new_romanregular", Times, serif;
}

h2 {
    font-size: 3.2rem;
    font-family: "jungeregular", "times_new_romanregular", Times, serif;
    font-weight: 400;
    color: #0c1f31;
    margin-bottom: 3rem;
}

h3 {
    font-size: 2.8rem;
    font-family: "jungeregular", "times_new_romanregular", Times, serif;
    font-weight: 400;
    margin-bottom: 1.5rem;
    color: #0c1f31;
}

h4 {
    font-size: 1.8rem;
    color: #0c1f31;
    font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
    font-weight: 600;
}

h5 {
    font-size: 1.6rem;
    font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
    font-weight: 700;
}

.section-inner-space {
    padding-top: 8rem;
    padding-bottom: 8rem;
}

.section-marigin-top-space {
    margin-top: 8rem;
}

.section-padding-top-space {
    padding-top: 8rem;
}

.section-marigin-bottom-space {
    margin-bottom: 8rem;
}

.section-padding-bottom-space {
    padding-bottom: 8rem;
}

.section-content-padding {
    padding-right: 20rem;
}

.content-max-width {
    max-width: 960px;
}

.separate-bdr {
    border-top: 0.5px solid #D12727;
    margin: 6rem 0;
}

.bdr-one {
    border: 0.4px solid #FFCC00;
}

.section-img-bg {
    background: url("../images/duty-bg.png") right top no-repeat;
}

.section-img-bg-secondary {
    background: url("../images/postbg.png") right top no-repeat;
}

.img-bg {
    position: relative;
    display: block;
}

    .img-bg:before {
        content: "";
        background-color: rgba(12, 31, 49, 0.9);
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        top: 0;
    }

ul,
li {
    font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
    font-weight: 500;
}

.primary-btn {
    border: solid 1px #0c1f31;
    background-color: #0c1f31;
    border-radius: 10px;
    padding: 0.8rem 2rem;
    font-size: 1.8rem;
    font-weight: 400;
    font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
    color: #fff;
    text-align: center;
    display: inline-block;
    text-decoration: none;
}

    .primary-btn:hover {
        background-color: transparent;
        color: #0c1f31;
    }

.secondary-btn {
    background-color: transparent;
    border-radius: 5px;
    padding: 0.8rem 2rem;
    font-size: 1.8rem;
    font-weight: 400;
    font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
    color: #0c1f31;
    border: solid 1px #0c1f31;
    text-align: center;
    display: inline-block;
    text-decoration: none;
}

    .secondary-btn:hover {
        background-color: #0c1f31;
        color: #fff;
    }

.secondary-btn-light {
    border-color: #fff;
    color: #fff;
}

    .secondary-btn-light:hover {
        background-color: #fff;
        color: #0c1f31;
    }

.primary-btn-light {
    background-color: #fff;
    color: #0c1f31;
}

    .primary-btn-light:hover {
        border-color: #fff;
        background-color: transparent;
        color: #fff;
    }

.tertiary-btn {
    background-color: rgba(12, 31, 49, 0.7);
    color: #fff;
    text-decoration: none;
    padding: 1rem 2rem;
    font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
    font-size: 1.8rem;
    font-weight: 400;
    border-radius: 50px;
    border: solid 1px rgba(12, 31, 49, 0.7);
    text-decoration: none;
    display: inline-block;
}

    .tertiary-btn:hover {
        border-color: #fff;
        background-color: transparent;
        color: #fff;
    }

.more-btns .btn-group {
    margin-right: 15px;
    margin-bottom: 20px;
}

    .more-btns .btn-group:last-child .secondary-btn {
        border: solid 1px #0c1f31;
        background-color: #0c1f31;
        border-radius: 5px;
        padding: 0.8rem 2rem;
        font-size: 1.8rem;
        font-weight: 400;
        font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
        color: #fff;
        text-align: center;
        display: inline-block;
    }

        .more-btns .btn-group:last-child .secondary-btn:hover {
            background-color: transparent;
            color: #0c1f31;
        }

.btn-group {
    flex-wrap: wrap;
    justify-content: center;
    gap: 2rem;
}

.paragraph-btn-group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2.5rem;
    gap: 20px;
}

    .paragraph-btn-group p {
        margin-bottom: 0;
        max-width: 960px;
    }

    .paragraph-btn-group .secondary-btn {
        min-width: 280px;
    }

.logo-img {
    max-width: 60px;
}

.column-style {
    border-radius: 10px;
    box-shadow: 0px 0px 20px #BBBBBB;
    padding: 2rem;
}

.search-form .form-group {
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 5px;
    padding: 1rem 1.5rem;
    align-items: center;
    display: flex;
}

    .search-form .form-group button,
    .search-form .form-group input {
        background-color: transparent;
        border: none;
        padding: 0;
    }

    .search-form .form-group input {
        color: #fff;
        font-family: "Roboto", sans-serif;
        font-weight: 400;
        font-size: 1.6rem;
        padding-left: 1.5rem;
        outline: none;
        line-height: normal;
        width: 100%;
    }

    .search-form .form-group ::-moz-placeholder {
        color: #fff;
        opacity: 1;
    }

    .search-form .form-group ::placeholder {
        color: #fff;
        opacity: 1;
    }

    .search-form .form-group ::-ms-input-placeholder {
        color: #fff;
        opacity: 1;
    }

    .search-form .form-group ::-webkit-input-placeholder {
        color: #fff;
        opacity: 1;
    }

.text-btn {
    color: #fff;
    border: none;
    background-color: transparent;
    font-size: 1.6rem;
    font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
    font-weight: 400;
    padding: 0;
}

.para-color {
    color: #51545B;
}

.round-img-bdr {
    border-radius: 50%;
    border: 0.5px solid #D12727;
    max-width: 280px;
    min-width: 280px;
    max-height: 280px;
    min-height: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

    .round-img-bdr img {
        border-radius: 50%;
    }

.nav-links {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-family: "Inter", sans-serif;
    margin-top: 1rem;
}

    .nav-links a {
        text-decoration: none;
    }

    .nav-links li {
        list-style: none;
    }

    .nav-links .SubMenu a:hover {
        color: #D12727;
    }

    .nav-links > li + li {
        padding: 0 0 0 0.8rem;
    }

    .nav-links > li {
        list-style: none;
    }

        .nav-links > li.one-column {
            position: relative;
        }

            .nav-links > li.one-column .SubMenu {
                transform: translateX(-50%);
                -webkit-transform: translateX(-50%);
                -moz-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                left: 50%;
                margin: auto;
                min-width: -moz-max-content;
                min-width: max-content;
            }

        .nav-links > li.two-column {
            position: relative;
        }

            .nav-links > li.two-column .SubMenu {
                max-width: 35vw;
                min-width: 35vw;
                margin: auto;
                left: 50%;
                transform: translateX(-50%);
                -webkit-transform: translateX(-50%);
                -moz-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
            }

        .nav-links > li.three-column {
            position: relative;
        }

            .nav-links > li.three-column .SubMenu {
                right: -10vw;
                max-width: 60vw;
            }

        .nav-links > li > a {
            padding: 0.8rem 1.2rem 2.1rem 1.2rem;
            border-radius: 10px 10px 0 0;
            color: #fff;
            display: block;
            font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
            font-weight: 500;
        }

        .nav-links > li:hover > a {
            background-color: #fff;
            color: #D12727;
        }

        .nav-links > li:hover .SubMenu {
            display: block;
        }

        .nav-links > li:nth-last-of-type(2) .SubMenu {
            right: -1rem;
            left: auto;
            transform: translateX(0);
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
        }

        .nav-links > li:last-child .SubMenu {
            right: -1rem;
            left: auto;
            transform: translateX(0);
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
        }

    .nav-links .SubMenu {
        color: #0c1f31;
        padding: 2.5rem 4rem;
        background-color: #fff;
        border-radius: 10px;
        box-shadow: 0px 0px 20px #393939;
        position: absolute;
        z-index: 1;
        font-size: 1.6rem;
        right: 0;
        top: 100%;
        display: none;
        min-width: 60vw;
        max-width: 75vw;
    }

        .nav-links .SubMenu a {
            color: #0c1f31;
            font-family: "myriad_prolight", "helveticaregular", "Arial Regular", sans-serif;
            font-weight: 300;
        }

        .nav-links .SubMenu .main-menu-heading {
            display: inline-block;
            font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
            border-bottom: solid 1px #D12727;
            margin: 0 0 2rem 0;
            padding-bottom: 1rem;
        }

        .nav-links .SubMenu p {
            font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
            font-weight: 600;
            font-size: 1.6rem;
            margin-bottom: 1rem;
        }

            .nav-links .SubMenu p a {
                margin-bottom: 1rem;
                font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
                font-weight: 600;
            }

        .nav-links .SubMenu li {
            padding: 0;
        }

        .nav-links .SubMenu > ul {
            padding: 0;
            overflow: hidden;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }

            .nav-links .SubMenu > ul > li {
                padding: 0;
                flex: 1 0 0;
                padding-right: 4rem;
            }

                .nav-links .SubMenu > ul > li:last-child {
                    padding-right: 0;
                }

                .nav-links .SubMenu > ul > li.w-100 {
                    flex: 0 0 100%;
                }

        .nav-links .SubMenu .level-2 {
            padding-left: 1.5rem;
            margin-bottom: 2rem;
        }

            .nav-links .SubMenu .level-2 li {
                margin-bottom: 1rem;
            }

        .nav-links .SubMenu .level-3 {
            margin-top: 1rem;
            padding-left: 1.5rem;
        }

/** content block css start from here **/
.content-block {
    position: relative;
    z-index: 2;
}

    .content-block .content-block-inner {
        background-color: #fff;
        border-radius: 10px;
        padding: 3.9rem;
        position: absolute;
        width: 100%;
        bottom: 100%;
        transform: translateY(50%);
        -webkit-transform: translateY(50%);
        -moz-transform: translateY(50%);
        -ms-transform: translateY(50%);
        left: 0;
        right: 0;
    }

        .content-block .content-block-inner iframe {
            height: 100%;
        }

        .content-block .content-block-inner .info-icon {
            position: absolute;
            right: 3rem;
            top: 2.5rem;
        }

            .content-block .content-block-inner .info-icon img {
                max-width: 25px;
                border-radius: 0;
            }

        .content-block .content-block-inner p {
            margin-bottom: 4rem;
        }

            .content-block .content-block-inner p:last-of-type {
                margin-bottom: 0;
            }

        .content-block .content-block-inner .primary-btn {
            margin-top: 0;
        }

        .content-block .content-block-inner .btn-group {
            margin-top: 3rem;
        }

.shadow-overlay {
    box-shadow: 0px 0px 20px #BBBBBB;
}

.content-block-with-bg {
    margin-top: -13rem;
}

.show-all-data {
    display: none;
}

    .show-all-data.show-full-data {
        display: block;
    }

/** content block css end here **/
.col-img-name img {
    border-radius: 10px;
    width: 100%;
}

.col-img-name .img-title-name {
    font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
    font-weight: 400;
    font-size: 1.8rem;
    color: #000;
    margin-top: 1rem;
}

/** services card css start from here **/
.services-content-main {
    margin: auto;
}

    .services-content-main .services {
        background: #fff;
        border: 0.4px solid #FFCC00;
        border-radius: 10px;
        position: relative;
    }

    .services-content-main .services-content-inner {
        padding: 1.8rem 3rem;
    }

        .services-content-main .services-content-inner h2 {
            font-size: 2.8rem;
            margin-bottom: 2rem;
        }

        .services-content-main .services-content-inner p {
            font-size: 1.6rem;
            -webkit-box-orient: vertical;
            display: -webkit-box;
            overflow: hidden;
        }

    .services-content-main img {
        border-radius: 0 10px 10px 0;
        height: 100%;
    }

    .services-content-main .text-start img {
        border-radius: 10px 0 0 10px;
    }

    .services-content-main .btn-group {
        margin-top: 1rem;
    }

.services-ui-second {
    border: solid 4px #E5E5E5;
    border-radius: 20px;
    padding: 3rem;
}

    .services-ui-second .services {
        border: none;
        background-color: #F3F3F3;
    }

        .services-ui-second .services img {
            border-radius: 10px 0 0 10px;
        }

        .services-ui-second .services .services-content-inner {
            padding: 2rem;
        }

.service-full-width > .row > .col:nth-child(odd) {
    padding-left: 0;
}

    .service-full-width > .row > .col:nth-child(odd) .services {
        border-radius: 0 20px 20px 0;
    }

        .service-full-width > .row > .col:nth-child(odd) .services img {
            border-radius: 0;
            width: 100%;
        }

        .service-full-width > .row > .col:nth-child(odd) .services > .row {
            height: 100%;
        }

            .service-full-width > .row > .col:nth-child(odd) .services > .row > .col-12:first-child {
                border-radius: 0;
            }

.service-full-width > .row > .col:nth-child(even) {
    padding-right: 0;
}

    .service-full-width > .row > .col:nth-child(even) .services {
        border-radius: 20px 0 0 20px;
    }

        .service-full-width > .row > .col:nth-child(even) .services img {
            border-radius: 20px 0 0 20px;
            width: 100%;
        }

.service-full-width > .row > .col .services {
    border: none;
    background-color: #F3F3F3;
    height: 100%;
}

    .service-full-width > .row > .col .services > .row {
        height: 100%;
    }

        .service-full-width > .row > .col .services > .row > .col-12:first-child {
            border-radius: 20px 0 0 20px;
            overflow: hidden;
            height: 100%;
        }

            .service-full-width > .row > .col .services > .row > .col-12:first-child img {
                transform: translateX(-50%);
                -webkit-transform: translateX(-50%);
                -moz-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                min-width: -moz-fit-content;
                min-width: fit-content;
                -o-object-fit: cover;
                object-fit: cover;
                left: 50%;
                position: relative;
                max-width: initial;
            }

        .service-full-width > .row > .col .services > .row .services-content-inner {
            padding: 3rem;
        }

            .service-full-width > .row > .col .services > .row .services-content-inner p {
                font-size: 1.4rem;
                color: #51545B;
            }

/** services card css end here **/
/** accordion css start from here **/
.common-accordion > h5 {
    margin-bottom: 4rem;
}

.common-accordion .accordion-padding {
    padding-top: 30px;
}

.common-accordion .accordion-item {
    border: solid 1px #0c1f31;
    border-radius: 10px;
}

    .common-accordion .accordion-item + .accordion-item {
        margin-top: 2.5rem;
    }

    .common-accordion .accordion-item .accordion-button {
        color: #fff;
        border-radius: 8px 8px 0 0;
        font-size: 1.8rem;
        padding: 1rem 2rem;
        background-color: #0c1f31;
        box-shadow: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .common-accordion .accordion-item .accordion-button:after {
            display: none;
        }

        .common-accordion .accordion-item .accordion-button .accordion-icon {
            background-color: #fff;
            width: 39px;
            min-width: 39px;
            height: 36px;
            min-height: 36px;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-left: 2rem;
        }

            .common-accordion .accordion-item .accordion-button .accordion-icon svg {
                fill: #0c1f31;
            }

        .common-accordion .accordion-item .accordion-button.collapsed {
            border-radius: 10px;
            color: #0c1f31;
            background-color: transparent;
        }

            .common-accordion .accordion-item .accordion-button.collapsed .accordion-icon {
                background-color: #0c1f31;
            }

                .common-accordion .accordion-item .accordion-button.collapsed .accordion-icon svg {
                    fill: #fff;
                    transform: rotate(-90deg);
                    -webkit-transform: rotate(-90deg);
                    -moz-transform: rotate(-90deg);
                    -ms-transform: rotate(-90deg);
                }

    .common-accordion .accordion-item .accordion-body {
        padding: 2rem;
    }

        .common-accordion .accordion-item .accordion-body p {
            font-size: 1.4rem;
            margin-bottom: 2rem;
            color: #51545B;
        }

        .common-accordion .accordion-item .accordion-body ul {
            list-style: disc;
            margin-left: 2rem;
            margin-bottom: 2rem;
        }

            .common-accordion .accordion-item .accordion-body ul li {
                font-size: 1.4rem;
                color: #51545B;
            }

        .common-accordion .accordion-item .accordion-body .primary-btn {
            color: #fff;
        }

            .common-accordion .accordion-item .accordion-body .primary-btn:hover {
                color: #0c1f31;
            }

        .common-accordion .accordion-item .accordion-body .btn-group {
            flex-wrap: wrap;
            gap: 20px;
            max-width: 37%;
        }

        .common-accordion .accordion-item .accordion-body .secondary-btn {
            color: initial;
        }

            .common-accordion .accordion-item .accordion-body .secondary-btn:hover {
                color: #fff;
            }

        .common-accordion .accordion-item .accordion-body .instruction-pdf-info {
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-bottom: solid 1px rgba(12, 31, 49, 0.5);
            padding-bottom: 2rem;
            margin-bottom: 2rem;
            flex-wrap: wrap;
            gap: 15px;
            text-align: left;
        }

            .common-accordion .accordion-item .accordion-body .instruction-pdf-info:last-child {
                border-bottom: none;
                padding-bottom: 0;
                margin-bottom: 0;
            }

            .common-accordion .accordion-item .accordion-body .instruction-pdf-info .instruction-info {
                display: flex;
                align-items: center;
                min-width: 60%;
            }

                .common-accordion .accordion-item .accordion-body .instruction-pdf-info .instruction-info img {
                    margin-right: 2rem;
                    max-width: 24px;
                }

                .common-accordion .accordion-item .accordion-body .instruction-pdf-info .instruction-info h4 {
                    color: #51545B;
                }

            .common-accordion .accordion-item .accordion-body .instruction-pdf-info a {
                font-weight: 500;
            }

            .common-accordion .accordion-item .accordion-body .instruction-pdf-info .btn-group .primary-btn {
                border-radius: 5px;
            }

@media screen and (max-width: 767px) {
    .common-accordion .accordion-item.crisis-table .accordion-body {
        overflow: auto;
    }

        .common-accordion .accordion-item.crisis-table .accordion-body table {
            min-width: 500px;
        }
}

.common-accordion .accordion-content-details h4 {
    margin-bottom: 1rem;
    font-family: "jungeregular", "times_new_romanregular", Times, serif;
    font-weight: 400;
}

@media print {
    * {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .common-accordion .accordion-item .accordion-button,
    .common-accordion .accordion-item .accordion-button.collapsed {
        background-color: #0c1f31;
    }

    .collapse:not(.show) {
        display: block;
    }

    .common-accordion .accordion-item .accordion-button,
    .common-accordion .accordion-item .accordion-button.collapsed {
        color: #fff;
        border-radius: 8px 8px 0px 0px;
        font-size: 1.8rem;
        padding: 1rem 2rem;
        background-color: rgb(12, 31, 49);
        box-shadow: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .common-accordion .accordion-item .accordion-button .accordion-icon,
        .common-accordion .accordion-item .accordion-button.collapsed .accordion-icon {
            background-color: rgb(255, 255, 255);
            width: 39px;
            min-width: 39px;
            height: 36px;
            min-height: 36px;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-left: 2rem;
        }

            .common-accordion .accordion-item .accordion-button .accordion-icon svg,
            .common-accordion .accordion-item .accordion-button.collapsed .accordion-icon svg {
                fill: #0c1f31;
                transform: none;
            }
}

#footer {
    /* display: none; */
}

/** accordion css end here **/
/** common card css start from here **/
.common-card {
    border: 0.4px solid #FFCC00;
    border-radius: 10px;
    height: 100%;
}

    .common-card > img {
        width: 100%;
        height: auto;
        border-radius: 10px 10px 0 0;
    }

    .common-card .card-body {
        padding: 2.5rem;
    }

        .common-card .card-body p {
            color: #51545B;
            font-size: 1.6rem;
        }

        .common-card .card-body .secondary-btn {
            margin-top: 1rem;
        }

/** common card css end here **/
/** owl carousel css start **/
.owl-theme.owl-carousel .owl-dots .owl-dot.active span {
    background-color: #0c1f31;
}

/** owl carousel css end **/
.mceNonEditable iframe {
    aspect-ratio: 16/9;
    width: 100%;
    height: 100%;
}

/** common css end here **/
/** header css start from here **/
header {
    background-color: #0c1f31;
    color: #fff;
    padding: 0.8rem 0 0 0;
    z-index: 99;
    position: relative;
}

    header .top-bar {
        padding-right: 1.3rem;
    }

        header .top-bar ul {
            display: flex;
            align-items: center;
            justify-content: flex-end;
        }

            header .top-bar ul li {
                list-style: none;
            }

                header .top-bar ul li + li {
                    padding-left: 2.5rem;
                }

                header .top-bar ul li a {
                    text-decoration: none;
                }

                    header .top-bar ul li a:hover {
                        text-decoration: underline;
                    }

                header .top-bar ul li img {
                    max-width: 14px;
                }

                header .top-bar ul li a,
                header .top-bar ul li select {
                    font-family: "Roboto", sans-serif;
                    font-style: normal;
                    font-weight: 400;
                    font-size: 1.2rem;
                    color: #fff;
                    line-height: normal;
                    vertical-align: middle;
                    min-width: 120px;
                    cursor: pointer;
                }

                header .top-bar ul li select {
                    border: none;
                    -moz-appearance: none;
                    appearance: none;
                    -webkit-appearance: none;
                    background-color: transparent;
                    background: url("/images/arrow-down.png") no-repeat top 5px right;
                    padding-right: 25px;
                    padding-left: 5px;
                    outline: none;
                }

                    header .top-bar ul li select option {
                        color: #000;
                    }

                header .top-bar ul li #google_translate_element {
                    display: inline-block;
                    vertical-align: middle;
                }

                    header .top-bar ul li #google_translate_element .skiptranslate {
                        font-size: 0;
                    }

                        header .top-bar ul li #google_translate_element .skiptranslate > span {
                            display: none;
                        }

    header nav {
        padding-top: 0.5rem;
    }

        header nav .logo {
            padding-bottom: 0.5rem;
        }

        header nav .hamburger-icon {
            display: none;
        }

/** header css end here **/
/** home page css start from here **/
/** banner section css start from here **/
.banner {
    position: relative;
}

    .banner > img {
        width: 100%;
    }

    .banner p {
        color: #fff;
    }

    .banner:before {
        content: "";
        left: 0;
        top: 0;
        position: absolute;
        background: linear-gradient(95.07deg, #0c1f31 -0.89%, rgba(0, 0, 0, 0) 100%);
        width: 100%;
        height: 100%;
        z-index: 1;
    }

    .banner .container {
        position: absolute;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
        display: flex;
        align-items: center;
        color: #fff;
        z-index: 2;
    }

        .banner .container h1 {
            margin-bottom: 0.5rem;
        }

@media (max-width: 767px) {
    .banner .container h1 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        word-break: break-word;
    }
}

.banner .container p {
    font-family: "myriad_prolight", "helveticaregular", "Arial Regular", sans-serif;
    font-weight: 300;
    font-size: 2.5rem;
    margin-bottom: 4rem;
    color: #fff;
    line-height: 37px;
}

.banner .container .btn-group .primary-btn {
    border: solid 1px #fff;
    background-color: #fff;
    color: #0c1f31;
}

    .banner .container .btn-group .primary-btn:hover {
        background-color: transparent;
        color: #fff;
    }

.banner .container .btn-group:hover {
    background-color: transparent;
    color: #fff;
}

.banner .container .cta {
    margin-right: 3rem;
}

    .banner .container .cta:last-child {
        margin-right: 0;
    }

.banner .banner-with-form-fields .search-form .form-group {
    background-color: #fff;
}

    .banner .banner-with-form-fields .search-form .form-group input {
        color: #0c1f31;
    }

    .banner .banner-with-form-fields .search-form .form-group ::-moz-placeholder {
        color: #0c1f31;
        opacity: 1;
    }

    .banner .banner-with-form-fields .search-form .form-group ::placeholder {
        color: #0c1f31;
        opacity: 1;
    }

    .banner .banner-with-form-fields .search-form .form-group ::-ms-input-placeholder {
        color: #0c1f31;
        opacity: 1;
    }

    .banner .banner-with-form-fields .search-form .form-group ::-webkit-input-placeholder {
        color: #0c1f31;
        opacity: 1;
    }

.banner-overlap .container {
    align-items: start;
}

.banner-bg {
    min-height: 160px;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    padding-top: 3rem;
    padding-bottom: 3rem;
    background-position: center;
}

    .banner-bg.blog-banner-bg {
        min-height: 472px;
        background: rgba(12, 31, 49, 0.9);
    }

    .banner-bg .container {
        position: relative;
    }

        .banner-bg .container .banner-content {
            max-width: 100%;
        }

.banner {
    background-repeat: no-repeat;
    background-size: cover;
}

    .banner.banner-bg-large {
        min-height: 430px;
    }

        .banner.banner-bg-large .banner-content {
            padding: 1.5rem 0;
        }

@media screen and (min-width: 992px) {
    .banner.banner-content-short .banner-content {
        padding: 1.5rem 0;
        width: 100%;
    }
}

@media screen and (max-width: 992px) {
    .banner.banner-content-short {
        background-size: cover;
        background-position: right;
    }
}

@media (max-width: 767px) {
    .banner.no-description .banner-content {
        display: flex;
        height: 100%;
        flex-direction: column;
        justify-content: center;
    }
}

.banner-second-verion {
    position: relative;
    background: url("../images/bg.png") right top no-repeat;
    background-size: cover;
}

    .banner-second-verion > img {
        width: 100%;
    }

    .banner-second-verion:before {
        content: "";
        background-color: rgba(12, 31, 49, 0.9);
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .banner-second-verion .container {
        position: relative;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        display: flex;
        align-items: center;
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .banner-second-verion .banner-content {
        max-width: 100%;
    }

        .banner-second-verion .banner-content h2 {
            color: #fff;
            margin-bottom: 2rem;
        }

        .banner-second-verion .banner-content p {
            color: #fff;
            font-size: 1.6rem;
            margin-bottom: 3rem;
            line-height: 21px;
        }

    .banner-second-verion .secondary-btn {
        border-color: #fff;
        color: #fff;
    }

        .banner-second-verion .secondary-btn:hover {
            background-color: #fff;
            color: #0c1f31;
        }

.banner-third-version {
    position: relative;
    border-radius: 20px 20px 0 0;
}

    .banner-third-version > img {
        width: 100%;
        border-radius: 20px 20px 0 0;
    }

    .banner-third-version .banner-content {
        color: #fff;
        position: absolute;
        height: auto;
        top: 50%;
        left: 0;
        margin: auto;
        z-index: 2;
        background-color: rgba(12, 31, 49, 0.7);
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        padding: 7rem 9rem 3rem 5rem;
        min-width: 70rem;
        max-width: 70rem;
        border-radius: 0 20px 20px 0;
    }

        .banner-third-version .banner-content h1 {
            margin-bottom: 1.5rem;
        }

        .banner-third-version .banner-content p {
            font-family: "myriad_prolight", "helveticaregular", "Arial Regular", sans-serif;
            font-weight: 300;
            font-size: 2.5rem;
            margin-bottom: 2rem;
            color: #fff;
            line-height: 37px;
        }

        .banner-third-version .banner-content a {
            color: #fff;
            text-decoration: none;
            font-size: 1.6rem;
            font-family: "myriad_probold", "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
            font-weight: 700;
            line-height: 150%;
            letter-spacing: -1.1%;
        }

/** banner section css end here **/
/** Help section css start from here **/
.img-title-section {
    padding-bottom: 22rem;
}

.img-title {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 10px;
}

    .img-title img {
        width: 100%;
        border-radius: 10px;
    }

    .img-title .finding-name {
        background-color: rgba(12, 31, 49, 0.6);
        font-weight: 700;
        font-size: 1.6rem;
        color: #fff;
        font-family: "myriad_probold", "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: 1.5rem;
        left: 0;
        min-height: 80px;
    }

/** Help section css end here **/
/** Court hearing section css start from here **/
.court-hearing-section.container {
    margin: -15rem auto 0 auto;
}

.court-hearing-section .secondary-btn {
    display: inherit;
    margin: 3rem auto 0 auto;
}

.schedule-search {
    background-color: #fff;
    box-shadow: 0px 0px 20px #BBBBBB;
    padding: 2.5rem;
    position: relative;
    margin-bottom: 4rem;
}

    .schedule-search label {
        display: block;
        margin-bottom: 2rem;
        font-size: 2.4rem;
        font-weight: 700;
        font-family: "myriad_probold", "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
        color: #0c1f31;
    }

    .schedule-search form input[type=text] {
        border: none;
        outline: none;
        background-color: transparent;
        font-weight: 400;
        font-size: 1.8rem;
        font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
        min-width: initial;
        border-bottom: solid 1px #0c1f31;
        margin-left: 3rem;
        padding-bottom: 1rem;
    }

        .schedule-search form input[type=text]:nth-of-type(1) {
            margin-left: 0;
        }

    .schedule-search form ::-moz-placeholder {
        color: rgba(12, 31, 49, 0.7);
        opacity: 1;
    }

    .schedule-search form ::placeholder {
        color: rgba(12, 31, 49, 0.7);
        opacity: 1;
    }

    .schedule-search form ::-ms-input-placeholder {
        color: rgba(12, 31, 49, 0.7);
        opacity: 1;
    }

    .schedule-search form ::-webkit-input-placeholder {
        color: rgba(12, 31, 49, 0.7);
        opacity: 1;
    }

    .schedule-search form button {
        position: absolute;
        right: 2.5rem;
        height: calc(100% - 4rem);
        background-color: #D12727;
        border: none;
        outline: none;
        bottom: 0;
        top: 0;
        margin: auto;
        width: 49px;
    }

.table-common thead {
    background-color: rgba(12, 31, 49, 0.14);
}

    .table-common thead th {
        color: #0c1f31;
        padding: 1rem 0;
        border: none;
        padding-left: 6rem;
    }

        .table-common thead th:first-child {
            border-radius: 10px 0 0 10px;
        }

        .table-common thead th:last-child {
            border-radius: 0 10px 10px 0;
        }

.table-common th,
.table-common td {
    font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
}

.table-common tbody td {
    color: #000;
    padding: 1.2rem 0;
    border-top: none;
    border-bottom: 0.3px solid #bbbbbb;
    padding-left: 6rem;
}

/** Court hearing section css end here **/
/** message section start from here **/
.message-section {
    border-top: solid 0.5px #D12727;
    margin-top: 3rem;
    padding-top: 4rem;
}

    .message-section .message-person-img {
        margin-top: -3rem;
        float: right;
    }

    .message-section h2 {
        font-size: 2.8rem;
        padding-bottom: 27px;
    }

    .message-section p {
        position: relative;
        font-size: 2rem;
        line-height: 30px;
    }

        .message-section p:before, .message-section p:after {
            font-family: "Inter", sans-serif;
            font-style: italic;
            font-weight: 400;
            font-size: 60px;
            color: #D12727;
            position: absolute;
            top: 0;
            line-height: 50px;
        }

        .message-section p:before {
            content: "“";
            left: -40px;
        }

        .message-section p:after {
            content: "”";
            right: -20px;
        }

/** message section end here **/
/** court news section start from here **/
.court-news-main-section {
    margin-top: 8rem;
    background: url("../images/Maricopa@10-1402x734 1.png") right top no-repeat;
    position: relative;
}

.common-tabs .nav-tabs .nav-item {
    position: relative;
    border: solid 4px #fff;
    border-bottom: none;
    border-right: none;
    border-radius: 20px 20px 0 0;
    padding: 1rem 2.5rem;
    border-left: none;
    z-index: 1;
}

    .common-tabs .nav-tabs .nav-item:first-child {
        border-left: solid 4px #fff;
        background-color: rgba(255, 255, 255, 0.4);
    }

        .common-tabs .nav-tabs .nav-item:first-child:has(.active) {
            background-color: transparent;
        }

        .common-tabs .nav-tabs .nav-item:first-child .nav-link:after {
            content: "";
            background-color: transparent;
            position: absolute;
            right: -48px;
            bottom: 0;
            left: auto;
            top: auto;
            width: 0;
            height: 0;
            border-top: 0px solid transparent;
            border-bottom: 50px solid transparent;
            border-right: 48px solid rgba(255, 255, 255, 0.4);
            border-radius: 0;
            transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
        }

        .common-tabs .nav-tabs .nav-item:first-child .nav-link.active:after {
            left: 0;
            width: calc(100% + 51px);
        }

    .common-tabs .nav-tabs .nav-item + .nav-item {
        margin-left: 2.2rem;
        padding-left: 5rem;
    }

        .common-tabs .nav-tabs .nav-item + .nav-item:before {
            content: "";
            position: absolute;
            width: 30px;
            height: 45px;
            left: -4px;
            border-radius: 20px 0 0 30px;
            top: -3px;
            border-left: solid 4px #fff;
            transform: rotate(11deg);
            -webkit-transform: rotate(11deg);
            -moz-transform: rotate(11deg);
            -ms-transform: rotate(11deg);
        }

    .common-tabs .nav-tabs .nav-item:after {
        content: "";
        position: absolute;
        right: -22px;
        top: -15px;
        border-right: solid 4px #fff;
        display: block;
        height: 92px;
        border-radius: 20px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
    }

    .common-tabs .nav-tabs .nav-item .nav-link {
        background-color: transparent;
        border: none;
        font-weight: 400;
        font-size: 2.4rem;
        font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
        color: #0c1f31;
        padding: 0;
    }

        .common-tabs .nav-tabs .nav-item .nav-link.active {
            font-family: "jungeregular", "times_new_romanregular", Times, serif;
            font-size: 2.8rem;
        }

            .common-tabs .nav-tabs .nav-item .nav-link.active:before {
                display: none;
            }

            .common-tabs .nav-tabs .nav-item .nav-link.active:after {
                left: 31px;
                background-color: #E5E5E5;
                width: calc(100% + 20px);
                height: 5px;
                bottom: -4px;
                top: auto;
                transform: none;
                border: none;
                border-radius: 0;
            }

        .common-tabs .nav-tabs .nav-item .nav-link:after {
            transform: skew(43deg);
            -webkit-transform: skew(43deg);
            -moz-transform: skew(43deg);
            -ms-transform: skew(43deg);
            content: "";
            background-color: rgba(255, 255, 255, 0.4);
            position: absolute;
            top: 0;
            width: calc(100% + 18px);
            height: 100%;
            z-index: -1;
            left: 0;
            border-radius: 48px 0 0 0;
        }

.common-tabs .tab-content {
    padding: 4rem 2.5rem;
    border: solid 4px #fff;
    border-radius: 0 20px 20px 20px;
    margin: -1px 0 0 0;
}

    .common-tabs .tab-content .tab-pane > p {
        color: #000;
        margin-bottom: 3rem;
    }

.custom-card {
    border-radius: 10px;
    background-color: #F3F3F3;
    padding: 2.5rem 1.5rem;
    color: #0c1f31;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    text-decoration: none;
}

    .custom-card > div > svg {
        min-height: 35px;
    }

    .custom-card .card-icon {
        min-height: 35px;
        display: flex;
        align-items: center;
    }

        .custom-card .card-icon img {
            max-height: 33px;
        }

    .custom-card .custom-card-title {
        font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
        font-weight: 600;
        margin-top: 1.5rem;
        margin-bottom: 0.5rem;
        font-size: 2rem;
    }

    .custom-card p {
        font-size: 1.6rem;
        margin-bottom: 0;
    }

.custom-card-center-content {
    justify-content: center;
}

    .custom-card-center-content .card-icon {
        justify-content: center;
    }

.custom-card-dark {
    background-color: #0c1f31;
    color: #fff;
    padding: 4rem;
    align-items: start;
}

    .custom-card-dark .custom-card-title {
        font-family: "jungeregular", "times_new_romanregular", Times, serif;
        font-weight: 400;
        font-size: 2.8rem;
    }

    .custom-card-dark p {
        color: #fff;
        font-size: 1.4rem;
    }

.custom-card-with-img {
    border: 0.4px solid #FFCC00;
    padding: 3rem;
    align-items: start;
}

    .custom-card-with-img .info-icon {
        max-width: 35px;
        min-width: 35px;
        margin-right: 1rem;
    }

.block-show {
    display: none;
}

/** court news section end here **/
/** Blogs section start from here **/
.blogs {
    margin-top: 5rem;
    position: relative;
}

    .blogs .primary-btn {
        position: absolute;
        right: 0;
        top: 0;
    }

    .blogs .img-title-section {
        background-color: transparent;
    }

    .blogs .col {
        position: relative;
    }

        .blogs .col .blog-info {
            background-color: rgba(12, 31, 49, 0.6);
            font-weight: 700;
            font-size: 1.6rem;
            color: #fff;
            font-family: "myriad_probold", "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
            position: absolute;
            bottom: 0;
            width: 100%;
            padding: 2rem 2.5rem;
            left: 0;
            border-radius: 0 0 10px 10px;
            min-height: 220px;
        }

            .blogs .col .blog-info .blog-title {
                font-size: 1.8rem;
                display: -webkit-box;
                -webkit-line-clamp: 4;
                -webkit-box-orient: vertical;
                overflow: hidden;
            }

            .blogs .col .blog-info p {
                color: #fff;
                font-size: 1.6rem;
                margin: 1rem 0;
            }

            .blogs .col .blog-info .secondary-btn {
                border-color: #fff;
                color: #fff;
                text-transform: capitalize;
            }

                .blogs .col .blog-info .secondary-btn:hover {
                    border-color: #0c1f31;
                }

/** Blogs section send here **/
/** footer overlap section start from here **/
.overlap-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transform: translateY(50%);
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    z-index: 1;
}

    .overlap-content .overlap-content-main {
        background: #F3F3F3;
        border: 0.4px solid #FFCC00;
        border-radius: 10px;
        position: relative;
    }

    .overlap-content .bdr-danger {
        border: solid 1px #D12727;
    }

    .overlap-content .overlap-content-inner {
        padding: 2.5rem 5rem;
    }

        .overlap-content .overlap-content-inner .info-icon {
            position: absolute;
            right: 3rem;
            top: 2.5rem;
        }

            .overlap-content .overlap-content-inner .info-icon img {
                max-width: 25px;
                border-radius: 0;
            }

        .overlap-content .overlap-content-inner h2 {
            font-size: 2.8rem;
            margin-bottom: 2rem;
            color: #0c1f31;
        }

        .overlap-content .overlap-content-inner p {
            font-size: 1.6rem;
        }

    .overlap-content img {
        border-radius: 0 10px 10px 0;
        min-height: 100%;
    }

    .overlap-content .btn-group {
        margin-top: 1rem;
    }

        .overlap-content .btn-group a:last-child {
            margin-left: 2rem;
        }

.overlap-content-separate-section {
    bottom: 100%;
}

.bdr-danger {
    border: solid 1px #D12727;
}

.overlap-location address {
    color: #51545B;
    font-size: 1.8rem;
    font-family: "jungeregular", "times_new_romanregular", Times, serif;
    line-height: 4rem;
}

.overlap-with-image .overlap-content-main img {
    min-height: 100%;
}

.overlap-with-image .overlap-content-main .overlap-img-left img {
    border-radius: 10px 0 0 10px;
}

.overlap-with-image .overlap-content-main .overlap-img-right img {
    border-radius: 0 10px 10px 0;
}

.overlap-with-image .overlap-content-main .overlap-content-inner {
    text-align: left;
}

    .overlap-with-image .overlap-content-main .overlap-content-inner p,
    .overlap-with-image .overlap-content-main .overlap-content-inner h2 {
        color: #0c1f31;
    }

.overlap-with-image.overlap-bg .content-block-inner {
    background-color: #0c1f31;
}

    .overlap-with-image.overlap-bg .content-block-inner .overlap-content-inner {
        text-align: center;
    }

        .overlap-with-image.overlap-bg .content-block-inner .overlap-content-inner p,
        .overlap-with-image.overlap-bg .content-block-inner .overlap-content-inner h2 {
            color: #fff;
        }

.footer-overlap-secondary .overlap-content-main {
    background-color: #fff;
}

    .footer-overlap-secondary .overlap-content-main .overlap-content-inner {
        padding: 4rem 2rem;
    }

        .footer-overlap-secondary .overlap-content-main .overlap-content-inner p {
            margin-bottom: 2rem;
        }

/** footer overlap section end here **/
/** footer css start from here **/
footer {
    background-color: #0c1f31;
    color: #fff;
    position: absolute;
    bottom: 0;
    width: 100%;
}

    footer.overlap-padding-top .container {
        padding-top: 0;
    }

    footer .container {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }

        footer .container h6 {
            font-weight: 600;
            margin-bottom: 0.5rem;
        }

        footer .container a,
        footer .container span {
            font-weight: 400;
            font-size: 1.6rem;
            color: #fff;
        }

    footer .nav-links li {
        padding-left: 2.5rem;
        margin-left: 0;
    }

        footer .nav-links li:hover {
            background-color: transparent;
        }

            footer .nav-links li:hover a {
                color: #fff;
                background-color: transparent;
            }

        footer .nav-links li a {
            padding-top: 0;
            padding-bottom: 0;
            padding-left: 0;
            padding-right: 0;
        }

            footer .nav-links li a:hover {
                text-decoration: underline;
            }

    footer .search-form .search-close,
    footer .search-form .form-group {
        display: none;
    }

    footer .search-form .search-icon-footer {
        cursor: pointer;
    }

    footer .search-open .search-form {
        display: block;
        padding-top: 0;
    }

        footer .search-open .search-form .footer-search {
            display: flex;
            align-items: center;
            justify-content: center;
        }

            footer .search-open .search-form .footer-search .search-icon-footer {
                order: 2;
                margin-left: 2rem;
            }

            footer .search-open .search-form .footer-search .search-open {
                display: none;
            }

            footer .search-open .search-form .footer-search .search-close {
                display: inline-block;
            }

            footer .search-open .search-form .footer-search .form-group {
                display: flex;
                width: 295px;
            }

    footer .footer-logo-content {
        color: #fff;
        margin-left: 2rem;
        font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
    }

    footer .branch-info {
        font-size: 2rem;
        font-weight: 600;
    }

    footer .contact-details {
        padding: 5rem 0 2rem 0;
        border-bottom: solid 1px #FFCC00;
        margin-bottom: 1rem;
    }

        footer .contact-details a {
            text-decoration: none;
        }

            footer .contact-details a:hover {
                text-decoration: underline;
            }

        footer .contact-details ul {
            display: flex;
            color: #fff;
        }

            footer .contact-details ul li {
                display: flex;
                color: #fff;
            }

                footer .contact-details ul li + li {
                    padding-left: 10rem;
                }

                footer .contact-details ul li svg {
                    margin-right: 1.5rem;
                }

    footer .social-connect {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

        footer .social-connect a {
            text-decoration: none;
        }

            footer .social-connect a:hover {
                text-decoration: underline;
            }

        footer .social-connect span {
            display: block;
        }

        footer .social-connect ul {
            display: flex;
            align-items: center;
            list-style: none;
        }

            footer .social-connect ul li + li {
                margin-left: 1rem;
            }

    footer.footer-space {
        padding-top: 15rem;
    }

        footer.footer-space .container {
            padding-top: 15rem;
        }

#botLauncher + #closeButton {
    padding: 0;
}

/** footer css end here **/
/** Department page css start from here **/
.court-details {
    background: url("../images/sectionbg.png") right center no-repeat;
    background-size: contain;
}

    .court-details .court-details-content {
        font-size: 18px;
        color: #000;
        font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
        font-weight: 400;
        line-height: 150%;
    }

.office-details {
    background: url("../images/officebg.png") right center no-repeat;
    background-size: cover;
}

/** court details card start from here **/
.common-left-column-width {
    max-width: 345px;
    min-width: 345px;
}

.court-details-card {
    border: 0.3px solid #bbbbbb;
    border-radius: 10px;
    display: flex;
    background-color: #fff;
    position: relative;
    z-index: 1;
}

    .court-details-card + .court-details-card {
        margin-top: 2.5rem;
    }

    .court-details-card .court-summary {
        background-color: #0c1f31;
        border-radius: 10px 0 0 10px;
        color: #fff;
        padding: 3rem;
        display: flex;
        align-items: center;
    }

        .court-details-card .court-summary h3 {
            color: #fff;
        }

        .court-details-card .court-summary p {
            color: #fff;
            margin-bottom: 0;
        }

    .court-details-card .court-help-list-main {
        padding: 3rem 2rem 3rem 2rem;
        display: flex;
        align-items: center;
    }

        .court-details-card .court-help-list-main .court-help-list-inner {
            flex: 0 0 63%;
            margin-right: 3rem;
        }

        .court-details-card .court-help-list-main h4 {
            margin-bottom: 0.5rem;
        }

        .court-details-card .court-help-list-main ul {
            list-style: disc;
            display: flex;
            flex-wrap: wrap;
            margin-left: 2rem;
            justify-content: space-between;
        }

            .court-details-card .court-help-list-main ul li {
                font-size: 1.8rem;
                width: 45%;
                line-height: 22px;
            }

    .court-details-card .secondary-btn {
        margin-right: 0;
    }

        .court-details-card .secondary-btn.civil-depart-btn {
            width: 100%;
        }

.court-help-list-main .court-help-list-inner.court-details-card-secondary {
    flex: 0 0 calc(100% - 2rem);
    color: #51545B;
}

    .court-help-list-main .court-help-list-inner.court-details-card-secondary li {
        width: 100%;
        margin-bottom: 1.5rem;
        color: #51545B;
    }

    .court-help-list-main .court-help-list-inner.court-details-card-secondary p {
        color: #51545B;
        font-weight: bold;
    }

/** court details card end here **/
/** heading left with content css start **/
.heading-left-content-cta {
    border-radius: 10px;
    display: flex;
    background-color: #fff;
    position: relative;
    z-index: 1;
    height: 100%;
}

    .heading-left-content-cta .heading {
        max-width: 245px;
        min-width: 245px;
        background-color: #0c1f31;
        border-radius: 10px 0 0 10px;
        color: #fff;
        padding: 3rem;
        display: flex;
        align-items: center;
    }

        .heading-left-content-cta .heading h3,
        .heading-left-content-cta .heading h2 {
            color: #fff;
            text-align: center;
            line-height: 4.5rem;
            margin: 0;
        }

    .heading-left-content-cta .content {
        padding: 3rem;
        display: flex;
        align-items: center;
    }

        .heading-left-content-cta .content p {
            font-size: 1.4rem;
            color: #51545B;
            font-weight: 400;
        }

        .heading-left-content-cta .content .primary-btn {
            margin-top: 1rem;
        }

        .heading-left-content-cta .content ul {
            list-style: disc;
            padding-left: 2rem;
        }

            .heading-left-content-cta .content ul li {
                font-size: 1.6rem;
                font-weight: 600;
                color: #51545B;
            }

.heading-left-content-cta-bdr {
    border: solid 0.4px #FFCC00;
}

    .heading-left-content-cta-bdr .heading h2 {
        color: #fff;
        text-align: left;
    }

    .heading-left-content-cta-bdr .content {
        width: 100%;
    }

        .heading-left-content-cta-bdr .content > div {
            width: 100%;
        }

        .heading-left-content-cta-bdr .content ul {
            padding: 0;
        }

            .heading-left-content-cta-bdr .content ul li {
                list-style: none;
                border: solid 1px #0c1f31;
                border-radius: 5px;
            }

                .heading-left-content-cta-bdr .content ul li + li {
                    margin-top: 1rem;
                }

                .heading-left-content-cta-bdr .content ul li a {
                    display: flex;
                    align-items: center;
                }

                    .heading-left-content-cta-bdr .content ul li a .volunteer-icon {
                        background-color: #0c1f31;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        padding: 0.8rem;
                        border-radius: 5px 0 0 5px;
                        min-width: 40px;
                    }

                        .heading-left-content-cta-bdr .content ul li a .volunteer-icon img {
                            max-width: 20px;
                        }

                    .heading-left-content-cta-bdr .content ul li a .vol-title {
                        margin-left: 1rem;
                        color: #0c1f31;
                        font-size: 1.8rem;
                        font-weight: 400;
                    }

/** heading left with content css end **/
/** civil page css start from here **/
/** court services section css start from here **/
.court-services-main {
    background: url("../images/servicebg.png") right bottom no-repeat;
    background-size: cover;
}

/** court services section css end here **/
/** civil page css end here **/
/** Adult probation css start from here **/
.adult-prob-about {
    background: url("../images/about-adult-bg.png") no-repeat center right;
    background-size: cover;
}

/** Adult probation css end here **/
/** Adult probation page css start here **/
.education-section {
    background: url("../images/educationbg.png") no-repeat center left;
}

/** Adult probation page css end here **/
/** Juvenile probation css start **/
.resources-bg-img {
    background: url("../images/Maricopa@10-1402x734 1.png") no-repeat center right;
    background-size: contain;
}

/** Juvenile probation css end **/
/** General template css start **/
ul + p, ol + p {
    margin-top: 1rem;
}

.general-template {
    padding: 6rem 0;
}

    .general-template h2 {
        padding-top: 2.2rem;
    }

    .general-template .general-template {
        padding-top: 0;
        padding-bottom: 0;
    }

    .general-template .banner-content p {
        color: #fff;
    }

    .general-template p {
        font-size: 1.6rem;
        color: #51545B;
        word-wrap: break-word;
    }

    .general-template ul {
        color: #51545B;
    }

        .general-template ul li {
            color: #51545B;
        }

    .general-template .general-template-inner {
        background-color: #F3F3F3;
        border-radius: 20px;
        padding: 6rem 17rem 6rem 17rem;
    }

        .general-template .general-template-inner h4 {
            margin-bottom: 1rem;
        }

        .general-template .general-template-inner ul li + li, .general-template .general-template-inner ol li + li {
            margin-top: 1rem;
        }

    .general-template .general-template-inner-second {
        border-radius: 0 0 20px 20px;
    }

        .general-template .general-template-inner-second .general-sidebar {
            border-radius: 20px 0 20px 20px;
        }

    .general-template h3 {
        margin-top: 3rem;
    }

    .general-template .accordion-header {
        margin-top: 0;
    }

    .general-template ul {
        margin-left: 2rem;
    }

    .general-template ol {
        padding-left: 1.5rem;
    }

    .general-template .video {
        margin: 5rem 0;
    }

    .general-template .tags-main {
        display: flex;
        justify-content: space-between;
        padding: 4rem 7rem 5rem 7rem;
    }

        .general-template .tags-main .tags {
            display: flex;
            align-items: center;
        }

            .general-template .tags-main .tags h6 {
                font-size: 1.6rem;
            }

            .general-template .tags-main .tags ul {
                list-style: none;
                display: flex;
            }

                .general-template .tags-main .tags ul li {
                    margin-right: 1rem;
                    margin-top: 0;
                }

                    .general-template .tags-main .tags ul li:last-child {
                        margin-right: 0;
                    }

                    .general-template .tags-main .tags ul li a {
                        display: inline-block;
                        text-align: center;
                        border-radius: 50px;
                        background-color: rgba(12, 31, 49, 0.65);
                        padding: 0.5rem 0.7rem;
                        color: #fff;
                        text-decoration: none;
                    }

        .general-template .tags-main .blog-pagination {
            display: flex;
            align-items: center;
        }

            .general-template .tags-main .blog-pagination a {
                background-color: transparent;
                border: none;
                display: flex;
                align-items: center;
                line-height: 9px;
                text-decoration: none;
                color: #51545B;
            }

                .general-template .tags-main .blog-pagination a img {
                    max-width: 10px;
                    margin: 0 0.8rem;
                    opacity: 0.7;
                }

                .general-template .tags-main .blog-pagination a + a {
                    margin-left: 3rem;
                }

    .general-template .common-accordion {
        padding-top: 0;
    }

    .general-template.overlap-padding-bottom .general-template-inner {
        border-radius: 20px 20px 0 0;
    }

    .general-template p {
        word-break: break-word;
    }

.overlap-general-template .general-template-inner {
    padding-bottom: 0;
}

.general-template-sidebar .general-template-inner {
    padding: 0;
}

    .general-template-sidebar .general-template-inner .general-content {
        padding: 6rem 1.5rem 5rem 7rem;
    }

.general-template-sidebar .general-sidebar {
    background-color: rgba(12, 31, 49, 0.9);
    border-radius: 20px;
    padding: 6rem 2.5rem;
    color: #fff;
}

    .general-template-sidebar .general-sidebar h5 {
        margin-bottom: 2rem;
        color: #fff;
        font-family: "jungeregular", "times_new_romanregular", Times, serif;
        font-size: 1.6rem;
    }

    .general-template-sidebar .general-sidebar h2,
    .general-template-sidebar .general-sidebar h3,
    .general-template-sidebar .general-sidebar a,
    .general-template-sidebar .general-sidebar p {
        color: #fff;
    }

    .general-template-sidebar .general-sidebar ul {
        margin: 2rem 0;
        font-size: 1.6rem;
        list-style: disc;
        padding-left: 2.5rem;
    }

        .general-template-sidebar .general-sidebar ul li {
            color: #fff;
        }

            .general-template-sidebar .general-sidebar ul li + li {
                margin-top: 1.5rem;
            }

            .general-template-sidebar .general-sidebar ul li a {
                color: #FFCC00;
                text-decoration-line: underline;
            }

    .general-template-sidebar .general-sidebar ol li {
        color: #fff;
    }

    .general-template-sidebar .general-sidebar .search-form {
        margin-bottom: 5rem;
    }

        .general-template-sidebar .general-sidebar .search-form .form-group {
            background-color: #fff;
        }

            .general-template-sidebar .general-sidebar .search-form .form-group img {
                max-width: 18px;
            }

            .general-template-sidebar .general-sidebar .search-form .form-group input {
                color: #0c1f31;
            }

            .general-template-sidebar .general-sidebar .search-form .form-group ::-moz-placeholder {
                color: #0c1f31;
            }

            .general-template-sidebar .general-sidebar .search-form .form-group ::placeholder {
                color: #0c1f31;
            }

            .general-template-sidebar .general-sidebar .search-form .form-group ::-webkit-placeholder {
                color: #0c1f31;
            }

            .general-template-sidebar .general-sidebar .search-form .form-group ::-moz-placeholder {
                color: #0c1f31;
            }

            .general-template-sidebar .general-sidebar .search-form .form-group ::-ms-placeholder {
                color: #0c1f31;
            }

    .general-template-sidebar .general-sidebar .blogs .col + .col {
        margin-top: 1.5rem;
    }

    .general-template-sidebar .general-sidebar .blogs .col .blog-img {
        overflow: hidden;
    }

    .general-template-sidebar .general-sidebar .blogs .col .blog-info {
        padding: 1rem 2rem;
    }

        .general-template-sidebar .general-sidebar .blogs .col .blog-info p {
            margin: 0;
        }

    .general-template-sidebar .general-sidebar a[title] {
        font-weight: 500;
    }

/** General template end start **/
/** Faq page css start **/
.main-faq .notice-bar {
    background-color: #0c1f31;
    color: #fff;
    font-size: 2rem;
    font-weight: 400;
    font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
    padding: 1rem 0;
}

    .main-faq .notice-bar a {
        color: #fff;
        border-bottom: solid 2px #D12727;
        margin-left: 1rem;
        padding-bottom: 0.5rem;
        text-decoration: none;
    }

.main-faq .hover-link-red a {
    border-bottom: solid 2px transparent;
}

    .main-faq .hover-link-red a:hover {
        border-bottom: solid 2px #D12727;
    }

.main-faq .faq-section {
    margin-top: 5rem;
}

    .main-faq .faq-section:last-child {
        margin-bottom: 6rem;
    }

.main-faq .jumb-section {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #213242;
    border-radius: 0 0 20px 20px;
    min-width: 400px;
    max-width: 400px;
    padding: 6rem 4rem;
    z-index: 9;
    margin-bottom: 4rem;
}

    .main-faq .jumb-section.fixed {
        position: fixed;
        top: 0;
    }

    .main-faq .jumb-section.static {
        position: absolute;
        bottom: 0;
        top: auto;
    }

    .main-faq .jumb-section h5 {
        font-size: 2rem;
        font-family: "jungeregular", "times_new_romanregular", Times, serif;
        color: #fff;
    }

    .main-faq .jumb-section li {
        margin-top: 2rem;
        list-style: none;
    }

        .main-faq .jumb-section li a {
            color: #fff;
        }

        .main-faq .jumb-section li.active a {
            font-weight: 600;
        }

        .main-faq .jumb-section li.hover-link-white a {
            text-decoration: none;
        }

            .main-faq .jumb-section li.hover-link-white a:hover {
                text-decoration: underline;
            }

    .main-faq .jumb-section p {
        margin-top: 4rem;
        text-align: center;
        color: #fff;
    }

        .main-faq .jumb-section p a {
            color: #FFCC00;
            text-decoration: underline;
        }

            .main-faq .jumb-section p a.hover-link-yellow {
                text-decoration: none;
            }

                .main-faq .jumb-section p a.hover-link-yellow:hover {
                    text-decoration: underline;
                }

/** Faq page css end **/
/** How do I page css start **/
.how-do-main {
    background: url("../images/how-do-bg.png") no-repeat right top;
}

    .how-do-main .info-card h2 {
        font-size: 2.8rem;
        line-height: 4rem;
        min-height: 80px;
    }

    .how-do-main .info-card ul {
        list-style: none;
        padding-left: 0;
    }

        .how-do-main .info-card ul li {
            font-size: 1.6rem;
        }

            .how-do-main .info-card ul li + li {
                margin-top: 3rem;
            }

            .how-do-main .info-card ul li a {
                color: #51545B;
                text-decoration: underline;
            }

                .how-do-main .info-card ul li a:hover {
                    color: #0c1f31;
                    text-decoration: none;
                    font-family: "myriad_probold", "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
                }

/** How do I page css end **/
/** Services page start **/
.service-details {
    background: url("../images/court-services-bg.png") no-repeat right top;
}

    .service-details h2 {
        margin-bottom: 1rem;
    }

    .service-details h3 {
        text-align: center;
        margin-bottom: 0;
        margin-bottom: 2rem;
    }

    .service-details .container .service-space {
        padding-top: 8rem;
    }

    .service-details.remove-bg-inner-content .section-bg {
        background-color: transparent;
    }

    .service-details.remove-bg-inner-content .section-inner-space {
        padding: 0;
    }

/** Services page end **/
/** Search page css start from here **/
.search-main {
    background-color: #E5E5E5;
}

    .search-main .search-page-form {
        box-shadow: 0px 0px 20px #BBBBBB;
        padding: 2rem;
        background-color: #fff;
        border-radius: 10px;
        position: relative;
        margin-bottom: 3rem;
    }

        .search-main .search-page-form input[type=text] {
            border: none;
            outline: none;
            background-color: transparent;
            font-weight: 400;
            font-size: 1.8rem;
            font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
            min-width: 90%;
        }

        .search-main .search-page-form ::-moz-placeholder {
            color: rgba(12, 31, 49, 0.4);
            opacity: 1;
        }

        .search-main .search-page-form ::placeholder {
            color: rgba(12, 31, 49, 0.4);
            opacity: 1;
        }

        .search-main .search-page-form ::-ms-input-placeholder {
            color: rgba(12, 31, 49, 0.4);
            opacity: 1;
        }

        .search-main .search-page-form ::-webkit-input-placeholder {
            color: rgba(12, 31, 49, 0.4);
            opacity: 1;
        }

        .search-main .search-page-form button {
            position: absolute;
            right: 2rem;
            height: calc(100% - 2.9rem);
            background-color: #D12727;
            border: none;
            outline: none;
            bottom: 0;
            top: 0;
            margin: auto;
            width: 40px;
        }

    .search-main .result-count p {
        color: rgba(0, 0, 0, 0.6);
    }

    .search-main .search-result-data {
        background-color: #fff;
        border-radius: 10px;
    }

        .search-main .search-result-data .search-col {
            padding: 2.5rem 4rem;
            position: relative;
        }

            .search-main .search-result-data .search-col + .search-col {
                border-top: solid 1px #E5E5E5;
            }

            .search-main .search-result-data .search-col .search-info {
                max-width: 1000px;
                padding-right: 45px;
            }

                .search-main .search-result-data .search-col .search-info .search-name {
                    display: flex;
                    align-items: center;
                }

                    .search-main .search-result-data .search-col .search-info .search-name img {
                        max-width: 20px;
                    }

                    .search-main .search-result-data .search-col .search-info .search-name .search-heading {
                        font-family: "jungeregular", "times_new_romanregular", Times, serif;
                        font-weight: 400;
                        margin-left: 1rem;
                        font-size: 1.8rem;
                        color: #0c1f31;
                    }

                        .search-main .search-result-data .search-col .search-info .search-name .search-heading a {
                            color: #0c1f31;
                        }

                .search-main .search-result-data .search-col .search-info .search-bradcrumb {
                    margin: 2rem 0;
                }

                    .search-main .search-result-data .search-col .search-info .search-bradcrumb ul {
                        display: flex;
                        align-items: center;
                        list-style: none;
                        flex-wrap: wrap;
                    }

                        .search-main .search-result-data .search-col .search-info .search-bradcrumb ul li {
                            font-size: 1.6rem;
                            color: #0c1f31;
                        }

                            .search-main .search-result-data .search-col .search-info .search-bradcrumb ul li + li:before {
                                content: "/";
                                margin: 0 3px;
                                color: rgba(0, 0, 0, 0.6);
                            }

                            .search-main .search-result-data .search-col .search-info .search-bradcrumb ul li a {
                                color: rgba(0, 0, 0, 0.6);
                            }

            .search-main .search-result-data .search-col .search-link {
                position: absolute;
                right: 2rem;
                top: 0;
                bottom: 0;
                margin: auto;
                background-color: rgba(12, 31, 49, 0.65);
                width: 44px;
                height: 72px;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 10px;
            }

                .search-main .search-result-data .search-col .search-link svg {
                    transform: rotate(-90deg);
                    -webkit-transform: rotate(-90deg);
                    -moz-transform: rotate(-90deg);
                    -ms-transform: rotate(-90deg);
                    fill: #fff;
                }

                .search-main .search-result-data .search-col .search-link:hover {
                    background-color: #0c1f31;
                }

/** Search page css end here **/
/** common section css start from here **/
.case-information {
    background-color: #0c1f31;
    padding: 3rem 0;
}

    .case-information p {
        color: #fff;
    }

        .case-information p a {
            color: #588BD9;
            text-decoration: underline;
        }

            .case-information p a.hover-link-blue {
                text-decoration: none;
            }

                .case-information p a.hover-link-blue:hover {
                    text-decoration: underline;
                }

.court-links-inner {
    border: solid 4px #fff;
    padding: 4rem;
    border-radius: 10px;
}

.bdr-light {
    border: solid 4px #E5E5E5;
}

.information-second p {
    color: #0c1f31;
}

/** heads list css start from here **/
.leaders-bg {
    background: url("../images/heads-bg.png") no-repeat top right;
}

.heads-list {
    background: url("../images/heads-bg.png") no-repeat top right;
}

    .heads-list .profile-info > .col {
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .heads-list .profile-info > .col .heads-info {
            padding-left: 2.5rem;
        }

            .heads-list .profile-info > .col .heads-info .person-name {
                font-family: "jungeregular", "times_new_romanregular", Times, serif;
                font-weight: 400;
                font-size: 2rem;
            }

            .heads-list .profile-info > .col .heads-info h3 {
                padding: 1rem 0;
                font-size: 1.8rem;
                color: #0c1f31;
                font-family: "myriad_proregular";
                font-weight: 600;
                margin-bottom: 0;
            }

            .heads-list .profile-info > .col .heads-info p {
                font-size: 1.6rem;
            }

    .heads-list .secondary-btn {
        margin-top: 6rem;
    }

.heads-list-without-bg {
    background: none;
}

/** heads list css end here **/
/** leaders css start from here **/
.leaders {
    background: url("../images/Maricopa@10-1402x734 1.png") no-repeat center right;
    background-size: contain;
}

    .leaders .profile-info > .col .heads-info {
        padding-left: 0;
    }

        .leaders .profile-info > .col .heads-info h3 {
            font-family: "jungeregular", "times_new_romanregular", Times, serif;
            font-size: 2.8rem;
            font-weight: 400;
        }

        .leaders .profile-info > .col .heads-info .leader-profile {
            font-size: 1.8rem;
            color: #0c1f31;
            font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
            font-weight: 600;
            margin-bottom: 1.5rem;
        }

        .leaders .profile-info > .col .heads-info p {
            color: #51545B;
        }

    .leaders .profile-info > .col .round-img-bdr {
        max-width: 365px;
        min-width: 365px;
        max-height: 365px;
        min-height: 365px;
    }

/** leaders css end here **/
/** location section css start from here **/
.court-location-main .court-locations {
    border: 0.4px solid #FFCC00;
    border-radius: 10px;
    background-color: #fff;
    padding: 0;
}

    .court-location-main .court-locations .location-heading {
        background-color: #0c1f31;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 2rem;
        border-radius: 10px 0 0 10px;
    }

        .court-location-main .court-locations .location-heading h2 {
            margin-bottom: 0;
            color: #fff;
            text-align: center;
        }

    .court-location-main .court-locations .location-details {
        text-align: center;
        padding: 1.5rem 3rem;
        margin: 0.5rem 0;
        min-width: 280px;
        position: relative;
    }

        .court-location-main .court-locations .location-details h3 {
            margin-bottom: 1rem;
        }

        .court-location-main .court-locations .location-details address {
            font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
            font-weight: 400;
            font-size: 1.6rem;
            color: #51545B;
            margin-bottom: 1.5rem;
            line-height: 30px;
        }

    .court-location-main .court-locations .location-separator {
        border-left: solid 1px rgba(0, 0, 0, 0.2);
        margin-left: 2rem;
        width: 1px;
    }

    .court-location-main .court-locations .justify-content-center .location-separator {
        display: none;
    }

    .court-location-main .court-locations .carousel-location .owl-item:nth-child(even) .location-details::after {
        display: none;
    }

.carousel-location .owl-item {
    border-left: solid 1px rgba(0, 0, 0, 0.2);
}

    .carousel-location .owl-item:not(.active) + .owl-item.active {
        border-left: none;
    }

    .carousel-location .owl-item.active:first-child {
        border-left: none;
    }

.location-card {
    background-color: #E5E5E5;
    border-radius: 10px;
    padding: 3rem;
    height: 100%;
    display: flex;
    align-items: flex-start;
}

    .location-card h3 {
        margin-bottom: 1rem;
    }

    .location-card .location-area {
        font-size: 1.8rem;
        font-weight: 600;
        color: #0c1f31;
        font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
        margin-bottom: 1rem;
    }

    .location-card address {
        font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
        font-weight: 400;
        font-size: 1.6rem;
        color: #51545B;
        margin-bottom: 1.5rem;
        line-height: 30px;
    }

    .location-card ul {
        margin-bottom: 2rem;
        list-style: disc;
        padding-left: 2rem;
    }

        .location-card ul li {
            font-size: 1.6rem;
            color: #0c1f31;
        }

.location-card-secondary,
.card-description-with-cta {
    padding: 3rem;
    border: 0.4px solid #D12727;
    border-radius: 10px;
    background-color: #FAFAFA;
}

    .location-card-secondary .mail,
    .location-card-secondary .phone,
    .location-card-secondary .fax,
    .location-card-secondary address,
    .card-description-with-cta .mail,
    .card-description-with-cta .phone,
    .card-description-with-cta .fax,
    .card-description-with-cta address {
        font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
        font-weight: 500;
        font-size: 1.8rem;
        color: #000;
    }

        .location-card-secondary .mail a,
        .location-card-secondary .phone a,
        .location-card-secondary .fax a,
        .location-card-secondary address a,
        .card-description-with-cta .mail a,
        .card-description-with-cta .phone a,
        .card-description-with-cta .fax a,
        .card-description-with-cta address a {
            color: #000;
        }

    .location-card-secondary .secondary-btn,
    .card-description-with-cta .secondary-btn {
        margin-top: 2rem;
    }

.card-description-with-cta {
    border: none;
    height: 100%;
}

    .card-description-with-cta p {
        font-size: 1.6rem;
    }

.location-card-secondary {
    height: 100%;
    word-break: break-word;
}

.all-locations.filtered-data .col {
    display: none;
}

    .all-locations.filtered-data .col.show-location {
        display: block;
    }

/** location section css end here **/
/** mission section css start from here **/
.mission-section-main {
    background: url("../images/mission.png") no-repeat center;
}

    .mission-section-main p,
    .mission-section-main h3 {
        color: #fff;
    }

    .mission-section-main p {
        font-size: 1.6rem;
    }

    .mission-section-main > .container {
        display: flex;
        align-items: center;
    }

    .mission-section-main .values {
        border-top: solid 1px #FFCC00;
        padding-top: 4rem;
        margin-top: 4rem;
    }

/** mission section css end here **/
/** Bg with columns start **/
.bg-with-column {
    background: url("../images/mission.png") no-repeat center;
}

    .bg-with-column h4,
    .bg-with-column h2 {
        color: #fff;
    }

    .bg-with-column h4 {
        font-weight: 400;
    }

/** Bg with columns end **/
/** join us section css start from here **/
.join-us {
    background-color: #0c1f31;
    border-radius: 20px;
    padding: 4rem 10rem;
    margin-top: -4rem;
}

    .join-us p,
    .join-us h2 {
        color: #fff;
    }

    .join-us h2 {
        margin-bottom: 1.5rem;
    }

    .join-us p {
        font-size: 1.6rem;
    }

    .join-us .btn-group {
        margin-top: 2rem;
    }

        .join-us .btn-group .secondary-btn + .secondary-btn {
            margin-left: 2.5rem;
        }

/** join us section css end here **/
/** Services section css start from here **/
.stories > .container > h2 {
    color: #fff;
}

.stories .carousel {
    padding-bottom: 15rem;
}

    .stories .carousel .carousel-inner {
        background-color: rgba(255, 255, 255, 0.9);
        border-radius: 10px;
        border: solid 1px #FFCC00;
        padding: 7rem;
        text-align: center;
    }

        .stories .carousel .carousel-inner p {
            color: #51545B;
            font-size: 1.6rem;
        }

    .stories .carousel .carousel-btns {
        position: absolute;
        bottom: 6rem;
        width: 100%;
        text-align: center;
    }

        .stories .carousel .carousel-btns button {
            position: relative;
            display: inline-block;
            width: 45px;
            height: 45px;
            background-color: #fff;
            border-radius: 50%;
            opacity: 1;
            margin: 0 0.7rem;
        }

/** Services section css end here **/
/** full width overlap start **/
.full-width-bg-overlap {
    background-color: #0c1f31;
    padding-bottom: 25rem;
}

    .full-width-bg-overlap h2,
    .full-width-bg-overlap h3,
    .full-width-bg-overlap p {
        color: #fff;
    }

    .full-width-bg-overlap p {
        font-size: 1.6rem;
        font-family: "myriad_prolight", "helveticaregular", "Arial Regular", sans-serif;
    }

    .full-width-bg-overlap + .full-width-overlap-content {
        margin-top: -20rem;
    }

/** full width overlap end **/
/** Full width with overlap cards start**/
.full-width-content-overlap {
    background-color: #0c1f31;
    position: relative;
}

    .full-width-content-overlap h2,
    .full-width-content-overlap h3,
    .full-width-content-overlap p {
        color: #fff;
    }

    .full-width-content-overlap p {
        font-size: 1.6rem;
        font-family: "myriad_prolight", "helveticaregular", "Arial Regular", sans-serif;
    }

    .full-width-content-overlap + .full-width-overlap-content {
        margin-top: -20rem;
    }

    .full-width-content-overlap ul {
        padding-left: 1.7rem;
    }

        .full-width-content-overlap ul li {
            color: #fff;
        }

.separate-section-overlap {
    position: relative;
    z-index: 1;
}

/** Full width with overlap cards end**/
/** location details with img css start **/
.location-detail-text-img h2 {
    margin-bottom: 2rem;
}

.location-detail-text-img p {
    font-size: 1.6rem;
    color: #51545B;
}

.location-detail-text-img .secondary-btn {
    margin-top: 2rem;
}

.location-detail-text-img img {
    border-radius: 10px;
}

/** location details with img css end **/
/** Image title block css start **/
.image-title-cta {
    position: relative;
}

    .image-title-cta img {
        border-radius: 20px;
        width: 100%;
    }

    .image-title-cta .title-cta {
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        padding: 2.5rem;
        background-color: rgba(12, 31, 49, 0.6);
        border-radius: 0 0 20px 20px;
    }

        .image-title-cta .title-cta h3 {
            font-size: 2rem;
            font-family: "myriad_probold", "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
            font-weight: 700;
            color: #fff;
            margin-bottom: 0;
        }

        .image-title-cta .title-cta .secondary-btn {
            margin-top: 2.5rem;
        }

/** Image title block css end **/
/** Desription with CTA css start **/
.more-info-with-cta {
    background: url("../images/jury-center.png") center no-repeat;
    background-size: cover;
    padding: 3rem 0;
}

    .more-info-with-cta p {
        color: #fff;
        margin-bottom: 0;
    }

    .more-info-with-cta .secondary-btn {
        margin-top: 2.5rem;
    }

/** Desription with CTA css end **/
/** description column start **/
.heading-description {
    background: url("../images/purposebg.png") no-repeat top right;
}

    .heading-description .heading-description-row {
        padding-top: 4rem;
        margin-top: 4rem;
        border-top: 0.4px solid rgba(81, 84, 91, 0.4);
    }

/** description column end **/
/** img column with info start **/
.img-with-info {
    margin-bottom: 8rem;
    position: relative;
}

    .img-with-info h3 {
        margin-bottom: 3rem;
    }

    .img-with-info .img-with-info-content {
        text-align: center;
    }

        .img-with-info .img-with-info-content .title-info {
            font-size: 1.8rem;
            color: #0c1f31;
            margin: 1.5rem 0;
            font-family: "jungeregular", "times_new_romanregular", Times, serif;
        }

        .img-with-info .img-with-info-content .details-info {
            color: #51545B;
            font-size: 1.4rem;
            font-weight: 600;
            font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
        }

    .img-with-info .img-with-info-carousel {
        position: static;
    }

        .img-with-info .img-with-info-carousel .owl-nav {
            position: absolute;
            top: -5px;
            right: 0;
            margin: 0;
        }

            .img-with-info .img-with-info-carousel .owl-nav button.owl-prev,
            .img-with-info .img-with-info-carousel .owl-nav button.owl-next {
                width: 45px;
                height: 45px;
                border: solid 1px #0c1f31;
                border-radius: 50%;
                font-size: 12px;
                opacity: 1;
                margin: 0;
            }

                .img-with-info .img-with-info-carousel .owl-nav button.owl-prev span,
                .img-with-info .img-with-info-carousel .owl-nav button.owl-next span {
                    display: none;
                }

            .img-with-info .img-with-info-carousel .owl-nav button.owl-prev {
                background: url("../images/left-arrow.png") no-repeat center;
                background-size: 10px;
            }

            .img-with-info .img-with-info-carousel .owl-nav button.owl-next {
                background: url("../images/right-arrow.png") no-repeat center;
                margin-left: 15px;
                background-size: 10px;
            }

/** img column with info end **/
/** Info card css start from here **/
.info-card {
    padding: 3rem;
    border-radius: 20px;
    background-color: #fff;
    border: 1px solid #FFCC00;
    height: 100%;
}

    .info-card h4 {
        font-size: 2.8rem;
        margin-bottom: 2rem;
        font-family: "jungeregular", "times_new_romanregular", Times, serif;
        font-weight: 400;
    }

    .info-card p {
        font-size: 1.6rem;
        color: #51545B;
        margin-bottom: 2.5rem;
        font-weight: 600;
    }

    .info-card ul {
        list-style: disc;
        padding-left: 2.5rem;
    }

        .info-card ul li {
            font-size: 1.4rem;
            color: #51545B;
            font-weight: 600;
        }

.info-card-large p {
    font-weight: normal;
}

.info-card-large .tagline {
    font-weight: 600;
    font-size: 1.6rem;
    color: #51545B;
}

    .info-card-large .tagline:first-child {
        margin-bottom: 2.5rem;
    }

/** Info card css end here **/
/** Iframe video with poster img start **/
iframe {
    width: 100%;
}

.video-with-poster {
    position: relative;
}

    .video-with-poster .iframe-poster-img,
    .video-with-poster iframe {
        border-radius: 10px;
    }

    .video-with-poster .iframe-poster-img {
        cursor: pointer;
        position: absolute;
        top: 0;
        left: 0;
        transition: all ease 0.2s;
        -webkit-transition: all ease 0.2s;
        -moz-transition: all ease 0.2s;
        -ms-transition: all ease 0.2s;
    }

        .video-with-poster .iframe-poster-img.poster-remove {
            opacity: 0;
            pointer-events: none;
        }

/** Iframe video with poster img end **/
/** info with card grid start **/
.info-with-card-grid {
    background: url("../images/casa-section-bg.png") no-repeat top left;
    background-size: contain;
}

/** info with card grid end **/
/** Form section start **/
.common-form {
    /* background: url("../images/form-bg.png") no-repeat center right; */
}

    .common-form .common-form-inner {
        background-color: #fff;
        border: solid 0.4px #FFCC00;
        padding: 3rem;
        border-radius: 20px;
    }

        .common-form .common-form-inner .contact-info {
            font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
            border-right: solid 0.5px rgba(81, 84, 91, 0.5);
            padding-right: 5rem;
            margin-right: 5rem;
        }

            .common-form .common-form-inner .contact-info h3 {
                margin-bottom: 5rem;
            }

            .common-form .common-form-inner .contact-info address {
                max-width: 310px;
            }

            .common-form .common-form-inner .contact-info address,
            .common-form .common-form-inner .contact-info div {
                font-size: 1.8rem;
                color: #000;
            }

                .common-form .common-form-inner .contact-info address strong,
                .common-form .common-form-inner .contact-info div strong {
                    font-weight: 600;
                }

                .common-form .common-form-inner .contact-info address a,
                .common-form .common-form-inner .contact-info div a {
                    color: #000;
                }

        .common-form .common-form-inner form {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            font-family: "Roboto", sans-serif;
        }

            .common-form .common-form-inner form .form-group {
                flex: 0 0 48%;
                margin-bottom: 3rem;
                position: relative;
            }

                .common-form .common-form-inner form .form-group span {
                    font-size: 1.6rem;
                    color: #0c1f31;
                    font-family: "Roboto", sans-serif;
                    transition: all ease 0.3s;
                    -webkit-transition: all ease 0.3s;
                    -moz-transition: all ease 0.3s;
                    -ms-transition: all ease 0.3s;
                }

                .common-form .common-form-inner form .form-group:nth-last-of-type(2) {
                    flex: 0 0 100%;
                }

                .common-form .common-form-inner form .form-group label {
                    font-size: 1.6rem;
                    color: #51545B;
                    font-family: "Roboto", sans-serif;
                    width: 100%;
                    font-weight: 400;
                }

                .common-form .common-form-inner form .form-group .form-control,
                .common-form .common-form-inner form .form-group select {
                    border: none;
                    border-bottom: dotted 2px #000;
                    padding: 0 0 0.5rem 0;
                    border-radius: 0;
                    font-size: 1.6rem;
                    color: #0c1f31;
                    font-family: "Roboto", sans-serif;
                    outline: none;
                    box-shadow: none;
                    width: 100%;
                }

                    .common-form .common-form-inner form .form-group .form-control:focus + span {
                        font-size: 1.4rem;
                        top: -20px;
                    }

                    .common-form .common-form-inner form .form-group .form-control:valid + span {
                        font-size: 1.4rem;
                        top: -20px;
                    }

                    .common-form .common-form-inner form .form-group .form-control:invalid + span {
                        font-size: 1.6rem;
                        top: 0;
                    }

                .common-form .common-form-inner form .form-group small {
                    font-size: 1.2rem;
                    display: block;
                    margin-top: 0.5rem;
                    color: #D12727;
                    font-weight: 500;
                }

                .common-form .common-form-inner form .form-group textarea.form-control {
                    padding: 1rem;
                    border: solid 0.5px #000;
                    border-radius: 5px;
                    min-height: 100px;
                }

                    .common-form .common-form-inner form .form-group textarea.form-control::-moz-placeholder {
                        color: rgba(12, 31, 49, 0.6);
                    }

                    .common-form .common-form-inner form .form-group textarea.form-control::placeholder {
                        color: rgba(12, 31, 49, 0.6);
                    }

                    .common-form .common-form-inner form .form-group textarea.form-control::-webkit-input-placeholder {
                        color: rgba(12, 31, 49, 0.6);
                    }

                    .common-form .common-form-inner form .form-group textarea.form-control:-moz-placeholder {
                        color: rgba(12, 31, 49, 0.6);
                    }

                    .common-form .common-form-inner form .form-group textarea.form-control:-ms-placeholder {
                        color: rgba(12, 31, 49, 0.6);
                    }

                .common-form .common-form-inner form .form-group .multi-fields {
                    display: flex;
                    align-items: center;
                    margin-top: 1rem;
                    flex-wrap: wrap;
                }

                    .common-form .common-form-inner form .form-group .multi-fields .option {
                        display: flex;
                        align-items: center;
                        margin-right: 3rem;
                    }

                        .common-form .common-form-inner form .form-group .multi-fields .option:last-child {
                            margin-right: 0;
                        }

                        .common-form .common-form-inner form .form-group .multi-fields .option label {
                            color: #0c1f31;
                            margin-left: 0.5rem;
                        }

            .common-form .common-form-inner form ::-moz-placeholder {
                color: #0c1f31;
            }

            .common-form .common-form-inner form ::placeholder {
                color: #0c1f31;
            }

            .common-form .common-form-inner form ::-webkit-input-placeholder {
                color: #0c1f31;
            }

            .common-form .common-form-inner form :-moz-placeholder {
                color: #0c1f31;
            }

            .common-form .common-form-inner form :-ms-placeholder {
                color: #0c1f31;
            }

            .common-form .common-form-inner form .btn-group {
                display: flex;
                justify-content: flex-end;
                flex: 0 0 100%;
            }

    .common-form.audit-form .container {
        padding-left: 0;
        padding-right: 0;
    }

@media screen and (max-width: 768px) {
    .common-form.audit-form .umbraco-forms-form form .umbraco-forms-navigation {
        text-align: center;
    }
}

/** Form section end **/
/** Umbraco common form start **/
.common-form .umbraco-forms-form {
    padding: 0;
}

    .common-form .umbraco-forms-form form {
        display: block;
    }

        .common-form .umbraco-forms-form form .umbraco-forms-fieldset {
            padding: 0;
            margin: 0;
        }

            .common-form .umbraco-forms-form form .umbraco-forms-fieldset > label {
                font-size: 2.8rem;
                font-family: "jungeregular", "times_new_romanregular", Times, serif;
                font-weight: 400;
                color: #0c1f31;
                margin-bottom: 3rem;
            }

        .common-form .umbraco-forms-form form .umbraco-forms-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            font-family: "Roboto", sans-serif;
        }

            .common-form .umbraco-forms-form form .umbraco-forms-container .field-validation-error {
                padding-left: 0;
            }

            .common-form .umbraco-forms-form form .umbraco-forms-container input::-webkit-outer-spin-button,
            .common-form .umbraco-forms-form form .umbraco-forms-container input::-webkit-inner-spin-button {
                -webkit-appearance: none;
                margin: 0;
            }

            .common-form .umbraco-forms-form form .umbraco-forms-container input[type=number] {
                -moz-appearance: textfield;
            }

            .common-form .umbraco-forms-form form .umbraco-forms-container .umbraco-forms-field {
                flex: 0 0 48%;
                margin-bottom: 3rem;
            }

                .common-form .umbraco-forms-form form .umbraco-forms-container .umbraco-forms-field .umbraco-forms-tooltip {
                    font-size: 1.2rem;
                    display: block;
                    margin-top: 0.5rem;
                    color: #D12727;
                    font-weight: 500;
                }

                .common-form .umbraco-forms-form form .umbraco-forms-container .umbraco-forms-field label {
                    font-size: 1.6rem;
                    color: #51545B;
                    font-family: "Roboto", sans-serif;
                    width: 100%;
                    font-weight: 400;
                }

                .common-form .umbraco-forms-form form .umbraco-forms-container .umbraco-forms-field input,
                .common-form .umbraco-forms-form form .umbraco-forms-container .umbraco-forms-field select,
                .common-form .umbraco-forms-form form .umbraco-forms-container .umbraco-forms-field textarea {
                    border: none;
                    border-bottom: dotted 2px #000;
                    padding: 0 0 0.5rem 0;
                    border-radius: 0;
                    font-size: 1.6rem;
                    color: #0c1f31;
                    font-family: "Roboto", sans-serif;
                    outline: none;
                    box-shadow: none;
                    width: 100%;
                    margin: 0;
                    max-width: 100% !important;
                }

                .common-form .umbraco-forms-form form .umbraco-forms-container .umbraco-forms-field textarea {
                    padding: 1rem;
                    border: solid 0.5px #000;
                    border-radius: 5px;
                    height: 100px;
                    min-height: 100px;
                    max-width: 100% !important;
                    width: 100%;
                }

                    .common-form .umbraco-forms-form form .umbraco-forms-container .umbraco-forms-field textarea::-moz-placeholder {
                        color: rgba(12, 31, 49, 0.6);
                    }

                    .common-form .umbraco-forms-form form .umbraco-forms-container .umbraco-forms-field textarea::placeholder {
                        color: rgba(12, 31, 49, 0.6);
                    }

                    .common-form .umbraco-forms-form form .umbraco-forms-container .umbraco-forms-field textarea::-webkit-input-placeholder {
                        color: rgba(12, 31, 49, 0.6);
                    }

                    .common-form .umbraco-forms-form form .umbraco-forms-container .umbraco-forms-field textarea:-moz-placeholder {
                        color: rgba(12, 31, 49, 0.6);
                    }

                    .common-form .umbraco-forms-form form .umbraco-forms-container .umbraco-forms-field textarea:-ms-placeholder {
                        color: rgba(12, 31, 49, 0.6);
                    }

                .common-form .umbraco-forms-form form .umbraco-forms-container .umbraco-forms-field .radiobuttonlist,
                .common-form .umbraco-forms-form form .umbraco-forms-container .umbraco-forms-field .checkboxlist {
                    margin-top: 1rem;
                    flex-wrap: wrap;
                    width: 100%;
                }

                    .common-form .umbraco-forms-form form .umbraco-forms-container .umbraco-forms-field .radiobuttonlist input,
                    .common-form .umbraco-forms-form form .umbraco-forms-container .umbraco-forms-field .checkboxlist input {
                        width: auto;
                        display: inline-block;
                        vertical-align: top;
                        margin-top: 0.5rem;
                    }

                    .common-form .umbraco-forms-form form .umbraco-forms-container .umbraco-forms-field .radiobuttonlist label,
                    .common-form .umbraco-forms-form form .umbraco-forms-container .umbraco-forms-field .checkboxlist label {
                        color: #0c1f31;
                        margin-left: 0.5rem;
                        clear: none;
                        float: none;
                        max-width: calc(100% - 3rem);
                        display: inline-block;
                        vertical-align: top;
                        max-width: 85%;
                        margin-bottom: 1.5rem;
                        text-align: left;
                    }

                        .common-form .umbraco-forms-form form .umbraco-forms-container .umbraco-forms-field .radiobuttonlist label:last-child,
                        .common-form .umbraco-forms-form form .umbraco-forms-container .umbraco-forms-field .checkboxlist label:last-child {
                            margin-right: 0;
                        }

            .common-form .umbraco-forms-form form .umbraco-forms-container .multiplechoice .multiplechoice {
                flex: 0 0 100%;
            }

            .common-form .umbraco-forms-form form .umbraco-forms-container .multiplechoice .longanswer {
                flex: 0 0 100%;
            }

            .common-form .umbraco-forms-form form .umbraco-forms-container ::-moz-placeholder {
                color: #0c1f31;
            }

            .common-form .umbraco-forms-form form .umbraco-forms-container ::placeholder {
                color: #0c1f31;
            }

            .common-form .umbraco-forms-form form .umbraco-forms-container ::-webkit-input-placeholder {
                color: #0c1f31;
            }

            .common-form .umbraco-forms-form form .umbraco-forms-container :-moz-placeholder {
                color: #0c1f31;
            }

            .common-form .umbraco-forms-form form .umbraco-forms-container :-ms-placeholder {
                color: #0c1f31;
            }

        .common-form .umbraco-forms-form form .umbraco-forms-navigation {
            text-align: right;
            padding: 0;
        }

            .common-form .umbraco-forms-form form .umbraco-forms-navigation .btn {
                background-color: transparent;
                border-radius: 5px;
                padding: 0.8rem 2rem;
                font-size: 1.8rem;
                font-weight: 400;
                font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
                color: #0c1f31;
                border: solid 1px #0c1f31;
                text-align: center;
                display: inline-block;
            }

                .common-form .umbraco-forms-form form .umbraco-forms-navigation .btn:hover {
                    background-color: #0c1f31;
                    color: #fff;
                }

@media screen and (max-width: 767px) {
    .common-form .umbraco-forms-form form .umbraco-forms-navigation {
        text-align: center;
    }
}

.common-form .umbraco-forms-form .umbraco-forms-submitmessage-html {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}

    .common-form .umbraco-forms-form .umbraco-forms-submitmessage-html p {
        font-size: 2rem;
        text-align: center;
        font-family: "myriad_probold", "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
    }

/** Umbraco common form end **/
/** Employee section start **/
.employee-main {
    background: url("../images/Maricopa@10-1402x734 1.png") right bottom no-repeat;
}

/** Employee section end **/
/** Glossary page section start **/
.definitions-linked {
    position: sticky;
    top: 0;
    background-color: #0c1f31;
    padding: 0.5rem 0 1.5rem 0;
    z-index: 9;
}

    .definitions-linked:after {
        content: "";
        margin: auto;
        width: 90%;
        display: block;
        background: #f3f3f3;
        height: 1px;
    }

    .definitions-linked ul {
        justify-content: center;
        display: flex;
        color: #fff;
        font-size: 1.6rem;
        list-style-type: none;
    }

        .definitions-linked ul li {
            padding: 1rem 0;
        }

            .definitions-linked ul li + li {
                margin-left: 2rem;
            }

            .definitions-linked ul li a {
                color: #fff;
                line-height: normal;
                text-decoration: none;
            }

                .definitions-linked ul li a:hover {
                    text-decoration: underline;
                }

            .definitions-linked ul li.active {
                display: flex;
                align-items: center;
                justify-content: center;
                background-color: #F3F3F3;
                border-radius: 10px 10px 0px 0px;
                padding: 0 1.8rem;
            }

                .definitions-linked ul li.active a {
                    color: #0c1f31;
                }

.definitions .accordion-item:nth-child(even) {
    background-color: #F3F3F3;
}

.definitions .accordion-item {
    padding: 2rem 0;
    border: none;
}

    .definitions .accordion-item .collapse:not(.show) {
        display: block;
    }

    .definitions .accordion-item .accordion-body {
        font-size: 14px;
        font-weight: 400;
        padding: 0;
    }

.definitions .container {
    display: flex;
    align-items: center;
    gap: 30px;
    background-color: transparent;
    border: none;
}

.definitions h4 {
    font-family: "jungeregular", "times_new_romanregular", Times, serif;
    font-size: 20px;
    font-weight: 400;
    min-width: 350px;
    margin: 0;
    width: 30%;
}

.definitions .accordion-collaps {
    width: 70%;
}

.definitions p {
    margin: 0;
}

.download-instructions {
    padding-top: 10px;
    padding-bottom: 40px;
}

    .download-instructions.dinstruction {
        padding-top: 40px;
    }

/** Pagination css start from here **/
.pagination {
    margin-top: 4rem;
    margin-bottom: 4rem;
}

    .pagination ul {
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 1 0 0;
    }

        .pagination ul li {
            color: rgba(12, 31, 49, 0.65);
            font-size: 1.8rem;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .pagination ul li a {
                color: rgba(12, 31, 49, 0.65);
                text-decoration: none;
            }

            .pagination ul li img {
                max-width: 10px;
            }

        .pagination ul .pagination-item.active {
            font-size: 2rem;
            font-weight: 600;
        }

            .pagination ul .pagination-item.active a {
                color: #0c1f31;
            }

            .pagination ul .pagination-item.active.active {
                background-color: rgba(12, 31, 49, 0.65);
            }

                .pagination ul .pagination-item.active.active a {
                    color: #fff;
                }

/** Pagination css end here **/
/** Search panel css start **/
.search-panel-multi-field {
    box-shadow: 0px 0px 20px #BBBBBB;
    padding: 1.3rem 0.5rem 1.3rem 3rem;
    background-color: #fff;
    border-radius: 10px;
    position: relative;
    max-width: 100%;
    width: calc(100% - 60px);
    margin-left: auto;
    margin-right: auto;
}

    .search-panel-multi-field select,
    .search-panel-multi-field input[type=text] {
        color: #51545B;
        border: none;
        outline: none;
        background-color: transparent;
        font-weight: 400;
        font-size: 1.6rem;
        font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
        width: 320px;
        padding: 1.3rem 0;
    }

@media screen and (max-width: 1199.98px) {
    .search-panel-multi-field select, .search-panel-multi-field input[type=text] {
        width: 240px;
    }
}

@media screen and (max-width: 991.98px) {
    .search-panel-multi-field select, .search-panel-multi-field input[type=text] {
        width: 160px;
    }
}

.search-panel-multi-field input[type=text] {
    padding-right: 3rem;
}

.search-panel-multi-field ::-moz-placeholder {
    color: rgba(12, 31, 49, 0.4);
    opacity: 1;
}

.search-panel-multi-field ::placeholder {
    color: rgba(12, 31, 49, 0.4);
    opacity: 1;
}

.search-panel-multi-field ::-ms-input-placeholder {
    color: rgba(12, 31, 49, 0.4);
    opacity: 1;
}

.search-panel-multi-field ::-webkit-input-placeholder {
    color: rgba(12, 31, 49, 0.4);
    opacity: 1;
}

.search-panel-multi-field select {
    border: none;
    background: url("../images/arrow-drop.png") no-repeat center right;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    background-size: 12px;
    padding-left: 2.5rem;
    margin-right: 3rem;
    border-left: solid 1px #E5E5E5;
}

    .search-panel-multi-field select:first-child {
        border-left: none;
    }

.search-panel-multi-field button {
    position: absolute;
    right: 0.5rem;
    height: 65px;
    background-color: #0c1f31;
    border: none;
    outline: none;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 65px;
}

.search-panel-multi-field-no-bg {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .search-panel-multi-field-no-bg input,
    .search-panel-multi-field-no-bg select {
        border: none;
        border-radius: 5px;
        min-width: 250px;
        padding: 1rem;
        font-size: 1.4rem;
        font-weight: 400;
        font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
        outline: none;
    }

    .search-panel-multi-field-no-bg .form-group {
        position: relative;
    }

        .search-panel-multi-field-no-bg .form-group img {
            position: absolute;
            top: 0;
            bottom: 0;
            margin: auto;
            left: 1.5rem;
            max-width: 17px;
        }

        .search-panel-multi-field-no-bg .form-group input {
            padding-left: 4.5rem;
        }

    .search-panel-multi-field-no-bg select {
        background: url("../images/arrow-drop.png") no-repeat center left 15px;
        background-size: 10px;
        background-color: #fff;
        -moz-appearance: none;
        appearance: none;
        -webkit-appearance: none;
        padding-left: 3.5rem;
        margin-left: 3rem;
    }

    .search-panel-multi-field-no-bg ::-moz-placeholder {
        color: #0c1f31;
        opacity: 1;
    }

    .search-panel-multi-field-no-bg ::placeholder {
        color: #0c1f31;
        opacity: 1;
    }

    .search-panel-multi-field-no-bg ::-webkit-input-placeholder {
        color: #0c1f31;
        opacity: 1;
    }

    .search-panel-multi-field-no-bg ::-moz-input-placeholder {
        color: #0c1f31;
        opacity: 1;
    }

    .search-panel-multi-field-no-bg ::-ms-input-placeholder {
        color: #0c1f31;
        opacity: 1;
    }

.no-match {
    display: none;
    text-align: center;
    font-size: 1.8rem;
    color: #D12727;
    font-weight: 600;
    margin-top: 1rem;
}

    .no-match.filterNotMatch {
        display: block;
    }

.search-btns ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 2rem;
}

    .search-btns ul li {
        min-width: 175px;
    }

        .search-btns ul li .primary-btn {
            min-width: 100%;
        }

/** Search panel css end **/
/** Information section css start **/
.info-col {
    font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
}

    .info-col address {
        font-size: 1.6rem;
        color: #51545B;
        margin-top: 2rem;
    }

    .info-col .time-details {
        color: #0c1f31;
        font-size: 1.6rem;
        font-weight: 400;
    }

        .info-col .time-details p {
            margin: 0;
        }

/** Information section css end **/
/** Court info start **/
.court-info .custom-card {
    border: 0.4px solid #FFCC00;
    padding: 5rem 3rem;
}

    .court-info .custom-card h3 {
        margin-bottom: 0;
    }

    .court-info .custom-card h4 {
        margin: 1rem 0 0 0;
    }

/** Court info end **/
/** Calendar css start **/
.event-info .sk-ww-google-calendar {
    border-radius: 20px;
    padding: 0;
    background-color: transparent !important;
}

.event-info .sk_google_cal_events_container {
    margin-right: 0;
}

.event-info .sk_google_cal_container {
    position: relative;
}

    .event-info .sk_google_cal_container .sk_google_cal_control_bar {
        position: absolute;
        right: 0;
        top: 0;
        padding-top: 0;
        display: none;
    }

        .event-info .sk_google_cal_container .sk_google_cal_control_bar .sk_google_cal_tabs_container {
            display: none;
        }

        .event-info .sk_google_cal_container .sk_google_cal_control_bar .sk_google_cal_search_box_container {
            display: none;
        }

        .event-info .sk_google_cal_container .sk_google_cal_control_bar .sk_google_cal_date_picker_container .sk_google_cal_date_picker_month_nav_btn {
            background-color: transparent !important;
            border: none;
            font-size: 0;
            padding: 0 !important;
            min-width: auto;
            background-size: 8px !important;
            width: 8px;
        }

        .event-info .sk_google_cal_container .sk_google_cal_control_bar .sk_google_cal_date_picker_container .sk_google_cal_date_picker_month_nav_prev_btn {
            background: url("../images/prev-option.png") no-repeat center;
        }

        .event-info .sk_google_cal_container .sk_google_cal_control_bar .sk_google_cal_date_picker_container .sk_google_cal_date_picker_month_nav_next_btn {
            background: url("../images/next-option.png") no-repeat center;
            margin-left: 20px;
        }

        .event-info .sk_google_cal_container .sk_google_cal_control_bar .sk_google_cal_date_picker_container .flatpickr-input {
            display: none !important;
        }

    .event-info .sk_google_cal_container .sk_google_cal_view_label {
        font-size: 3.2rem;
        font-family: "jungeregular", "times_new_romanregular", Times, serif;
        font-weight: 400;
        color: #0c1f31 !important;
        margin-bottom: 3rem;
        text-indent: -190px;
        overflow: hidden;
        padding-bottom: 1rem;
        display: none;
    }

    .event-info .sk_google_cal_container tr td {
        border-bottom: none !important;
        height: 145px;
    }

        .event-info .sk_google_cal_container tr td .cal-day-number {
            font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
            font-size: 1.4rem !important;
            color: #0c1f31 !important;
            text-align: center;
            font-weight: 400 !important;
            text-align: center !important;
        }

            .event-info .sk_google_cal_container tr td .cal-day-number .sk_ww_google_calendar_today {
                background-color: #0c1f31 !important;
                width: 25px;
                height: 25px;
                line-height: 25px;
            }

        .event-info .sk_google_cal_container tr td .cal-day-event {
            font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
            background-color: rgba(209, 39, 39, 0.4) !important;
            padding: 10px !important;
            font-weight: 400 !important;
            color: #000 !important;
        }

    .event-info .sk_google_cal_container .dayNames td {
        height: auto;
        border-bottom: none !important;
        font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
        font-size: 1.6rem;
        color: #0c1f31 !important;
        text-align: center;
    }

    .event-info .sk_google_cal_container .grid-item-google-calendar .sk_google_cal_grid_content {
        margin: 0.5rem 1rem;
        background-color: #fff !important;
        padding: 4rem 3rem;
        box-shadow: none;
        border-radius: 2rem;
        border-left: solid 4px #0c1f31;
        height: 100%;
        min-height: 300px;
    }

        .event-info .sk_google_cal_container .grid-item-google-calendar .sk_google_cal_grid_content .post-content {
            padding: 0 !important;
        }

            .event-info .sk_google_cal_container .grid-item-google-calendar .sk_google_cal_grid_content .post-content .sk-post-text {
                height: auto !important;
                width: auto !important;
            }

            .event-info .sk_google_cal_container .grid-item-google-calendar .sk_google_cal_grid_content .post-content .sk_event_name {
                color: #000;
                font-family: "jungeregular", "times_new_romanregular", Times, serif;
                font-size: 1.6rem !important;
                line-height: normal !important;
                margin-bottom: 1.5rem;
                width: auto !important;
            }

            .event-info .sk_google_cal_container .grid-item-google-calendar .sk_google_cal_grid_content .post-content .sk_event_date,
            .event-info .sk_google_cal_container .grid-item-google-calendar .sk_google_cal_grid_content .post-content .sk_event_time {
                color: #0c1f31;
                font-size: 1.4rem;
                font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
                margin-bottom: 1.5rem;
                width: auto !important;
            }

                .event-info .sk_google_cal_container .grid-item-google-calendar .sk_google_cal_grid_content .post-content .sk_event_date .fa,
                .event-info .sk_google_cal_container .grid-item-google-calendar .sk_google_cal_grid_content .post-content .sk_event_time .fa {
                    min-width: 15px;
                }

                .event-info .sk_google_cal_container .grid-item-google-calendar .sk_google_cal_grid_content .post-content .sk_event_time .fa {
                    font-size: 1.8rem;
                }

            .event-info .sk_google_cal_container .grid-item-google-calendar .sk_google_cal_grid_content .post-content .sk_google_cal_read_more_btn_alt {
                background-color: transparent !important;
                border-radius: 5px;
                padding: 0.8rem 2rem;
                font-size: 1.8rem;
                font-weight: 400;
                font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
                color: #0c1f31 !important;
                border: solid 1px #0c1f31;
                text-align: center;
                display: inline-block;
            }

                .event-info .sk_google_cal_container .grid-item-google-calendar .sk_google_cal_grid_content .post-content .sk_google_cal_read_more_btn_alt:hover {
                    background-color: #0c1f31 !important;
                    color: #fff !important;
                }

    .event-info .sk_google_cal_container .sk_google_calendar_end_button_container .sk_google_calendar_load_more_btn {
        border: solid 1px #0c1f31;
        background-color: #0c1f31 !important;
        border-radius: 5px;
        padding: 0.8rem 2rem;
        font-size: 1.8rem;
        font-weight: 400;
        font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
        color: #fff;
        text-align: center;
        display: inline-block;
        margin-top: 3rem;
        line-height: 27px;
    }

        .event-info .sk_google_cal_container .sk_google_calendar_end_button_container .sk_google_calendar_load_more_btn:hover {
            background-color: transparent !important;
            color: #0c1f31 !important;
        }

.mfp-bg {
    background-color: #51545B !important;
}

.mfp-content {
    max-width: 60%;
    text-align: center !important;
    min-width: 60%;
}

    .mfp-content .mfp-close {
        right: 15px !important;
        top: 15px !important;
        font-size: 0;
        opacity: 1;
        background: url("../images/close.png") no-repeat;
        width: 14px;
        height: 14px;
        background-size: 14px;
    }

    .mfp-content .sk_google_cal_white_popup {
        max-width: 100% !important;
        width: 100% !important;
        border-radius: 2rem;
        padding: 4rem !important;
        border-left: solid 4px #0c1f31;
        text-align: left;
        min-height: 800px;
    }

        .mfp-content .sk_google_cal_white_popup .sk_event_name {
            font-family: "jungeregular", "times_new_romanregular", Times, serif;
            font-size: 2rem !important;
            width: auto !important;
        }

        .mfp-content .sk_google_cal_white_popup .sk_event_date,
        .mfp-content .sk_google_cal_white_popup .sk_event_time {
            font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
            font-size: 1.4rem !important;
            width: auto !important;
            display: flex;
            align-items: start;
        }

            .mfp-content .sk_google_cal_white_popup .sk_event_date strong,
            .mfp-content .sk_google_cal_white_popup .sk_event_time strong {
                min-width: 90px;
            }

        .mfp-content .sk_google_cal_white_popup .sk_event_time {
            margin-bottom: 0;
        }

        .mfp-content .sk_google_cal_white_popup .sk_event_description {
            font-size: 1.4rem;
            font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
            color: #0c1f31;
            border-top: solid 1px #0c1f31;
            padding-top: 2rem;
            margin-top: 2rem;
            width: auto !important;
        }

.sk_google_cal_pop_up_content_month_view .sk_event_name,
.sk_google_cal_pop_up_content_month_view .sk_event_date {
    font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
    font-weight: 600;
    font-size: 2rem !important;
}

.sk_google_cal_pop_up_content_month_view .sk_event_name {
    color: #0c1f31;
    font-family: "jungeregular", "times_new_romanregular", Times, serif !important;
}

.sk_google_cal_pop_up_content_month_view .sk_event_date {
    font-size: 1.4rem !important;
    font-weight: 400;
}

.sk_google_cal_pop_up_content_month_view .sk_event_time {
    display: flex;
    align-items: center !important;
    justify-content: center;
}

    .sk_google_cal_pop_up_content_month_view .sk_event_time a {
        color: #0c1f31 !important;
        font-family: "myriad_proregular", "helveticaregular", "Arial Regular", sans-serif;
        font-weight: 600;
        font-size: 1.4rem !important;
    }

/** Calendar css end **/
/** Bg image start from here **/
.bg-img-common-section {
    position: relative;
    z-index: 1;
    background-size: cover;
    padding: 5rem 0;
}

    .bg-img-common-section:before {
        content: "";
        background-color: rgba(12, 31, 49, 0.9);
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        top: 0;
        z-index: -1;
    }

/** Bg image end here **/
/** Common slider section start **/
.common-slider {
    position: relative;
}

    .common-slider .slider-bg {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
    }

        .common-slider .slider-bg > img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
        }

/** Common slider section end **/
/** Overlap section start **/
.overlap-sm-padding-bottom {
    padding-bottom: 15rem;
}

body .overlap-padding-bottom {
    padding-bottom: 23rem;
}

body .overlap-padding-top {
    padding-top: 9rem;
}

.overlap-sm-margin-top {
    margin-top: -10rem;
}

.overlap-md-margin-top {
    margin-top: -13rem;
}

.overlap-md {
    margin-top: -13rem;
    padding-top: 20rem;
}

/** Overlap section end **/
.list-style-inside {
    list-style-position: inside;
    text-align: center;
}

/** common section css end here **/
/** Bg css start **/
.section-bg {
    background-color: #E5E5E5;
}

/** Bg css end **/
.table-umbraco {
    width: 100%;
}

    .table-umbraco td {
        border-width: 1px;
    }

.vedio-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 56.25%;
}

    .vedio-container .responsive-iframe {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        border: none;
    }
/*# sourceMappingURL=style.css.map */
