/*
Theme Name: rayyanrental
Theme URI: https://rayyanrentaljogja.com
Author: Cline
Description: Tema WordPress modern untuk Rental Mobil berbasis Block Editor (FSE).
Version: 1.0.0
Requires at least: 6.2
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rayyanrental
*/

html, body {
  background-color: #fff;
  margin: 0;
  padding: 0;
  min-height: 100vh; 
  max-width: 100%;
  overflow-x: hidden;
  position: relative;	
}
.site-header.navbar-sticky {
  background-color: #ffffff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.site-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  transition: all 0.3s ease;
  transform: translateZ(0);
  backface-visibility: hidden;
  will-change: transform;
	background-color: #fff;
}

.logo-img {
  margin: 10px 20px !important;
}
.main {
  margin-top: 79px;
}
.owl-carousel .item img {
	display: block;
	width: 100%;
	height: 700px; /* Ubah ke vh jika ingin tinggi penuh layar, misal: height: 100vh; object-fit: cover; */
}
/* Container utama slider harus relative */
.owl-carousel {
    position: relative;
}

/* Mengatur container tombol agar membungkus slider */
.owl-carousel .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%); /* Menengahkan posisi vertikal */
    pointer-events: none; /* Mencegah area kosong memblokir klik pada gambar */
    margin-top: 0; /* Override margin bawaan theme */
}

/* Mengatur style tombol kiri dan kanan secara umum */
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: auto; /* Mengaktifkan kembali fungsi klik tombol */
    background: rgba(0, 0, 0, 0.5) !important; /* Latar belakang hitam transparan */
    border-radius: 50% !important; /* Membuat tombol lingkaran */
    width: 50px !important;
    height: 50px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}

/* Efek hover tombol */
.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-next:hover {
    background: rgba(0, 0, 0, 0.8) !important;
}

/* Pisahkan posisi tombol kiri dan kanan */
.owl-carousel .owl-nav button.owl-prev {
    left: 20px; /* Jarak dari tepi kiri layar */
}

.owl-carousel .owl-nav button.owl-next {
    right: 20px; /* Jarak dari tepi kanan layar */
}

/* Mengatur ukuran dan warna SVG di dalam tombol */
.owl-carousel .owl-nav svg {
    width: 20px;
    height: 20px;
    fill: #ffffff; /* Mengubah warna panah menjadi putih */
}

/* Membalikkan arah panah SVG khusus untuk tombol Next */
.owl-carousel .owl-nav svg.next-arrow {
    transform: rotate(180deg);
}
.mt-0 {margin-top:0px !important}
.banner1 {
  padding: 40px 20px;
}
.banner-container img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  box-shadow: 1px 1px 10px 1px rgba(128, 128, 128, 0.78);
}

.button1 a {
  color: rgb(255, 255, 255) !important;
  font-size: 12px;
  font-weight: 700;
}
.button-booking {
  display: flex;
  gap: 5px;
  align-items: center;
  align-content: center;
}
.fl-button {
  padding: 10px 15px;
  display: flex;
  gap: 10px;
  align-content: center;
  align-items: center;
}
.fl-button.fl-left {
  background-color: #198754;
}
.fl-button.fl-right {
  background-color: #6E3B97;
}
.button-booking {
  display: flex;
  gap: 10px;
  align-content: center;
  justify-content: center;
  text-align: center;
  background-color: #9D63CF;
  padding: 10px 0px;
  border-radius: 10px;
  color: #fff;
  font-size: .875em;
  font-weight: 700;
}
.car-list-detail {
  padding: .5rem;
}
.headarmada {
  text-align: center;
  font-size: 14px;
  font-weight: 700;
}
.car-name {
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
}
.has-border-btn {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
}
.text-warning {
  color: #FFC107;
	padding-right: 5px;
}
.fw-bold.pe-2 {
  padding-right: 15px;
  font-weight: 700;
}
.car-list, .img-gall{
	display: grid;
}
.car-list-group{
font-size: 14px;
  padding: 5px;
  border-radius: 5px;
  border-color: rgba(0,0,0,0.03);
  box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.05);
	margin-block-start: 0px !important;
}

