.voices-changing-stroke {
    &__header {
        aspect-ratio: 1439 / 534;

        @include media-breakpoint-down(md) {
            min-height: 155px;
        }
    }

    &__header-image-wrapper {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    &__header-image {
        object-fit: cover;
        object-position: center right;
        width: 100%;
        height: 100%;
    }

    &__header-title {
        font-size: 50px;
        font-weight: 600;
        line-height: 55px;
        color: $form-btn-blue !important;
        margin-top: 0;
        margin-bottom: 20px;

        @include media-breakpoint-down(sm) {
            font-size: 28px;
            line-height: 35px;
            margin-bottom: 0;
        }
    }

    &__send-yes-text {
        border: 2px solid $green;
        padding: 9px 20px;
        font-size: 18px !important;
        font-weight: 600;
        line-height: normal !important;
        color: $form-btn-blue !important;
        margin-bottom: 25px;
    }

    &__intro-text {
        font-size: 20px;
        font-weight: 600;
        line-height: 26px;
        color: $deepnavy !important;
    }

    &__mobile-intro-wrapper {
        padding: 24px 0 30px;

        p {
            font-size: 18px;
            font-weight: 600;
            line-height: normal;
            color: $form-btn-blue;
            margin-bottom: 0;
        }
    }

    &__heading {
        font-size: 30px !important;
        font-weight: 600;
        line-height: normal !important;
        margin-top: 0;
        margin-bottom: 0;

        @include media-breakpoint-down(md) {
            font-size: 20px !important;
        }
    }

    &__homepage-grid-content-wrapper {
        & > .container {
            @include media-breakpoint-down(xs) {
                padding: 0;
            }
        }
    }

    .homepage-grid-content-container {
        padding-top: 0 !important;

        .homepage-grid-content-item {
            &__background-image {
                // aspect-ratio: 604 / 522;

                @include media-breakpoint-down(md) {
                    aspect-ratio: 414 / 346;
                    height: auto !important;
                }
            }

            .hgc-inner {
                padding: 45px !important;

                @include media-breakpoint-down(md) {
                    padding: 22px !important;
                }
            }

            .hgc-content {
                .intro-para {
                    font-weight: 600;
                }

                strong {
                    font-weight: 600;
                }
                
                ul {
                    padding-left: 13px;
                }
            }

            .hgc-links {
                .hgc-link {
                    font-size: 18px;
                    font-weight: 600;
                    letter-spacing: -0.18px;
                    padding: 9px 20px;

                    @include media-breakpoint-down(md) {
                        display: inline;
                    }
                }
            }

            &.hgc-light-grey {
                .hgc-content {
                    .intro-para {
                        color: $form-btn-blue;
                    }
                }

                .hgc-links {
                    .hgc-link {
                        background-color: $green;
                    }
                }
            }
        }
    }

    &__how-to-nominate-or-apply-wrapper {
        padding-top: 40px;
        padding-bottom: 100px;

        @include media-breakpoint-down(md) {
            padding-top: 24px;
            padding-bottom: 53px;
        }
    }

    &__how-to-nominate-or-apply-row {
        margin-top: 25px;
    }

    &__how-to-nominate-or-apply-col {
        &:not(:last-child) {
            @include media-breakpoint-down(md) {
                margin-bottom: 40px;
            }
        }
    }

    &__how-to-nominate-or-apply-image-wrapper {
        aspect-ratio: 391 / 286;
        width: 100%;
        overflow: hidden;
    }

    &__how-to-nominate-or-apply-image {
        object-fit: cover;
        object-position: center;
        width: 100%;
        height: 100%;
    }

    &__how-to-nominate-or-apply-card-title {
        margin-top: 20px;
        margin-bottom: 10px;
        font-size: 20px;
        font-weight: 600;
        line-height: 26px;
        color: $form-btn-blue;

        @include media-breakpoint-down(md) {
            margin-top: 15px;
            margin-bottom: 5px;
            font-size: 18px;
            line-height: normal;
        }
    }

    &__how-to-nominate-or-apply-card-text {
        color: $deepnavy;

        p {
            color: $deepnavy;

            &:last-child {
                margin-bottom: 0;
            }

            @include media-breakpoint-down(md) {
                font-size: 14px;
            }
        }

        a {
            font-weight: 600;
            color: $form-btn-blue;
            text-decoration: none;

            &:hover {
                text-decoration: underline;
            }

            @include media-breakpoint-down(md) {
                font-size: 14px;
            }
        }

        @include media-breakpoint-down(md) {
            font-size: 14px;
        }
    }

    &__how-to-nominate-or-apply-card-link {
        margin-top: 18px;
        font-size: 18px;
        font-weight: 600;
        letter-spacing: -0.18px;
        padding: 9px 20px;

        &--download {
            float: right;
            padding: 9px;

            @include media-breakpoint-down(md) {
                margin-top: 0 !important;
                margin-left: 40px;
            }
        }

        @include media-breakpoint-down(md) {
            margin-top: 14px;
            font-size: 16px;
        }
    }

    &__closing-date-banner-wrapper {
        background-color: $green;
        padding: 28px 0;
        margin: 40px 0 15px;

        @include media-breakpoint-down(md) {
            padding: 7px 0 10px;
            margin: 30px 0 20px;
        }
    }

    &__closing-date-banner-text {
        font-size: 30px;
        font-weight: 600;
        line-height: normal;
        color: $white;

        @include media-breakpoint-down(md) {
            font-size: 20px;
        }
    }

    &__nomination-form-banner {
        margin-top: 20px;
        margin-bottom: 60px;

        @include media-breakpoint-down(md) {
            margin-top: 10px;
            margin-bottom: 30px;
        }
    }

    &__nomination-form-banner-image-wrapper {
        flex: 0 0 40.9%;
        max-width: 40.9%;
        overflow: hidden;

        @include media-breakpoint-down(md) {
            flex: 0 0 100%;
            max-width: 100%;
            aspect-ratio: 201 / 106;
        }
    }

    &__nomination-form-banner-image {
        object-fit: cover;
        object-position: center;
        width: 100%;
        height: 100%;
    }

    &__nomination-form-banner-content {
        flex-grow: 1;
        background-color: $deepnavy;
        padding: 80px;

        @include media-breakpoint-down(lg) {
            padding: 60px;
        }

        @include media-breakpoint-down(md) {
            padding: 21px 29px 33px 17px;
        }
    }

    &__nomination-form-banner-title {
        font-size: 50px;
        font-weight: 600;
        line-height: 55px;
        color: $white;
        margin-bottom: 25px;

        @include media-breakpoint-down(md) {
            font-size: 24px;
            line-height: normal;
            margin-bottom: 9px;
        }
    }

    &__nomination-form-banner-closing-date-wrapper {
        margin-right: 70px;

        @media (max-width: 1399px) {
            margin-right: 30px;
        }

        @include media-breakpoint-down(md) {
            margin-right: 0;
        }
    }

    &__nomination-form-banner-closing-date-heading {
        font-size: 16px;
        font-weight: 400;
        line-height: normal;
        color: $white;
        margin-bottom: 10px;

        @include media-breakpoint-down(md) {
            font-size: 14px;
            margin-bottom: 0;
        }
    }

    &__nomination-form-banner-closing-date {
        font-size: 30px;
        font-weight: 600;
        line-height: 1;
        color: $white;
        margin-bottom: 0;

        @include media-breakpoint-down(md) {
            font-size: 24px;
            line-height: normal;
            margin-bottom: 23px;
        }
    }

    &__nomination-form-banner-link {
        padding: 8px 30px;
        font-size: 18px;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -0.18px;

        @include media-breakpoint-down(md) {
            padding: 5px 21px;
            font-size: 16px;
            letter-spacing: initial;
            width: fit-content;
        }
    }

    &__nomination-form-banner-icon-wrapper {
        position: absolute;
        bottom: 55px;
        right: 65px;
        width: 150px;

        @media (max-width: 1399px) {
            width: 100px;
        }

        @include media-breakpoint-down(lg) {
            display: none;
        }
    }

    &__nomination-form-banner-icon {
        object-fit: contain;
        object-position: bottom right;
        width: 100%;
    }

    &__who-can-apply-wrapper {
        padding-bottom: 20px;
    }

    &__who-can-apply-intro-text {
        margin-top: 10px;

        p {
            &:last-child {
                margin-bottom: 0;
            }

            @include media-breakpoint-down(md) {
                font-size: 14px;
            }
        }

        @include media-breakpoint-down(md) {
            font-size: 14px;
        }
    }

    &__who-can-apply-subtitle {
        margin: 35px 0 10px;
        font-size: 20px;
        font-weight: 600;
        line-height: 26px;
        color: $form-btn-blue;

        @include media-breakpoint-down(md) {
            margin-top: 40px;
        }
    }

    &__who-can-apply-sub-text {
        margin-bottom: 25px;

        p {
            &:last-child {
                margin-bottom: 0;
            }

            @include media-breakpoint-down(md) {
                font-size: 14px;
            }
        }

        @include media-breakpoint-down(md) {
            font-size: 14px;
            margin-bottom: 20px;
        }
    }

    &__who-can-apply-block {
        &:nth-child(2) {
            .voices-changing-stroke__who-can-apply-block-inner {
                @include media-breakpoint-down(md) {
                    padding-top: 0 !important;
                }
            }
        }

        @include media-breakpoint-down(xs) {
            padding: 0;
        }
    }

    &__who-can-apply-block-inner {
        height: 100%;
        background-color: $paleblue;
        padding: 34px 29px 33px 33px;

        @include media-breakpoint-down(md) {
            padding: 14px 20px 0 17px;
        }
    }

    &__who-can-apply-point-title {
        margin-top: 0;
        margin-bottom: 5px;
        font-size: 18px;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -0.18px;
        color: $form-btn-blue;

        @include media-breakpoint-down(md) {
            font-size: 16px;
        }
    }

    &__who-can-apply-point-text {
        font-size: 15px;
        margin-bottom: 20px;
        color: $deepnavy;

        p {
            font-size: 15px;
            color: $deepnavy;

            &:last-child {
                margin-bottom: 0;
            }

            @include media-breakpoint-down(md) {
                font-size: 14px;
            }
        }

        @include media-breakpoint-down(md) {
            font-size: 14px;
            margin-bottom: 12px;
        }
    }

    &__back-to-top-btn {
        font-size: 14px;
        font-weight: 600;
        line-height: normal;
        padding: 9px 12px 12px;
    }
}

.vcs-nomination-form {
    &__form-wrapper {
        margin-bottom: 37px;

        @include media-breakpoint-down(md) {
            margin-bottom: 63px;
        }
    }

    &__who-can-apply-accordion-card {
        overflow: visible !important;
    }

    &__who-can-apply-accordion-header {
        padding: 0;
        border-bottom: 0;
    }

    &__who-can-apply-accordion-btn {
        width: 100%;
        font-size: 30px;
        font-weight: 600;
        line-height: normal;
        padding: 13px 30px;

        @include media-breakpoint-down(md) {
            font-size: 20px;
            padding: 14px 15px;
        }
    }

    &__who-can-apply-accordion-panel {
        background-color: $paleblue;
        padding: 26px 28px 35px;

        @include media-breakpoint-down(md) {
            padding: 14px 13px 20px;
        }
    }

    &__who-can-apply-accordion-body {
        padding: 0;
    }

    &__who-can-apply-intro-text,
    &__who-can-apply-sub-text,
    &__who-can-apply-point-text {
        font-size: 15px;
        line-height: normal;
        color: $deepnavy;
        margin-bottom: 24px;

        p {
            font-size: 15px;
            line-height: normal;
            color: $deepnavy;

            &:last-child {
                margin-bottom: 0;
            }
        }
    }

    &__who-can-apply-subtitle {
        font-size: 20px !important;
        font-weight: 600 !important;
        line-height: 26px !important;
        color: $form-btn-blue !important;
        margin-top: 0 !important;
        margin-bottom: 13px !important;

        @include media-breakpoint-down(md) {
            font-size: 18px !important;
            margin-bottom: 4px !important;
        }
    }

    &__who-can-apply-sub-text {
        margin-bottom: 17px;
    }

    &__who-can-apply-point-title {
        font-size: 18px !important;
        font-weight: 600 !important;
        line-height: normal !important;
        letter-spacing: -0.18px;
        margin-top: 0 !important;
        margin-bottom: 5px !important;

        @include media-breakpoint-down(md) {
            font-size: 15px !important;
            letter-spacing: initial;
        }
    }

    &__who-can-apply-point-text {
        &:last-child {
            margin-bottom: 0;
        }
    }

    &__form {
        .form-group {
            margin-bottom: 22px;

            h3 {
                font-size: 20px;
                line-height: normal;
                color: $form-btn-blue;
                margin-top: 30px;
                margin-bottom: 20px;
            }

            .invalid-feedback {
                font-family: Poppins, sans-serif;
                font-size: 15px;
                font-weight: 600;
                line-height: normal;
            }

            &--radio {
                margin-bottom: 40px;
            }

            &--checkbox {
                margin-top: 40px;
                margin-bottom: 26px;

                @include media-breakpoint-down(sm) {
                    display: flex;
                    justify-content: center;
                }
            }

            label {
                display: block;
                font-family: 'Poppins', sans-serif;
                font-size: 18px;
                font-weight: 600;
                line-height: normal;
                letter-spacing: -0.18px;
                margin-bottom: 10px;
                color: $form-btn-blue;

                &.checkbox {
                    font-size: 16px;
                    letter-spacing: initial;
                }

                &.radio-label-parent {
                    margin-bottom: 20px;

                    &--with-text {
                        margin-bottom: 10px;
                    }
                }

                &.radio-label,
                &.checkbox-label {
                    position: relative;
                    padding-left: 41px;
                    cursor: pointer;
                    user-select: none;
                    margin-bottom: 15px;

                    input[type=radio],
                    input[type=checkbox] {
                        position: absolute;
                        opacity: 0;
                        cursor: pointer;
                        height: 0;
                        width: 0;

                        &:checked {
                            & ~ .checkmark {
                                &::after {
                                    display: block;
                                }
                            }
                        }
                    }

                    &:hover {
                        input[type=radio],
                        input[type=checkbox] {
                            & ~ .checkmark {
                                &::after {
                                    display: block;
                                }
                            }
                        }
                    }

                    .checkmark {
                        position: absolute;
                        top: 0;
                        left: 0;
                        height: 23px;
                        width: 23px;
                        background-color: $lesspaleblue;
                        border-radius: 50%;

                        &::after {
                            content: '';
                            position: absolute;
                            display: none;
                            left: 8px;
                            top: 4px;
                            width: 7px;
                            height: 13px;
                            border: solid $deepnavy;
                            border-width: 0 2px 2px 0;
                            transform: rotate(45deg);
                        }
                    }

                    &--checkmark {
                        font-weight: 400;
                        color: $deepnavy;

                        .label-link {
                            font-weight: 600;
                            color: $form-btn-blue;

                            &:hover {
                                color: $form-btn-blue;
                                text-decoration: underline;
                            }
                        }

                        .checkmark {
                            width: 21px;
                            height: 21px;
                            background-color: $white;
                            border: 1px solid $deepnavy;
                            border-radius: 0;

                            &::after {
                                left: 6px;
                                top: 1px;
                                width: 8px;
                                height: 14px;

                                @include media-breakpoint-down(md) {
                                    left: 4px;
                                    width: 7px;
                                    height: 12px;
                                }
                            }

                            @include media-breakpoint-down(md) {
                                width: 17px;
                                height: 17px;
                            }
                        }
                    }
                }

                &.checkbox-label {
                    padding-left: 33px;

                    @include media-breakpoint-down(md) {
                        padding-left: 27px;
                    }
                }
            }

            .fieldset-faux {
                margin-bottom: 20px;

                .table-responsive {
                    box-shadow: none;
                    border: 1px solid $deepnavy;
                }

                .grid-field__table {
                    thead {
                        tr {
                            th {
                                padding: 9px 20px;
                                background-color: $paleblue;
                                font-family: Poppins, sans-serif;
                                font-size: 15px;
                                font-weight: 600;
                                line-height: normal;
                                color: $form-btn-blue;
                                border-right: 0;
                                border-bottom: 1px solid $deepnavy;

                                &.show {
                                    border-right: 1px solid $deepnavy;
                                }

                                &.grid-field__column-remove {
                                    display: none;
                                    border-right: 0;
                                }
                            }
                        }
                    }

                    tbody {
                        tr {
                            td {
                                padding: 9px 20px;
                                background-color: $white;
                                color: $deepnavy;
                                border-right: 0;
                                border-bottom: 1px solid $deepnavy;

                                &.show {
                                    border-right: 1px solid $deepnavy;
                                }

                                &.grid-field__column--tools {
                                    display: none;
                                    border-right: 0;
                                }
                            }

                            &:last-child {
                                td {
                                    border-bottom: 0;
                                }
                            }
                        }

                        .file_upload {
                            input[type=file] {
                                font-family: Poppins, sans-serif;
                                font-size: 15px;
                                font-weight: 600;
                                line-height: normal;
                                color: $form-btn-blue;
                            }
                        }

                        .grid-field__column-tools {
                            .button {
                                border: none;
                                border-radius: 0;
                                background-color: $form-btn-blue;
                                transition: all .3s cubic-bezier(0,.1,.33,.99) 0ms;
                                padding: 10px 12px !important;
                                box-shadow: none;
                                margin: 0;

                                i {
                                    color: $white;
                                }

                                &:hover {
                                    transform: scale(1.05);
                                    background-color: $form-btn-blue;
                                }
                            }

                            .cursor-move {
                                display: none;
                            }
                        }
                    }
                }

                .grid-field__footer {
                    .button {
                        padding: 9px 20px;
                        border: none;
                        border-radius: 0;
                        font-family: Poppins, sans-serif;
                        font-size: 15px;
                        font-weight: 600;
                        line-height: normal;
                        color: $white;
                        background-color: $green;
                        box-shadow: none;
                        transition: all .3s cubic-bezier(0,.1,.33,.99) 0ms;

                        &:hover {
                            transform: scale(1.05);
                            background-color: $green;
                        }
                    }
                }
            }

            input[type=text],
            input[type=email],
            textarea {
                height: 50px;
                background-color: $paleblue !important;
                border: 1px solid $deepnavy !important;
                border-radius: 0 !important;
                box-shadow: none !important;
                padding: 15px !important;
                font-size: 15px !important;
                color: $deepnavy !important;
            }

            textarea {
                height: 377px;
            }
        }
    }

    &__description {
        font-family: Poppins, sans-serif;
        line-height: normal;
        color: $deepnavy;
        margin-bottom: 11px !important;
    }

    &__note {
        font-family: Poppins, sans-serif;
        line-height: normal;
        font-weight: 600;
        color: $form-btn-blue !important;
    }

    &__list {
        padding-left: 13px !important;
        font-family: Poppins, sans-serif;
        font-size: 15px;
        font-weight: 400;
        color: $deepnavy !important;
        line-height: normal;
    }

    &__submit-btn {
        margin-top: 0;
        font-family: Poppins, sans-serif;
        font-size: 18px;
        font-weight: 600;
        letter-spacing: -0.18px;
        line-height: normal;
        padding: 9px 36px;
    }
}

.vfatw {
    &__header {
        background-color: $paleblue;
    }

    &__header-left-content {
        padding: 65px 0 68px;

        @include media-breakpoint-down(lg) {
            padding: 40px 0;
        }
    }

    &__header-title {
        font-size: 40px;
        line-height: 55px;
        color: $form-btn-blue;
        margin-top: 0;
        margin-bottom: 20px;
        padding-right: 60px;

        @include media-breakpoint-down(lg) {
            font-size: 30px;
            line-height: normal;
        }
    }

    &__header-text {
        font-size: 20px;
        font-weight: 600;
        line-height: 26px;
        color: $form-btn-blue;
        margin-bottom: 15px !important;

        @include media-breakpoint-down(lg) {
            font-size: 16px;
            line-height: normal;
        }
    }

    &__header-hashtag {
        font-size: 27px;
        font-weight: 600;
        line-height: normal;
        text-transform: uppercase;
        color: $green !important;
        margin-bottom: 0;

        @include media-breakpoint-down(lg) {
            font-size: 20px !important;
        }
    }

    &__header-right {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
    }

    &__header-img-wrapper {
        height: 100%;
        aspect-ratio: 605 / 421;
        overflow: hidden;

        &::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba($form-btn-blue, 0.55);
        }
    }

    &__header-img {
        object-fit: cover;
        object-position: center;
        width: 100%;
        height: 100%;
    }

    &__map-wrapper {
        padding-bottom: 90px;
    }

    &__map {
        aspect-ratio: 1207 / 759;

        .gm-style-iw-tc {
            display: none;
        }

        .gm-style-iw-c {
            padding: 0;
            height: 371px;
            width: 315px;
            border-radius: 0;
            box-shadow: none;
        }

        .gm-style-iw-chr {
            position: absolute;
            top: 15px;
            right: 15px;
            
            button {
                background-color: $white !important;
                opacity: 1;
                width: 33px !important;
                height: 33px !important;
                
                span {
                    display: none !important;
                }

                &::after {
                    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M20.5 1L1 20.5M1 1L20.5 20.5' stroke='%2301014F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
                    position: absolute;
                    top: 54%;
                    left: 51%;
                    transform: translate(-50%, -50%);
                }

                &:hover {
                    background-color: $green !important;

                    &::after {
                        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M20.5 1L1 20.5M1 1L20.5 20.5' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
                    }
                }
            }
        }

        .gm-style-iw-d {
            height: 100%;
            
            & > div {
                height: 100%;
            }
        }
    }

    &__map-tooltip-inner {
        background-color: $green;
    }

    &__map-tooltip-img-wrapper {
        aspect-ratio: 9 / 8;
        width: 100%;
        overflow: hidden;
    }

    &__map-tooltip-img {
        object-fit: cover;
        object-position: center;
        width: 100%;
        height: 100%;
    }

    &__map-tooltip-content {
        flex-grow: 1;
        position: relative;
        padding: 12px 27px 22px 21px;
    }

    &__map-tooltip-title {
        margin-top: 0;
        margin-right: 12px;
        margin-bottom: 4px;
        font-size: 20px;
        font-weight: 600;
        line-height: 26px;
        color: $white;
    }

    &__map-tooltip-plus-icon {
        flex: 0 0 34px;
        max-width: 34px;
    }

    &__map-tooltip-link {
        color: $white;

        &:hover {
            color: $white;
            text-decoration: underline;
        }
    }

    &__map-tooltip-countries {
        margin-bottom: 0;
        font-size: 15px;
        font-weight: 400;
        line-height: normal;
        color: $white;
    }

    &__our-stories-shortlist {
        padding-bottom: 77px;
    }

    &__our-stories-shortlist-title {
        font-size: 40px;
        font-weight: 600;
        line-height: 55px;
        color: $form-btn-blue;
        margin-bottom: 2px;
    }

    &__our-stories-shortlist-subtitle {
        font-size: 27px;
        font-weight: 600;
        line-height: normal;
        color: $green;
        margin-bottom: 13px;
    }

    &__our-stories-shortlist-list {
        .vfatw__our-stories-shortlist-story-outer {
            display: none;

            &:nth-child(-n+6) {
                display: block;
            }

            &:nth-child(2n) {
                .vfatw__our-stories-shortlist-story-inner {
                    background-color: $form-btn-blue;
                }
            }
        }

        &.show-more {
            .vfatw__our-stories-shortlist-story-outer {
                display: block !important;
            }
        }
    }

    &__our-stories-shortlist-story-outer {
        margin-top: 13px;
    }

    &__our-stories-shortlist-read-more {
        padding-top: 33px;
    }

    &__our-stories-shortlist-story-tag {
        position: absolute;
        top: 20px;
        left: 20px;
        background-color: rgba($paleblue, 0.9);
        padding: 5px 12px;
        font-size: 18px;
        font-weight: 600;
        line-height: normal;
        color: $deepnavy;
        text-transform: uppercase;
        margin-right: 20px;
    }

    &__our-stories-shortlist-story-inner {
        background-color: $green;
    }

    &__our-stories-shortlist-story-img-wrapper {
        aspect-ratio: 9 / 8;
        width: 100%;
        overflow: hidden;
    }

    &__our-stories-shortlist-story-img {
        object-fit: cover;
        object-position: center;
        width: 100%;
        height: 100%;
    }

    &__our-stories-shortlist-story-content {
        flex-grow: 1;
        position: relative;
        padding: 12px 27px 22px 21px;
    }

    &__our-stories-shortlist-story-title {
        margin-top: 0;
        margin-right: 15px;
        margin-bottom: 7px;
        font-size: 20px;
        font-weight: 600;
        line-height: 26px;
        color: $white;
    }

    &__our-stories-shortlist-story-plus-icon {
        flex: 0 0 42px;
        max-width: 42px;
    }

    &__our-stories-shortlist-story-link {
        color: $white;

        &:hover {
            color: $white;
            text-decoration: underline;
        }
    }

    &__our-stories-shortlist-story-description {
        margin-bottom: 0;
        font-size: 15px;
        font-weight: 400;
        line-height: normal;
        color: $white;
    }

    &__honour-roll {
        background: $paleblue;
        padding: 70px 0 65px;
        margin-bottom: 90px;
    }

    &__honour-roll-title {
        font-size: 40px;
        font-weight: 600;
        line-height: 55px;
        color: $form-btn-blue;
        margin-bottom: 15px;
    }

    &__honour-roll-text {
        color: $deepnavy;
        margin-bottom: 25px;
    }

    &__honour-roll-inner {
        max-height: 650px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    &__honour-roll-img-wrapper {
        display: none;
        position: absolute;
        top: 50%;
        left: 100%;
        aspect-ratio: 63 / 71;
        height: 364px;
        transform: translateY(-50%);
        z-index: 4;
        overflow: hidden;
    }

    &__honour-roll-img {
        object-fit: cover;
        object-position: center;
        width: 100%;
        height: 100%;
    }

    &__honour-roll-table {
        width: 100%;

        thead {
            tr {
                th {
                    font-size: 30px;
                    font-weight: 600;
                    line-height: normal;
                    color: $form-btn-blue;
                    padding: 0 104px 12px 0;

                    &:first-child {
                        border-right: 1px solid $form-btn-blue;
                    }

                    &:last-child {
                        padding: 0 0 12px 174px;
                    }
                }
            }
        }

        tbody {
            tr {
                cursor: pointer;
                
                td {
                    font-size: 22px;
                    font-weight: 500;
                    line-height: normal;
                    color: rgba($form-btn-blue, 0.45);
                    padding: 10px 104px 13px 0;

                    &:first-child {
                        border-right: 1px solid $form-btn-blue;
                    }

                    &:last-child {
                        padding: 10px 0 13px 174px;
                    }
                }

                &:hover {
                    td {
                        background-color: $babyblue;
                        color: $form-btn-blue;
                        position: relative;
                        z-index: 1;

                        span {
                            position: relative;
                            z-index: 3;
                        }

                        &:first-child {
                            &::before {
                                content: '';
                                background-color: $babyblue;
                                position: absolute;
                                top: 0;
                                left: -100vw;
                                width: 200vw;
                                height: 100%;
                                z-index: 2;
                            }

                            &::after {
                                content: '';
                                position: absolute;
                                top: 0;
                                left: 100%;
                                width: 1px;
                                height: 100%;
                                background-color: $form-btn-blue;
                                z-index: 4;
                            }
                        }

                        &:last-child {
                            .vfatw__honour-roll-img-wrapper {
                                display: block;
                            }
                        }
                    }
                }
            }
        }
    }
}