.topbar-others-options li a.operation:hover {
    color: white;
}

.text-au {
    margin-bottom: 10px;
    /* text-align: justify; */
}

.margin-left-15 {
    margin-left: 15px;
}

.margin-left-4 {
    margin-left: 4px;
}

.margin-right-15 {
    margin-right: 15px;
}

.width-100 {
    width: 100px;
}

.width-55 {
    width: 55px;
}

.span-date-time {
    margin-right: 20px;
    color: white;
    font-size: 14px;
}

@media (max-width: 1250px) {
    .main-navbar .navbar ul {
        /* padding-left: 279px; */
        list-style-type: none;
        margin-bottom: 0;
    }
}

@media (min-width: 1200px) and (max-width: 1299px) {
    .main-navbar .navbar ul {
        /* padding-left: 414px; */
        list-style-type: none;
        margin-bottom: 0;
    }
}

@media (min-width: 1000px) and (max-width: 1099px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1089px;
    }

    .banner_six_text > .slider-sttle {
        line-height: 50px;
    }
}

@media (min-width: 900px) and (max-width: 999px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1089px;
    }

    .banner_six_text > .slider-sttle {
        line-height: 50px;
    }
}

@media (min-width: 992px) {
    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
        margin: 5px;
    }
}

a.btn.btn_navber {
    padding: 5px 20px;
    background: rgb(0, 126, 255);
    background: linear-gradient(
        90deg,
        rgba(0, 126, 255, 0.8687850140056023) 0%,
        rgba(0, 126, 255, 1) 41%,
        rgba(0, 212, 255, 0.7259278711484594) 100%
    );
    border: 2px solid #007bff;
}

a.btn.btn_navber:before {
    background: rgb(0, 126, 255);
    background: linear-gradient(
        90deg,
        rgba(0, 126, 255, 0.8687850140056023) 0%,
        rgba(0, 126, 255, 1) 41%,
        rgba(0, 212, 255, 0.7259278711484594) 100%
    );
    border: 2px solid #007bff;
}

.banner_six_text h1 {
    line-height: 35px;
}

input::placeholder {
    color: #ff0000;
    /* Ganti dengan warna yang diinginkan */
    opacity: 1;
    /* Sesuaikan opasitas jika perlu */
}

@media (min-width: 992px) {
    .offset-lg-2 {
        margin-left: 16.66666667%;
    }
}

@media (min-width: 1900px) and (max-width: 1999px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1900px;
    }

    .main-navbar .navbar ul {
        /* padding-left: 724px; */
        list-style-type: none;
        margin-bottom: 0;
    }
}

@media (min-width: 1800px) and (max-width: 1899px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1860px;
    }

    .main-navbar .navbar ul {
        /* padding-left: 560px; */
        list-style-type: none;
        margin-bottom: 0;
    }
}

@media (min-width: 1700px) and (max-width: 1799px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1860px;
    }

    .main-navbar .navbar ul {
        /* padding-left: 642px; */
        list-style-type: none;
        margin-bottom: 0;
    }
}

.home_eleven_service_boxed .fa {
    background-color: #fff;
    padding: 12px;
    box-shadow: 8px 10px 20px rgba(0, 0, 0, 0.06),
        8px 10px 20px rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    transition: var(--transition);
}

@media (min-width: 700px) and (max-width: 799px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1860px;
    }

    .main-navbar .navbar ul {
        /* padding-left: 560px; */
        list-style-type: none;
        margin-bottom: 0;
    }

    #theme_search_form {
        margin-top: 34px;
        z-index: 9;
    }
}

@media (min-width: 600px) and (max-width: 699px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1860px;
    }

    .main-navbar .navbar ul {
        /* padding-left: 560px; */
        list-style-type: none;
        margin-bottom: 0;
    }

    .banner_six_text > .slider-sttle {
        line-height: 50px;
    }
}

@media (min-width: 2100px) and (max-width: 2199px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 2100px;
    }

    .main-navbar .navbar ul {
        /* padding-left: 826px; */
        list-style-type: none;
        margin-bottom: 0;
    }

    .banner_six_text > .slider-sttle {
        line-height: 50px;
    }
}

@media (min-width: 2000px) and (max-width: 2099px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 2100px;
    }

    .main-navbar .navbar ul {
        /* padding-left: 671px; */
        list-style-type: none;
        margin-bottom: 0;
    }

    .banner_six_text > .slider-sttle {
        line-height: 50px;
    }
}

