.subtitle{
  padding: var(--ev-space-xs);
}
.page .intro__wrapper .intro__subtitle{
  font-size: var(--ev-step-0);
  text-transform: uppercase;
  font-weight: var(--ev-text-font-weight);
  color: var(--ev-primary);
}
@media (min-width: 768px) {
  .intro__wrapper:not(.no-img) {
    grid-template-areas:
"..        img" 
"subtitle  img" 
"title     img" 
"author    img" 
"paragraph img" 
"cta       img" 
"..        img";
    grid-template-columns: minmax(50%, 1fr) minmax(300px, 600px);
    grid-template-rows: 1fr repeat(5, min-content) 1fr;
  }
}
.intro__wrapper {
  display: grid;
  grid-template-areas:
"subtitle " 
"title    " 
"author   " 
"img      " 
"paragraph" 
"cta      ";
  column-gap: var(--ev-grid-gutter, 1rem);
}
.banner-bg, .form-page .flexible-form__title-wrapper {
	--bg-color: var(--ev-secondary);
	--bg-pos: center;
	--bg-text-color: white;
  padding-block: var(--ev-space-l);
}
.banner-bg .banner__title{
  font-size: var(--ev-step-3, 2em);
}
.article-breadcrumb{
  padding-block: var(--ev-space-s);
  background: var(--ev-light);
}
.breadcrumb{
  font-size: var(--ev-step-0);
}
.article .article__criteria{
  padding: var(--ev-space-m);
}
.btn-primary {
  --btn-color: var(--ev-heading-color);
}

.btn {
  position: relative;
  z-index: 1;
}

.btn::after {
  content: "";
  position: absolute;
  width: 42px;
  height: 42px;
  display: block;
  background: #ffffff3b;
  border-radius: 100vmax;
  top: 0;
  left: var(--ev-space-3xs);
  bottom: 0;
  margin-block: auto;
  z-index: -1;
  transition: all 250ms ease-in;
}

.btn:hover::after {  
  width: calc(100% - var(--ev-space-3xs) * 2);
}


.btn-primary {
  --btn-hover-bg: var(--ev-primary);
}

.btn-secondary {
  --btn-hover-bg: var(--ev-secondary);
  --btn-hover-color: white;
}

.subtitle {
	text-transform: uppercase;
	color: var(--ev-secondary);
	padding: var(--ev-space-2xs) var(--ev-space-xs) calc(var(--ev-space-2xs) + 2px);
	background: rgba(var(--ev-secondary-rgb), 10%);
	border-radius: 100vmax;
	width: fit-content;
	line-height: 1;
}

.subtitle:empty {
	display: none;
}


/* @link https://www.freepik.com/author/uicons/icons/uicons-rounded-bold_5087 */
[style*="--icon-url:url()"] {
  --icon-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 24 24'%3E%3Cpath d='M18.5 0h-13C2.467 0 0 2.468 0 5.5v9C0 17.532 2.467 20 5.5 20h1.241l3.598 3.03c.479.426 1.08.636 1.675.636.583 0 1.158-.201 1.606-.601L17.328 20H18.5c3.032 0 5.5-2.468 5.5-5.5v-9C24 2.468 21.532 0 18.5 0zM3 5.5C3 4.121 4.122 3 5.5 3h13c1.187 0 2.182.831 2.437 1.942l-5.315 5.315c-.344.342-.9.342-1.244 0l-.635-.635c-1.465-1.467-4.021-1.467-5.486 0l-5.231 5.231a2.573 2.573 0 0 1-.025-.353v-9zM18.5 17h-1.712c-.349 0-.687.122-.956.344l-3.829 3.167-3.749-3.158A1.5006 1.5006 0 0 0 7.288 17H5.499c-.12 0-.238-.009-.353-.025l5.232-5.231c.332-.332.911-.332 1.244 0l.635.635c1.466 1.467 4.021 1.467 5.486 0L21 9.122v5.379c0 1.379-1.121 2.5-2.5 2.5zM5 6.5C5 5.672 5.672 5 6.5 5S8 5.672 8 6.5 7.328 8 6.5 8 5 7.328 5 6.5z'/%3E%3C/svg%3E") !important;
}

