/** Shopify CDN: Minification failed

Line 99:25 Unterminated string token

**/
/* THIS IS A BRAND GUIDE FILE AND IT CONTAINS THE GLOBAL STYLING */

/* CUSTOM FONT FAMILY START */


  


/* heading font regular */

  
    @font-face {
      font-family: 'Lato';
      src: url('/cdn/shop/files/Lato-Regular.woff2?v=1741261094') format('woff2');
      font-weight: 400;
      font-style: normal;
      font-display: swap;
    }
  
  :root  {
    --font-heading-family: 'Lato';
    --font-heading-weight: 400;
  }


/* heading font light */

  
    @font-face {
      font-family: 'Lato';
      src: url('/cdn/shop/files/Lato-Light.woff2?v=1741261095') format('woff2');
      font-weight: 300;
      font-style: normal;
      font-display: swap;
    }
  
  :root  {
    --font-heading-weight-light: 300;
  }


/* heading font medium */

  
    @font-face {
      font-family: 'Lato';
      src: url('/cdn/shop/files/Lato-Medium.woff2?v=1741261095') format('woff2');
      font-weight: 500;
      font-style: normal;
      font-display: swap;
    }
  
  :root  {
    --font-heading-weight_medium: 500;
  }


/* heading font semibold */

  
    @font-face {
      font-family: 'Lato';
      src: url('/cdn/shop/files/Lato-Semibold.woff2?v=1741261094') format('woff2');
      font-weight: 600;
      font-style: normal;
      font-display: swap;
    }
  
  :root  {
    --font-heading-weight_semibold: 600;
  }


/* heading font bold */

  
    @font-face {
      font-family: 'Lato';
      src: url('/cdn/shop/files/Lato-Bold.woff2?v=1741485331') format('woff2');
      font-weight: 700;
      font-style: normal;
      font-display: swap;
    }
  
  :root  {
    --font-heading-weight_bold: 700;
  }


/* heading font black */

  
    @font-face {
      font-family: 'Lato;
      src: url('/cdn/shop/files/Lato-Black.woff2?v=1741583563') format('woff2');
      font-weight: 900;
      font-style: normal;
      font-display: swap;
    }
  
  :root  {
    --font-heading-weight_black: 900;
  }



/* body font regular */

  
    @font-face {
      font-family: 'Quicksand';
      src: url('/cdn/shop/files/Quicksand-Regular.woff2?v=1753278018')  format('woff2');
      font-weight: 400;
      font-style: normal;
      font-display: swap;
    }
  
  :root  {
    --font-body-family: 'Quicksand';
    --font-body-weight: 400;
  }


/* body font medium */

  
    @font-face {
      font-family: 'Quicksand';
      src: url('/cdn/shop/files/Quicksand-Medium.woff2?v=1741442017') format('woff2');
      font-weight: 500;
      font-style: normal;
      font-display: swap;
    }
  
  :root  {
    --font-body-weight_medium: 500;
  }


/* body font semi bold */

  
    @font-face {
      font-family: 'Quicksand';
      src: url('/cdn/shop/files/Quicksand-SemiBold.woff2?v=1753767158') format('woff2');
      font-weight: 600;
      font-style: normal;
      font-display: swap;
    }
  
  :root  {
    --font-body-weight_semibold: 600;
  }

/* body font bold */

  
    @font-face {
      font-family: 'Quicksand';
      src: url('/cdn/shop/files/Quicksand-Bold.woff2?v=1753705388') format('woff2');
      font-weight: 700;
      font-style: normal;
      font-display: swap;
    }
  
  :root  {
    --font-body-weight_bold: 700;
  }


/* body font light */

  
    @font-face {
      font-family: 'Quicksand';
      src: url('/cdn/shop/files/QuicksandLight-Regular.woff2?v=1741262055') format('woff2');
      font-weight: 300;
      font-style: normal;
      font-display: swap;
    }
  
  :root  {
    --font-body-weight_light: 300;
  }



/* CUSTOM FONT FAMILY END */

