/* ==========================================
   CAMPUS ONE V2
========================================== */

.campus-one{
    padding:140px 0;
    background:#ffffff;
    position:relative;
    overflow:hidden;
}

.campus-one::before{
    content:"";
    position:absolute;
    width:650px;
    height:650px;
    right:-220px;
    top:-180px;
    background:radial-gradient(circle,#dbeafe 0%,transparent 70%);
    opacity:.8;
    border-radius:50%;
}

.campus-grid{
    display:grid;
    grid-template-columns:1fr 1.15fr;
    gap:80px;
    align-items:center;
}

/* LEFT */

.section-tag{
    display:inline-block;
    color:#2563EB;
    font-size:13px;
    font-weight:700;
    letter-spacing:2px;
    margin-bottom:18px;
}

.campus-left h2{
    font-size:64px;
    line-height:1.05;
    color:#081B4B;
    margin-bottom:24px;
}

.campus-left h2 span{
    color:#2563EB;
}

.campus-desc{
    font-size:18px;
    line-height:1.9;
    color:#64748B;
    margin-bottom:40px;
}

.feature-list{
    display:flex;
    flex-direction:column;
    gap:18px;
    margin-bottom:40px;
}

.feature-item{
    display:flex;
    align-items:center;
    gap:15px;
    font-weight:600;
    color:#081B4B;
}

.feature-item svg{
    width:22px;
    height:22px;
    color:#2563EB;
}

/* RIGHT PANEL */

.campus-showcase{

    background:#fff;

    border:1px solid #E7EEF9;

    border-radius:30px;

    padding:35px;

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

    position:relative;

}

.timeline{

    position:relative;

    padding-left:28px;

    margin-bottom:35px;

}

.timeline::before{

    content:"";

    position:absolute;

    left:18px;

    top:10px;

    width:2px;

    height:92%;

    background:#DCE8FF;

}

.timeline-item{

    position:relative;

    display:flex;

    gap:20px;

    margin-bottom:26px;

}

.timeline-number{

    width:38px;

    height:38px;

    border-radius:50%;

    background:#2563EB;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:14px;

    font-weight:700;

    z-index:2;

    flex-shrink:0;

}

.timeline-content{

    width:100%;

    background:#fff;

    border:1px solid #E7EEF9;

    border-radius:18px;

    padding:22px;

    transition:.35s;

}

.timeline-content:hover{

    transform:translateX(8px);

    border-color:#2563EB;

    box-shadow:0 20px 45px rgba(37,99,235,.12);

}

.timeline-content h4{

    font-size:19px;

    margin-bottom:10px;

    color:#081B4B;

}

.timeline-content p{

    font-size:15px;

    line-height:1.7;

    color:#64748B;

}

/* IMAGE */

.campus-image{

    position:relative;

    border-radius:22px;

    overflow:hidden;

    box-shadow:0 25px 60px rgba(0,0,0,.12);

}

.campus-image img{

    width:100%;

    display:block;

    transition:.5s;

}

.campus-image:hover img{

    transform:scale(1.05);

}

.image-overlay{

    position:absolute;

    left:25px;

    bottom:25px;

    background:rgba(8,27,75,.88);

    color:#fff;

    padding:16px 22px;

    border-radius:14px;

    backdrop-filter:blur(12px);

}

.image-overlay span{

    display:block;

    font-size:22px;

    font-weight:700;

}

.image-overlay small{

    display:block;

    margin-top:4px;

    font-size:13px;

    opacity:.8;

}