/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./assets/css/core.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/** Note setup trong Greenshift breakpoint **/
/** 
    Mobile là từ 0 - 492px
    Mobile xoay ngang là từ 492 - 767px
    Tablet là từ 767 - 1140px
    Desktop > 1140px
**/
@media (min-width: 200px) {
  :root {
    --font-1: "KisbaNovaText";
    --font-2: "Rubik";
  }
}
@media (min-width: 1440px) {
  :root {
    --text-xs: 18px;
    --text-s: 20px;
    --text-m: 22px;
    --text-l: 24px;
    --text-xl: 24px;
    --text-2xl: 36px;
    --text-3xl: 48px;
    --text-4xl: 64px;
  }
}
.page_max_width {
  max-width: var(--page-max-width) !important;
  padding: 0 12.5px !important;
  margin: 0 auto !important;
}

h1 {
  font-size: var(--text-4xl);
  font-family: var(--font-1);
  font-weight: var(--font-weight-700);
  line-height: var(--lineheigh-s);
}

h2 {
  font-size: var(--text-3xl);
  font-family: var(--font-1);
  font-weight: var(--font-weight-500);
  line-height: var(--lineheigh-m);
}

h3 {
  font-size: var(--text-2xl);
  font-family: var(--font-2);
  font-weight: var(--font-weight-400);
  line-height: var(--lineheigh-m);
}

h4 {
  font-size: var(--text-xl);
  font-family: var(--font-2);
  font-weight: var(--font-weight-400);
  line-height: var(--lineheigh-s);
}

h5 {
  font-size: var(--text-s);
  font-family: var(--font-2);
  font-weight: var(--font-weight-400);
  line-height: var(--lineheigh-m);
}

h6 {
  font-size: var(--text-xs);
  font-family: var(--font-2);
  font-weight: var(--font-weight-300);
  line-height: var(--lineheigh-m);
}

p {
  font-size: var(--text-s);
  font-family: var(--font-2);
  font-weight: var(--font-weight-300);
  line-height: var(--lineheigh-m);
}

/*************************************/
/*          Structure FSE            */
/*************************************/
.wp-site-blocks {
  padding-top: 0;
  padding-bottom: 0;
}

.wp-site-blocks > * + * {
  margin-block-start: 0;
  margin-block-end: 0;
}

/*************************************/
/*            Typography             */
/*************************************/
body {
  font-size: var(--text-s);
  font-family: var(--font-2);
  font-weight: var(--font-weight-300);
  line-height: var(--lineheigh-m);
}

.text-clr-1 {
  color: var(--color-1);
}
.text-clr-2 {
  color: var(--color-2);
}
.text-clr-3 {
  color: var(--color-3);
}
.text-clr-4 {
  color: var(--color-4);
}
.text-clr-5 {
  color: var(--color-5);
}
.text-clr-6 {
  color: var(--color-6);
}

.text-weight-900 {
  font-weight: var(--font-weight-900);
}
.text-weight-800 {
  font-weight: var(--font-weight-800);
}
.text-weight-700 {
  font-weight: var(--font-weight-700);
}
.text-weight-600 {
  font-weight: var(--font-weight-600);
}
.text-weight-500 {
  font-weight: var(--font-weight-500);
}
.text-weight-400 {
  font-weight: var(--font-weight-400);
}
.text-weight-300 {
  font-weight: var(--font-weight-300);
}
.text-weight-200 {
  font-weight: var(--font-weight-200);
}
.text-weight-100 {
  font-weight: var(--font-weight-100);
}

.font-1-bold {
  font-family: var(--font-1);
  font-weight: var(--font-weight-700);
}
.font-1-medium {
  font-family: var(--font-1);
  font-weight: var(--font-weight-500);
}
.font-1-regular {
  font-family: var(--font-1);
  font-weight: var(--font-weight-400);
}
.font-2-light {
  font-family: var(--font-2);
  font-weight: var(--font-weight-300);
}
.font-2-medium {
  font-family: var(--font-2);
  font-weight: var(--font-weight-500);
}
.font-2-regular {
  font-family: var(--font-2);
  font-weight: var(--font-weight-400);
}

