/* Personal Infos */
    .personal-wrapper {
        padding-top: var(--nav-height);
        padding-bottom: var(--space-l);
    }
    .personal-grid {
        gap: var(--space-s) !important;
    }
    .personal-grid .item {
        background-color: var(--tile-bright);
        border-radius: var(--border-radius);
        padding: var(--space-m) var(--space-l);
    }
    .personal-grid .item div {
        padding-bottom: var(--space-xs);
    }
    .personal-grid .arrow_outward {
        height: auto;
        width: 2rem;
        position: absolute;
        bottom: var(--space-m);
        right: var(--space-l);
    }
    .personal-grid .a-white {
        color: var(--bg-bright);
    }

    /* Mobile */
    .personal-grid .item:nth-child(1) {
        grid-column: 1 / -1;
        grid-row: 2 / 3;
    }
    .personal-grid .item:nth-child(2) {
        grid-column: 1 / -1;
        grid-row: 1 / 2;
        margin: 2rem 0 calc(-1 * var(--space-s)) 0;
        padding: 0;
        margin-right: -8rem;
        background-color: transparent;
        z-index: 2;
    }
    .personal-grid .item:nth-child(3) {
        grid-column: 1 / -1;
        grid-row: 3 / 4;
    }
    .personal-grid .item:nth-child(3) ul {
        padding-left: var(--space-m);
    }
    .personal-grid .item:nth-child(4) {
        grid-column: 1 / -1;
        grid-row: 4 / 5;  
        text-align: justify;  
    }
    .personal-grid .item:nth-child(5) {
        grid-column: 1 / -1;
        grid-row: 5 / 6;
        background-color: var(--tile-blue);
        color: var(--bg-bright);
        display: flex;
        gap: var(--space-m);
        position: relative;
    }
    .personal-grid .item:nth-child(6) {
        grid-column: 1 / -1;
        grid-row: 6 / 7;
        display: flex;
        gap: var(--space-m);
    }
    .personal-grid h6 {
        color: var(--bg-light-dark);
        font-weight: 400;
    }
    .personal-grid .heading {
        margin-bottom: var(--space-xs);
    }
    
/* BREAKPOINTS */
    @media only screen and (min-width: 800px) {
    /* Desktop */ 
        .personal-grid .item:nth-child(1) {
            grid-column: 1 / 7;
            grid-row: 1 / 5;
        }
        .personal-grid .item:nth-child(2) {
            grid-column: 7 / -1;
            grid-row: 3 / 4;
            margin-right: -8rem;
            z-index: 2;
        }
        .personal-grid .item:nth-child(3) {
            grid-column: 1 / 7;
            grid-row: 5 / 6;
        }
        .personal-grid .item:nth-child(3) ul {
            padding-left: var(--space-m);
        }
        .personal-grid .item:nth-child(4) {
            grid-column: 7 / -1;
            grid-row: 5 / 6;
        }
        .personal-grid .item:nth-child(5) {
            grid-column: 1 / -1;
            grid-row: 6 / 7;
            flex-direction: row;
            justify-content: space-around;
        }
        .personal-grid .item:nth-child(6) {
            grid-column: 7 / -1 ;
            grid-row: 4 / 5;
        }
    }

    @media only screen and (min-width: 1024px) {
    /* Desktop */
        .personal-grid .item:nth-child(1) {
            grid-column: 1 / 6;
            grid-row: 1 / 5;
        }
        .personal-grid .item:nth-child(2) {
            grid-column: 5 / 9;
            grid-row: 4 / 5;
        }
        .personal-grid .item:nth-child(3) {
            grid-column: 9 / -1;
            grid-row: 1 / 8;
            line-height: var(--space-l);
        }
        .personal-grid .item:nth-child(4) {
            grid-column: 1 / 5;
            grid-row: 5 / 9;
        }
        .personal-grid .item:nth-child(5) {
            grid-column: 5 / 9;
            grid-row: 5 / 9;
            flex-direction: column;
            justify-content: space-between;
        }
        .personal-grid .item:nth-child(6) {
            grid-column: 9 / -1 ;
            grid-row: 8 / 9;
        }
    }