.uk-navbar {
    border-bottom: 1px solid rgba(255, 255, 255, 1);
    height: 74px;
}

@media (min-width: 960px) {
  .uk-navbar > div:nth-of-type(1) {
    margin-left: -10px;
  }
}

@media (max-width: 960px) {

.uk-navbar > div:nth-of-type(2) {
    margin-right: -10px;
}
}


.uk-navbar-nav > li > a {
  position: relative;
}


.uk-navbar-nav > li > a::after {
  content: '';
  position: absolute;
  left: 50%;
  width: 6px;
  height: 6px;
  background-color: #EAB42C;
  border-radius: 50%;
  opacity: 0;
  transition: opacity 0.3s ease;
  bottom: 20%;
}

.uk-navbar-nav > li:hover > a::after {
  opacity: 1;
}


.uk-offcanvas-bar {
  padding: 20px 0px !important;
}




.uk-slidenav-next svg path,
.uk-slidenav-previous svg path {
    fill: #666666 !important;
}

.uk-slidenav-next svg rect,
.uk-slidenav-previous svg rect {
    /* fill: white !important; */
    /* fill-opacity: 0.6 !important; */
    stroke: #E4E4E4 !important;
}

/* slidenav Hover effect */
/* .uk-slidenav-next:hover svg,
.uk-slidenav-previous:hover svg {
    filter: drop-shadow(0px 2px 8px #EAB42C33) !important;
}

.uk-slidenav-next:hover svg rect,
.uk-slidenav-previous:hover svg rect {
    fill: #0D4751 !important;
    fill-opacity: 1 !important;
    stroke: white !important;
}

.uk-slidenav-next:hover svg path,
.uk-slidenav-previous:hover svg path {
    fill: white !important;
} */



/* dotnav */
.uk-dotnav li a {
  background: #EAB42C;
  transition: all 0.3s ease;
  padding: 0 !important;
  outline: 2px solid transparent; /* Thêm outline transparent cho tất cả */
  outline-offset: 3px;
}

.uk-dotnav li.uk-active a {
  background: #EAB42C;
  outline-color: #EAB42C; /* Chỉ thay đổi màu outline */
}