/* ===== HERO ===== 


.hero{


height:430px;


display:flex;


align-items:center;


padding-left:10%;


color:white;



background:


linear-gradient(

90deg,

rgba(24,74,135,.9),

rgba(244,143,177,.6)

),


url("images/gender-equality-bg.jpg");



background-size:cover;


background-position:center;


}



.hero-content{


animation:up 1s;


}



.hero h2{


font-size:52px;


margin:0;


}


.hero p{


font-size:22px;


}




button{


padding:15px 40px;


border:none;


border-radius:30px;


margin-right:15px;


margin-top:20px;


cursor:pointer;


font-weight:bold;


}




button.pink{


background:#f48fb1;


color:white;


}





*/

section{


padding:25px 10%;


}



.intro p{


font-size:18px;


line-height:1.8;


}






/* 服务卡 */


.grid{


display:grid;


grid-template-columns:

repeat(3,1fr);


gap:30px;


}




.card{


background:white;


padding:35px;


border-radius:20px;


box-shadow:

0 8px 25px rgba(0,0,0,.08);



border-top:

5px solid #f48fb1;


transition:.3s;


animation:up .8s;


}



.card:hover{


transform:translateY(-8px);


}



.card a{


color:#2874b8;


font-weight:bold;


}







/* 流程 */


.steps{


display:flex;


justify-content:space-between;


}


.steps div{


background:white;


width:30%;


padding:35px;


text-align:center;


border-radius:18px;


box-shadow:

0 8px 20px rgba(0,0,0,.08);


}



.steps span{


font-size:40px;


color:#f48fb1;


font-weight:bold;


}








/* 联系 */


.contact-box{


display:grid;


grid-template-columns:

repeat(4,1fr);


gap:20px;


}



.contact-box div{


background:white;


padding:30px;


border-radius:15px;


box-shadow:

0 8px 20px rgba(0,0,0,.08);


}







footer{


background:


linear-gradient(

135deg,

#2d7fd3 0%,

#ffffff 50%,

#f48fb1 100%

);



padding:

40px 20px;


text-align:center;


color:#24476f;


}





.footer-title{


font-size:22px;


font-weight:900;


}





.footer-line{


width:60%;


height:1px;


background:

rgba(36,71,111,.25);


margin:15px auto;


}








@keyframes up{


from{


opacity:0;


transform:translateY(30px);


}


to{


opacity:1;


transform:translateY(0);


}


}



@keyframes fade{


from{

opacity:0;

}

to{

opacity:1;

}

}