.dda-page {
font-family: Arial, sans-serif;
direction: rtl;
line-height: 1.8;
color: #111;
}
/* container */
.dda-page .container {
max-width: 1100px;
margin: auto;
padding: 0 20px;
}
/* HERO */
.dda-hero {
padding: 80px 20px;
background: #0f172a;
color: #fff;
text-align: center;
}
.dda-hero h1 {
font-size: 36px;
margin-bottom: 10px;
}
.dda-hero p {
font-size: 18px;
opacity: 0.9;
}
/* INTRO */
.dda-intro {
padding: 50px 20px;
text-align: center;
}
/* FEATURES */
.dda-features {
padding: 60px 20px;
background: #f5f5f5;
text-align: center;
}
.dda-features .grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-top: 25px;
}
.dda-features .card {
background: #fff;
padding: 25px;
border-radius: 12px;
box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}
/* USE CASE */
.dda-usecase {
padding: 60px 20px;
text-align: center;
}
.dda-usecase .box {
background: #fff;
margin: 15px auto;
padding: 25px;
max-width: 750px;
border: 1px solid #eee;
border-radius: 12px;
}
/* MOBILE */
@media (max-width: 768px) {
.dda-features .grid {
grid-template-columns: 1fr;
}
.dda-hero h1 {
font-size: 26px;
}
}
