@font-face {
    font-family: 'CeraPro';
    font-weight: 300;
    font-display: swap;
    src: url('../fonts/Cera Pro Light.otf') format('opentype')
}

@font-face {
    font-family: 'CeraPro';
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/Cera Pro Regular.otf') format('opentype')
}

@font-face {
    font-family: 'CeraPro';
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/Cera Pro Medium.otf') format('opentype')
}

@font-face {
    font-family: 'CeraPro';
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/Cera Pro Bold.otf') format('opentype')
}

@font-face {
    font-family: 'Judge';
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/F37Judge-Bold.woff') format('woff')
}

@font-face {
    font-family: 'Edo';
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/edo.woff') format('woff')
}

@font-face {
    font-family: 'WorkSans';
    font-weight: 400;
    font-display: swap;
    src: local('WorkSans'), local('WorkSans-Regular');
    src: url('../fonts/WorkSans-Regular.eot');
    src: url('../fonts/WorkSans-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/WorkSans-Regular.woff') format('woff'),
    url('../fonts/WorkSans-Regular.ttf') format('truetype')
}

:root {
    --body-bg: #122e40;
    --primary-bg: #122e40;
    --bg-dark: #00243a;
    --colour-dark-blue: #00243a;
    --colour-grey-bg: #f7f7f7;
    --text-colour: white;
    --post-card: transparent;
    --colour-dark: black;
    --colour-light: white;
    --colour-dimmed: rgba(255, 255, 255, .5);
    --colour-btn-hover: #021e2f;
    --colour-light-darken: #021e2f;
    --colour-primary: white;
    /*--colour-highlight: #f93882;*/
    --colour-highlight: #eae710;
    --title-hightlight: #eae710;
    --testimonials-star-color: #eae710;
    --colour-highlight-2: #f93882;
    --colour-highlight-3: #eae710;
    --colour-primary-lighten: #fee1d7;
    --colour-secondary: rgb(2, 30, 47);
    --colour-positive: #eae710;
    --colour-negative: #ee4044;
    --colour-yellow: #eae710;
    --colour-line: rgba(255, 255, 255, .2);
    --colour-grass: #021e2f;
    --colour-mob-menu: #021e2f;
    --colour-link-colour: #eae710;
    --colour-dark-opaque: rgba(0, 0, 0, .5);
    --colour-featured-products: #eff1f5;
    --colour-darken-link-colour: darken(var(--colour-link-colour), 20%);
    --primary-title-font-family: 'Judge', Helvetica, Arial, sans-serif;
    --primary-font-family: 'CeraPro', Helvetica, Arial, sans-serif;
    --secondary-font-family: 'CeraPro', Helvetica, Arial, serif;
    --edo-font: 'Edo' , sans-serif;
    --button-radius: 12px;
    --hero-bg-color: #2e76a4;
    --hero-height: 844px;
    --hero-height-mobile: 647px;
    --modal-bg: white;
    --swiper-pagination-color: #eae710;
    --swiper-pagination-bullet-inactive-color: rgba(255, 255, 255, 1);
    /*--icon-tick: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMXB4IiB2aWV3Qm94PSIwIDAgMTIgMTEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBpZD0iSG9tZVNjcmVlbiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IjE5MjAtMjU2MF9hbGxTZWN0aW9ucyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE1MTEuMDAwMDAwLCAtNTI0My4wMDAwMDApIiBzdHJva2U9IiNmOTM4ODIiIHN0cm9rZS13aWR0aD0iMiI+CiAgICAgICAgICAgIDxnIGlkPSJjb250YWN0LWZvcm0iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCA0OTI4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9ImNvbnRlbnQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY1Ni4wMDAwMDAsIDY0LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJCZW5lZml0cyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODUzLjAwMDAwMCwgOTIuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJ1bCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDQ0LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAxMDguMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCA0LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWxpbmUgaWQ9IlBhdGgtMTAiIHBvaW50cz0iMyA4IDcgMTIgMTMgNCI+PC9wb2x5bGluZT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==');*/
    --icon-tick: url("data:image/svg+xml,%3Csvg width='12px' height='11px' viewBox='0 0 12 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='HomeScreen' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='1920-2560_allSections' transform='translate(-1511.000000, -5243.000000)' stroke='%23eae710' stroke-width='2'%3E%3Cg id='contact-form' transform='translate(0.000000, 4928.000000)'%3E%3Cg id='content' transform='translate(656.000000, 64.000000)'%3E%3Cg id='Benefits' transform='translate(853.000000, 92.000000)'%3E%3Cg id='ul' transform='translate(0.000000, 44.000000)'%3E%3Cg id='Group-9' transform='translate(0.000000, 108.000000)'%3E%3Cg id='Group-6' transform='translate(0.000000, 4.000000)'%3E%3Cpolyline id='Path-10' points='3 8 7 12 13 4'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    --form-label-color: #fff;
    --submit-bottom-color: #f93882;
    --submit-bottom-color--hover: #de0759;
    --caret-down: url("data:image/svg+xml,%3Csvg width='9' height='8' viewBox='0 0 9 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='8.25' height='8' fill='white' fill-opacity='0.01'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 1L0 1L4 7L8 1Z' fill='%23ffffff'/%3E%3C/svg%3E");
    --star-format : url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Svg Vector Icons : http://www.onlinewebfonts.com/icon --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1000 1000' enable-background='new 0 0 1000 1000' xml:space='preserve' fill='%23ffffff'%3E%3Cg%3E%3Cg%3E%3Cpath d='M500,10C229.4,10,10,229.4,10,500c0,270.6,219.4,490,490,490c270.6,0,490-219.4,490-490C990,229.4,770.6,10,500,10z M500,867.5C297,867.5,132.5,703,132.5,500c0-203,164.5-367.5,367.5-367.5c203,0,367.5,164.5,367.5,367.5C867.5,703,703,867.5,500,867.5z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    --blog-filter-bg: #2e76a4;
    --blog-filter-link: #fff;
    --blog-filter-link-hover: #eae710;
    --post-hero-overlay-color: #000000;
    --mobile-submenu-arrow: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'24\' height=\'24\' viewBox=\'0 0 24 24\' fill=\'none\' stroke=\'%232e76a4\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-linejoin=\'round\'%3E%3Cpolyline points=\'6 9 12 15 18 9\'/%3E%3C/svg%3E%0A');
}