hu-custom-form .f-2{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 60px;
}

hu-custom-form .f-2_header{
    text-align: center;
}

hu-custom-form .f-2_title{
    font-size: var(--f-2-title-size, 50px);
    font-weight: 500;
    text-transform: uppercase;
    font-family: var(--font-akzidenz-grotesk-super);
    margin-bottom: 34px;
}

hu-custom-form .f-2_content{
    font-size: var(--f-2-header-content-size, 30px);
    font-weight: 500;
    font-family: var(--font-gotham-medium);
}

hu-custom-form .f-2_grid-blocks{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 26px;
    width: 100%;
}

hu-custom-form .f-2-grid{
    padding: 60px 48px;
    background-color: #313131;
    display: flex;
    flex-direction: column;
    gap: 40px;
    border-radius: 12px;
    position: relative;
}

hu-custom-form .f-2-item{
    padding-block: 24px;
    border-top: 1px solid #6F6F6F;
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}
hu-custom-form .f-2-grid_title{
    font-size: var(--f-2-grid-title-size, 44px);
    font-weight: 500;
    font-family: var(--font-akzidenz-grotesk-super);
}

hu-custom-form .f-2-item_title{
    font-size: var(--f-2-item-title-size, 22px);
    font-weight: 700;
    font-family: var(--font-gotham-medium);
}

hu-custom-form .f-2-item_content{
    font-size: var(--f-2-content-size, 16px);
    color: var(--f-2-content-color, #000000);
    font-weight: 500;
    font-family: var(--font-gotham-medium);
}

hu-custom-form .f-2-item_content p{
    margin: 0;
}
hu-custom-form .f-2-grid_icon{
    width: 55px;
    height: 55px;
}
hu-custom-form .f-2-grid_header{
    display: flex;
    align-items: center;
    gap: 26px;
}
@media (max-width: 959px){
    hu-custom-form .f-2_grid-blocks{
        display: grid;
        width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        padding-inline: 0;
        gap: 16px;
        overflow-x: auto;
        overflow-y: hidden;
        box-sizing: border-box;
        scroll-behavior: smooth;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        overscroll-behavior-inline: contain;
        -webkit-overflow-scrolling: touch;
        grid: auto / auto-flow 80%;
    }
    hu-custom-form .f-2-item_content{
        font-size: var(--f-2-content-size-mobile, 16px);
    }
    hu-custom-form .f-2_grid-blocks::-webkit-scrollbar{
        display: none;
    }

    hu-custom-form .f-2-grid{
        min-width: 0;
        scroll-snap-align: start;
        padding: 8vw 4vw;
        gap: 5.3333vw;
    }
    hu-custom-form .f-2-grid_title{
        font-size: var(--f-2-grid-title-size-mobile, 45px);
    }
    hu-custom-form .f-2-item_title{
        font-size: var(--f-2-item-title-size-mobile, 25px);
    }
    hu-custom-form .f-2-item-arrow{
        position: absolute;
        right: calc((5.3333vw + 8px) * -1);
        top: 50%;
        transform: translateY(-50%);
        background-color: rgba(255,255,255,0.4);
        width: 10.6667vw;
        height: 10.6667vw;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 3;
        padding: 2.6667vw;
    }
    hu-custom-form .f-2-item-arrow svg{
        width: 100%;
        height: 100%;
    }
    hu-custom-form .f-2_title{
        font-size: var(--f-2-title-size-mobile, 45px);
        margin-bottom: 3.7333vw;
    }
    hu-custom-form .f-2_content{
        font-size: var(--f-2-item-title-size-mobile, 25px);
    }
    hu-custom-form .f-2{
        gap: 8vw;
    }
}