.qualitas-accordion {
    overflow: hidden;
    border-bottom: 1px solid rgb(0, 20, 69);
}

.qualitas-accordion-header {
    cursor: pointer;
	padding: 8px 16px 32px;
}

footer {
	.qualitas-share-price-slider {
		flex-direction: row-reverse !important;
		gap: 10px !important;
		flex-shrink: 0;
		align-self: stretch;
		width: 36%;
		border: 1px solid #33436A;
		padding-top: 26px !important;
		padding-right: 23px !important;
		padding-bottom: 26px !important;
		padding-left: 23px !important;
		border-radius: 20px;
	}
	.qualitas-share-price p {
		text-align: left !important;			
	}
}
@media (max-width: 1140px) {
	footer {
		.qualitas-share-price-slider {
			width: 100%;
		}
	}
}

.qualitas-accordion-title {
    color: rgb(0, 20, 69);
    font-style: normal;
    font-weight: 300;
    line-height: 120%;
    font-size: 32px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
}

.qualitas-accordion-body {
    display: none;
    padding: 0px 16px 32px;
    color: rgb(51, 67, 106);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.qualitas-accordion.open .qualitas-accordion-body {
    display: block;
}

.qualitas-accordion-header {
    & path#accodrion-open {
        display: block !important;
    }

    & path#accodrion-close {
        display: none !important;
    }

    &.active {
        & path#accodrion-open {
            display: none !important;
        }

        & path#accodrion-close {
            display: block !important;
        }
    }
}

.qualitas-btn-wrapper {
    display: inline;
}

.qualitas-btn svg {
    width: 100%;

    & text {
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
    }
}


.qualitas-timeline {
    & .timeline-line {
        width: 0px;
        height: 100%;
        position: absolute;
        border: 3px solid rgb(0, 20, 69);
        left: 50%;
    }

    & .timeline-item {
        width: 50%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }

    & .timeline-year {
        font-size: 44px;
        font-weight: 300;
        line-height: 52.8px;
        overflow-wrap: break-word;
        color: rgb(0, 20, 69);
        margin-bottom: 8px;
    }

    & .timeline-description {
        color: rgb(51, 67, 106);
        font-size: 18px;
        font-weight: 400;
        line-height: 27px;
        overflow-wrap: break-word;
    }

    & .timeline-item--right {
        transform: translateX(calc(100% - 3px)) !important;
    }

    & .timeline-item--right .timeline-divider {
        order: -1;
        -webkit-transform: scaleX(-1);
        /* Safari and Chrome */
        -moz-transform: scaleX(-1);
        /* Firefox */
        -ms-transform: scaleX(-1);
        /* Internet Explorer 9 */
        -o-transform: scaleX(-1);
        /* Opera */
        transform: scaleX(-1);
    }

    & .timeline-item.timeline-item--right .timeline-divider svg {
        left: 0;
        right: auto;
    }

    & .timeline-item.timeline-item--last {
        transform: translate(50%, 0%) !important;
        grid-template-columns: 1fr;
        gap: 50px;
    }

    & .timeline-item.timeline-item--last .timeline-divider {
        order: -1;
        position: relative;
    }

    & .timeline-item.timeline-item--last .timeline-divider svg {
        left: 50%;
        transform: translateX(-50%);
    }

    & .timeline-spine {
        position: absolute;
        left: 50%;
        top: 0;
        width: 2px;
        height: 100%;
        background: #001445;
        transform: translateX(-50%);
        transform-origin: top;
        top: 1.5vw;
    }

    & .timeline-item.timeline-item--last .timeline-divider .timeline-svg-circle {
        bottom: 0;
    }

    & .timeline-item.timeline-item--last svg.timeline-svg-line {
        display: none;
    }

    & .timeline-item.timeline-item--right .timeline-divider svg.timeline-svg.timeline-svg-line {
        right: 2px !important;
        position: relative;
        transform: scale(-1, 1);
        left: auto !important;
        top: 0;
    }

    & .timeline-item.timeline-item--left svg.timeline-svg.timeline-svg-line {
        transform: scale(-1, 1);
        position: relative;
        /*! top: 10px; */
    }

    & svg.timeline-svg.timeline-svg-circle {
        z-index: 1;
    }
}

