@tailwind utilities;

.custom-bg-primary {
  background-color: #1354A3;
  border-radius: 8px !important;

}

.ukuran-logo {
  max-width: 100% !important;
  width: 100% !important;
  height: 27px !important;
}


.bg-primary1 {
  background-color: #1354A3 !important;
}

.btn-primary1 {
  background-color: #1354A3 !important;
  border: 2px solid #1354A3 !important;
  color: white !important;
}

.custom-hero {
  margin-top: 3rem;
}

.p-8 {
  padding: 8px;
}

.pr-2 {
  padding-right: 0.5rem !important;
}

.bg-transparant {
  background-color: transparent !important;
}

.text-colo-primary {
  color: black;
}

.borderbtn {
  border-radius: 8px !important;
}

.border-transparent {
  border: transparent !important;
}
.nondeco{
  text-decoration: none !important;
}
.w-customharga {
  width: 115px;
}

.w-custom-status {
  width: 115px;
}

.w-custom {
  width: 8rem !important;
}

.borderNone {
  border: none !important;
}

.pr-4 {
  padding-right: 8px;
}

.btn-search {
  border-radius: 8px !important;
  font-weight: 500;
  border: 2px solid #bfbfbf;
}

.border-input-searchbar {
  border: 2px solid #bfbfbf;
}

.custom-title-sidebar {
  font-size: 16px !important;
  font-weight: 700 !important;
  margin-bottom: 8px !important;
  line-height: 1.4 !important;
  color: var(--heading-color);
}

.bg-yellow-500-custom {
  background: linear-gradient(135deg, #ff6b35, #f7931e);
  /* color: white;
    background-color: #1354A3;
    padding: 8px;
    border-radius: 5px;
} */
}

.custom-searchbar {
  color: white;
  background-color: #1354A3;
  padding: 8px;
  border-radius: 5px;
}

.custom-slider {
  border-radius: 25px;
  /* background-color: #1354A3; */
  padding: 2rem 0px;
  /* background-image: url(), linear-gradient(rgb(4 99 172) 19.04%, rgb(255 255 255) 100%); */
}

.h2-top {
  font-size: 32px !important;
  font-weight: 700 !important;
}

.section-banner {
  padding: 12px !important;
}

.hero {
  background-image: url(/img/bg/rumah1.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: center;
  min-height: 60vh;
  padding-top: 37px;
  padding-bottom: 9px;
  display: flex;
  position: relative;
  overflow: hidden;
  /* border-radius: 304px; */
  /* border-bottom-right-radius: 150px;
  border-bottom-left-radius: 150px; */
  /* border-top-left-radius: 300px;
  border-top-right-radius: 300px; */

}

.submenus {
  gap: 11.5rem !important;
  /* Nilai yang Anda inginkan untuk desktop besar */
  margin-left: 7.5rem;
}
.scrollbarHide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.scrollbarHide::-webkit-scrollbar {
  display: none;
}

.bannerSlider {
  scroll-snap-type: x mandatory;
}

.bannerSlide {
  scroll-snap-align: start;
}

.overflow-hide2::-webkit-scrollbar{
  /* overflow: hidden !important; */
    display: none;

}
.border-radius-25{
  border-radius: 25px !important;
}
@media (min-width: 360px) {
  .submenus {
    gap: 2.5rem !important;
    /* margin-right: 4rem; */
    margin-left: 2px !important;
  }
}

@media (min-width: 390px) {
  .submenus {
    gap: 1rem !important;
    /* margin-right: 4rem; */
    margin-left: 1rem !important;
  }
}

/* Tablet devices (768px and up) */
@media (min-width: 768px) {
  .submenus {
    gap: 4rem !important;
    margin-right: 4rem !important;
  }
}

/* Desktop/large devices (992px and up) */
@media (min-width: 992px) {
  .submenus {
    gap: 8rem !important;
    margin-right: 6rem !important;
  }
}

/* Extra large devices (1200px and up) */
@media (min-width: 1200px) {
  .submenus {
    gap: 11.5rem !important;
    /* Nilai yang Anda inginkan untuk desktop besar */
    margin-left: 8rem !important;
  }
}