/*!
 * 
 * UNDP Design System 1.4.6
 *
 */
div.content-card .image:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%}div.content-card h6{color:var(--undpds-color-black);font-size:.75rem;font-weight:700;letter-spacing:.48px;line-height:.84;margin-bottom:var(--undpds-spacing-05);text-transform:uppercase}:lang(my) div.content-card h6,div.content-card :lang(my) h6{font-size:1rem}div.content-card{background-color:var(--undpds-color-white);border-top:2px solid var(--undpds-color-black);height:100%;transition:all .5s;word-break:break-word}div.content-card>a{background:none;box-sizing:border-box;display:block;height:100%;padding-bottom:2.625rem;position:relative}div.content-card h6{margin-bottom:0;padding:var(--undpds-spacing-05) var(--undpds-spacing-06) 1.625rem}div.content-card.card h6{padding-bottom:var(--undpds-spacing-05)}div.content-card .image{position:relative;width:100%}div.content-card .image img{display:block;width:100%}div.content-card .image:before{opacity:0;transition:all .9s}div.content-card p{font-size:var(--undpds-font-size-16);margin:0;padding-top:var(--undpds-spacing-05)}div.content-card.card:hover{background-color:var(--undpds-color-gray-100)}div.content-card.card-emphasize{background-color:var(--undpds-color-light-yellow)}div.content-card.card-emphasize:hover{background-color:var(--undpds-color-yellow)}div.content-card.card-emphasize:hover.red .cta--space:after,div.content-card.card:hover.red .cta--space:after{filter:invert(0) brightness(0)}div.content-card.card-emphasize:hover.red .cta--arrow:after,div.content-card.card:hover.red .cta--arrow:after{background-image:url(../../images/arrow-right.svg)}div.content-card.card-emphasize:hover.accent-yellow,div.content-card.card-emphasize:hover.yellow,div.content-card.card:hover.accent-yellow,div.content-card.card:hover.yellow{background-color:var(--undpds-color-yellow)}div.content-card.card-emphasize:hover.accent-red,div.content-card.card-emphasize:hover.red,div.content-card.card:hover.accent-red,div.content-card.card:hover.red{background-color:var(--undpds-color-red)}div.content-card.card-emphasize:hover.accent-green,div.content-card.card-emphasize:hover.green,div.content-card.card:hover.accent-green,div.content-card.card:hover.green{background-color:var(--undpds-color-green)}div.content-card.card-emphasize:hover.accent-blue,div.content-card.card-emphasize:hover.blue,div.content-card.card:hover.accent-blue,div.content-card.card:hover.blue{background-color:var(--undpds-color-azure)}div.content-card.card-emphasize:hover.accent-gray,div.content-card.card-emphasize:hover.gray,div.content-card.card:hover.accent-gray,div.content-card.card:hover.gray{background-color:var(--undpds-color-gray-100)}div.content-card.card-emphasize.accent-yellow,div.content-card.card-emphasize.yellow{background-color:var(--undpds-color-light-yellow)}div.content-card.card-emphasize.accent-red,div.content-card.card-emphasize.red{background-color:var(--undpds-color-light-red)}div.content-card.card-emphasize.accent-green,div.content-card.card-emphasize.green{background-color:var(--undpds-color-light-green)}div.content-card.card-emphasize.accent-blue,div.content-card.card-emphasize.blue{background-color:var(--undpds-color-light-azure)}div.content-card.card-emphasize.accent-gray,div.content-card.card-emphasize.gray,div.content-card:hover{background-color:var(--undpds-color-gray-100)}div.content-card:hover .image:before{background:linear-gradient(67.76deg,var(--undpds-color-yellow),transparent 61.11%);opacity:.75}div.content-card:hover .cta--space:after{transform:translate(70%)}div.content-card:hover .cta--arrow i{width:var(--undpds-spacing-11)}div.content-card:hover .cta--arrow i:before{display:unset}div.content-card-wrapper>div{margin-bottom:var(--undpds-spacing-07)}div.content-card .image:before{background:linear-gradient(67.76deg,var(--undpds-color-yellow),transparent 61.11%);background:linear-gradient(67.76deg,var(--undpds-color-red),transparent 61.11%);background:linear-gradient(67.76deg,var(--undpds-color-green),transparent 61.11%);background:linear-gradient(67.76deg,var(--undpds-color-azure),transparent 61.11%);background:linear-gradient(67.76deg,var(--undpds-color-gray-100),transparent 61.11%)}div.content-card.accent-yellow .image:before,div.content-card.yellow .image:before{background:linear-gradient(67.76deg,var(--undpds-color-yellow),transparent 61.11%)}div.content-card.accent-red .image:before,div.content-card.red .image:before{background:linear-gradient(67.76deg,var(--undpds-color-red),transparent 61.11%)}div.content-card.accent-green .image:before,div.content-card.green .image:before{background:linear-gradient(67.76deg,var(--undpds-color-green),transparent 61.11%)}div.content-card.accent-blue .image:before,div.content-card.blue .image:before{background:linear-gradient(67.76deg,var(--undpds-color-azure),transparent 61.11%)}div.content-card.accent-gray .image:before,div.content-card.gray .image:before{background:linear-gradient(67.76deg,var(--undpds-color-gray-100),transparent 61.11%)}.accent-yellow div.content-card.card-emphasize,.accent-yellow div.content-card.card-emphasize.accent-yellow,.accent-yellow div.content-card.card-emphasize.yellow{background-color:var(--undpds-color-light-yellow)}.accent-yellow div.content-card.card-emphasize.accent-red,.accent-yellow div.content-card.card-emphasize.red{background-color:var(--undpds-color-light-red)}.accent-yellow div.content-card.card-emphasize.accent-green,.accent-yellow div.content-card.card-emphasize.green{background-color:var(--undpds-color-light-green)}.accent-yellow div.content-card.card-emphasize.accent-blue,.accent-yellow div.content-card.card-emphasize.blue{background-color:var(--undpds-color-light-azure)}.accent-yellow div.content-card.card-emphasize.accent-gray,.accent-yellow div.content-card.card-emphasize.gray{background-color:var(--undpds-color-gray-100)}.accent-red div.content-card.card-emphasize{background-color:var(--undpds-color-light-red)}.accent-red div.content-card.card-emphasize.accent-yellow,.accent-red div.content-card.card-emphasize.yellow{background-color:var(--undpds-color-light-yellow)}.accent-red div.content-card.card-emphasize.accent-red,.accent-red div.content-card.card-emphasize.red{background-color:var(--undpds-color-light-red)}.accent-red div.content-card.card-emphasize.accent-green,.accent-red div.content-card.card-emphasize.green{background-color:var(--undpds-color-light-green)}.accent-red div.content-card.card-emphasize.accent-blue,.accent-red div.content-card.card-emphasize.blue{background-color:var(--undpds-color-light-azure)}.accent-red div.content-card.card-emphasize.accent-gray,.accent-red div.content-card.card-emphasize.gray{background-color:var(--undpds-color-gray-100)}.accent-green div.content-card.card-emphasize{background-color:var(--undpds-color-light-green)}.accent-green div.content-card.card-emphasize.accent-yellow,.accent-green div.content-card.card-emphasize.yellow{background-color:var(--undpds-color-light-yellow)}.accent-green div.content-card.card-emphasize.accent-red,.accent-green div.content-card.card-emphasize.red{background-color:var(--undpds-color-light-red)}.accent-green div.content-card.card-emphasize.accent-green,.accent-green div.content-card.card-emphasize.green{background-color:var(--undpds-color-light-green)}.accent-green div.content-card.card-emphasize.accent-blue,.accent-green div.content-card.card-emphasize.blue{background-color:var(--undpds-color-light-azure)}.accent-green div.content-card.card-emphasize.accent-gray,.accent-green div.content-card.card-emphasize.gray{background-color:var(--undpds-color-gray-100)}.accent-blue div.content-card.card-emphasize{background-color:var(--undpds-color-light-azure)}.accent-blue div.content-card.card-emphasize.accent-yellow,.accent-blue div.content-card.card-emphasize.yellow{background-color:var(--undpds-color-light-yellow)}.accent-blue div.content-card.card-emphasize.accent-red,.accent-blue div.content-card.card-emphasize.red{background-color:var(--undpds-color-light-red)}.accent-blue div.content-card.card-emphasize.accent-green,.accent-blue div.content-card.card-emphasize.green{background-color:var(--undpds-color-light-green)}.accent-blue div.content-card.card-emphasize.accent-blue,.accent-blue div.content-card.card-emphasize.blue{background-color:var(--undpds-color-light-azure)}.accent-blue div.content-card.card-emphasize.accent-gray,.accent-blue div.content-card.card-emphasize.gray,.accent-gray div.content-card.card-emphasize{background-color:var(--undpds-color-gray-100)}.accent-gray div.content-card.card-emphasize.accent-yellow,.accent-gray div.content-card.card-emphasize.yellow{background-color:var(--undpds-color-light-yellow)}.accent-gray div.content-card.card-emphasize.accent-red,.accent-gray div.content-card.card-emphasize.red{background-color:var(--undpds-color-light-red)}.accent-gray div.content-card.card-emphasize.accent-green,.accent-gray div.content-card.card-emphasize.green{background-color:var(--undpds-color-light-green)}.accent-gray div.content-card.card-emphasize.accent-blue,.accent-gray div.content-card.card-emphasize.blue{background-color:var(--undpds-color-light-azure)}.accent-gray div.content-card.card-emphasize.accent-gray,.accent-gray div.content-card.card-emphasize.gray{background-color:var(--undpds-color-gray-100)}.accent-yellow div.content-card .image:before,.accent-yellow div.content-card.accent-yellow .image:before,.accent-yellow div.content-card.yellow .image:before{background:linear-gradient(67.76deg,var(--undpds-color-yellow),transparent 61.11%)}.accent-yellow div.content-card.accent-red .image:before,.accent-yellow div.content-card.red .image:before{background:linear-gradient(67.76deg,var(--undpds-color-red),transparent 61.11%)}.accent-yellow div.content-card.accent-green .image:before,.accent-yellow div.content-card.green .image:before{background:linear-gradient(67.76deg,var(--undpds-color-green),transparent 61.11%)}.accent-yellow div.content-card.accent-blue .image:before,.accent-yellow div.content-card.blue .image:before{background:linear-gradient(67.76deg,var(--undpds-color-azure),transparent 61.11%)}.accent-yellow div.content-card.accent-gray .image:before,.accent-yellow div.content-card.gray .image:before{background:linear-gradient(67.76deg,var(--undpds-color-gray-100),transparent 61.11%)}.accent-yellow div.content-card.card:hover{background-color:var(--undpds-color-gray-100)}.accent-yellow div.content-card.card-emphasize:hover,.accent-yellow div.content-card.card-emphasize:hover.accent-yellow,.accent-yellow div.content-card.card-emphasize:hover.yellow{background-color:var(--undpds-color-yellow)}.accent-yellow div.content-card.card-emphasize:hover.accent-red,.accent-yellow div.content-card.card-emphasize:hover.red{background-color:var(--undpds-color-red)}.accent-yellow div.content-card.card-emphasize:hover.accent-green,.accent-yellow div.content-card.card-emphasize:hover.green{background-color:var(--undpds-color-green)}.accent-yellow div.content-card.card-emphasize:hover.accent-blue,.accent-yellow div.content-card.card-emphasize:hover.blue{background-color:var(--undpds-color-azure)}.accent-yellow div.content-card.card-emphasize:hover.accent-gray,.accent-yellow div.content-card.card-emphasize:hover.gray{background-color:var(--undpds-color-gray-100)}.accent-red div.content-card .image:before{background:linear-gradient(67.76deg,var(--undpds-color-red),transparent 61.11%)}.accent-red div.content-card.accent-yellow .image:before,.accent-red div.content-card.yellow .image:before{background:linear-gradient(67.76deg,var(--undpds-color-yellow),transparent 61.11%)}.accent-red div.content-card.accent-red .image:before,.accent-red div.content-card.red .image:before{background:linear-gradient(67.76deg,var(--undpds-color-red),transparent 61.11%)}.accent-red div.content-card.accent-green .image:before,.accent-red div.content-card.green .image:before{background:linear-gradient(67.76deg,var(--undpds-color-green),transparent 61.11%)}.accent-red div.content-card.accent-blue .image:before,.accent-red div.content-card.blue .image:before{background:linear-gradient(67.76deg,var(--undpds-color-azure),transparent 61.11%)}.accent-red div.content-card.accent-gray .image:before,.accent-red div.content-card.gray .image:before{background:linear-gradient(67.76deg,var(--undpds-color-gray-100),transparent 61.11%)}.accent-red div.content-card.card:hover{background-color:var(--undpds-color-gray-100)}.accent-red div.content-card.card-emphasize:hover{background-color:var(--undpds-color-red)}.accent-red div.content-card.card-emphasize:hover.accent-yellow,.accent-red div.content-card.card-emphasize:hover.yellow{background-color:var(--undpds-color-yellow)}.accent-red div.content-card.card-emphasize:hover.accent-red,.accent-red div.content-card.card-emphasize:hover.red{background-color:var(--undpds-color-red)}.accent-red div.content-card.card-emphasize:hover.accent-green,.accent-red div.content-card.card-emphasize:hover.green{background-color:var(--undpds-color-green)}.accent-red div.content-card.card-emphasize:hover.accent-blue,.accent-red div.content-card.card-emphasize:hover.blue{background-color:var(--undpds-color-azure)}.accent-red div.content-card.card-emphasize:hover.accent-gray,.accent-red div.content-card.card-emphasize:hover.gray{background-color:var(--undpds-color-gray-100)}.accent-green div.content-card .image:before{background:linear-gradient(67.76deg,var(--undpds-color-green),transparent 61.11%)}.accent-green div.content-card.accent-yellow .image:before,.accent-green div.content-card.yellow .image:before{background:linear-gradient(67.76deg,var(--undpds-color-yellow),transparent 61.11%)}.accent-green div.content-card.accent-red .image:before,.accent-green div.content-card.red .image:before{background:linear-gradient(67.76deg,var(--undpds-color-red),transparent 61.11%)}.accent-green div.content-card.accent-green .image:before,.accent-green div.content-card.green .image:before{background:linear-gradient(67.76deg,var(--undpds-color-green),transparent 61.11%)}.accent-green div.content-card.accent-blue .image:before,.accent-green div.content-card.blue .image:before{background:linear-gradient(67.76deg,var(--undpds-color-azure),transparent 61.11%)}.accent-green div.content-card.accent-gray .image:before,.accent-green div.content-card.gray .image:before{background:linear-gradient(67.76deg,var(--undpds-color-gray-100),transparent 61.11%)}.accent-green div.content-card.card:hover{background-color:var(--undpds-color-gray-100)}.accent-green div.content-card.card-emphasize:hover{background-color:var(--undpds-color-green)}.accent-green div.content-card.card-emphasize:hover.accent-yellow,.accent-green div.content-card.card-emphasize:hover.yellow{background-color:var(--undpds-color-yellow)}.accent-green div.content-card.card-emphasize:hover.accent-red,.accent-green div.content-card.card-emphasize:hover.red{background-color:var(--undpds-color-red)}.accent-green div.content-card.card-emphasize:hover.accent-green,.accent-green div.content-card.card-emphasize:hover.green{background-color:var(--undpds-color-green)}.accent-green div.content-card.card-emphasize:hover.accent-blue,.accent-green div.content-card.card-emphasize:hover.blue{background-color:var(--undpds-color-azure)}.accent-green div.content-card.card-emphasize:hover.accent-gray,.accent-green div.content-card.card-emphasize:hover.gray{background-color:var(--undpds-color-gray-100)}.accent-blue div.content-card .image:before{background:linear-gradient(67.76deg,var(--undpds-color-azure),transparent 61.11%)}.accent-blue div.content-card.accent-yellow .image:before,.accent-blue div.content-card.yellow .image:before{background:linear-gradient(67.76deg,var(--undpds-color-yellow),transparent 61.11%)}.accent-blue div.content-card.accent-red .image:before,.accent-blue div.content-card.red .image:before{background:linear-gradient(67.76deg,var(--undpds-color-red),transparent 61.11%)}.accent-blue div.content-card.accent-green .image:before,.accent-blue div.content-card.green .image:before{background:linear-gradient(67.76deg,var(--undpds-color-green),transparent 61.11%)}.accent-blue div.content-card.accent-blue .image:before,.accent-blue div.content-card.blue .image:before{background:linear-gradient(67.76deg,var(--undpds-color-azure),transparent 61.11%)}.accent-blue div.content-card.accent-gray .image:before,.accent-blue div.content-card.gray .image:before{background:linear-gradient(67.76deg,var(--undpds-color-gray-100),transparent 61.11%)}.accent-blue div.content-card.card:hover{background-color:var(--undpds-color-gray-100)}.accent-blue div.content-card.card-emphasize:hover{background-color:var(--undpds-color-azure)}.accent-blue div.content-card.card-emphasize:hover.accent-yellow,.accent-blue div.content-card.card-emphasize:hover.yellow{background-color:var(--undpds-color-yellow)}.accent-blue div.content-card.card-emphasize:hover.accent-red,.accent-blue div.content-card.card-emphasize:hover.red{background-color:var(--undpds-color-red)}.accent-blue div.content-card.card-emphasize:hover.accent-green,.accent-blue div.content-card.card-emphasize:hover.green{background-color:var(--undpds-color-green)}.accent-blue div.content-card.card-emphasize:hover.accent-blue,.accent-blue div.content-card.card-emphasize:hover.blue{background-color:var(--undpds-color-azure)}.accent-blue div.content-card.card-emphasize:hover.accent-gray,.accent-blue div.content-card.card-emphasize:hover.gray{background-color:var(--undpds-color-gray-100)}.accent-gray div.content-card .image:before{background:linear-gradient(67.76deg,var(--undpds-color-gray-100),transparent 61.11%)}.accent-gray div.content-card.accent-yellow .image:before,.accent-gray div.content-card.yellow .image:before{background:linear-gradient(67.76deg,var(--undpds-color-yellow),transparent 61.11%)}.accent-gray div.content-card.accent-red .image:before,.accent-gray div.content-card.red .image:before{background:linear-gradient(67.76deg,var(--undpds-color-red),transparent 61.11%)}.accent-gray div.content-card.accent-green .image:before,.accent-gray div.content-card.green .image:before{background:linear-gradient(67.76deg,var(--undpds-color-green),transparent 61.11%)}.accent-gray div.content-card.accent-blue .image:before,.accent-gray div.content-card.blue .image:before{background:linear-gradient(67.76deg,var(--undpds-color-azure),transparent 61.11%)}.accent-gray div.content-card.accent-gray .image:before,.accent-gray div.content-card.gray .image:before{background:linear-gradient(67.76deg,var(--undpds-color-gray-100),transparent 61.11%)}.accent-gray div.content-card.card-emphasize:hover,.accent-gray div.content-card.card:hover{background-color:var(--undpds-color-gray-100)}.accent-gray div.content-card.card-emphasize:hover.accent-yellow,.accent-gray div.content-card.card-emphasize:hover.yellow{background-color:var(--undpds-color-yellow)}.accent-gray div.content-card.card-emphasize:hover.accent-red,.accent-gray div.content-card.card-emphasize:hover.red{background-color:var(--undpds-color-red)}.accent-gray div.content-card.card-emphasize:hover.accent-green,.accent-gray div.content-card.card-emphasize:hover.green{background-color:var(--undpds-color-green)}.accent-gray div.content-card.card-emphasize:hover.accent-blue,.accent-gray div.content-card.card-emphasize:hover.blue{background-color:var(--undpds-color-azure)}.accent-gray div.content-card.card-emphasize:hover.accent-gray,.accent-gray div.content-card.card-emphasize:hover.gray{background-color:var(--undpds-color-gray-100)}.content-caption{padding:var(--undpds-spacing-05) var(--undpds-spacing-06) var(--undpds-spacing-06)}.content-caption h4,.content-caption h5{margin-bottom:0}.content-caption .cta__link{bottom:var(--undpds-spacing-06);position:absolute}.content-caption_cart{height:100%}.content-caption_cart h5{margin-bottom:var(--undpds-spacing-05)}[dir=rtl] .content-card .image:before{transform:scaleX(-1)}[dir=rtl] .content-card:hover .cta--space:after{transform:translate(-50%) rotate(180deg)}[dir=rtl] .content-card:hover .cta--arrow:after{margin-left:0;margin-right:var(--undpds-spacing-02)}:lang(my) h6{font-size:var(--undpds-font-size-16)}