/* =========================================================
   Website Updates & Continuous Improvements Section
   Advanced CSS
   Unique Suffix: wuim7
========================================================= */


.website-improvement-section-wuim7 {

    position: relative;
    padding: 100px 20px;
    overflow: hidden;
    background:
    linear-gradient(135deg, #f7fbff 0%, #eef6ff 100%);
}


/* Background Decorative Elements */

.website-improvement-section-wuim7::before {

    content: "";
    position: absolute;
    width: 350px;
    height: 350px;
    top: -120px;
    left: -120px;
    border-radius: 50%;
    background: rgba(0,120,255,0.08);
    filter: blur(80px);
}


.website-improvement-section-wuim7::after {

    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    bottom: -100px;
    right: -100px;
    border-radius: 50%;
    background: rgba(0,180,255,0.10);
    filter: blur(80px);
}




/* Main Container */

.website-improvement-container-wuim7 {

    max-width: 1250px;
    margin:auto;
    position:relative;
    z-index:2;
}




/* Header */

.website-improvement-header-wuim7 {

    text-align:center;
    max-width:850px;
    margin:0 auto 60px;
}


.section-tag-wuim7 {

    display:inline-block;
    padding:8px 20px;
    border-radius:50px;
    background:#ffffff;
    color:#0066ff;
    font-size:14px;
    font-weight:600;
    letter-spacing:.5px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}



.website-improvement-header-wuim7 h2 {

    margin:20px 0;
    font-size:48px;
    line-height:1.2;
    font-weight:800;
    color:#111827;
}



.website-improvement-header-wuim7 h2 span {

    background:linear-gradient(
    90deg,
    #0066ff,
    #00b4ff
    );

    -webkit-background-clip:text;
    color:transparent;
}



.website-improvement-header-wuim7 p {

    font-size:18px;
    line-height:1.8;
    color:#5b6472;
}




/* Dashboard */

.improvement-dashboard-wuim7 {

    display:grid;
    grid-template-columns:360px 1fr;
    gap:35px;
    padding:35px;

    background:rgba(255,255,255,.75);

    backdrop-filter:blur(20px);

    border-radius:30px;

    border:1px solid rgba(255,255,255,.8);

    box-shadow:
    0 30px 70px rgba(0,0,0,.10);
}





/* Left Navigation */

.dashboard-navigation-wuim7 {

    display:flex;
    flex-direction:column;
    gap:15px;
}



.dashboard-nav-item-wuim7 {


    display:flex;
    align-items:center;

    gap:15px;

    padding:18px;

    border-radius:18px;

    cursor:pointer;

    background:#ffffff;

    transition:.35s ease;

    position:relative;

    overflow:hidden;
}



.dashboard-nav-item-wuim7::before {

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:4px;

    height:0;

    background:#0066ff;

    transition:.35s ease;

}



.dashboard-nav-item-wuim7:hover {

    transform:translateX(8px);

    box-shadow:
    0 15px 35px rgba(0,0,0,.08);

}



.dashboard-nav-item-wuim7.active-wuim7 {

    background:
    linear-gradient(
    135deg,
    #0066ff,
    #00a8ff
    );

    color:white;

}



.dashboard-nav-item-wuim7.active-wuim7::before {

    height:100%;

}





/* Icons */

.nav-icon-wuim7 {

    width:45px;
    height:45px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:14px;

    background:#eef5ff;

    color:#0066ff;

    font-size:20px;

}



.active-wuim7 .nav-icon-wuim7 {

    background:rgba(255,255,255,.2);

    color:white;

}




.nav-text-wuim7 h4 {

    margin:0;
    font-size:16px;
    font-weight:700;

}


.nav-text-wuim7 span {

    font-size:12px;
    opacity:.7;

}



.nav-arrow-wuim7 {

    margin-left:auto;

}




/* Content Panel */


.dashboard-content-wuim7 {

    position:relative;

    min-height:450px;

}



.dashboard-panel-wuim7 {

    display:none;

    animation:
    fadeUpWuim7 .5s ease;

}



.dashboard-panel-wuim7.active-panel-wuim7 {

    display:block;

}



@keyframes fadeUpWuim7 {

    from {

        opacity:0;

        transform:translateY(30px);

    }

    to {

        opacity:1;

        transform:translateY(0);

    }

}





.panel-icon-wuim7 {

    width:70px;
    height:70px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:22px;

    background:
    linear-gradient(
    135deg,
    #0066ff,
    #00b4ff
    );

    color:white;

    font-size:30px;

    margin-bottom:25px;

}



.dashboard-panel-wuim7 h3 {

    font-size:32px;

    margin-bottom:15px;

    color:#111827;

}



.dashboard-panel-wuim7 p {

    color:#5b6472;

    font-size:17px;

    line-height:1.8;

    max-width:650px;

}





/* Feature Tags */


.feature-tags-wuim7 {

    display:flex;

    flex-wrap:wrap;

    gap:12px;

    margin-top:30px;

}



.feature-tags-wuim7 span {

    padding:10px 18px;

    background:#f0f6ff;

    color:#0066ff;

    border-radius:50px;

    font-size:14px;

    font-weight:600;

    transition:.3s ease;

}



.feature-tags-wuim7 span:hover {

    transform:translateY(-5px);

    box-shadow:
    0 10px 25px rgba(0,102,255,.15);

}





/* Progress */

.progress-area-wuim7 {

    margin-top:40px;

}



.progress-label-wuim7 {

    font-weight:700;

    margin-bottom:12px;

}



.progress-bar-wuim7 {

    height:10px;

    background:#e5edf8;

    border-radius:20px;

    overflow:hidden;

}



.progress-fill-wuim7 {

    width:0;

    height:100%;

    border-radius:20px;

    background:
    linear-gradient(
    90deg,
    #0066ff,
    #00c6ff
    );

    transition:
    width 1.5s ease;

}





/* Tablet */

@media(max-width:992px){


.improvement-dashboard-wuim7 {

    grid-template-columns:1fr;

}


.dashboard-navigation-wuim7 {

    display:grid;

    grid-template-columns:repeat(2,1fr);

}


.website-improvement-header-wuim7 h2 {

    font-size:38px;

}


}





/* Mobile */

@media(max-width:600px){


.website-improvement-section-wuim7 {

    padding:70px 15px;

}



.website-improvement-header-wuim7 h2 {

    font-size:30px;

}


.website-improvement-header-wuim7 p {

    font-size:16px;

}



.improvement-dashboard-wuim7 {

    padding:20px;

    border-radius:20px;

}



.dashboard-navigation-wuim7 {

    grid-template-columns:1fr;

}



.dashboard-nav-item-wuim7 {

    padding:15px;

}



.dashboard-panel-wuim7 h3 {

    font-size:26px;

}



.feature-tags-wuim7 span {

    font-size:13px;

    padding:8px 14px;

}


}