/* 1190px */
@media (max-width: 74em) {

    /* dashboard page */
    aside {
        display: none;
    }

    body {
        grid-template-columns: 25rem 1fr;
    }
}

/* 1035 */
@media (max-width: 65em) {

    /* dashboard */
    .main--statistics ul li {
        min-width: 260px;
    }

    .main--statistics ul li:last-child {
        border-right: 0.4px solid var(--clr-gray-border);
    }
}

/* 992px */
@media (max-width: 62em) {

    /* header and main sections */

    /* register step 1 */
    .section.main {
        padding: 9.6rem 3.2rem;
    }

    /* Manual form registration */
    main.manual--section {
        padding: 0 var(--space-28);
    }

    .steps {
        scale: 0.90;
    }

    .grid.grid-col-3.container {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
    }

    .form-control.grid-span-2 {
        grid-column: span 1;
    }

    .steps .step:first-child .step--icon::after {
        left: 85px;
        width: 41rem;
    }

    .steps .step:nth-child(2n) .step--icon::after {
        left: 107px;
        width: 42rem;
    }

    /* policy */
    .manual-form--container .form-control:nth-child(3) {
        grid-column: 1/-1;
    }
}


/* 940px */
@media (max-width: 59em) {}


/* 880px */
@media (max-width: 55em) {

    /* register step 1 */
    .authentication-form {
        padding: var(--space-80) var(--space-48);
    }

    .section.main {
        padding: 9.6rem 3.2rem;
    }

    /* Manual form registration */
    main.manual--section {
        padding: 0 var(--space-28);
    }

    .steps {
        scale: 0.90;
    }

    .grid.grid-col-3.container {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
    }

    .form-control.grid-span-2 {
        grid-column: span 1;
    }

    .steps .step:first-child .step--icon::after {
        left: 85px;
        width: 32rem;
    }

    .steps .step:nth-child(2n) .step--icon::after {
        left: 107px;
        width: 33rem;
    }
}

/* 814px */
@media (min-width:50em) {}

/* 740px */
@media (max-width: 47em) {

    .claims--search input,
    .policy--search input {
        width: 100%;
    }

    /* policy */
    .policy--form-wrapper {
        margin: 0;
    }
}

/* 704px */
@media (max-width: 44em) {

    .header,
    .section section--form {
        padding: 0 3.2rem;
    }

    header img {
        padding: 0 !important;
    }

    .section.main {
        padding: 9.6rem 3.2rem;
        grid-template-columns: 1fr;
        grid-row-gap: 6.3rem;
    }

    .section.main .main-steps {
        grid-row: 1;
        grid-column: 1;
    }

    .main-form--mode label {
        font-size: var(--fs-400);
    }

    /* Manual form registration */
    main.manual--section {
        padding: 0 var(--space-28);
    }

    .steps {
        scale: 0.90;
    }

    .grid.grid-col-3.container {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
    }

    .form-control.grid-span-2 {
        grid-column: span 1;
    }

    .steps .step:first-child .step--icon::after {
        left: 85px;
        width: 22rem;
    }

    .steps .step:nth-child(2n) .step--icon::after {
        left: 107px;
        width: 23rem;
    }

    /* dashboard header logo */
    header .header--logo-container {
        justify-content: flex-start;
        padding-left: var(--space-28);
    }

    /* dashboard header icons */
    header .header--icons {
        padding: 0;
    }

    /* dashboard stats */

    .main--statistics ul li {
        border-bottom: 0.4px solid var(--clr-gray-border);
        padding-bottom: var(--space-18);
    }

    .main--statistics ul {
        border-bottom: none;
    }

    /* policy */
    .policy--form-wrapper {
        margin: 0;
    }

    /* POLICY */
    .policy--table {
        max-width: 90vw;
    }

    .policy--intro-wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 4rem;
        flex-wrap: wrap;
    }
}

