@import url('https://fonts.googleapis.com/css2?family=DM Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
  
  
  :root {
    --color-primary: #efb6c4;
    --color-secondary: #fcfcfc;
    --color-highlight: #efb6c4;
    --color-alt: #fff7f7;
    --color-dark: #00223d;
    --color-light: #ffffff;
    --color-black: #00223d;
    --color-white: #fff;
    --color-grey: #666666;
    --color-lightgrey: #f7f7f7;

    --media-tablet: 1200px;
    --media-mobile: 790px;

    --header-logo-height: 100px;
    --header-logo-height-mobile: 60px;

    --footer-logo-height: 80px;
    --footer-logo-height-mobile:30px;

    --social-logo-size: 30px;
    --social-logo-size-mobile: 30px;

    --sizes-xxs: 5px;
    --sizes-xs: 10px;
    --sizes-sm: 20px;
    --sizes-md: 35px;
    --sizes-lg: 50px;
    --sizes-xl: 80px;
    --sizes-xxl: 160px;
      
    --s-sizes-xxs: 200px;
    --s-sizes-xs: 300px;
    --s-sizes-sm: 450px;
    --s-sizes-md: 550px;
    --s-sizes-lg: 650px;
    --s-sizes-xl: 750px;
    --s-sizes-xxl: 950px;

    --title-font-name: 'DM Sans', sans-serif;
    --paragraph-font-name: 'DM Sans', sans-serif;
    --highlight-font-name: cursive, sans-serif;

    --overlay-opacity: 0.8;
    --overlay-backgroundcolour: #00223d;

    --bg-fade-start: 0;
    --bg-fade-end: 1;
    --bg-fade-time: 0.5s;
    --bg-translate-y-start: 0;
    --bg-translate-y-end: 0;
    --bg-translate-y-time: 0s;

    --con-fade-start: 0;
    --con-fade-end: 1;
    --con-fade-time: 1.2s;
    --con-translate-y-start: 100px;
    --con-translate-y-end: 0;
    --con-translate-y-time: 0.8s;

    --h0_font_size: 65px;
    --h0_font_weight: 400;
    --h0_line_height: 75px;
    --h0_font_size_mobile: 40px;
    --h0_font_weight_mobile: 300;
    --h0_line_height_mobile: 46px;

    --h1_font_size: 55px;
    --h1_font_weight: 300;
    --h1_line_height: 62px;
    --h1_font_size_mobile: 40px;
    --h1_font_weight_mobile: 600;
    --h1_line_height_mobile: 46px;

    --h2_font_size: 30px;
    --h2_font_weight: 300;
    --h2_line_height: 37px;
    --h2_font_size_mobile: 30px;
    --h2_font_weight_mobile: 500;
    --h2_line_height_mobile: 37px;

    --h3_font_size: 25px;
    --h3_font_weight: 400;
    --h3_line_height: 30px;
    --h3_font_size_mobile: 25px;
    --h3_font_weight_mobile: 500;
    --h3_line_height_mobile: 30px;
    
    --h4_font_size: 20px;
    --h4_font_weight: 500;
    --h4_line_height: 25px;
    --h4_font_size_mobile: 20px;
    --h4_font_weight_mobile: 500;
    --h4_line_height_mobile: 25px;

    --h5_font_size: 18px;
    --h5_font_weight: 500;
    --h5_line_height: 23px;
    --h5_font_size_mobile: 18px;
    --h5_font_weight_mobile: 500;
    --h5_line_height_mobile: 23px;

    --h6_font_size: 16px;
    --h6_font_weight: 400;
    --h6_line_height: 20px;
    --h6_font_size_mobile: 16px;
    --h6_font_weight_mobile: 400;
    --h6_line_height_mobile: 20px;

    --h7_font_size: 15px;
    --h7_font_weight: 400;
    --h7_line_height: 20px;
    --h7_font_size_mobile: 15px;
    --h7_font_weight_mobile: 400;
    --h7_line_height_mobile: 20px;

    --p_font_size: 17px;
    --p_font_weight: 300;
    --p_line_height: 23px;
    --p_font_size_mobile: 14px;
    --p_font_weight_mobile: 400;
    --p_line_height_mobile: 20px;

    --slider-icon-arrow-width: ;

    --slider-scrollbar-color: #efb6c4;
    --slider-scrollrail-colour: #f7f7f7;
    --slider-scrollrail-opacity: 1;
    --slider-navigationdots-color: #efb6c4;
    --slider-navigationdot-active-colour: #efb6c4;
    --slider-navigationdot-opacity: 0.5;

    --slider-scrollrail-colour-rgba: rgba(247, 247, 247, 1);
    --slider-navigationdots-color-rgba: rgba(239, 182, 196, 0.5);

    --slider-scrollbar-color-dark: #efb6c4;
    --slider-scrollrail-colour-dark: #fff;
    --slider-scrollrail-opacity-dark: 0.1;
    --slider-navigationdots-color-dark: #efb6c4;
    --slider-navigationdot-active-colour-dark: #efb6c4;
    --slider-navigationdot-opacity-dark: 0.5;

    --slider-scrollrail-colour-rgba-dark: rgba(255, 255, 255, 0.1);
    --slider-navigationdots-color-rgba-dark: rgba(239, 182, 196, 0.5);

    --slider-scrollbar-color-highlight: #fff;
    --slider-scrollrail-colour-highlight: #fff;
    --slider-scrollrail-opacity-highlight: 0.2;
    --slider-navigationdots-color-highlight: #fff;
    --slider-navigationdot-active-colour-highlight: #fff;
    --slider-navigationdot-opacity-highlight: 0.2;

    --slider-scrollrail-colour-rgba-highlight: rgba(255, 255, 255, 0.2);
    --slider-navigationdots-color-rgba-highlight: rgba(255, 255, 255, 0.2);

    --slider-scrollbar-color-light: #efb6c4;
    --slider-scrollrail-colour-light: #fff;
    --slider-scrollrail-opacity-light: 0.3;
    --slider-navigationdots-color-light: #00223d;
    --slider-navigationdot-active-colour-light: #00223d;
    --slider-navigationdot-opacity-light: 0.2;

    --slider-scrollrail-colour-rgba-light: rgba(255, 255, 255, 0.3);
    --slider-navigationdots-color-rgba-light: rgba(0, 34, 61, 0.2);

    --button_1_background_colour: #efb6c4;
    --button_1_text_colour: #00223d;
    --button_1_outline_colour: #efb6c4;
    --button_1_outline_thickness: 1px;
    --button_1_opacity: 1;
    --button_1_background_colour_hover: transparent;
    --button_1_text_colour_hover: #00223d;
    --button_1_outline_thickness_hover: 1px;
    --button_1_outline_colour_hover: #efb6c4;
    --button_1_opacity_hover: 1;
    --button_1_border_radius: 50px;

    --button_1_dark_background_colour: #efb6c4;
    --button_1_dark_text_colour: #fff;
    --button_1_dark_outline_colour: #efb6c4;
    --button_1_dark_outline_thickness: 1px;
    --button_1_dark_opacity: 1;
    --button_1_dark_background_colour_hover: transparent;
    --button_1_dark_text_colour_hover: #efb6c4;
    --button_1_dark_outline_thickness_hover: 1px;
    --button_1_dark_outline_colour_hover: #efb6c4;
    --button_1_dark_opacity_hover: 1;
    --button_1_dark_border_radius: 50px;

    --button_1_highlight_background_colour: #fff;
    --button_1_highlight_text_colour: #efb6c4;
    --button_1_highlight_outline_colour: #fff;
    --button_1_highlight_outline_thickness: 1px;
    --button_1_highlight_opacity: 1;
    --button_1_highlight_background_colour_hover: #efb6c4;
    --button_1_highlight_text_colour_hover: #fff;
    --button_1_highlight_outline_thickness_hover: 1px;
    --button_1_highlight_outline_colour_hover: #fff;
    --button_1_highlight_opacity_hover: 1;
    --button_1_highlight_border_radius: 50px;

    --button_1_light_background_colour: #00223d;
    --button_1_light_text_colour: #00223d;
    --button_1_light_outline_colour: #00223d;
    --button_1_light_outline_thickness: 1px;
    --button_1_light_opacity: 1;
    --button_1_light_background_colour_hover: #00223d;
    --button_1_light_text_colour_hover: #00223d;
    --button_1_light_outline_thickness_hover: 1px;
    --button_1_light_outline_colour_hover: #00223d;
    --button_1_light_opacity_hover: 1;
    --button_1_light_border_radius: 50px;

    --button_2_background_colour: transparent;
    --button_2_text_colour: #efb6c4;
    --button_2_outline_colour: #efb6c4;
    --button_2_outline_thickness: 1px;
    --button_2_opacity: 1;
    --button_2_background_colour_hover: #efb6c4;
    --button_2_text_colour_hover: #fff;
    --button_2_outline_thickness_hover: 1px;
    --button_2_outline_colour_hover: #efb6c4;
    --button_2_opacity_hover: 1;
    --button_2_border_radius: 100px;

    --button_2_dark_background_colour: transparent;
    --button_2_dark_text_colour: #efb6c4;
    --button_2_dark_outline_colour: #efb6c4;
    --button_2_dark_outline_thickness: 1px;
    --button_2_dark_opacity: 1;
    --button_2_dark_background_colour_hover: #efb6c4;
    --button_2_dark_text_colour_hover: #00223d;
    --button_2_dark_outline_thickness_hover: 1px;
    --button_2_dark_outline_colour_hover: #efb6c4;
    --button_2_dark_opacity_hover: 1;
    --button_2_dark_border_radius: 50px;

    --button_2_highlight_background_colour: transparent;
    --button_2_highlight_text_colour: #fff;
    --button_2_highlight_outline_colour: #fff;
    --button_2_highlight_outline_thickness: 1px;
    --button_2_highlight_opacity: 1;
    --button_2_highlight_background_colour_hover: #fff;
    --button_2_highlight_text_colour_hover: #efb6c4;
    --button_2_highlight_outline_thickness_hover: 1px;
    --button_2_highlight_outline_colour_hover: #fff;
    --button_2_highlight_opacity_hover: 1;
    --button_2_highlight_border_radius: 50px;

    --button_2_light_background_colour: transparent;
    --button_2_light_text_colour: #efb6c4;
    --button_2_light_outline_colour: #efb6c4;
    --button_2_light_outline_thickness: 1px;
    --button_2_light_opacity: 1;
    --button_2_light_background_colour_hover: #efb6c4;
    --button_2_light_text_colour_hover: #fff;
    --button_2_light_outline_thickness_hover: 1px;
    --button_2_light_outline_colour_hover: #efb6c4;
    --button_2_light_opacity_hover: 1;
    --button_2_light_border_radius: 50px;

    
    --button_3_background_colour: #efb6c4;
    --button_3_text_colour: #fff;
    --button_3_outline_colour: transparent;
    --button_3_outline_thickness: 1px;
    --button_3_opacity: 1;
    --button_3_background_colour_hover: transparent;
    --button_3_text_colour_hover: #efb6c4;
    --button_3_outline_thickness_hover: 1px;
    --button_3_outline_colour_hover: #efb6c4;
    --button_3_opacity_hover: 1;
    --button_3_border_radius: 0px;

    --button_3_dark_background_colour: #efb6c4;
    --button_3_dark_text_colour: #fff;
    --button_3_dark_outline_colour: #efb6c4;
    --button_3_dark_outline_thickness: 1px;
    --button_3_dark_opacity: 1;
    --button_3_dark_background_colour_hover: transparent;
    --button_3_dark_text_colour_hover: #efb6c4;
    --button_3_dark_outline_thickness_hover: 1px;
    --button_3_dark_outline_colour_hover: #efb6c4;
    --button_3_dark_opacity_hover: 1;
    --button_3_dark_border_radius: 0px;

    --button_3_highlight_background_colour: #fff;
    --button_3_highlight_text_colour: #efb6c4;
    --button_3_highlight_outline_colour: #fff;
    --button_3_highlight_outline_thickness: 1px;
    --button_3_highlight_opacity: 1;
    --button_3_highlight_background_colour_hover: #efb6c4;
    --button_3_highlight_text_colour_hover: #fff;
    --button_3_highlight_outline_thickness_hover: 1px;
    --button_3_highlight_outline_colour_hover: #fff;
    --button_3_highlight_opacity_hover: 1;
    --button_3_highlight_border_radius: 0px;

    --button_3_light_background_colour: #efb6c4;
    --button_3_light_text_colour: #fff;
    --button_3_light_outline_colour: transparent;
    --button_3_light_outline_thickness: 1px;
    --button_3_light_opacity: 1;
    --button_3_light_background_colour_hover: transparent;
    --button_3_light_text_colour_hover: #efb6c4;
    --button_3_light_outline_thickness_hover: 1px;
    --button_3_light_outline_colour_hover: #efb6c4;
    --button_3_light_opacity_hover: 1;
    --button_3_light_border_radius: 0px;

    --button_4_background_colour: transparent;
    --button_4_text_colour: #efb6c4;
    --button_4_outline_colour: #efb6c4;
    --button_4_outline_thickness: 1px;
    --button_4_opacity: 1;
    --button_4_background_colour_hover: #efb6c4;
    --button_4_text_colour_hover: #fff;
    --button_4_outline_thickness_hover: 1px;
    --button_4_outline_colour_hover: transparent;
    --button_4_opacity_hover: 1;
    --button_4_border_radius: 0px;

    --button_4_dark_background_colour: transparent;
    --button_4_dark_text_colour: #efb6c4;
    --button_4_dark_outline_colour: #efb6c4;
    --button_4_dark_outline_thickness: 1px;
    --button_4_dark_opacity: 1;
    --button_4_dark_background_colour_hover: #efb6c4;
    --button_4_dark_text_colour_hover: #fff;
    --button_4_dark_outline_thickness_hover: 1px;
    --button_4_dark_outline_colour_hover: #efb6c4;
    --button_4_dark_opacity_hover: 1;
    --button_4_dark_border_radius: 0px;

    --button_4_highlight_background_colour: transparent;
    --button_4_highlight_text_colour: #fff;
    --button_4_highlight_outline_colour: #fff;
    --button_4_highlight_outline_thickness: 1px;
    --button_4_highlight_opacity: 1;
    --button_4_highlight_background_colour_hover: #fff;
    --button_4_highlight_text_colour_hover: #efb6c4;
    --button_4_highlight_outline_thickness_hover: 1px;
    --button_4_highlight_outline_colour_hover: #fff;
    --button_4_highlight_opacity_hover: 1;
    --button_4_highlight_border_radius: 0px;

    --button_4_light_background_colour: transparent;
    --button_4_light_text_colour: #efb6c4;
    --button_4_light_outline_colour: #efb6c4;
    --button_4_light_outline_thickness: 1px;
    --button_4_light_opacity: 1;
    --button_4_light_background_colour_hover: #efb6c4;
    --button_4_light_text_colour_hover: #fff;
    --button_4_light_outline_thickness_hover: 1px;
    --button_4_light_outline_colour_hover: transparent;
    --button_4_light_opacity_hover: 1;
    --button_4_light_border_radius: 0px;
    
    --button_5_background_colour: transparent;
    --button_5_text_colour: #efb6c4;
    --button_5_outline_colour: #efb6c4;
    --button_5_outline_thickness: 0px;
    --button_5_opacity: 1;
    --button_5_background_colour_hover: transparent;
    --button_5_text_colour_hover: #efb6c4;
    --button_5_outline_thickness_hover: 0px;
    --button_5_outline_colour_hover: transparent;
    --button_5_opacity_hover: 1;
    --button_5_border_radius: 50px;

    --button_5_dark_background_colour: transparent;
    --button_5_dark_text_colour: #fff;
    --button_5_dark_outline_colour: transparent;
    --button_5_dark_outline_thickness: 1px;
    --button_5_dark_opacity: 1;
    --button_5_dark_background_colour_hover: transparent;
    --button_5_dark_text_colour_hover: #fff;
    --button_5_dark_outline_thickness_hover: 1px;
    --button_5_dark_outline_colour_hover: transparent;
    --button_5_dark_opacity_hover: 1;
    --button_5_dark_border_radius: 50px;

    --button_5_highlight_background_colour: transparent;
    --button_5_highlight_text_colour: #fff;
    --button_5_highlight_outline_colour: transparent;
    --button_5_highlight_outline_thickness: 1px;
    --button_5_highlight_opacity: 1;
    --button_5_highlight_background_colour_hover: transparent;
    --button_5_highlight_text_colour_hover: #fff;
    --button_5_highlight_outline_thickness_hover: 1px;
    --button_5_highlight_outline_colour_hover: transparent;
    --button_5_highlight_opacity_hover: 1;
    --button_5_highlight_border_radius: 50px;

    --button_5_light_background_colour: transparent;
    --button_5_light_text_colour: #efb6c4;
    --button_5_light_outline_colour: transparent;
    --button_5_light_outline_thickness: 1px;
    --button_5_light_opacity: 1;
    --button_5_light_background_colour_hover: transparent;
    --button_5_light_text_colour_hover: #efb6c4;
    --button_5_light_outline_thickness_hover: 1px;
    --button_5_light_outline_colour_hover: transparent;
    --button_5_light_opacity_hover: 1;
    --button_5_light_border_radius: 50px;

    --button_6_background_colour: transparent;
    --button_6_text_colour: #00223d;
    --button_6_outline_colour: transparent;
    --button_6_outline_thickness: 1px;
    --button_6_opacity: 1;
    --button_6_background_colour_hover: transparent;
    --button_6_text_colour_hover: #efb6c4;
    --button_6_outline_thickness_hover: 1px;
    --button_6_outline_colour_hover: transparent;
    --button_6_opacity_hover: 0.7;
    --button_6_border_radius: 50px;

    --button_6_dark_background_colour: transparent;
    --button_6_dark_text_colour: #fff;
    --button_6_dark_outline_colour: transparent;
    --button_6_dark_outline_thickness: 1px;
    --button_6_dark_opacity: 1;
    --button_6_dark_background_colour_hover: transparent;
    --button_6_dark_text_colour_hover: #efb6c4;
    --button_6_dark_outline_thickness_hover: 1px;
    --button_6_dark_outline_colour_hover: transparent;
    --button_6_dark_opacity_hover: 0.7;
    --button_6_dark_border_radius: 50px;

    --button_6_highlight_background_colour: transparent;
    --button_6_highlight_text_colour: #fff;
    --button_6_highlight_outline_colour: transparent;
    --button_6_highlight_outline_thickness: 1px;
    --button_6_highlight_opacity: 1;
    --button_6_highlight_background_colour_hover: transparent;
    --button_6_highlight_text_colour_hover: #fff;
    --button_6_highlight_outline_thickness_hover: 1px;
    --button_6_highlight_outline_colour_hover: transparent;
    --button_6_highlight_opacity_hover: 0.7;
    --button_6_highlight_border_radius: 50px;

    --button_6_light_background_colour: transparent;
    --button_6_light_text_colour: #00223d;
    --button_6_light_outline_colour: transparent;
    --button_6_light_outline_thickness: 1px;
    --button_6_light_opacity: 1;
    --button_6_light_background_colour_hover: transparent;
    --button_6_light_text_colour_hover: #efb6c4;
    --button_6_light_outline_thickness_hover: 1px;
    --button_6_light_outline_colour_hover: transparent;
    --button_6_light_opacity_hover: 0.7;
    --button_6_light_border_radius: 50px;
  }