.detail-conservation-header img { width: 100%; /* Menyesuaikan lebar gambar dengan lebar elemen kontainer */ max-width: 90rem; /* Batas maksimum ukuran gambar */ height: auto; /* Menjaga rasio aspek gambar */ display: block; margin: 0 auto; /* Agar gambar berada di tengah */ margin-top: 6rem; margin-bottom: 3rem; width: 1318px; height: 393px; } h2{ color:white; font-size: 64; font-weight: bold; margin-bottom: 20px; } p{ font-size: 22; margin-bottom: 55px; text-align: justify; } h5{ color: white; } .container-transaction{ max-width: calc(100% - 100px); /* Sesuaikan dengan margin */ margin: 0 auto; /* Pastikan margin kiri dan kanan sama */ } .row { width: 90%; display: flex; flex-direction: column; } .form-label { font-size: 16px; color: #ffffff; margin-bottom: 8px; } .available { font-size: 14px; color: #999; margin-top: 2px; margin-bottom: 8px; } .form-input { width: 100%; padding: 10px; margin-bottom: 20px; font-size: 14px; border: 2px solid #1c8c8e; border-radius: 8px; background-color: #070E16; color: #ffffff; } .form-input::placeholder { color: #888888; } .text-content { border-bottom: 1px solid #888888; } .submit-button { border: 2px solid #007bff; /* Warna biru */ color: #007bff; /* Warna teks biru */ display: block; /* Agar bisa di-center */ margin: 0 auto; /* Menengahkan tombol */ padding: 10px 20px; /* Menambahkan padding untuk memperbesar tombol */ text-align: center; /* Menjaga teks tetap terpusat */ width: fit-content; /* Lebar tombol sesuai dengan konten */ border-radius: 5px; /* Opsional: untuk sudut yang lebih halus */ background-color: transparent; /* Membuat latar belakang tombol transparan */ } .submit-button:hover { background-color: #007bff; /* Latar belakang biru saat hover */ color: white; /* Warna teks putih saat hover */ } .gradient-circle { width: 900px; height: 900px; background: radial-gradient(circle, rgba(0, 61, 109, 0.5), rgba(0, 61, 109, 0.1)); border-radius: 50%; filter: blur(100px); position: absolute; top: -300px; left: 50%; transform: translateX(-50%); z-index: -1; }