/** Shopify CDN: Minification failed

Line 282:13 Expected ":"

**/
/***** 1. Button Base *****/
.btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;

  padding: var(--btn-padding-y, 0.75rem) var(--btn-padding-x, 1rem);
  background: var(--btn-bg, #fff);
  border-radius: var(--btn-radius, 0.625rem);

  font-family: var(--btn-font-family, "Archivo", sans-serif);
  font-weight: var(--btn-weight, 600);
  font-size: var(--btn-size, 1.5625rem);
  line-height: var(--btn-line-height, 1);
  color: var(--btn-color, #333);

  text-align: center;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

.btn:hover{
   color: var(--btn-color, #333);
}

/***** 1.1 Button Colors *****/
.btn--grey {
  --btn-bg: #f5f5f5;
  --btn-color: #333232;
  border: 1px solid #f5f5f5;
}

.btn--red {
  --btn-bg: #b92234;
  --btn-color: #fff;
   border: 1px solid #b92234;
}

.btn--red:hover {
  --btn-bg: #fff;
  --btn-color: #b92234;
}

.btn--blue {
  --btn-bg: #31669D;
  --btn-color: #fff;
   border: 1px solid #31669D;
}

.btn--blue:hover {
  --btn-bg: #fff;
  --btn-color: #31669D;
}


.btn--red-out{
  --btn-bg: #fff;
  --btn-color: #b92234;
  border: 1px solid #B92234;
  border-radius: 8px;

}

.btn--red-out:hover{
  --btn-bg: #b92234;
  --btn-color: #fff;
   border: 1px solid #b92234;

}

.btn--blue-out{
  --btn-bg: #fff;
  --btn-color: #31669D;
  border: 1px solid #31669D;
  border-radius: 8px;

}

.btn--blue-out:hover{
  --btn-bg: #31669D;
  --btn-color: #fff;
   border: 1px solid #31669D;

}

.btn--cyan {
  --btn-bg: linear-gradient(90deg, #0DC8B5 0%, #6DF3EE 100%);
  --btn-color: #000;
  border: 0;
}

.btn--cyan:hover {
  --btn-bg: linear-gradient(180deg, #0DC8B5 0%, #6DF3EE 100%);;
  --btn-color:#000;
    border: 0px solid #0DC8B5;
}

/***** 1.2 Button Font Weight *****/
.btn--bold-700 {
  --btn-weight: 700;
}

.btn--bold-600 {
  --btn-weight: 600;
}

.btn--bold-500 {
  --btn-weight: 500;
}

.btn--regular {
  --btn-weight: 400;
}

.btn--regular {
  --btn-weight: 300;
}

/***** 1.3 Button Size *****/
.btn--small {
  --btn-size: 0.875rem;
  --btn-padding-y: 0.5rem;
  --btn-padding-x: 0.75rem;
}
.btn--large {
  --btn-size: 1.125rem;
  --btn-padding-y: 1rem;
  --btn-padding-x: 1.5rem;
}

/***** 1.4 Button lineheights *****/
.btn--compact {
  line-height: 1; /* = 100% */
}

.btn--normal {
  line-height: 1.2; /* = 120% */
}

.btn--loose {
  line-height: 1.3; /* = 130% */
}

/***** 2 page Width *****/
.c-page-width {
  max-width: 105rem;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  box-sizing: border-box;
}

.c-pahe-width-1920{
  max-width: 120rem;
   margin-left: auto;
  margin-right: auto;
  width: 100%;
  box-sizing: border-box;
}

/****** 3. Font Sizes ********/

.f--0_5625rem {
  font-size: 0.5625rem;
} /* 9px */

.f--0_625rem {
  font-size: 0.625rem;
} /* 10px */
.f--0_75rem {
  font-size: 0.75rem;
} /* 12px */
.f--0_8125rem {
  font-size: 0.8125rem;
} /* 13px */
.f--0_875rem {
  font-size: 0.875rem;
} /* 14px */
.f--0_9375rem {
   font-size: 0.9375rem;
} /* 15px */

.f--1rem {
  font-size: 1rem;
} /* 16px */
.f--1_0626rem {
  font-size: 1.0625rem;
} /* 17px */
.f--1_125rem {
  font-size: 1.125rem;
} /* 18px */
.f--1_1875rem {
  font-size: 1.1875rem;
} /* 19px */
.f--1_25rem {
  font-size: 1.25rem;
} /* 20px */
.f--1_375rem {
  font-size: 1.375rem;
} /* 22px */
.f--1_4375rem{
  font-size: 1.4375rem;
}/* 23px */
.f--1_5rem {
  font-size: 1.5rem;
} /* 24px */
.f--1_5625rem {
  font-size: 1.5625rem;
} /* 25px */
.f--1_625rem {
  font-size: 1.625rem;
} /* 26px */
.f--1_75rem {
  font-size: 1.75rem;
} /* 28px */
.f--875 {
  font-size: 1.875rem;
} /* 30px */
.f--2rem {
  font-size: 2rem;
} /* 32px */
.f--2_125rem {
   font-size: 2.125rem;
  } /* 34px */
.f--2_25rem {
  font-size: 2.25rem;
} /* 36px */
.f--2_5rem {
  font-size: 2.5rem;
} /* 40px */
.f--3rem {
  font-size: 3rem;
} /* 48px */
.f--3_125rem {
  font-size: 3.125rem;
} /* 50px */
.f--3_5rem {
 font-size: 3.5rem;
} /* 56px */

.f--3_75rem {
  font-size:  3.75rem;
} /* 60px */

.f--4rem {
  font-size: 4rem;
} /* 64px */

.f-trans-upper{
  text-transform: uppercase;
}

.ls--0_03{
  letter-spacing: 0.03em;
}
/******** 3.1 Font Weight *******/
.lh--compact {
  line-height: 1; /* = 100% */
}

.lh--compactm{
  line-height: 1.1;
}

.lh--normal {
  line-height: 1.2; /* = 120% */
}

.lh--loose {
  line-height: 1.3; /* = 130% */
}

.lh-0_6875rem {
  line-height 0.6875rem;
} /* 11px */

.lh-0_8125rem {
  line-height: 0.8125rem;
} /* 13px */

.lh-0_9375rem {
  line-height: 0.9375rem;
} /* 15px */
.lh-1rem {
  line-height: 1rem;
} /* 16px */
.lh-1_0625rem {
  line-height: 1.0625rem;
} /* 17px */
.lh-1_125rem {
  line-height: 1.125rem;
} /* 18px */
.lh-1_1875rem {
  line-height: 1.1875rem;
} /* 19px */
.lh-1_25rem {
  line-height: 1.25rem;
} /* 20px */
.lh-1_3125rem {
  line-height: 1.3125rem;
} /* 21px */
.lh-1_375rem {
  line-height: 1.375rem;
} /* 22px */
.lh-1_4375rem {
  line-height: 1.4375rem;
} /* 23px */
.lh-1_5rem {
  line-height: 1.5rem;
} /* 24px */
.lh-1_5625rem {
  line-height: 1.5625rem;
} /* 25px */
.lh-1_625rem {
  line-height: 1.625rem;
} /* 26px */
.lh-1_6875rem {
  line-height: 1.6875rem;
} /* 27px */
.lh-1_75rem {
  line-height: 1.75rem;
} /* 28px */
.lh-1_8125rem {
  line-height: 1.8125rem;
} /* 29px */
.lh-1_875rem {
  line-height: 1.875rem;
} /* 30px */
.lh-1_9375rem {
  line-height: 1.9375rem;
} /* 31px */
.lh-2rem {
  line-height: 2rem;
} /* 32px */
.lh-2_0625rem {
  line-height: 2.0625rem;
} /* 33px */
.lh-2_125rem {
  line-height: 2.125rem;
} /* 34px */
.lh-2_1875rem {
  line-height: 2.1875rem;
} /* 35px */
.lh-2_25rem {
  line-height: 2.25rem;
} /* 36px */
.lh-2_3125rem {
  line-height: 2.3125rem;
} /* 37px */
.lh-2_375rem {
  line-height: 2.375rem;
} /* 38px */
.lh-2_4375rem {
  line-height: 2.4375rem;
} /* 39px */
.lh-2_5rem {
  line-height: 2.5rem;
} /* 40px */
.lh-2_5625rem {
  line-height: 2.5625rem;
} /* 41px */
.lh-2_625rem {
  line-height: 2.625rem;
} /* 42px */
.lh-2_6875rem {
  line-height: 2.6875rem;
} /* 43px */
.lh-2_75rem {
  line-height: 2.75rem;
} /* 44px */
.lh-2_8125rem {
  line-height: 2.8125rem;
} /* 45px */
.lh-2_875rem {
  line-height: 2.875rem;
} /* 46px */
.lh-2_9375rem {
  line-height: 2.9375rem;
} /* 47px */
.lh-3rem {
  line-height: 3rem;
} /* 48px */
.lh-3_0625rem {
  line-height: 3.0625rem;
} /* 49px */
.lh-3_125rem {
  line-height: 3.125rem;
} /* 50px */
.lh-3_1875rem {
  line-height: 3.1875rem;
} /* 51px */
.lh-3_25rem {
  line-height: 3.25rem;
} /* 52px */
.lh-3_3125rem {
  line-height: 3.3125rem;
} /* 53px */
.lh-3_375rem {
  line-height: 3.375rem;
} /* 54px */
.lh-3_4375rem {
  line-height: 3.4375rem;
} /* 55px */
.lh-3_5rem {
  line-height: 3.5rem;
} /* 56px */
.lh-3_5625rem {
  line-height: 3.5625rem;
} /* 57px */
.lh-3_625rem {
  line-height: 3.625rem;
} /* 58px */
.lh-3_6875rem {
  line-height: 3.6875rem;
} /* 59px */
.lh-3_75rem {
  line-height: 3.75rem;
} /* 60px */
.lh-3_8125rem {
  line-height: 3.8125rem;
} /* 61px */
.lh-3_875rem {
  line-height: 3.875rem;
} /* 62px */
.lh-3_9375rem {
  line-height: 3.9375rem;
} /* 63px */
.lh-4rem {
  line-height: 4rem;
} /* 64px */

.lh-4_0625rem {
  line-height: 4.0625rem;
}

/******* 3.2 Font Colors *******/

.f--red{
   color: #B92234;
}
.f--blue {
  color: #08315B;
} /* Example: dark grey */

.f--blue-lightt{
   color:  #2F5993;
}

.f--blue-light{
   color:  #6DF3EE;
}
.f--black {
  color: #333232;
} /* Lighter text */
.f--accent {
  color: #d71920;
} /* Red or accent color */
.f--white {
  color: #ffffff;
}
.f--black-ori {
  color: #000000;
}

  .f--black-ori-70 {
    color: rgba(0, 0, 0, 0.7);
  }


.f--grey-light {
  color: #616161;
}
.f--grey-dark{
  color: #909090;
} 

.f--grey-dark-v{
  color: #525252;
} 

.f--grey-dark-vv{
  color: #414141;
} 




.f--nickel{
    color: #73777A;
}


.f--green {
  color: #006B44;
}

.f--cyan {
  color: #0DC8B5;
}
/****** 3.3 Font Weight ********/
.f--bold-700 {
  font-weight: 700;
}

.f--bold-600 {
  font-weight: 600;
}

.f--bold-500 {
  font-weight: 500;
}

.f--regular {
  font-weight: 400;
}

.f--light {
  font-weight: 300;
}



.f--upper{
  text-transform: uppercase;
}

.f--style-italic{
  font-style: italic;
}

@media (min-width: 768px) and (max-width: 992px) {
  /* Font Sizes - Smartly Reduced */
  .f--0_75rem     { font-size: 0.625rem; }    /* 10px (was 12px) */
  .f--0_875rem    { font-size: 0.75rem; }     /* 12px (was 14px) */
  .f--1rem        { font-size: 0.875rem; }    /* 14px (was 16px) */
  .f-0_8125rem    { font-size: 0.7125rem;     } /* 15px */
  .f--1_125rem    { font-size: 1rem; }        /* 16px (was 18px) */
  .f--1_1875rem   { line-height: 1rem; }      /* 16px (was 19px) */
  .f--1_25rem     { font-size: 1.125rem; }    /* 18px (was 20px) */
  .f--1_5rem      { font-size: 1.25rem; }     /* 20px (was 24px) */
  .f--1_625rem    { font-size: 1.375rem; }    /* 22px (was 26px) */
  .f--875         { font-size: 1.5rem; }      /* 24px (was 30px) */
  .f--2rem        { font-size: 1.75rem; }     /* 28px (was 32px) */
  .f--2_5rem      { font-size: 2.125rem; }    /* 34px (was 40px) */
  .f--3rem        { font-size: 2.5rem; }      /* 40px (was 48px) */
  .f--4rem        { font-size: 3rem; }        /* 48px (was 64px) */

  /* Line Heights - Smartly Reduced */
  .lh-1rem        { line-height: 0.875rem; }
  .lh-1_0625rem   { line-height: 0.9375rem; }
  .lh-1_125rem    { line-height: 1rem; }
  .lh-1_1875rem   { line-height: 1.0625rem; }
  .lh-1_25rem     { line-height: 1.125rem; }
  .lh-1_3125rem   { line-height: 1.1875rem; }
  .lh-1_375rem    { line-height: 1.25rem; }
  .lh-1_4375rem   { line-height: 1.3125rem; }
  .lh-1_5rem      { line-height: 1.375rem; }
  .lh-1_5625rem   { line-height: 1.4375rem; }
  .lh-1_625rem    { line-height: 1.5rem; }
  .lh-1_6875rem   { line-height: 1.5625rem; }
  .lh-1_75rem     { line-height: 1.625rem; }
  .lh-1_8125rem   { line-height: 1.6875rem; }
  .lh-1_875rem    { line-height: 1.75rem; }
  .lh-1_9375rem   { line-height: 1.8125rem; }
  .lh-2rem        { line-height: 1.875rem; }
  .lh-2_0625rem   { line-height: 1.9375rem; }
  .lh-2_125rem    { line-height: 2rem; }
  .lh-2_1875rem   { line-height: 2.0625rem; }
  .lh-2_25rem     { line-height: 2.125rem; }
  .lh-2_3125rem   { line-height: 2.1875rem; }
  .lh-2_375rem    { line-height: 2.25rem; }
  .lh-2_4375rem   { line-height: 2.3125rem; }
  .lh-2_5rem      { line-height: 2.375rem; }
  .lh-2_5625rem   { line-height: 2.4375rem; }
  .lh-2_625rem    { line-height: 2.5rem; }
  .lh-2_6875rem   { line-height: 2.5625rem; }
  .lh-2_75rem     { line-height: 2.625rem; }
  .lh-2_8125rem   { line-height: 2.6875rem; }
  .lh-2_875rem    { line-height: 2.75rem; }
  .lh-2_9375rem   { line-height: 2.8125rem; }
  .lh-3rem        { line-height: 2.875rem; }
  .lh-3_0625rem   { line-height: 2.9375rem; }
  .lh-3_125rem    { line-height: 3rem; }
  .lh-3_1875rem   { line-height: 3.0625rem; }
  .lh-3_25rem     { line-height: 3.125rem; }
  .lh-3_3125rem   { line-height: 3.1875rem; }
  .lh-3_375rem    { line-height: 3.25rem; }
  .lh-3_4375rem   { line-height: 3.3125rem; }
  .lh-3_5rem      { line-height: 3.375rem; }
  .lh-3_5625rem   { line-height: 3.4375rem; }
  .lh-3_625rem    { line-height: 3.5rem; }
  .lh-3_6875rem   { line-height: 3.5625rem; }
  .lh-3_75rem     { line-height: 3.625rem; }
  .lh-3_8125rem   { line-height: 3.6875rem; }
  .lh-3_875rem    { line-height: 3.75rem; }
  .lh-3_9375rem   { line-height: 3.8125rem; }
  .lh-4rem        { line-height: 3.875rem; }

  /* No changes to colors and font weights (safe to keep as-is) */
}


@media (max-width: 767px) {
  /****** 3. Font Sizes ********/

  .mf--0_5625rem {
    font-size: 0.5625rem;
    } /* 9px */

  .mf--0_625rem {
    font-size: 0.625rem;
  } /* 10px */
  .mf--0_75rem {
    font-size: 0.75rem;
  } /* 12px */
  .mf--0_8125rem {
    font-size: 0.8125rem;
  } /* 13px */
  .mf--0_875rem {
    font-size: 0.875rem;
  } /* 14px */
 .mf--0_9375rem {
   font-size: 0.9375rem;
} /* 15px */
  .mf--1rem {
    font-size: 1rem;
  } /* 16px */
  .mf--1_0626rem {
    font-size: 1.0625rem;
  } /* 17px */
  .mf--1_125rem {
    font-size: 1.125rem;
  } /* 18px */
  .mf--1_1875rem {
  font-size: 1.1875rem;
} /* 19px */
  .mf--1_25rem {
    font-size: 1.25rem;
  } /* 20px */
  .mf--1_375rem {
     font-size: 1.375rem;
  } /* 22px */
  .mf--1_5rem {
    font-size: 1.5rem;
  } /* 24px */
  .mf--1_4375rem{
    font-size: 1.4375rem;
  }/* 23px */
  .mf--1_5625rem {
    font-size: 1.5625rem;
  } /* 25px */
  .mf--1_75rem {
  font-size: 1.75rem;
} /* 28px */
.mf--875 {
  font-size: 1.875rem;
} /* 30px */
  .mf--2rem {
    font-size: 2rem;
  } /* 32px */
  .mf--2_125rem {
   font-size: 2.125rem;
  } /* 34px */
  .mf--2_25rem {
    font-size: 2.25rem;
  } /* 36px */
  .mf--2_5rem {
    font-size: 2.5rem;
  } /* 40px */
  .mf--3rem {
    font-size: 3rem;
  } /* 48px */
  .mf--4rem {
    font-size: 4rem;
  } /* 64px */

  /******** 3.1 Font Weight *******/
  .mlh--compact {
    line-height: 1; /* = 100% */
  }

  .mlh--normal {
    line-height: 1.2; /* = 120% */
  }

  .mlh--loose {
    line-height: 1.3; /* = 130% */
  }

  .mlh-0_6875rem {
    line-height: 0.6875rem;
   } /* 11px */

   .mlh-0_8125rem {
     line-height: 0.8125rem;
    } /* 13px */
    .mlh-0_875rem {
      line-height: 0.875rem;
    } /* 14px */
    .mlh-0_9375rem {
    line-height: 0.9375rem;
   } /* 15px */
  .mlh-1rem {
    line-height: 1rem;
  } /* 16px */
  .mlh-1_0625rem {
    line-height: 1.0625rem;
  } /* 17px */
  .mlh-1_125rem {
    line-height: 1.125rem;
  } /* 18px */
  .mlh-1_1875rem {
    line-height: 1.1875rem;
  } /* 19px */
  .mlh-1_25rem {
    line-height: 1.25rem;
  } /* 20px */
  .mlh-1_3125rem {
    line-height: 1.3125rem;
  } /* 21px */
  .mlh-1_375rem {
    line-height: 1.375rem;
  } /* 22px */
  .mlh-1_4375rem {
    line-height: 1.4375rem;
  } /* 23px */
  .mlh-1_5rem {
    line-height: 1.5rem;
  } /* 24px */
  .mlh-1_5625rem {
    line-height: 1.5625rem;
  } /* 25px */
  .mlh-1_625rem {
    line-height: 1.625rem;
  } /* 26px */
  .mlh-1_6875rem {
    line-height: 1.6875rem;
  } /* 27px */
  .mlh-1_75rem {
    line-height: 1.75rem;
  } /* 28px */
  .mlh-1_8125rem {
    line-height: 1.8125rem;
  } /* 29px */
  .mlh-1_875rem {
    line-height: 1.875rem;
  } /* 30px */
  .mlh-1_9375rem {
    line-height: 1.9375rem;
  } /* 31px */
  .mlh-2rem {
    line-height: 2rem;
  } /* 32px */
  .mlh-2_0625rem {
    line-height: 2.0625rem;
  } /* 33px */
  .mlh-2_125rem {
    line-height: 2.125rem;
  } /* 34px */
  .mlh-2_1875rem {
    line-height: 2.1875rem;
  } /* 35px */
  .mlh-2_25rem {
    line-height: 2.25rem;
  } /* 36px */
  .mlh-2_3125rem {
    line-height: 2.3125rem;
  } /* 37px */
  .mlh-2_375rem {
    line-height: 2.375rem;
  } /* 38px */
  .mlh-2_4375rem {
    line-height: 2.4375rem;
  } /* 39px */
  .mlh-2_5rem {
    line-height: 2.5rem;
  } /* 40px */
  .mlh-2_5625rem {
    line-height: 2.5625rem;
  } /* 41px */
  .mlh-2_625rem {
    line-height: 2.625rem;
  } /* 42px */
  .mlh-2_6875rem {
    line-height: 2.6875rem;
  } /* 43px */
  .mlh-2_75rem {
    line-height: 2.75rem;
  } /* 44px */
  .mlh-2_8125rem {
    line-height: 2.8125rem;
  } /* 45px */
  .mlh-2_875rem {
    line-height: 2.875rem;
  } /* 46px */
  .mlh-2_9375rem {
    line-height: 2.9375rem;
  } /* 47px */
  .mlh-3rem {
    line-height: 3rem;
  } /* 48px */
  .lh-3_0625rem {
    line-height: 3.0625rem;
  } /* 49px */
  .mlh-3_125rem {
    line-height: 3.125rem;
  } /* 50px */
  .mlh-3_1875rem {
    line-height: 3.1875rem;
  } /* 51px */
  .mlh-3_25rem {
    line-height: 3.25rem;
  } /* 52px */
  .mlh-3_3125rem {
    line-height: 3.3125rem;
  } /* 53px */
  .mlh-3_375rem {
    line-height: 3.375rem;
  } /* 54px */
  .mlh-3_4375rem {
    line-height: 3.4375rem;
  } /* 55px */
  .mlh-3_5rem {
    line-height: 3.5rem;
  } /* 56px */
  .mlh-3_5625rem {
    line-height: 3.5625rem;
  } /* 57px */
  .mlh-3_625rem {
    line-height: 3.625rem;
  } /* 58px */
  .mlh-3_6875rem {
    line-height: 3.6875rem;
  } /* 59px */
  .mlh-3_75rem {
    line-height: 3.75rem;
  } /* 60px */
  .mlh-3_8125rem {
    line-height: 3.8125rem;
  } /* 61px */
  .mlh-3_875rem {
    line-height: 3.875rem;
  } /* 62px */
  .mlh-3_9375rem {
    line-height: 3.9375rem;
  } /* 63px */
  .mlh-4rem {
    line-height: 4rem;
  } /* 64px */

  /******* 3.2 Font Colors *******/
  .mf--blue {
    color: #31669d;
  } /* Example: dark grey */
  .mf--black {
    color: #333232;
  } /* Lighter text */
  
  .mf--accent {
    color: #d71920;
  } /* Red or accent color */
  .mf--white {
    color: #ffffff;
  }
  .mf--black-ori {
    color: #000000;
  }

  .mf--black-ori-70 {
    color: rgba(0, 0, 0, 0.7);
  }

  /****** 3.3 Font Weight ********/
  .mf--bold-700 {
    font-weight: 700;
  }

  .mf--bold-600 {
    font-weight: 600;
  }

  .mf--bold-500 {
    font-weight: 500;
  }

  .mf--regular {
    font-weight: 400;
  }

  .mf--light {
    font-weight: 300;
  }

  .mfont-family-kanit{
    font-family: Kanit, sans-serif !important
  }
}