html {
  scroll-behavior: smooth;
  scroll-padding-top: 80px; /* adjust if you have sticky header */
  -webkit-overflow-scrolling: touch;
}
.transition-all {
  transition-timing-function: ease-in-out;
}
body{overflow-x: hidden;}
  @media (min-width: 768px) {
    .parent:hover > .child {
      display: block !important;
    }
  }

  /* Optional: smooth dropdown animation */
  .child {
    transition: all 0.3s ease-in-out;
  }

.swiper-pagination-bullet-active {
  background-color: #705C2E !important; /* Equivalent to bg-blue-600 */
}
@media (max-width:767px){ }
@media (max-width: 767px) and (orientation:landscape){}
@media(orientation:landscape){}
@media(orientation:portrait){}
/* ##Device == Tablets, Ipads(portrait) */
@media only screen and (min-width: 768px) and (max-width: 1024px)  {}
@media only screen and (min-width: 1510px) and (max-width: 1710px) {}
@media only screen and (min-width: 1715px) and (max-width: 1920px) {}
@media only screen and (min-width: 1512px) and (max-width: 1703px) {}