/** Shopify CDN: Minification failed

Line 29:6 All "@import" rules must come first

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

 /* CUSTOM FONT FAMILY START  */

  
    @import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,300;6..12,400;6..12,500;6..12,600;6..12,700;6..12,800;6..12,900&display=swap');
  


  
    @import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,300;6..12,400;6..12,500;6..12,600;6..12,700;6..12,800;6..12,900&display=swap');
  



  
  :root  {
    --font-heading-family: 'Nunito Sans', sans-serif;;
    --font-heading-weight: 700;
  }


  
      @import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,300;6..12,400;6..12,500;6..12,600;6..12,700;6..12,800;6..12,900&display=swap);
  
  :root {
    --font-body-family: 'Nunito Sans', sans-serif;;
    --font-body-weight: 400;
  }

 /* CUSTOM FONT FAMILY END */

 /* FONT STYLE START  */
:root {
  
    --primary-color: #071230;
  
  
    --secondary-color: #68b8fa;
    --btn-bg-opactiyclr: rgba(104, 184, 250, 0.4);
    --btn-txt-opactiyclr : #0668b9;
    --btn-bg-btnopactiyclr: rgba(104, 184, 250, 0.3);
  
  
    --tertiary-color: #f2d562;
    --btn-bg-btnopactiyclr2: rgba(242, 213, 98, 0.3);
  
  
    --quaternary-color: #1c3477;
  
  
    --quinary-color: #f4f5f8;
   
  
    --senary-color: #f3f5f8;
   
  
    --septenary-color: #ffffff;
  
  
    --btn-primary-bgcolor: #68b8fa;
  
  
    --btn-primary-txtcolor: #071230;
   
  
    --btn-secondary-bgcolor: #f2d562;
  
  
    --btn-secondary-txtcolor: #071230;
  
}

@media only screen and (min-width: 750px) {
  h1, .h1, .h0{
    font-size: 42px;
    line-height: normal;
  }
  h2, .h2{
    font-size: 36px;
    line-height: normal;
  }
  h3, .h3{
    font-size: 28px;
    line-height: normal;
  }
  h4, .h4{
    font-size: 26px;
    line-height: normal;
  }
  h5, .h5{
    font-size: 24px;
    line-height: normal;
  }
  h6, .h6{
    font-size: 20px;
    line-height: 28px;
  }
  .medium_body,.medium_body p{
    font-size: 20px;
    line-height: 28px;
  }
  body,
  .body_content {
    font-size: 16px;
    line-height: 24px;
  }
  .small_body{
    font-size: 14px;
    line-height: 21px;
  }
  .extra_small_body{
    font-size: 12px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 749px) {
  h1, .h1, .h0{
    font-size: 28px;
  }
  h2, .h2{
    font-size: 26px;
  }
  h3, .h3{
    font-size: 24px;
  }
  h4, .h4{
    font-size: 20px;
  }
  h5, .h5{
    font-size: 18px;
  }
  h6, .h6{
    font-size: 20px;
  }
  .medium_body,.medium_body p{
    font-size: 16px;
    line-height: 24px;
  }
  body,
  .body_content {
    font-size: 14px;
    line-height: 22px;
  }
  .small_body{
    font-size: 14px;
    line-height: 22px;
  }
  .extra_small_body{
    font-size: 12px;
    line-height: 20px;
  }
}
/* FONT STYLE END  */
/* button css */
.primary--button {
  border-radius: 5px;
  border: 1px solid var(--btn-primary-bgcolor);
  background: var(--btn-primary-bgcolor);
  color: var(--btn-primary-txtcolor);
  font-weight: 700;
  transition: 0.4s all ease;
  letter-spacing: 0;
}
.primary--button:hover {
  background: var(--btn-bg-btnopactiyclr);
}
.secondary--button {
  border-radius: 5px;
  transition: 0.4s all ease;
  border: 1px solid var(--btn-secondary-bgcolor);
  background: var(--btn-secondary-bgcolor);
  color: var(--btn-secondary-txtcolor);
  font-weight: 700;
  letter-spacing: 0;
}
.secondary--button:hover {
  background: var(--btn-bg-btnopactiyclr2);
}