/*!
 * 
 * UNDP Design System 1.7.3
 *
 */
.feature__card-content,.feature__card-slide,.feature__card-slide:before{left:0;top:0;width:100%}.feature__card{container:featurecard/inline-size;margin-block-end:0}@media(min-width:48em){.feature__card .cta__link.cta--arrow{width:100%}.feature__card .cta__link.cta--arrow i{max-width:var(--undpds-spacing-100)}.feature__card .cta__link.cta--arrow i:after{background-position:100% 0}}@container featurecard (min-width: 64em){.feature__card .cta__link.cta--arrow i:after{margin-inline-start:var(--undpds-spacing-04);width:.813rem}}.feature__card a{display:flex;height:100%;min-height:350px;overflow:hidden;position:relative}@media(min-width:48em){.feature__card a{min-height:420px}}.feature__card a:hover .cta__link.cta--arrow i{width:var(--undpds-spacing-11)}@container featurecard (min-width: 48em){.feature__card a:hover .cta__link.cta--arrow i{width:calc(100% - 6.25rem)}}@container featurecard (min-width: 64em){.feature__card a:hover .cta__link.cta--arrow i{width:calc(100% - 6.25rem)}}.feature__card a:hover .cta__link.cta--arrow i:before{display:unset}.feature__card a:hover .feature__card-slide:before{opacity:0}.feature__card.without-image .feature__card-slide{z-index:0}.feature__card.without-image .feature__card-slide:before{display:none}.feature__card.image{color:var(--undpds-color-text-default);transition:color .25s ease-in-out}.feature__card.image a:hover{color:var(--undpds-color-text-inverse)}.feature__card-slide{background:var(--undpds-color-surface-default);height:100%;position:absolute;transition:background-color .25s ease-in-out;z-index:0}.feature__card a:hover .feature__card-slide{background:var(--undpds-color-surface-hover)}.feature__card-slide:before{background:linear-gradient(180deg,hsla(0,0%,97%,.8),hsla(0,0%,97%,.98) 72.62%);bottom:0;content:"";height:100%;opacity:1;position:absolute;transition:opacity .25s ease-in-out;z-index:1}.feature__card-slide .feature__card-image{background-position:top;background-repeat:no-repeat;background-size:cover;height:100%;width:100%}.feature__card-slide .feature__card-image img{display:block;filter:saturate(0);height:100%;max-width:100%;object-fit:cover;transition:filter 1.25s ease-in-out;width:100%}.feature__card a:hover .feature__card-slide .feature__card-image img{filter:saturate(1)}.feature__card-content{display:flex;flex-direction:column;height:auto;position:relative;width:auto;width:100%}.feature__card-content .feature__card-tag,.feature__card-content h6{font-size:var(--undpds-font-size-12);font-weight:700;line-height:1.12;margin-block:var(--undpds-spacing-gutter);padding-inline:var(--undpds-spacing-gutter);text-transform:uppercase;transition:color .125s ease-in-out}.feature__card-content .feature__card-description{display:flex;flex-flow:column nowrap;justify-content:end;margin-top:auto;padding:var(--undpds-spacing-08) var(--undpds-spacing-gutter) 0}.feature__card.image .feature__card-content .feature__card-description{position:relative}.feature__card.image .feature__card-content .feature__card-description:before{background-image:linear-gradient(180deg,rgba(20,20,24,0),rgba(20,20,24,.7) 30%,rgba(20,20,24,.9));content:"";inset:0;opacity:0;position:absolute;transition:opacity .25s ease-in-out}.feature__card.image a:hover .feature__card-content .feature__card-description:before{opacity:1}.feature__card-content .feature__card-title,.feature__card-content h4,.feature__card-content h5{font-size:var(--undpds-font-size-heading-medium);line-height:1.1;margin-bottom:var(--undpds-spacing-04);transition:color .125s ease-in-out;z-index:2}.feature__card-content p{font-size:var(--undpds-font-size-body-small);transition:color .125s ease-in-out;z-index:2}.feature__card-content .cta__link.cta--arrow{padding:var(--undpds-spacing-gutter);position:relative;transition:opacity .25s ease-in-out,color .125s ease-in-out;z-index:2}.feature__card.image .feature__card-content .cta__link.cta--arrow:before{background:rgba(20,20,24,.9);content:"";inset:0;opacity:0;position:absolute;transition:opacity .25s ease-in-out;z-index:-1}.feature__card.image a:hover .feature__card-content .cta__link.cta--arrow:before{opacity:1}