.has-background-btn {
  background-color: #F8F9FA;
  padding: 10px;
}

.profil-section {
  background-color: #F8F9FA;
  padding-top: 40px;
  padding-bottom: 60px;
}
.pelayanan {
  border: 1px dashed #ddd;
  padding: 20px;
	margin-block-start: 0px;
}
.content-overlay-2 {
  padding-top: 70px;
  padding-bottom: 70px;
}
/* Base styling untuk kontainer utama (Default: HP / di bawah 768px) */
.list-pelayanan {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr)); /* 1 kotak di layar kecil */
  gap: 20px; /* Jarak antar kotak pelayanan */
}

.img-full {
  position: relative;
  width: 100%;
  min-height: 204.4px; /* Atur tinggi sesuai kebutuhan kamu */
  
  /* Latar belakang: Menggabungkan overlay warna (linear-gradient) & gambar */
  background-image: linear-gradient(rgba(109, 59, 151, 0.8), rgba(109, 59, 151, 0.8)), url('http://localhost/wpblog/wp-content/uploads/2026/08/Proyek-Baru-8.jpeg');
  
  /* Pengaturan agar gambar pas di tengah dan responsive */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* Menggunakan grid untuk menaruh konten teks tepat di tengah */
  display: grid;
  place-items: center; 
	padding: 20px;
}
.img-full-2 {
  position: relative;
  width: 100%;
  min-height: 204.4px; /* Atur tinggi sesuai kebutuhan kamu */
  
  /* Latar belakang: Menggabungkan overlay warna (linear-gradient) & gambar */
  background-image: linear-gradient(rgba(109, 59, 151, 0.8), rgba(109, 59, 151, 0.8)), url('http://localhost/wpblog/wp-content/uploads/2026/08/image-1.jpeg');
  
  /* Pengaturan agar gambar pas di tengah dan responsive */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}



.gallery img {
  width: 250px !important;
  height: 180px !important;
  object-fit: cover;
}
.button-wrap {
  border: 2px solid #fff;
}
.button-wrap a {
  color: #fff;
	font-weight: 700;
	justify-content: center;
}
.des-mid-right {
  border: 1px solid transparent;
  padding: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  background-color: #fff;
box-shadow: 1px 1px 10px 1px rgba(97, 97, 97, 0.1);
  margin: 20px;	
}
.gallery {
  margin-block-start: 0px !important;
	padding-bottom: 20px;
}
.custom-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.custom-list li {
  position: relative;
  padding-left: 35px; /* Ruang untuk ikon bulat di kiri */
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 1.5;
  display: flex;
  align-items: center;
}

/* 1. Membuat Lingkaran Hijau */
.custom-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  background-color: #6E3B97; /* Warna hijau bulatan */
  border-radius: 50%;
}

