/* ======================================
School of Science & Technology (SST) CSS
SARD Style Redesign
====================================== */

/* Common */
.sst-section-subtitle{
color:#0F4C81;
font-size:14px;
font-weight:700;
letter-spacing:2px;
text-transform:uppercase;
}

/* Dean Section */
.sst-dean-section{padding:20px 0;background:#fff;}
.sst-dean-wrapper{background:#fff;border-radius:20px;padding:35px;box-shadow:0 8px 25px rgba(0,0,0,0.08);border:1px solid #e5e7eb;}
.sst-dean-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;}
.sst-dean-title h2{font-size:26px;font-weight:700;color:#233042;margin:8px 0 0;}
.sst-dean-badge{background:#E3F2FD;color:#0F4C81;padding:12px 24px;border-radius:30px;font-weight:700;font-size:16px;}
.sst-dean-divider,.sst-dean-bottom-divider{border:0;height:1px;background:#e5e7eb;}
.sst-dean-divider{margin-bottom:35px;}
.sst-dean-bottom-divider{margin:35px 0 25px;}
.sst-dean-image{text-align:center;}
.sst-dean-image img{width:100%;max-width:260px;border-radius:20px;margin-bottom:20px;}
.sst-dean-info h3{font-size:14px;font-weight:700;color:#233042;margin-bottom:8px;}
.sst-dean-info h4{font-size:16px;font-weight:700;color:#0F4C81;margin-bottom:10px;}
.sst-dean-info p{font-size:16px;color:#666;line-height:1.6;margin:0;}
.sst-dean-quote{background:#F5F9FC;border-left:5px solid #0F4C81;border-radius:0 15px 15px 0;padding:25px 30px;margin-bottom:30px;}
.sst-dean-quote p{font-size:20px;font-weight:700;color:#233042;line-height:1.6;margin:0;}
.sst-dean-content p{font-size:16px;line-height:1.7;color:#555;margin-bottom:20px;text-align:justify;}
.sst-dean-footer{display:flex;justify-content:space-between;align-items:center;}
.sst-dean-btn{display:inline-block;padding:14px 32px;background:#0F4C81;color:#fff !important;text-decoration:none !important;border-radius:30px;font-size:17px;font-weight:600;}
.sst-dean-signature{text-align:right;}
.sst-dean-signature h3{font-size:20px;font-weight:700;color:#233042;margin-bottom:5px;}

/* About Section */
.sst-about-section{padding:20px 0;background:#fff;}
.sst-about-wrapper{background:#fff;border-radius:20px;padding:40px;box-shadow:0 8px 25px rgba(0,0,0,0.08);border:1px solid #e5e7eb;}
.sst-about-image img{width:100%;border-radius:20px;margin-top:100px;}
.sst-about-content h2{font-size:26px;font-weight:700;color:#233042;margin:10px 0 20px;}
.sst-about-content p{font-size:17px;line-height:1.8;color:#555;margin-bottom:20px;text-align:justify;}
.sst-about-list{margin:25px 0;padding-left:0;list-style:none;}
.sst-about-list li{position:relative;padding-left:28px;margin-bottom:12px;font-size:16px;color:#555;line-height:1.7;}
.sst-about-list li:before{content:"✓";position:absolute;left:0;color:#0F4C81;font-weight:700;}
.sst-read-more-btn{display:inline-block;padding:12px 28px;background:#0F4C81;color:#fff !important;text-decoration:none !important;border-radius:8px;font-weight:600;}

/* Academic Programs */
.sst-program-section{padding:20px 0;background:#F5F9FC;}
.sst-program-header{margin-bottom:45px;}
.sst-program-header h2{font-size:26px;font-weight:700;color:#233042;margin:0 0 15px;}
.sst-program-divider{display:flex;justify-content:center;}
.sst-program-divider span{width:220px;height:4px;background:#0F4C81;border-radius:2px;position:relative;}
.sst-program-divider span:before{content:"";position:absolute;width:16px;height:16px;background:#0F4C81;border-radius:50%;top:50%;left:50%;transform:translate(-50%, -50%);}
.sst-program-section .col-md-6,.sst-program-section .col-lg-3{display:flex;margin-bottom:30px;}
.sst-program-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border-radius:20px;padding:28px 22px;text-decoration:none !important;border:1px solid #e5e7eb;border-top:5px solid #0F4C81;box-shadow:0 6px 20px rgba(0,0,0,0.06);transition:all 0.3s ease;width:100%;flex:1;min-height:300px;}
.sst-program-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px rgba(0,0,0,0.12);}
.sst-program-icon{width:70px;height:70px;display:flex;align-items:center;justify-content:center;font-size:34px;color:#0F4C81;margin-bottom:20px;}
.sst-program-card h3{font-size:18px;font-weight:700;color:#233042;line-height:1.5;margin:0 0 18px;min-height:72px;display:flex;align-items:center;justify-content:center;text-align:center;}
.sst-program-badge{background:#E3F2FD;color:#0F4C81;padding:8px 18px;border-radius:30px;font-size:13px;font-weight:700;}

/* Mobile Responsive */
@media(max-width:768px){
.sst-dean-wrapper,.sst-about-wrapper{padding:25px;}
.sst-dean-top{flex-direction:column;align-items:flex-start;gap:15px;}
.sst-dean-title h2,.sst-about-content h2,.sst-program-header h2{font-size:32px;}
.sst-dean-footer{flex-direction:column;gap:20px;align-items:flex-start;}
.sst-dean-btn{width:100%;text-align:center;}
.sst-program-section .col-md-6,.sst-program-section .col-lg-3{display:block;margin-bottom:25px;}
.sst-program-card{min-height:auto;padding:24px 18px;}
.sst-program-card h3{min-height:auto;font-size:17px;}
}


/* ======================================
SST - Journal Section
====================================== */

.sst-journal-section{
padding:20px 0;
background:#fff;
}

.sst-journal-wrapper{
background:#F5F9FC;
border-radius:20px;
padding:45px;
border:1px solid #e5e7eb;
box-shadow:0 8px 25px rgba(0,0,0,0.06);
}

/* Center align SST Journal Image */
.sst-journal-logo{
    display:flex;
    justify-content:center;
    align-items:center;
    height:100%;
    min-height:300px; /* Adjust height if needed */
    text-align:center;
}

.sst-journal-logo img{
    max-width:300px;
    width:100%;
    height:auto;
    display:block;
    margin:0 auto;
    border-radius:20px;
}

.sst-journal-content h2{
font-size:24px;
font-weight:700;
color:#233042;
margin:10px 0 20px;
}

.sst-journal-content p{
font-size:17px;
line-height:1.8;
color:#555;
margin-bottom:25px;
text-align:justify;
}

.sst-journal-features{
margin-bottom:30px;
}

.sst-journal-feature{
display:flex;
align-items:center;
margin-bottom:12px;
}

.sst-journal-feature i{
color:#0F4C81;
font-size:18px;
margin-right:12px;
}

.sst-journal-feature span{
font-size:16px;
color:#555;
}

.sst-journal-btn{
display:inline-block;
padding:14px 32px;
background:#0F4C81;
color:#fff !important;
text-decoration:none !important;
border-radius:8px;
font-size:17px;
font-weight:600;
transition:all 0.3s ease;
}

.sst-journal-btn:hover{
background:#0b3a63;
color:#fff !important;
text-decoration:none !important;
}

/* ======================================
SST - Contact Information Section
====================================== */

.sst-contact-section{
padding:20px 0;
background:#fff;
}

.sst-contact-wrapper{
background:#fff;
border-radius:20px;
padding:45px;
border:1px solid #e5e7eb;
box-shadow:0 8px 25px rgba(0,0,0,0.06);
}

.sst-contact-header{
margin-bottom:45px;
}

.sst-contact-header h2{
font-size:24px;
font-weight:700;
color:#233042;
margin:10px 0 15px;
}

.sst-contact-divider{
display:flex;
justify-content:center;
}

.sst-contact-divider span{
width:180px;
height:4px;
background:#0F4C81;
border-radius:2px;
position:relative;
}

.sst-contact-divider span:before{
content:"";
position:absolute;
width:16px;
height:16px;
background:#0F4C81;
border-radius:50%;
top:50%;
left:50%;
transform:translate(-50%, -50%);
}

.sst-contact-card{
display:flex;
align-items:flex-start;
gap:20px;
background:#F5F9FC;
border-radius:18px;
padding:28px;
margin-bottom:25px;
height:100%;
transition:all 0.3s ease;
}

.sst-contact-card:hover{
transform:translateY(-5px);
box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

.sst-contact-icon{
width:60px;
height:60px;
min-width:60px;
display:flex;
align-items:center;
justify-content:center;
background:#0F4C81;
border-radius:50%;
color:#fff;
font-size:24px;
}

.sst-contact-content h3{
font-size:22px;
font-weight:700;
color:#233042;
margin-bottom:10px;
}

.sst-contact-content p{
font-size:16px;
line-height:1.7;
color:#555;
margin:0 0 5px;
}

/* Mobile Responsive */

@media(max-width:768px){

```
.sst-journal-wrapper,
.sst-contact-wrapper{
    padding:25px;
}

.sst-journal-content{
    text-align:center;
    margin-top:30px;
}

.sst-journal-content h2,
.sst-contact-header h2{
    font-size:32px;
}

.sst-journal-content p{
    text-align:left;
    font-size:16px;
}

.sst-journal-btn{
    width:100%;
    text-align:center;
}

.sst-contact-card{
    padding:22px;
    margin-bottom:20px;
}

.sst-contact-icon{
    width:50px;
    height:50px;
    min-width:50px;
    font-size:20px;
}

.sst-contact-content h3{
    font-size:20px;
}

.sst-contact-content p{
    font-size:15px;
}
```

}