.custom-logo-img {
                    }

    

    


                                    @font-face {
        font-family: 'Poppins-Bold';
        src: url('https://millersquayapp.co.uk/assets/social/fonts/Poppins-Bold.otf')
    }

                            @font-face {
        font-family: 'Poppins-Light';
        src: url('https://millersquayapp.co.uk/assets/social/fonts/Poppins-Light.otf')
    }

                            @font-face {
        font-family: 'Poppins-Regular';
        src: url('https://millersquayapp.co.uk/assets/social/fonts/Poppins-Regular.otf')
    }

                            @font-face {
        font-family: 'Poppins-Thin';
        src: url('https://millersquayapp.co.uk/assets/social/fonts/Poppins-Thin.otf')
    }

                            @font-face {
        font-family: 'boing_bold';
        src: url('https://millersquayapp.co.uk/assets/social/fonts/boing_bold.woff2')
    }

                            @font-face {
        font-family: 'freight_sans';
        src: url('https://millersquayapp.co.uk/assets/social/fonts/freight_sans.woff2')
    }

                            @font-face {
        font-family: 'poppins-medium';
        src: url('https://millersquayapp.co.uk/assets/social/fonts/poppins-medium.otf')
    }

        
    .in-app-model, .in-app-model * {
                    background-color: #ffffff !important;
                            }

    .in-app-heading  {
                    color: #000000     !important;
                            font-size: 18px     !important;
                                            }

    .my-account-icon {
                    color: #F65135     !important;
            }

    .in-app-body-content {
                    color: #000000     !important;
                            font-size: 16px     !important;
                                            }

    .in-app-button {
                    color: #ffffff     !important;
                            font-size: 14px     !important;
                                                            background-color: #F65135 !important;
                            border-radius: 0.25rem !important;
                            text-transform: uppercase !important;
            }

    .in-app-button:hover {
                    color: #F65135     !important;
                            background-color: #ffffff !important;
            }




                                    @font-face {
        font-family: 'Poppins-Bold';
        src: url('https://millersquayapp.co.uk/assets/social/fonts/Poppins-Bold.otf')
    }

                            @font-face {
        font-family: 'Poppins-Light';
        src: url('https://millersquayapp.co.uk/assets/social/fonts/Poppins-Light.otf')
    }

                            @font-face {
        font-family: 'Poppins-Regular';
        src: url('https://millersquayapp.co.uk/assets/social/fonts/Poppins-Regular.otf')
    }

                            @font-face {
        font-family: 'Poppins-Thin';
        src: url('https://millersquayapp.co.uk/assets/social/fonts/Poppins-Thin.otf')
    }

                            @font-face {
        font-family: 'boing_bold';
        src: url('https://millersquayapp.co.uk/assets/social/fonts/boing_bold.woff2')
    }

                            @font-face {
        font-family: 'freight_sans';
        src: url('https://millersquayapp.co.uk/assets/social/fonts/freight_sans.woff2')
    }

                            @font-face {
        font-family: 'poppins-medium';
        src: url('https://millersquayapp.co.uk/assets/social/fonts/poppins-medium.otf')
    }

        
    .in-app-model, .in-app-model * {
                            }

    .in-app-heading  {
                                                    }

    .my-account-icon {
            }

    .in-app-body-content {
                                                     }

    .in-app-button {
                                                                                    text-transform: uppercase !important;
            }

    .in-app-button:hover {
                    }



                                    @font-face {
                font-family: 'Poppins-Bold';
                src: url('https://millersquayapp.co.uk/assets/social/fonts/Poppins-Bold.otf')
            }

                                @font-face {
                font-family: 'Poppins-Light';
                src: url('https://millersquayapp.co.uk/assets/social/fonts/Poppins-Light.otf')
            }

                                @font-face {
                font-family: 'Poppins-Regular';
                src: url('https://millersquayapp.co.uk/assets/social/fonts/Poppins-Regular.otf')
            }

                                @font-face {
                font-family: 'Poppins-Thin';
                src: url('https://millersquayapp.co.uk/assets/social/fonts/Poppins-Thin.otf')
            }

                                @font-face {
                font-family: 'boing_bold';
                src: url('https://millersquayapp.co.uk/assets/social/fonts/boing_bold.woff2')
            }

                                @font-face {
                font-family: 'freight_sans';
                src: url('https://millersquayapp.co.uk/assets/social/fonts/freight_sans.woff2')
            }

                                @font-face {
                font-family: 'poppins-medium';
                src: url('https://millersquayapp.co.uk/assets/social/fonts/poppins-medium.otf')
            }

            
    body {
                    background: #ececea !important;
            }

    body .single-card,
    body .single-card .card-header,
    body .single-card .image-container,
    body .single-card .card-body,
    body .page-container-custom .card,
    .single-page-col-auto {
                    background-color: #ffffff !important;
            }

    .custom-heading, .custom-heading * {
                        font-family: 'Archivo-Regular' !important;
                        margin: 0;

        
                        color: #000000 !important;
        
                        font-size: 18px !important;
        
        
        
        
        
            }

    .custom-heading:not(.forgot-pass), .custom-heading * {

            }


    .custom-web-top-banner, .custom-web-top-banner .custom-heading, .custom-web-top-banner .custom-heading * {

                       color: #000000 !important;
        
                       background-color: #F65135 !important;
            }



    .new-status {
                    background-color: #838383 !important;
                               color: #ffffff !important;
            }

    .completed-status {
                    background-color: #008000 !important;
                           color: #ffffff !important;
            }

    .issue-status {
                    background-color: #ff0000 !important;
                           color: #ffffff !important;
            }

    .scheduled-status {
                    background-color: #0000ff !important;
                           color: #ffffff !important;
            }

    .in-progress-status {
                    background-color: #ffa500 !important;
                           color: #ffffff !important;
            }

    .cancelled-status {
                    background-color: #000000 !important;
                           color: #ffffff !important;
            }
    .custom-subheading, .custom-subheading * :not(.new-message-badge) {
                    font-family:'Archivo-Regular' !important;
                
                       color: #000000 !important;
        
                       font-size: 16px !important;
        
        
        
        
        
        
        
    }

    .custom-text, .custom-text *:not(h1):not(h2):not(h3) {
                       font-size: 14px !important;
            }

    .custom-text, .custom-text * {

        
                    font-family:'Archivo-Light' !important;
        
                       color: #000000 !important;
        
        
        
        
        
            }

    .custom-text:not(.forgot-pass), .custom-text * {
        
    }

    .custom-img {
        
        
            }

    .custom-img:not(.card):not(.product-image-large) {
                                    }

    .custom-defined-content-box {
                            
                
                    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
            -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
            -ms-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
                overflow:hidden;
    }

    .card.single-card .card-header {
                    }

    .card.page-container-title-text,
    .custom-category-box {
                            
                
                    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
            -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
            -ms-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
                overflow:hidden;
    }

    .card:not(.single-card) .card-header {
                    }


    
   
    
    .custom-img .background:not(.single-card-img) {
        opacity: 1 !important;
        -webkit-transition: .3s ease-in-out !important;
        transition: .3s ease-in-out !important;
    }

    .custom-img {
        overflow: hidden;
    }

    .custom-img img {
        opacity: 1;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
    }
    .col-lg-4 .custom-img img {
        min-height: 200px;
    }

    
    
    .card-5 .card-body {
        background: #800080;
    }

    .custom-btn-without-color{
           border-radius: 3px;
            border: 1px solid;
    }

    .forgot-div{
        text-align: center;
        font-size: 14px;
    }

    .forgot-div a{
                    color: #F65135!important;
                            text-transform: uppercase !important;
            }
    body .container .video-container-custom-video-player svg{
                    fill: #F65135 !important;
            stroke: #F65135 !important;
            }
    body .container .video-container-custom-video-player button:hover svg{
                    fill: #F65135 !important;
            stroke: #F65135 !important;
        
    }
    :root {
                    --youtube-red: #F65135 !important;
            }
    body .container .video-container-custom-video-player input[type=range].volume{
                    background-color: #F65135 !important;
            }
    body .container .video-container-custom-video-player input[type=range].volume::-webkit-slider-thumb{
                    background-color: #F65135 !important;
            }
    body .container .video-container-custom-video-player .left-controls .time{
                    color: #ffffff !important;
            }
    .btn-container {
            }
    .custom-btn {
                            border-color: #F65135 !important;
                            border-radius: 3px !important;
                            font-family: 'Archivo_Expanded-SemiBold' !important;
                           color: #ffffff !important;
                           font-size: 12px !important;
                
                   letter-spacing: 0px !important;
        
                   word-spacing: 0px !important;
        
                   line-height: 31px !important;
        
                   background-color: #F65135 !important;
                            text-transform: uppercase !important;
            }

    .custom-btn:hover {
                   color: #F65135 !important;
                           background-color: #AEB1A3 !important;
                }
    .custom-category-title{
            }
    .custom-category-text,
    .custom-category-text *{
            }

    
    
    
    
    
    
    .pagination .page-link{
        color:#000000!important;
    }
    .active .page-link:not(.pagi) {
        color: #fff !important;
        background-color: #000000!important;
        border-color: #000000!important;
    }

    .custom-menu {
                    background-color: #ffffff !important;
            }

    .custom-menu-burger {
                            fill: #ffffff !important;
                    }

    .custom-menu-arrow {
                            fill: #ffffff !important;
                    }

    .menu-container.custom-menu .custom-menu-close,
    .menu-container.custom-menu .custom-menu-close *{
                    background-color: #ffffff !important;
        
                   stroke: #F65135 !important;
            }

    .menu-container.custom-menu .custom-logout-icon,
    .menu-container.custom-menu .custom-logout-icon *{
                    fill: #F65135 !important;
            }

    .custom-nav-link {
                    font-family:'Archivo-Medium' !important;
        
                   color: #F65135 !important;
        
                   font-size: 16px !important;
        
        
        
        
            }

    .custom-nav-link .new-message-badge {
        letter-spacing: 0px !important;
        word-spacing: 0px !important;
        line-height: 24px !important;
    }

    .custom-menu-item-arrow::after {
                    border-color: #F65135 !important;
            }

    .custom-menu-item-arrow::before {
                    }

    .custom-terms-privacy-link {
                    font-family:'Archivo-Light' !important;
        
                   color: #F65135 !important;
        
                   font-size: 12px !important;
        
        
        
        
            }




















    

    .accept-web-cookies-modal {
                    background-color: #F65135 !important;
            }
    .accept-web-cookies-modal p,
    .accept-web-cookies-modal a,
    .save-cookies-button
    {
                    font-family:'Archivo-Regular' !important;
                            font-size:12px !important;
                            color:#ffffff !important;
                            text-align:center !important;
                    }
    body .accept-web-cookies-modal a.custom-btn, .cookieSettingsModal a.custom-btn{
                            border-color: #aeb1a3 !important;
                            font-family:'Archivo-Regular' !important;
                            font-size:12px !important;
                            color:#ffffff !important;
                            background-color:#aeb1a3 !important;
                    }
    .accept-web-cookies-modal a.custom-btn:hover,  .cookieSettingsModal a.custom-btn:hover{
                    color:#ffffff !important;
                            background-color:#aeb1a3 !important;
            }

    .custom-button {
                    text-transform: uppercase !important;
            }