:root {
    --color-primary: #007fc5;
    --color-secondary: #6c757d;
    --color-success: #28a745;
    --color-danger: #dc3545;
    --color-warning: #ffc107;
    --color-info: #17a2b8;
    --color-light: #FDFEFE;
    --color-dark: #343a40;
    --color--primarySandton: #425465;
}

.section-about {
    display: flex;
    padding: 48px 24px;
    flex-direction: column;
    align-items: center;
    gap: 78px;
    align-self: stretch;
    overflow: hidden;
}

.content-text-about{
    display: flex;
    max-width: 1280px;
    justify-content: space-between;
    align-items: center;
}

.text-about{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 36px;
    flex: 1 0 0;
}
.text-about .title-section{
    color: var(--color--primarySandton);
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 44px; /* 122.222% */
    letter-spacing: -0.65px;
}
.text-about text {
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -0.25px;
    color: #5A676C;;

}

.section-about .card-container {  
    display: flex; /* Menggunakan Flexbox */  
    align-items: center;
    justify-content: center; /* Mengatur jarak antar kartu */  
    margin-top: 20px; /* Jarak atas untuk card */  
    width: 100%;
    padding: 0 20px; /* Padding untuk sisi kiri dan kanan */
    box-sizing: border-box; /* Menghitung padding dalam ukuran */
}  

.section-about .card {  
    display: flex;
    min-width: 280px;
    flex: 1; /* Kartu akan mengisi ruang yang tersedia */
    background-color: #fff; /* Warna latar belakang card */  
    border-radius: 8px; /* Sudut melengkung */  
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Bayangan */
    margin: 10px; /* Jarak antar kartu */
}

  
.section-about .card img {  
    width: 100%; /* Gambar memenuhi lebar card */  
    height: auto; /* Tinggi otomatis */  
}  
  
.section-about .card:nth-child(even) {  
    transform: translateY(-40px); /* Naik sedikit untuk card genap */  
}