#loadingPage {
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     height: 100%;
     }
     .progress {
     width: 80%;
     }
     
     /* Membuat gambar ukuran 100% lebar dan tinggi */
     #potoPreview {
     width: 100%;
     height: 100%;
     object-fit: cover; /* Menjaga rasio gambar */
     position: relative;
     }
     
     .scan-line-box {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: transparent; /* Latar belakang transparan untuk kotak */
     z-index: 1;
     display: flex;
     justify-content: center; /* Menjaga garis di tengah */
     align-items: center;
     }
     
     /* Animasi garis pemindaian dengan bayangan besar dan warna merah */
     .scan-line {
     width: calc(100% - 0px); /* Sesuaikan lebar jika diperlukan */
     height: 4px;
     background: rgba(255, 0, 0, 0.8); /* Warna merah dengan transparansi */
     position: absolute;
     top: -5%; /* Memulai di atas layar */
     box-shadow: 0 0 20px rgba(255, 0, 0, 1), 0 0 40px rgba(255, 0, 0, 0.6); /* Bayangan lebih besar */
     animation: scan 2s linear infinite;
     }
     
     /* Animasi garis pemindaian bergerak */
     @keyframes scan {
     0% {
     top: 0%; /* Posisi awal di atas layar */
     opacity: 0.8;
     }
     50% {
     top: 50%; /* Tengah layar */
     opacity: 1;
     }
     100% {
     top: 100%; /* Posisi akhir di bawah layar */
     opacity: 0.8;
     }
     }
     
     .bgct {
     background: #FFEBF0;
     }
     
     .cta-button {
     background-color: #E90C42;
     color: white;
     border-radius: 15px;
     padding: 15px 20px;
     text-align: center;
     font-weight: bold;
     text-decoration: none;
     width: 180px;
     margin: 0 28px;
     
     }
     
     .cta-button:hover {
     background-color: #F2426D;
     color: white;
     }
     
     .card-img-bottom {
     border-radius: 0 0 10px 10px;
     width: 100%;
     }
     
     .highlight {
     margin-bottom: 8px; /* Menambahkan jarak vertikal antar elemen */
     display: flex;
     align-items: center;
     }
     .highlight i {
     margin-right: 10px; /* Memberikan jarak antara ikon dan teks */
     }
     
   
     @media (min-width: 768px) {
     .row .col-md-6 img {
     max-width: 100%;
     height: auto;
     }
     
     .row .col-md-6 h2 {
     text-align: left;
     margin-left: 20px;
     font-size: 40px;
     }
     
     .row .col-md-6 .crd {
     text-align: left;
     margin-left: 50px;
     }
     
     
     }
     
     /* Media query untuk ukuran desktop */
     @media (min-width: 992px) {
     .highlight {
     margin-left: 45px !important; /* Tambahkan !important untuk memastikan prioritas */
     }
     
     .sec1 {
     margin-top: -120px !important; /* Tambahkan !important untuk memastikan prioritas */
     }
     
     
     }