.uk-navbar-nav {
      background: #ECECEC;
      padding: 15px 20px;
      border-radius: 36px;
      display: flex;
      gap: 10px;
    }

    .uk-navbar-nav li{
      position: relative;
      list-style: none;
      border-radius: 20px;
      padding: 0 5px;
      transition: transform 0.3s ease, background 0.3s ease;
      will-change: transform;
    }

    .services-list .el-item {
      position: relative;
      list-style: none;
      border-radius: 20px;
      padding: 0 15px;
      transition: transform 0.3s ease, background 0.3s ease;
      will-change: transform;
    }

    .uk-navbar-nav li a {
      display: block;
      padding: 2px 10px;
      color: #000;
      text-decoration: none;
      transition: color 0.3s ease;
      border-radius: inherit;
    }

    .uk-navbar-nav li:hover,  .uk-navbar-nav li > a[aria-expanded="true"] , .services-list .el-item:hover  {
      background: #1C5A62;
    }

    .uk-navbar-nav li:hover a, .uk-navbar-nav li > a[aria-expanded="true"] , .services-list .el-item:hover .el-content a, .services-list .el-item:hover .el-title{
      color: #fff;
    }

    /* Optional fancy touch */
    .uk-navbar-nav li.uk-active {
      background: #1C5A62;
    }

    .uk-navbar-nav li.uk-active a {
      color: #fff;
    }

    /* Create the arrow icon after the item */
.services-list .el-item::after {
  content: url(../images/arrow-right.svg); 
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -25px;
  top: 50%;
  transform: translateY(-50%) scale(0);
  width: 35px;
  height: 35px;
  border-radius: 100%;
  background-color: #1C5A62; /* UIkit primary */
  color: white;
  font-size: 14px;
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
  pointer-events: none;
  padding-top: 5px;
}

@media only screen and (max-width: 960px) {
  .services-list .el-item .uk-h3{
  font-size:22px;
  }
    .services-list .el-item::after {
        opacity: 1;
        transform: translateY(-50%) scale(1);
        background-color: transparent;
        color: #1C5A62;
        border: 0px solid #1C5A62;
    }
}

@media only screen and (min-width: 960px) {
    .services-list .el-item::after {
        opacity: 0;
        transform: translateY(-50%) scale(1);
        background-color: #1C5A62;
        color: #fff;
        border: 1px solid #1C5A62;
        transition: opacity 0.3s ease, transform 0.3s ease;
    }
}


/* Show the icon on hover */
.services-list .el-item:hover::after {
  content: url(../images/arrow-right-white.svg);
  opacity: 1;
  background-color: #1C5A62;
  color: #fff;
   border: 1px solid #1C5A62;
  transform: translateY(-50%) scale(1);
}


.currency-form input#currency_amount{
  border-radius:30px!important;
}

.uk-navbar-nav > li,
.magnetic,
.services-list .el-item {
  will-change: transform;
}

.uk-navbar-nav > li,
.magnetic,
.services-list .el-item {
  backface-visibility: hidden;
  transform-style: preserve-3d;
}