/*BENEFITS*/

.benefits{
    background: url("https://www.the-eic.com/Portals/0/Website/Events/BankableEnergies/assets/img/benefits_bg_top.png") top left no-repeat , url("https://www.the-eic.com/Portals/0/Website/Events/BankableEnergies/assets/img/benefits_bg_btm.png") bottom right no-repeat, #EBEBEB ;
    background-size: 150px, 220px;
    padding: 6em 0;
}

.benefits h2{
    color: #2AA9E0;
    text-align: center;
    font-family: DM Sans !important;
    text-transform: uppercase;
    margin-bottom: 1em;
    font-weight: 600;
    font-size: 26px;
    text-align: center;
    padding-bottom: 1.5em;
}
.benefits ul{
    margin: 0;
    padding: 0;
   
}
.benefits li{
    list-style: none !important;
    text-align: center;
    font-size: 16px;
    margin-bottom: 1em;
}
.benefits li  span.title{
    font-family: DM Sans  !important;
    color: #9F73B2;
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 0.3em;
}
.benefits li span.txt{
    font-family: DM Sans  !important;
    color: #566069;
    font-weight: 300;
    text-align: center;
    display: block;
    line-height: 26px;
    padding: 0 1em;
}
.benefits li figure img{
    width: 75px;
    margin-bottom: 1em;
}
@media (max-width: 430px) {
    .attend li span.txt{
       padding: 0;
       line-height: 24px;
    }
}


@media (max-width: 1024px) {
    .benefits{
    background-size: 150px, 190px;
    
   } 
   .benefits h2{
   
    padding-bottom: 0.5em;
}
}

@media (max-width: 600px) {
    .benefits{
    background-size: 70px, 100px;
    padding: 2em 0 3em;
}
.benefits h2{
    font-size: 20px;
    line-height: 28px;
}

}