.kbtg-brands-grid
{
    display: grid;
    grid-template-columns: 1fr;
    gap: 100px;
}

.kbtg-brand-img-container
{
    position: relative;
    width: 100%;
}

.kbtg-brand-item
{
    display: grid;
    grid-template-columns: 2fr 3fr;
    gap: 95px;
    align-items: center;    
}

.kbtg-brand-img-inner
{
    width: 95%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    aspect-ratio: 595/344;
    border-radius: 20px;
    position: relative;
}

.kbtg-brand-logo
{
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;
    aspect-ratio: 319/177;
    border-radius: 20px;
    width: 50%;
    background-color: #FFFFFF;


    position: absolute;
    bottom: -29px;
    right: 0;
    /* sombra */
    
    box-shadow: 0px 11px 29.2px 0px #0000001C;

}

h3.kbtg-brand-name
{

    font-family: 'HelveticaNeueLt', Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 48px;
    line-height: 120%;
    letter-spacing: 0%;
    margin-bottom: 10px;
    color: #202024;
}

p.kbtg-brand-description
{
    font-family: 'HelveticaNeueLt', Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0%;
    color: #000000;
}

@media only screen and (max-width : 600px) 
{
    .kbtg-brand-item
    {
        display: grid;
        grid-template-columns: 1fr;
        gap: 40px;
    }

}

@media only screen and (min-width : 601px) and (max-width : 1024px) 
{
    /* Styles for tablet */
}


@media only screen and (min-width : 1025px) and (max-width : 1380px) 
{
    /* Styles for small desktop */
}


@media only screen and (min-width : 1381px) 
{
    /* Styles for large desktop */
}