.swiper-button-next, .swiper-button-prev {
  border-color: var(--ev-secondary) !important;
  color: var(--ev-secondary) !important;
}


.icon--agenda {
  
  --icon-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 24 24'%3E%3Cpath d='M19 2.02V1.5c0-.83-.67-1.5-1.5-1.5S16 .67 16 1.5V2H8v-.5C8 .67 7.33 0 6.5 0S5 .67 5 1.5v.52c-2.8.26-5 2.62-5 5.48v11C0 21.53 2.47 24 5.5 24h13c3.03 0 5.5-2.47 5.5-5.5v-11c0-2.86-2.2-5.22-5-5.48ZM10 14v-4h4v4h-4Zm4 3v4h-4v-4h4ZM3 10h4v4H3v-4Zm14 0h4v4h-4v-4ZM5.5 5h13c1.21 0 2.22.86 2.45 2H3.05c.23-1.14 1.24-2 2.45-2ZM3 18.5V17h4v4H5.5C4.12 21 3 19.88 3 18.5ZM18.5 21H17v-4h4v1.5c0 1.38-1.12 2.5-2.5 2.5Z'/%3E%3C/svg%3E");
}

.icon--user {
  --icon-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 512 512'%3E%3Cpath d='M244.317 299.051c-90.917 8.218-160.183 85.041-158.976 176.32V480c0 17.673 14.327 32 32 32 17.673 0 32-14.327 32-32v-5.909c-.962-56.045 40.398-103.838 96-110.933 58.693-5.82 110.992 37.042 116.812 95.735.344 3.47.518 6.954.521 10.441V480c0 17.673 14.327 32 32 32 17.673 0 32-14.327 32-32v-10.667c-.104-94.363-76.685-170.774-171.047-170.67a171.4 171.4 0 0 0-11.31.388zM256.008 256c70.692 0 128-57.308 128-128S326.7 0 256.008 0s-128 57.308-128 128c.07 70.663 57.337 127.929 128 128zm0-192c35.346 0 64 28.654 64 64s-28.654 64-64 64-64-28.654-64-64 28.654-64 64-64z'/%3E%3C/svg%3E");
}




.icon--user {
  --icon-height: 14px;
}

.icon--agenda {
  --icon-height: 14px;
}

.article--list .article__item-content .author {
  font-size: var(--ev-step-0);
}

.article--list .article__item-description {
  font-size: var(--ev-step-0);
}

.article__item .h5 {
  font-size: var(--ev-step-1, 0.83em);
}

.article--list .article__item .author-item + .author-item::before {
  vertical-align: middle;
  display: inline-block;
  margin-inline: 4px;
  transform: translateY(-2px);
}

.article--list .article__item {
  --article-item-bg: transparent;
  --article-item-img-height: 300px;
}

.author-item {
  display: inline-flex;
  place-items: end;
  line-height: 1;
  gap: 6px;
  color: #989898;
}

.article--list .article__item figure {
  background-color: #d6d6d6;
  border-top-left-radius: var(--ev-border-radius);
  border-top-right-radius: var(--ev-border-radius);
  overflow: hidden;
}
.article--list .article__item-content{
  background-color: rgba(3, 59, 118, 0.07);
}
.paragraph {
  margin-top: var(--ev-space-2xl);
}
.article--details .paragraph__item{
  margin-top: var(--ev-space-2xl-3xl);
}
.article--details .paragraph__item .paragraph__title{
  font-size: var(--ev-step-3, 1.5em);
}
@media (width < 992px) {
  .navbar-nav {
    margin-top: var(--ev-space-2xl);
  }
}