/* 600px */
@media (max-width: 35em) {
    .steps {
        scale: 0.90;
    }

    .grid.grid-col-3.container {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
    }

    .form-control.grid-span-2 {
        grid-column: span 1;
    }

    .steps .step:first-child .step--icon::after {
        left: 85px;
        width: 14rem;
    }

    .steps .step:nth-child(2n) .step--icon::after {
        left: 107px;
        width: 16rem;
    }

    /* policy  */
    .policy--form-wrapper {
        margin: 0;
    }

    /* POLICY */
    .policy--table {
        max-width: 85vw;
    }

    .policy--intro-wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 4rem;
        flex-wrap: wrap;
    }
}

/* 544px */
@media (max-width: 34em) {

    /* Authentication pages */
    .section--form {
        padding: 0 32px;
    }

    .authentication-form {
        padding: var(--space-80) var(--space-48);
    }

    .form-control .link {
        line-height: 2.4rem;
    }

    .section.main {
        grid-template-columns: 1fr;
        grid-row-gap: 6rem;
    }

    .section.main .main-steps {
        grid-row: 1;
        grid-column: 1;
    }

    .main-steps>p {
        max-width: calc(80% - 10px);
    }

    .authentication-form {
        max-width: fit-content;
        padding-left: var(--space-28);
        padding-right: var(--space-28);
    }


    .validate--details-wrapper {
        padding-left: var(--space-8);
        padding-right: var(--space-8);
    }


    .validate--detail--item img {
        max-width: 18rem;
    }

    /* Manual form registration */
    main.manual--section {
        padding: 0 var(--space-28);
    }

    .steps {
        scale: 0.80;
    }

    .grid.grid-col-3.container {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }

    .form-control.grid-span-2 {
        grid-column: span 1;
    }

    .steps .step:first-child .step--icon::after {
        left: 85px;
        width: 11rem;
    }

    .steps .step:nth-child(2n) .step--icon::after {
        left: 105px;
        width: 13rem;
    }

    /* dashboard  */
    body {
        grid-template-columns: 1fr;
    }

    /* MOBILE NAVIGATION */

    header {
        background: var(--clr-neutral-light);
    }

    body>section {
        display: none;
    }

    body>nav {
        opacity: 0;
        pointer-events: none;
        visibility: hidden;
        transform: translateX(-120%);
    }

    .d-icons {
        display: none;
    }

    .btn-mobile-nav {
        display: block;
    }

    body.nav-open {
        overflow: hidden;
    }

    body.nav-open>nav {
        opacity: 1;
        pointer-events: auto;
        visibility: visible;
        background: var(--clr-neutral-light);
        width: 100%;
        left: 0;
        height: calc(91%);
        padding-bottom: 3.8rem;
        transform: translateX(0);
    }

    body.nav-open .icon-mobile-nav[name="close-icon"] {
        display: block;
    }

    body.nav-open .icon-mobile-nav[name="menu-icon"] {
        display: none;
    }



    .main--statistics ul li {
        border-bottom: 0.4px solid var(--clr-gray-border);
        padding-bottom: var(--space-18);
    }

    .main--statistics ul {
        border-bottom: none;
    }

    /* policy */
    body:has(> main.claims),
    body:has(> main.policy) {
        grid-template-columns: 1fr !important;
    }

    .claims--search input,
    .policy--search input {
        width: 100%;
    }

    .btn.primary {
        padding: var(--space-12);
    }


    .policy--form-wrapper {
        margin: 0;
    }

    .policy .policy--form-wrapper .grid.grid-col-2 {
        grid-template-columns: repeat(1, 1fr);
    }

    /* claims */

    .claims--intro-wrapper .intro-heading p,
    .policy--intro-wrapper .intro-heading p {
        max-width: calc(80% - var(--space-8));
    }

    .btn {
        padding: 8px;
        line-height: 16px;
        text-wrap: nowrap;
        min-width: max-content;
    }

    .policy-information .policy-information--detail .policy-fixed-column {
        margin-left: 20px;
    }

    /* POLICY */
    .policy--table {
        max-width: 85vw;
    }

    .policy--intro-wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 4rem;
        flex-wrap: wrap;
        padding-left: 0px;
    }

    .claims--intro-wrapper{
        padding-left: 0px;
    }


}