:root {
    --brand: #0B2F9F;
    --sub: #C7FFD8;
    --body: #516171;
    --border: rgba(0,0,0,0.08);
    --shadow: 0px 6px 30px rgba(0, 0, 0, 0.08);
}

.owl-nav .owl-prev {
    left: -50px;
    color: var(--brand);
    font-size: 24px;
  }
  
  .owl-nav .owl-next {
    right: -50px;
    color: var(--brand);
    font-size: 24px;
  }
  
  /* Align navigation buttons in the center below the carousel */
  .owl-nav {
    display: flex;
    justify-content: center;
    gap: 10px; /* Space between prev and next buttons */
    margin-top: 15px; /* Space between carousel and buttons */
  }
  
  .owl-nav button {
    background: none; /* Remove button background */
    border: none;
    color: var(--brand); /* Use custom variable color */
    font-size: 20px; /* Icon size */
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.3s ease;
  }
  
  .owl-nav button:hover {
    color: #000; /* Optional: Change color on hover */
  }