@import url('https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
    :root {
        --bordercolor1: #1c439e;

        --settings_colour_1: #1c439e;
        --settings_colour_2: #232833;
        --settings_colour_3: #000000;
        --border-radius-mobile: 0px;
        --border-radius-desktop: 0px;
    }

    html {
        background-color: ;
    }

    body {
        font-family: "Sarabun", sans-serif;;
        color: #000000    }
    .primary-font { font-family: "Sarabun", sans-serif;; }

    .secondary-font { font-family: "Sarabun", sans-serif;; }

    /* elements which use primary font */
    .c-btn, .c-banner span:last-child a, .c-page-numbered-list__item-copy, .c-page-numbered-list__item-number span, .c-reviews__article-title, .c-reviews__article-date {
        font-family: "Sarabun", sans-serif;;
    }

    
    p, li, input, textarea, .u-paragraph, .c-contact-form .wpcf7-response-output {
        font-size: 18px;
        line-height: 1.5;
        /*color: ;*/
        font-weight: 400;
    }

    .u-btn, .u-btn svg g g  {
        color: #000000;
        stroke: #000000;
    }

    .u-btn  {
        border-color: #000000;
    }

    .u-btn:hover,.u-btn:hover svg g g {
        color: #ffffff;
        stroke: #ffffff;
    }

    h1, .u-h1 {
        font-size: 36px;
        line-height: 1.15;
        color: ;
        font-weight: 400;
        font-family: "Sarabun", sans-serif;;
    }

    h2, .u-h2 {
        font-size: 20px;
        line-height: 1.15;
        color: ;
        font-weight: 600;
        font-family: "Sarabun", sans-serif;;
    }

    h3, .u-h3 {
        font-size: 18px;
        line-height: 1;
        color: ;
        font-weight: 400;
        font-family: "Sarabun", sans-serif;;
    }

    h4, .u-h4 {
        font-size: 16px;
        line-height: 1.15;
        color: ;
        font-weight: 400;
        font-family: "Sarabun", sans-serif;;
    }

    h5, .u-h5 {
        font-size: 16px;
        line-height: 1.15;
        color: ;
        font-weight: 400;
        font-family: "Sarabun", sans-serif;;
    }

    @media ( max-width: 739px ) {
        h1, .u-h1 {
            font-size: 36px;
        }
        h2, .u-h2 {
            font-size: 20px;
        }
        h3, .u-h3 {
            font-size: 18px;
        }
        h4, .u-h4 {
            font-size: 16px;
        }

        h5, .u-h5 {
            font-size: 16px;
        }
    }

    /* Nav */
    .font-highlight-1 { color: #1c439e; }

    /**
     * alt colour, used on items where a background colour is set
     */

    .font-color-body {
        color: #000000;
    }
    
    .font-color-alt, .alt-colour,.alt-color, .c-info-column__copy-holder h2 {
        color: #fff;
        color: #ffffff    }

    .font-color-1 {
        color: #7ac1d0; /*default*/
        color: #1c439e;
    }
    .font-color-2 {
        color: #020a2b; /*default*/
        color: #232833;
    }
    .font-color-3 { color: #000000; }

    .bg-color-1 {
        background-color: #7ac1d0; /*default*/
        background-color: #1c439e;
    }
    .bg-color-2 {
        background-color: #020a2b; /*default*/
        background-color: #232833;
    }
    .bg-color-3 { background-color: #000000; }
    .bg-color-alt { 
        background-color: #fff;
        background-color: #ffffff    }

    .bg-color-2, .c-module-copy-block__header-title {
        background-color: #020a2b; /*default*/
        background-color: #232833;
        color: #ffffff    }

    .stroke-color-2 { stroke: #232833; }

    .border-color-1 { 
        border-color: #1c439e;
        border-top-width: 0px;
    }

    @media ( min-width: 980px ) {
        .border-color-1 { 
            border-top-width: 0px;
        }
    }

    /* border radius */
    .u-border-radius {
        border-radius: 0px;
    }

    .u-border-radius--2 {
        border-radius: -4px;
    }

    .c-page-services-grid__grid-item-img-wrapper, .u-border-radius-top {
        border-top-left-radius: -4px;
        border-top-right-radius: -4px;
    }

    @media ( min-width: 980px ) {
        .u-border-radius {
            border-radius: 0px;
        }

        .u-border-radius--2 {
            border-radius: -4px;
        }

        .c-page-services-grid__grid-item-img-wrapper {
            border-top-left-radius: -4px;
            border-top-right-radius: -4px;
        }
    }

    .border-color-2 { border-color: #232833; }
    .border-color-3 { border-color: #000000; }

    .border-color-1 { border-color: #1c439e; }

    a { color: #1c439e; }
    a:hover { border-color: #1c439e; }
    a:focus { border-color: #1c439e; }
    .c-btn--more:hover { background-color: #1c439e; }
    .c-btn--more:focus { background-color: #1c439e; }
    
    .c-btn--primary {
        background-color: #7ac1d0;
        color: #ffffff;
        background-color: #1c439e;
    }

    .c-btn--primary > .c-btn__ani:first-child:after,.c-btn--more > .c-btn__ani:first-child:after {
        background-color: #ffffff;
    }

    .c-btn--primary:hover {
        background-color: #020a2b;
        background-color: #232833;
    }

    .c-btn--primary-bgfixed-no:hover {
        background-color: #1c439e;
    }

    .c-btn--secondary {
        color: #ffffff;
        background-color: #020a2b;
        background-color: #232833;
    }

    .c-btn--secondary > .c-btn__ani:first-child:after {
        background-color: #ffffff;
    }

    .c-btn--secondary:hover {
        background-color: #7ac1d0;
        background-color: #1c439e;
    }

    .c-btn--alt {
        background-color: #fff;
        background-color: #ffffff;
        color: #1c439e;
    }

    .c-btn--alt > .c-btn__ani:first-child:after {
        background-color: #ffffff;
    }

    .c-btn--alt svg path,.c-btn--alt svg g {
        fill: #1c439e;
        stroke: #1c439e;
    }

    .c-page-hero__call-btn1 .c-btn__ani:after {
        background-color: #ffffff;
    }

    .c-btn--alt:hover {
        background-color: #7ac1d0;
        background-color: #232833;
        color: #fff;
        color: #ffffff;
    }

    .c-btn--alt:hover svg path,.c-btn--alt:hover svg g {
        fill: #ffffff;
        stroke: #ffffff;
    }

    

    .gradient-color, .c-contact-form input[type="submit"] {
                        background: black;
            }

        
    .c-btn.gradient-color {
        background: ;
        border-radius: ;
    }
    .c-btn.gradient-color:hover,.c-btn.gradient-color:hover {
        background: #1c439e !important;
        
    }

    .c-nav__menu ul > li .sub-menu li a {
        color: #232833;
    }

    .c-nav__menu ul > li .sub-menu li a:hover {
        color: #1c439e;
    }

    .c-nav, .c-nav.fixed {
        background-color: #232833;
    }

    .c-nav.fixed {
        background-color: #232833 !important;
    }

    

    /**
     * .c-banner
     */
     .c-banner span,.c-banner span a {
        color: #000000;
     }

     .c-banner span a:hover {
        color: #1c439e;
     }


    
        .c-btn.gradient-color, .c-contact-form input[type="submit"] {
            background: #232833;
            color: #ffffff;
            font-size: px;
                    }

        .c-page-call-to-action .c-btn:hover, .c-hero-services-grid .c-hero-services-grid__cta-block .c-btn:hover, .c-btn.gradient-color:hover, .c-contact-form input[type="submit"]:hover {
            background: ;
            color: ;
        }

        .c-page-call-to-action .c-btn a, .c-hero-services-grid .c-hero-services-grid__cta-block .c-btn a, .c-btn.gradient-color a {
            color: ;
        }

        
        .c-btn--more {
            background: #232833;
            color: #ffffff;
            font-size: px;
                        border-color: #232833;
        }
        .c-btn--more-dark svg #Group {
            stroke: #ffffff;
        }

        .c-btn--more:hover {
            background: #1c439e;
            color: #ffffff;
            border-color: #1c439e;
        }

        
                    .c-page-services-grid__grid-item-img-grad {
                        opacity: 0.5;
                    }

                
                        .c-banner span, .c-banner span a {
                color: #000000;
            }
            
                            .c-banner span a:hover {
                    color: #1c439e;
                }
            }
            
        

            @media ( min-width:  ) {
                
            }

            @media ( min-width: 965px ) {
                .c-nav__menu ul > li a {
                    font-size: px;
                    text-transform: initial;
                    font-weight: normal;
                }
            }

            @media ( min-width: 1185px ) {
                .c-nav__menu ul > li a {
                    font-size: px;
                }
            }