.container::before,
.container::after {
    display: none;
}

.container,
.container.custom-container {
    width: 100%;
    max-width: 1312px;
    padding-inline: 16px;
}

.image-right {
    flex-direction: row-reverse;
}

/* 
 * Banner 
 */
.government-inner__banner {
    z-index: 2;
    display: block;
    margin: 0 auto;
}

.government-inner__banner--inner-container {
    position: relative;
    display: block;
    width: 100%;
    height: fit-content;
}

.government-inner__banner--inner-container::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #00000066;
    z-index: 3;
}

.government-inner__banner--inner-container img {
    content: '';
    position: absolute;
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; 
    z-index: 3;  
}

.government-inner__banner--inner-wrapper {
    z-index: 5;
}

.government-inner__banner--inner-container .container.container.custom-container {
    position: relative;
    z-index: 4;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 56px 32px;
    max-width: 100%;
    height: auto;
}

.government-inner__banner--text-content {
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    height: auto;
    color: var(--white-color-1);
    text-align: center;
}

.government-inner__banner--text-content h1 {
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 20px;
}

.government-inner__banner--form-wrap {
    position: initial;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    height: 100%;
    z-index: 5;
    padding-inline: 0;
    margin: auto;
    background: var(--secondary-color);
}

.government-inner__banner--form {
    position: relative;
    display: block;
    margin: auto;
    max-width: 606px;
    background: var(--secondary-color);
    padding: 30px 32px;
    height: max-content;
}

.government-inner__banner--form h2 {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--black-color-2);
    margin-bottom: 25px;
    text-align: center;
}

.government-inner__banner .site-form .form-terms {
    text-align: center;
    width: 100%;
}

.government-inner__banner .site-form.form-stacked,
.government-inner__banner .site-button {
    width: 100%;
}
/* End of Banner */

/*
 * Top Hero Banner 
 */
.government-inner__top-hero {
    padding: 32px 0;
    background-color: var(--white-color-9);
}

.government-inner__top-hero--inner-wrapper {
    gap: 24px;
}

.government-inner__top-hero h2 {
    color: var(--black-color-2);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    width: 100%;
    flex-grow: 1;
}

.government-inner__top-hero--description {
    width: 100%;
    flex-grow: 1;
}

.government-inner__top-hero--description p {
    color: var(--gray-color-1);
    margin-block-end: 24px;
}

.government-inner__top-hero--description p:last-of-type {
    margin-block-end: 0;
}
/* End of Top Hero Banner */

/*  
 * Article Card
 */
.government-inner__article {
    padding: 32px 0;
}

.government-inner__article--inner-wrapper {
    gap: 24px;
}

.government-inner__article--image {
    width: 100%;
    height: 300px;
}

.government-inner__article--image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.government-inner__article--text-content {
    width: 100%;
    margin-left: 0;
}

.government-inner__article--text-content h2 {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 16px;
    color: var(--black-color-2);
}

.government-inner__article--description p {
    font-size: 16px;    
    font-weight: 400;
    line-height: 1.5;
    color: var(--gray-color-1);
    margin: 16px 0;
}

.government-inner__article--description strong {
    font-weight: 600;
}

.government-inner__article--description ul {
    list-style: disc;
    margin-left: 24px;
}

.government-inner__article--description ul li {
    margin-block-end: 16px;
}

.government-inner__article--description ul li:last-of-type {
    margin-block-end: 0;
}

.government-inner__article.why-us .government-inner__article--text-content h2 {
    margin-bottom: 32px;
}
/* End of Article Card */

/* 
 * Government Services
 */
.government-inner__services {
    padding: 56px 0;
    position: relative;
}

.government-inner__services::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: calc(100% - 217px);
    width: 100%;
    background-color: var(--primary-color);
    z-index: 3;
}

.government-inner__services .container {
    position: relative;
    z-index: 4;
}

.government-inner__services--header {
    margin: 0 auto 38px;
    text-align: center;
    max-width: 872px;
    width: 100%;
    color: var(--white-color-1);
}

