/* ================= ABOUT PAGE ================= */

.about-section{

padding:140px 20px 80px;

}

.about-container{

max-width:1000px;

margin:auto;

background:white;

padding:50px;

border-radius:30px;

box-shadow:
0 20px 60px rgba(0,0,0,.08);

}

.about-container h1{

font-size:56px;

margin-bottom:25px;

color:#111827;

}

.about-container h2{

font-size:30px;

margin-top:40px;

margin-bottom:15px;

color:#6d28d9;

}

.about-container p{

font-size:17px;

line-height:1.9;

color:#475569;

margin-bottom:18px;

}

.about-container ul{

padding-left:25px;

margin-top:15px;

}

.about-container li{

font-size:17px;

margin-bottom:12px;

color:#475569;

line-height:1.8;

}

/* ================= DARK MODE ================= */

body.dark-mode .about-container{

background:#111827;

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

}

body.dark-mode .about-container h1{

color:white;

}

body.dark-mode .about-container h2{

color:#8b5cf6;

}

body.dark-mode .about-container p,
body.dark-mode .about-container li{

color:#cbd5e1;

}

/* ================= MOBILE ================= */

@media(max-width:768px){

.about-section{

padding:120px 15px 60px;

}

.about-container{

padding:30px;

}

.about-container h1{

font-size:42px;

}

.about-container h2{

font-size:24px;

}

.about-container p,
.about-container li{

font-size:16px;

}

}