.mobile-nav.dx8-tabs {
    background-color: #dbdbdb;
}
.headtext1 {
			font-weight: 600!important;
			line-height: 1.15;
		}
.card-gray2 {
    padding: 10px 30px 10px 30px;
    margin-top: 30px;
    background-color: #fafafa;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1);
    transition: background-color 0.5sease;
}

@media(max-width: 63.9375em) {
    .menu-hamburger {
        display: block
    }
}

@media screen and (min-width: 37.5em) {
    .dx8-tabs {
        height: auto;
        margin: 0;
        overflow: hidden;
        white-space: nowrap;
    }
}

.dx8-tabs li a {
    color: #000;
    background: #cecece;
    display: block;
    font-size: 0.929em;
    padding: 11px 20px;
}

.dx8-tabs li a:hover {
    background: #b3b3b3;
}

.dx8-tabs li.is-active a {
    background: #f1f1f1;
    pointer-events: none;
}

@media screen and (max-width: 37.5em) {
    .dx8-tabs li {
        display: block;
        margin: 0;
    }
}

@media screen and (min-width: 37.5em) {
    .dx8-tabs li {
        display: block;
        float: left;
        vertical-align: bottom;
        margin: 0 1px 0 0;
    }

    [dir="rtl"] .dx8-tabs li {
        margin: 0 0 0 1px;
        float: right;
    }
}

#user-login-form,
#user-register-form,
#user-pass,
#search-form,
#search-block-form {
    border: 1px solid #dbdbdb;
    margin-top: -1px;
    margin-bottom: 15px;
    padding: 15px 30px;
}

#user-login-form .form-item,
#user-register-form .form-item,
#user-pass .form-item,
#search-form .form-item,
#search-block-form .form-item {
    padding: 15px 0;
}

#user-login-form .form-item .description,
#user-register-form .form-item .description,
#user-pass .form-item .description,
#search-form .form-item .description,
#search-block-form .form-item .description {
    margin-top: 10px;
}

#user-login-form .form-actions,
#user-register-form .form-actions,
#user-pass .form-actions,
#search-form .form-actions,
#search-block-form .form-actions {
    padding: 15px 0;
}

#user-login-form label,
#user-register-form label,
#user-pass label,
#search-form label,
#search-block-form label {
    display: table;
    margin-bottom: 10px;
}

#user-login-form input,
#user-login-form select,
#user-register-form input,
#user-register-form select,
#user-pass input,
#user-pass select,
#search-form input,
#search-form select,
#search-block-form input,
#search-block-form select {
    max-width: 100%;
}

#user-login-form details.form-wrapper,
#user-register-form details.form-wrapper,
#user-pass details.form-wrapper,
#search-form details.form-wrapper,
#search-block-form details.form-wrapper {
    border-bottom-width: 0;
    margin: 15px 0;
}

#user-login-form details.form-wrapper .dx8-details-content,
#user-register-form details.form-wrapper .dx8-details-content,
#user-pass details.form-wrapper .dx8-details-content,
#search-form details.form-wrapper .dx8-details-content,
#search-block-form details.form-wrapper .dx8-details-content {
    border: 1px solid #dbdbdb;
    border-top: 0;
    padding: 15px 30px;
}

#user-login-form details.form-wrapper .dx8-details-content fieldset,
#user-register-form details.form-wrapper .dx8-details-content fieldset,
#user-pass details.form-wrapper .dx8-details-content fieldset,
#search-form details.form-wrapper .dx8-details-content fieldset,
#search-block-form details.form-wrapper .dx8-details-content fieldset {
    border: 0;
}

#user-login-form details.form-wrapper .dx8-details-content legend,
#user-register-form details.form-wrapper .dx8-details-content legend,
#user-pass details.form-wrapper .dx8-details-content legend,
#search-form details.form-wrapper .dx8-details-content legend,
#search-block-form details.form-wrapper .dx8-details-content legend {
    position: relative;
    top: 15px;
    padding: 10px 0;
}

#user-login-form details.form-wrapper .dx8-details-content>fieldset>legend,
#user-register-form details.form-wrapper .dx8-details-content>fieldset>legend,
#user-pass details.form-wrapper .dx8-details-content>fieldset>legend,
#search-form details.form-wrapper .dx8-details-content>fieldset>legend,
#search-block-form details.form-wrapper .dx8-details-content>fieldset>legend {
    width: 100%;
    border-bottom: 1px solid #dbdbdb;
}

#user-login-form details.form-wrapper summary,
#user-register-form details.form-wrapper summary,
#user-pass details.form-wrapper summary,
#search-form details.form-wrapper summary,
#search-block-form details.form-wrapper summary {
    padding: 10px;
    background: #dbdbdb;
}

#user-login-form .form-type-checkbox label,
#user-register-form .form-type-checkbox label,
#user-pass .form-type-checkbox label,
#search-form .form-type-checkbox label,
#search-block-form .form-type-checkbox label {
    margin-bottom: 0;
}

#user-login-form .form-checkbox,
#user-register-form .form-checkbox,
#user-pass .form-checkbox,
#search-form .form-checkbox,
#search-block-form .form-checkbox {
    margin-right: 10px;
    float: left;
}

#edit-help-link {
    display: block;
    margin-top: 10px;
}

.search-block-form {
    padding: 15px 0;
}

.search-block-form h2 {
    margin-bottom: 10px;
}

#search-block-form {
    padding: 0;
    border: 0;
}

#search-block-form:before,
#search-block-form:after {
    content: "";
    display: table;
}

#search-block-form:after {
    clear: both;
}

#search-block-form .form-item {
    margin-right: 15px;
}

#search-block-form .form-item,
#search-block-form .form-actions {
    float: left;
    padding: 0;
}

#search-block-form input {
    margin: 0;
}

.node-preview-container {
    background-color: #dbdbdb;
}

.node-preview-container .node-preview-backlink {
    display: inline-block;
    line-height: 14px;
    padding: 4px 15px;
    background: #0071b8 linear-gradient(to bottom, #007bc6, #0071b8);
    border: 1px solid #1e5c90;
    border-radius: 20px;
    font: 700 14px Arial;
    color: #fff;
    text-shadow: 0 1px rgba(0, 0, 0, 0.5);
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

.node-preview-container .node-preview-backlink:hover,
.node-preview-container .node-preview-backlink:focus {
    background: #2369a6 linear-gradient(to bottom, #0c97ed, #1f86c7);
    border-color: #1f86c7;
}

.node-preview-container .node-preview-backlink:hover {
    box-shadow: 0 1px 2px rgba(23, 26, 28, 0.25);
}

.node-preview-container .node-preview-backlink:focus {
    border-color: #1280df;
}

.node-preview-container .node-preview-backlink:active {
    background: #0071b8 linear-gradient(to bottom, #08639b, #0071b8);
    border-color: #144b78;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}

.node-preview-container .node-preview-backlink:before {
    content: '\00AB';
    margin-right: 5px;
    font-size: 16px;
}

.image-reveal-card .image-reveal-card__content .image:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.image-reveal-card {
    background-image: none;
    background: #fff;
    border: 0;
    display: block;
    height: 100%;
    overflow: hidden;
    position: relative
}

.image-reveal-card>a {
    background: none
}

.image-reveal-card .image-reveal-card__content {
    overflow: hidden;
    position: relative
}

.image-reveal-card .image-reveal-card__content img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%
}

.image-reveal-card .image-reveal-card__content h5 {
    margin-bottom: 0;
    padding: 1.5rem 1.5rem 0
}

@media(min-width: 48em) {
    .image-reveal-card .image-reveal-card__content h5 {
        padding: 2rem 1.5rem 0
    }
}

@media(min-width: 64em) {
    .image-reveal-card .image-reveal-card__content h5 {
        background: #fff;
        bottom: -1px;
        box-sizing: border-box;
        left: 0;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transition: translate(0, 100%);
        -webkit-transition: all .4s cubic-bezier(.64, .05, .35, 1.05);
        -moz-transition: all .4s cubic-bezier(.64, .05, .35, 1.05);
        -ms-transition: all .4s cubic-bezier(.64, .05, .35, 1.05);
        -o-transition: all .4s cubic-bezier(.64, .05, .35, 1.05);
        transition: all .4s cubic-bezier(.64, .05, .35, 1.05);
        transition-delay: .2s;
        width: 100%
    }
}

.image-reveal-card .image-reveal-card__content .image {
    position: relative;
    width: 100%
}

.image-reveal-card .image-reveal-card__content .image img {
    display: block;
    width: 100%
}

.image-reveal-card .image-reveal-card__content .image:before {
    opacity: 0;
    -webkit-transition: all .9s;
    -moz-transition: all .9s;
    -ms-transition: all .9s;
    -o-transition: all .9s;
    transition: all .9s
}

.image-reveal-card .cta__link {
    margin: 2rem 0 0 1.5rem;
    width: 100%
}

@media(min-width: 64em) {
    .image-reveal-card .cta__link {
        box-sizing: border-box;
        margin-left: 0;
        padding-left: 1.5rem
    }

    .image-reveal-card:hover .image-reveal-card__content h5 {
        height: auto;
        opacity: 1;
        transform: translateY(0)
    }
}

.image-reveal-card:hover .image-reveal-card__content .image:before,
.image-reveal-card:hover .image-reveal-card__content.accent-yellow .image:before,
.image-reveal-card:hover .image-reveal-card__content.yellow .image:before {
    background: linear-gradient(67.76deg, #ffeb00, transparent 61.11%);
    opacity: .75
}

.image-reveal-card:hover .image-reveal-card__content.accent-red .image:before,
.image-reveal-card:hover .image-reveal-card__content.red .image:before {
    background: linear-gradient(67.76deg, #ee402d, transparent 61.11%);
    opacity: .75
}

.image-reveal-card:hover .image-reveal-card__content.accent-green .image:before,
.image-reveal-card:hover .image-reveal-card__content.green .image:before {
    background: linear-gradient(67.76deg, #6de354, transparent 61.11%);
    opacity: .75
}

.image-reveal-card:hover .image-reveal-card__content.accent-blue .image:before,
.image-reveal-card:hover .image-reveal-card__content.blue .image:before {
    background: linear-gradient(67.76deg, #60d4f2, transparent 61.11%);
    opacity: .75
}

.image-reveal-card:hover .cta__link i {
    width: 5rem
}

.image-reveal-card:hover .cta__link i:before {
    display: unset
}

.image-reveal-card:hover .image:before {
    opacity: .75
}

.accent-yellow .image-reveal-card:hover .image-reveal-card__content .image:before,
.accent-yellow .image-reveal-card:hover .image-reveal-card__content.accent-yellow .image:before,
.accent-yellow .image-reveal-card:hover .image-reveal-card__content.yellow .image:before,
.image-reveal-card.accent-yellow .image:before,
.image-reveal-card.yellow .image:before {
    background: linear-gradient(67.76deg, #ffeb00, transparent 61.11%)
}

.accent-yellow .image-reveal-card:hover .image-reveal-card__content.accent-red .image:before,
.accent-yellow .image-reveal-card:hover .image-reveal-card__content.red .image:before {
    background: linear-gradient(67.76deg, #ee402d, transparent 61.11%)
}

.accent-yellow .image-reveal-card:hover .image-reveal-card__content.accent-green .image:before,
.accent-yellow .image-reveal-card:hover .image-reveal-card__content.green .image:before {
    background: linear-gradient(67.76deg, #6de354, transparent 61.11%)
}

.accent-yellow .image-reveal-card:hover .image-reveal-card__content.accent-blue .image:before,
.accent-yellow .image-reveal-card:hover .image-reveal-card__content.blue .image:before {
    background: linear-gradient(67.76deg, #60d4f2, transparent 61.11%)
}

.accent-red .image-reveal-card:hover .image-reveal-card__content .image:before,
.image-reveal-card.accent-red .image:before,
.image-reveal-card.red .image:before {
    background: linear-gradient(67.76deg, #ee402d, transparent 61.11%)
}

.accent-red .image-reveal-card:hover .image-reveal-card__content.accent-yellow .image:before,
.accent-red .image-reveal-card:hover .image-reveal-card__content.yellow .image:before {
    background: linear-gradient(67.76deg, #ffeb00, transparent 61.11%)
}

.accent-red .image-reveal-card:hover .image-reveal-card__content.accent-red .image:before,
.accent-red .image-reveal-card:hover .image-reveal-card__content.red .image:before {
    background: linear-gradient(67.76deg, #ee402d, transparent 61.11%)
}

.accent-red .image-reveal-card:hover .image-reveal-card__content.accent-green .image:before,
.accent-red .image-reveal-card:hover .image-reveal-card__content.green .image:before {
    background: linear-gradient(67.76deg, #6de354, transparent 61.11%)
}

.accent-red .image-reveal-card:hover .image-reveal-card__content.accent-blue .image:before,
.accent-red .image-reveal-card:hover .image-reveal-card__content.blue .image:before {
    background: linear-gradient(67.76deg, #60d4f2, transparent 61.11%)
}

.accent-green .image-reveal-card:hover .image-reveal-card__content .image:before,
.image-reveal-card.accent-green .image:before,
.image-reveal-card.green .image:before {
    background: linear-gradient(67.76deg, #6de354, transparent 61.11%)
}

.accent-green .image-reveal-card:hover .image-reveal-card__content.accent-yellow .image:before,
.accent-green .image-reveal-card:hover .image-reveal-card__content.yellow .image:before {
    background: linear-gradient(67.76deg, #ffeb00, transparent 61.11%)
}

.accent-green .image-reveal-card:hover .image-reveal-card__content.accent-red .image:before,
.accent-green .image-reveal-card:hover .image-reveal-card__content.red .image:before {
    background: linear-gradient(67.76deg, #ee402d, transparent 61.11%)
}

.accent-green .image-reveal-card:hover .image-reveal-card__content.accent-green .image:before,
.accent-green .image-reveal-card:hover .image-reveal-card__content.green .image:before {
    background: linear-gradient(67.76deg, #6de354, transparent 61.11%)
}

.accent-blue .image-reveal-card:hover .image-reveal-card__content .image:before,
.accent-green .image-reveal-card:hover .image-reveal-card__content.accent-blue .image:before,
.accent-green .image-reveal-card:hover .image-reveal-card__content.blue .image:before,
.image-reveal-card.accent-blue .image:before,
.image-reveal-card.blue .image:before {
    background: linear-gradient(67.76deg, #60d4f2, transparent 61.11%)
}

.accent-blue .image-reveal-card:hover .image-reveal-card__content.accent-yellow .image:before,
.accent-blue .image-reveal-card:hover .image-reveal-card__content.yellow .image:before {
    background: linear-gradient(67.76deg, #ffeb00, transparent 61.11%)
}

.accent-blue .image-reveal-card:hover .image-reveal-card__content.accent-red .image:before,
.accent-blue .image-reveal-card:hover .image-reveal-card__content.red .image:before {
    background: linear-gradient(67.76deg, #ee402d, transparent 61.11%)
}

.accent-blue .image-reveal-card:hover .image-reveal-card__content.accent-green .image:before,
.accent-blue .image-reveal-card:hover .image-reveal-card__content.green .image:before {
    background: linear-gradient(67.76deg, #6de354, transparent 61.11%)
}

.accent-blue .image-reveal-card:hover .image-reveal-card__content.accent-blue .image:before,
.accent-blue .image-reveal-card:hover .image-reveal-card__content.blue .image:before {
    background: linear-gradient(67.76deg, #60d4f2, transparent 61.11%)
}

@media(min-width: 48em) {
    .small.image-reveal-card {
        max-width: 13.25rem
    }

    .small.image-reveal-card .cta__link {
        width: 100%
    }
}

.small.image-reveal-card h5 {
    font-size: 1.25rem
}

@media(min-width: 48em) {
    .small.image-reveal-card h5 {
        font-size: 1rem
    }

    .small.image-reveal-card:hover .cta__link.cta--arrow i {
        margin-left: 0;
        width: 4rem
    }
}

@media(min-width: 64em) {
    .small.image-reveal-card:hover .cta__link.cta--arrow i {
        width: calc(100% - 6rem)
    }
}

[dir=rtl] .image-reveal-card .cta__link {
    margin-right: 0;
    margin-top: 2rem;
    padding-right: 1.5rem
}

@media(min-width: 48em) {
    [dir=rtl] .image-reveal-card .cta__link {
        margin-right: 0;
        padding-right: 1.5rem
    }
}

[dir=rtl] .image-reveal-card .image:before {
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transition: scaleX(-1)
}

.sidebar-accordion li>a {
    background-image: none;
    border: none;
    border-bottom: 1px solid #a9b1b7;
    display: block;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.15;
    margin-bottom: 0;
    padding: 1rem
}

@media(min-width: 48em) {
    .sidebar-accordion li>a {
        padding: 1.5rem
    }

    .sidebar-accordion.narrow li>a {
        padding: 1rem
    }
}

[dir=rtl] .sidebar-accordion .accordion__panel li>a {
    padding-left: 1.5rem;
    padding-right: 2rem
}

@media(min-width: 48em) {
    [dir=rtl] .sidebar-accordion .accordion__panel li>a {
        padding-right: 3rem
    }
}

.sidebar-accordion ul>li button {
    align-items: center;
    background: transparent;
    border: none;
    cursor: pointer;
    display: block;
    display: flex;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .03em;
    line-height: 1;
    text-transform: uppercase
}

@media(min-width: 48em) {
    .sidebar-accordion ul>li button {
        display: inline-flex
    }
}

.sidebar-accordion h6:after,
.sidebar-accordion ul>li button:after {
    background: url(../images/chevron-down.svg) no-repeat 50%;
    content: "";
    height: .813rem;
    position: absolute;
    right: 1.188rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    transition: translateY(-50%);
    width: 20px
}

.sidebar-accordion ul ul.accordion__panel li a {
    background-image: none
}

.sidebar-accordion {
    background-color: #fff
}

.sidebar-accordion ul>li :lang(my) button,
:lang(my) .sidebar-accordion ul>li button {
    font-size: .875rem
}

.sidebar-accordion {
    padding: 0;
    position: relative
}

.sidebar-accordion.show-medium h6 {
    border-bottom: 2px solid #000
}

.sidebar-accordion.show-medium h6:after {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    -moz-transform: translateY(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) rotate(-180deg);
    -o-transform: translateY(-50%) rotate(-180deg);
    transition: translateY(-50%) rotateZ(-180deg)
}

.sidebar-accordion.show-medium ul {
    display: block;
    padding: 0
}

.sidebar-accordion li,
.sidebar-accordion ul {
    list-style-type: none;
    margin-bottom: 0;
    padding-left: 0
}

@media(min-width: 64em) {

    .sidebar-accordion li a:hover,
    .sidebar-accordion ul a:hover {
        background-color: #edeff0
    }
}

.sidebar-accordion h6 {
    background-color: #edeff0;
    cursor: pointer;
    display: block;
    margin-bottom: 0;
    padding: 1rem;
    position: relative
}

@media(min-width: 64em) {
    .sidebar-accordion h6 {
        display: none
    }
}

.sidebar-accordion ul {
    display: none;
    padding: 0
}

@media(min-width: 64em) {
    .sidebar-accordion ul {
        display: block
    }
}

.sidebar-accordion ul>.active {
    border-bottom: none
}

.sidebar-accordion ul>.active button:after {
    background: url(../images/chevron-down-white.svg) no-repeat 50%
}

@media(min-width: 64em) {
    .sidebar-accordion ul>.active button:after {
        background: url(../images/chevron-down-white.svg) no-repeat 50%
    }
}

/* .sidebar-accordion ul>.active>a {
    background-color: #006eb5;
    color: #fff
} */

/* @media(min-width: 64em) {
    .sidebar-accordion ul>.active>a {
        background-color: #006eb5;
        color: #fff
    }
} */

.sidebar-accordion ul>.active>button:after {
    top: 1.125rem;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transition: rotateZ(-180deg)
}

@media(min-width: 64em) {
    .sidebar-accordion ul>.active>button:after {
        top: 1.5rem
    }
}

.sidebar-accordion ul>li {
    background-color: #edeff0;
    position: relative
}

@media(min-width: 64em) {
    .sidebar-accordion ul>li {
        background-color: transparent;
        padding: 0
    }
}

.sidebar-accordion ul>li button {
    float: right;
    height: 1.25rem;
    margin-right: 1.188rem;
    margin-top: -2.188rem;
    width: 1.25rem
}

@media(min-width: 64em) {
    .sidebar-accordion ul>li button {
        margin-top: -2.688rem;
        top: 2.063rem
    }
}

.sidebar-accordion ul>li button:after {
    top: 1.5rem
}

@media(min-width: 64em) {
    .sidebar-accordion ul>li button:after {
        top: 2.063rem
    }
}

.sidebar-accordion ul ul.accordion__panel {
    display: none;
    height: auto;
    padding: 0
}

.sidebar-accordion ul ul.accordion__panel li a {
    border: none;
    display: block;
    font-size: .875rem;
    font-weight: 400;
    padding: 1rem 1.5rem 1rem 2rem
}

@media(min-width: 64em) {
    .sidebar-accordion ul ul.accordion__panel li a {
        font-size: 1rem;
        padding-left: 3rem
    }
}

/*.sidebar-accordion ul ul.accordion__panel li:first-of-type a {
    background-color: transparent;
    color: #000
}*/

@media(min-width: 64em) {
    .sidebar-accordion ul ul.accordion__panel li:first-of-type a:hover {
        background-color: #edeff0
    }
}

.sidebar-accordion ul ul.accordion__panel li:last-of-type a {
    margin-bottom: 0
}

@media(min-width: 64em) {
    .sidebar-accordion.narrow ul.accordion__panel li a {
        font-size: .875rem;
        padding-left: 2rem
    }

    .sidebar-accordion.narrow ul.accordion__panel li:last-of-type a {
        margin-bottom: 2.5rem
    }

    .sidebar-accordion.narrow ul>li button:after {
        top: 1.625rem
    }

    .sidebar-accordion.narrow li.active button:after {
        top: 1.125rem
    }
}

[dir=rtl] .sidebar-accordion h6:after,
[dir=rtl] .sidebar-accordion ul li>button:after {
    left: 24px;
    right: unset
}

[dir=rtl] .sidebar-accordion li,
[dir=rtl] .sidebar-accordion ul {
    padding-right: 0
}

[dir=rtl] .sidebar-accordion button {
    float: left;
    margin-left: 1.5rem;
    margin-right: 0
}

@media(min-width: 64em) {
    [dir=rtl] .sidebar-accordion.narrow ul.accordion__panel li a {
        padding-left: 1.5rem;
        padding-right: 2rem
    }
}

.breadcrumb ul {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    font-size: .75rem;
    padding: 0
}

.breadcrumb ul li {
    display: inline-block;
    margin: 0.75rem 0.5rem .75rem 0;
    padding-left: 0;
    position: relative
}

.breadcrumb ul li:after {
    color: #d12800;
    /*  content: "/";*/
    font-weight: 700;
    position: absolute;
    right: -12px;
    top: 0
}

.breadcrumb ul li:first-of-type {
    margin-left: 0
}

.breadcrumb ul li:last-of-type {
    font-weight: 600;
    letter-spacing: .03em;
    margin-right: 0;
    max-width: calc(100vw - 2rem);
    text-transform: uppercase
}

.breadcrumb ul li:last-of-type:after {
    display: none
}

.breadcrumb ul li a {
    background: none;
    color: #d12800;
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: .03em;
    text-transform: uppercase;
    transition: opacity .2s ease
}

.breadcrumb ul li a:hover {
    color: #ee402d
}

.breadcrumb.white li a,
.breadcrumb.white li:after {
    color: #fff
}

.breadcrumb.white li a:hover {
    color: #fff;
    opacity: .7
}

.breadcrumb.white li:last-of-type,
.breadcrumb.white:last-of-type {
    color: #fff
}

[dir=rtl] .breadcrumb ul {
    padding: 0
}

[dir=rtl] .breadcrumb li {
    margin: .75rem 0 .75rem 1.5rem;
    padding-right: 0
}

[dir=rtl] .breadcrumb li a {
    margin: 0
}

[dir=rtl] .breadcrumb li:first-of-type {
    margin-left: 1.5rem;
    margin-right: 0
}

[dir=rtl] .breadcrumb li:last-of-type {
    margin-left: 0;
    margin-right: 0
}

[dir=rtl] .breadcrumb li:after {
    left: -14px;
    right: unset;
    top: 63%;
    -webkit-transform: translateY(-63%) rotate(140deg);
    -moz-transform: translateY(-63%) rotate(140deg);
    -ms-transform: translateY(-63%) rotate(140deg);
    -o-transform: translateY(-63%) rotate(140deg);
    transition: translate(0, -63%) rotate(140deg)
}

:lang(my) .breadcrumb li:last-of-type {
    font-size: .75rem
}

.button {
    align-items: center;
    background: transparent;
    border: none;
    display: block;
    display: flex;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .03em;
    line-height: 1;
    text-transform: uppercase
}

@media(min-width: 48em) {
    .button {
        display: inline-flex
    }
}

:lang(my) .button {
    font-size: .875rem
}

.button {
    color: #fff;
    cursor: pointer;
    justify-content: center;
    padding: 1rem 1.5rem
}

.button:focus-visible {
    box-shadow: 0 0 4px #0468b1;
    outline: 0
}

button:focus-visible {
    box-shadow: 0 0 4px #0468b1;
    outline: 0
}

.button.button-primary {
    background-color: #d12800
}

.button.button-primary:hover {
    background-color: #ee402d
}

.button.button-primary.button-arrow:after {
    background: url(../images/chevron-right-black.svg) no-repeat 0;
    content: "";
    height: 20px;
    margin-left: .75rem;
    -webkit-transition: .2s ease;
    -moz-transition: .2s ease;
    -ms-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease;
    width: 13px
}

.button.button-primary.button-arrow:hover:after {
    -webkit-transform: translate(70%);
    -moz-transform: translate(70%);
    -ms-transform: translate(70%);
    -o-transform: translate(70%);
    transition: translate(70%, 0)
}

.button.button-primary.button-arrow.disabled:after {
    background: url(../images/chevron-right-white.svg) no-repeat 0;
    content: ""
}

.button.button-primary.button-external-link {
    align-items: baseline
}

.button.button-primary .external-link-animated {
    box-shadow: -2px 2px 0 0 #000, -4px 0 0 -2px #000, -3px 3px 0 -1px #000;
    margin-left: 1rem
}

.button.button-primary .external-link-animated:before {
    background: #000
}

.button.button-primary .external-link-animated:after {
    border-right: 2px solid #000;
    border-top: 2px solid #000
}

.button.button-primary:hover .external-link-animated:after {
    -webkit-transform: translate(5px, -5px);
    -moz-transform: translate(5px, -5px);
    -ms-transform: translate(5px, -5px);
    -o-transform: translate(5px, -5px);
    transition: translate(5px, -5px)
}

.button.button-primary:hover .external-link-animated:before {
    -webkit-transform: rotate(-45deg) translate(7px);
    -moz-transform: rotate(-45deg) translate(7px);
    -ms-transform: rotate(-45deg) translate(7px);
    -o-transform: rotate(-45deg) translate(7px);
    transition: rotate(-45deg) translate(7px, 0)
}

.button.button-primary.disabled .external-link-animated {
    box-shadow: -2px 2px 0 0 #edeff0, -4px 0 0 -2px #edeff0, -3px 3px 0 -1px #edeff0
}

.button.button-primary.disabled .external-link-animated:before {
    background: #edeff0
}

.button.button-primary.disabled .external-link-animated:after {
    border-right: 2px solid #edeff0;
    border-top: 2px solid #edeff0
}

.button.button-primary.button-download {
    align-items: baseline;
    padding: 1.25rem 1.5rem
}

.button.button-primary .download-animated {
    margin-left: 1rem
}

.button.button-primary .download-animated i {
    border: 2px solid #000;
    border-top: 0
}

.button.button-primary .download-animated:after {
    border-bottom: 2px solid #000;
    border-left: 2px solid #000
}

.button.button-primary .download-animated:before {
    background: #000
}

.button.button-primary:hover .download-animated:after {
    -webkit-transform: rotate(-45deg) translate(7px, -7px);
    -moz-transform: rotate(-45deg) translate(7px, -7px);
    -ms-transform: rotate(-45deg) translate(7px, -7px);
    -o-transform: rotate(-45deg) translate(7px, -7px);
    transition: rotate(-45deg) translate(7px, -7px)
}

.button.button-primary:hover .download-animated:before {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transition: translate(0, -10px)
}

.button.button-primary.disabled .download-animated i {
    border: 2px solid #edeff0;
    border-top: 0
}

.button.button-primary.disabled .download-animated:after {
    border-bottom: 2px solid #edeff0;
    border-left: 2px solid #edeff0
}

.button.button-primary.disabled .download-animated:before {
    background: #edeff0
}

.button.button-secondary {
    background-color: #006eb5
}

.button.button-secondary:hover {
    background-color: #4f95dd
}

.button.button-secondary.button-arrow:after {
    background: url(../images/chevron-right-white.svg) no-repeat 0;
    content: "";
    height: 20px;
    margin-left: .75rem;
    -webkit-transition: .2s ease;
    -moz-transition: .2s ease;
    -ms-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease;
    width: 13px
}

.button.button-secondary.button-arrow:hover:after {
    -webkit-transform: translate(70%);
    -moz-transform: translate(70%);
    -ms-transform: translate(70%);
    -o-transform: translate(70%);
    transition: translate(70%, 0)
}

.button.button-secondary.button-arrow.disabled:after {
    background: url(../images/chevron-right-white.svg) no-repeat 0;
    content: ""
}

.button.button-secondary.button-external-link {
    align-items: baseline
}

.button.button-secondary .external-link-animated {
    box-shadow: -2px 2px 0 0 #fff, -4px 0 0 -2px #fff, -3px 3px 0 -1px #fff;
    margin-left: 1rem
}

.button.button-secondary .external-link-animated:before {
    background: #fff
}

.button.button-secondary .external-link-animated:after {
    border-right: 2px solid #fff;
    border-top: 2px solid #fff
}

.button.button-secondary:hover .external-link-animated:after {
    -webkit-transform: translate(5px, -5px);
    -moz-transform: translate(5px, -5px);
    -ms-transform: translate(5px, -5px);
    -o-transform: translate(5px, -5px);
    transition: translate(5px, -5px)
}

.button.button-secondary:hover .external-link-animated:before {
    -webkit-transform: rotate(-45deg) translate(7px);
    -moz-transform: rotate(-45deg) translate(7px);
    -ms-transform: rotate(-45deg) translate(7px);
    -o-transform: rotate(-45deg) translate(7px);
    transition: rotate(-45deg) translate(7px, 0)
}

.button.button-secondary.disabled .external-link-animated {
    box-shadow: -2px 2px 0 0 #edeff0, -4px 0 0 -2px #edeff0, -3px 3px 0 -1px #edeff0
}

.button.button-secondary.disabled .external-link-animated:before {
    background: #edeff0
}

.button.button-secondary.disabled .external-link-animated:after {
    border-right: 2px solid #edeff0;
    border-top: 2px solid #edeff0
}

.button.button-secondary.button-download {
    align-items: baseline;
    padding: 1.25rem 1.5rem
}

.button.button-secondary .download-animated {
    margin-left: 1rem
}

.button.button-secondary .download-animated i {
    border: 2px solid #fff;
    border-top: 0
}

.button.button-secondary .download-animated:after {
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff
}

.button.button-secondary .download-animated:before {
    background: #fff
}

.button.button-secondary:hover .download-animated:after {
    -webkit-transform: rotate(-45deg) translate(7px, -7px);
    -moz-transform: rotate(-45deg) translate(7px, -7px);
    -ms-transform: rotate(-45deg) translate(7px, -7px);
    -o-transform: rotate(-45deg) translate(7px, -7px);
    transition: rotate(-45deg) translate(7px, -7px)
}

.button.button-secondary:hover .download-animated:before {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transition: translate(0, -10px)
}

.button.button-secondary.disabled .download-animated i {
    border: 2px solid #edeff0;
    border-top: 0
}

.button.button-secondary.disabled .download-animated:after {
    border-bottom: 2px solid #edeff0;
    border-left: 2px solid #edeff0
}

.button.button-secondary.disabled .download-animated:before {
    background: #edeff0
}

.button.disabled {
    background-color: #d4d6d8;
    color: #edeff0;
    pointer-events: none
}

[dir=rtl] .button.button-primary.button-arrow:after,
[dir=rtl] .button.button-secondary.button-arrow:after {
    margin-left: 0;
    margin-right: .75rem;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transition: rotate(180deg)
}

[dir=rtl] .button.button-primary.button-arrow:hover:after,
[dir=rtl] .button.button-secondary.button-arrow:hover:after {
    -webkit-transform: translate(-50%) rotate(180deg);
    -moz-transform: translate(-50%) rotate(180deg);
    -ms-transform: translate(-50%) rotate(180deg);
    -o-transform: translate(-50%) rotate(180deg);
    transition: translate(-50%, 0) rotate(180deg)
}

[dir=rtl] .button.button-primary .download-animated,
[dir=rtl] .button.button-primary .external-link-animated,
[dir=rtl] .button.button-secondary .download-animated,
[dir=rtl] .button.button-secondary .external-link-animated {
    margin-left: 0;
    margin-right: 1rem
}

input[type=checkbox] {
    -webkit-appearance: none;
    appearance: none;
    border: 2px solid #d12800;
    cursor: pointer;
    height: 16px;
    margin: 0;
    width: 16px
}

input[type=checkbox]:hover {
    border-color: #ffb4ae
}

input[type=checkbox]:focus-visible {
    box-shadow: 0 0 4px #0468b1;
    outline: 0
}

.form-check {
    align-items: center;
    display: flex;
    position: relative
}

.form-check label {
    cursor: pointer;
    font-size: 1rem;
    padding: 0 7px
}

input[type=checkbox] {
    border-radius: 0
}

input[type=checkbox]:checked {
    background: url(../images/icon-check.svg) 1px 0 no-repeat
}

.chip {
    align-items: center;
    background: #f7f7f7;
    border: none;
    border-radius: 20px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    display: inline-flex;
    min-height: 1.875rem;
    padding: .25rem 1rem
}

.chip:hover {
    background-color: #edeff0
}

.chip.chip__cross:before {
    background: url(../images/times-red.svg) no-repeat 0;
    content: "";
    display: inline-flex;
    height: 22px;
    margin-left: -.25rem;
    margin-right: .5rem;
    padding-right: 1.375rem;
    position: relative;
    top: 0;
    width: auto
}

[dir=rtl] .chip__cross:before {
    margin-left: .5rem;
    margin-right: -.25rem
}

:lang(my) .chip {
    align-items: flex-end
}

:lang(my) .chip__cross {
    align-items: baseline
}

:lang(my) .chip__cross:before {
    top: 5px
}

div.content-card .image:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

div.content-card h6 {
    color: #000;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .48px;
    line-height: .84;
    margin-bottom: 1rem;
    text-transform: uppercase
}

:lang(my) div.content-card h6,
div.content-card :lang(my) h6 {
    font-size: 1rem
}

div.content-card {
    background-color: #fff;
    border-top: 2px solid #000;
    height: 100%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    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: 1rem 1.5rem 1.625rem
}

div.content-card.card h6 {
    padding-bottom: 1rem
}

div.content-card .image {
    position: relative;
    width: 100%
}

div.content-card .image img {
    display: block;
    width: 100%
}

div.content-card .image:before {
    opacity: 0;
    -webkit-transition: all .9s;
    -moz-transition: all .9s;
    -ms-transition: all .9s;
    -o-transition: all .9s;
    transition: all .9s
}

div.content-card p {
    font-size: 1rem;
    margin: 0;
    padding-top: 1rem
}

div.content-card.card:hover {
    background-color: #fafafa
}

div.content-card.card-emphasize {
    background-color: #ffe17e
}

div.content-card.card-emphasize:hover {
    background-color: #ffeb00
}

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: #ffeb00
}

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: #ee402d
}

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: #6de354
}

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: #60d4f2
}

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: #fafafa
}

div.content-card.card-emphasize.accent-yellow,
div.content-card.card-emphasize.yellow {
    background-color: #ffe17e
}

div.content-card.card-emphasize.accent-red,
div.content-card.card-emphasize.red {
    background-color: #ffbcb7
}

div.content-card.card-emphasize.accent-green,
div.content-card.card-emphasize.green {
    background-color: #b8ecb6
}

div.content-card.card-emphasize.accent-blue,
div.content-card.card-emphasize.blue {
    background-color: #a2daf3
}

div.content-card.card-emphasize.accent-gray,
div.content-card.card-emphasize.gray,
div.content-card:hover {
    background-color: #fafafa
}

div.content-card:hover .image:before {
    background: linear-gradient(67.76deg, #ffeb00, transparent 61.11%);
    opacity: .75
}

div.content-card:hover .cta--space:after {
    -webkit-transform: translate(70%);
    -moz-transform: translate(70%);
    -ms-transform: translate(70%);
    -o-transform: translate(70%);
    transition: translate(70%, 0)
}

div.content-card:hover .cta--arrow i {
    width: 5rem
}

div.content-card:hover .cta--arrow i:before {
    display: unset
}

div.content-card-wrapper>div {
    margin-bottom: 2rem
}

div.content-card .image:before {
    background: linear-gradient(67.76deg, #ffeb00, transparent 61.11%);
    background: linear-gradient(67.76deg, #ee402d, transparent 61.11%);
    background: linear-gradient(67.76deg, #6de354, transparent 61.11%);
    background: linear-gradient(67.76deg, #60d4f2, transparent 61.11%);
    background: linear-gradient(67.76deg, #fafafa, transparent 61.11%)
}

div.content-card.accent-yellow .image:before,
div.content-card.yellow .image:before {
    background: linear-gradient(67.76deg, #ffeb00, transparent 61.11%)
}

div.content-card.accent-red .image:before,
div.content-card.red .image:before {
    background: linear-gradient(67.76deg, #ee402d, transparent 61.11%)
}

div.content-card.accent-green .image:before,
div.content-card.green .image:before {
    background: linear-gradient(67.76deg, #6de354, transparent 61.11%)
}

div.content-card.accent-blue .image:before,
div.content-card.blue .image:before {
    background: linear-gradient(67.76deg, #60d4f2, transparent 61.11%)
}

div.content-card.accent-gray .image:before,
div.content-card.gray .image:before {
    background: linear-gradient(67.76deg, #fafafa, 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: #ffe17e
}

.accent-yellow div.content-card.card-emphasize.accent-red,
.accent-yellow div.content-card.card-emphasize.red {
    background-color: #ffbcb7
}

.accent-yellow div.content-card.card-emphasize.accent-green,
.accent-yellow div.content-card.card-emphasize.green {
    background-color: #b8ecb6
}

.accent-yellow div.content-card.card-emphasize.accent-blue,
.accent-yellow div.content-card.card-emphasize.blue {
    background-color: #a2daf3
}

.accent-yellow div.content-card.card-emphasize.accent-gray,
.accent-yellow div.content-card.card-emphasize.gray {
    background-color: #fafafa
}

.accent-red div.content-card.card-emphasize {
    background-color: #ffbcb7
}

.accent-red div.content-card.card-emphasize.accent-yellow,
.accent-red div.content-card.card-emphasize.yellow {
    background-color: #ffe17e
}

.accent-red div.content-card.card-emphasize.accent-red,
.accent-red div.content-card.card-emphasize.red {
    background-color: #ffbcb7
}

.accent-red div.content-card.card-emphasize.accent-green,
.accent-red div.content-card.card-emphasize.green {
    background-color: #b8ecb6
}

.accent-red div.content-card.card-emphasize.accent-blue,
.accent-red div.content-card.card-emphasize.blue {
    background-color: #a2daf3
}

.accent-red div.content-card.card-emphasize.accent-gray,
.accent-red div.content-card.card-emphasize.gray {
    background-color: #fafafa
}

.accent-green div.content-card.card-emphasize {
    background-color: #b8ecb6
}

.accent-green div.content-card.card-emphasize.accent-yellow,
.accent-green div.content-card.card-emphasize.yellow {
    background-color: #ffe17e
}

.accent-green div.content-card.card-emphasize.accent-red,
.accent-green div.content-card.card-emphasize.red {
    background-color: #ffbcb7
}

.accent-green div.content-card.card-emphasize.accent-green,
.accent-green div.content-card.card-emphasize.green {
    background-color: #b8ecb6
}

.accent-green div.content-card.card-emphasize.accent-blue,
.accent-green div.content-card.card-emphasize.blue {
    background-color: #a2daf3
}

.accent-green div.content-card.card-emphasize.accent-gray,
.accent-green div.content-card.card-emphasize.gray {
    background-color: #fafafa
}

.accent-blue div.content-card.card-emphasize {
    background-color: #a2daf3
}

.accent-blue div.content-card.card-emphasize.accent-yellow,
.accent-blue div.content-card.card-emphasize.yellow {
    background-color: #ffe17e
}

.accent-blue div.content-card.card-emphasize.accent-red,
.accent-blue div.content-card.card-emphasize.red {
    background-color: #ffbcb7
}

.accent-blue div.content-card.card-emphasize.accent-green,
.accent-blue div.content-card.card-emphasize.green {
    background-color: #b8ecb6
}

.accent-blue div.content-card.card-emphasize.accent-blue,
.accent-blue div.content-card.card-emphasize.blue {
    background-color: #a2daf3
}

.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: #fafafa
}

.accent-gray div.content-card.card-emphasize.accent-yellow,
.accent-gray div.content-card.card-emphasize.yellow {
    background-color: #ffe17e
}

.accent-gray div.content-card.card-emphasize.accent-red,
.accent-gray div.content-card.card-emphasize.red {
    background-color: #ffbcb7
}

.accent-gray div.content-card.card-emphasize.accent-green,
.accent-gray div.content-card.card-emphasize.green {
    background-color: #b8ecb6
}

.accent-gray div.content-card.card-emphasize.accent-blue,
.accent-gray div.content-card.card-emphasize.blue {
    background-color: #a2daf3
}

.accent-gray div.content-card.card-emphasize.accent-gray,
.accent-gray div.content-card.card-emphasize.gray {
    background-color: #fafafa
}

.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, #ffeb00, 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, #ee402d, 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, #6de354, 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, #60d4f2, 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, #fafafa, transparent 61.11%)
}

.accent-yellow div.content-card.card:hover {
    background-color: #fafafa
}

.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: #ffeb00
}

.accent-yellow div.content-card.card-emphasize:hover.accent-red,
.accent-yellow div.content-card.card-emphasize:hover.red {
    background-color: #ee402d
}

.accent-yellow div.content-card.card-emphasize:hover.accent-green,
.accent-yellow div.content-card.card-emphasize:hover.green {
    background-color: #6de354
}

.accent-yellow div.content-card.card-emphasize:hover.accent-blue,
.accent-yellow div.content-card.card-emphasize:hover.blue {
    background-color: #60d4f2
}

.accent-yellow div.content-card.card-emphasize:hover.accent-gray,
.accent-yellow div.content-card.card-emphasize:hover.gray {
    background-color: #fafafa
}

.accent-red div.content-card .image:before {
    background: linear-gradient(67.76deg, #ee402d, 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, #ffeb00, 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, #ee402d, 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, #6de354, 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, #60d4f2, 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, #fafafa, transparent 61.11%)
}

.accent-red div.content-card.card:hover {
    background-color: #fafafa
}

.accent-red div.content-card.card-emphasize:hover {
    background-color: #ee402d
}

.accent-red div.content-card.card-emphasize:hover.accent-yellow,
.accent-red div.content-card.card-emphasize:hover.yellow {
    background-color: #ffeb00
}

.accent-red div.content-card.card-emphasize:hover.accent-red,
.accent-red div.content-card.card-emphasize:hover.red {
    background-color: #ee402d
}

.accent-red div.content-card.card-emphasize:hover.accent-green,
.accent-red div.content-card.card-emphasize:hover.green {
    background-color: #6de354
}

.accent-red div.content-card.card-emphasize:hover.accent-blue,
.accent-red div.content-card.card-emphasize:hover.blue {
    background-color: #60d4f2
}

.accent-red div.content-card.card-emphasize:hover.accent-gray,
.accent-red div.content-card.card-emphasize:hover.gray {
    background-color: #fafafa
}

.accent-green div.content-card .image:before {
    background: linear-gradient(67.76deg, #6de354, 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, #ffeb00, 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, #ee402d, 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, #6de354, 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, #60d4f2, 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, #fafafa, transparent 61.11%)
}

.accent-green div.content-card.card:hover {
    background-color: #fafafa
}

.accent-green div.content-card.card-emphasize:hover {
    background-color: #6de354
}

.accent-green div.content-card.card-emphasize:hover.accent-yellow,
.accent-green div.content-card.card-emphasize:hover.yellow {
    background-color: #ffeb00
}

.accent-green div.content-card.card-emphasize:hover.accent-red,
.accent-green div.content-card.card-emphasize:hover.red {
    background-color: #ee402d
}

.accent-green div.content-card.card-emphasize:hover.accent-green,
.accent-green div.content-card.card-emphasize:hover.green {
    background-color: #6de354
}

.accent-green div.content-card.card-emphasize:hover.accent-blue,
.accent-green div.content-card.card-emphasize:hover.blue {
    background-color: #60d4f2
}

.accent-green div.content-card.card-emphasize:hover.accent-gray,
.accent-green div.content-card.card-emphasize:hover.gray {
    background-color: #fafafa
}

.accent-blue div.content-card .image:before {
    background: linear-gradient(67.76deg, #60d4f2, 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, #ffeb00, 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, #ee402d, 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, #6de354, 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, #60d4f2, 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, #fafafa, transparent 61.11%)
}

.accent-blue div.content-card.card:hover {
    background-color: #fafafa
}

.accent-blue div.content-card.card-emphasize:hover {
    background-color: #60d4f2
}

.accent-blue div.content-card.card-emphasize:hover.accent-yellow,
.accent-blue div.content-card.card-emphasize:hover.yellow {
    background-color: #ffeb00
}

.accent-blue div.content-card.card-emphasize:hover.accent-red,
.accent-blue div.content-card.card-emphasize:hover.red {
    background-color: #ee402d
}

.accent-blue div.content-card.card-emphasize:hover.accent-green,
.accent-blue div.content-card.card-emphasize:hover.green {
    background-color: #6de354
}

.accent-blue div.content-card.card-emphasize:hover.accent-blue,
.accent-blue div.content-card.card-emphasize:hover.blue {
    background-color: #60d4f2
}

.accent-blue div.content-card.card-emphasize:hover.accent-gray,
.accent-blue div.content-card.card-emphasize:hover.gray {
    background-color: #fafafa
}

.accent-gray div.content-card .image:before {
    background: linear-gradient(67.76deg, #fafafa, 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, #ffeb00, 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, #ee402d, 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, #6de354, 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, #60d4f2, 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, #fafafa, transparent 61.11%)
}

.accent-gray div.content-card.card-emphasize:hover,
.accent-gray div.content-card.card:hover {
    background-color: #fafafa
}

.accent-gray div.content-card.card-emphasize:hover.accent-yellow,
.accent-gray div.content-card.card-emphasize:hover.yellow {
    background-color: #ffeb00
}

.accent-gray div.content-card.card-emphasize:hover.accent-red,
.accent-gray div.content-card.card-emphasize:hover.red {
    background-color: #ee402d
}

.accent-gray div.content-card.card-emphasize:hover.accent-green,
.accent-gray div.content-card.card-emphasize:hover.green {
    background-color: #6de354
}

.accent-gray div.content-card.card-emphasize:hover.accent-blue,
.accent-gray div.content-card.card-emphasize:hover.blue {
    background-color: #60d4f2
}

.accent-gray div.content-card.card-emphasize:hover.accent-gray,
.accent-gray div.content-card.card-emphasize:hover.gray {
    background-color: #fafafa
}

.content-caption {
    padding: 1rem 1.5rem 1.5rem
}

.content-caption h4,
.content-caption h5 {
    margin-bottom: 0
}

.content-caption .cta__link {
    bottom: 1.5rem;
    position: absolute
}

.content-caption_cart {
    height: 100%
}

.content-caption_cart h5 {
    margin-bottom: 1rem
}

[dir=rtl] .content-card .image:before {
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transition: scaleX(-1)
}

[dir=rtl] .content-card:hover .cta--space:after {
    -webkit-transform: translate(-50%) rotate(180deg);
    -moz-transform: translate(-50%) rotate(180deg);
    -ms-transform: translate(-50%) rotate(180deg);
    -o-transform: translate(-50%) rotate(180deg);
    transition: translate(-50%, 0) rotate(180deg)
}

[dir=rtl] .content-card:hover .cta--arrow:after {
    margin-left: 0;
    margin-right: .25rem
}

:lang(my) h6 {
    font-size: 1rem
}


.cta__link {
    align-items: center;
    background: transparent;
    border: none;
    cursor: pointer;
    display: block;
    display: flex;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .03em;
    line-height: 1;
    text-transform: uppercase
}

@media(min-width: 48em) {
    .cta__link {
        display: inline-flex
    }
}

.cta__link.cta--space:after {
    content: "";
    height: 1.188rem;
    margin-left: .75rem;
    margin-top: 2px;
    width: .813rem
}

@media(min-width: 48em) {
    .cta__link.cta--space:after {
        margin-top: 0
    }
}

.cta__link {
    background-image: none
}

:lang(my) .cta__link {
    font-size: .875rem
}

.cta__link.cta--arrow i:after,
.cta__link.cta--arrow i:before {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute
}

.cta__link.cta--arrow i {
    box-sizing: border-box;
    display: block;
    height: 1rem;
    left: 1.25rem;
    position: relative;
    -webkit-transition: width .3s;
    -moz-transition: width .3s;
    -ms-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s;
    width: 0
}

.cta__link.cta--arrow i:before {
    background-color: #ee402d;
    display: none;
    height: 2px;
    right: 0;
    top: 7px;
    width: 100%
}

.cta__link.cta--arrow i:after {
    border-right: 2px solid #ee402d;
    border-top: 2px solid #ee402d;
    height: .75rem;
    right: 0;
    top: 2px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transition: rotate(45deg);
    width: .75rem
}

.cta__link.cta--arrow:hover i {
    width: 5rem
}

.cta__link.cta--arrow:hover i:before {
    display: unset
}

.cta__link {
    color: #000
}

.cta__link.cta--arrow {
    padding-left: 0;
    padding-right: 1.5rem
}

.cta__link.cta--space:after {
    background: url(../images/arrow-left-expand-defaut.svg) no-repeat 0;
    -webkit-transition: .2s ease;
    -moz-transition: .2s ease;
    -ms-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease
}

.cta__link.cta--space:hover:after {
    -webkit-transform: translate(70%);
    -moz-transform: translate(70%);
    -ms-transform: translate(70%);
    -o-transform: translate(70%);
    transition: translate(70%, 0)
}

[dir=rtl] .cta__link {
    align-items: flex-end
}

[dir=rtl] .cta__link.cta--space:after {
    margin-left: 0;
    margin-right: .75rem;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transition: rotate(180deg)
}

[dir=rtl] .cta__link.cta--space:hover:after {
    -webkit-transform: translate(-50%) rotate(180deg);
    -moz-transform: translate(-50%) rotate(180deg);
    -ms-transform: translate(-50%) rotate(180deg);
    -o-transform: translate(-50%) rotate(180deg);
    transition: translate(-50%, 0) rotate(180deg)
}

[dir=rtl] .cta__link.cta--arrow {
    padding-left: 1.5rem;
    padding-right: 0
}

[dir=rtl] .cta__link.cta--arrow i {
    left: 0;
    right: 1.25rem;
    -webkit-transform: translate(0) rotate(180deg);
    -moz-transform: translate(0) rotate(180deg);
    -ms-transform: translate(0) rotate(180deg);
    -o-transform: translate(0) rotate(180deg);
    transition: translate(0) rotate(180deg)
}

.select-box button:after {
    background: url(../images/chevron-down.svg) no-repeat 50%;
    content: "";
    float: right;
    height: 13px;
    position: absolute;
    right: 14px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transition: translateY(-50%);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: 20px
}

.select-box button {
    border: 2px solid #000;
    color: #000;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.125rem;
    margin: 0;
    padding: 1rem 3.125rem 1rem 1rem;
    position: relative;
    text-transform: uppercase;
    width: 100%
}

.select-box ul {
    border: 2px solid #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    min-height: 100px;
    padding: 0 1rem;
    width: 100%
}

.select-box ul:focus {
    box-shadow: 0 0 4px #0468b1;
    outline: 0
}

[dir=rtl] .select-box button {
    padding-left: 3.125rem;
    padding-right: 1rem;
    text-align: right
}

[dir=rtl] .select-box button:after {
    left: 16px;
    margin: 0;
    right: auto
}

.select-box ul.active {
    background-color: #fff
}

.select-box ul li {
    border-top: 1px solid #d4d6d8;
    cursor: pointer;
    margin-bottom: 0;
    padding: 0
}

.select-box {
    color: #000;
    display: flex;
    flex-direction: column;
    font-size: 2rem;
    height: 52px;
    max-width: 18.5rem;
    position: relative
}

.select-box.expanded button:after {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    -moz-transform: translateY(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) rotate(-180deg);
    -o-transform: translateY(-50%) rotate(-180deg);
    transition: translateY(-50%) rotate(-180deg)
}

.select-box button {
    background: #fff;
    display: flex
}

.select-box ul {
    background-color: #fff;
    order: 1;
    position: absolute;
    top: 51px;
    -webkit-transition: all .4s cubic-bezier(.64, .05, .35, 1.05);
    -moz-transition: all .4s cubic-bezier(.64, .05, .35, 1.05);
    -ms-transition: all .4s cubic-bezier(.64, .05, .35, 1.05);
    -o-transition: all .4s cubic-bezier(.64, .05, .35, 1.05);
    transition: all .4s cubic-bezier(.64, .05, .35, 1.05);
    z-index: 20
}

.select-box ul.active {
    border-top: 0;
    display: block;
    overflow-y: auto
}

.select-box ul::-webkit-scrollbar {
    background-color: rgba(0, 0, 0, .3);
    width: 4px
}

.select-box ul::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .6)
}

.select-box ul li {
    display: block;
    position: relative
}

.select-box ul li span {
    display: block;
    font-size: 1rem;
    margin: 0 -1rem;
    padding: 1rem
}

.select-box ul li span:hover {
    background-color: #fafafa
}

[dir=rtl] .select-box ul {
    padding: 0 1rem
}

[dir=rtl] .select-box ul li {
    padding-right: 0
}

:lang(my) .options-container {
    top: 52px
}

:lang(my) .select-box button {
    font-family: NotoSans, sans-serif
}

div.download-card .download,
div.download-card .format {
    font-size: .875rem;
    line-height: 1.4
}

@media(min-width: 48em) {

    div.download-card .download,
    div.download-card .format {
        font-size: 1rem
    }
}

div.download-card .title {
    font-size: 1rem
}

@media(min-width: 48em) {
    div.download-card .title {
        font-size: 1.25rem
    }
}

:lang(my) div.download-card .download,
:lang(my) div.download-card .format,
div.download-card :lang(my) .download,
div.download-card :lang(my) .format {
    font-size: .75rem;
    line-height: 1.7
}

@media(min-width: 48em) {

    :lang(my) div.download-card .download,
    :lang(my) div.download-card .format,
    div.download-card :lang(my) .download,
    div.download-card :lang(my) .format {
        font-size: .875rem
    }
}

:lang(my) div.download-card .title,
div.download-card :lang(my) .title {
    font-size: .875rem
}

@media(min-width: 48em) {

    :lang(my) div.download-card .title,
    div.download-card :lang(my) .title {
        font-size: 1rem
    }
}

div.download-card {
    display: inline-block
}


@media(min-width: 48em) {
    div.download-card {
        min-width: 170px
    }
}

/*@media(min-width: 48em) {
    div.download-card {
        min-width:330px
    }
}
*/
div.download-card>a {
    background: none
}

div.download-card:hover div.publication-thumbnail__image.accent-yellow,
div.download-card:hover div.publication-thumbnail__image.yellow:after,
div.download-card:hover div.publication-thumbnail__image:after {
    background: linear-gradient(27.66deg, #ffeb00, transparent 70.49%);
    opacity: .75
}

div.download-card:hover div.publication-thumbnail__image.accent-red,
div.download-card:hover div.publication-thumbnail__image.red:after {
    background: linear-gradient(27.66deg, #ee402d, transparent 70.49%);
    opacity: .75
}

div.download-card:hover div.publication-thumbnail__image.accent-green,
div.download-card:hover div.publication-thumbnail__image.green:after {
    background: linear-gradient(27.66deg, #6de354, transparent 70.49%);
    opacity: .75
}

div.download-card:hover div.publication-thumbnail__image.accent-blue,
div.download-card:hover div.publication-thumbnail__image.blue:after {
    background: linear-gradient(27.66deg, #60d4f2, transparent 70.49%);
    opacity: .75
}

div.download-card:hover div.card-thumbnail__image.accent-yellow:before,
div.download-card:hover div.card-thumbnail__image.yellow:before,
div.download-card:hover div.card-thumbnail__image:before {
    background: linear-gradient(67.76deg, #ffeb00, transparent 61.11%);
    opacity: .75
}

div.download-card:hover div.card-thumbnail__image.accent-red:before,
div.download-card:hover div.card-thumbnail__image.red:before {
    background: linear-gradient(67.76deg, #ee402d, transparent 61.11%);
    opacity: .75
}

div.download-card:hover div.card-thumbnail__image.accent-green:before,
div.download-card:hover div.card-thumbnail__image.green:before {
    background: linear-gradient(67.76deg, #6de354, transparent 61.11%);
    opacity: .75
}

div.download-card:hover div.card-thumbnail__image.accent-blue:before,
div.download-card:hover div.card-thumbnail__image.blue:before {
    background: linear-gradient(67.76deg, #60d4f2, transparent 61.11%);
    opacity: .75
}

div.download-card:hover .download-animated:after {
    -webkit-transform: rotate(-45deg) translate(7px, -7px);
    -moz-transform: rotate(-45deg) translate(7px, -7px);
    -ms-transform: rotate(-45deg) translate(7px, -7px);
    -o-transform: rotate(-45deg) translate(7px, -7px);
    transition: rotate(-45deg) translate(7px, -7px)
}

div.download-card:hover .download-animated:before {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transition: translate(0, -10px)
}

div.download-card:hover .external-link-animated:after {
    -webkit-transform: translate(5px, -5px);
    -moz-transform: translate(5px, -5px);
    -ms-transform: translate(5px, -5px);
    -o-transform: translate(5px, -5px);
    transition: translate(5px, -5px)
}

div.download-card:hover .external-link-animated:before {
    -webkit-transform: rotate(-45deg) translate(7px);
    -moz-transform: rotate(-45deg) translate(7px);
    -ms-transform: rotate(-45deg) translate(7px);
    -o-transform: rotate(-45deg) translate(7px);
    transition: rotate(-45deg) translate(7px, 0)
}

div.download-card .description {
    background: #fafafa;
    padding: 1.5rem
}

div.download-card .title {
    margin-bottom: .25rem
}

div.download-card .format {
    color: #55606e;
    margin-bottom: 1rem
}

div.download-card .download {
    align-items: center;
    background-image: none;
    display: flex;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase
}

div.download-card .download .download-animated {
    margin-left: .75rem
}

div.download-card .download .external-link-animated {
    margin-bottom: .5rem;
    margin-left: .75rem
}

[dir=rtl] div.download-card .download-animated,
[dir=rtl] div.download-card .external-link-animated {
    margin-left: 0;
    margin-right: .75rem
}

[dir=rtl] div.download-card:hover div.publication-thumbnail__image.accent-yellow:after,
[dir=rtl] div.download-card:hover div.publication-thumbnail__image.yellow:after,
[dir=rtl] div.download-card:hover div.publication-thumbnail__image:after {
    background: linear-gradient(318deg, #ffeb00, transparent 70.49%)
}

[dir=rtl] div.download-card:hover div.publication-thumbnail__image.accent-red:after,
[dir=rtl] div.download-card:hover div.publication-thumbnail__image.red:after {
    background: linear-gradient(318deg, #ee402d, transparent 70.49%)
}

[dir=rtl] div.download-card:hover div.publication-thumbnail__image.accent-green:after,
[dir=rtl] div.download-card:hover div.publication-thumbnail__image.green:after {
    background: linear-gradient(318deg, #6de354, transparent 70.49%)
}

[dir=rtl] div.download-card:hover div.publication-thumbnail__image.accent-blue:after,
[dir=rtl] div.download-card:hover div.publication-thumbnail__image.blue:after {
    background: linear-gradient(318deg, #60d4f2, transparent 70.49%)
}

[dir=rtl] div.download-card:hover div.card-thumbnail__image.accent-yellow:before,
[dir=rtl] div.download-card:hover div.card-thumbnail__image.yellow:before,
[dir=rtl] div.download-card:hover div.card-thumbnail__image:before {
    background: linear-gradient(297deg, #ffeb00, transparent 61.11%)
}

[dir=rtl] div.download-card:hover div.card-thumbnail__image.accent-red:before,
[dir=rtl] div.download-card:hover div.card-thumbnail__image.red:before {
    background: linear-gradient(297deg, #ee402d, transparent 61.11%)
}

[dir=rtl] div.download-card:hover div.card-thumbnail__image.accent-green:before,
[dir=rtl] div.download-card:hover div.card-thumbnail__image.green:before {
    background: linear-gradient(297deg, #6de354, transparent 61.11%)
}

[dir=rtl] div.download-card:hover div.card-thumbnail__image.accent-blue:before,
[dir=rtl] div.download-card:hover div.card-thumbnail__image.blue:before {
    background: linear-gradient(297deg, #60d4f2, transparent 61.11%)
}

[dir=rtl] div.download-card div.download-card__download .download-animated,
[dir=rtl] div.download-card div.download-card__download:after {
    margin-left: 0;
    margin-right: .75rem
}

.accent-yellow div.download-card:hover div.publication-thumbnail__image.accent-yellow,
.accent-yellow div.download-card:hover div.publication-thumbnail__image.yellow:after,
.accent-yellow div.download-card:hover div.publication-thumbnail__image:after {
    background: linear-gradient(27.66deg, #ffeb00, transparent 70.49%)
}

.accent-yellow div.download-card:hover div.publication-thumbnail__image.accent-red,
.accent-yellow div.download-card:hover div.publication-thumbnail__image.red:after {
    background: linear-gradient(27.66deg, #ee402d, transparent 70.49%)
}

.accent-yellow div.download-card:hover div.publication-thumbnail__image.accent-green,
.accent-yellow div.download-card:hover div.publication-thumbnail__image.green:after {
    background: linear-gradient(27.66deg, #6de354, transparent 70.49%)
}

.accent-yellow div.download-card:hover div.publication-thumbnail__image.accent-blue,
.accent-yellow div.download-card:hover div.publication-thumbnail__image.blue:after {
    background: linear-gradient(27.66deg, #60d4f2, transparent 70.49%)
}

.accent-yellow div.download-card:hover div.card-thumbnail__image.accent-yellow:before,
.accent-yellow div.download-card:hover div.card-thumbnail__image.yellow:before,
.accent-yellow div.download-card:hover div.card-thumbnail__image:before {
    background: linear-gradient(67.76deg, #ffeb00, transparent 61.11%)
}

.accent-yellow div.download-card:hover div.card-thumbnail__image.accent-red:before,
.accent-yellow div.download-card:hover div.card-thumbnail__image.red:before {
    background: linear-gradient(67.76deg, #ee402d, transparent 61.11%)
}

.accent-yellow div.download-card:hover div.card-thumbnail__image.accent-green:before,
.accent-yellow div.download-card:hover div.card-thumbnail__image.green:before {
    background: linear-gradient(67.76deg, #6de354, transparent 61.11%)
}

.accent-yellow div.download-card:hover div.card-thumbnail__image.accent-blue:before,
.accent-yellow div.download-card:hover div.card-thumbnail__image.blue:before {
    background: linear-gradient(67.76deg, #60d4f2, transparent 61.11%)
}

[dir=rtl] .accent-yellow div.download-card:hover div.publication-thumbnail__image.accent-yellow:after,
[dir=rtl] .accent-yellow div.download-card:hover div.publication-thumbnail__image.yellow:after,
[dir=rtl] .accent-yellow div.download-card:hover div.publication-thumbnail__image:after {
    background: linear-gradient(318deg, #ffeb00, transparent 70.49%)
}

[dir=rtl] .accent-yellow div.download-card:hover div.publication-thumbnail__image.accent-red:after,
[dir=rtl] .accent-yellow div.download-card:hover div.publication-thumbnail__image.red:after {
    background: linear-gradient(318deg, #ee402d, transparent 70.49%)
}

[dir=rtl] .accent-yellow div.download-card:hover div.publication-thumbnail__image.accent-green:after,
[dir=rtl] .accent-yellow div.download-card:hover div.publication-thumbnail__image.green:after {
    background: linear-gradient(318deg, #6de354, transparent 70.49%)
}

[dir=rtl] .accent-yellow div.download-card:hover div.publication-thumbnail__image.accent-blue:after,
[dir=rtl] .accent-yellow div.download-card:hover div.publication-thumbnail__image.blue:after {
    background: linear-gradient(318deg, #60d4f2, transparent 70.49%)
}

[dir=rtl] .accent-yellow div.download-card:hover div.card-thumbnail__image.accent-yellow:before,
[dir=rtl] .accent-yellow div.download-card:hover div.card-thumbnail__image.yellow:before,
[dir=rtl] .accent-yellow div.download-card:hover div.card-thumbnail__image:before {
    background: linear-gradient(297deg, #ffeb00, transparent 61.11%)
}

[dir=rtl] .accent-yellow div.download-card:hover div.card-thumbnail__image.accent-yellow:before,
[dir=rtl] .accent-yellow div.download-card:hover div.card-thumbnail__image.yellow:before {
    background: linear-gradient(297deg, #ee402d, transparent 61.11%);
    background: linear-gradient(297deg, #6de354, transparent 61.11%);
    background: linear-gradient(297deg, #60d4f2, transparent 61.11%)
}

.accent-red div.download-card:hover div.publication-thumbnail__image:after {
    background: linear-gradient(27.66deg, #ee402d, transparent 70.49%)
}

.accent-red div.download-card:hover div.publication-thumbnail__image.accent-yellow,
.accent-red div.download-card:hover div.publication-thumbnail__image.yellow:after {
    background: linear-gradient(27.66deg, #ffeb00, transparent 70.49%)
}

.accent-red div.download-card:hover div.publication-thumbnail__image.accent-red,
.accent-red div.download-card:hover div.publication-thumbnail__image.red:after {
    background: linear-gradient(27.66deg, #ee402d, transparent 70.49%)
}

.accent-red div.download-card:hover div.publication-thumbnail__image.accent-green,
.accent-red div.download-card:hover div.publication-thumbnail__image.green:after {
    background: linear-gradient(27.66deg, #6de354, transparent 70.49%)
}

.accent-red div.download-card:hover div.publication-thumbnail__image.accent-blue,
.accent-red div.download-card:hover div.publication-thumbnail__image.blue:after {
    background: linear-gradient(27.66deg, #60d4f2, transparent 70.49%)
}

.accent-red div.download-card:hover div.card-thumbnail__image:before {
    background: linear-gradient(67.76deg, #ee402d, transparent 61.11%)
}

.accent-red div.download-card:hover div.card-thumbnail__image.accent-yellow:before,
.accent-red div.download-card:hover div.card-thumbnail__image.yellow:before {
    background: linear-gradient(67.76deg, #ffeb00, transparent 61.11%)
}

.accent-red div.download-card:hover div.card-thumbnail__image.accent-red:before,
.accent-red div.download-card:hover div.card-thumbnail__image.red:before {
    background: linear-gradient(67.76deg, #ee402d, transparent 61.11%)
}

.accent-red div.download-card:hover div.card-thumbnail__image.accent-green:before,
.accent-red div.download-card:hover div.card-thumbnail__image.green:before {
    background: linear-gradient(67.76deg, #6de354, transparent 61.11%)
}

.accent-red div.download-card:hover div.card-thumbnail__image.accent-blue:before,
.accent-red div.download-card:hover div.card-thumbnail__image.blue:before {
    background: linear-gradient(67.76deg, #60d4f2, transparent 61.11%)
}

[dir=rtl] .accent-red div.download-card:hover div.publication-thumbnail__image:after {
    background: linear-gradient(318deg, #ee402d, transparent 70.49%)
}

[dir=rtl] .accent-red div.download-card:hover div.publication-thumbnail__image.accent-yellow:after,
[dir=rtl] .accent-red div.download-card:hover div.publication-thumbnail__image.yellow:after {
    background: linear-gradient(318deg, #ffeb00, transparent 70.49%)
}

[dir=rtl] .accent-red div.download-card:hover div.publication-thumbnail__image.accent-red:after,
[dir=rtl] .accent-red div.download-card:hover div.publication-thumbnail__image.red:after {
    background: linear-gradient(318deg, #ee402d, transparent 70.49%)
}

[dir=rtl] .accent-red div.download-card:hover div.publication-thumbnail__image.accent-green:after,
[dir=rtl] .accent-red div.download-card:hover div.publication-thumbnail__image.green:after {
    background: linear-gradient(318deg, #6de354, transparent 70.49%)
}

[dir=rtl] .accent-red div.download-card:hover div.publication-thumbnail__image.accent-blue:after,
[dir=rtl] .accent-red div.download-card:hover div.publication-thumbnail__image.blue:after {
    background: linear-gradient(318deg, #60d4f2, transparent 70.49%)
}

[dir=rtl] .accent-red div.download-card:hover div.card-thumbnail__image:before {
    background: linear-gradient(297deg, #ee402d, transparent 61.11%)
}

[dir=rtl] .accent-red div.download-card:hover div.card-thumbnail__image.accent-red:before,
[dir=rtl] .accent-red div.download-card:hover div.card-thumbnail__image.red:before {
    background: linear-gradient(297deg, #ffeb00, transparent 61.11%);
    background: linear-gradient(297deg, #ee402d, transparent 61.11%);
    background: linear-gradient(297deg, #6de354, transparent 61.11%);
    background: linear-gradient(297deg, #60d4f2, transparent 61.11%)
}

.accent-green div.download-card:hover div.publication-thumbnail__image:after {
    background: linear-gradient(27.66deg, #6de354, transparent 70.49%)
}

.accent-green div.download-card:hover div.publication-thumbnail__image.accent-yellow,
.accent-green div.download-card:hover div.publication-thumbnail__image.yellow:after {
    background: linear-gradient(27.66deg, #ffeb00, transparent 70.49%)
}

.accent-green div.download-card:hover div.publication-thumbnail__image.accent-red,
.accent-green div.download-card:hover div.publication-thumbnail__image.red:after {
    background: linear-gradient(27.66deg, #ee402d, transparent 70.49%)
}

.accent-green div.download-card:hover div.publication-thumbnail__image.accent-green,
.accent-green div.download-card:hover div.publication-thumbnail__image.green:after {
    background: linear-gradient(27.66deg, #6de354, transparent 70.49%)
}

.accent-green div.download-card:hover div.publication-thumbnail__image.accent-blue,
.accent-green div.download-card:hover div.publication-thumbnail__image.blue:after {
    background: linear-gradient(27.66deg, #60d4f2, transparent 70.49%)
}

.accent-green div.download-card:hover div.card-thumbnail__image:before {
    background: linear-gradient(67.76deg, #6de354, transparent 61.11%)
}

.accent-green div.download-card:hover div.card-thumbnail__image.accent-yellow:before,
.accent-green div.download-card:hover div.card-thumbnail__image.yellow:before {
    background: linear-gradient(67.76deg, #ffeb00, transparent 61.11%)
}

.accent-green div.download-card:hover div.card-thumbnail__image.accent-red:before,
.accent-green div.download-card:hover div.card-thumbnail__image.red:before {
    background: linear-gradient(67.76deg, #ee402d, transparent 61.11%)
}

.accent-green div.download-card:hover div.card-thumbnail__image.accent-green:before,
.accent-green div.download-card:hover div.card-thumbnail__image.green:before {
    background: linear-gradient(67.76deg, #6de354, transparent 61.11%)
}

.accent-green div.download-card:hover div.card-thumbnail__image.accent-blue:before,
.accent-green div.download-card:hover div.card-thumbnail__image.blue:before {
    background: linear-gradient(67.76deg, #60d4f2, transparent 61.11%)
}

[dir=rtl] .accent-green div.download-card:hover div.publication-thumbnail__image:after {
    background: linear-gradient(318deg, #6de354, transparent 70.49%)
}

[dir=rtl] .accent-green div.download-card:hover div.publication-thumbnail__image.accent-yellow:after,
[dir=rtl] .accent-green div.download-card:hover div.publication-thumbnail__image.yellow:after {
    background: linear-gradient(318deg, #ffeb00, transparent 70.49%)
}

[dir=rtl] .accent-green div.download-card:hover div.publication-thumbnail__image.accent-red:after,
[dir=rtl] .accent-green div.download-card:hover div.publication-thumbnail__image.red:after {
    background: linear-gradient(318deg, #ee402d, transparent 70.49%)
}

[dir=rtl] .accent-green div.download-card:hover div.publication-thumbnail__image.accent-green:after,
[dir=rtl] .accent-green div.download-card:hover div.publication-thumbnail__image.green:after {
    background: linear-gradient(318deg, #6de354, transparent 70.49%)
}

[dir=rtl] .accent-green div.download-card:hover div.publication-thumbnail__image.accent-blue:after,
[dir=rtl] .accent-green div.download-card:hover div.publication-thumbnail__image.blue:after {
    background: linear-gradient(318deg, #60d4f2, transparent 70.49%)
}

[dir=rtl] .accent-green div.download-card:hover div.card-thumbnail__image:before {
    background: linear-gradient(297deg, #6de354, transparent 61.11%)
}

[dir=rtl] .accent-green div.download-card:hover div.card-thumbnail__image.accent-green:before,
[dir=rtl] .accent-green div.download-card:hover div.card-thumbnail__image.green:before {
    background: linear-gradient(297deg, #ffeb00, transparent 61.11%);
    background: linear-gradient(297deg, #ee402d, transparent 61.11%);
    background: linear-gradient(297deg, #6de354, transparent 61.11%);
    background: linear-gradient(297deg, #60d4f2, transparent 61.11%)
}

.accent-blue div.download-card:hover div.publication-thumbnail__image:after {
    background: linear-gradient(27.66deg, #60d4f2, transparent 70.49%)
}

.accent-blue div.download-card:hover div.publication-thumbnail__image.accent-yellow,
.accent-blue div.download-card:hover div.publication-thumbnail__image.yellow:after {
    background: linear-gradient(27.66deg, #ffeb00, transparent 70.49%)
}

.accent-blue div.download-card:hover div.publication-thumbnail__image.accent-red,
.accent-blue div.download-card:hover div.publication-thumbnail__image.red:after {
    background: linear-gradient(27.66deg, #ee402d, transparent 70.49%)
}

.accent-blue div.download-card:hover div.publication-thumbnail__image.accent-green,
.accent-blue div.download-card:hover div.publication-thumbnail__image.green:after {
    background: linear-gradient(27.66deg, #6de354, transparent 70.49%)
}

.accent-blue div.download-card:hover div.publication-thumbnail__image.accent-blue,
.accent-blue div.download-card:hover div.publication-thumbnail__image.blue:after {
    background: linear-gradient(27.66deg, #60d4f2, transparent 70.49%)
}

.accent-blue div.download-card:hover div.card-thumbnail__image:before {
    background: linear-gradient(67.76deg, #60d4f2, transparent 61.11%)
}

.accent-blue div.download-card:hover div.card-thumbnail__image.accent-yellow:before,
.accent-blue div.download-card:hover div.card-thumbnail__image.yellow:before {
    background: linear-gradient(67.76deg, #ffeb00, transparent 61.11%)
}

.accent-blue div.download-card:hover div.card-thumbnail__image.accent-red:before,
.accent-blue div.download-card:hover div.card-thumbnail__image.red:before {
    background: linear-gradient(67.76deg, #ee402d, transparent 61.11%)
}

.accent-blue div.download-card:hover div.card-thumbnail__image.accent-green:before,
.accent-blue div.download-card:hover div.card-thumbnail__image.green:before {
    background: linear-gradient(67.76deg, #6de354, transparent 61.11%)
}

.accent-blue div.download-card:hover div.card-thumbnail__image.accent-blue:before,
.accent-blue div.download-card:hover div.card-thumbnail__image.blue:before {
    background: linear-gradient(67.76deg, #60d4f2, transparent 61.11%)
}

[dir=rtl] .accent-blue div.download-card:hover div.publication-thumbnail__image:after {
    background: linear-gradient(318deg, #60d4f2, transparent 70.49%)
}

[dir=rtl] .accent-blue div.download-card:hover div.publication-thumbnail__image.accent-yellow:after,
[dir=rtl] .accent-blue div.download-card:hover div.publication-thumbnail__image.yellow:after {
    background: linear-gradient(318deg, #ffeb00, transparent 70.49%)
}

[dir=rtl] .accent-blue div.download-card:hover div.publication-thumbnail__image.accent-red:after,
[dir=rtl] .accent-blue div.download-card:hover div.publication-thumbnail__image.red:after {
    background: linear-gradient(318deg, #ee402d, transparent 70.49%)
}

[dir=rtl] .accent-blue div.download-card:hover div.publication-thumbnail__image.accent-green:after,
[dir=rtl] .accent-blue div.download-card:hover div.publication-thumbnail__image.green:after {
    background: linear-gradient(318deg, #6de354, transparent 70.49%)
}

[dir=rtl] .accent-blue div.download-card:hover div.publication-thumbnail__image.accent-blue:after,
[dir=rtl] .accent-blue div.download-card:hover div.publication-thumbnail__image.blue:after {
    background: linear-gradient(318deg, #60d4f2, transparent 70.49%)
}

[dir=rtl] .accent-blue div.download-card:hover div.card-thumbnail__image:before {
    background: linear-gradient(297deg, #60d4f2, transparent 61.11%)
}

[dir=rtl] .accent-blue div.download-card:hover div.card-thumbnail__image.accent-blue:before,
[dir=rtl] .accent-blue div.download-card:hover div.card-thumbnail__image.blue:before {
    background: linear-gradient(297deg, #ffeb00, transparent 61.11%);
    background: linear-gradient(297deg, #ee402d, transparent 61.11%);
    background: linear-gradient(297deg, #6de354, transparent 61.11%);
    background: linear-gradient(297deg, #60d4f2, transparent 61.11%)
}

.sort-filter-search.button {
    display: none;
    text-transform: uppercase;
    width: 100%
}

@media(max-width: 47.9375em) {
    .sort-filter-search.button {
        display: block
    }
}

.sort-filter-search.button span {
    display: none;
    font-size: 1rem
}

.sort-filter-search.button.close {
    background-color: #edeff0;
    color: #000;
    font-size: 0
}

.sort-filter-search.button.close:hover {
    background-color: #edeff0
}

.sort-filter-search.button.close span {
    display: block
}

@media(max-width: 47.9375em) {
    .search-filter {
        display: none
    }

    .search-filter.show-filter {
        display: block
    }
}

.search-filter .expand-search {
    max-width: 296px
}

.search-filter .select-wrapper .multi-select {
    padding-top: 1.5rem
}

.search-filter .selected-chips {
    max-width: 296px;
    padding-top: 1.5rem
}

.search-filter .selected-chips .chip {
    cursor: pointer;
    margin: 0 .75rem .75rem 0
}

.search-filter .chip {
    font-size: 1rem
}

.search-filter .clear-search-filter {
    background: none;
    border: 0;
    border-bottom: 1px solid #ee402d;
    cursor: pointer;
    display: none;
    font-size: 1rem;
    padding: 0
}

.search-filter .clear-search-filter.show-clear {
    display: inline-block
}

.search-filter .active-filter {
    color: #55606e;
    display: none;
    font-family: ProximaNova, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    padding-top: 1rem;
    text-transform: uppercase
}

.search-filter .active-filter.show-activefilter {
    display: block
}

[dir=rtl] .selected-chips .chip {
    margin: 0 0 .75rem .75rem
}

.footer-icons li a {
    border: none
}

.footer-head,
.footer-top {
    align-items: center;
    border-bottom: 1px solid #fff;
    justify-content: space-between;
    margin-bottom: 2rem
}

.footer-icons li a,
.footer-links li a,
.footer-lists li a,
.footer-panel a {
    background-image: none
}

.footer-icons li a {
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    -o-animation: none;
    animation: none
}

.footer-links li a,
.footer-lists li a,
.footer-panel a {
    margin-left: 2.25rem;
    color: #fff;
    font-size: 1rem;
    line-height: 1.4
}

.footer-links li a:hover,
.footer-lists li a:hover,
.footer-panel a:hover {
    color: #b5d5f5
}

.footer-item.inverted .footer-panel a,
.footer-links.inverted a,
.footer-lists.inverted a {
    color: #000
}

.footer-item.inverted .footer-panel a:hover,
.footer-links.inverted a:hover,
.footer-lists.inverted a:hover {
    color: #55606e
}

@media(min-width: 48em) {
    .footer-items {
        display: flex;
        row-gap: 3rem
    }

    .footer-items .footer-item {
        flex: 0 0 calc(50% - 1.5rem);
        width: calc(50% - 1.5rem)
    }
}

@media(min-width: 64em) {
    .footer-items .footer-item {
        flex: 0 0 calc(33.33333% - 1.5rem);
        width: calc(33.33333% - 1.5rem)
    }
}

@media(min-width: 90em) {
    .footer-items .footer-item {
        flex: 0 0 calc(25% - 1.5rem);
        width: calc(25% - 1.5rem)
    }
}

.footer-links {
    padding-left: 0
}

.footer-links li {
    list-style: none;
    margin-bottom: .75rem;
    padding: 0;
    text-align: left
}

@media(min-width: 48em) {
    .footer-links li {
        text-align: right
    }
}

[dir=rtl] .footer-links {
    padding-right: 0
}

[dir=rtl] .footer-links li {
    padding: 0;
    text-align: right
}

@media(min-width: 48em) {
    [dir=rtl] .footer-links li {
        text-align: left
    }
}

:lang(my) .footer-links li a {
    line-height: 1.9
}

.footer-lists {
    padding-left: 0
}

@media(min-width: 48em) {
    .footer-lists {
        max-width: 690px;
        text-align: right
    }
}

@media(max-width: 47.9375em) {
    .footer-lists {
        margin: 0 1rem 2rem
    }
}

.footer-lists li {
    list-style: none;
    margin-bottom: .75rem;
    padding-left: 0
}

@media(min-width: 48em) {
    .footer-lists li {
        display: inline-flex;
        margin-bottom: 1.125rem;
        /*  margin-left: 2.25rem*/
    }
}

[dir=rtl] .footer-lists {
    padding-right: 0
}

@media(min-width: 48em) {
    [dir=rtl] .footer-lists {
        text-align: left
    }
}

[dir=rtl] .footer-lists li {
    padding-right: 0
}

@media(min-width: 48em) {
    [dir=rtl] .footer-lists li {
        margin-left: 0;
        margin-right: 2.25rem
    }
}

:lang(my) .footer-lists li a {
    line-height: 1.9
}

.footer-icons {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0
}

.footer-icons li {
    list-style: none;
    margin-bottom: 1rem;
    padding: 0
}

.footer-icons li a {
    display: block;
    font-size: 0;
    height: 20px;
    margin-block-end: 1rem;
    margin-inline-start: 2rem;
    width: 20px
}

.footer-icons li a.facebook {
    background: url(../images/facebook-white.svg) no-repeat bottom
}

.footer-icons li a.instagram {
    background: url(../images/instagram-white.svg) no-repeat bottom
}

.footer-icons li a.linkedin {
    background: url(../images/linkedin-white.svg) no-repeat bottom
}

.footer-icons li a.twitter {
    background: url(../images/twitter.png) no-repeat bottom
}

.footer-icons li a.youtube {
    background: url(../images/youtube-white.svg) no-repeat bottom
}

.footer-icons.inverted li a.facebook {
    background: url(../images/facebook.svg) no-repeat bottom
}

.footer-icons.inverted li a.instagram {
    background: url(../images/instagram.svg) no-repeat bottom
}

.footer-icons.inverted li a.linkedin {
    background: url(../images/linkedin.svg) no-repeat bottom
}

.footer-icons.inverted li a.twitter {
    background: url(../images/twitter.svg) no-repeat bottom
}

.footer-icons.inverted li a.youtube {
    background: url(../images/youtube.svg) no-repeat bottom
}

[dir=rtl] .footer-icons {
    padding-right: 0
}

.footer-item {
    position: relative
}

@media(max-width: 47.9375em) {
    .footer-item:after {
        border-bottom: 2px solid #d4d6d8;
        content: "";
        position: absolute;
        width: calc(100% - 1.3rem)
    }
}

.footer-item.inverted .footer-heading {
    color: #000
}

.footer-item.inverted .footer-heading:before {
    background: url(../images/chevron-down.svg) no-repeat 50%
}

.footer-heading {
    background: transparent;
    border: 0;
    color: #fff;
    display: block;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .03rem;
    line-height: 1.15;
    padding: 1rem;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    width: 100%
}

@media(min-width: 48em) {
    .footer-heading {
        margin-bottom: 1.25rem;
        padding: 0;
        pointer-events: none
    }
}

.footer-heading:before {
    background: url(../images/chevron-down-white.svg) no-repeat 50%;
    content: "";
    display: block;
    float: right;
    height: 20px;
    -webkit-transition: .1s ease;
    -moz-transition: .1s ease;
    -ms-transition: .1s ease;
    -o-transition: .1s ease;
    transition: .1s ease;
    width: 20px
}

@media(min-width: 48em) {
    .footer-heading:before {
        display: none
    }
}

.footer-heading.active:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transition: rotateZ(180deg)
}

.footer-panel {
    display: none;
    padding: 0 1rem .5rem
}

@media(min-width: 48em) {
    .footer-panel {
        display: block;
        padding: 0
    }
}

.footer-panel a {
    display: block;
    margin-bottom: 1rem
}

[dir=rtl] .footer-heading {
    text-align: right
}

[dir=rtl] .footer-heading:before {
    float: left
}

:lang(my) .footer-panel a {
    line-height: 1.9
}

.footer-logo {
    align-items: center;
    display: flex
}

.footer-logo a {
    background: none
}

.footer-logo h5 {
    color: #fff;
    margin: 0 1rem
}

.footer-logo.inverted h5 {
    color: #000
}

.footer {
    background-color: #fafafa;
    background-color: #006eb5;
    color: #fff;
    padding: 3rem .75rem 2.5rem
}

@media(min-width: 48em) {
    .footer {
        padding: 3.25rem 0 3rem
    }
}

@media(max-width: 47.9375em) {
    .footer .sign-up {
        margin-top: 1.5rem
    }
}

.footer p {
    font-size: .875rem;
    margin: 0
}

@media(min-width: 48em) {
    .footer p {
        font-size: 1rem
    }
}

.footer-head {
    margin-bottom: 1.188rem;
    padding-bottom: 3rem
}

@media(min-width: 48em) {
    .footer-head {
        margin-bottom: 3rem
    }
}

.footer-top {
    padding-bottom: 2rem
}

@media(min-width: 48em) {
    .footer-top {
        margin-bottom: 2rem;
        padding-bottom: 3rem
    }
}

.footer-bottom {
    justify-content: space-between
}

@media(max-width: 47.9375em) {
    .footer-bottom {
        flex-direction: column-reverse
    }

    .footer-bottom p {
        margin: 0 1rem
    }
}

.footer-copyright {
    margin: 0 1rem
}

@media(min-width: 48em) {
    .footer-copyright {
        margin: 5rem 0 0
    }
}

.footer-links {
    margin: 2rem 1rem
}

@media(min-width: 48em) {
    .footer-links {
        margin: 0 0 2rem
    }
}

.footer-links_text {
    margin: 0 1rem 2rem
}

@media(min-width: 48em) {
    .footer-links_text {
        margin: 0 0 2rem
    }
}

.footer .footer-icons {
    margin: 0 1.25rem 2rem
}

@media(min-width: 48em) {
    .footer .footer-icons {
        justify-content: flex-end;
        margin: 0
    }
}

.footer.inverted {
    background-color: #fafafa;
    color: #000
}

.footer.inverted .footer-head,
.footer.inverted .footer-top {
    border-color: #232e3d
}

.icons-search {
    margin: 2rem 1rem 0;
    text-align: left
}

@media(min-width: 48em) {
    .icons-search {
        margin: 0 0 2rem;
        text-align: right
    }
}

.icons-search span {
    display: inline-flex
}

.icons-search .icon-globe {
    margin-right: 1rem
}

[dir=rtl] .icons-search {
    text-align: right
}

@media(min-width: 48em) {
    [dir=rtl] .icons-search {
        text-align: left
    }
}

[dir=rtl] .icons-search .icon-globe {
    margin-left: 1rem;
    margin-right: 0
}

label,
label.error {
    font-size: 1rem
}

@media(min-width: 48em) {

    label,
    label.error {
        font-size: 1.25rem
    }
}

input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
textarea {
    background-color: #fff
}

:lang(my) label {
    font-size: .875rem
}

@media(min-width: 48em) {
    :lang(my) label {
        font-size: 1rem
    }
}

label {
    display: block
}

label.error {
    color: #000;
    margin-top: 0
}

label.disabled {
    color: #d4d6d8
}

.help {
    color: #a9b1b7;
    display: block;
    font-size: .875rem
}

.error,
.help {
    margin-bottom: 0;
    margin-top: .5rem
}

.error {
    color: #ee402d;
    font-size: 1rem
}

input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
textarea {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: 2px solid #000;
    border-radius: 0;
    box-sizing: border-box;
    display: block;
    font-family: ProximaNova, sans-serif;
    font-size: 1rem;
    height: 46px;
    margin-top: .5rem;
    padding: .625rem;
    width: 100%
}

input[type=date]::placeholder,
input[type=email]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=search]::placeholder,
input[type=tel]::placeholder,
input[type=text]::placeholder,
textarea::placeholder {
    color: #a9b1b7
}

input[type=date]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
textarea:focus {
    box-shadow: 0 0 4px #0468b1;
    outline: 0
}

input[type=date] input[type=date],
input[type=date] input[type=search],
input[type=email] input[type=date],
input[type=email] input[type=search],
input[type=number] input[type=date],
input[type=number] input[type=search],
input[type=password] input[type=date],
input[type=password] input[type=search],
input[type=search] input[type=date],
input[type=search] input[type=search],
input[type=tel] input[type=date],
input[type=tel] input[type=search],
input[type=text] input[type=date],
input[type=text] input[type=search],
textarea input[type=date],
textarea input[type=search] {
    padding-left: 2.5rem;
    position: relative
}

input[type=date].disabled,
input[type=email].disabled,
input[type=number].disabled,
input[type=password].disabled,
input[type=search].disabled,
input[type=tel].disabled,
input[type=text].disabled,
textarea.disabled {
    background-color: #fff;
    border: 2px solid #d4d6d8;
    color: #d4d6d8
}

input[type=date].disabled::placeholder,
input[type=email].disabled::placeholder,
input[type=number].disabled::placeholder,
input[type=password].disabled::placeholder,
input[type=search].disabled::placeholder,
input[type=tel].disabled::placeholder,
input[type=text].disabled::placeholder,
textarea.disabled::placeholder {
    color: #d4d6d8
}

input[type=date].error,
input[type=email].error,
input[type=number].error,
input[type=password].error,
input[type=search].error,
input[type=tel].error,
input[type=text].error,
textarea.error {
    border: 2px solid #ee402d
}

input[type=date] {
    background: url(../images/calender-black.svg) no-repeat left 14px bottom 12px;
    background-color: #fff;
    color: #a9b1b7;
    padding-left: 2.5rem
}

input[type=date].disabled {
    background-image: url(../images/date-disabled.svg)
}

input[type=search] {
    background: url(../images/search-black.svg) no-repeat left 14px bottom 12px;
    color: #a9b1b7;
    padding-left: 2.5rem
}

input[type=search].disabled {
    background-image: url(../images/search-gray.svg)
}

.help.disabled {
    color: #d4d6d8
}

textarea {
    height: auto;
    max-width: 100%;
    resize: vertical
}

input[type=date]::-webkit-calendar-picker-indicator {
    appearance: none;
    left: 3px;
    opacity: 0;
    position: absolute
}

@media(hover: none)and (pointer:coarse) {

    [dir=rtl] input[type=date] input[type=date],
    [dir=rtl] input[type=email] input[type=date],
    [dir=rtl] input[type=number] input[type=date],
    [dir=rtl] input[type=password] input[type=date],
    [dir=rtl] input[type=search] input[type=date],
    [dir=rtl] input[type=tel] input[type=date],
    [dir=rtl] input[type=text] input[type=date],
    [dir=rtl] textarea input[type=date] {
        padding-right: 1.5rem
    }
}

[dir=rtl] input[type=date],
[dir=rtl] input[type=search] {
    background: url(../images/calender-black.svg) no-repeat right 14px bottom 12px;
    background-color: #fff;
    padding-left: .635rem;
    padding-right: 2.5rem;
    text-align: right
}

[dir=rtl] input[type=search] {
    background: url(../images/search-black.svg) no-repeat right 14px bottom 12px
}

[dir=rtl] input[type=date].disabled {
    background-image: url(../images/date-disabled.svg)
}

[dir=rtl] input[type=date]::-webkit-calendar-picker-indicator {
    left: inherit;
    position: absolute;
    right: 27px
}

[dir=rtl] input::-webkit-date-and-time-value {
    margin-right: 0;
    text-align: right
}

:lang(my) .error {
    line-height: 1.7
}

:lang(my) input[type=date],
:lang(my) input[type=email],
:lang(my) input[type=number],
:lang(my) input[type=password],
:lang(my) input[type=search],
:lang(my) input[type=tel],
:lang(my) input[type=text],
:lang(my) textarea {
    font-family: NotoSans, sans-serif
}

.dropdown-language button,
.dropdown-language ul li a {
    border: none;
    font-size: .875rem;
    font-weight: 600;
    text-transform: uppercase
}

.dropdown-language {
    display: inline-block;
    position: relative
}

.dropdown-language ul {
    height: 0;
    left: 1rem;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: calc(100% + 3px);
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    z-index: 9
}

.dropdown-language ul li {
    list-style: none;
    margin-bottom: 0;
    padding-left: 0
}

.dropdown-language ul li a {
    background: #f7f7f7;
    border-bottom: 1px solid #d4d6d8;
    box-shadow: 0 3px 4px rgba(0, 0, 0, .1);
    display: block;
    padding: .75rem 1rem
}

.dropdown-language ul li a:hover {
    color: #55606e
}

.dropdown-language.active button:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transition: rotateZ(180deg)
}

.dropdown-language.active ul {
    height: auto
}

.dropdown-language button {
    align-items: center;
    background-color: transparent;
    color: #006eb5;
    cursor: pointer;
    display: flex;
    padding: 0
}

.dropdown-language button:before {
    background-color: #006eb5;
    content: "";
    height: 26px;
    margin-right: .5rem;
    -webkit-mask: url(../images/language.svg) no-repeat left center;
    mask: url(../images/language.svg) no-repeat left center;
    width: 25px
}

@media(max-width: 47.9375em) {
    .dropdown-language button:before {
        background: transparent url(../images/language.svg) no-repeat 0;
        -webkit-mask: inherit;
        mask: inherit
    }
}

.dropdown-language button:after {
    background-color: #006eb5;
    content: "";
    height: 10px;
    margin-left: .5rem;
    -webkit-mask: url(../images/arrow-blue.svg) no-repeat left center;
    mask: url(../images/arrow-blue.svg) no-repeat left center;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    width: 15px
}

@media(max-width: 47.9375em) {
    .dropdown-language button:after {
        background: transparent url(../images/arrow-blue.svg) no-repeat 0;
        -webkit-mask: inherit;
        mask: inherit
    }
}

.dropdown-language button:hover {
    color: #4f95dd
}

.dropdown-language button:hover:after,
.dropdown-language button:hover:before {
    background-color: #4f95dd
}

.dropdown-language button.white {
    color: #fff
}

.dropdown-language button.white:before {
    background: url(../images/language-white.svg) no-repeat 0
}

.dropdown-language button.white:after {
    background: url(../images/arrow-white-down.svg) no-repeat 0
}

[dir=rtl] .dropdown-language ul {
    left: unset;
    padding-right: 0;
    right: 16px
}

[dir=rtl] .dropdown-language ul li {
    padding-right: 0
}

[dir=rtl] .dropdown-language button:before {
    margin-left: .5rem;
    margin-right: 0;
    transform: scaleX(-1)
}

[dir=rtl] .dropdown-language button:after {
    margin-left: 0;
    margin-right: .5rem
}

:lang(my) .dropdown-language button {
    font-family: NotoSans, sans-serif
}

.mega-nav-option {
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    background: hsla(0, 0%, 97%, .9);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    box-sizing: border-box;
    display: none;
    left: 50%;
    max-width: 75.5rem;
    min-height: 37.5rem;
    padding: 4rem 0 0 3rem;
    position: fixed;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transition: translateX(-50%);
    z-index: 8
}

.mega-nav-option.float-higher {
    z-index: 16
}

.mega-nav-option.show-mega {
    display: block
}

.mega-nav-option .submenu {
    margin: 0;
    padding: 0
}

.mega-nav-option .submenu li {
    list-style: none;
    margin-block-end: 0;
    padding-inline-end: 3rem;
    padding-inline-start: 0
}

.mega-nav-option .submenu li.active a {
    background: #006eb5;
    color: #fff
}

.mega-nav-option .submenu li.active a .external-link-animated {
    box-shadow: -2px 2px 0 0 #fff, -4px 0 0 -2px #fff, -3px 3px 0 -1px #fff
}

.mega-nav-option .submenu li.active a .external-link-animated:before {
    background: #fff
}

.mega-nav-option .submenu li.active a .external-link-animated:after {
    border-block-start: 2px solid #fff;
    border-inline-end: 2px solid #fff
}

.mega-nav-option .submenu li.active a:hover .external-link-animated:after {
    -webkit-transform: translate(5px, -5px);
    -moz-transform: translate(5px, -5px);
    -ms-transform: translate(5px, -5px);
    -o-transform: translate(5px, -5px);
    transition: translate(5px, -5px)
}

.mega-nav-option .submenu li.active a:hover .external-link-animated:before {
    -webkit-transform: rotate(-45deg) translate(7px);
    -moz-transform: rotate(-45deg) translate(7px);
    -ms-transform: rotate(-45deg) translate(7px);
    -o-transform: rotate(-45deg) translate(7px);
    transition: rotate(-45deg) translate(7px, 0)
}

.mega-nav-option .submenu li:focus {
    outline: 0
}

.mega-nav-option .submenu li a {
    background: none;
    border-block-end: 1px solid #d4d6d8;
    display: flex;
    font-size: 1rem;
    font-weight: 700;
    padding: 1.5rem;
    text-transform: uppercase
}

.mega-nav-option .submenu li a .external-link-animated {
    margin: 2px 0 0 1rem
}

.mega-nav-option .submenu li a:hover {
    background: #006eb5;
    color: #fff
}

.mega-nav-option .sub-menu-content {
    display: none;
    min-height: 31.25rem
}

.mega-nav-option .sub-menu-content .sub-sub-menu {
    display: flex;
    margin-block-start: 3rem
}

.mega-nav-option .sub-menu-content .sub-sub-menu ul {
    margin: 0;
    padding: 0;
    width: 50%
}

.mega-nav-option .sub-menu-content .sub-sub-menu ul li {
    line-height: 0;
    list-style-type: none;
    margin-block-end: 1.5rem;
    text-transform: uppercase
}

.mega-nav-option .sub-menu-content h3 {
    margin-block-end: 1.5rem
}

.mega-nav-option .sub-menu-content .mega-image {
    box-sizing: border-box;
    padding-inline-start: 3rem
}

.mega-nav-option .sub-menu-content .mega-image img {
    height: 100%;
    object-fit: cover;
    object-position: top
}

.mega-nav-option .sub-menu-content.active-content {
    display: flex
}

.mega-nav-option .show-on-focus {
    background: url(../images/times.svg) no-repeat 50%;
    border: 0;
    color: #000;
    font-size: 0;
    height: 2.5rem;
    opacity: .3;
    position: absolute;
    right: .625rem;
    top: .625rem;
    width: 2.5rem;
    z-index: 9
}

.mega-nav-option .show-on-focus:focus,
.mega-nav-option .show-on-focus:hover {
    opacity: 1
}

.country-header .mega-nav-option,
.global-header .mega-nav-option {
    animation-fill-mode: backwards
}

.country-header .mega-nav-option.show-mega,
.global-header .mega-nav-option.show-mega {
    -webkit-animation: circle-square-transition .3s cubic-bezier(.25, .27, .11, .99) forwards;
    -moz-animation: circle-square-transition .3s cubic-bezier(.25, .27, .11, .99) forwards;
    -ms-animation: circle-square-transition .3s cubic-bezier(.25, .27, .11, .99) forwards;
    -o-animation: circle-square-transition .3s cubic-bezier(.25, .27, .11, .99) forwards;
    animation: circle-square-transition .3s cubic-bezier(.25, .27, .11, .99) forwards
}

.country-header .mega-nav-option.show-mega>div,
.global-header .mega-nav-option.show-mega>div {
    -webkit-animation: transition-opacity .3s .3s forwards;
    -moz-animation: transition-opacity .3s .3s forwards;
    -ms-animation: transition-opacity .3s .3s forwards;
    -o-animation: transition-opacity .3s .3s forwards;
    animation: transition-opacity .3s .3s forwards
}

.country-header .mega-nav-option.show-mega-back,
.global-header .mega-nav-option.show-mega-back {
    -webkit-animation: circle-square-transition-back .3s cubic-bezier(.25, .27, .11, .99) forwards;
    -moz-animation: circle-square-transition-back .3s cubic-bezier(.25, .27, .11, .99) forwards;
    -ms-animation: circle-square-transition-back .3s cubic-bezier(.25, .27, .11, .99) forwards;
    -o-animation: circle-square-transition-back .3s cubic-bezier(.25, .27, .11, .99) forwards;
    animation: circle-square-transition-back .3s cubic-bezier(.25, .27, .11, .99) forwards;
    box-shadow: none;
    display: block
}

.country-header .mega-nav-option.show-mega-back>div,
.global-header .mega-nav-option.show-mega-back>div {
    animation-direction: reverse
}

.country-header .mega-nav-option.no-effect,
.country-header .mega-nav-option.no-effect>div,
.global-header .mega-nav-option.no-effect,
.global-header .mega-nav-option.no-effect>div {
    -webkit-animation: 0s 0s none;
    -moz-animation: 0s 0s none;
    -ms-animation: 0s 0s none;
    -o-animation: 0s 0s none;
    animation: 0s 0s none
}

.country-header .mega-nav-option.no-effect>div,
.global-header .mega-nav-option.no-effect>div {
    opacity: 1
}

.country-header .mega-nav-option>div,
.global-header .mega-nav-option>div {
    opacity: 0
}

[dir=rtl] .mega-nav-option {
    padding: 4rem 3rem 0 0
}

[dir=rtl] .mega-nav-option .submenu li {
    padding-left: 3rem;
    padding-right: 0
}

[dir=rtl] .mega-nav-option .submenu li a .external-link-animated {
    margin: 2px 1rem 0 0
}

[dir=rtl] .mega-nav-option .mega-image {
    box-sizing: border-box;
    padding-left: 0;
    padding-right: 3rem
}

@-webkit-keyframes circle-square-transition {
    0% {
        border-radius: 50%;
        height: 3.125rem;
        margin-top: -4.375rem;
        opacity: .4;
        width: 6.25rem
    }

    15% {
        border-radius: 50%;
        height: 9.375rem;
        margin-top: -4.375rem;
        opacity: .25;
        width: 11.25rem
    }

    30% {
        border-radius: 50%;
        height: 37.5rem;
        margin-top: -20.625rem;
        opacity: .5;
        width: 37.5rem
    }

    45% {
        border-radius: 45%;
        height: 44.0625rem;
        margin-top: -20.625rem;
        width: 44.0625rem
    }

    60% {
        border-radius: 0 0 80% 80%/0 0 70% 70%;
        height: 52.5rem;
        margin-top: -20.625rem;
        width: 56.25rem
    }

    75% {
        border-radius: 0 0 50% 50%/0 0 20% 20%;
        height: 56.25rem;
        margin-top: -20.625rem;
        max-width: 68.5rem
    }

    to {
        border-radius: 0;
        opacity: 1
    }
}

@keyframes circle-square-transition {
    0% {
        border-radius: 50%;
        height: 3.125rem;
        margin-top: -4.375rem;
        opacity: .4;
        width: 6.25rem
    }

    15% {
        border-radius: 50%;
        height: 9.375rem;
        margin-top: -4.375rem;
        opacity: .25;
        width: 11.25rem
    }

    30% {
        border-radius: 50%;
        height: 37.5rem;
        margin-top: -20.625rem;
        opacity: .5;
        width: 37.5rem
    }

    45% {
        border-radius: 45%;
        height: 44.0625rem;
        margin-top: -20.625rem;
        width: 44.0625rem
    }

    60% {
        border-radius: 0 0 80% 80%/0 0 70% 70%;
        height: 52.5rem;
        margin-top: -20.625rem;
        width: 56.25rem
    }

    75% {
        border-radius: 0 0 50% 50%/0 0 20% 20%;
        height: 56.25rem;
        margin-top: -20.625rem;
        max-width: 68.5rem
    }

    to {
        border-radius: 0;
        opacity: 1
    }
}

@-webkit-keyframes circle-square-transition-back {
    0% {
        border-radius: 0;
        opacity: 1
    }

    15% {
        border-radius: 0 0 50% 50%/0 0 20% 20%;
        height: 56.25rem;
        margin-top: -20.625rem;
        max-width: 68.5rem
    }

    30% {
        border-radius: 0 0 80% 80%/0 0 70% 70%;
        height: 52.5rem;
        margin-top: -20.625rem;
        width: 56.25rem
    }

    45% {
        border-radius: 45%;
        height: 44.0625rem;
        margin-top: -20.625rem;
        width: 44.0625rem
    }

    60% {
        border-radius: 50%;
        height: 37.5rem;
        margin-top: -20.625rem;
        opacity: .5;
        width: 37.5rem
    }

    75% {
        border-radius: 50%;
        height: 9.375rem;
        margin-top: -4.375rem;
        opacity: .25;
        width: 11.25rem
    }

    to {
        border-radius: 50%;
        height: 3.125rem;
        margin-top: -4.375rem;
        opacity: .4;
        width: 6.25rem
    }
}

@keyframes circle-square-transition-back {
    0% {
        border-radius: 0;
        opacity: 1
    }

    15% {
        border-radius: 0 0 50% 50%/0 0 20% 20%;
        height: 56.25rem;
        margin-top: -20.625rem;
        max-width: 68.5rem
    }

    30% {
        border-radius: 0 0 80% 80%/0 0 70% 70%;
        height: 52.5rem;
        margin-top: -20.625rem;
        width: 56.25rem
    }

    45% {
        border-radius: 45%;
        height: 44.0625rem;
        margin-top: -20.625rem;
        width: 44.0625rem
    }

    60% {
        border-radius: 50%;
        height: 37.5rem;
        margin-top: -20.625rem;
        opacity: .5;
        width: 37.5rem
    }

    75% {
        border-radius: 50%;
        height: 9.375rem;
        margin-top: -4.375rem;
        opacity: .25;
        width: 11.25rem
    }

    to {
        border-radius: 50%;
        height: 3.125rem;
        margin-top: -4.375rem;
        opacity: .4;
        width: 6.25rem
    }
}

@-webkit-keyframes transition-opacity {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes transition-opacity {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.color-white {
    color: #fff
}

.color-black {
    color: #000
}

.show-large {
    display: none
}

@media(min-width: 48em) {
    .show-large {
        display: block
    }
}

.show-small {
    display: block
}

@media(min-width: 48em) {
    .show-small {
        display: none
    }
}

.height-full {
    height: 100%
}

.overlay-grey:before {
    background: rgba(0, 0, 0, .2)
}

.delay-1 {
    transition-delay: .1s
}

.delay-2 {
    transition-delay: .2s
}

.delay-3 {
    transition-delay: .3s
}

.delay-4 {
    transition-delay: .4s
}

.delay-5 {
    transition-delay: .5s
}

.scale-up.inviewport {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transition: scale(1)
}

.expand-to-size {
    max-width: calc(100% - 1.5rem)
}

@media(min-width: 48em) {
    .expand-to-size {
        max-width: calc(100% - 3rem)
    }
}

.overflow-hidden {
    overflow: hidden
}

.background-yellow {
    background-color: #ffe17e
}

.background-red {
    background-color: #ffbcb7
}

.background-green {
    background-color: #b8ecb6
}

.background-blue {
    background-color: #b5d5f5
}

.background-gray {
    background-color: #fafafa
}

.background-white {
    background-color: #fff
}

.accent-yellow .card-thumbnail__image:hover:before,
.yellow .card-thumbnail__image:hover:before {
    background: linear-gradient(42deg, rgba(255, 235, 0, .8), transparent 80%)
}

.accent-yellow .bio-card:hover .card-thumbnail__image:before,
.yellow .bio-card:hover .card-thumbnail__image:before {
    background: linear-gradient(67.76deg, rgba(255, 235, 0, .8), transparent 61.11%);
    opacity: .75
}

.accent-yellow .author__img:hover:before,
.yellow .author__img:hover:before {
    background: linear-gradient(45deg, rgba(255, 235, 0, .8), transparent 53%)
}

.accent-yellow .publication-thumbnail__image:hover:after,
.yellow .publication-thumbnail__image:hover:after {
    background: linear-gradient(42deg, rgba(255, 235, 0, .8), transparent 80%)
}

.accent-yellow .download-card:hover .card-thumbnail__image:before,
.accent-yellow .download-card:hover .publication-thumbnail__image:after,
.accent-yellow .publication-card:hover .publication-thumbnail__image:after,
.yellow .download-card:hover .card-thumbnail__image:before,
.yellow .download-card:hover .publication-thumbnail__image:after,
.yellow .publication-card:hover .publication-thumbnail__image:after {
    background: linear-gradient(42deg, rgba(255, 235, 0, .8), transparent 80%);
    opacity: .75
}

.accent-yellow .stats-panel:hover:after,
.yellow .stats-panel:hover:after {
    background: linear-gradient(0deg, rgba(255, 235, 0, .8), transparent 140%)
}

.accent-yellow .stats-panel:hover .stats-card,
.yellow .stats-panel:hover .stats-card {
    background-color: transparent
}

.accent-yellow .wide-card__image a:hover:before,
.yellow .wide-card__image a:hover:before {
    background: linear-gradient(42deg, rgba(255, 235, 0, .8), transparent 80%);
    opacity: .75
}

.accent-yellow .feature__card-slide:before,
.yellow .feature__card-slide:before {
    background: linear-gradient(45deg, rgba(255, 235, 0, .8), transparent 67%)
}

.accent-yellow .content-card .image:before,
.yellow .content-card .image:before {
    background: linear-gradient(42deg, rgba(255, 235, 0, .8), transparent 80%)
}

.accent-yellow .image-reveal-card:hover .image:before,
.yellow .image-reveal-card:hover .image:before {
    background: linear-gradient(67.76deg, rgba(255, 235, 0, .8), transparent 61.11%);
    opacity: .75
}

.accent-red .card-thumbnail__image:hover:before,
.red .card-thumbnail__image:hover:before {
    background: linear-gradient(42deg, rgba(230, 45, 45, .78), transparent 80%)
}

.accent-red .bio-card:hover .card-thumbnail__image:before,
.red .bio-card:hover .card-thumbnail__image:before {
    background: linear-gradient(67.76deg, rgba(230, 45, 45, .78), transparent 61.11%);
    opacity: .75
}

.accent-red .author__img:hover:before,
.red .author__img:hover:before {
    background: linear-gradient(45deg, rgba(230, 45, 45, .78), transparent 53%)
}

.accent-red .publication-thumbnail__image:hover:after,
.red .publication-thumbnail__image:hover:after {
    background: linear-gradient(42deg, rgba(230, 45, 45, .78), transparent 80%)
}

.accent-red .download-card:hover .card-thumbnail__image:before,
.accent-red .download-card:hover .publication-thumbnail__image:after,
.accent-red .publication-card:hover .publication-thumbnail__image:after,
.red .download-card:hover .card-thumbnail__image:before,
.red .download-card:hover .publication-thumbnail__image:after,
.red .publication-card:hover .publication-thumbnail__image:after {
    background: linear-gradient(42deg, rgba(230, 45, 45, .78), transparent 80%);
    opacity: .75
}

.accent-red .stats-panel:hover:after,
.red .stats-panel:hover:after {
    background: linear-gradient(0deg, rgba(230, 45, 45, .78), transparent 140%)
}

.accent-red .stats-panel:hover .stats-card,
.red .stats-panel:hover .stats-card {
    background-color: transparent
}

.accent-red .wide-card__image a:hover:before,
.red .wide-card__image a:hover:before {
    background: linear-gradient(42deg, rgba(230, 45, 45, .78), transparent 80%);
    opacity: .75
}

.accent-red .feature__card-slide:before,
.red .feature__card-slide:before {
    background: linear-gradient(45deg, rgba(230, 45, 45, .78), transparent 67%)
}

.accent-red .content-card .image:before,
.red .content-card .image:before {
    background: linear-gradient(42deg, rgba(230, 45, 45, .78), transparent 80%)
}

.accent-red .image-reveal-card:hover .image:before,
.red .image-reveal-card:hover .image:before {
    background: linear-gradient(67.76deg, rgba(230, 45, 45, .78), transparent 61.11%);
    opacity: .75
}

.accent-green .card-thumbnail__image:hover:before,
.green .card-thumbnail__image:hover:before {
    background: linear-gradient(42deg, rgba(92, 222, 83, .82), transparent 80%)
}

.accent-green .bio-card:hover .card-thumbnail__image:before,
.green .bio-card:hover .card-thumbnail__image:before {
    background: linear-gradient(67.76deg, rgba(92, 222, 83, .82), transparent 61.11%);
    opacity: .75
}

.accent-green .author__img:hover:before,
.green .author__img:hover:before {
    background: linear-gradient(45deg, rgba(92, 222, 83, .82), transparent 53%)
}

.accent-green .publication-thumbnail__image:hover:after,
.green .publication-thumbnail__image:hover:after {
    background: linear-gradient(42deg, rgba(92, 222, 83, .82), transparent 80%)
}

.accent-green .download-card:hover .card-thumbnail__image:before,
.accent-green .download-card:hover .publication-thumbnail__image:after,
.accent-green .publication-card:hover .publication-thumbnail__image:after,
.green .download-card:hover .card-thumbnail__image:before,
.green .download-card:hover .publication-thumbnail__image:after,
.green .publication-card:hover .publication-thumbnail__image:after {
    background: linear-gradient(42deg, rgba(92, 222, 83, .82), transparent 80%);
    opacity: .75
}

.accent-green .stats-panel:hover:after,
.green .stats-panel:hover:after {
    background: linear-gradient(0deg, rgba(92, 222, 83, .82), transparent 140%)
}

.accent-green .stats-panel:hover .stats-card,
.green .stats-panel:hover .stats-card {
    background-color: transparent
}

.accent-green .wide-card__image a:hover:before,
.green .wide-card__image a:hover:before {
    background: linear-gradient(42deg, rgba(92, 222, 83, .82), transparent 80%);
    opacity: .75
}

.accent-green .feature__card-slide:before,
.green .feature__card-slide:before {
    background: linear-gradient(45deg, rgba(92, 222, 83, .82), transparent 67%)
}

.accent-green .content-card .image:before,
.green .content-card .image:before {
    background: linear-gradient(42deg, rgba(92, 222, 83, .82), transparent 80%)
}

.accent-green .image-reveal-card:hover .image:before,
.green .image-reveal-card:hover .image:before {
    background: linear-gradient(67.76deg, rgba(92, 222, 83, .82), transparent 61.11%);
    opacity: .75
}

.accent-blue .card-thumbnail__image:hover:before,
.blue .card-thumbnail__image:hover:before {
    background: linear-gradient(42deg, rgba(94, 232, 246, .82), transparent 80%)
}

.accent-blue .bio-card:hover .card-thumbnail__image:before,
.blue .bio-card:hover .card-thumbnail__image:before {
    background: linear-gradient(67.76deg, rgba(94, 232, 246, .82), transparent 61.11%);
    opacity: .75
}

.accent-blue .author__img:hover:before,
.blue .author__img:hover:before {
    background: linear-gradient(45deg, rgba(94, 232, 246, .82), transparent 53%)
}

.accent-blue .publication-thumbnail__image:hover:after,
.blue .publication-thumbnail__image:hover:after {
    background: linear-gradient(42deg, rgba(94, 232, 246, .82), transparent 80%)
}

.accent-blue .download-card:hover .card-thumbnail__image:before,
.accent-blue .download-card:hover .publication-thumbnail__image:after,
.accent-blue .publication-card:hover .publication-thumbnail__image:after,
.blue .download-card:hover .card-thumbnail__image:before,
.blue .download-card:hover .publication-thumbnail__image:after,
.blue .publication-card:hover .publication-thumbnail__image:after {
    background: linear-gradient(42deg, rgba(94, 232, 246, .82), transparent 80%);
    opacity: .75
}

.accent-blue .stats-panel:hover:after,
.blue .stats-panel:hover:after {
    background: linear-gradient(0deg, rgba(94, 232, 246, .82), transparent 140%)
}

.accent-blue .stats-panel:hover .stats-card,
.blue .stats-panel:hover .stats-card {
    background-color: transparent
}

.accent-blue .wide-card__image a:hover:before,
.blue .wide-card__image a:hover:before {
    background: linear-gradient(42deg, rgba(94, 232, 246, .82), transparent 80%);
    opacity: .75
}

.accent-blue .feature__card-slide:before,
.blue .feature__card-slide:before {
    background: linear-gradient(45deg, rgba(94, 232, 246, .82), transparent 67%)
}

.accent-blue .content-card .image:before,
.blue .content-card .image:before {
    background: linear-gradient(42deg, rgba(94, 232, 246, .82), transparent 80%)
}

.accent-blue .image-reveal-card:hover .image:before,
.blue .image-reveal-card:hover .image:before {
    background: linear-gradient(67.76deg, rgba(94, 232, 246, .82), transparent 61.11%);
    opacity: .75
}

[dir=rtl] .accent-yellow .card-thumbnail__image:hover:before,
[dir=rtl] .yellow .card-thumbnail__image:hover:before {
    background: linear-gradient(297deg, rgba(255, 235, 0, .8), transparent 61.11%)
}

[dir=rtl] .accent-yellow .bio-card:hover .card-thumbnail__image:before,
[dir=rtl] .accent-yellow .download-card:hover .card-thumbnail__image:before,
[dir=rtl] .yellow .bio-card:hover .card-thumbnail__image:before,
[dir=rtl] .yellow .download-card:hover .card-thumbnail__image:before {
    background: linear-gradient(297deg, rgba(255, 235, 0, .8), transparent 61.11%);
    opacity: .75
}

[dir=rtl] .accent-yellow .download-card:hover .publication-thumbnail__image:after,
[dir=rtl] .accent-yellow .publication-card:hover .publication-thumbnail__image:after,
[dir=rtl] .yellow .download-card:hover .publication-thumbnail__image:after,
[dir=rtl] .yellow .publication-card:hover .publication-thumbnail__image:after {
    background: linear-gradient(318deg, rgba(255, 235, 0, .8), transparent 70.49%);
    opacity: .75
}

[dir=rtl] .accent-yellow .wide-card__image a:hover:before,
[dir=rtl] .yellow .wide-card__image a:hover:before {
    background: linear-gradient(318deg, rgba(255, 235, 0, .8), transparent 80%);
    opacity: .75
}

[dir=rtl] .accent-yellow .feature__card-slide:before,
[dir=rtl] .yellow .feature__card-slide:before {
    background: linear-gradient(318deg, rgba(255, 235, 0, .8), transparent 67.25%)
}

[dir=rtl] .accent-red .card-thumbnail__image:hover:before,
[dir=rtl] .red .card-thumbnail__image:hover:before {
    background: linear-gradient(297deg, rgba(230, 45, 45, .78), transparent 61.11%)
}

[dir=rtl] .accent-red .bio-card:hover .card-thumbnail__image:before,
[dir=rtl] .accent-red .download-card:hover .card-thumbnail__image:before,
[dir=rtl] .red .bio-card:hover .card-thumbnail__image:before,
[dir=rtl] .red .download-card:hover .card-thumbnail__image:before {
    background: linear-gradient(297deg, rgba(230, 45, 45, .78), transparent 61.11%);
    opacity: .75
}

[dir=rtl] .accent-red .download-card:hover .publication-thumbnail__image:after,
[dir=rtl] .accent-red .publication-card:hover .publication-thumbnail__image:after,
[dir=rtl] .red .download-card:hover .publication-thumbnail__image:after,
[dir=rtl] .red .publication-card:hover .publication-thumbnail__image:after {
    background: linear-gradient(318deg, rgba(230, 45, 45, .78), transparent 70.49%);
    opacity: .75
}

[dir=rtl] .accent-red .wide-card__image a:hover:before,
[dir=rtl] .red .wide-card__image a:hover:before {
    background: linear-gradient(318deg, rgba(230, 45, 45, .78), transparent 80%);
    opacity: .75
}

[dir=rtl] .accent-red .feature__card-slide:before,
[dir=rtl] .red .feature__card-slide:before {
    background: linear-gradient(318deg, rgba(230, 45, 45, .78), transparent 67.25%)
}

[dir=rtl] .accent-green .card-thumbnail__image:hover:before,
[dir=rtl] .green .card-thumbnail__image:hover:before {
    background: linear-gradient(297deg, rgba(92, 222, 83, .82), transparent 61.11%)
}

[dir=rtl] .accent-green .bio-card:hover .card-thumbnail__image:before,
[dir=rtl] .accent-green .download-card:hover .card-thumbnail__image:before,
[dir=rtl] .green .bio-card:hover .card-thumbnail__image:before,
[dir=rtl] .green .download-card:hover .card-thumbnail__image:before {
    background: linear-gradient(297deg, rgba(92, 222, 83, .82), transparent 61.11%);
    opacity: .75
}

[dir=rtl] .accent-green .download-card:hover .publication-thumbnail__image:after,
[dir=rtl] .accent-green .publication-card:hover .publication-thumbnail__image:after,
[dir=rtl] .green .download-card:hover .publication-thumbnail__image:after,
[dir=rtl] .green .publication-card:hover .publication-thumbnail__image:after {
    background: linear-gradient(318deg, rgba(92, 222, 83, .82), transparent 70.49%);
    opacity: .75
}

[dir=rtl] .accent-green .wide-card__image a:hover:before,
[dir=rtl] .green .wide-card__image a:hover:before {
    background: linear-gradient(318deg, rgba(92, 222, 83, .82), transparent 80%);
    opacity: .75
}

[dir=rtl] .accent-green .feature__card-slide:before,
[dir=rtl] .green .feature__card-slide:before {
    background: linear-gradient(318deg, rgba(92, 222, 83, .82), transparent 67.25%)
}

[dir=rtl] .accent-blue .card-thumbnail__image:hover:before,
[dir=rtl] .blue .card-thumbnail__image:hover:before {
    background: linear-gradient(297deg, rgba(94, 232, 246, .82), transparent 61.11%)
}

[dir=rtl] .accent-blue .bio-card:hover .card-thumbnail__image:before,
[dir=rtl] .accent-blue .download-card:hover .card-thumbnail__image:before,
[dir=rtl] .blue .bio-card:hover .card-thumbnail__image:before,
[dir=rtl] .blue .download-card:hover .card-thumbnail__image:before {
    background: linear-gradient(297deg, rgba(94, 232, 246, .82), transparent 61.11%);
    opacity: .75
}

[dir=rtl] .accent-blue .download-card:hover .publication-thumbnail__image:after,
[dir=rtl] .accent-blue .publication-card:hover .publication-thumbnail__image:after,
[dir=rtl] .blue .download-card:hover .publication-thumbnail__image:after,
[dir=rtl] .blue .publication-card:hover .publication-thumbnail__image:after {
    background: linear-gradient(318deg, rgba(94, 232, 246, .82), transparent 70.49%);
    opacity: .75
}

[dir=rtl] .accent-blue .wide-card__image a:hover:before,
[dir=rtl] .blue .wide-card__image a:hover:before {
    background: linear-gradient(318deg, rgba(94, 232, 246, .82), transparent 80%);
    opacity: .75
}

[dir=rtl] .accent-blue .feature__card-slide:before,
[dir=rtl] .blue .feature__card-slide:before {
    background: linear-gradient(318deg, rgba(94, 232, 246, .82), transparent 67.25%)
}

.accent-yellow .stats-card:hover,
.yellow .stats-card:hover {
    background-color: #ffeb00
}

.accent-yellow .progress-bar,
.yellow .progress-bar {
    background: #ffeb00
}

.accent-yellow .blockquote,
.accent-yellow .content-card.card:hover,
.yellow .blockquote,
.yellow .content-card.card:hover {
    background-color: #ffeb00
}

.accent-yellow .content-card.card:hover .cta--space:after,
.yellow .content-card.card:hover .cta--space:after {
    filter: invert(0) brightness(0)
}

.accent-yellow .content-card.card-color:hover,
.accent-yellow .content-card.card-emphasize:hover,
.yellow .content-card.card-color:hover,
.yellow .content-card.card-emphasize:hover {
    background-color: #ffeb00
}

.accent-yellow .feature__card-slide,
.yellow .feature__card-slide {
    background: #ffeb00
}

.accent-red .stats-card:hover,
.red .stats-card:hover {
    background-color: #ee402d
}

.accent-red .progress-bar,
.red .progress-bar {
    background: #ee402d
}

.accent-red .blockquote,
.accent-red .content-card.card:hover,
.red .blockquote,
.red .content-card.card:hover {
    background-color: #ee402d
}

.accent-red .content-card.card:hover .cta--space:after,
.red .content-card.card:hover .cta--space:after {
    filter: invert(0) brightness(0)
}

.accent-red .content-card.card-color:hover,
.accent-red .content-card.card-emphasize:hover,
.red .content-card.card-color:hover,
.red .content-card.card-emphasize:hover {
    background-color: #ee402d
}

.accent-red .feature__card-slide,
.red .feature__card-slide {
    background: #ee402d
}

.accent-green .stats-card:hover,
.green .stats-card:hover {
    background-color: #6de354
}

.accent-green .progress-bar,
.green .progress-bar {
    background: #6de354
}

.accent-green .blockquote,
.accent-green .content-card.card:hover,
.green .blockquote,
.green .content-card.card:hover {
    background-color: #6de354
}

.accent-green .content-card.card:hover .cta--space:after,
.green .content-card.card:hover .cta--space:after {
    filter: invert(0) brightness(0)
}

.accent-green .content-card.card-color:hover,
.accent-green .content-card.card-emphasize:hover,
.green .content-card.card-color:hover,
.green .content-card.card-emphasize:hover {
    background-color: #6de354
}

.accent-green .feature__card-slide,
.green .feature__card-slide {
    background: #6de354
}

.accent-blue .stats-card:hover,
.blue .stats-card:hover {
    background-color: #60d4f2
}

.accent-blue .progress-bar,
.blue .progress-bar {
    background: #60d4f2
}

.accent-blue .blockquote,
.accent-blue .content-card.card:hover,
.blue .blockquote,
.blue .content-card.card:hover {
    background-color: #60d4f2
}

.accent-blue .content-card.card:hover .cta--space:after,
.blue .content-card.card:hover .cta--space:after {
    filter: invert(0) brightness(0)
}

.accent-blue .content-card.card-color:hover,
.accent-blue .content-card.card-emphasize:hover,
.blue .content-card.card-color:hover,
.blue .content-card.card-emphasize:hover {
    background-color: #60d4f2
}

.accent-blue .feature__card-slide,
.blue .feature__card-slide {
    background: #60d4f2
}

.accent-yellow .content-card.card-emphasize,
.yellow .content-card.card-emphasize {
    background-color: #ffe17e
}

.accent-red .content-card.card-emphasize,
.red .content-card.card-emphasize {
    background-color: #ffbcb7
}

.accent-green .content-card.card-emphasize,
.green .content-card.card-emphasize {
    background-color: #b8ecb6
}

.accent-blue .content-card.card-emphasize,
.blue .content-card.card-emphasize {
    background-color: #a2daf3
}

.overlay-grey:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

[data-viewport=true] {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transition: translateX(-100px);
    -webkit-transition: transform 1.2s cubic-bezier(.34, .41, .03, 1), opacity 1.2s cubic-bezier(.34, .41, .03, 1);
    -moz-transition: transform 1.2s cubic-bezier(.34, .41, .03, 1), opacity 1.2s cubic-bezier(.34, .41, .03, 1);
    -ms-transition: transform 1.2s cubic-bezier(.34, .41, .03, 1), opacity 1.2s cubic-bezier(.34, .41, .03, 1);
    -o-transition: transform 1.2s cubic-bezier(.34, .41, .03, 1), opacity 1.2s cubic-bezier(.34, .41, .03, 1);
    transition: transform 1.2s cubic-bezier(.34, .41, .03, 1), opacity 1.2s cubic-bezier(.34, .41, .03, 1);
    visibility: hidden
}

[data-viewport=true].inviewport,
[dir=rtl] [data-viewport=true].inviewport {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transition: translateX(0);
    visibility: visible
}

[dir=rtl] [data-viewport=true] {
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transition: translateX(100px)
}

.scale-up {
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
    transition: scale(.9);
    -webkit-transition: transform 1.2s cubic-bezier(.34, .41, .03, 1);
    -moz-transition: transform 1.2s cubic-bezier(.34, .41, .03, 1);
    -ms-transition: transform 1.2s cubic-bezier(.34, .41, .03, 1);
    -o-transition: transform 1.2s cubic-bezier(.34, .41, .03, 1);
    transition: transform 1.2s cubic-bezier(.34, .41, .03, 1)
}

.opacity-only {
    opacity: 0;
    -webkit-transition: opacity 1.2s cubic-bezier(.34, .41, .03, 1);
    -moz-transition: opacity 1.2s cubic-bezier(.34, .41, .03, 1);
    -ms-transition: opacity 1.2s cubic-bezier(.34, .41, .03, 1);
    -o-transition: opacity 1.2s cubic-bezier(.34, .41, .03, 1);
    transition: opacity 1.2s cubic-bezier(.34, .41, .03, 1)
}

.opacity-only.inviewport {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transition: translateX(0)
}

a {
    background-image: linear-gradient(#d12800, #d12800), linear-gradient(#d12800, #d12800);
    background-position: 100% 100%, -30px 100%;
    background-repeat: no-repeat;
    background-size: 100% 2px, 0 1px
}

a:hover {
    -webkit-animation: lineLoop-animation 2s linear infinite;
    -moz-animation: lineLoop-animation 2s linear infinite;
    -ms-animation: lineLoop-animation 2s linear infinite;
    -o-animation: lineLoop-animation 2s linear infinite;
    animation: lineLoop-animation 2s linear infinite
}

.custom-scrollbar {
    overflow-x: auto;
    overflow-y: auto;
    scroll-behavior: smooth;
    scrollbar-color: #000 transparent;
    scrollbar-width: thin
}

.custom-scrollbar::-webkit-scrollbar {
    border-radius: 0;
    height: 5px;
    width: 5px
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: #000;
    background-clip: padding-box;
    border: 2px solid #fff
}

.custom-scrollbar::-webkit-scrollbar-corner {
    display: none
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #000
}

html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    color: #000;
    font-family: ProximaNova, sans-serif;
    font-size: 1rem;
    line-height: 1.4
}

@media(min-width: 48em) {
    body {
        font-size: 1.25rem
    }
}

button {
    font-family: ProximaNova, sans-serif
}

caption,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 .75rem;
    padding: 0
}

@media(min-width: 48em) {

    caption,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-bottom: 1rem
    }
}

h1 {
    font-family: SohneBreit, ProximaNova, sans-serif;
    font-size: 2.938rem;
    font-weight: 700;
    letter-spacing: .06rem;
    line-height: 1.08;
    text-transform: uppercase
}

@media(min-width: 48em) {
    h1 {
        font-size: 5.125rem
    }
}

@media(min-width: 64em) {
    h1 {
        font-size: 6.25rem
    }
}

h2 {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.1
}

@media(min-width: 48em) {
    h2 {
        font-size: 2.813rem
    }
}

@media(min-width: 64em) {
    h2 {
        font-size: 3.438rem
    }
}

h3 {
    font-size: 1.875rem;
    font-weight: 600;
    line-height: 1.15
}

@media(min-width: 48em) {
    h3 {
        font-size: 2.188rem
    }
}

h4 {
    font-size: 1.563rem;
    font-weight: 400;
    line-height: 1.15
}

@media(min-width: 48em) {
    h4 {
        font-size: 2.188rem
    }
}

h5 {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.15
}

@media(min-width: 48em) {
    h5 {
        font-size: 1.563rem
    }
}

h6 {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .03rem;
    line-height: 1.15;
    text-transform: uppercase
}

p {
    margin-top: 0
}

ol,
ul {
    margin: 0;
    padding-left: 1.125rem
}

@media(min-width: 48em) {

    ol,
    ul {
        padding-left: 1.313rem
    }
}

ol li,
ul li {
    margin-bottom: 1rem;
    padding-left: .875rem
}

@media(min-width: 48em) {

    ol li,
    ul li {
        margin-bottom: 1.5rem;
        padding-left: .75rem
    }
}

ul li::marker {
    font-size: 1.125rem
}

@media(min-width: 48em) {
    ul li::marker {
        font-size: 1.313rem
    }
}

ol li {
    margin-bottom: 1.063rem
}

dl {
    font-size: .875rem;
    line-height: 1.37;
    margin: 0
}

@media(min-width: 48em) {
    dl {
        font-size: 1.25rem
    }
}

dt {
    margin-bottom: .5rem
}

dd {
    margin-bottom: 1rem;
    margin-inline-start: 2.5rem
}

@media(min-width: 48em) {
    dd {
        margin-bottom: 1.5rem;
        margin-inline-start: 3rem
    }
}

hr {
    border: 1px solid #000
}

@keyframes lineLoop-animation {
    0% {
        background-position: 100% 100%, -30px 100%;
        background-size: 100% 2px, 0 2px
    }

    to {
        background-position: calc(100% + 30px) 100%, 0 100%;
        background-size: 0 2px, 100% 2px
    }
}

a {
    color: #000;
    text-decoration: none
}

:lang(my) body,
:lang(my) button {
    font-family: NotoSans, sans-serif;
    line-height: 1.7
}

:lang(my) h1,
:lang(my) h2,
:lang(my) h3,
:lang(my) h4,
:lang(my) h5,
:lang(my) h6 {
    line-height: 1.7
}

:lang(my) h1 {
    font-family: NotoSans, sans-serif;
    font-size: 2.625rem
}

@media(min-width: 48em) {
    :lang(my) h1 {
        font-size: 3.875rem
    }
}

@media(min-width: 64em) {
    :lang(my) h1 {
        font-size: 5rem
    }
}

:lang(my) h2 {
    font-size: 2rem
}

@media(min-width: 48em) {
    :lang(my) h2 {
        font-size: 2.188rem
    }
}

@media(min-width: 64em) {
    :lang(my) h2 {
        font-size: 2.813rem
    }
}

:lang(my) h4 {
    font-size: 1.3rem
}

@media(min-width: 48em) {
    :lang(my) h4 {
        font-size: 1.8rem
    }
}

:lang(my) h5 {
    font-size: 1.25rem
}

@media(min-width: 48em) {
    :lang(my) h5 {
        font-size: 1.375rem
    }
}

:lang(my) p {
    font-size: .875rem;
    line-height: 1.7
}

@media(min-width: 48em) {
    :lang(my) p {
        font-size: 1rem
    }
}

:lang(my) dl,
:lang(my) ol li,
:lang(my) ul li {
    font-size: .875rem;
    line-height: 1.9
}

@media(min-width: 48em) {

    :lang(my) dl,
    :lang(my) ol li,
    :lang(my) ul li {
        font-size: 1.125rem
    }
}

:lang(my) .sbdocs .sbdocs-content,
:lang(my) .sbdocs h1,
:lang(my) .sbdocs h2,
:lang(my) .sbdocs h3,
:lang(my) .sbdocs h4,
:lang(my) .sbdocs h5,
:lang(my) .sbdocs h6,
:lang(my) .sbdocs p {
    font-family: NotoSans, sans-serif
}

:lang(my) .sbdocs .sbdocs-h1 {
    font-size: 2rem
}

[dir=rtl] ol,
[dir=rtl] ul {
    padding-left: 0;
    padding-right: 1.125rem
}

@media(min-width: 48em) {

    [dir=rtl] ol,
    [dir=rtl] ul {
        padding-right: 1.313rem
    }
}

[dir=rtl] ol li,
[dir=rtl] ul li {
    padding-left: 0;
    padding-right: .875rem
}

@media(min-width: 48em) {

    [dir=rtl] ol li,
    [dir=rtl] ul li {
        padding-right: .75rem
    }
}

:lang(be) h1,
:lang(bg) h1,
:lang(kk) h1,
:lang(ky) h1,
:lang(mk) h1,
:lang(mn) h1,
:lang(ru) h1,
:lang(sr) h1,
:lang(uk) h1 {
    font-family: ProximaNova, sans-serif
}

:lang(bn) body,
:lang(bn) h1 {
    font-family: UNBangla, sans-serif
}

.menu ul {
    padding: 0
}

.menu ul li {
    display: inline-block;
    margin: .75rem 3.75rem .75rem 0;
    padding-left: 0
}

.menu ul li:last-of-type {
    margin-right: 0
}

[dir=rtl] .menu ul li {
    margin-left: 3.75rem;
    margin-right: 0
}

[dir=rtl] .menu ul li a {
    margin: 0
}

[dir=rtl] .menu ul li:last-of-type {
    margin-left: 0
}

.mobile-nav {
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    background: hsla(0, 0%, 97%, .9)
}

.mobile-nav .back-nav,
.mobile-nav .mobile-nav-options a {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-size: .875rem;
    text-transform: uppercase
}

.mobile-nav .mob-sub-lang .sub-sub-lang li a,
.mobile-nav .mobile-nav-options a,
.mobile-nav .mobile-sub-menu .sub-sub-menus li a {
    background-image: none
}

.mobile-nav {
    box-sizing: border-box;
    display: none;
    height: calc(100vh - 4.6875rem);
    left: 0;
    margin: 0;
    overflow-y: auto;
    padding: 0 1.5rem;
    position: absolute;
    top: 100%;
    width: 100%
}

.mobile-nav.show {
    display: block;
}

.mobile-nav .mobile-links {
    padding: 5.625rem 0 3.75rem
}

.mobile-nav .mobile-links.hide {
    display: none;
    pointer-events: none
}

.mobile-nav .mobile-links ul {
    border-bottom: 1px solid #a9b1b7;
    margin-bottom: 2.25rem;
    padding: 0
}

.mobile-nav .mobile-links ul li {
    list-style: none;
    margin-bottom: 0;
    padding-bottom: 2.25rem;
    padding-left: 0;
    text-transform: uppercase
}

.mobile-nav .mobile-nav-options a {
    color: #006eb5;
    margin-bottom: 1.58125rem
}

.mobile-nav .mobile-nav-options a img {
    margin-right: .625rem
}

.mobile-nav .mobile-nav-options a.button {
    color: #fff;
    display: flex;
    margin-inline: 0
}

.mobile-nav .mobile-sub-menu {
    display: none;
    padding: 2.0625rem 0
}

.mobile-nav .mobile-sub-menu.show {
    display: block;
    height: calc(100vh - 9.1875rem)
}

.mobile-nav .mobile-sub-menu .sub-heading {
    margin-bottom: 0;
    padding: 2.5625rem 0 2.25rem;
    text-transform: uppercase
}

.mobile-nav .mobile-sub-menu .sub-sub-menus {
    margin: 0;
    padding: 0
}

.mobile-nav .mobile-sub-menu .sub-sub-menus li {
    list-style: none;
    margin-bottom: 0;
    padding-left: 0
}

.mobile-nav .mobile-sub-menu .sub-sub-menus li span {
    font-size: 1rem
}

.mobile-nav .mobile-sub-menu .sub-sub-menus li ul {
    margin: 0;
    padding: 1.5rem 1.6875rem
}

.mobile-nav .mobile-sub-menu .sub-sub-menus li ul li {
    margin-bottom: .46875rem
}

.mobile-nav .mobile-sub-menu .sub-sub-menus li ul li:last-of-type {
    margin-bottom: 0
}

.mobile-nav .mobile-sub-menu .sub-sub-menus li a {
    font-size: .875rem;
    padding: .46875rem 0
}

.mobile-nav .back-nav {
    background: none;
    border: 0;
    padding: 0
}

.mobile-nav .back-nav img {
    margin-right: .46875rem
}

.mobile-nav .mob-sub-lang {
    display: none;
    padding: 2.25rem 0;
    pointer-events: none
}

.mobile-nav .mob-sub-lang.show {
    display: block;
    pointer-events: all
}

.mobile-nav .mob-sub-lang .sub-heading {
    padding: 2.25rem 0 1.25rem;
    text-transform: uppercase
}

.mobile-nav .mob-sub-lang .sub-sub-lang {
    margin: 2.5rem 0 0;
    padding: 0
}

.mobile-nav .mob-sub-lang .sub-sub-lang li {
    list-style: none;
    padding-left: 0
}

.mobile-nav .mob-sub-lang .sub-sub-lang li span {
    font-size: 1rem
}

.mobile-nav .mob-sub-lang .sub-sub-lang li ul {
    margin: 0;
    padding: 1rem 1.6875rem
}

.mobile-nav .mob-sub-lang .sub-sub-lang li a {
    font-size: .875rem;
    padding: .46875rem 0
}

.mobile-nav .mobile-mega-content {
    display: none
}

.mobile-nav .mobile-mega-content.show-content {
    display: block
}

.mobile-nav .cta__link.cta--space.no-submenu:after {
    display: none
}

.menu-hamburger {
    background: none;
    border: 0;
    cursor: pointer;
    display: none;
    font-size: 0;
    min-height: 1.75rem;
    position: relative;
    width: 1.375rem;
    z-index: 25
}

@media(max-width: 63.9375em) {
    .menu-hamburger {
        display: block
    }
}

.top-right .menu-hamburger {
    margin-left: 0
}

.menu-hamburger.is-active .hamburger-line.line-top {
    transform: translateY(0) rotate(45deg)
}

.menu-hamburger.is-active .hamburger-line.line-middle {
    opacity: 0;
    transform: translateX(6.33px)
}

.menu-hamburger.is-active .hamburger-line.line-bottom {
    transform: translateY(0) rotate(-45deg)
}

.menu-hamburger .hamburger-line {
    background-color: #006eb5;
    display: block;
    height: .125rem;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: .75rem;
    transition: .2s ease-out;
    width: 100%
}

.menu-hamburger .hamburger-line.line-top {
    transform: translateY(-6.5px)
}

.menu-hamburger .hamburger-line.line-bottom {
    transform: translateY(6.5px)
}

[dir=rtl] .mobile-nav .mobile-nav-options a img {
    margin-left: .625rem;
    margin-right: 0
}

[dir=rtl] .mobile-nav .mob-sub-lang .sub-sub-lang li {
    padding-right: 0
}

[dir=rtl] .mobile-nav .back-nav img {
    margin-left: .46875rem;
    margin-right: 0;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transition: rotateY(180deg)
}

[dir=rtl] .mobile-nav .mobile-links ul li,
[dir=rtl] .mobile-nav .mobile-sub-menu ul li {
    padding-right: 0
}

[dir=rtl] .menu-hamburger {
    margin-left: 0
}

.multi-select ul .has-submenu button:after,
.multi-select>button:after {
    background: url(https://healthimplementation.undp.org/wp-content/themes/UNDP%20HEALTH/images/chevron-down.svg) no-repeat 50%;
    content: "";
    float: right;
    height: 13px;
    position: absolute;
    right: 14px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transition: translateY(-50%);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: 20px
}

.multi-select>button {
    border: 2px solid #000;
    color: #000;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.125rem;
    margin: 0;
    padding: 1rem 3.125rem 1rem 1rem;
    position: relative;
    text-transform: uppercase;
    width: 100%
}

.multi-select ul {
    border: 2px solid #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    min-height: 100px;
    padding: 0 1rem;
    width: 100%
}

.multi-select ul:focus {
    box-shadow: 0 0 4px #0468b1;
    outline: 0
}

[dir=rtl] .multi-select button {
    padding-left: 3.125rem;
    padding-right: 1rem;
    text-align: right
}

[dir=rtl] .multi-select button:after {
    left: 16px;
    margin: 0;
    right: auto
}

.multi-select ul>li {
    border-top: 1px solid #d4d6d8;
    cursor: pointer;
    margin-bottom: 0;
    padding: 0
}

.multi-select {
    max-width: 18.5rem;
    position: relative
}

.multi-select.open>button {
    border-bottom: 0
}

.multi-select.open>button:after {
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-180deg);
    -moz-transform: translateY(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) rotate(-180deg);
    -o-transform: translateY(-50%) rotate(-180deg);
    transition: translateY(-50%) rotate(-180deg)
}

.multi-select.open ul {
    background-color: #fff;
    border-top: 0;
    display: block
}

.multi-select.open ul.fix-height {
    max-height: 18.75rem
}

.multi-select.open ul ul {
    border: 0;
    display: none;
    overflow: hidden;
    padding: 0 0 0 2.5rem
}

.multi-select.open ul li {
    margin-bottom: 0
}

.multi-select>button {
    background: #fff;
    display: flex;
    max-width: 100%;
    text-align: left
}

.multi-select>button span {
    padding-left: .3125rem
}

.multi-select ul {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow-y: auto
}

.multi-select ul>li {
    list-style: none
}

.multi-select ul>li .form-check:hover {
    background-color: #fafafa
}

.multi-select ul .has-submenu {
    position: relative
}

.multi-select ul .has-submenu.open ul {
    border: 0;
    border-top: 1px solid #d4d6d8;
    display: block;
    overflow: visible;
    padding: 0 0 0 2.5rem
}

.multi-select ul .has-submenu.open button:after {
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-180deg);
    -moz-transform: translateY(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) rotate(-180deg);
    -o-transform: translateY(-50%) rotate(-180deg);
    transition: translateY(-50%) rotate(-180deg)
}

.multi-select ul .has-submenu button {
    background: #fff;
    border: 0;
    cursor: pointer;
    display: block;
    font-size: 1rem;
    margin: 0 -1rem;
    padding: 1rem;
    position: relative;
    text-align: left;
    width: calc(100% + 2rem)
}

.multi-select ul .has-submenu button:hover {
    background-color: #fafafa
}

.multi-select ul .has-submenu button:after {
    right: .875rem
}

.multi-select ul .sub-menu {
    display: none;
    list-style: none
}

.multi-select ul .sub-menu>li {
    border-top: 1px solid #d4d6d8;
    margin-bottom: 0
}

.multi-select ul .sub-menu>li:first-of-type {
    border-top: 0
}

.multi-select ul .sub-menu>li>.checkbox-wrapper:hover {
    background-color: #fafafa
}

.multi-select ul::-webkit-scrollbar {
    background-color: rgba(0, 0, 0, .3);
    width: 4px
}

.multi-select ul::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .6)
}

.multi-select ul .form-check {
    justify-content: space-between;
    margin: 0 -1rem;
    padding: 0 1rem
}

.multi-select ul .form-check label {
    padding: 1rem 0;
    width: 100%
}

.multi-select ul .form-check input {
    position: absolute;
    right: 1rem
}

:lang(my) .multi-select button,
:lang(my) .multi-select ul li {
    font-family: NotoSans, sans-serif
}

[dir=rtl] .multi-select button span {
    padding-left: 0;
    padding-right: .3125rem
}

[dir=rtl] .multi-select ul {
    padding: 0 1rem
}

[dir=rtl] .multi-select ul li {
    padding-right: 0
}

[dir=rtl] .multi-select ul .form-check input {
    left: 1rem;
    right: inherit
}

[dir=rtl] .multi-select .has-submenu button {
    text-align: right
}

[dir=rtl] .multi-select .has-submenu button:after,
[dir=rtl] .multi-select.open .radio span {
    left: 1rem;
    right: inherit
}

[dir=rtl] .multi-select.open ul ul {
    padding: 0 2.5rem 0 0
}

.pagination ul li a {
    background-image: none
}

.pagination ul {
    align-items: center;
    display: flex;
    font-family: ProximaNova, sans-serif;
    padding-left: 0
}

.pagination ul li {
    display: flex;
    font-size: 1rem;
    margin-bottom: 0;
    margin-right: 1.5rem;
    padding-left: 0;
    position: relative
}

.pagination ul li a {
    border-bottom: 0;
    color: #000;
    font-size: 1rem;
    text-decoration: none
}

.pagination ul li span {
    margin: 0 .375rem
}

.pagination ul li span:last-of-type {
    margin-right: 0
}

.pagination ul li:first-of-type,
.pagination ul li:last-of-type {
    cursor: pointer
}

.pagination ul li:first-of-type a,
.pagination ul li:last-of-type a {
    font-size: 0;
    height: 45px;
    width: 45px
}

.pagination ul li:first-of-type a:before,
.pagination ul li:last-of-type a:before {
    background: url(../images/chevron-left-circle.svg) no-repeat 50%;
    content: " ";
    display: block;
    height: 45px;
    width: 45px
}

.pagination ul li.disabled a:before {
    opacity: .3
}

.pagination ul li:last-of-type {
    margin-right: 0
}

.pagination ul li:last-of-type a:before {
    background: url(../images/chevron-right-circle.svg) no-repeat 50%
}

[dir=rtl] .pagination ul {
    padding-right: 0
}

[dir=rtl] .pagination li {
    margin-left: 1.5rem;
    margin-right: 0;
    padding-right: 0
}

[dir=rtl] .pagination li:first-of-type a:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transition: rotateZ(180deg)
}

[dir=rtl] .pagination li:last-of-type {
    margin-left: 0
}

[dir=rtl] .pagination li:last-of-type a:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transition: rotateZ(180deg)
}

[dir=rtl] .pagination li span:last-of-type {
    margin-left: 0;
    margin-right: .375rem
}

input[type=radio] {
    -webkit-appearance: none;
    appearance: none;
    border: 2px solid #d12800;
    cursor: pointer;
    height: 16px;
    margin: 0;
    width: 16px
}

input[type=radio]:hover {
    border-color: #ffb4ae
}

input[type=radio]:focus-visible {
    box-shadow: 0 0 4px #0468b1;
    outline: 0
}

input[type=radio] {
    background-color: transparent;
    border-radius: 100%;
    box-shadow: inset 0 0 0 #fff
}

input[type=radio]:checked {
    background-color: #d12800;
    box-shadow: inset 0 0 0 3px #fff
}

.expand-search button,
.expand-search input[type=text] {
    border: 0;
    border-bottom: 1px solid #000;
    border-radius: 0;
    cursor: pointer
}

.expand-search {
    align-items: flex-end;
    display: flex;
    position: relative
}

.expand-search input[type=text] {
    background-color: #fff;
    box-sizing: border-box;
    font-size: .875rem;
    height: 2.675rem;
    padding: 0;
    position: relative;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: 0
}

.expand-search input[type=text]:focus {
    box-shadow: none;
    outline: none
}

.expand-search.open input {
    outline: none;
    padding-left: .8125rem;
    padding-right: 1.5rem;
    width: 100%;
    /*     width: calc(100% - 1.6875rem); */
    z-index: 1
}

.expand-search button {
    background: none;
    height: 2.625rem;
    padding: 0 0 1px;
    width: 1.6875rem;
    z-index: 2
}

.expand-search button img {
    width: 27px
}

.expand-search button.close-button {
    border: 0;
    display: none;
    position: absolute;
    right: 0
}

.expand-search button.close-button.show {
    display: block
}

.expand-search button.close-button img {
    max-width: 30px
}

[dir=rtl] .expand-search .icon-search-black {
    left: inherit;
    right: 0
}

[dir=rtl] .expand-search.open input {
    padding-left: 1.5rem;
    padding-right: .8125rem
}

[dir=rtl] .expand-search .close-button {
    left: 0;
    right: inherit
}

.select-default {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url(../images/chevron-down.svg) no-repeat right 22px center;
    border: 2px solid #000;
    border-radius: 0;
    color: #000;
    cursor: pointer;
    display: block;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.125rem;
    margin: 0;
    padding: 1rem 3.125rem 1rem 1rem;
    position: relative;
    text-transform: uppercase;
    width: 100%
}

[dir=rtl] .select-default {
    background-position: left 22px center;
    padding: 1rem 1rem 1rem 3.125rem;
    text-align: right
}

.heading-container {
    background-color: #232e3e;
    color: #fff;
    justify-content: center;
    overflow: hidden;
    padding-bottom: 6rem;
    padding-top: 6rem
}

.heading-container h4 {
    margin-top: 3.125rem
}

@media(min-width: 48em) {
    .heading-container h4 {
        margin-top: 0
    }
}

@media(max-width: 47.9375em) {

    .heading-container h2,
    .heading-container h4 {
        padding: 0 1.5rem
    }
}

.accordion li button {
    align-items: center;
    background: transparent;
    border: none;
    cursor: pointer;
    display: block;
    display: flex;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .03em;
    line-height: 1;
    text-transform: uppercase
}

@media(min-width: 48em) {
    .accordion li button {
        display: inline-flex
    }
}

.accordion {
    background-color: #fff
}

.accordion li :lang(my) button,
:lang(my) .accordion li button {
    font-size: .875rem
}

.accordion {
    padding: 0;
    position: relative
}

.accordion li {
    border-bottom: 1px solid #a9b1b7;
    cursor: pointer;
    list-style: none;
    margin-bottom: 0;
    overflow: hidden;
    padding-left: 0;
    position: relative
}

.accordion li button {
    font-size: 1.563rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.15;
    margin: 0 auto;
    padding: 1rem 0 1.5rem;
    text-align: left;
    width: 100%
}

.accordion li button:before {
    background: url(../images/chevron-down.svg) no-repeat 50%;
    border-top-color: #f3f3f3;
    content: "";
    height: 1.25rem;
    margin-left: 1.5rem;
    position: absolute;
    right: 0;
    top: 1.5rem;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    width: 1.25rem
}

.accordion li button.accordion--active:before {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transition: rotateZ(-180deg)
}

.accordion li p:last-of-type {
    margin-bottom: 0
}

[dir=rtl] .accordion li button {
    text-align: right
}

[dir=rtl] .accordion li button:before {
    left: 0;
    margin-left: 0;
    right: unset
}

[dir=rtl] .accordion li button.accordion--active {
    padding-right: 0
}

[dir=rtl] .accordion li button.accordion--active:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transition: rotateZ(180deg)
}

.accordion__panel {
    display: none;
    height: auto;
    padding: 2rem
}

@media(min-width: 48em) {
    .accordion__panel {
        padding: 2.5rem
    }

    [data-accordion=mobile] .desktop-visible {
        display: block !important
    }

    [data-accordion=mobile] .desktop-event-none {
        pointer-events: none
    }
}

:lang(my) .accordion li button {
    font-family: NotoSans, sans-serif
}

html {
    text-size-adjust: 100%;
    line-height: 1.15
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    appearance: none
}

::-webkit-file-upload-button {
    appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

.grid-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 90rem;
    padding-left: .75rem;
    padding-right: .75rem
}

@media print,
screen and (min-width: 30em) {
    .grid-container {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

.grid-container.fluid {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    padding-left: .75rem;
    padding-right: .75rem
}

@media print,
screen and (min-width: 30em) {
    .grid-container.fluid {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

.grid-container.full {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0
}

.grid-x {
    display: flex;
    flex-flow: row wrap
}

.cell {
    flex: 0 0 auto;
    min-height: 0;
    min-width: 0;
    width: 100%
}

.cell.auto {
    flex: 1 1 0
}

.cell.shrink {
    flex: 0 0 auto
}

.grid-x>.auto,
.grid-x>.shrink {
    width: auto
}

.grid-x>.small-1,
.grid-x>.small-10,
.grid-x>.small-11,
.grid-x>.small-12,
.grid-x>.small-2,
.grid-x>.small-3,
.grid-x>.small-4,
.grid-x>.small-5,
.grid-x>.small-6,
.grid-x>.small-7,
.grid-x>.small-8,
.grid-x>.small-9,
.grid-x>.small-full,
.grid-x>.small-shrink {
    flex-basis: auto
}

@media print,
screen and (min-width: 30em) {

    .grid-x>.medium-1,
    .grid-x>.medium-10,
    .grid-x>.medium-11,
    .grid-x>.medium-12,
    .grid-x>.medium-2,
    .grid-x>.medium-3,
    .grid-x>.medium-4,
    .grid-x>.medium-5,
    .grid-x>.medium-6,
    .grid-x>.medium-7,
    .grid-x>.medium-8,
    .grid-x>.medium-9,
    .grid-x>.medium-full,
    .grid-x>.medium-shrink {
        flex-basis: auto
    }
}

@media print,
screen and (min-width: 64em) {

    .grid-x>.large-1,
    .grid-x>.large-10,
    .grid-x>.large-11,
    .grid-x>.large-12,
    .grid-x>.large-2,
    .grid-x>.large-3,
    .grid-x>.large-4,
    .grid-x>.large-5,
    .grid-x>.large-6,
    .grid-x>.large-7,
    .grid-x>.large-8,
    .grid-x>.large-9,
    .grid-x>.large-full,
    .grid-x>.large-shrink {
        flex-basis: auto
    }
}

@media screen and (min-width: 90em) {

    .grid-x>.xlarge-1,
    .grid-x>.xlarge-10,
    .grid-x>.xlarge-11,
    .grid-x>.xlarge-12,
    .grid-x>.xlarge-2,
    .grid-x>.xlarge-3,
    .grid-x>.xlarge-4,
    .grid-x>.xlarge-5,
    .grid-x>.xlarge-6,
    .grid-x>.xlarge-7,
    .grid-x>.xlarge-8,
    .grid-x>.xlarge-9,
    .grid-x>.xlarge-full,
    .grid-x>.xlarge-shrink {
        flex-basis: auto
    }
}

@media screen and (min-width: 120em) {

    .grid-x>.xxlarge-1,
    .grid-x>.xxlarge-10,
    .grid-x>.xxlarge-11,
    .grid-x>.xxlarge-12,
    .grid-x>.xxlarge-2,
    .grid-x>.xxlarge-3,
    .grid-x>.xxlarge-4,
    .grid-x>.xxlarge-5,
    .grid-x>.xxlarge-6,
    .grid-x>.xxlarge-7,
    .grid-x>.xxlarge-8,
    .grid-x>.xxlarge-9,
    .grid-x>.xxlarge-full,
    .grid-x>.xxlarge-shrink {
        flex-basis: auto
    }
}

.grid-x>.small-1,
.grid-x>.small-10,
.grid-x>.small-11,
.grid-x>.small-12,
.grid-x>.small-2,
.grid-x>.small-3,
.grid-x>.small-4,
.grid-x>.small-5,
.grid-x>.small-6,
.grid-x>.small-7,
.grid-x>.small-8,
.grid-x>.small-9 {
    flex: 0 0 auto
}

.grid-x>.small-1 {
    width: 8.3333333333%
}

.grid-x>.small-2 {
    width: 16.6666666667%
}

.grid-x>.small-3 {
    width: 25%
}

.grid-x>.small-4 {
    width: 33.3333333333%
}

.grid-x>.small-5 {
    width: 41.6666666667%
}

.grid-x>.small-6 {
    width: 50%
}

.grid-x>.small-7 {
    width: 58.3333333333%
}

.grid-x>.small-8 {
    width: 66.6666666667%
}

.grid-x>.small-9 {
    width: 75%
}

.grid-x>.small-10 {
    width: 83.3333333333%
}

.grid-x>.small-11 {
    width: 91.6666666667%
}

.grid-x>.small-12 {
    width: 100%
}

@media print,
screen and (min-width: 30em) {
    .grid-x>.medium-auto {
        flex: 1 1 0;
        width: auto
    }

    .grid-x>.medium-1,
    .grid-x>.medium-10,
    .grid-x>.medium-11,
    .grid-x>.medium-12,
    .grid-x>.medium-2,
    .grid-x>.medium-3,
    .grid-x>.medium-4,
    .grid-x>.medium-5,
    .grid-x>.medium-6,
    .grid-x>.medium-7,
    .grid-x>.medium-8,
    .grid-x>.medium-9,
    .grid-x>.medium-shrink {
        flex: 0 0 auto
    }

    .grid-x>.medium-shrink {
        width: auto
    }

    .grid-x>.medium-1 {
        width: 8.3333333333%
    }

    .grid-x>.medium-2 {
        width: 16.6666666667%
    }

    .grid-x>.medium-3 {
        width: 25%
    }

    .grid-x>.medium-4 {
        width: 33.3333333333%
    }

    .grid-x>.medium-5 {
        width: 41.6666666667%
    }

    .grid-x>.medium-6 {
        width: 50%
    }

    .grid-x>.medium-7 {
        width: 58.3333333333%
    }

    .grid-x>.medium-8 {
        width: 66.6666666667%
    }

    .grid-x>.medium-9 {
        width: 75%
    }

    .grid-x>.medium-10 {
        width: 83.3333333333%
    }

    .grid-x>.medium-11 {
        width: 91.6666666667%
    }

    .grid-x>.medium-12 {
        width: 100%
    }
}

@media print,
screen and (min-width: 64em) {
    .grid-x>.large-auto {
        flex: 1 1 0;
        width: auto
    }

    .grid-x>.large-1,
    .grid-x>.large-10,
    .grid-x>.large-11,
    .grid-x>.large-12,
    .grid-x>.large-2,
    .grid-x>.large-3,
    .grid-x>.large-4,
    .grid-x>.large-5,
    .grid-x>.large-6,
    .grid-x>.large-7,
    .grid-x>.large-8,
    .grid-x>.large-9,
    .grid-x>.large-shrink {
        flex: 0 0 auto
    }

    .grid-x>.large-shrink {
        width: auto
    }

    .grid-x>.large-1 {
        width: 8.3333333333%
    }

    .grid-x>.large-2 {
        width: 16.6666666667%
    }

    .grid-x>.large-3 {
        width: 25%
    }

    .grid-x>.large-4 {
        width: 33.3333333333%
    }

    .grid-x>.large-5 {
        width: 41.6666666667%
    }

    .grid-x>.large-6 {
        width: 50%
    }

    .grid-x>.large-7 {
        width: 58.3333333333%
    }

    .grid-x>.large-8 {
        width: 66.6666666667%
    }

    .grid-x>.large-9 {
        width: 75%
    }

    .grid-x>.large-10 {
        width: 83.3333333333%
    }

    .grid-x>.large-11 {
        width: 91.6666666667%
    }

    .grid-x>.large-12 {
        width: 100%
    }
}

@media screen and (min-width: 90em) {
    .grid-x>.xlarge-auto {
        flex: 1 1 0;
        width: auto
    }

    .grid-x>.xlarge-1,
    .grid-x>.xlarge-10,
    .grid-x>.xlarge-11,
    .grid-x>.xlarge-12,
    .grid-x>.xlarge-2,
    .grid-x>.xlarge-3,
    .grid-x>.xlarge-4,
    .grid-x>.xlarge-5,
    .grid-x>.xlarge-6,
    .grid-x>.xlarge-7,
    .grid-x>.xlarge-8,
    .grid-x>.xlarge-9,
    .grid-x>.xlarge-shrink {
        flex: 0 0 auto
    }

    .grid-x>.xlarge-shrink {
        width: auto
    }

    .grid-x>.xlarge-1 {
        width: 8.3333333333%
    }

    .grid-x>.xlarge-2 {
        width: 16.6666666667%
    }

    .grid-x>.xlarge-3 {
        width: 25%
    }

    .grid-x>.xlarge-4 {
        width: 33.3333333333%
    }

    .grid-x>.xlarge-5 {
        width: 41.6666666667%
    }

    .grid-x>.xlarge-6 {
        width: 50%
    }

    .grid-x>.xlarge-7 {
        width: 58.3333333333%
    }

    .grid-x>.xlarge-8 {
        width: 66.6666666667%
    }

    .grid-x>.xlarge-9 {
        width: 75%
    }

    .grid-x>.xlarge-10 {
        width: 83.3333333333%
    }

    .grid-x>.xlarge-11 {
        width: 91.6666666667%
    }

    .grid-x>.xlarge-12 {
        width: 100%
    }
}

@media screen and (min-width: 120em) {
    .grid-x>.xxlarge-auto {
        flex: 1 1 0;
        width: auto
    }

    .grid-x>.xxlarge-1,
    .grid-x>.xxlarge-10,
    .grid-x>.xxlarge-11,
    .grid-x>.xxlarge-12,
    .grid-x>.xxlarge-2,
    .grid-x>.xxlarge-3,
    .grid-x>.xxlarge-4,
    .grid-x>.xxlarge-5,
    .grid-x>.xxlarge-6,
    .grid-x>.xxlarge-7,
    .grid-x>.xxlarge-8,
    .grid-x>.xxlarge-9,
    .grid-x>.xxlarge-shrink {
        flex: 0 0 auto
    }

    .grid-x>.xxlarge-shrink {
        width: auto
    }

    .grid-x>.xxlarge-1 {
        width: 8.3333333333%
    }

    .grid-x>.xxlarge-2 {
        width: 16.6666666667%
    }

    .grid-x>.xxlarge-3 {
        width: 25%
    }

    .grid-x>.xxlarge-4 {
        width: 33.3333333333%
    }

    .grid-x>.xxlarge-5 {
        width: 41.6666666667%
    }

    .grid-x>.xxlarge-6 {
        width: 50%
    }

    .grid-x>.xxlarge-7 {
        width: 58.3333333333%
    }

    .grid-x>.xxlarge-8 {
        width: 66.6666666667%
    }

    .grid-x>.xxlarge-9 {
        width: 75%
    }

    .grid-x>.xxlarge-10 {
        width: 83.3333333333%
    }

    .grid-x>.xxlarge-11 {
        width: 91.6666666667%
    }

    .grid-x>.xxlarge-12 {
        width: 100%
    }
}

.grid-margin-x:not(.grid-x)>.cell {
    width: auto
}

.grid-margin-y:not(.grid-y)>.cell {
    height: auto
}

.grid-margin-x {
    margin-left: -.375rem;
    margin-right: -.375rem
}

@media print,
screen and (min-width: 30em) {
    .grid-margin-x {
        margin-left: -.75rem;
        margin-right: -.75rem
    }
}

.grid-margin-x>.cell {
    margin-left: .375rem;
    margin-right: .375rem;
    width: calc(100% - .75rem)
}

@media print,
screen and (min-width: 30em) {
    .grid-margin-x>.cell {
        margin-left: .75rem;
        margin-right: .75rem;
        width: calc(100% - 1.5rem)
    }
}

.grid-margin-x>.auto,
.grid-margin-x>.shrink {
    width: auto
}

.grid-margin-x>.small-1 {
    width: calc(8.33333% - .75rem)
}

.grid-margin-x>.small-2 {
    width: calc(16.66667% - .75rem)
}

.grid-margin-x>.small-3 {
    width: calc(25% - .75rem)
}

.grid-margin-x>.small-4 {
    width: calc(33.33333% - .75rem)
}

.grid-margin-x>.small-5 {
    width: calc(41.66667% - .75rem)
}

.grid-margin-x>.small-6 {
    width: calc(50% - .75rem)
}

.grid-margin-x>.small-7 {
    width: calc(58.33333% - .75rem)
}

.grid-margin-x>.small-8 {
    width: calc(66.66667% - .75rem)
}

.grid-margin-x>.small-9 {
    width: calc(75% - .75rem)
}

.grid-margin-x>.small-10 {
    width: calc(83.33333% - .75rem)
}

.grid-margin-x>.small-11 {
    width: calc(91.66667% - .75rem)
}

.grid-margin-x>.small-12 {
    width: calc(100% - .75rem)
}

@media print,
screen and (min-width: 30em) {

    .grid-margin-x>.auto,
    .grid-margin-x>.shrink {
        width: auto
    }

    .grid-margin-x>.small-1 {
        width: calc(8.33333% - 1.5rem)
    }

    .grid-margin-x>.small-2 {
        width: calc(16.66667% - 1.5rem)
    }

    .grid-margin-x>.small-3 {
        width: calc(25% - 1.5rem)
    }

    .grid-margin-x>.small-4 {
        width: calc(33.33333% - 1.5rem)
    }

    .grid-margin-x>.small-5 {
        width: calc(41.66667% - 1.5rem)
    }

    .grid-margin-x>.small-6 {
        width: calc(50% - 1.5rem)
    }

    .grid-margin-x>.small-7 {
        width: calc(58.33333% - 1.5rem)
    }

    .grid-margin-x>.small-8 {
        width: calc(66.66667% - 1.5rem)
    }

    .grid-margin-x>.small-9 {
        width: calc(75% - 1.5rem)
    }

    .grid-margin-x>.small-10 {
        width: calc(83.33333% - 1.5rem)
    }

    .grid-margin-x>.small-11 {
        width: calc(91.66667% - 1.5rem)
    }

    .grid-margin-x>.small-12 {
        width: calc(100% - 1.5rem)
    }

    .grid-margin-x>.medium-auto,
    .grid-margin-x>.medium-shrink {
        width: auto
    }

    .grid-margin-x>.medium-1 {
        width: calc(8.33333% - 1.5rem)
    }

    .grid-margin-x>.medium-2 {
        width: calc(16.66667% - 1.5rem)
    }

    .grid-margin-x>.medium-3 {
        width: calc(25% - 1.5rem)
    }

    .grid-margin-x>.medium-4 {
        width: calc(33.33333% - 1.5rem)
    }

    .grid-margin-x>.medium-5 {
        width: calc(41.66667% - 1.5rem)
    }

    .grid-margin-x>.medium-6 {
        width: calc(50% - 1.5rem)
    }

    .grid-margin-x>.medium-7 {
        width: calc(58.33333% - 1.5rem)
    }

    .grid-margin-x>.medium-8 {
        width: calc(66.66667% - 1.5rem)
    }

    .grid-margin-x>.medium-9 {
        width: calc(75% - 1.5rem)
    }

    .grid-margin-x>.medium-10 {
        width: calc(83.33333% - 1.5rem)
    }

    .grid-margin-x>.medium-11 {
        width: calc(91.66667% - 1.5rem)
    }

    .grid-margin-x>.medium-12 {
        width: calc(100% - 1.5rem)
    }
}

@media print,
screen and (min-width: 64em) {

    .grid-margin-x>.large-auto,
    .grid-margin-x>.large-shrink {
        width: auto
    }

    .grid-margin-x>.large-1 {
        width: calc(8.33333% - 1.5rem)
    }

    .grid-margin-x>.large-2 {
        width: calc(16.66667% - 1.5rem)
    }

    .grid-margin-x>.large-3 {
        width: calc(25% - 1.5rem)
    }

    .grid-margin-x>.large-4 {
        width: calc(33.33333% - 1.5rem)
    }

    .grid-margin-x>.large-5 {
        width: calc(41.66667% - 1.5rem)
    }

    .grid-margin-x>.large-6 {
        width: calc(50% - 1.5rem)
    }

    .grid-margin-x>.large-7 {
        width: calc(58.33333% - 1.5rem)
    }

    .grid-margin-x>.large-8 {
        width: calc(66.66667% - 1.5rem)
    }

    .grid-margin-x>.large-9 {
        width: calc(75% - 1.5rem)
    }

    .grid-margin-x>.large-10 {
        width: calc(83.33333% - 1.5rem)
    }

    .grid-margin-x>.large-11 {
        width: calc(91.66667% - 1.5rem)
    }

    .grid-margin-x>.large-12 {
        width: calc(100% - 1.5rem)
    }
}

@media screen and (min-width: 90em) {

    .grid-margin-x>.xlarge-auto,
    .grid-margin-x>.xlarge-shrink {
        width: auto
    }

    .grid-margin-x>.xlarge-1 {
        width: calc(8.33333% - 1.5rem)
    }

    .grid-margin-x>.xlarge-2 {
        width: calc(16.66667% - 1.5rem)
    }

    .grid-margin-x>.xlarge-3 {
        width: calc(25% - 1.5rem)
    }

    .grid-margin-x>.xlarge-4 {
        width: calc(33.33333% - 1.5rem)
    }

    .grid-margin-x>.xlarge-5 {
        width: calc(41.66667% - 1.5rem)
    }

    .grid-margin-x>.xlarge-6 {
        width: calc(50% - 1.5rem)
    }

    .grid-margin-x>.xlarge-7 {
        width: calc(58.33333% - 1.5rem)
    }

    .grid-margin-x>.xlarge-8 {
        width: calc(66.66667% - 1.5rem)
    }

    .grid-margin-x>.xlarge-9 {
        width: calc(75% - 1.5rem)
    }

    .grid-margin-x>.xlarge-10 {
        width: calc(83.33333% - 1.5rem)
    }

    .grid-margin-x>.xlarge-11 {
        width: calc(91.66667% - 1.5rem)
    }

    .grid-margin-x>.xlarge-12 {
        width: calc(100% - 1.5rem)
    }
}

@media screen and (min-width: 120em) {

    .grid-margin-x>.xxlarge-auto,
    .grid-margin-x>.xxlarge-shrink {
        width: auto
    }

    .grid-margin-x>.xxlarge-1 {
        width: calc(8.33333% - 1.5rem)
    }

    .grid-margin-x>.xxlarge-2 {
        width: calc(16.66667% - 1.5rem)
    }

    .grid-margin-x>.xxlarge-3 {
        width: calc(25% - 1.5rem)
    }

    .grid-margin-x>.xxlarge-4 {
        width: calc(33.33333% - 1.5rem)
    }

    .grid-margin-x>.xxlarge-5 {
        width: calc(41.66667% - 1.5rem)
    }

    .grid-margin-x>.xxlarge-6 {
        width: calc(50% - 1.5rem)
    }

    .grid-margin-x>.xxlarge-7 {
        width: calc(58.33333% - 1.5rem)
    }

    .grid-margin-x>.xxlarge-8 {
        width: calc(66.66667% - 1.5rem)
    }

    .grid-margin-x>.xxlarge-9 {
        width: calc(75% - 1.5rem)
    }

    .grid-margin-x>.xxlarge-10 {
        width: calc(83.33333% - 1.5rem)
    }

    .grid-margin-x>.xxlarge-11 {
        width: calc(91.66667% - 1.5rem)
    }

    .grid-margin-x>.xxlarge-12 {
        width: calc(100% - 1.5rem)
    }
}

.grid-padding-x .grid-padding-x {
    margin-left: -.375rem;
    margin-right: -.375rem
}

@media print,
screen and (min-width: 30em) {
    .grid-padding-x .grid-padding-x {
        margin-left: -.75rem;
        margin-right: -.75rem
    }
}

.grid-container:not(.full)>.grid-padding-x {
    margin-left: -.375rem;
    margin-right: -.375rem
}

@media print,
screen and (min-width: 30em) {
    .grid-container:not(.full)>.grid-padding-x {
        margin-left: -.75rem;
        margin-right: -.75rem
    }
}

.grid-padding-x>.cell {
    padding-left: .375rem;
    padding-right: .375rem
}

@media print,
screen and (min-width: 30em) {
    .grid-padding-x>.cell {
        padding-left: .75rem;
        padding-right: .75rem
    }
}

.small-up-1>.cell {
    width: 100%
}

.small-up-2>.cell {
    width: 50%
}

.small-up-3>.cell {
    width: 33.3333333333%
}

.small-up-4>.cell {
    width: 25%
}

.small-up-5>.cell {
    width: 20%
}

.small-up-6>.cell {
    width: 16.6666666667%
}

.small-up-7>.cell {
    width: 14.2857142857%
}

.small-up-8>.cell {
    width: 12.5%
}

@media print,
screen and (min-width: 30em) {
    .medium-up-1>.cell {
        width: 100%
    }

    .medium-up-2>.cell {
        width: 50%
    }

    .medium-up-3>.cell {
        width: 33.3333333333%
    }

    .medium-up-4>.cell {
        width: 25%
    }

    .medium-up-5>.cell {
        width: 20%
    }

    .medium-up-6>.cell {
        width: 16.6666666667%
    }

    .medium-up-7>.cell {
        width: 14.2857142857%
    }

    .medium-up-8>.cell {
        width: 12.5%
    }
}

@media print,
screen and (min-width: 64em) {
    .large-up-1>.cell {
        width: 100%
    }

    .large-up-2>.cell {
        width: 50%
    }

    .large-up-3>.cell {
        width: 33.3333333333%
    }

    .large-up-4>.cell {
        width: 25%
    }

    .large-up-5>.cell {
        width: 20%
    }

    .large-up-6>.cell {
        width: 16.6666666667%
    }

    .large-up-7>.cell {
        width: 14.2857142857%
    }

    .large-up-8>.cell {
        width: 12.5%
    }
}

@media screen and (min-width: 90em) {
    .xlarge-up-1>.cell {
        width: 100%
    }

    .xlarge-up-2>.cell {
        width: 50%
    }

    .xlarge-up-3>.cell {
        width: 33.3333333333%
    }

    .xlarge-up-4>.cell {
        width: 25%
    }

    .xlarge-up-5>.cell {
        width: 20%
    }

    .xlarge-up-6>.cell {
        width: 16.6666666667%
    }

    .xlarge-up-7>.cell {
        width: 14.2857142857%
    }

    .xlarge-up-8>.cell {
        width: 12.5%
    }
}

@media screen and (min-width: 120em) {
    .xxlarge-up-1>.cell {
        width: 100%
    }

    .xxlarge-up-2>.cell {
        width: 50%
    }

    .xxlarge-up-3>.cell {
        width: 33.3333333333%
    }

    .xxlarge-up-4>.cell {
        width: 25%
    }

    .xxlarge-up-5>.cell {
        width: 20%
    }

    .xxlarge-up-6>.cell {
        width: 16.6666666667%
    }

    .xxlarge-up-7>.cell {
        width: 14.2857142857%
    }

    .xxlarge-up-8>.cell {
        width: 12.5%
    }
}

.grid-margin-x.small-up-1>.cell {
    width: calc(100% - .75rem)
}

.grid-margin-x.small-up-2>.cell {
    width: calc(50% - .75rem)
}

.grid-margin-x.small-up-3>.cell {
    width: calc(33.33333% - .75rem)
}

.grid-margin-x.small-up-4>.cell {
    width: calc(25% - .75rem)
}

.grid-margin-x.small-up-5>.cell {
    width: calc(20% - .75rem)
}

.grid-margin-x.small-up-6>.cell {
    width: calc(16.66667% - .75rem)
}

.grid-margin-x.small-up-7>.cell {
    width: calc(14.28571% - .75rem)
}

.grid-margin-x.small-up-8>.cell {
    width: calc(12.5% - .75rem)
}

@media print,
screen and (min-width: 30em) {
    .grid-margin-x.small-up-1>.cell {
        width: calc(100% - 1.5rem)
    }

    .grid-margin-x.small-up-2>.cell {
        width: calc(50% - 1.5rem)
    }

    .grid-margin-x.small-up-3>.cell {
        width: calc(33.33333% - 1.5rem)
    }

    .grid-margin-x.small-up-4>.cell {
        width: calc(25% - 1.5rem)
    }

    .grid-margin-x.small-up-5>.cell {
        width: calc(20% - 1.5rem)
    }

    .grid-margin-x.small-up-6>.cell {
        width: calc(16.66667% - 1.5rem)
    }

    .grid-margin-x.small-up-7>.cell {
        width: calc(14.28571% - 1.5rem)
    }

    .grid-margin-x.small-up-8>.cell {
        width: calc(12.5% - 1.5rem)
    }

    .grid-margin-x.medium-up-1>.cell {
        width: calc(100% - 1.5rem)
    }

    .grid-margin-x.medium-up-2>.cell {
        width: calc(50% - 1.5rem)
    }

    .grid-margin-x.medium-up-3>.cell {
        width: calc(33.33333% - 1.5rem)
    }

    .grid-margin-x.medium-up-4>.cell {
        width: calc(25% - 1.5rem)
    }

    .grid-margin-x.medium-up-5>.cell {
        width: calc(20% - 1.5rem)
    }

    .grid-margin-x.medium-up-6>.cell {
        width: calc(16.66667% - 1.5rem)
    }

    .grid-margin-x.medium-up-7>.cell {
        width: calc(14.28571% - 1.5rem)
    }

    .grid-margin-x.medium-up-8>.cell {
        width: calc(12.5% - 1.5rem)
    }
}

@media print,
screen and (min-width: 64em) {
    .grid-margin-x.large-up-1>.cell {
        width: calc(100% - 1.5rem)
    }

    .grid-margin-x.large-up-2>.cell {
        width: calc(50% - 1.5rem)
    }

    .grid-margin-x.large-up-3>.cell {
        width: calc(33.33333% - 1.5rem)
    }

    .grid-margin-x.large-up-4>.cell {
        width: calc(25% - 1.5rem)
    }

    .grid-margin-x.large-up-5>.cell {
        width: calc(20% - 1.5rem)
    }

    .grid-margin-x.large-up-6>.cell {
        width: calc(16.66667% - 1.5rem)
    }

    .grid-margin-x.large-up-7>.cell {
        width: calc(14.28571% - 1.5rem)
    }

    .grid-margin-x.large-up-8>.cell {
        width: calc(12.5% - 1.5rem)
    }
}

@media screen and (min-width: 90em) {
    .grid-margin-x.xlarge-up-1>.cell {
        width: calc(100% - 1.5rem)
    }

    .grid-margin-x.xlarge-up-2>.cell {
        width: calc(50% - 1.5rem)
    }

    .grid-margin-x.xlarge-up-3>.cell {
        width: calc(33.33333% - 1.5rem)
    }

    .grid-margin-x.xlarge-up-4>.cell {
        width: calc(25% - 1.5rem)
    }

    .grid-margin-x.xlarge-up-5>.cell {
        width: calc(20% - 1.5rem)
    }

    .grid-margin-x.xlarge-up-6>.cell {
        width: calc(16.66667% - 1.5rem)
    }

    .grid-margin-x.xlarge-up-7>.cell {
        width: calc(14.28571% - 1.5rem)
    }

    .grid-margin-x.xlarge-up-8>.cell {
        width: calc(12.5% - 1.5rem)
    }
}

@media screen and (min-width: 120em) {
    .grid-margin-x.xxlarge-up-1>.cell {
        width: calc(100% - 1.5rem)
    }

    .grid-margin-x.xxlarge-up-2>.cell {
        width: calc(50% - 1.5rem)
    }

    .grid-margin-x.xxlarge-up-3>.cell {
        width: calc(33.33333% - 1.5rem)
    }

    .grid-margin-x.xxlarge-up-4>.cell {
        width: calc(25% - 1.5rem)
    }

    .grid-margin-x.xxlarge-up-5>.cell {
        width: calc(20% - 1.5rem)
    }

    .grid-margin-x.xxlarge-up-6>.cell {
        width: calc(16.66667% - 1.5rem)
    }

    .grid-margin-x.xxlarge-up-7>.cell {
        width: calc(14.28571% - 1.5rem)
    }

    .grid-margin-x.xxlarge-up-8>.cell {
        width: calc(12.5% - 1.5rem)
    }
}

.small-margin-collapse,
.small-margin-collapse>.cell {
    margin-left: 0;
    margin-right: 0
}

.small-margin-collapse>.small-1 {
    width: 8.3333333333%
}

.small-margin-collapse>.small-2 {
    width: 16.6666666667%
}

.small-margin-collapse>.small-3 {
    width: 25%
}

.small-margin-collapse>.small-4 {
    width: 33.3333333333%
}

.small-margin-collapse>.small-5 {
    width: 41.6666666667%
}

.small-margin-collapse>.small-6 {
    width: 50%
}

.small-margin-collapse>.small-7 {
    width: 58.3333333333%
}

.small-margin-collapse>.small-8 {
    width: 66.6666666667%
}

.small-margin-collapse>.small-9 {
    width: 75%
}

.small-margin-collapse>.small-10 {
    width: 83.3333333333%
}

.small-margin-collapse>.small-11 {
    width: 91.6666666667%
}

.small-margin-collapse>.small-12 {
    width: 100%
}

@media print,
screen and (min-width: 30em) {
    .small-margin-collapse>.medium-1 {
        width: 8.3333333333%
    }

    .small-margin-collapse>.medium-2 {
        width: 16.6666666667%
    }

    .small-margin-collapse>.medium-3 {
        width: 25%
    }

    .small-margin-collapse>.medium-4 {
        width: 33.3333333333%
    }

    .small-margin-collapse>.medium-5 {
        width: 41.6666666667%
    }

    .small-margin-collapse>.medium-6 {
        width: 50%
    }

    .small-margin-collapse>.medium-7 {
        width: 58.3333333333%
    }

    .small-margin-collapse>.medium-8 {
        width: 66.6666666667%
    }

    .small-margin-collapse>.medium-9 {
        width: 75%
    }

    .small-margin-collapse>.medium-10 {
        width: 83.3333333333%
    }

    .small-margin-collapse>.medium-11 {
        width: 91.6666666667%
    }

    .small-margin-collapse>.medium-12 {
        width: 100%
    }
}

@media print,
screen and (min-width: 64em) {
    .small-margin-collapse>.large-1 {
        width: 8.3333333333%
    }

    .small-margin-collapse>.large-2 {
        width: 16.6666666667%
    }

    .small-margin-collapse>.large-3 {
        width: 25%
    }

    .small-margin-collapse>.large-4 {
        width: 33.3333333333%
    }

    .small-margin-collapse>.large-5 {
        width: 41.6666666667%
    }

    .small-margin-collapse>.large-6 {
        width: 50%
    }

    .small-margin-collapse>.large-7 {
        width: 58.3333333333%
    }

    .small-margin-collapse>.large-8 {
        width: 66.6666666667%
    }

    .small-margin-collapse>.large-9 {
        width: 75%
    }

    .small-margin-collapse>.large-10 {
        width: 83.3333333333%
    }

    .small-margin-collapse>.large-11 {
        width: 91.6666666667%
    }

    .small-margin-collapse>.large-12 {
        width: 100%
    }
}

@media screen and (min-width: 90em) {
    .small-margin-collapse>.xlarge-1 {
        width: 8.3333333333%
    }

    .small-margin-collapse>.xlarge-2 {
        width: 16.6666666667%
    }

    .small-margin-collapse>.xlarge-3 {
        width: 25%
    }

    .small-margin-collapse>.xlarge-4 {
        width: 33.3333333333%
    }

    .small-margin-collapse>.xlarge-5 {
        width: 41.6666666667%
    }

    .small-margin-collapse>.xlarge-6 {
        width: 50%
    }

    .small-margin-collapse>.xlarge-7 {
        width: 58.3333333333%
    }

    .small-margin-collapse>.xlarge-8 {
        width: 66.6666666667%
    }

    .small-margin-collapse>.xlarge-9 {
        width: 75%
    }

    .small-margin-collapse>.xlarge-10 {
        width: 83.3333333333%
    }

    .small-margin-collapse>.xlarge-11 {
        width: 91.6666666667%
    }

    .small-margin-collapse>.xlarge-12 {
        width: 100%
    }
}

@media screen and (min-width: 120em) {
    .small-margin-collapse>.xxlarge-1 {
        width: 8.3333333333%
    }

    .small-margin-collapse>.xxlarge-2 {
        width: 16.6666666667%
    }

    .small-margin-collapse>.xxlarge-3 {
        width: 25%
    }

    .small-margin-collapse>.xxlarge-4 {
        width: 33.3333333333%
    }

    .small-margin-collapse>.xxlarge-5 {
        width: 41.6666666667%
    }

    .small-margin-collapse>.xxlarge-6 {
        width: 50%
    }

    .small-margin-collapse>.xxlarge-7 {
        width: 58.3333333333%
    }

    .small-margin-collapse>.xxlarge-8 {
        width: 66.6666666667%
    }

    .small-margin-collapse>.xxlarge-9 {
        width: 75%
    }

    .small-margin-collapse>.xxlarge-10 {
        width: 83.3333333333%
    }

    .small-margin-collapse>.xxlarge-11 {
        width: 91.6666666667%
    }

    .small-margin-collapse>.xxlarge-12 {
        width: 100%
    }
}

.small-padding-collapse {
    margin-left: 0;
    margin-right: 0
}

.small-padding-collapse>.cell {
    padding-left: 0;
    padding-right: 0
}

@media print,
screen and (min-width: 30em) {

    .medium-margin-collapse,
    .medium-margin-collapse>.cell {
        margin-left: 0;
        margin-right: 0
    }

    .medium-margin-collapse>.small-1 {
        width: 8.3333333333%
    }

    .medium-margin-collapse>.small-2 {
        width: 16.6666666667%
    }

    .medium-margin-collapse>.small-3 {
        width: 25%
    }

    .medium-margin-collapse>.small-4 {
        width: 33.3333333333%
    }

    .medium-margin-collapse>.small-5 {
        width: 41.6666666667%
    }

    .medium-margin-collapse>.small-6 {
        width: 50%
    }

    .medium-margin-collapse>.small-7 {
        width: 58.3333333333%
    }

    .medium-margin-collapse>.small-8 {
        width: 66.6666666667%
    }

    .medium-margin-collapse>.small-9 {
        width: 75%
    }

    .medium-margin-collapse>.small-10 {
        width: 83.3333333333%
    }

    .medium-margin-collapse>.small-11 {
        width: 91.6666666667%
    }

    .medium-margin-collapse>.small-12 {
        width: 100%
    }

    .medium-margin-collapse>.medium-1 {
        width: 8.3333333333%
    }

    .medium-margin-collapse>.medium-2 {
        width: 16.6666666667%
    }

    .medium-margin-collapse>.medium-3 {
        width: 25%
    }

    .medium-margin-collapse>.medium-4 {
        width: 33.3333333333%
    }

    .medium-margin-collapse>.medium-5 {
        width: 41.6666666667%
    }

    .medium-margin-collapse>.medium-6 {
        width: 50%
    }

    .medium-margin-collapse>.medium-7 {
        width: 58.3333333333%
    }

    .medium-margin-collapse>.medium-8 {
        width: 66.6666666667%
    }

    .medium-margin-collapse>.medium-9 {
        width: 75%
    }

    .medium-margin-collapse>.medium-10 {
        width: 83.3333333333%
    }

    .medium-margin-collapse>.medium-11 {
        width: 91.6666666667%
    }

    .medium-margin-collapse>.medium-12 {
        width: 100%
    }
}

@media print,
screen and (min-width: 64em) {
    .medium-margin-collapse>.large-1 {
        width: 8.3333333333%
    }

    .medium-margin-collapse>.large-2 {
        width: 16.6666666667%
    }

    .medium-margin-collapse>.large-3 {
        width: 25%
    }

    .medium-margin-collapse>.large-4 {
        width: 33.3333333333%
    }

    .medium-margin-collapse>.large-5 {
        width: 41.6666666667%
    }

    .medium-margin-collapse>.large-6 {
        width: 50%
    }

    .medium-margin-collapse>.large-7 {
        width: 58.3333333333%
    }

    .medium-margin-collapse>.large-8 {
        width: 66.6666666667%
    }

    .medium-margin-collapse>.large-9 {
        width: 75%
    }

    .medium-margin-collapse>.large-10 {
        width: 83.3333333333%
    }

    .medium-margin-collapse>.large-11 {
        width: 91.6666666667%
    }

    .medium-margin-collapse>.large-12 {
        width: 100%
    }
}

@media screen and (min-width: 90em) {
    .medium-margin-collapse>.xlarge-1 {
        width: 8.3333333333%
    }

    .medium-margin-collapse>.xlarge-2 {
        width: 16.6666666667%
    }

    .medium-margin-collapse>.xlarge-3 {
        width: 25%
    }

    .medium-margin-collapse>.xlarge-4 {
        width: 33.3333333333%
    }

    .medium-margin-collapse>.xlarge-5 {
        width: 41.6666666667%
    }

    .medium-margin-collapse>.xlarge-6 {
        width: 50%
    }

    .medium-margin-collapse>.xlarge-7 {
        width: 58.3333333333%
    }

    .medium-margin-collapse>.xlarge-8 {
        width: 66.6666666667%
    }

    .medium-margin-collapse>.xlarge-9 {
        width: 75%
    }

    .medium-margin-collapse>.xlarge-10 {
        width: 83.3333333333%
    }

    .medium-margin-collapse>.xlarge-11 {
        width: 91.6666666667%
    }

    .medium-margin-collapse>.xlarge-12 {
        width: 100%
    }
}

@media screen and (min-width: 120em) {
    .medium-margin-collapse>.xxlarge-1 {
        width: 8.3333333333%
    }

    .medium-margin-collapse>.xxlarge-2 {
        width: 16.6666666667%
    }

    .medium-margin-collapse>.xxlarge-3 {
        width: 25%
    }

    .medium-margin-collapse>.xxlarge-4 {
        width: 33.3333333333%
    }

    .medium-margin-collapse>.xxlarge-5 {
        width: 41.6666666667%
    }

    .medium-margin-collapse>.xxlarge-6 {
        width: 50%
    }

    .medium-margin-collapse>.xxlarge-7 {
        width: 58.3333333333%
    }

    .medium-margin-collapse>.xxlarge-8 {
        width: 66.6666666667%
    }

    .medium-margin-collapse>.xxlarge-9 {
        width: 75%
    }

    .medium-margin-collapse>.xxlarge-10 {
        width: 83.3333333333%
    }

    .medium-margin-collapse>.xxlarge-11 {
        width: 91.6666666667%
    }

    .medium-margin-collapse>.xxlarge-12 {
        width: 100%
    }
}

@media print,
screen and (min-width: 30em) {
    .medium-padding-collapse {
        margin-left: 0;
        margin-right: 0
    }

    .medium-padding-collapse>.cell {
        padding-left: 0;
        padding-right: 0
    }
}

@media print,
screen and (min-width: 64em) {

    .large-margin-collapse,
    .large-margin-collapse>.cell {
        margin-left: 0;
        margin-right: 0
    }

    .large-margin-collapse>.small-1 {
        width: 8.3333333333%
    }

    .large-margin-collapse>.small-2 {
        width: 16.6666666667%
    }

    .large-margin-collapse>.small-3 {
        width: 25%
    }

    .large-margin-collapse>.small-4 {
        width: 33.3333333333%
    }

    .large-margin-collapse>.small-5 {
        width: 41.6666666667%
    }

    .large-margin-collapse>.small-6 {
        width: 50%
    }

    .large-margin-collapse>.small-7 {
        width: 58.3333333333%
    }

    .large-margin-collapse>.small-8 {
        width: 66.6666666667%
    }

    .large-margin-collapse>.small-9 {
        width: 75%
    }

    .large-margin-collapse>.small-10 {
        width: 83.3333333333%
    }

    .large-margin-collapse>.small-11 {
        width: 91.6666666667%
    }

    .large-margin-collapse>.small-12 {
        width: 100%
    }

    .large-margin-collapse>.medium-1 {
        width: 8.3333333333%
    }

    .large-margin-collapse>.medium-2 {
        width: 16.6666666667%
    }

    .large-margin-collapse>.medium-3 {
        width: 25%
    }

    .large-margin-collapse>.medium-4 {
        width: 33.3333333333%
    }

    .large-margin-collapse>.medium-5 {
        width: 41.6666666667%
    }

    .large-margin-collapse>.medium-6 {
        width: 50%
    }

    .large-margin-collapse>.medium-7 {
        width: 58.3333333333%
    }

    .large-margin-collapse>.medium-8 {
        width: 66.6666666667%
    }

    .large-margin-collapse>.medium-9 {
        width: 75%
    }

    .large-margin-collapse>.medium-10 {
        width: 83.3333333333%
    }

    .large-margin-collapse>.medium-11 {
        width: 91.6666666667%
    }

    .large-margin-collapse>.medium-12 {
        width: 100%
    }

    .large-margin-collapse>.large-1 {
        width: 8.3333333333%
    }

    .large-margin-collapse>.large-2 {
        width: 16.6666666667%
    }

    .large-margin-collapse>.large-3 {
        width: 25%
    }

    .large-margin-collapse>.large-4 {
        width: 33.3333333333%
    }

    .large-margin-collapse>.large-5 {
        width: 41.6666666667%
    }

    .large-margin-collapse>.large-6 {
        width: 50%
    }

    .large-margin-collapse>.large-7 {
        width: 58.3333333333%
    }

    .large-margin-collapse>.large-8 {
        width: 66.6666666667%
    }

    .large-margin-collapse>.large-9 {
        width: 75%
    }

    .large-margin-collapse>.large-10 {
        width: 83.3333333333%
    }

    .large-margin-collapse>.large-11 {
        width: 91.6666666667%
    }

    .large-margin-collapse>.large-12 {
        width: 100%
    }
}

@media screen and (min-width: 90em) {
    .large-margin-collapse>.xlarge-1 {
        width: 8.3333333333%
    }

    .large-margin-collapse>.xlarge-2 {
        width: 16.6666666667%
    }

    .large-margin-collapse>.xlarge-3 {
        width: 25%
    }

    .large-margin-collapse>.xlarge-4 {
        width: 33.3333333333%
    }

    .large-margin-collapse>.xlarge-5 {
        width: 41.6666666667%
    }

    .large-margin-collapse>.xlarge-6 {
        width: 50%
    }

    .large-margin-collapse>.xlarge-7 {
        width: 58.3333333333%
    }

    .large-margin-collapse>.xlarge-8 {
        width: 66.6666666667%
    }

    .large-margin-collapse>.xlarge-9 {
        width: 75%
    }

    .large-margin-collapse>.xlarge-10 {
        width: 83.3333333333%
    }

    .large-margin-collapse>.xlarge-11 {
        width: 91.6666666667%
    }

    .large-margin-collapse>.xlarge-12 {
        width: 100%
    }
}

@media screen and (min-width: 120em) {
    .large-margin-collapse>.xxlarge-1 {
        width: 8.3333333333%
    }

    .large-margin-collapse>.xxlarge-2 {
        width: 16.6666666667%
    }

    .large-margin-collapse>.xxlarge-3 {
        width: 25%
    }

    .large-margin-collapse>.xxlarge-4 {
        width: 33.3333333333%
    }

    .large-margin-collapse>.xxlarge-5 {
        width: 41.6666666667%
    }

    .large-margin-collapse>.xxlarge-6 {
        width: 50%
    }

    .large-margin-collapse>.xxlarge-7 {
        width: 58.3333333333%
    }

    .large-margin-collapse>.xxlarge-8 {
        width: 66.6666666667%
    }

    .large-margin-collapse>.xxlarge-9 {
        width: 75%
    }

    .large-margin-collapse>.xxlarge-10 {
        width: 83.3333333333%
    }

    .large-margin-collapse>.xxlarge-11 {
        width: 91.6666666667%
    }

    .large-margin-collapse>.xxlarge-12 {
        width: 100%
    }
}

@media print,
screen and (min-width: 64em) {
    .large-padding-collapse {
        margin-left: 0;
        margin-right: 0
    }

    .large-padding-collapse>.cell {
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (min-width: 90em) {

    .xlarge-margin-collapse,
    .xlarge-margin-collapse>.cell {
        margin-left: 0;
        margin-right: 0
    }

    .xlarge-margin-collapse>.small-1 {
        width: 8.3333333333%
    }

    .xlarge-margin-collapse>.small-2 {
        width: 16.6666666667%
    }

    .xlarge-margin-collapse>.small-3 {
        width: 25%
    }

    .xlarge-margin-collapse>.small-4 {
        width: 33.3333333333%
    }

    .xlarge-margin-collapse>.small-5 {
        width: 41.6666666667%
    }

    .xlarge-margin-collapse>.small-6 {
        width: 50%
    }

    .xlarge-margin-collapse>.small-7 {
        width: 58.3333333333%
    }

    .xlarge-margin-collapse>.small-8 {
        width: 66.6666666667%
    }

    .xlarge-margin-collapse>.small-9 {
        width: 75%
    }

    .xlarge-margin-collapse>.small-10 {
        width: 83.3333333333%
    }

    .xlarge-margin-collapse>.small-11 {
        width: 91.6666666667%
    }

    .xlarge-margin-collapse>.small-12 {
        width: 100%
    }

    .xlarge-margin-collapse>.medium-1 {
        width: 8.3333333333%
    }

    .xlarge-margin-collapse>.medium-2 {
        width: 16.6666666667%
    }

    .xlarge-margin-collapse>.medium-3 {
        width: 25%
    }

    .xlarge-margin-collapse>.medium-4 {
        width: 33.3333333333%
    }

    .xlarge-margin-collapse>.medium-5 {
        width: 41.6666666667%
    }

    .xlarge-margin-collapse>.medium-6 {
        width: 50%
    }

    .xlarge-margin-collapse>.medium-7 {
        width: 58.3333333333%
    }

    .xlarge-margin-collapse>.medium-8 {
        width: 66.6666666667%
    }

    .xlarge-margin-collapse>.medium-9 {
        width: 75%
    }

    .xlarge-margin-collapse>.medium-10 {
        width: 83.3333333333%
    }

    .xlarge-margin-collapse>.medium-11 {
        width: 91.6666666667%
    }

    .xlarge-margin-collapse>.medium-12 {
        width: 100%
    }

    .xlarge-margin-collapse>.large-1 {
        width: 8.3333333333%
    }

    .xlarge-margin-collapse>.large-2 {
        width: 16.6666666667%
    }

    .xlarge-margin-collapse>.large-3 {
        width: 25%
    }

    .xlarge-margin-collapse>.large-4 {
        width: 33.3333333333%
    }

    .xlarge-margin-collapse>.large-5 {
        width: 41.6666666667%
    }

    .xlarge-margin-collapse>.large-6 {
        width: 50%
    }

    .xlarge-margin-collapse>.large-7 {
        width: 58.3333333333%
    }

    .xlarge-margin-collapse>.large-8 {
        width: 66.6666666667%
    }

    .xlarge-margin-collapse>.large-9 {
        width: 75%
    }

    .xlarge-margin-collapse>.large-10 {
        width: 83.3333333333%
    }

    .xlarge-margin-collapse>.large-11 {
        width: 91.6666666667%
    }

    .xlarge-margin-collapse>.large-12 {
        width: 100%
    }

    .xlarge-margin-collapse>.xlarge-1 {
        width: 8.3333333333%
    }

    .xlarge-margin-collapse>.xlarge-2 {
        width: 16.6666666667%
    }

    .xlarge-margin-collapse>.xlarge-3 {
        width: 25%
    }

    .xlarge-margin-collapse>.xlarge-4 {
        width: 33.3333333333%
    }

    .xlarge-margin-collapse>.xlarge-5 {
        width: 41.6666666667%
    }

    .xlarge-margin-collapse>.xlarge-6 {
        width: 50%
    }

    .xlarge-margin-collapse>.xlarge-7 {
        width: 58.3333333333%
    }

    .xlarge-margin-collapse>.xlarge-8 {
        width: 66.6666666667%
    }

    .xlarge-margin-collapse>.xlarge-9 {
        width: 75%
    }

    .xlarge-margin-collapse>.xlarge-10 {
        width: 83.3333333333%
    }

    .xlarge-margin-collapse>.xlarge-11 {
        width: 91.6666666667%
    }

    .xlarge-margin-collapse>.xlarge-12 {
        width: 100%
    }
}

@media screen and (min-width: 120em) {
    .xlarge-margin-collapse>.xxlarge-1 {
        width: 8.3333333333%
    }

    .xlarge-margin-collapse>.xxlarge-2 {
        width: 16.6666666667%
    }

    .xlarge-margin-collapse>.xxlarge-3 {
        width: 25%
    }

    .xlarge-margin-collapse>.xxlarge-4 {
        width: 33.3333333333%
    }

    .xlarge-margin-collapse>.xxlarge-5 {
        width: 41.6666666667%
    }

    .xlarge-margin-collapse>.xxlarge-6 {
        width: 50%
    }

    .xlarge-margin-collapse>.xxlarge-7 {
        width: 58.3333333333%
    }

    .xlarge-margin-collapse>.xxlarge-8 {
        width: 66.6666666667%
    }

    .xlarge-margin-collapse>.xxlarge-9 {
        width: 75%
    }

    .xlarge-margin-collapse>.xxlarge-10 {
        width: 83.3333333333%
    }

    .xlarge-margin-collapse>.xxlarge-11 {
        width: 91.6666666667%
    }

    .xlarge-margin-collapse>.xxlarge-12 {
        width: 100%
    }
}

@media screen and (min-width: 90em) {
    .xlarge-padding-collapse {
        margin-left: 0;
        margin-right: 0
    }

    .xlarge-padding-collapse>.cell {
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (min-width: 120em) {

    .xxlarge-margin-collapse,
    .xxlarge-margin-collapse>.cell {
        margin-left: 0;
        margin-right: 0
    }

    .xxlarge-margin-collapse>.small-1 {
        width: 8.3333333333%
    }

    .xxlarge-margin-collapse>.small-2 {
        width: 16.6666666667%
    }

    .xxlarge-margin-collapse>.small-3 {
        width: 25%
    }

    .xxlarge-margin-collapse>.small-4 {
        width: 33.3333333333%
    }

    .xxlarge-margin-collapse>.small-5 {
        width: 41.6666666667%
    }

    .xxlarge-margin-collapse>.small-6 {
        width: 50%
    }

    .xxlarge-margin-collapse>.small-7 {
        width: 58.3333333333%
    }

    .xxlarge-margin-collapse>.small-8 {
        width: 66.6666666667%
    }

    .xxlarge-margin-collapse>.small-9 {
        width: 75%
    }

    .xxlarge-margin-collapse>.small-10 {
        width: 83.3333333333%
    }

    .xxlarge-margin-collapse>.small-11 {
        width: 91.6666666667%
    }

    .xxlarge-margin-collapse>.small-12 {
        width: 100%
    }

    .xxlarge-margin-collapse>.medium-1 {
        width: 8.3333333333%
    }

    .xxlarge-margin-collapse>.medium-2 {
        width: 16.6666666667%
    }

    .xxlarge-margin-collapse>.medium-3 {
        width: 25%
    }

    .xxlarge-margin-collapse>.medium-4 {
        width: 33.3333333333%
    }

    .xxlarge-margin-collapse>.medium-5 {
        width: 41.6666666667%
    }

    .xxlarge-margin-collapse>.medium-6 {
        width: 50%
    }

    .xxlarge-margin-collapse>.medium-7 {
        width: 58.3333333333%
    }

    .xxlarge-margin-collapse>.medium-8 {
        width: 66.6666666667%
    }

    .xxlarge-margin-collapse>.medium-9 {
        width: 75%
    }

    .xxlarge-margin-collapse>.medium-10 {
        width: 83.3333333333%
    }

    .xxlarge-margin-collapse>.medium-11 {
        width: 91.6666666667%
    }

    .xxlarge-margin-collapse>.medium-12 {
        width: 100%
    }

    .xxlarge-margin-collapse>.large-1 {
        width: 8.3333333333%
    }

    .xxlarge-margin-collapse>.large-2 {
        width: 16.6666666667%
    }

    .xxlarge-margin-collapse>.large-3 {
        width: 25%
    }

    .xxlarge-margin-collapse>.large-4 {
        width: 33.3333333333%
    }

    .xxlarge-margin-collapse>.large-5 {
        width: 41.6666666667%
    }

    .xxlarge-margin-collapse>.large-6 {
        width: 50%
    }

    .xxlarge-margin-collapse>.large-7 {
        width: 58.3333333333%
    }

    .xxlarge-margin-collapse>.large-8 {
        width: 66.6666666667%
    }

    .xxlarge-margin-collapse>.large-9 {
        width: 75%
    }

    .xxlarge-margin-collapse>.large-10 {
        width: 83.3333333333%
    }

    .xxlarge-margin-collapse>.large-11 {
        width: 91.6666666667%
    }

    .xxlarge-margin-collapse>.large-12 {
        width: 100%
    }

    .xxlarge-margin-collapse>.xlarge-1 {
        width: 8.3333333333%
    }

    .xxlarge-margin-collapse>.xlarge-2 {
        width: 16.6666666667%
    }

    .xxlarge-margin-collapse>.xlarge-3 {
        width: 25%
    }

    .xxlarge-margin-collapse>.xlarge-4 {
        width: 33.3333333333%
    }

    .xxlarge-margin-collapse>.xlarge-5 {
        width: 41.6666666667%
    }

    .xxlarge-margin-collapse>.xlarge-6 {
        width: 50%
    }

    .xxlarge-margin-collapse>.xlarge-7 {
        width: 58.3333333333%
    }

    .xxlarge-margin-collapse>.xlarge-8 {
        width: 66.6666666667%
    }

    .xxlarge-margin-collapse>.xlarge-9 {
        width: 75%
    }

    .xxlarge-margin-collapse>.xlarge-10 {
        width: 83.3333333333%
    }

    .xxlarge-margin-collapse>.xlarge-11 {
        width: 91.6666666667%
    }

    .xxlarge-margin-collapse>.xlarge-12 {
        width: 100%
    }

    .xxlarge-margin-collapse>.xxlarge-1 {
        width: 8.3333333333%
    }

    .xxlarge-margin-collapse>.xxlarge-2 {
        width: 16.6666666667%
    }

    .xxlarge-margin-collapse>.xxlarge-3 {
        width: 25%
    }

    .xxlarge-margin-collapse>.xxlarge-4 {
        width: 33.3333333333%
    }

    .xxlarge-margin-collapse>.xxlarge-5 {
        width: 41.6666666667%
    }

    .xxlarge-margin-collapse>.xxlarge-6 {
        width: 50%
    }

    .xxlarge-margin-collapse>.xxlarge-7 {
        width: 58.3333333333%
    }

    .xxlarge-margin-collapse>.xxlarge-8 {
        width: 66.6666666667%
    }

    .xxlarge-margin-collapse>.xxlarge-9 {
        width: 75%
    }

    .xxlarge-margin-collapse>.xxlarge-10 {
        width: 83.3333333333%
    }

    .xxlarge-margin-collapse>.xxlarge-11 {
        width: 91.6666666667%
    }

    .xxlarge-margin-collapse>.xxlarge-12 {
        width: 100%
    }

    .xxlarge-padding-collapse {
        margin-left: 0;
        margin-right: 0
    }

    .xxlarge-padding-collapse>.cell {
        padding-left: 0;
        padding-right: 0
    }
}

.small-offset-0 {
    margin-left: 0
}

.grid-margin-x>.small-offset-0 {
    margin-left: .375rem
}

.small-offset-1 {
    margin-left: 8.3333333333%
}

.grid-margin-x>.small-offset-1 {
    margin-left: calc(8.33333% + .375rem)
}

.small-offset-2 {
    margin-left: 16.6666666667%
}

.grid-margin-x>.small-offset-2 {
    margin-left: calc(16.66667% + .375rem)
}

.small-offset-3 {
    margin-left: 25%
}

.grid-margin-x>.small-offset-3 {
    margin-left: calc(25% + .375rem)
}

.small-offset-4 {
    margin-left: 33.3333333333%
}

.grid-margin-x>.small-offset-4 {
    margin-left: calc(33.33333% + .375rem)
}

.small-offset-5 {
    margin-left: 41.6666666667%
}

.grid-margin-x>.small-offset-5 {
    margin-left: calc(41.66667% + .375rem)
}

.small-offset-6 {
    margin-left: 50%
}

.grid-margin-x>.small-offset-6 {
    margin-left: calc(50% + .375rem)
}

.small-offset-7 {
    margin-left: 58.3333333333%
}

.grid-margin-x>.small-offset-7 {
    margin-left: calc(58.33333% + .375rem)
}

.small-offset-8 {
    margin-left: 66.6666666667%
}

.grid-margin-x>.small-offset-8 {
    margin-left: calc(66.66667% + .375rem)
}

.small-offset-9 {
    margin-left: 75%
}

.grid-margin-x>.small-offset-9 {
    margin-left: calc(75% + .375rem)
}

.small-offset-10 {
    margin-left: 83.3333333333%
}

.grid-margin-x>.small-offset-10 {
    margin-left: calc(83.33333% + .375rem)
}

.small-offset-11 {
    margin-left: 91.6666666667%
}

.grid-margin-x>.small-offset-11 {
    margin-left: calc(91.66667% + .375rem)
}

@media print,
screen and (min-width: 30em) {
    .medium-offset-0 {
        margin-left: 0
    }

    .grid-margin-x>.medium-offset-0 {
        margin-left: .75rem
    }

    .medium-offset-1 {
        margin-left: 8.3333333333%
    }

    .grid-margin-x>.medium-offset-1 {
        margin-left: calc(8.33333% + .75rem)
    }

    .medium-offset-2 {
        margin-left: 16.6666666667%
    }

    .grid-margin-x>.medium-offset-2 {
        margin-left: calc(16.66667% + .75rem)
    }

    .medium-offset-3 {
        margin-left: 25%
    }

    .grid-margin-x>.medium-offset-3 {
        margin-left: calc(25% + .75rem)
    }

    .medium-offset-4 {
        margin-left: 33.3333333333%
    }

    .grid-margin-x>.medium-offset-4 {
        margin-left: calc(33.33333% + .75rem)
    }

    .medium-offset-5 {
        margin-left: 41.6666666667%
    }

    .grid-margin-x>.medium-offset-5 {
        margin-left: calc(41.66667% + .75rem)
    }

    .medium-offset-6 {
        margin-left: 50%
    }

    .grid-margin-x>.medium-offset-6 {
        margin-left: calc(50% + .75rem)
    }

    .medium-offset-7 {
        margin-left: 58.3333333333%
    }

    .grid-margin-x>.medium-offset-7 {
        margin-left: calc(58.33333% + .75rem)
    }

    .medium-offset-8 {
        margin-left: 66.6666666667%
    }

    .grid-margin-x>.medium-offset-8 {
        margin-left: calc(66.66667% + .75rem)
    }

    .medium-offset-9 {
        margin-left: 75%
    }

    .grid-margin-x>.medium-offset-9 {
        margin-left: calc(75% + .75rem)
    }

    .medium-offset-10 {
        margin-left: 83.3333333333%
    }

    .grid-margin-x>.medium-offset-10 {
        margin-left: calc(83.33333% + .75rem)
    }

    .medium-offset-11 {
        margin-left: 91.6666666667%
    }

    .grid-margin-x>.medium-offset-11 {
        margin-left: calc(91.66667% + .75rem)
    }
}

@media print,
screen and (min-width: 64em) {
    .large-offset-0 {
        margin-left: 0
    }

    .grid-margin-x>.large-offset-0 {
        margin-left: .75rem
    }

    .large-offset-1 {
        margin-left: 8.3333333333%
    }

    .grid-margin-x>.large-offset-1 {
        margin-left: calc(8.33333% + .75rem)
    }

    .large-offset-2 {
        margin-left: 16.6666666667%
    }

    .grid-margin-x>.large-offset-2 {
        margin-left: calc(16.66667% + .75rem)
    }

    .large-offset-3 {
        margin-left: 25%
    }

    .grid-margin-x>.large-offset-3 {
        margin-left: calc(25% + .75rem)
    }

    .large-offset-4 {
        margin-left: 33.3333333333%
    }

    .grid-margin-x>.large-offset-4 {
        margin-left: calc(33.33333% + .75rem)
    }

    .large-offset-5 {
        margin-left: 41.6666666667%
    }

    .grid-margin-x>.large-offset-5 {
        margin-left: calc(41.66667% + .75rem)
    }

    .large-offset-6 {
        margin-left: 50%
    }

    .grid-margin-x>.large-offset-6 {
        margin-left: calc(50% + .75rem)
    }

    .large-offset-7 {
        margin-left: 58.3333333333%
    }

    .grid-margin-x>.large-offset-7 {
        margin-left: calc(58.33333% + .75rem)
    }

    .large-offset-8 {
        margin-left: 66.6666666667%
    }

    .grid-margin-x>.large-offset-8 {
        margin-left: calc(66.66667% + .75rem)
    }

    .large-offset-9 {
        margin-left: 75%
    }

    .grid-margin-x>.large-offset-9 {
        margin-left: calc(75% + .75rem)
    }

    .large-offset-10 {
        margin-left: 83.3333333333%
    }

    .grid-margin-x>.large-offset-10 {
        margin-left: calc(83.33333% + .75rem)
    }

    .large-offset-11 {
        margin-left: 91.6666666667%
    }

    .grid-margin-x>.large-offset-11 {
        margin-left: calc(91.66667% + .75rem)
    }
}

@media screen and (min-width: 90em) {
    .xlarge-offset-0 {
        margin-left: 0
    }

    .grid-margin-x>.xlarge-offset-0 {
        margin-left: .75rem
    }

    .xlarge-offset-1 {
        margin-left: 8.3333333333%
    }

    .grid-margin-x>.xlarge-offset-1 {
        margin-left: calc(8.33333% + .75rem)
    }

    .xlarge-offset-2 {
        margin-left: 16.6666666667%
    }

    .grid-margin-x>.xlarge-offset-2 {
        margin-left: calc(16.66667% + .75rem)
    }

    .xlarge-offset-3 {
        margin-left: 25%
    }

    .grid-margin-x>.xlarge-offset-3 {
        margin-left: calc(25% + .75rem)
    }

    .xlarge-offset-4 {
        margin-left: 33.3333333333%
    }

    .grid-margin-x>.xlarge-offset-4 {
        margin-left: calc(33.33333% + .75rem)
    }

    .xlarge-offset-5 {
        margin-left: 41.6666666667%
    }

    .grid-margin-x>.xlarge-offset-5 {
        margin-left: calc(41.66667% + .75rem)
    }

    .xlarge-offset-6 {
        margin-left: 50%
    }

    .grid-margin-x>.xlarge-offset-6 {
        margin-left: calc(50% + .75rem)
    }

    .xlarge-offset-7 {
        margin-left: 58.3333333333%
    }

    .grid-margin-x>.xlarge-offset-7 {
        margin-left: calc(58.33333% + .75rem)
    }

    .xlarge-offset-8 {
        margin-left: 66.6666666667%
    }

    .grid-margin-x>.xlarge-offset-8 {
        margin-left: calc(66.66667% + .75rem)
    }

    .xlarge-offset-9 {
        margin-left: 75%
    }

    .grid-margin-x>.xlarge-offset-9 {
        margin-left: calc(75% + .75rem)
    }

    .xlarge-offset-10 {
        margin-left: 83.3333333333%
    }

    .grid-margin-x>.xlarge-offset-10 {
        margin-left: calc(83.33333% + .75rem)
    }

    .xlarge-offset-11 {
        margin-left: 91.6666666667%
    }

    .grid-margin-x>.xlarge-offset-11 {
        margin-left: calc(91.66667% + .75rem)
    }
}

@media screen and (min-width: 120em) {
    .xxlarge-offset-0 {
        margin-left: 0
    }

    .grid-margin-x>.xxlarge-offset-0 {
        margin-left: .75rem
    }

    .xxlarge-offset-1 {
        margin-left: 8.3333333333%
    }

    .grid-margin-x>.xxlarge-offset-1 {
        margin-left: calc(8.33333% + .75rem)
    }

    .xxlarge-offset-2 {
        margin-left: 16.6666666667%
    }

    .grid-margin-x>.xxlarge-offset-2 {
        margin-left: calc(16.66667% + .75rem)
    }

    .xxlarge-offset-3 {
        margin-left: 25%
    }

    .grid-margin-x>.xxlarge-offset-3 {
        margin-left: calc(25% + .75rem)
    }

    .xxlarge-offset-4 {
        margin-left: 33.3333333333%
    }

    .grid-margin-x>.xxlarge-offset-4 {
        margin-left: calc(33.33333% + .75rem)
    }

    .xxlarge-offset-5 {
        margin-left: 41.6666666667%
    }

    .grid-margin-x>.xxlarge-offset-5 {
        margin-left: calc(41.66667% + .75rem)
    }

    .xxlarge-offset-6 {
        margin-left: 50%
    }

    .grid-margin-x>.xxlarge-offset-6 {
        margin-left: calc(50% + .75rem)
    }

    .xxlarge-offset-7 {
        margin-left: 58.3333333333%
    }

    .grid-margin-x>.xxlarge-offset-7 {
        margin-left: calc(58.33333% + .75rem)
    }

    .xxlarge-offset-8 {
        margin-left: 66.6666666667%
    }

    .grid-margin-x>.xxlarge-offset-8 {
        margin-left: calc(66.66667% + .75rem)
    }

    .xxlarge-offset-9 {
        margin-left: 75%
    }

    .grid-margin-x>.xxlarge-offset-9 {
        margin-left: calc(75% + .75rem)
    }

    .xxlarge-offset-10 {
        margin-left: 83.3333333333%
    }

    .grid-margin-x>.xxlarge-offset-10 {
        margin-left: calc(83.33333% + .75rem)
    }

    .xxlarge-offset-11 {
        margin-left: 91.6666666667%
    }

    .grid-margin-x>.xxlarge-offset-11 {
        margin-left: calc(91.66667% + .75rem)
    }
}

.grid-y {
    display: flex;
    flex-flow: column nowrap
}

.grid-y>.cell {
    height: auto;
    max-height: none
}

.grid-y>.auto,
.grid-y>.shrink {
    height: auto
}

.grid-y>.small-1,
.grid-y>.small-10,
.grid-y>.small-11,
.grid-y>.small-12,
.grid-y>.small-2,
.grid-y>.small-3,
.grid-y>.small-4,
.grid-y>.small-5,
.grid-y>.small-6,
.grid-y>.small-7,
.grid-y>.small-8,
.grid-y>.small-9,
.grid-y>.small-full,
.grid-y>.small-shrink {
    flex-basis: auto
}

@media print,
screen and (min-width: 30em) {

    .grid-y>.medium-1,
    .grid-y>.medium-10,
    .grid-y>.medium-11,
    .grid-y>.medium-12,
    .grid-y>.medium-2,
    .grid-y>.medium-3,
    .grid-y>.medium-4,
    .grid-y>.medium-5,
    .grid-y>.medium-6,
    .grid-y>.medium-7,
    .grid-y>.medium-8,
    .grid-y>.medium-9,
    .grid-y>.medium-full,
    .grid-y>.medium-shrink {
        flex-basis: auto
    }
}

@media print,
screen and (min-width: 64em) {

    .grid-y>.large-1,
    .grid-y>.large-10,
    .grid-y>.large-11,
    .grid-y>.large-12,
    .grid-y>.large-2,
    .grid-y>.large-3,
    .grid-y>.large-4,
    .grid-y>.large-5,
    .grid-y>.large-6,
    .grid-y>.large-7,
    .grid-y>.large-8,
    .grid-y>.large-9,
    .grid-y>.large-full,
    .grid-y>.large-shrink {
        flex-basis: auto
    }
}

@media screen and (min-width: 90em) {

    .grid-y>.xlarge-1,
    .grid-y>.xlarge-10,
    .grid-y>.xlarge-11,
    .grid-y>.xlarge-12,
    .grid-y>.xlarge-2,
    .grid-y>.xlarge-3,
    .grid-y>.xlarge-4,
    .grid-y>.xlarge-5,
    .grid-y>.xlarge-6,
    .grid-y>.xlarge-7,
    .grid-y>.xlarge-8,
    .grid-y>.xlarge-9,
    .grid-y>.xlarge-full,
    .grid-y>.xlarge-shrink {
        flex-basis: auto
    }
}

@media screen and (min-width: 120em) {

    .grid-y>.xxlarge-1,
    .grid-y>.xxlarge-10,
    .grid-y>.xxlarge-11,
    .grid-y>.xxlarge-12,
    .grid-y>.xxlarge-2,
    .grid-y>.xxlarge-3,
    .grid-y>.xxlarge-4,
    .grid-y>.xxlarge-5,
    .grid-y>.xxlarge-6,
    .grid-y>.xxlarge-7,
    .grid-y>.xxlarge-8,
    .grid-y>.xxlarge-9,
    .grid-y>.xxlarge-full,
    .grid-y>.xxlarge-shrink {
        flex-basis: auto
    }
}

.grid-y>.small-1,
.grid-y>.small-10,
.grid-y>.small-11,
.grid-y>.small-12,
.grid-y>.small-2,
.grid-y>.small-3,
.grid-y>.small-4,
.grid-y>.small-5,
.grid-y>.small-6,
.grid-y>.small-7,
.grid-y>.small-8,
.grid-y>.small-9 {
    flex: 0 0 auto
}

.grid-y>.small-1 {
    height: 8.3333333333%
}

.grid-y>.small-2 {
    height: 16.6666666667%
}

.grid-y>.small-3 {
    height: 25%
}

.grid-y>.small-4 {
    height: 33.3333333333%
}

.grid-y>.small-5 {
    height: 41.6666666667%
}

.grid-y>.small-6 {
    height: 50%
}

.grid-y>.small-7 {
    height: 58.3333333333%
}

.grid-y>.small-8 {
    height: 66.6666666667%
}

.grid-y>.small-9 {
    height: 75%
}

.grid-y>.small-10 {
    height: 83.3333333333%
}

.grid-y>.small-11 {
    height: 91.6666666667%
}

.grid-y>.small-12 {
    height: 100%
}

@media print,
screen and (min-width: 30em) {
    .grid-y>.medium-auto {
        flex: 1 1 0;
        height: auto
    }

    .grid-y>.medium-1,
    .grid-y>.medium-10,
    .grid-y>.medium-11,
    .grid-y>.medium-12,
    .grid-y>.medium-2,
    .grid-y>.medium-3,
    .grid-y>.medium-4,
    .grid-y>.medium-5,
    .grid-y>.medium-6,
    .grid-y>.medium-7,
    .grid-y>.medium-8,
    .grid-y>.medium-9,
    .grid-y>.medium-shrink {
        flex: 0 0 auto
    }

    .grid-y>.medium-shrink {
        height: auto
    }

    .grid-y>.medium-1 {
        height: 8.3333333333%
    }

    .grid-y>.medium-2 {
        height: 16.6666666667%
    }

    .grid-y>.medium-3 {
        height: 25%
    }

    .grid-y>.medium-4 {
        height: 33.3333333333%
    }

    .grid-y>.medium-5 {
        height: 41.6666666667%
    }

    .grid-y>.medium-6 {
        height: 50%
    }

    .grid-y>.medium-7 {
        height: 58.3333333333%
    }

    .grid-y>.medium-8 {
        height: 66.6666666667%
    }

    .grid-y>.medium-9 {
        height: 75%
    }

    .grid-y>.medium-10 {
        height: 83.3333333333%
    }

    .grid-y>.medium-11 {
        height: 91.6666666667%
    }

    .grid-y>.medium-12 {
        height: 100%
    }
}

@media print,
screen and (min-width: 64em) {
    .grid-y>.large-auto {
        flex: 1 1 0;
        height: auto
    }

    .grid-y>.large-1,
    .grid-y>.large-10,
    .grid-y>.large-11,
    .grid-y>.large-12,
    .grid-y>.large-2,
    .grid-y>.large-3,
    .grid-y>.large-4,
    .grid-y>.large-5,
    .grid-y>.large-6,
    .grid-y>.large-7,
    .grid-y>.large-8,
    .grid-y>.large-9,
    .grid-y>.large-shrink {
        flex: 0 0 auto
    }

    .grid-y>.large-shrink {
        height: auto
    }

    .grid-y>.large-1 {
        height: 8.3333333333%
    }

    .grid-y>.large-2 {
        height: 16.6666666667%
    }

    .grid-y>.large-3 {
        height: 25%
    }

    .grid-y>.large-4 {
        height: 33.3333333333%
    }

    .grid-y>.large-5 {
        height: 41.6666666667%
    }

    .grid-y>.large-6 {
        height: 50%
    }

    .grid-y>.large-7 {
        height: 58.3333333333%
    }

    .grid-y>.large-8 {
        height: 66.6666666667%
    }

    .grid-y>.large-9 {
        height: 75%
    }

    .grid-y>.large-10 {
        height: 83.3333333333%
    }

    .grid-y>.large-11 {
        height: 91.6666666667%
    }

    .grid-y>.large-12 {
        height: 100%
    }
}

@media screen and (min-width: 90em) {
    .grid-y>.xlarge-auto {
        flex: 1 1 0;
        height: auto
    }

    .grid-y>.xlarge-1,
    .grid-y>.xlarge-10,
    .grid-y>.xlarge-11,
    .grid-y>.xlarge-12,
    .grid-y>.xlarge-2,
    .grid-y>.xlarge-3,
    .grid-y>.xlarge-4,
    .grid-y>.xlarge-5,
    .grid-y>.xlarge-6,
    .grid-y>.xlarge-7,
    .grid-y>.xlarge-8,
    .grid-y>.xlarge-9,
    .grid-y>.xlarge-shrink {
        flex: 0 0 auto
    }

    .grid-y>.xlarge-shrink {
        height: auto
    }

    .grid-y>.xlarge-1 {
        height: 8.3333333333%
    }

    .grid-y>.xlarge-2 {
        height: 16.6666666667%
    }

    .grid-y>.xlarge-3 {
        height: 25%
    }

    .grid-y>.xlarge-4 {
        height: 33.3333333333%
    }

    .grid-y>.xlarge-5 {
        height: 41.6666666667%
    }

    .grid-y>.xlarge-6 {
        height: 50%
    }

    .grid-y>.xlarge-7 {
        height: 58.3333333333%
    }

    .grid-y>.xlarge-8 {
        height: 66.6666666667%
    }

    .grid-y>.xlarge-9 {
        height: 75%
    }

    .grid-y>.xlarge-10 {
        height: 83.3333333333%
    }

    .grid-y>.xlarge-11 {
        height: 91.6666666667%
    }

    .grid-y>.xlarge-12 {
        height: 100%
    }
}

@media screen and (min-width: 120em) {
    .grid-y>.xxlarge-auto {
        flex: 1 1 0;
        height: auto
    }

    .grid-y>.xxlarge-1,
    .grid-y>.xxlarge-10,
    .grid-y>.xxlarge-11,
    .grid-y>.xxlarge-12,
    .grid-y>.xxlarge-2,
    .grid-y>.xxlarge-3,
    .grid-y>.xxlarge-4,
    .grid-y>.xxlarge-5,
    .grid-y>.xxlarge-6,
    .grid-y>.xxlarge-7,
    .grid-y>.xxlarge-8,
    .grid-y>.xxlarge-9,
    .grid-y>.xxlarge-shrink {
        flex: 0 0 auto
    }

    .grid-y>.xxlarge-shrink {
        height: auto
    }

    .grid-y>.xxlarge-1 {
        height: 8.3333333333%
    }

    .grid-y>.xxlarge-2 {
        height: 16.6666666667%
    }

    .grid-y>.xxlarge-3 {
        height: 25%
    }

    .grid-y>.xxlarge-4 {
        height: 33.3333333333%
    }

    .grid-y>.xxlarge-5 {
        height: 41.6666666667%
    }

    .grid-y>.xxlarge-6 {
        height: 50%
    }

    .grid-y>.xxlarge-7 {
        height: 58.3333333333%
    }

    .grid-y>.xxlarge-8 {
        height: 66.6666666667%
    }

    .grid-y>.xxlarge-9 {
        height: 75%
    }

    .grid-y>.xxlarge-10 {
        height: 83.3333333333%
    }

    .grid-y>.xxlarge-11 {
        height: 91.6666666667%
    }

    .grid-y>.xxlarge-12 {
        height: 100%
    }
}

.grid-padding-y .grid-padding-y {
    margin-bottom: -.375rem;
    margin-top: -.375rem
}

@media print,
screen and (min-width: 30em) {
    .grid-padding-y .grid-padding-y {
        margin-bottom: -.75rem;
        margin-top: -.75rem
    }
}

.grid-padding-y>.cell {
    padding-bottom: .375rem;
    padding-top: .375rem
}

@media print,
screen and (min-width: 30em) {
    .grid-padding-y>.cell {
        padding-bottom: .75rem;
        padding-top: .75rem
    }
}

.grid-frame {
    align-items: stretch;
    flex-wrap: nowrap;
    overflow: hidden;
    position: relative;
    width: 100vw
}

.cell .grid-frame {
    width: 100%
}

.cell-block {
    max-width: 100%;
    overflow-x: auto
}

.cell-block,
.cell-block-y {
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.cell-block-y {
    max-height: 100%;
    min-height: 100%;
    overflow-y: auto
}

.cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%
}

.cell-block-container>.grid-x {
    flex-wrap: nowrap;
    max-height: 100%
}

@media print,
screen and (min-width: 30em) {
    .medium-grid-frame {
        align-items: stretch;
        flex-wrap: nowrap;
        overflow: hidden;
        position: relative;
        width: 100vw
    }

    .cell .medium-grid-frame {
        width: 100%
    }

    .medium-cell-block {
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        max-width: 100%;
        overflow-x: auto
    }

    .medium-cell-block-container {
        display: flex;
        flex-direction: column;
        max-height: 100%
    }

    .medium-cell-block-container>.grid-x {
        flex-wrap: nowrap;
        max-height: 100%
    }

    .medium-cell-block-y {
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        max-height: 100%;
        min-height: 100%;
        overflow-y: auto
    }
}

@media print,
screen and (min-width: 64em) {
    .large-grid-frame {
        align-items: stretch;
        flex-wrap: nowrap;
        overflow: hidden;
        position: relative;
        width: 100vw
    }

    .cell .large-grid-frame {
        width: 100%
    }

    .large-cell-block {
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        max-width: 100%;
        overflow-x: auto
    }

    .large-cell-block-container {
        display: flex;
        flex-direction: column;
        max-height: 100%
    }

    .large-cell-block-container>.grid-x {
        flex-wrap: nowrap;
        max-height: 100%
    }

    .large-cell-block-y {
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        max-height: 100%;
        min-height: 100%;
        overflow-y: auto
    }
}

@media screen and (min-width: 90em) {
    .xlarge-grid-frame {
        align-items: stretch;
        flex-wrap: nowrap;
        overflow: hidden;
        position: relative;
        width: 100vw
    }

    .cell .xlarge-grid-frame {
        width: 100%
    }

    .xlarge-cell-block {
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        max-width: 100%;
        overflow-x: auto
    }

    .xlarge-cell-block-container {
        display: flex;
        flex-direction: column;
        max-height: 100%
    }

    .xlarge-cell-block-container>.grid-x {
        flex-wrap: nowrap;
        max-height: 100%
    }

    .xlarge-cell-block-y {
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        max-height: 100%;
        min-height: 100%;
        overflow-y: auto
    }
}

@media screen and (min-width: 120em) {
    .xxlarge-grid-frame {
        align-items: stretch;
        flex-wrap: nowrap;
        overflow: hidden;
        position: relative;
        width: 100vw
    }

    .cell .xxlarge-grid-frame {
        width: 100%
    }

    .xxlarge-cell-block {
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        max-width: 100%;
        overflow-x: auto
    }

    .xxlarge-cell-block-container {
        display: flex;
        flex-direction: column;
        max-height: 100%
    }

    .xxlarge-cell-block-container>.grid-x {
        flex-wrap: nowrap;
        max-height: 100%
    }

    .xxlarge-cell-block-y {
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        max-height: 100%;
        min-height: 100%;
        overflow-y: auto
    }
}

.grid-y.grid-frame {
    align-items: stretch;
    flex-wrap: nowrap;
    height: 100vh;
    overflow: hidden;
    position: relative;
    width: auto
}

@media print,
screen and (min-width: 30em) {
    .grid-y.medium-grid-frame {
        align-items: stretch;
        flex-wrap: nowrap;
        height: 100vh;
        overflow: hidden;
        position: relative;
        width: auto
    }
}

@media print,
screen and (min-width: 64em) {
    .grid-y.large-grid-frame {
        align-items: stretch;
        flex-wrap: nowrap;
        height: 100vh;
        overflow: hidden;
        position: relative;
        width: auto
    }
}

@media screen and (min-width: 90em) {
    .grid-y.xlarge-grid-frame {
        align-items: stretch;
        flex-wrap: nowrap;
        height: 100vh;
        overflow: hidden;
        position: relative;
        width: auto
    }
}

@media screen and (min-width: 120em) {
    .grid-y.xxlarge-grid-frame {
        align-items: stretch;
        flex-wrap: nowrap;
        height: 100vh;
        overflow: hidden;
        position: relative;
        width: auto
    }
}

.cell .grid-y.grid-frame {
    height: 100%
}

@media print,
screen and (min-width: 30em) {
    .cell .grid-y.medium-grid-frame {
        height: 100%
    }
}

@media print,
screen and (min-width: 64em) {
    .cell .grid-y.large-grid-frame {
        height: 100%
    }
}

@media screen and (min-width: 90em) {
    .cell .grid-y.xlarge-grid-frame {
        height: 100%
    }
}

@media screen and (min-width: 120em) {
    .cell .grid-y.xxlarge-grid-frame {
        height: 100%
    }
}

.grid-margin-y {
    margin-bottom: -.375rem;
    margin-top: -.375rem
}

@media print,
screen and (min-width: 30em) {
    .grid-margin-y {
        margin-bottom: -.75rem;
        margin-top: -.75rem
    }
}

.grid-margin-y>.cell {
    height: calc(100% - .75rem);
    margin-bottom: .375rem;
    margin-top: .375rem
}

@media print,
screen and (min-width: 30em) {
    .grid-margin-y>.cell {
        height: calc(100% - 1.5rem);
        margin-bottom: .75rem;
        margin-top: .75rem
    }
}

.grid-margin-y>.auto,
.grid-margin-y>.shrink {
    height: auto
}

.grid-margin-y>.small-1 {
    height: calc(8.33333% - .75rem)
}

.grid-margin-y>.small-2 {
    height: calc(16.66667% - .75rem)
}

.grid-margin-y>.small-3 {
    height: calc(25% - .75rem)
}

.grid-margin-y>.small-4 {
    height: calc(33.33333% - .75rem)
}

.grid-margin-y>.small-5 {
    height: calc(41.66667% - .75rem)
}

.grid-margin-y>.small-6 {
    height: calc(50% - .75rem)
}

.grid-margin-y>.small-7 {
    height: calc(58.33333% - .75rem)
}

.grid-margin-y>.small-8 {
    height: calc(66.66667% - .75rem)
}

.grid-margin-y>.small-9 {
    height: calc(75% - .75rem)
}

.grid-margin-y>.small-10 {
    height: calc(83.33333% - .75rem)
}

.grid-margin-y>.small-11 {
    height: calc(91.66667% - .75rem)
}

.grid-margin-y>.small-12 {
    height: calc(100% - .75rem)
}

@media print,
screen and (min-width: 30em) {

    .grid-margin-y>.auto,
    .grid-margin-y>.shrink {
        height: auto
    }

    .grid-margin-y>.small-1 {
        height: calc(8.33333% - 1.5rem)
    }

    .grid-margin-y>.small-2 {
        height: calc(16.66667% - 1.5rem)
    }

    .grid-margin-y>.small-3 {
        height: calc(25% - 1.5rem)
    }

    .grid-margin-y>.small-4 {
        height: calc(33.33333% - 1.5rem)
    }

    .grid-margin-y>.small-5 {
        height: calc(41.66667% - 1.5rem)
    }

    .grid-margin-y>.small-6 {
        height: calc(50% - 1.5rem)
    }

    .grid-margin-y>.small-7 {
        height: calc(58.33333% - 1.5rem)
    }

    .grid-margin-y>.small-8 {
        height: calc(66.66667% - 1.5rem)
    }

    .grid-margin-y>.small-9 {
        height: calc(75% - 1.5rem)
    }

    .grid-margin-y>.small-10 {
        height: calc(83.33333% - 1.5rem)
    }

    .grid-margin-y>.small-11 {
        height: calc(91.66667% - 1.5rem)
    }

    .grid-margin-y>.small-12 {
        height: calc(100% - 1.5rem)
    }

    .grid-margin-y>.medium-auto,
    .grid-margin-y>.medium-shrink {
        height: auto
    }

    .grid-margin-y>.medium-1 {
        height: calc(8.33333% - 1.5rem)
    }

    .grid-margin-y>.medium-2 {
        height: calc(16.66667% - 1.5rem)
    }

    .grid-margin-y>.medium-3 {
        height: calc(25% - 1.5rem)
    }

    .grid-margin-y>.medium-4 {
        height: calc(33.33333% - 1.5rem)
    }

    .grid-margin-y>.medium-5 {
        height: calc(41.66667% - 1.5rem)
    }

    .grid-margin-y>.medium-6 {
        height: calc(50% - 1.5rem)
    }

    .grid-margin-y>.medium-7 {
        height: calc(58.33333% - 1.5rem)
    }

    .grid-margin-y>.medium-8 {
        height: calc(66.66667% - 1.5rem)
    }

    .grid-margin-y>.medium-9 {
        height: calc(75% - 1.5rem)
    }

    .grid-margin-y>.medium-10 {
        height: calc(83.33333% - 1.5rem)
    }

    .grid-margin-y>.medium-11 {
        height: calc(91.66667% - 1.5rem)
    }

    .grid-margin-y>.medium-12 {
        height: calc(100% - 1.5rem)
    }
}

@media print,
screen and (min-width: 64em) {

    .grid-margin-y>.large-auto,
    .grid-margin-y>.large-shrink {
        height: auto
    }

    .grid-margin-y>.large-1 {
        height: calc(8.33333% - 1.5rem)
    }

    .grid-margin-y>.large-2 {
        height: calc(16.66667% - 1.5rem)
    }

    .grid-margin-y>.large-3 {
        height: calc(25% - 1.5rem)
    }

    .grid-margin-y>.large-4 {
        height: calc(33.33333% - 1.5rem)
    }

    .grid-margin-y>.large-5 {
        height: calc(41.66667% - 1.5rem)
    }

    .grid-margin-y>.large-6 {
        height: calc(50% - 1.5rem)
    }

    .grid-margin-y>.large-7 {
        height: calc(58.33333% - 1.5rem)
    }

    .grid-margin-y>.large-8 {
        height: calc(66.66667% - 1.5rem)
    }

    .grid-margin-y>.large-9 {
        height: calc(75% - 1.5rem)
    }

    .grid-margin-y>.large-10 {
        height: calc(83.33333% - 1.5rem)
    }

    .grid-margin-y>.large-11 {
        height: calc(91.66667% - 1.5rem)
    }

    .grid-margin-y>.large-12 {
        height: calc(100% - 1.5rem)
    }
}

@media screen and (min-width: 90em) {

    .grid-margin-y>.xlarge-auto,
    .grid-margin-y>.xlarge-shrink {
        height: auto
    }

    .grid-margin-y>.xlarge-1 {
        height: calc(8.33333% - 1.5rem)
    }

    .grid-margin-y>.xlarge-2 {
        height: calc(16.66667% - 1.5rem)
    }

    .grid-margin-y>.xlarge-3 {
        height: calc(25% - 1.5rem)
    }

    .grid-margin-y>.xlarge-4 {
        height: calc(33.33333% - 1.5rem)
    }

    .grid-margin-y>.xlarge-5 {
        height: calc(41.66667% - 1.5rem)
    }

    .grid-margin-y>.xlarge-6 {
        height: calc(50% - 1.5rem)
    }

    .grid-margin-y>.xlarge-7 {
        height: calc(58.33333% - 1.5rem)
    }

    .grid-margin-y>.xlarge-8 {
        height: calc(66.66667% - 1.5rem)
    }

    .grid-margin-y>.xlarge-9 {
        height: calc(75% - 1.5rem)
    }

    .grid-margin-y>.xlarge-10 {
        height: calc(83.33333% - 1.5rem)
    }

    .grid-margin-y>.xlarge-11 {
        height: calc(91.66667% - 1.5rem)
    }

    .grid-margin-y>.xlarge-12 {
        height: calc(100% - 1.5rem)
    }
}

@media screen and (min-width: 120em) {

    .grid-margin-y>.xxlarge-auto,
    .grid-margin-y>.xxlarge-shrink {
        height: auto
    }

    .grid-margin-y>.xxlarge-1 {
        height: calc(8.33333% - 1.5rem)
    }

    .grid-margin-y>.xxlarge-2 {
        height: calc(16.66667% - 1.5rem)
    }

    .grid-margin-y>.xxlarge-3 {
        height: calc(25% - 1.5rem)
    }

    .grid-margin-y>.xxlarge-4 {
        height: calc(33.33333% - 1.5rem)
    }

    .grid-margin-y>.xxlarge-5 {
        height: calc(41.66667% - 1.5rem)
    }

    .grid-margin-y>.xxlarge-6 {
        height: calc(50% - 1.5rem)
    }

    .grid-margin-y>.xxlarge-7 {
        height: calc(58.33333% - 1.5rem)
    }

    .grid-margin-y>.xxlarge-8 {
        height: calc(66.66667% - 1.5rem)
    }

    .grid-margin-y>.xxlarge-9 {
        height: calc(75% - 1.5rem)
    }

    .grid-margin-y>.xxlarge-10 {
        height: calc(83.33333% - 1.5rem)
    }

    .grid-margin-y>.xxlarge-11 {
        height: calc(91.66667% - 1.5rem)
    }

    .grid-margin-y>.xxlarge-12 {
        height: calc(100% - 1.5rem)
    }
}

.grid-frame.grid-margin-y {
    height: calc(100vh + .75rem)
}

@media print,
screen and (min-width: 30em) {
    .grid-frame.grid-margin-y {
        height: calc(100vh + 1.5rem)
    }
}

@media print,
screen and (min-width: 64em) {
    .grid-frame.grid-margin-y {
        height: calc(100vh + 1.5rem)
    }
}

@media screen and (min-width: 90em) {
    .grid-frame.grid-margin-y {
        height: calc(100vh + 1.5rem)
    }
}

@media screen and (min-width: 120em) {
    .grid-frame.grid-margin-y {
        height: calc(100vh + 1.5rem)
    }
}

@media print,
screen and (min-width: 30em) {
    .grid-margin-y.medium-grid-frame {
        height: calc(100vh + 1.5rem)
    }
}

@media print,
screen and (min-width: 64em) {
    .grid-margin-y.large-grid-frame {
        height: calc(100vh + 1.5rem)
    }
}

@media screen and (min-width: 90em) {
    .grid-margin-y.xlarge-grid-frame {
        height: calc(100vh + 1.5rem)
    }
}

@media screen and (min-width: 120em) {
    .grid-margin-y.xxlarge-grid-frame {
        height: calc(100vh + 1.5rem)
    }
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-center {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.clearfix:after,
.clearfix:before {
    content: " ";
    display: table;
    flex-basis: 0;
    order: 1
}

.clearfix:after {
    clear: both
}

.align-left {
    justify-content: flex-start
}

.align-right {
    justify-content: flex-end
}

.align-center {
    justify-content: center
}

.align-justify {
    justify-content: space-between
}

.align-spaced {
    justify-content: space-around
}

.align-left.vertical.menu>li>a {
    justify-content: flex-start
}

.align-right.vertical.menu>li>a {
    justify-content: flex-end
}

.align-center.vertical.menu>li>a {
    justify-content: center
}

.align-top {
    align-items: flex-start
}

.align-self-top {
    align-self: flex-start
}

.align-bottom {
    align-items: flex-end
}

.align-self-bottom {
    align-self: flex-end
}

.align-middle {
    align-items: center
}

.align-self-middle {
    align-self: center
}

.align-stretch {
    align-items: stretch
}

.align-self-stretch {
    align-self: stretch
}

.align-center-middle {
    align-content: center;
    align-items: center;
    justify-content: center
}

.small-order-1 {
    order: 1
}

.small-order-2 {
    order: 2
}

.small-order-3 {
    order: 3
}

.small-order-4 {
    order: 4
}

.small-order-5 {
    order: 5
}

.small-order-6 {
    order: 6
}

@media print,
screen and (min-width: 30em) {
    .medium-order-1 {
        order: 1
    }

    .medium-order-2 {
        order: 2
    }

    .medium-order-3 {
        order: 3
    }

    .medium-order-4 {
        order: 4
    }

    .medium-order-5 {
        order: 5
    }

    .medium-order-6 {
        order: 6
    }
}

@media print,
screen and (min-width: 64em) {
    .large-order-1 {
        order: 1
    }

    .large-order-2 {
        order: 2
    }

    .large-order-3 {
        order: 3
    }

    .large-order-4 {
        order: 4
    }

    .large-order-5 {
        order: 5
    }

    .large-order-6 {
        order: 6
    }
}

@media screen and (min-width: 90em) {
    .xlarge-order-1 {
        order: 1
    }

    .xlarge-order-2 {
        order: 2
    }

    .xlarge-order-3 {
        order: 3
    }

    .xlarge-order-4 {
        order: 4
    }

    .xlarge-order-5 {
        order: 5
    }

    .xlarge-order-6 {
        order: 6
    }
}

@media screen and (min-width: 120em) {
    .xxlarge-order-1 {
        order: 1
    }

    .xxlarge-order-2 {
        order: 2
    }

    .xxlarge-order-3 {
        order: 3
    }

    .xxlarge-order-4 {
        order: 4
    }

    .xxlarge-order-5 {
        order: 5
    }

    .xxlarge-order-6 {
        order: 6
    }
}

.flex-container {
    display: flex
}

.flex-child-auto {
    flex: 1 1 auto
}

.flex-child-grow {
    flex: 1 0 auto
}

.flex-child-shrink {
    flex: 0 1 auto
}

.flex-dir-row {
    flex-direction: row
}

.flex-dir-row-reverse {
    flex-direction: row-reverse
}

.flex-dir-column {
    flex-direction: column
}

.flex-dir-column-reverse {
    flex-direction: column-reverse
}

@media print,
screen and (min-width: 30em) {
    .medium-flex-container {
        display: flex
    }

    .medium-flex-child-auto {
        flex: 1 1 auto
    }

    .medium-flex-child-grow {
        flex: 1 0 auto
    }

    .medium-flex-child-shrink {
        flex: 0 1 auto
    }

    .medium-flex-dir-row {
        flex-direction: row
    }

    .medium-flex-dir-row-reverse {
        flex-direction: row-reverse
    }

    .medium-flex-dir-column {
        flex-direction: column
    }

    .medium-flex-dir-column-reverse {
        flex-direction: column-reverse
    }
}

@media print,
screen and (min-width: 64em) {
    .large-flex-container {
        display: flex
    }

    .large-flex-child-auto {
        flex: 1 1 auto
    }

    .large-flex-child-grow {
        flex: 1 0 auto
    }

    .large-flex-child-shrink {
        flex: 0 1 auto
    }

    .large-flex-dir-row {
        flex-direction: row
    }

    .large-flex-dir-row-reverse {
        flex-direction: row-reverse
    }

    .large-flex-dir-column {
        flex-direction: column
    }

    .large-flex-dir-column-reverse {
        flex-direction: column-reverse
    }
}

@media screen and (min-width: 90em) {
    .xlarge-flex-container {
        display: flex
    }

    .xlarge-flex-child-auto {
        flex: 1 1 auto
    }

    .xlarge-flex-child-grow {
        flex: 1 0 auto
    }

    .xlarge-flex-child-shrink {
        flex: 0 1 auto
    }

    .xlarge-flex-dir-row {
        flex-direction: row
    }

    .xlarge-flex-dir-row-reverse {
        flex-direction: row-reverse
    }

    .xlarge-flex-dir-column {
        flex-direction: column
    }

    .xlarge-flex-dir-column-reverse {
        flex-direction: column-reverse
    }
}

@media screen and (min-width: 120em) {
    .xxlarge-flex-container {
        display: flex
    }

    .xxlarge-flex-child-auto {
        flex: 1 1 auto
    }

    .xxlarge-flex-child-grow {
        flex: 1 0 auto
    }

    .xxlarge-flex-child-shrink {
        flex: 0 1 auto
    }

    .xxlarge-flex-dir-row {
        flex-direction: row
    }

    .xxlarge-flex-dir-row-reverse {
        flex-direction: row-reverse
    }

    .xxlarge-flex-dir-column {
        flex-direction: column
    }

    .xxlarge-flex-dir-column-reverse {
        flex-direction: column-reverse
    }
}

.hide {
    display: none !important
}

.invisible {
    visibility: hidden
}

.visible {
    visibility: visible
}

@media print,
screen and (max-width: 29.99875em) {
    .hide-for-small-only {
        display: none !important
    }
}

@media screen and (max-width: 0em),
screen and (min-width:30em) {
    .show-for-small-only {
        display: none !important
    }
}

@media print,
screen and (min-width: 30em) {
    .hide-for-medium {
        display: none !important
    }
}

@media screen and (max-width: 29.99875em) {
    .show-for-medium {
        display: none !important
    }
}

@media print,
screen and (min-width: 30em)and (max-width:63.99875em) {
    .hide-for-medium-only {
        display: none !important
    }
}

@media screen and (max-width: 29.99875em),
screen and (min-width:64em) {
    .show-for-medium-only {
        display: none !important
    }
}

@media print,
screen and (min-width: 64em) {
    .hide-for-large {
        display: none !important
    }
}

@media screen and (max-width: 63.99875em) {
    .show-for-large {
        display: none !important
    }
}

@media print,
screen and (min-width: 64em)and (max-width:89.99875em) {
    .hide-for-large-only {
        display: none !important
    }
}

@media screen and (max-width: 63.99875em),
screen and (min-width:90em) {
    .show-for-large-only {
        display: none !important
    }
}

@media screen and (min-width: 90em) {
    .hide-for-xlarge {
        display: none !important
    }
}

@media screen and (max-width: 89.99875em) {
    .show-for-xlarge {
        display: none !important
    }
}

@media screen and (min-width: 90em)and (max-width:119.99875em) {
    .hide-for-xlarge-only {
        display: none !important
    }
}

@media screen and (max-width: 89.99875em),
screen and (min-width:120em) {
    .show-for-xlarge-only {
        display: none !important
    }
}

@media screen and (min-width: 120em) {
    .hide-for-xxlarge {
        display: none !important
    }
}

@media screen and (max-width: 119.99875em) {
    .show-for-xxlarge {
        display: none !important
    }
}

@media screen and (min-width: 120em) {
    .hide-for-xxlarge-only {
        display: none !important
    }
}

@media screen and (max-width: 119.99875em) {
    .show-for-xxlarge-only {
        display: none !important
    }
}

.show-for-sr,
.show-on-focus {
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important
}

.show-on-focus:active,
.show-on-focus:focus {
    clip: auto !important;
    height: auto !important;
    overflow: visible !important;
    position: static !important;
    white-space: normal !important;
    width: auto !important
}

.hide-for-portrait,
.show-for-landscape {
    display: block !important
}

@media screen and (orientation: landscape) {

    .hide-for-portrait,
    .show-for-landscape {
        display: block !important
    }
}

@media screen and (orientation: portrait) {

    .hide-for-portrait,
    .show-for-landscape {
        display: none !important
    }
}

.hide-for-landscape,
.show-for-portrait {
    display: none !important
}

@media screen and (orientation: landscape) {

    .hide-for-landscape,
    .show-for-portrait {
        display: none !important
    }
}

@media screen and (orientation: portrait) {

    .hide-for-landscape,
    .show-for-portrait {
        display: block !important
    }
}

.show-for-dark-mode {
    display: none
}

.hide-for-dark-mode {
    display: block
}

@media screen and (prefers-color-scheme: dark) {
    .show-for-dark-mode {
        display: block !important
    }

    .hide-for-dark-mode {
        display: none !important
    }
}

.show-for-ie {
    display: none
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .show-for-ie {
        display: block !important
    }

    .hide-for-ie {
        display: none !important
    }
}

.show-for-sticky {
    display: none
}

.is-stuck .show-for-sticky {
    display: block
}

.is-stuck .hide-for-sticky {
    display: none
}

@font-face {
    font-display: swap;
    font-family: ProximaNova;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/proximanova-regular-webfont.woff2) format("woff2"), url(../fonts/proximanova-regular-webfont.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: ProximaNova;
    font-style: italic;
    font-weight: 400;
    src: url(../fonts/proximanova-regularit-webfont.woff2) format("woff2"), url(../fonts/proximanova-regularit-webfont.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: ProximaNova;
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/proximanova-semibold-webfont.woff2) format("woff2"), url(../fonts/proximanova-semibold-webfont.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: ProximaNova;
    font-style: italic;
    font-weight: 600;
    src: url(../fonts/proximanova-semiboldit-webfont.woff2) format("woff2"), url(../fonts/proximanova-semiboldit-webfont.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: ProximaNova;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/proximanova-bold-webfont.woff2) format("woff2"), url(../fonts/proximanova-bold-webfont.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: ProximaNova;
    font-style: italic;
    font-weight: 700;
    src: url(../fonts/proximanova-boldit-webfont.woff2) format("woff2"), url(../fonts/proximanova-boldit-webfont.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: SohneBreit;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/soehne-breit-web-dreiviertelfett.woff2) format("woff2"), url(../fonts/soehne-breit-web-dreiviertelfett.woff) format("woff");
    unicode-range: u+0000-024f, u+1e??, u+2000-206f, u+2070-209f
}

@font-face {
    font-display: swap;
    font-family: SohneBreit;
    font-style: italic;
    font-weight: 700;
    src: url(../fonts/soehne-breit-web-dreiviertelfett-kursiv.woff2) format("woff2"), url(../fonts/soehne-breit-web-dreiviertelfett-kursiv.woff) format("woff");
    unicode-range: u+0000-024f, u+1e??, u+2000-206f, u+2070-209f
}

@font-face {
    font-display: swap;
    font-family: SohneBreit;
    font-style: normal;
    font-weight: 800;
    src: url(../fonts/soehne-breit-web-fett.woff2) format("woff2"), url(../fonts/soehne-breit-web-fett.woff) format("woff");
    unicode-range: u+0000-024f, u+1e??, u+2000-206f, u+2070-209f
}

@font-face {
    font-display: swap;
    font-family: SohneBreit;
    font-style: italic;
    font-weight: 800;
    src: url(../fonts/soehne-breit-web-fett-kursiv.woff2) format("woff2"), url(../fonts/soehne-breit-web-fett-kursiv.woff) format("woff");
    unicode-range: u+0000-024f, u+1e??, u+2000-20cf
}

@font-face {
    font-display: swap;
    font-family: NotoSans;
    font-weight: 300;
    src: url(../fonts/NotoSansMyanmar-Light.woff2) format("woff2"), url(../fonts/NotoSansMyanmar-Light.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: NotoSans;
    font-weight: 400;
    src: url(../fonts/NotoSansMyanmar-Regular.woff2) format("woff2"), url(../fonts/NotoSansMyanmar-Regular.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: NotoSans;
    font-weight: 500;
    src: url(../fonts/NotoSansMyanmar-Medium.woff2) format("woff2"), url(../fonts/NotoSansMyanmar-Medium.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: NotoSans;
    font-weight: 600;
    src: url(../fonts/NotoSansMyanmar-SemiBold.woff2) format("woff2"), url(../fonts/NotoSansMyanmar-SemiBold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: UNBangla;
    font-weight: 100;
    src: url(../fonts/UNBangla-Thin.woff2) format("woff2"), url(../fonts/UNBangla-Thin.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: UNBangla;
    font-style: italic;
    font-weight: 100;
    src: url(../fonts/UNBangla-ThinItalic.woff2) format("woff2"), url(../fonts/UNBangla-ThinItalic.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: UNBangla;
    font-weight: 400;
    src: url(../fonts/UNBangla-Regular.woff2) format("woff2"), url(../fonts/UNBangla-Regular.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: UNBangla;
    font-style: italic;
    font-weight: 400;
    src: url(../fonts/UNBangla-Italic.woff2) format("woff2"), url(../fonts/UNBangla-Italic.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: UNBangla;
    font-weight: 700;
    src: url(../fonts/UNBangla-Bold.woff2) format("woff2"), url(../fonts/UNBangla-Bold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: UNBangla;
    font-style: italic;
    font-weight: 700;
    src: url(../fonts/UNBangla-BoldItalic.woff2) format("woff2"), url(../fonts/UNBangla-BoldItalic.woff) format("woff")
}

html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    color: #000;
    font-family: ProximaNova, sans-serif;
    font-size: 1rem;
    line-height: 1.4
}

@media(min-width: 48em) {
    body {
        font-size: 1.25rem
    }
}

button {
    font-family: ProximaNova, sans-serif
}

caption,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 .75rem;
    padding: 0
}

@media(min-width: 48em) {

    caption,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-bottom: 1rem
    }
}

h1 {
    font-family: SohneBreit, ProximaNova, sans-serif;
    font-size: 2.938rem;
    font-weight: 700;
    letter-spacing: .06rem;
    line-height: 1.08;
    text-transform: uppercase
}

@media(min-width: 48em) {
    h1 {
        font-size: 5.125rem
    }
}

@media(min-width: 64em) {
    h1 {
        font-size: 6.25rem
    }
}

h2 {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.1
}

@media(min-width: 48em) {
    h2 {
        font-size: 2.813rem
    }
}

@media(min-width: 64em) {
    h2 {
        font-size: 3.438rem
    }
}

h3 {
    font-size: 1.875rem;
    font-weight: 600;
    line-height: 1.15
}

@media(min-width: 48em) {
    h3 {
        font-size: 2.188rem
    }
}

h4 {
    font-size: 1.563rem;
    font-weight: 400;
    line-height: 1.15
}

@media(min-width: 48em) {
    h4 {
        font-size: 2.188rem
    }
}

h5 {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.15
}

@media(min-width: 48em) {
    h5 {
        font-size: 1.563rem
    }
}

h6 {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .03rem;
    line-height: 1.15;
    text-transform: uppercase
}

p {
    margin-top: 0
}

ol,
ul {
    margin: 0;
    padding-left: 1.125rem
}

@media(min-width: 48em) {

    ol,
    ul {
        padding-left: 1.313rem
    }
}

ol li,
ul li {
    margin-bottom: 1rem;
    padding-left: .875rem
}

@media(min-width: 48em) {

    ol li,
    ul li {
        margin-bottom: 1.5rem;
        padding-left: .75rem
    }
}

ul li::marker {
    font-size: 1.125rem
}

@media(min-width: 48em) {
    ul li::marker {
        font-size: 1.313rem
    }
}

ol li {
    margin-bottom: 1.063rem
}

dl {
    font-size: .875rem;
    line-height: 1.37;
    margin: 0
}

@media(min-width: 48em) {
    dl {
        font-size: 1.25rem
    }
}

dt {
    margin-bottom: .5rem
}

dd {
    margin-bottom: 1rem;
    margin-inline-start: 2.5rem
}

@media(min-width: 48em) {
    dd {
        margin-bottom: 1.5rem;
        margin-inline-start: 3rem
    }
}

hr {
    border: 1px solid #000
}

@keyframes lineLoop-animation {
    0% {
        background-position: 100% 100%, -30px 100%;
        background-size: 100% 2px, 0 2px
    }

    to {
        background-position: calc(100% + 30px) 100%, 0 100%;
        background-size: 0 2px, 100% 2px
    }
}

a {
    color: #000;
    text-decoration: none
}

:lang(my) body,
:lang(my) button {
    font-family: NotoSans, sans-serif;
    line-height: 1.7
}

:lang(my) h1,
:lang(my) h2,
:lang(my) h3,
:lang(my) h4,
:lang(my) h5,
:lang(my) h6 {
    line-height: 1.7
}

:lang(my) h1 {
    font-family: NotoSans, sans-serif;
    font-size: 2.625rem
}

@media(min-width: 48em) {
    :lang(my) h1 {
        font-size: 3.875rem
    }
}

@media(min-width: 64em) {
    :lang(my) h1 {
        font-size: 5rem
    }
}

:lang(my) h2 {
    font-size: 2rem
}

@media(min-width: 48em) {
    :lang(my) h2 {
        font-size: 2.188rem
    }
}

@media(min-width: 64em) {
    :lang(my) h2 {
        font-size: 2.813rem
    }
}

:lang(my) h4 {
    font-size: 1.3rem
}

@media(min-width: 48em) {
    :lang(my) h4 {
        font-size: 1.8rem
    }
}

:lang(my) h5 {
    font-size: 1.25rem
}

@media(min-width: 48em) {
    :lang(my) h5 {
        font-size: 1.375rem
    }
}

:lang(my) p {
    font-size: .875rem;
    line-height: 1.7
}

@media(min-width: 48em) {
    :lang(my) p {
        font-size: 1rem
    }
}

:lang(my) dl,
:lang(my) ol li,
:lang(my) ul li {
    font-size: .875rem;
    line-height: 1.9
}

@media(min-width: 48em) {

    :lang(my) dl,
    :lang(my) ol li,
    :lang(my) ul li {
        font-size: 1.125rem
    }
}

:lang(my) .sbdocs .sbdocs-content,
:lang(my) .sbdocs h1,
:lang(my) .sbdocs h2,
:lang(my) .sbdocs h3,
:lang(my) .sbdocs h4,
:lang(my) .sbdocs h5,
:lang(my) .sbdocs h6,
:lang(my) .sbdocs p {
    font-family: NotoSans, sans-serif
}

:lang(my) .sbdocs .sbdocs-h1 {
    font-size: 2rem
}

[dir=rtl] ol,
[dir=rtl] ul {
    padding-left: 0;
    padding-right: 1.125rem
}

@media(min-width: 48em) {

    [dir=rtl] ol,
    [dir=rtl] ul {
        padding-right: 1.313rem
    }
}

[dir=rtl] ol li,
[dir=rtl] ul li {
    padding-left: 0;
    padding-right: .875rem
}

@media(min-width: 48em) {

    [dir=rtl] ol li,
    [dir=rtl] ul li {
        padding-right: .75rem
    }
}

:lang(be) h1,
:lang(bg) h1,
:lang(kk) h1,
:lang(ky) h1,
:lang(mk) h1,
:lang(mn) h1,
:lang(ru) h1,
:lang(sr) h1,
:lang(uk) h1 {
    font-family: ProximaNova, sans-serif
}

:lang(bn) body,
:lang(bn) h1 {
    font-family: UNBangla, sans-serif
}

.color-white {
    color: #fff
}

.color-black {
    color: #000
}

.show-large {
    display: none
}

@media(min-width: 48em) {
    .show-large {
        display: block
    }
}

.show-small {
    display: block
}

@media(min-width: 48em) {
    .show-small {
        display: none
    }
}

.height-full {
    height: 100%
}

.overlay-grey:before {
    background: rgba(0, 0, 0, .2)
}

.delay-1 {
    transition-delay: .1s
}

.delay-2 {
    transition-delay: .2s
}

.delay-3 {
    transition-delay: .3s
}

.delay-4 {
    transition-delay: .4s
}

.delay-5 {
    transition-delay: .5s
}

.scale-up.inviewport {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transition: scale(1)
}

.expand-to-size {
    max-width: calc(100% - 1.5rem)
}

@media(min-width: 48em) {
    .expand-to-size {
        max-width: calc(100% - 3rem)
    }
}

.overflow-hidden {
    overflow: hidden
}

.background-yellow {
    background-color: #ffe17e
}

.background-red {
    background-color: #ffbcb7
}

.background-green {
    background-color: #b8ecb6
}

.background-blue {
    background-color: #b5d5f5
}

.background-gray {
    background-color: #fafafa
}

.background-white {
    background-color: #fff
}

.accent-yellow .card-thumbnail__image:hover:before,
.yellow .card-thumbnail__image:hover:before {
    background: linear-gradient(42deg, rgba(255, 235, 0, .8), transparent 80%)
}

.accent-yellow .bio-card:hover .card-thumbnail__image:before,
.yellow .bio-card:hover .card-thumbnail__image:before {
    background: linear-gradient(67.76deg, rgba(255, 235, 0, .8), transparent 61.11%);
    opacity: .75
}

.accent-yellow .author__img:hover:before,
.yellow .author__img:hover:before {
    background: linear-gradient(45deg, rgba(255, 235, 0, .8), transparent 53%)
}

.accent-yellow .publication-thumbnail__image:hover:after,
.yellow .publication-thumbnail__image:hover:after {
    background: linear-gradient(42deg, rgba(255, 235, 0, .8), transparent 80%)
}

.accent-yellow .download-card:hover .card-thumbnail__image:before,
.accent-yellow .download-card:hover .publication-thumbnail__image:after,
.accent-yellow .publication-card:hover .publication-thumbnail__image:after,
.yellow .download-card:hover .card-thumbnail__image:before,
.yellow .download-card:hover .publication-thumbnail__image:after,
.yellow .publication-card:hover .publication-thumbnail__image:after {
    background: linear-gradient(42deg, rgba(255, 235, 0, .8), transparent 80%);
    opacity: .75
}

.accent-yellow .stats-panel:hover:after,
.yellow .stats-panel:hover:after {
    background: linear-gradient(0deg, rgba(255, 235, 0, .8), transparent 140%)
}

.accent-yellow .stats-panel:hover .stats-card,
.yellow .stats-panel:hover .stats-card {
    background-color: transparent
}

.accent-yellow .wide-card__image a:hover:before,
.yellow .wide-card__image a:hover:before {
    background: linear-gradient(42deg, rgba(255, 235, 0, .8), transparent 80%);
    opacity: .75
}

.accent-yellow .feature__card-slide:before,
.yellow .feature__card-slide:before {
    background: linear-gradient(45deg, rgba(255, 235, 0, .8), transparent 67%)
}

.accent-yellow .content-card .image:before,
.yellow .content-card .image:before {
    background: linear-gradient(42deg, rgba(255, 235, 0, .8), transparent 80%)
}

.accent-yellow .image-reveal-card:hover .image:before,
.yellow .image-reveal-card:hover .image:before {
    background: linear-gradient(67.76deg, rgba(255, 235, 0, .8), transparent 61.11%);
    opacity: .75
}

.accent-red .card-thumbnail__image:hover:before,
.red .card-thumbnail__image:hover:before {
    background: linear-gradient(42deg, rgba(230, 45, 45, .78), transparent 80%)
}

.accent-red .bio-card:hover .card-thumbnail__image:before,
.red .bio-card:hover .card-thumbnail__image:before {
    background: linear-gradient(67.76deg, rgba(230, 45, 45, .78), transparent 61.11%);
    opacity: .75
}

.accent-red .author__img:hover:before,
.red .author__img:hover:before {
    background: linear-gradient(45deg, rgba(230, 45, 45, .78), transparent 53%)
}

.accent-red .publication-thumbnail__image:hover:after,
.red .publication-thumbnail__image:hover:after {
    background: linear-gradient(42deg, rgba(230, 45, 45, .78), transparent 80%)
}

.accent-red .download-card:hover .card-thumbnail__image:before,
.accent-red .download-card:hover .publication-thumbnail__image:after,
.accent-red .publication-card:hover .publication-thumbnail__image:after,
.red .download-card:hover .card-thumbnail__image:before,
.red .download-card:hover .publication-thumbnail__image:after,
.red .publication-card:hover .publication-thumbnail__image:after {
    background: linear-gradient(42deg, rgba(230, 45, 45, .78), transparent 80%);
    opacity: .75
}

.accent-red .stats-panel:hover:after,
.red .stats-panel:hover:after {
    background: linear-gradient(0deg, rgba(230, 45, 45, .78), transparent 140%)
}

.accent-red .stats-panel:hover .stats-card,
.red .stats-panel:hover .stats-card {
    background-color: transparent
}

.accent-red .wide-card__image a:hover:before,
.red .wide-card__image a:hover:before {
    background: linear-gradient(42deg, rgba(230, 45, 45, .78), transparent 80%);
    opacity: .75
}

.accent-red .feature__card-slide:before,
.red .feature__card-slide:before {
    background: linear-gradient(45deg, rgba(230, 45, 45, .78), transparent 67%)
}

.accent-red .content-card .image:before,
.red .content-card .image:before {
    background: linear-gradient(42deg, rgba(230, 45, 45, .78), transparent 80%)
}

.accent-red .image-reveal-card:hover .image:before,
.red .image-reveal-card:hover .image:before {
    background: linear-gradient(67.76deg, rgba(230, 45, 45, .78), transparent 61.11%);
    opacity: .75
}

.accent-green .card-thumbnail__image:hover:before,
.green .card-thumbnail__image:hover:before {
    background: linear-gradient(42deg, rgba(92, 222, 83, .82), transparent 80%)
}

.accent-green .bio-card:hover .card-thumbnail__image:before,
.green .bio-card:hover .card-thumbnail__image:before {
    background: linear-gradient(67.76deg, rgba(92, 222, 83, .82), transparent 61.11%);
    opacity: .75
}

.accent-green .author__img:hover:before,
.green .author__img:hover:before {
    background: linear-gradient(45deg, rgba(92, 222, 83, .82), transparent 53%)
}

.accent-green .publication-thumbnail__image:hover:after,
.green .publication-thumbnail__image:hover:after {
    background: linear-gradient(42deg, rgba(92, 222, 83, .82), transparent 80%)
}

.accent-green .download-card:hover .card-thumbnail__image:before,
.accent-green .download-card:hover .publication-thumbnail__image:after,
.accent-green .publication-card:hover .publication-thumbnail__image:after,
.green .download-card:hover .card-thumbnail__image:before,
.green .download-card:hover .publication-thumbnail__image:after,
.green .publication-card:hover .publication-thumbnail__image:after {
    background: linear-gradient(42deg, rgba(92, 222, 83, .82), transparent 80%);
    opacity: .75
}

.accent-green .stats-panel:hover:after,
.green .stats-panel:hover:after {
    background: linear-gradient(0deg, rgba(92, 222, 83, .82), transparent 140%)
}

.accent-green .stats-panel:hover .stats-card,
.green .stats-panel:hover .stats-card {
    background-color: transparent
}

.accent-green .wide-card__image a:hover:before,
.green .wide-card__image a:hover:before {
    background: linear-gradient(42deg, rgba(92, 222, 83, .82), transparent 80%);
    opacity: .75
}

.accent-green .feature__card-slide:before,
.green .feature__card-slide:before {
    background: linear-gradient(45deg, rgba(92, 222, 83, .82), transparent 67%)
}

.accent-green .content-card .image:before,
.green .content-card .image:before {
    background: linear-gradient(42deg, rgba(92, 222, 83, .82), transparent 80%)
}

.accent-green .image-reveal-card:hover .image:before,
.green .image-reveal-card:hover .image:before {
    background: linear-gradient(67.76deg, rgba(92, 222, 83, .82), transparent 61.11%);
    opacity: .75
}

.accent-blue .card-thumbnail__image:hover:before,
.blue .card-thumbnail__image:hover:before {
    background: linear-gradient(42deg, rgba(94, 232, 246, .82), transparent 80%)
}

.accent-blue .bio-card:hover .card-thumbnail__image:before,
.blue .bio-card:hover .card-thumbnail__image:before {
    background: linear-gradient(67.76deg, rgba(94, 232, 246, .82), transparent 61.11%);
    opacity: .75
}

.accent-blue .author__img:hover:before,
.blue .author__img:hover:before {
    background: linear-gradient(45deg, rgba(94, 232, 246, .82), transparent 53%)
}

.accent-blue .publication-thumbnail__image:hover:after,
.blue .publication-thumbnail__image:hover:after {
    background: linear-gradient(42deg, rgba(94, 232, 246, .82), transparent 80%)
}

.accent-blue .download-card:hover .card-thumbnail__image:before,
.accent-blue .download-card:hover .publication-thumbnail__image:after,
.accent-blue .publication-card:hover .publication-thumbnail__image:after,
.blue .download-card:hover .card-thumbnail__image:before,
.blue .download-card:hover .publication-thumbnail__image:after,
.blue .publication-card:hover .publication-thumbnail__image:after {
    background: linear-gradient(42deg, rgba(94, 232, 246, .82), transparent 80%);
    opacity: .75
}

.accent-blue .stats-panel:hover:after,
.blue .stats-panel:hover:after {
    background: linear-gradient(0deg, rgba(94, 232, 246, .82), transparent 140%)
}

.accent-blue .stats-panel:hover .stats-card,
.blue .stats-panel:hover .stats-card {
    background-color: transparent
}

.accent-blue .wide-card__image a:hover:before,
.blue .wide-card__image a:hover:before {
    background: linear-gradient(42deg, rgba(94, 232, 246, .82), transparent 80%);
    opacity: .75
}

.accent-blue .feature__card-slide:before,
.blue .feature__card-slide:before {
    background: linear-gradient(45deg, rgba(94, 232, 246, .82), transparent 67%)
}

.accent-blue .content-card .image:before,
.blue .content-card .image:before {
    background: linear-gradient(42deg, rgba(94, 232, 246, .82), transparent 80%)
}

.accent-blue .image-reveal-card:hover .image:before,
.blue .image-reveal-card:hover .image:before {
    background: linear-gradient(67.76deg, rgba(94, 232, 246, .82), transparent 61.11%);
    opacity: .75
}

[dir=rtl] .accent-yellow .card-thumbnail__image:hover:before,
[dir=rtl] .yellow .card-thumbnail__image:hover:before {
    background: linear-gradient(297deg, rgba(255, 235, 0, .8), transparent 61.11%)
}

[dir=rtl] .accent-yellow .bio-card:hover .card-thumbnail__image:before,
[dir=rtl] .accent-yellow .download-card:hover .card-thumbnail__image:before,
[dir=rtl] .yellow .bio-card:hover .card-thumbnail__image:before,
[dir=rtl] .yellow .download-card:hover .card-thumbnail__image:before {
    background: linear-gradient(297deg, rgba(255, 235, 0, .8), transparent 61.11%);
    opacity: .75
}

[dir=rtl] .accent-yellow .download-card:hover .publication-thumbnail__image:after,
[dir=rtl] .accent-yellow .publication-card:hover .publication-thumbnail__image:after,
[dir=rtl] .yellow .download-card:hover .publication-thumbnail__image:after,
[dir=rtl] .yellow .publication-card:hover .publication-thumbnail__image:after {
    background: linear-gradient(318deg, rgba(255, 235, 0, .8), transparent 70.49%);
    opacity: .75
}

[dir=rtl] .accent-yellow .wide-card__image a:hover:before,
[dir=rtl] .yellow .wide-card__image a:hover:before {
    background: linear-gradient(318deg, rgba(255, 235, 0, .8), transparent 80%);
    opacity: .75
}

[dir=rtl] .accent-yellow .feature__card-slide:before,
[dir=rtl] .yellow .feature__card-slide:before {
    background: linear-gradient(318deg, rgba(255, 235, 0, .8), transparent 67.25%)
}

[dir=rtl] .accent-red .card-thumbnail__image:hover:before,
[dir=rtl] .red .card-thumbnail__image:hover:before {
    background: linear-gradient(297deg, rgba(230, 45, 45, .78), transparent 61.11%)
}

[dir=rtl] .accent-red .bio-card:hover .card-thumbnail__image:before,
[dir=rtl] .accent-red .download-card:hover .card-thumbnail__image:before,
[dir=rtl] .red .bio-card:hover .card-thumbnail__image:before,
[dir=rtl] .red .download-card:hover .card-thumbnail__image:before {
    background: linear-gradient(297deg, rgba(230, 45, 45, .78), transparent 61.11%);
    opacity: .75
}

[dir=rtl] .accent-red .download-card:hover .publication-thumbnail__image:after,
[dir=rtl] .accent-red .publication-card:hover .publication-thumbnail__image:after,
[dir=rtl] .red .download-card:hover .publication-thumbnail__image:after,
[dir=rtl] .red .publication-card:hover .publication-thumbnail__image:after {
    background: linear-gradient(318deg, rgba(230, 45, 45, .78), transparent 70.49%);
    opacity: .75
}

[dir=rtl] .accent-red .wide-card__image a:hover:before,
[dir=rtl] .red .wide-card__image a:hover:before {
    background: linear-gradient(318deg, rgba(230, 45, 45, .78), transparent 80%);
    opacity: .75
}

[dir=rtl] .accent-red .feature__card-slide:before,
[dir=rtl] .red .feature__card-slide:before {
    background: linear-gradient(318deg, rgba(230, 45, 45, .78), transparent 67.25%)
}

[dir=rtl] .accent-green .card-thumbnail__image:hover:before,
[dir=rtl] .green .card-thumbnail__image:hover:before {
    background: linear-gradient(297deg, rgba(92, 222, 83, .82), transparent 61.11%)
}

[dir=rtl] .accent-green .bio-card:hover .card-thumbnail__image:before,
[dir=rtl] .accent-green .download-card:hover .card-thumbnail__image:before,
[dir=rtl] .green .bio-card:hover .card-thumbnail__image:before,
[dir=rtl] .green .download-card:hover .card-thumbnail__image:before {
    background: linear-gradient(297deg, rgba(92, 222, 83, .82), transparent 61.11%);
    opacity: .75
}

[dir=rtl] .accent-green .download-card:hover .publication-thumbnail__image:after,
[dir=rtl] .accent-green .publication-card:hover .publication-thumbnail__image:after,
[dir=rtl] .green .download-card:hover .publication-thumbnail__image:after,
[dir=rtl] .green .publication-card:hover .publication-thumbnail__image:after {
    background: linear-gradient(318deg, rgba(92, 222, 83, .82), transparent 70.49%);
    opacity: .75
}

[dir=rtl] .accent-green .wide-card__image a:hover:before,
[dir=rtl] .green .wide-card__image a:hover:before {
    background: linear-gradient(318deg, rgba(92, 222, 83, .82), transparent 80%);
    opacity: .75
}

[dir=rtl] .accent-green .feature__card-slide:before,
[dir=rtl] .green .feature__card-slide:before {
    background: linear-gradient(318deg, rgba(92, 222, 83, .82), transparent 67.25%)
}

[dir=rtl] .accent-blue .card-thumbnail__image:hover:before,
[dir=rtl] .blue .card-thumbnail__image:hover:before {
    background: linear-gradient(297deg, rgba(94, 232, 246, .82), transparent 61.11%)
}

[dir=rtl] .accent-blue .bio-card:hover .card-thumbnail__image:before,
[dir=rtl] .accent-blue .download-card:hover .card-thumbnail__image:before,
[dir=rtl] .blue .bio-card:hover .card-thumbnail__image:before,
[dir=rtl] .blue .download-card:hover .card-thumbnail__image:before {
    background: linear-gradient(297deg, rgba(94, 232, 246, .82), transparent 61.11%);
    opacity: .75
}

[dir=rtl] .accent-blue .download-card:hover .publication-thumbnail__image:after,
[dir=rtl] .accent-blue .publication-card:hover .publication-thumbnail__image:after,
[dir=rtl] .blue .download-card:hover .publication-thumbnail__image:after,
[dir=rtl] .blue .publication-card:hover .publication-thumbnail__image:after {
    background: linear-gradient(318deg, rgba(94, 232, 246, .82), transparent 70.49%);
    opacity: .75
}

[dir=rtl] .accent-blue .wide-card__image a:hover:before,
[dir=rtl] .blue .wide-card__image a:hover:before {
    background: linear-gradient(318deg, rgba(94, 232, 246, .82), transparent 80%);
    opacity: .75
}

[dir=rtl] .accent-blue .feature__card-slide:before,
[dir=rtl] .blue .feature__card-slide:before {
    background: linear-gradient(318deg, rgba(94, 232, 246, .82), transparent 67.25%)
}

.accent-yellow .stats-card:hover,
.yellow .stats-card:hover {
    background-color: #ffeb00
}

.accent-yellow .progress-bar,
.yellow .progress-bar {
    background: #ffeb00
}

.accent-yellow .blockquote,
.accent-yellow .content-card.card:hover,
.yellow .blockquote,
.yellow .content-card.card:hover {
    background-color: #ffeb00
}

.accent-yellow .content-card.card:hover .cta--space:after,
.yellow .content-card.card:hover .cta--space:after {
    filter: invert(0) brightness(0)
}

.accent-yellow .content-card.card-color:hover,
.accent-yellow .content-card.card-emphasize:hover,
.yellow .content-card.card-color:hover,
.yellow .content-card.card-emphasize:hover {
    background-color: #ffeb00
}

.accent-yellow .feature__card-slide,
.yellow .feature__card-slide {
    background: #ffeb00
}

.accent-red .stats-card:hover,
.red .stats-card:hover {
    background-color: #ee402d
}

.accent-red .progress-bar,
.red .progress-bar {
    background: #ee402d
}

.accent-red .blockquote,
.accent-red .content-card.card:hover,
.red .blockquote,
.red .content-card.card:hover {
    background-color: #ee402d
}

.accent-red .content-card.card:hover .cta--space:after,
.red .content-card.card:hover .cta--space:after {
    filter: invert(0) brightness(0)
}

.accent-red .content-card.card-color:hover,
.accent-red .content-card.card-emphasize:hover,
.red .content-card.card-color:hover,
.red .content-card.card-emphasize:hover {
    background-color: #ee402d
}

.accent-red .feature__card-slide,
.red .feature__card-slide {
    background: #ee402d
}

.accent-green .stats-card:hover,
.green .stats-card:hover {
    background-color: #6de354
}

.accent-green .progress-bar,
.green .progress-bar {
    background: #6de354
}

.accent-green .blockquote,
.accent-green .content-card.card:hover,
.green .blockquote,
.green .content-card.card:hover {
    background-color: #6de354
}

.accent-green .content-card.card:hover .cta--space:after,
.green .content-card.card:hover .cta--space:after {
    filter: invert(0) brightness(0)
}

.accent-green .content-card.card-color:hover,
.accent-green .content-card.card-emphasize:hover,
.green .content-card.card-color:hover,
.green .content-card.card-emphasize:hover {
    background-color: #6de354
}

.accent-green .feature__card-slide,
.green .feature__card-slide {
    background: #6de354
}

.accent-blue .stats-card:hover,
.blue .stats-card:hover {
    background-color: #60d4f2
}

.accent-blue .progress-bar,
.blue .progress-bar {
    background: #60d4f2
}

.accent-blue .blockquote,
.accent-blue .content-card.card:hover,
.blue .blockquote,
.blue .content-card.card:hover {
    background-color: #60d4f2
}

.accent-blue .content-card.card:hover .cta--space:after,
.blue .content-card.card:hover .cta--space:after {
    filter: invert(0) brightness(0)
}

.accent-blue .content-card.card-color:hover,
.accent-blue .content-card.card-emphasize:hover,
.blue .content-card.card-color:hover,
.blue .content-card.card-emphasize:hover {
    background-color: #60d4f2
}

.accent-blue .feature__card-slide,
.blue .feature__card-slide {
    background: #60d4f2
}

.accent-yellow .content-card.card-emphasize,
.yellow .content-card.card-emphasize {
    background-color: #ffe17e
}

.accent-red .content-card.card-emphasize,
.red .content-card.card-emphasize {
    background-color: #ffbcb7
}

.accent-green .content-card.card-emphasize,
.green .content-card.card-emphasize {
    background-color: #b8ecb6
}

.accent-blue .content-card.card-emphasize,
.blue .content-card.card-emphasize {
    background-color: #a2daf3
}

abbr[title] {
    border-bottom: 2px dashed #d12800;
    text-decoration: none
}

blockquote {
    font-size: 1.625rem;
    font-weight: 600;
    line-height: 1.16;
    margin: 0
}

@media(min-width: 48em) {
    blockquote {
        font-size: 2.188rem;
        line-height: 1.15
    }
}

blockquote a {
    font-size: inherit
}

:lang(my) blockquote {
    line-height: 1.7
}

cite {
    display: block;
    font-style: inherit;
    font-weight: 400;
    margin-top: 1.125rem
}

code {
    background: #f7f7f7;
    padding: 0 .25rem .25rem
}

mark {
    background: #ffe17e;
    font-size: .875rem;
    padding: .125rem
}

@media(min-width: 48em) {
    mark {
        font-size: 1.25rem
    }
}

q {
    font-style: italic
}

div.card-thumbnail__image {
    display: inline-flex;
    position: relative
}

div.card-thumbnail__image:before {
    opacity: 0;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s
}

div.card-thumbnail__image:hover:before {
    opacity: .75
}

.accent-yellow div.card-thumbnail__image:hover.accent-yellow:before,
.accent-yellow div.card-thumbnail__image:hover.yellow:before,
div.card-thumbnail__image:hover.accent-yellow:before,
div.card-thumbnail__image:hover.yellow:before {
    background: linear-gradient(67.76deg, #ffeb00, transparent 61.11%)
}

.accent-yellow div.card-thumbnail__image:hover.accent-red:before,
.accent-yellow div.card-thumbnail__image:hover.red:before {
    background: linear-gradient(67.76deg, #ee402d, transparent 61.11%)
}

.accent-yellow div.card-thumbnail__image:hover.accent-green:before,
.accent-yellow div.card-thumbnail__image:hover.green:before {
    background: linear-gradient(67.76deg, #6de354, transparent 61.11%)
}

.accent-yellow div.card-thumbnail__image:hover.accent-blue:before,
.accent-yellow div.card-thumbnail__image:hover.blue:before {
    background: linear-gradient(67.76deg, #60d4f2, transparent 61.11%)
}

div.card-thumbnail__image:hover.accent-red:before,
div.card-thumbnail__image:hover.red:before {
    background: linear-gradient(67.76deg, #ee402d, transparent 61.11%)
}

.accent-red div.card-thumbnail__image:hover.accent-yellow:before,
.accent-red div.card-thumbnail__image:hover.yellow:before {
    background: linear-gradient(67.76deg, #ffeb00, transparent 61.11%)
}

.accent-red div.card-thumbnail__image:hover.accent-red:before,
.accent-red div.card-thumbnail__image:hover.red:before {
    background: linear-gradient(67.76deg, #ee402d, transparent 61.11%)
}

.accent-red div.card-thumbnail__image:hover.accent-green:before,
.accent-red div.card-thumbnail__image:hover.green:before {
    background: linear-gradient(67.76deg, #6de354, transparent 61.11%)
}

.accent-red div.card-thumbnail__image:hover.accent-blue:before,
.accent-red div.card-thumbnail__image:hover.blue:before {
    background: linear-gradient(67.76deg, #60d4f2, transparent 61.11%)
}

div.card-thumbnail__image:hover.accent-green:before,
div.card-thumbnail__image:hover.green:before {
    background: linear-gradient(67.76deg, #6de354, transparent 61.11%)
}

.accent-green div.card-thumbnail__image:hover.accent-yellow:before,
.accent-green div.card-thumbnail__image:hover.yellow:before {
    background: linear-gradient(67.76deg, #ffeb00, transparent 61.11%)
}

.accent-green div.card-thumbnail__image:hover.accent-red:before,
.accent-green div.card-thumbnail__image:hover.red:before {
    background: linear-gradient(67.76deg, #ee402d, transparent 61.11%)
}

.accent-green div.card-thumbnail__image:hover.accent-green:before,
.accent-green div.card-thumbnail__image:hover.green:before {
    background: linear-gradient(67.76deg, #6de354, transparent 61.11%)
}

.accent-green div.card-thumbnail__image:hover.accent-blue:before,
.accent-green div.card-thumbnail__image:hover.blue:before,
div.card-thumbnail__image:hover.accent-blue:before,
div.card-thumbnail__image:hover.blue:before {
    background: linear-gradient(67.76deg, #60d4f2, transparent 61.11%)
}

.accent-blue div.card-thumbnail__image:hover.accent-yellow:before,
.accent-blue div.card-thumbnail__image:hover.yellow:before {
    background: linear-gradient(67.76deg, #ffeb00, transparent 61.11%)
}

.accent-blue div.card-thumbnail__image:hover.accent-red:before,
.accent-blue div.card-thumbnail__image:hover.red:before {
    background: linear-gradient(67.76deg, #ee402d, transparent 61.11%)
}

.accent-blue div.card-thumbnail__image:hover.accent-green:before,
.accent-blue div.card-thumbnail__image:hover.green:before {
    background: linear-gradient(67.76deg, #6de354, transparent 61.11%)
}

.accent-blue div.card-thumbnail__image:hover.accent-blue:before,
.accent-blue div.card-thumbnail__image:hover.blue:before {
    background: linear-gradient(67.76deg, #60d4f2, transparent 61.11%)
}

.accent-yellow [dir=rtl] div.card-thumbnail__image:hover.accent-yellow:before,
.accent-yellow [dir=rtl] div.card-thumbnail__image:hover.yellow:before,
[dir=rtl] div.card-thumbnail__image:hover.accent-yellow:before,
[dir=rtl] div.card-thumbnail__image:hover.yellow:before {
    background: linear-gradient(297deg, #ffeb00, transparent 61.11%)
}

.accent-yellow [dir=rtl] div.card-thumbnail__image:hover.accent-red:before,
.accent-yellow [dir=rtl] div.card-thumbnail__image:hover.red:before {
    background: linear-gradient(297deg, #ee402d, transparent 61.11%)
}

.accent-yellow [dir=rtl] div.card-thumbnail__image:hover.accent-green:before,
.accent-yellow [dir=rtl] div.card-thumbnail__image:hover.green:before {
    background: linear-gradient(297deg, #6de354, transparent 61.11%)
}

.accent-yellow [dir=rtl] div.card-thumbnail__image:hover.accent-blue:before,
.accent-yellow [dir=rtl] div.card-thumbnail__image:hover.blue:before {
    background: linear-gradient(297deg, #60d4f2, transparent 61.11%)
}

[dir=rtl] div.card-thumbnail__image:hover.accent-red:before,
[dir=rtl] div.card-thumbnail__image:hover.red:before {
    background: linear-gradient(297deg, #ee402d, transparent 61.11%)
}

.accent-red [dir=rtl] div.card-thumbnail__image:hover.accent-yellow:before,
.accent-red [dir=rtl] div.card-thumbnail__image:hover.yellow:before {
    background: linear-gradient(297deg, #ffeb00, transparent 61.11%)
}

.accent-red [dir=rtl] div.card-thumbnail__image:hover.accent-red:before,
.accent-red [dir=rtl] div.card-thumbnail__image:hover.red:before {
    background: linear-gradient(297deg, #ee402d, transparent 61.11%)
}

.accent-red [dir=rtl] div.card-thumbnail__image:hover.accent-green:before,
.accent-red [dir=rtl] div.card-thumbnail__image:hover.green:before {
    background: linear-gradient(297deg, #6de354, transparent 61.11%)
}

.accent-red [dir=rtl] div.card-thumbnail__image:hover.accent-blue:before,
.accent-red [dir=rtl] div.card-thumbnail__image:hover.blue:before {
    background: linear-gradient(297deg, #60d4f2, transparent 61.11%)
}

[dir=rtl] div.card-thumbnail__image:hover.accent-green:before,
[dir=rtl] div.card-thumbnail__image:hover.green:before {
    background: linear-gradient(297deg, #6de354, transparent 61.11%)
}

.accent-green [dir=rtl] div.card-thumbnail__image:hover.accent-yellow:before,
.accent-green [dir=rtl] div.card-thumbnail__image:hover.yellow:before {
    background: linear-gradient(297deg, #ffeb00, transparent 61.11%)
}

.accent-green [dir=rtl] div.card-thumbnail__image:hover.accent-red:before,
.accent-green [dir=rtl] div.card-thumbnail__image:hover.red:before {
    background: linear-gradient(297deg, #ee402d, transparent 61.11%)
}

.accent-green [dir=rtl] div.card-thumbnail__image:hover.accent-green:before,
.accent-green [dir=rtl] div.card-thumbnail__image:hover.green:before {
    background: linear-gradient(297deg, #6de354, transparent 61.11%)
}

.accent-green [dir=rtl] div.card-thumbnail__image:hover.accent-blue:before,
.accent-green [dir=rtl] div.card-thumbnail__image:hover.blue:before,
[dir=rtl] div.card-thumbnail__image:hover.accent-blue:before,
[dir=rtl] div.card-thumbnail__image:hover.blue:before {
    background: linear-gradient(297deg, #60d4f2, transparent 61.11%)
}

.accent-blue [dir=rtl] div.card-thumbnail__image:hover.accent-yellow:before,
.accent-blue [dir=rtl] div.card-thumbnail__image:hover.yellow:before {
    background: linear-gradient(297deg, #ffeb00, transparent 61.11%)
}

.accent-blue [dir=rtl] div.card-thumbnail__image:hover.accent-red:before,
.accent-blue [dir=rtl] div.card-thumbnail__image:hover.red:before {
    background: linear-gradient(297deg, #ee402d, transparent 61.11%)
}

.accent-blue [dir=rtl] div.card-thumbnail__image:hover.accent-green:before,
.accent-blue [dir=rtl] div.card-thumbnail__image:hover.green:before {
    background: linear-gradient(297deg, #6de354, transparent 61.11%)
}

.accent-blue [dir=rtl] div.card-thumbnail__image:hover.accent-blue:before,
.accent-blue [dir=rtl] div.card-thumbnail__image:hover.blue:before {
    background: linear-gradient(297deg, #60d4f2, transparent 61.11%)
}

div.publication-thumbnail__image {
    background: linear-gradient(180deg, #c9d0d6 70%, #c9d0d6 0, #414648 70.5%, #9ea5ac 0, #9ea5ac);
    display: inline-flex;
    padding: 2.188rem 2.938rem;
    position: relative;
    z-index: 1
}

div.publication-thumbnail__image:before {
    background: #7b8085;
    border-radius: 21%;
    bottom: 37px;
    content: "";
    filter: blur(4px);
    height: 27px;
    left: 32px;
    position: absolute;
    right: 20px;
    transform: skewX(64deg);
    width: calc(100% - 100px);
    z-index: -2
}

div.publication-thumbnail__image:after {
    opacity: 0;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    z-index: 1
}

div.publication-thumbnail__image:hover:after {
    opacity: .75
}

.accent-yellow div.publication-thumbnail__image:hover.accent-yellow:before,
.accent-yellow div.publication-thumbnail__image:hover.yellow:before,
div.publication-thumbnail__image:hover.accent-yellow:after,
div.publication-thumbnail__image:hover.yellow:after {
    background: linear-gradient(27.66deg, #ffeb00, transparent 70.49%)
}

.accent-yellow div.publication-thumbnail__image:hover.accent-red:before,
.accent-yellow div.publication-thumbnail__image:hover.red:before {
    background: linear-gradient(27.66deg, #ee402d, transparent 70.49%)
}

.accent-yellow div.publication-thumbnail__image:hover.accent-green:before,
.accent-yellow div.publication-thumbnail__image:hover.green:before {
    background: linear-gradient(27.66deg, #6de354, transparent 70.49%)
}

.accent-yellow div.publication-thumbnail__image:hover.accent-blue:before,
.accent-yellow div.publication-thumbnail__image:hover.blue:before {
    background: linear-gradient(27.66deg, #60d4f2, transparent 70.49%)
}

div.publication-thumbnail__image:hover.accent-red:after,
div.publication-thumbnail__image:hover.red:after {
    background: linear-gradient(27.66deg, #ee402d, transparent 70.49%)
}

.accent-red div.publication-thumbnail__image:hover.accent-yellow:before,
.accent-red div.publication-thumbnail__image:hover.yellow:before {
    background: linear-gradient(27.66deg, #ffeb00, transparent 70.49%)
}

.accent-red div.publication-thumbnail__image:hover.accent-red:before,
.accent-red div.publication-thumbnail__image:hover.red:before {
    background: linear-gradient(27.66deg, #ee402d, transparent 70.49%)
}

.accent-red div.publication-thumbnail__image:hover.accent-green:before,
.accent-red div.publication-thumbnail__image:hover.green:before {
    background: linear-gradient(27.66deg, #6de354, transparent 70.49%)
}

.accent-red div.publication-thumbnail__image:hover.accent-blue:before,
.accent-red div.publication-thumbnail__image:hover.blue:before {
    background: linear-gradient(27.66deg, #60d4f2, transparent 70.49%)
}

div.publication-thumbnail__image:hover.accent-green:after,
div.publication-thumbnail__image:hover.green:after {
    background: linear-gradient(27.66deg, #6de354, transparent 70.49%)
}

.accent-green div.publication-thumbnail__image:hover.accent-yellow:before,
.accent-green div.publication-thumbnail__image:hover.yellow:before {
    background: linear-gradient(27.66deg, #ffeb00, transparent 70.49%)
}

.accent-green div.publication-thumbnail__image:hover.accent-red:before,
.accent-green div.publication-thumbnail__image:hover.red:before {
    background: linear-gradient(27.66deg, #ee402d, transparent 70.49%)
}

.accent-green div.publication-thumbnail__image:hover.accent-green:before,
.accent-green div.publication-thumbnail__image:hover.green:before {
    background: linear-gradient(27.66deg, #6de354, transparent 70.49%)
}

.accent-green div.publication-thumbnail__image:hover.accent-blue:before,
.accent-green div.publication-thumbnail__image:hover.blue:before,
div.publication-thumbnail__image:hover.accent-blue:after,
div.publication-thumbnail__image:hover.blue:after {
    background: linear-gradient(27.66deg, #60d4f2, transparent 70.49%)
}

.accent-blue div.publication-thumbnail__image:hover.accent-yellow:before,
.accent-blue div.publication-thumbnail__image:hover.yellow:before {
    background: linear-gradient(27.66deg, #ffeb00, transparent 70.49%)
}

.accent-blue div.publication-thumbnail__image:hover.accent-red:before,
.accent-blue div.publication-thumbnail__image:hover.red:before {
    background: linear-gradient(27.66deg, #ee402d, transparent 70.49%)
}

.accent-blue div.publication-thumbnail__image:hover.accent-green:before,
.accent-blue div.publication-thumbnail__image:hover.green:before {
    background: linear-gradient(27.66deg, #6de354, transparent 70.49%)
}

.accent-blue div.publication-thumbnail__image:hover.accent-blue:before,
.accent-blue div.publication-thumbnail__image:hover.blue:before {
    background: linear-gradient(27.66deg, #60d4f2, transparent 70.49%)
}

.accent-yellow [dir=rtl] div.publication-thumbnail__image:hover.accent-yellow:before,
.accent-yellow [dir=rtl] div.publication-thumbnail__image:hover.yellow:before,
[dir=rtl] div.publication-thumbnail__image:hover.accent-yellow:after,
[dir=rtl] div.publication-thumbnail__image:hover.yellow:after {
    background: linear-gradient(318deg, #ffeb00, transparent 70.49%)
}

.accent-yellow [dir=rtl] div.publication-thumbnail__image:hover.accent-red:before,
.accent-yellow [dir=rtl] div.publication-thumbnail__image:hover.red:before {
    background: linear-gradient(318deg, #ee402d, transparent 70.49%)
}

.accent-yellow [dir=rtl] div.publication-thumbnail__image:hover.accent-green:before,
.accent-yellow [dir=rtl] div.publication-thumbnail__image:hover.green:before {
    background: linear-gradient(318deg, #6de354, transparent 70.49%)
}

.accent-yellow [dir=rtl] div.publication-thumbnail__image:hover.accent-blue:before,
.accent-yellow [dir=rtl] div.publication-thumbnail__image:hover.blue:before {
    background: linear-gradient(318deg, #60d4f2, transparent 70.49%)
}

[dir=rtl] div.publication-thumbnail__image:hover.accent-red:after,
[dir=rtl] div.publication-thumbnail__image:hover.red:after {
    background: linear-gradient(318deg, #ee402d, transparent 70.49%)
}

.accent-red [dir=rtl] div.publication-thumbnail__image:hover.accent-yellow:before,
.accent-red [dir=rtl] div.publication-thumbnail__image:hover.yellow:before {
    background: linear-gradient(318deg, #ffeb00, transparent 70.49%)
}

.accent-red [dir=rtl] div.publication-thumbnail__image:hover.accent-red:before,
.accent-red [dir=rtl] div.publication-thumbnail__image:hover.red:before {
    background: linear-gradient(318deg, #ee402d, transparent 70.49%)
}

.accent-red [dir=rtl] div.publication-thumbnail__image:hover.accent-green:before,
.accent-red [dir=rtl] div.publication-thumbnail__image:hover.green:before {
    background: linear-gradient(318deg, #6de354, transparent 70.49%)
}

.accent-red [dir=rtl] div.publication-thumbnail__image:hover.accent-blue:before,
.accent-red [dir=rtl] div.publication-thumbnail__image:hover.blue:before {
    background: linear-gradient(318deg, #60d4f2, transparent 70.49%)
}

[dir=rtl] div.publication-thumbnail__image:hover.accent-green:after,
[dir=rtl] div.publication-thumbnail__image:hover.green:after {
    background: linear-gradient(318deg, #6de354, transparent 70.49%)
}

.accent-green [dir=rtl] div.publication-thumbnail__image:hover.accent-yellow:before,
.accent-green [dir=rtl] div.publication-thumbnail__image:hover.yellow:before {
    background: linear-gradient(318deg, #ffeb00, transparent 70.49%)
}

.accent-green [dir=rtl] div.publication-thumbnail__image:hover.accent-red:before,
.accent-green [dir=rtl] div.publication-thumbnail__image:hover.red:before {
    background: linear-gradient(318deg, #ee402d, transparent 70.49%)
}

.accent-green [dir=rtl] div.publication-thumbnail__image:hover.accent-green:before,
.accent-green [dir=rtl] div.publication-thumbnail__image:hover.green:before {
    background: linear-gradient(318deg, #6de354, transparent 70.49%)
}

.accent-green [dir=rtl] div.publication-thumbnail__image:hover.accent-blue:before,
.accent-green [dir=rtl] div.publication-thumbnail__image:hover.blue:before,
[dir=rtl] div.publication-thumbnail__image:hover.accent-blue:after,
[dir=rtl] div.publication-thumbnail__image:hover.blue:after {
    background: linear-gradient(318deg, #60d4f2, transparent 70.49%)
}

.accent-blue [dir=rtl] div.publication-thumbnail__image:hover.accent-yellow:before,
.accent-blue [dir=rtl] div.publication-thumbnail__image:hover.yellow:before {
    background: linear-gradient(318deg, #ffeb00, transparent 70.49%)
}

.accent-blue [dir=rtl] div.publication-thumbnail__image:hover.accent-red:before,
.accent-blue [dir=rtl] div.publication-thumbnail__image:hover.red:before {
    background: linear-gradient(318deg, #ee402d, transparent 70.49%)
}

.accent-blue [dir=rtl] div.publication-thumbnail__image:hover.accent-green:before,
.accent-blue [dir=rtl] div.publication-thumbnail__image:hover.green:before {
    background: linear-gradient(318deg, #6de354, transparent 70.49%)
}

.accent-blue [dir=rtl] div.publication-thumbnail__image:hover.accent-blue:before,
.accent-blue [dir=rtl] div.publication-thumbnail__image:hover.blue:before {
    background: linear-gradient(318deg, #60d4f2, transparent 70.49%)
}

.color-wrapper {
    display: block
}

@media(min-width: 48em) {
    .color-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around
    }
}

.color__row {
    width: 100%
}

@media(min-width: 48em) {
    .color__row {
        width: calc(50% - 10px)
    }
}

.color__row.full {
    width: 100%
}

.color__row .color__title {
    color: #000;
    font-size: .813rem;
    min-height: 28px
}

@media(min-width: 48em) {
    .color__row .color__title {
        font-size: 1rem
    }
}

.color__row .color__define_wrapper {
    display: block
}

.Primary-text {
    color: #000;
    font-size: .75rem;
    margin-top: -1.538rem;
    text-align: center
}

@media(min-width: 48em) {
    .Primary-text {
        margin-top: -1.55rem
    }
}

.Primary-text .polygon img {
    display: block;
    margin: 0 auto;
    width: 10px
}

.color__define {
    display: flex;
    margin-bottom: 1.25rem
}

.color__define .color__name {
    flex-basis: 0;
    flex-grow: 1;
    margin: .5rem 0;
    text-align: center
}

@media(min-width: 48em) {
    .color__define .color__name {
        flex-basis: 0;
        flex-grow: 1
    }
}

.color__define .color__name .color__box {
    height: 48px;
    margin-bottom: .625rem;
    width: 100%
}

@media(min-width: 48em) {
    .color__define .color__name .color__box {
        height: 70px;
        height: 85px;
        width: 100%
    }
}

.color__define .color__name .color__box.p-blue-100 {
    background-color: #b5d5f5
}

.color__define .color__name .color__box.p-blue-200 {
    background-color: #94c4f5
}

.color__define .color__name .color__box.p-blue-300 {
    background-color: #6babeb
}

.color__define .color__name .color__box.p-blue-400 {
    background-color: #4f95dd
}

.color__define .color__name .color__box.p-blue-500 {
    background-color: #3288ce
}

.color__define .color__name .color__box.p-blue-600 {
    background-color: #006eb5
}

.color__define .color__name .color__box.p-blue-700 {
    background-color: #1f5a95
}

.color__define .color__name .color__box.p-gray-100 {
    background-color: #fafafa
}

.color__define .color__name .color__box.p-gray-200 {
    background-color: #f7f7f7
}

.color__define .color__name .color__box.p-gray-300 {
    background-color: #edeff0
}

.color__define .color__name .color__box.p-gray-400 {
    background-color: #d4d6d8
}

.color__define .color__name .color__box.p-gray-500 {
    background-color: #a9b1b7
}

.color__define .color__name .color__box.p-gray-600 {
    background-color: #55606e
}

.color__define .color__name .color__box.p-gray-700 {
    background-color: #232e3d
}

.color__define .color__name .color__box.light-yellow {
    background-color: #ffe17e
}

.color__define .color__name .color__box.yellow {
    background-color: #ffeb00
}

.color__define .color__name .color__box.dark-yellow {
    background-color: #fbc412
}

.color__define .color__name .color__box.light-red {
    background-color: #ffbcb7
}

.color__define .color__name .color__box.red {
    background-color: #ee402d
}

.color__define .color__name .color__box.dark-red {
    background-color: #d12800
}

.color__define .color__name .color__box.light-green {
    background-color: #b8ecb6
}

.color__define .color__name .color__box.green {
    background-color: #6de354
}

.color__define .color__name .color__box.dark-green {
    background-color: #59ba47
}

.color__define .color__name .color__box.light-azure {
    background-color: #a2daf3
}

.color__define .color__name .color__box.azure {
    background-color: #60d4f2
}

.color__define .color__name .color__box.dark-azure {
    background-color: #00c1ff
}

.color__define .color__name .color__code {
    font-size: .563rem
}

@media(min-width: 48em) {
    .color__define .color__name .color__code {
        display: flex;
        font-size: .625rem
    }
}

.color__define_balance {
    display: flex;
    width: 100%
}

.color__define_balance .color__name {
    margin: .5rem 0;
    text-align: center
}

.color__define_balance .color__name .color__box {
    height: 100%;
    height: 48px;
    margin-bottom: .625rem
}

@media(min-width: 64em) {
    .color__define_balance .color__name .color__box {
        height: 70px
    }
}

@media(min-width: 48em) {
    .color__define_balance .color__name .color__box {
        height: 85px;
        width: 100%
    }
}

.color__define_balance .color__name .color__box.p-gray-100 {
    background-color: #fafafa
}

.color__define_balance .color__name .color__box.p-gray-200 {
    background-color: #f7f7f7
}

.color__define_balance .color__name .color__box.p-gray-400 {
    background-color: #d4d6d8
}

.color__define_balance .color__name .color__box.p-gray-700 {
    background-color: #232e3d
}

.color__define_balance .color__name .color__box.p-blue-600 {
    background-color: #006eb5
}

.color__define_balance .color__name .color__box.dark-red {
    background-color: #d12800
}

.color__define_balance .color__name .color__code {
    font-size: .625rem
}

.color__define_balance .color__name.bl-1 {
    height: 75px;
    width: 45%
}

.color__define_balance .color__name.bl-2 {
    height: 75px;
    width: 12%
}

.color__define_balance .color__name.bl-3 {
    height: 75px;
    width: 15%
}

.color__define_balance .color__name.bl-4 {
    height: 75px;
    width: 18%
}

.color__define_balance .color__name.bl-5 {
    height: 75px;
    width: 8%
}

.color__define_balance .color__name.bl-6 {
    height: 75px;
    width: 5%
}

.icon--bar {
    cursor: pointer
}

.chevron-right-animated {
    display: inline-block;
    max-width: 6rem;
    width: 100%
}

.external-link-animated {
    box-shadow: -2px 2px 0 0 #d12800, -4px 0 0 -2px #d12800, -3px 3px 0 -1px #d12800;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: .75rem;
    margin-inline-start: -2px;
    position: relative;
    width: .75rem
}

.external-link-animated:before {
    background: #d12800;
    height: 2px;
    inset-block-start: 3.5px;
    inset-inline-end: 0;
    -webkit-transform: rotate(-45deg) translate(0);
    -moz-transform: rotate(-45deg) translate(0);
    -ms-transform: rotate(-45deg) translate(0);
    -o-transform: rotate(-45deg) translate(0);
    transition: rotate(-45deg) translate(0, 0);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    width: .625rem
}

.external-link-animated:after {
    border-block-start: 2px solid #d12800;
    border-inline-end: 2px solid #d12800;
    height: .5rem;
    inset-block-start: 0;
    inset-inline-end: 0;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    -webkit-transition: transform .3s;
    -moz-transition: transform .3s;
    -ms-transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: translate(0, 0);
    width: .5rem
}

.external-link-animated:hover:after {
    -webkit-transform: translate(5px, -5px);
    -moz-transform: translate(5px, -5px);
    -ms-transform: translate(5px, -5px);
    -o-transform: translate(5px, -5px);
    transition: translate(5px, -5px)
}

.external-link-animated:hover:before {
    -webkit-transform: rotate(-45deg) translate(7px);
    -moz-transform: rotate(-45deg) translate(7px);
    -ms-transform: rotate(-45deg) translate(7px);
    -o-transform: rotate(-45deg) translate(7px);
    transition: rotate(-45deg) translate(7px, 0)
}

.download-animated {
    align-items: flex-end;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    height: 12px;
    position: relative
}

.download-animated i {
    border: 2px solid #d12800;
    border-block-start: 0;
    box-sizing: content-box;
    display: block;
    height: 6px;
    width: 1.125rem
}

.download-animated:after {
    border-block-end: 2px solid #d12800;
    border-inline-start: 2px solid #d12800;
    height: 8px;
    inset-block-end: 6px;
    inset-inline-start: 7px;
    -webkit-transform: rotate(-45deg) translate(0);
    -moz-transform: rotate(-45deg) translate(0);
    -ms-transform: rotate(-45deg) translate(0);
    -o-transform: rotate(-45deg) translate(0);
    transition: rotate(-45deg) translate(0, 0);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    width: 8px
}

.download-animated:before {
    background: #d12800;
    height: 10px;
    inset-block-end: 7px;
    inset-inline-start: 10px;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transition: translate(0, 0);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    width: 2px
}

.download-animated:hover:after {
    -webkit-transform: rotate(-45deg) translate(7px, -7px);
    -moz-transform: rotate(-45deg) translate(7px, -7px);
    -ms-transform: rotate(-45deg) translate(7px, -7px);
    -o-transform: rotate(-45deg) translate(7px, -7px);
    transition: rotate(-45deg) translate(7px, -7px)
}

.download-animated:hover:before {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transition: translate(0, -10px)
}

[dir=rtl] .chevron-right-animated {
    -webkit-transform: translate(0) rotate(180deg);
    -moz-transform: translate(0) rotate(180deg);
    -ms-transform: translate(0) rotate(180deg);
    -o-transform: translate(0) rotate(180deg);
    transition: translate(0) rotate(180deg)
}

[dir=rtl] .chevron-right-animated:hover {
    -webkit-transform: translate(-10px) rotate(180deg);
    -moz-transform: translate(-10px) rotate(180deg);
    -ms-transform: translate(-10px) rotate(180deg);
    -o-transform: translate(-10px) rotate(180deg);
    transition: translate(-10px) rotate(180deg)
}

[dir=rtl] .external-link-animated,
[dir=rtl] .external-link-animated:hover {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transition: rotate(270deg)
}

.icons-container {
    display: flex;
    flex-wrap: wrap
}

.icons-container>div>div {
    margin: 0 auto
}

.icons-container>div p {
    font-family: ProximaNova, sans-serif;
    font-size: 14px;
    margin-top: 10px
}

.icons-container>div {
    align-items: center;
    background: #edeff0;
    border: 1px solid #d4d6d8;
    box-shadow: 2px 2px 4px #edeff0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin: 0 1rem 2rem;
    padding: 1rem .5rem;
    text-align: center;
    width: calc(100% - 2rem)
}

@media(min-width: 48em) {
    .icons-container>div {
        width: calc(25% - 2rem)
    }
}

div.author__img {
    border-radius: 50%;
    height: 80px;
    min-width: 80px;
    overflow: hidden;
    position: relative;
    width: 80px
}

div.author__img:before {
    border-radius: 50%;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s
}

div.author__img:hover:before {
    opacity: .75
}

div.author__img:hover.accent-yellow:before,
div.author__img:hover.yellow:before,
div.author__img:hover:before {
    background: linear-gradient(45deg, #ffeb00, transparent 53%)
}

div.author__img:hover.accent-red:before,
div.author__img:hover.red:before {
    background: linear-gradient(45deg, #ee402d, transparent 53%)
}

div.author__img:hover.accent-green:before,
div.author__img:hover.green:before {
    background: linear-gradient(45deg, #6de354, transparent 53%)
}

div.author__img:hover.accent-blue:before,
div.author__img:hover.blue:before {
    background: linear-gradient(45deg, #60d4f2, transparent 53%)
}

div.author__img.large {
    height: 180px;
    width: 180px
}

div.author__img.large:before {
    height: 180px
}

.accent-yellow div.author__img:hover.accent-yellow:before,
.accent-yellow div.author__img:hover.yellow:before,
.accent-yellow div.author__img:hover:before {
    background: linear-gradient(45deg, #ffeb00, transparent 53%)
}

.accent-yellow div.author__img:hover.accent-red:before,
.accent-yellow div.author__img:hover.red:before {
    background: linear-gradient(45deg, #ee402d, transparent 53%)
}

.accent-yellow div.author__img:hover.accent-green:before,
.accent-yellow div.author__img:hover.green:before {
    background: linear-gradient(45deg, #6de354, transparent 53%)
}

.accent-yellow div.author__img:hover.accent-blue:before,
.accent-yellow div.author__img:hover.blue:before {
    background: linear-gradient(45deg, #60d4f2, transparent 53%)
}

.accent-red div.author__img:hover:before {
    background: linear-gradient(45deg, #ee402d, transparent 53%)
}

.accent-red div.author__img:hover.accent-yellow:before,
.accent-red div.author__img:hover.yellow:before {
    background: linear-gradient(45deg, #ffeb00, transparent 53%)
}

.accent-red div.author__img:hover.accent-red:before,
.accent-red div.author__img:hover.red:before {
    background: linear-gradient(45deg, #ee402d, transparent 53%)
}

.accent-red div.author__img:hover.accent-green:before,
.accent-red div.author__img:hover.green:before {
    background: linear-gradient(45deg, #6de354, transparent 53%)
}

.accent-red div.author__img:hover.accent-blue:before,
.accent-red div.author__img:hover.blue:before {
    background: linear-gradient(45deg, #60d4f2, transparent 53%)
}

.accent-green div.author__img:hover:before {
    background: linear-gradient(45deg, #6de354, transparent 53%)
}

.accent-green div.author__img:hover.accent-yellow:before,
.accent-green div.author__img:hover.yellow:before {
    background: linear-gradient(45deg, #ffeb00, transparent 53%)
}

.accent-green div.author__img:hover.accent-red:before,
.accent-green div.author__img:hover.red:before {
    background: linear-gradient(45deg, #ee402d, transparent 53%)
}

.accent-green div.author__img:hover.accent-green:before,
.accent-green div.author__img:hover.green:before {
    background: linear-gradient(45deg, #6de354, transparent 53%)
}

.accent-blue div.author__img:hover:before,
.accent-green div.author__img:hover.accent-blue:before,
.accent-green div.author__img:hover.blue:before {
    background: linear-gradient(45deg, #60d4f2, transparent 53%)
}

.accent-blue div.author__img:hover.accent-yellow:before,
.accent-blue div.author__img:hover.yellow:before {
    background: linear-gradient(45deg, #ffeb00, transparent 53%)
}

.accent-blue div.author__img:hover.accent-red:before,
.accent-blue div.author__img:hover.red:before {
    background: linear-gradient(45deg, #ee402d, transparent 53%)
}

.accent-blue div.author__img:hover.accent-green:before,
.accent-blue div.author__img:hover.green:before {
    background: linear-gradient(45deg, #6de354, transparent 53%)
}

.accent-blue div.author__img:hover.accent-blue:before,
.accent-blue div.author__img:hover.blue:before {
    background: linear-gradient(45deg, #60d4f2, transparent 53%)
}

[dir=rtl] .author__img:before {
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transition: scaleX(-1)
}

/*img,picture {*/
/*    height: auto;*/
/*    max-width: 100%*/
/*}*/

picture {
    display: block
}

/*figure {*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*    justify-content: center;*/
/*    margin: 0 auto*/
/*}*/

/*figure,figure img,figure>div {*/
/*    width: 100%*/
/*}*/

figure figcaption {
    line-height: 1.4;
    margin: 1rem 1.5rem 2rem
}

@media(min-width: 48em) {
    figure figcaption {
        margin: 2rem 0;
        max-width: 64rem;
        width: 100%
    }
}

figure.medium {
    flex-direction: column;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    max-width: 64rem
}

@media(min-width: 48em) {
    figure.medium {
        margin: 0 auto;
        width: 100%
    }

    figure.medium>div {
        width: 100%
    }

    figure.medium img {
        max-width: 100%
    }

    figure.medium figcaption {
        line-height: 1.4;
        width: 100%
    }
}

figure.portrait {
    align-items: flex-end;
    flex-direction: column;
    flex-wrap: nowrap;
    margin-left: auto;
    margin-right: auto
}

@media(min-width: 48em) {
    figure.portrait {
        flex-direction: row
    }

    figure.portrait img {
        width: 100%
    }

    figure.portrait>div,
    figure.portrait>img {
        width: 50%
    }

    figure.portrait figcaption {
        display: block;
        margin: 0 0 0 1.5rem;
        max-width: 64rem;
        padding-bottom: 0;
        width: 50%
    }

    figure.portrait figcaption p {
        margin-bottom: 1rem;
        padding: 0
    }

    figure.portrait figcaption p+.credits {
        border-top: 1px solid #a9b1b7;
        margin-left: 0;
        padding: 1rem 0 0
    }
}

figure.portrait .credits {
    border-left: 0;
    border-right: 0;
    margin-bottom: 1rem
}

figure.portrait .author__caption {
    font-size: .875rem;
    line-height: 1.5
}

.image-figcaption__cart img {
    display: block
}

@media(min-width: 48em) {
    [dir=rtl] figure.portrait figcaption {
        margin: 0 1.5rem 0 0
    }

    [dir=rtl] figure.portrait .credits {
        border-right: 0;
        margin-right: 0;
        padding: 1rem 0
    }
}

.credits {
    font-size: .875rem;
    line-height: 1.4;
    margin-left: auto
}

@media(min-width: 48em) {
    .credits {
        font-size: 1rem
    }
}

.grid_name {
    color: #000;
    font-size: 1.375rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
    min-height: 28px
}

@media(max-width: 47.9375em) {
    .grid_name {
        font-size: 1.625rem
    }
}

.grid_name span {
    font-size: .875rem
}

.grid_description {
    color: #000;
    margin-bottom: 1.25rem
}

.grid--layout {
    background-color: #edeff0;
    height: 3rem;
    margin-bottom: .5rem
}

.grid--layout:nth-child(odd) {
    background-color: #f7f7f7
}

.grid--layout .column {
    font-size: .813rem;
    padding: .625rem
}

.spacing-wrapper .spacing__row .spacing__title.Primary {
    font-size: 3.438rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 4rem;
    margin-top: .5rem
}

.spacing__define .spacing__name {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%
}

.spacing__define .spacing__name .spacing__label,
.spacing__define .spacing__name .spacing__size {
    height: 100px;
    width: 100px
}

@media(min-width: 48em) {
    .spacing__define .spacing__name .spacing__size {
        margin: 0 11rem
    }
}

.spacing__define .spacing__name .spacing-1,
.spacing__define .spacing__name .spacing-10,
.spacing__define .spacing__name .spacing-11,
.spacing__define .spacing__name .spacing-12,
.spacing__define .spacing__name .spacing-13,
.spacing__define .spacing__name .spacing-2,
.spacing__define .spacing__name .spacing-3,
.spacing__define .spacing__name .spacing-4,
.spacing__define .spacing__name .spacing-5,
.spacing__define .spacing__name .spacing-6,
.spacing__define .spacing__name .spacing-7,
.spacing__define .spacing__name .spacing-8,
.spacing__define .spacing__name .spacing-9 {
    background-color: #006eb5
}

.spacing__define .spacing__name .spacing-1 {
    height: 2px;
    width: 2px
}

.spacing__define .spacing__name .spacing-2 {
    height: 4px;
    width: 4px
}

.spacing__define .spacing__name .spacing-3 {
    height: 8px;
    width: 8px
}

.spacing__define .spacing__name .spacing-4 {
    height: 12px;
    width: 12px
}

.spacing__define .spacing__name .spacing-5 {
    height: 16px;
    width: 16px
}

.spacing__define .spacing__name .spacing-6 {
    height: 24px;
    width: 24px
}

.spacing__define .spacing__name .spacing-7 {
    height: 32px;
    width: 32px
}

.spacing__define .spacing__name .spacing-8 {
    height: 40px;
    width: 40px
}

.spacing__define .spacing__name .spacing-9 {
    height: 48px;
    width: 48px
}

.spacing__define .spacing__name .spacing-10 {
    height: 64px;
    width: 64px
}

.spacing__define .spacing__name .spacing-11 {
    height: 80px;
    width: 80px
}

.spacing__define .spacing__name .spacing-12 {
    height: 96px;
    width: 96px
}

.spacing__define .spacing__name .spacing-13 {
    height: 160px;
    width: 160px
}

.breadcrumb__item {
    color: #d12800;
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase
}

.breadcrumb__item:hover {
    color: #ee402d
}

.language__item {
    display: inline-block;
    line-height: .9;
    min-width: 100px;
    padding: .75rem 1rem
}

.menu li a {
    border: none;
    display: inline;
    letter-spacing: .03em;
    text-transform: uppercase
}

.menu li a:hover {
    color: #55606e;
    cursor: pointer
}

.menu li a.selected {
    border-bottom: 2px solid #d12800;
    padding-bottom: .25rem
}

.progress-container {
    background: #edeff0;
    height: .75rem;
    width: 100%
}

@media(min-width: 48em) {
    .progress-container {
        height: 1rem
    }
}

.progress-container .progress-bar {
    background: #ffeb00
}

.progress-container.small {
    height: .625rem
}

@media(min-width: 48em) {
    .progress-container.small {
        height: .75rem
    }
}

.progress-container.small .progress-bar {
    height: .625rem
}

@media(min-width: 48em) {
    .progress-container.small .progress-bar {
        height: .75rem
    }
}

.progress-container.accent-yellow .progress-bar,
.progress-container.yellow .progress-bar {
    background: #ffeb00
}

.progress-container.accent-red .progress-bar,
.progress-container.red .progress-bar {
    background: #ee402d
}

.progress-container.accent-green .progress-bar,
.progress-container.green .progress-bar {
    background: #6de354
}

.progress-container.accent-blue .progress-bar,
.progress-container.blue .progress-bar {
    background: #60d4f2
}

.accent-yellow .progress-container .progress-bar,
.accent-yellow .progress-container.accent-yellow .progress-bar,
.accent-yellow .progress-container.yellow .progress-bar,
.yellow .progress-container .progress-bar,
.yellow .progress-container.accent-yellow .progress-bar,
.yellow .progress-container.yellow .progress-bar {
    background: #ffeb00
}

.accent-yellow .progress-container.accent-red .progress-bar,
.accent-yellow .progress-container.red .progress-bar,
.yellow .progress-container.accent-red .progress-bar,
.yellow .progress-container.red .progress-bar {
    background: #ee402d
}

.accent-yellow .progress-container.accent-green .progress-bar,
.accent-yellow .progress-container.green .progress-bar,
.yellow .progress-container.accent-green .progress-bar,
.yellow .progress-container.green .progress-bar {
    background: #6de354
}

.accent-yellow .progress-container.accent-blue .progress-bar,
.accent-yellow .progress-container.blue .progress-bar,
.yellow .progress-container.accent-blue .progress-bar,
.yellow .progress-container.blue .progress-bar {
    background: #60d4f2
}

.accent-red .progress-container .progress-bar,
.red .progress-container .progress-bar {
    background: #ee402d
}

.accent-red .progress-container.accent-yellow .progress-bar,
.accent-red .progress-container.yellow .progress-bar,
.red .progress-container.accent-yellow .progress-bar,
.red .progress-container.yellow .progress-bar {
    background: #ffeb00
}

.accent-red .progress-container.accent-red .progress-bar,
.accent-red .progress-container.red .progress-bar,
.red .progress-container.accent-red .progress-bar,
.red .progress-container.red .progress-bar {
    background: #ee402d
}

.accent-red .progress-container.accent-green .progress-bar,
.accent-red .progress-container.green .progress-bar,
.red .progress-container.accent-green .progress-bar,
.red .progress-container.green .progress-bar {
    background: #6de354
}

.accent-red .progress-container.accent-blue .progress-bar,
.accent-red .progress-container.blue .progress-bar,
.red .progress-container.accent-blue .progress-bar,
.red .progress-container.blue .progress-bar {
    background: #60d4f2
}

.accent-green .progress-container .progress-bar,
.green .progress-container .progress-bar {
    background: #6de354
}

.accent-green .progress-container.accent-yellow .progress-bar,
.accent-green .progress-container.yellow .progress-bar,
.green .progress-container.accent-yellow .progress-bar,
.green .progress-container.yellow .progress-bar {
    background: #ffeb00
}

.accent-green .progress-container.accent-red .progress-bar,
.accent-green .progress-container.red .progress-bar,
.green .progress-container.accent-red .progress-bar,
.green .progress-container.red .progress-bar {
    background: #ee402d
}

.accent-green .progress-container.accent-green .progress-bar,
.accent-green .progress-container.green .progress-bar,
.green .progress-container.accent-green .progress-bar,
.green .progress-container.green .progress-bar {
    background: #6de354
}

.accent-blue .progress-container .progress-bar,
.accent-green .progress-container.accent-blue .progress-bar,
.accent-green .progress-container.blue .progress-bar,
.blue .progress-container .progress-bar,
.green .progress-container.accent-blue .progress-bar,
.green .progress-container.blue .progress-bar {
    background: #60d4f2
}

.accent-blue .progress-container.accent-yellow .progress-bar,
.accent-blue .progress-container.yellow .progress-bar,
.blue .progress-container.accent-yellow .progress-bar,
.blue .progress-container.yellow .progress-bar {
    background: #ffeb00
}

.accent-blue .progress-container.accent-red .progress-bar,
.accent-blue .progress-container.red .progress-bar,
.blue .progress-container.accent-red .progress-bar,
.blue .progress-container.red .progress-bar {
    background: #ee402d
}

.accent-blue .progress-container.accent-green .progress-bar,
.accent-blue .progress-container.green .progress-bar,
.blue .progress-container.accent-green .progress-bar,
.blue .progress-container.green .progress-bar {
    background: #6de354
}

.accent-blue .progress-container.accent-blue .progress-bar,
.accent-blue .progress-container.blue .progress-bar,
.blue .progress-container.accent-blue .progress-bar,
.blue .progress-container.blue .progress-bar {
    background: #60d4f2
}

.progress-bar {
    height: .75rem;
    min-width: 1%;
    position: fixed;
    -webkit-transition: width .2s linear;
    -moz-transition: width .2s linear;
    -ms-transition: width .2s linear;
    -o-transition: width .2s linear;
    transition: width .2s linear;
    width: 34%;
    z-index: 1
}

@media(min-width: 48em) {
    .progress-bar {
        height: 1rem
    }
}

.progress-top {
    top: 0
}

.sidebar_item:hover {
    background-color: #f7f7f7
}

.sidebar_item.open .arrow {
    transform: rotate(180deg);
    transition: all .1s ease
}

.sidebar_item h6 {
    margin-bottom: 0
}

details summary {
    list-style-type: none;
    outline: 0
}

details summary::-webkit-details-marker {
    display: none
}

details summary:before {
    background: url(../images/chevron-small-right.svg) no-repeat 0;
    content: "";
    display: inline-block;
    height: 14px;
    margin-right: .25rem;
    width: 14px
}

details[open] summary {
    margin-bottom: .5rem
}

details[open] summary:before {
    background: url(../images/chevron-small-down.svg) no-repeat 0;
    content: "";
    display: inline-block;
    height: 14px;
    width: 14px
}

[dir=rtl] details summary:before {
    margin-left: .25rem;
    margin-right: 0;
    -webkit-transform: translate(0) rotate(180deg);
    -moz-transform: translate(0) rotate(180deg);
    -ms-transform: translate(0) rotate(180deg);
    -o-transform: translate(0) rotate(180deg);
    transition: translate(0) rotate(180deg)
}

[dir=rtl] details[open] summary:before {
    -webkit-transform: translate(0) rotate(0deg);
    -moz-transform: translate(0) rotate(0deg);
    -ms-transform: translate(0) rotate(0deg);
    -o-transform: translate(0) rotate(0deg);
    transition: translate(0) rotate(0deg)
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%
}

@media(min-width: 48em) {
    table {
        width: auto
    }
}

table.small td,
table.small th {
    -webkit-text-size-adjust: 100%;
    font-size: 1rem
}

table.striped tr:nth-child(2n) {
    background-color: #f7f7f7
}

table.border {
    border-collapse: collapse
}

table.border td,
table.border th {
    border: 1px solid #d4d6d8
}

table.stacked td,
table.stacked th {
    display: block
}

@media(min-width: 48em) {

    table.stacked td,
    table.stacked th {
        display: table-cell
    }
}

table.stacked thead tr {
    display: none
}

@media(min-width: 48em) {
    table.stacked thead tr {
        display: table-row
    }
}

table.stacked.border tr {
    border: 1px solid #d4d6d8
}

@media(min-width: 48em) {

    table.stacked.border tr td,
    table.stacked.border tr th {
        border: 1px solid #d4d6d8
    }
}

td,
th {
    font-size: 1.25rem;
    line-height: 1.4;
    padding: .75rem;
    /*     vertical-align: top */
}

@media(min-width: 48em) {

    td,
    th {
        padding: .75rem 2.5rem .75rem .75rem
    }
}

thead tr th {
    background-color: #edeff0;
    font-weight: 600;
    /*     text-align: left */
}

.scroll {
    overflow-x: auto
}

.scroll thead th {
    white-space: nowrap
}

.scroll td,
.scroll th {
    -webkit-text-size-adjust: 100%
}

[dir=rtl] td,
[dir=rtl] th {
    text-align: right
}

@media(min-width: 48em) {

    [dir=rtl] td,
    [dir=rtl] th {
        padding: .75rem .75rem .75rem 2.5rem
    }
}

:lang(my) td,
:lang(my) th {
    line-height: 1.7
}

.grid_description,
.menu li a,
small {
    font-size: .75rem
}

@media(min-width: 48em) {

    .grid_description,
    .menu li a,
    small {
        font-size: .875rem
    }
}

.language__item,
details p {
    font-size: .875rem;
    line-height: 1.4
}

@media(min-width: 48em) {

    .language__item,
    details p {
        font-size: 1rem
    }
}

abbr[title],
code,
details summary,
mark,
q {
    font-size: 1rem
}

@media(min-width: 48em) {

    abbr[title],
    code,
    details summary,
    mark,
    q {
        font-size: 1.25rem
    }
}

cite {
    font-size: 1.25rem;
    line-height: 1.1
}

@media(min-width: 48em) {
    cite {
        font-size: 1.5rem
    }
}

.language__item,
.sidebar_item,
tbody tr {
    border-bottom: 1px solid #d4d6d8
}

.image-figcaption__cart img,
div.author__img img {
    height: 100%;
    object-fit: cover;
    padding: 0;
    width: 100%
}

.breadcrumb__item,
table.stacked.border tr td,
table.stacked.border tr th,
table.striped tr {
    border: none
}

.sidebar_item {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    padding: 1rem;
    position: relative
}

@media(min-width: 48em) {
    .sidebar_item {
        padding: 1.5rem
    }
}

.sidebar_item.selected {
    background-color: #006eb5
}

.sidebar_item.selected h6 {
    color: #fff
}

.sidebar_item.selected:hover {
    background-color: #006eb5
}

.overlay-grey:before,
div.author__img:before,
div.card-thumbnail__image:before,
div.publication-thumbnail__image:after {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.breadcrumb__item,
.menu li a,
table.stacked.border tr td,
table.stacked.border tr th,
table.striped tr {
    background-image: none
}

[data-viewport=true] {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transition: translateX(-100px);
    -webkit-transition: transform 1.2s cubic-bezier(.34, .41, .03, 1), opacity 1.2s cubic-bezier(.34, .41, .03, 1);
    -moz-transition: transform 1.2s cubic-bezier(.34, .41, .03, 1), opacity 1.2s cubic-bezier(.34, .41, .03, 1);
    -ms-transition: transform 1.2s cubic-bezier(.34, .41, .03, 1), opacity 1.2s cubic-bezier(.34, .41, .03, 1);
    -o-transition: transform 1.2s cubic-bezier(.34, .41, .03, 1), opacity 1.2s cubic-bezier(.34, .41, .03, 1);
    transition: transform 1.2s cubic-bezier(.34, .41, .03, 1), opacity 1.2s cubic-bezier(.34, .41, .03, 1);
    visibility: hidden
}

[data-viewport=true].inviewport,
[dir=rtl] [data-viewport=true].inviewport {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transition: translateX(0);
    visibility: visible
}

[dir=rtl] [data-viewport=true] {
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transition: translateX(100px)
}

.scale-up {
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
    transition: scale(.9);
    -webkit-transition: transform 1.2s cubic-bezier(.34, .41, .03, 1);
    -moz-transition: transform 1.2s cubic-bezier(.34, .41, .03, 1);
    -ms-transition: transform 1.2s cubic-bezier(.34, .41, .03, 1);
    -o-transition: transform 1.2s cubic-bezier(.34, .41, .03, 1);
    transition: transform 1.2s cubic-bezier(.34, .41, .03, 1)
}

.opacity-only {
    opacity: 0;
    -webkit-transition: opacity 1.2s cubic-bezier(.34, .41, .03, 1);
    -moz-transition: opacity 1.2s cubic-bezier(.34, .41, .03, 1);
    -ms-transition: opacity 1.2s cubic-bezier(.34, .41, .03, 1);
    -o-transition: opacity 1.2s cubic-bezier(.34, .41, .03, 1);
    transition: opacity 1.2s cubic-bezier(.34, .41, .03, 1)
}

.opacity-only.inviewport {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transition: translateX(0)
}

:lang(my) .language__item,
:lang(my) details p,
details :lang(my) p {
    font-size: .75rem;
    line-height: 1.7
}

@media(min-width: 48em) {

    :lang(my) .language__item,
    :lang(my) details p,
    details :lang(my) p {
        font-size: .875rem
    }
}

:lang(my) abbr[title],
:lang(my) code,
:lang(my) details summary,
:lang(my) mark,
:lang(my) q,
details :lang(my) summary {
    font-size: .875rem
}

@media(min-width: 48em) {

    :lang(my) abbr[title],
    :lang(my) code,
    :lang(my) details summary,
    :lang(my) mark,
    :lang(my) q,
    details :lang(my) summary {
        font-size: 1rem
    }
}

:lang(my) cite {
    font-size: 1.25rem;
    line-height: 1.1
}

@media(min-width: 48em) {
    :lang(my) cite {
        font-size: 1.5rem
    }
}

.chevron-right-animated i:after,
.chevron-right-animated i:before,
.download-animated:after,
.download-animated:before,
.external-link-animated:after,
.external-link-animated:before {
    box-sizing: border-box;
    content: "";
    display: block;
    position: absolute
}

.chevron-right-animated i {
    box-sizing: border-box;
    display: block;
    height: 1rem;
    left: 1.25rem;
    position: relative;
    -webkit-transition: width .3s;
    -moz-transition: width .3s;
    -ms-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s;
    width: 0
}

.chevron-right-animated i:before {
    background-color: #ee402d;
    display: none;
    height: 2px;
    right: 0;
    top: 7px;
    width: 100%
}

.chevron-right-animated i:after {
    border-right: 2px solid #ee402d;
    border-top: 2px solid #ee402d;
    height: .75rem;
    right: 0;
    top: 2px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transition: rotate(45deg);
    width: .75rem
}

.chevron-right-animated:hover i {
    width: 5rem
}

.chevron-right-animated:hover i:before {
    display: unset
}

a {
    background-image: linear-gradient(#d12800, #d12800), linear-gradient(#d12800, #d12800);
    background-position: 100% 100%, -30px 100%;
    background-repeat: no-repeat;
    background-size: 100% 2px, 0 1px
}

a:hover {
    -webkit-animation: lineLoop-animation 2s linear infinite;
    -moz-animation: lineLoop-animation 2s linear infinite;
    -ms-animation: lineLoop-animation 2s linear infinite;
    -o-animation: lineLoop-animation 2s linear infinite;
    animation: lineLoop-animation 2s linear infinite
}

.custom-scrollbar {
    overflow-x: auto;
    overflow-y: auto;
    scroll-behavior: smooth;
    scrollbar-color: #000 transparent;
    scrollbar-width: thin
}

.custom-scrollbar::-webkit-scrollbar {
    border-radius: 0;
    height: 5px;
    width: 5px
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: #000;
    background-clip: padding-box;
    border: 2px solid #fff
}

.custom-scrollbar::-webkit-scrollbar-corner {
    display: none
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #000
}

video {
    object-fit: cover
}

#toolbar-administration a,
#toolbar-administration abbr[title],
#toolbar-administration code,
#toolbar-administration details summary,
#toolbar-administration mark,
q {
    font-size: 13px;
}

#toolbar-administration a {
    background: none;
}

#toolbar-administration+.dialog-off-canvas-main-canvas .mega-nav-option {
    top: 190px !important;
}

.user-logged-in .modal-popular-search {
    height: calc(100vh - 9rem);
}

@media screen and (min-width: 767px) {
    .user-logged-in .modal-popular-search {
        height: calc(100vh - 11rem);
    }
}

#toolbar-administration+.dialog-off-canvas-main-canvas header .header {
    top: 79px;
}

.user-logged-in .country-header.country-load-animation .header .top-left .logo {
    top: 4.825rem;
}

#toolbar-administration+.dialog-off-canvas-main-canvas .article-page .progress-container {
    top: 12.1rem;
    z-index: 5 !important;
}

svg.mailto {
    display: none;
}

.single-role.role-content-viewer.page-node-type-landing-page .layout-container,
.single-role.role-content-viewer .layout-container margin-top: 0rem;
}

.role-anonymous .layout-container {
    margin-top: 1.5rem;
}

.layout-container {
    margin-top: 1.5rem;
}

.role-authenticated.user-logged-in.path-whats-new .layout-container,
.single-role.role-content-viewer.path-whats-new .layout-container {
    margin-top: 0 !important;
}

.path-translation-not-found .translation-not-found-wrapper p {
    font-size: 25px;
    font-weight: 600;
}

.path-translation-not-found .translation-not-found-wrapper {
    margin-top: 15rem;
    padding-bottom: 5rem;
    width: 80%;
}

.path-taxonomy table.subpage-table tr td p a {
    color: #55606e;
    font-size: 1rem;
}

.content-report-wrapper h3 {
    padding-top: 1rem;
}

.content-report-card .button {
    padding: 0.7rem;
}

.content-report-card .report-title {
    font-weight: 600;
    padding-top: 1rem;
}

.content-report-card h5 {
    text-align: center;
}

.content-report-card {
    background-color: #f7f7f7;
    text-align: center;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}

.content-report-card p {
    text-transform: capitalize;
    font-weight: 700;
}

.content-circle {
    height: 80px;
    width: 80px;
    border: 4px solid #006eb5;
    border-radius: 50%;
    margin: 2rem auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.report-no {
    color: #006eb5;
    margin-bottom: 0;
}

ul.contextual-links {
    display: block !important;
}

a {
    background-image: none;
}

li.date-reset {
    float: right;
    margin-bottom: 1rem !important;
}

.grid-container {
    max-width: 80vw;
}

/***added on birthday*/
.sidebar-first-menu>li.current-menu-item>a {
    background-color: #006eb5 !important;
    color: #fff !important;
}

ul.sub-menu li.current-menu-item>a {
    background-color: #006eb5 !important;
    color: #fff !important;
}

/***added on birthday*/
/* .sidebar-first-menu > li.active a.is-active {
    background-color: #006eb5 !important;
    color: #fff !important;
    margin-top: -1px;
} */

.path-user .openid-connect-login-form__top a,
.path-user .user-login-form a {
    text-decoration-line: underline;
    text-decoration-color: #232e3d;
    text-decoration-thickness: 1px;
    text-underline-offset: 7px;
}

.no-results {
    color: #edeff0;
    font-size: 32px;
    font-family: "SohneBreit";
}

ul.contextual-links[hidden] {
    display: none !important;
}

#edit-sort-bef-combine ul li {
    border-top: 1px solid #d4d6d8;
    padding-top: 0.5rem;
    margin-bottom: 0.5rem !important;
}

#edit-sort-bef-combine ul li a {
    background-image: none;
    font-size: 1.1rem;
    font-weight: 500;
    text-transform: capitalize;
}

.path-whats-new .facet-item__value {
    text-transform: capitalize;
    font-weight: 500;
}

.search-filter .clear-search-filter {
    display: none;
    margin-bottom: 1rem !important;
    font-size: 1.2rem;
}

.search-filter .selected-chips {
    max-width: 100%;
    padding-top: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 1rem;
}

.multi-select-search-wrapper .selected-chips .facet-item__value a {
    background-image: none;
}

.views-exposed-form.bef-exposed-form {
    position: relative;
    z-index: 3;
    height: 40px;
    /* background: #fff; */
}

.sort-filter-block {
    position: relative;
    z-index: 8;
}

.favorites-content-wrapper header {
    position: relative;
    z-index: 0;
}

.favorites-content-wrapper .card-wrapper {
    position: relative;
    z-index: 0;
    padding-bottom: 2rem;
}

.js-form-item-sort-bef-combine {
    background: #fff;
}

.path-search .multi-select-custom-wrapper {
    padding-top: 2.5rem;
}

.error {
    color: #000;
}

.form-select.bef-links ul li {
    padding-left: 0 !important;
}

.form-select.bef-links ul {
    width: 105%;
}

.js-form-item-sort-bef-combine label {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1rem;
    padding: 0.2rem 0 0 0.5rem;
}

.js-form-item-sort-bef-combine label::after {
    border: solid #ee402d;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 6px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    content: "";
    position: absolute;
    left: 91%;
    margin-bottom: 3px;
    transition: all 0.2s ease-in-out;
}

.js-form-item-sort-bef-combine.open label::after {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.js-form-item-sort-bef-combine .form-select {
    margin: 0;
}

.views-data-export-feed .feed-icon {
    text-indent: 0;
}

.sort-btn {
    display: inline-flex;
    justify-content: flex-end;
}

.xlsx-feed {
    background-color: #006eb5;
    justify-content: center;
    padding: 0.8rem;
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
}

.views-data-export-feed {
    display: block;
}

.xlsx-feed .feed-icon {
    background-image: none;
    color: #fff;
    justify-content: center;
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    width: auto;
}

#edit-sort-bef-combine ul li::marker {
    font-size: 0;
}

.sort-btn .form-select {
    padding: 10px 30px;
    border: none !important;
    list-style: none;
}

.js-form-item-sort-bef-combine {
    border: 2px solid #000;
    padding: 10px 1rem 10px 10px;
    width: 300px;
    float: right;
    margin-right: 10px;
    position: relative;
}

.path-document-search .js-form-item-sort-bef-combine,
.page-favorites-list .js-form-item-sort-bef-combine,
.path-search .js-form-item-sort-bef-combine {
    margin-right: 0px;
}

.path-search .js-form-item-sort-bef-combine {
    margin-top: -2rem;
}

.policy-summary-date {
    font-weight: 600;
}

.content-card-wrapper a {
    background-image: none;
}

.grid-x {
    justify-content: flex-start;
}

p,
h5 {
    font-family: "ProximaNova";
}

h2 {
    font-family: "SohneBreit";
    font-size: 55px;
    line-height: 108.33%;
}

h3 {
    font-family: "ProximaNova";
    font-size: 55px;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 109%;
}

.hide,
.filter-and-sort {
    display: none;
}

.hide {
    display: none;
}

.consumption-report-wrapper {
    margin-top: 7rem;
}

.path-report .breadcrumb ul li a,
.page-node-type-page .breadcrumb ul li a,
.breadcrumb ul li .breadcrumb ul li a,
.path-consumption-report .breadcrumb ul li a {
    color: #d12800;
}

nav.breadcrumb {
    width: 55vw !important;
}

.page-retirement-report.path-report .breadcrumb ul li:after {
    color: #fff;
}

.path-report .breadcrumb ul li:after,
.page-node-type-page .breadcrumb ul li:after,
.path-consumption-report .breadcrumb ul li:after,
.path-consumption-report .breadcrumb ul li:after {
    color: #000;
    content: "/";
    font-weight: 700;
    position: absolute;
    right: -12px;
    top: 0;
}

.path-report .breadcrumb ul li,
.page-node-type-page .breadcrumb ul li,
.path-consumption-report .breadcrumb ul li {
    color: #000;
}

.role-anonymous.page-node-type-page .breadcrumb,
.role-administrator.path-consumption-report #block-undp-popp-breadcrumbs .breadcrumb,
.role-authenticated.page-node-type-page .breadcrumb {
    position: initial !important;
    margin-top: 2.5rem;
    z-index: 9;
}

.role-authenticated.page-node-type-page .basic-page-wrapper {
    margin-top: 4rem;
    margin-bottom: 6rem;
    padding: 6rem 0 5rem 0%;
}

.basic-page-wrapper p {
    font-weight: 200;
    padding: 1rem 0;
    font-size: 25px;
    padding-top: 1.5rem;
    padding-left: 0.2rem;
}

.role-anonymous.page-node-type-page .basic-page-wrapper {
    margin-top: 3rem;
    margin-bottom: 5rem;
    padding: 6rem 0 5rem 0%;
}

.basic-page-wrapper p a {
    text-decoration: underline;
    font-weight: 600;
}

.less-text-back p {
    background: linear-gradient(to bottom, #000 50%, #fff 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 0.5rem;
}

table td p {
    color: #232e3d;
}

.cta__link.cta_link_up {
    text-align: center;
    padding-bottom: 0.5rem;
}

table .cta__link.cta_link_up.active::after {
    -webkit-transform: rotate(272deg);
}

.summery-text .cta__link.cta--space:after,
table .cta__link.cta--space:after {
    -webkit-transform: rotate(90deg);
}

table .cta__link.cta--space:hover:after {
    -webkit-transform: rotate(90deg) !important;
}

table .cta__link.cta_link_up.cta--space.active:hover::after {
    -webkit-transform: rotate(272deg) !important;
}

.custom-side-margin {
    margin: 0 auto;
}

.mt-5 {
    margin-top: 5rem;
}

.mb-4 {
    margin-bottom: 4rem;
}

.less-text-back.mb-4 {
    margin-bottom: 3rem;
}

.path-taxonomy .mb-2 {
    margin-top: 0.5rem;
    margin-bottom: 1.2rem;
}

.path-taxonomy .content-card-wrapper .cta__link {
    position: absolute;
    bottom: 1.5rem;
}

.path-taxonomy .content-card {
    position: relative;
}

.data-row {
    min-height: 150px;
    height: auto;
}

.tabs {
    margin-top: 4rem;
    margin-bottom: 3rem;
}

.messages+.messages {
    margin-top: -0.462em;
}

.subscription {
    text-align: end;
    position: relative;
    top: 7.2rem;
    z-index: 9;
    float: right;
    padding-right: 6vw;
}

.single-role.role-content-viewer .subscription {
    text-align: end;
    position: relative;
    top: 6rem;
    z-index: 9;
    float: right;
    padding-right: 5vw;
}

.single-role.role-content-viewer .policy-page-fav-btn .position-fav-btn {
    position: absolute;
    right: 15vw;
    top: 6rem;
    z-index: 7;
}

.path-frontpage .subscription {
    display: none;
}

.path-frontpage .mtb-2 {
    margin: 3rem 0;
}

.subscription a {
    color: #f7f7f7;
    font-size: 16px;
}

.subscribe img {
    padding-right: 10px;
}

.breadcrumb ul li:after {
    color: #fff;
}

.path-user .breadcrumb ul li a,
.page-404 .breadcrumb ul li a,
.page-403 .breadcrumb ul li a,
.page-content-creation-report .breadcrumb ul li a,
.page-node-type-regulations-rules .breadcrumb ul li a,
.page-node-type-policy-document .breadcrumb ul li a,
.page-node-type-announcement .breadcrumb ul li a,
.page-node-type-policy-page .breadcrumb ul li,
.page-node-type-policy-page .breadcrumb ul li a,
.page-node-type-document .breadcrumb ul li a,
.page-node-type-document .breadcrumb ul li,
.page-node-type-procedure .breadcrumb ul li a {
    color: #d12800;
    font-size: 12px;
    font-weight: 700;
}

.path-user .breadcrumb ul li::after,
.page-404 .breadcrumb ul li::after,
.page-403 .breadcrumb ul li::after,
.page-content-creation-report .breadcrumb ul li::after,
.page-node-type-regulations-rules .breadcrumb ul li::after,
.page-node-type-document .breadcrumb ul li::after,
.page-node-type-policy-document .breadcrumb ul li::after,
.page-node-type-announcement .breadcrumb ul li::after,
.page-node-type-procedure .breadcrumb ul li::after,
.page-node-type-policy-page .breadcrumb ul li::after {
    color: #d12800;
    font-size: 12px;
    font-weight: 700;
}

.path-user .breadcrumb ul li,
.page-404 .breadcrumb ul li,
.page-403 .breadcrumb ul li,
.page-content-creation-report .breadcrumb ul li,
.page-node-type-regulations-rules .breadcrumb ul li,
.page-node-type-policy-document .breadcrumb ul li,
.page-node-type-announcement .breadcrumb ul li,
.page-node-type-procedure .breadcrumb ul li,
.page-node-type-policy-page .breadcrumb ul li,
.page-node-type-document .breadcrumb ul li {
    color: #000;
    font-size: 12px;
    font-weight: 700;
}

.page-node-type-policy-document .subscription a {
    color: #000;
}

#user-login-form {
    border: none;
}

#user-pass {
    margin: 10rem auto 1rem;
    width: 76vw;
    border: none;
}

.path-user .breadcrumb {
    top: 5rem;
}

.user-login-form__wrapper .user-login-form__container .user-login-form h2 {
    margin-top: 6rem;
}

.openid-connect-login-form__container {
    margin: auto;
    margin-top: 10rem;
    text-align: center;
    margin-bottom: 2rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.user-login-form__container {
    margin: auto;
    margin-top: 6rem;
    text-align: left;
    margin-bottom: 2rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.user-login-form__container h2 {
    font-size: 2.15rem;
    text-transform: none;
}

.user-login-form__container .js-form-item {
    margin-right: 0px;
}

.user-login-form__container input#edit-submit {
    width: 100%;
    background: #d12800;
    font-size: 1rem;
    font-weight: 700;
    transition: none;
    padding: 1rem 1rem !important;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

#user-login-form,
#user-register-form,
#search-form,
#search-block-form {
    margin-top: -89px;
}

.accordion li p:last-of-type {
    margin-bottom: 1rem;
}

.breadcrumb {
    position: absolute;
    top: 5.5rem;
    z-index: 1;
}

.role-administrator .breadcrumb {
    position: absolute;
    top: 6.5rem !important;
    z-index: 9;
}

#path-report .breadcrumb {
    position: initial;
    padding-top: 2rem;
    z-index: 9;
}

.page-retirement-report.user-logged-in.path-report .breadcrumb ul li a,
.page-retirement-report.user-logged-in.path-report .breadcrumb ul li {
    color: #fff;
}

.breadcrumb ul li a,
.breadcrumb ul li {
    color: #fff;
}

#block-undp-popp-breadcrumbs {
    position: initial;
}

.mtb-2 {
    margin: 1rem 0;
}

.mtb-4 {
    margin: 2rem 0;
}

.mb-5 {
    margin-bottom: 5rem;
}

.mb-1 {
    margin-bottom: 1rem;
}

.mb-3 {
    margin-bottom: 2.5rem;
}

.mtb-custom {
    margin: 2.5rem 0;
}

.position-r {
    position: relative;
}

.external-link-animated {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 1rem;
    margin-left: 5px;
    position: relative;
    width: 1rem;
}

/*.download-btn-position {
    position: absolute;
    bottom: 1.2rem;
    right: 10%;
}*/

.download-btn-position {
    position: absolute;
    bottom: 2px;
    right: 10%;
}

.download-btn-position.new-btn-download {
    position: relative;
    bottom: 8px;
    left: 0;
}

.my-search-caption div.download-card {
    width: auto;
    margin-top: 0px;
}

.page-node-type-regulations-rules .download-btn-position {
    bottom: 1.2rem;
}

.view-btn-position {
    position: absolute;
    bottom: 1.2rem;
}

.view {
    align-items: center;
    background-image: none;
    display: flex;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    font-size: 1rem;
}

.download-card {
    margin-top: 1rem;
}

.remove-border {
    border-top: none;
}

.sub-page-banner {
    padding-top: 10rem;
}

#block-additionalresourcesblock h2 {
    padding-left: 9.5%;
    font-family: "ProximaNova";
    font-size: 55px;
    letter-spacing: 0.6px;
    line-height: 1.5rem;
    padding-top: 1.5rem;
}

.cta__link.cta_link_up.active::after {
    -webkit-transform: rotate(-90deg);
}

.role-administrator .heading-container {
    margin: 0.2rem auto 0.5rem;
}

.role-administrator.path-search .heading-container,
.role-administrator.page-retirement-report .heading-container,
.role-administrator.path-content-report .heading-container,
.role-administrator.path-document-search .heading-container {
    margin: 0rem auto 0.5rem;
}

.heading-container {
    background-position: center;
    background-size: 100% 100%;
}

.path-frontpage .js-form-submit.form-submit {
    /*     background: url(../images/chevron-right-black.svg) no-repeat 0; */
    content: "";
    height: 20px;
    background-position: right 20px bottom 13px;
    background-color: #d12800;
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    -ms-transition: 0.2s ease;
    -o-transition: 0.2s ease;
    transition: 0.2s ease;
    width: auto;
    padding: 1.5rem 1.2rem 1.5rem 1.2rem;
    line-height: 1px;
    margin-top: 1.5rem;
}

.path-frontpage .js-form-submit.form-submit:hover {
    background-position: right 17px bottom 13px;
}

.page-node-type-landing-page .banner-bg {
    margin: 0rem auto 0.5rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #fff;
}

.sub-page-banner {
    min-height: 15rem;
}

.role-content-viewer.single-role .sub-page-banner {
    margin: 0rem auto 0.5rem;
    min-height: 15rem;
}

.heading-container p {
    font-size: 20px;
    font-weight: 400;
    color: #fafafa;
}

.heading-container input[type="text"] {
    height: 60px;
}

.path-frontpage .hero-banner-header {
    text-transform: uppercase;
    width: 101%;
    letter-spacing: 0.06rem;
}

.sub-page-banner .hero-banner-header {
    text-transform: uppercase;
    padding-top: 5rem;
    letter-spacing: 6%;
}

h4.sub-heading {
    font-size: 35px;
    font-style: normal;
    font-weight: 600;
    font-family: "ProximaNova";
}

p.small-heading {
    font-weight: 700;
    padding-top: 0.1rem !important;
    padding-bottom: 0.7rem;
    text-transform: uppercase;
    font-size: 0.9rem !important;
}

.bold-text {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
}

.path-search .bold-text,
.page-favorites-list .bold-text {
    font-size: 15px;
}

.path-frontpage.page-node-type-landing-page div.content-card.card h5 {
    height: 70px;
    font-size: 25px;
    font-weight: 400;
    line-height: 114.2%;
}

.path-taxonomy div.content-card.card h5 {
    font-size: 25px;
    font-weight: 400;
    padding-bottom: 1.5rem;
    line-height: 114.2%;
}

div.content-card>a {
    padding-bottom: 0rem;
    position: relative;
}

div.content-card {
    background-color: #fff;
    border-top: 2px solid #000;
    height: 92%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    word-break: break-word;
    padding: 15px;
}

.whats-new table p {
    font-size: 16px;
    color: #f7f7f7;
    line-height: 137.5%
}

table {
    font-size: 1rem;
    width: 100%;
}

.title-expand .less-text {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.path-taxonomy .content-caption.content-caption-wrapper,
.path-frontpage .content-caption.content-caption-wrapper,
.path-whats-new .content-caption.content-caption-wrapper {
    position: relative;
}

.path-taxonomy .content-caption.content-caption-wrapper .cta__link,
.path-frontpage .content-caption.content-caption-wrapper .cta__link,
.path-whats-new .content-caption.content-caption-wrapper .cta__link {
    position: initial;
    margin-top: 1.5rem;
}

.title-hover:hover {
    opacity: 60%;
}

table.subpage-table .content-card div {
    font-size: 16px;
    color: #55606e;
}

.subpage-table .content-card div {
    margin-top: 0.5rem;
}

.subpage-table .content-card div a {
    font-size: 16px;
    background-image: none;
    color: #55606e;
}

.subpage-table td,
th {
    padding: 0.5rem 0.2rem 0.5rem 0.1rem;
}

.content-caption {
    padding: 0.5rem 0 1rem;
}

.content-caption p {
    color: #55606e;
}

.card-bg-blue {
    background-color: #232e3d;
    color: #f7f7f7;
    padding: 2rem 0;
}

tbody tr {
    border-top: 1px solid #d4d6d8;
    border-bottom: none;
}

.home-page-table td:first-child a {
    text-decoration: none;
}

.home-page-table .content-card div p a {
    border-bottom: none;
}

.home-page-table .content-card ul li {
    margin-bottom: 0.5rem;
    padding-left: 0.75rem;
}

.home-page-table td h5 {
    width: auto !important;
}

.card-bg-blue h3 span {
    display: block;
    font-family: "ProximaNova", sans-serif;
}

.path-frontpage.page-node-type-landing-page .js-form-item-search {
    padding-top: 3.5rem;
    margin-left: 0;
}

.card-bg-blue .cta__link,
.card-bg-blue h5 a {
    color: #f7f7f7;
    letter-spacing: 1px;
    font-weight: 600;
    background-image: none;
    font-size: 1.875rem;
}

.card-bg-blue .see-btn {
    width: 160px;
}

.btn {
    font-size: 16px !important;
    margin-top: 1rem;
    font-weight: 700;
}

.cta__link.cta_link_up.cta--space.btn {
    display: flex;
    justify-content: center;
}

.date-content-tag-wrapper p {
    line-height: 5px;
    font-size: 0.9rem;
}

.date-content-tag-wrapper p:nth-child(1) {
    font-weight: 600;
}

.sitebar-custom-wrapper nav ul.sidebar-first-menu {
    width: 90%;
}

.accordion__panel li a {
    padding-top: 1.3rem !important;
}

.sidebar-accordion ul>.active button:after {
    background-image: url(/wp-content/themes/UNDP%20HEALTH/images/chevron-down.svg);
}

.accordion__panel .sub-menu-list {
    padding-left: 1.5rem;
}

.sub-menu-list li {
    border-bottom: none;
}

.sidebar-accordion ul>.active>li {
    background-color: #006eb5;
    color: #fff;
}

.sidebar-accordion ul>li button {
    width: 4rem;
}

/*.sitebar-custom-wrapper .sidebar-accordion ul li a {
    text-transform: uppercase;
    padding-right: 2.5rem;
    padding-left: 1rem;
}*/
.sitebar-custom-wrapper .sidebar-accordion ul li a {
    text-transform: uppercase;
    padding-right: 2.5rem;
    padding-left: 1rem;
}

.sitebar-custom-wrapper .sidebar-accordion ul li a div {
    width: 95%;
}

ul.accordion__panel li a {
    text-transform: initial !important;
}

.accordion li button:before {
    top: 1.2rem;
}

.procedures-wrapper ul.accordion li button,
.related-procedure ul.accordion li button {
    font-size: 20px;
    text-transform: initial;
    font-weight: 600;
}

.procedures-wrapper .accordion__panel,
.related-procedure .accordion__panel {
    width: 100%;
}

.test-list li {
    padding-left: 1.5rem !important;
}

.button.button-cerulean {
    background-color: #006eb5;
}

.button.button-cerulean:hover {
    background-color: #3288ce;
}

.text-center {
    display: flex;
    justify-content: center;
    margin-top: 3rem;
}

.text-center ul li {
    list-style: none;
}

.dropdown-btn-sort-filter {
    display: none;
}

.search-filter {
    display: block;
    width: 90%;
    padding-bottom: 2rem;
}

.views-exposed-form.bef-exposed-form.page-space {
    width: 60%;
    height: 20vh;
    margin: 2rem auto;
}

.views-exposed-form.bef-exposed-form.page-space .custom-expand-search {
    width: 100%;
    margin: 2rem auto;
    padding-top: 2rem;
}

.multi-select-custom-wrapper .multi-select {
    max-width: 80%;
}

.select-sort-btn {
    position: absolute;
    right: -63.5vw;
    width: 250px;
    margin-top: 0.7rem;
}

.select-sort-btn ul li {
    border-bottom: 1px solid #96999c;
    padding: 10px 5px;
}

table td .content-caption h5 {
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0.1px;
    margin-bottom: 1.5rem;
    padding-right: 3rem;
}

.subpage-table tr td p {
    padding-right: 3rem;
}

table td .content-caption h5 a {
    font-size: 30px;
    font-weight: 600;
    font-family: "ProximaNova";
    line-height: 114.2%;
}

table h5 {
    margin-bottom: 2rem;
    width: 350px;
}

table td h5 a {
    background-image: none;
    font-size: 1.6rem;
    width: 350px;
    padding-right: 1rem;
}

table td ul li {
    font-size: 1rem;
}

table tr td p a {
    color: #f7f7f7;
    font-size: 1rem;
}

.custom-table tr td:first-child {
    width: 350px;
}

.custom-table .content-card p {
    word-wrap: break-word;
}

.subpage-table tr td p {
    color: #55606e;
    line-height: 137.5%
}

.path-whats-new .subpage-table tr td p a {
    color: #55606e;
}

.subpage-table .cta__link.cta_link_up.cta--space.btn {
    margin-top: -1.2rem;
}

.summary-text,
.summary-text a {
    font-size: 1rem;
}

.column::after {
    content: "";
    clear: both;
    display: block;
}

.column div {
    position: relative;
    float: left;
    width: 98%;
    height: 500px;
    padding: 0;
}

figure {
    width: 100% !important;
    height: auto;
    margin: 0;
    padding: 0;
    background: #fff;
    overflow: hidden !important;
}

.image figure img {
    width: 100% !important;
    height: auto;
    -webkit-transition: 0.3s ease-in-out !important;
    transition: 0.3s ease-in-out !important;
}

.image-reveal-card p {
    width: 90%;
    font-size: 20px;
}

.image-reveal-card:hover .image-reveal-card__content .image:before {
    background: linear-gradient(67.76deg, #A9B1B7, transparent 61.11%);
    opacity: .75;
}

.form-item-search label {
    display: none;
}

.small-heading-card {
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.03rem;
    line-height: 1.15;
    text-transform: uppercase;
    padding-left: 1.5rem;
}

.download-card-wrapper {
    display: flex;
}

.download-card-wrapper .download-card .download {
    float: right;
}

.date-field-position {
    font-weight: 700;
    margin-bottom: 0.4rem;
    color: #55606e;
}

.visual-guide-wrapper {
    min-height: 180px;
    margin-bottom: 2rem;
    height: auto;
}

.visual-guide-description-wrapper {
    font-size: 20px;
}

.visual-guide-description-wrapper p {
    font-size: 20px;
}

.visual-guide-wrapper .card-img {
    background-repeat: no-repeat;
    background-size: 100%;
    margin-right: 1rem;
}

.page-node-type-policy-page .visual-guide-wrapper .views-field.views-field-nothing,
.path-taxonomy .visual-guide-wrapper .views-field.views-field-nothing {
    height: 210px !important;
    margin-top: 1rem;
}

.page-node-type-policy-page .visual-guide-wrapper .views-field.views-field-nothing span.field-content,
.path-taxonomy .visual-guide-wrapper .views-field.views-field-nothing span.field-content {
    height: 150px;
    display: block !important;
}

.visual-guide-wrapper .document-download-card.card-img:hover.path-taxonomy .visual-guide-wrapper .views-field.views-field-nothing {
    height: 150px !important;
}

.visual-guide-wrapper .document-download-card.card-img:hover.path-taxonomy .visual-guide-wrapper .views-field.views-field-nothing span.field-content {
    height: 150px;
    display: block !important;
}

.description h5.title a {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    height: 50px;
}

div.download-card .description {
    background: #f7f7f7;
    padding: 1rem 1rem 2.5rem 1.3rem;
    height: 125px;
}

.visual-guide-wrapper .document-download-card.card-img .download-card {
    margin-top: 0;
}

.visual-guide-wrapper .document-download-card.card-img:hover.document-download-card.card-img h5.title a {
    display: none;
}

.visual-guide-wrapper .document-download-card {
    width: 22rem;
    margin-right: 1rem;
    margin-top: 1rem;
    margin-bottom: 2rem;
}

.format {
    padding-bottom: 1rem;
}

.visual-guide-wrapper .document-download-card.card-img:hover.document-download-card.card-img .format {
    display: none;
}

.visual-guide-wrapper .document-download-card.card-img:hover .document-download-card.card-img {
    width: 22rem;
}

.visual-guide-wrapper .document-download-card.card-img:hover.document-download-card.card-img div.download-card .description {
    position: relative !important;
    bottom: -130px;
    height: 46px;
    padding-left: 0.7rem;
}

.visual-guide-wrapper .document-download-card.card-img:hover.card-img div.download-card .description {
    padding: 0.1rem;
}

.visual-guide-wrapper .document-download-card.card-img:hover.card-img div.download-card .download-btn-position {
    bottom: 0.5rem;
}

.visual-guide-wrapper .card-img .download-card {
    width: 22rem;
}

.visual-guide-wrapper .document-download-card h5 a {
    background-image: none;
    font-size: 20px;
    font-weight: 400;
    text-transform: initial;
}

.visual-guide-wrapper .document-download-card h5 {
    padding-bottom: 1rem;
    font-size: 20px;
}

.download a {
    background-image: none;
    font-size: 1rem;
}

div.download-card:hover .external-link-animated:before {
    -webkit-transform: rotate(-45deg) translate(0);
}

div.download-card:hover .external-link-animated:after {
    -webkit-transform: none;
    translate: none;
}

span.download:hover .external-link-animated:after {
    -webkit-transform: translate(5px, -5px);
}

span.download:hover .external-link-animated:before {
    -webkit-transform: rotate(-45deg) translate(7px);
}

div.download-card:hover .download-animated:before {
    -webkit-transform: translateY(0) !important;
}

div.download-card:hover .download-animated:after {
    -webkit-transform: rotate(-45deg) translate(0px);
}

span.download-btn-position.download:hover .download-animated:before {
    -webkit-transform: translateY(-10px) !important;
}

span.download-btn-position.download:hover .download-animated:after {
    -webkit-transform: rotate(-45deg) translate(7px, -7px);
}

.path-search .ui-widget-content {
    padding-top: 1rem;
    z-index: 9;
}

.path-search .expand-search button.close-button {
    right: 2%;
}

.path-search input.form-autocomplete.ui-autocomplete-loading {
    background-image: none !important;
}

.path-search .custom-search-form-wrapper form {
    padding-bottom: 0.5rem;
    width: 100%;
}

.pl-2 {
    padding-left: 3rem;
}

.path-search .custom-search-form-wrapper {
    padding-top: 1rem;
}

.path-search .custom-search-form-wrapper .form-item-sort-by {
    position: absolute;
    right: 0;
}

#views-exposed-form-acquia-search-page {
    position: relative;
}

#edit-search-criteria--wrapper {
    position: absolute;
    top: 2.5rem;
}

.form-item-search-field .option,
.form-item-search-criteria .option {
    font-size: 16px;
    font-weight: 700;
}

#edit-search-criteria--wrapper .form-item-search-criteria {
    padding-right: 1rem;
}

.path-search #views-exposed-form-acquia-search-page #edit-search-field,
.form-item-search-criteria {
    display: inline-flex;
}

.path-search #views-exposed-form-acquia-search-page #edit-search-field .js-form-type-radio {
    width: auto;
    padding-right: 20px;
    display: inline-flex;
}

.path-search #views-exposed-form-acquia-search-page #edit-search-field .js-form-type-radio input[type="radio"],
.form-item-search-criteria input[type="radio"] {
    margin-top: 0.3rem;
    margin-right: 5px;
}

.path-whats-new .multi-select-search-wrapper .multi-select.facets-widget-range_datepicker ul,
.path-search .multi-select-search-wrapper .multi-select.facets-widget-range_datepicker ul {
    height: auto;
    overflow: auto;
}

.multi-select-search-wrapper .facets-widget-range_datepicker ul .form-check input {
    position: initial;
    margin-bottom: 1rem;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyLjMwNyAxLjk4OHYuNWgzLjc0OGEuMzMuMzMgMCAwIDEgLjIyOS4wODkuMjY0LjI2NCAwIDAgMSAuMDg0LjE5djEyLjQ2NmEuMjYzLjI2MyAwIDAgMS0uMDg0LjE5LjMzLjMzIDAgMCAxLS4yMjkuMDlIMS40MzdhLjMzLjMzIDAgMCAxLS4yMjktLjA5LjI2My4yNjMgMCAwIDEtLjA4NC0uMTlWMi43NjdjMC0uMDY3LjAyOC0uMTM2LjA4NC0uMTlhLjMzLjMzIDAgMCAxIC4yMjktLjA5aDMuNzQ4Vi45M2guNjI1djEuNTU5aDUuODcyVi45MjloLjYyNXYxLjA1OVptMy40MzYgNi4yMzN2LS41SDEuNzV2Ny4yMzNoMTMuOTk0VjguMjIxWm0tNC4wNi00LjY3NXYtLjVINS44MXYxLjU1OGgtLjYyNVYzLjA0NkgxLjc1djQuMTE3aDEzLjk5NFYzLjA0NmgtMy40MzZ2MS41NThoLS42MjVWMy41NDZabS02LjY4NiA2LjczM3YuNTU5aC0uNjI0di0uNTU5aC42MjRabTMuNDM3IDBoLjYyNHYuNTU5aC0uNjI0di0uNTU5Wm00LjY4NSAwdi41NTloLS42MjR2LS41NTloLjYyNFoiIGZpbGw9IiMwMDZFQjUiIHN0cm9rZT0iIzAwMCIvPjwvc3ZnPg==) no-repeat left 14px bottom 12px;
    background-color: #fff;
    padding-left: 2.5rem;
}

.multi-select-search-wrapper .facets-widget-range_datepicker ul li {
    border: none;
}

.multi-select-search-wrapper .multi-select ul .form-check label {
    width: 94%;
}

.custom-search-wrapper {
    padding-left: 1rem;
    padding-top: 1rem;
}

.search-width .multi-select {
    max-width: calc(100% - 25px);
}

.sort-btn .form-select {
    padding: 8px 13rem 8px 5px;
    border: 2px solid #000;
}

.page-node-type-regulations-rules .policy-page-fav-btn .position-fav-btn,
.page-node-type-procedure .policy-page-fav-btn .position-fav-btn {
    position: absolute;
    right: 5.5vw;
    top: 7.2rem;
    z-index: 7;
}

.page-node-type-regulations-rules div.content-card h6 {
    padding: 1rem 0;
    font-size: 0.9rem;
    padding-left: 0.2rem;
}

.page-node-type-regulations-rules div.content-card.card:hover {
    background-color: #f7f7f7;
}

.page-node-type-regulations-rules div.content-card .content-caption .view-btn-position {
    position: initial;
}

.page-node-type-announcement .sub-page-banner .hero-banner-header,
.page-node-type-policy-document .sub-page-banner .hero-banner-header,
.page-node-type-document .sub-page-banner .hero-banner-header,
.page-node-type-regulations-rules .sub-page-banner .hero-banner-header {
    margin-left: -0.6vw;
}

.page-node-type-regulations-rules div.content-card.card {
    min-height: 150px;
    height: auto;
}

.page-node-type-regulations-rules .download:hover.download .download-animated:before,
.page-node-type-regulations-rules .download:hover.download .download-animated:after {
    margin-bottom: 3px !important;
}

.page-node-type-regulations-rules div.content-card h5 {
    padding-bottom: 2rem;
}

.page-node-type-regulations-rules div.content-card .download-card {
    margin-top: 0.5rem;
}

.page-node-type-regulations-rules div.content-card .external-link-animated {
    margin-left: 8px;
}

.page-node-type-regulations-rules .download {
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
}

.bold-text~p {
    width: 70%;
    margin-top: -3px;
}

.page-node-type-policy-page .cta__link.cta--arrow i::before {
    width: 0;
}

.page-node-type-policy-page .cta__link.cta--arrow:hover i {
    width: 1rem;
}

.main-policy .download-card {
    margin-top: 10px;
    margin-bottom: 1rem;
    width: 365px;
}

.main-policy .download-card h5 a {
    background-image: none;
    font-size: 20px;
    font-weight: 400;
    text-transform: initial;
    font-family: ProximaNova;
}

.main-policy div.download-card .description {
    padding: 1rem 1rem 1.5rem 1.3rem;
}

.main-policy-description {
    padding-top: 0.5rem;
    font-size: 20px;
    width: 100%;
    color: #000000;
    padding-bottom: 0;
    margin-bottom: 0;
}

.main-policy-description p {
    font-size: 20px;
    width: 100%;
    color: #000000;
    line-height: 1;
}

.bold-text {
    width: 95%;
}

.single-list {
    min-height: 40px;
    margin-top: 0.5rem;
}

.border-top {

    border-top: 1px solid #d4d6d8;
    padding-top: 1rem;
    margin-top: 0rem;
}

.border-bottom {
    border-bottom: 1px solid #d4d6d8;
    padding-top: 1rem;
}

.page-node-type-policy-page .position-fav-btn {
    position: relative;
}

.card-effect {
    background: linear-gradient(to bottom, #000 40%, #fff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 1rem;
    height: auto;
    overflow: hidden;
    font-size: 1rem;
}

.page-node-type-procedure .accordion li button,
.page-node-type-policy-page .accordion li button {
    width: 95%;
}

.page-node-type-regulations-rules .heading-container p,
.page-node-type-policy-document .heading-container p,
.page-node-type-document .heading-container p,
.page-node-type-policy-page .heading-container p,
.page-node-type-policy-page .subscription a {
    color: #000;
}

.favorites a img,
.subscription a.subscribe img {
    height: 22px;
}

.page-node-type-policy-page .summery-text .cta_link_up {
    margin-top: -1.5rem;
}

.page-node-type-policy-page .content-card div a {
    font-size: 1rem;
    border-bottom: none;
    padding: 6px;
    text-transform: capitalize !important;
    font-weight: 400;
    text-decoration-line: underline;
    text-decoration-color: #232e3d;
    text-decoration-thickness: 1px;
    text-underline-offset: 7px;
}

.card-bg-new {
    background-color: #f7f7f7;
    color: #000;
}

.role-authenticated .card-bg-new {
    margin: 2rem auto 0.5rem !important;
}

.role-authenticated.role-content-viewer.single-role .card-bg-new {
    margin: 0.5rem auto 0.5rem !important;
}

.heading-container {
    overflow: initial;
}

.page-node-type-regulations-rules .breadcrumb,
.page-node-type-document .breadcrumb,
.page-node-type-document .breadcrumb {
    width: 60vw !important;
}

.summery-text p {
    font-size: 20px;
}

.sub-heading {
    font-size: 2.188;
}

.custom-list ul li {
    list-style-type: disc;
    margin-bottom: 0.5rem;
}

.custom-list ul {
    min-height: 50px;
    height: auto;
}

.custom-list ul {
    float: clear;
    width: 90%;
}

.custom-list ul li {
    min-height: 50px;
}

.single-column-list ul li {
    min-height: 30px;
}

.custom-list ul li:nth-child(even) {
    float: right;
    width: 45%;
}

.custom-list ul li:nth-child(odd) {
    float: left;
    width: 50%;
}

.custom-list ul li {
    line-height: 137.5%;
    font-size: 20px;
}

.page-node-type-policy-page .procedure-steps td ul {
    position: relative;
}

.page-node-type-policy-page .procedure-steps td ul li {
    padding-left: 1rem;
}

.page-node-type-policy-page .procedure-steps td ul li::before {
    content: " ";
    width: 7px;
    height: 7px;
    background: #000;
    border-radius: 5px;
    position: absolute;
    left: 0px;
    top: 7px;
}

.page-node-type-policy-page .procedure-steps td ol {
    list-style-type: none;
    counter-reset: css-counter 0;
}

.page-node-type-policy-page .procedure-steps td ol li {
    counter-increment: css-counter 1;
}

.page-node-type-policy-page .procedure-steps td ol li:before {
    content: counter(css-counter) ". ";
}

.page-node-type-policy-page .procedure-steps td ul>ul {
    position: relative;
}

.page-node-type-policy-page .procedure-steps td ul>ul li {
    padding-left: 1rem;
}

.page-node-type-policy-page .procedure-steps td ul>ul li::before,
.page-node-type-policy-page .procedure-steps td ul li>ul li::before {
    content: " ";
    width: 7px;
    height: 7px;
    background: #fff;
    border: 1px solid #000;
    border-radius: 5px;
    position: absolute;
    left: 0px;
    top: 7px;
}

.page-node-type-policy-page .procedure-steps td ul {
    padding-left: 0.313rem;
}

.procedure-steps .download-card {
    margin-top: 0;
    margin-bottom: -1.5rem;
}

.procedure-steps .table-content a {
    margin-bottom: 1rem;
    word-break: break-word;
}

.procedure-steps .download-card a {
    text-decoration: none;
    word-break: initial;
}

table.procedure-steps td p {
    width: 93%;
}

.procedure-steps td h6 {
    padding-top: 1rem;
}

.procedure-steps tr td ul li {
    width: 90%;
}

.procedure-steps tbody tr {
    border-top: 1px solid #000;
    border-bottom: none;
}

.procedure-steps a {
    color: #000;
    background-image: none;
    font-size: 1rem;
}

.related-procedure td table tbody tr,
.related-procedure td table tbody tr td,
.procedure-steps td table tbody tr,
.procedure-steps td table tbody tr td {
    border: 1px solid #d4d6d8;
    padding: 0;
    font-size: 14px;
}

.related-procedure td table,
.procedure-steps td table {
    margin: 15px 0;
}

.accordion__panel li {
    border-bottom: none;
}

.accordion__panel {
    padding: 0.1rem !important;
    font-size: 1rem;
}

.table-number p {
    font-family: SohneBreit, ProximaNova, sans-serif;
    -webkit-text-stroke: 1.3px #000;
    color: #fff;
    text-shadow: none;
    font-size: 23px;
    width: 105% !important;
    margin-top: 0.7rem !important;
}

table.procedure-steps {
    width: 100%;
}

table.procedure-steps td,
.related-procedure td {
    padding: 0.25rem 0.7rem 0.25rem 0.25rem;
    width: 21.5%;
}

.button:focus .visible {
    box-shadow: none;
}

.procedure-steps div.download-card {
    min-width: 100px;
}

table.procedure-steps td:first-child {
    width: 13%;
}

table.procedure-steps div,
table.procedure-steps div a,
table.procedure-steps div p,
table.procedure-steps td:nth-child(n + 2),
table.procedure-steps div ul li,
table.related-procedure div,
table.related-procedure p,
.related-procedure td:nth-child(n + 2) {
    font-size: 1rem;
}

table.procedure-steps div p {
    margin-bottom: 0.5rem;
}

table.procedure-steps td a,
table.procedure-steps td p a,
table.procedure-steps td ul li p a,
table.procedure-steps td ul li a,
.related-procedure td ul li a {
    width: 98%;
    padding: 0;
    font-size: 1rem;
    color: #232e3d;
    background-image: linear-gradient(#d12800, #d12800), linear-gradient(#d12800, #d12800);
    background-position: 100% 100%, -30px 100%;
    background-repeat: no-repeat;
    background-size: 100% 2px, 0 1px;
}

.table.related-procedure,
table.procedure-steps {
    margin-bottom: 2rem;
}

.procedure-steps table tbody {
    display: block;
    font-size: 1rem;
}

.custom-list {
    padding-left: 1.2rem;
}

.custom-list ul {
    padding-left: 0.313rem;
    width: 100%;
    margin-bottom: 1.5rem;
}

.custom-list.single-column-list ul li {
    width: 100%;
}

.custom-list.single-column-list ul li:nth-child(even) {
    float: none;
    width: 100%;
}

.custom-list.single-column-list ul li:nth-child(odd) {
    float: none;
    width: 100%;
}

.animation-link,
.index h5 a,
.summery-text p a,
.summery-text a,
.sub-page-banner .hero-banner-content a,
.sub-page-banner .hero-banner-content p a .hero-banner-content p a,
.glossary-page-card a,
.glossary-page-card p a,
.custom-list ul li a,
.single-list a,
div.regulations-rules-description a,
.visual-guide-description-wrapper a,
.subpage-table .content-card div a,
.page-node-type-policy-page .summery-text p a,
.page-node-type-policy-page .summery-text a,
.main-policy-description a {
    background-image: linear-gradient(#d12800, #d12800), linear-gradient(#d12800, #d12800);
    background-position: 100% 100%, -30px 100%;
    background-repeat: no-repeat;
    background-size: 100% 2px, 0 1px;
}

.home-page-table .content-card p a {
    background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
    background-position: 100% 100%, -30px 100%;
    background-repeat: no-repeat;
    background-size: 100% 2px, 0 1px;
}

.index h5 {
    border-bottom: none;
    font-size: 20px;
    text-transform: initial !important;
    font-weight: 400;
    width: 90%;
    margin-bottom: 12px;
    line-height: initial;
}

.custom-list ul li {
    margin-bottom: 7px;
    padding-left: 0.2rem;
}

p {
    font-size: 1rem;
}

.custom-list ul li a.line {
    padding-bottom: 7px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    width: fit-content;
}

.language-show-custom ul li {
    list-style: none;
}

.sub-margin-language-subscribe {
    text-align: end;
    position: relative;
    top: 12.2rem;
    z-index: 9;
    width: 20%;
    float: right;
    margin-right: 7rem;
}

.role-administrator .sub-margin-language-subscribe {
    position: relative;
    top: 7rem;
    z-index: 9;
    width: 25%;
    float: right;
    margin-right: 14vw;
}

.policy-page-fav-btn {
    position: relative;
}

.policy-page-fav-btn .position-fav-btn {
    position: absolute;
    right: 15vw;
    top: 7.3rem;
    z-index: 7;
}

.language-show-custom ul li a {
    background: none;
    color: #006eb5;
    font-size: 16px;
}

.language-show-custom p {
    font-size: 16px;
    margin-top: 4px;
    font-weight: 700;
}

.language-show-custom ul {
    display: flex;
    justify-content: flex-end;
    padding-right: 1.8rem;
}

.language-show-custom ul li+li::before {
    content: "|";
}

.page-node-type-policy-page .sitebar-custom-wrapper nav ul.sidebar-first-menu {
    width: 85%;
}

.header-line {
    font-weight: bold;
    font-size: 1rem;
    text-transform: uppercase;
}

.card-bg-2 {
    background-color: #d9d9d9;
    min-height: 320px;
    height: auto;
}

div.content-card h6 {
    padding: 1rem 1rem 1.625rem;
}

.page-node-type-regulations-rules .card-bg-2,
.document-download-view-card .card-bg-2,
.page-node-type-document .card-bg-2,
.page-node-type-policy-document .card-bg-2 {
    min-height: 320px;
    height: auto;
}

.card-bg-2 .document-card-height {
    min-height: 300px;
    height: auto;
}

.document-download-view-card .p-1,
.page-node-type-document .p-1,
.page-node-type-policy-document .p-1 {
    padding: 1rem;
}

.document-download-view-card .position-fav-btn,
.page-node-type-policy-document .position-fav-btn,
.page-node-type-document .position-fav-btn {
    position: absolute;
    bottom: 60px;
    padding-bottom: 0.2rem;
}

.document-download-view-card .document-download,
.page-node-type-policy-document .document-download,
.page-node-type-document .document-download {
    position: absolute;
    bottom: 30px;
    display: inline-flex;
}

.download-btn {
    position: relative;
    top: 2px;
    padding-left: 10px;
}

.page-node-type-regulations-rules div.download-card .download .external-link-animated,
.page-node-type-policy-document div.download-card .download .external-link-animated,
.page-node-type-document div.download-card .download .external-link-animated {
    margin-right: 12px;
}

.document-download .copy_text img {
    filter: brightness(85%);
    margin-left: 10px;
}

.document-download .cta__link.cta--space:after {
    margin-left: 0.5rem;
}

.document-download-view-card .download-animated:hover.download-animated::before,
.document-download-view-card .download-animated:hover.download-animated::after,
.page-node-type-document .download-animated:hover.download-animated::before,
.page-node-type-document .download-animated:hover.download-animated::after,
.page-node-type-policy-document .download-animated:hover.download-animated::after,
.page-node-type-policy-document .download-animated:hover.download-animated::before {
    margin-bottom: 5px;
}

#media-lang {
    padding: 5px 30px 5px 5px;
}

.div.remove-border {
    border-top: 0px;
}

.ui-datepicker {
    width: 18rem;
    z-index: 9 !important;
}

.ui-datepicker-month,
.ui-datepicker-year {
    font-size: 0.9rem !important;
}

.ui-datepicker table {
    margin: 0 0 2px 0 !important;
}

.ui-datepicker-calendar thead tr th span {
    font-size: 0.9rem !important;
    font-weight: 400 !important;
}

.ui-datepicker-calendar tbody tr td a {
    font-size: 0.9rem !important;
    border-color: transparent !important;
}

.ui-datepicker-calendar tbody tr {
    border-bottom: 1px solid #fff !important;
}

.ui-datepicker .ui-datepicker-header {
    border-color: transparent !important;
    padding: 0.1em 0 !important;
}

.ui-datepicker .ui-datepicker-header a {
    background-image: none !important;
}

.path-whats-new .mobile-title {
    display: none;
}

.archive-content-wrapper header p,
.multi-select-custom-wrapper header p,
.document-search-content-wrapper header p,
.favorites-content-wrapper header p {
    padding-left: 4px;
}

.container-search-page {
    width: 80vw;
}

.js input.form-autocomplete {
    background-image: none;
}

#edit-sort-bef-combine ul {
    padding-left: 0.313rem;
}

.search-page-card p span:nth-child(even),
.search-page-card-caption span:nth-child(even) {
    /* padding-right: 0.7rem; */
    font-size: 18px;
}

.page-favorites-list .custom-search-wrapper ul,
.path-index .custom-search-wrapper ul,
.path-whats-new .custom-search-wrapper {
    padding-left: 1.313rem !important;
}

.path-whats-new .custom-search-wrapper {
    padding-right: 4rem;
}

.custom-search-wrapper {
    padding-bottom: 2rem;
}

.page-node-type-policy-page .summery-text ul,
.path-taxonomy .subpage-table .content-card ul,
.path-whats-new .custom-search-wrapper .content-card ul {
    padding-left: 3.5rem !important;
}

.path-taxonomy .subpage-table .content-card ul li,
.page-node-type-policy-page .summery-text ul,
.path-taxonomy .subpage-table .content-card ul li,
.path-whats-new .custom-search-wrapper .content-card ul li {
    margin-bottom: 0.2rem;
}

.path-search .remove-anchor-animation,
.favorites-content-wrapper,
.archive-content-wrapper,
.document-search-content-wrapper {
    padding: 1rem 0;
}

.page-node-type-policy-page .summery-text ul li {
    margin-bottom: 0.5rem;
    padding-left: 0.75rem;
    font-size: 18px;
}

.path-whats-new .custom-search-wrapper h3 {
    font-size: 55px;
    font-family: "ProximaNova";
    font-style: normal;
    font-weight: 700;
    line-height: 109%;
    word-break: break-word;
    width: 85%;
}

.path-search .js-form-type-search-api-autocomplete {
    width: 99%;
}

.expand-search.open input {
    font-size: 27px;
}

.search-page-card h6 span {
    color: #55606e;
}

.search-page-card-caption h4 {
    font-weight: 600;
}

.search-page-card {
    border-top: 1px solid #000;
    padding: 1rem 0 1.5rem 0rem;
    height: 100%;
}

.search-page-card-caption h5 a {
    background-image: none;
}

.search-page-card h6 span {
    font-size: 12px;
    font-weight: 600;
}

.search-page-card .search-page-card-caption h5 a {
    font-weight: 400;
    line-height: 1.35;
    font-size: 25px;
}

.search-page-card-caption p {
    font-size: 1rem;
}

.messages--status {
    position: absolute;
    top: 12rem;
}

.path-content-report .messages--status {
    position: initial;
    margin-top: 1rem;
}

.path-content-report .messages--status a {
    text-decoration: underline;
}

.path-content-report .messages--status a:-webkit-any-link:focus-visible {
    outline-offset: 0;
    outline: none;
}

.page-favorites-list .custom-expand-search,
.page-retirement-report .custom-expand-search,
.path-document-search .custom-expand-search {
    width: 85% !important;
    margin: 0.5rem 0;
}

.custom-expand-search {
    width: 96vw;
    margin: 3rem auto;
}

.custom-expand-search {
    width: auto;
    margin: 3rem auto;
}

.path-search .subscription,
.path-whats-new .subscription {
    text-align: end;
    position: relative;
    top: 6rem;
    z-index: 9;
    right: 2vw;
}

.path-search .width-wrapper {
    margin-bottom: 1rem;
}

.path-whats-new .custom-search-form-wrapper {
    padding-top: 2rem;
}

.path-whats-new .messages--status {
    display: block;
}

.pagination {
    display: flex;
    justify-content: center;
    padding: 2rem 0 2rem 0;
}

#personal-contact-form,
#contact-message-personal-form {
    width: 30%;
    margin: 4rem auto;
}

#block-pagetitle {
    margin-top: 12rem;
}

#block-pagetitle h1 {
    font-size: 2.25rem;
    width: 30%;
    margin: 0.2rem auto;
}

.form-select {
    margin: 1rem 0;
    padding: 0.5rem 0;
    width: 90%;
}

#user-form {
    width: 40%;
    margin: 4rem auto;
    padding-top: 4rem;
}

#user-form .form-submit {
    margin-top: 15px;
}

.path-user .messages--status {
    position: absolute;
    top: 14rem;
}

.position-fav-btn {
    position: absolute;
    bottom: 40px;
    padding-bottom: 0.2rem;
}

.document-download {
    position: absolute;
    bottom: -10px;
}

.favorites-content-wrapper .search-page-card {
    position: relative;
}

.favorites-main-wrapper {
    padding-top: 4rem;
}

.favorites-content-wrapper .favorites {
    position: absolute;
    right: 0;
    bottom: 0.2rem;
}

.favorites img {
    margin-left: 10px;
    padding-right: 0.5rem;
}

.taxonomy-term-data-export-form-wrapper .js-form-item,
.content-creation-report-form .js-form-item {
    margin-bottom: 1rem;
}

.taxonomy-term-data-export-form,
.path-report .content-creation-report-form {
    width: 80vw;
    margin: 10rem auto 5rem;
}

.path-report .messages.messages--status .content-creation-report-form {
    height: auto;
    width: 100%;
    margin: 13rem auto 2rem auto;
}

.taxonomy-term-data-export-form-wrapper .js-form-item,
.path-report .content-report-form-wrapper form .js-form-item {
    align-items: flex-start;
}

.taxonomy-term-data-export-form-wrapper .download-report,
.content-report-form-wrapper .download-report {
    margin-left: 1rem;
    display: none;
}

.path-report .taxonomy-term-data-export-form-wrapper,
.path-report .content-report-form-wrapper {
    display: flex;
    margin: 0 auto 11rem 0;
    align-items: center;
}

.taxonomy-term-data-export-form-wrapper .form-select,
.path-report .content-report-form-wrapper .form-select {
    margin: 0;
}

.taxonomy-term-data-export-form-wrapper .js-form-item,
.content-report-form-wrapper .js-form-item {
    margin-right: 10px;
}

.button.button-primary:hover {
    background-color: #ee402d;
}

.taxonomy-term-data-export-form-wrapper .js-form-item input[type="text"],
.content-report-form-wrapper .js-form-item input[type="text"] {
    width: 160px;
    border: 1px solid #919297;
    margin-top: 0;
}

.taxonomy-term-data-export-form-wrapper .js-form-item label,
.content-report-form-wrapper .js-form-item label {
    font-size: 0.9rem;
    font-weight: bold;
}

.taxonomy-term-data-export-form-wrapper .js-form-item select,
.content-report-form-wrapper .js-form-item select {
    width: 160px;
    box-sizing: border-box;
    max-width: 100%;
    min-height: 3rem;
    padding: calc(0.75rem - 1px) calc(1rem - 1px);
    color: #232429;
    border: 1px solid #919297;
    border-radius: 0.125rem;
    background: #fff;
    font-size: 1rem;
    line-height: 1.5rem;
    padding-right: calc(2rem - 1px);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-size: 2.75rem 0.5625rem;
}

.page-404 footer,
.page-403 footer {
    margin-top: 2vh;
}

.about-hero .hero-content .subtitle {
    margin-top: 30px;
    text-transform: uppercase;
    font-family: "SohneBreit", sans-serif;
}

.page-403-bg {
    min-height: 100vh;
    background-image: url(/profiles/custom/undpbase_microsite_popphttp://undphealth.047969e.netsolhost.com/Design6/themes/undp_popp/assets/images/hero-403.png);
    background-repeat: no-repeat;
    background-size: 150% 100%;
    background-position: center;
}

.text-box {
    margin: 15rem auto 0;
    padding-top: 4rem;
}

.about-hero {
    height: 100vh;
    padding: 2rem 0 2rem 0;
    margin: 2rem auto 0;
    max-width: 100%;
    position: relative;
    transition: max-width 0.5s ease;
}

.align-center-middle {
    justify-content: center;
    align-items: center;
    align-content: center;
}

.page-403 .heading.h3,
.page-404 .heading.h3 {
    font-size: 2.25rem;
    line-height: 1.14;
    font-weight: 600;
    padding: 1rem 0;
}

.page-403 p,
.page-404 p {
    font-size: 20px;
}

.page-404 .subtitle {
    text-transform: uppercase;
}

.page-403 .subtitle {
    text-transform: uppercase;
    padding: 1.5rem 0;
}

.page-403-img img {
    padding-top: 18rem;
}

.heading {
    font-family: "ProximaNova", sans-serif;
}

.block-facet__wrapper>ul li.glossaryaz {
    padding: 0 0.5rem;
    display: inline-flex;
    list-style: none;
}

.glossary-page-card div a {
    font-size: 16px;
    color: #55606e;
    font-weight: 600;
    line-height: 1.5rem;
    padding-right: 0.2rem;
}

.glossary-page-card div {
    font-size: 16px;
    color: #55606e;
    padding-top: 1rem;
}

.glossary-page-card div {
    display: flex;
    align-items: baseline;
}

.glossary-page-card div .glossary-page-links-title {
    padding-right: 0.5rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 16px;
    color: #000;
    font-size: 14px;
    white-space: pre;
}

.glossary-page-links {
    word-break: break-all;
    padding-right: 20px;
    min-width: 100px;
}

.glossary-page-card div p {
    padding-right: 0.3rem;
}

.glossary-page-links-title::after {
    content: " :";
}

.path-index .custom-search-wrapper .m-div,
.path-glossary .custom-search-wrapper .m-div {
    margin-top: -2rem;
}

.path-index .custom-search-wrapper h3 {
    border-top: 1px solid #d4d6d8;
    margin-top: 1.5rem;
}

.block-facet__wrapper>ul li.glossaryaz a {
    background-image: none;
    font-size: 32px;
    font-family: "SohneBreit";
}

.custom-search-wrapper h3 {
    font-family: "SohneBreit";
}

.large-offset-3 {
    margin-left: 35%;
}

.az-glossary-wrapper {
    width: 90%;
}

.path-index .custom-expand-search,
.path-glossary .custom-expand-search {
    width: 27.4vw;
    margin: 0;
    padding-top: 1rem;
    padding-left: 1.2vw;
    padding-bottom: 1rem;
}

.page-favorites-list .multi-select-custom-wrapper,
.page-retirement-report .multi-select-custom-wrapper,
.path-document-search .multi-select-custom-wrapper {
    margin-top: 1rem;
}

.path-index .result-p {
    margin-top: -5rem !important;
}

.path-index .width-wrapper,
.path-glossary .width-wrapper {
    margin: -2rem auto 1rem;
}

.path-index .custom-search-form-wrapper,
.path-glossary .custom-search-form-wrapper {
    display: none;
}

.path-index .block-facet--glossaryaz ul,
.path-glossary .block-facet--glossaryaz ul {
    margin-top: -2rem;
}

.block-facet--glossaryaz {
    padding-right: 3.5rem;
    padding-left: 3.5rem;
}
.custom-search-wrapper h3 {
    padding-top: 1rem;
}

#block-glossaryazcontenttitle ul,
#block-glossaryaztaxonomytermname ul {
    padding-left: 0;
}

.path-index .block-facet__wrapper ul li.glossaryaz,
.path-glossary .block-facet__wrapper ul li.glossaryaz {
    font-family: "SohneBreit";
    padding-left: 0;
}

.block-facet__wrapper ul li.glossaryaz:hover {
    background-color: #edeff0;
    text-shadow: 0.5px 0.3px #000;
}

.block-facet__wrapper ul li.glossaryaz.no-results {
    padding: 0 0.5rem;
}

.block-facet__wrapper ul li.glossaryaz.no-results:hover {
    background: none;
    text-shadow: none;
}

.block-facet__wrapper ul li.glossaryaz a:hover {
    text-decoration: underline;
    text-decoration-thickness: 5px;
    color: #000;
}

.path-index .block-facet__wrapper ul .glossaryaz a.is-active,
.path-glossary .block-facet__wrapper ul .glossaryaz a.is-active {
    color: #000;
}

.path-index .block-facet__wrapper ul li a,
.path-glossary .block-facet__wrapper ul li a {
    color: #edeff0;
    padding: 0 0.5rem;
}

.path-index.role-administrator .messages--status,
.path-glossary.role-administrator .messages--status {
    margin-top: 0.2rem;
    width: 100;
    left: 1.5vw;
    width: 94%;
}

.bef-link--selected {
    font-weight: 600 !important;
}

.glossary-accordian {
    width: 90%;
}

.custom-search-wrapper .accordion li button {
    font-size: 25px;
    text-transform: initial;
    width: 90%;
    font-family: "ProximaNova";
}

.custom-search-wrapper .accordion li button {
    padding: 0.7rem 0 1rem;
}

.custom-search-wrapper .accordion {
    width: 90%;
}

.custom-search-wrapper .accordion__panel {
    font-size: 1.2rem !important;
    padding: 1.5rem !important;
}

.multi-select>button {
    font-weight: 700;
    padding-right: 2rem;
}

.multi-select ul {
    height: 300px;
    overflow-y: scroll;
}

.path-whats-new .subpage-table {
    margin-top: 2rem;
}

.path-whats-new .multi-select-search-wrapper .multi-select.facets-widget-range_datepicker ul,
.path-search .multi-select-search-wrapper .multi-select.facets-widget-range_datepicker ul,
.path-content-report .multi-select-search-wrapper .multi-select.facets-widget-range_datepicker ul,
.page-retirement-report .multi-select-search-wrapper .multi-select.facets-widget-range_datepicker ul {
    height: auto;
    overflow: auto;
}

.sidebar-accordion ul ul.accordion__panel li a {
    padding-right: 2rem;
}

.sidebar-accordion ul>li button:after {
    top: 2.183rem;
}

.path-user .footer {
    margin-top: 15rem;
}

.path-user .js-form-item.form-item.js-form-type-item.form-type-item.js-form-item-.form-item-.form-no-label {
    padding: 3rem 1rem 1rem 9.5vw;
    margin-top: 5rem;
}

@media (max-width: 1640px) {}

@media (max-width: 1440px) {
    .path-frontpage.page-node-type-landing-page .js-form-item-search {
        margin-left: 0;
    }

    .views-exposed-form.bef-exposed-form.page-space {
        display: block;
    }

    .path-frontpage.page-node-type-landing-page div.content-card.card h5 {
        height: 90px;
        font-size: 25px;
        font-weight: 400;
    }

    .path-frontpage.page-node-type-landing-page #search-redirect-form {
        margin-left: 3rem;
    }

    .policy-page-fav-btn .position-fav-btn {
        right: 5.7vw;
    }

    .single-role.role-content-viewer .policy-page-fav-btn .position-fav-btn {
        position: absolute;
        right: 5vw;
        top: 8.2rem;
        z-index: 7;
    }

    .policy-page-fav-btn .position-fav-btn {
        top: 8.7rem;
    }

    .hero-banner-header {
        width: 95%;
    }

    .path-report .content-creation-report-form {
        height: auto;
    }

    .page-node-type-policy-page.role-administrator .subscription {
        float: initial;
        padding-right: 5.5vw;
    }

    .role-administrator .sub-margin-language-subscribe {
        width: 60%;
        font-size: 0.8rem;
        padding-right: 2vw;
    }

    .sub-margin-language-subscribe {
        width: 60%;
        padding-right: 2rem;
    }

    .procedures-wrapper td,
    .procedures-wrapper th {
        padding: 4px 0;
        width: 90%;
    }

    .procedures-wrapper table,
    .procedures-wrapper th,
    .procedures-wrapper td,
    .procedures-wrapper tr,
    .related-procedure table,
    .related-procedure tr,
    .related-procedure td,
    .related-procedure th {
        display: block;
    }

    .page-node-type-procedure .procedure-steps td>table td,
    .page-node-type-procedure .procedure-steps td>table tr,
    .procedures-wrapper table td>table td,
    .procedures-wrapper table td>table tr,
    .related-procedure td>table td,
    .related-procedure td>table tr {
        display: flex;
    }

    .related-procedure td>table tbody tr td,
    .procedure-steps td>table tbody tr td {
        border: 1px solid #d4d6d8;
    }

    table.procedure-steps td>table td:first-child {
        width: 35%;
    }

    .related-procedure td>table tbody tr,
    .procedure-steps td>table tbody tr {
        border: 1px solid #d4d6d8;
        padding: 0;
        font-size: 14px;
    }

    table.procedure-steps td,
    .related-procedure td {
        padding: 0.25rem 0.5rem 0.25rem 0.25rem;
        width: 90%;
    }

    h3 {
        font-size: 40px;
    }

    .js-form-item-sort-bef-combine {
        width: 20vw;
    }

    .page-node-type-policy-page .summery-text ul {
        padding-left: 2rem;
    }

    .taxonomy-term-data-export-form,
    .path-report .content-creation-report-form {
        width: 86vw;
        margin: 17rem auto 5rem;
    }
}

@media (max-width: 1366px) {
    h2 {
        font-size: 50px;
    }

    .breadcrumb ul {
        padding-left: 0;
    }

    .search-page-card .search-page-card-caption h5 a {
        font-weight: 500;
        line-height: 1.35;
        font-size: 22px;
    }

    .procedure-steps table,
    .procedure-steps th,
    .procedure-steps td,
    .procedure-steps tr {
        display: block;
    }

    .page-node-type-procedure .procedure-steps td>table td,
    .page-node-type-procedure .procedure-steps td>table tr {
        display: flex;
    }

    #block-additionalresourcesblock h2 {
        padding-left: 6.3%;
        font-size: 40px;
    }

    .page-node-type-page .breadcrumb {
        position: absolute;
        top: 4.5rem;
        z-index: 9;
    }

    .role-anonymous.page-node-type-page .breadcrumb {
        top: 8.5rem;
    }

    .role-anonymous.page-node-type-page .basic-page-wrapper {
        padding: 4rem 0 1rem 5%;
    }

    .role-authenticated.page-node-type-page .basic-page-wrapper {
        padding: 6rem 0 1rem 5%;
    }

    .content-report-card .button {
        padding: 0.7rem;
        font-size: 0.8rem;
    }
}

@media (max-width: 1280px) {
    .sitebar-custom-wrapper nav ul.sidebar-first-menu {
        width: 100%;
    }

    #block-additionalresourcesblock .grid-container {
        max-width: 88vw;
    }

    .sidebar-accordion ul ul.accordion__panel li a {
        padding-left: 2rem;
        padding-right: 2.5srem;
    }

    .column div {
        height: auto;
    }

    figure {
        height: auto;
    }

    .custom-search-wrapper {
        padding-left: 1rem;
        padding-top: 1rem;
    }

    .large-offset-3 {
        margin-left: 31%;
    }

    .path-index .custom-expand-search,
    .path-glossary .custom-expand-search {
        width: 26.5vw;
        padding-left: 1.2rem;
    }

    .card-bg-new .hero-banner-header {
        padding-top: 6rem;
        font-size: 55px;
        overflow-wrap: break-word;
    }

    .role-anonymous .heading-container {
        margin: 0.4rem auto 0.5rem;
    }

    .single-role.role-content-viewer.page-node-type-landing-page .layout-container {
        margin: 1.4rem auto 0.5rem;
    }

    .subpage-table .content-card div {
        padding-left: 0rem !important;
    }

    .page-node-type-policy-page .visual-guide-wrapper .document-download-card {
        height: 190px !important;
    }

    .visual-guide-wrapper {
        margin-bottom: 0.5rem;
    }

    #edit-search-criteria--wrapper {
        top: 2.9rem;
    }

    .block-facet--glossaryaz {
        padding-left: 0.5rem;
    }
}

@media (max-width: 1024px) {
    h3 {
        font-size: 40px;
    }

    .role-authenticated.page-node-type-policy-page .card-bg-new {
        margin: 0rem auto 0.5rem !important;
    }

    .path-taxonomy .grid-x.content-card-wrapper.grid-margin-x>.medium-4,
    .path-frontpage .grid-container.custom-screen-margin .grid-margin-x>.medium-4 {
        width: calc(33.33333% - 1.5rem);
    }

    .select-sort-btn {
        width: 220px;
    }

    .download-card-wrapper {
        display: block;
    }

    .download-card-wrapper .download-card {
        margin-right: 0;
        margin-top: 1rem;
    }

    .multi-select-search-wrapper .multi-select ul .form-check label {
        width: 90%;
    }

    #personal-contact-form,
    #contact-message-personal-form {
        width: 50%;
        margin: 4rem auto;
    }

    #block-pagetitle h1 {
        font-size: 1.5rem;
        width: 50%;
    }

    .visual-guide-wrapper {
        display: inline-block;
    }

    table h5 {
        margin-bottom: 2rem;
        width: initial;
    }

    table h5 a {
        font-size: 30px;
    }

    .custom-search-wrapper h3 {
        font-size: 40px !important;
        font-family: "SohneBreit";
    }

    .pl-2 {
        padding-left: 0rem;
    }

    .taxonomy-term-data-export-form,
    .path-report .content-creation-report-form {
        width: 86vw;
        margin: 17rem auto 5rem;
    }

    .path-whats-new .custom-search-wrapper {
        padding-right: 0rem;
    }

    .path-frontpage.page-node-type-landing-page div.content-card.card h5 {
        height: 127px;
    }

    .multi-select-custom-wrapper header p {
        margin-top: 1rem;
    }

    .expand-search.open input {
        font-size: 14px;
    }

    .card-bg-2 {
        background-color: #d9d9d9;
        height: 325px;
    }

    .less-text .mb-3 {
        margin-bottom: -1rem;
    }
}

@media (max-width: 1023px) {
    .path-frontpage.page-node-type-landing-page #search-redirect-form {
        margin-left: 0rem;
    }

    .heading-container .grid-container {
        max-width: 95vw;
    }

    .role-administrator .heading-container {
        margin: 0.4rem auto 0.5rem;
    }

    .role-authenticated.user-logged-in.path-whats-new .layout-container,
    .role-authenticated.user-logged-in.path-whats-new .layout-container,
    .single-role.role-content-viewer.path-whats-new .layout-container {
        margin-top: -1.5rem !important;
    }

    .single-role.role-content-viewer.page-node-type-landing-page .layout-container {
        margin: 0rem auto 0.5rem;
    }

    .custom-search-form-wrapper header,
    .favorites-content-wrapper header {
        margin-top: 3rem;
    }

    .path-search .js-form-item-sort-bef-combine {
        margin-top: -6rem;
        float: left;
        width: 60vw;
    }

    .search-filter {
        width: 98%;
    }

    .path-search .remove-anchor-animation,
    .archive-content-wrapper,
    .favorites-content-wrapper {
        padding: 0;
    }

    .custom-search-wrapper .accordion {
        width: 98%;
    }

    table td .content-caption h5 a {
        font-size: 20px;
        font-weight: 400;
        font-family: "ProximaNova";
        line-height: 28px;
    }

    .less-text.mb-3 {
        margin-bottom: 0;
    }

    .single-role.role-content-viewer.page-node-type-landing-page .layout-container,
    .single-role.role-content-viewer .layout-container,
    .role-anonymous .layout-container {
        margin-top: 0.5rem;
    }
}

@media (max-width: 930px) {

    .custom-list ul li:nth-child(odd),
    .custom-list ul li:nth-child(even) {
        float: left;
        width: 80%;
    }

    .layout-container {
        margin-top: 2rem;
    }

    .role-anonymous .layout-container {
        margin-top: 0.1rem;
    }

    .custom-list ul li a {
        font-size: 16px;
    }

    .path-whats-new .subscription {
        top: 11.5rem;
    }

    .sort-btn {
        display: inline-flex;
        justify-content: flex-start;
    }

    .path-whats-new .custom-search-form-wrapper {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .custom-search-wrapper .accordion {
        width: 100%;
    }

    .card-bg-new .hero-banner-header {
        padding-top: 7rem;
        overflow-wrap: break-word;
    }

    .heading-container {
        width: 98%;
    }

    .pl-1 {
        padding-left: 0.7rem;
        padding-right: 0.5rem;
    }

    .subpage-table .content-card .cta__link.cta_link_up.cta--space.btn {
        margin-top: -3.5rem;
    }
}

@media (max-width: 820px) {
    .path-frontpage.page-node-type-landing-page .js-form-item-search {
        margin-left: 0;
    }

    .path-search.role-administrator .layout-container {
        margin: 2rem auto 0.5rem !important;
    }

    .grid-container {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }

    .role-content-editor .layout-container,
    .role-anonymous .layout-container {
        margin-top: 0;
    }

    .card-bg-2 .document-card-height {
        min-height: 330px;
        height: auto;
    }

    .path-search .custom-search-form-wrapper {
        padding-top: 4rem;
    }

    .path-document-search .form-item-sort-bef-combine,
    .page-favorites-list .form-item-sort-bef-combine {
        width: 90vw;
        margin-left: 0px;
    }

    .path-document-search .form-item-sort-bef-combine {
        margin-top: -24px;
    }

    .page-favorites-list .form-item-sort-bef-combine {
        margin-top: -11px;
    }

    .js-form-item-sort-bef-combine label::after {
        left: 80%;
    }

    .path-search .js-form-item-sort-bef-combine label::after {
        left: 94%;
    }

    .page-favorites-list .js-form-item-sort-bef-combine label::after {
        left: 96%;
    }

    .page-retirement-report .feed-icons {
        padding-bottom: 1rem;
        margin-top: -19px;
    }

    .block-facet--glossaryaz {
        padding-left: 0;
        padding-top: 1.5rem;
    }

    .path-index .custom-expand-search,
    .path-glossary .custom-expand-search {
        width: 92.5vw;
        margin: 0 auto;
        padding-left: 0;
    }

    .search-width .multi-select {
        max-width: 100%;
    }

    .search-filter {
        width: 100%;
    }

    .path-search .js-form-item-sort-bef-combine {
        width: 76vw;
    }

    .page-favorites-list .custom-expand-search,
    .page-retirement-report .custom-expand-search,
    .path-document-search .custom-expand-search {
        width: 99% !important;
        margin: 0.5rem 0;
    }

    .path-frontpage.page-node-type-landing-page .js-form-item-search {
        padding-top: 0;
        margin-left: 0;
        width: 80vw !important;
    }

    .role-authenticated .card-bg-new {
        margin: 1rem auto 0.5rem !important;
    }

    .custom-table .content-card p {
        word-wrap: break-word;
        width: 85%;
    }
}

@media (max-width: 767px) {
    .sitebar-custom-wrapper {
        margin: 1rem auto;
    }

    .sidebar-accordion {
        margin-bottom: 1rem;
    }

    .role-authenticated.user-logged-in.path-whats-new .layout-container,
    .role-authenticated.user-logged-in.path-whats-new .layout-container,
    .single-role.role-content-viewer.path-whats-new .layout-container {
        margin-top: -0.5rem !important;
    }

    .layout-container {
        margin-top: 0.5rem !important;
    }

    .path-search.role-administrator .layout-container {
        margin: 3rem auto 0.5rem !important;
    }

    .single-role.role-content-viewer.path-whats-new .layout-container {
        margin-top: -1rem !important;
    }

    .role-authenticated.role-content-viewer.single-role .card-bg-new {
        margin: 1.5rem auto 0.5rem !important;
    }

    .page-node-type-regulations-rules .breadcrumb,
    .page-node-type-document .breadcrumb,
    .page-node-type-document .breadcrumb {
        width: 80vw !important;
    }

    .path-frontpage .card-bg h3 {
        padding-left: 0.5rem;
    }

    #block-additionalresourcesblock .grid-container {
        max-width: 97vw;
    }

    .pt-mobile {
        padding: 12rem 0 2rem;
    }

    .page-space~.width-wrapper {
        display: none;
    }

    .page-favorites-list .custom-expand-search {
        width: 96% !important;
        margin: 0.5rem 0;
    }

    .path-frontpage.page-node-type-landing-page div.content-card.card h5 {
        height: auto;
        padding-bottom: 0.5rem;
    }

    .path-frontpage .js-form-submit.form-submit {
        width: 80vw;
        margin: 1rem auto;
    }

    .path-frontpage .js-form-submit.form-submit {
        background-position: right 28vw bottom 13px;
    }

    html[lang="fr"] .path-frontpage .js-form-submit.form-submit {
        background-position: right 20vw bottom 13px;
    }

    .sidebar-accordion ul>li,
    .sidebar-accordion h6 {
        background-color: #f7f7f7;
    }

    .path-taxonomy .sub-page-banner .hero-banner-header {
        margin-top: 0rem;
    }

    .path-taxonomy .content-card-wrapper .cta__link {
        position: relative;
        bottom: 0.5rem;
    }

    .change-order {
        order: 2;
        padding-bottom: 2rem;
    }

    .path-frontpage.page-node-type-landing-page .js-form-item-search {
        padding-top: 0;
        margin-left: 0;
        width: 86vw;
    }

    .heading-container h2 {
        font-size: 34px;
    }

    .custom-search-wrapper {
        padding-left: 0rem;
    }

    .path-search .custom-search-form-wrapper {
        padding-top: 0.5rem;
    }

    .path-search .expand-search {
        width: 97vw;
    }

    .container-search-page {
        width: 92vw;
    }

    #edit-search-criteria--wrapper {
        position: absolute;
        top: 6.5rem;
    }

    .page-favorites-list .custom-search-wrapper ul,
    .path-index .custom-search-wrapper ul,
    .path-whats-new .custom-search-wrapper {
        padding-left: 0.313rem !important;
    }

    #views-exposed-form-acquia-search-page {
        padding-top: 5rem;
    }

    .role-administrator .sub-page-banner {
        margin: 0rem auto 0.5rem !important;
    }

    .role-authenticated.user-logged-in.path-node.page-node-type-regulations-rules .breadcrumb,
    .role-authenticated.page-node-type-procedure .breadcrumb,
    .role-authenticated.page-node-type-policy-page .breadcrumb,
    .role-authenticated.path-taxonomy .breadcrumb,
    .role-authenticated.path-frontpage.page-node-type-landing-page .breadcrumb {
        position: absolute;
        top: 8.5rem !important;
        z-index: 9;
    }

    nav.breadcrumb {
        width: 80vw !important;
    }

    .role-authenticated .subscription {
        top: 5.2rem;
    }

    .single-role.role-content-viewer .subscription {
        top: 5rem;
    }

    .role-authenticated.path-whats-new .subscription {
        top: 9.2rem;
    }

    .path-index .block-facet--glossaryaz ul,
    .path-glossary .block-facet--glossaryaz ul {
        margin: 0.5rem auto;
        width: 95vw;
    }

    .role-authenticated .policy-page-fav-btn .position-fav-btn {
        top: 7.2rem;
    }

    .role-authenticated.page-node-type-regulations-rules .policy-page-fav-btn .position-fav-btn {
        top: 5.2rem;
    }

    .archive-content-wrapper,
    .favorites-content-wrapper {
        width: 95%;
        padding-bottom: 2rem;
    }

    .search-filter {
        padding-bottom: 0rem;
        margin: 0 auto;
    }

    .path-whats-new .js-form-item-sort-bef-combine label::after,
    .page-retirement-report .js-form-item-sort-bef-combine label::after {
        left: 87%;
    }

    .page-retirement-report .feed-icons {
        margin-top: 3px;
    }

    .page-retirement-report header {
        padding-top: 0.5rem;
    }

    .path-search header {
        margin-top: -1rem;
    }

    .path-whats-new .form-item-sort-bef-combine,
    .page-retirement-report .form-item-sort-bef-combine {
        width: 50vw;
        margin-left: -4px;
        margin-top: 2px;
    }

    .form-item-sort-bef-combine {
        width: 88vw;
        margin-left: 2px;
    }

    .page-favorites-list .form-item-sort-bef-combine {
        margin-left: 5px;
    }

    .card-bg-new .hero-banner-header,
    .sub-page-banner .hero-banner-header {
        padding-top: 1rem;
        margin-top: 3rem;
        font-size: 40px;
        width: 95%;
    }

    .sub-page-banner {
        min-height: 22rem;
        height: auto;
        padding-top: 14rem;
    }

    p {
        font-size: 16px;
    }

    .page-node-type-policy-page.role-administrator .subscription {
        float: right;
        position: relative;
        top: 5rem;
    }

    .role-administrator .breadcrumb ul {
        padding-left: 0.8rem;
    }

    .breadcrumb ul li a {
        font-size: 12px;
    }

    .page-node-type-policy-page .sitebar-custom-wrapper nav ul.sidebar-first-menu {
        width: 100%;
    }

    .custom-search-wrapper h3 {
        order: 2;
    }

    .hide-btn {
        padding: 1rem;
        background-color: #006eb5;
        color: #d9d9d9;
    }

    .image-reveal-card {
        margin-bottom: 1rem;
    }

    /* .custom-expand-search,.search-filter,.views-exposed-form,.feed-icons,.form-item-sort-bef-combine {
        display: none;
    } */
    .custom-expand-search,
    .search-filter,
    .views-exposed-form,
    .feed-icons,
    .form-item-sort-bef-combine {
        display: block;
    }

    .custom-expand-search.active,
    .filter-and-sort,
    .search-filter.active,
    .views-exposed-form.active,
    .feed-icons.active,
    .form-item-sort-bef-combine.active {
        display: block;
    }

    .page-retirement-report .feed-icons.active {
        padding-right: 20px;
    }

    .page-favorites-list .custom-expand-search,
    .page-retirement-report .custom-expand-search,
    .path-document-search .custom-expand-search {
        width: 99% !important;
    }

    .path-index .filter-and-sort,
    .path-glossary .filter-and-sort {
        margin-top: 1rem;
    }

    .path-index .block-facet__wrapper ul,
    .path-glossary .block-facet__wrapper ul {
        width: auto;
    }

    .filter-and-sort {
        display: block;
        margin: 0.5rem auto;
        background: #006eb5;
        color: #fff;
        padding: 0.7rem 1rem 0.7rem 1rem;
        font-weight: 600;
        font-size: 1.2rem;
        text-align: center;
        width: 88vw !important;
    }

    .path-search .filter-and-sort.active {
        margin-top: 2rem;
        margin-bottom: 1rem;
    }

    .path-search .custom-expand-search {
        display: block;
    }

    .path-search .multi-select-custom-wrapper {
        padding-top: 0.5rem;
    }

    .path-index .custom-search-wrapper h3 {
        margin-top: 0rem;
    }

    .path-whats-new .grid-margin-x>.medium-4 {
        width: 100%;
        margin: 0 auto;
    }

    .search-width .multi-select {
        max-width: none;
        margin: 0 auto;
    }

    .path-whats-new .custom-table.subpage-table {
        margin-left: 0px !important;
        margin-top: 1rem;
    }

    .role-content-viewer.single-role .heading-container {
        margin: 0rem auto 0.5rem;
    }

    .grid-container.custom-screen-margin {
        max-width: 91vw;
    }

    h3 {
        font-size: 40px;
    }

    h2 {
        font-size: 40px;
    }

    .sidebar-accordion h3 {
        margin-top: 2rem;
    }

    .sitebar-custom-wrapper nav ul {
        width: 100%;
    }

    .custom-table .content-caption {
        padding: 0.5rem 0rem 0.1rem;
    }

    .heading-container h2,
    .heading-container h4 {
        padding: 0;
    }

    .heading-container p {
        padding-top: 1rem;
        font-size: 1rem;
    }

    .dropdown-btn-sort-filter {
        display: block;
        background-color: #006eb5;
        color: #f7f7f7;
        padding: 20px 40px;
        font-weight: 600;
    }

    .select-sort-btn {
        position: initial;
        right: 0;
        margin-top: initial;
    }

    .custom-table,
    .custom-table thead,
    .custom-table tbody,
    .custom-tables th,
    .custom-table td,
    .custom-table tr {
        display: block;
        width: 100%;
    }

    table td .content-caption h5 {
        padding-right: 1rem;
    }

    .page-node-type-policy-page .summery-text ul,
    .path-taxonomy .subpage-table .content-card ul,
    .path-whats-new .custom-search-wrapper .content-card ul {
        padding-left: 0.5rem !important;
    }

    .mtb-2 {
        margin: 0.5rem 0;
    }

    .download-card-wrapper {
        display: block;
    }

    .download-card-wrapper .download-card {
        margin-right: 0;
        margin-top: 1rem;
    }

    #personal-contact-form,
    #contact-message-personal-form {
        width: 80%;
        margin: 4rem auto;
    }

    #block-pagetitle h1 {
        font-size: 1.5rem;
        width: 80%;
    }

    .custom-table tr td:first-child {
        width: 100%;
    }

    .sitebar-custom-wrapper nav ul.sidebar-first-menu {
        width: 100%;
    }

    .page-node-type-policy-page .sitebar-custom-wrapper nav .sidebar-accordion {
        margin: 0.2rem 0 0.5rem 0;
    }

    ol,
    ul {
        margin: 0;
        padding-left: 0.125rem;
    }

    ul.js-pager__items.pager li,
    ul.js-pager__items.pager li a {
        padding-left: 0.1rem;
    }

    .large-offset-3 {
        margin-left: 0%;
    }

    .image-reveal-card {
        margin-bottom: 2rem;
    }

    .image-reveal-card a span.cta__link {
        padding-left: 0.1rem;
        margin-top: 1rem;
    }

    #block-glossaryaztaxonomytermname {
        padding: 0.5rem 0;
    }

    .path-search .custom-expand-search,
    .path-index .custom-expand-search,
    .path-glossary .custom-expand-search {
        width: 90vw;
        margin-left: 15px;
    }

    .path-frontpage.page-node-type-landing-page #search-redirect-form {
        margin-left: 0;
        padding-left: 0rem;
    }

    .path-report .taxonomy-term-data-export-form-wrapper,
    .path-report .content-report-form-wrapper {
        display: block;
    }

    #block-additionalresourcesblock h2 {
        padding-left: 4vw;
    }

    .sub-page-banner p {
        width: 96%;
    }

    .subpage-table tr td p {
        padding-right: 1rem;
    }

    .path-index .width-wrapper,
    .path-glossary .width-wrapper {
        margin: -2rem auto 0rem;
    }

    .glossary-page-card div {
        display: block;
        width: 90vw;
    }

    .icon-search {
        order: 6;
    }

    .path-index .block-facet--glossaryaz,
    .path-glossary .block-facet--glossaryaz {
        padding-left: 0;
    }

    .grid-margin-x>.small-12 {
        width: calc(100% - 1rem) !important;
    }

    .path-search .js-form-item-sort-bef-combine {
        margin-top: -6rem;
        margin-left: 7px;
    }

    .path-search .js-form-item-sort-bef-combine,
    .js-form-item-sort-bef-combine {
        float: initial;
    }

    .page-favorites-list .form-item-sort-bef-combine,
    .path-search .form-item-sort-bef-combine {
        width: 86.4vw;
    }

    .custom-expand-search.grid-container {
        width: 98%;
    }

    .page-favorites-list .form-item-sort-bef-combine {
        margin-top: 1.3rem;
    }

    .path-search .js-form-item-sort-bef-combine label::after,
    .page-favorites-list .js-form-item-sort-bef-combine label::after {
        left: 96%;
    }

    .path-whats-new .custom-search-wrapper,
    .path-whats-new .custom-search-wrapper h3 {
        padding-top: 7px;
    }

    .path-whats-new .mobile-title {
        display: block;
        padding: 1.8rem;
    }

    .path-whats-new .custom-search-wrapper h3 {
        display: none;
    }

    .path-search .custom-search-form-wrapper form {
        padding-bottom: 1.5rem;
    }

    #user-form {
        width: 90%;
        margin: 4rem auto;
        padding-top: 4rem;
    }

    .single-role.role-content-viewer .policy-page-fav-btn .position-fav-btn {
        top: 2.8rem;
    }

    .path-translation-not-found .translation-not-found-wrapper {
        width: 98%;
        margin: 10rem auto 4rem;
    }

    .page-403-img img {
        padding-top: 4rem;
    }

    .expand-search.open input {
        font-size: 20px;
    }

    .download-animated {
        display: inline-flex;
    }

    .dwn-h5 {
        align-items: self-start;
        flex-direction: column;
    }
}

a.down-btn {
    width: 220px;
    display: flex;
    align-items: center;
    text-align: center;
}

@media (max-width: 600px) {

    .page-node-type-procedure .accordion li button,
    .page-node-type-policy-page .accordion li button {
        width: 96%;
        padding-right: 1rem;
        margin: 0 auto;
    }

    .login-block-mobile-nav.hide {
        display: none;
    }

    .path-search .js-form-item-sort-bef-combine label::after,
    .js-form-item-sort-bef-combine label::after {
        left: 93%;
    }

    .views-exposed-form.active {
        margin-top: 0.9rem;
        width: 90%;
        padding-left: 0rem;
    }

    .single-role.role-content-viewer .policy-page-fav-btn .position-fav-btn {
        right: 5.5vw;
    }

    .path-document-search .form-item-sort-bef-combine,
    .favorites-content-wrapper .form-item-sort-bef-combine {
        width: 86.5vw;
        margin-top: -1rem;
    }

    .page-retirement-report .form-item-sort-bef-combine {
        margin-top: -1rem;
    }

    .favorites-content-wrapper .form-item-sort-bef-combine {
        margin-top: 1rem;
    }

    .path-search .form-item-sort-bef-combine {
        width: 86.5vw;
        margin-top: -7rem;
        margin-left: 0;
    }

    .filter-and-sort {
        margin: 0.5rem auto;
        width: 86.5vw !important;
    }

    .page-favorites-list .form-item-sort-bef-combine {
        margin-left: 1px;
    }

    .summery-text a {
        word-break: break-word;
    }
}

@media (max-width: 425px) {
    .download-card-wrapper .download-card {
        width: 95vw;
    }

    #block-additionalresourcesblock h2 {
        line-height: 2.5rem;
    }

    .visual-guide-wrapper .document-download-card {
        width: 21rem;
        margin-right: 0rem;
    }

    .card-bg-new .hero-banner-header,
    .sub-page-banner .hero-banner-header {
        font-size: 40px;
    }

    .path-frontpage h3.mtb-2 {
        margin: 1rem 0;
        line-height: 59px;
    }

    .hero-banner-header {
        width: 95%;
    }

    .sub-page-banner {
        padding-top: 17rem;
    }

    .path-whats-new .sub-page-banner,
    .path-index .sub-page-banner,
    .path-glossary .sub-page-banner,
    .page-favorites-list .sub-page-banner,
    .path-search .sub-page-banner {
        padding-top: 13rem;
    }

    h3 {
        font-size: 40px;
    }

    .card-bg-new .hero-banner-header,
    .sub-page-banner .hero-banner-header {
        margin-top: 5rem;
        overflow-wrap: break-word;
        width: 98%;
        padding-bottom: 2rem;
    }

    .single-role.role-content-viewer .card-bg-new,
    .single-role.role-content-viewer .banner-bg {
        margin: 0rem auto 0.5rem !important;
    }

    h2 {
        font-size: 2rem;
    }

    .path-whats-new .custom-search-wrapper h3 {
        font-size: 40px;
    }

    .card-bg-blue h3 {
        font-size: 55px;
    }

    .custom-table,
    .custom-table thead,
    .custom-table tbody {
        display: block;
        width: 98%;
    }

    .custom-tables th,
    .custom-table tr {
        width: 100%;
    }

    .path-whats-new .form-item-sort-bef-combine {
        width: 60vw;
        margin-left: -5px;
        margin-top: -15px;
    }

    .page-retirement-report .form-item-sort-bef-combine {
        width: 57vw;
        margin-left: 0px;
        margin-top: 0px;
    }

    .path-whats-new .feed-icons {
        margin-top: 2px;
    }

    .page-retirement-report .feed-icons {
        margin-top: 15px;
    }

    .content-report-card {
        display: block;
    }

    .path-search.role-administrator .layout-container {
        margin: 1rem auto 0.5rem !important;
    }

    .path-search .js-form-item-sort-bef-combine label::after,
    .page-favorites-list .js-form-item-sort-bef-combine label::after {
        left: 92%;
    }

    .page-favorites-list .form-item-sort-bef-combine {
        margin-top: 0.3rem;
    }

    .custom-expand-search {
        margin: 2rem auto;
    }

    .role-administrator .breadcrumb ul {
        padding-left: 0;
    }

    .favorites-content-wrapper header {
        margin-top: 1.5rem;
    }

    .card-wrapper {
        margin-left: 0.3rem;
    }

    .procedure-steps td>table {
        width: 95vw;
        word-break: break-word;
    }

    .page-node-type-procedure .grid-container {
        padding-left: 0rem;
        padding-right: 0rem;
        max-width: 97vw;
    }

    .main-policy .download-card,
    .visual-guide-wrapper .card-img .download-card {
        width: 92vw;
    }

    .page-node-type-regulations-rules .grid-container,
    .page-node-type-policy-document .grid-container,
    .page-node-type-document .grid-container {
        max-width: 96vw;
    }

    .subpage-table .cta__link.cta_link_up.cta--space.btn {
        margin-top: -2.2rem;
    }

    .subpage-table h5 .cta__link.cta_link_up.cta--space.btn {
        margin-top: -1.2rem;
    }

    .sitebar-custom-wrapper .sidebar-accordion ul li a {
        padding-right: 2.6rem;
    }

    .path-frontpage .hero-banner-header {
        overflow-wrap: break-word;
        width: 98%;
    }

    .heading-container input[type="text"] {
        height: 55px;
    }

    .path-frontpage #edit-search {
        width: 84vw;
    }

    .path-frontpage .js-form-submit.form-submit {
        width: 80vw;
        margin: 1rem 0;
    }
}

@media (max-width: 375px) {
    .document-download-card.card-img {
        background-size: 21rem !important;
        width: 21rem !important;
    }

    .document-download-view-card .document-card-height,
    .page-node-type-document .document-card-height,
    .page-node-type-policy-document .document-card-height {
        min-height: 280px;
    }

    .document-download-view-card .document-download,
    .page-node-type-document .document-download,
    .page-node-type-policy-document .document-download {
        position: absolute !important;
        bottom: 2rem !important;
    }

    .multi-select-custom-wrapper header p {
        margin-top: 0;
    }

    .custom-search-form-wrapper {
        position: relative;
        width: 100%;
    }

    .feed-icons {
        position: absolute;
        right: 0px;
        z-index: 9;
    }

    .path-whats-new .form-item-sort-bef-combine {
        width: 55vw;
    }

    .card-bg-2 {
        background-color: #d9d9d9;
        min-height: 300px;
    }

    .grid-x>.small-12 {
        width: 98%;
    }

    .path-search .form-item-sort-bef-combine {
        width: 82.5vw;
    }

    .page-favorites-list .form-item-sort-bef-combine {
        width: 83.5vw;
    }
}

ul.toolbar-menu li {
    padding-left: 0.1rem !important;
}

.mega-nav-option {
    top: 90px;
}

#toolbar-administration+.dialog-off-canvas-main-canvas .global-header .mega-nav-option,
.toolbar-horizontal.user-logged-in .country-header .mega-nav-option {
    top: 11.825rem !important;
}

.user-logged-in .mega-nav-option {
    top: 6rem !important;
}


.site-title a {
    background: none;
}

.cta__link.cta--arrow {
    padding-left: 0;
    padding-right: 0rem;
}

.mega-nav-option .submenu {
    margin: 0;
    padding: 0;
    height: calc(100vh - 350px) !important;
    overflow-y: auto;
    overflow-x: hidden;
}

.mega-nav-option {
    max-width: 80vw;
    padding: 4rem 0 4rem 3rem;
    z-index: 10;
}

.mega-nav-option .grid-x>.large-3 {
    width: calc(25% - 3rem);
    padding-right: 3rem;
}

.mega-nav-option .grid-x>.large-9 {
    width: 75%;
    height: calc(100vh - 350px) !important;
    overflow-y: auto;
    overflow-x: hidden;
}

.mega-nav-option .submenu li {
    padding-right: 0rem;
}

.mega-nav-option .sub-menu-content .sub-sub-menu {
    position: relative;
}

.mega-nav-option .sub-menu-content .sub-sub-menu ul,
.mega-nav-option .sub-menu-content .sub-sub-menu ul li {
    min-width: 300px;
    width: 300px;
}

.mega-nav-option .sub-menu-content .sub-sub-menu ul li {
    padding: 20px 0 0;
    margin-bottom: 0;
}

.mega-nav-option .sub-menu-content .sub-sub-menu ul li a:hover,
.mega-nav-option .sub-menu-content .sub-sub-menu ul li a.cta--arrow:hover ul.list-col-second li a:hover {
    color: #006eb5;
}

.mega-nav-option .sub-menu-content .sub-sub-menu ul {
    display: none;
}

.mega-nav-option .sub-menu-content .sub-sub-menu ul.list-col-first {
    display: block;
    height: 100%;
}

.mega-nav-option .sub-menu-content .sub-sub-menu ul.list-col-first li:hover ul.list-col-second {
    display: block;
    position: absolute;
    left: 300px;
    top: 0;
    padding-left: 2rem;
    height: 100%;
}

.mega-nav-option .sub-menu-content .sub-sub-menu ul.list-col-second li:hover ul.list-col-third {
    display: block;
    position: absolute;
    left: 300px;
    top: 0;
    padding-left: 4rem;
    height: 100%;
}

.sub-sub-menu .cta__link.cta--arrow i {
    left: 0.9rem;
}

.mega-sub-description .cta__link.cta--arrow:hover i {
    width: 0;
}

.menu-hamburger {
    display: none;
}

/*li.active > a {
    color: #006eb5;
}*/

.country-header .header .site-title {
    width: initial;
    margin-right: 1.5rem !important;
}

.cell .footer-links .personal-form-wrapper {
    text-align: right;
    width: initial;
}

.cell .footer-top {
    padding-bottom: 0.5rem;
}

.footer-links li {
    margin-bottom: 0.5rem;
}

.cell .footer-lists .personal-form-wrapper {
    width: initial;
    margin: 0;
}

.role-anonymous .cell .footer-lists .personal-form-wrapper {
    margin-left: 2.25rem;
}

.cell .footer-lists {
    max-width: initial;
}

.mega-wrapper a.cta__link {
    display: inline-block;
    max-width: 100%;
    width: 100%;
    position: relative;
    line-height: 21px;
}

.mega-wrapper a.cta__link i {
    display: block;
    right: -10px;
    top: 0;
    position: absolute;
}

.mega-wrapper a.cta__link i:after {
    right: -300px;
}

.country-header .header .top-right {
    padding-right: 0.2rem !important;
}

.country-header .header .top-right .icon-globe {
    display: none;
}

.top-right .login-block-desktop-nav .login-link {
    padding-left: 1rem;
}

.dropdown-language {
    padding-top: 0.1rem;
}

@media (max-width: 89.9375em) {
    .role-anonymous .cell .footer-lists .personal-form-wrapper {
        margin-left: 0;
        margin-bottom: 1rem;
    }

    /* .country-header .header .menu {
        display: block !important;
    } */
    /* .country-header .header .menu {
        display: block;
    } */
    /* .country-header .header .menu {
        display: block;
    } */
    /* .country-header .header .menu {
        display: block;
    } */
    .user-logged-in .mobile-nav.show {
        height: calc(100vh - 10.6875rem);
    }

    .role-anonymous .mobile-nav.show {
        height: calc(100vh - 6.6875rem);
    }

    .mobile-mega-wrapper {
        padding-bottom: 2rem;
        height: fit-content;
    }

    .login-block-desktop-nav {
        margin-top: 0px;
    }

    .mob-globe {
        display: none !important;
    }

    .mobile-links ul li a {
        background: none;
        font-size: 1rem;
        font-weight: 600;
        letter-spacing: 1px;
    }

    .login-block-mobile-nav {
        display: none;
    }

    .mobile-nav .mobile-links ul li {
        padding-bottom: 1.75rem;
    }

    .mobile-nav .mobile-mega-content {
        display: block;
    }

    .menu-hamburger {
        display: block;
        order: 0;
    }

    .menu li a {
        font-weight: 600;
    }

    .country-header .header .top-right {
        padding-right: 0.9rem;
    }

    .country-header .header .top-right .dropdown-language {
        display: none;
    }

    .country-header .header .top-right .login-link {
        display: block;
        font-size: 0.9rem;
        margin-top: 0rem;
    }

    .button-arrow+.cta__link.cta--arrow i {
        display: initial;
        position: relative;
        top: 4px;
    }

    .country-header .header .top-right .icon-search {
        display: block;
    }

    .mobile-mega-wrapper .mobile-mega-content .sub-sub-menus li .sub-link {
        font-size: 0.975rem;
    }

    .mobile-nav-options {
        display: block;
    }

    .pl-1.large-offset-1.medium-offset-1.mobile-remove-offset {
        margin: 0;
    }

    .mega-nav-option {
        max-width: 85vw;
        padding: 3rem 0 3rem 2rem;
        z-index: 10;
    }

    .mega-nav-option .sub-menu-content .sub-sub-menu ul,
    .mega-nav-option .sub-menu-content .sub-sub-menu ul li {
        min-width: 250px;
        width: 250px;
    }

    .list-col-first {
        position: relative;
    }

    .list-col-first li .cta__link.cta--arrow i {
        display: block;
        height: 1rem;
        left: -2rem;
        position: absolute;
    }

    .list-col-third li .cta__link.cta--arrow i {
        display: block;
        height: 1rem;
        left: -2rem;
        position: absolute;
    }

    .list-col-second li .cta__link.cta--arrow i {
        display: block;
        height: 1rem;
        left: -4rem;
        position: absolute;
    }

    .mega-nav-option .sub-menu-content .sub-sub-menu ul.list-col-first li:hover ul.list-col-second {
        left: 240px;
        padding-left: -15%;
    }

    .mega-nav-option .sub-menu-content .sub-sub-menu ul.list-col-first li:hover ul.list-col-second li {
        padding-left: 20px;
    }

    .mega-nav-option .sub-menu-content .sub-sub-menu ul.list-col-second li:hover ul.list-col-third {
        left: 240px;
    }

    .country-header .header {
        padding-left: 0;
    }
}

@media (max-width: 1366px) {}

@media (max-width: 1024px) {
    #toolbar-administration+.dialog-off-canvas-main-canvas header .header {
        top: 82px;
    }
}

@media (max-width: 1023px) {
    .country-header {
        height: 6.188rem;
    }
}

@media (max-width: 975px) {
    #toolbar-administration+.dialog-off-canvas-main-canvas header .header {
        top: 47px !important;
    }

    .tabs {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    #toolbar-administration a,
    #toolbar-administration abbr[title],
    #toolbar-administration code,
    #toolbar-administration details summary,
    #toolbar-administration mark,
    q {
        font-size: 11px;
    }
}

@media (max-width: 865px) {
    #toolbar-administration+.dialog-off-canvas-main-canvas header .header {
        top: 80px;
    }
}

@media (max-width: 820px) {
    .country-header {
        height: 6.1875rem;
    }
}

@media (max-width: 767px) {
    .footer-top {
        position: relative;
    }

    footer .grid-x>.small-12 {
        width: 100%;
    }

    .tabs {
        margin-bottom: 1rem;
    }

    #toolbar-bar {
        position: fixed;
    }

    .country-header .header .site-title span {
        font-size: 14px;
    }

    .country-header .header .site-title {
        width: initial;
        margin-right: 0.1rem !important;
    }

    .country-header .header {
        z-index: 11;
        padding-left: 0.1%;
    }

    .mobile-nav {
        left: -5px;
    }

    .footer-bottom {
        padding-bottom: 1rem;
    }

    .header .grid-margin-x>.cell {
        margin-right: 0;
    }

    .custom-list ul {
        float: left;
    }

    footer .footer-copyright-new {
        margin: 1rem 0 1rem 0;
        order: 2;
    }

    .footer .footer-icons {
        margin: 0.2rem 0 0 -1rem;
        padding-top: 0.5rem;
    }
}

@media (max-width: 37.5em) {
    .footer-top .footer-icons {
        top: 156px;
    }

    .login-block-desktop-nav {
        display: none;
    }

    .login-block-mobile-nav a {
        color: #006eb5;
    }

    .login-block-mobile-nav {
        display: block;
        order: 2;
        padding: 0.5rem 0 2rem;
    }

    .mobile-links {
        order: 1;
    }

    .mobile-nav .mobile-links {
        padding-bottom: 0.5rem;
    }

    .country-header .header .top-right .login-link {
        display: none;
    }

    .user-logged-in #toolbar-administration+.dialog-off-canvas-main-canvas header .header {
        top: 39px;
    }

    .tabs {
        margin-top: 0rem;
    }
}

@media (max-width: 425px) {
    .country-header .header .top-right .dropdown-language {
        display: none;
    }

    .user-logged-in .mobile-nav.show {
        height: calc(100vh - 7.6875rem);
    }

    .role-anonymous .mobile-nav.show {
        height: calc(100vh - 5rem);
    }

    .mobile-nav-options.cta__link .cta--space {
        display: none;
    }

    .footer-icons li a {
        height: 20px;
        margin-block-end: 1rem;
        width: 23px;
    }

    .footer-logo {
        padding-bottom: 1.5rem;
    }

    .footer-top .footer-icons {
        top: 256px;
    }

    .footer-lists li {
        margin-bottom: 1rem;
    }

    .header .grid-margin-x {
        margin-left: -0.2rem;
    }

    .country-header .header .top-left {
        width: calc(66.66667% - 0.75rem) !important;
    }
}

@media (max-width: 376px) {
    .country-header .header {
        height: auto;
    }

    .country-header .header .top-right {
        padding-right: 0.1rem !important;
    }
}

.footer-icons li a.facebook {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcgMTEuNWgyLjVsMS00SDd2LTJjMC0xLjAzIDAtMiAyLTJoMS41Vi4xNEMxMC4xNzQuMDk3IDguOTQzIDAgNy42NDMgMCA0LjkyOCAwIDMgMS42NTcgMyA0Ljd2Mi44SDB2NGgzVjIwaDR2LTguNVoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=) no-repeat bottom
}

.footer-icons li a.instagram {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwIDBjMi43MTcgMCAzLjA1Ni4wMSA0LjEyMi4wNiAxLjA2NS4wNSAxLjc5LjIxNyAyLjQyOC40NjUuNjYuMjU0IDEuMjE2LjU5OCAxLjc3MiAxLjE1My41MDkuNS45MDIgMS4xMDUgMS4xNTMgMS43NzIuMjQ3LjYzNy40MTUgMS4zNjMuNDY1IDIuNDI4LjA0NyAxLjA2Ni4wNiAxLjQwNS4wNiA0LjEyMiAwIDIuNzE3LS4wMSAzLjA1Ni0uMDYgNC4xMjItLjA1IDEuMDY1LS4yMTggMS43OS0uNDY1IDIuNDI4YTQuODgzIDQuODgzIDAgMCAxLTEuMTUzIDEuNzcyYy0uNS41MDgtMS4xMDUuOTAyLTEuNzcyIDEuMTUzLS42MzcuMjQ3LTEuMzYzLjQxNS0yLjQyOC40NjUtMS4wNjYuMDQ3LTEuNDA1LjA2LTQuMTIyLjA2LTIuNzE3IDAtMy4wNTYtLjAxLTQuMTIyLS4wNi0xLjA2NS0uMDUtMS43OS0uMjE4LTIuNDI4LS40NjVhNC44OSA0Ljg5IDAgMCAxLTEuNzcyLTEuMTUzQTQuOTA0IDQuOTA0IDAgMCAxIC41MjUgMTYuNTVDLjI3NyAxNS45MTMuMTEgMTUuMTg3LjA2IDE0LjEyMi4wMTMgMTMuMDU2IDAgMTIuNzE3IDAgMTBjMC0yLjcxNy4wMS0zLjA1Ni4wNi00LjEyMi4wNS0xLjA2Ni4yMTctMS43OS40NjUtMi40MjhhNC44OCA0Ljg4IDAgMCAxIDEuMTUzLTEuNzcyQTQuODk3IDQuODk3IDAgMCAxIDMuNDUuNTI1QzQuMDg4LjI3NyA0LjgxMi4xMSA1Ljg3OC4wNiA2Ljk0NC4wMTMgNy4yODMgMCAxMCAwWm0wIDVhNSA1IDAgMSAwIDAgMTAgNSA1IDAgMCAwIDAtMTBabTYuNS0uMjVhMS4yNSAxLjI1IDAgMSAwLTIuNSAwIDEuMjUgMS4yNSAwIDAgMCAyLjUgMFpNMTAgN2EzIDMgMCAxIDEgMCA2IDMgMyAwIDAgMSAwLTZaIiBmaWxsPSIjZmZmIi8+PC9zdmc+) no-repeat bottom
}

.footer-icons li a.linkedin {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQuOTQgMmEyIDIgMCAxIDEtNC0uMDAyIDIgMiAwIDAgMSA0IC4wMDJaTTUgNS40OEgxVjE4aDRWNS40OFptNi4zMiAwSDcuMzRWMThoMy45NHYtNi41N2MwLTMuNjYgNC43Ny00IDQuNzcgMFYxOEgyMHYtNy45M2MwLTYuMTctNy4wNi01Ljk0LTguNzItMi45MWwuMDQtMS42OFoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=) no-repeat bottom
}

.footer-icons li a.twitter {
    background: url(../images/twitter.png) no-repeat bottom
}

.footer-icons li a.youtube {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE5LjU0MyAyLjQ5OEMyMCA0LjI4IDIwIDggMjAgOHMwIDMuNzItLjQ1NyA1LjUwMmMtLjI1NC45ODUtLjk5NyAxLjc2LTEuOTM4IDIuMDIyQzE1Ljg5NiAxNiAxMCAxNiAxMCAxNnMtNS44OTMgMC03LjYwNS0uNDc2Yy0uOTQ1LS4yNjYtMS42ODctMS4wNC0xLjkzOC0yLjAyMkMwIDExLjcyIDAgOCAwIDhzMC0zLjcyLjQ1Ny01LjUwMmMuMjU0LS45ODUuOTk3LTEuNzYgMS45MzgtMi4wMjJDNC4xMDcgMCAxMCAwIDEwIDBzNS44OTYgMCA3LjYwNS40NzZjLjk0NS4yNjYgMS42ODcgMS4wNCAxLjkzOCAyLjAyMlpNOCAxMS41IDE0IDggOCA0LjV2N1oiIGZpbGw9IiNmZmYiLz48L3N2Zz4=) no-repeat bottom
}

.footer-icons.inverted li a.facebook {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcgMTEuNWgyLjVsMS00SDd2LTJjMC0xLjAzIDAtMiAyLTJoMS41Vi4xNEMxMC4xNzQuMDk3IDguOTQzIDAgNy42NDMgMCA0LjkyOCAwIDMgMS42NTcgMyA0Ljd2Mi44SDB2NGgzVjIwaDR2LTguNVoiIGZpbGw9IiMwMDAiLz48L3N2Zz4=) no-repeat bottom
}

.footer-icons.inverted li a.instagram {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwIDBjMi43MTcgMCAzLjA1Ni4wMSA0LjEyMi4wNiAxLjA2NS4wNSAxLjc5LjIxNyAyLjQyOC40NjUuNjYuMjU0IDEuMjE2LjU5OCAxLjc3MiAxLjE1My41MDkuNS45MDIgMS4xMDUgMS4xNTMgMS43NzIuMjQ3LjYzNy40MTUgMS4zNjMuNDY1IDIuNDI4LjA0NyAxLjA2Ni4wNiAxLjQwNS4wNiA0LjEyMiAwIDIuNzE3LS4wMSAzLjA1Ni0uMDYgNC4xMjItLjA1IDEuMDY1LS4yMTggMS43OS0uNDY1IDIuNDI4YTQuODgzIDQuODgzIDAgMCAxLTEuMTUzIDEuNzcyYy0uNS41MDgtMS4xMDUuOTAyLTEuNzcyIDEuMTUzLS42MzcuMjQ3LTEuMzYzLjQxNS0yLjQyOC40NjUtMS4wNjYuMDQ3LTEuNDA1LjA2LTQuMTIyLjA2LTIuNzE3IDAtMy4wNTYtLjAxLTQuMTIyLS4wNi0xLjA2NS0uMDUtMS43OS0uMjE4LTIuNDI4LS40NjVhNC44OSA0Ljg5IDAgMCAxLTEuNzcyLTEuMTUzQTQuOTA0IDQuOTA0IDAgMCAxIC41MjUgMTYuNTVDLjI3NyAxNS45MTMuMTEgMTUuMTg3LjA2IDE0LjEyMi4wMTMgMTMuMDU2IDAgMTIuNzE3IDAgMTBjMC0yLjcxNy4wMS0zLjA1Ni4wNi00LjEyMi4wNS0xLjA2Ni4yMTctMS43OS40NjUtMi40MjhhNC44OCA0Ljg4IDAgMCAxIDEuMTUzLTEuNzcyQTQuODk3IDQuODk3IDAgMCAxIDMuNDUuNTI1QzQuMDg4LjI3NyA0LjgxMi4xMSA1Ljg3OC4wNiA2Ljk0NC4wMTMgNy4yODMgMCAxMCAwWm0wIDVhNSA1IDAgMSAwIDAgMTAgNSA1IDAgMCAwIDAtMTBabTYuNS0uMjVhMS4yNSAxLjI1IDAgMSAwLTIuNSAwIDEuMjUgMS4yNSAwIDAgMCAyLjUgMFpNMTAgN2EzIDMgMCAxIDEgMCA2IDMgMyAwIDAgMSAwLTZaIiBmaWxsPSIjMDAwIi8+PC9zdmc+) no-repeat bottom
}

.footer-icons.inverted li a.linkedin {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQuOTQgMmEyIDIgMCAxIDEtNC0uMDAyIDIgMiAwIDAgMSA0IC4wMDJaTTUgNS40OEgxVjE4aDRWNS40OFptNi4zMiAwSDcuMzRWMThoMy45NHYtNi41N2MwLTMuNjYgNC43Ny00IDQuNzcgMFYxOEgyMHYtNy45M2MwLTYuMTctNy4wNi01Ljk0LTguNzItMi45MWwuMDQtMS42OFoiIGZpbGw9IiMwMDAiLz48L3N2Zz4=) no-repeat bottom
}

.footer-icons.inverted li a.twitter {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIxLjE2MiAyLjY1NmE4LjM4MyA4LjM4MyAwIDAgMS0yLjQwMi42NThBNC4xOTYgNC4xOTYgMCAwIDAgMjAuNiAxYy0uODIuNDg4LTEuNzIuODMtMi42NTYgMS4wMTVhNC4xODIgNC4xODIgMCAwIDAtNy4xMjYgMy44MTQgMTEuODc0IDExLjg3NCAwIDAgMS04LjYyLTQuMzcgNC4xNjggNC4xNjggMCAwIDAtLjU2NiAyLjEwM2MwIDEuNDUuNzM4IDIuNzMxIDEuODYgMy40ODFhNC4xNjggNC4xNjggMCAwIDEtMS44OTQtLjUyM3YuMDUyYTQuMTg1IDQuMTg1IDAgMCAwIDMuMzU1IDQuMTAxIDQuMjExIDQuMjExIDAgMCAxLTEuODkuMDcyQTQuMTg1IDQuMTg1IDAgMCAwIDYuOTcgMTMuNjVhOC4zOTUgOC4zOTUgMCAwIDEtNi4xOTEgMS43MzIgMTEuODMgMTEuODMgMCAwIDAgNi40MSAxLjg4YzcuNjkzIDAgMTEuOS02LjM3MyAxMS45LTExLjkgMC0uMTgtLjAwNS0uMzYyLS4wMTMtLjU0YTguNDk1IDguNDk1IDAgMCAwIDIuMDg3LTIuMTY1bC0uMDAxLS4wMDFaIiBmaWxsPSIjMDAwIi8+PC9zdmc+) no-repeat bottom
}

.footer-icons.inverted li a.youtube {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE5LjU0MyAyLjQ5OEMyMCA0LjI4IDIwIDggMjAgOHMwIDMuNzItLjQ1NyA1LjUwMmMtLjI1NC45ODUtLjk5NyAxLjc2LTEuOTM4IDIuMDIyQzE1Ljg5NiAxNiAxMCAxNiAxMCAxNnMtNS44OTMgMC03LjYwNS0uNDc2Yy0uOTQ1LS4yNjYtMS42ODctMS4wNC0xLjkzOC0yLjAyMkMwIDExLjcyIDAgOCAwIDhzMC0zLjcyLjQ1Ny01LjUwMmMuMjU0LS45ODUuOTk3LTEuNzYgMS45MzgtMi4wMjJDNC4xMDcgMCAxMCAwIDEwIDBzNS44OTYgMCA3LjYwNS40NzZjLjk0NS4yNjYgMS42ODcgMS4wNCAxLjkzOCAyLjAyMlpNOCAxMS41IDE0IDggOCA0LjV2N1oiIGZpbGw9IiMwMDAiLz48L3N2Zz4=) no-repeat bottom
}

/* .sidebar-first-menu>li.active a.is-active {
    background-color: #006eb5 !important;
    color: #fff !important;
    margin-top: -1px;
} */

.selection {
    padding-left: 50px;
    padding-right: 50px;
    margin-top: 30px;
    margin-bottom: 30px;
}

body {
    font-family: ProximaNova, sans-serif;
    line-height: 1.877;
    letter-spacing: 0px;
    font-size: 14px;
}

.content h2 {
    font-family: ProximaNova, sans-serif;
    font-size: 20px;
    font-weight: 600;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
}

.row-centered {
    text-align: center;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.card-gray1 {
    padding: 10px 30px 10px 30px;
    margin-top: 30px;
    height: 280px;
    background-color: #fafafa;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1);
    transition: background-color 0.5s ease;
}

.sidebar-first-menu li ul ul {
    display: none;
} 

.my-search-caption {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.summery-text ul,
.summery-text ol {
    margin-left: 25px;
    /* Adjust the margin as per your preference */
    /*  padding-left: 25px;*/
    /* Adjust the padding as per your preference */
}

.summery-text ul,
.summery-text ol {
    margin-top: 10px;
    margin-left: 25px;
}

@media screen and (min-width: 769px) {
    a.wp-block-button__link.wp-element-button {
        margin-right: 0px;
        margin-top: -51px;
        float: right;
        font-size: 14px;
        padding: 0.6rem;
        color: #0b0b0b;
        border-radius: 0.25rem;
        font-weight: 500;
        display: inline-flex;
        background: #fafafa;
    }
}


@media screen and (max-width: 768px){
a.wp-block-button__link.wp-element-button {
    margin-bottom: 10px;
    width: 70%;
    margin-right: 0px;
    margin-top: 2px;
    font-size: 12px;
    padding: 0.6rem;
    color: #0b0b0b;
    border-radius: 0.25rem;
    font-weight: 500;
    display: inline-flex;
    background: #fafafa;
}
}



.down-btn:hover .download-animated:before {
        -webkit-transform: translateY(-10px);
    }
    .down-btn:hover .download-animated:after {
    -webkit-transform: rotate(-45deg) translate(7px, -7px);
    }