@font-face {
    font-family: 'quantifyregular';
    src: url('quantify-webfont.woff2') format('woff2'),
         url('quantify-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.header-bg-gradient {
  background: linear-gradient(
    90deg,
    rgba(29, 53, 64, 1) 0%,
    rgba(80, 126, 150, 1) 50%,
    rgba(29, 53, 64, 1) 100%
  );
  background-size: 200% 200%;
  animation: cardinaliGradientMove 8s ease infinite;
}

@keyframes cardinaliGradientMove {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.grid-cardinali-1 .uk-grid > * {
  display: flex;
}

.grid-cardinali-1 .el-item {
  background: #2b3a42;
  border-top: 3px solid #5cb896;
  padding: 24px 20px;
  width: 100%;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.grid-cardinali-1 .el-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}

.grid-cardinali-1 .el-title {
  color: #ffffff;
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 12px;
}

.grid-cardinali-1 .el-content {
  color: rgba(255, 255, 255, 0.65);
  font-size: 14px;
  line-height: 1.5;
}

.el-content ul {
  list-style: none;
  padding-left: 0;
}

.el-content ul > li {
  position: relative;
  padding-left: 28px;
}

.el-content ul > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 18px;
  height: 18px;
  background-color: #5cb896;
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><polyline points='4,10 8,15 17,4' fill='none' stroke='black' stroke-width='2'/></svg>");
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><polyline points='4,10 8,15 17,4' fill='none' stroke='black' stroke-width='2'/></svg>");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

li::marker {
  color:#8fe8c9;
  font-weight: bold;
  font-size: 1.2em;
} 
@media (max-width: 959px) {
  .grid-cardinali-1 .uk-grid > * {
    margin-bottom: 20px;
  }
}

.uppercase{text-transform:uppercase;}

.el-item.uk-panel.uk-tile-default.uk-margin-remove-first-child {border: 1px solid #5cb89670; border-radius: 4px; padding: 20px; background-color: #2b3a42; color: #ffffff; transition: transform 0.2s ease, box-shadow 0.2s ease;}
.uk-tile-default {border: 1px solid #5cb89670; border-radius: 4px; padding: 20px; background-color: #2b3a42; color: #ffffff; transition: transform 0.2s ease, box-shadow 0.2s ease;}
.uk-tile-default:hover{transform: translateY(-4px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25); }
.uk-card-default {border: 1px solid #5cb89670; border-radius: 4px; padding: 20px;  transition: transform 0.2s ease, box-shadow 0.2s ease;}
 .uk-card-default:hover {transform: translateY(-4px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25); }


.uk-h1 em {color: #5cb896!important; font-style: normal;text-decoration: none!important; }
.el-meta{background:#48bc931a;
         border-radius:10px;display:inline-block;padding:10px;color: #48bc93;text-decoration-thickness: 1.6px;}

.uk-navbar-dropdown {
    width: 650px !important;
}
         .uk-navbar-dropdown .uk-subnav > * {
    flex: 1 1 100%;
    min-width: 0;
}

.uk-navbar-dropdown .uk-subnav > * > :first-child {
    min-width: 0;
    white-space: normal;
    word-break: break-word;
}

.uk-navbar-dropdown .uk-subnav > * > a {
    transition: color .15s ease-in-out;
}

.uk-navbar-dropdown .uk-subnav > * > a:hover,
.uk-navbar-dropdown .uk-subnav > * > a:focus {
    color: #48BC93;
}

.uk-navbar-dropdown .uk-subnav > .uk-active > a {
    color: #48BC93;
    font-weight: 600;
}