@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..900;1,400..900&display=swap');


h1, h2, h3, h4, h5, h6 {
  font-family: 'Playfair Display', serif;
  color: #cdaad1;
}

body {
    font-family: 'Lora', serif;
    font-optical-sizing: auto;
    font-style: normal;
}

.banner-grid{
    position: relative;
    background: url('https://manta-indonesia.com/assets/img/banner.jpg');
    background-position: center;
    background-size: cover;
    border-radius: 0.375rem;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.banner-grid::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: -1; 
}
.reseller-section{
    background: url('https://manta-indonesia.com/assets/img/banner.jpg');
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: relative;
}
.reseller-section::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: -1; 
}
.point-benefit{
    position: absolute;
}

@media only screen and (max-width:430px) {
    .point-benefit{
        position: static;
        transform: none!important;
    }
}

.breadcrumb {

    color: #333;

  }
  
  .breadcrumb a {
    text-decoration: none;
    color: #007BFF; /* Warna link */
    transition: color 0.3s ease;
  }
  
  .breadcrumb a:hover {
    color: #0056b3; /* Warna link saat dihover */
  }
  
  .breadcrumb a::after {
    margin: 0 10px;
    color: #999; /* Warna garis miring */
  }
  
  .breadcrumb span {
    color: #666; /* Warna teks halaman saat ini */
  }