.qualitas-address-title {
    color: var(--Qualitas-Sig-Blue, #001445);
    font-size: 32px;
    font-family: Matter;
    font-weight: 300;
    line-height: 38.4px;
    overflow-wrap: break-word;
}

.qualitas-address-body {
    color: var(--Qualitas-Sig-Blue, #001445);
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    overflow-wrap: break-word;
}

.qualitas-btn-wrapper.qualitas-address-link-button {
    margin-top: 32px;
    display: flex;
    justify-content: flex-end;
    margin-left: auto !important;
}

.qualitas-address-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    width: 100%;
    align-items: start;
    grid-auto-rows: 1fr;
}

.qualitas-address-list {
    display: flex;
    flex-direction: column;
    gap: 24px;
    order: 1;
}

.qualitas-address-images {
    height: 100%;
    border-radius: 30px;
    overflow: hidden;
    position: relative;
    order: 0;
}

.qualitas-address-img-slide {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
}

.qualitas-address-img-slide.active {
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

.qualitas-address-item {
    padding: 32px;
    border: 1px solid rgb(0, 20, 69);
    border-radius: 30px;
    cursor: pointer;
    transition: 0.3s;
}

.et_pb_module.qualitas_address {
    margin: 0px !important;
}

.qualitas-address-wrapper .et_pb_module.qualitas_address {
    width: 100% !important;
    margin-bottom: 0px !important;
}

.qualitas-search {
    display: flex;
    align-items: center;
    position: relative;
}

.qualitas-search__icon {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0px;
    color: inherit;
}

.qualitas-search__form {
    max-width: 0px;
    overflow: hidden;
    transition: max-width 0.3s, opacity 0.3s;
    opacity: 0;
}

.qualitas-search.is-active .qualitas-search__form {
    max-width: 520px;
    opacity: 1;
}

button.qualitas-search__submit {
    color-scheme: unset;
    forced-color-adjust: unset;
    mask: unset;
    math-depth: unset;
    position: unset;
    position-anchor: unset;
    text-size-adjust: unset;
    appearance: unset;
    color: unset;
    font: unset;
    font-palette: unset;
    font-synthesis: unset;
    position-area: unset;
    text-orientation: unset;
    text-rendering: unset;
    text-spacing-trim: unset;
    -webkit-font-smoothing: unset;
    -webkit-locale: unset;
    -webkit-text-orientation: unset;
    -webkit-writing-mode: unset;
    writing-mode: unset;
    zoom: unset;
    accent-color: unset;
    align-content: unset;
    align-items: center;
    place-self: unset;
    alignment-baseline: unset;
    anchor-name: unset;
    anchor-scope: unset;
    animation-composition: unset;
    animation: unset;
    app-region: unset;
    aspect-ratio: unset;
    backdrop-filter: unset;
    backface-visibility: unset;
    background: unset;
    background-blend-mode: unset;
    baseline-shift: unset;
    baseline-source: unset;
    block-size: unset;
    border-block: unset;
    border: unset;
    border-radius: unset;
    border-collapse: unset;
    border-end-end-radius: unset;
    border-end-start-radius: unset;
    border-inline: unset;
    border-start-end-radius: unset;
    border-start-start-radius: unset;
    inset: unset;
    box-decoration-break: unset;
    box-shadow: unset;
    box-sizing: unset;
    break-after: unset;
    break-before: unset;
    break-inside: unset;
    buffered-rendering: unset;
    caption-side: unset;
    caret-animation: unset;
    caret-color: unset;
    caret-shape: unset;
    clear: unset;
    clip: unset;
    clip-path: unset;
    clip-rule: unset;
    color-interpolation: unset;
    color-interpolation-filters: unset;
    color-rendering: unset;
    columns: unset;
    column-fill: unset;
    gap: unset;
    column-rule: unset;
    column-span: unset;
    contain: unset;
    contain-intrinsic-block-size: unset;
    contain-intrinsic-size: unset;
    contain-intrinsic-inline-size: unset;
    container: unset;
    content: unset;
    content-visibility: unset;
    corner-shape: unset;
    corner-block-end-shape: unset;
    corner-block-start-shape: unset;
    counter-increment: unset;
    counter-reset: unset;
    counter-set: unset;
    cursor: unset;
    cx: unset;
    cy: unset;
    d: unset;
    display: flex;
    dominant-baseline: unset;
    dynamic-range-limit: unset;
    empty-cells: unset;
    field-sizing: unset;
    fill: unset;
    fill-opacity: unset;
    fill-rule: unset;
    filter: unset;
    flex: unset;
    flex-flow: unset;
    float: unset;
    flood-color: unset;
    flood-opacity: unset;
    grid: unset;
    grid-area: unset;
    height: unset;
    hyphenate-character: unset;
    hyphenate-limit-chars: unset;
    hyphens: unset;
    image-orientation: unset;
    image-rendering: unset;
    initial-letter: unset;
    inline-size: unset;
    inset-block: unset;
    inset-inline: unset;
    interactivity: unset;
    interest-delay: unset;
    interpolate-size: unset;
    isolation: unset;
    justify-content: center;
    justify-items: unset;
    letter-spacing: unset;
    lighting-color: unset;
    line-break: unset;
    list-style: unset;
    margin-block: unset;
    margin: unset;
    margin-inline: unset;
    marker: unset;
    mask-type: unset;
    math-shift: unset;
    math-style: unset;
    max-block-size: unset;
    max-height: unset;
    max-inline-size: unset;
    max-width: unset;
    min-block-size: unset;
    min-height: unset;
    min-inline-size: unset;
    min-width: unset;
    mix-blend-mode: unset;
    object-fit: unset;
    object-position: unset;
    object-view-box: unset;
    offset: unset;
    opacity: unset;
    order: unset;
    orphans: unset;
    outline: unset;
    outline-offset: unset;
    overflow-anchor: unset;
    overflow-block: unset;
    overflow-clip-margin: unset;
    overflow-inline: unset;
    overflow-wrap: unset;
    overflow: unset;
    overlay: unset;
    overscroll-behavior-block: unset;
    overscroll-behavior-inline: unset;
    overscroll-behavior: unset;
    padding-block: unset;
    padding: unset;
    padding-inline: unset;
    page: unset;
    page-orientation: unset;
    paint-order: unset;
    perspective: unset;
    perspective-origin: unset;
    pointer-events: unset;
    position-try: unset;
    position-visibility: unset;
    print-color-adjust: unset;
    quotes: unset;
    r: unset;
    reading-flow: unset;
    reading-order: unset;
    resize: unset;
    rotate: unset;
    ruby-align: unset;
    ruby-position: unset;
    rx: unset;
    ry: unset;
    scale: unset;
    scroll-behavior: unset;
    scroll-initial-target: unset;
    scroll-margin-block: unset;
    scroll-margin: unset;
    scroll-margin-inline: unset;
    scroll-marker-group: unset;
    scroll-padding-block: unset;
    scroll-padding: unset;
    scroll-padding-inline: unset;
    scroll-snap-align: unset;
    scroll-snap-stop: unset;
    scroll-snap-type: unset;
    scroll-target-group: unset;
    scroll-timeline: unset;
    scrollbar-color: unset;
    scrollbar-gutter: unset;
    scrollbar-width: unset;
    shape-image-threshold: unset;
    shape-margin: unset;
    shape-outside: unset;
    shape-rendering: unset;
    size: unset;
    speak: unset;
    stop-color: unset;
    stop-opacity: unset;
    stroke: unset;
    stroke-dasharray: unset;
    stroke-dashoffset: unset;
    stroke-linecap: unset;
    stroke-linejoin: unset;
    stroke-miterlimit: unset;
    stroke-opacity: unset;
    stroke-width: unset;
    tab-size: unset;
    table-layout: unset;
    text-align: unset;
    text-align-last: unset;
    text-anchor: unset;
    text-autospace: unset;
    text-box: unset;
    text-combine-upright: unset;
    text-decoration: unset;
    text-decoration-skip-ink: unset;
    text-emphasis: unset;
    text-emphasis-position: unset;
    text-indent: unset;
    text-overflow: unset;
    text-shadow: unset;
    text-transform: unset;
    text-underline-offset: unset;
    text-underline-position: unset;
    text-wrap: unset;
    timeline-scope: unset;
    touch-action: unset;
    transform: unset;
    transform-box: unset;
    transform-origin: unset;
    transform-style: unset;
    transition: unset;
    translate: unset;
    user-select: unset;
    vector-effect: unset;
    vertical-align: unset;
    view-timeline: unset;
    view-transition-class: unset;
    view-transition-group: unset;
    view-transition-name: unset;
    visibility: unset;
    border-spacing: unset;
    -webkit-box-align: unset;
    -webkit-box-decoration-break: unset;
    -webkit-box-direction: unset;
    -webkit-box-flex: unset;
    -webkit-box-ordinal-group: unset;
    -webkit-box-orient: unset;
    -webkit-box-pack: unset;
    -webkit-box-reflect: unset;
    -webkit-line-break: unset;
    -webkit-line-clamp: unset;
    -webkit-mask-box-image: unset;
    -webkit-rtl-ordering: unset;
    -webkit-ruby-position: unset;
    -webkit-tap-highlight-color: unset;
    -webkit-text-combine: unset;
    -webkit-text-decorations-in-effect: unset;
    -webkit-text-fill-color: unset;
    -webkit-text-security: unset;
    -webkit-text-stroke: unset;
    -webkit-user-drag: unset;
    white-space-collapse: unset;
    widows: unset;
    width: unset;
    will-change: unset;
    word-break: unset;
    word-spacing: unset;
    x: unset;
    y: unset;
    z-index: unset;
}

button.qualitas-search__submit svg path {
    stroke: rgb(0, 20, 69);
}

button.qualitas-search__submit svg {
    width: 31px;
    height: 31px;
}

.qualitas-search__input {
    width: 200px;
    padding: 6px 10px;
    font-size: 14px;
}

.et_pb_module.qualitas_search {
    margin: 0px !important;
}

button.qualitas-search__icon svg {
    width: 31px;
    height: 31px;
}

button.qualitas-search__icon svg path {
    stroke: rgb(255, 255, 255);
}

.qualitas-search__form {
    align-items: center;
    background: rgb(255, 255, 255);
    max-height: 48px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
}

input.qualitas-search__input {
    padding: 0px;
    font-size: 16px;
    width: auto;
    border: 0px !important;
}

.qualitas-search.is-active form.qualitas-search__form {
    padding: 10px 22px;
}

.qualitas-search svg path#close {
    transform: translate(0px, 5px);
    opacity: 0;
}

.qualitas-search.is-active {
    background: rgb(255, 255, 255);
    border-radius: 10px;

    & svg path#close {
        opacity: 1;
    }

    & svg path#open {
        opacity: 0;
    }
}