.government-inner__services--header h2 {
    color: var(--white-color-1);
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 24px;
}

.government-inner__services--header p {
    color: var(--white-color-1);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
}

.government-inner__services--list-wrapper h3 {
    color: var(--black-color-2);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
}

.government-inner__services--list {
    margin-top: 40px !important;
}

.government-inner__services--list-item {
    width: 100%;
    border: 1px solid var(--gray-color-3);    
    background: var(--white-color-1);
    flex-grow: 1;
}

.government-inner__services--list-image {
    background: #F5F5F5;
    height: 243px;
}

.government-inner__services--list-text {
    padding: 20px 24px 24px;
}

.government-inner__services--list-text h4 {
    color: var(--black-color-2);
    font-size: 24px;    
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 16px;
}

.government-inner__services--list-text p,
.government-inner__services--list-text ul li {
    font-size: 16px;    
    font-weight: 400;
    line-height: 1.5;
}

.government-inner__services--list-text p, 
.government-inner__services--list-text ul {
    margin-bottom: 35px;
}

.government-inner__services--list-text ul {
    list-style: disc;
    margin-left: 24px;
}

.government-inner__services--list-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
/* End of Government Services */

/*
 * How to Get Started
 */
.government-inner__how {
    padding-block: 42px 24px;
}

.government-inner__how--inner-wrapper {
    gap: 24px;
}

.government-inner__how--image {
    width: 100%;
    height: 350px;
}

.government-inner__how--image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}

.government-inner__how--text-content {
    width: 100%;
    margin-right: 0;
}

.government-inner__how--text-content h2 {
    color: var(--black-color-2);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
}

.government-inner__how--process-list {
    gap: 24px;
    margin-top: 40px;
}

.government-inner__how--process-item {
    display: flex;
    align-items: stretch;
    gap: 16px;
}

.government-inner__how--process-item .number-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 12px 23px;
    color: var(--primary-color);
    font-size: 40px;
    font-weight: 700;
    line-height: normal;
    border-right: 1px solid var(--black-color-2);
    width: 64px;
}

.government-inner__how--process-item .process-content h4 {
    color: var(--gray-color-1);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
    margin-top: 8px;
}
/* End of How to Get Started */

/* 
 * FAQ Section
 */
.government-inner__faq {
    padding: 48px 0;
    background-color: #EEE;
}

.government-inner__faq--inner-wrapper {
    max-width: 954px;
    width: 90%;
    padding: 32px;
    margin-inline: auto;
    background-color: var(--secondary-color);
}

.government-inner__faq--image {
    width: 100%;
    height: 307.86px;
    margin-bottom: 30px;
}

.government-inner__faq--image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.government-inner__faq--header {
    margin-bottom: 24px;
}

.government-inner__faq--header h2 {
    font-size: 28px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.4px;
    text-align: center;
    color: var(--black-color-2);
}

#site-main .government-inner__faq .site-faq-inner {
    padding: 0;
}

#site-main .government-inner__faq .site-faq-list-title {
    border-bottom-color: rgba(42, 67, 87, 0.40);
}

/* End of FAQ Section */

/* 
 * Bottom Hero Banner 
 */
.government-inner__bottom-hero {
    padding: 56px 0;
}

.government-inner__bottom-hero--inner-content {
    gap: 24px;
    position: relative;
    z-index: 4;
}

.government-inner__bottom-hero--image {
    width: 100%;
    height: 420px;
}

.government-inner__bottom-hero--image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}

.government-inner__bottom-hero--text-content {
    width: 100%;
}

.government-inner__bottom-hero--text-content h2 {
    color: var(--black-color-2);
    font-size: 32px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 16px;
}

.government-inner__bottom-hero--text-content p {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 1.5;
}

.government-inner__bottom-hero--text-content .site-button {
    margin-top: 16px;
    width: 100%;
}
/* End of Bottom Hero Banner */

