.ssp-home-hero{
padding-top:100px}
.home-event-hero-btn{
background-color:white;
border:1px solid #092f57;
color:#092f57}
.home-event-hero-btn:hover{
background-color:#092f57;
color:white !important}
.ssp-home-partner-logos{
background-color:white;
padding:45px 0}
.ssp-home-partner-container{
max-width:1600px;
margin:0 auto;
padding:0 20px;
text-align:center}
.ssp-home-partner-container h2{
font-weight:700;
margin-bottom:40px}
.ssp-home-partner-track{
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
gap:40px}
.ssp-home-partner-card{
background-color:#f8f8f8;
padding:20px;
border-radius:12px;
box-shadow:0 4px 10px rgba(0,0,0,0.08);
display:flex;
justify-content:center;
align-items:center;
transition:transform 0.3s ease,box-shadow 0.3s ease}
.ssp-home-partner-card:hover{
transform:translateY(-5px);
box-shadow:0 8px 20px rgba(0,0,0,0.15)}
.ssp-home-partner-card img{
width:200px;
height:100px;
object-fit:contain;
transition:transform 0.3s ease}
.ssp-home-logo-big{
width:210px;
height:105px}
@media (max-width:992px){
.ssp-home-hero{
padding-top:60px}
.ssp-home-event-hero-img{
display:none}}
@media (max-width:576px){
.ssp-home-hero{
padding-top:50px}
.ssp-home-partner-logos{
padding:60px 0}
.ssp-home-partner-track{
gap:20px}
.ssp-home-partner-card{
padding:12px;
border-radius:8px}
.ssp-home-partner-card img{
width:160px;
height:80px}
.ssp-home-logo-big{
width:170px;
height:85px}}
.ssp-home-partner-track{
display:flex;
flex-wrap:wrap;
gap:1rem}
.ssp-home-partner-card{
flex:1 1 auto;text-align:center}
@media (max-width:991px){
.ssp-home-partner-track{
display:grid;
grid-template-columns:repeat(2,1fr);gap:1rem}
.ssp-home-partner-card{
flex:none;width:100%}}.sustainability-intro{
background-color:#092f57 !important}
.sustainability-intro img{
max-width:100%;
height:auto;
border-radius:12px;
box-shadow:0 4px 12px rgba(0,0,0,0.1);
transition:transform 0.3s}
.sustainability-intro img:hover{
transform:scale(1.03)}
.sustainability-intro h2{
color:white}
.sustainability-intro p{
font-size:1.05rem;
line-height:1.7;
color:white}
@media (max-width:991px){.sustainability-intro img:hover{
transform:none}
.sustainability-intro .col-lg-6{
margin-bottom:1.5rem}}.sdg-section{
background-color:white !important}
.sdg-section .sdg-icon{
width:60px;
height:60px;
object-fit:contain;
transition:transform 0.3s}
.sdg-section .sdg-icon:hover{
transform:scale(1.1)}
.sdg-section h5{
color:#092f57}
.sdg-section p{
font-size:1rem;
line-height:1.6;
color:#333}
.sdg-section .btn-primary:hover{
background-color:white !important;
color:#092f57 !important;
border-color:#092f57 !important}
@media (max-width:576px){
.sdg-section h5,
.sdg-section p{
text-align:center}}.the-workshops{
background-color:#092f57 !important}
.the-workshops h2{
color:white}
.the-workshops p{
font-size:1rem;
line-height:1.6;
color:white}
.the-workshops .workshop-card{
transition:transform 0.3s,box-shadow 0.3s;
background-color:#fff}
.the-workshops .workshop-card:hover{
transform:translateY(-5px);
box-shadow:0 8px 20px rgba(0,0,0,0.15)}
.the-workshops .workshop-card h5{
color:#092f57}
.the-workshops .workshop-card p{
color:black}
.the-workshops .ssp-home-workshop-btn:hover{
background-color:white !important;
color:#092f57 !important;
border-color:#092f57 !important}
@media (max-width:576px){
.the-workshops .ssp-home-workshop-btn{
display:inline-block;
max-width:100%;
padding:10px 16px;
font-size:0.9rem;
white-space:normal;text-align:center}}.research-highlights{
background-color:white !important}
.research-highlights h2{
color:#092f57}
.research-highlights .research-card{
background-color:#fff;
transition:transform 0.3s,box-shadow 0.3s}
.research-highlights .research-card:hover{
transform:translateY(-5px);
box-shadow:0 8px 20px rgba(0,0,0,0.15)}
.research-highlights .sdg-icon{
width:80px;
height:80px;
object-fit:contain;
transition:transform 0.3s}
.research-highlights .sdg-link:hover .sdg-icon{
transform:scale(1.15)}
.research-highlights .research-highlights p{
font-size:rem;
color:#333;
margin-top:10px}.reports-achievements-modern{
background-color:#092f57 !important}
.reports-achievements-modern h2{
color:white}
.reports-achievements-modern p{
font-size:1rem;
line-height:1.6;
color:white}
.reports-achievements-modern .achievement-block{
background-color:#f9f9f9;
border-radius:12px;
padding:20px;
box-shadow:0 4px 12px rgba(0,0,0,0.05);
transition:transform 0.3s,box-shadow 0.3s}
.reports-achievements-modern .achievement-block:hover{
transform:translateY(-5px);
box-shadow:0 8px 20px rgba(0,0,0,0.1)}
.reports-achievements-modern .sidebar{
width:8px;
border-radius:8px;
height:100%}
.reports-achievements-modern .achievement-block .content h5{
color:#092f57;
margin-bottom:10px}
.reports-achievements-modern .achievement-block .content p{
color:black}
.reports-achievements-modern .btn-lg{
padding:0.75rem 2rem;
font-size:1.1rem;
transition:background-color 0.3s}
.reports-achievements-modernv .btn-lg:hover{
background-color:#0b1a3b}
.reports-achievements-modern .ssp-home-reports-btn:hover{
background-color:white !important;
color:#092f57 !important;
border-color:#092f57 !important}
@media (max-width:576px){
.reports-achievements-modern .ssp-home-reports-btn{
display:inline-block;
max-width:100%;
font-size:0.9rem;
white-space:normal;text-align:center}}.student-engagement{
background-color:white !important}
.student-engagement h2{
color:#092f57}
.student-engagement .engagement-list li{
font-size:1.05rem;
line-height:1.7;
color:#333}
.student-engagement .btn-lg{
padding:0.75rem 2rem;
font-size:1.1rem;
transition:background-color 0.3s}
.student-engagement .btn-lg:hover{
background-color:#0b1a3b}
.student-engagement .btn-primary:hover{
background-color:white !important;
color:#092f57 !important;
border-color:#092f57 !important}.leadership-sustainability{
background-color:#092f57 !important}
.leadership-sustainability h2{
color:white}
.leadership-sustainability .leadership-card{
background-color:#fff;
transition:transform 0.3s,box-shadow 0.3s}
.leadership-sustainability .leadership-card:hover{
transform:translateY(-5px);
box-shadow:0 8px 20px rgba(0,0,0,0.15)}
.leadership-sustainability .leadership-card h5{
color:#092f57;
margin-bottom:10px}
.leadership-sustainability .leadership-card p{
color:#333;
font-size:1rem;
line-height:1.6}.resource-center{
background-color:white !important}
.resource-center h2{
color:#092f57}
.resource-icon{
width:60px;
height:60px;
object-fit:contain;
transition:transform 0.3s}
.resource-icon:hover{
transform:scale(1.1)}
.resource-center h5{
color:#092f57}
.resource-center p{
font-size:1rem;
color:#333;
line-height:1.6}
.resource-center .btn-lg{
background-color:#092f57;
padding:0.75rem 2rem;
font-size:1.1rem;
transition:background-color 0.3s}
.resource-center .btn-lg:hover{
background-color:#0b1a3b}
.resource-center .btn-primary:hover{
background-color:white !important;
color:#092f57 !important;
border-color:#092f57 !important}.final-conversion h2{
font-size:2rem;
color:white}
.final-conversion .btn{
padding:0.75rem 2rem;
font-size:1.1rem;
transition:background-color 0.3s,border-color 0.3s}
.final-conversion .btn-primary{
background-color:white;
color:#092f57 !important;
border:2px solid white}
.final-conversion .btn-primary:hover{
background-color:#092f57;
color:white !important;
border-color:white}
.final-conversion .btn-outline-light{
border-color:#fff;
color:#fff}
.final-conversion .btn-outline-light:hover{
background-color:#fff;
color:#092f57}
@media (max-width:768px){
.final-conversion h2{
font-size:1.5rem;
line-height:1.4}
.final-conversion .d-flex{
flex-direction:column;
gap:1rem}
.final-conversion .btn{
width:100%;
max-width:100%;
font-size:1rem;
padding:0.65rem 1.5rem}}.get-involved h2{
color:#092f57}
.get-involved p{
font-size:1.2rem;
margin-bottom:40px;
color:#092f57;
text-align:center;
font-weight:1000}
.get-involved .info-block{
background-color:#fff;
transition:transform 0.3s,box-shadow 0.3s}
.get-involved .info-block:hover{
transform:translateY(-5px);
box-shadow:0 8px 20px rgba(0,0,0,0.15)}
.get-involved .info-block h5{
color:#092f57}
.get-involved .info-block p{
color:#333;
font-size:1rem;
line-height:1.6}
.get-involved .btn-secondary{
background-color:#fff;
color:#092f57;
border:2px solid #092f57}
.get-involved .btn-secondary:hover{
background-color:#092f57;
color:white !important}.ssp-about-hero::before,
.ssp-about-hero::after{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,0.1),transparent 70%);filter:blur(130px);animation:blobFloat 10s infinite alternate ease-in-out}.ssp-about-hero::after{bottom:-150px;right:-150px}.ssp-about-hero .edu-hero-inner{width:90%;max-width:1300px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:60px;position:relative;z-index:2}.ssp-about-hero .edu-left h1{font-size:3rem;line-height:1.2;margin-bottom:20px;font-weight:700;color:white}.ssp-about-hero .sub-text{font-size:1.15rem;color:#d0d9e7;margin-bottom:40px;line-height:1.6}.ssp-about-hero .btn-primary,
.ssp-about-hero .btn-secondary{padding:12px 24px;border-radius:8px;text-decoration:none !important;display:inline-block;font-weight:600;margin-right:12px;transition:all 0.3s ease}.ssp-about-hero .btn-primary{background:white;color:#092f57 !important;border:2px solid white}.ssp-about-hero .btn-secondary{background:white;border:2px solid white;color:white}.ssp-about-hero .btn-primary:hover,
.ssp-about-hero .btn-secondary:hover{transform:translateY(-3px);background:transparent;border-color:white;color:white !important}.ssp-about-hero .btn-primary,
.ssp-about-hero .btn-secondary{transition:all 0.3s ease}@keyframes floatCircle{0%{transform:translateY(0)}50%{transform:translateY(-18px)}100%{transform:translateY(0)}}@keyframes blobFloat{0%{transform:translate(0,0)}100%{transform:translate(60px,-40px)}}@media (max-width:900px){.ssp-about-hero .edu-hero-inner{flex-direction:column;text-align:center}.ssp-about-hero .hero-graphic.about-img{width:300px !important;height:300px !important}.ssp-about-hero .btn-primary,.ssp-about-hero .btn-secondary{margin:10px 0;display:block;width:100%;max-width:260px;margin-left:auto;margin-right:auto}}.ssp-vision-section{
padding:50px 20px;
background-color:#fff}
.ssp-vision-container{
max-width:900px;
margin:0 auto;
text-align:center}
.ssp-vision-container h2{
font-size:2.5rem;
font-weight:700;
color:#092f57;
margin-bottom:24px}
.ssp-vision-container p{
font-size:1.1rem;
line-height:1.8;
color:#444;
max-width:780px;
margin:0 auto}
@media (max-width:768px){
.ssp-vision-container h2{
font-size:1.8rem}
.ssp-vision-container p{
font-size:1rem}}.ssp-about-mission-section{
padding:50px 20px;
background-color:#092f57}
.ssp-about-mission-section .ssp-mission-container{
max-width:1000px;
margin:0 auto;
text-align:center}
.ssp-about-mission-section .ssp-mission-container h2{
font-size:2.2rem;
font-weight:700;
color:white;
margin-bottom:24px}
.ssp-about-mission-section .ssp-mission-container p{
font-size:1.1rem;
color:white;
line-height:1.5;
margin-bottom:16px}
.ssp-about-mission-section .ssp-sdgs{
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:24px;
margin:30px 0}
.ssp-about-mission-section .sdg-item{
display:flex;
align-items:flex-start;
gap:12px;
max-width:300px;
text-align:left}
.ssp-about-mission-section .sdg-icon{
width:100px;
height:120px;
object-fit:contain}
.ssp-about-mission-section .ssp-mission-cta{
margin-top:30px}
.ssp-about-mission-section .btn-cta{
text-decoration:none !important;
border:2px solid white !important;
color:white;
padding:14px 28px;
font-weight:600;
border-radius:4px;
transition:all 0.3s ease}
.ssp-about-mission-section .btn-cta:hover{
border:2px solid white !important;
color:#092f57 !important;
background-color:white;
transition:all 0.3s ease}
@media (max-width:768px){
.ssp-about-mission-section .ssp-mission-container h2{
font-size:1.8rem}
.ssp-about-mission-section .ssp-sdgs{
flex-direction:column;
align-items:center}
.ssp-about-mission-section .sdg-item{
max-width:100%}}.ssp-about-leadership-section{
padding:50px 20px;
background-color:#f7f8fa}
.ssp-about-leadership-section .ssp-leadership-container{
max-width:900px;
margin:0 auto}
.ssp-about-leadership-section .ssp-leadership-container h2{
font-size:2.2rem;
font-weight:700;
color:#092f57;
text-align:center;
margin-bottom:40px}
.ssp-about-leadership-section .leadership-message{
background-color:#fff;
padding:30px 25px;
border-radius:16px;
box-shadow:0 12px 30px rgba(0,0,0,0.1);
margin-bottom:40px}
.ssp-about-leadership-section .leader-info{
display:flex;
align-items:flex-start;
gap:25px}
.ssp-about-leadership-section .leader-photo-wrapper{
position:relative;
flex-shrink:0;
border-radius:50%;
padding:5px;
background:linear-gradient(135deg,#1a3f7c,#092f57);
transition:transform 0.3s ease,box-shadow 0.3s ease}
.ssp-about-leadership-section .leader-photo-wrapper:hover{
transform:scale(1.05);
box-shadow:0 12px 25px rgba(0,0,0,0.25)}
.ssp-about-leadership-section .leader-photo{
width:120px;
height:120px;
object-fit:cover;
border-radius:50%;
display:block}
.ssp-about-leadership-section .leader-text h3{
font-size:1.5rem;
font-weight:700;
color:#092f57;
margin-bottom:16px}
.ssp-about-leadership-section .leader-text p{
font-size:1rem;
color:#444;
line-height:1.7;
margin-bottom:12px}
.ssp-about-leadership-section .leader-name{
font-weight:600;
color:#092f57}
@media (max-width:768px){
.ssp-about-leadership-section .ssp-leadership-container h2{
font-size:1.8rem}
.ssp-about-leadership-section .leader-info{
flex-direction:column;
align-items:center;
text-align:center}
.ssp-about-leadership-section .leader-photo-wrapper{
margin-bottom:16px}}.ssp-about-rankings-section{
padding:50px 20px;
background-color:#092f57;
text-align:center}
.ssp-about-rankings-section .rankings-container{
max-width:900px;
margin:0 auto}
.ssp-about-rankings-section h2{
font-size:2.2rem;
font-weight:700;
color:white;
margin-bottom:20px}
.ssp-about-rankings-section .rankings-description{
font-size:1.1rem;
color:white;
line-height:1.7;
margin-bottom:30px}
.ssp-about-rankings-section .btn-cta{
display:inline-block;
text-decoration:none !important;
border:2px solid #092f57;
color:white !important;;
padding:14px 28px;
font-weight:600;
border-radius:6px;
transition:all 0.3s ease;
border-color:white !important}
.ssp-about-rankings-section .btn-cta:hover{
background-color:white;
color:#092f57 !important}.ssp-about-partnerships-section{
padding:80px 20px}
.ssp-about-partnerships-section .partnerships-container{
max-width:1100px;
margin:auto;
text-align:center}
.ssp-about-partnerships-section partnerships-content h2{
font-size:2.2rem;
font-weight:700;
color:#092f57;
margin-bottom:15px}
.ssp-about-partnerships-section .partnerships-content p{
font-size:1.1rem;
color:#444;
margin-bottom:10px}
.ssp-about-partnerships-section .partnerships-grid{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-bottom:40px;align-items:stretch}.ssp-about-partnerships-section .partnership-item{flex:1 1 300px;display:flex;flex-direction:column;justify-content:flex-start}
.ssp-about-partnerships-section .partnership-item{background:#fff;padding:25px;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,0.08);transition:transform 0.3s ease,box-shadow 0.3s ease;flex:1 1 300px;display:flex;flex-direction:column}.ssp-about-partnerships-section .partnership-item:hover{
transform:translateY(-5px);
box-shadow:0 15px 35px rgba(0,0,0,0.12)}
.ssp-about-partnerships-section .partnership-item h3{
color:#092f57;
font-size:1.2rem;
margin-bottom:10px}
.ssp-about-partnerships-section .partnership-item p{
color:#555;
font-size:1rem;
line-height:1.6}
.ssp-about-partnerships-section .btn-cta{
display:inline-block;
text-decoration:none !important;
border:2px solid #092f57;
color:white;
padding:14px 28px;
font-weight:600;
border-radius:6px;
transition:all 0.3s ease;
background-color:#092f57}
.ssp-about-partnerships-section .btn-cta:hover{
background-color:white;
border-color:#092f57;
color:#092f57}
@media (max-width:768px){.ssp-about-partnerships-section .partnerships-grid{flex-direction:column;gap:20px;align-items:stretch}.ssp-about-partnerships-section .partnership-item{padding:18px 22px;width:100%;flex:none}.ssp-about-partnerships-section .partnership-item h3{font-size:1.15rem}.ssp-about-partnerships-section .partnership-item p{line-height:1.45;margin-bottom:0;font-size:0.95rem}}.ssp-about-research-timeline{
padding:50px 20px;
background-color:#092f57}
.ssp-about-research-timeline .timeline-container{
max-width:900px;
margin:auto;
text-align:center}
.ssp-about-research-timeline h2{
font-size:2.2rem;
font-weight:700;
color:white;
margin-bottom:15px}
.ssp-about-research-timeline p{
font-size:1.1rem;
color:white;
margin-bottom:50px}
.ssp-about-research-timeline .timeline{
position:relative;
margin:0;
padding:0}
.ssp-about-research-timeline .timeline::before{
content:'';
position:absolute;
left:50%;
top:0;
bottom:0;
width:4px;
background:white;
transform:translateX(-50%)}
.ssp-about-research-timeline .timeline-item{
position:relative;
margin:40px 0;
display:flex;
justify-content:flex-start;
align-items:flex-start}
.ssp-about-research-timeline .timeline-item:nth-child(even){
flex-direction:row-reverse;
text-align:right}
.ssp-about-research-timeline .timeline-dot{
position:absolute;
left:50%;
top:0;
width:20px;
height:20px;
background-color:#f8b400;
border-radius:50%;
transform:translate(-50%,0);
z-index:1}
.ssp-about-research-timeline .timeline-content{
background-color:#fff;
padding:35px 22px 0 22px;
border-radius:12px;
box-shadow:0 10px 25px rgba(0,0,0,0.05);
width:45%;
text-align:center}
.ssp-about-research-timeline .timeline-item:nth-child(even) .timeline-content{
float:none}
.ssp-about-research-timeline .timeline-content h3{
font-size:1.3rem;
font-weight:600;
color:#092f57;
margin-bottom:8px}
.ssp-about-research-timeline .timeline-content p{
font-size:1rem;
color:#555;
line-height:1.6}
@media(max-width:768px){
.ssp-about-research-timeline .timeline::before{
left:8px}
.ssp-about-research-timeline .timeline-item,.timeline-item:nth-child(even){
flex-direction:row}
.ssp-about-research-timeline .timeline-content{
width:calc(100% - 20px);
margin-left:20px;
text-align:center}
.ssp-about-research-timeline .timeline-dot{
left:0}}.ssp-about-steering-committee-alt{
padding:50px 20px;
background-color:#fff;
color:#092f57;
text-align:center}
.ssp-about-steering-committee-alt h2{
font-size:2.2rem;
font-weight:700;
margin-bottom:15px}
.ssp-about-steering-committee-alt p{
font-size:1.1rem;
max-width:700px;
margin:0 auto 40px auto}
.ssp-about-steering-committee-alt .committee-cards{
display:flex;
justify-content:center;
text-align:center;
gap:20px;
flex-wrap:wrap;
margin-bottom:40px}
.ssp-about-steering-committee-alt .card{
background-color:;
padding:25px 20px 0 20px;
border-radius:12px;
box-shadow:0 10px 25px rgba(0,0,0,0.08);
max-width:320px;
transition:transform 0.3s ease,box-shadow 0.3s ease;
text-align:center}
.ssp-about-steering-committee-alt .card:hover{
transform:translateY(-5px);
box-shadow:0 15px 35px rgba(0,0,0,0.12)}
.ssp-about-steering-committee-alt .card h3{
font-size:1.2rem;
margin-bottom:10px;
color:#092f57}
.ssp-about-steering-committee-alt .card p{
font-size:1rem;
color:#555}
.ssp-about-steering-committee-alt .btn-cta{
display:inline-block;
text-decoration:none !important;
border:2px solid #092f57;
color:white;
padding:14px 28px;
font-weight:600;
border-radius:6px;
transition:all 0.3s ease;
background-color:#092f57}
.ssp-about-steering-committee-alt .btn-cta:hover{
background-color:white !important;
color:#092f57}
@media(max-width:768px){
.ssp-about-steering-committee-alt{
padding:60px 15px}
.ssp-about-steering-committee-alt .card{
max-width:100%}}.ssp-about-strategic-goals-alt{
padding:50px 20px;
background-color:#fff;
text-align:center}
.ssp-about-strategic-goals-alt .goals-wrapper{
max-width:900px;
margin:auto}
.ssp-about-strategic-goals-alt h2{
font-size:2.3rem;
font-weight:700;
color:#092f57;
margin-bottom:50px}
.ssp-about-strategic-goals-alt .goal-row{
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
padding:30px 0;
border-top:1px solid #e5e9f0}
.ssp-about-strategic-goals-alt .goal-row:last-of-type{
border-bottom:1px solid #e5e9f0}
.ssp-about-strategic-goals-alt .goal-number{
font-size:1.6rem;
font-weight:700;
color:#f8b400}
.ssp-about-strategic-goals-alt .goal-text h3{
font-size:1.3rem;
color:#092f57;
margin-bottom:6px}
.ssp-about-strategic-goals-alt .goal-text p{
font-size:1rem;
color:#555;
line-height:1.6;
max-width:650px;
margin:0 auto}
.ssp-about-strategic-goals-alt .btn-cta{
display:inline-block;
margin-top:45px;
text-decoration:none !important;
border:2px solid #092f57;
color:#092f57;
padding:14px 32px;
font-weight:600;
border-radius:6px;
transition:all 0.3s ease}
.ssp-about-strategic-goals-alt .btn-cta:hover{
background-color:#092f57;
color:#fff}
@media (max-width:768px){
.ssp-about-strategic-goals-alt{
padding:60px 15px}
.ssp-about-strategic-goals-alt .goal-number{
font-size:1.4rem}}.ssp-about-strategic-responsibilities{
padding:50px 20px;
background-color:#092f57;
text-align:center}
.ssp-about-strategic-responsibilities .responsibilities-container{
max-width:900px;
margin:auto}
.ssp-about-strategic-responsibilities h2{
font-size:2.3rem;
font-weight:700;
color:white;
margin-bottom:50px}
.ssp-about-strategic-responsibilities p{
font-size:1.1rem;
color:white;
margin-bottom:50px}
.ssp-about-strategic-responsibilities .responsibility-item{
background:#fff;
border-radius:12px;
box-shadow:0 12px 28px rgba(0,0,0,0.08);
padding:15px 25px;
margin-bottom:25px;
transition:transform 0.3s ease,box-shadow 0.3s ease}
.ssp-about-strategic-responsibilities .responsibility-item:hover{
transform:translateY(-5px);
box-shadow:0 18px 35px rgba(0,0,0,0.12)}
.ssp-about-strategic-responsibilities .responsibility-item h3{
font-size:1.4rem;
font-weight:600;
color:#092f57;
margin-bottom:12px}
.ssp-about-strategic-responsibilities .responsibility-item p{
font-size:1rem;
color:#092f57 !important;
line-height:1.6}
.ssp-about-strategic-responsibilities .btn-cta{
display:inline-block;
margin-top:35px;
border:2px solid #092f57;
color:white !important;
padding:14px 32px;
font-weight:600;
border-radius:6px;
transition:all 0.3s ease;
border-color:white !important}
.ssp-about-strategic-responsibilities .btn-cta:hover{
background-color:white !important;
color:#092f57 !important}
@media(max-width:768px){
.ssp-about-strategic-responsibilities{
padding:60px 15px}}.ssp-about-cta-explore{
padding:50px 20px;
background-color:white;
text-align:center;
color:#092f57}
.ssp-about-cta-explore .cta-container{
max-width:900px;
margin:auto}
.ssp-about-cta-explore h2{
font-size:2.2rem;
font-weight:700;
margin-bottom:20px}
.ssp-about-cta-explore p{
font-size:1.1rem;
margin-bottom:40px;
color:#092f57}
.ssp-about-cta-explore .cta-buttons{
display:flex;
flex-wrap:wrap;
gap:16px;
justify-content:center}
.ssp-about-cta-explore .btn-cta{
background-color:#092f57;
color:white !important;
text-decoration:none !important;
padding:14px 28px;
font-weight:600;
border-radius:6px;
transition:none !important}
.ssp-about-cta-explore .btn-cta:hover{
background-color:white;
border:2px solid #092f57 !important;
color:#092f57 !important}
.ssp-about-cta-explore .btn-cta-outline{
background-color:white;
color:#092f57;
border:2px solid #092f57;
padding:14px 28px;
font-weight:600;
border-radius:6px;
text-decoration:none !important;
transition:all 0.3s ease}
.ssp-about-cta-explore .btn-cta-outline:hover{
background-color:#092f57;
color:white}
@media (max-width:768px){
.ssp-about-cta-explore .ssp-cta-explore{
padding:60px 15px}}
.ssp-approach-hero::before,
.ssp-approach-hero::after{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,0.1),transparent 70%);filter:blur(130px);animation:blobFloat 10s infinite alternate ease-in-out}.ssp-approach-hero::after{bottom:-150px;right:-150px}.ssp-approach-hero .edu-hero-inner{width:90%;max-width:1300px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:60px;position:relative;z-index:2}.ssp-approach-hero .edu-left h1{font-size:3rem;line-height:1.2;margin-bottom:20px;font-weight:700;color:white}.ssp-approach-hero .sub-text{font-size:1.15rem;color:#d0d9e7;margin-bottom:40px;line-height:1.6}@keyframes floatCircle{0%{transform:translateY(0)}50%{transform:translateY(-18px)}100%{transform:translateY(0)}}@keyframes blobFloat{0%{transform:translate(0,0)}100%{transform:translate(60px,-40px)}}@media (max-width:900px){.ssp-approach-hero .edu-hero-inner{flex-direction:column;text-align:center}.hero-graphic{width:300px !important;height:300px !important}}.ssp-why-sustainability{
padding:50px 20px;
background-color:#fff;
text-align:center}
.ssp-why-sustainability .why-container{
max-width:820px;
margin:auto}
.ssp-why-sustainability h2{
font-size:2.2rem;
font-weight:700;
color:#092f57;
margin-bottom:12px}
.ssp-why-sustainability h3{
font-size:1.25rem;
font-weight:500;
color:#092f57;
margin-bottom:30px}
.ssp-why-sustainability p{
font-size:1.05rem;
color:#444;
line-height:1.7;
margin-bottom:40px}
.ssp-why-sustainability .btn-cta{
display:inline-block;
text-decoration:none !important;
border:2px solid #092f57;
color:#092f57;
padding:14px 32px;
font-weight:600;
border-radius:6px;
transition:all 0.3s ease}
.ssp-why-sustainability .btn-cta:hover{
background-color:#092f57;
color:#fff}
@media (max-width:768px){
.ssp-why-sustainability{
padding:70px 15px}
.ssp-why-sustainability h2{
font-size:1.9rem}
.ssp-why-sustainability h3{
font-size:1.15rem}}.ssp-five-pillars{
padding:50px 20px;
background-color:#092f57;
text-align:center}
.ssp-five-pillars .pillars-container{
max-width:1500px;
margin:auto}
.ssp-five-pillars h2{
font-size:2.3rem;
font-weight:700;
color:white;
margin-bottom:35px}
.ssp-five-pillars .pillars-intro{
font-size:1.1rem;
color:white;
max-width:760px;
margin:0 auto 50px;
line-height:1.7}
.ssp-five-pillars .pillars-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:30px;
margin-bottom:50px}
.ssp-five-pillars .pillar-card{
background:#fff;
padding:30px 25px;
border-radius:14px;
box-shadow:0 10px 25px rgba(0,0,0,0.08);
text-align:left;
transition:transform 0.3s ease,box-shadow 0.3s ease}
.ssp-five-pillars .pillar-card:hover{
transform:translateY(-6px);
box-shadow:0 16px 35px rgba(0,0,0,0.12)}
.ssp-five-pillars .pillar-card h3{
color:#092f57;
font-size:1.3rem;
margin-bottom:12px}
.ssp-five-pillars .pillar-card p{
font-size:1rem;
color:#444;
margin-bottom:15px;
line-height:1.6}
.ssp-five-pillars .pillar-card ul{
padding-left:18px;
margin:0}
.ssp-five-pillars .pillar-card ul li{
font-size:0.95rem;
color:#555;
margin-bottom:8px}
.ssp-five-pillars .btn-cta{
display:inline-block;
text-decoration:none !important;
border:2px solid white !important;
color:white !important;
padding:14px 32px;
font-weight:600;
border-radius:6px;
transition:all 0.3s ease}
.ssp-five-pillars .btn-cta:hover{
background-color:white !important;
color:#092f57 !important}
@media (max-width:768px){
.ssp-five-pillars{
padding:70px 15px}
.ssp-five-pillars .pillar-card{
padding:25px 20px}}.ssp-approach-ranking-section{
padding:50px 20px;
text-align:center}
.ssp-approach-ranking-section h2{
font-size:2.3rem;
color:#092f57;
font-weight:700;
margin-bottom:20px}
.ssp-approach-ranking-section .ssp-intro{
font-size:1.1rem;
color:#444;
max-width:850px;
margin:0 auto 40px;
line-height:1.6}
.ssp-approach-ranking-section .ssp-points-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:20px;
justify-items:center}
.ssp-approach-ranking-section .ssp-point{
background:#fff;
border-radius:12px;
padding:20px;
box-shadow:0 8px 25px rgba(0,0,0,0.08);
font-size:1rem;
color:#555;
text-align:left;
transition:transform 0.3s ease,box-shadow 0.3s ease}
.ssp-approach-ranking-section .ssp-point:hover{
transform:translateY(-5px);
box-shadow:0 15px 35px rgba(0,0,0,0.12)}
.ssp-approach-ranking-section .ssp-point span{
display:block;
font-weight:600;
color:#092f57}
@media(max-width:768px){
.ssp-approach-ranking-section .ssp-points-grid{
grid-template-columns:1fr}}.ssp-about-impact-section{
padding:50px 20px;
background-color:#092f57;
text-align:center}
.ssp-about-impact-section h2{
font-size:2.5rem;
color:white;
font-weight:700;
margin-bottom:60px}
.ssp-about-impact-section .ssp-impact-grid{
display:flex;
justify-content:center;
gap:60px;
flex-wrap:wrap}
.ssp-about-impact-section .ssp-impact-item{
max-width:280px;
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
transition:transform 0.3s ease}
.ssp-about-impact-section .ssp-impact-item:hover{
transform:translateY(-10px)}
.ssp-about-impact-section .impact-icon-circle{
width:100px;
height:100px;
background-color:#fff;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
box-shadow:0 10px 25px rgba(0,0,0,0.1);
margin-bottom:20px;
transition:box-shadow 0.3s ease}
.ssp-about-impact-section .impact-icon-circle img{
width:50px;
height:50px}
.ssp-about-impact-section .ssp-impact-item p{
font-size:1rem;
color:white;
line-height:1.6;
margin:0}
.ssp-about-impact-section .btn-cta{
display:inline-block;
text-decoration:none !important;
border:2px solid white !important;
color:white !important;
padding:14px 32px;
font-weight:600;
border-radius:6px;
transition:all 0.3s ease;
margin-top:50px}
.ssp-about-impact-section .btn-cta:hover{
background-color:white !important;
color:#092f57 !important}
@media(max-width:768px){
.ssp-about-impact-section .ssp-impact-grid{
gap:40px}
.ssp-about-impact-section .ssp-impact-item{
max-width:90%}}.ssp-about-getinvolved-alt{
padding:50px 20px;
text-align:center}
.ssp-about-getinvolved-alt h2{
font-size:2.5rem;
color:#092f57;
font-weight:700;
margin-bottom:20px}
.ssp-about-getinvolved-alt p{
font-size:1.1rem;
color:#444;
max-width:750px;
margin:0 auto 50px auto;
line-height:1.6}
.ssp-about-getinvolved-alt .ssp-getinvolved-pills{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:20px;
margin-bottom:40px}
.ssp-about-getinvolved-alt .ssp-getinvolved-pills .pill{
background-color:#fff;
padding:20px 25px;
border-radius:50px;
display:flex;
align-items:center;
gap:15px;
max-width:550px;
box-shadow:0 6px 18px rgba(0,0,0,0.06);
transition:transform 0.3s ease,box-shadow 0.3s ease}
.ssp-about-getinvolved-alt .ssp-getinvolved-pills .pill:hover{
transform:translateY(-5px);
box-shadow:0 12px 25px rgba(0,0,0,0.12)}
.ssp-about-getinvolved-alt .ssp-getinvolved-pills .pill .icon{
font-size:2rem;
flex-shrink:0;
color:#f8b400}
.ssp-about-getinvolved-alt .ssp-getinvolved-pills .pill p{
margin:0;
font-size:1rem;
color:#444;
text-align:left}
.ssp-getinvolved-pills .icon img{width:48px;height:48px;object-fit:contain}.ssp-about-getinvolved-alt .btn-cta{
display:inline-block;
text-decoration:none !important;
border:2px solid #092f57;
color:#092f57;
padding:14px 32px;
font-weight:600;
border-radius:6px;
transition:all 0.3s ease}
.ssp-about-getinvolved-alt .btn-cta:hover{
background-color:#092f57;
color:#fff}
@media(max-width:768px){
.ssp-about-getinvolved-alt .ssp-getinvolved-pills{
flex-direction:column;
align-items:center}
.ssp-about-getinvolved-alt .ssp-getinvolved-pills .pill{
text-align:center}}.ssp-about-sdg-application-alt{
padding:50px 20px;
background-color:#092f57;
text-align:center}
.ssp-about-sdg-application-alt h2{
font-size:2.5rem;
color:white;
font-weight:700;
text-align:center;
margin-bottom:20px}
.ssp-about-sdg-application-alt .container h2{
text-align:center !important}
.ssp-about-sdg-application-alt p{
font-size:1.1rem;
color:white;
max-width:800px;
margin:0 auto 50px auto;
line-height:1.6;
text-align:center}
.ssp-about-sdg-application-alt .ssp-sdg-points{
max-width:900px;
margin:auto;
display:flex;
flex-direction:column;
gap:20px}
.ssp-about-sdg-application-alt .ssp-sdg-point{
border-bottom:1px solid yellow}
.ssp-about-sdg-application-alt .ssp-sdg-point h3{
font-size:1.4rem;
color:white;
font-weight:700;
margin-bottom:10px}
.ssp-about-sdg-application-alt .ssp-sdg-point p{
font-size:1rem;
color:white;
line-height:1.6}
@media(max-width:768px){
.ssp-about-sdg-application-alt h2,
.ssp-about-sdg-application-alt p,
.ssp-sdg-point h3,
.ssp-sdg-point p{
text-align:center}}.ssp-about-the-workshops-alt{
padding:50px 20px;
text-align:center}
.ssp-about-the-workshops-alt h2{
font-size:2.5rem;
font-weight:700;
color:#092f57;
margin-bottom:25px}
.ssp-about-the-workshops-alt p{
font-size:1.1rem;
color:#444;
max-width:850px;
margin:0 auto 40px auto;
line-height:1.7}
.ssp-about-the-workshops-alt .ssp-workshop-points-alt{max-width:900px;margin:0 auto;text-align:center;padding-left:0;list-style:none}.ssp-about-the-workshops-alt .ssp-workshop-points-alt li{margin-bottom:18px;line-height:1.6;color:#444}.ssp-about-the-workshops-alt .ssp-workshop-points-alt li strong{
color:#092f57}
.ssp-about-the-workshops-alt .ssp-workshop-summary{
margin:40px auto;
max-width:850px}
.ssp-about-the-workshops-alt .btn-cta{
display:inline-block;
text-decoration:none !important;
border:2px solid #092f57;
color:#092f57;
padding:14px 32px;
font-weight:600;
border-radius:6px;
transition:all 0.3s ease}
.ssp-about-the-workshops-alt .btn-cta:hover{
background-color:#092f57;
color:#fff}
@media(max-width:768px){
.ssp-about-the-workshops-alt p,
.ssp-workshop-points-alt li{
text-align:center}}