.text-2xs {
  font-size: var(--text-2xs) !important;
}
.text-xs {
  font-size: var(--text-xs) !important;
}
.text-s {
  font-size: var(--text-s) !important;
}
.text-m {
  font-size: var(--text-m) !important;
}
.text-l {
  font-size: var(--text-l) !important;
}
.text-xl {
  font-size: var(--text-xl) !important;
}
.text-2xl {
  font-size: var(--text-2xl) !important;
}
.text-3xl {
  font-size: var(--text-3xl) !important;
}
.text-4xl {
  font-size: var(--text-4xl) !important;
}
.text-5xl {
  font-size: var(--text-5xl) !important;
}
.text-6xl {
  font-size: var(--text-6xl) !important;
}
.text-6xle {
  font-size: var(--text-6xle) !important;
}
.text-7xl {
  font-size: var(--text-7xl) !important;
}
.text-center {
  text-align: center;
}

.text-shadow {
  text-shadow: var(--text-shadow-l);
}

.line-height-s {
  line-height: var(--lineheigh-s);
}
.line-height-m {
  line-height: var(--lineheigh-m);
}
.line-height-l {
  line-height: var(--lineheigh-l);
}

.letter-spacing-xs {
  letter-spacing: var(--letter-spacing-xs) !important;
}
.letter-spacing-s {
  letter-spacing: var(--letter-spacing-s) !important;
}
.letter-spacing-m {
  letter-spacing: var(--letter-spacing-m) !important;
}
.letter-spacing-l {
  letter-spacing: var(--letter-spacing-l) !important;
}
.letter-spacing-2xl {
  letter-spacing: var(--letter-spacing-2xl) !important;
}

/*************************************/
/*              Design               */
/*************************************/
.border-s {
  border: var(--border-size-s);
}
.border-m {
  border: var(--border-size-m);
}
.border-m {
  border: var(--border-size-l);
}
.border-left-s {
  border-left: var(--border-size-s);
}
.border-left-m {
  border-left: var(--border-size-m);
}
.border-left-l {
  border-left: var(--border-size-l);
}
.border-right-s {
  border-right: var(--border-size-s);
}
.border-right-m {
  border-right: var(--border-size-m);
}
.border-right-l {
  border-right: var(--border-size-l);
}
.border-bottom-s {
  border-bottom: var(--border-size-s);
}
.border-bottom-m {
  border-bottom: var(--border-size-m);
}
.border-bottom-l {
  border-bottom: var(--border-size-l);
}
.border-top-s {
  border-top: var(--border-size-s);
}
.border-top-m {
  border-top: var(--border-size-m);
}
.border-top-l {
  border-top: var(--border-size-l);
}
.border-radius {
  border-radius: var(--radius-s);
}
.border-radius-s {
  border-radius: var(--radius-s);
}
.border-radius-m {
  border-radius: var(--radius-s);
}
.border-radius-l {
  border-radius: var(--radius-s);
}

.image-fit-contain {
  -o-object-fit: contain;
     object-fit: contain;
}
.image-fit-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

