#motion-home-banner {display:block !important};
.mdc-list .mdc-list-item:last-child {
            border-bottom: 0px !important;
        }
          
        .mdc-expander__content {
            position: absolute;
            z-index: 3;
            width: 98%;
            left:0px;
            background: #fff;
            margin: 15px;
        }

        .mdc-expander {

            display: flex;
            /*justify-content: space-evenly;*/
            justify-content: space-between;
        }

        .mdc-expander__item:not(:first-child) {

            margin-left: 8px;


        }
          .mdc-expander__trigger:focus,.mdc-expander__trigger:hover,.mdc-expander__trigger:active {
            background-color: #C1E6ED;
            color: rgba(0,0,0,.87);
        }
     
        .mdc-expander__trigger.static:focus,.mdc-expander__trigger.static:hover,.mdc-expander__trigger.static:active {
            background-color: initial;
            
        }

        .mdc-expander__item:after {
            border-top: none !important;
        }

     

     
        /* homepage hero - menu styling */

        .grid_xl {
            box-sizing: border-box;
            margin: 0 auto;
            padding: 16px 18px
        }

        .grid_xl.grid--align-left {
            margin-right: auto;
            margin-left: 0
        }
        .mdc-top-app-bar--fixed-scrolled {
            box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12) !important;
          }

        .grid_xl.grid--align-right {
            margin-right: 0;
            margin-left: auto
        }

        .grid__inner_xl {
            display: grid;
            -webkit-box-align: stretch;
            -ms-flex-align: stretch;
            align-items: stretch;
            margin: 0;
            grid-gap: 16px;
        }

        /* @media (min-width: 1480px) {
            .grid_xl {
                max-width:1480px
            }

            .grid__inner_xl {
                grid-template-columns: repeat(12,minmax(0,1fr))
            }
        }*/

        @media (min-width: 1248px) {
            .grid__inner_xl {
                grid-template-columns: repeat(12, minmax(0, 1fr));
            }
        }

        @media (min-width: 1856px) {
            .grid_xl {
                /*max-width:1856px;*/
                max-width:1920px;
            }

            .grid__inner_xl {
                grid-template-columns: repeat(12,minmax(0,1fr))
            }
        }

        /* MDC Expander / Megamenu Nav - Custom Styling tweaks */
        
        
        
        <#if contentModel.navbackground_s == 'white-bg-nav'>
  

        /* turning m to red */
        #app-bar-logo__path {
          fill: #ff3a30 !important;
        }
        /* turning rest of logo to blue */
        #app-bar-logo__path > svg > path {
        fill: #003366 !important;
        }
        .motion-topbar #mom-logo-svg.text-color-on-dark {
          fill: #036 !important;
        }

        .mdc-top-app-bar {
          background-color: rgba(0, 0, 0, 0.25) !important;
        }
         /* Topbar default color - Textcolor (White) on dark(transparent) */
        .motion-topbar.text-color-on-dark .mdc-top-app-bar__col a,
        .motion-topbar.text-color-on-dark .mdc-top-app-bar__pipe,
        .motion-topbar.text-color-on-dark #app-bar-login {

            color: #fff;

        }
        
        .motion-topbar.text-color-on-dark .mdc-top-app-bar__col a, 
        .motion-topbar.text-color-on-dark .mdc-top-app-bar__pipe, 
        .motion-topbar.text-color-on-dark #app-bar-login {
            color: #fff !important;
        }
      
        .motion-topbar.mdc-top-app-bar--fixed-scrolled .mdc-top-app-bar__col a:not(.mdc-top-app-bar__navigation-icon) ,
        .motion-topbar.mdc-top-app-bar--fixed-scrolled .mdc-top-app-bar__pipe,
        .motion-topbar.mdc-top-app-bar--fixed-scrolled #app-bar-login {

            color: #000 !important;

        }

        .motion-topbar.mdc-top-app-bar--fixed-scrolled #app-bar-logo__path {
            fill: #ff3a30;
        }
     
        .motion-topbar #mom-logo-svg.text-color-on-dark {
          fill: #fff !important;
        }
 
  </#if>

         .mdc-top-app-bar__toplinks:hover{
              color: #ff3a30 !important;
         }
         
        /* Global Homepage styling :: START :: Only applicable to Homepage hence currently isolated to homepage only */
        .motion-breadcrumbs {
            display: none; 
        }

        /* New Homepage - motion top bar styling  */

        #motion-home-banner .motion-navbar {

            margin-top: 64px !important;
            position: relative;

        }

        #motion-top-bar-left {
            visibility: visible;

        }

        .motion-homebanner__heading-body--text-navy * {
            color: #036;
        }
        
        .motion-navbar {
            /*visibility: hidden;*/
            display: none !important;
        }


        @media (min-width: 1360px) {
            /* Make burger menu visible for Desktop as per request to allow for logged in users to flyover to post-login - 14-04-2025 */ 
            /*#motion-top-bar-left {
                visibility: hidden;

            }*/
            .motion-navbar {
                /*visibility: visible;*/
                display: flex !important;
            }


        }

        .mdc-top-app-bar--fixed-scrolled {
            box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);
            background: #fff !important;
        }

        .mdc-top-app-bar--fixed, .mdc-top-app-bar--fixed-scrolled {
            transition: all .2s linear;
        }

        .mdc-top-app-bar--dense-fixed-adjust {
            padding-top: 0px;
        }

        .motion-topbar #mom-logo-svg {
            fill: #003366;

        }

        #app-bar-logo__path {
            fill: #ffffff;

        }
     
     
        .motion-homebanner {
            position: relative !important;
        }


        /* homepage hero - menu styling */

        .grid_xl {
            box-sizing: border-box;
            margin: 0 auto;
            padding: 16px 18px
        }

        .grid_xl.grid--align-left {
            margin-right: auto;
            margin-left: 0
        }
        .mdc-top-app-bar--fixed-scrolled {
            box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12) !important;
          }

        .grid_xl.grid--align-right {
            margin-right: 0;
            margin-left: auto
        }

        .grid__inner_xl {
            display: grid;
            -webkit-box-align: stretch;
            -ms-flex-align: stretch;
            align-items: stretch;
            margin: 0;
            grid-gap: 16px;
        }

        /* @media (min-width: 1480px) {
            .grid_xl {
                max-width:1480px
            }

            .grid__inner_xl {
                grid-template-columns: repeat(12,minmax(0,1fr))
            }
        }*/

        @media (min-width: 1248px) {
            .grid__inner_xl {
                grid-template-columns: repeat(12, minmax(0, 1fr));
            }
        }

        @media (min-width: 1856px) {
            .grid_xl {
                /*max-width:1856px;*/
                max-width:1920px;
            }

            .grid__inner_xl {
                grid-template-columns: repeat(12,minmax(0,1fr))
            }
        }

        /* MDC Expander / Megamenu Nav - Custom Styling tweaks */
        
        /*Megamenu v2 styling - Start */
        .mdc-expander__content-mm {
            position: absolute;
            z-index: 3;
            /* megamenu container & button alignment*/       
            /*
            width: 98%;
            left:0px;
            */ 
            width: 100%;
            left: -15px;
            
            background: #fff;
            margin: 15px;
            transition: opacity 0.2s ease-out;
            opacity: 0;
            visibility: hidden !important;

        }

        .mdc-expander__content-mm.open {

            opacity: 1;
            display: block; /* Show the content when open */
            visibility: visible !important;

        }
    
        /*Megamenu v2 styling - End */
     
     
        /* Megamenu close button styling */
        .megamenu__close .motion-navclose {
            text-decoration: none !important;
            display: table;
            margin: 6px 6px 5px;
            color: #ff3a30; 
        }
     
        .megamenu__close {
            position: absolute;
            background: #fff;
            border-radius: 50%;
            box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 6px 0px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
            border-radius: 24px !important;
            width: 36px;
            height: 36px;
            justify-content: center;
            margin: auto 0px;
            text-decoration: none;
            top: -8px;
            right: -12px;
        }  

     
        /* Megamenu menu items styling tweaks */

        .motion-navbar .mdc-list .mdc-list-item, .motion-navbar .mdc-list-group__subheader {
            
            padding-right: 0px !important;
            padding-left: 0px !important;
            margin-left: 16px !important;
            margin-right: 16px !important;
         
        }

        .mdc-list .mdc-list-item:last-child {
            border-bottom: 0px !important;
        }
          
        #motion-megamenu .mdc-expander__content {
            position: absolute;
            z-index: 3;
            width: 98%;
            left:0px;
            background: #fff;
            margin: 15px;
        }

         #motion-megamenu .mdc-expander {

            display: flex;
            /*justify-content: space-evenly;*/
            justify-content: space-between;
        }

         #motion-megamenu .mdc-expander__item:not(:first-child) {

            margin-left: 8px;


        }
     

     
        #motion-megamenu .mdc-expander__item .mdc-expander__trigger {
    
            justify-content: center;
    
        }
     
        /*.mdc-expander__trigger:hover .mdc-expander__trigger-text {
            color: #000 !important;
        }*/

        
        #motion-megamenu .mdc-expander__trigger {
             padding-top: 8px !important;
             padding-bottom: 8px !important;
         
        }
     
        #motion-megamenu .mdc-expander__trigger-text {
            font-size: 15px;
            font-weight: 500!important;
        }
        #motion-megamenu .mdc-expander__indicator {
            font-size: 22px;
            position: relative;
            left: 4px;
        }

        #motion-megamenu .mdc-expander__trigger:focus, 
        #motion-megamenu .mdc-expander__trigger:hover, 
        #motion-megamenu .mdc-expander__trigger:active {
            background-color: #C1E6ED;
            color: rgba(0,0,0,.87);
        }
     
        #motion-megamenu .mdc-expander__trigger.static:focus,
        #motion-megamenu .mdc-expander__trigger.static:hover,
        #motion-megamenu .mdc-expander__trigger.static:active {
            background-color: initial;
            
        }

        #motion-megamenu .mdc-expander__item:after {
            border-top: none !important;
        }


        .motion-homebanner__elements {
            z-index: 2 !important;

        }

        @media (min-width: 1248px) {
            .motion-homebanner__heading-body {
                width:90%;
                float: left;
                margin: 0% 0 10%;
            }
            
            .motion-homebanner__elements {
                margin: 24px auto 0 6% !important;
            }

        }

     
        @media (min-width: 1920px) {
           
            .motion-homebanner__elements {
                margin: 24px auto 0 11% !important;
            }

        }
     
     
        @media (min-width: 2184px) {
           
            .motion-homebanner__elements {
                margin: 24px auto 0 16% !important;
            }

        }
     
     
        @media (min-width: 804px) and (max-width: 1247.98px) {
            
            /*.motion-homebanner__heading-container {
                
                grid-column: 1 / span 8 !important;
                
            }  */
            
            #motion-home-banner.motion-homebanner {
                    background-image: url('<#if contentModel.herobannerImg_medium_s?has_content>${contentModel.herobannerImg_medium_s}</#if>') !important;
                    background-position: center center !important;
                    background-size: cover !important;
             }
             
        
        }
     
        /* Home page custom styling - Spacing */
     
        @media (max-width: 1247.98px) {
     
            #get-a-quote-home {
                
                padding-top: 0px !important;
                
            }
     
     
        }
        


        /* Animation effects  */ 

         .slideintext-down {
            opacity: 0;
            -webkit-animation: slidein-down-anim .5s cubic-bezier(.8,0,.2,1);
            animation: slidein-down-anim .5s cubic-bezier(.8,0,.2,1);
            -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
            -webkit-animation-direction: normal;
            animation-direction: normal;
            -webkit-backface-visibility: hidden;
            -webkit-transform: scale(1);
            backface-visibility: hidden;
            transform: scale(1)
         }

         @-webkit-keyframes slidein-down-anim {
            0% {
                opacity: 0;
                transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                visibility: hidden;
            }

            to {
                opacity: 1;
                transform: translateY(0%);
                -webkit-transform: translateY(0%);
                -o-transform: translateY(0%);
                -moz-transform: translateY(0%);
                visibility: visible;
            }
         }

        @keyframes slidein-down-anim {
            0% {
               opacity: 0;
                transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                visibility: hidden;
            }

            to {
                opacity: 1;
                transform: translateY(0%);
                -webkit-transform: translateY(0%);
                -o-transform: translateY(0%);
                -moz-transform: translateY(0%);
                visibility: visible;
            }
        }


