.awards-grid{
   display: flex;
   flex-direction: row;
   justify-content: center;
   gap: 20px;
}   
@media (max-width: 1024px){

.awards-grid{
   flex-direction: column;
   justify-content: center;
   gap: 20px;

}
}
 
.column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 30%;
    transition: width 0.5s;
    overflow: hidden;
    cursor: pointer;
    border-radius: 20px 20px 20px 20px;
    box-shadow: 4px 6px 32px 0px rgb(163 163 163 / 20%);
    padding: 60px 50px;
}

.btn-award{
    background-color: white !important;
}

.btn-award:hover{
    background-color: var(--e-global-color-432d42e) !important;
    color: #fff !important;
}

/*Desktop over 1024px*/
@media screen and (min-width: 1025px) {


/*Clicked column styling*/
.expanded {

width: 55% !important;

}
}

/*Laptop over 1024px*/
@media screen and (max-width: 1366px) {

/*Clicked column styling*/
.expanded {

/* width: 70% !important; */

}
}


/*Tablet and mobile, below 1025px*/
@media (max-width: 1024px) {

.column {

    transition: height 0.5s;
    height: 200px;
    width: 100%;

}

/*Clicked column styling*/
.expanded {

    height: 300px !important;


}
}

/*Inner elements inside column container styling*/
.inner-element {
    display: none;
text-align: center;
    /*opacity: 0;*/
    transition: opacity 0s ease;
    z-index: 2;
}
.inner-element .btn-award{
border-radius: 30px;

}
.inner-element .text-award{
    text-align: center;
    color: var(--e-global-color-b218b47);
    font-family: var(--e-global-typography-23b4b67-font-family), Sans-serif;
    font-size: var(--e-global-typography-23b4b67-font-size);
    font-weight: var(--e-global-typography-23b4b67-font-weight);
    line-height: var(--e-global-typography-23b4b67-line-height);
    letter-spacing: var(--e-global-typography-23b4b67-letter-spacing);
    word-spacing: var(--e-global-typography-23b4b67-word-spacing);
}
.inner-element .sub-text{

color: var(--e-global-color-432d42e);
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
    line-height: var(--e-global-typography-accent-line-height);
}

  

/*Inner elements made visible on clicked column*/
.inner-element.active {

    display: block;
    /*opacity: 1;*/
    transition: opacity 0.5s 0.4s ease;

}

        /*Icon elements inside column container styling*/
.icon-element {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    /*opacity: 0;*/
    transition: opacity 0s ease;
    z-index: 2;
}

.icon-element span{
    text-align: center;
    font-size: var(--e-global-typography-text-font-size);
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-weight: var(--e-global-typography-text-font-weight);
}

.icon-element img{
width: 70px;
}

/*icon elements made visible on clicked column*/
.icon-element.desactive {

    display: none;
    /*opacity: 1;*/
    transition: opacity 0.5s 0.4s ease;

}