/*************************************/
/*              Spacing              */
/*************************************/
body .section-s {
  padding-top: 50px;
  padding-bottom: 50px;
}
body .section-m {
  padding-top: 70px;
  padding-bottom: 70px;
}
body .section-l {
  padding-top: 100px;
  padding-bottom: 100px;
}
body .padding-left-xs {
  padding-left: var(--space-xs) !important;
}
body .padding-left-s {
  padding-left: var(--space-s) !important;
}
body .padding-left-m {
  padding-left: var(--space-m) !important;
}
body .padding-left-l {
  padding-left: var(--space-l) !important;
}
body .padding-left-xl {
  padding-left: var(--space-xl) !important;
}
body .padding-left-2xl {
  padding-left: var(--space-2xl) !important;
}
body .padding-right-xs {
  padding-right: var(--space-xs) !important;
}
body .padding-right-s {
  padding-right: var(--space-s) !important;
}
body .padding-right-m {
  padding-right: var(--space-m) !important;
}
body .padding-right-l {
  padding-right: var(--space-l) !important;
}
body .padding-right-xl {
  padding-right: var(--space-xl) !important;
}
body .padding-right-2xl {
  padding-right: var(--space-2xl) !important;
}
body .padding-bottom-xs {
  padding-bottom: var(--space-xs) !important;
}
body .padding-bottom-s {
  padding-bottom: var(--space-s) !important;
}
body .padding-bottom-m {
  padding-bottom: var(--space-m) !important;
}
body .padding-bottom-l {
  padding-bottom: var(--space-l) !important;
}
body .padding-bottom-xl {
  padding-bottom: var(--space-xl) !important;
}
body .padding-bottom-2xl {
  padding-bottom: var(--space-2xl) !important;
}
body .padding-top-xs {
  padding-top: var(--space-xs) !important;
}
body .padding-top-s {
  padding-top: var(--space-s) !important;
}
body .padding-top-m {
  padding-top: var(--space-m) !important;
}
body .padding-top-l {
  padding-top: var(--space-l) !important;
}
body .padding-top-xl {
  padding-top: var(--space-xl) !important;
}
body .padding-top-2xl {
  padding-top: var(--space-2xl) !important;
}
body .margin-left-xs {
  margin-left: var(--space-xs) !important;
}
body .margin-left-s {
  margin-left: var(--space-s) !important;
}
body .margin-left-m {
  margin-left: var(--space-m) !important;
}
body .margin-left-l {
  margin-left: var(--space-l) !important;
}
body .margin-left-xl {
  margin-left: var(--space-xl) !important;
}
body .margin-left-2xl {
  margin-left: var(--space-2xl) !important;
}
body .margin-right-xs {
  margin-right: var(--space-xs) !important;
}
body .margin-right-s {
  margin-right: var(--space-s) !important;
}
body .margin-right-m {
  margin-right: var(--space-m) !important;
}
body .margin-right-l {
  margin-right: var(--space-l) !important;
}
body .margin-right-xl {
  margin-right: var(--space-xl) !important;
}
body .margin-right-2xl {
  margin-right: var(--space-2xl) !important;
}
body .margin-bottom-xs {
  margin-bottom: var(--space-xs) !important;
}
body .margin-bottom-s {
  margin-bottom: var(--space-s) !important;
}
body .margin-bottom-m {
  margin-bottom: var(--space-m) !important;
}
body .margin-bottom-l {
  margin-bottom: var(--space-l) !important;
}
body .margin-bottom-xl {
  margin-bottom: var(--space-xl) !important;
}
body .margin-bottom-2xl {
  margin-bottom: var(--space-2xl) !important;
}
body .margin-top-xs {
  margin-top: var(--space-xs) !important;
}
body .margin-top-s {
  margin-top: var(--space-s) !important;
}
body .margin-top-m {
  margin-top: var(--space-m) !important;
}
body .margin-top-l {
  margin-top: var(--space-l) !important;
}
body .margin-top-xl {
  margin-top: var(--space-xl) !important;
}
body .margin-top-2xl {
  margin-top: var(--space-2xl) !important;
}
body .margin-auto {
  margin-left: auto;
  margin-right: auto;
}
body .space-owl-s > * + * {
  margin-top: 5px;
}
body .space-owl-m > * + * {
  margin-top: 10px;
}
body .space-owl-l > * + * {
  margin-top: 30px;
}
body .corner-xs {
  border-radius: var(--corner-xs) !important;
}
body .corner-s {
  border-radius: var(--corner-s) !important;
}
body .corner-m {
  border-radius: var(--corner-m) !important;
}
body .corner-l {
  border-radius: var(--corner-l) !important;
}
body .corner-xl {
  border-radius: var(--corner-xl) !important;
}
body .corner-2xl {
  border-radius: var(--corner-2xl) !important;
}
body .corner-3xl {
  border-radius: var(--corner-3xl) !important;
}

/*************************************/
/*            Components             */
/*************************************/

/*# sourceMappingURL=index.css.map*/