/* 💻 Default (Laptop/Desktop) */
.owl-nav {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 45%;
    left: -75px;
    right: -60px;
    transform: translateY(-50%);
    z-index: 2;
    pointer-events: none;
  }
  
  .owl-nav button {
    background: none;
    border: none;
    pointer-events: auto;
  }
  
  .owl-nav .arrow-left,
  .owl-nav .arrow-right {
    width: 36px;
    height: 36px;
    cursor: pointer;
    transition: transform 0.3s ease;
  }
  
  .owl-nav .arrow-left:hover,
  .owl-nav .arrow-right:hover {
    transform: scale(1.15);
  }
  
  
  /* 📱 Mobile View */
  @media (max-width: 767px) {
    .owl-nav {
      position: relative;
      top: auto;
      bottom: -20px;
      left: -45px;
      right: -45px;
      transform: none;
      justify-content: center;
      gap: 24px;
      margin-top: 20px;
    }
  
    .owl-nav .arrow-left,
    .owl-nav .arrow-right {
      width: 32px;
      height: 32px;
    }
  }
  
  /* 💻 Tablet View */
  @media (min-width: 768px) and (max-width: 1024px) {
    .owl-nav {
      top: 45%;
      left: -55px;
      right: -55px;
    }
  
    .owl-nav .arrow-left,
    .owl-nav .arrow-right {
      width: 34px;
      height: 34px;
    }
  }