/* Generelles CSS */
              :root{

                /*--- Primary Brand Colours ---*/

                   --Ruby-Glow: linear-gradient(180deg, #D91219 0%, #F19202 100%);
                   --sunriseRed: #DA291C;
                   --Sky: #EAF8FA;
                   --LightBlack: #1F1F1F;
                   --white: #ffffff;

                /*--- Secondary Brand Colours ---*/
           
                --sunriseOrange: #EF7C3C;
                --redHover: #961C13;
                --lineBreak: #e6e3df;
                --validGreen: #8FD200;
                --lightGreen: #F0F9DC;
                --lightPink: F4D4DD;
                --lightBackground: #f7f6f5;
                
                --textColor: #5F5955;
                --blueHase: #5E94CF;
                --grey200: #E6E3DF;
                --grey300: #B3AEAA;
                --grey400: #86807C;
                --greyBackground: #3D3935;
                
                --Peach-Fog: linear-gradient(180deg, #9C8A95 0%, #F6D6B3 100%);
                --Pink-Sky: linear-gradient(180deg, #D093A6 0%, #E7C9BC 100%);
                --Green-Cloud: linear-gradient(180deg, #99B2A7 0%, #F8EDD2 100%);
                --Sky-Fuel: linear-gradient(180deg, #008187 0%, #EFC6AE 95.24%);
        
                --bs-breakpoint-xs: 0;
                --bs-breakpoint-sm: 576px;
                --bs-breakpoint-md: 768px;
                --bs-breakpoint-lg: 992px;
                --bs-breakpoint-xl: 1200px;
                --bs-breakpoint-xxl: 1400px;

                /* --- Spaces --- */
                   --xxs-section: .5rem;
                   --xs-section: 1rem;
                   --s-section: 1.5rem;
                   --m-section: 2.25rem;
                   --l-section: 3rem;
                   --xl-section: 4rem;
            }
            @import url('https://fonts.googleapis.com/css2?family=Figtree:wght@300..900&display=swap');

            body {
                font-family: "Figtree", sans-serif !important;
                background-color: var(--lightBackground);
                -ms-overflow-style: none;  /* IE and Edge */
                scrollbar-width: none;
            }

            main {
                margin: 2rem 0;
                margin-bottom: 0;
                min-height: 84vh;
            }
             @media screen and (min-height: 1200px) {
                main {
                  min-height: 70vh;
                }
             }

            .h1, .h2, .h3, .h4, h1, h2, h3, h4, p {
                margin-bottom: 0;
                font-family: "Figtree", sans-serif !important;
            }
            p {
                margin: 0 !important;
            }
            .afontcolour {
                text-decoration: none;
                color: var(--sunriseRed);
            }

            .lineUp {
                animation: 2s anim-lineUp forwards ease-in-out;
            }
            @keyframes anim-lineUp {
                0% {
                    opacity: 0;
                    transform: translateY(80%);
                }
                20% {
                    opacity: 0;
                }
                50% {
                    opacity: 1;
                    transform: translateY(0%);
                }
                100% {
                    opacity: 1;
                    transform: translateY(0%);
                }
            }
            .extra-flexed {
                display: flex;
                align-items: center;
            }
            .feature-flexed {
                display: flex;
                justify-content: flex-start;
                align-items: flex;
                margin: 8px 0;
            }
            .feature-flexed span,
            .extra-flexed span {
                margin-right: 8px;
                display: flex;
                flex-direction: column;
                text-align: left;
            }
            .extra-flexed-icon {
                margin-right: 8px;
            }
            .extra-flexed-last{
                padding-right: 0.5px;
            }
            .extra-flexed-btm {
                display: flex;
            }
            /* --- Navbar Start --- */
            .navbar-bg {
                background-color: var(--sunriseRed);
            }
            .navbar-bg a {
                color: var(--white);
                text-decoration: none;
            }
            .nav-item li ul {
                text-decoration: none;
            }
            .navbar-inner {
                /* width: 90%; */
                max-width: 1280px;
            }
            .nav-item, .dropdown::marker li {
                text-decoration: none;
            }
            /* --- Navbar End --- */

            /* --- Modal Start --- */
            .modal-section {
                opacity: 0;
                visibility: hidden;
                transition: opacity 1s ease-in-out, visibility 1s ease-in-out;
            }
            .modal-show {
                opacity: 1;
                visibility: visible;
            }
            .modal-hide {
                opacity: 0;
                visibility: hidden;
            }
            /* --- Modal End --- */

            /* --- Footer Start --- */
            footer {
                position: relative;
                bottom: 0;
                color: var(--white);
                background-color: var(--greyBackground);
                padding: 0 24px;
                width: 100%;
            }
            footer a{
                color: inherit;
                text-decoration: none;
            }
            .footer_container {
                max-width: 1280px;
                margin: 0 auto;
            }
            .footer_cta{
                display: grid;
                gap: .5rem;
                grid-template-columns: repeat(1, 1fr);
                justify-content: space-between;
            }
            .footer_cta_inner {
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding: 8px 16px 8px 20px;
                gap: .5rem;
                border-radius: 8px;
                background: var(--textColor, #5F5955);
                border: 1px solid var(--textColor, #5F5955);
                flex: 1 0 0;
            }
            .footer_cta_inner:hover{
                transition: background-color 2s ease;
                cursor: pointer;
                border: 1px solid var(--grey300, #B3AEAA);
                background: var(--grey400, #86807C);
                box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.20);
            }
            .footer_container-inner{
                display: grid;
                gap: .5rem;
                grid-template-columns: repeat(1, 1fr);
                justify-content: space-between;
            }
            @media (min-width: 1199.98px) {
                .footer_container-inner {
                    display: flex;
                }
            }
            .footer_list {
                text-align: left;
                padding-left: 0;
            }
            .footer_inner {
                width: 100%;
                margin: 0;
                text-align: left;
            }
            .footer_copyright {
                display: flex;
                position: relative;
                padding-top: 24px;
                padding-bottom: 24px;
                justify-content: space-between;
                align-items: center;
                margin: 0 auto;
                font-size: 12px;
                color: var(--lineBreak);
            }
            .footer_copyright_list {
                width: 100%;
                max-width: 100%;
                display: flex;
                gap: 40px;
                flex-wrap: wrap;
                justify-content: flex-end;
            }
            .footer_copyright_list a {
                color: inherit;
                text-decoration: none;
            }
            .footer_copyrigth_inner{
                display: flex;
                justify-content: space-between;
                width: 100%;
                align-items: center;
            }
            .icon-reverse{
                gap: 1rem;
            }
            @media (max-width: 500px) {
                .footer_copyrigth_inner {
                    flex-direction: column;
                    gap: 1rem;
                }
                .icon-reverse{
                    gap: 1rem;
                    flex-direction: column;
                    flex-direction: column-reverse;
                }
            }
            @media (min-width: 992px){
                .col-lg-6 {
                    flex: auto;
                    width: 50%;
                }
            }
            .divider-footer {
                height: 0.5px;
                background-color: var(--grey400);
            }
            /* --- Footer End --- */

            /* --- Buttons Start --- */
            .btn-sr-primary {
                width: 100%;
                border: 0;
                border-radius: 28px;
                cursor: pointer;
                display: inline-flex;
                font-size: 16px;
                line-height: 24px;
                font-weight: 700;
                padding: 10px 24px;
                height: 52px;
                align-items: center;
                text-decoration: none;
                background-color: var(--sunriseRed);
                color: var(--white);
                justify-content: center;
            }
            .btn-sr-ghost {
                width: 100%;
                border: 2px solid var(--sunriseRed);
                background: none;
                border-radius: 28px;
                cursor: pointer;
                display: inline-flex;
                font-size: 16px;
                line-height: 24px;
                font-weight: 700;
                padding: 10px 24px;
                height: 52px;
                align-items: center;
                text-decoration: none;
                color: var(--sunriseRed);
                justify-content: center;
            }
            .btn-sr-disabled {
                width: 100%;
                border: 2px solid var(--grey200);
                background: var(--grey200);
                color: var(--white);
                border-radius: 28px;
                cursor: none;
                pointer-events: none;
                display: inline-flex;
                font-size: 16px;
                line-height: 24px;
                font-weight: 700;
                padding: 10px 24px;
                height: 52px;
                align-items: center;
                text-decoration: none;
                justify-content: center;
             }
            .btn-sr-primary:hover {
                background-color: var(--redHover);
            }
            .btn-sr-ghost:hover{
                color: var(--white);
                background-color: var(--redHover);
                border: 2px solid var(--redHover);
                /*transition: background-color 1s ease;*/
            }
            .btn-fit-content{
                width: fit-content;
                margin: 0 auto;
            }
            /* --- Buttons End --- */

            /* --- spaces-section --- */ 
            /* 64px */
            .xl-section {
                margin-top: 4rem;
            }
            /* 48px */
            .l-section {
                margin-top: 3rem;
            } 
            /* 36px */
            .m-section {
                margin-top: 2.25rem;
            }
            /* 24px */
            .s-section {
                margin-top: 1.5rem;
            }
            /* 16px */
            .xs-section {
                margin-top: 1rem;
            }
            /* 8px */
            .xxs-section {
                margin-top: .5rem;
            }
            /* --- spaces-section --- */ 

           
            /* --- KeyVisual Section --- */
            .img-responsive {
                width: 100%;
                height: 100%;
            }
            .icon-responsive {
                width: 100%;
                height: 100%;
                object-fit: cover;
                display: flex;
                flex-direction: column;
                justify-content: center;
            }
            .header-container {
                position: relative;
                display: flex;
                width: 90%;
                max-width: 1280px;
                text-align: center;
                overflow: hidden;
                align-items: center;
                justify-content: center;
                margin: 0 auto;
                border-radius: 14px;
            }
            .header-container-inner {
                display: flex;
                align-items: center;
                flex-direction: column;
                justify-content: center;
                /*height: 80%;*/
                gap: 2rem;
            } 
            .header-container-pic {
                display: flex;
                align-items: center;
                justify-content: center;
                margin: 0 auto;
            }
            .header-container-inner .text-container {
                /* margin: 3rem 0; */
                justify-content: center;
                text-align: center;
                font-size: 14px;
                font-weight: 600;
                text-transform: uppercase;
            }
            .header-container-inner .text-container span {
                font-size: 24px;
                font-weight: 500;
                line-height: 110%;
            }
            /* Large devices (desktops, 992px and up) */
            @media (min-width: 992px) {
                .header-container-inner {
                    display: flex;
                    flex-direction: row;
                }
                .header-container .text-container {
                    width: 70%;
                    max-width: 590px;
                    text-align: left;
                    padding-left: 4rem;
                    /*padding-bottom: 1.325rem;*/
                    align-items: flex-start;
                    display: flex; 
                    flex-direction: column;
                    font-size: 18px;
                }
                .header-container-inner .text-container span {
                    font-size: 32px;
                    line-height: 120%;
                    gap: 2rem;
                    /* width: 629px; */
                }
            }
            /* X-Large devices (large desktops, 1200px and up) */
            @media (min-width: 1200px) { 
                .header-container-inner .text-container span {
                    font-size: 48px;
                    line-height: 110%;
                }
            }
            /* --- KeyVisual Section --- */


            /* --- Background Section --- */
           .background-full {
                background-color: var(--white);
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                /* padding: var(--m-section); */
                color: var(--textColor);
                padding-top: var(--m-section);
                padding-bottom: var(--m-section);
            }
            .background-full-inner {
                background-color: var(--bs-gray-100);
                border-radius: 16px;
                width: 90%;
                max-width: 1280px;
                height: auto;
                padding: 1rem;
            }
            .background-hover-nobg {
                width: 90%;
                max-width: 1280px;
                margin: 0 auto;
                margin-top: var(--m-section);
                color: var(--textColor);
            }
            .background-hover {
                background-color: #ffffff;
                border-radius: 16px;
                width: 90%;
                max-width: 1280px;
                height: auto;
                padding: 2rem;
                margin: 0 auto;
                color: var(--textColor);
            }
            .background-hover-cta {
                background-color: #ffffff;
                border-radius: 16px;
                width: 90%;
                max-width: 1280px;
                height: auto;
                padding: 14px 24px;
                margin: 0 auto;
                color: var(--textColor);
            }
            .background-hover-cta-inner{
                display: flex;
                flex-direction: column-reverse;
                align-items: stretch;
                gap: 2rem;
            }
            /* Medium devices (tablets, 768px and up) */
                @media (min-width: 768px) { 
                    .background-full-inner {
                        padding: 1.5rem;
                    }
                }
            /* --- Background Section --- */

            /* --- General --- */
            .p18{
                font-size: 18px;
            }
            
            .side-text {
               font-size: 14px;
            }
            .side-text a  {
                text-decoration: none;
                color: var(--sunriseRed);
            }
            .l-centre-lg {
                width: 100%;
                max-width: var(--bs-breakpoint-lg);
                margin: 0 auto;
                text-align: center;
            }
            .divider {
                height: 1px;
                background-color: var(--lineBreak);
                margin: 10px 0;
                width: 100%;
            }
            .force-white {
                color: white !important;
            }
            
            /* Large devices (desktops, 992px and up) */
            @media (min-width: 992px) {
                .p20 {
                    font-size: 1.2081rem;
                }
            }
            /* --- General --- */