/* Responsive Design */
@media screen and (min-width: 991px) {
    /*
     * Banner 
     */
    .government-inner__banner--inner-container {
        height: calc(min(722px, 100vw));
    }
    
    .government-inner__banner--inner-container .container.container.custom-container {
        position: absolute;
        margin: 0 auto;
        width: 100%;
        max-width: 1312px;
    }

    .government-inner__banner--text-content {
        max-width: 46.18%;
        position: absolute;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: left;
        padding-left: 32px;
    }

    .government-inner__banner--text-content h1 {
        font-size: 49px;
    }

    .government-inner__banner--form {
        margin: auto 0;
        padding: 50px 29px;
        max-width: 50%;
    }

    .government-inner__banner--form h2 {
        text-align: left;
    }

    .government-inner__banner .site-form .form-terms {
        text-align: left;
    }

    .government-inner__banner .site-button {
        width: max-content;
    }

    .government-inner__banner--form-wrap {
        position: absolute;
        background: 0 0;
        display: flex;
        justify-content: flex-end;
        padding-inline: 32px;
    }
    /* End of Banner */

    /*
     * Top Hero Banner 
     */
    .government-inner__top-hero {
        padding: 64px 32px;
    }

    .government-inner__top-hero h2 {
        font-size: 36px;
        width: 41.69%;
        flex-shrink: 0;
    }

    .government-inner__top-hero--description {
        width: 50.68%;
        flex-grow: 0;
        flex-shrink: 1;
    }
    /* End of Top Hero Banner */

    /*
     * Article Card 
     */
    .government-inner__article {
        padding: 64px 32px;
    }

    .government-inner__article--image {
        width: 49.61%;
        height: auto;
    }
    
    .government-inner__article--text-content {
        width: 42.75%;
        margin-left: auto;
    }
    /* End of Article Card */

    /* 
     * Services
     */
    .government-inner__services {
        padding: 80px 32px;
    }

    .government-inner__services::before {
        height: 480px;
    }

    .government-inner__services--list {
        display: flex !important;
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: center;
        gap: 32px;
    }

    .government-inner__services--list-item {
        width: calc(calc(100% / 3) - 32px);
        flex-grow: 0;
    }
    /* End of Services */

    /* Why Choose Us */
    .government-inner__article.why-us {
        padding: 80px 32px 40px;
    }

    .government-inner__article.why-us .image-right .government-inner__article--text-content {
        margin-left: 0;
        margin-right: auto;
    }

    /* End Why Choose Us */

    /* How to Get Started */
    .government-inner__how {
        padding-block: 64px 40px;
    }

    .government-inner__how--text-content h2 {
        font-size: 36px;
    }

    .government-inner__how--process-item .process-content h4 {
        font-size: 20px;
    }

    .government-inner__how--image {
        width: 49.61%;
        height: auto;
    }

    .government-inner__how--text-content {
        width: 42.75%;
        margin-left: auto;
    }
    .image-right .government-inner__how--text-content {
        margin-left: 0;
        margin-right: auto;
    }
    /* End of How to Get Started */

    /* FAQ Section */
    .government-inner__faq--inner-wrapper {
        padding: 70px;
    }
    .government-inner__faq--header {
        margin-bottom: 40px;
    }

    .government-inner__faq--header h2 {
        font-size: 36px;
        line-height: 1.26;
    }
    /* End of FAQ Section */

    /* Bottom Hero Banner */
    .government-inner__bottom-hero {
        padding: 120px 0;
    }

    .government-inner__bottom-hero::before {
        content: '';
        position: absolute;
        background: var(--secondary-color);
        width: 71.736vw;
        height: 500px;
        top: 50%;
        padding: 64px 0;
        right: 0;
        transform: translateY(-50%);
        z-index: 3;
    }

    .government-inner__bottom-hero--image {
        width: 50.60%;
    }

    .government-inner__bottom-hero--text-content {
        width: 44.51%;
    }

    .government-inner__bottom-hero--text-content h2 {
        font-size: 40px;
        line-height: 1.2;
    }

    .government-inner__bottom-hero--text-content .site-button {
        width: max-content;
    }

    /* End of Bottom Hero Banner */
}