footer {
    background: linear-gradient(
        to bottom left, 
        #b8f2e6 0%,      /* بداية اللون الأخضر */
        #b8f2e6 10%,     /* الأخضر يغطي تقريبًا الثلث */
        #bbeaf2 40%,     /* منطقة الدمج */
        #bbeaf2 100%     /* الأزرق يغطي بقية الفوتر */
    ) !important;
    padding: 20px 0;
    color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
}

footer * {
    background: transparent !important;
}