/* FONT STYLE START */
:root  {
  
    --primary-color: #2c9ddf;
  
  
    --secondary-color: #162950;
  
  
    --tertiary-color: #f8fff9;
  
  
    --quaternary-color: #3d3d3d;
  
  
    --quinary-color: #ffffff;
  
  
  
    --blue_light_transparent: #e0f0fa;
  
  
  
    --bg_white_color: #ffffff;
  
  
    --bg_sky_100: #ddf7ff;
  
  
    --bg_sky_200: #e9f9ff;
  
  
    --bg_sky_300: #f4fcff;
  
  
    --btn_bg_white_color: #ffffff;
  
  
    --btn_bg_primary_color: #ef5c35;
  
  
    --button_bg_sky_color: #2c9ddf;
  
  
    --button_bg_orange_color: #f66200;
  
  
    --btn_text_white_color: #ffffff;
  
  
    --btn_text_sky_blue_color: #2c9ddf;
  
  
    --text_primary_color: #2c9ddf;
  
  
    --text_secondary_color: #ffffff;
  
  
    --text_black_color: #000000;
  
  
    --text_white_color: #ffffff;
  
  
    --text_red_color: #651818;
  
  
    --text_blue_color: #162950;
  
  
    --text_dark_blue_color: #1b164a;
  
  
    --text_grey_color: #3d3d3d;
  
  
    --text_dark_grey_color: #8e9ca4;
  
  
    --text_green_color: #1f873d;
  
  
    --text_peach_color: #ec6f5b;
  
  
    --accent_red: #d9534f;
  
  
    --color_navy_purple: #37375d;
  
  
  
  
    --border_primary_color: #909090;
  
  
    --border_red_color: #d20000;
  
  
    --border_black_color: #000000;
  
  
    --border_grey_color: #e4e4e4;
  
  
    --border_blue_color: #162950;
  
  
    --shadow_white_color: #ffffff;
  
}
:root{
  --h1_desktop_size_regular: 50px;
  --body_desktop_3_size: 16px;
}
@media only screen and (min-width: 1023px) {
  .h2_regular {
    font-size: 45px;
  }
  h4,
  .h4 {
    font-size: 26px;
  }
  body, .body {
    font-size: 20px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 768px) {
  .font-size-header{
    font-size: 28px;
  }
  .h1_regular {
    font-size: 50px;
  }
  .h1_medium {
    font-size: 37px !important;
  }
  .h3_regular {
    font-size: 36px;
  }
  .h3_medium {
    font-size: 28px;
  }
  .h4_medium {
    font-size: 24px;
  }
  .h5_regular {
    font-size: 20px;
  }
  a{
    font-size: 18px;
  }
  .a_medium{
    font-size: 20px;
  }
  h1,
  .h1,
  .h0 {
    font-size: 78px;
  }
  h2,
  .h2 {
    font-size: 64px;
  }
  h3,
  .h3 {
    font-size: 40px;
  }
  h5,
  .h5 {
    font-size: 18px;
  }
  h6,
  .h6 {
    font-size: 16px;
  }

  .p {
    font-size: 24px;
    line-height: 27px;
  }
  .small_body {
    font-size: 16px;
    line-height: 20px;
  }
  .button{
    font-size: 20px;
  }
  .button_regular{
    font-size: 24px;
  }
  .button_medium{
    font-size: 18px;
  }
}
@media only screen and (max-width: 1300px) {
  h2,
  .h2 {
    font-size: 48px;
  }
}
@media only screen and (max-width: 1024px) {
  h1,
  .h1,
  .h0 {
    font-size: 46px;
  }
  .h2_regular {
    font-size: 38px;
  }
  h4,
  .h4 {
    font-size: 20px;
  }
  body, .body {
    font-size: 16px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 991px) {
  .font-size-header{
    font-size: 21px;
  }
  a{
    font-size: 18px;
  }
  .a_medium{
    font-size: 17px;
  }
  .h1_regular {
    font-size: 36px;
  }
  .h1_medium {
    font-size: 34px !important;
  }
  .h3_regular {
    font-size: 24px;
  }

  .h5_regular {
    font-size: 18px;
  }
  h3,
  .h3 {
    font-size: 30px;
  }

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

  .small_body {
    font-size: 14px;
    line-height: 18px;
  }

}
@media (max-width: 767px) {
  .button_regular{
    font-size: 16px;
  }
  .button{
    font-size: 16px;
  }
  .button_medium{
    font-size: 14px;
  }
  .h2_regular {
    font-size: 32px;
  }
  h2,
  .h2 {
    font-size: 32px;
  }
  .p {
    font-size: 16px;
    line-height: 20px;
  }
  .h4_medium {
    font-size: 18px;
  }
  .h3_medium {
    font-size: 20px;
  }
}
/* FONT STYLE END */