/*--------------
    Get free
--------------*/
.get_free
{
    position: relative;

    overflow: hidden;

    color: var(--light_color);
    background: var(--bg_dark);


    .cont
    {
        position: relative;
        z-index: 3;

        display: flex;
        align-content: stretch;
        align-items: stretch;
        flex-wrap: wrap;
        justify-content: space-between;

        min-height: 490px;
    }


    .block_head
    {
        gap: var(--block_padding);

        width: calc(588px + var(--block_padding) * 2);
        max-width: 100%;
        margin-bottom: 0;
        margin-left: var(--outside_gap_xs);
        padding-block: var(--outside_gap_l);


        .title
        {
            font-size: 50px;
            line-height: 114%;
        }


        .desc
        {
            width: 431px;

            border-color: currentColor;
        }
    }


    .data
    {
        display: flex;
        flex-direction: column;
        gap: var(--block_padding);

        width: 480px;
        max-width: 100%;
        padding-block: var(--outside_gap_l);
        padding-left: 140px;

        border-left: 1px solid rgba(255,255,255, .3);


        .items
        {
            display: flex;
            flex-direction: column;
            gap: var(--inner_gap_l);


            & > *
            {
                display: flex;
                flex-direction: column;
                gap: var(--inner_gap_xxs);
            }


            .name
            {
                padding-left: 20px;

                font-size: var(--font_size_s);
                font-weight: 600;
                line-height: 157.143%;

                background: url(../../../images/ic_get_free_item.svg) 0 50% no-repeat;
            }


            .desc
            {
                font-size: var(--font_size_xs);
                line-height: 141.667%;

                opacity: .7;
            }
        }


        .divider
        {
            width: 100vw;
            height: 1px;
            margin-left: -140px;

            opacity: .3;
            background: currentColor;
        }


        .btn
        {
            display: flex;
            align-content: center;
            align-items: center;
            flex-wrap: wrap;
            justify-content: center;
            gap: var(--inner_gap_xxs);

            width: fit-content;
            min-width: 180px;
            height: 60px;
            padding-inline: var(--block_padding_s);

            font-size: var(--font_size_xs);
            font-weight: 600;

            transition: transform .2s linear;

            background: var(--gradient_primary);

            clip-path: var(--clip_path_double_corners_small);


            .icon
            {
                display: block;

                width: 5px;

                transform: translateY(1px);

                aspect-ratio: 1 / 1.5;
            }


            @media (hover: hover) and (pointer: fine)
            {
                &:hover
                {
                    transform: scale(1.1);
                }
            }
        }
    }


    .bg
    {
        position: absolute;
        z-index: 1;
        inset: 0;

        display: block;

        pointer-events: none;


        &:before
        {
            position: absolute;
            inset: 0;

            display: block;

            content: '';

            background: rgba(21, 21, 21, .60);
        }
    }
}



@media print,
(max-width: 1439px)
{
    .get_free
    {
        .cont
        {
            min-height: 0;
        }


        .block_head
        {
            width: calc(632px + var(--block_padding) * 2);
            margin-left: var(--block_padding);
            padding-block: var(--outside_gap);
        }


        .data
        {
            padding-block: var(--outside_gap);
            padding-left: var(--outside_gap_l);


            .divider
            {
                margin-left: calc(var(--outside_gap_l) * -1);
            }
        }
    }
}



@media print,
(max-width: 1279px)
{
    .get_free
    {
        .block_head
        {
            width: calc(456px + var(--block_padding) * 2);
            margin-left: 0;
            padding-inline: 0;


            .title
            {
                font-size: var(--font_size_title_l);
            }
        }


        .data
        {
            width: 360px;
            padding-left: var(--outside_gap_s);


            .divider
            {
                margin-left: calc(var(--outside_gap_s) * -1);
            }
        }
    }
}



@media print,
(max-width: 1023px)
{
    .get_free
    {
        .block_head
        {
            align-content: center;
            align-items: center;
            gap: var(--inner_gap_l);

            width: 100%;
            padding-block: var(--outside_gap_s) var(--block_padding);

            text-align: center;


            .desc
            {
                padding: 0;

                border: none;
            }
        }


        .data
        {
            align-content: center;
            align-items: center;

            width: 100%;
            padding-block: 0 var(--outside_gap_s);
            padding-left: 0;

            border: none;


            .items
            {
                & > *
                {
                    align-content: center;
                    align-items: center;
                }
            }


            .divider
            {
                display: none;

                margin-left: calc(var(--cont_padding) * -1);
            }
        }
    }
}



@media (max-width: 767px)
{
    .get_free
    {
        .data
        {
            .btn
            {
                width: 100%;
            }
        }
    }
}