
/* enabling sustainable */
.enabling-energy .enabling-energy-title {
    color: #02428D;
    font-size: 28px;
    line-height: 30px;
    font-weight: bold;
}

.enabling-energy {
    background-color: #EEF5FC;
}

.enabling-energy .box {
    padding: 20px;
    margin-bottom: 20px;
    position: relative;
    height: 100%;
}

.enabling-energy .box-title {
    position: absolute;
    top: -25px;
    left: 0;
    border-radius: 4px;
    height: 54px;
    width: 160px;
    padding: 13px;
    font-size: 20px;
    color: white;
    font-weight: 500;
}

.enabling-energy .box-text {
    font-size: 14px;
   padding: 0;
    list-style: none;
    color: #363636;
}
.enabling-energy .box-text li {
    padding-bottom: 20px;
}

.enabling-energy .box ul li::first-letter {
    font-size: 20px;
    font-weight: 600;
}
.enabling-energy .box-1 ul li::first-letter {
    color: #02428D;
}
.enabling-energy .box-2 ul li::first-letter {
    color: #56A8DD;
}
.enabling-energy .box-3 ul li::first-letter {
    color: #72BF42;
}
.enabling-energy .box-1 {
    background-color: #DBECFF;
}

.enabling-energy .box-2 {
    background-color: #DAF1FF;
}

.enabling-energy .box-3 {
    background-color: #EBFFDE;
}

.enabling-energy .box-1 .box-title {
    background-color: #02428D;
}

.enabling-energy .box-2 .box-title {
    background-color: #56A8DD;
}

.enabling-energy .box-3 .box-title {
    background-color: #72BF42;
}
@media only screen and (max-width: 991px) {
    .enabling-energy-boxes{
        gap: 60px;
    }
}
