.index_container
{
    display: block;
    position: relative;
}

.con
{
    padding: 0;
    margin: 0;
    border: 0;
    display: inline-block;
    /*font-size: 14px;*/
}

.c_main
{
    padding: 0;
    margin: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    border: none;
    font-size: 0;
    letter-spacing: 0;
}

.c_main_content
{
    padding: 0;
    margin: 0;
    display: flex; 
    align-items: center;
    font-size: 0;
    letter-spacing: 0;
}

.c2{ width: calc((100% / 6) - 0px); }
.c3{ width: calc(25% - 0px); }
.c4{ width: calc((100% / 3) - 0px);  container: cta/inline-size; }
.c6{ width: calc(50% - 0px); container: cta/inline-size; }
.c8{ width: calc(((100% / 3) * 2) - 0px); container: cta/inline-size; }
.c9{ width: calc(75% - 0px); }
.c12{ width: calc(100% - 0px); container: cta/inline-size; }

.c6_inside_c{ width: calc(50% - 0px); }


@container cta (max-width: 540px) {
    .c6_inside_c
    {
        width: calc(100% - 0px);
        margin-left: 0;
        text-align: center;
        clear: both;
    }
}