/*
.mdc-drawer--modal + .motion-megamenu-scrim {
    background-color: rgba(89, 89, 89, 0.32);
}
*/

#motion-home-banner .motion-navbar {
    z-index:3 !important;
}
            
.motion-megamenu-scrim.active {
    
    display: block !important;
    
}
            
.motion-megamenu-scrim {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    /*height: 100%;*/
    height: 896px;
    max-height: 896px;
    transition-property: opacity, backdrop-filter, -webkit-backdrop-filter;
    transition-duration: 3s;
    transition-timing-function: ease;
    z-index: 3;
    background-color: rgba(0, 0, 0, 0.33);
}



  
            /* Carousel banner */
            /* Desktop background image */
            #motion-home-banner.motion-homebanner {
                background-image: url('<#if contentModel.herobannerImg_large_s?has_content>${contentModel.herobannerImg_large_s}</#if>');
                background-position: center;
                /*aspect-ratio: 1 / 1; */
                /*height: 660px;*/;
                height:896px;
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
            }
            /* Desktop background image wide*/
            @media (min-width: 2000px) {
                #motion-home-banner.motion-homebanner {
                    background-image: url('<#if contentModel.herobannerImg_xlarge_s?has_content>${contentModel.herobannerImg_xlarge_s}</#if>') !important; ;
                    background-position: center;
                }
            }
            /* Tablet background image */
            @media (min-width: 803px) and (max-width: 1247px) {

                #motion-home-banner.motion-homebanner {
                    position: relative;
                    width: 100%;
                    height: 100%;
                    min-height: 580px;
                }

                #motion-home-banner.motion-homebanner {
                    background-image: url('<#if contentModel.herobannerImg_medium_s?has_content>${contentModel.herobannerImg_medium_s}</#if>') !important;
                    background-position: center center !important;
                    background-size: cover !important;
                }
            }
            /* Mobile background image */
            @media (max-width: 803px) {
              #motion-home-banner.motion-homebanner {
                    position: relative;
                    width: 100%;
                    height: 100%;
                    min-height: 580px;
                }
                #motion-home-banner.motion-homebanner {
                    background-image: url('<#if contentModel.herobannerImg_small_s?has_content>${contentModel.herobannerImg_small_s}</#if>') !important;
                    background-position: center center !important;
                    background-size: cover !important;
                }
            }
            
             @media (min-width: 1248px) and (max-width: 1359px)  {
                .motion-homebanner__heading-body {
                    margin: 25% 0 !important;
                }
            }