/* 2. Membuat Tanda Centang Putih di Dalam Lingkaran */
.custom-list li::after {
  content: "";
  position: absolute;
  left: 7px; /* Mengatur posisi centang ke tengah bulatan */
  top: 50%;
  
  /* Membuat bentuk L terbalik */
  width: 6px;
  height: 11px;
  border: solid #ffffff; /* Warna centang putih */
  border-width: 0 2px 2px 0; /* Hanya memberi garis di kanan dan bawah */
  
  /* Memutar bentuk L agar menjadi centang (✓) */
  transform: translateY(-65%) rotate(45deg); 
}

        /* Mengatur container utama list */
        ul.custom-list-number {
            list-style: none; /* Menghilangkan bulatan bawaan */
            padding: 0;
            margin: 0;
            counter-reset: line-number; /* Inisialisasi counter otomatis */
            font-family: Arial, sans-serif; /* Font universal */
        }

        /* Mengatur jarak dan posisi setiap elemen daftar */
        ul.custom-list-number li {
            position: relative;
            padding-left: 50px; /* Jarak teks dari lingkaran angka */
            margin-bottom: 15px; /* Jarak antar baris list */
        }

        /* Membuat lingkaran dan nomor otomatis */
        ul.custom-list-number li::before {
			counter-increment: line-number;
			  content: counter(line-number);
			  position: absolute;
			  left: 10px;
			  top: 5px;
			  width: 24px;
			  height: 24px;
			  border-radius: 50%;
			  background-color: #6E3B97;
			  color: #ffffff;
			  font-weight: bold;
			  font-size: 14px;
			  text-align: center;
			  line-height: 24px;
        }

        /* Style untuk Judul (Title) */
        ul.custom-list-number li .list-title {
            display: block; /* Membuat judul terpisah di baris baru sebelum deskripsi */
            font-size: 18px;
            font-weight: bold; /* Membuat font tebal */
            color: #1a1a1a; /* Warna hitam pekat/gelap */
            margin-bottom: 4px; /* Jarak antara judul dan deskripsi */
            line-height: 34px; /* Menyelaraskan tinggi judul dengan lingkaran nomor */
        }

        /* Style untuk Deskripsi (Description) */
        ul.custom-list-number li .list-desc {
            display: block;
            font-size: 14px;
            font-weight: normal; /* Font ringan/biasa */
            color: #666666; /* Warna abu-abu halus agar kontras dengan judul */
            line-height: 1.5; /* Memberi spasi antar baris jika teks deskripsi panjang */
        }
.img-testimoni img {
  border-radius: 50%;
}
.map-box {
  border: 1px solid #fff;
  padding: 15px;
  color: #fff;
}
.map-box a {
  color: #fff;
}
        /* Gaya dasar tombol menggunakan tag <a> */
        .btn-map {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px; /* Jarak antara ikon pin dan teks */
            
            /* Warna & Tipografi */
            background-color: #6E3B97; /* Warna biru */
            color: #ffffff;
            font-family: Arial, sans-serif;
            font-size: 15px;
            font-weight: 600;
            text-decoration: none; /* WAJIB: Menghilangkan garis bawah bawaan tag <a> */
            
            /* Padding & Bentuk */
            padding: 10px 0px;
            border-radius: 8px; /* Sudut melengkung halus */
            transition: all 0.2s ease; /* Animasi halus saat hover */
			width: 100%;
        }

        /* Efek saat kursor diarahkan (Hover) */
        .btn-map:hover {
            background-color: #6E3B97; /* Biru lebih gelap */
            box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2); /* Bayangan lembut */
        }

        /* Efek saat tombol diklik (Active) */
        .btn-map:active {
            transform: translateY(1px);
        }

        /* Mengatur ukuran ikon SVG di dalam tombol */
        .btn-map svg {
            width: 18px;
            height: 18px;
            fill: currentColor; /* Mengikuti warna teks (putih) */
        }

        /* Mengatur container utama list */
        ul.custom-list-number-btm {
            list-style: none; /* Menghilangkan bulatan bawaan */
            padding: 0;
            margin: 0;
            counter-reset: line-number; /* Inisialisasi counter otomatis */
            font-family: Arial, sans-serif; /* Font universal */
        }

        /* Mengatur jarak dan posisi setiap elemen daftar */
        ul.custom-list-number-btm li {
            position: relative;
            padding-left: 35px; /* Jarak teks dari lingkaran angka */
            margin-bottom: 5px; /* Jarak antar baris list */
        }

        /* Membuat lingkaran dan nomor otomatis */
        ul.custom-list-number-btm li::before {
			counter-increment: line-number;
			  content: counter(line-number) ".";
			  position: absolute;
			  left: 10px;
			  top: 5px;
			  width: 24px;
			  height: 24px;
			  border-radius: 50%;
			  background-color: transparent;
			  color: #111;
			  font-weight: bold;
			  font-size: 14px;
			  text-align: center;
			  line-height: 24px;
        }

        /* Style untuk Judul (Title) */
        ul.custom-list-number-btm li .list-title-btm {
            display: block; /* Membuat judul terpisah di baris baru sebelum deskripsi */
            font-size: 18px;
            font-weight: bold; /* Membuat font tebal */
            color: #1a1a1a; /* Warna hitam pekat/gelap */
            margin-bottom: 4px; /* Jarak antara judul dan deskripsi */
            line-height: 34px; /* Menyelaraskan tinggi judul dengan lingkaran nomor */
        }

        /* Style untuk Deskripsi (Description) */
        ul.custom-list-number-btm li .list-desc-btm {
            display: block;
            font-size: 14px;
            font-weight: normal; /* Font ringan/biasa */
            color: #666666; /* Warna abu-abu halus agar kontras dengan judul */
            line-height: 1.5; /* Memberi spasi antar baris jika teks deskripsi panjang */
        }