.divi-breadcrumbs {
    font-size: 18px;
    color: rgb(107, 119, 140);
    margin-bottom: 48px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    font-weight: 400;
    line-height: 18px;
    overflow-wrap: break-word;
	flex-wrap:wrap;

    & a {
        color: rgb(107, 119, 140);
        text-decoration: none;
    }

    & a: hover {
        text-decoration: underline;
    }

    & span {
        color: rgb(23, 43, 77);
    }
}

.featured-event {
    & span.featured-date {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    & .featured-insight-content {
        justify-content: flex-start;
        gap: 0px !important;
    }

    & .featured-insight-image .featured-image {
        max-height: 485px;
    }

    & .featured-meta {
        margin-bottom: 40px;
    }

    & h2.featured-title {
        margin-bottom: 24px;
    }

    & .featured-excerpt {
        margin-bottom: 56px;
    }
}

.events-carousel {

    & span.featured-date {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }

    & .news-card-meta {
        flex-direction: column-reverse;
        gap: 8px;
        margin: 0px !important;
    }

    & a.news-card-link-overlay {
        display: flex;
        gap: 0px;
        flex-direction: column;
    }

    & .qualitas-btn-wrapper.qualitas_button-arrows {
        margin-right: auto;
        margin-left: 0px;
    }

    & .qualitas-btn svg {
        width: 125%;
    }

    & .news-card-content {
        gap: 16px;
    }

    & .slick-track {
        max-height: unset !important;
    }
}

.qualitas-insight-tags {
    display: flex;
    gap: 0.75rem;

    flex-wrap: wrap;
    &>span.tag {
        color: #fff;
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
        display: inline-block;
        padding: 4px 8px;
        background: #33436A;
        border-radius: 28px;
    }

    &>span.tag: nth-child(2n+1) {
        background: rgb(255, 255, 255);
        color: rgb(0, 20, 69);
    }
}

.qualitas-insights-share-container {
    display: flex;
    justify-content: space-between;
    align-items: center;

    & .qualitas-insights-share-date {
        color: rgb(255, 255, 255);
        font-size: 1.5rem;
        font-weight: 400;
        line-height: 2rem;
        overflow-wrap: break-word;
    }

    & .qualitas-insight-share {
        display: flex;
        gap: 0.5rem;
        justify-content: flex-end;
        align-items: center;

        & a.qis-btn {
            padding: 0.5rem;
            display: flex;
        }
    }
}

.mw-50 {
    max-width: 50rem;
    margin-left: 0;
}

.qualitas-insight-content {
    display: flex;
    flex-direction: column;
    gap: 3rem;

    & h3.insight-heading {
        color: var(--Qualitas-Sig-Blue, #001445);
        font-size: 1.5rem;
        font-weight: 400;
        line-height: 1.81rem;
        overflow-wrap: break-word;
        padding: 0px;
        margin: 0px;
    }

    & figcaption {
        color: rgb(0, 20, 69);
        font-size: 1rem;
        font-weight: 300;
        line-height: 1.5rem;
        overflow-wrap: break-word;
        border-left: 2px solid rgb(0, 20, 69);
        padding-left: 0.5rem;
        margin-top: 1.5rem;
    }

    & figure.insight-image img {
        max-height: 500px;
        object-fit: cover;
        border-radius: 20px;
        width: 100%;
    }

    & .insight-text {
        color: rgb(51, 67, 106);
        font-size: 1.13rem;
        font-weight: 400;
        line-height: 1.69rem;
        overflow-wrap: break-word;
    }

    & .insight-gallery {
        display: grid;
        grid-template-columns: repeat(8, 5rem);
        grid-template-rows: repeat(6, 9.38rem);
        gap: 1.5rem;
    }

    & .gallery-item-1 {
        grid-area: 1 / 1 / 3 / 9;
    }

    & .gallery-item-2 {
        grid-area: 3 / 1 / 5 / 4;
    }

    & .gallery-item-3 {
        grid-area: 3 / 4 / 5 / 9;
    }

    & .gallery-item-4 {
        grid-area: 5 / 1 / 7 / 9;
    }

    & .gallery-item {
        width: 100%;
        height: 100%;
        border-radius: 1.125rem;
        overflow: hidden;
    }

    & .gallery-item img {
        height: 100%;
        object-fit: cover;
        width: 100%;
    }

    & blockquote.insight-block-quote {
        background: rgb(239, 241, 246);
        padding: 2.5rem;
        border: 0px;
        border-radius: 1.25rem;
        position: relative;
    }

    & span.quote-icon {
        position: absolute;
        top: 0px;
        transform: translateY(-50%);
    }

    & p {
        color: var(--Qualitas-Sig-Blue, #001445);
        font-size: 1.12rem;
        font-weight: 400;
        line-height: 2rem;
        /* overflow-wrap: break-word; */
        /* word-wrap: break-word; */
    }
}

.insight-block-text {
    display: flex;
    gap: 1.5rem;
    justify-content: space-between;
    flex-wrap: wrap;

    & .insight-block {
        border: 1px solid rgb(0, 20, 69);
        border-radius: 1.25rem;
        max-width: 15.625rem;
        min-height: 15rem;
        display: flex;
        flex-direction: column;
        gap: 24px;
        padding: 2.5rem !important;
    }

    & h3.insight-block-heading {
        color: rgb(0, 20, 69);
        font-size: 5rem;
        font-weight: 300;
        line-height: 100%;
        overflow-wrap: break-word;
    }

    & p.insight-block-description {
        color: var(--Qualitas-Sig-Blue, #001445);
        font-size: 1.13rem;
        font-weight: 400;
        line-height: 1.69rem;
        overflow-wrap: break-word;
    }
}

.insight-full-width-text-block {
    border: 1px solid rgb(0, 20, 69);
    padding: 3.2rem 2rem;
    border-radius: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 3rem;

    & h3.insight-full-width-text-heading {
        color: var(--Qualitas-Sig-Blue, #001445);
        font-size: 1.5rem;
        font-weight: 400;
        line-height: 1.81rem;
        overflow-wrap: break-word;
        padding: 0px;
        margin: 0px;
    }

    & .insight-full-width-text-description * {
        font-size: 1.13rem;
        font-weight: 400;
        line-height: 1.69rem;
        overflow-wrap: break-word;
        color: rgb(51, 67, 106) !important;
    }
}

.insight-half-width-text-block {
    display: flex;
    gap: 1.5rem;


    & .insight-block-text {
        padding: 3.5rem 2.5rem;
        background: rgb(239, 241, 246);
        border-radius: 1.25rem;
    }

    & h3.insight-half-width-text-heading {
        color: var(--Qualitas-Sig-Blue, #001445);
        font-size: 1.5rem;
        font-weight: 400;
        line-height: 1.81rem;
        overflow-wrap: break-word;
        padding: 0px;
        margin: 0px;
    }
}

.insight-gallery-carousel-wrapper {
    width: 75%;
    margin: 0px auto;

    & .gallery-carousel-controls button {
        all: unset;
    }

    & button.slider-prev {
        transform: rotate(180deg);
    }

    & .gallery-carousel-controls {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0.5rem;
        margin-top: 2rem;
    }

    & button.slider-prev,
    & button.slider-next {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    & .slider-dots button {
        width: 10px;
        height: 10px;
        background: rgb(204, 208, 218);
        border-radius: 100%;
    }

    & .slider-dots {
        display: flex;
        gap: 8px;
    }

    & .slider-dots button.active {
        background: rgb(0, 20, 69);
    }
}

.insight-gallery-carousel {
    position: relative;
    height: 32rem;
    perspective: 64rem;

    & .gallery-carousel-item {
        position: absolute;
        inset: 0px;
        border-radius: 1.5rem;
        overflow: hidden;
    }

    & .gallery-carousel-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    & .slider-dots {
        display: flex;
        gap: 10px;
        justify-content: center;
        margin-top: 14px;
    }

    & .slider-dots button {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        border: none;
        background: rgb(204, 204, 204);
        cursor: pointer;
    }

    & .slider-dots button.active {
        background: rgb(0, 0, 0);
    }
}

.gallery-carousel-caption {
    color: rgb(0, 20, 69);
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5rem;
    overflow-wrap: break-word;
    border-left: 2px solid rgb(0, 20, 69);
    padding-left: 0.5rem;
    margin-top: 1.5rem;
}

.insight-video-block {
    position: relative;
    overflow: hidden;

    .insight-video-placeholder {
        position: absolute;
        top: 0;
        z-index: 1;
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.insight-video-block {
    position: relative;
}

.insight-video-placeholder {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    aspect-ratio: 16 / 9;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 1;
    transition: opacity 0.3s ease-out;
    z-index: 10;
}

.insight-video-placeholder .play-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.2s ease;
}

.insight-video-placeholder:hover .play-icon {
    transform: scale(1.1);
}

.play-icon svg {
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
}

.insight-video-embed {
    opacity: 1;
    transition: opacity 0.3s ease-in;
}

.insight-video-embed iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    display: block;
}

.insight-video-block video {
    width: 100%;
    height: auto;
    display: block;
}

.insight-text {

    h1,
    h2,
    h3,
    h4,
    h5 {
        color: rgb(0, 20, 69);
        font-weight: 400;
        margin-bottom: 0.5rem;
    }
}

p.qs-symbol {
    font-size: 1.5rem;
}

.qualitas-share-price {
    display: flex;
    flex-direction: column;
    gap: 6px;

    p {
        color: #fff;
        text-align: right;
        padding: 0;
        font-weight: 400;

        &.qs-symbol {
            font-size: 1.5rem;
        }

        &.qs-updated {
            font-weight: 300 !important;
        }
    }

}

.qualitas-share-price.box-view {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    height: 100%;
    color: #fff;
    font-weight: 300 !important;
    font-size: 3.5rem;
    color: #FFFFFF !important;
    border-radius: 20px 20px 20px 20px;
    overflow: hidden;
    border-width: 1px;
    border-color: #FFFFFF;
    border-style: solid;
    height: 400px;
    padding-top: 3.5rem !important;
    padding-right: 2.5rem !important;
    padding-bottom: 3.5rem !important;
    padding-left: 2.5rem !important;
    min-width: 400px;
    
    
    
    
    
    
    

    .qs-price {
        font-size: 80px;
        line-height: 100%;
        padding-bottom: 60px;
        font-weight: 300;
    }

    .qs-footer {
        display: flex;
    }

    span.qs-symbol {
        font-size: 24px;
        font-weight: 400;
    }

    .qs-movement {
        font-size: 24px;
        font-weight: 400;
    }

    span.qs-updated {
        font-size: 16px;
        font-weight: 300;
    }

    .qs-body {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }
}

.corporate-governance-list {

    p.governance-title {
        border: 1px solid;
        margin-bottom: 0;
        padding-bottom: 0;
        border-radius: 30px;

        a {
            color: inherit;
            width: 100%;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            gap: 1rem;
            padding: 0.5rem 2rem;
        }
    }

    h2.governance-group-title {
        font-weight: 300;
        color: #001445;
        padding: 0px;
        margin-bottom: 0;
        flex: 1 0 100%;
    }

    .governance-group {
        margin-top: 2rem;
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
    }

}


@media only screen and (max-width: 980px) {
    .qualitas-address-wrapper {
        grid-template-columns: 1fr;
        grid-auto-rows: unset;
    }

    .qualitas-address-images {
        min-height: 400px;
    }
}

@media (max-width: 767px) {
	.qualitas-share-price.box-view {
		min-width: unset;
	}
	.qs-price {
		font-size: 40px !important;
	}
    .events-carousel .slick-list {
        width: 100% !important;

        & .news-insight-card {
            margin-right: 0px;
        }
    }


    .qualitas-timeline {
        .timeline-item {
            width: 100% !important;
            grid-template-columns: auto 40px !important;
            gap: 30px !important;
        }

        .timeline-item.timeline-item--right {
            transform: unset !important;
        }

        .timeline-divider {
            order: 0 !important;
        }

        .timeline-content {
            margin-bottom: 5rem;
        }

        .timeline-divider svg {
            left: 0px !important;
        }

        .timeline-item.timeline-item--last {
            transform: unset !important;
        }

        .timeline-item.timeline-item--last .timeline-content {
            margin-bottom: 0px !important;
        }

        & .timeline-item.timeline-item--left svg.timeline-svg.timeline-svg-line,
        svg.timeline-svg.timeline-svg-line {
            display: none;
        }

        & svg.timeline-svg.timeline-svg-circle {
            position: relative !important;
            left: unset !important;
            right: unset !important;
            transform: unset !important;
            translate: unset !important;
        }

        & .timeline-item--right .timeline-divider {
            -webkit-transform: unset;
            -moz-transform: unset;
            -ms-transform: unset;
            -o-transform: unset;
            transform: unset;
        }

        & .timeline-spine {
            left: calc(100% - 20px) !important;
        }
    }

}


.qualitas-share-price-slider.slick-slider {
    display: flex;
    gap: 8px;
    flex-direction: row;

    .slick-dots {
        position: relative;
        all: unset;
    }

    .slick-dots li.slick-active button {
        background: #fff;
    }

    .slick-dots li button {
        border: 1px solid #fff !important;
        border-radius: 5px;
        width: 15px;
        height: 15px;
    }
}