<%
    if(typeof imgClasses === 'undefined' || !imgClasses) imgClasses = 'di_w_100P di_w_lg_50P di_m_t_10px di_m_b_10px'
    
    mainColWidth = 'col-12'

    if(typeof imgPos === 'undefined' || !imgPos) 
        imgPos = 'default'
    else if (imgPos === 'left' || imgPos === 'right')
        mainColWidth = 'col-12 col-lg-6'


    if(typeof contClasses === 'undefined' || !contClasses) contClasses = 'container keys_card di_m_t_20px di_clr_w '
    if(typeof rowClasses === 'undefined' || !rowClasses) rowClasses = ''
    if(typeof colClasses === 'undefined' || !colClasses) colClasses = ''
    
%>


<div class="<%= contClasses %>">

    <% if(typeof link !== 'undefined' && link){ %>
        <a href="<%= link %>" style="text-decoration: none;">
    <% } %>
    <div class="row di_b_r_10px di_bg_w di_clr_b <%= rowClasses %>">

        <% if(typeof img !== 'undefined' && img && imgPos === 'left'){ %>
            <div class="col-12 col-lg-6 di_p_b_0 di_o_h keys_card_padding">
                <img class="<%= imgClasses %>" src="<%- img %>"/>
            </div>
        <% } %>

        <div class="<%= mainColWidth %> <%= colClasses %> di_o_h keys_card_padding">
            <% if(typeof img !== 'undefined' && img && imgPos === 'default'){ %>
                <img class="<%= imgClasses %>" src="<%- img %>"/>
            <% } %>
            <<%- h %>>
                <%- title %> 
                <% if(typeof link !== 'undefined' && link){ %>
                    <div class="rc_mask_icon di_op_7 di_size_25px di_m_r_5px di_bg_b di_d_inline_block di_p_relative" style="top: 7px; transform:rotate(180deg); mask-image: url(/img/icons/chevron_left.svg); -webkit-mask-image: url(/img/icons/chevron_left.svg); "></div>
                <% } %>
            </<%- h %>>
            <p class="di_m_b_0 di_m_t_20px"><%- description %></p>
            <% if(typeof chevron !== 'undefined' && chevron){ %>
                <div class="rc_mask_icon di_f_right di_op_7 di_size_25px di_m_r_5px di_bg_b di_d_inline_block di_p_relative" style="top: 7px; transform:rotate(180deg); mask-image: url(/img/icons/chevron_left.svg); -webkit-mask-image: url(/img/icons/chevron_left.svg); "></div>
            <% } %>
        </div>

        <% if(typeof img !== undefined && img && imgPos === 'right'){ %>
            <div class="col-12 col-lg-6 di_p_b_0 di_o_h keys_card_padding">
                <img class="<%= imgClasses %>" src="<%- img %>"/>
            </div>
        <% } %>

    </div>


    <% if(typeof link !== 'undefined' && link){ %>
    </a>
    <% } %>
</div>