.main-footer {
  background-color: #111;
  border-color: #4F1B75;
  border-top-width: 30px;
  background-clip: border-box;
  border-left-width: 0px;
  border-bottom-width: 0px;
  border-right-width: 0px;
  border-style: solid;
	color: #6C767D;
}
.footer-top {
  padding: 60px 10px;
}
.footer-top h2, .footer-top h3 {
  color: #fff;
}
.footer-top a {
  color: #6C767D;
}
        /* Mengatur container utama list */
        ul.contact-list {
            list-style: none; /* Menghilangkan bulatan bawaan */
            padding: 0;
            margin: 0;
            font-family: Arial, sans-serif;
        }

        /* Mengatur gaya setiap baris dan link */
        ul.contact-list li a {
            display: inline-flex;
            align-items: center;
            gap: 12px; /* Jarak antara ikon dan teks */
            padding: 10px 0;
            color: #6C767D;
            text-decoration: none; /* Menghilangkan garis bawah pada teks */
            font-size: 16px;
            font-weight: 500;
            transition: color 0.2s ease;
        }

        /* Ukuran universal untuk semua ikon SVG */
        ul.contact-list li a svg {
            width: 24px;
            height: 24px;
        }

        /* --- Efek Warna Saat Kursor Diarahkan (Hover) --- */
        /* WhatsApp (Hijau) */
        ul.contact-list li.wa a:hover { color: #25D366; }
        ul.contact-list li.wa a:hover svg { fill: #25D366; }

        /* Instagram (Pink/Ungu) */
        ul.contact-list li.ig a:hover { color: #E1306C; }
        ul.contact-list li.ig a:hover svg { fill: #E1306C; }

        /* Email (Merah/Oranye) */
        ul.contact-list li.email a:hover { color: #EA4335; }
        ul.contact-list li.email a:hover svg { fill: #EA4335; }

        /* Maps (Biru) */
        ul.contact-list li.maps a:hover { color: #4285F4; }
        ul.contact-list li.maps a:hover svg { fill: #4285F4; }
        /* Container utama untuk membuat ikon sejajar horizontal */
        .social-share-bar {
            display: flex;
            align-items: center;
            gap: 12px; /* Jarak antar lingkaran ikon */
            padding: 10px 0;
        }

        /* Gaya untuk setiap link lingkaran */
        .social-icon-link {
            display: flex;
            align-items: center;
            justify-content: center;
            
            /* Ukuran lingkaran */
            width: 40px;
            height: 40px;
            border-radius: 50%;
            
            /* Warna latar belakang sesuai permintaan */
            background-color: #9D63CF; 
            
            /* Animasi halus saat di-hover */
            transition: transform 0.2s ease, background-color 0.2s ease;
            text-decoration: none;
        }

        /* Mengatur ukuran dan warna ikon SVG di dalam lingkaran */
        .social-icon-link svg {
            width: 20px;
            height: 20px;
            fill: #ffffff; /* Memastikan ikon berwarna putih murni */
        }

        /* Efek interaktif saat kursor diarahkan (Hover) */
        .social-icon-link:hover {
            transform: scale(1.1); /* Lingkaran sedikit membesar */
            background-color: #854eb5; /* Warna ungu sedikit lebih gelap */
        }
.wp-block-navigation__responsive-container{
	height: fit-content;
  padding-bottom: 25px !important;
}
.right-side-content h2 a {
  font-size: 14px;
  color: #002B5B;
}
.date-post {
  margin-top: 0px;
}
.query-post {
    display: flex;
    gap: 16px; /* Jarak antar post */
    list-style: none;
    padding: 0;
    margin: 0;
}

.query-post li {
    flex: 1;          /* Membuat semua li memiliki lebar basis yang sama rata */
    min-width: 0;     /* Mencegah flexbox merusak layout jika teks terlalu panjang */
	  margin-block-start: 0px !important;
}
.query-post li img {
    width: 100%;       /* Gambar akan mengikuti lebar penuh dari <li> */
    height: 189px;     /* Tinggi dikunci sesuai keinginan Anda */
    
    /* Tambahkan dua baris krusial ini: */
    object-fit: cover; /* Memotong (crop) kelebihan gambar secara proporsional agar tidak gepeng */
    flex-shrink: 0;    /* Melarang flexbox menyusutkan atau memaksa lebar gambar secara sepihak */
}
.query-post h2 {
  font-size: 18px;
  margin-top: 10px;
}
.query-post h2 a {
 color:#111;
}
.artikel-section {
  padding: 0px 15px;
}
.date-posting {
  margin-top: 0px;
  font-size: 12px;
	color: #444;
}
.ringkasan.wp-block-post-excerpt {
  margin-top: 0px;
  color: #444;
}
.title-term h1, .title-term h5 {
  text-align: left !important;
	padding: 0px 15px;
}
.floating-buttons-wrap {
    position: fixed;
    bottom: 25px;
    right: 25px;
    z-index: 99999;
    display: flex;
    flex-direction: row-reverse; /* Membalik urutan agar Back to Top selalu di paling kanan */
    align-items: center;
    gap: 0; /* Gap diatur lewat jQuery untuk transisi smooth */
    transition: gap 0.4s ease; /* Transisi untuk jarak antar tombol */
}

/* Aktifkan gap saat tombol Back to Top muncul */
.floating-buttons-wrap.has-gap {
    gap: 12px;
}

.float-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    border-radius: 50px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    text-decoration: none;
    transition: all 0.4s ease; /* Efek transisi pergeseran yang smooth */
}

/* Style Tombol WA (Oval Memanjang) */
.wa-btn {
    background-color: #25d366;
    color: #fff;
    padding: 0 20px;
    gap: 8px;
    font-family: sans-serif;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
}
.wa-btn:hover {
    background-color: #20ba5a;
    color: #fff;
}

/* Style Tombol Back to Top */
.top-btn {
    background-color: #ffffff;
    color: #333333;
    width: 0; /* Mula-mula disembunyikan dengan lebar 0 */
    padding: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
}

/* Kelas aktif saat di-scroll (Tombol melebar smooth ke kanan WA) */
.top-btn.show {
    width: 48px;
    opacity: 1;
    visibility: visible;
}

.top-btn:hover {
    background-color: #f0f0f0;
    color: #000;
}
/* Layar tablet & komputer (768px ke atas) */
@media (min-width: 768px) {
  .list-pelayanan {
    grid-template-columns: repeat(3, minmax(0, 1fr)); /* Berubah jadi 3 kotak */
  }
.left-side {
  max-width: 70%;
  text-align: left !important;
}
.right-side {
  max-width: 30%;
}
	.des-mid-right {
  width: 55%;
}
	.logo-mid-left {
  width: 45%;
}
	.log-mid {
  display: flex;
}
}
.split-profil-head {
  margin-bottom: 5px;
}
.custom-list.split-profil-left.pd {
  width: 300px;
}
/* RESPONSIVE DESIGN */
@media (min-width: 1000px) {
  .car-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
.img-gall	 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
.profil-mid, .split-profil {
  display: flex;
}
.split-profil-left, .split-profil-right	{max-width:50%}
.split-profil {
    display: flex;
  }	
.profil-left{max-width:55%; margin: 20px;}	
.profil-right{max-width:45%}		

}
@media (min-width: 768px) and (max-width: 992px) {
  .car-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
	  padding-left: 10px;
  padding-right: 10px;
  }
	.img-gall	 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
		  padding-left: 10px;
  padding-right: 10px;
		text-align:center;
  }
.title-head {
  padding-left: 20px;
}	

}
@media (max-width: 767.98px) {
  .car-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
	  padding-left: 10px;
  padding-right: 10px;
  }
	.img-gall	 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
		  padding-left: 10px;
  padding-right: 10px;	
		text-align:center;
  }
	.profil-mid{
		padding:20px
	}
	.split-profil{
justify-content: center;
  align-items: center;
  display: grid;}
.custom-list {
  max-width: 400px;
}	

.gallery img {
  width: 199px !important;
  height: 180px !important;
  object-fit: cover;
}


.left-side, .right-side {
  width: 100%;
}
	.des-mid-right {
  width: 100%;
	margin: 0px !important;	
}
	.logo-mid-left {
  width: 100%;
}	
.title-head {
  padding-left: 20px;
}	
.title-term h1, .title-term h5 {
  text-align: left !important;
	padding: 0px 15px;
}

    /* 1. Ubah susunan ul dari menyamping menjadi berderet ke bawah */
    ul.query-post {
        display: flex;
        flex-direction: column; /* Mengubah arah flex menjadi vertikal ke bawah */
        gap: 24px; /* Memberi jarak vertikal antar post agar tidak terlalu rapat */
		padding: 0px 15px;
    }

    /* 2. Reset properti flex pada li agar lebarnya penuh 100% */
    ul.query-post li {
        flex: none;
        width: 100%;
    }

    /* 3. Pastikan gambar memanjang penuh mengikuti lebar layar */
    ul.query-post li img {
        width: 100%;
        height: 200px; /* Opsional: Anda bisa menaikkan tingginya sedikit (misal 200px) agar di layar HP gambar tidak terlihat terlalu ceper */
        object-fit: cover;
    }
.single-post {
  flex-direction: column;
  padding: 0px 15px;
}
    .floating-buttons-wrap {
        bottom: 15px; /* Sedikit lebih naik dari bawah di HP */
        right: 15px;  /* Sedikit lebih mepet ke kanan di HP */
    }

    .floating-buttons-wrap.has-gap {
        gap: 8px; /* Jarak antar tombol mengecil di HP */
    }

    .float-btn {
        height: 40px; /* Tinggi tombol mengecil dari 48px ke 40px */
    }

    .icon-svg {
        width: 18px; /* Ukuran ikon mengecil agar pas */
        height: 18px;
    }

    /* Mengubah WA menjadi bulat sempurna di HP */
    .wa-btn {
        width: 40px; /* Lebar disamakan dengan tinggi */
        padding: 0;  /* Hilangkan padding samping */
    }

    /* Sembunyikan teks "Butuh Bantuan?" di HP */
    .wa-text {
        display: none;
    }

    /* Sesuaikan lebar Back to Top saat muncul di HP */
    .top-btn.show {
        width: 40px; /* Mengikuti ukuran tombol baru */
    }	
}
.left-side, .right-side {
    color: #fff;
  }	
@media (max-width: 992px) {

}
/* Applies to mobile phones in portrait and landscape */
@media screen and (max-width: 767px) {

}

@media screen and (max-width: 667px) {

.owl-carousel .item img {
  display: block;
  width: 100%;
  height: 300px;
	object-fit: cover;
    object-position: left;
	}
.inner-head {
  padding-right: 25px;
}
.wp-block-navigation__responsive-container-content {
  padding-left: 20px;
}	
.headarmada {
  font-size: 12px;
}
.list-pelayanan {
	max-width: 400px;
}	
}
/* Optional: Targets small or older smartphones exclusively (under 480px) */
@media screen and (max-width: 480px) {

}
@media screen and (max-width: 460px) {


}
@media screen and (min-width: 600px) {

}
@media screen and (max-width: 440px) {


}