body.page-template-tpl-landing-page {
    padding-top: 0 !important;
}
.landing-page-main-container {
    &.theme-colour__red {
        --theme-colour: #a61a2d;
        --theme-colour-opacity: rgba(166, 26, 45, 0.6);
    }
    &.theme-colour__blue {
        --theme-colour: #0A2240;
        --theme-colour-opacity: rgba(10, 34, 64, 0.7);
    }
    .theme-text-colour {
        color: var(--theme-colour) !important;
    }
    .theme-background-colour {
        background-color: var(--theme-colour) !important;
    }
    #mw-investor-scrl-cta-cst {
        display: none !important;
    }
    #mw-mast-hdr-wrapp {
        position: relative;
        top: unset;
        left: unset;
        right: unset;
        bottom: unset;
        #mw-top-hdr-deets-cst {
            background-color: var(--theme-colour);
        }
    }
    #mw-mast-ftt-wrapp {
        .container-cst {
            .top-ftt-deets-wrapp {
                .right-ftt-col {
                    display: none;
                }
            }
            .btm-ftt-deets-wrapp {
                .top-term-wrapp {
                    .logos-wrapp {
                        display: none;
                    }
                }
                .top-term-wrapp {
                    .term-menu-wrapp {
                        ul { 
                            li:after {
                                line-height: 0;
                            }
                        }
                    }
                }
            }
            .top-ftt-deets-wrapp  {
                .ftt-col.left-ftt-col {
                    max-width: 100%;
                    margin-right: 0;
                    margin-left: 0;
                    .gbl-social-wrapp-cst {
                        display: none;
                    }
                    .cta-elements-wrapp {
                        display: flex;
                        gap: 25px;
                        @media only screen and (max-width: 767px) {
                            flex-direction: column;
                            gap: 15px;
                        }
                        .ftt-deets-wrapp-cst {
                            margin-bottom: 0;
                            margin-left: 0;
                        }
                    }
                }
            }
        }
    }  


    .landing-page-main-container__content {
        position: relative;
        z-index: 100;
    }
    
    .subtext {
        ul {
            list-style: disc;
            padding-left: 20px;
            display: grid;
            gap: 5px;
            li {
                &::marker {
                    color: var(--theme-colour);
                }
            }
        }
    }
    .subtext--small {
        font-size: 12px;
        line-height: 1.25;
        p, li {
            font-size: inherit;
            line-height: inherit;
        }
    }

    .site-container {
        max-width: 1216px;
        width: calc(100% - 80px);
        margin: 0 auto;
    }
    @media only screen and (max-width: 767px) {
        .site-container {
            width: calc(100% - 40px);
        }
    }

    .btn {
        padding: 15px 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--theme-colour);
        border-color: var(--theme-colour);
        border-radius: 50px;
        text-decoration: none;
        transition: all 0.3s ease;
        color: #fff;
        text-decoration: none;
        font-size: 12px;
        font-weight: 900;
        line-height: 1;
        text-transform: uppercase;
        width: max-content;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        border: solid 1px var(--theme-colour);
        span {
            color: inherit;
        }
        &:hover {
            background-color: #fff !important;
            color: #000;
        }
    }
    
    #mw-mast-hdr-wrapp #mw-top-hdr-deets-cst .container-larger-cst .left-wrapp-cst {
        display: none;
    }
    #mw-mast-hdr-wrapp #mw-top-hdr-deets-cst .container-larger-cst .right-wrapp-cst {
        margin-left: auto;
    }



    /* Landing Page Blocks */


    /* BLOCK - Hero */
    .hero-block {
        padding: 80px 0 110px;
        position: relative;
        @media only screen and (max-width: 767px) {
            padding-bottom: 0;
        }
        .background-container {
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
            &:before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                width: 60%;
                height: 100%;
                background: linear-gradient(to right, var(--theme-colour-opacity) 0%, var(--theme-colour-opacity) 30%, transparent 100%);
            }
            @media only screen and (max-width: 850px) {
                height: 50%;
                &:before {
                    width: 100%;
                }
            }
        }
        .logo-wrapp {
            position: absolute;
            top: 40px;
            left: 40px;
            z-index: 2;
            @media only screen and (max-width: 767px) {
                top: 20px;
                left: 20px;
            }

        }
        .site-container {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: space-between;
            z-index: 2;
            @media only screen and (max-width: 850px) {
                flex-direction: column;
                gap: 30px;
            }
            .left-container {
                height: auto;
                display: flex;
                justify-content: space-between;
                flex-direction: column;
                color: #fff;
                align-self: stretch;
                max-width: 430px;
                padding-top: 75px;
                width: calc(50% - 20px);
                @media only screen and (max-width: 850px) {
                    width: 100%;
                    max-width: 100%;
                }
                .heading {
                    margin-bottom: 20px;
                    @media only screen and (max-width: 767px) {
                        margin-bottom: 10px;
                    }
                }
                .subtext {
                    &:not(.subtext--small) {
                        margin-bottom: auto;
                    }
                }
                .subtext--small {
                    margin-top: 20px;
                }
            }
            .right-container {
                background-color: #fff;
                padding: 44px;
                max-width: 513px;
                width: calc(50% - 20px);
                border-radius: 30px;
                box-shadow: 0 0 56px 0 rgba(0, 0, 0, 0.15);
                @media only screen and (max-width: 850px) {
                    width: 100%;
                    max-width: 100%;
                }
                @media only screen and (max-width: 767px) {
                    padding: 40px 25px;
                }
                .form-heading {
                    margin-bottom: 20px;
					font-weight: 900;
                }
                .form-main-cst-wrapp {
                    .wpcf7-form-control-wrap {
                        width: 100%;
                    }
                    .form-input-wrapp {
                        p {
                            display: block;
                            margin-bottom: 10px;
                            a {
                                color: #A61A2D;
                                text-decoration: underline;
                                transition: opacity 0.3s ease;
                                &:hover {
                                    opacity: 0.8;
                                }
                            }
                        }
                    }
                    .btn-cst-alt-wrapp  {
                        display: flex;
                        align-items: flex-start;
                        gap: 20px;
                        flex-direction: row;
                        button {

                            background-color: var(--theme-colour);
                            border-color: var(--theme-colour);
                            &:hover {
                                background-color: #fff;
                            }
                        }
                        .col {
                            max-width: unset;
                            width: auto;
                            margin-right: 0;
                        }
                        svg {
                            width: 98px;
                            height: auto;
                        }                    
                    }
                }
            }
        }
    }

    /* END - BLOCK - Hero */

    /* BLOCK - Stats */
    #mw-hp-hcwh-mast-cst {
        background-color: #fff;
        position: relative;
        .cst-trigger-numbers-amm {
            position: relative;
            z-index: 10;
            background-color: transparent;
            padding-top: 120px;
            padding-bottom: 30px;
            @media only screen and (max-width: 767px) {
                padding-top: 70px;
                padding-bottom: 90px;
            }
        }
        .background-container {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            background-image: url('../images/bgs/lp-stats-block-bg.png');
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }
        .stats-btn-wrapp {
            display: flex !important;
            justify-content: center;
            margin-top: 30px;
            a {
                padding: 15px 25px;
                border-radius: 10px;
                background-color: var(--theme-colour);
                border: 1px solid var(--theme-colour);
                text-decoration: none;
                transition: all 0.3s ease;
                border-radius: 50px;
                &:hover {
                    background-color: #fff;
                }
            }
        }
    }

    /* END - BLOCK - Stats */

    /* BLOCK - Text Image */

    .fifty-fifty-text-image-block {
        position: relative;
        padding: 80px 0;
        @media only screen and (max-width: 767px) {
            padding-bottom: 67px;
        }
        &.has-background {
            padding-top: 100px;
            @media only screen and (max-width: 850px) {
                padding-top: 0;
            }
        }
        .background-container {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 80%;
            border-bottom-left-radius: 200px;
            &.reverse-option {
                border-bottom-left-radius: 0;
                border-bottom-right-radius: 200px;
            }
            @media only screen and (max-width: 850px) {
                top: 150px;
                height: calc(100% - 150px);
            }
        }
        .site-container {
            position: relative;
            z-index: 10;
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 40px;
            max-width: 1126px;
            @media only screen and (max-width: 850px) {
                flex-direction: column-reverse;
            }
            &.reverse-option {
                flex-direction: row-reverse;
                @media only screen and (max-width: 850px) {
                    flex-direction: column-reverse;
                }
            }
            .text-container {
                max-width: 520px;
                width: calc(50% - 20px);
                padding-top: 100px;

                @media only screen and (max-width: 850px) {
                    width: 100%;
                    max-width: 100%;
                    padding-top: 0;
                }
                .subtext {
                    display: grid;
                    gap: 10px;
                    color: #000000;
                    font-weight: 500;
                    p, li {
                        color: inherit;
                        font-weight: inherit;
                    }
                    >* {
                        margin-bottom: 0;
                    }
                    h1, h2, h3, h4, h5, h6 {
                        color: var(--theme-colour);
                    }
                }
                .btn {
                    margin-top: 20px;
                }
            }
            .image-container {
                position: relative;
                max-width: 485px;
                width: calc(50% - 20px);
                padding-bottom: 40px;
                @media only screen and (max-width: 850px) {
                    width: 100%;
                    max-width: 100%;
                    max-height: 540px;
                }
                @media only screen and (max-width: 767px) {
                    width: 100%;
                    max-width: 100%;
                    max-height: 430.06px;
                }
                img {
                    width: 100%;
                    height: auto;
                    max-height: 100%;
                    object-fit: cover;
                    object-position: center;
                    display: block;
                    border-bottom-left-radius: 200px;
                    @media only screen and (max-width: 1200px) {
                        border-bottom-left-radius: 150px;
                    }
                    @media only screen and (max-width: 850px) {
                        max-height: 500px;
                        height: 500px;
                    }
                    @media only screen and (max-width: 767px) {
                        max-height: 390.06px;
                        height: 390.06px;
                        border-bottom-left-radius: 120px;
                    }
                }
                .overlay {
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: 216px;
                    max-width: 40%;
                    height: auto;
                    aspect-ratio: 216 / 198;
                    mix-blend-mode: multiply;
                    border-radius: 100px 0 100px 0;
                    @media only screen and (max-width: 1200px) {
                        border-radius: 80px 0 80px 0;
                    }
                    @media only screen and (max-width: 767px) {
                        border-radius: 60px 0 60px 0;
                    }
                }
                &.overflowing-image {
                    margin-right: -120px;
                    max-width: 590px;
                    width: calc(50% + 100px);
                    @media only screen and (max-width: 850px) {
                        width: calc(100% + 120px);
                        max-width: calc(100% + 120px);
                    }
                    @media only screen and (max-width: 767px) {
                        margin-right: -20px;
                        width: calc(100% + 20px);
                        max-width: calc(100% + 20px);
                    }
                    img {
                        width: 100%;
                        height: auto;
                        object-fit: cover;
                        object-position: center;
                    }
                    &.reverse-option {
                        margin-right: 0;
                        margin-left: -75px;
                        @media only screen and (max-width: 767px) {
                            margin-left: -20px;
                        }
                    }
                }
                &.reverse-option {
                    &.reverse-option {
                        img {
                            border-bottom-left-radius: 0;
                            border-bottom-right-radius: 200px;
                            @media only screen and (max-width: 1200px) {
                                border-bottom-right-radius: 150px;
                            }
                            @media only screen and (max-width: 767px) {
                                border-bottom-right-radius: 120px;
                            }
                        }
                    }
                    .overlay {
                        left: unset;
                        right: 0;
                        border-radius: 0 100px 0 100px;
                        @media only screen and (max-width: 1200px) {
                            border-radius: 0 80px 0 80px;
                        }
                        @media only screen and (max-width: 767px) {
                            border-radius: 0 60px 0 60px;
                        }
                    }
                }
            }
        }
    }

    /* END - BLOCK - Text Image */

    /* BLOCK - Accordion */

    .accordion-block {
        padding: 20px 0 80px;
        @media only screen and (max-width: 850px) {
            padding: 60px 0 40px;
        }
        @media only screen and (max-width: 767px) {
            padding-bottom: 40px;
        }
        .site-container {
            max-width: 970px;
            .heading {
                margin-bottom: 40px;
                text-align: center;
            }
            .accordion-items {
                display: grid;
                gap: 20px;
                .accordion-item {
                    padding: 40px;
                    background-color: #F6F8F9;
                    border-bottom-right-radius: 60px;
                    @media only screen and (max-width: 767px) {
                        padding: 32px 25px;
                        border-bottom-right-radius: 50px;
                    }
                    .accordion-heading {
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        cursor: pointer;
                        gap: 19.2px;
                        .title {
                            font-size: 18px;
                            font-weight: 700;
                            line-height: 1;
                            margin-bottom: 0;
                        }
                        .toggle-icon {
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            width: 25px;
                            height: 25px;
                            min-width: 25px;
                            min-height: 25px;
                            position: relative;

                            .line {
                                position: absolute;
                                width: 100%;
                                height: 2px;
                                background-color: var(--theme-colour);
                                transform-origin: center;
                                left: 50%;
                                top: 50%;
                                transition: all 0.3s ease;
                            }
                            
                            .line--1 {
                                transform: translate(-50%, -50%) rotate(0);
                            }
                            .line--2 {
                                transform: translate(-50%, -50%) rotate(90deg);
                            }

                        }
                    }
                    &.active {
                        .toggle-icon {
                            .line--1 {
                                transform: translate(-50%, -50%) rotate(180deg);
                            }
                            .line--2 {
                                transform: translate(-50%, -50%) rotate(180deg);
                            }
                        }
                    }
                    .accordion-content {
                        display: none;
                        padding-top: 24px;
                    }
                }
            }
        }
    }

    /* END - BLOCK - Accordion */


    /* BLOCK - Text With Form */

    .text-with-form-block {
        padding: 80px 0 45px;
        position: relative;
        @media only screen and (max-width: 767px) {
            padding-top: 20px;
        }
        .site-container {
            max-width: 1050px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            @media only screen and (max-width: 850px) {
                flex-direction: column;
                gap: 35px;
            }
            .left-container {
                display: flex;
                flex-direction: column;
                gap: 80px;
                max-width: 457px;
                width: calc(50% - 20px);
                @media only screen and (max-width: 850px) {
                    width: 100%;
                    max-width: 100%;
                    gap: 30px;
                    flex-direction: column-reverse;
                    position: relative;
                }
                .subtext {
                    color: #fff;
                    display: grid;
                    gap: 16px;
                }
                .background-container {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 63%;
                    background-color: var(--theme-colour);
                    z-index: -10;
                    border-radius: 0 0 200px 0;
                    @media only screen and (max-width: 850px) {
                        height: calc(100px + 100%);
                        top: 80px;
                        left: 50%;
                        transform: translateX(-50%);
                        width: 100vw;

                    }
                }
                .image-container {
                    width: 100%;
                    padding: 45px 45px 0 0;
                    position: relative;
                    @media only screen and (max-width: 767px) {
                        padding: 35px 35px 0 0;
                    }

                    &:before {
                        content: '';
                        display: block;
                        position: absolute;
                        max-width: 45%;
                        width: 175px;
                        aspect-ratio: 175 / 157;
                        background-color: #E0B834;
                        border-radius: 70px 0 70px 0;
                        top: 0;
                        right: 0;
                    }
                    img {
                        border-radius: 120px 0 120px 0;
                        aspect-ratio: 413 / 283;
                        width: 100%;
                        height: auto;
                        display: block;
                        object-fit: cover;
                        object-position: center;
                        position: relative;
                        z-index: 10;
                    }
                }
            }
            
            .right-container {
                background-color: #fff;
                padding: 44px;
                max-width: 513px;
                width: calc(50% - 20px);
                border-radius: 30px;
                box-shadow: 0 0 56px 0 rgba(0, 0, 0, 0.15);
                @media only screen and (max-width: 850px) {
                    width: 100%;
                    max-width: 100%;
                }
                @media only screen and (max-width: 767px) {
                    padding: 40px 25px;
                }
                .form-heading {
                    margin-bottom: 20px;
                    font-weight: 700
                }
                .form-main-cst-wrapp {
                    .wpcf7-form-control-wrap {
                        width: 100%;
                    }
                    .form-input-wrapp {
                        p {
                            display: block;
                            margin-bottom: 10px;
                            a {
                                color: #A61A2D;
                                text-decoration: underline;
                                transition: opacity 0.3s ease;
                                &:hover {
                                    opacity: 0.8;
                                }
                            }
                        }
                    }
                    .btn-cst-alt-wrapp  {
                        display: block;
                        
                        button {
                            background-color: var(--theme-colour);
                            border-color: var(--theme-colour);
                            &:hover {
                                background-color: #fff;
                            }
                        }
                        svg {
                            width: 98px;
                            height: auto;
                        }                    
                    }
                }
            }
        }
    }   

    /* END - BLOCK - Text With Form */

}