@media (min-width: 1500px) and (max-width: 1599px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 1500px;
    }

    .main-navbar .navbar ul {
        /* padding-left: 530px; */
        list-style-type: none;
        margin-bottom: 0;
    }
}

@media (min-width: 1400px) and (max-width: 1499px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 1500px;
    }

    .main-navbar .navbar ul {
        /* padding-left: 365px; */
        list-style-type: none;
        margin-bottom: 0;
    }
}

@media (min-width: 1300px) and (max-width: 1399px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 1500px;
    }

    .main-navbar .navbar ul {
        /* padding-left: 355px; */
        list-style-type: none;
        margin-bottom: 0;
    }
}

.main-navbar .navbar ul {
    margin-left: 22px;
    width: 100%;
    display: flex;
    justify-content: center;
    /* Untuk horizontal centering */
    align-items: center;
    /* Untuk vertical centering */
}

@media (min-width: 1100px) and (max-width: 1199px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 1100px;
    }
}

@media screen and (max-width: 600px) {
    .banner_six_text h1 {
        line-height: 55px;
    }
}

@media (max-width: 767px) {
    #theme_search_form {
        margin-top: -80px;
    }
}

@media (max-width: 1440px) {
    .theme_search_form_two {
        width: 85%;
        margin: auto;
    }
}

.mobile-margin {
    margin-left: 20px;
}

.mobile-margin-custom {
    margin-left: 20px;
    margin-right: 20px;
}

.mobile-margin-top {
    margin-top: 80px;
}

.mobile-margin-get {
    margin-top: 10px;
}

/* Contoh penggunaan variabel CSS */
/* .container {
    width: var(--device-width);
    padding-left: var(--padding-left-right);
    padding-right: var(--padding-left-right);
    margin-right: auto;
    margin-left: auto;
} */

.check-margin {
    margin-right: 38px;
}

/* Warna default (saat navbar tidak sticky) */
.get-navbar {
    color: #2b2540;
    /* Warna default */
}

/* Warna saat navbar sticky (warna putih) */
.navbar_color_black
    .is-sticky
    .main-navbar
    .container
    .navbar
    .others-options
    .option-item
    .get-navbar
    a {
    color: #ffffff !important;
    /* Ubah menjadi putih saat sticky */
}

a.get-navbar.active {
    color: rgb(0, 126, 255);
    font-weight: 400;
}

.profile-circle {
    width: 40px;
    height: 40px;
    background-color: #007eff;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    cursor: pointer;
}

.modal-body {
    max-height: 70vh;
    /* Maksimal 80% dari tinggi viewport */
    overflow-y: auto;
    /* Mengaktifkan scrolling vertikal ketika konten lebih tinggi dari max-height */
    padding: 1rem;
    /* Padding dalam modal */
}

@media (max-width: 992px) {
    .footer_link_area {
        padding-bottom: 10px;
    }
}

h2.swal2-title {
    margin: 0px 1em;
    font-size: 22px;
    font-family: "Ubuntu", sans-serif;
}

/* Custom class for the SweetAlert popup */
.custom-swal-popup {
    border-radius: 10px;
    padding: 20px;
    font-family: Arial, sans-serif;
}

/* Custom class for the SweetAlert title */
.custom-swal-title {
    font-size: 24px;
    color: #4caf50;
    /* Green color for the success message */
    font-weight: bold;
}

/* Custom class for the SweetAlert text */
.custom-swal-text {
    font-size: 16px;
    color: #333;
}

/* Custom class for the SweetAlert icon */
.custom-swal-icon {
    color: #4caf50;
    /* Green color for success icon */
}

.topbar-others-options li a:hover {
    color: #ffffff !important;
}

.navbar_color_black
    .is-sticky
    .main-navbar
    .navbar
    .navbar-nav
    .nav-item
    a.active {
    color: rgb(0, 126, 255);
}

input:focus::placeholder {
    color: transparent;
}

textarea:focus::placeholder {
    color: transparent;
}

.custom-swal-popup {
    padding: 20px !important;
    /* border-radius: 10px !important; */
}

.custom-swal-title {
    margin: 0px 1em !important;
    color: black;
    /* Contoh perubahan warna */
}

.custom-swal-content {
    font-size: 16px !important;
    color: black;
    /* Contoh perubahan warna teks */
}