@font-face {
   font-family: CPN;
   src: url(/National_Library/oe_/https://yeah1group.com/fonts/font-cpn-lightce2b6.eot);
   src: url(/National_Library/oe_/https://yeah1group.com/fonts/font-cpn-lightce2b6.eot#iefix) format("embedded-opentype"), url(/National_Library/oe_/https://yeah1group.com/fonts/font-cpn-lightdb30a.woff2) format("woff2"), url(/National_Library/oe_/https://yeah1group.com/fonts/font-cpn-lightc751f.woff) format("woff"), url(/National_Library/oe_/https://yeah1group.com/fonts/font-cpn-light79ed2.ttf) format("truetype"), url(/National_Library/oe_/https://yeah1group.com/fonts/svg-cpn-light8ce03.svg#cpn-light) format("svg");
   font-weight: 300;
   font-style: normal
}

@font-face {
   font-family: CPN;
   src: url(/National_Library/oe_/https://yeah1group.com/fonts/font-cpn-light-italic625da.eot);
   src: url(/National_Library/oe_/https://yeah1group.com/fonts/font-cpn-light-italic625da.eot#iefix) format("embedded-opentype"), url(/National_Library/oe_/https://yeah1group.com/fonts/font-cpn-light-italice2576.woff2) format("woff2"), url(/National_Library/oe_/https://yeah1group.com/fonts/font-cpn-light-italic9f020.woff) format("woff"), url(/National_Library/oe_/https://yeah1group.com/fonts/font-cpn-light-italic2b23c.ttf) format("truetype"), url(/National_Library/oe_/https://yeah1group.com/fonts/svg-cpn-light-italicd8b24.svg#cpn-light-italic) format("svg");
   font-weight: 300;
   font-style: italic
}

@font-face {
   font-family: CPN;
   src: url(/National_Library/oe_/https://yeah1group.com/fonts/font-cpn-regularf514c.eot);
   src: url(/National_Library/oe_/https://yeah1group.com/fonts/font-cpn-regularf514c.eot#iefix) format("embedded-opentype"), url(/National_Library/oe_/https://yeah1group.com/fonts/font-cpn-regular5fc45.woff2) format("woff2"), url(/National_Library/oe_/https://yeah1group.com/fonts/font-cpn-regularc7c1a.woff) format("woff"), url(/National_Library/oe_/https://yeah1group.com/fonts/font-cpn-regular0c1c4.ttf) format("truetype"), url(/National_Library/oe_/https://yeah1group.com/fonts/svg-cpn-regular765f8.svg#cpn-regular) format("svg");
   font-weight: 400;
   font-style: normal
}

@font-face {
   font-family: CPN;
   src: url(/National_Library/oe_/https://yeah1group.com/fonts/font-cpn-italic40e26.eot);
   src: url(/National_Library/oe_/https://yeah1group.com/fonts/font-cpn-italic40e26.eot#iefix) format("embedded-opentype"), url(/National_Library/oe_/https://yeah1group.com/fonts/font-cpn-italic50e11.woff2) format("woff2"), url(/National_Library/oe_/https://yeah1group.com/fonts/font-cpn-italic7a422.woff) format("woff"), url(/National_Library/oe_/https://yeah1group.com/fonts/font-cpn-italic72f58.ttf) format("truetype"), url(/National_Library/oe_/https://yeah1group.com/fonts/svg-cpn-italic5ab30.svg#cpn-italic) format("svg");
   font-weight: 400;
   font-style: italic
}

@font-face {
   font-family: CPN;
   src: url(/National_Library/oe_/https://yeah1group.com/fonts/font-cpn-condensed787cd.eot);
   src: url(/National_Library/oe_/https://yeah1group.com/fonts/font-cpn-condensed787cd.eot#iefix) format("embedded-opentype"), url(/National_Library/oe_/https://yeah1group.com/fonts/font-cpn-condensed5861d.woff2) format("woff2"), url(/National_Library/oe_/https://yeah1group.com/fonts/font-cpn-condensed58e55.woff) format("woff"), url(/National_Library/oe_/https://yeah1group.com/fonts/font-cpn-condensed2c7c8.ttf) format("truetype"), url(/National_Library/oe_/https://yeah1group.com/fonts/svg-cpn-condensed18c9a.svg#cpn-condensed) format("svg");
   font-weight: 500;
   font-style: normal
}

@font-face {
   font-family: CPN;
   src: url(/National_Library/oe_/https://yeah1group.com/fonts/font-cpn-bolde6167.eot);
   src: url(/National_Library/oe_/https://yeah1group.com/fonts/font-cpn-bolde6167.eot#iefix) format("embedded-opentype"), url(/National_Library/oe_/https://yeah1group.com/fonts/font-cpn-bolda4b21.woff2) format("woff2"), url(/National_Library/oe_/https://yeah1group.com/fonts/font-cpn-bold6daeb.woff) format("woff"), url(/National_Library/oe_/https://yeah1group.com/fonts/font-cpn-boldc0843.ttf) format("truetype"), url(/National_Library/oe_/https://yeah1group.com/fonts/svg-cpn-bold06f74.svg#cpn-bold) format("svg");
   font-weight: 700;
   font-style: normal
}

@font-face {
   font-family: CPN;
   src: url(/National_Library/oe_/https://yeah1group.com/fonts/font-cpn-bold-italic9aaca.eot);
   src: url(/National_Library/oe_/https://yeah1group.com/fonts/font-cpn-bold-italic9aaca.eot#iefix) format("embedded-opentype"), url(/National_Library/oe_/https://yeah1group.com/fonts/font-cpn-bold-italic2f4f9.woff2) format("woff2"), url(/National_Library/oe_/https://yeah1group.com/fonts/font-cpn-bold-italicb5879.woff) format("woff"), url(/National_Library/oe_/https://yeah1group.com/fonts/font-cpn-bold-italicfe624.ttf) format("truetype"), url(/National_Library/oe_/https://yeah1group.com/fonts/svg-cpn-bold-italicd56ba.svg#cpn-bold-italic) format("svg");
   font-weight: 700;
   font-style: italic
}

@font-face {
   font-family: icomoon;
   src: url(/National_Library/oe_/https://yeah1group.com/fonts/font-icomoon44db2.eot);
   src: url(/National_Library/oe_/https://yeah1group.com/fonts/font-icomoon44db2.eot#iefix) format("embedded-opentype"), url(/National_Library/oe_/https://yeah1group.com/fonts/font-icomoon90158.ttf) format("truetype"), url(/National_Library/oe_/https://yeah1group.com/fonts/font-icomoonc66f9.woff) format("woff"), url(/National_Library/oe_/https://yeah1group.com/fonts/svg-icomoon8bcf5.svg#icomoon) format("svg");
   font-weight: 400;
   font-style: normal;
   font-display: block
}

[class^=icon-],
[class*=" icon-"] {
   font-family: icomoon !important;
   speak: never;
   font-style: normal;
   font-weight: 400;
   -webkit-font-feature-settings: normal;
   font-feature-settings: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}

.icon-briefcase:before {
   content: "\e911"
}

.icon-quote-left:before {
   content: "\e90f"
}

.icon-quote-right:before {
   content: "\e910"
}

.icon-employee:before {
   content: "\e905"
}

.icon-creditors:before {
   content: "\e906"
}

.icon-customers:before {
   content: "\e907"
}

.icon-featured-stories:before {
   content: "\e908"
}

.icon-government:before {
   content: "\e909"
}

.icon-planet:before {
   content: "\e90a"
}

.icon-prosperity:before {
   content: "\e90b"
}

.icon-stakeholders:before {
   content: "\e90c"
}

.icon-suppliers:before {
   content: "\e90d"
}

.icon-communities:before {
   content: "\e90e"
}

.icon-people:before {
   content: "\e903"
}

.icon-partnerships:before {
   content: "\e904"
}

.icon-play:before {
   content: "\e902"
}

.icon-table:before {
   content: "\e901"
}

.icon-download:before {
   content: "\e900"
}

:root {
   --black: #000000;
   --white: #FFFFFF;
   --white-50: rgba(255, 255, 255, .5);
   --body-color: #FFFFFF;
   --red-100: #FFE8E8;
   --red-200: #FEBBBB;
   --red-300: #FC7777;
   --red-400: #FB4949;
   --red-500: #FA0505;
   --red-600: #7B1315;
   --red-700: #641011;
   --red-800: #380909;
   --red-900: #210506;
   --blue-500: #00005E;
   --grey-100: #F3F3F3;
   --grey-200: #E0E0E0;
   --grey-300: #B6B7BC;
   --grey-400: #808289;
   --grey-500: #3C3D41;
   --grey-600: #292929;
   --grey-700: #1E1E1E;
   --grey-800: #0C0C0C;
   --grey-900: #0D0D0D;
   --sd-stakeholders: #E13427;
   --sd-employees: #2F642D;
   --sd-suppliers: #494A4B;
   --sd-customers: #CF5B3B;
   --sd-creditors: #2755B4;
   --sd-government: #0B0C0D;
   --sd-communities: #020C7A;
   --sd-people: #A90B1D;
   --sd-prosperity: #042D58;
   --sd-planet: #277F34;
   --sd-partnerships: #F28416;
   --sd-featured-story: #84521F;
   --sd-reduce: #F9BD15;
   --sd-navigate: #2673BF;
   --sd-eco: #25C149;
   --sd-waste: #A0895D;
   --light-green-10: #7a9a82;
   --green-10: #67903D;
   --bg-understanding-crc: #033b90;
   --primary: #007bff;
   --secondary: #6c757d;
   --success: #28a745;
   --info: #17a2b8;
   --warning: #ffc107;
   --danger: #dc3545;
   --light: #f8f9fa;
   --dark: #343a40;
   --breakpoint-xs: 0;
   --breakpoint-sm: 576px;
   --breakpoint-md: 768px;
   --breakpoint-lg: 992px;
   --breakpoint-xl: 1200px;
   --breakpoint-xxl: 1400px;
   --breakpoint-xxxl: 1600px;
   --breakpoint-mac: 2000px;
   --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*,
*:before,
*:after {
   box-sizing: border-box
}

html {
   font-family: sans-serif;
   line-height: 1.15;
   -webkit-text-size-adjust: 100%;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
   display: block
}

body {
   margin: 0;
   font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
   color: #fff;
   text-align: left;
   background-color: #fff
}

[tabindex="-1"]:focus:not(.focus-visible) {
   outline: 0 !important
}

[tabindex="-1"]:focus:not(:focus-visible) {
   outline: 0 !important
}

hr {
   box-sizing: content-box;
   height: 0;
   overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
   margin-top: 0;
   margin-bottom: 1.5rem
}

abbr[title],
abbr[data-original-title] {
   text-decoration: underline;
   -webkit-text-decoration: underline dotted;
   text-decoration: underline dotted;
   cursor: help;
   border-bottom: 0;
   -webkit-text-decoration-skip-ink: none;
   text-decoration-skip-ink: none
}

address {
   margin-bottom: 1rem;
   font-style: normal;
   line-height: inherit
}

ol,
ul,
dl {
   margin-top: 0;
   margin-bottom: 1rem
}

ol ol,
ul ul,
ol ul,
ul ol {
   margin-bottom: 0
}

dt {
   font-weight: 700
}

dd {
   margin-bottom: .5rem;
   margin-left: 0
}

blockquote {
   margin: 0 0 1rem
}

b,
strong {
   font-weight: bolder
}

small {
   font-size: 80%
}

sub,
sup {
   position: relative;
   font-size: 75%;
   line-height: 0;
   vertical-align: baseline
}

sub {
   bottom: -.25em
}

sup {
   top: -.5em
}

a {
   color: #007bff;
   text-decoration: none;
   background-color: transparent
}

a:hover {
   color: #0056b3;
   text-decoration: underline
}

a:not([href]):not([class]) {
   color: inherit;
   text-decoration: none
}

a:not([href]):not([class]):hover {
   color: inherit;
   text-decoration: none
}

pre,
code,
kbd,
samp {
   font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
   font-size: 1em
}

pre {
   margin-top: 0;
   margin-bottom: 1rem;
   overflow: auto;
   -ms-overflow-style: scrollbar
}

figure {
   margin: 0 0 1rem
}

img {
   vertical-align: middle;
   border-style: none
}

svg {
   overflow: hidden;
   vertical-align: middle
}

table {
   border-collapse: collapse
}

caption {
   padding-top: .75rem;
   padding-bottom: .75rem;
   color: #6c757d;
   text-align: left;
   caption-side: bottom
}

th {
   text-align: inherit;
   text-align: -webkit-match-parent
}

label {
   display: inline-block;
   margin-bottom: .5rem
}

button {
   border-radius: 0
}

button:focus:not(.focus-visible) {
   outline: 0
}

button:focus:not(:focus-visible) {
   outline: 0
}

input,
button,
select,
optgroup,
textarea {
   margin: 0;
   font-family: inherit;
   font-size: inherit;
   line-height: inherit
}

button,
input {
   overflow: visible
}

button,
select {
   text-transform: none
}

[role=button] {
   cursor: pointer
}

select {
   word-wrap: normal
}

button,
[type=button],
[type=reset],
[type=submit] {
   -webkit-appearance: button
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
   cursor: pointer
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
   padding: 0;
   border-style: none
}

input[type=radio],
input[type=checkbox] {
   box-sizing: border-box;
   padding: 0
}

textarea {
   overflow: auto;
   resize: vertical
}

fieldset {
   min-width: 0;
   padding: 0;
   margin: 0;
   border: 0
}

legend {
   display: block;
   width: 100%;
   max-width: 100%;
   padding: 0;
   margin-bottom: .5rem;
   font-size: 1.5rem;
   line-height: inherit;
   color: inherit;
   white-space: normal
}

@media (max-width: 1640px) {
   legend {
      font-size: calc(1.05rem + .4390243902vw)
   }
}

progress {
   vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
   height: auto
}

[type=search] {
   outline-offset: -2px;
   -webkit-appearance: none
}

[type=search]::-webkit-search-decoration {
   -webkit-appearance: none
}

::-webkit-file-upload-button {
   font: inherit;
   -webkit-appearance: button
}

output {
   display: inline-block
}

summary {
   display: list-item;
   cursor: pointer
}

template {
   display: none
}

[hidden] {
   display: none !important
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
   margin-bottom: 1.5rem;
   font-weight: 500;
   line-height: 1.2
}

h1,
.h1 {
   font-size: 2.5rem
}

@media (max-width: 1640px) {

   h1,
   .h1 {
      font-size: calc(1.15rem + 1.3170731707vw)
   }
}

h2,
.h2 {
   font-size: 2rem
}

@media (max-width: 1640px) {

   h2,
   .h2 {
      font-size: calc(1.1rem + .8780487805vw)
   }
}

h3,
.h3 {
   font-size: 1.75rem
}

@media (max-width: 1640px) {

   h3,
   .h3 {
      font-size: calc(1.075rem + .6585365854vw)
   }
}

h4,
.h4 {
   font-size: 1.5rem
}

@media (max-width: 1640px) {

   h4,
   .h4 {
      font-size: calc(1.05rem + .4390243902vw)
   }
}

h5,
.h5 {
   font-size: 1.25rem
}

@media (max-width: 1640px) {

   h5,
   .h5 {
      font-size: calc(1.025rem + .2195121951vw)
   }
}

h6,
.h6 {
   font-size: 1rem
}

.lead {
   font-size: 1.25rem;
   font-weight: 300
}

@media (max-width: 1640px) {
   .lead {
      font-size: calc(1.025rem + .2195121951vw)
   }
}

.display-1 {
   font-size: 6rem;
   font-weight: 300;
   line-height: 1.2
}

@media (max-width: 1640px) {
   .display-1 {
      font-size: calc(1.5rem + 4.3902439024vw)
   }
}

.display-2 {
   font-size: 5.5rem;
   font-weight: 300;
   line-height: 1.2
}

@media (max-width: 1640px) {
   .display-2 {
      font-size: calc(1.45rem + 3.9512195122vw)
   }
}

.display-3 {
   font-size: 4.5rem;
   font-weight: 300;
   line-height: 1.2
}

@media (max-width: 1640px) {
   .display-3 {
      font-size: calc(1.35rem + 3.0731707317vw)
   }
}

.display-4 {
   font-size: 3.5rem;
   font-weight: 300;
   line-height: 1.2
}

@media (max-width: 1640px) {
   .display-4 {
      font-size: calc(1.25rem + 2.1951219512vw)
   }
}

hr {
   margin-top: 1rem;
   margin-bottom: 1rem;
   border: 0;
   border-top: 1px solid rgba(0, 0, 0, .1)
}

small,
.small {
   font-size: 80%;
   font-weight: 400
}

mark,
.mark {
   padding: .2em;
   background-color: #fcf8e3
}

.list-unstyled,
.list-inline {
   padding-left: 0;
   list-style: none
}

.list-inline-item {
   display: inline-block
}

.list-inline-item:not(:last-child) {
   margin-right: .5rem
}

.initialism {
   font-size: 90%;
   text-transform: uppercase
}

.blockquote {
   margin-bottom: 1rem;
   font-size: 1.25rem
}

@media (max-width: 1640px) {
   .blockquote {
      font-size: calc(1.025rem + .2195121951vw)
   }
}

.blockquote-footer {
   display: block;
   font-size: 80%;
   color: #6c757d
}

.blockquote-footer:before {
   content: "\2014\a0"
}

.img-fluid {
   max-width: 100%;
   height: auto
}

.img-thumbnail {
   padding: .25rem;
   background-color: #fff;
   border: 1px solid #dee2e6;
   border-radius: .25rem;
   max-width: 100%;
   height: auto
}

.figure {
   display: inline-block
}

.figure-img {
   margin-bottom: .5rem;
   line-height: 1
}

.figure-caption {
   font-size: 90%;
   color: #6c757d
}

code {
   font-size: 87.5%;
   color: #e83e8c;
   word-wrap: break-word
}

a>code {
   color: inherit
}

kbd {
   padding: .2rem .4rem;
   font-size: 87.5%;
   color: #fff;
   background-color: #212529;
   border-radius: .2rem
}

kbd kbd {
   padding: 0;
   font-size: 100%;
   font-weight: 700
}

pre {
   display: block;
   font-size: 87.5%;
   color: #212529
}

pre code {
   font-size: inherit;
   color: inherit;
   word-break: normal
}

.pre-scrollable {
   max-height: 340px;
   overflow-y: scroll
}

.container,
.container-fluid,
.container-mac,
.container-xxxl,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
   width: 100%;
   padding-right: 12px;
   padding-left: 12px;
   margin-right: auto;
   margin-left: auto
}

@media (min-width: 576px) {

   .container-sm,
   .container {
      max-width: 540px
   }
}

@media (min-width: 768px) {

   .container-md,
   .container-sm,
   .container {
      max-width: 720px
   }
}

@media (min-width: 992px) {

   .container-lg,
   .container-md,
   .container-sm,
   .container {
      max-width: 960px
   }
}

@media (min-width: 1200px) {

   .container-xl,
   .container-lg,
   .container-md,
   .container-sm,
   .container {
      max-width: 1140px
   }
}

@media (min-width: 1400px) {

   .container-xxl,
   .container-xl,
   .container-lg,
   .container-md,
   .container-sm,
   .container {
      max-width: 1250px
   }
}

@media (min-width: 1600px) {

   .container-xxxl,
   .container-xxl,
   .container-xl,
   .container-lg,
   .container-md,
   .container-sm,
   .container {
      max-width: 1350px
   }
}

@media (min-width: 2000px) {

   .container-mac,
   .container-xxxl,
   .container-xxl,
   .container-xl,
   .container-lg,
   .container-md,
   .container-sm,
   .container {
      max-width: 1650px
   }
}

.row {
   display: flex;
   flex-wrap: wrap;
   margin-right: -12px;
   margin-left: -12px
}

.no-gutters {
   margin-right: 0;
   margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
   padding-right: 0;
   padding-left: 0
}

.col-mac,
.col-mac-auto,
.col-mac-12,
.col-mac-11,
.col-mac-10,
.col-mac-9,
.col-mac-8,
.col-mac-7,
.col-mac-6,
.col-mac-5,
.col-mac-4,
.col-mac-3,
.col-mac-2,
.col-mac-1,
.col-xxxl,
.col-xxxl-auto,
.col-xxxl-12,
.col-xxxl-11,
.col-xxxl-10,
.col-xxxl-9,
.col-xxxl-8,
.col-xxxl-7,
.col-xxxl-6,
.col-xxxl-5,
.col-xxxl-4,
.col-xxxl-3,
.col-xxxl-2,
.col-xxxl-1,
.col-xxl,
.col-xxl-auto,
.col-xxl-12,
.col-xxl-11,
.col-xxl-10,
.col-xxl-9,
.col-xxl-8,
.col-xxl-7,
.col-xxl-6,
.col-xxl-5,
.col-xxl-4,
.col-xxl-3,
.col-xxl-2,
.col-xxl-1,
.col-xl,
.col-xl-auto,
.col-xl-12,
.col-xl-11,
.col-xl-10,
.col-xl-9,
.col-xl-8,
.col-xl-7,
.col-xl-6,
.col-xl-5,
.col-xl-4,
.col-xl-3,
.col-xl-2,
.col-xl-1,
.col-lg,
.col-lg-auto,
.col-lg-12,
.col-lg-11,
.col-lg-10,
.col-lg-9,
.col-lg-8,
.col-lg-7,
.col-lg-6,
.col-lg-5,
.col-lg-4,
.col-lg-3,
.col-lg-2,
.col-lg-1,
.col-md,
.col-md-auto,
.col-md-12,
.col-md-11,
.col-md-10,
.col-md-9,
.col-md-8,
.col-md-7,
.col-md-6,
.col-md-5,
.col-md-4,
.col-md-3,
.col-md-2,
.col-md-1,
.col-sm,
.col-sm-auto,
.col-sm-12,
.col-sm-11,
.col-sm-10,
.col-sm-9,
.col-sm-8,
.col-sm-7,
.col-sm-6,
.col-sm-5,
.col-sm-4,
.col-sm-3,
.col-sm-2,
.col-sm-1,
.col,
.col-auto,
.col-12,
.col-11,
.col-10,
.col-9,
.col-8,
.col-7,
.col-6,
.col-5,
.col-4,
.col-3,
.col-2,
.col-1 {
   position: relative;
   width: 100%;
   padding-right: 12px;
   padding-left: 12px
}

.col {
   flex-basis: 0;
   flex-grow: 1;
   max-width: 100%
}

.row-cols-1>* {
   flex: 0 0 100%;
   max-width: 100%
}

.row-cols-2>* {
   flex: 0 0 50%;
   max-width: 50%
}

.row-cols-3>* {
   flex: 0 0 33.3333333333%;
   max-width: 33.3333333333%
}

.row-cols-4>* {
   flex: 0 0 25%;
   max-width: 25%
}

.row-cols-5>* {
   flex: 0 0 20%;
   max-width: 20%
}

.row-cols-6>* {
   flex: 0 0 16.6666666667%;
   max-width: 16.6666666667%
}

.col-auto {
   flex: 0 0 auto;
   width: auto;
   max-width: 100%
}

.col-1 {
   flex: 0 0 8.33333333%;
   max-width: 8.33333333%
}

.col-2 {
   flex: 0 0 16.66666667%;
   max-width: 16.66666667%
}

.col-3 {
   flex: 0 0 25%;
   max-width: 25%
}

.col-4 {
   flex: 0 0 33.33333333%;
   max-width: 33.33333333%
}

.col-5 {
   flex: 0 0 41.66666667%;
   max-width: 41.66666667%
}

.col-6 {
   flex: 0 0 50%;
   max-width: 50%
}

.col-7 {
   flex: 0 0 58.33333333%;
   max-width: 58.33333333%
}

.col-8 {
   flex: 0 0 66.66666667%;
   max-width: 66.66666667%
}

.col-9 {
   flex: 0 0 75%;
   max-width: 75%
}

.col-10 {
   flex: 0 0 83.33333333%;
   max-width: 83.33333333%
}

.col-11 {
   flex: 0 0 91.66666667%;
   max-width: 91.66666667%
}

.col-12 {
   flex: 0 0 100%;
   max-width: 100%
}

.order-first {
   order: -1
}

.order-last {
   order: 13
}

.order-0 {
   order: 0
}

.order-1 {
   order: 1
}

.order-2 {
   order: 2
}

.order-3 {
   order: 3
}

.order-4 {
   order: 4
}

.order-5 {
   order: 5
}

.order-6 {
   order: 6
}

.order-7 {
   order: 7
}

.order-8 {
   order: 8
}

.order-9 {
   order: 9
}

.order-10 {
   order: 10
}

.order-11 {
   order: 11
}

.order-12 {
   order: 12
}

.offset-1 {
   margin-left: 8.33333333%
}

.offset-2 {
   margin-left: 16.66666667%
}

.offset-3 {
   margin-left: 25%
}

.offset-4 {
   margin-left: 33.33333333%
}

.offset-5 {
   margin-left: 41.66666667%
}

.offset-6 {
   margin-left: 50%
}

.offset-7 {
   margin-left: 58.33333333%
}

.offset-8 {
   margin-left: 66.66666667%
}

.offset-9 {
   margin-left: 75%
}

.offset-10 {
   margin-left: 83.33333333%
}

.offset-11 {
   margin-left: 91.66666667%
}

@media (min-width: 576px) {
   .col-sm {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%
   }

   .row-cols-sm-1>* {
      flex: 0 0 100%;
      max-width: 100%
   }

   .row-cols-sm-2>* {
      flex: 0 0 50%;
      max-width: 50%
   }

   .row-cols-sm-3>* {
      flex: 0 0 33.3333333333%;
      max-width: 33.3333333333%
   }

   .row-cols-sm-4>* {
      flex: 0 0 25%;
      max-width: 25%
   }

   .row-cols-sm-5>* {
      flex: 0 0 20%;
      max-width: 20%
   }

   .row-cols-sm-6>* {
      flex: 0 0 16.6666666667%;
      max-width: 16.6666666667%
   }

   .col-sm-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%
   }

   .col-sm-1 {
      flex: 0 0 8.33333333%;
      max-width: 8.33333333%
   }

   .col-sm-2 {
      flex: 0 0 16.66666667%;
      max-width: 16.66666667%
   }

   .col-sm-3 {
      flex: 0 0 25%;
      max-width: 25%
   }

   .col-sm-4 {
      flex: 0 0 33.33333333%;
      max-width: 33.33333333%
   }

   .col-sm-5 {
      flex: 0 0 41.66666667%;
      max-width: 41.66666667%
   }

   .col-sm-6 {
      flex: 0 0 50%;
      max-width: 50%
   }

   .col-sm-7 {
      flex: 0 0 58.33333333%;
      max-width: 58.33333333%
   }

   .col-sm-8 {
      flex: 0 0 66.66666667%;
      max-width: 66.66666667%
   }

   .col-sm-9 {
      flex: 0 0 75%;
      max-width: 75%
   }

   .col-sm-10 {
      flex: 0 0 83.33333333%;
      max-width: 83.33333333%
   }

   .col-sm-11 {
      flex: 0 0 91.66666667%;
      max-width: 91.66666667%
   }

   .col-sm-12 {
      flex: 0 0 100%;
      max-width: 100%
   }

   .order-sm-first {
      order: -1
   }

   .order-sm-last {
      order: 13
   }

   .order-sm-0 {
      order: 0
   }

   .order-sm-1 {
      order: 1
   }

   .order-sm-2 {
      order: 2
   }

   .order-sm-3 {
      order: 3
   }

   .order-sm-4 {
      order: 4
   }

   .order-sm-5 {
      order: 5
   }

   .order-sm-6 {
      order: 6
   }

   .order-sm-7 {
      order: 7
   }

   .order-sm-8 {
      order: 8
   }

   .order-sm-9 {
      order: 9
   }

   .order-sm-10 {
      order: 10
   }

   .order-sm-11 {
      order: 11
   }

   .order-sm-12 {
      order: 12
   }

   .offset-sm-0 {
      margin-left: 0
   }

   .offset-sm-1 {
      margin-left: 8.33333333%
   }

   .offset-sm-2 {
      margin-left: 16.66666667%
   }

   .offset-sm-3 {
      margin-left: 25%
   }

   .offset-sm-4 {
      margin-left: 33.33333333%
   }

   .offset-sm-5 {
      margin-left: 41.66666667%
   }

   .offset-sm-6 {
      margin-left: 50%
   }

   .offset-sm-7 {
      margin-left: 58.33333333%
   }

   .offset-sm-8 {
      margin-left: 66.66666667%
   }

   .offset-sm-9 {
      margin-left: 75%
   }

   .offset-sm-10 {
      margin-left: 83.33333333%
   }

   .offset-sm-11 {
      margin-left: 91.66666667%
   }
}

@media (min-width: 768px) {
   .col-md {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%
   }

   .row-cols-md-1>* {
      flex: 0 0 100%;
      max-width: 100%
   }

   .row-cols-md-2>* {
      flex: 0 0 50%;
      max-width: 50%
   }

   .row-cols-md-3>* {
      flex: 0 0 33.3333333333%;
      max-width: 33.3333333333%
   }

   .row-cols-md-4>* {
      flex: 0 0 25%;
      max-width: 25%
   }

   .row-cols-md-5>* {
      flex: 0 0 20%;
      max-width: 20%
   }

   .row-cols-md-6>* {
      flex: 0 0 16.6666666667%;
      max-width: 16.6666666667%
   }

   .col-md-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%
   }

   .col-md-1 {
      flex: 0 0 8.33333333%;
      max-width: 8.33333333%
   }

   .col-md-2 {
      flex: 0 0 16.66666667%;
      max-width: 16.66666667%
   }

   .col-md-3 {
      flex: 0 0 25%;
      max-width: 25%
   }

   .col-md-4 {
      flex: 0 0 33.33333333%;
      max-width: 33.33333333%
   }

   .col-md-5 {
      flex: 0 0 41.66666667%;
      max-width: 41.66666667%
   }

   .col-md-6 {
      flex: 0 0 50%;
      max-width: 50%
   }

   .col-md-7 {
      flex: 0 0 58.33333333%;
      max-width: 58.33333333%
   }

   .col-md-8 {
      flex: 0 0 66.66666667%;
      max-width: 66.66666667%
   }

   .col-md-9 {
      flex: 0 0 75%;
      max-width: 75%
   }

   .col-md-10 {
      flex: 0 0 83.33333333%;
      max-width: 83.33333333%
   }

   .col-md-11 {
      flex: 0 0 91.66666667%;
      max-width: 91.66666667%
   }

   .col-md-12 {
      flex: 0 0 100%;
      max-width: 100%
   }

   .order-md-first {
      order: -1
   }

   .order-md-last {
      order: 13
   }

   .order-md-0 {
      order: 0
   }

   .order-md-1 {
      order: 1
   }

   .order-md-2 {
      order: 2
   }

   .order-md-3 {
      order: 3
   }

   .order-md-4 {
      order: 4
   }

   .order-md-5 {
      order: 5
   }

   .order-md-6 {
      order: 6
   }

   .order-md-7 {
      order: 7
   }

   .order-md-8 {
      order: 8
   }

   .order-md-9 {
      order: 9
   }

   .order-md-10 {
      order: 10
   }

   .order-md-11 {
      order: 11
   }

   .order-md-12 {
      order: 12
   }

   .offset-md-0 {
      margin-left: 0
   }

   .offset-md-1 {
      margin-left: 8.33333333%
   }

   .offset-md-2 {
      margin-left: 16.66666667%
   }

   .offset-md-3 {
      margin-left: 25%
   }

   .offset-md-4 {
      margin-left: 33.33333333%
   }

   .offset-md-5 {
      margin-left: 41.66666667%
   }

   .offset-md-6 {
      margin-left: 50%
   }

   .offset-md-7 {
      margin-left: 58.33333333%
   }

   .offset-md-8 {
      margin-left: 66.66666667%
   }

   .offset-md-9 {
      margin-left: 75%
   }

   .offset-md-10 {
      margin-left: 83.33333333%
   }

   .offset-md-11 {
      margin-left: 91.66666667%
   }
}

@media (min-width: 992px) {
   .col-lg {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%
   }

   .row-cols-lg-1>* {
      flex: 0 0 100%;
      max-width: 100%
   }

   .row-cols-lg-2>* {
      flex: 0 0 50%;
      max-width: 50%
   }

   .row-cols-lg-3>* {
      flex: 0 0 33.3333333333%;
      max-width: 33.3333333333%
   }

   .row-cols-lg-4>* {
      flex: 0 0 25%;
      max-width: 25%
   }

   .row-cols-lg-5>* {
      flex: 0 0 20%;
      max-width: 20%
   }

   .row-cols-lg-6>* {
      flex: 0 0 16.6666666667%;
      max-width: 16.6666666667%
   }

   .col-lg-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%
   }

   .col-lg-1 {
      flex: 0 0 8.33333333%;
      max-width: 8.33333333%
   }

   .col-lg-2 {
      flex: 0 0 16.66666667%;
      max-width: 16.66666667%
   }

   .col-lg-3 {
      flex: 0 0 25%;
      max-width: 25%
   }

   .col-lg-4 {
      flex: 0 0 33.33333333%;
      max-width: 33.33333333%
   }

   .col-lg-5 {
      flex: 0 0 41.66666667%;
      max-width: 41.66666667%
   }

   .col-lg-6 {
      flex: 0 0 50%;
      max-width: 50%
   }

   .col-lg-7 {
      flex: 0 0 58.33333333%;
      max-width: 58.33333333%
   }

   .col-lg-8 {
      flex: 0 0 66.66666667%;
      max-width: 66.66666667%
   }

   .col-lg-9 {
      flex: 0 0 75%;
      max-width: 75%
   }

   .col-lg-10 {
      flex: 0 0 83.33333333%;
      max-width: 83.33333333%
   }

   .col-lg-11 {
      flex: 0 0 91.66666667%;
      max-width: 91.66666667%
   }

   .col-lg-12 {
      flex: 0 0 100%;
      max-width: 100%
   }

   .order-lg-first {
      order: -1
   }

   .order-lg-last {
      order: 13
   }

   .order-lg-0 {
      order: 0
   }

   .order-lg-1 {
      order: 1
   }

   .order-lg-2 {
      order: 2
   }

   .order-lg-3 {
      order: 3
   }

   .order-lg-4 {
      order: 4
   }

   .order-lg-5 {
      order: 5
   }

   .order-lg-6 {
      order: 6
   }

   .order-lg-7 {
      order: 7
   }

   .order-lg-8 {
      order: 8
   }

   .order-lg-9 {
      order: 9
   }

   .order-lg-10 {
      order: 10
   }

   .order-lg-11 {
      order: 11
   }

   .order-lg-12 {
      order: 12
   }

   .offset-lg-0 {
      margin-left: 0
   }

   .offset-lg-1 {
      margin-left: 8.33333333%
   }

   .offset-lg-2 {
      margin-left: 16.66666667%
   }

   .offset-lg-3 {
      margin-left: 25%
   }

   .offset-lg-4 {
      margin-left: 33.33333333%
   }

   .offset-lg-5 {
      margin-left: 41.66666667%
   }

   .offset-lg-6 {
      margin-left: 50%
   }

   .offset-lg-7 {
      margin-left: 58.33333333%
   }

   .offset-lg-8 {
      margin-left: 66.66666667%
   }

   .offset-lg-9 {
      margin-left: 75%
   }

   .offset-lg-10 {
      margin-left: 83.33333333%
   }

   .offset-lg-11 {
      margin-left: 91.66666667%
   }
}

@media (min-width: 1200px) {
   .col-xl {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%
   }

   .row-cols-xl-1>* {
      flex: 0 0 100%;
      max-width: 100%
   }

   .row-cols-xl-2>* {
      flex: 0 0 50%;
      max-width: 50%
   }

   .row-cols-xl-3>* {
      flex: 0 0 33.3333333333%;
      max-width: 33.3333333333%
   }

   .row-cols-xl-4>* {
      flex: 0 0 25%;
      max-width: 25%
   }

   .row-cols-xl-5>* {
      flex: 0 0 20%;
      max-width: 20%
   }

   .row-cols-xl-6>* {
      flex: 0 0 16.6666666667%;
      max-width: 16.6666666667%
   }

   .col-xl-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%
   }

   .col-xl-1 {
      flex: 0 0 8.33333333%;
      max-width: 8.33333333%
   }

   .col-xl-2 {
      flex: 0 0 16.66666667%;
      max-width: 16.66666667%
   }

   .col-xl-3 {
      flex: 0 0 25%;
      max-width: 25%
   }

   .col-xl-4 {
      flex: 0 0 33.33333333%;
      max-width: 33.33333333%
   }

   .col-xl-5 {
      flex: 0 0 41.66666667%;
      max-width: 41.66666667%
   }

   .col-xl-6 {
      flex: 0 0 50%;
      max-width: 50%
   }

   .col-xl-7 {
      flex: 0 0 58.33333333%;
      max-width: 58.33333333%
   }

   .col-xl-8 {
      flex: 0 0 66.66666667%;
      max-width: 66.66666667%
   }

   .col-xl-9 {
      flex: 0 0 75%;
      max-width: 75%
   }

   .col-xl-10 {
      flex: 0 0 83.33333333%;
      max-width: 83.33333333%
   }

   .col-xl-11 {
      flex: 0 0 91.66666667%;
      max-width: 91.66666667%
   }

   .col-xl-12 {
      flex: 0 0 100%;
      max-width: 100%
   }

   .order-xl-first {
      order: -1
   }

   .order-xl-last {
      order: 13
   }

   .order-xl-0 {
      order: 0
   }

   .order-xl-1 {
      order: 1
   }

   .order-xl-2 {
      order: 2
   }

   .order-xl-3 {
      order: 3
   }

   .order-xl-4 {
      order: 4
   }

   .order-xl-5 {
      order: 5
   }

   .order-xl-6 {
      order: 6
   }

   .order-xl-7 {
      order: 7
   }

   .order-xl-8 {
      order: 8
   }

   .order-xl-9 {
      order: 9
   }

   .order-xl-10 {
      order: 10
   }

   .order-xl-11 {
      order: 11
   }

   .order-xl-12 {
      order: 12
   }

   .offset-xl-0 {
      margin-left: 0
   }

   .offset-xl-1 {
      margin-left: 8.33333333%
   }

   .offset-xl-2 {
      margin-left: 16.66666667%
   }

   .offset-xl-3 {
      margin-left: 25%
   }

   .offset-xl-4 {
      margin-left: 33.33333333%
   }

   .offset-xl-5 {
      margin-left: 41.66666667%
   }

   .offset-xl-6 {
      margin-left: 50%
   }

   .offset-xl-7 {
      margin-left: 58.33333333%
   }

   .offset-xl-8 {
      margin-left: 66.66666667%
   }

   .offset-xl-9 {
      margin-left: 75%
   }

   .offset-xl-10 {
      margin-left: 83.33333333%
   }

   .offset-xl-11 {
      margin-left: 91.66666667%
   }
}

@media (min-width: 1400px) {
   .col-xxl {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%
   }

   .row-cols-xxl-1>* {
      flex: 0 0 100%;
      max-width: 100%
   }

   .row-cols-xxl-2>* {
      flex: 0 0 50%;
      max-width: 50%
   }

   .row-cols-xxl-3>* {
      flex: 0 0 33.3333333333%;
      max-width: 33.3333333333%
   }

   .row-cols-xxl-4>* {
      flex: 0 0 25%;
      max-width: 25%
   }

   .row-cols-xxl-5>* {
      flex: 0 0 20%;
      max-width: 20%
   }

   .row-cols-xxl-6>* {
      flex: 0 0 16.6666666667%;
      max-width: 16.6666666667%
   }

   .col-xxl-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%
   }

   .col-xxl-1 {
      flex: 0 0 8.33333333%;
      max-width: 8.33333333%
   }

   .col-xxl-2 {
      flex: 0 0 16.66666667%;
      max-width: 16.66666667%
   }

   .col-xxl-3 {
      flex: 0 0 25%;
      max-width: 25%
   }

   .col-xxl-4 {
      flex: 0 0 33.33333333%;
      max-width: 33.33333333%
   }

   .col-xxl-5 {
      flex: 0 0 41.66666667%;
      max-width: 41.66666667%
   }

   .col-xxl-6 {
      flex: 0 0 50%;
      max-width: 50%
   }

   .col-xxl-7 {
      flex: 0 0 58.33333333%;
      max-width: 58.33333333%
   }

   .col-xxl-8 {
      flex: 0 0 66.66666667%;
      max-width: 66.66666667%
   }

   .col-xxl-9 {
      flex: 0 0 75%;
      max-width: 75%
   }

   .col-xxl-10 {
      flex: 0 0 83.33333333%;
      max-width: 83.33333333%
   }

   .col-xxl-11 {
      flex: 0 0 91.66666667%;
      max-width: 91.66666667%
   }

   .col-xxl-12 {
      flex: 0 0 100%;
      max-width: 100%
   }

   .order-xxl-first {
      order: -1
   }

   .order-xxl-last {
      order: 13
   }

   .order-xxl-0 {
      order: 0
   }

   .order-xxl-1 {
      order: 1
   }

   .order-xxl-2 {
      order: 2
   }

   .order-xxl-3 {
      order: 3
   }

   .order-xxl-4 {
      order: 4
   }

   .order-xxl-5 {
      order: 5
   }

   .order-xxl-6 {
      order: 6
   }

   .order-xxl-7 {
      order: 7
   }

   .order-xxl-8 {
      order: 8
   }

   .order-xxl-9 {
      order: 9
   }

   .order-xxl-10 {
      order: 10
   }

   .order-xxl-11 {
      order: 11
   }

   .order-xxl-12 {
      order: 12
   }

   .offset-xxl-0 {
      margin-left: 0
   }

   .offset-xxl-1 {
      margin-left: 8.33333333%
   }

   .offset-xxl-2 {
      margin-left: 16.66666667%
   }

   .offset-xxl-3 {
      margin-left: 25%
   }

   .offset-xxl-4 {
      margin-left: 33.33333333%
   }

   .offset-xxl-5 {
      margin-left: 41.66666667%
   }

   .offset-xxl-6 {
      margin-left: 50%
   }

   .offset-xxl-7 {
      margin-left: 58.33333333%
   }

   .offset-xxl-8 {
      margin-left: 66.66666667%
   }

   .offset-xxl-9 {
      margin-left: 75%
   }

   .offset-xxl-10 {
      margin-left: 83.33333333%
   }

   .offset-xxl-11 {
      margin-left: 91.66666667%
   }
}

@media (min-width: 1600px) {
   .col-xxxl {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%
   }

   .row-cols-xxxl-1>* {
      flex: 0 0 100%;
      max-width: 100%
   }

   .row-cols-xxxl-2>* {
      flex: 0 0 50%;
      max-width: 50%
   }

   .row-cols-xxxl-3>* {
      flex: 0 0 33.3333333333%;
      max-width: 33.3333333333%
   }

   .row-cols-xxxl-4>* {
      flex: 0 0 25%;
      max-width: 25%
   }

   .row-cols-xxxl-5>* {
      flex: 0 0 20%;
      max-width: 20%
   }

   .row-cols-xxxl-6>* {
      flex: 0 0 16.6666666667%;
      max-width: 16.6666666667%
   }

   .col-xxxl-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%
   }

   .col-xxxl-1 {
      flex: 0 0 8.33333333%;
      max-width: 8.33333333%
   }

   .col-xxxl-2 {
      flex: 0 0 16.66666667%;
      max-width: 16.66666667%
   }

   .col-xxxl-3 {
      flex: 0 0 25%;
      max-width: 25%
   }

   .col-xxxl-4 {
      flex: 0 0 33.33333333%;
      max-width: 33.33333333%
   }

   .col-xxxl-5 {
      flex: 0 0 41.66666667%;
      max-width: 41.66666667%
   }

   .col-xxxl-6 {
      flex: 0 0 50%;
      max-width: 50%
   }

   .col-xxxl-7 {
      flex: 0 0 58.33333333%;
      max-width: 58.33333333%
   }

   .col-xxxl-8 {
      flex: 0 0 66.66666667%;
      max-width: 66.66666667%
   }

   .col-xxxl-9 {
      flex: 0 0 75%;
      max-width: 75%
   }

   .col-xxxl-10 {
      flex: 0 0 83.33333333%;
      max-width: 83.33333333%
   }

   .col-xxxl-11 {
      flex: 0 0 91.66666667%;
      max-width: 91.66666667%
   }

   .col-xxxl-12 {
      flex: 0 0 100%;
      max-width: 100%
   }

   .order-xxxl-first {
      order: -1
   }

   .order-xxxl-last {
      order: 13
   }

   .order-xxxl-0 {
      order: 0
   }

   .order-xxxl-1 {
      order: 1
   }

   .order-xxxl-2 {
      order: 2
   }

   .order-xxxl-3 {
      order: 3
   }

   .order-xxxl-4 {
      order: 4
   }

   .order-xxxl-5 {
      order: 5
   }

   .order-xxxl-6 {
      order: 6
   }

   .order-xxxl-7 {
      order: 7
   }

   .order-xxxl-8 {
      order: 8
   }

   .order-xxxl-9 {
      order: 9
   }

   .order-xxxl-10 {
      order: 10
   }

   .order-xxxl-11 {
      order: 11
   }

   .order-xxxl-12 {
      order: 12
   }

   .offset-xxxl-0 {
      margin-left: 0
   }

   .offset-xxxl-1 {
      margin-left: 8.33333333%
   }

   .offset-xxxl-2 {
      margin-left: 16.66666667%
   }

   .offset-xxxl-3 {
      margin-left: 25%
   }

   .offset-xxxl-4 {
      margin-left: 33.33333333%
   }

   .offset-xxxl-5 {
      margin-left: 41.66666667%
   }

   .offset-xxxl-6 {
      margin-left: 50%
   }

   .offset-xxxl-7 {
      margin-left: 58.33333333%
   }

   .offset-xxxl-8 {
      margin-left: 66.66666667%
   }

   .offset-xxxl-9 {
      margin-left: 75%
   }

   .offset-xxxl-10 {
      margin-left: 83.33333333%
   }

   .offset-xxxl-11 {
      margin-left: 91.66666667%
   }
}

@media (min-width: 2000px) {
   .col-mac {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%
   }

   .row-cols-mac-1>* {
      flex: 0 0 100%;
      max-width: 100%
   }

   .row-cols-mac-2>* {
      flex: 0 0 50%;
      max-width: 50%
   }

   .row-cols-mac-3>* {
      flex: 0 0 33.3333333333%;
      max-width: 33.3333333333%
   }

   .row-cols-mac-4>* {
      flex: 0 0 25%;
      max-width: 25%
   }

   .row-cols-mac-5>* {
      flex: 0 0 20%;
      max-width: 20%
   }

   .row-cols-mac-6>* {
      flex: 0 0 16.6666666667%;
      max-width: 16.6666666667%
   }

   .col-mac-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%
   }

   .col-mac-1 {
      flex: 0 0 8.33333333%;
      max-width: 8.33333333%
   }

   .col-mac-2 {
      flex: 0 0 16.66666667%;
      max-width: 16.66666667%
   }

   .col-mac-3 {
      flex: 0 0 25%;
      max-width: 25%
   }

   .col-mac-4 {
      flex: 0 0 33.33333333%;
      max-width: 33.33333333%
   }

   .col-mac-5 {
      flex: 0 0 41.66666667%;
      max-width: 41.66666667%
   }

   .col-mac-6 {
      flex: 0 0 50%;
      max-width: 50%
   }

   .col-mac-7 {
      flex: 0 0 58.33333333%;
      max-width: 58.33333333%
   }

   .col-mac-8 {
      flex: 0 0 66.66666667%;
      max-width: 66.66666667%
   }

   .col-mac-9 {
      flex: 0 0 75%;
      max-width: 75%
   }

   .col-mac-10 {
      flex: 0 0 83.33333333%;
      max-width: 83.33333333%
   }

   .col-mac-11 {
      flex: 0 0 91.66666667%;
      max-width: 91.66666667%
   }

   .col-mac-12 {
      flex: 0 0 100%;
      max-width: 100%
   }

   .order-mac-first {
      order: -1
   }

   .order-mac-last {
      order: 13
   }

   .order-mac-0 {
      order: 0
   }

   .order-mac-1 {
      order: 1
   }

   .order-mac-2 {
      order: 2
   }

   .order-mac-3 {
      order: 3
   }

   .order-mac-4 {
      order: 4
   }

   .order-mac-5 {
      order: 5
   }

   .order-mac-6 {
      order: 6
   }

   .order-mac-7 {
      order: 7
   }

   .order-mac-8 {
      order: 8
   }

   .order-mac-9 {
      order: 9
   }

   .order-mac-10 {
      order: 10
   }

   .order-mac-11 {
      order: 11
   }

   .order-mac-12 {
      order: 12
   }

   .offset-mac-0 {
      margin-left: 0
   }

   .offset-mac-1 {
      margin-left: 8.33333333%
   }

   .offset-mac-2 {
      margin-left: 16.66666667%
   }

   .offset-mac-3 {
      margin-left: 25%
   }

   .offset-mac-4 {
      margin-left: 33.33333333%
   }

   .offset-mac-5 {
      margin-left: 41.66666667%
   }

   .offset-mac-6 {
      margin-left: 50%
   }

   .offset-mac-7 {
      margin-left: 58.33333333%
   }

   .offset-mac-8 {
      margin-left: 66.66666667%
   }

   .offset-mac-9 {
      margin-left: 75%
   }

   .offset-mac-10 {
      margin-left: 83.33333333%
   }

   .offset-mac-11 {
      margin-left: 91.66666667%
   }
}

.table {
   width: 100%;
   margin-bottom: 1rem;
   color: #212529;
   background-color: transparent
}

.table th,
.table td {
   padding: .75rem;
   vertical-align: top;
   border-top: 1px solid #dee2e6
}

.table thead th {
   vertical-align: bottom;
   border-bottom: 2px solid #dee2e6
}

.table tbody+tbody {
   border-top: 2px solid #dee2e6
}

.table-sm th,
.table-sm td {
   padding: .3rem
}

.table-bordered,
.table-bordered th,
.table-bordered td {
   border: 1px solid #dee2e6
}

.table-bordered thead th,
.table-bordered thead td {
   border-bottom-width: 2px
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody+tbody {
   border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
   background-color: #fff
}

.table-hover tbody tr:hover {
   color: #fff !important;
   background-color: #3c3d41 !important
}

.table-primary,
.table-primary>th,
.table-primary>td {
   background-color: #b8daff
}

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody+tbody {
   border-color: #7abaff
}

.table-hover .table-primary:hover {
   background-color: #9fcdff
}

.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
   background-color: #9fcdff
}

.table-secondary,
.table-secondary>th,
.table-secondary>td {
   background-color: #d6d8db
}

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody+tbody {
   border-color: #b3b7bb
}

.table-hover .table-secondary:hover {
   background-color: #c8cbcf
}

.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
   background-color: #c8cbcf
}

.table-success,
.table-success>th,
.table-success>td {
   background-color: #c3e6cb
}

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody+tbody {
   border-color: #8fd19e
}

.table-hover .table-success:hover {
   background-color: #b1dfbb
}

.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
   background-color: #b1dfbb
}

.table-info,
.table-info>th,
.table-info>td {
   background-color: #bee5eb
}

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody+tbody {
   border-color: #86cfda
}

.table-hover .table-info:hover {
   background-color: #abdde5
}

.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
   background-color: #abdde5
}

.table-warning,
.table-warning>th,
.table-warning>td {
   background-color: #ffeeba
}

.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody+tbody {
   border-color: #ffdf7e
}

.table-hover .table-warning:hover {
   background-color: #ffe8a1
}

.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
   background-color: #ffe8a1
}

.table-danger,
.table-danger>th,
.table-danger>td {
   background-color: #f5c6cb
}

.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody+tbody {
   border-color: #ed969e
}

.table-hover .table-danger:hover {
   background-color: #f1b0b7
}

.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
   background-color: #f1b0b7
}

.table-light,
.table-light>th,
.table-light>td {
   background-color: #fdfdfe
}

.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody+tbody {
   border-color: #fbfcfc
}

.table-hover .table-light:hover {
   background-color: #ececf6
}

.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
   background-color: #ececf6
}

.table-dark,
.table-dark>th,
.table-dark>td {
   background-color: #c6c8ca
}

.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody+tbody {
   border-color: #95999c
}

.table-hover .table-dark:hover {
   background-color: #b9bbbe
}

.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
   background-color: #b9bbbe
}

.table-active,
.table-active>th,
.table-active>td {
   background-color: #00000013
}

.table-hover .table-active:hover {
   background-color: #00000013
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
   background-color: #00000013
}

.table .thead-dark th {
   color: #fff;
   background-color: #343a40;
   border-color: #454d55
}

.table .thead-light th {
   color: #fff;
   background-color: transparent;
   border-color: #dee2e6
}

.table-dark {
   color: #fff;
   background-color: #343a40
}

.table-dark th,
.table-dark td,
.table-dark thead th {
   border-color: #454d55
}

.table-dark.table-bordered {
   border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
   background-color: #ffffff0d
}

.table-dark.table-hover tbody tr:hover {
   color: #fff;
   background-color: #ffffff13
}

@media (max-width: 575.98px) {
   .table-responsive-sm {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch
   }

   .table-responsive-sm>.table-bordered {
      border: 0
   }
}

@media (max-width: 767.98px) {
   .table-responsive-md {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch
   }

   .table-responsive-md>.table-bordered {
      border: 0
   }
}

@media (max-width: 991.98px) {
   .table-responsive-lg {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch
   }

   .table-responsive-lg>.table-bordered {
      border: 0
   }
}

@media (max-width: 1199.98px) {
   .table-responsive-xl {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch
   }

   .table-responsive-xl>.table-bordered {
      border: 0
   }
}

@media (max-width: 1399.98px) {
   .table-responsive-xxl {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch
   }

   .table-responsive-xxl>.table-bordered {
      border: 0
   }
}

@media (max-width: 1599.98px) {
   .table-responsive-xxxl {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch
   }

   .table-responsive-xxxl>.table-bordered {
      border: 0
   }
}

@media (max-width: 1999.98px) {
   .table-responsive-mac {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch
   }

   .table-responsive-mac>.table-bordered {
      border: 0
   }
}

.table-responsive {
   display: block;
   width: 100%;
   overflow-x: auto;
   -webkit-overflow-scrolling: touch
}

.table-responsive>.table-bordered {
   border: 0
}

.form-control {
   display: block;
   width: 100%;
   height: 60px;
   padding: .375rem .75rem;
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
   color: #495057;
   background-color: transparent;
   background-clip: padding-box;
   border: 1px solid #fff;
   border-radius: 30px;
   transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
   .form-control {
      transition: none
   }
}

.form-control::-ms-expand {
   background-color: transparent;
   border: 0
}

.form-control:focus {
   color: #495057;
   background-color: transparent;
   border-color: #fff;
   outline: 0;
   box-shadow: none !important
}

.form-control::-webkit-input-placeholder {
   color: #e0e0e0;
   opacity: 1
}

.form-control::-moz-placeholder {
   color: #e0e0e0;
   opacity: 1
}

.form-control:-ms-input-placeholder {
   color: #e0e0e0;
   opacity: 1
}

.form-control::-ms-input-placeholder {
   color: #e0e0e0;
   opacity: 1
}

.form-control::placeholder {
   color: #e0e0e0;
   opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
   background-color: #e9ecef;
   opacity: 1
}

input[type=date].form-control,
input[type=time].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none
}

select.form-control:-moz-focusring {
   color: transparent;
   text-shadow: 0 0 0 #495057
}

select.form-control:focus::-ms-value {
   color: #495057;
   background-color: transparent
}

.form-control-file,
.form-control-range {
   display: block;
   width: 100%
}

.col-form-label {
   padding-top: calc(.375rem + 1px);
   padding-bottom: calc(.375rem + 1px);
   margin-bottom: 0;
   font-size: inherit;
   line-height: 1.5
}

.col-form-label-lg {
   padding-top: calc(.5rem + 1px);
   padding-bottom: calc(.5rem + 1px);
   font-size: 1.25rem;
   line-height: 1.5
}

@media (max-width: 1640px) {
   .col-form-label-lg {
      font-size: calc(1.025rem + .2195121951vw)
   }
}

.col-form-label-sm {
   padding-top: calc(.25rem + 1px);
   padding-bottom: calc(.25rem + 1px);
   font-size: .875rem;
   line-height: 1.5
}

.form-control-plaintext {
   display: block;
   width: 100%;
   padding: .375rem 0;
   margin-bottom: 0;
   font-size: 1rem;
   line-height: 1.5;
   color: #212529;
   background-color: transparent;
   border: solid transparent;
   border-width: 1px 0
}

.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
   padding-right: 0;
   padding-left: 0
}

.form-control-sm {
   height: calc(1.5em + .5rem + 2px);
   padding: .25rem .5rem;
   font-size: .875rem;
   line-height: 1.5;
   border-radius: .2rem
}

.form-control-lg {
   height: calc(1.5em + 1rem + 2px);
   padding: .5rem 1rem;
   font-size: 1.25rem;
   line-height: 1.5;
   border-radius: .3rem
}

@media (max-width: 1640px) {
   .form-control-lg {
      font-size: calc(1.025rem + .2195121951vw)
   }
}

select.form-control[size],
select.form-control[multiple],
textarea.form-control {
   height: auto
}

.form-group {
   margin-bottom: 1rem
}

.form-text {
   display: block;
   margin-top: .25rem
}

.form-row {
   display: flex;
   flex-wrap: wrap;
   margin-right: -10px;
   margin-left: -10px
}

.form-row>.col,
.form-row>[class*=col-] {
   padding-right: 10px;
   padding-left: 10px
}

.form-check {
   position: relative;
   display: block;
   padding-left: 1.25rem
}

.form-check-input {
   position: absolute;
   margin-top: .3rem;
   margin-left: -1.25rem
}

.form-check-input[disabled]~.form-check-label,
.form-check-input:disabled~.form-check-label {
   color: #6c757d
}

.form-check-label {
   margin-bottom: 0
}

.form-check-inline {
   display: inline-flex;
   align-items: center;
   padding-left: 0;
   margin-right: .75rem
}

.form-check-inline .form-check-input {
   position: static;
   margin-top: 0;
   margin-right: .3125rem;
   margin-left: 0
}

.valid-feedback {
   display: none;
   width: 100%;
   margin-top: .25rem;
   font-size: 80%;
   color: #28a745
}

.valid-tooltip {
   position: absolute;
   top: 100%;
   left: 0;
   z-index: 5;
   display: none;
   max-width: 100%;
   padding: .25rem .5rem;
   margin-top: .1rem;
   font-size: .875rem;
   line-height: 1.5;
   color: #fff;
   background-color: #28a745e6;
   border-radius: .25rem
}

.form-row>.col>.valid-tooltip,
.form-row>[class*=col-]>.valid-tooltip {
   left: 10px
}

.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip,
.is-valid~.valid-feedback,
.is-valid~.valid-tooltip {
   display: block
}

.was-validated .form-control:valid,
.form-control.is-valid {
   border-color: #28a745;
   padding-right: calc(1.5em + .75rem) !important;
   background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%2328a745%27 d=%27M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e");
   background-repeat: no-repeat;
   background-position: right calc(.375em + .1875rem) center;
   background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
   border-color: #28a745;
   box-shadow: 0 0 0 .2rem #28a74540
}

.was-validated select.form-control:valid,
select.form-control.is-valid {
   padding-right: 3rem !important;
   background-position: right 1.5rem center
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
   padding-right: calc(1.5em + .75rem);
   background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.was-validated .custom-select:valid,
.custom-select.is-valid {
   border-color: #28a745;
   padding-right: calc(.75em + 2.3125rem) !important;
   background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%2328a745%27 d=%27M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}

.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
   border-color: #28a745;
   box-shadow: 0 0 0 .2rem #28a74540
}

.was-validated .form-check-input:valid~.form-check-label,
.form-check-input.is-valid~.form-check-label {
   color: #28a745
}

.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip,
.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip {
   display: block
}

.was-validated .custom-control-input:valid~.custom-control-label,
.custom-control-input.is-valid~.custom-control-label {
   color: #28a745
}

.was-validated .custom-control-input:valid~.custom-control-label:before,
.custom-control-input.is-valid~.custom-control-label:before {
   border-color: #28a745
}

.was-validated .custom-control-input:valid:checked~.custom-control-label:before,
.custom-control-input.is-valid:checked~.custom-control-label:before {
   border-color: #34ce57;
   background-color: #34ce57
}

.was-validated .custom-control-input:valid:focus~.custom-control-label:before,
.custom-control-input.is-valid:focus~.custom-control-label:before {
   box-shadow: 0 0 0 .2rem #28a74540
}

.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label:before,
.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label:before {
   border-color: #28a745
}

.was-validated .custom-file-input:valid~.custom-file-label,
.custom-file-input.is-valid~.custom-file-label {
   border-color: #28a745
}

.was-validated .custom-file-input:valid:focus~.custom-file-label,
.custom-file-input.is-valid:focus~.custom-file-label {
   border-color: #28a745;
   box-shadow: 0 0 0 .2rem #28a74540
}

.invalid-feedback {
   display: none;
   width: 100%;
   margin-top: .25rem;
   font-size: 80%;
   color: #dc3545
}

.invalid-tooltip {
   position: absolute;
   top: 100%;
   left: 0;
   z-index: 5;
   display: none;
   max-width: 100%;
   padding: .25rem .5rem;
   margin-top: .1rem;
   font-size: .875rem;
   line-height: 1.5;
   color: #fff;
   background-color: #dc3545e6;
   border-radius: .25rem
}

.form-row>.col>.invalid-tooltip,
.form-row>[class*=col-]>.invalid-tooltip {
   left: 10px
}

.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip,
.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip {
   display: block
}

.was-validated .form-control:invalid,
.form-control.is-invalid {
   border-color: #dc3545;
   padding-right: calc(1.5em + .75rem) !important;
   background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27 viewBox=%270 0 12 12%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e");
   background-repeat: no-repeat;
   background-position: right calc(.375em + .1875rem) center;
   background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
   border-color: #dc3545;
   box-shadow: 0 0 0 .2rem #dc354540
}

.was-validated select.form-control:invalid,
select.form-control.is-invalid {
   padding-right: 3rem !important;
   background-position: right 1.5rem center
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
   padding-right: calc(1.5em + .75rem);
   background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.was-validated .custom-select:invalid,
.custom-select.is-invalid {
   border-color: #dc3545;
   padding-right: calc(.75em + 2.3125rem) !important;
   background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27 viewBox=%270 0 12 12%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}

.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus {
   border-color: #dc3545;
   box-shadow: 0 0 0 .2rem #dc354540
}

.was-validated .form-check-input:invalid~.form-check-label,
.form-check-input.is-invalid~.form-check-label {
   color: #dc3545
}

.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip,
.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip {
   display: block
}

.was-validated .custom-control-input:invalid~.custom-control-label,
.custom-control-input.is-invalid~.custom-control-label {
   color: #dc3545
}

.was-validated .custom-control-input:invalid~.custom-control-label:before,
.custom-control-input.is-invalid~.custom-control-label:before {
   border-color: #dc3545
}

.was-validated .custom-control-input:invalid:checked~.custom-control-label:before,
.custom-control-input.is-invalid:checked~.custom-control-label:before {
   border-color: #e4606d;
   background-color: #e4606d
}

.was-validated .custom-control-input:invalid:focus~.custom-control-label:before,
.custom-control-input.is-invalid:focus~.custom-control-label:before {
   box-shadow: 0 0 0 .2rem #dc354540
}

.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label:before,
.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label:before {
   border-color: #dc3545
}

.was-validated .custom-file-input:invalid~.custom-file-label,
.custom-file-input.is-invalid~.custom-file-label {
   border-color: #dc3545
}

.was-validated .custom-file-input:invalid:focus~.custom-file-label,
.custom-file-input.is-invalid:focus~.custom-file-label {
   border-color: #dc3545;
   box-shadow: 0 0 0 .2rem #dc354540
}

.form-inline {
   display: flex;
   flex-flow: row wrap;
   align-items: center
}

.form-inline .form-check {
   width: 100%
}

@media (min-width: 576px) {
   .form-inline label {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 0
   }

   .form-inline .form-group {
      display: flex;
      flex: 0 0 auto;
      flex-flow: row wrap;
      align-items: center;
      margin-bottom: 0
   }

   .form-inline .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle
   }

   .form-inline .form-control-plaintext {
      display: inline-block
   }

   .form-inline .input-group,
   .form-inline .custom-select {
      width: auto
   }

   .form-inline .form-check {
      display: flex;
      align-items: center;
      justify-content: center;
      width: auto;
      padding-left: 0
   }

   .form-inline .form-check-input {
      position: relative;
      flex-shrink: 0;
      margin-top: 0;
      margin-right: .25rem;
      margin-left: 0
   }

   .form-inline .custom-control {
      align-items: center;
      justify-content: center
   }

   .form-inline .custom-control-label {
      margin-bottom: 0
   }
}

.btn {
   display: inline-block;
   font-weight: 400;
   color: #fff;
   text-align: center;
   vertical-align: middle;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   background-color: transparent;
   border: 1px solid transparent;
   padding: .375rem .75rem;
   font-size: 1rem;
   line-height: 1.5;
   border-radius: .25rem;
   transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
   .btn {
      transition: none
   }
}

.btn:hover {
   color: #fff;
   text-decoration: none
}

.btn:focus,
.btn.focus {
   outline: 0;
   box-shadow: 0 0 0 .2rem #007bff40
}

.btn.disabled,
.btn:disabled {
   opacity: .65
}

.btn:not(:disabled):not(.disabled) {
   cursor: pointer
}

a.btn.disabled,
fieldset:disabled a.btn {
   pointer-events: none
}

.btn-primary {
   color: #fff;
   background-color: #007bff;
   border-color: #007bff
}

.btn-primary:hover {
   color: #fff;
   background-color: #0069d9;
   border-color: #0062cc
}

.btn-primary:focus,
.btn-primary.focus {
   color: #fff;
   background-color: #0069d9;
   border-color: #0062cc;
   box-shadow: 0 0 0 .2rem #268fff80
}

.btn-primary.disabled,
.btn-primary:disabled {
   color: #fff;
   background-color: #007bff;
   border-color: #007bff
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
   color: #fff;
   background-color: #0062cc;
   border-color: #005cbf
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
   box-shadow: 0 0 0 .2rem #268fff80
}

.btn-secondary {
   color: #fff;
   background-color: #6c757d;
   border-color: #6c757d
}

.btn-secondary:hover {
   color: #fff;
   background-color: #5a6268;
   border-color: #545b62
}

.btn-secondary:focus,
.btn-secondary.focus {
   color: #fff;
   background-color: #5a6268;
   border-color: #545b62;
   box-shadow: 0 0 0 .2rem #828a9180
}

.btn-secondary.disabled,
.btn-secondary:disabled {
   color: #fff;
   background-color: #6c757d;
   border-color: #6c757d
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show>.btn-secondary.dropdown-toggle {
   color: #fff;
   background-color: #545b62;
   border-color: #4e555b
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
   box-shadow: 0 0 0 .2rem #828a9180
}

.btn-success {
   color: #fff;
   background-color: #28a745;
   border-color: #28a745
}

.btn-success:hover {
   color: #fff;
   background-color: #218838;
   border-color: #1e7e34
}

.btn-success:focus,
.btn-success.focus {
   color: #fff;
   background-color: #218838;
   border-color: #1e7e34;
   box-shadow: 0 0 0 .2rem #48b46180
}

.btn-success.disabled,
.btn-success:disabled {
   color: #fff;
   background-color: #28a745;
   border-color: #28a745
}

.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show>.btn-success.dropdown-toggle {
   color: #fff;
   background-color: #1e7e34;
   border-color: #1c7430
}

.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.show>.btn-success.dropdown-toggle:focus {
   box-shadow: 0 0 0 .2rem #48b46180
}

.btn-info {
   color: #fff;
   background-color: #17a2b8;
   border-color: #17a2b8
}

.btn-info:hover {
   color: #fff;
   background-color: #138496;
   border-color: #117a8b
}

.btn-info:focus,
.btn-info.focus {
   color: #fff;
   background-color: #138496;
   border-color: #117a8b;
   box-shadow: 0 0 0 .2rem #3ab0c380
}

.btn-info.disabled,
.btn-info:disabled {
   color: #fff;
   background-color: #17a2b8;
   border-color: #17a2b8
}

.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show>.btn-info.dropdown-toggle {
   color: #fff;
   background-color: #117a8b;
   border-color: #10707f
}

.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show>.btn-info.dropdown-toggle:focus {
   box-shadow: 0 0 0 .2rem #3ab0c380
}

.btn-warning {
   color: #212529;
   background-color: #ffc107;
   border-color: #ffc107
}

.btn-warning:hover {
   color: #212529;
   background-color: #e0a800;
   border-color: #d39e00
}

.btn-warning:focus,
.btn-warning.focus {
   color: #212529;
   background-color: #e0a800;
   border-color: #d39e00;
   box-shadow: 0 0 0 .2rem #deaa0c80
}

.btn-warning.disabled,
.btn-warning:disabled {
   color: #212529;
   background-color: #ffc107;
   border-color: #ffc107
}

.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show>.btn-warning.dropdown-toggle {
   color: #212529;
   background-color: #d39e00;
   border-color: #c69500
}

.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.show>.btn-warning.dropdown-toggle:focus {
   box-shadow: 0 0 0 .2rem #deaa0c80
}

.btn-danger {
   color: #fff;
   background-color: #dc3545;
   border-color: #dc3545
}

.btn-danger:hover {
   color: #fff;
   background-color: #c82333;
   border-color: #bd2130
}

.btn-danger:focus,
.btn-danger.focus {
   color: #fff;
   background-color: #c82333;
   border-color: #bd2130;
   box-shadow: 0 0 0 .2rem #e1536180
}

.btn-danger.disabled,
.btn-danger:disabled {
   color: #fff;
   background-color: #dc3545;
   border-color: #dc3545
}

.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show>.btn-danger.dropdown-toggle {
   color: #fff;
   background-color: #bd2130;
   border-color: #b21f2d
}

.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.show>.btn-danger.dropdown-toggle:focus {
   box-shadow: 0 0 0 .2rem #e1536180
}

.btn-light {
   color: #212529;
   background-color: #f8f9fa;
   border-color: #f8f9fa
}

.btn-light:hover {
   color: #212529;
   background-color: #e2e6ea;
   border-color: #dae0e5
}

.btn-light:focus,
.btn-light.focus {
   color: #212529;
   background-color: #e2e6ea;
   border-color: #dae0e5;
   box-shadow: 0 0 0 .2rem #d8d9db80
}

.btn-light.disabled,
.btn-light:disabled {
   color: #212529;
   background-color: #f8f9fa;
   border-color: #f8f9fa
}

.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show>.btn-light.dropdown-toggle {
   color: #212529;
   background-color: #dae0e5;
   border-color: #d3d9df
}

.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show>.btn-light.dropdown-toggle:focus {
   box-shadow: 0 0 0 .2rem #d8d9db80
}

.btn-dark {
   color: #fff;
   background-color: #343a40;
   border-color: #343a40
}

.btn-dark:hover {
   color: #fff;
   background-color: #23272b;
   border-color: #1d2124
}

.btn-dark:focus,
.btn-dark.focus {
   color: #fff;
   background-color: #23272b;
   border-color: #1d2124;
   box-shadow: 0 0 0 .2rem #52585d80
}

.btn-dark.disabled,
.btn-dark:disabled {
   color: #fff;
   background-color: #343a40;
   border-color: #343a40
}

.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show>.btn-dark.dropdown-toggle {
   color: #fff;
   background-color: #1d2124;
   border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show>.btn-dark.dropdown-toggle:focus {
   box-shadow: 0 0 0 .2rem #52585d80
}

.btn-outline-primary {
   color: #007bff;
   border-color: #007bff
}

.btn-outline-primary:hover {
   color: #fff;
   background-color: #007bff;
   border-color: #007bff
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
   box-shadow: 0 0 0 .2rem #007bff80
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
   color: #007bff;
   background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary.dropdown-toggle {
   color: #fff;
   background-color: #007bff;
   border-color: #007bff
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
   box-shadow: 0 0 0 .2rem #007bff80
}

.btn-outline-secondary {
   color: #6c757d;
   border-color: #6c757d
}

.btn-outline-secondary:hover {
   color: #fff;
   background-color: #6c757d;
   border-color: #6c757d
}

.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
   box-shadow: 0 0 0 .2rem #6c757d80
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
   color: #6c757d;
   background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show>.btn-outline-secondary.dropdown-toggle {
   color: #fff;
   background-color: #6c757d;
   border-color: #6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
   box-shadow: 0 0 0 .2rem #6c757d80
}

.btn-outline-success {
   color: #28a745;
   border-color: #28a745
}

.btn-outline-success:hover {
   color: #fff;
   background-color: #28a745;
   border-color: #28a745
}

.btn-outline-success:focus,
.btn-outline-success.focus {
   box-shadow: 0 0 0 .2rem #28a74580
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
   color: #28a745;
   background-color: transparent
}

.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show>.btn-outline-success.dropdown-toggle {
   color: #fff;
   background-color: #28a745;
   border-color: #28a745
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
   box-shadow: 0 0 0 .2rem #28a74580
}

.btn-outline-info {
   color: #17a2b8;
   border-color: #17a2b8
}

.btn-outline-info:hover {
   color: #fff;
   background-color: #17a2b8;
   border-color: #17a2b8
}

.btn-outline-info:focus,
.btn-outline-info.focus {
   box-shadow: 0 0 0 .2rem #17a2b880
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
   color: #17a2b8;
   background-color: transparent
}

.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show>.btn-outline-info.dropdown-toggle {
   color: #fff;
   background-color: #17a2b8;
   border-color: #17a2b8
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
   box-shadow: 0 0 0 .2rem #17a2b880
}

.btn-outline-warning {
   color: #ffc107;
   border-color: #ffc107
}

.btn-outline-warning:hover {
   color: #212529;
   background-color: #ffc107;
   border-color: #ffc107
}

.btn-outline-warning:focus,
.btn-outline-warning.focus {
   box-shadow: 0 0 0 .2rem #ffc10780
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
   color: #ffc107;
   background-color: transparent
}

.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show>.btn-outline-warning.dropdown-toggle {
   color: #212529;
   background-color: #ffc107;
   border-color: #ffc107
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
   box-shadow: 0 0 0 .2rem #ffc10780
}

.btn-outline-danger {
   color: #dc3545;
   border-color: #dc3545
}

.btn-outline-danger:hover {
   color: #fff;
   background-color: #dc3545;
   border-color: #dc3545
}

.btn-outline-danger:focus,
.btn-outline-danger.focus {
   box-shadow: 0 0 0 .2rem #dc354580
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
   color: #dc3545;
   background-color: transparent
}

.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show>.btn-outline-danger.dropdown-toggle {
   color: #fff;
   background-color: #dc3545;
   border-color: #dc3545
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
   box-shadow: 0 0 0 .2rem #dc354580
}

.btn-outline-light {
   color: #f8f9fa;
   border-color: #f8f9fa
}

.btn-outline-light:hover {
   color: #212529;
   background-color: #f8f9fa;
   border-color: #f8f9fa
}

.btn-outline-light:focus,
.btn-outline-light.focus {
   box-shadow: 0 0 0 .2rem #f8f9fa80
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
   color: #f8f9fa;
   background-color: transparent
}

.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.show>.btn-outline-light.dropdown-toggle {
   color: #212529;
   background-color: #f8f9fa;
   border-color: #f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
   box-shadow: 0 0 0 .2rem #f8f9fa80
}

.btn-outline-dark {
   color: #343a40;
   border-color: #343a40
}

.btn-outline-dark:hover {
   color: #fff;
   background-color: #343a40;
   border-color: #343a40
}

.btn-outline-dark:focus,
.btn-outline-dark.focus {
   box-shadow: 0 0 0 .2rem #343a4080
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
   color: #343a40;
   background-color: transparent
}

.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show>.btn-outline-dark.dropdown-toggle {
   color: #fff;
   background-color: #343a40;
   border-color: #343a40
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
   box-shadow: 0 0 0 .2rem #343a4080
}

.btn-link {
   font-weight: 400;
   color: #007bff;
   text-decoration: none
}

.btn-link:hover {
   color: #0056b3;
   text-decoration: underline
}

.btn-link:focus,
.btn-link.focus {
   text-decoration: underline
}

.btn-link:disabled,
.btn-link.disabled {
   color: #6c757d;
   pointer-events: none
}

.btn-lg,
.btn-group-lg>.btn {
   padding: .5rem 1rem;
   font-size: 1.25rem;
   line-height: 1.5;
   border-radius: .3rem
}

@media (max-width: 1640px) {

   .btn-lg,
   .btn-group-lg>.btn {
      font-size: calc(1.025rem + .2195121951vw)
   }
}

.btn-sm,
.btn-group-sm>.btn {
   padding: .25rem .5rem;
   font-size: .875rem;
   line-height: 1.5;
   border-radius: .2rem
}

.btn-block {
   display: block;
   width: 100%
}

.btn-block+.btn-block {
   margin-top: .5rem
}

input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
   width: 100%
}

.fade {
   transition: opacity .15s linear
}

@media (prefers-reduced-motion: reduce) {
   .fade {
      transition: none
   }
}

.fade:not(.show) {
   opacity: 0
}

.collapse:not(.show) {
   display: none
}

.collapsing {
   position: relative;
   height: 0;
   overflow: hidden;
   transition: height .35s ease
}

@media (prefers-reduced-motion: reduce) {
   .collapsing {
      transition: none
   }
}

.dropup,
.dropright,
.dropdown,
.dropleft {
   position: relative
}

.dropdown-toggle {
   white-space: nowrap
}

.dropdown-toggle:after {
   display: inline-block;
   margin-left: .255em;
   vertical-align: .255em;
   content: "";
   border-top: .3em solid;
   border-right: .3em solid transparent;
   border-bottom: 0;
   border-left: .3em solid transparent
}

.dropdown-toggle:empty:after {
   margin-left: 0
}

.dropdown-menu {
   position: absolute;
   top: 100%;
   left: 0;
   z-index: 1000;
   display: none;
   float: left;
   min-width: 10rem;
   padding: .5rem 0;
   margin: .125rem 0 0;
   font-size: 1rem;
   color: #212529;
   text-align: left;
   list-style: none;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid rgba(0, 0, 0, .15);
   border-radius: .25rem
}

.dropdown-menu-left {
   right: auto;
   left: 0
}

.dropdown-menu-right {
   right: 0;
   left: auto
}

@media (min-width: 576px) {
   .dropdown-menu-sm-left {
      right: auto;
      left: 0
   }

   .dropdown-menu-sm-right {
      right: 0;
      left: auto
   }
}

@media (min-width: 768px) {
   .dropdown-menu-md-left {
      right: auto;
      left: 0
   }

   .dropdown-menu-md-right {
      right: 0;
      left: auto
   }
}

@media (min-width: 992px) {
   .dropdown-menu-lg-left {
      right: auto;
      left: 0
   }

   .dropdown-menu-lg-right {
      right: 0;
      left: auto
   }
}

@media (min-width: 1200px) {
   .dropdown-menu-xl-left {
      right: auto;
      left: 0
   }

   .dropdown-menu-xl-right {
      right: 0;
      left: auto
   }
}

@media (min-width: 1400px) {
   .dropdown-menu-xxl-left {
      right: auto;
      left: 0
   }

   .dropdown-menu-xxl-right {
      right: 0;
      left: auto
   }
}

@media (min-width: 1600px) {
   .dropdown-menu-xxxl-left {
      right: auto;
      left: 0
   }

   .dropdown-menu-xxxl-right {
      right: 0;
      left: auto
   }
}

@media (min-width: 2000px) {
   .dropdown-menu-mac-left {
      right: auto;
      left: 0
   }

   .dropdown-menu-mac-right {
      right: 0;
      left: auto
   }
}

.dropup .dropdown-menu {
   top: auto;
   bottom: 100%;
   margin-top: 0;
   margin-bottom: .125rem
}

.dropup .dropdown-toggle:after {
   display: inline-block;
   margin-left: .255em;
   vertical-align: .255em;
   content: "";
   border-top: 0;
   border-right: .3em solid transparent;
   border-bottom: .3em solid;
   border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty:after {
   margin-left: 0
}

.dropright .dropdown-menu {
   top: 0;
   right: auto;
   left: 100%;
   margin-top: 0;
   margin-left: .125rem
}

.dropright .dropdown-toggle:after {
   display: inline-block;
   margin-left: .255em;
   vertical-align: .255em;
   content: "";
   border-top: .3em solid transparent;
   border-right: 0;
   border-bottom: .3em solid transparent;
   border-left: .3em solid
}

.dropright .dropdown-toggle:empty:after {
   margin-left: 0
}

.dropright .dropdown-toggle:after {
   vertical-align: 0
}

.dropleft .dropdown-menu {
   top: 0;
   right: 100%;
   left: auto;
   margin-top: 0;
   margin-right: .125rem
}

.dropleft .dropdown-toggle:after {
   display: inline-block;
   margin-left: .255em;
   vertical-align: .255em;
   content: ""
}

.dropleft .dropdown-toggle:after {
   display: none
}

.dropleft .dropdown-toggle:before {
   display: inline-block;
   margin-right: .255em;
   vertical-align: .255em;
   content: "";
   border-top: .3em solid transparent;
   border-right: .3em solid;
   border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty:after {
   margin-left: 0
}

.dropleft .dropdown-toggle:before {
   vertical-align: 0
}

.dropdown-menu[x-placement^=top],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left] {
   right: auto;
   bottom: auto
}

.dropdown-divider {
   height: 0;
   margin: .5rem 0;
   overflow: hidden;
   border-top: 1px solid #e9ecef
}

.dropdown-item {
   display: block;
   width: 100%;
   padding: .25rem 1.5rem;
   clear: both;
   font-weight: 400;
   color: #212529;
   text-align: inherit;
   white-space: nowrap;
   background-color: transparent;
   border: 0
}

.dropdown-item:hover,
.dropdown-item:focus {
   color: #16181b;
   text-decoration: none;
   background-color: #e9ecef
}

.dropdown-item.active,
.dropdown-item:active {
   color: #fff;
   text-decoration: none;
   background-color: #007bff
}

.dropdown-item.disabled,
.dropdown-item:disabled {
   color: #adb5bd;
   pointer-events: none;
   background-color: transparent
}

.dropdown-menu.show {
   display: block
}

.dropdown-header {
   display: block;
   padding: .5rem 1.5rem;
   margin-bottom: 0;
   font-size: .875rem;
   color: #6c757d;
   white-space: nowrap
}

.dropdown-item-text {
   display: block;
   padding: .25rem 1.5rem;
   color: #212529
}

.btn-group,
.btn-group-vertical {
   position: relative;
   display: inline-flex;
   vertical-align: middle
}

.btn-group>.btn,
.btn-group-vertical>.btn {
   position: relative;
   flex: 1 1 auto
}

.btn-group>.btn:hover,
.btn-group-vertical>.btn:hover {
   z-index: 1
}

.btn-group>.btn:focus,
.btn-group>.btn:active,
.btn-group>.btn.active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn.active {
   z-index: 1
}

.btn-toolbar {
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-start
}

.btn-toolbar .input-group {
   width: auto
}

.btn-group>.btn:not(:first-child),
.btn-group>.btn-group:not(:first-child) {
   margin-left: -1px
}

.btn-group>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group>.btn-group:not(:last-child)>.btn {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0
}

.btn-group>.btn:not(:first-child),
.btn-group>.btn-group:not(:first-child)>.btn {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0
}

.dropdown-toggle-split {
   padding-right: .5625rem;
   padding-left: .5625rem
}

.dropdown-toggle-split:after,
.dropup .dropdown-toggle-split:after,
.dropright .dropdown-toggle-split:after {
   margin-left: 0
}

.dropleft .dropdown-toggle-split:before {
   margin-right: 0
}

.btn-sm+.dropdown-toggle-split,
.btn-group-sm>.btn+.dropdown-toggle-split {
   padding-right: .375rem;
   padding-left: .375rem
}

.btn-lg+.dropdown-toggle-split,
.btn-group-lg>.btn+.dropdown-toggle-split {
   padding-right: .75rem;
   padding-left: .75rem
}

.btn-group-vertical {
   flex-direction: column;
   align-items: flex-start;
   justify-content: center
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
   width: 100%
}

.btn-group-vertical>.btn:not(:first-child),
.btn-group-vertical>.btn-group:not(:first-child) {
   margin-top: -1px
}

.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical>.btn-group:not(:last-child)>.btn {
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0
}

.btn-group-vertical>.btn:not(:first-child),
.btn-group-vertical>.btn-group:not(:first-child)>.btn {
   border-top-left-radius: 0;
   border-top-right-radius: 0
}

.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn {
   margin-bottom: 0
}

.btn-group-toggle>.btn input[type=radio],
.btn-group-toggle>.btn input[type=checkbox],
.btn-group-toggle>.btn-group>.btn input[type=radio],
.btn-group-toggle>.btn-group>.btn input[type=checkbox] {
   position: absolute;
   clip: rect(0, 0, 0, 0);
   pointer-events: none
}

.input-group {
   position: relative;
   display: flex;
   flex-wrap: wrap;
   align-items: stretch;
   width: 100%
}

.input-group>.form-control,
.input-group>.form-control-plaintext,
.input-group>.custom-select,
.input-group>.custom-file {
   position: relative;
   flex: 1 1 auto;
   width: 1%;
   min-width: 0;
   margin-bottom: 0
}

.input-group>.form-control+.form-control,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.custom-file,
.input-group>.form-control-plaintext+.form-control,
.input-group>.form-control-plaintext+.custom-select,
.input-group>.form-control-plaintext+.custom-file,
.input-group>.custom-select+.form-control,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.custom-file,
.input-group>.custom-file+.form-control,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.custom-file {
   margin-left: -1px
}

.input-group>.form-control:focus,
.input-group>.custom-select:focus,
.input-group>.custom-file .custom-file-input:focus~.custom-file-label {
   z-index: 3
}

.input-group>.custom-file .custom-file-input:focus {
   z-index: 4
}

.input-group>.form-control:not(:first-child),
.input-group>.custom-select:not(:first-child) {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0
}

.input-group>.custom-file {
   display: flex;
   align-items: center
}

.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label:after {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0
}

.input-group>.custom-file:not(:first-child) .custom-file-label {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0
}

.input-group:not(.has-validation)>.form-control:not(:last-child),
.input-group:not(.has-validation)>.custom-select:not(:last-child),
.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,
.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label:after {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0
}

.input-group.has-validation>.form-control:nth-last-child(n+3),
.input-group.has-validation>.custom-select:nth-last-child(n+3),
.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label,
.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label:after {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0
}

.input-group-prepend,
.input-group-append {
   display: flex
}

.input-group-prepend .btn,
.input-group-append .btn {
   position: relative;
   z-index: 2
}

.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
   z-index: 3
}

.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.input-group-text,
.input-group-append .input-group-text+.btn {
   margin-left: -1px
}

.input-group-prepend {
   margin-right: -1px
}

.input-group-append {
   margin-left: -1px
}

.input-group-text {
   display: flex;
   align-items: center;
   padding: .375rem .75rem;
   margin-bottom: 0;
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
   color: #495057;
   text-align: center;
   white-space: nowrap;
   background-color: #e9ecef;
   border: 1px solid #ced4da;
   border-radius: 30px
}

.input-group-text input[type=radio],
.input-group-text input[type=checkbox] {
   margin-top: 0
}

.input-group-lg>.form-control:not(textarea),
.input-group-lg>.custom-select {
   height: calc(1.5em + 1rem + 2px)
}

.input-group-lg>.form-control,
.input-group-lg>.custom-select,
.input-group-lg>.input-group-prepend>.input-group-text,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-append>.btn {
   padding: .5rem 1rem;
   font-size: 1.25rem;
   line-height: 1.5;
   border-radius: .3rem
}

@media (max-width: 1640px) {

   .input-group-lg>.form-control,
   .input-group-lg>.custom-select,
   .input-group-lg>.input-group-prepend>.input-group-text,
   .input-group-lg>.input-group-append>.input-group-text,
   .input-group-lg>.input-group-prepend>.btn,
   .input-group-lg>.input-group-append>.btn {
      font-size: calc(1.025rem + .2195121951vw)
   }
}

.input-group-sm>.form-control:not(textarea),
.input-group-sm>.custom-select {
   height: calc(1.5em + .5rem + 2px)
}

.input-group-sm>.form-control,
.input-group-sm>.custom-select,
.input-group-sm>.input-group-prepend>.input-group-text,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-append>.btn {
   padding: .25rem .5rem;
   font-size: .875rem;
   line-height: 1.5;
   border-radius: .2rem
}

.input-group-lg>.custom-select,
.input-group-sm>.custom-select {
   padding-right: 1.75rem
}

.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,
.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,
.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child) {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0
}

.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child) {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0
}

.custom-control {
   position: relative;
   z-index: 1;
   display: block;
   min-height: 1.5rem;
   padding-left: 1.75rem;
   -webkit-print-color-adjust: exact;
   color-adjust: exact
}

.custom-control-inline {
   display: inline-flex;
   margin-right: 1rem
}

.custom-control-input {
   position: absolute;
   left: 0;
   z-index: -1;
   width: 1.25rem;
   height: 1.375rem;
   opacity: 0
}

.custom-control-input:checked~.custom-control-label:before {
   color: #fff;
   border-color: #fff;
   background-color: transparent
}

.custom-control-input:focus~.custom-control-label:before {
   box-shadow: none !important
}

.custom-control-input:focus:not(:checked)~.custom-control-label:before {
   border-color: #fff
}

.custom-control-input:not(:disabled):active~.custom-control-label:before {
   color: #fff;
   background-color: #fff;
   border-color: #fff
}

.custom-control-input[disabled]~.custom-control-label,
.custom-control-input:disabled~.custom-control-label {
   color: #6c757d
}

.custom-control-input[disabled]~.custom-control-label:before,
.custom-control-input:disabled~.custom-control-label:before {
   background-color: #e9ecef
}

.custom-control-label {
   position: relative;
   margin-bottom: 0;
   color: #fff;
   vertical-align: top
}

.custom-control-label:before {
   position: absolute;
   top: .125rem;
   left: -1.75rem;
   display: block;
   width: 1.25rem;
   height: 1.25rem;
   pointer-events: none;
   content: "";
   background-color: transparent;
   border: #fff solid 1px
}

.custom-control-label:after {
   position: absolute;
   top: .125rem;
   left: -1.75rem;
   display: block;
   width: 1.25rem;
   height: 1.25rem;
   content: "";
   background: 50%/50% 50% no-repeat
}

.custom-checkbox .custom-control-label:before {
   border-radius: 0
}

.custom-checkbox .custom-control-input:checked~.custom-control-label:after {
   background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23fff%27 d=%27M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z%27/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before {
   border-color: #007bff;
   background-color: #007bff
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:after {
   background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%274%27 viewBox=%270 0 4 4%27%3e%3cpath stroke=%27%23fff%27 d=%27M0 2h4%27/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before {
   background-color: #007bff80
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label:before {
   background-color: #007bff80
}

.custom-radio .custom-control-label:before {
   border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label:after {
   background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%23fff%27/%3e%3c/svg%3e")
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label:before {
   background-color: #007bff80
}

.custom-switch {
   padding-left: 2.25rem
}

.custom-switch .custom-control-label:before {
   left: -2.25rem;
   width: 1.75rem;
   pointer-events: all;
   border-radius: .5rem
}

.custom-switch .custom-control-label:after {
   top: calc(.125rem + 2px);
   left: calc(-2.25rem + 2px);
   width: calc(1rem - 4px);
   height: calc(1rem - 4px);
   background-color: #fff;
   border-radius: .5rem;
   transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
   transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
   transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
   .custom-switch .custom-control-label:after {
      transition: none
   }
}

.custom-switch .custom-control-input:checked~.custom-control-label:after {
   background-color: transparent;
   -webkit-transform: translateX(.5rem);
   transform: translate(.5rem)
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label:before {
   background-color: #007bff80
}

.custom-select {
   display: inline-block;
   width: 100%;
   height: calc(1.5em + .75rem + 2px);
   padding: .375rem 1.75rem .375rem .75rem;
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
   color: #495057;
   vertical-align: middle;
   background: #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;
   border: 1px solid #ced4da;
   border-radius: .25rem;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none
}

.custom-select:focus {
   border-color: #80bdff;
   outline: 0;
   box-shadow: 0 0 0 .2rem #007bff40
}

.custom-select:focus::-ms-value {
   color: #495057;
   background-color: transparent
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
   height: auto;
   padding-right: .75rem;
   background-image: none
}

.custom-select:disabled {
   color: #6c757d;
   background-color: #e9ecef
}

.custom-select::-ms-expand {
   display: none
}

.custom-select:-moz-focusring {
   color: transparent;
   text-shadow: 0 0 0 #495057
}

.custom-select-sm {
   height: calc(1.5em + .5rem + 2px);
   padding-top: .25rem;
   padding-bottom: .25rem;
   padding-left: .5rem;
   font-size: .875rem
}

.custom-select-lg {
   height: calc(1.5em + 1rem + 2px);
   padding-top: .5rem;
   padding-bottom: .5rem;
   padding-left: 1rem;
   font-size: 1.25rem
}

@media (max-width: 1640px) {
   .custom-select-lg {
      font-size: calc(1.025rem + .2195121951vw)
   }
}

.custom-file {
   position: relative;
   display: inline-block;
   width: 100%;
   height: calc(1.5em + .75rem + 2px);
   margin-bottom: 0
}

.custom-file-input {
   position: relative;
   z-index: 2;
   width: 100%;
   height: calc(1.5em + .75rem + 2px);
   margin: 0;
   overflow: hidden;
   opacity: 0
}

.custom-file-input:focus~.custom-file-label {
   border-color: #80bdff;
   box-shadow: 0 0 0 .2rem #007bff40
}

.custom-file-input[disabled]~.custom-file-label,
.custom-file-input:disabled~.custom-file-label {
   background-color: #e9ecef
}

.custom-file-input:lang(en)~.custom-file-label:after {
   content: "Browse"
}

.custom-file-input:lang(th)~.custom-file-label:after {
   content: "\e40\e25\e37\e2d\e01"
}

.custom-file-input~.custom-file-label[data-browse]:after {
   content: attr(data-browse)
}

.custom-file-label {
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
   z-index: 1;
   height: calc(1.5em + .75rem + 2px);
   padding: .375rem .75rem;
   overflow: hidden;
   font-weight: 400;
   line-height: 1.5;
   color: #495057;
   background-color: #fff;
   border: 1px solid #fff;
   border-radius: .25rem
}

.custom-file-label:after {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   z-index: 3;
   display: block;
   height: calc(1.5em + .75rem);
   padding: .375rem .75rem;
   line-height: 1.5;
   color: #fff;
   content: "Browse";
   background-color: #fff;
   border-left: inherit;
   border-radius: 0 .25rem .25rem 0
}

.custom-range {
   width: 100%;
   height: 1.4rem;
   padding: 0;
   background-color: transparent;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none
}

.custom-range:focus {
   outline: 0
}

.custom-range:focus::-webkit-slider-thumb {
   box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem #007bff40
}

.custom-range:focus::-moz-range-thumb {
   box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem #007bff40
}

.custom-range:focus::-ms-thumb {
   box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem #007bff40
}

.custom-range::-moz-focus-outer {
   border: 0
}

.custom-range::-webkit-slider-thumb {
   width: 1rem;
   height: 1rem;
   margin-top: -.25rem;
   background-color: #007bff;
   border: 0;
   border-radius: 1rem;
   -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
   transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
   -webkit-appearance: none;
   appearance: none
}

@media (prefers-reduced-motion: reduce) {
   .custom-range::-webkit-slider-thumb {
      -webkit-transition: none;
      transition: none
   }
}

.custom-range::-webkit-slider-thumb:active {
   background-color: #b3d7ff
}

.custom-range::-webkit-slider-runnable-track {
   width: 100%;
   height: .5rem;
   color: transparent;
   cursor: pointer;
   background-color: #dee2e6;
   border-color: transparent;
   border-radius: 1rem
}

.custom-range::-moz-range-thumb {
   width: 1rem;
   height: 1rem;
   background-color: #007bff;
   border: 0;
   border-radius: 1rem;
   -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
   transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
   -moz-appearance: none;
   appearance: none
}

@media (prefers-reduced-motion: reduce) {
   .custom-range::-moz-range-thumb {
      -moz-transition: none;
      transition: none
   }
}

.custom-range::-moz-range-thumb:active {
   background-color: #b3d7ff
}

.custom-range::-moz-range-track {
   width: 100%;
   height: .5rem;
   color: transparent;
   cursor: pointer;
   background-color: #dee2e6;
   border-color: transparent;
   border-radius: 1rem
}

.custom-range::-ms-thumb {
   width: 1rem;
   height: 1rem;
   margin-top: 0;
   margin-right: .2rem;
   margin-left: .2rem;
   background-color: #007bff;
   border: 0;
   border-radius: 1rem;
   -ms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
   transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
   appearance: none
}

@media (prefers-reduced-motion: reduce) {
   .custom-range::-ms-thumb {
      -ms-transition: none;
      transition: none
   }
}

.custom-range::-ms-thumb:active {
   background-color: #b3d7ff
}

.custom-range::-ms-track {
   width: 100%;
   height: .5rem;
   color: transparent;
   cursor: pointer;
   background-color: transparent;
   border-color: transparent;
   border-width: .5rem
}

.custom-range::-ms-fill-lower {
   background-color: #dee2e6;
   border-radius: 1rem
}

.custom-range::-ms-fill-upper {
   margin-right: 15px;
   background-color: #dee2e6;
   border-radius: 1rem
}

.custom-range:disabled::-webkit-slider-thumb {
   background-color: #adb5bd
}

.custom-range:disabled::-webkit-slider-runnable-track {
   cursor: default
}

.custom-range:disabled::-moz-range-thumb {
   background-color: #adb5bd
}

.custom-range:disabled::-moz-range-track {
   cursor: default
}

.custom-range:disabled::-ms-thumb {
   background-color: #adb5bd
}

.custom-control-label:before,
.custom-file-label,
.custom-select {
   transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {

   .custom-control-label:before,
   .custom-file-label,
   .custom-select {
      transition: none
   }
}

.nav {
   display: flex;
   flex-wrap: wrap;
   padding-left: 0;
   margin-bottom: 0;
   list-style: none
}

.nav-link {
   display: block;
   padding: .5rem 1rem
}

.nav-link:hover,
.nav-link:focus {
   text-decoration: none
}

.nav-link.disabled {
   color: #6c757d;
   pointer-events: none;
   cursor: default
}

.nav-tabs {
   border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-link {
   margin-bottom: -1px;
   border: 1px solid transparent;
   border-top-left-radius: .25rem;
   border-top-right-radius: .25rem
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
   border-color: #e9ecef #e9ecef #dee2e6
}

.nav-tabs .nav-link.disabled {
   color: #6c757d;
   background-color: transparent;
   border-color: transparent
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
   color: #495057;
   background-color: #fff;
   border-color: #dee2e6 #dee2e6 #fff
}

.nav-tabs .dropdown-menu {
   margin-top: -1px;
   border-top-left-radius: 0;
   border-top-right-radius: 0
}

.nav-pills .nav-link {
   border-radius: .25rem
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
   color: #fff;
   background-color: #007bff
}

.nav-fill>.nav-link,
.nav-fill .nav-item {
   flex: 1 1 auto;
   text-align: center
}

.nav-justified>.nav-link,
.nav-justified .nav-item {
   flex-basis: 0;
   flex-grow: 1;
   text-align: center
}

.tab-content>.tab-pane {
   display: none
}

.tab-content>.active {
   display: block
}

.navbar {
   position: relative;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
   padding: .5rem 1rem
}

.navbar .container,
.navbar .container-fluid,
.navbar .container-sm,
.navbar .container-md,
.navbar .container-lg,
.navbar .container-xl,
.navbar .container-xxl,
.navbar .container-xxxl,
.navbar .container-mac {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between
}

.navbar-brand {
   display: inline-block;
   padding-top: .3125rem;
   padding-bottom: .3125rem;
   margin-right: 1rem;
   font-size: 1.25rem;
   line-height: inherit;
   white-space: nowrap
}

@media (max-width: 1640px) {
   .navbar-brand {
      font-size: calc(1.025rem + .2195121951vw)
   }
}

.navbar-brand:hover,
.navbar-brand:focus {
   text-decoration: none
}

.navbar-nav {
   display: flex;
   flex-direction: column;
   padding-left: 0;
   margin-bottom: 0;
   list-style: none
}

.navbar-nav .nav-link {
   padding-right: 0;
   padding-left: 0
}

.navbar-nav .dropdown-menu {
   position: static;
   float: none
}

.navbar-text {
   display: inline-block;
   padding-top: .5rem;
   padding-bottom: .5rem
}

.navbar-collapse {
   flex-basis: 100%;
   flex-grow: 1;
   align-items: center
}

.navbar-toggler {
   padding: .25rem .75rem;
   font-size: 1.25rem;
   line-height: 1;
   background-color: transparent;
   border: 1px solid transparent;
   border-radius: .25rem
}

@media (max-width: 1640px) {
   .navbar-toggler {
      font-size: calc(1.025rem + .2195121951vw)
   }
}

.navbar-toggler:hover,
.navbar-toggler:focus {
   text-decoration: none
}

.navbar-toggler-icon {
   display: inline-block;
   width: 1.5em;
   height: 1.5em;
   vertical-align: middle;
   content: "";
   background: 50%/100% 100% no-repeat
}

.navbar-nav-scroll {
   max-height: 75vh;
   overflow-y: auto
}

@media (max-width: 575.98px) {

   .navbar-expand-sm>.container,
   .navbar-expand-sm>.container-fluid,
   .navbar-expand-sm>.container-sm,
   .navbar-expand-sm>.container-md,
   .navbar-expand-sm>.container-lg,
   .navbar-expand-sm>.container-xl,
   .navbar-expand-sm>.container-xxl,
   .navbar-expand-sm>.container-xxxl,
   .navbar-expand-sm>.container-mac {
      padding-right: 0;
      padding-left: 0
   }
}

@media (min-width: 576px) {
   .navbar-expand-sm {
      flex-flow: row nowrap;
      justify-content: flex-start
   }

   .navbar-expand-sm .navbar-nav {
      flex-direction: row
   }

   .navbar-expand-sm .navbar-nav .dropdown-menu {
      position: absolute
   }

   .navbar-expand-sm .navbar-nav .nav-link {
      padding-right: .5rem;
      padding-left: .5rem
   }

   .navbar-expand-sm>.container,
   .navbar-expand-sm>.container-fluid,
   .navbar-expand-sm>.container-sm,
   .navbar-expand-sm>.container-md,
   .navbar-expand-sm>.container-lg,
   .navbar-expand-sm>.container-xl,
   .navbar-expand-sm>.container-xxl,
   .navbar-expand-sm>.container-xxxl,
   .navbar-expand-sm>.container-mac {
      flex-wrap: nowrap
   }

   .navbar-expand-sm .navbar-nav-scroll {
      overflow: visible
   }

   .navbar-expand-sm .navbar-collapse {
      display: flex !important;
      flex-basis: auto
   }

   .navbar-expand-sm .navbar-toggler {
      display: none
   }
}

@media (max-width: 767.98px) {

   .navbar-expand-md>.container,
   .navbar-expand-md>.container-fluid,
   .navbar-expand-md>.container-sm,
   .navbar-expand-md>.container-md,
   .navbar-expand-md>.container-lg,
   .navbar-expand-md>.container-xl,
   .navbar-expand-md>.container-xxl,
   .navbar-expand-md>.container-xxxl,
   .navbar-expand-md>.container-mac {
      padding-right: 0;
      padding-left: 0
   }
}

@media (min-width: 768px) {
   .navbar-expand-md {
      flex-flow: row nowrap;
      justify-content: flex-start
   }

   .navbar-expand-md .navbar-nav {
      flex-direction: row
   }

   .navbar-expand-md .navbar-nav .dropdown-menu {
      position: absolute
   }

   .navbar-expand-md .navbar-nav .nav-link {
      padding-right: .5rem;
      padding-left: .5rem
   }

   .navbar-expand-md>.container,
   .navbar-expand-md>.container-fluid,
   .navbar-expand-md>.container-sm,
   .navbar-expand-md>.container-md,
   .navbar-expand-md>.container-lg,
   .navbar-expand-md>.container-xl,
   .navbar-expand-md>.container-xxl,
   .navbar-expand-md>.container-xxxl,
   .navbar-expand-md>.container-mac {
      flex-wrap: nowrap
   }

   .navbar-expand-md .navbar-nav-scroll {
      overflow: visible
   }

   .navbar-expand-md .navbar-collapse {
      display: flex !important;
      flex-basis: auto
   }

   .navbar-expand-md .navbar-toggler {
      display: none
   }
}

@media (max-width: 991.98px) {

   .navbar-expand-lg>.container,
   .navbar-expand-lg>.container-fluid,
   .navbar-expand-lg>.container-sm,
   .navbar-expand-lg>.container-md,
   .navbar-expand-lg>.container-lg,
   .navbar-expand-lg>.container-xl,
   .navbar-expand-lg>.container-xxl,
   .navbar-expand-lg>.container-xxxl,
   .navbar-expand-lg>.container-mac {
      padding-right: 0;
      padding-left: 0
   }
}

@media (min-width: 992px) {
   .navbar-expand-lg {
      flex-flow: row nowrap;
      justify-content: flex-start
   }

   .navbar-expand-lg .navbar-nav {
      flex-direction: row
   }

   .navbar-expand-lg .navbar-nav .dropdown-menu {
      position: absolute
   }

   .navbar-expand-lg .navbar-nav .nav-link {
      padding-right: .5rem;
      padding-left: .5rem
   }

   .navbar-expand-lg>.container,
   .navbar-expand-lg>.container-fluid,
   .navbar-expand-lg>.container-sm,
   .navbar-expand-lg>.container-md,
   .navbar-expand-lg>.container-lg,
   .navbar-expand-lg>.container-xl,
   .navbar-expand-lg>.container-xxl,
   .navbar-expand-lg>.container-xxxl,
   .navbar-expand-lg>.container-mac {
      flex-wrap: nowrap
   }

   .navbar-expand-lg .navbar-nav-scroll {
      overflow: visible
   }

   .navbar-expand-lg .navbar-collapse {
      display: flex !important;
      flex-basis: auto
   }

   .navbar-expand-lg .navbar-toggler {
      display: none
   }
}

@media (max-width: 1199.98px) {

   .navbar-expand-xl>.container,
   .navbar-expand-xl>.container-fluid,
   .navbar-expand-xl>.container-sm,
   .navbar-expand-xl>.container-md,
   .navbar-expand-xl>.container-lg,
   .navbar-expand-xl>.container-xl,
   .navbar-expand-xl>.container-xxl,
   .navbar-expand-xl>.container-xxxl,
   .navbar-expand-xl>.container-mac {
      padding-right: 0;
      padding-left: 0
   }
}

@media (min-width: 1200px) {
   .navbar-expand-xl {
      flex-flow: row nowrap;
      justify-content: flex-start
   }

   .navbar-expand-xl .navbar-nav {
      flex-direction: row
   }

   .navbar-expand-xl .navbar-nav .dropdown-menu {
      position: absolute
   }

   .navbar-expand-xl .navbar-nav .nav-link {
      padding-right: .5rem;
      padding-left: .5rem
   }

   .navbar-expand-xl>.container,
   .navbar-expand-xl>.container-fluid,
   .navbar-expand-xl>.container-sm,
   .navbar-expand-xl>.container-md,
   .navbar-expand-xl>.container-lg,
   .navbar-expand-xl>.container-xl,
   .navbar-expand-xl>.container-xxl,
   .navbar-expand-xl>.container-xxxl,
   .navbar-expand-xl>.container-mac {
      flex-wrap: nowrap
   }

   .navbar-expand-xl .navbar-nav-scroll {
      overflow: visible
   }

   .navbar-expand-xl .navbar-collapse {
      display: flex !important;
      flex-basis: auto
   }

   .navbar-expand-xl .navbar-toggler {
      display: none
   }
}

@media (max-width: 1399.98px) {

   .navbar-expand-xxl>.container,
   .navbar-expand-xxl>.container-fluid,
   .navbar-expand-xxl>.container-sm,
   .navbar-expand-xxl>.container-md,
   .navbar-expand-xxl>.container-lg,
   .navbar-expand-xxl>.container-xl,
   .navbar-expand-xxl>.container-xxl,
   .navbar-expand-xxl>.container-xxxl,
   .navbar-expand-xxl>.container-mac {
      padding-right: 0;
      padding-left: 0
   }
}

@media (min-width: 1400px) {
   .navbar-expand-xxl {
      flex-flow: row nowrap;
      justify-content: flex-start
   }

   .navbar-expand-xxl .navbar-nav {
      flex-direction: row
   }

   .navbar-expand-xxl .navbar-nav .dropdown-menu {
      position: absolute
   }

   .navbar-expand-xxl .navbar-nav .nav-link {
      padding-right: .5rem;
      padding-left: .5rem
   }

   .navbar-expand-xxl>.container,
   .navbar-expand-xxl>.container-fluid,
   .navbar-expand-xxl>.container-sm,
   .navbar-expand-xxl>.container-md,
   .navbar-expand-xxl>.container-lg,
   .navbar-expand-xxl>.container-xl,
   .navbar-expand-xxl>.container-xxl,
   .navbar-expand-xxl>.container-xxxl,
   .navbar-expand-xxl>.container-mac {
      flex-wrap: nowrap
   }

   .navbar-expand-xxl .navbar-nav-scroll {
      overflow: visible
   }

   .navbar-expand-xxl .navbar-collapse {
      display: flex !important;
      flex-basis: auto
   }

   .navbar-expand-xxl .navbar-toggler {
      display: none
   }
}

@media (max-width: 1599.98px) {

   .navbar-expand-xxxl>.container,
   .navbar-expand-xxxl>.container-fluid,
   .navbar-expand-xxxl>.container-sm,
   .navbar-expand-xxxl>.container-md,
   .navbar-expand-xxxl>.container-lg,
   .navbar-expand-xxxl>.container-xl,
   .navbar-expand-xxxl>.container-xxl,
   .navbar-expand-xxxl>.container-xxxl,
   .navbar-expand-xxxl>.container-mac {
      padding-right: 0;
      padding-left: 0
   }
}

@media (min-width: 1600px) {
   .navbar-expand-xxxl {
      flex-flow: row nowrap;
      justify-content: flex-start
   }

   .navbar-expand-xxxl .navbar-nav {
      flex-direction: row
   }

   .navbar-expand-xxxl .navbar-nav .dropdown-menu {
      position: absolute
   }

   .navbar-expand-xxxl .navbar-nav .nav-link {
      padding-right: .5rem;
      padding-left: .5rem
   }

   .navbar-expand-xxxl>.container,
   .navbar-expand-xxxl>.container-fluid,
   .navbar-expand-xxxl>.container-sm,
   .navbar-expand-xxxl>.container-md,
   .navbar-expand-xxxl>.container-lg,
   .navbar-expand-xxxl>.container-xl,
   .navbar-expand-xxxl>.container-xxl,
   .navbar-expand-xxxl>.container-xxxl,
   .navbar-expand-xxxl>.container-mac {
      flex-wrap: nowrap
   }

   .navbar-expand-xxxl .navbar-nav-scroll {
      overflow: visible
   }

   .navbar-expand-xxxl .navbar-collapse {
      display: flex !important;
      flex-basis: auto
   }

   .navbar-expand-xxxl .navbar-toggler {
      display: none
   }
}

@media (max-width: 1999.98px) {

   .navbar-expand-mac>.container,
   .navbar-expand-mac>.container-fluid,
   .navbar-expand-mac>.container-sm,
   .navbar-expand-mac>.container-md,
   .navbar-expand-mac>.container-lg,
   .navbar-expand-mac>.container-xl,
   .navbar-expand-mac>.container-xxl,
   .navbar-expand-mac>.container-xxxl,
   .navbar-expand-mac>.container-mac {
      padding-right: 0;
      padding-left: 0
   }
}

@media (min-width: 2000px) {
   .navbar-expand-mac {
      flex-flow: row nowrap;
      justify-content: flex-start
   }

   .navbar-expand-mac .navbar-nav {
      flex-direction: row
   }

   .navbar-expand-mac .navbar-nav .dropdown-menu {
      position: absolute
   }

   .navbar-expand-mac .navbar-nav .nav-link {
      padding-right: .5rem;
      padding-left: .5rem
   }

   .navbar-expand-mac>.container,
   .navbar-expand-mac>.container-fluid,
   .navbar-expand-mac>.container-sm,
   .navbar-expand-mac>.container-md,
   .navbar-expand-mac>.container-lg,
   .navbar-expand-mac>.container-xl,
   .navbar-expand-mac>.container-xxl,
   .navbar-expand-mac>.container-xxxl,
   .navbar-expand-mac>.container-mac {
      flex-wrap: nowrap
   }

   .navbar-expand-mac .navbar-nav-scroll {
      overflow: visible
   }

   .navbar-expand-mac .navbar-collapse {
      display: flex !important;
      flex-basis: auto
   }

   .navbar-expand-mac .navbar-toggler {
      display: none
   }
}

.navbar-expand {
   flex-flow: row nowrap;
   justify-content: flex-start
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-sm,
.navbar-expand>.container-md,
.navbar-expand>.container-lg,
.navbar-expand>.container-xl,
.navbar-expand>.container-xxl,
.navbar-expand>.container-xxxl,
.navbar-expand>.container-mac {
   padding-right: 0;
   padding-left: 0
}

.navbar-expand .navbar-nav {
   flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
   position: absolute
}

.navbar-expand .navbar-nav .nav-link {
   padding-right: .5rem;
   padding-left: .5rem
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-sm,
.navbar-expand>.container-md,
.navbar-expand>.container-lg,
.navbar-expand>.container-xl,
.navbar-expand>.container-xxl,
.navbar-expand>.container-xxxl,
.navbar-expand>.container-mac {
   flex-wrap: nowrap
}

.navbar-expand .navbar-nav-scroll {
   overflow: visible
}

.navbar-expand .navbar-collapse {
   display: flex !important;
   flex-basis: auto
}

.navbar-expand .navbar-toggler {
   display: none
}

.navbar-light .navbar-brand {
   color: #000000e6
}

.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
   color: #000000e6
}

.navbar-light .navbar-nav .nav-link {
   color: #00000080
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
   color: #000000b3
}

.navbar-light .navbar-nav .nav-link.disabled {
   color: #0000004d
}

.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
   color: #000000e6
}

.navbar-light .navbar-toggler {
   color: #00000080;
   border-color: #0000001a
}

.navbar-light .navbar-toggler-icon {
   background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2730%27 height=%2730%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%280, 0, 0, 0.5%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")
}

.navbar-light .navbar-text {
   color: #00000080
}

.navbar-light .navbar-text a {
   color: #000000e6
}

.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
   color: #000000e6
}

.navbar-dark .navbar-brand {
   color: #fff
}

.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
   color: #fff
}

.navbar-dark .navbar-nav .nav-link {
   color: #ffffff80
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
   color: #ffffffbf
}

.navbar-dark .navbar-nav .nav-link.disabled {
   color: #ffffff40
}

.navbar-dark .navbar-nav .show>.nav-link,
.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
   color: #fff
}

.navbar-dark .navbar-toggler {
   color: #ffffff80;
   border-color: #ffffff1a
}

.navbar-dark .navbar-toggler-icon {
   background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2730%27 height=%2730%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%28255, 255, 255, 0.5%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")
}

.navbar-dark .navbar-text {
   color: #ffffff80
}

.navbar-dark .navbar-text a {
   color: #fff
}

.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
   color: #fff
}

.card {
   position: relative;
   display: flex;
   flex-direction: column;
   min-width: 0;
   word-wrap: break-word;
   background-color: #fff;
   background-clip: border-box;
   border: 1px solid rgba(0, 0, 0, .125);
   border-radius: .25rem
}

.card>hr {
   margin-right: 0;
   margin-left: 0
}

.card>.list-group {
   border-top: inherit;
   border-bottom: inherit
}

.card>.list-group:first-child {
   border-top-width: 0;
   border-top-left-radius: calc(.25rem - 1px);
   border-top-right-radius: calc(.25rem - 1px)
}

.card>.list-group:last-child {
   border-bottom-width: 0;
   border-bottom-right-radius: calc(.25rem - 1px);
   border-bottom-left-radius: calc(.25rem - 1px)
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
   border-top: 0
}

.card-body {
   flex: 1 1 auto;
   min-height: 1px;
   padding: 1.25rem
}

.card-title {
   margin-bottom: .75rem
}

.card-subtitle {
   margin-top: -.375rem;
   margin-bottom: 0
}

.card-text:last-child {
   margin-bottom: 0
}

.card-link:hover {
   text-decoration: none
}

.card-link+.card-link {
   margin-left: 1.25rem
}

.card-header {
   padding: .75rem 1.25rem;
   margin-bottom: 0;
   background-color: #00000008;
   border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
   border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-footer {
   padding: .75rem 1.25rem;
   background-color: #00000008;
   border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
   border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
   margin-right: -.625rem;
   margin-bottom: -.75rem;
   margin-left: -.625rem;
   border-bottom: 0
}

.card-header-pills {
   margin-right: -.625rem;
   margin-left: -.625rem
}

.card-img-overlay {
   position: absolute;
   inset: 0;
   padding: 1.25rem;
   border-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-top,
.card-img-bottom {
   flex-shrink: 0;
   width: 100%
}

.card-img,
.card-img-top {
   border-top-left-radius: calc(.25rem - 1px);
   border-top-right-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom {
   border-bottom-right-radius: calc(.25rem - 1px);
   border-bottom-left-radius: calc(.25rem - 1px)
}

.card-deck .card {
   margin-bottom: 15px
}

@media (min-width: 576px) {
   .card-deck {
      display: flex;
      flex-flow: row wrap;
      margin-right: -15px;
      margin-left: -15px
   }

   .card-deck .card {
      flex: 1 0 0%;
      margin-right: 15px;
      margin-bottom: 0;
      margin-left: 15px
   }
}

.card-group>.card {
   margin-bottom: 15px
}

@media (min-width: 576px) {
   .card-group {
      display: flex;
      flex-flow: row wrap
   }

   .card-group>.card {
      flex: 1 0 0%;
      margin-bottom: 0
   }

   .card-group>.card+.card {
      margin-left: 0;
      border-left: 0
   }

   .card-group>.card:not(:last-child) {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0
   }

   .card-group>.card:not(:last-child) .card-img-top,
   .card-group>.card:not(:last-child) .card-header {
      border-top-right-radius: 0
   }

   .card-group>.card:not(:last-child) .card-img-bottom,
   .card-group>.card:not(:last-child) .card-footer {
      border-bottom-right-radius: 0
   }

   .card-group>.card:not(:first-child) {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0
   }

   .card-group>.card:not(:first-child) .card-img-top,
   .card-group>.card:not(:first-child) .card-header {
      border-top-left-radius: 0
   }

   .card-group>.card:not(:first-child) .card-img-bottom,
   .card-group>.card:not(:first-child) .card-footer {
      border-bottom-left-radius: 0
   }
}

.card-columns .card {
   margin-bottom: .75rem
}

@media (min-width: 576px) {
   .card-columns {
      -webkit-column-count: 3;
      -moz-column-count: 3;
      column-count: 3;
      -webkit-column-gap: 1.25rem;
      -moz-column-gap: 1.25rem;
      column-gap: 1.25rem;
      orphans: 1;
      widows: 1
   }

   .card-columns .card {
      display: inline-block;
      width: 100%
   }
}

.accordion {
   overflow-anchor: none
}

.accordion>.card {
   overflow: hidden
}

.accordion>.card:not(:last-of-type) {
   border-bottom: 0;
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0
}

.accordion>.card:not(:first-of-type) {
   border-top-left-radius: 0;
   border-top-right-radius: 0
}

.accordion>.card>.card-header {
   border-radius: 0;
   margin-bottom: -1px
}

.breadcrumb {
   display: flex;
   flex-wrap: wrap;
   padding: .75rem 1rem;
   margin-bottom: 1rem;
   list-style: none;
   background-color: #e9ecef;
   border-radius: .25rem
}

.breadcrumb-item+.breadcrumb-item {
   padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item:before {
   float: left;
   padding-right: .5rem;
   color: #6c757d;
   content: "/"
}

.breadcrumb-item+.breadcrumb-item:hover:before {
   text-decoration: underline
}

.breadcrumb-item+.breadcrumb-item:hover:before {
   text-decoration: none
}

.breadcrumb-item.active {
   color: #6c757d
}

.pagination {
   display: flex;
   padding-left: 0;
   list-style: none;
   border-radius: .25rem
}

.page-link {
   position: relative;
   display: block;
   padding: .5rem .25rem;
   margin-left: 0;
   line-height: 1;
   color: #fff;
   background-color: transparent;
   border: 0 solid transparent
}

.page-link:hover {
   z-index: 2;
   color: #ffffff80;
   text-decoration: none;
   background-color: transparent;
   border-color: transparent
}

.page-link:focus {
   z-index: 3;
   outline: 0;
   box-shadow: none
}

.page-item:first-child .page-link {
   margin-left: 0;
   border-top-left-radius: .25rem;
   border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
   border-top-right-radius: .25rem;
   border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
   z-index: 3;
   color: #fa0505;
   background-color: transparent;
   border-color: #fa0505
}

.page-item.disabled .page-link {
   color: #e0e0e0;
   pointer-events: none;
   cursor: auto;
   background-color: transparent;
   border-color: transparent
}

.pagination-lg .page-link {
   padding: .75rem 1.5rem;
   font-size: 1.25rem;
   line-height: 1.5
}

@media (max-width: 1640px) {
   .pagination-lg .page-link {
      font-size: calc(1.025rem + .2195121951vw)
   }
}

.pagination-lg .page-item:first-child .page-link {
   border-top-left-radius: 100%;
   border-bottom-left-radius: 100%
}

.pagination-lg .page-item:last-child .page-link {
   border-top-right-radius: 100%;
   border-bottom-right-radius: 100%
}

.pagination-sm .page-link {
   padding: .25rem .5rem;
   font-size: .875rem;
   line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
   border-top-left-radius: 100%;
   border-bottom-left-radius: 100%
}

.pagination-sm .page-item:last-child .page-link {
   border-top-right-radius: 100%;
   border-bottom-right-radius: 100%
}

.badge {
   display: inline-block;
   padding: .25em .4em;
   font-size: 75%;
   font-weight: 700;
   line-height: 1;
   text-align: center;
   white-space: nowrap;
   vertical-align: baseline;
   border-radius: .25rem;
   transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
   .badge {
      transition: none
   }
}

a.badge:hover,
a.badge:focus {
   text-decoration: none
}

.badge:empty {
   display: none
}

.btn .badge {
   position: relative;
   top: -1px
}

.badge-pill {
   padding-right: .6em;
   padding-left: .6em;
   border-radius: 10rem
}

.badge-primary {
   color: #fff;
   background-color: #007bff
}

a.badge-primary:hover,
a.badge-primary:focus {
   color: #fff;
   background-color: #0062cc
}

a.badge-primary:focus,
a.badge-primary.focus {
   outline: 0;
   box-shadow: 0 0 0 .2rem #007bff80
}

.badge-secondary {
   color: #fff;
   background-color: #6c757d
}

a.badge-secondary:hover,
a.badge-secondary:focus {
   color: #fff;
   background-color: #545b62
}

a.badge-secondary:focus,
a.badge-secondary.focus {
   outline: 0;
   box-shadow: 0 0 0 .2rem #6c757d80
}

.badge-success {
   color: #fff;
   background-color: #28a745
}

a.badge-success:hover,
a.badge-success:focus {
   color: #fff;
   background-color: #1e7e34
}

a.badge-success:focus,
a.badge-success.focus {
   outline: 0;
   box-shadow: 0 0 0 .2rem #28a74580
}

.badge-info {
   color: #fff;
   background-color: #17a2b8
}

a.badge-info:hover,
a.badge-info:focus {
   color: #fff;
   background-color: #117a8b
}

a.badge-info:focus,
a.badge-info.focus {
   outline: 0;
   box-shadow: 0 0 0 .2rem #17a2b880
}

.badge-warning {
   color: #212529;
   background-color: #ffc107
}

a.badge-warning:hover,
a.badge-warning:focus {
   color: #212529;
   background-color: #d39e00
}

a.badge-warning:focus,
a.badge-warning.focus {
   outline: 0;
   box-shadow: 0 0 0 .2rem #ffc10780
}

.badge-danger {
   color: #fff;
   background-color: #dc3545
}

a.badge-danger:hover,
a.badge-danger:focus {
   color: #fff;
   background-color: #bd2130
}

a.badge-danger:focus,
a.badge-danger.focus {
   outline: 0;
   box-shadow: 0 0 0 .2rem #dc354580
}

.badge-light {
   color: #212529;
   background-color: #f8f9fa
}

a.badge-light:hover,
a.badge-light:focus {
   color: #212529;
   background-color: #dae0e5
}

a.badge-light:focus,
a.badge-light.focus {
   outline: 0;
   box-shadow: 0 0 0 .2rem #f8f9fa80
}

.badge-dark {
   color: #fff;
   background-color: #343a40
}

a.badge-dark:hover,
a.badge-dark:focus {
   color: #fff;
   background-color: #1d2124
}

a.badge-dark:focus,
a.badge-dark.focus {
   outline: 0;
   box-shadow: 0 0 0 .2rem #343a4080
}

.jumbotron {
   padding: 2rem 1rem;
   margin-bottom: 2rem;
   background-color: #e9ecef;
   border-radius: .3rem
}

@media (min-width: 576px) {
   .jumbotron {
      padding: 4rem 2rem
   }
}

.jumbotron-fluid {
   padding-right: 0;
   padding-left: 0;
   border-radius: 0
}

.alert {
   position: relative;
   padding: .75rem 1.25rem;
   margin-bottom: 1rem;
   border: 1px solid transparent;
   border-radius: .25rem
}

.alert-heading {
   color: inherit
}

.alert-link {
   font-weight: 700
}

.alert-dismissible {
   padding-right: 4rem
}

.alert-dismissible .close {
   position: absolute;
   top: 0;
   right: 0;
   z-index: 2;
   padding: .75rem 1.25rem;
   color: inherit
}

.alert-primary {
   color: #004085;
   background-color: #cce5ff;
   border-color: #b8daff
}

.alert-primary hr {
   border-top-color: #9fcdff
}

.alert-primary .alert-link {
   color: #002752
}

.alert-secondary {
   color: #383d41;
   background-color: #e2e3e5;
   border-color: #d6d8db
}

.alert-secondary hr {
   border-top-color: #c8cbcf
}

.alert-secondary .alert-link {
   color: #202326
}

.alert-success {
   color: #155724;
   background-color: #d4edda;
   border-color: #c3e6cb
}

.alert-success hr {
   border-top-color: #b1dfbb
}

.alert-success .alert-link {
   color: #0b2e13
}

.alert-info {
   color: #0c5460;
   background-color: #d1ecf1;
   border-color: #bee5eb
}

.alert-info hr {
   border-top-color: #abdde5
}

.alert-info .alert-link {
   color: #062c33
}

.alert-warning {
   color: #856404;
   background-color: #fff3cd;
   border-color: #ffeeba
}

.alert-warning hr {
   border-top-color: #ffe8a1
}

.alert-warning .alert-link {
   color: #533f03
}

.alert-danger {
   color: #721c24;
   background-color: #f8d7da;
   border-color: #f5c6cb
}

.alert-danger hr {
   border-top-color: #f1b0b7
}

.alert-danger .alert-link {
   color: #491217
}

.alert-light {
   color: #818182;
   background-color: #fefefe;
   border-color: #fdfdfe
}

.alert-light hr {
   border-top-color: #ececf6
}

.alert-light .alert-link {
   color: #686868
}

.alert-dark {
   color: #1b1e21;
   background-color: #d6d8d9;
   border-color: #c6c8ca
}

.alert-dark hr {
   border-top-color: #b9bbbe
}

.alert-dark .alert-link {
   color: #040505
}

@-webkit-keyframes progress-bar-stripes {
   0% {
      background-position: 1rem 0
   }

   to {
      background-position: 0 0
   }
}

@keyframes progress-bar-stripes {
   0% {
      background-position: 1rem 0
   }

   to {
      background-position: 0 0
   }
}

.progress {
   display: flex;
   height: 1rem;
   overflow: hidden;
   line-height: 0;
   font-size: .75rem;
   background-color: #e9ecef;
   border-radius: .25rem
}

.progress-bar {
   display: flex;
   flex-direction: column;
   justify-content: center;
   overflow: hidden;
   color: #fff;
   text-align: center;
   white-space: nowrap;
   background-color: #007bff;
   transition: width .6s ease
}

@media (prefers-reduced-motion: reduce) {
   .progress-bar {
      transition: none
   }
}

.progress-bar-striped {
   background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
   background-size: 1rem 1rem
}

.progress-bar-animated {
   -webkit-animation: 1s linear infinite progress-bar-stripes;
   animation: 1s linear infinite progress-bar-stripes
}

@media (prefers-reduced-motion: reduce) {
   .progress-bar-animated {
      -webkit-animation: none;
      animation: none
   }
}

.media {
   display: flex;
   align-items: flex-start
}

.media-body {
   flex: 1
}

.list-group {
   display: flex;
   flex-direction: column;
   padding-left: 0;
   margin-bottom: 0;
   border-radius: .25rem
}

.list-group-item-action {
   width: 100%;
   color: #495057;
   text-align: inherit
}

.list-group-item-action:hover,
.list-group-item-action:focus {
   z-index: 1;
   color: #495057;
   text-decoration: none;
   background-color: #f8f9fa
}

.list-group-item-action:active {
   color: #212529;
   background-color: #e9ecef
}

.list-group-item {
   position: relative;
   display: block;
   padding: .75rem 1.25rem;
   background-color: #fff;
   border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit
}

.list-group-item:last-child {
   border-bottom-right-radius: inherit;
   border-bottom-left-radius: inherit
}

.list-group-item.disabled,
.list-group-item:disabled {
   color: #6c757d;
   pointer-events: none;
   background-color: #fff
}

.list-group-item.active {
   z-index: 2;
   color: #fff;
   background-color: #007bff;
   border-color: #007bff
}

.list-group-item+.list-group-item {
   border-top-width: 0
}

.list-group-item+.list-group-item.active {
   margin-top: -1px;
   border-top-width: 1px
}

.list-group-horizontal {
   flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child {
   border-bottom-left-radius: .25rem;
   border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child {
   border-top-right-radius: .25rem;
   border-bottom-left-radius: 0
}

.list-group-horizontal>.list-group-item.active {
   margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
   border-top-width: 1px;
   border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
   margin-left: -1px;
   border-left-width: 1px
}

@media (min-width: 576px) {
   .list-group-horizontal-sm {
      flex-direction: row
   }

   .list-group-horizontal-sm>.list-group-item:first-child {
      border-bottom-left-radius: .25rem;
      border-top-right-radius: 0
   }

   .list-group-horizontal-sm>.list-group-item:last-child {
      border-top-right-radius: .25rem;
      border-bottom-left-radius: 0
   }

   .list-group-horizontal-sm>.list-group-item.active {
      margin-top: 0
   }

   .list-group-horizontal-sm>.list-group-item+.list-group-item {
      border-top-width: 1px;
      border-left-width: 0
   }

   .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
      margin-left: -1px;
      border-left-width: 1px
   }
}

@media (min-width: 768px) {
   .list-group-horizontal-md {
      flex-direction: row
   }

   .list-group-horizontal-md>.list-group-item:first-child {
      border-bottom-left-radius: .25rem;
      border-top-right-radius: 0
   }

   .list-group-horizontal-md>.list-group-item:last-child {
      border-top-right-radius: .25rem;
      border-bottom-left-radius: 0
   }

   .list-group-horizontal-md>.list-group-item.active {
      margin-top: 0
   }

   .list-group-horizontal-md>.list-group-item+.list-group-item {
      border-top-width: 1px;
      border-left-width: 0
   }

   .list-group-horizontal-md>.list-group-item+.list-group-item.active {
      margin-left: -1px;
      border-left-width: 1px
   }
}

@media (min-width: 992px) {
   .list-group-horizontal-lg {
      flex-direction: row
   }

   .list-group-horizontal-lg>.list-group-item:first-child {
      border-bottom-left-radius: .25rem;
      border-top-right-radius: 0
   }

   .list-group-horizontal-lg>.list-group-item:last-child {
      border-top-right-radius: .25rem;
      border-bottom-left-radius: 0
   }

   .list-group-horizontal-lg>.list-group-item.active {
      margin-top: 0
   }

   .list-group-horizontal-lg>.list-group-item+.list-group-item {
      border-top-width: 1px;
      border-left-width: 0
   }

   .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
      margin-left: -1px;
      border-left-width: 1px
   }
}

@media (min-width: 1200px) {
   .list-group-horizontal-xl {
      flex-direction: row
   }

   .list-group-horizontal-xl>.list-group-item:first-child {
      border-bottom-left-radius: .25rem;
      border-top-right-radius: 0
   }

   .list-group-horizontal-xl>.list-group-item:last-child {
      border-top-right-radius: .25rem;
      border-bottom-left-radius: 0
   }

   .list-group-horizontal-xl>.list-group-item.active {
      margin-top: 0
   }

   .list-group-horizontal-xl>.list-group-item+.list-group-item {
      border-top-width: 1px;
      border-left-width: 0
   }

   .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
      margin-left: -1px;
      border-left-width: 1px
   }
}

@media (min-width: 1400px) {
   .list-group-horizontal-xxl {
      flex-direction: row
   }

   .list-group-horizontal-xxl>.list-group-item:first-child {
      border-bottom-left-radius: .25rem;
      border-top-right-radius: 0
   }

   .list-group-horizontal-xxl>.list-group-item:last-child {
      border-top-right-radius: .25rem;
      border-bottom-left-radius: 0
   }

   .list-group-horizontal-xxl>.list-group-item.active {
      margin-top: 0
   }

   .list-group-horizontal-xxl>.list-group-item+.list-group-item {
      border-top-width: 1px;
      border-left-width: 0
   }

   .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
      margin-left: -1px;
      border-left-width: 1px
   }
}

@media (min-width: 1600px) {
   .list-group-horizontal-xxxl {
      flex-direction: row
   }

   .list-group-horizontal-xxxl>.list-group-item:first-child {
      border-bottom-left-radius: .25rem;
      border-top-right-radius: 0
   }

   .list-group-horizontal-xxxl>.list-group-item:last-child {
      border-top-right-radius: .25rem;
      border-bottom-left-radius: 0
   }

   .list-group-horizontal-xxxl>.list-group-item.active {
      margin-top: 0
   }

   .list-group-horizontal-xxxl>.list-group-item+.list-group-item {
      border-top-width: 1px;
      border-left-width: 0
   }

   .list-group-horizontal-xxxl>.list-group-item+.list-group-item.active {
      margin-left: -1px;
      border-left-width: 1px
   }
}

@media (min-width: 2000px) {
   .list-group-horizontal-mac {
      flex-direction: row
   }

   .list-group-horizontal-mac>.list-group-item:first-child {
      border-bottom-left-radius: .25rem;
      border-top-right-radius: 0
   }

   .list-group-horizontal-mac>.list-group-item:last-child {
      border-top-right-radius: .25rem;
      border-bottom-left-radius: 0
   }

   .list-group-horizontal-mac>.list-group-item.active {
      margin-top: 0
   }

   .list-group-horizontal-mac>.list-group-item+.list-group-item {
      border-top-width: 1px;
      border-left-width: 0
   }

   .list-group-horizontal-mac>.list-group-item+.list-group-item.active {
      margin-left: -1px;
      border-left-width: 1px
   }
}

.list-group-flush {
   border-radius: 0
}

.list-group-flush>.list-group-item {
   border-width: 0 0 1px
}

.list-group-flush>.list-group-item:last-child {
   border-bottom-width: 0
}

.list-group-item-primary {
   color: #004085;
   background-color: #b8daff
}

.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
   color: #004085;
   background-color: #9fcdff
}

.list-group-item-primary.list-group-item-action.active {
   color: #fff;
   background-color: #004085;
   border-color: #004085
}

.list-group-item-secondary {
   color: #383d41;
   background-color: #d6d8db
}

.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
   color: #383d41;
   background-color: #c8cbcf
}

.list-group-item-secondary.list-group-item-action.active {
   color: #fff;
   background-color: #383d41;
   border-color: #383d41
}

.list-group-item-success {
   color: #155724;
   background-color: #c3e6cb
}

.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
   color: #155724;
   background-color: #b1dfbb
}

.list-group-item-success.list-group-item-action.active {
   color: #fff;
   background-color: #155724;
   border-color: #155724
}

.list-group-item-info {
   color: #0c5460;
   background-color: #bee5eb
}

.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
   color: #0c5460;
   background-color: #abdde5
}

.list-group-item-info.list-group-item-action.active {
   color: #fff;
   background-color: #0c5460;
   border-color: #0c5460
}

.list-group-item-warning {
   color: #856404;
   background-color: #ffeeba
}

.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
   color: #856404;
   background-color: #ffe8a1
}

.list-group-item-warning.list-group-item-action.active {
   color: #fff;
   background-color: #856404;
   border-color: #856404
}

.list-group-item-danger {
   color: #721c24;
   background-color: #f5c6cb
}

.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
   color: #721c24;
   background-color: #f1b0b7
}

.list-group-item-danger.list-group-item-action.active {
   color: #fff;
   background-color: #721c24;
   border-color: #721c24
}

.list-group-item-light {
   color: #818182;
   background-color: #fdfdfe
}

.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
   color: #818182;
   background-color: #ececf6
}

.list-group-item-light.list-group-item-action.active {
   color: #fff;
   background-color: #818182;
   border-color: #818182
}

.list-group-item-dark {
   color: #1b1e21;
   background-color: #c6c8ca
}

.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
   color: #1b1e21;
   background-color: #b9bbbe
}

.list-group-item-dark.list-group-item-action.active {
   color: #fff;
   background-color: #1b1e21;
   border-color: #1b1e21
}

.close {
   float: right;
   font-size: 1.5rem;
   font-weight: 700;
   line-height: 1;
   color: #000;
   text-shadow: 0 1px 0 #fff;
   opacity: .5
}

@media (max-width: 1640px) {
   .close {
      font-size: calc(1.05rem + .4390243902vw)
   }
}

.close:hover {
   color: #000;
   text-decoration: none
}

.close:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus {
   opacity: .75
}

button.close {
   padding: 0;
   background-color: transparent;
   border: 0
}

a.close.disabled {
   pointer-events: none
}

.toast {
   flex-basis: 350px;
   max-width: 350px;
   font-size: .875rem;
   background-color: #ffffffd9;
   background-clip: padding-box;
   border: 1px solid rgba(0, 0, 0, .1);
   box-shadow: 0 .25rem .75rem #0000001a;
   opacity: 0;
   border-radius: .25rem
}

.toast:not(:last-child) {
   margin-bottom: .75rem
}

.toast.showing {
   opacity: 1
}

.toast.show {
   display: block;
   opacity: 1
}

.toast.hide {
   display: none
}

.toast-header {
   display: flex;
   align-items: center;
   padding: .25rem .75rem;
   color: #6c757d;
   background-color: #ffffffd9;
   background-clip: padding-box;
   border-bottom: 1px solid rgba(0, 0, 0, .05);
   border-top-left-radius: calc(.25rem - 1px);
   border-top-right-radius: calc(.25rem - 1px)
}

.toast-body {
   padding: .75rem
}

.modal-open {
   overflow: hidden
}

.modal-open .modal {
   overflow-x: hidden;
   overflow-y: auto
}

.modal {
   position: fixed;
   top: 0;
   left: 0;
   z-index: 1050;
   display: none;
   width: 100%;
   height: 100%;
   overflow: hidden;
   outline: 0
}

.modal-dialog {
   position: relative;
   width: auto;
   margin: .5rem;
   pointer-events: none
}

.modal.fade .modal-dialog {
   transition: -webkit-transform .3s ease-out;
   transition: transform .3s ease-out;
   transition: transform .3s ease-out, -webkit-transform .3s ease-out;
   -webkit-transform: translate(0, -50px);
   transform: translateY(-50px)
}

@media (prefers-reduced-motion: reduce) {
   .modal.fade .modal-dialog {
      transition: none
   }
}

.modal.show .modal-dialog {
   -webkit-transform: none;
   transform: none
}

.modal.modal-static .modal-dialog {
   -webkit-transform: scale(1.02);
   transform: scale(1.02)
}

.modal-dialog-scrollable {
   display: flex;
   max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
   max-height: calc(100vh - 1rem);
   overflow: hidden
}

.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
   flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
   overflow-y: auto
}

.modal-dialog-centered {
   display: flex;
   align-items: center;
   min-height: calc(100% - 1rem)
}

.modal-dialog-centered:before {
   display: block;
   height: calc(100vh - 1rem);
   height: -webkit-min-content;
   height: -moz-min-content;
   height: min-content;
   content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
   flex-direction: column;
   justify-content: center;
   height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
   max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable:before {
   content: none
}

.modal-content {
   position: relative;
   display: flex;
   flex-direction: column;
   width: 100%;
   pointer-events: auto;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid rgba(0, 0, 0, .2);
   border-radius: .3rem;
   outline: 0
}

.modal-backdrop {
   position: fixed;
   top: 0;
   left: 0;
   z-index: 1040;
   width: 100vw;
   height: 100vh;
   background-color: #000
}

.modal-backdrop.fade {
   opacity: 0
}

.modal-backdrop.show {
   opacity: .5
}

.modal-header {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   padding: 1rem;
   border-bottom: 1px solid #dee2e6;
   border-top-left-radius: calc(.3rem - 1px);
   border-top-right-radius: calc(.3rem - 1px)
}

.modal-header .close {
   padding: 1rem;
   margin: -1rem -1rem -1rem auto
}

.modal-title {
   margin-bottom: 0;
   line-height: 1.5
}

.modal-body {
   position: relative;
   flex: 1 1 auto;
   padding: 1rem
}

.modal-footer {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: flex-end;
   padding: .75rem;
   border-top: 1px solid #dee2e6;
   border-bottom-right-radius: calc(.3rem - 1px);
   border-bottom-left-radius: calc(.3rem - 1px)
}

.modal-footer>* {
   margin: .25rem
}

.modal-scrollbar-measure {
   position: absolute;
   top: -9999px;
   width: 50px;
   height: 50px;
   overflow: scroll
}

@media (min-width: 576px) {
   .modal-dialog {
      max-width: 500px;
      margin: 1.75rem auto
   }

   .modal-dialog-scrollable {
      max-height: calc(100% - 3.5rem)
   }

   .modal-dialog-scrollable .modal-content {
      max-height: calc(100vh - 3.5rem)
   }

   .modal-dialog-centered {
      min-height: calc(100% - 3.5rem)
   }

   .modal-dialog-centered:before {
      height: calc(100vh - 3.5rem);
      height: -webkit-min-content;
      height: -moz-min-content;
      height: min-content
   }

   .modal-sm {
      max-width: 300px
   }
}

@media (min-width: 992px) {

   .modal-lg,
   .modal-xl {
      max-width: 800px
   }
}

@media (min-width: 1200px) {
   .modal-xl {
      max-width: 1140px
   }
}

[dir=ltr] .tooltip {
   text-align: left
}

[dir=rtl] .tooltip {
   text-align: right
}

.tooltip {
   position: absolute;
   z-index: 1070;
   display: block;
   margin: 0;
   font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
   font-style: normal;
   font-weight: 400;
   line-height: 1.5;
   text-align: left;
   text-decoration: none;
   text-shadow: none;
   text-transform: none;
   letter-spacing: normal;
   word-break: normal;
   word-spacing: normal;
   white-space: normal;
   line-break: auto;
   font-size: .875rem;
   word-wrap: break-word;
   opacity: 0
}

.tooltip.show {
   opacity: .9
}

.tooltip .arrow {
   position: absolute;
   display: block;
   width: .8rem;
   height: .4rem
}

.tooltip .arrow:before {
   position: absolute;
   content: "";
   border-color: transparent;
   border-style: solid
}

.bs-tooltip-top,
.bs-tooltip-auto[x-placement^=top] {
   padding: .4rem 0
}

.bs-tooltip-top .arrow,
.bs-tooltip-auto[x-placement^=top] .arrow {
   bottom: 0
}

.bs-tooltip-top .arrow:before,
.bs-tooltip-auto[x-placement^=top] .arrow:before {
   top: 0;
   border-width: .4rem .4rem 0;
   border-top-color: #000
}

.bs-tooltip-right,
.bs-tooltip-auto[x-placement^=right] {
   padding: 0 .4rem
}

.bs-tooltip-right .arrow,
.bs-tooltip-auto[x-placement^=right] .arrow {
   left: 0;
   width: .4rem;
   height: .8rem
}

.bs-tooltip-right .arrow:before,
.bs-tooltip-auto[x-placement^=right] .arrow:before {
   right: 0;
   border-width: .4rem .4rem .4rem 0;
   border-right-color: #000
}

.bs-tooltip-bottom,
.bs-tooltip-auto[x-placement^=bottom] {
   padding: .4rem 0
}

.bs-tooltip-bottom .arrow,
.bs-tooltip-auto[x-placement^=bottom] .arrow {
   top: 0
}

.bs-tooltip-bottom .arrow:before,
.bs-tooltip-auto[x-placement^=bottom] .arrow:before {
   bottom: 0;
   border-width: 0 .4rem .4rem;
   border-bottom-color: #000
}

.bs-tooltip-left,
.bs-tooltip-auto[x-placement^=left] {
   padding: 0 .4rem
}

.bs-tooltip-left .arrow,
.bs-tooltip-auto[x-placement^=left] .arrow {
   right: 0;
   width: .4rem;
   height: .8rem
}

.bs-tooltip-left .arrow:before,
.bs-tooltip-auto[x-placement^=left] .arrow:before {
   left: 0;
   border-width: .4rem 0 .4rem .4rem;
   border-left-color: #000
}

.tooltip-inner {
   max-width: 200px;
   padding: .25rem .5rem;
   color: #fff;
   text-align: center;
   background-color: #000;
   border-radius: .25rem
}

[dir=ltr] .popover {
   text-align: left
}

[dir=rtl] .popover {
   text-align: right
}

.popover {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1060;
   display: block;
   max-width: 276px;
   font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
   font-style: normal;
   font-weight: 400;
   line-height: 1.5;
   text-align: left;
   text-decoration: none;
   text-shadow: none;
   text-transform: none;
   letter-spacing: normal;
   word-break: normal;
   word-spacing: normal;
   white-space: normal;
   line-break: auto;
   font-size: .875rem;
   word-wrap: break-word;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid rgba(0, 0, 0, .2);
   border-radius: .3rem
}

.popover .arrow {
   position: absolute;
   display: block;
   width: 1rem;
   height: .5rem;
   margin: 0 .3rem
}

.popover .arrow:before,
.popover .arrow:after {
   position: absolute;
   display: block;
   content: "";
   border-color: transparent;
   border-style: solid
}

.bs-popover-top,
.bs-popover-auto[x-placement^=top] {
   margin-bottom: .5rem
}

.bs-popover-top>.arrow,
.bs-popover-auto[x-placement^=top]>.arrow {
   bottom: calc(-.5rem - 1px)
}

.bs-popover-top>.arrow:before,
.bs-popover-auto[x-placement^=top]>.arrow:before {
   bottom: 0;
   border-width: .5rem .5rem 0;
   border-top-color: #00000040
}

.bs-popover-top>.arrow:after,
.bs-popover-auto[x-placement^=top]>.arrow:after {
   bottom: 1px;
   border-width: .5rem .5rem 0;
   border-top-color: #fff
}

.bs-popover-right,
.bs-popover-auto[x-placement^=right] {
   margin-left: .5rem
}

.bs-popover-right>.arrow,
.bs-popover-auto[x-placement^=right]>.arrow {
   left: calc(-.5rem - 1px);
   width: .5rem;
   height: 1rem;
   margin: .3rem 0
}

.bs-popover-right>.arrow:before,
.bs-popover-auto[x-placement^=right]>.arrow:before {
   left: 0;
   border-width: .5rem .5rem .5rem 0;
   border-right-color: #00000040
}

.bs-popover-right>.arrow:after,
.bs-popover-auto[x-placement^=right]>.arrow:after {
   left: 1px;
   border-width: .5rem .5rem .5rem 0;
   border-right-color: #fff
}

.bs-popover-bottom,
.bs-popover-auto[x-placement^=bottom] {
   margin-top: .5rem
}

.bs-popover-bottom>.arrow,
.bs-popover-auto[x-placement^=bottom]>.arrow {
   top: calc(-.5rem - 1px)
}

.bs-popover-bottom>.arrow:before,
.bs-popover-auto[x-placement^=bottom]>.arrow:before {
   top: 0;
   border-width: 0 .5rem .5rem .5rem;
   border-bottom-color: #00000040
}

.bs-popover-bottom>.arrow:after,
.bs-popover-auto[x-placement^=bottom]>.arrow:after {
   top: 1px;
   border-width: 0 .5rem .5rem .5rem;
   border-bottom-color: #fff
}

.bs-popover-bottom .popover-header:before,
.bs-popover-auto[x-placement^=bottom] .popover-header:before {
   position: absolute;
   top: 0;
   left: 50%;
   display: block;
   width: 1rem;
   margin-left: -.5rem;
   content: "";
   border-bottom: 1px solid #f7f7f7
}

.bs-popover-left,
.bs-popover-auto[x-placement^=left] {
   margin-right: .5rem
}

.bs-popover-left>.arrow,
.bs-popover-auto[x-placement^=left]>.arrow {
   right: calc(-.5rem - 1px);
   width: .5rem;
   height: 1rem;
   margin: .3rem 0
}

.bs-popover-left>.arrow:before,
.bs-popover-auto[x-placement^=left]>.arrow:before {
   right: 0;
   border-width: .5rem 0 .5rem .5rem;
   border-left-color: #00000040
}

.bs-popover-left>.arrow:after,
.bs-popover-auto[x-placement^=left]>.arrow:after {
   right: 1px;
   border-width: .5rem 0 .5rem .5rem;
   border-left-color: #fff
}

.popover-header {
   padding: .5rem .75rem;
   margin-bottom: 0;
   font-size: 1rem;
   background-color: #f7f7f7;
   border-bottom: 1px solid #ebebeb;
   border-top-left-radius: calc(.3rem - 1px);
   border-top-right-radius: calc(.3rem - 1px)
}

.popover-header:empty {
   display: none
}

.popover-body {
   padding: .5rem .75rem;
   color: #212529
}

.carousel {
   position: relative
}

.carousel.pointer-event {
   touch-action: pan-y
}

.carousel-inner {
   position: relative;
   width: 100%;
   overflow: hidden
}

.carousel-inner:after {
   display: block;
   clear: both;
   content: ""
}

.carousel-item {
   position: relative;
   display: none;
   float: left;
   width: 100%;
   margin-right: -100%;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   transition: -webkit-transform .6s ease-in-out;
   transition: transform .6s ease-in-out;
   transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
   .carousel-item {
      transition: none
   }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
   display: block
}

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
   -webkit-transform: translateX(100%);
   transform: translate(100%)
}

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
   -webkit-transform: translateX(-100%);
   transform: translate(-100%)
}

.carousel-fade .carousel-item {
   opacity: 0;
   transition-property: opacity;
   -webkit-transform: none;
   transform: none
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
   z-index: 1;
   opacity: 1
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
   z-index: 0;
   opacity: 0;
   transition: opacity 0s .6s
}

@media (prefers-reduced-motion: reduce) {

   .carousel-fade .active.carousel-item-left,
   .carousel-fade .active.carousel-item-right {
      transition: none
   }
}

.carousel-control-prev,
.carousel-control-next {
   position: absolute;
   top: 0;
   bottom: 0;
   z-index: 1;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 15%;
   padding: 0;
   color: #fff;
   text-align: center;
   background: none;
   border: 0;
   opacity: .5;
   transition: opacity .15s ease
}

@media (prefers-reduced-motion: reduce) {

   .carousel-control-prev,
   .carousel-control-next {
      transition: none
   }
}

.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
   color: #fff;
   text-decoration: none;
   outline: 0;
   opacity: .9
}

.carousel-control-prev {
   left: 0
}

.carousel-control-next {
   right: 0
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
   display: inline-block;
   width: 20px;
   height: 20px;
   background: 50%/100% 100% no-repeat
}

.carousel-control-prev-icon {
   background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath d=%27M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z%27/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
   background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath d=%27M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z%27/%3e%3c/svg%3e")
}

.carousel-indicators {
   position: absolute;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 15;
   display: flex;
   justify-content: center;
   padding-left: 0;
   margin-right: 15%;
   margin-left: 15%;
   list-style: none
}

.carousel-indicators li {
   box-sizing: content-box;
   flex: 0 1 auto;
   width: 30px;
   height: 3px;
   margin-right: 3px;
   margin-left: 3px;
   text-indent: -999px;
   cursor: pointer;
   background-color: #fff;
   background-clip: padding-box;
   border-top: 10px solid transparent;
   border-bottom: 10px solid transparent;
   opacity: .5;
   transition: opacity .6s ease
}

@media (prefers-reduced-motion: reduce) {
   .carousel-indicators li {
      transition: none
   }
}

.carousel-indicators .active {
   opacity: 1
}

.carousel-caption {
   position: absolute;
   right: 15%;
   bottom: 20px;
   left: 15%;
   z-index: 10;
   padding-top: 20px;
   padding-bottom: 20px;
   color: #fff;
   text-align: center
}

@-webkit-keyframes spinner-border {
   to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
   }
}

@keyframes spinner-border {
   to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
   }
}

.spinner-border {
   display: inline-block;
   width: 2rem;
   height: 2rem;
   vertical-align: -.125em;
   border: .25em solid currentColor;
   border-right-color: transparent;
   border-radius: 50%;
   -webkit-animation: .75s linear infinite spinner-border;
   animation: .75s linear infinite spinner-border
}

.spinner-border-sm {
   width: 1rem;
   height: 1rem;
   border-width: .2em
}

@-webkit-keyframes spinner-grow {
   0% {
      -webkit-transform: scale(0);
      transform: scale(0)
   }

   50% {
      opacity: 1;
      -webkit-transform: none;
      transform: none
   }
}

@keyframes spinner-grow {
   0% {
      -webkit-transform: scale(0);
      transform: scale(0)
   }

   50% {
      opacity: 1;
      -webkit-transform: none;
      transform: none
   }
}

.spinner-grow {
   display: inline-block;
   width: 2rem;
   height: 2rem;
   vertical-align: -.125em;
   background-color: currentColor;
   border-radius: 50%;
   opacity: 0;
   -webkit-animation: .75s linear infinite spinner-grow;
   animation: .75s linear infinite spinner-grow
}

.spinner-grow-sm {
   width: 1rem;
   height: 1rem
}

@media (prefers-reduced-motion: reduce) {

   .spinner-border,
   .spinner-grow {
      -webkit-animation-duration: 1.5s;
      animation-duration: 1.5s
   }
}

.align-baseline {
   vertical-align: baseline !important
}

.align-top {
   vertical-align: top !important
}

.align-middle {
   vertical-align: middle !important
}

.align-bottom {
   vertical-align: bottom !important
}

.align-text-bottom {
   vertical-align: text-bottom !important
}

.align-text-top {
   vertical-align: text-top !important
}

.bg-primary {
   background-color: #007bff !important
}

a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
   background-color: #0062cc !important
}

.bg-secondary {
   background-color: #6c757d !important
}

a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
   background-color: #545b62 !important
}

.bg-success {
   background-color: #28a745 !important
}

a.bg-success:hover,
a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
   background-color: #1e7e34 !important
}

.bg-info {
   background-color: #17a2b8 !important
}

a.bg-info:hover,
a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
   background-color: #117a8b !important
}

.bg-warning {
   background-color: #ffc107 !important
}

a.bg-warning:hover,
a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
   background-color: #d39e00 !important
}

.bg-danger {
   background-color: #dc3545 !important
}

a.bg-danger:hover,
a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
   background-color: #bd2130 !important
}

.bg-light {
   background-color: #f8f9fa !important
}

a.bg-light:hover,
a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
   background-color: #dae0e5 !important
}

.bg-dark {
   background-color: #343a40 !important
}

a.bg-dark:hover,
a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
   background-color: #1d2124 !important
}

.bg-white {
   background-color: #fff !important
}

.bg-transparent {
   background-color: transparent !important
}

.border {
   border: 1px solid #dee2e6 !important
}

.border-top {
   border-top: 1px solid #dee2e6 !important
}

.border-right {
   border-right: 1px solid #dee2e6 !important
}

.border-bottom {
   border-bottom: 1px solid #dee2e6 !important
}

.border-left {
   border-left: 1px solid #dee2e6 !important
}

.border-0 {
   border: 0 !important
}

.border-top-0 {
   border-top: 0 !important
}

.border-right-0 {
   border-right: 0 !important
}

.border-bottom-0 {
   border-bottom: 0 !important
}

.border-left-0 {
   border-left: 0 !important
}

.border-primary {
   border-color: #007bff !important
}

.border-secondary {
   border-color: #6c757d !important
}

.border-success {
   border-color: #28a745 !important
}

.border-info {
   border-color: #17a2b8 !important
}

.border-warning {
   border-color: #ffc107 !important
}

.border-danger {
   border-color: #dc3545 !important
}

.border-light {
   border-color: #f8f9fa !important
}

.border-dark {
   border-color: #343a40 !important
}

.border-white {
   border-color: #fff !important
}

.rounded-sm {
   border-radius: .2rem !important
}

.rounded {
   border-radius: .25rem !important
}

.rounded-top {
   border-top-left-radius: .25rem !important;
   border-top-right-radius: .25rem !important
}

.rounded-right {
   border-top-right-radius: .25rem !important;
   border-bottom-right-radius: .25rem !important
}

.rounded-bottom {
   border-bottom-right-radius: .25rem !important;
   border-bottom-left-radius: .25rem !important
}

.rounded-left {
   border-top-left-radius: .25rem !important;
   border-bottom-left-radius: .25rem !important
}

.rounded-lg {
   border-radius: .3rem !important
}

.rounded-circle {
   border-radius: 50% !important
}

.rounded-pill {
   border-radius: 50rem !important
}

.rounded-0 {
   border-radius: 0 !important
}

.clearfix:after {
   display: block;
   clear: both;
   content: ""
}

.d-none {
   display: none !important
}

.d-inline {
   display: inline !important
}

.d-inline-block {
   display: inline-block !important
}

.d-block {
   display: block !important
}

.d-table {
   display: table !important
}

.d-table-row {
   display: table-row !important
}

.d-table-cell {
   display: table-cell !important
}

.d-flex {
   display: flex !important
}

.d-inline-flex {
   display: inline-flex !important
}

@media (min-width: 576px) {
   .d-sm-none {
      display: none !important
   }

   .d-sm-inline {
      display: inline !important
   }

   .d-sm-inline-block {
      display: inline-block !important
   }

   .d-sm-block {
      display: block !important
   }

   .d-sm-table {
      display: table !important
   }

   .d-sm-table-row {
      display: table-row !important
   }

   .d-sm-table-cell {
      display: table-cell !important
   }

   .d-sm-flex {
      display: flex !important
   }

   .d-sm-inline-flex {
      display: inline-flex !important
   }
}

@media (min-width: 768px) {
   .d-md-none {
      display: none !important
   }

   .d-md-inline {
      display: inline !important
   }

   .d-md-inline-block {
      display: inline-block !important
   }

   .d-md-block {
      display: block !important
   }

   .d-md-table {
      display: table !important
   }

   .d-md-table-row {
      display: table-row !important
   }

   .d-md-table-cell {
      display: table-cell !important
   }

   .d-md-flex {
      display: flex !important
   }

   .d-md-inline-flex {
      display: inline-flex !important
   }
}

@media (min-width: 992px) {
   .d-lg-none {
      display: none !important
   }

   .d-lg-inline {
      display: inline !important
   }

   .d-lg-inline-block {
      display: inline-block !important
   }

   .d-lg-block {
      display: block !important
   }

   .d-lg-table {
      display: table !important
   }

   .d-lg-table-row {
      display: table-row !important
   }

   .d-lg-table-cell {
      display: table-cell !important
   }

   .d-lg-flex {
      display: flex !important
   }

   .d-lg-inline-flex {
      display: inline-flex !important
   }
}

@media (min-width: 1200px) {
   .d-xl-none {
      display: none !important
   }

   .d-xl-inline {
      display: inline !important
   }

   .d-xl-inline-block {
      display: inline-block !important
   }

   .d-xl-block {
      display: block !important
   }

   .d-xl-table {
      display: table !important
   }

   .d-xl-table-row {
      display: table-row !important
   }

   .d-xl-table-cell {
      display: table-cell !important
   }

   .d-xl-flex {
      display: flex !important
   }

   .d-xl-inline-flex {
      display: inline-flex !important
   }
}

@media (min-width: 1400px) {
   .d-xxl-none {
      display: none !important
   }

   .d-xxl-inline {
      display: inline !important
   }

   .d-xxl-inline-block {
      display: inline-block !important
   }

   .d-xxl-block {
      display: block !important
   }

   .d-xxl-table {
      display: table !important
   }

   .d-xxl-table-row {
      display: table-row !important
   }

   .d-xxl-table-cell {
      display: table-cell !important
   }

   .d-xxl-flex {
      display: flex !important
   }

   .d-xxl-inline-flex {
      display: inline-flex !important
   }
}

@media (min-width: 1600px) {
   .d-xxxl-none {
      display: none !important
   }

   .d-xxxl-inline {
      display: inline !important
   }

   .d-xxxl-inline-block {
      display: inline-block !important
   }

   .d-xxxl-block {
      display: block !important
   }

   .d-xxxl-table {
      display: table !important
   }

   .d-xxxl-table-row {
      display: table-row !important
   }

   .d-xxxl-table-cell {
      display: table-cell !important
   }

   .d-xxxl-flex {
      display: flex !important
   }

   .d-xxxl-inline-flex {
      display: inline-flex !important
   }
}

@media (min-width: 2000px) {
   .d-mac-none {
      display: none !important
   }

   .d-mac-inline {
      display: inline !important
   }

   .d-mac-inline-block {
      display: inline-block !important
   }

   .d-mac-block {
      display: block !important
   }

   .d-mac-table {
      display: table !important
   }

   .d-mac-table-row {
      display: table-row !important
   }

   .d-mac-table-cell {
      display: table-cell !important
   }

   .d-mac-flex {
      display: flex !important
   }

   .d-mac-inline-flex {
      display: inline-flex !important
   }
}

@media print {
   .d-print-none {
      display: none !important
   }

   .d-print-inline {
      display: inline !important
   }

   .d-print-inline-block {
      display: inline-block !important
   }

   .d-print-block {
      display: block !important
   }

   .d-print-table {
      display: table !important
   }

   .d-print-table-row {
      display: table-row !important
   }

   .d-print-table-cell {
      display: table-cell !important
   }

   .d-print-flex {
      display: flex !important
   }

   .d-print-inline-flex {
      display: inline-flex !important
   }
}

.embed-responsive {
   position: relative;
   display: block;
   width: 100%;
   padding: 0;
   overflow: hidden
}

.embed-responsive:before {
   display: block;
   content: ""
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border: 0
}

.embed-responsive-21by9:before {
   padding-top: 42.85714286%
}

.embed-responsive-16by9:before {
   padding-top: 56.25%
}

.embed-responsive-4by3:before {
   padding-top: 75%
}

.embed-responsive-1by1:before {
   padding-top: 100%
}

.flex-row {
   flex-direction: row !important
}

.flex-column {
   flex-direction: column !important
}

.flex-row-reverse {
   flex-direction: row-reverse !important
}

.flex-column-reverse {
   flex-direction: column-reverse !important
}

.flex-wrap {
   flex-wrap: wrap !important
}

.flex-nowrap {
   flex-wrap: nowrap !important
}

.flex-wrap-reverse {
   flex-wrap: wrap-reverse !important
}

.flex-fill {
   flex: 1 1 auto !important
}

.flex-grow-0 {
   flex-grow: 0 !important
}

.flex-grow-1 {
   flex-grow: 1 !important
}

.flex-shrink-0 {
   flex-shrink: 0 !important
}

.flex-shrink-1 {
   flex-shrink: 1 !important
}

.justify-content-start {
   justify-content: flex-start !important
}

.justify-content-end {
   justify-content: flex-end !important
}

.justify-content-center {
   justify-content: center !important
}

.justify-content-between {
   justify-content: space-between !important
}

.justify-content-around {
   justify-content: space-around !important
}

.align-items-start {
   align-items: flex-start !important
}

.align-items-end {
   align-items: flex-end !important
}

.align-items-center {
   align-items: center !important
}

.align-items-baseline {
   align-items: baseline !important
}

.align-items-stretch {
   align-items: stretch !important
}

.align-content-start {
   align-content: flex-start !important
}

.align-content-end {
   align-content: flex-end !important
}

.align-content-center {
   align-content: center !important
}

.align-content-between {
   align-content: space-between !important
}

.align-content-around {
   align-content: space-around !important
}

.align-content-stretch {
   align-content: stretch !important
}

.align-self-auto {
   align-self: auto !important
}

.align-self-start {
   align-self: flex-start !important
}

.align-self-end {
   align-self: flex-end !important
}

.align-self-center {
   align-self: center !important
}

.align-self-baseline {
   align-self: baseline !important
}

.align-self-stretch {
   align-self: stretch !important
}

@media (min-width: 576px) {
   .flex-sm-row {
      flex-direction: row !important
   }

   .flex-sm-column {
      flex-direction: column !important
   }

   .flex-sm-row-reverse {
      flex-direction: row-reverse !important
   }

   .flex-sm-column-reverse {
      flex-direction: column-reverse !important
   }

   .flex-sm-wrap {
      flex-wrap: wrap !important
   }

   .flex-sm-nowrap {
      flex-wrap: nowrap !important
   }

   .flex-sm-wrap-reverse {
      flex-wrap: wrap-reverse !important
   }

   .flex-sm-fill {
      flex: 1 1 auto !important
   }

   .flex-sm-grow-0 {
      flex-grow: 0 !important
   }

   .flex-sm-grow-1 {
      flex-grow: 1 !important
   }

   .flex-sm-shrink-0 {
      flex-shrink: 0 !important
   }

   .flex-sm-shrink-1 {
      flex-shrink: 1 !important
   }

   .justify-content-sm-start {
      justify-content: flex-start !important
   }

   .justify-content-sm-end {
      justify-content: flex-end !important
   }

   .justify-content-sm-center {
      justify-content: center !important
   }

   .justify-content-sm-between {
      justify-content: space-between !important
   }

   .justify-content-sm-around {
      justify-content: space-around !important
   }

   .align-items-sm-start {
      align-items: flex-start !important
   }

   .align-items-sm-end {
      align-items: flex-end !important
   }

   .align-items-sm-center {
      align-items: center !important
   }

   .align-items-sm-baseline {
      align-items: baseline !important
   }

   .align-items-sm-stretch {
      align-items: stretch !important
   }

   .align-content-sm-start {
      align-content: flex-start !important
   }

   .align-content-sm-end {
      align-content: flex-end !important
   }

   .align-content-sm-center {
      align-content: center !important
   }

   .align-content-sm-between {
      align-content: space-between !important
   }

   .align-content-sm-around {
      align-content: space-around !important
   }

   .align-content-sm-stretch {
      align-content: stretch !important
   }

   .align-self-sm-auto {
      align-self: auto !important
   }

   .align-self-sm-start {
      align-self: flex-start !important
   }

   .align-self-sm-end {
      align-self: flex-end !important
   }

   .align-self-sm-center {
      align-self: center !important
   }

   .align-self-sm-baseline {
      align-self: baseline !important
   }

   .align-self-sm-stretch {
      align-self: stretch !important
   }
}

@media (min-width: 768px) {
   .flex-md-row {
      flex-direction: row !important
   }

   .flex-md-column {
      flex-direction: column !important
   }

   .flex-md-row-reverse {
      flex-direction: row-reverse !important
   }

   .flex-md-column-reverse {
      flex-direction: column-reverse !important
   }

   .flex-md-wrap {
      flex-wrap: wrap !important
   }

   .flex-md-nowrap {
      flex-wrap: nowrap !important
   }

   .flex-md-wrap-reverse {
      flex-wrap: wrap-reverse !important
   }

   .flex-md-fill {
      flex: 1 1 auto !important
   }

   .flex-md-grow-0 {
      flex-grow: 0 !important
   }

   .flex-md-grow-1 {
      flex-grow: 1 !important
   }

   .flex-md-shrink-0 {
      flex-shrink: 0 !important
   }

   .flex-md-shrink-1 {
      flex-shrink: 1 !important
   }

   .justify-content-md-start {
      justify-content: flex-start !important
   }

   .justify-content-md-end {
      justify-content: flex-end !important
   }

   .justify-content-md-center {
      justify-content: center !important
   }

   .justify-content-md-between {
      justify-content: space-between !important
   }

   .justify-content-md-around {
      justify-content: space-around !important
   }

   .align-items-md-start {
      align-items: flex-start !important
   }

   .align-items-md-end {
      align-items: flex-end !important
   }

   .align-items-md-center {
      align-items: center !important
   }

   .align-items-md-baseline {
      align-items: baseline !important
   }

   .align-items-md-stretch {
      align-items: stretch !important
   }

   .align-content-md-start {
      align-content: flex-start !important
   }

   .align-content-md-end {
      align-content: flex-end !important
   }

   .align-content-md-center {
      align-content: center !important
   }

   .align-content-md-between {
      align-content: space-between !important
   }

   .align-content-md-around {
      align-content: space-around !important
   }

   .align-content-md-stretch {
      align-content: stretch !important
   }

   .align-self-md-auto {
      align-self: auto !important
   }

   .align-self-md-start {
      align-self: flex-start !important
   }

   .align-self-md-end {
      align-self: flex-end !important
   }

   .align-self-md-center {
      align-self: center !important
   }

   .align-self-md-baseline {
      align-self: baseline !important
   }

   .align-self-md-stretch {
      align-self: stretch !important
   }
}

@media (min-width: 992px) {
   .flex-lg-row {
      flex-direction: row !important
   }

   .flex-lg-column {
      flex-direction: column !important
   }

   .flex-lg-row-reverse {
      flex-direction: row-reverse !important
   }

   .flex-lg-column-reverse {
      flex-direction: column-reverse !important
   }

   .flex-lg-wrap {
      flex-wrap: wrap !important
   }

   .flex-lg-nowrap {
      flex-wrap: nowrap !important
   }

   .flex-lg-wrap-reverse {
      flex-wrap: wrap-reverse !important
   }

   .flex-lg-fill {
      flex: 1 1 auto !important
   }

   .flex-lg-grow-0 {
      flex-grow: 0 !important
   }

   .flex-lg-grow-1 {
      flex-grow: 1 !important
   }

   .flex-lg-shrink-0 {
      flex-shrink: 0 !important
   }

   .flex-lg-shrink-1 {
      flex-shrink: 1 !important
   }

   .justify-content-lg-start {
      justify-content: flex-start !important
   }

   .justify-content-lg-end {
      justify-content: flex-end !important
   }

   .justify-content-lg-center {
      justify-content: center !important
   }

   .justify-content-lg-between {
      justify-content: space-between !important
   }

   .justify-content-lg-around {
      justify-content: space-around !important
   }

   .align-items-lg-start {
      align-items: flex-start !important
   }

   .align-items-lg-end {
      align-items: flex-end !important
   }

   .align-items-lg-center {
      align-items: center !important
   }

   .align-items-lg-baseline {
      align-items: baseline !important
   }

   .align-items-lg-stretch {
      align-items: stretch !important
   }

   .align-content-lg-start {
      align-content: flex-start !important
   }

   .align-content-lg-end {
      align-content: flex-end !important
   }

   .align-content-lg-center {
      align-content: center !important
   }

   .align-content-lg-between {
      align-content: space-between !important
   }

   .align-content-lg-around {
      align-content: space-around !important
   }

   .align-content-lg-stretch {
      align-content: stretch !important
   }

   .align-self-lg-auto {
      align-self: auto !important
   }

   .align-self-lg-start {
      align-self: flex-start !important
   }

   .align-self-lg-end {
      align-self: flex-end !important
   }

   .align-self-lg-center {
      align-self: center !important
   }

   .align-self-lg-baseline {
      align-self: baseline !important
   }

   .align-self-lg-stretch {
      align-self: stretch !important
   }
}

@media (min-width: 1200px) {
   .flex-xl-row {
      flex-direction: row !important
   }

   .flex-xl-column {
      flex-direction: column !important
   }

   .flex-xl-row-reverse {
      flex-direction: row-reverse !important
   }

   .flex-xl-column-reverse {
      flex-direction: column-reverse !important
   }

   .flex-xl-wrap {
      flex-wrap: wrap !important
   }

   .flex-xl-nowrap {
      flex-wrap: nowrap !important
   }

   .flex-xl-wrap-reverse {
      flex-wrap: wrap-reverse !important
   }

   .flex-xl-fill {
      flex: 1 1 auto !important
   }

   .flex-xl-grow-0 {
      flex-grow: 0 !important
   }

   .flex-xl-grow-1 {
      flex-grow: 1 !important
   }

   .flex-xl-shrink-0 {
      flex-shrink: 0 !important
   }

   .flex-xl-shrink-1 {
      flex-shrink: 1 !important
   }

   .justify-content-xl-start {
      justify-content: flex-start !important
   }

   .justify-content-xl-end {
      justify-content: flex-end !important
   }

   .justify-content-xl-center {
      justify-content: center !important
   }

   .justify-content-xl-between {
      justify-content: space-between !important
   }

   .justify-content-xl-around {
      justify-content: space-around !important
   }

   .align-items-xl-start {
      align-items: flex-start !important
   }

   .align-items-xl-end {
      align-items: flex-end !important
   }

   .align-items-xl-center {
      align-items: center !important
   }

   .align-items-xl-baseline {
      align-items: baseline !important
   }

   .align-items-xl-stretch {
      align-items: stretch !important
   }

   .align-content-xl-start {
      align-content: flex-start !important
   }

   .align-content-xl-end {
      align-content: flex-end !important
   }

   .align-content-xl-center {
      align-content: center !important
   }

   .align-content-xl-between {
      align-content: space-between !important
   }

   .align-content-xl-around {
      align-content: space-around !important
   }

   .align-content-xl-stretch {
      align-content: stretch !important
   }

   .align-self-xl-auto {
      align-self: auto !important
   }

   .align-self-xl-start {
      align-self: flex-start !important
   }

   .align-self-xl-end {
      align-self: flex-end !important
   }

   .align-self-xl-center {
      align-self: center !important
   }

   .align-self-xl-baseline {
      align-self: baseline !important
   }

   .align-self-xl-stretch {
      align-self: stretch !important
   }
}

@media (min-width: 1400px) {
   .flex-xxl-row {
      flex-direction: row !important
   }

   .flex-xxl-column {
      flex-direction: column !important
   }

   .flex-xxl-row-reverse {
      flex-direction: row-reverse !important
   }

   .flex-xxl-column-reverse {
      flex-direction: column-reverse !important
   }

   .flex-xxl-wrap {
      flex-wrap: wrap !important
   }

   .flex-xxl-nowrap {
      flex-wrap: nowrap !important
   }

   .flex-xxl-wrap-reverse {
      flex-wrap: wrap-reverse !important
   }

   .flex-xxl-fill {
      flex: 1 1 auto !important
   }

   .flex-xxl-grow-0 {
      flex-grow: 0 !important
   }

   .flex-xxl-grow-1 {
      flex-grow: 1 !important
   }

   .flex-xxl-shrink-0 {
      flex-shrink: 0 !important
   }

   .flex-xxl-shrink-1 {
      flex-shrink: 1 !important
   }

   .justify-content-xxl-start {
      justify-content: flex-start !important
   }

   .justify-content-xxl-end {
      justify-content: flex-end !important
   }

   .justify-content-xxl-center {
      justify-content: center !important
   }

   .justify-content-xxl-between {
      justify-content: space-between !important
   }

   .justify-content-xxl-around {
      justify-content: space-around !important
   }

   .align-items-xxl-start {
      align-items: flex-start !important
   }

   .align-items-xxl-end {
      align-items: flex-end !important
   }

   .align-items-xxl-center {
      align-items: center !important
   }

   .align-items-xxl-baseline {
      align-items: baseline !important
   }

   .align-items-xxl-stretch {
      align-items: stretch !important
   }

   .align-content-xxl-start {
      align-content: flex-start !important
   }

   .align-content-xxl-end {
      align-content: flex-end !important
   }

   .align-content-xxl-center {
      align-content: center !important
   }

   .align-content-xxl-between {
      align-content: space-between !important
   }

   .align-content-xxl-around {
      align-content: space-around !important
   }

   .align-content-xxl-stretch {
      align-content: stretch !important
   }

   .align-self-xxl-auto {
      align-self: auto !important
   }

   .align-self-xxl-start {
      align-self: flex-start !important
   }

   .align-self-xxl-end {
      align-self: flex-end !important
   }

   .align-self-xxl-center {
      align-self: center !important
   }

   .align-self-xxl-baseline {
      align-self: baseline !important
   }

   .align-self-xxl-stretch {
      align-self: stretch !important
   }
}

@media (min-width: 1600px) {
   .flex-xxxl-row {
      flex-direction: row !important
   }

   .flex-xxxl-column {
      flex-direction: column !important
   }

   .flex-xxxl-row-reverse {
      flex-direction: row-reverse !important
   }

   .flex-xxxl-column-reverse {
      flex-direction: column-reverse !important
   }

   .flex-xxxl-wrap {
      flex-wrap: wrap !important
   }

   .flex-xxxl-nowrap {
      flex-wrap: nowrap !important
   }

   .flex-xxxl-wrap-reverse {
      flex-wrap: wrap-reverse !important
   }

   .flex-xxxl-fill {
      flex: 1 1 auto !important
   }

   .flex-xxxl-grow-0 {
      flex-grow: 0 !important
   }

   .flex-xxxl-grow-1 {
      flex-grow: 1 !important
   }

   .flex-xxxl-shrink-0 {
      flex-shrink: 0 !important
   }

   .flex-xxxl-shrink-1 {
      flex-shrink: 1 !important
   }

   .justify-content-xxxl-start {
      justify-content: flex-start !important
   }

   .justify-content-xxxl-end {
      justify-content: flex-end !important
   }

   .justify-content-xxxl-center {
      justify-content: center !important
   }

   .justify-content-xxxl-between {
      justify-content: space-between !important
   }

   .justify-content-xxxl-around {
      justify-content: space-around !important
   }

   .align-items-xxxl-start {
      align-items: flex-start !important
   }

   .align-items-xxxl-end {
      align-items: flex-end !important
   }

   .align-items-xxxl-center {
      align-items: center !important
   }

   .align-items-xxxl-baseline {
      align-items: baseline !important
   }

   .align-items-xxxl-stretch {
      align-items: stretch !important
   }

   .align-content-xxxl-start {
      align-content: flex-start !important
   }

   .align-content-xxxl-end {
      align-content: flex-end !important
   }

   .align-content-xxxl-center {
      align-content: center !important
   }

   .align-content-xxxl-between {
      align-content: space-between !important
   }

   .align-content-xxxl-around {
      align-content: space-around !important
   }

   .align-content-xxxl-stretch {
      align-content: stretch !important
   }

   .align-self-xxxl-auto {
      align-self: auto !important
   }

   .align-self-xxxl-start {
      align-self: flex-start !important
   }

   .align-self-xxxl-end {
      align-self: flex-end !important
   }

   .align-self-xxxl-center {
      align-self: center !important
   }

   .align-self-xxxl-baseline {
      align-self: baseline !important
   }

   .align-self-xxxl-stretch {
      align-self: stretch !important
   }
}

@media (min-width: 2000px) {
   .flex-mac-row {
      flex-direction: row !important
   }

   .flex-mac-column {
      flex-direction: column !important
   }

   .flex-mac-row-reverse {
      flex-direction: row-reverse !important
   }

   .flex-mac-column-reverse {
      flex-direction: column-reverse !important
   }

   .flex-mac-wrap {
      flex-wrap: wrap !important
   }

   .flex-mac-nowrap {
      flex-wrap: nowrap !important
   }

   .flex-mac-wrap-reverse {
      flex-wrap: wrap-reverse !important
   }

   .flex-mac-fill {
      flex: 1 1 auto !important
   }

   .flex-mac-grow-0 {
      flex-grow: 0 !important
   }

   .flex-mac-grow-1 {
      flex-grow: 1 !important
   }

   .flex-mac-shrink-0 {
      flex-shrink: 0 !important
   }

   .flex-mac-shrink-1 {
      flex-shrink: 1 !important
   }

   .justify-content-mac-start {
      justify-content: flex-start !important
   }

   .justify-content-mac-end {
      justify-content: flex-end !important
   }

   .justify-content-mac-center {
      justify-content: center !important
   }

   .justify-content-mac-between {
      justify-content: space-between !important
   }

   .justify-content-mac-around {
      justify-content: space-around !important
   }

   .align-items-mac-start {
      align-items: flex-start !important
   }

   .align-items-mac-end {
      align-items: flex-end !important
   }

   .align-items-mac-center {
      align-items: center !important
   }

   .align-items-mac-baseline {
      align-items: baseline !important
   }

   .align-items-mac-stretch {
      align-items: stretch !important
   }

   .align-content-mac-start {
      align-content: flex-start !important
   }

   .align-content-mac-end {
      align-content: flex-end !important
   }

   .align-content-mac-center {
      align-content: center !important
   }

   .align-content-mac-between {
      align-content: space-between !important
   }

   .align-content-mac-around {
      align-content: space-around !important
   }

   .align-content-mac-stretch {
      align-content: stretch !important
   }

   .align-self-mac-auto {
      align-self: auto !important
   }

   .align-self-mac-start {
      align-self: flex-start !important
   }

   .align-self-mac-end {
      align-self: flex-end !important
   }

   .align-self-mac-center {
      align-self: center !important
   }

   .align-self-mac-baseline {
      align-self: baseline !important
   }

   .align-self-mac-stretch {
      align-self: stretch !important
   }
}

.float-left {
   float: left !important
}

.float-right {
   float: right !important
}

.float-none {
   float: none !important
}

@media (min-width: 576px) {
   .float-sm-left {
      float: left !important
   }

   .float-sm-right {
      float: right !important
   }

   .float-sm-none {
      float: none !important
   }
}

@media (min-width: 768px) {
   .float-md-left {
      float: left !important
   }

   .float-md-right {
      float: right !important
   }

   .float-md-none {
      float: none !important
   }
}

@media (min-width: 992px) {
   .float-lg-left {
      float: left !important
   }

   .float-lg-right {
      float: right !important
   }

   .float-lg-none {
      float: none !important
   }
}

@media (min-width: 1200px) {
   .float-xl-left {
      float: left !important
   }

   .float-xl-right {
      float: right !important
   }

   .float-xl-none {
      float: none !important
   }
}

@media (min-width: 1400px) {
   .float-xxl-left {
      float: left !important
   }

   .float-xxl-right {
      float: right !important
   }

   .float-xxl-none {
      float: none !important
   }
}

@media (min-width: 1600px) {
   .float-xxxl-left {
      float: left !important
   }

   .float-xxxl-right {
      float: right !important
   }

   .float-xxxl-none {
      float: none !important
   }
}

@media (min-width: 2000px) {
   .float-mac-left {
      float: left !important
   }

   .float-mac-right {
      float: right !important
   }

   .float-mac-none {
      float: none !important
   }
}

.user-select-all {
   -webkit-user-select: all !important;
   -moz-user-select: all !important;
   user-select: all !important
}

.user-select-auto {
   -webkit-user-select: auto !important;
   -moz-user-select: auto !important;
   -ms-user-select: auto !important;
   user-select: auto !important
}

.user-select-none {
   -webkit-user-select: none !important;
   -moz-user-select: none !important;
   -ms-user-select: none !important;
   user-select: none !important
}

.overflow-auto {
   overflow: auto !important
}

.overflow-hidden {
   overflow: hidden !important
}

.position-static {
   position: static !important
}

.position-relative {
   position: relative !important
}

.position-absolute {
   position: absolute !important
}

.position-fixed {
   position: fixed !important
}

.position-sticky {
   position: -webkit-sticky !important;
   position: sticky !important
}

.fixed-top {
   position: fixed;
   top: 0;
   right: 0;
   left: 0;
   z-index: 1030
}

.fixed-bottom {
   position: fixed;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1030
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
   .sticky-top {
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      z-index: 1020
   }
}

.sr-only {
   position: absolute;
   width: 1px;
   height: 1px;
   padding: 0;
   margin: -1px;
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
   white-space: nowrap;
   border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
   position: static;
   width: auto;
   height: auto;
   overflow: visible;
   clip: auto;
   white-space: normal
}

.shadow-sm {
   box-shadow: 0 .125rem .25rem #00000013 !important
}

.shadow {
   box-shadow: 0 .5rem 1rem #00000026 !important
}

.shadow-lg {
   box-shadow: 0 1rem 3rem #0000002d !important
}

.shadow-none {
   box-shadow: none !important
}

.w-25 {
   width: 25% !important
}

.w-50 {
   width: 50% !important
}

.w-75 {
   width: 75% !important
}

.w-100 {
   width: 100% !important
}

.w-auto {
   width: auto !important
}

.h-25 {
   height: 25% !important
}

.h-50 {
   height: 50% !important
}

.h-75 {
   height: 75% !important
}

.h-100 {
   height: 100% !important
}

.h-auto {
   height: auto !important
}

.mw-100 {
   max-width: 100% !important
}

.mh-100 {
   max-height: 100% !important
}

.min-vw-100 {
   min-width: 100vw !important
}

.min-vh-100 {
   min-height: 100vh !important
}

.vw-100 {
   width: 100vw !important
}

.vh-100 {
   height: 100vh !important
}

.m-0 {
   margin: 0 !important
}

.mt-0,
.my-0 {
   margin-top: 0 !important
}

.mr-0,
.mx-0 {
   margin-right: 0 !important
}

.mb-0,
.my-0 {
   margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
   margin-left: 0 !important
}

.m-1 {
   margin: .25rem !important
}

.mt-1,
.my-1 {
   margin-top: .25rem !important
}

.mr-1,
.mx-1 {
   margin-right: .25rem !important
}

.mb-1,
.my-1 {
   margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
   margin-left: .25rem !important
}

.m-2 {
   margin: .5rem !important
}

.mt-2,
.my-2 {
   margin-top: .5rem !important
}

.mr-2,
.mx-2 {
   margin-right: .5rem !important
}

.mb-2,
.my-2 {
   margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
   margin-left: .5rem !important
}

.m-3 {
   margin: 1rem !important
}

.mt-3,
.my-3 {
   margin-top: 1rem !important
}

.mr-3,
.mx-3 {
   margin-right: 1rem !important
}

.mb-3,
.my-3 {
   margin-bottom: 1rem !important
}

.ml-3,
.mx-3 {
   margin-left: 1rem !important
}

.m-4 {
   margin: 1.5rem !important
}

.mt-4,
.my-4 {
   margin-top: 1.5rem !important
}

.mr-4,
.mx-4 {
   margin-right: 1.5rem !important
}

.mb-4,
.my-4 {
   margin-bottom: 1.5rem !important
}

.ml-4,
.mx-4 {
   margin-left: 1.5rem !important
}

.m-5 {
   margin: 3rem !important
}

.mt-5,
.my-5 {
   margin-top: 3rem !important
}

.mr-5,
.mx-5 {
   margin-right: 3rem !important
}

.mb-5,
.my-5 {
   margin-bottom: 3rem !important
}

.ml-5,
.mx-5 {
   margin-left: 3rem !important
}

.m-6 {
   margin: 4rem !important
}

.mt-6,
.my-6 {
   margin-top: 4rem !important
}

.mr-6,
.mx-6 {
   margin-right: 4rem !important
}

.mb-6,
.my-6 {
   margin-bottom: 4rem !important
}

.ml-6,
.mx-6 {
   margin-left: 4rem !important
}

.m-7 {
   margin: 5rem !important
}

.mt-7,
.my-7 {
   margin-top: 5rem !important
}

.mr-7,
.mx-7 {
   margin-right: 5rem !important
}

.mb-7,
.my-7 {
   margin-bottom: 5rem !important
}

.ml-7,
.mx-7 {
   margin-left: 5rem !important
}

.m-8 {
   margin: 6rem !important
}

.mt-8,
.my-8 {
   margin-top: 6rem !important
}

.mr-8,
.mx-8 {
   margin-right: 6rem !important
}

.mb-8,
.my-8 {
   margin-bottom: 6rem !important
}

.ml-8,
.mx-8 {
   margin-left: 6rem !important
}

.m-9 {
   margin: 8rem !important
}

.mt-9,
.my-9 {
   margin-top: 8rem !important
}

.mr-9,
.mx-9 {
   margin-right: 8rem !important
}

.mb-9,
.my-9 {
   margin-bottom: 8rem !important
}

.ml-9,
.mx-9 {
   margin-left: 8rem !important
}

.m-10 {
   margin: 10rem !important
}

.mt-10,
.my-10 {
   margin-top: 10rem !important
}

.mr-10,
.mx-10 {
   margin-right: 10rem !important
}

.mb-10,
.my-10 {
   margin-bottom: 10rem !important
}

.ml-10,
.mx-10 {
   margin-left: 10rem !important
}

.p-0 {
   padding: 0 !important
}

.pt-0,
.py-0 {
   padding-top: 0 !important
}

.pr-0,
.px-0 {
   padding-right: 0 !important
}

.pb-0,
.py-0 {
   padding-bottom: 0 !important
}

.pl-0,
.px-0 {
   padding-left: 0 !important
}

.p-1 {
   padding: .25rem !important
}

.pt-1,
.py-1 {
   padding-top: .25rem !important
}

.pr-1,
.px-1 {
   padding-right: .25rem !important
}

.pb-1,
.py-1 {
   padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
   padding-left: .25rem !important
}

.p-2 {
   padding: .5rem !important
}

.pt-2,
.py-2 {
   padding-top: .5rem !important
}

.pr-2,
.px-2 {
   padding-right: .5rem !important
}

.pb-2,
.py-2 {
   padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
   padding-left: .5rem !important
}

.p-3 {
   padding: 1rem !important
}

.pt-3,
.py-3 {
   padding-top: 1rem !important
}

.pr-3,
.px-3 {
   padding-right: 1rem !important
}

.pb-3,
.py-3 {
   padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
   padding-left: 1rem !important
}

.p-4 {
   padding: 1.5rem !important
}

.pt-4,
.py-4 {
   padding-top: 1.5rem !important
}

.pr-4,
.px-4 {
   padding-right: 1.5rem !important
}

.pb-4,
.py-4 {
   padding-bottom: 1.5rem !important
}

.pl-4,
.px-4 {
   padding-left: 1.5rem !important
}

.p-5 {
   padding: 3rem !important
}

.pt-5,
.py-5 {
   padding-top: 3rem !important
}

.pr-5,
.px-5 {
   padding-right: 3rem !important
}

.pb-5,
.py-5 {
   padding-bottom: 3rem !important
}

.pl-5,
.px-5 {
   padding-left: 3rem !important
}

.p-6 {
   padding: 4rem !important
}

.pt-6,
.py-6 {
   padding-top: 4rem !important
}

.pr-6,
.px-6 {
   padding-right: 4rem !important
}

.pb-6,
.py-6 {
   padding-bottom: 4rem !important
}

.pl-6,
.px-6 {
   padding-left: 4rem !important
}

.p-7 {
   padding: 5rem !important
}

.pt-7,
.py-7 {
   padding-top: 5rem !important
}

.pr-7,
.px-7 {
   padding-right: 5rem !important
}

.pb-7,
.py-7 {
   padding-bottom: 5rem !important
}

.pl-7,
.px-7 {
   padding-left: 5rem !important
}

.p-8 {
   padding: 6rem !important
}

.pt-8,
.py-8 {
   padding-top: 6rem !important
}

.pr-8,
.px-8 {
   padding-right: 6rem !important
}

.pb-8,
.py-8 {
   padding-bottom: 6rem !important
}

.pl-8,
.px-8 {
   padding-left: 6rem !important
}

.p-9 {
   padding: 8rem !important
}

.pt-9,
.py-9 {
   padding-top: 8rem !important
}

.pr-9,
.px-9 {
   padding-right: 8rem !important
}

.pb-9,
.py-9 {
   padding-bottom: 8rem !important
}

.pl-9,
.px-9 {
   padding-left: 8rem !important
}

.p-10 {
   padding: 10rem !important
}

.pt-10,
.py-10 {
   padding-top: 10rem !important
}

.pr-10,
.px-10 {
   padding-right: 10rem !important
}

.pb-10,
.py-10 {
   padding-bottom: 10rem !important
}

.pl-10,
.px-10 {
   padding-left: 10rem !important
}

.m-n1 {
   margin: -.25rem !important
}

.mt-n1,
.my-n1 {
   margin-top: -.25rem !important
}

.mr-n1,
.mx-n1 {
   margin-right: -.25rem !important
}

.mb-n1,
.my-n1 {
   margin-bottom: -.25rem !important
}

.ml-n1,
.mx-n1 {
   margin-left: -.25rem !important
}

.m-n2 {
   margin: -.5rem !important
}

.mt-n2,
.my-n2 {
   margin-top: -.5rem !important
}

.mr-n2,
.mx-n2 {
   margin-right: -.5rem !important
}

.mb-n2,
.my-n2 {
   margin-bottom: -.5rem !important
}

.ml-n2,
.mx-n2 {
   margin-left: -.5rem !important
}

.m-n3 {
   margin: -1rem !important
}

.mt-n3,
.my-n3 {
   margin-top: -1rem !important
}

.mr-n3,
.mx-n3 {
   margin-right: -1rem !important
}

.mb-n3,
.my-n3 {
   margin-bottom: -1rem !important
}

.ml-n3,
.mx-n3 {
   margin-left: -1rem !important
}

.m-n4 {
   margin: -1.5rem !important
}

.mt-n4,
.my-n4 {
   margin-top: -1.5rem !important
}

.mr-n4,
.mx-n4 {
   margin-right: -1.5rem !important
}

.mb-n4,
.my-n4 {
   margin-bottom: -1.5rem !important
}

.ml-n4,
.mx-n4 {
   margin-left: -1.5rem !important
}

.m-n5 {
   margin: -3rem !important
}

.mt-n5,
.my-n5 {
   margin-top: -3rem !important
}

.mr-n5,
.mx-n5 {
   margin-right: -3rem !important
}

.mb-n5,
.my-n5 {
   margin-bottom: -3rem !important
}

.ml-n5,
.mx-n5 {
   margin-left: -3rem !important
}

.m-n6 {
   margin: -4rem !important
}

.mt-n6,
.my-n6 {
   margin-top: -4rem !important
}

.mr-n6,
.mx-n6 {
   margin-right: -4rem !important
}

.mb-n6,
.my-n6 {
   margin-bottom: -4rem !important
}

.ml-n6,
.mx-n6 {
   margin-left: -4rem !important
}

.m-n7 {
   margin: -5rem !important
}

.mt-n7,
.my-n7 {
   margin-top: -5rem !important
}

.mr-n7,
.mx-n7 {
   margin-right: -5rem !important
}

.mb-n7,
.my-n7 {
   margin-bottom: -5rem !important
}

.ml-n7,
.mx-n7 {
   margin-left: -5rem !important
}

.m-n8 {
   margin: -6rem !important
}

.mt-n8,
.my-n8 {
   margin-top: -6rem !important
}

.mr-n8,
.mx-n8 {
   margin-right: -6rem !important
}

.mb-n8,
.my-n8 {
   margin-bottom: -6rem !important
}

.ml-n8,
.mx-n8 {
   margin-left: -6rem !important
}

.m-n9 {
   margin: -8rem !important
}

.mt-n9,
.my-n9 {
   margin-top: -8rem !important
}

.mr-n9,
.mx-n9 {
   margin-right: -8rem !important
}

.mb-n9,
.my-n9 {
   margin-bottom: -8rem !important
}

.ml-n9,
.mx-n9 {
   margin-left: -8rem !important
}

.m-n10 {
   margin: -10rem !important
}

.mt-n10,
.my-n10 {
   margin-top: -10rem !important
}

.mr-n10,
.mx-n10 {
   margin-right: -10rem !important
}

.mb-n10,
.my-n10 {
   margin-bottom: -10rem !important
}

.ml-n10,
.mx-n10 {
   margin-left: -10rem !important
}

.m-auto {
   margin: auto !important
}

.mt-auto,
.my-auto {
   margin-top: auto !important
}

.mr-auto,
.mx-auto {
   margin-right: auto !important
}

.mb-auto,
.my-auto {
   margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
   margin-left: auto !important
}

@media (min-width: 576px) {
   .m-sm-0 {
      margin: 0 !important
   }

   .mt-sm-0,
   .my-sm-0 {
      margin-top: 0 !important
   }

   .mr-sm-0,
   .mx-sm-0 {
      margin-right: 0 !important
   }

   .mb-sm-0,
   .my-sm-0 {
      margin-bottom: 0 !important
   }

   .ml-sm-0,
   .mx-sm-0 {
      margin-left: 0 !important
   }

   .m-sm-1 {
      margin: .25rem !important
   }

   .mt-sm-1,
   .my-sm-1 {
      margin-top: .25rem !important
   }

   .mr-sm-1,
   .mx-sm-1 {
      margin-right: .25rem !important
   }

   .mb-sm-1,
   .my-sm-1 {
      margin-bottom: .25rem !important
   }

   .ml-sm-1,
   .mx-sm-1 {
      margin-left: .25rem !important
   }

   .m-sm-2 {
      margin: .5rem !important
   }

   .mt-sm-2,
   .my-sm-2 {
      margin-top: .5rem !important
   }

   .mr-sm-2,
   .mx-sm-2 {
      margin-right: .5rem !important
   }

   .mb-sm-2,
   .my-sm-2 {
      margin-bottom: .5rem !important
   }

   .ml-sm-2,
   .mx-sm-2 {
      margin-left: .5rem !important
   }

   .m-sm-3 {
      margin: 1rem !important
   }

   .mt-sm-3,
   .my-sm-3 {
      margin-top: 1rem !important
   }

   .mr-sm-3,
   .mx-sm-3 {
      margin-right: 1rem !important
   }

   .mb-sm-3,
   .my-sm-3 {
      margin-bottom: 1rem !important
   }

   .ml-sm-3,
   .mx-sm-3 {
      margin-left: 1rem !important
   }

   .m-sm-4 {
      margin: 1.5rem !important
   }

   .mt-sm-4,
   .my-sm-4 {
      margin-top: 1.5rem !important
   }

   .mr-sm-4,
   .mx-sm-4 {
      margin-right: 1.5rem !important
   }

   .mb-sm-4,
   .my-sm-4 {
      margin-bottom: 1.5rem !important
   }

   .ml-sm-4,
   .mx-sm-4 {
      margin-left: 1.5rem !important
   }

   .m-sm-5 {
      margin: 3rem !important
   }

   .mt-sm-5,
   .my-sm-5 {
      margin-top: 3rem !important
   }

   .mr-sm-5,
   .mx-sm-5 {
      margin-right: 3rem !important
   }

   .mb-sm-5,
   .my-sm-5 {
      margin-bottom: 3rem !important
   }

   .ml-sm-5,
   .mx-sm-5 {
      margin-left: 3rem !important
   }

   .m-sm-6 {
      margin: 4rem !important
   }

   .mt-sm-6,
   .my-sm-6 {
      margin-top: 4rem !important
   }

   .mr-sm-6,
   .mx-sm-6 {
      margin-right: 4rem !important
   }

   .mb-sm-6,
   .my-sm-6 {
      margin-bottom: 4rem !important
   }

   .ml-sm-6,
   .mx-sm-6 {
      margin-left: 4rem !important
   }

   .m-sm-7 {
      margin: 5rem !important
   }

   .mt-sm-7,
   .my-sm-7 {
      margin-top: 5rem !important
   }

   .mr-sm-7,
   .mx-sm-7 {
      margin-right: 5rem !important
   }

   .mb-sm-7,
   .my-sm-7 {
      margin-bottom: 5rem !important
   }

   .ml-sm-7,
   .mx-sm-7 {
      margin-left: 5rem !important
   }

   .m-sm-8 {
      margin: 6rem !important
   }

   .mt-sm-8,
   .my-sm-8 {
      margin-top: 6rem !important
   }

   .mr-sm-8,
   .mx-sm-8 {
      margin-right: 6rem !important
   }

   .mb-sm-8,
   .my-sm-8 {
      margin-bottom: 6rem !important
   }

   .ml-sm-8,
   .mx-sm-8 {
      margin-left: 6rem !important
   }

   .m-sm-9 {
      margin: 8rem !important
   }

   .mt-sm-9,
   .my-sm-9 {
      margin-top: 8rem !important
   }

   .mr-sm-9,
   .mx-sm-9 {
      margin-right: 8rem !important
   }

   .mb-sm-9,
   .my-sm-9 {
      margin-bottom: 8rem !important
   }

   .ml-sm-9,
   .mx-sm-9 {
      margin-left: 8rem !important
   }

   .m-sm-10 {
      margin: 10rem !important
   }

   .mt-sm-10,
   .my-sm-10 {
      margin-top: 10rem !important
   }

   .mr-sm-10,
   .mx-sm-10 {
      margin-right: 10rem !important
   }

   .mb-sm-10,
   .my-sm-10 {
      margin-bottom: 10rem !important
   }

   .ml-sm-10,
   .mx-sm-10 {
      margin-left: 10rem !important
   }

   .p-sm-0 {
      padding: 0 !important
   }

   .pt-sm-0,
   .py-sm-0 {
      padding-top: 0 !important
   }

   .pr-sm-0,
   .px-sm-0 {
      padding-right: 0 !important
   }

   .pb-sm-0,
   .py-sm-0 {
      padding-bottom: 0 !important
   }

   .pl-sm-0,
   .px-sm-0 {
      padding-left: 0 !important
   }

   .p-sm-1 {
      padding: .25rem !important
   }

   .pt-sm-1,
   .py-sm-1 {
      padding-top: .25rem !important
   }

   .pr-sm-1,
   .px-sm-1 {
      padding-right: .25rem !important
   }

   .pb-sm-1,
   .py-sm-1 {
      padding-bottom: .25rem !important
   }

   .pl-sm-1,
   .px-sm-1 {
      padding-left: .25rem !important
   }

   .p-sm-2 {
      padding: .5rem !important
   }

   .pt-sm-2,
   .py-sm-2 {
      padding-top: .5rem !important
   }

   .pr-sm-2,
   .px-sm-2 {
      padding-right: .5rem !important
   }

   .pb-sm-2,
   .py-sm-2 {
      padding-bottom: .5rem !important
   }

   .pl-sm-2,
   .px-sm-2 {
      padding-left: .5rem !important
   }

   .p-sm-3 {
      padding: 1rem !important
   }

   .pt-sm-3,
   .py-sm-3 {
      padding-top: 1rem !important
   }

   .pr-sm-3,
   .px-sm-3 {
      padding-right: 1rem !important
   }

   .pb-sm-3,
   .py-sm-3 {
      padding-bottom: 1rem !important
   }

   .pl-sm-3,
   .px-sm-3 {
      padding-left: 1rem !important
   }

   .p-sm-4 {
      padding: 1.5rem !important
   }

   .pt-sm-4,
   .py-sm-4 {
      padding-top: 1.5rem !important
   }

   .pr-sm-4,
   .px-sm-4 {
      padding-right: 1.5rem !important
   }

   .pb-sm-4,
   .py-sm-4 {
      padding-bottom: 1.5rem !important
   }

   .pl-sm-4,
   .px-sm-4 {
      padding-left: 1.5rem !important
   }

   .p-sm-5 {
      padding: 3rem !important
   }

   .pt-sm-5,
   .py-sm-5 {
      padding-top: 3rem !important
   }

   .pr-sm-5,
   .px-sm-5 {
      padding-right: 3rem !important
   }

   .pb-sm-5,
   .py-sm-5 {
      padding-bottom: 3rem !important
   }

   .pl-sm-5,
   .px-sm-5 {
      padding-left: 3rem !important
   }

   .p-sm-6 {
      padding: 4rem !important
   }

   .pt-sm-6,
   .py-sm-6 {
      padding-top: 4rem !important
   }

   .pr-sm-6,
   .px-sm-6 {
      padding-right: 4rem !important
   }

   .pb-sm-6,
   .py-sm-6 {
      padding-bottom: 4rem !important
   }

   .pl-sm-6,
   .px-sm-6 {
      padding-left: 4rem !important
   }

   .p-sm-7 {
      padding: 5rem !important
   }

   .pt-sm-7,
   .py-sm-7 {
      padding-top: 5rem !important
   }

   .pr-sm-7,
   .px-sm-7 {
      padding-right: 5rem !important
   }

   .pb-sm-7,
   .py-sm-7 {
      padding-bottom: 5rem !important
   }

   .pl-sm-7,
   .px-sm-7 {
      padding-left: 5rem !important
   }

   .p-sm-8 {
      padding: 6rem !important
   }

   .pt-sm-8,
   .py-sm-8 {
      padding-top: 6rem !important
   }

   .pr-sm-8,
   .px-sm-8 {
      padding-right: 6rem !important
   }

   .pb-sm-8,
   .py-sm-8 {
      padding-bottom: 6rem !important
   }

   .pl-sm-8,
   .px-sm-8 {
      padding-left: 6rem !important
   }

   .p-sm-9 {
      padding: 8rem !important
   }

   .pt-sm-9,
   .py-sm-9 {
      padding-top: 8rem !important
   }

   .pr-sm-9,
   .px-sm-9 {
      padding-right: 8rem !important
   }

   .pb-sm-9,
   .py-sm-9 {
      padding-bottom: 8rem !important
   }

   .pl-sm-9,
   .px-sm-9 {
      padding-left: 8rem !important
   }

   .p-sm-10 {
      padding: 10rem !important
   }

   .pt-sm-10,
   .py-sm-10 {
      padding-top: 10rem !important
   }

   .pr-sm-10,
   .px-sm-10 {
      padding-right: 10rem !important
   }

   .pb-sm-10,
   .py-sm-10 {
      padding-bottom: 10rem !important
   }

   .pl-sm-10,
   .px-sm-10 {
      padding-left: 10rem !important
   }

   .m-sm-n1 {
      margin: -.25rem !important
   }

   .mt-sm-n1,
   .my-sm-n1 {
      margin-top: -.25rem !important
   }

   .mr-sm-n1,
   .mx-sm-n1 {
      margin-right: -.25rem !important
   }

   .mb-sm-n1,
   .my-sm-n1 {
      margin-bottom: -.25rem !important
   }

   .ml-sm-n1,
   .mx-sm-n1 {
      margin-left: -.25rem !important
   }

   .m-sm-n2 {
      margin: -.5rem !important
   }

   .mt-sm-n2,
   .my-sm-n2 {
      margin-top: -.5rem !important
   }

   .mr-sm-n2,
   .mx-sm-n2 {
      margin-right: -.5rem !important
   }

   .mb-sm-n2,
   .my-sm-n2 {
      margin-bottom: -.5rem !important
   }

   .ml-sm-n2,
   .mx-sm-n2 {
      margin-left: -.5rem !important
   }

   .m-sm-n3 {
      margin: -1rem !important
   }

   .mt-sm-n3,
   .my-sm-n3 {
      margin-top: -1rem !important
   }

   .mr-sm-n3,
   .mx-sm-n3 {
      margin-right: -1rem !important
   }

   .mb-sm-n3,
   .my-sm-n3 {
      margin-bottom: -1rem !important
   }

   .ml-sm-n3,
   .mx-sm-n3 {
      margin-left: -1rem !important
   }

   .m-sm-n4 {
      margin: -1.5rem !important
   }

   .mt-sm-n4,
   .my-sm-n4 {
      margin-top: -1.5rem !important
   }

   .mr-sm-n4,
   .mx-sm-n4 {
      margin-right: -1.5rem !important
   }

   .mb-sm-n4,
   .my-sm-n4 {
      margin-bottom: -1.5rem !important
   }

   .ml-sm-n4,
   .mx-sm-n4 {
      margin-left: -1.5rem !important
   }

   .m-sm-n5 {
      margin: -3rem !important
   }

   .mt-sm-n5,
   .my-sm-n5 {
      margin-top: -3rem !important
   }

   .mr-sm-n5,
   .mx-sm-n5 {
      margin-right: -3rem !important
   }

   .mb-sm-n5,
   .my-sm-n5 {
      margin-bottom: -3rem !important
   }

   .ml-sm-n5,
   .mx-sm-n5 {
      margin-left: -3rem !important
   }

   .m-sm-n6 {
      margin: -4rem !important
   }

   .mt-sm-n6,
   .my-sm-n6 {
      margin-top: -4rem !important
   }

   .mr-sm-n6,
   .mx-sm-n6 {
      margin-right: -4rem !important
   }

   .mb-sm-n6,
   .my-sm-n6 {
      margin-bottom: -4rem !important
   }

   .ml-sm-n6,
   .mx-sm-n6 {
      margin-left: -4rem !important
   }

   .m-sm-n7 {
      margin: -5rem !important
   }

   .mt-sm-n7,
   .my-sm-n7 {
      margin-top: -5rem !important
   }

   .mr-sm-n7,
   .mx-sm-n7 {
      margin-right: -5rem !important
   }

   .mb-sm-n7,
   .my-sm-n7 {
      margin-bottom: -5rem !important
   }

   .ml-sm-n7,
   .mx-sm-n7 {
      margin-left: -5rem !important
   }

   .m-sm-n8 {
      margin: -6rem !important
   }

   .mt-sm-n8,
   .my-sm-n8 {
      margin-top: -6rem !important
   }

   .mr-sm-n8,
   .mx-sm-n8 {
      margin-right: -6rem !important
   }

   .mb-sm-n8,
   .my-sm-n8 {
      margin-bottom: -6rem !important
   }

   .ml-sm-n8,
   .mx-sm-n8 {
      margin-left: -6rem !important
   }

   .m-sm-n9 {
      margin: -8rem !important
   }

   .mt-sm-n9,
   .my-sm-n9 {
      margin-top: -8rem !important
   }

   .mr-sm-n9,
   .mx-sm-n9 {
      margin-right: -8rem !important
   }

   .mb-sm-n9,
   .my-sm-n9 {
      margin-bottom: -8rem !important
   }

   .ml-sm-n9,
   .mx-sm-n9 {
      margin-left: -8rem !important
   }

   .m-sm-n10 {
      margin: -10rem !important
   }

   .mt-sm-n10,
   .my-sm-n10 {
      margin-top: -10rem !important
   }

   .mr-sm-n10,
   .mx-sm-n10 {
      margin-right: -10rem !important
   }

   .mb-sm-n10,
   .my-sm-n10 {
      margin-bottom: -10rem !important
   }

   .ml-sm-n10,
   .mx-sm-n10 {
      margin-left: -10rem !important
   }

   .m-sm-auto {
      margin: auto !important
   }

   .mt-sm-auto,
   .my-sm-auto {
      margin-top: auto !important
   }

   .mr-sm-auto,
   .mx-sm-auto {
      margin-right: auto !important
   }

   .mb-sm-auto,
   .my-sm-auto {
      margin-bottom: auto !important
   }

   .ml-sm-auto,
   .mx-sm-auto {
      margin-left: auto !important
   }
}

@media (min-width: 768px) {
   .m-md-0 {
      margin: 0 !important
   }

   .mt-md-0,
   .my-md-0 {
      margin-top: 0 !important
   }

   .mr-md-0,
   .mx-md-0 {
      margin-right: 0 !important
   }

   .mb-md-0,
   .my-md-0 {
      margin-bottom: 0 !important
   }

   .ml-md-0,
   .mx-md-0 {
      margin-left: 0 !important
   }

   .m-md-1 {
      margin: .25rem !important
   }

   .mt-md-1,
   .my-md-1 {
      margin-top: .25rem !important
   }

   .mr-md-1,
   .mx-md-1 {
      margin-right: .25rem !important
   }

   .mb-md-1,
   .my-md-1 {
      margin-bottom: .25rem !important
   }

   .ml-md-1,
   .mx-md-1 {
      margin-left: .25rem !important
   }

   .m-md-2 {
      margin: .5rem !important
   }

   .mt-md-2,
   .my-md-2 {
      margin-top: .5rem !important
   }

   .mr-md-2,
   .mx-md-2 {
      margin-right: .5rem !important
   }

   .mb-md-2,
   .my-md-2 {
      margin-bottom: .5rem !important
   }

   .ml-md-2,
   .mx-md-2 {
      margin-left: .5rem !important
   }

   .m-md-3 {
      margin: 1rem !important
   }

   .mt-md-3,
   .my-md-3 {
      margin-top: 1rem !important
   }

   .mr-md-3,
   .mx-md-3 {
      margin-right: 1rem !important
   }

   .mb-md-3,
   .my-md-3 {
      margin-bottom: 1rem !important
   }

   .ml-md-3,
   .mx-md-3 {
      margin-left: 1rem !important
   }

   .m-md-4 {
      margin: 1.5rem !important
   }

   .mt-md-4,
   .my-md-4 {
      margin-top: 1.5rem !important
   }

   .mr-md-4,
   .mx-md-4 {
      margin-right: 1.5rem !important
   }

   .mb-md-4,
   .my-md-4 {
      margin-bottom: 1.5rem !important
   }

   .ml-md-4,
   .mx-md-4 {
      margin-left: 1.5rem !important
   }

   .m-md-5 {
      margin: 3rem !important
   }

   .mt-md-5,
   .my-md-5 {
      margin-top: 3rem !important
   }

   .mr-md-5,
   .mx-md-5 {
      margin-right: 3rem !important
   }

   .mb-md-5,
   .my-md-5 {
      margin-bottom: 3rem !important
   }

   .ml-md-5,
   .mx-md-5 {
      margin-left: 3rem !important
   }

   .m-md-6 {
      margin: 4rem !important
   }

   .mt-md-6,
   .my-md-6 {
      margin-top: 4rem !important
   }

   .mr-md-6,
   .mx-md-6 {
      margin-right: 4rem !important
   }

   .mb-md-6,
   .my-md-6 {
      margin-bottom: 4rem !important
   }

   .ml-md-6,
   .mx-md-6 {
      margin-left: 4rem !important
   }

   .m-md-7 {
      margin: 5rem !important
   }

   .mt-md-7,
   .my-md-7 {
      margin-top: 5rem !important
   }

   .mr-md-7,
   .mx-md-7 {
      margin-right: 5rem !important
   }

   .mb-md-7,
   .my-md-7 {
      margin-bottom: 5rem !important
   }

   .ml-md-7,
   .mx-md-7 {
      margin-left: 5rem !important
   }

   .m-md-8 {
      margin: 6rem !important
   }

   .mt-md-8,
   .my-md-8 {
      margin-top: 6rem !important
   }

   .mr-md-8,
   .mx-md-8 {
      margin-right: 6rem !important
   }

   .mb-md-8,
   .my-md-8 {
      margin-bottom: 6rem !important
   }

   .ml-md-8,
   .mx-md-8 {
      margin-left: 6rem !important
   }

   .m-md-9 {
      margin: 8rem !important
   }

   .mt-md-9,
   .my-md-9 {
      margin-top: 8rem !important
   }

   .mr-md-9,
   .mx-md-9 {
      margin-right: 8rem !important
   }

   .mb-md-9,
   .my-md-9 {
      margin-bottom: 8rem !important
   }

   .ml-md-9,
   .mx-md-9 {
      margin-left: 8rem !important
   }

   .m-md-10 {
      margin: 10rem !important
   }

   .mt-md-10,
   .my-md-10 {
      margin-top: 10rem !important
   }

   .mr-md-10,
   .mx-md-10 {
      margin-right: 10rem !important
   }

   .mb-md-10,
   .my-md-10 {
      margin-bottom: 10rem !important
   }

   .ml-md-10,
   .mx-md-10 {
      margin-left: 10rem !important
   }

   .p-md-0 {
      padding: 0 !important
   }

   .pt-md-0,
   .py-md-0 {
      padding-top: 0 !important
   }

   .pr-md-0,
   .px-md-0 {
      padding-right: 0 !important
   }

   .pb-md-0,
   .py-md-0 {
      padding-bottom: 0 !important
   }

   .pl-md-0,
   .px-md-0 {
      padding-left: 0 !important
   }

   .p-md-1 {
      padding: .25rem !important
   }

   .pt-md-1,
   .py-md-1 {
      padding-top: .25rem !important
   }

   .pr-md-1,
   .px-md-1 {
      padding-right: .25rem !important
   }

   .pb-md-1,
   .py-md-1 {
      padding-bottom: .25rem !important
   }

   .pl-md-1,
   .px-md-1 {
      padding-left: .25rem !important
   }

   .p-md-2 {
      padding: .5rem !important
   }

   .pt-md-2,
   .py-md-2 {
      padding-top: .5rem !important
   }

   .pr-md-2,
   .px-md-2 {
      padding-right: .5rem !important
   }

   .pb-md-2,
   .py-md-2 {
      padding-bottom: .5rem !important
   }

   .pl-md-2,
   .px-md-2 {
      padding-left: .5rem !important
   }

   .p-md-3 {
      padding: 1rem !important
   }

   .pt-md-3,
   .py-md-3 {
      padding-top: 1rem !important
   }

   .pr-md-3,
   .px-md-3 {
      padding-right: 1rem !important
   }

   .pb-md-3,
   .py-md-3 {
      padding-bottom: 1rem !important
   }

   .pl-md-3,
   .px-md-3 {
      padding-left: 1rem !important
   }

   .p-md-4 {
      padding: 1.5rem !important
   }

   .pt-md-4,
   .py-md-4 {
      padding-top: 1.5rem !important
   }

   .pr-md-4,
   .px-md-4 {
      padding-right: 1.5rem !important
   }

   .pb-md-4,
   .py-md-4 {
      padding-bottom: 1.5rem !important
   }

   .pl-md-4,
   .px-md-4 {
      padding-left: 1.5rem !important
   }

   .p-md-5 {
      padding: 3rem !important
   }

   .pt-md-5,
   .py-md-5 {
      padding-top: 3rem !important
   }

   .pr-md-5,
   .px-md-5 {
      padding-right: 3rem !important
   }

   .pb-md-5,
   .py-md-5 {
      padding-bottom: 3rem !important
   }

   .pl-md-5,
   .px-md-5 {
      padding-left: 3rem !important
   }

   .p-md-6 {
      padding: 4rem !important
   }

   .pt-md-6,
   .py-md-6 {
      padding-top: 4rem !important
   }

   .pr-md-6,
   .px-md-6 {
      padding-right: 4rem !important
   }

   .pb-md-6,
   .py-md-6 {
      padding-bottom: 4rem !important
   }

   .pl-md-6,
   .px-md-6 {
      padding-left: 4rem !important
   }

   .p-md-7 {
      padding: 5rem !important
   }

   .pt-md-7,
   .py-md-7 {
      padding-top: 5rem !important
   }

   .pr-md-7,
   .px-md-7 {
      padding-right: 5rem !important
   }

   .pb-md-7,
   .py-md-7 {
      padding-bottom: 5rem !important
   }

   .pl-md-7,
   .px-md-7 {
      padding-left: 5rem !important
   }

   .p-md-8 {
      padding: 6rem !important
   }

   .pt-md-8,
   .py-md-8 {
      padding-top: 6rem !important
   }

   .pr-md-8,
   .px-md-8 {
      padding-right: 6rem !important
   }

   .pb-md-8,
   .py-md-8 {
      padding-bottom: 6rem !important
   }

   .pl-md-8,
   .px-md-8 {
      padding-left: 6rem !important
   }

   .p-md-9 {
      padding: 8rem !important
   }

   .pt-md-9,
   .py-md-9 {
      padding-top: 8rem !important
   }

   .pr-md-9,
   .px-md-9 {
      padding-right: 8rem !important
   }

   .pb-md-9,
   .py-md-9 {
      padding-bottom: 8rem !important
   }

   .pl-md-9,
   .px-md-9 {
      padding-left: 8rem !important
   }

   .p-md-10 {
      padding: 10rem !important
   }

   .pt-md-10,
   .py-md-10 {
      padding-top: 10rem !important
   }

   .pr-md-10,
   .px-md-10 {
      padding-right: 10rem !important
   }

   .pb-md-10,
   .py-md-10 {
      padding-bottom: 10rem !important
   }

   .pl-md-10,
   .px-md-10 {
      padding-left: 10rem !important
   }

   .m-md-n1 {
      margin: -.25rem !important
   }

   .mt-md-n1,
   .my-md-n1 {
      margin-top: -.25rem !important
   }

   .mr-md-n1,
   .mx-md-n1 {
      margin-right: -.25rem !important
   }

   .mb-md-n1,
   .my-md-n1 {
      margin-bottom: -.25rem !important
   }

   .ml-md-n1,
   .mx-md-n1 {
      margin-left: -.25rem !important
   }

   .m-md-n2 {
      margin: -.5rem !important
   }

   .mt-md-n2,
   .my-md-n2 {
      margin-top: -.5rem !important
   }

   .mr-md-n2,
   .mx-md-n2 {
      margin-right: -.5rem !important
   }

   .mb-md-n2,
   .my-md-n2 {
      margin-bottom: -.5rem !important
   }

   .ml-md-n2,
   .mx-md-n2 {
      margin-left: -.5rem !important
   }

   .m-md-n3 {
      margin: -1rem !important
   }

   .mt-md-n3,
   .my-md-n3 {
      margin-top: -1rem !important
   }

   .mr-md-n3,
   .mx-md-n3 {
      margin-right: -1rem !important
   }

   .mb-md-n3,
   .my-md-n3 {
      margin-bottom: -1rem !important
   }

   .ml-md-n3,
   .mx-md-n3 {
      margin-left: -1rem !important
   }

   .m-md-n4 {
      margin: -1.5rem !important
   }

   .mt-md-n4,
   .my-md-n4 {
      margin-top: -1.5rem !important
   }

   .mr-md-n4,
   .mx-md-n4 {
      margin-right: -1.5rem !important
   }

   .mb-md-n4,
   .my-md-n4 {
      margin-bottom: -1.5rem !important
   }

   .ml-md-n4,
   .mx-md-n4 {
      margin-left: -1.5rem !important
   }

   .m-md-n5 {
      margin: -3rem !important
   }

   .mt-md-n5,
   .my-md-n5 {
      margin-top: -3rem !important
   }

   .mr-md-n5,
   .mx-md-n5 {
      margin-right: -3rem !important
   }

   .mb-md-n5,
   .my-md-n5 {
      margin-bottom: -3rem !important
   }

   .ml-md-n5,
   .mx-md-n5 {
      margin-left: -3rem !important
   }

   .m-md-n6 {
      margin: -4rem !important
   }

   .mt-md-n6,
   .my-md-n6 {
      margin-top: -4rem !important
   }

   .mr-md-n6,
   .mx-md-n6 {
      margin-right: -4rem !important
   }

   .mb-md-n6,
   .my-md-n6 {
      margin-bottom: -4rem !important
   }

   .ml-md-n6,
   .mx-md-n6 {
      margin-left: -4rem !important
   }

   .m-md-n7 {
      margin: -5rem !important
   }

   .mt-md-n7,
   .my-md-n7 {
      margin-top: -5rem !important
   }

   .mr-md-n7,
   .mx-md-n7 {
      margin-right: -5rem !important
   }

   .mb-md-n7,
   .my-md-n7 {
      margin-bottom: -5rem !important
   }

   .ml-md-n7,
   .mx-md-n7 {
      margin-left: -5rem !important
   }

   .m-md-n8 {
      margin: -6rem !important
   }

   .mt-md-n8,
   .my-md-n8 {
      margin-top: -6rem !important
   }

   .mr-md-n8,
   .mx-md-n8 {
      margin-right: -6rem !important
   }

   .mb-md-n8,
   .my-md-n8 {
      margin-bottom: -6rem !important
   }

   .ml-md-n8,
   .mx-md-n8 {
      margin-left: -6rem !important
   }

   .m-md-n9 {
      margin: -8rem !important
   }

   .mt-md-n9,
   .my-md-n9 {
      margin-top: -8rem !important
   }

   .mr-md-n9,
   .mx-md-n9 {
      margin-right: -8rem !important
   }

   .mb-md-n9,
   .my-md-n9 {
      margin-bottom: -8rem !important
   }

   .ml-md-n9,
   .mx-md-n9 {
      margin-left: -8rem !important
   }

   .m-md-n10 {
      margin: -10rem !important
   }

   .mt-md-n10,
   .my-md-n10 {
      margin-top: -10rem !important
   }

   .mr-md-n10,
   .mx-md-n10 {
      margin-right: -10rem !important
   }

   .mb-md-n10,
   .my-md-n10 {
      margin-bottom: -10rem !important
   }

   .ml-md-n10,
   .mx-md-n10 {
      margin-left: -10rem !important
   }

   .m-md-auto {
      margin: auto !important
   }

   .mt-md-auto,
   .my-md-auto {
      margin-top: auto !important
   }

   .mr-md-auto,
   .mx-md-auto {
      margin-right: auto !important
   }

   .mb-md-auto,
   .my-md-auto {
      margin-bottom: auto !important
   }

   .ml-md-auto,
   .mx-md-auto {
      margin-left: auto !important
   }
}

@media (min-width: 992px) {
   .m-lg-0 {
      margin: 0 !important
   }

   .mt-lg-0,
   .my-lg-0 {
      margin-top: 0 !important
   }

   .mr-lg-0,
   .mx-lg-0 {
      margin-right: 0 !important
   }

   .mb-lg-0,
   .my-lg-0 {
      margin-bottom: 0 !important
   }

   .ml-lg-0,
   .mx-lg-0 {
      margin-left: 0 !important
   }

   .m-lg-1 {
      margin: .25rem !important
   }

   .mt-lg-1,
   .my-lg-1 {
      margin-top: .25rem !important
   }

   .mr-lg-1,
   .mx-lg-1 {
      margin-right: .25rem !important
   }

   .mb-lg-1,
   .my-lg-1 {
      margin-bottom: .25rem !important
   }

   .ml-lg-1,
   .mx-lg-1 {
      margin-left: .25rem !important
   }

   .m-lg-2 {
      margin: .5rem !important
   }

   .mt-lg-2,
   .my-lg-2 {
      margin-top: .5rem !important
   }

   .mr-lg-2,
   .mx-lg-2 {
      margin-right: .5rem !important
   }

   .mb-lg-2,
   .my-lg-2 {
      margin-bottom: .5rem !important
   }

   .ml-lg-2,
   .mx-lg-2 {
      margin-left: .5rem !important
   }

   .m-lg-3 {
      margin: 1rem !important
   }

   .mt-lg-3,
   .my-lg-3 {
      margin-top: 1rem !important
   }

   .mr-lg-3,
   .mx-lg-3 {
      margin-right: 1rem !important
   }

   .mb-lg-3,
   .my-lg-3 {
      margin-bottom: 1rem !important
   }

   .ml-lg-3,
   .mx-lg-3 {
      margin-left: 1rem !important
   }

   .m-lg-4 {
      margin: 1.5rem !important
   }

   .mt-lg-4,
   .my-lg-4 {
      margin-top: 1.5rem !important
   }

   .mr-lg-4,
   .mx-lg-4 {
      margin-right: 1.5rem !important
   }

   .mb-lg-4,
   .my-lg-4 {
      margin-bottom: 1.5rem !important
   }

   .ml-lg-4,
   .mx-lg-4 {
      margin-left: 1.5rem !important
   }

   .m-lg-5 {
      margin: 3rem !important
   }

   .mt-lg-5,
   .my-lg-5 {
      margin-top: 3rem !important
   }

   .mr-lg-5,
   .mx-lg-5 {
      margin-right: 3rem !important
   }

   .mb-lg-5,
   .my-lg-5 {
      margin-bottom: 3rem !important
   }

   .ml-lg-5,
   .mx-lg-5 {
      margin-left: 3rem !important
   }

   .m-lg-6 {
      margin: 4rem !important
   }

   .mt-lg-6,
   .my-lg-6 {
      margin-top: 4rem !important
   }

   .mr-lg-6,
   .mx-lg-6 {
      margin-right: 4rem !important
   }

   .mb-lg-6,
   .my-lg-6 {
      margin-bottom: 4rem !important
   }

   .ml-lg-6,
   .mx-lg-6 {
      margin-left: 4rem !important
   }

   .m-lg-7 {
      margin: 5rem !important
   }

   .mt-lg-7,
   .my-lg-7 {
      margin-top: 5rem !important
   }

   .mr-lg-7,
   .mx-lg-7 {
      margin-right: 5rem !important
   }

   .mb-lg-7,
   .my-lg-7 {
      margin-bottom: 5rem !important
   }

   .ml-lg-7,
   .mx-lg-7 {
      margin-left: 5rem !important
   }

   .m-lg-8 {
      margin: 6rem !important
   }

   .mt-lg-8,
   .my-lg-8 {
      margin-top: 6rem !important
   }

   .mr-lg-8,
   .mx-lg-8 {
      margin-right: 6rem !important
   }

   .mb-lg-8,
   .my-lg-8 {
      margin-bottom: 6rem !important
   }

   .ml-lg-8,
   .mx-lg-8 {
      margin-left: 6rem !important
   }

   .m-lg-9 {
      margin: 8rem !important
   }

   .mt-lg-9,
   .my-lg-9 {
      margin-top: 8rem !important
   }

   .mr-lg-9,
   .mx-lg-9 {
      margin-right: 8rem !important
   }

   .mb-lg-9,
   .my-lg-9 {
      margin-bottom: 8rem !important
   }

   .ml-lg-9,
   .mx-lg-9 {
      margin-left: 8rem !important
   }

   .m-lg-10 {
      margin: 10rem !important
   }

   .mt-lg-10,
   .my-lg-10 {
      margin-top: 10rem !important
   }

   .mr-lg-10,
   .mx-lg-10 {
      margin-right: 10rem !important
   }

   .mb-lg-10,
   .my-lg-10 {
      margin-bottom: 10rem !important
   }

   .ml-lg-10,
   .mx-lg-10 {
      margin-left: 10rem !important
   }

   .p-lg-0 {
      padding: 0 !important
   }

   .pt-lg-0,
   .py-lg-0 {
      padding-top: 0 !important
   }

   .pr-lg-0,
   .px-lg-0 {
      padding-right: 0 !important
   }

   .pb-lg-0,
   .py-lg-0 {
      padding-bottom: 0 !important
   }

   .pl-lg-0,
   .px-lg-0 {
      padding-left: 0 !important
   }

   .p-lg-1 {
      padding: .25rem !important
   }

   .pt-lg-1,
   .py-lg-1 {
      padding-top: .25rem !important
   }

   .pr-lg-1,
   .px-lg-1 {
      padding-right: .25rem !important
   }

   .pb-lg-1,
   .py-lg-1 {
      padding-bottom: .25rem !important
   }

   .pl-lg-1,
   .px-lg-1 {
      padding-left: .25rem !important
   }

   .p-lg-2 {
      padding: .5rem !important
   }

   .pt-lg-2,
   .py-lg-2 {
      padding-top: .5rem !important
   }

   .pr-lg-2,
   .px-lg-2 {
      padding-right: .5rem !important
   }

   .pb-lg-2,
   .py-lg-2 {
      padding-bottom: .5rem !important
   }

   .pl-lg-2,
   .px-lg-2 {
      padding-left: .5rem !important
   }

   .p-lg-3 {
      padding: 1rem !important
   }

   .pt-lg-3,
   .py-lg-3 {
      padding-top: 1rem !important
   }

   .pr-lg-3,
   .px-lg-3 {
      padding-right: 1rem !important
   }

   .pb-lg-3,
   .py-lg-3 {
      padding-bottom: 1rem !important
   }

   .pl-lg-3,
   .px-lg-3 {
      padding-left: 1rem !important
   }

   .p-lg-4 {
      padding: 1.5rem !important
   }

   .pt-lg-4,
   .py-lg-4 {
      padding-top: 1.5rem !important
   }

   .pr-lg-4,
   .px-lg-4 {
      padding-right: 1.5rem !important
   }

   .pb-lg-4,
   .py-lg-4 {
      padding-bottom: 1.5rem !important
   }

   .pl-lg-4,
   .px-lg-4 {
      padding-left: 1.5rem !important
   }

   .p-lg-5 {
      padding: 3rem !important
   }

   .pt-lg-5,
   .py-lg-5 {
      padding-top: 3rem !important
   }

   .pr-lg-5,
   .px-lg-5 {
      padding-right: 3rem !important
   }

   .pb-lg-5,
   .py-lg-5 {
      padding-bottom: 3rem !important
   }

   .pl-lg-5,
   .px-lg-5 {
      padding-left: 3rem !important
   }

   .p-lg-6 {
      padding: 4rem !important
   }

   .pt-lg-6,
   .py-lg-6 {
      padding-top: 4rem !important
   }

   .pr-lg-6,
   .px-lg-6 {
      padding-right: 4rem !important
   }

   .pb-lg-6,
   .py-lg-6 {
      padding-bottom: 4rem !important
   }

   .pl-lg-6,
   .px-lg-6 {
      padding-left: 4rem !important
   }

   .p-lg-7 {
      padding: 5rem !important
   }

   .pt-lg-7,
   .py-lg-7 {
      padding-top: 5rem !important
   }

   .pr-lg-7,
   .px-lg-7 {
      padding-right: 5rem !important
   }

   .pb-lg-7,
   .py-lg-7 {
      padding-bottom: 5rem !important
   }

   .pl-lg-7,
   .px-lg-7 {
      padding-left: 5rem !important
   }

   .p-lg-8 {
      padding: 6rem !important
   }

   .pt-lg-8,
   .py-lg-8 {
      padding-top: 6rem !important
   }

   .pr-lg-8,
   .px-lg-8 {
      padding-right: 6rem !important
   }

   .pb-lg-8,
   .py-lg-8 {
      padding-bottom: 6rem !important
   }

   .pl-lg-8,
   .px-lg-8 {
      padding-left: 6rem !important
   }

   .p-lg-9 {
      padding: 8rem !important
   }

   .pt-lg-9,
   .py-lg-9 {
      padding-top: 8rem !important
   }

   .pr-lg-9,
   .px-lg-9 {
      padding-right: 8rem !important
   }

   .pb-lg-9,
   .py-lg-9 {
      padding-bottom: 8rem !important
   }

   .pl-lg-9,
   .px-lg-9 {
      padding-left: 8rem !important
   }

   .p-lg-10 {
      padding: 10rem !important
   }

   .pt-lg-10,
   .py-lg-10 {
      padding-top: 10rem !important
   }

   .pr-lg-10,
   .px-lg-10 {
      padding-right: 10rem !important
   }

   .pb-lg-10,
   .py-lg-10 {
      padding-bottom: 10rem !important
   }

   .pl-lg-10,
   .px-lg-10 {
      padding-left: 10rem !important
   }

   .m-lg-n1 {
      margin: -.25rem !important
   }

   .mt-lg-n1,
   .my-lg-n1 {
      margin-top: -.25rem !important
   }

   .mr-lg-n1,
   .mx-lg-n1 {
      margin-right: -.25rem !important
   }

   .mb-lg-n1,
   .my-lg-n1 {
      margin-bottom: -.25rem !important
   }

   .ml-lg-n1,
   .mx-lg-n1 {
      margin-left: -.25rem !important
   }

   .m-lg-n2 {
      margin: -.5rem !important
   }

   .mt-lg-n2,
   .my-lg-n2 {
      margin-top: -.5rem !important
   }

   .mr-lg-n2,
   .mx-lg-n2 {
      margin-right: -.5rem !important
   }

   .mb-lg-n2,
   .my-lg-n2 {
      margin-bottom: -.5rem !important
   }

   .ml-lg-n2,
   .mx-lg-n2 {
      margin-left: -.5rem !important
   }

   .m-lg-n3 {
      margin: -1rem !important
   }

   .mt-lg-n3,
   .my-lg-n3 {
      margin-top: -1rem !important
   }

   .mr-lg-n3,
   .mx-lg-n3 {
      margin-right: -1rem !important
   }

   .mb-lg-n3,
   .my-lg-n3 {
      margin-bottom: -1rem !important
   }

   .ml-lg-n3,
   .mx-lg-n3 {
      margin-left: -1rem !important
   }

   .m-lg-n4 {
      margin: -1.5rem !important
   }

   .mt-lg-n4,
   .my-lg-n4 {
      margin-top: -1.5rem !important
   }

   .mr-lg-n4,
   .mx-lg-n4 {
      margin-right: -1.5rem !important
   }

   .mb-lg-n4,
   .my-lg-n4 {
      margin-bottom: -1.5rem !important
   }

   .ml-lg-n4,
   .mx-lg-n4 {
      margin-left: -1.5rem !important
   }

   .m-lg-n5 {
      margin: -3rem !important
   }

   .mt-lg-n5,
   .my-lg-n5 {
      margin-top: -3rem !important
   }

   .mr-lg-n5,
   .mx-lg-n5 {
      margin-right: -3rem !important
   }

   .mb-lg-n5,
   .my-lg-n5 {
      margin-bottom: -3rem !important
   }

   .ml-lg-n5,
   .mx-lg-n5 {
      margin-left: -3rem !important
   }

   .m-lg-n6 {
      margin: -4rem !important
   }

   .mt-lg-n6,
   .my-lg-n6 {
      margin-top: -4rem !important
   }

   .mr-lg-n6,
   .mx-lg-n6 {
      margin-right: -4rem !important
   }

   .mb-lg-n6,
   .my-lg-n6 {
      margin-bottom: -4rem !important
   }

   .ml-lg-n6,
   .mx-lg-n6 {
      margin-left: -4rem !important
   }

   .m-lg-n7 {
      margin: -5rem !important
   }

   .mt-lg-n7,
   .my-lg-n7 {
      margin-top: -5rem !important
   }

   .mr-lg-n7,
   .mx-lg-n7 {
      margin-right: -5rem !important
   }

   .mb-lg-n7,
   .my-lg-n7 {
      margin-bottom: -5rem !important
   }

   .ml-lg-n7,
   .mx-lg-n7 {
      margin-left: -5rem !important
   }

   .m-lg-n8 {
      margin: -6rem !important
   }

   .mt-lg-n8,
   .my-lg-n8 {
      margin-top: -6rem !important
   }

   .mr-lg-n8,
   .mx-lg-n8 {
      margin-right: -6rem !important
   }

   .mb-lg-n8,
   .my-lg-n8 {
      margin-bottom: -6rem !important
   }

   .ml-lg-n8,
   .mx-lg-n8 {
      margin-left: -6rem !important
   }

   .m-lg-n9 {
      margin: -8rem !important
   }

   .mt-lg-n9,
   .my-lg-n9 {
      margin-top: -8rem !important
   }

   .mr-lg-n9,
   .mx-lg-n9 {
      margin-right: -8rem !important
   }

   .mb-lg-n9,
   .my-lg-n9 {
      margin-bottom: -8rem !important
   }

   .ml-lg-n9,
   .mx-lg-n9 {
      margin-left: -8rem !important
   }

   .m-lg-n10 {
      margin: -10rem !important
   }

   .mt-lg-n10,
   .my-lg-n10 {
      margin-top: -10rem !important
   }

   .mr-lg-n10,
   .mx-lg-n10 {
      margin-right: -10rem !important
   }

   .mb-lg-n10,
   .my-lg-n10 {
      margin-bottom: -10rem !important
   }

   .ml-lg-n10,
   .mx-lg-n10 {
      margin-left: -10rem !important
   }

   .m-lg-auto {
      margin: auto !important
   }

   .mt-lg-auto,
   .my-lg-auto {
      margin-top: auto !important
   }

   .mr-lg-auto,
   .mx-lg-auto {
      margin-right: auto !important
   }

   .mb-lg-auto,
   .my-lg-auto {
      margin-bottom: auto !important
   }

   .ml-lg-auto,
   .mx-lg-auto {
      margin-left: auto !important
   }
}

@media (min-width: 1200px) {
   .m-xl-0 {
      margin: 0 !important
   }

   .mt-xl-0,
   .my-xl-0 {
      margin-top: 0 !important
   }

   .mr-xl-0,
   .mx-xl-0 {
      margin-right: 0 !important
   }

   .mb-xl-0,
   .my-xl-0 {
      margin-bottom: 0 !important
   }

   .ml-xl-0,
   .mx-xl-0 {
      margin-left: 0 !important
   }

   .m-xl-1 {
      margin: .25rem !important
   }

   .mt-xl-1,
   .my-xl-1 {
      margin-top: .25rem !important
   }

   .mr-xl-1,
   .mx-xl-1 {
      margin-right: .25rem !important
   }

   .mb-xl-1,
   .my-xl-1 {
      margin-bottom: .25rem !important
   }

   .ml-xl-1,
   .mx-xl-1 {
      margin-left: .25rem !important
   }

   .m-xl-2 {
      margin: .5rem !important
   }

   .mt-xl-2,
   .my-xl-2 {
      margin-top: .5rem !important
   }

   .mr-xl-2,
   .mx-xl-2 {
      margin-right: .5rem !important
   }

   .mb-xl-2,
   .my-xl-2 {
      margin-bottom: .5rem !important
   }

   .ml-xl-2,
   .mx-xl-2 {
      margin-left: .5rem !important
   }

   .m-xl-3 {
      margin: 1rem !important
   }

   .mt-xl-3,
   .my-xl-3 {
      margin-top: 1rem !important
   }

   .mr-xl-3,
   .mx-xl-3 {
      margin-right: 1rem !important
   }

   .mb-xl-3,
   .my-xl-3 {
      margin-bottom: 1rem !important
   }

   .ml-xl-3,
   .mx-xl-3 {
      margin-left: 1rem !important
   }

   .m-xl-4 {
      margin: 1.5rem !important
   }

   .mt-xl-4,
   .my-xl-4 {
      margin-top: 1.5rem !important
   }

   .mr-xl-4,
   .mx-xl-4 {
      margin-right: 1.5rem !important
   }

   .mb-xl-4,
   .my-xl-4 {
      margin-bottom: 1.5rem !important
   }

   .ml-xl-4,
   .mx-xl-4 {
      margin-left: 1.5rem !important
   }

   .m-xl-5 {
      margin: 3rem !important
   }

   .mt-xl-5,
   .my-xl-5 {
      margin-top: 3rem !important
   }

   .mr-xl-5,
   .mx-xl-5 {
      margin-right: 3rem !important
   }

   .mb-xl-5,
   .my-xl-5 {
      margin-bottom: 3rem !important
   }

   .ml-xl-5,
   .mx-xl-5 {
      margin-left: 3rem !important
   }

   .m-xl-6 {
      margin: 4rem !important
   }

   .mt-xl-6,
   .my-xl-6 {
      margin-top: 4rem !important
   }

   .mr-xl-6,
   .mx-xl-6 {
      margin-right: 4rem !important
   }

   .mb-xl-6,
   .my-xl-6 {
      margin-bottom: 4rem !important
   }

   .ml-xl-6,
   .mx-xl-6 {
      margin-left: 4rem !important
   }

   .m-xl-7 {
      margin: 5rem !important
   }

   .mt-xl-7,
   .my-xl-7 {
      margin-top: 5rem !important
   }

   .mr-xl-7,
   .mx-xl-7 {
      margin-right: 5rem !important
   }

   .mb-xl-7,
   .my-xl-7 {
      margin-bottom: 5rem !important
   }

   .ml-xl-7,
   .mx-xl-7 {
      margin-left: 5rem !important
   }

   .m-xl-8 {
      margin: 6rem !important
   }

   .mt-xl-8,
   .my-xl-8 {
      margin-top: 6rem !important
   }

   .mr-xl-8,
   .mx-xl-8 {
      margin-right: 6rem !important
   }

   .mb-xl-8,
   .my-xl-8 {
      margin-bottom: 6rem !important
   }

   .ml-xl-8,
   .mx-xl-8 {
      margin-left: 6rem !important
   }

   .m-xl-9 {
      margin: 8rem !important
   }

   .mt-xl-9,
   .my-xl-9 {
      margin-top: 8rem !important
   }

   .mr-xl-9,
   .mx-xl-9 {
      margin-right: 8rem !important
   }

   .mb-xl-9,
   .my-xl-9 {
      margin-bottom: 8rem !important
   }

   .ml-xl-9,
   .mx-xl-9 {
      margin-left: 8rem !important
   }

   .m-xl-10 {
      margin: 10rem !important
   }

   .mt-xl-10,
   .my-xl-10 {
      margin-top: 10rem !important
   }

   .mr-xl-10,
   .mx-xl-10 {
      margin-right: 10rem !important
   }

   .mb-xl-10,
   .my-xl-10 {
      margin-bottom: 10rem !important
   }

   .ml-xl-10,
   .mx-xl-10 {
      margin-left: 10rem !important
   }

   .p-xl-0 {
      padding: 0 !important
   }

   .pt-xl-0,
   .py-xl-0 {
      padding-top: 0 !important
   }

   .pr-xl-0,
   .px-xl-0 {
      padding-right: 0 !important
   }

   .pb-xl-0,
   .py-xl-0 {
      padding-bottom: 0 !important
   }

   .pl-xl-0,
   .px-xl-0 {
      padding-left: 0 !important
   }

   .p-xl-1 {
      padding: .25rem !important
   }

   .pt-xl-1,
   .py-xl-1 {
      padding-top: .25rem !important
   }

   .pr-xl-1,
   .px-xl-1 {
      padding-right: .25rem !important
   }

   .pb-xl-1,
   .py-xl-1 {
      padding-bottom: .25rem !important
   }

   .pl-xl-1,
   .px-xl-1 {
      padding-left: .25rem !important
   }

   .p-xl-2 {
      padding: .5rem !important
   }

   .pt-xl-2,
   .py-xl-2 {
      padding-top: .5rem !important
   }

   .pr-xl-2,
   .px-xl-2 {
      padding-right: .5rem !important
   }

   .pb-xl-2,
   .py-xl-2 {
      padding-bottom: .5rem !important
   }

   .pl-xl-2,
   .px-xl-2 {
      padding-left: .5rem !important
   }

   .p-xl-3 {
      padding: 1rem !important
   }

   .pt-xl-3,
   .py-xl-3 {
      padding-top: 1rem !important
   }

   .pr-xl-3,
   .px-xl-3 {
      padding-right: 1rem !important
   }

   .pb-xl-3,
   .py-xl-3 {
      padding-bottom: 1rem !important
   }

   .pl-xl-3,
   .px-xl-3 {
      padding-left: 1rem !important
   }

   .p-xl-4 {
      padding: 1.5rem !important
   }

   .pt-xl-4,
   .py-xl-4 {
      padding-top: 1.5rem !important
   }

   .pr-xl-4,
   .px-xl-4 {
      padding-right: 1.5rem !important
   }

   .pb-xl-4,
   .py-xl-4 {
      padding-bottom: 1.5rem !important
   }

   .pl-xl-4,
   .px-xl-4 {
      padding-left: 1.5rem !important
   }

   .p-xl-5 {
      padding: 3rem !important
   }

   .pt-xl-5,
   .py-xl-5 {
      padding-top: 3rem !important
   }

   .pr-xl-5,
   .px-xl-5 {
      padding-right: 3rem !important
   }

   .pb-xl-5,
   .py-xl-5 {
      padding-bottom: 3rem !important
   }

   .pl-xl-5,
   .px-xl-5 {
      padding-left: 3rem !important
   }

   .p-xl-6 {
      padding: 4rem !important
   }

   .pt-xl-6,
   .py-xl-6 {
      padding-top: 4rem !important
   }

   .pr-xl-6,
   .px-xl-6 {
      padding-right: 4rem !important
   }

   .pb-xl-6,
   .py-xl-6 {
      padding-bottom: 4rem !important
   }

   .pl-xl-6,
   .px-xl-6 {
      padding-left: 4rem !important
   }

   .p-xl-7 {
      padding: 5rem !important
   }

   .pt-xl-7,
   .py-xl-7 {
      padding-top: 5rem !important
   }

   .pr-xl-7,
   .px-xl-7 {
      padding-right: 5rem !important
   }

   .pb-xl-7,
   .py-xl-7 {
      padding-bottom: 5rem !important
   }

   .pl-xl-7,
   .px-xl-7 {
      padding-left: 5rem !important
   }

   .p-xl-8 {
      padding: 6rem !important
   }

   .pt-xl-8,
   .py-xl-8 {
      padding-top: 6rem !important
   }

   .pr-xl-8,
   .px-xl-8 {
      padding-right: 6rem !important
   }

   .pb-xl-8,
   .py-xl-8 {
      padding-bottom: 6rem !important
   }

   .pl-xl-8,
   .px-xl-8 {
      padding-left: 6rem !important
   }

   .p-xl-9 {
      padding: 8rem !important
   }

   .pt-xl-9,
   .py-xl-9 {
      padding-top: 8rem !important
   }

   .pr-xl-9,
   .px-xl-9 {
      padding-right: 8rem !important
   }

   .pb-xl-9,
   .py-xl-9 {
      padding-bottom: 8rem !important
   }

   .pl-xl-9,
   .px-xl-9 {
      padding-left: 8rem !important
   }

   .p-xl-10 {
      padding: 10rem !important
   }

   .pt-xl-10,
   .py-xl-10 {
      padding-top: 10rem !important
   }

   .pr-xl-10,
   .px-xl-10 {
      padding-right: 10rem !important
   }

   .pb-xl-10,
   .py-xl-10 {
      padding-bottom: 10rem !important
   }

   .pl-xl-10,
   .px-xl-10 {
      padding-left: 10rem !important
   }

   .m-xl-n1 {
      margin: -.25rem !important
   }

   .mt-xl-n1,
   .my-xl-n1 {
      margin-top: -.25rem !important
   }

   .mr-xl-n1,
   .mx-xl-n1 {
      margin-right: -.25rem !important
   }

   .mb-xl-n1,
   .my-xl-n1 {
      margin-bottom: -.25rem !important
   }

   .ml-xl-n1,
   .mx-xl-n1 {
      margin-left: -.25rem !important
   }

   .m-xl-n2 {
      margin: -.5rem !important
   }

   .mt-xl-n2,
   .my-xl-n2 {
      margin-top: -.5rem !important
   }

   .mr-xl-n2,
   .mx-xl-n2 {
      margin-right: -.5rem !important
   }

   .mb-xl-n2,
   .my-xl-n2 {
      margin-bottom: -.5rem !important
   }

   .ml-xl-n2,
   .mx-xl-n2 {
      margin-left: -.5rem !important
   }

   .m-xl-n3 {
      margin: -1rem !important
   }

   .mt-xl-n3,
   .my-xl-n3 {
      margin-top: -1rem !important
   }

   .mr-xl-n3,
   .mx-xl-n3 {
      margin-right: -1rem !important
   }

   .mb-xl-n3,
   .my-xl-n3 {
      margin-bottom: -1rem !important
   }

   .ml-xl-n3,
   .mx-xl-n3 {
      margin-left: -1rem !important
   }

   .m-xl-n4 {
      margin: -1.5rem !important
   }

   .mt-xl-n4,
   .my-xl-n4 {
      margin-top: -1.5rem !important
   }

   .mr-xl-n4,
   .mx-xl-n4 {
      margin-right: -1.5rem !important
   }

   .mb-xl-n4,
   .my-xl-n4 {
      margin-bottom: -1.5rem !important
   }

   .ml-xl-n4,
   .mx-xl-n4 {
      margin-left: -1.5rem !important
   }

   .m-xl-n5 {
      margin: -3rem !important
   }

   .mt-xl-n5,
   .my-xl-n5 {
      margin-top: -3rem !important
   }

   .mr-xl-n5,
   .mx-xl-n5 {
      margin-right: -3rem !important
   }

   .mb-xl-n5,
   .my-xl-n5 {
      margin-bottom: -3rem !important
   }

   .ml-xl-n5,
   .mx-xl-n5 {
      margin-left: -3rem !important
   }

   .m-xl-n6 {
      margin: -4rem !important
   }

   .mt-xl-n6,
   .my-xl-n6 {
      margin-top: -4rem !important
   }

   .mr-xl-n6,
   .mx-xl-n6 {
      margin-right: -4rem !important
   }

   .mb-xl-n6,
   .my-xl-n6 {
      margin-bottom: -4rem !important
   }

   .ml-xl-n6,
   .mx-xl-n6 {
      margin-left: -4rem !important
   }

   .m-xl-n7 {
      margin: -5rem !important
   }

   .mt-xl-n7,
   .my-xl-n7 {
      margin-top: -5rem !important
   }

   .mr-xl-n7,
   .mx-xl-n7 {
      margin-right: -5rem !important
   }

   .mb-xl-n7,
   .my-xl-n7 {
      margin-bottom: -5rem !important
   }

   .ml-xl-n7,
   .mx-xl-n7 {
      margin-left: -5rem !important
   }

   .m-xl-n8 {
      margin: -6rem !important
   }

   .mt-xl-n8,
   .my-xl-n8 {
      margin-top: -6rem !important
   }

   .mr-xl-n8,
   .mx-xl-n8 {
      margin-right: -6rem !important
   }

   .mb-xl-n8,
   .my-xl-n8 {
      margin-bottom: -6rem !important
   }

   .ml-xl-n8,
   .mx-xl-n8 {
      margin-left: -6rem !important
   }

   .m-xl-n9 {
      margin: -8rem !important
   }

   .mt-xl-n9,
   .my-xl-n9 {
      margin-top: -8rem !important
   }

   .mr-xl-n9,
   .mx-xl-n9 {
      margin-right: -8rem !important
   }

   .mb-xl-n9,
   .my-xl-n9 {
      margin-bottom: -8rem !important
   }

   .ml-xl-n9,
   .mx-xl-n9 {
      margin-left: -8rem !important
   }

   .m-xl-n10 {
      margin: -10rem !important
   }

   .mt-xl-n10,
   .my-xl-n10 {
      margin-top: -10rem !important
   }

   .mr-xl-n10,
   .mx-xl-n10 {
      margin-right: -10rem !important
   }

   .mb-xl-n10,
   .my-xl-n10 {
      margin-bottom: -10rem !important
   }

   .ml-xl-n10,
   .mx-xl-n10 {
      margin-left: -10rem !important
   }

   .m-xl-auto {
      margin: auto !important
   }

   .mt-xl-auto,
   .my-xl-auto {
      margin-top: auto !important
   }

   .mr-xl-auto,
   .mx-xl-auto {
      margin-right: auto !important
   }

   .mb-xl-auto,
   .my-xl-auto {
      margin-bottom: auto !important
   }

   .ml-xl-auto,
   .mx-xl-auto {
      margin-left: auto !important
   }
}

@media (min-width: 1400px) {
   .m-xxl-0 {
      margin: 0 !important
   }

   .mt-xxl-0,
   .my-xxl-0 {
      margin-top: 0 !important
   }

   .mr-xxl-0,
   .mx-xxl-0 {
      margin-right: 0 !important
   }

   .mb-xxl-0,
   .my-xxl-0 {
      margin-bottom: 0 !important
   }

   .ml-xxl-0,
   .mx-xxl-0 {
      margin-left: 0 !important
   }

   .m-xxl-1 {
      margin: .25rem !important
   }

   .mt-xxl-1,
   .my-xxl-1 {
      margin-top: .25rem !important
   }

   .mr-xxl-1,
   .mx-xxl-1 {
      margin-right: .25rem !important
   }

   .mb-xxl-1,
   .my-xxl-1 {
      margin-bottom: .25rem !important
   }

   .ml-xxl-1,
   .mx-xxl-1 {
      margin-left: .25rem !important
   }

   .m-xxl-2 {
      margin: .5rem !important
   }

   .mt-xxl-2,
   .my-xxl-2 {
      margin-top: .5rem !important
   }

   .mr-xxl-2,
   .mx-xxl-2 {
      margin-right: .5rem !important
   }

   .mb-xxl-2,
   .my-xxl-2 {
      margin-bottom: .5rem !important
   }

   .ml-xxl-2,
   .mx-xxl-2 {
      margin-left: .5rem !important
   }

   .m-xxl-3 {
      margin: 1rem !important
   }

   .mt-xxl-3,
   .my-xxl-3 {
      margin-top: 1rem !important
   }

   .mr-xxl-3,
   .mx-xxl-3 {
      margin-right: 1rem !important
   }

   .mb-xxl-3,
   .my-xxl-3 {
      margin-bottom: 1rem !important
   }

   .ml-xxl-3,
   .mx-xxl-3 {
      margin-left: 1rem !important
   }

   .m-xxl-4 {
      margin: 1.5rem !important
   }

   .mt-xxl-4,
   .my-xxl-4 {
      margin-top: 1.5rem !important
   }

   .mr-xxl-4,
   .mx-xxl-4 {
      margin-right: 1.5rem !important
   }

   .mb-xxl-4,
   .my-xxl-4 {
      margin-bottom: 1.5rem !important
   }

   .ml-xxl-4,
   .mx-xxl-4 {
      margin-left: 1.5rem !important
   }

   .m-xxl-5 {
      margin: 3rem !important
   }

   .mt-xxl-5,
   .my-xxl-5 {
      margin-top: 3rem !important
   }

   .mr-xxl-5,
   .mx-xxl-5 {
      margin-right: 3rem !important
   }

   .mb-xxl-5,
   .my-xxl-5 {
      margin-bottom: 3rem !important
   }

   .ml-xxl-5,
   .mx-xxl-5 {
      margin-left: 3rem !important
   }

   .m-xxl-6 {
      margin: 4rem !important
   }

   .mt-xxl-6,
   .my-xxl-6 {
      margin-top: 4rem !important
   }

   .mr-xxl-6,
   .mx-xxl-6 {
      margin-right: 4rem !important
   }

   .mb-xxl-6,
   .my-xxl-6 {
      margin-bottom: 4rem !important
   }

   .ml-xxl-6,
   .mx-xxl-6 {
      margin-left: 4rem !important
   }

   .m-xxl-7 {
      margin: 5rem !important
   }

   .mt-xxl-7,
   .my-xxl-7 {
      margin-top: 5rem !important
   }

   .mr-xxl-7,
   .mx-xxl-7 {
      margin-right: 5rem !important
   }

   .mb-xxl-7,
   .my-xxl-7 {
      margin-bottom: 5rem !important
   }

   .ml-xxl-7,
   .mx-xxl-7 {
      margin-left: 5rem !important
   }

   .m-xxl-8 {
      margin: 6rem !important
   }

   .mt-xxl-8,
   .my-xxl-8 {
      margin-top: 6rem !important
   }

   .mr-xxl-8,
   .mx-xxl-8 {
      margin-right: 6rem !important
   }

   .mb-xxl-8,
   .my-xxl-8 {
      margin-bottom: 6rem !important
   }

   .ml-xxl-8,
   .mx-xxl-8 {
      margin-left: 6rem !important
   }

   .m-xxl-9 {
      margin: 8rem !important
   }

   .mt-xxl-9,
   .my-xxl-9 {
      margin-top: 8rem !important
   }

   .mr-xxl-9,
   .mx-xxl-9 {
      margin-right: 8rem !important
   }

   .mb-xxl-9,
   .my-xxl-9 {
      margin-bottom: 8rem !important
   }

   .ml-xxl-9,
   .mx-xxl-9 {
      margin-left: 8rem !important
   }

   .m-xxl-10 {
      margin: 10rem !important
   }

   .mt-xxl-10,
   .my-xxl-10 {
      margin-top: 10rem !important
   }

   .mr-xxl-10,
   .mx-xxl-10 {
      margin-right: 10rem !important
   }

   .mb-xxl-10,
   .my-xxl-10 {
      margin-bottom: 10rem !important
   }

   .ml-xxl-10,
   .mx-xxl-10 {
      margin-left: 10rem !important
   }

   .p-xxl-0 {
      padding: 0 !important
   }

   .pt-xxl-0,
   .py-xxl-0 {
      padding-top: 0 !important
   }

   .pr-xxl-0,
   .px-xxl-0 {
      padding-right: 0 !important
   }

   .pb-xxl-0,
   .py-xxl-0 {
      padding-bottom: 0 !important
   }

   .pl-xxl-0,
   .px-xxl-0 {
      padding-left: 0 !important
   }

   .p-xxl-1 {
      padding: .25rem !important
   }

   .pt-xxl-1,
   .py-xxl-1 {
      padding-top: .25rem !important
   }

   .pr-xxl-1,
   .px-xxl-1 {
      padding-right: .25rem !important
   }

   .pb-xxl-1,
   .py-xxl-1 {
      padding-bottom: .25rem !important
   }

   .pl-xxl-1,
   .px-xxl-1 {
      padding-left: .25rem !important
   }

   .p-xxl-2 {
      padding: .5rem !important
   }

   .pt-xxl-2,
   .py-xxl-2 {
      padding-top: .5rem !important
   }

   .pr-xxl-2,
   .px-xxl-2 {
      padding-right: .5rem !important
   }

   .pb-xxl-2,
   .py-xxl-2 {
      padding-bottom: .5rem !important
   }

   .pl-xxl-2,
   .px-xxl-2 {
      padding-left: .5rem !important
   }

   .p-xxl-3 {
      padding: 1rem !important
   }

   .pt-xxl-3,
   .py-xxl-3 {
      padding-top: 1rem !important
   }

   .pr-xxl-3,
   .px-xxl-3 {
      padding-right: 1rem !important
   }

   .pb-xxl-3,
   .py-xxl-3 {
      padding-bottom: 1rem !important
   }

   .pl-xxl-3,
   .px-xxl-3 {
      padding-left: 1rem !important
   }

   .p-xxl-4 {
      padding: 1.5rem !important
   }

   .pt-xxl-4,
   .py-xxl-4 {
      padding-top: 1.5rem !important
   }

   .pr-xxl-4,
   .px-xxl-4 {
      padding-right: 1.5rem !important
   }

   .pb-xxl-4,
   .py-xxl-4 {
      padding-bottom: 1.5rem !important
   }

   .pl-xxl-4,
   .px-xxl-4 {
      padding-left: 1.5rem !important
   }

   .p-xxl-5 {
      padding: 3rem !important
   }

   .pt-xxl-5,
   .py-xxl-5 {
      padding-top: 3rem !important
   }

   .pr-xxl-5,
   .px-xxl-5 {
      padding-right: 3rem !important
   }

   .pb-xxl-5,
   .py-xxl-5 {
      padding-bottom: 3rem !important
   }

   .pl-xxl-5,
   .px-xxl-5 {
      padding-left: 3rem !important
   }

   .p-xxl-6 {
      padding: 4rem !important
   }

   .pt-xxl-6,
   .py-xxl-6 {
      padding-top: 4rem !important
   }

   .pr-xxl-6,
   .px-xxl-6 {
      padding-right: 4rem !important
   }

   .pb-xxl-6,
   .py-xxl-6 {
      padding-bottom: 4rem !important
   }

   .pl-xxl-6,
   .px-xxl-6 {
      padding-left: 4rem !important
   }

   .p-xxl-7 {
      padding: 5rem !important
   }

   .pt-xxl-7,
   .py-xxl-7 {
      padding-top: 5rem !important
   }

   .pr-xxl-7,
   .px-xxl-7 {
      padding-right: 5rem !important
   }

   .pb-xxl-7,
   .py-xxl-7 {
      padding-bottom: 5rem !important
   }

   .pl-xxl-7,
   .px-xxl-7 {
      padding-left: 5rem !important
   }

   .p-xxl-8 {
      padding: 6rem !important
   }

   .pt-xxl-8,
   .py-xxl-8 {
      padding-top: 6rem !important
   }

   .pr-xxl-8,
   .px-xxl-8 {
      padding-right: 6rem !important
   }

   .pb-xxl-8,
   .py-xxl-8 {
      padding-bottom: 6rem !important
   }

   .pl-xxl-8,
   .px-xxl-8 {
      padding-left: 6rem !important
   }

   .p-xxl-9 {
      padding: 8rem !important
   }

   .pt-xxl-9,
   .py-xxl-9 {
      padding-top: 8rem !important
   }

   .pr-xxl-9,
   .px-xxl-9 {
      padding-right: 8rem !important
   }

   .pb-xxl-9,
   .py-xxl-9 {
      padding-bottom: 8rem !important
   }

   .pl-xxl-9,
   .px-xxl-9 {
      padding-left: 8rem !important
   }

   .p-xxl-10 {
      padding: 10rem !important
   }

   .pt-xxl-10,
   .py-xxl-10 {
      padding-top: 10rem !important
   }

   .pr-xxl-10,
   .px-xxl-10 {
      padding-right: 10rem !important
   }

   .pb-xxl-10,
   .py-xxl-10 {
      padding-bottom: 10rem !important
   }

   .pl-xxl-10,
   .px-xxl-10 {
      padding-left: 10rem !important
   }

   .m-xxl-n1 {
      margin: -.25rem !important
   }

   .mt-xxl-n1,
   .my-xxl-n1 {
      margin-top: -.25rem !important
   }

   .mr-xxl-n1,
   .mx-xxl-n1 {
      margin-right: -.25rem !important
   }

   .mb-xxl-n1,
   .my-xxl-n1 {
      margin-bottom: -.25rem !important
   }

   .ml-xxl-n1,
   .mx-xxl-n1 {
      margin-left: -.25rem !important
   }

   .m-xxl-n2 {
      margin: -.5rem !important
   }

   .mt-xxl-n2,
   .my-xxl-n2 {
      margin-top: -.5rem !important
   }

   .mr-xxl-n2,
   .mx-xxl-n2 {
      margin-right: -.5rem !important
   }

   .mb-xxl-n2,
   .my-xxl-n2 {
      margin-bottom: -.5rem !important
   }

   .ml-xxl-n2,
   .mx-xxl-n2 {
      margin-left: -.5rem !important
   }

   .m-xxl-n3 {
      margin: -1rem !important
   }

   .mt-xxl-n3,
   .my-xxl-n3 {
      margin-top: -1rem !important
   }

   .mr-xxl-n3,
   .mx-xxl-n3 {
      margin-right: -1rem !important
   }

   .mb-xxl-n3,
   .my-xxl-n3 {
      margin-bottom: -1rem !important
   }

   .ml-xxl-n3,
   .mx-xxl-n3 {
      margin-left: -1rem !important
   }

   .m-xxl-n4 {
      margin: -1.5rem !important
   }

   .mt-xxl-n4,
   .my-xxl-n4 {
      margin-top: -1.5rem !important
   }

   .mr-xxl-n4,
   .mx-xxl-n4 {
      margin-right: -1.5rem !important
   }

   .mb-xxl-n4,
   .my-xxl-n4 {
      margin-bottom: -1.5rem !important
   }

   .ml-xxl-n4,
   .mx-xxl-n4 {
      margin-left: -1.5rem !important
   }

   .m-xxl-n5 {
      margin: -3rem !important
   }

   .mt-xxl-n5,
   .my-xxl-n5 {
      margin-top: -3rem !important
   }

   .mr-xxl-n5,
   .mx-xxl-n5 {
      margin-right: -3rem !important
   }

   .mb-xxl-n5,
   .my-xxl-n5 {
      margin-bottom: -3rem !important
   }

   .ml-xxl-n5,
   .mx-xxl-n5 {
      margin-left: -3rem !important
   }

   .m-xxl-n6 {
      margin: -4rem !important
   }

   .mt-xxl-n6,
   .my-xxl-n6 {
      margin-top: -4rem !important
   }

   .mr-xxl-n6,
   .mx-xxl-n6 {
      margin-right: -4rem !important
   }

   .mb-xxl-n6,
   .my-xxl-n6 {
      margin-bottom: -4rem !important
   }

   .ml-xxl-n6,
   .mx-xxl-n6 {
      margin-left: -4rem !important
   }

   .m-xxl-n7 {
      margin: -5rem !important
   }

   .mt-xxl-n7,
   .my-xxl-n7 {
      margin-top: -5rem !important
   }

   .mr-xxl-n7,
   .mx-xxl-n7 {
      margin-right: -5rem !important
   }

   .mb-xxl-n7,
   .my-xxl-n7 {
      margin-bottom: -5rem !important
   }

   .ml-xxl-n7,
   .mx-xxl-n7 {
      margin-left: -5rem !important
   }

   .m-xxl-n8 {
      margin: -6rem !important
   }

   .mt-xxl-n8,
   .my-xxl-n8 {
      margin-top: -6rem !important
   }

   .mr-xxl-n8,
   .mx-xxl-n8 {
      margin-right: -6rem !important
   }

   .mb-xxl-n8,
   .my-xxl-n8 {
      margin-bottom: -6rem !important
   }

   .ml-xxl-n8,
   .mx-xxl-n8 {
      margin-left: -6rem !important
   }

   .m-xxl-n9 {
      margin: -8rem !important
   }

   .mt-xxl-n9,
   .my-xxl-n9 {
      margin-top: -8rem !important
   }

   .mr-xxl-n9,
   .mx-xxl-n9 {
      margin-right: -8rem !important
   }

   .mb-xxl-n9,
   .my-xxl-n9 {
      margin-bottom: -8rem !important
   }

   .ml-xxl-n9,
   .mx-xxl-n9 {
      margin-left: -8rem !important
   }

   .m-xxl-n10 {
      margin: -10rem !important
   }

   .mt-xxl-n10,
   .my-xxl-n10 {
      margin-top: -10rem !important
   }

   .mr-xxl-n10,
   .mx-xxl-n10 {
      margin-right: -10rem !important
   }

   .mb-xxl-n10,
   .my-xxl-n10 {
      margin-bottom: -10rem !important
   }

   .ml-xxl-n10,
   .mx-xxl-n10 {
      margin-left: -10rem !important
   }

   .m-xxl-auto {
      margin: auto !important
   }

   .mt-xxl-auto,
   .my-xxl-auto {
      margin-top: auto !important
   }

   .mr-xxl-auto,
   .mx-xxl-auto {
      margin-right: auto !important
   }

   .mb-xxl-auto,
   .my-xxl-auto {
      margin-bottom: auto !important
   }

   .ml-xxl-auto,
   .mx-xxl-auto {
      margin-left: auto !important
   }
}

@media (min-width: 1600px) {
   .m-xxxl-0 {
      margin: 0 !important
   }

   .mt-xxxl-0,
   .my-xxxl-0 {
      margin-top: 0 !important
   }

   .mr-xxxl-0,
   .mx-xxxl-0 {
      margin-right: 0 !important
   }

   .mb-xxxl-0,
   .my-xxxl-0 {
      margin-bottom: 0 !important
   }

   .ml-xxxl-0,
   .mx-xxxl-0 {
      margin-left: 0 !important
   }

   .m-xxxl-1 {
      margin: .25rem !important
   }

   .mt-xxxl-1,
   .my-xxxl-1 {
      margin-top: .25rem !important
   }

   .mr-xxxl-1,
   .mx-xxxl-1 {
      margin-right: .25rem !important
   }

   .mb-xxxl-1,
   .my-xxxl-1 {
      margin-bottom: .25rem !important
   }

   .ml-xxxl-1,
   .mx-xxxl-1 {
      margin-left: .25rem !important
   }

   .m-xxxl-2 {
      margin: .5rem !important
   }

   .mt-xxxl-2,
   .my-xxxl-2 {
      margin-top: .5rem !important
   }

   .mr-xxxl-2,
   .mx-xxxl-2 {
      margin-right: .5rem !important
   }

   .mb-xxxl-2,
   .my-xxxl-2 {
      margin-bottom: .5rem !important
   }

   .ml-xxxl-2,
   .mx-xxxl-2 {
      margin-left: .5rem !important
   }

   .m-xxxl-3 {
      margin: 1rem !important
   }

   .mt-xxxl-3,
   .my-xxxl-3 {
      margin-top: 1rem !important
   }

   .mr-xxxl-3,
   .mx-xxxl-3 {
      margin-right: 1rem !important
   }

   .mb-xxxl-3,
   .my-xxxl-3 {
      margin-bottom: 1rem !important
   }

   .ml-xxxl-3,
   .mx-xxxl-3 {
      margin-left: 1rem !important
   }

   .m-xxxl-4 {
      margin: 1.5rem !important
   }

   .mt-xxxl-4,
   .my-xxxl-4 {
      margin-top: 1.5rem !important
   }

   .mr-xxxl-4,
   .mx-xxxl-4 {
      margin-right: 1.5rem !important
   }

   .mb-xxxl-4,
   .my-xxxl-4 {
      margin-bottom: 1.5rem !important
   }

   .ml-xxxl-4,
   .mx-xxxl-4 {
      margin-left: 1.5rem !important
   }

   .m-xxxl-5 {
      margin: 3rem !important
   }

   .mt-xxxl-5,
   .my-xxxl-5 {
      margin-top: 3rem !important
   }

   .mr-xxxl-5,
   .mx-xxxl-5 {
      margin-right: 3rem !important
   }

   .mb-xxxl-5,
   .my-xxxl-5 {
      margin-bottom: 3rem !important
   }

   .ml-xxxl-5,
   .mx-xxxl-5 {
      margin-left: 3rem !important
   }

   .m-xxxl-6 {
      margin: 4rem !important
   }

   .mt-xxxl-6,
   .my-xxxl-6 {
      margin-top: 4rem !important
   }

   .mr-xxxl-6,
   .mx-xxxl-6 {
      margin-right: 4rem !important
   }

   .mb-xxxl-6,
   .my-xxxl-6 {
      margin-bottom: 4rem !important
   }

   .ml-xxxl-6,
   .mx-xxxl-6 {
      margin-left: 4rem !important
   }

   .m-xxxl-7 {
      margin: 5rem !important
   }

   .mt-xxxl-7,
   .my-xxxl-7 {
      margin-top: 5rem !important
   }

   .mr-xxxl-7,
   .mx-xxxl-7 {
      margin-right: 5rem !important
   }

   .mb-xxxl-7,
   .my-xxxl-7 {
      margin-bottom: 5rem !important
   }

   .ml-xxxl-7,
   .mx-xxxl-7 {
      margin-left: 5rem !important
   }

   .m-xxxl-8 {
      margin: 6rem !important
   }

   .mt-xxxl-8,
   .my-xxxl-8 {
      margin-top: 6rem !important
   }

   .mr-xxxl-8,
   .mx-xxxl-8 {
      margin-right: 6rem !important
   }

   .mb-xxxl-8,
   .my-xxxl-8 {
      margin-bottom: 6rem !important
   }

   .ml-xxxl-8,
   .mx-xxxl-8 {
      margin-left: 6rem !important
   }

   .m-xxxl-9 {
      margin: 8rem !important
   }

   .mt-xxxl-9,
   .my-xxxl-9 {
      margin-top: 8rem !important
   }

   .mr-xxxl-9,
   .mx-xxxl-9 {
      margin-right: 8rem !important
   }

   .mb-xxxl-9,
   .my-xxxl-9 {
      margin-bottom: 8rem !important
   }

   .ml-xxxl-9,
   .mx-xxxl-9 {
      margin-left: 8rem !important
   }

   .m-xxxl-10 {
      margin: 10rem !important
   }

   .mt-xxxl-10,
   .my-xxxl-10 {
      margin-top: 10rem !important
   }

   .mr-xxxl-10,
   .mx-xxxl-10 {
      margin-right: 10rem !important
   }

   .mb-xxxl-10,
   .my-xxxl-10 {
      margin-bottom: 10rem !important
   }

   .ml-xxxl-10,
   .mx-xxxl-10 {
      margin-left: 10rem !important
   }

   .p-xxxl-0 {
      padding: 0 !important
   }

   .pt-xxxl-0,
   .py-xxxl-0 {
      padding-top: 0 !important
   }

   .pr-xxxl-0,
   .px-xxxl-0 {
      padding-right: 0 !important
   }

   .pb-xxxl-0,
   .py-xxxl-0 {
      padding-bottom: 0 !important
   }

   .pl-xxxl-0,
   .px-xxxl-0 {
      padding-left: 0 !important
   }

   .p-xxxl-1 {
      padding: .25rem !important
   }

   .pt-xxxl-1,
   .py-xxxl-1 {
      padding-top: .25rem !important
   }

   .pr-xxxl-1,
   .px-xxxl-1 {
      padding-right: .25rem !important
   }

   .pb-xxxl-1,
   .py-xxxl-1 {
      padding-bottom: .25rem !important
   }

   .pl-xxxl-1,
   .px-xxxl-1 {
      padding-left: .25rem !important
   }

   .p-xxxl-2 {
      padding: .5rem !important
   }

   .pt-xxxl-2,
   .py-xxxl-2 {
      padding-top: .5rem !important
   }

   .pr-xxxl-2,
   .px-xxxl-2 {
      padding-right: .5rem !important
   }

   .pb-xxxl-2,
   .py-xxxl-2 {
      padding-bottom: .5rem !important
   }

   .pl-xxxl-2,
   .px-xxxl-2 {
      padding-left: .5rem !important
   }

   .p-xxxl-3 {
      padding: 1rem !important
   }

   .pt-xxxl-3,
   .py-xxxl-3 {
      padding-top: 1rem !important
   }

   .pr-xxxl-3,
   .px-xxxl-3 {
      padding-right: 1rem !important
   }

   .pb-xxxl-3,
   .py-xxxl-3 {
      padding-bottom: 1rem !important
   }

   .pl-xxxl-3,
   .px-xxxl-3 {
      padding-left: 1rem !important
   }

   .p-xxxl-4 {
      padding: 1.5rem !important
   }

   .pt-xxxl-4,
   .py-xxxl-4 {
      padding-top: 1.5rem !important
   }

   .pr-xxxl-4,
   .px-xxxl-4 {
      padding-right: 1.5rem !important
   }

   .pb-xxxl-4,
   .py-xxxl-4 {
      padding-bottom: 1.5rem !important
   }

   .pl-xxxl-4,
   .px-xxxl-4 {
      padding-left: 1.5rem !important
   }

   .p-xxxl-5 {
      padding: 3rem !important
   }

   .pt-xxxl-5,
   .py-xxxl-5 {
      padding-top: 3rem !important
   }

   .pr-xxxl-5,
   .px-xxxl-5 {
      padding-right: 3rem !important
   }

   .pb-xxxl-5,
   .py-xxxl-5 {
      padding-bottom: 3rem !important
   }

   .pl-xxxl-5,
   .px-xxxl-5 {
      padding-left: 3rem !important
   }

   .p-xxxl-6 {
      padding: 4rem !important
   }

   .pt-xxxl-6,
   .py-xxxl-6 {
      padding-top: 4rem !important
   }

   .pr-xxxl-6,
   .px-xxxl-6 {
      padding-right: 4rem !important
   }

   .pb-xxxl-6,
   .py-xxxl-6 {
      padding-bottom: 4rem !important
   }

   .pl-xxxl-6,
   .px-xxxl-6 {
      padding-left: 4rem !important
   }

   .p-xxxl-7 {
      padding: 5rem !important
   }

   .pt-xxxl-7,
   .py-xxxl-7 {
      padding-top: 5rem !important
   }

   .pr-xxxl-7,
   .px-xxxl-7 {
      padding-right: 5rem !important
   }

   .pb-xxxl-7,
   .py-xxxl-7 {
      padding-bottom: 5rem !important
   }

   .pl-xxxl-7,
   .px-xxxl-7 {
      padding-left: 5rem !important
   }

   .p-xxxl-8 {
      padding: 6rem !important
   }

   .pt-xxxl-8,
   .py-xxxl-8 {
      padding-top: 6rem !important
   }

   .pr-xxxl-8,
   .px-xxxl-8 {
      padding-right: 6rem !important
   }

   .pb-xxxl-8,
   .py-xxxl-8 {
      padding-bottom: 6rem !important
   }

   .pl-xxxl-8,
   .px-xxxl-8 {
      padding-left: 6rem !important
   }

   .p-xxxl-9 {
      padding: 8rem !important
   }

   .pt-xxxl-9,
   .py-xxxl-9 {
      padding-top: 8rem !important
   }

   .pr-xxxl-9,
   .px-xxxl-9 {
      padding-right: 8rem !important
   }

   .pb-xxxl-9,
   .py-xxxl-9 {
      padding-bottom: 8rem !important
   }

   .pl-xxxl-9,
   .px-xxxl-9 {
      padding-left: 8rem !important
   }

   .p-xxxl-10 {
      padding: 10rem !important
   }

   .pt-xxxl-10,
   .py-xxxl-10 {
      padding-top: 10rem !important
   }

   .pr-xxxl-10,
   .px-xxxl-10 {
      padding-right: 10rem !important
   }

   .pb-xxxl-10,
   .py-xxxl-10 {
      padding-bottom: 10rem !important
   }

   .pl-xxxl-10,
   .px-xxxl-10 {
      padding-left: 10rem !important
   }

   .m-xxxl-n1 {
      margin: -.25rem !important
   }

   .mt-xxxl-n1,
   .my-xxxl-n1 {
      margin-top: -.25rem !important
   }

   .mr-xxxl-n1,
   .mx-xxxl-n1 {
      margin-right: -.25rem !important
   }

   .mb-xxxl-n1,
   .my-xxxl-n1 {
      margin-bottom: -.25rem !important
   }

   .ml-xxxl-n1,
   .mx-xxxl-n1 {
      margin-left: -.25rem !important
   }

   .m-xxxl-n2 {
      margin: -.5rem !important
   }

   .mt-xxxl-n2,
   .my-xxxl-n2 {
      margin-top: -.5rem !important
   }

   .mr-xxxl-n2,
   .mx-xxxl-n2 {
      margin-right: -.5rem !important
   }

   .mb-xxxl-n2,
   .my-xxxl-n2 {
      margin-bottom: -.5rem !important
   }

   .ml-xxxl-n2,
   .mx-xxxl-n2 {
      margin-left: -.5rem !important
   }

   .m-xxxl-n3 {
      margin: -1rem !important
   }

   .mt-xxxl-n3,
   .my-xxxl-n3 {
      margin-top: -1rem !important
   }

   .mr-xxxl-n3,
   .mx-xxxl-n3 {
      margin-right: -1rem !important
   }

   .mb-xxxl-n3,
   .my-xxxl-n3 {
      margin-bottom: -1rem !important
   }

   .ml-xxxl-n3,
   .mx-xxxl-n3 {
      margin-left: -1rem !important
   }

   .m-xxxl-n4 {
      margin: -1.5rem !important
   }

   .mt-xxxl-n4,
   .my-xxxl-n4 {
      margin-top: -1.5rem !important
   }

   .mr-xxxl-n4,
   .mx-xxxl-n4 {
      margin-right: -1.5rem !important
   }

   .mb-xxxl-n4,
   .my-xxxl-n4 {
      margin-bottom: -1.5rem !important
   }

   .ml-xxxl-n4,
   .mx-xxxl-n4 {
      margin-left: -1.5rem !important
   }

   .m-xxxl-n5 {
      margin: -3rem !important
   }

   .mt-xxxl-n5,
   .my-xxxl-n5 {
      margin-top: -3rem !important
   }

   .mr-xxxl-n5,
   .mx-xxxl-n5 {
      margin-right: -3rem !important
   }

   .mb-xxxl-n5,
   .my-xxxl-n5 {
      margin-bottom: -3rem !important
   }

   .ml-xxxl-n5,
   .mx-xxxl-n5 {
      margin-left: -3rem !important
   }

   .m-xxxl-n6 {
      margin: -4rem !important
   }

   .mt-xxxl-n6,
   .my-xxxl-n6 {
      margin-top: -4rem !important
   }

   .mr-xxxl-n6,
   .mx-xxxl-n6 {
      margin-right: -4rem !important
   }

   .mb-xxxl-n6,
   .my-xxxl-n6 {
      margin-bottom: -4rem !important
   }

   .ml-xxxl-n6,
   .mx-xxxl-n6 {
      margin-left: -4rem !important
   }

   .m-xxxl-n7 {
      margin: -5rem !important
   }

   .mt-xxxl-n7,
   .my-xxxl-n7 {
      margin-top: -5rem !important
   }

   .mr-xxxl-n7,
   .mx-xxxl-n7 {
      margin-right: -5rem !important
   }

   .mb-xxxl-n7,
   .my-xxxl-n7 {
      margin-bottom: -5rem !important
   }

   .ml-xxxl-n7,
   .mx-xxxl-n7 {
      margin-left: -5rem !important
   }

   .m-xxxl-n8 {
      margin: -6rem !important
   }

   .mt-xxxl-n8,
   .my-xxxl-n8 {
      margin-top: -6rem !important
   }

   .mr-xxxl-n8,
   .mx-xxxl-n8 {
      margin-right: -6rem !important
   }

   .mb-xxxl-n8,
   .my-xxxl-n8 {
      margin-bottom: -6rem !important
   }

   .ml-xxxl-n8,
   .mx-xxxl-n8 {
      margin-left: -6rem !important
   }

   .m-xxxl-n9 {
      margin: -8rem !important
   }

   .mt-xxxl-n9,
   .my-xxxl-n9 {
      margin-top: -8rem !important
   }

   .mr-xxxl-n9,
   .mx-xxxl-n9 {
      margin-right: -8rem !important
   }

   .mb-xxxl-n9,
   .my-xxxl-n9 {
      margin-bottom: -8rem !important
   }

   .ml-xxxl-n9,
   .mx-xxxl-n9 {
      margin-left: -8rem !important
   }

   .m-xxxl-n10 {
      margin: -10rem !important
   }

   .mt-xxxl-n10,
   .my-xxxl-n10 {
      margin-top: -10rem !important
   }

   .mr-xxxl-n10,
   .mx-xxxl-n10 {
      margin-right: -10rem !important
   }

   .mb-xxxl-n10,
   .my-xxxl-n10 {
      margin-bottom: -10rem !important
   }

   .ml-xxxl-n10,
   .mx-xxxl-n10 {
      margin-left: -10rem !important
   }

   .m-xxxl-auto {
      margin: auto !important
   }

   .mt-xxxl-auto,
   .my-xxxl-auto {
      margin-top: auto !important
   }

   .mr-xxxl-auto,
   .mx-xxxl-auto {
      margin-right: auto !important
   }

   .mb-xxxl-auto,
   .my-xxxl-auto {
      margin-bottom: auto !important
   }

   .ml-xxxl-auto,
   .mx-xxxl-auto {
      margin-left: auto !important
   }
}

@media (min-width: 2000px) {
   .m-mac-0 {
      margin: 0 !important
   }

   .mt-mac-0,
   .my-mac-0 {
      margin-top: 0 !important
   }

   .mr-mac-0,
   .mx-mac-0 {
      margin-right: 0 !important
   }

   .mb-mac-0,
   .my-mac-0 {
      margin-bottom: 0 !important
   }

   .ml-mac-0,
   .mx-mac-0 {
      margin-left: 0 !important
   }

   .m-mac-1 {
      margin: .25rem !important
   }

   .mt-mac-1,
   .my-mac-1 {
      margin-top: .25rem !important
   }

   .mr-mac-1,
   .mx-mac-1 {
      margin-right: .25rem !important
   }

   .mb-mac-1,
   .my-mac-1 {
      margin-bottom: .25rem !important
   }

   .ml-mac-1,
   .mx-mac-1 {
      margin-left: .25rem !important
   }

   .m-mac-2 {
      margin: .5rem !important
   }

   .mt-mac-2,
   .my-mac-2 {
      margin-top: .5rem !important
   }

   .mr-mac-2,
   .mx-mac-2 {
      margin-right: .5rem !important
   }

   .mb-mac-2,
   .my-mac-2 {
      margin-bottom: .5rem !important
   }

   .ml-mac-2,
   .mx-mac-2 {
      margin-left: .5rem !important
   }

   .m-mac-3 {
      margin: 1rem !important
   }

   .mt-mac-3,
   .my-mac-3 {
      margin-top: 1rem !important
   }

   .mr-mac-3,
   .mx-mac-3 {
      margin-right: 1rem !important
   }

   .mb-mac-3,
   .my-mac-3 {
      margin-bottom: 1rem !important
   }

   .ml-mac-3,
   .mx-mac-3 {
      margin-left: 1rem !important
   }

   .m-mac-4 {
      margin: 1.5rem !important
   }

   .mt-mac-4,
   .my-mac-4 {
      margin-top: 1.5rem !important
   }

   .mr-mac-4,
   .mx-mac-4 {
      margin-right: 1.5rem !important
   }

   .mb-mac-4,
   .my-mac-4 {
      margin-bottom: 1.5rem !important
   }

   .ml-mac-4,
   .mx-mac-4 {
      margin-left: 1.5rem !important
   }

   .m-mac-5 {
      margin: 3rem !important
   }

   .mt-mac-5,
   .my-mac-5 {
      margin-top: 3rem !important
   }

   .mr-mac-5,
   .mx-mac-5 {
      margin-right: 3rem !important
   }

   .mb-mac-5,
   .my-mac-5 {
      margin-bottom: 3rem !important
   }

   .ml-mac-5,
   .mx-mac-5 {
      margin-left: 3rem !important
   }

   .m-mac-6 {
      margin: 4rem !important
   }

   .mt-mac-6,
   .my-mac-6 {
      margin-top: 4rem !important
   }

   .mr-mac-6,
   .mx-mac-6 {
      margin-right: 4rem !important
   }

   .mb-mac-6,
   .my-mac-6 {
      margin-bottom: 4rem !important
   }

   .ml-mac-6,
   .mx-mac-6 {
      margin-left: 4rem !important
   }

   .m-mac-7 {
      margin: 5rem !important
   }

   .mt-mac-7,
   .my-mac-7 {
      margin-top: 5rem !important
   }

   .mr-mac-7,
   .mx-mac-7 {
      margin-right: 5rem !important
   }

   .mb-mac-7,
   .my-mac-7 {
      margin-bottom: 5rem !important
   }

   .ml-mac-7,
   .mx-mac-7 {
      margin-left: 5rem !important
   }

   .m-mac-8 {
      margin: 6rem !important
   }

   .mt-mac-8,
   .my-mac-8 {
      margin-top: 6rem !important
   }

   .mr-mac-8,
   .mx-mac-8 {
      margin-right: 6rem !important
   }

   .mb-mac-8,
   .my-mac-8 {
      margin-bottom: 6rem !important
   }

   .ml-mac-8,
   .mx-mac-8 {
      margin-left: 6rem !important
   }

   .m-mac-9 {
      margin: 8rem !important
   }

   .mt-mac-9,
   .my-mac-9 {
      margin-top: 8rem !important
   }

   .mr-mac-9,
   .mx-mac-9 {
      margin-right: 8rem !important
   }

   .mb-mac-9,
   .my-mac-9 {
      margin-bottom: 8rem !important
   }

   .ml-mac-9,
   .mx-mac-9 {
      margin-left: 8rem !important
   }

   .m-mac-10 {
      margin: 10rem !important
   }

   .mt-mac-10,
   .my-mac-10 {
      margin-top: 10rem !important
   }

   .mr-mac-10,
   .mx-mac-10 {
      margin-right: 10rem !important
   }

   .mb-mac-10,
   .my-mac-10 {
      margin-bottom: 10rem !important
   }

   .ml-mac-10,
   .mx-mac-10 {
      margin-left: 10rem !important
   }

   .p-mac-0 {
      padding: 0 !important
   }

   .pt-mac-0,
   .py-mac-0 {
      padding-top: 0 !important
   }

   .pr-mac-0,
   .px-mac-0 {
      padding-right: 0 !important
   }

   .pb-mac-0,
   .py-mac-0 {
      padding-bottom: 0 !important
   }

   .pl-mac-0,
   .px-mac-0 {
      padding-left: 0 !important
   }

   .p-mac-1 {
      padding: .25rem !important
   }

   .pt-mac-1,
   .py-mac-1 {
      padding-top: .25rem !important
   }

   .pr-mac-1,
   .px-mac-1 {
      padding-right: .25rem !important
   }

   .pb-mac-1,
   .py-mac-1 {
      padding-bottom: .25rem !important
   }

   .pl-mac-1,
   .px-mac-1 {
      padding-left: .25rem !important
   }

   .p-mac-2 {
      padding: .5rem !important
   }

   .pt-mac-2,
   .py-mac-2 {
      padding-top: .5rem !important
   }

   .pr-mac-2,
   .px-mac-2 {
      padding-right: .5rem !important
   }

   .pb-mac-2,
   .py-mac-2 {
      padding-bottom: .5rem !important
   }

   .pl-mac-2,
   .px-mac-2 {
      padding-left: .5rem !important
   }

   .p-mac-3 {
      padding: 1rem !important
   }

   .pt-mac-3,
   .py-mac-3 {
      padding-top: 1rem !important
   }

   .pr-mac-3,
   .px-mac-3 {
      padding-right: 1rem !important
   }

   .pb-mac-3,
   .py-mac-3 {
      padding-bottom: 1rem !important
   }

   .pl-mac-3,
   .px-mac-3 {
      padding-left: 1rem !important
   }

   .p-mac-4 {
      padding: 1.5rem !important
   }

   .pt-mac-4,
   .py-mac-4 {
      padding-top: 1.5rem !important
   }

   .pr-mac-4,
   .px-mac-4 {
      padding-right: 1.5rem !important
   }

   .pb-mac-4,
   .py-mac-4 {
      padding-bottom: 1.5rem !important
   }

   .pl-mac-4,
   .px-mac-4 {
      padding-left: 1.5rem !important
   }

   .p-mac-5 {
      padding: 3rem !important
   }

   .pt-mac-5,
   .py-mac-5 {
      padding-top: 3rem !important
   }

   .pr-mac-5,
   .px-mac-5 {
      padding-right: 3rem !important
   }

   .pb-mac-5,
   .py-mac-5 {
      padding-bottom: 3rem !important
   }

   .pl-mac-5,
   .px-mac-5 {
      padding-left: 3rem !important
   }

   .p-mac-6 {
      padding: 4rem !important
   }

   .pt-mac-6,
   .py-mac-6 {
      padding-top: 4rem !important
   }

   .pr-mac-6,
   .px-mac-6 {
      padding-right: 4rem !important
   }

   .pb-mac-6,
   .py-mac-6 {
      padding-bottom: 4rem !important
   }

   .pl-mac-6,
   .px-mac-6 {
      padding-left: 4rem !important
   }

   .p-mac-7 {
      padding: 5rem !important
   }

   .pt-mac-7,
   .py-mac-7 {
      padding-top: 5rem !important
   }

   .pr-mac-7,
   .px-mac-7 {
      padding-right: 5rem !important
   }

   .pb-mac-7,
   .py-mac-7 {
      padding-bottom: 5rem !important
   }

   .pl-mac-7,
   .px-mac-7 {
      padding-left: 5rem !important
   }

   .p-mac-8 {
      padding: 6rem !important
   }

   .pt-mac-8,
   .py-mac-8 {
      padding-top: 6rem !important
   }

   .pr-mac-8,
   .px-mac-8 {
      padding-right: 6rem !important
   }

   .pb-mac-8,
   .py-mac-8 {
      padding-bottom: 6rem !important
   }

   .pl-mac-8,
   .px-mac-8 {
      padding-left: 6rem !important
   }

   .p-mac-9 {
      padding: 8rem !important
   }

   .pt-mac-9,
   .py-mac-9 {
      padding-top: 8rem !important
   }

   .pr-mac-9,
   .px-mac-9 {
      padding-right: 8rem !important
   }

   .pb-mac-9,
   .py-mac-9 {
      padding-bottom: 8rem !important
   }

   .pl-mac-9,
   .px-mac-9 {
      padding-left: 8rem !important
   }

   .p-mac-10 {
      padding: 10rem !important
   }

   .pt-mac-10,
   .py-mac-10 {
      padding-top: 10rem !important
   }

   .pr-mac-10,
   .px-mac-10 {
      padding-right: 10rem !important
   }

   .pb-mac-10,
   .py-mac-10 {
      padding-bottom: 10rem !important
   }

   .pl-mac-10,
   .px-mac-10 {
      padding-left: 10rem !important
   }

   .m-mac-n1 {
      margin: -.25rem !important
   }

   .mt-mac-n1,
   .my-mac-n1 {
      margin-top: -.25rem !important
   }

   .mr-mac-n1,
   .mx-mac-n1 {
      margin-right: -.25rem !important
   }

   .mb-mac-n1,
   .my-mac-n1 {
      margin-bottom: -.25rem !important
   }

   .ml-mac-n1,
   .mx-mac-n1 {
      margin-left: -.25rem !important
   }

   .m-mac-n2 {
      margin: -.5rem !important
   }

   .mt-mac-n2,
   .my-mac-n2 {
      margin-top: -.5rem !important
   }

   .mr-mac-n2,
   .mx-mac-n2 {
      margin-right: -.5rem !important
   }

   .mb-mac-n2,
   .my-mac-n2 {
      margin-bottom: -.5rem !important
   }

   .ml-mac-n2,
   .mx-mac-n2 {
      margin-left: -.5rem !important
   }

   .m-mac-n3 {
      margin: -1rem !important
   }

   .mt-mac-n3,
   .my-mac-n3 {
      margin-top: -1rem !important
   }

   .mr-mac-n3,
   .mx-mac-n3 {
      margin-right: -1rem !important
   }

   .mb-mac-n3,
   .my-mac-n3 {
      margin-bottom: -1rem !important
   }

   .ml-mac-n3,
   .mx-mac-n3 {
      margin-left: -1rem !important
   }

   .m-mac-n4 {
      margin: -1.5rem !important
   }

   .mt-mac-n4,
   .my-mac-n4 {
      margin-top: -1.5rem !important
   }

   .mr-mac-n4,
   .mx-mac-n4 {
      margin-right: -1.5rem !important
   }

   .mb-mac-n4,
   .my-mac-n4 {
      margin-bottom: -1.5rem !important
   }

   .ml-mac-n4,
   .mx-mac-n4 {
      margin-left: -1.5rem !important
   }

   .m-mac-n5 {
      margin: -3rem !important
   }

   .mt-mac-n5,
   .my-mac-n5 {
      margin-top: -3rem !important
   }

   .mr-mac-n5,
   .mx-mac-n5 {
      margin-right: -3rem !important
   }

   .mb-mac-n5,
   .my-mac-n5 {
      margin-bottom: -3rem !important
   }

   .ml-mac-n5,
   .mx-mac-n5 {
      margin-left: -3rem !important
   }

   .m-mac-n6 {
      margin: -4rem !important
   }

   .mt-mac-n6,
   .my-mac-n6 {
      margin-top: -4rem !important
   }

   .mr-mac-n6,
   .mx-mac-n6 {
      margin-right: -4rem !important
   }

   .mb-mac-n6,
   .my-mac-n6 {
      margin-bottom: -4rem !important
   }

   .ml-mac-n6,
   .mx-mac-n6 {
      margin-left: -4rem !important
   }

   .m-mac-n7 {
      margin: -5rem !important
   }

   .mt-mac-n7,
   .my-mac-n7 {
      margin-top: -5rem !important
   }

   .mr-mac-n7,
   .mx-mac-n7 {
      margin-right: -5rem !important
   }

   .mb-mac-n7,
   .my-mac-n7 {
      margin-bottom: -5rem !important
   }

   .ml-mac-n7,
   .mx-mac-n7 {
      margin-left: -5rem !important
   }

   .m-mac-n8 {
      margin: -6rem !important
   }

   .mt-mac-n8,
   .my-mac-n8 {
      margin-top: -6rem !important
   }

   .mr-mac-n8,
   .mx-mac-n8 {
      margin-right: -6rem !important
   }

   .mb-mac-n8,
   .my-mac-n8 {
      margin-bottom: -6rem !important
   }

   .ml-mac-n8,
   .mx-mac-n8 {
      margin-left: -6rem !important
   }

   .m-mac-n9 {
      margin: -8rem !important
   }

   .mt-mac-n9,
   .my-mac-n9 {
      margin-top: -8rem !important
   }

   .mr-mac-n9,
   .mx-mac-n9 {
      margin-right: -8rem !important
   }

   .mb-mac-n9,
   .my-mac-n9 {
      margin-bottom: -8rem !important
   }

   .ml-mac-n9,
   .mx-mac-n9 {
      margin-left: -8rem !important
   }

   .m-mac-n10 {
      margin: -10rem !important
   }

   .mt-mac-n10,
   .my-mac-n10 {
      margin-top: -10rem !important
   }

   .mr-mac-n10,
   .mx-mac-n10 {
      margin-right: -10rem !important
   }

   .mb-mac-n10,
   .my-mac-n10 {
      margin-bottom: -10rem !important
   }

   .ml-mac-n10,
   .mx-mac-n10 {
      margin-left: -10rem !important
   }

   .m-mac-auto {
      margin: auto !important
   }

   .mt-mac-auto,
   .my-mac-auto {
      margin-top: auto !important
   }

   .mr-mac-auto,
   .mx-mac-auto {
      margin-right: auto !important
   }

   .mb-mac-auto,
   .my-mac-auto {
      margin-bottom: auto !important
   }

   .ml-mac-auto,
   .mx-mac-auto {
      margin-left: auto !important
   }
}

.stretched-link:after {
   position: absolute;
   inset: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
   background-color: #0000
}

.text-monospace {
   font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace !important
}

.text-justify {
   text-align: justify !important
}

.text-wrap {
   white-space: normal !important
}

.text-nowrap {
   white-space: nowrap !important
}

.text-truncate {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap
}

.text-left {
   text-align: left !important
}

.text-right {
   text-align: right !important
}

.text-center {
   text-align: center !important
}

@media (min-width: 576px) {
   .text-sm-left {
      text-align: left !important
   }

   .text-sm-right {
      text-align: right !important
   }

   .text-sm-center {
      text-align: center !important
   }
}

@media (min-width: 768px) {
   .text-md-left {
      text-align: left !important
   }

   .text-md-right {
      text-align: right !important
   }

   .text-md-center {
      text-align: center !important
   }
}

@media (min-width: 992px) {
   .text-lg-left {
      text-align: left !important
   }

   .text-lg-right {
      text-align: right !important
   }

   .text-lg-center {
      text-align: center !important
   }
}

@media (min-width: 1200px) {
   .text-xl-left {
      text-align: left !important
   }

   .text-xl-right {
      text-align: right !important
   }

   .text-xl-center {
      text-align: center !important
   }
}

@media (min-width: 1400px) {
   .text-xxl-left {
      text-align: left !important
   }

   .text-xxl-right {
      text-align: right !important
   }

   .text-xxl-center {
      text-align: center !important
   }
}

@media (min-width: 1600px) {
   .text-xxxl-left {
      text-align: left !important
   }

   .text-xxxl-right {
      text-align: right !important
   }

   .text-xxxl-center {
      text-align: center !important
   }
}

@media (min-width: 2000px) {
   .text-mac-left {
      text-align: left !important
   }

   .text-mac-right {
      text-align: right !important
   }

   .text-mac-center {
      text-align: center !important
   }
}

.text-lowercase {
   text-transform: lowercase !important
}

.text-uppercase {
   text-transform: uppercase !important
}

.text-capitalize {
   text-transform: capitalize !important
}

.font-weight-light {
   font-weight: 300 !important
}

.font-weight-lighter {
   font-weight: lighter !important
}

.font-weight-normal {
   font-weight: 400 !important
}

.font-weight-bold {
   font-weight: 700 !important
}

.font-weight-bolder {
   font-weight: bolder !important
}

.font-italic {
   font-style: italic !important
}

.text-white {
   color: #fff !important
}

.text-primary {
   color: #007bff !important
}

a.text-primary:hover,
a.text-primary:focus {
   color: #0056b3 !important
}

.text-secondary {
   color: #6c757d !important
}

a.text-secondary:hover,
a.text-secondary:focus {
   color: #494f54 !important
}

.text-success {
   color: #28a745 !important
}

a.text-success:hover,
a.text-success:focus {
   color: #19692c !important
}

.text-info {
   color: #17a2b8 !important
}

a.text-info:hover,
a.text-info:focus {
   color: #0f6674 !important
}

.text-warning {
   color: #ffc107 !important
}

a.text-warning:hover,
a.text-warning:focus {
   color: #ba8b00 !important
}

.text-danger {
   color: #dc3545 !important
}

a.text-danger:hover,
a.text-danger:focus {
   color: #a71d2a !important
}

.text-light {
   color: #f8f9fa !important
}

a.text-light:hover,
a.text-light:focus {
   color: #cbd3da !important
}

.text-dark {
   color: #343a40 !important
}

a.text-dark:hover,
a.text-dark:focus {
   color: #121416 !important
}

.text-body {
   color: #fff !important
}

.text-muted {
   color: #6c757d !important
}

.text-black-50 {
   color: #00000080 !important
}

.text-white-50 {
   color: #ffffff80 !important
}

.text-hide {
   font: 0/0 a;
   color: transparent;
   text-shadow: none;
   background-color: transparent;
   border: 0
}

.text-decoration-none {
   text-decoration: none !important
}

.text-break {
   word-break: break-word !important;
   word-wrap: break-word !important
}

.text-reset {
   color: inherit !important
}

.visible {
   visibility: visible !important
}

.invisible {
   visibility: hidden !important
}

@media print {

   *,
   *:before,
   *:after {
      text-shadow: none !important;
      box-shadow: none !important
   }

   a:not(.btn) {
      text-decoration: underline
   }

   abbr[title]:after {
      content: " (" attr(title) ")"
   }

   pre {
      white-space: pre-wrap !important
   }

   pre,
   blockquote {
      border: 1px solid #adb5bd;
      page-break-inside: avoid
   }

   tr,
   img {
      page-break-inside: avoid
   }

   p,
   h2,
   h3 {
      orphans: 3;
      widows: 3
   }

   h2,
   h3 {
      page-break-after: avoid
   }

   @page {
      size: a3
   }

   body,
   .container {
      min-width: 992px !important
   }

   .navbar {
      display: none
   }

   .badge {
      border: 1px solid #000
   }

   .table {
      border-collapse: collapse !important
   }

   .table td,
   .table th {
      background-color: #fff !important
   }

   .table-bordered th,
   .table-bordered td {
      border: 1px solid #dee2e6 !important
   }

   .table-dark {
      color: inherit
   }

   .table-dark th,
   .table-dark td,
   .table-dark thead th,
   .table-dark tbody+tbody {
      border-color: #dee2e6
   }

   .table .thead-dark th {
      color: inherit;
      border-color: #dee2e6
   }
}

[v-cloak] {
   display: none
}

html {
   overflow: visible
}

.flipbook {
   display: flex;
   height: 100%
}

.flipbook>div {
   flex: 1;
   height: 100%
}

.flipbook__body {
   height: 100%;
   background-color: #999fa2
}

.flipbook__body .pdff-container {
   background-image: none !important;
   background-color: transparent !important
}

.flipbook__copyright {
   position: absolute;
   right: 15px;
   bottom: 15px;
   z-index: 999
}

.flipbook__copyright img {
   width: 65px
}

@media only screen and (max-width: 767px) {
   .flipbook__copyright {
      bottom: 55px;
      right: 10px;
      opacity: .7
   }
}

.picker-bg-color {
   background-color: #000 !important
}

.v-date-picker-table .v-btn.v-btn--active {
   background-color: #fa0505 !important
}

html[lang=en] .calculator-chart__remark {
   font-size: .875rem !important
}

@media (max-width: 767.98px) {
   html[lang=en] .calculator-chart__remark {
      font-size: .75rem !important
   }
}

html[lang=th] .calculator-chart__remark {
   font-size: .875rem !important
}

@media (max-width: 767.98px) {
   html[lang=th] .calculator-chart__remark {
      font-size: .75rem !important
   }
}

.calculator-chart .calculator-chart__echarts {
   width: 100%;
   height: 500px
}

@media (max-width: 991.98px) {
   .calculator-chart .calculator-chart__echarts {
      height: 450px
   }
}

@media (max-width: 767.98px) {
   .calculator-chart .calculator-chart__echarts {
      height: 350px
   }
}

html[lang=en] .echarts-tooltip {
   font-family: CPN, sans-serif;
   font-size: 1rem
}

@media (max-width: 1399.98px) {
   html[lang=en] .echarts-tooltip {
      font-size: .9375rem
   }
}

html[lang=th] .echarts-tooltip {
   font-family: CPN, sans-serif;
   font-size: 1rem
}

@media (max-width: 1399.98px) {
   html[lang=th] .echarts-tooltip {
      font-size: .9375rem
   }
}

.calculator-chart .echarts-tooltip {
   background-color: #000;
   color: #fff;
   text-align: center;
   width: 230px;
   border: none;
   padding: 1rem
}

.calculator-chart .echarts-tooltip__header {
   font-weight: 700;
   margin-bottom: .65rem
}

.calculator-chart .echarts-tooltip__volume {
   border-bottom: 1px solid #fff;
   padding-bottom: .25rem;
   margin: .5rem 0
}

html[lang=en] .echarts-tooltip__last-done {
   font-size: 2.25rem;
   font-weight: 700;
   line-height: 1.2
}

@media (max-width: 1640px) {
   html[lang=en] .echarts-tooltip__last-done {
      font-size: calc(1.125rem + 1.0975609756vw)
   }
}

@media (max-width: 991.98px) {
   html[lang=en] .echarts-tooltip__last-done {
      font-size: 2.375rem
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=en] .echarts-tooltip__last-done {
      font-size: calc(1.1375rem + 1.2073170732vw)
   }
}

html[lang=th] .echarts-tooltip__last-done {
   font-size: 2.25rem;
   font-weight: 700;
   line-height: 1.2
}

@media (max-width: 1640px) {
   html[lang=th] .echarts-tooltip__last-done {
      font-size: calc(1.125rem + 1.0975609756vw)
   }
}

@media (max-width: 991.98px) {
   html[lang=th] .echarts-tooltip__last-done {
      font-size: 2.375rem
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=th] .echarts-tooltip__last-done {
      font-size: calc(1.1375rem + 1.2073170732vw)
   }
}

.calculator-chart .echarts-tooltip__last-done {
   margin: .15rem 0 .25rem
}

html[lang=en] .calculator-form .custom-control-label,
html[lang=th] .calculator-form .custom-control-label {
   font-weight: 700
}

.calculator-form .calculator-form__label {
   color: #000;
   font-weight: 700;
   margin-bottom: 1rem
}

.calculator-form .calculator-form__form-control {
   color: #000 !important;
   display: block;
   width: 100%;
   height: 50px;
   min-height: 50px;
   max-height: 50px;
   padding: .375rem 1.5rem;
   background-color: transparent;
   border: 1px solid #000 !important;
   border-radius: 25px
}

.calculator-form .v-input {
   display: flex;
   align-items: center;
   width: 100%;
   height: 50px;
   min-height: 50px;
   max-height: 50px;
   background-color: transparent;
   border: 1px solid #000;
   border-radius: 25px;
   padding: 0 1.25rem;
   margin: 0
}

.calculator-form .v-icon {
   font-size: 1.25rem;
   color: #000
}

.calculator-form .v-input__slot {
   margin-bottom: 0
}

.calculator-form .v-input__prepend-inner {
   margin-right: 1rem
}

.calculator-form .v-text-field>.v-input__control>.v-input__slot:before,
.calculator-form .v-text-field>.v-input__control>.v-input__slot:after {
   display: none
}

.calculator-form .v-text-field__details {
   min-height: unset
}

.calculator-form .custom-control-label {
   color: #000
}

.calculator-form .custom-control-label:before {
   border-color: #000
}

.calculator-form .custom-control-input:checked~.custom-control-label:before {
   color: #000;
   border-color: #000;
   background-color: transparent
}

.calculator-form .custom-radio .custom-control-input:checked~.custom-control-label:after {
   background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%23000%27/%3e%3c/svg%3e")
}

html[lang=en] .calculator-results__text {
   font-weight: 700;
   font-size: 1rem
}

@media (max-width: 767.98px) {
   html[lang=en] .calculator-results__text {
      font-size: .875rem
   }
}

html[lang=en] .calculator-results__item--return .calculator-results__title,
html[lang=en] .calculator-results__item--return .calculator-results__text {
   font-size: 1.25rem
}

@media (max-width: 991.98px) {

   html[lang=en] .calculator-results__item--return .calculator-results__title,
   html[lang=en] .calculator-results__item--return .calculator-results__text {
      font-size: 1.125rem
   }
}

@media (max-width: 767.98px) {

   html[lang=en] .calculator-results__item--return .calculator-results__title,
   html[lang=en] .calculator-results__item--return .calculator-results__text {
      font-size: .875rem
   }
}

html[lang=th] .calculator-results__text {
   font-weight: 700;
   font-size: 1rem
}

@media (max-width: 767.98px) {
   html[lang=th] .calculator-results__text {
      font-size: .875rem
   }
}

html[lang=th] .calculator-results__item--return .calculator-results__title,
html[lang=th] .calculator-results__item--return .calculator-results__text {
   font-size: 1.25rem
}

@media (max-width: 991.98px) {

   html[lang=th] .calculator-results__item--return .calculator-results__title,
   html[lang=th] .calculator-results__item--return .calculator-results__text {
      font-size: 1.125rem
   }
}

@media (max-width: 767.98px) {

   html[lang=th] .calculator-results__item--return .calculator-results__title,
   html[lang=th] .calculator-results__item--return .calculator-results__text {
      font-size: .875rem
   }
}

.calculator-results {
   color: #000
}

@media (min-width: 992px) {
   .calculator-results {
      padding-left: 1rem
   }
}

.calculator-results .calculator-results__heading {
   margin-bottom: .5rem
}

.calculator-results .calculator-results__item {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   padding: .875rem 0;
   border-bottom: 1px solid #1e1e1e
}

.calculator-results .calculator-results__item:nth-last-child(-n+2) {
   border-bottom-width: 3px
}

@media (max-width: 991.98px) {
   .calculator-results .calculator-results__item:nth-last-child(-n+2) {
      border-bottom-width: 2px
   }
}

.calendar-picker {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: flex-start
}

.calendar-picker__title {
   margin-right: .5rem
}

@media (max-width: 767.98px) {
   .calendar-picker__title {
      min-width: 125px
   }
}

.calendar-picker__form-group {
   display: flex;
   flex-direction: row;
   align-items: center;
   margin: 0 !important
}

@media (max-width: 991.98px) {
   .calendar-picker__form-group {
      margin-right: 1rem !important
   }
}

.calendar-picker__form-group .v-input input {
   display: block;
   width: 100%;
   height: 40px;
   max-height: 40px;
   font-weight: 700;
   padding: .375rem 0;
   background-color: transparent;
   border-radius: 0;
   max-width: 120px
}

.calendar-picker__form-group .v-input input::-webkit-input-placeholder {
   font-size: .875rem
}

.calendar-picker__form-group .v-input input::-moz-placeholder {
   font-size: .875rem
}

.calendar-picker__form-group .v-input input:-ms-input-placeholder {
   font-size: .875rem
}

.calendar-picker__form-group .v-input input::-ms-input-placeholder {
   font-size: .875rem
}

.calendar-picker__form-group .v-input input::placeholder {
   font-size: .875rem
}

.calendar-picker__form-group .v-input__slot {
   margin-bottom: 0
}

.calendar-picker__form-group .v-input__append-inner {
   position: absolute;
   right: -2px;
   pointer-events: none
}

.calendar-picker__form-group .v-text-field>.v-input__control>.v-input__slot:before,
.calendar-picker__form-group .v-text-field>.v-input__control>.v-input__slot:after {
   display: none
}

.calendar-picker__form-group .v-input {
   padding: 0;
   margin: 0 .5rem 0 0
}

.calendar-picker__form-group .v-icon {
   font-size: 18px;
   color: #fa0505
}

.calendar-picker__form-group .v-input__icon {
   height: 25px;
   line-height: 10px
}

.calendar-picker__form-group .v-text-field__details {
   min-height: unset
}

.date-range {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: flex-start;
   border-bottom: 1px solid #000
}

.date-range__title {
   margin-right: .5rem
}

.date-range__button {
   color: #000;
   background-color: transparent;
   display: inline-block;
   padding: 0 .875rem;
   font-size: 1rem;
   font-weight: 700;
   line-height: 45px;
   border-radius: 0;
   cursor: pointer;
   touch-action: manipulation;
   height: 45px;
   margin-bottom: -1px;
   border-bottom: 1px solid transparent;
   transition: all .3s
}

@media (max-width: 1399.98px) {
   .date-range__button {
      padding: 0 .5rem
   }
}

@media (max-width: 767.98px) {
   .date-range__button {
      font-size: small
   }
}

.date-range__button:hover,
.date-range__button:focus,
.date-range__button:active {
   color: #fa0505;
   outline: none !important
}

.date-range__button.active {
   border-bottom: 3px solid #fa0505;
   color: #fa0505
}

.frequency-picker {
   display: flex;
   flex-direction: row;
   align-items: center
}

.frequency-picker .v-input__control {
   font-weight: 700;
   flex-direction: row
}

.frequency-picker .v-input {
   padding: 0;
   margin: 0
}

.frequency-picker .v-icon {
   color: #fa0505
}

.frequency-picker .v-input .v-label {
   margin: 0
}

.frequency-picker .v-input__slot {
   box-shadow: none !important;
   background-color: transparent !important;
   margin-bottom: 0 !important;
   padding: 0 !important;
   max-width: 120px
}

.frequency-picker .v-input__slot:before {
   display: none
}

.frequency-picker .v-text-field__details {
   padding: 0 !important;
   margin: 0;
   min-height: auto;
   max-width: 120px !important
}

.frequency-picker__title {
   margin-bottom: 0;
   margin-right: 1rem
}

html[lang=en] .stock-chart__type-radio .custom-control-label {
   font-weight: 700;
   font-size: .9375rem
}

@media (max-width: 767.98px) {
   html[lang=en] .stock-chart__type-radio .custom-control-label {
      font-size: .875rem
   }
}

html[lang=th] .stock-chart__type-radio .custom-control-label {
   font-weight: 700;
   font-size: .9375rem
}

@media (max-width: 767.98px) {
   html[lang=th] .stock-chart__type-radio .custom-control-label {
      font-size: .875rem
   }
}

.stock-chart {
   background-color: transparent;
   padding: 0
}

.stock-chart__filter {
   display: flex;
   flex-direction: row;
   border-bottom: 1px solid #000;
   flex-wrap: wrap
}

@media (max-width: 991.98px) {
   .stock-chart__filter {
      flex-direction: column
   }
}

.stock-chart__type {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 100%;
   max-width: 100%;
   width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   margin-bottom: 1rem
}

.stock-chart__type-title {
   margin-right: 10px
}

@media (max-width: 767.98px) {
   .stock-chart__type-title {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%;
      width: 100%;
      margin-bottom: 5px
   }
}

@media (max-width: 767.98px) {
   .stock-chart__type-option {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%;
      width: 100%
   }
}

.stock-chart__type-radio {
   display: inline-block;
   padding: 0;
   margin-right: 5px
}

.stock-chart__type-radio .custom-control-label {
   display: flex;
   align-items: center;
   justify-content: center;
   min-width: 75px;
   height: 30px;
   padding: 3px 15px 0;
   color: #000;
   text-align: center;
   background-color: transparent;
   border: 1px solid #000;
   border-radius: 20px;
   transition: all .3s ease-in-out;
   cursor: pointer
}

@media (max-width: 767.98px) {
   .stock-chart__type-radio .custom-control-label {
      min-width: 70px
   }
}

.stock-chart__type-radio .custom-control-label:before,
.stock-chart__type-radio .custom-control-label:after {
   display: none
}

.stock-chart__type-radio .custom-control-label:hover {
   color: #fff;
   background-color: #fa0505;
   border-color: #fa0505
}

.stock-chart__type-radio .custom-control-input:checked~.custom-control-label {
   color: #fff;
   background-color: #000;
   border-color: #000
}

.stock-chart__date-range {
   margin-right: 1.5rem
}

@media (max-width: 991.98px) {
   .stock-chart__date-range {
      margin-bottom: 1rem
   }
}

@media (max-width: 767.98px) {
   .stock-chart__date-range {
      margin-right: 0;
      border-bottom: 1px solid #000
   }
}

.stock-chart__calendar-picker {
   margin-left: auto
}

@media (max-width: 991.98px) {
   .stock-chart__calendar-picker {
      margin-left: 0
   }
}

@media (max-width: 767.98px) {
   .stock-chart__calendar-picker {
      flex-direction: column;
      align-items: flex-start
   }
}

.stock-chart__echarts {
   width: 100%;
   height: 650px;
   margin-bottom: 3rem
}

@media (max-width: 991.98px) {
   .stock-chart__echarts {
      height: 450px
   }
}

html[lang=en] .echarts-tooltip {
   font-family: CPN, sans-serif;
   font-size: 1rem
}

@media (max-width: 1399.98px) {
   html[lang=en] .echarts-tooltip {
      font-size: .9375rem
   }
}

html[lang=th] .echarts-tooltip {
   font-family: CPN, sans-serif;
   font-size: 1rem
}

@media (max-width: 1399.98px) {
   html[lang=th] .echarts-tooltip {
      font-size: .9375rem
   }
}

.stock-chart__echarts .echarts-tooltip {
   background-color: #000;
   color: #fff;
   text-align: center;
   width: 230px;
   border: none;
   padding: 1rem
}

.stock-chart__echarts .echarts-tooltip__header {
   font-weight: 700;
   margin-bottom: .65rem
}

.stock-chart__echarts .echarts-tooltip__volume {
   border-bottom: 1px solid #fff;
   padding-bottom: .25rem;
   margin: .5rem 0
}

html[lang=en] .echarts-tooltip__last-done {
   font-size: 2.25rem;
   font-weight: 700;
   line-height: 1.2
}

@media (max-width: 1640px) {
   html[lang=en] .echarts-tooltip__last-done {
      font-size: calc(1.125rem + 1.0975609756vw)
   }
}

@media (max-width: 991.98px) {
   html[lang=en] .echarts-tooltip__last-done {
      font-size: 2.375rem
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=en] .echarts-tooltip__last-done {
      font-size: calc(1.1375rem + 1.2073170732vw)
   }
}

html[lang=th] .echarts-tooltip__last-done {
   font-size: 2.25rem;
   font-weight: 700;
   line-height: 1.2
}

@media (max-width: 1640px) {
   html[lang=th] .echarts-tooltip__last-done {
      font-size: calc(1.125rem + 1.0975609756vw)
   }
}

@media (max-width: 991.98px) {
   html[lang=th] .echarts-tooltip__last-done {
      font-size: 2.375rem
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=th] .echarts-tooltip__last-done {
      font-size: calc(1.1375rem + 1.2073170732vw)
   }
}

.stock-chart__echarts .echarts-tooltip__last-done {
   margin: .15rem 0 .25rem
}

.accordion--resource-center .accordion__item {
   padding: 0;
   cursor: pointer
}

.accordion--resource-center .accordion__item:first-child .accordion__header[aria-expanded=true] {
   background: #3c3d41;
   border-color: #3c3d41
}

.accordion--resource-center .accordion__content {
   margin-top: -3px;
   border-top-color: #292929;
   padding: 0 0 1.25rem
}

.accordion--resource-center .accordion__header {
   padding-left: 1rem;
   padding-right: 1rem;
   background: #1e1e1e
}

.accordion--resource-center .accordion__header[aria-expanded=true] {
   background: #3c3d41;
   border-color: #3c3d41
}

.dropdown.dropdown--resource {
   padding: .875rem 1rem .65rem;
   background-color: transparent;
   border: 1px solid #fff;
   border-radius: 26px
}

.dropdown.dropdown--resource .dropdown-toggle {
   position: relative;
   display: block;
   width: 100%;
   text-align: left
}

.dropdown.dropdown--resource .dropdown-toggle:after {
   display: none
}

.dropdown.dropdown--resource .dropdown-toggle[aria-expanded=true] .dropdown__toggle-icon {
   -webkit-transform: rotate(-180deg);
   transform: rotate(-180deg)
}

.dropdown.dropdown--resource .dropdown__toggle-icon {
   font-family: "Font Awesome 6 Pro" !important;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   display: inline-block;
   font-style: normal;
   -webkit-font-feature-settings: normal;
   font-feature-settings: normal;
   font-variant: normal;
   text-rendering: auto;
   line-height: 1;
   font-weight: 300;
   position: absolute;
   top: 0;
   right: 0;
   color: #fa0505;
   font-size: 1.125rem;
   border: none;
   -webkit-transform: rotate(0deg);
   transform: rotate(0);
   transition: -webkit-transform .3s ease-in-out;
   transition: transform .3s ease-in-out;
   transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.dropdown.dropdown--resource .dropdown__toggle-icon:before {
   content: "\f107"
}

.dropdown.dropdown--resource .dropdown-menu {
   overflow: hidden;
   overflow-y: auto;
   width: 100%;
   min-width: auto;
   height: 200px;
   padding: .5rem 1rem;
   margin-top: 5px;
   border-color: 1px solid #fff;
   border-radius: 5px
}

.dropdown.dropdown--resource .dropdown-menu .custom-checkbox {
   display: block;
   margin-bottom: 5px;
   margin-right: 5px
}

@media (max-width: 1399.98px) {
   .dropdown.dropdown--resource .dropdown-menu .custom-checkbox {
      margin-right: 0
   }
}

@media (max-width: 767.98px) {
   .dropdown.dropdown--resource .dropdown-menu .custom-checkbox {
      margin-right: 10px
   }
}

.dropdown.dropdown--resource .dropdown-menu .custom-control-label {
   color: #000
}

.dropdown.dropdown--resource .dropdown-menu .custom-control-label:before {
   border-color: #000
}

.dropdown.dropdown--resource .dropdown-menu .custom-control-input:checked~.custom-control-label:before {
   color: #000;
   border-color: #000;
   background-color: transparent
}

.dropdown.dropdown--resource .dropdown-menu .custom-checkbox .custom-control-input:checked~.custom-control-label:after {
   border-left-color: #000;
   border-bottom-color: #000
}

.form-group--resource {
   margin-bottom: .75rem !important
}

html[lang=en] .list-group--resource .list-group__title {
   font-weight: 400;
   font-size: 1rem
}

@media (min-width: 992px)and (max-width: 1199.98px) {
   html[lang=en] .list-group--resource .list-group__title {
      font-size: .9375rem
   }
}

html[lang=en] .list-group--resource .list-group__financial-title {
   font-weight: 700;
   font-size: 1.125rem
}

@media (max-width: 767.98px) {
   html[lang=en] .list-group--resource .list-group__financial-title {
      font-size: 1.0625rem
   }
}

@media only screen and (min-width: 300px)and (max-width: 349px)and (orientation: portrait) {
   html[lang=en] .list-group--resource .list-group__financial-title {
      font-size: 1rem
   }
}

html[lang=en] .list-group--resource .list-group__headline {
   font-family: CPN, sans-serif;
   font-size: 1.25rem;
   font-weight: 700;
   line-height: 1
}

@media (max-width: 1640px) {
   html[lang=en] .list-group--resource .list-group__headline {
      font-size: calc(1.025rem + .2195121951vw)
   }
}

@media (max-width: 767.98px) {
   html[lang=en] .list-group--resource .list-group__headline {
      font-size: 1.0625rem
   }
}

@media (max-width: 767.98px)and (max-width: 1640px) {
   html[lang=en] .list-group--resource .list-group__headline {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (min-width: 992px)and (max-width: 1199.98px) {
   html[lang=en] .list-group--resource .list-group__headline {
      font-size: 1.125rem
   }
}

@media (max-width: 767.98px) {
   html[lang=en] .list-group--resource .list-group__headline {
      font-size: 1.0625rem;
      line-height: 1.3
   }
}

html[lang=th] .list-group--resource .list-group__title {
   font-weight: 400;
   font-size: 1rem
}

@media (min-width: 992px)and (max-width: 1199.98px) {
   html[lang=th] .list-group--resource .list-group__title {
      font-size: .9375rem
   }
}

html[lang=th] .list-group--resource .list-group__financial-title {
   font-weight: 700;
   font-size: 1.125rem
}

@media (max-width: 767.98px) {
   html[lang=th] .list-group--resource .list-group__financial-title {
      font-size: 1.0625rem
   }
}

@media only screen and (min-width: 300px)and (max-width: 349px)and (orientation: portrait) {
   html[lang=th] .list-group--resource .list-group__financial-title {
      font-size: 1rem
   }
}

html[lang=th] .list-group--resource .list-group__headline {
   font-family: CPN, sans-serif;
   font-size: 1.25rem;
   font-weight: 700;
   line-height: 1
}

@media (max-width: 1640px) {
   html[lang=th] .list-group--resource .list-group__headline {
      font-size: calc(1.025rem + .2195121951vw)
   }
}

@media (max-width: 767.98px) {
   html[lang=th] .list-group--resource .list-group__headline {
      font-size: 1.0625rem
   }
}

@media (max-width: 767.98px)and (max-width: 1640px) {
   html[lang=th] .list-group--resource .list-group__headline {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (min-width: 992px)and (max-width: 1199.98px) {
   html[lang=th] .list-group--resource .list-group__headline {
      font-size: 1.125rem
   }
}

@media (max-width: 767.98px) {
   html[lang=th] .list-group--resource .list-group__headline {
      font-size: 1.0625rem;
      line-height: 1.3
   }
}

.list-group--resource .list-group__title {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 65%;
   max-width: 65%;
   width: 100%;
   margin-bottom: 0
}

@media (max-width: 1399.98px) {
   .list-group--resource .list-group__title {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 60%;
      max-width: 60%;
      width: 100%
   }
}

@media (max-width: 1199.98px) {
   .list-group--resource .list-group__title {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 55%;
      max-width: 55%;
      width: 100%
   }
}

@media (max-width: 767.98px) {
   .list-group--resource .list-group__title {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%;
      width: 100%;
      margin-bottom: .2rem
   }
}

.list-group--resource .list-group__financial-title {
   padding: 1rem 0 0 1rem;
   margin-bottom: 0
}

@media (max-width: 767.98px) {
   .list-group--resource .list-group__financial-title {
      padding-left: .75rem
   }
}

.list-group--resource .list-group__headline {
   padding-top: .15rem;
   margin-bottom: 0;
   text-transform: uppercase
}

.list-group--resource .list-group__header {
   padding: 1.15rem 0 1.15rem 1rem;
   border-top: 2px solid #fff;
   border-bottom: 2px solid #fff
}

@media (max-width: 767.98px) {
   .list-group--resource .list-group__header {
      padding-left: .75rem
   }
}

.list-group--resource .list-group__item {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
   padding: .875rem 0 .875rem 2.75rem;
   border-bottom: 1px solid rgba(255, 255, 255, .5);
   background: transparent
}

@media (max-width: 1399.98px) {
   .list-group--resource .list-group__item {
      padding-left: 1.75rem
   }
}

@media (max-width: 1199.98px) {
   .list-group--resource .list-group__item {
      padding-left: 1rem
   }
}

@media (max-width: 767.98px) {
   .list-group--resource .list-group__item {
      flex-wrap: wrap;
      padding-left: .75rem
   }
}

.list-group--resource .list-group__item:last-child {
   border-bottom: 0
}

.list-group--resource .list-group__financial-list .list-group__item:last-child {
   border-bottom: 1px solid rgba(255, 255, 255, .5)
}

.list-group--resource .list-group__financial {
   padding-bottom: .75rem
}

@media (max-width: 767.98px) {
   .list-group--resource .list-group__financial {
      padding-bottom: .5rem
   }
}

.list-group--resource .list-group__financial .list-group__item:last-child {
   border-bottom: 1px solid rgba(255, 255, 255, .5)
}

.list-group--resource .list-group__btn-group {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 35%;
   max-width: 35%;
   width: 100%;
   display: flex;
   flex-direction: row;
   justify-content: flex-end
}

@media (max-width: 1399.98px) {
   .list-group--resource .list-group__btn-group {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 40%;
      max-width: 40%;
      width: 100%
   }
}

@media (max-width: 1199.98px) {
   .list-group--resource .list-group__btn-group {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 45%;
      max-width: 45%;
      width: 100%
   }
}

@media (max-width: 767.98px) {
   .list-group--resource .list-group__btn-group {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%;
      width: 100%;
      justify-content: flex-start
   }
}

.list-group--resource .list-group__btn-group .btn:not(:first-child) {
   margin-left: 1.25rem
}

@media (max-width: 1399.98px) {
   .list-group--resource .list-group__btn-group .btn:not(:first-child) {
      margin-left: 1rem
   }
}

@media (max-width: 1199.98px) {
   .list-group--resource .list-group__btn-group .btn:not(:first-child) {
      margin-left: .75rem
   }
}

@media (max-width: 767.98px) {
   .list-group--resource .list-group__btn-group .btn:not(:first-child) {
      margin-left: 1.15rem
   }
}

@media only screen and (min-width: 300px)and (max-width: 349px)and (orientation: portrait) {
   .list-group--resource .list-group__btn-group .btn:not(:first-child) {
      margin-left: 1rem
   }
}

.list-group--resource .list-group__btn-group .btn .btn__title {
   margin-right: .375rem !important
}

html[lang=en] .resource-center label.custom-control-label {
   font-family: CPN, sans-serif;
   font-weight: 700;
   font-size: .9375rem
}

@media (max-width: 1399.98px) {
   html[lang=en] .resource-center label.custom-control-label {
      font-size: .875rem
   }
}

html[lang=en] .resource-center .resource-center__collapse .custom-control-label {
   font-weight: 400
}

@media (min-width: 992px)and (max-width: 1199.98px) {
   html[lang=en] .resource-center .resource-center__collapse .custom-control-label {
      font-size: .875rem
   }
}

html[lang=th] .resource-center label.custom-control-label {
   font-family: CPN, sans-serif;
   font-weight: 700;
   font-size: .9375rem
}

@media (max-width: 1399.98px) {
   html[lang=th] .resource-center label.custom-control-label {
      font-size: .875rem
   }
}

html[lang=th] .resource-center .resource-center__collapse .custom-control-label {
   font-weight: 400
}

@media (min-width: 992px)and (max-width: 1199.98px) {
   html[lang=th] .resource-center .resource-center__collapse .custom-control-label {
      font-size: .875rem
   }
}

.resource-center {
   position: relative;
   height: 100%;
   overflow: visible
}

@media (min-width: 1200px) {
   .resource-center .resource-center__category-col {
      flex: 0 0 35%;
      max-width: 35%
   }
}

@media (min-width: 1400px) {
   .resource-center .resource-center__category-col {
      flex: 0 0 28%;
      max-width: 28%
   }
}

@media (min-width: 1200px) {
   .resource-center .resource-center__body-col {
      flex: 0 0 65%;
      max-width: 65%
   }
}

@media (min-width: 1400px) {
   .resource-center .resource-center__body-col {
      flex: 0 0 72%;
      max-width: 72%
   }
}

.resource-center .resource-center__category {
   position: -webkit-sticky;
   position: sticky;
   z-index: 2;
   top: 5rem;
   padding: 2.5rem 1.75rem 2.75rem;
   border-radius: 5px;
   background: #1e1e1e;
   box-shadow: none
}

@media (max-width: 991.98px) {
   .resource-center .resource-center__category {
      position: relative;
      top: unset;
      margin-bottom: 2.5rem;
      padding: 3.75rem 6rem 3rem
   }
}

@media (max-width: 767.98px) {
   .resource-center .resource-center__category {
      padding: 1.5rem 1.25rem 1.25rem
   }
}

.resource-center .resource-center__body {
   padding-left: 1.75rem
}

@media (max-width: 1399.98px) {
   .resource-center .resource-center__body {
      padding-left: 1rem
   }
}

@media (max-width: 1199.98px) {
   .resource-center .resource-center__body {
      padding-left: .5rem
   }
}

@media (max-width: 991.98px) {
   .resource-center .resource-center__body {
      margin-bottom: 1.25rem
   }
}

@media (max-width: 767.98px) {
   .resource-center .resource-center__body {
      margin-bottom: 1rem
   }
}

.resource-center .resource-center__text-no-result-found {
   margin-top: 3.25rem;
   text-align: center
}

@media (min-width: 992px) {
   .resource-center .resource-center__text-no-result-found {
      text-align: left
   }
}

@media (max-width: 991.98px) {
   .resource-center .resource-center__text-no-result-found {
      margin: 1.5rem 0 4rem
   }
}

@media (max-width: 767.98px) {
   .resource-center .resource-center__text-no-result-found {
      margin: 1rem 0 .75rem
   }
}

.resource-center .resource-center__btn-icon {
   font-family: "Font Awesome 6 Pro" !important;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   display: inline-block;
   font-style: normal;
   -webkit-font-feature-settings: normal;
   font-feature-settings: normal;
   font-variant: normal;
   text-rendering: auto;
   line-height: 1;
   font-weight: 400;
   width: 40px;
   margin: 0;
   padding: 0 .5rem;
   color: #fa0505;
   font-size: 1rem;
   text-align: right
}

.resource-center .resource-center__btn-icon:before {
   content: "\f078"
}

@media (max-width: 767.98px) {
   .resource-center .resource-center__btn-icon {
      line-height: 40px
   }
}

.resource-center .resource-center__btn-icon:before {
   display: inline-block;
   -webkit-transform: rotate(0);
   transform: rotate(0);
   transition: -webkit-transform .4s ease-in-out;
   transition: transform .4s ease-in-out;
   transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out
}

.resource-center .resource-center__header {
   display: none;
   text-align: center;
   background-color: transparent;
   border-radius: 0
}

@media (max-width: 991.98px) {
   .resource-center .resource-center__header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 .375rem 0 1rem
   }
}

@media (max-width: 767.98px) {
   .resource-center .resource-center__header {
      padding-top: 0
   }
}

.resource-center .resource-center__header[aria-expanded=true] .resource-center__btn-icon:before {
   -webkit-transform: rotate(-180deg);
   transform: rotate(-180deg)
}

@media (min-width: 768px)and (max-width: 991.98px) {
   .resource-center .resource-center__collapse {
      padding: 0
   }
}

@media (min-width: 992px) {
   .resource-center .resource-center__collapse.collapse:not(.show) {
      display: block
   }
}

.resource-center .resource-center__collapse .resource-center__wrapper {
   padding: 0 0 .75rem
}

@media (max-width: 991.98px) {
   .resource-center .resource-center__collapse .resource-center__wrapper {
      padding: .5rem 0 0
   }
}

.resource-center .resource-center__button {
   margin-top: .25rem
}

@media (max-width: 1399.98px) {
   .resource-center .resource-center__button {
      margin-top: .25rem
   }
}

@media (max-width: 991.98px) {
   .resource-center .resource-center__button {
      margin-top: 1rem
   }
}

.resource-center .resource-center__btn-underline {
   position: relative
}

.resource-center .resource-center__btn-title {
   text-underline-offset: 2px;
   text-decoration: underline !important
}

.resource-center .resource-center__btn-title:hover {
   color: #fa0505;
   text-decoration: underline !important
}

html[lang=en] body {
   font-family: CPN, sans-serif;
   font-size: 1.0625rem;
   font-weight: 400;
   line-height: 1.5
}

@media (max-width: 1640px) {
   html[lang=en] body {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=en] body {
      font-size: 1rem
   }
}

html[lang=en] h1,
html[lang=en] .h1 {
   font-family: CPN, sans-serif;
   font-size: 3.4375rem;
   font-weight: 700;
   line-height: 1.2
}

@media (max-width: 1640px) {

   html[lang=en] h1,
   html[lang=en] .h1 {
      font-size: calc(1.24375rem + 2.1402439024vw)
   }
}

html[lang=en] h2,
html[lang=en] .h2 {
   font-family: CPN, sans-serif;
   font-size: 2.5rem;
   font-weight: 700;
   line-height: 1.2
}

@media (max-width: 1640px) {

   html[lang=en] h2,
   html[lang=en] .h2 {
      font-size: calc(1.15rem + 1.3170731707vw)
   }
}

@media (max-width: 991.98px) {

   html[lang=en] h2,
   html[lang=en] .h2 {
      font-size: 2.625rem
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {

   html[lang=en] h2,
   html[lang=en] .h2 {
      font-size: calc(1.1625rem + 1.4268292683vw)
   }
}

html[lang=en] h3,
html[lang=en] .h3 {
   font-family: CPN, sans-serif;
   font-size: 2.25rem;
   font-weight: 700;
   line-height: 1.2
}

@media (max-width: 1640px) {

   html[lang=en] h3,
   html[lang=en] .h3 {
      font-size: calc(1.125rem + 1.0975609756vw)
   }
}

@media (max-width: 991.98px) {

   html[lang=en] h3,
   html[lang=en] .h3 {
      font-size: 2.375rem
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {

   html[lang=en] h3,
   html[lang=en] .h3 {
      font-size: calc(1.1375rem + 1.2073170732vw)
   }
}

html[lang=en] h4,
html[lang=en] .h4 {
   font-family: CPN, sans-serif;
   font-size: 1.75rem;
   font-weight: 700;
   line-height: 1.3
}

@media (max-width: 1640px) {

   html[lang=en] h4,
   html[lang=en] .h4 {
      font-size: calc(1.075rem + .6585365854vw)
   }
}

html[lang=en] h5,
html[lang=en] .h5 {
   font-family: CPN, sans-serif;
   font-size: 1.5625rem;
   font-weight: 700;
   line-height: 1.4
}

@media (max-width: 1640px) {

   html[lang=en] h5,
   html[lang=en] .h5 {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

@media (max-width: 1399.98px) {

   html[lang=en] h5,
   html[lang=en] .h5 {
      font-size: 1.375rem
   }
}

@media (max-width: 1399.98px)and (max-width: 1640px) {

   html[lang=en] h5,
   html[lang=en] .h5 {
      font-size: calc(1.0375rem + .3292682927vw)
   }
}

@media (max-width: 1199.98px) {

   html[lang=en] h5,
   html[lang=en] .h5 {
      font-size: 1.5625rem
   }
}

@media (max-width: 1199.98px)and (max-width: 1640px) {

   html[lang=en] h5,
   html[lang=en] .h5 {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

html[lang=en] h6,
html[lang=en] .h6 {
   font-family: CPN, sans-serif;
   font-size: 1.25rem;
   font-weight: 700;
   line-height: 1.5
}

@media (max-width: 1640px) {

   html[lang=en] h6,
   html[lang=en] .h6 {
      font-size: calc(1.025rem + .2195121951vw)
   }
}

@media (max-width: 767.98px) {

   html[lang=en] h6,
   html[lang=en] .h6 {
      font-size: 1.0625rem
   }
}

@media (max-width: 767.98px)and (max-width: 1640px) {

   html[lang=en] h6,
   html[lang=en] .h6 {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

html[lang=en] .display-1 {
   font-family: CPN, sans-serif;
   font-size: 4.5rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=en] .display-1 {
      font-size: calc(1.35rem + 3.0731707317vw)
   }
}

html[lang=en] .lead {
   font-family: CPN, sans-serif;
   font-size: 1.0625rem;
   font-weight: 400;
   line-height: 1.5
}

@media (max-width: 1640px) {
   html[lang=en] .lead {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=en] .lead {
      font-size: 1rem
   }
}

html[lang=en] .small,
html[lang=en] small {
   font-size: .875rem;
   font-weight: 400
}

html[lang=en] .font-weight-light {
   font-weight: 300 !important
}

html[lang=en] .font-weight-normal {
   font-weight: 400 !important
}

html[lang=en] .font-weight-medium {
   font-weight: 500 !important
}

html[lang=en] .font-weight-bold {
   font-weight: 700 !important
}

html[lang=th] body {
   font-family: CPN, sans-serif;
   font-size: 1.0625rem;
   font-weight: 400;
   line-height: 1.5
}

@media (max-width: 1640px) {
   html[lang=th] body {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=th] body {
      font-size: 1rem
   }
}

html[lang=th] h1,
html[lang=th] .h1 {
   font-family: CPN, sans-serif;
   font-size: 3.4375rem;
   font-weight: 700;
   line-height: 1.5
}

@media (max-width: 1640px) {

   html[lang=th] h1,
   html[lang=th] .h1 {
      font-size: calc(1.24375rem + 2.1402439024vw)
   }
}

html[lang=th] h2,
html[lang=th] .h2 {
   font-family: CPN, sans-serif;
   font-size: 2.5rem;
   font-weight: 700;
   line-height: 1.5
}

@media (max-width: 1640px) {

   html[lang=th] h2,
   html[lang=th] .h2 {
      font-size: calc(1.15rem + 1.3170731707vw)
   }
}

@media (max-width: 991.98px) {

   html[lang=th] h2,
   html[lang=th] .h2 {
      font-size: 2.625rem
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {

   html[lang=th] h2,
   html[lang=th] .h2 {
      font-size: calc(1.1625rem + 1.4268292683vw)
   }
}

html[lang=th] h3,
html[lang=th] .h3 {
   font-family: CPN, sans-serif;
   font-size: 2.25rem;
   font-weight: 700;
   line-height: 1.5
}

@media (max-width: 1640px) {

   html[lang=th] h3,
   html[lang=th] .h3 {
      font-size: calc(1.125rem + 1.0975609756vw)
   }
}

@media (max-width: 991.98px) {

   html[lang=th] h3,
   html[lang=th] .h3 {
      font-size: 2.375rem
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {

   html[lang=th] h3,
   html[lang=th] .h3 {
      font-size: calc(1.1375rem + 1.2073170732vw)
   }
}

html[lang=th] h4,
html[lang=th] .h4 {
   font-family: CPN, sans-serif;
   font-size: 1.75rem;
   font-weight: 700;
   line-height: 1.5
}

@media (max-width: 1640px) {

   html[lang=th] h4,
   html[lang=th] .h4 {
      font-size: calc(1.075rem + .6585365854vw)
   }
}

html[lang=th] h5,
html[lang=th] .h5 {
   font-family: CPN, sans-serif;
   font-size: 1.5625rem;
   font-weight: 700;
   line-height: 1.4
}

@media (max-width: 1640px) {

   html[lang=th] h5,
   html[lang=th] .h5 {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

@media (max-width: 1399.98px) {

   html[lang=th] h5,
   html[lang=th] .h5 {
      font-size: 1.375rem
   }
}

@media (max-width: 1399.98px)and (max-width: 1640px) {

   html[lang=th] h5,
   html[lang=th] .h5 {
      font-size: calc(1.0375rem + .3292682927vw)
   }
}

@media (max-width: 1199.98px) {

   html[lang=th] h5,
   html[lang=th] .h5 {
      font-size: 1.5625rem
   }
}

@media (max-width: 1199.98px)and (max-width: 1640px) {

   html[lang=th] h5,
   html[lang=th] .h5 {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

html[lang=th] h6,
html[lang=th] .h6 {
   font-family: CPN, sans-serif;
   font-size: 1.25rem;
   font-weight: 700;
   line-height: 1.5
}

@media (max-width: 1640px) {

   html[lang=th] h6,
   html[lang=th] .h6 {
      font-size: calc(1.025rem + .2195121951vw)
   }
}

@media (max-width: 767.98px) {

   html[lang=th] h6,
   html[lang=th] .h6 {
      font-size: 1.0625rem
   }
}

@media (max-width: 767.98px)and (max-width: 1640px) {

   html[lang=th] h6,
   html[lang=th] .h6 {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

html[lang=th] .display-1 {
   font-family: CPN, sans-serif;
   font-size: 4.5rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=th] .display-1 {
      font-size: calc(1.35rem + 3.0731707317vw)
   }
}

html[lang=th] .lead {
   font-family: CPN, sans-serif;
   font-size: 1.0625rem;
   font-weight: 400;
   line-height: 1.5
}

@media (max-width: 1640px) {
   html[lang=th] .lead {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=th] .lead {
      font-size: 1rem
   }
}

html[lang=th] .small,
html[lang=th] small {
   font-size: .875rem;
   font-weight: 400
}

html[lang=th] .font-weight-light {
   font-weight: 300 !important
}

html[lang=th] .font-weight-normal {
   font-weight: 400 !important
}

html[lang=th] .font-weight-medium {
   font-weight: 500 !important
}

html[lang=th] .font-weight-bold {
   font-weight: 700 !important
}

.text-black {
   color: #000 !important
}

.text-white {
   color: #fff !important
}

.text-white-50 {
   color: #ffffff80 !important
}

.text-body-color {
   color: #fff !important
}

.text-red-100 {
   color: #ffe8e8 !important
}

.text-red-200 {
   color: #febbbb !important
}

.text-red-300 {
   color: #fc7777 !important
}

.text-red-400 {
   color: #fb4949 !important
}

.text-red-500 {
   color: #fa0505 !important
}

.text-red-600 {
   color: #7b1315 !important
}

.text-red-700 {
   color: #641011 !important
}

.text-red-800 {
   color: #380909 !important
}

.text-red-900 {
   color: #210506 !important
}

.text-blue-500 {
   color: #00005e !important
}

.text-grey-100 {
   color: #f3f3f3 !important
}

.text-grey-200 {
   color: #e0e0e0 !important
}

.text-grey-300 {
   color: #b6b7bc !important
}

.text-grey-400 {
   color: #808289 !important
}

.text-grey-500 {
   color: #3c3d41 !important
}

.text-grey-600 {
   color: #292929 !important
}

.text-grey-700 {
   color: #1e1e1e !important
}

.text-grey-800 {
   color: #0c0c0c !important
}

.text-grey-900 {
   color: #0d0d0d !important
}

.text-sd-stakeholders {
   color: #e13427 !important
}

.text-sd-employees {
   color: #2f642d !important
}

.text-sd-suppliers {
   color: #494a4b !important
}

.text-sd-customers {
   color: #cf5b3b !important
}

.text-sd-creditors {
   color: #2755b4 !important
}

.text-sd-government {
   color: #0b0c0d !important
}

.text-sd-communities {
   color: #020c7a !important
}

.text-sd-people {
   color: #a90b1d !important
}

.text-sd-prosperity {
   color: #042d58 !important
}

.text-sd-planet {
   color: #277f34 !important
}

.text-sd-partnerships {
   color: #f28416 !important
}

.text-sd-featured-story {
   color: #84521f !important
}

.text-sd-reduce {
   color: #f9bd15 !important
}

.text-sd-navigate {
   color: #2673bf !important
}

.text-sd-eco {
   color: #25c149 !important
}

.text-sd-waste {
   color: #a0895d !important
}

.text-light-green-10 {
   color: #7a9a82 !important
}

.text-green-10 {
   color: #67903d !important
}

.text-bg-understanding-crc {
   color: #033b90 !important
}

.heading--hastag {
   position: relative;
   padding-bottom: 1rem;
   margin-bottom: 1.5rem
}

.heading--hastag:after {
   position: absolute;
   left: 0;
   bottom: 0;
   width: 40px;
   height: 3px;
   content: "";
   background-color: #fa0505
}

.bg-black {
   background: #000 !important
}

.bg-white {
   background: #fff !important
}

.bg-white-50 {
   background: rgba(255, 255, 255, .5) !important
}

.bg-body-color {
   background: #fff !important
}

.bg-red-100 {
   background: #ffe8e8 !important
}

.bg-red-200 {
   background: #febbbb !important
}

.bg-red-300 {
   background: #fc7777 !important
}

.bg-red-400 {
   background: #fb4949 !important
}

.bg-red-500 {
   background: #fa0505 !important
}

.bg-red-600 {
   background: #7b1315 !important
}

.bg-red-700 {
   background: #641011 !important
}

.bg-red-800 {
   background: #380909 !important
}

.bg-red-900 {
   background: #210506 !important
}

.bg-blue-500 {
   background: #00005e !important
}

.bg-grey-100 {
   background: #f3f3f3 !important
}

.bg-grey-200 {
   background: #e0e0e0 !important
}

.bg-grey-300 {
   background: #b6b7bc !important
}

.bg-grey-400 {
   background: #808289 !important
}

.bg-grey-500 {
   background: #3c3d41 !important
}

.bg-grey-600 {
   background: #292929 !important
}

.bg-grey-700 {
   background: #1e1e1e !important
}

.bg-grey-800 {
   background: #0c0c0c !important
}

.bg-grey-900 {
   background: #0d0d0d !important
}

.bg-sd-stakeholders {
   background: #e13427 !important
}

.bg-sd-employees {
   background: #2f642d !important
}

.bg-sd-suppliers {
   background: #494a4b !important
}

.bg-sd-customers {
   background: #cf5b3b !important
}

.bg-sd-creditors {
   background: #2755b4 !important
}

.bg-sd-government {
   background: #0b0c0d !important
}

.bg-sd-communities {
   background: #020c7a !important
}

.bg-sd-people {
   background: #a90b1d !important
}

.bg-sd-prosperity {
   background: #042d58 !important
}

.bg-sd-planet {
   background: #277f34 !important
}

.bg-sd-partnerships {
   background: #f28416 !important
}

.bg-sd-featured-story {
   background: #84521f !important
}

.bg-sd-reduce {
   background: #f9bd15 !important
}

.bg-sd-navigate {
   background: #2673bf !important
}

.bg-sd-eco {
   background: #25c149 !important
}

.bg-sd-waste {
   background: #a0895d !important
}

.bg-light-green-10 {
   background: #7a9a82 !important
}

.bg-green-10 {
   background: #67903d !important
}

.bg-bg-understanding-crc {
   background: #033b90 !important
}

.gr-gr-red-primary {
   background: linear-gradient(135deg, #000000 25%, #8E0C0C 91.67%) !important
}

.gr-gr-red-secondary {
   background: linear-gradient(135deg, #761315 0%, #E63C3F 100%) !important
}

.gr-gr-red-tertiary {
   background: linear-gradient(135deg, #E16363 20.83%, #E8BABA 100%) !important
}

.gr-gr-grey-primary {
   background: linear-gradient(135deg, #303030 14.58%, #818181 100%) !important
}

.gr-gr-grey-secondary,
.gr-gr-light-grey-primary {
   background: linear-gradient(135deg, #373737 6.77%, #929292 84.9%) !important
}

.gr-gr-light-grey-secondary {
   background: linear-gradient(135deg, #848484 13.02%, #C6C4C4 100%) !important
}

.bg-transparent {
   background: transparent !important
}

.bg-cover {
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat
}

.bg-contain {
   background-size: contain;
   background-repeat: no-repeat
}

a {
   outline: none !important;
   text-decoration: none !important;
   box-shadow: none !important
}

.link {
   color: #fff;
   text-decoration: underline !important;
   transition: color .3s ease-in-out
}

.link:hover {
   color: #fa0505
}

.border-t-black {
   border-top: 1px solid #000 !important
}

.border-b-black {
   border-bottom: 1px solid #000 !important
}

.border-l-black {
   border-left: 1px solid #000 !important
}

.border-r-black {
   border-right: 1px solid #000 !important
}

.border-t-white {
   border-top: 1px solid #fff !important
}

.border-b-white {
   border-bottom: 1px solid #fff !important
}

.border-l-white {
   border-left: 1px solid #fff !important
}

.border-r-white {
   border-right: 1px solid #fff !important
}

.border-t-white-50 {
   border-top: 1px solid rgba(255, 255, 255, .5) !important
}

.border-b-white-50 {
   border-bottom: 1px solid rgba(255, 255, 255, .5) !important
}

.border-l-white-50 {
   border-left: 1px solid rgba(255, 255, 255, .5) !important
}

.border-r-white-50 {
   border-right: 1px solid rgba(255, 255, 255, .5) !important
}

.border-t-body-color {
   border-top: 1px solid #fff !important
}

.border-b-body-color {
   border-bottom: 1px solid #fff !important
}

.border-l-body-color {
   border-left: 1px solid #fff !important
}

.border-r-body-color {
   border-right: 1px solid #fff !important
}

.border-t-red-100 {
   border-top: 1px solid #ffe8e8 !important
}

.border-b-red-100 {
   border-bottom: 1px solid #ffe8e8 !important
}

.border-l-red-100 {
   border-left: 1px solid #ffe8e8 !important
}

.border-r-red-100 {
   border-right: 1px solid #ffe8e8 !important
}

.border-t-red-200 {
   border-top: 1px solid #febbbb !important
}

.border-b-red-200 {
   border-bottom: 1px solid #febbbb !important
}

.border-l-red-200 {
   border-left: 1px solid #febbbb !important
}

.border-r-red-200 {
   border-right: 1px solid #febbbb !important
}

.border-t-red-300 {
   border-top: 1px solid #fc7777 !important
}

.border-b-red-300 {
   border-bottom: 1px solid #fc7777 !important
}

.border-l-red-300 {
   border-left: 1px solid #fc7777 !important
}

.border-r-red-300 {
   border-right: 1px solid #fc7777 !important
}

.border-t-red-400 {
   border-top: 1px solid #fb4949 !important
}

.border-b-red-400 {
   border-bottom: 1px solid #fb4949 !important
}

.border-l-red-400 {
   border-left: 1px solid #fb4949 !important
}

.border-r-red-400 {
   border-right: 1px solid #fb4949 !important
}

.border-t-red-500 {
   border-top: 1px solid #fa0505 !important
}

.border-b-red-500 {
   border-bottom: 1px solid #fa0505 !important
}

.border-l-red-500 {
   border-left: 1px solid #fa0505 !important
}

.border-r-red-500 {
   border-right: 1px solid #fa0505 !important
}

.border-t-red-600 {
   border-top: 1px solid #7b1315 !important
}

.border-b-red-600 {
   border-bottom: 1px solid #7b1315 !important
}

.border-l-red-600 {
   border-left: 1px solid #7b1315 !important
}

.border-r-red-600 {
   border-right: 1px solid #7b1315 !important
}

.border-t-red-700 {
   border-top: 1px solid #641011 !important
}

.border-b-red-700 {
   border-bottom: 1px solid #641011 !important
}

.border-l-red-700 {
   border-left: 1px solid #641011 !important
}

.border-r-red-700 {
   border-right: 1px solid #641011 !important
}

.border-t-red-800 {
   border-top: 1px solid #380909 !important
}

.border-b-red-800 {
   border-bottom: 1px solid #380909 !important
}

.border-l-red-800 {
   border-left: 1px solid #380909 !important
}

.border-r-red-800 {
   border-right: 1px solid #380909 !important
}

.border-t-red-900 {
   border-top: 1px solid #210506 !important
}

.border-b-red-900 {
   border-bottom: 1px solid #210506 !important
}

.border-l-red-900 {
   border-left: 1px solid #210506 !important
}

.border-r-red-900 {
   border-right: 1px solid #210506 !important
}

.border-t-blue-500 {
   border-top: 1px solid #00005e !important
}

.border-b-blue-500 {
   border-bottom: 1px solid #00005e !important
}

.border-l-blue-500 {
   border-left: 1px solid #00005e !important
}

.border-r-blue-500 {
   border-right: 1px solid #00005e !important
}

.border-t-grey-100 {
   border-top: 1px solid #f3f3f3 !important
}

.border-b-grey-100 {
   border-bottom: 1px solid #f3f3f3 !important
}

.border-l-grey-100 {
   border-left: 1px solid #f3f3f3 !important
}

.border-r-grey-100 {
   border-right: 1px solid #f3f3f3 !important
}

.border-t-grey-200 {
   border-top: 1px solid #e0e0e0 !important
}

.border-b-grey-200 {
   border-bottom: 1px solid #e0e0e0 !important
}

.border-l-grey-200 {
   border-left: 1px solid #e0e0e0 !important
}

.border-r-grey-200 {
   border-right: 1px solid #e0e0e0 !important
}

.border-t-grey-300 {
   border-top: 1px solid #b6b7bc !important
}

.border-b-grey-300 {
   border-bottom: 1px solid #b6b7bc !important
}

.border-l-grey-300 {
   border-left: 1px solid #b6b7bc !important
}

.border-r-grey-300 {
   border-right: 1px solid #b6b7bc !important
}

.border-t-grey-400 {
   border-top: 1px solid #808289 !important
}

.border-b-grey-400 {
   border-bottom: 1px solid #808289 !important
}

.border-l-grey-400 {
   border-left: 1px solid #808289 !important
}

.border-r-grey-400 {
   border-right: 1px solid #808289 !important
}

.border-t-grey-500 {
   border-top: 1px solid #3c3d41 !important
}

.border-b-grey-500 {
   border-bottom: 1px solid #3c3d41 !important
}

.border-l-grey-500 {
   border-left: 1px solid #3c3d41 !important
}

.border-r-grey-500 {
   border-right: 1px solid #3c3d41 !important
}

.border-t-grey-600 {
   border-top: 1px solid #292929 !important
}

.border-b-grey-600 {
   border-bottom: 1px solid #292929 !important
}

.border-l-grey-600 {
   border-left: 1px solid #292929 !important
}

.border-r-grey-600 {
   border-right: 1px solid #292929 !important
}

.border-t-grey-700 {
   border-top: 1px solid #1e1e1e !important
}

.border-b-grey-700 {
   border-bottom: 1px solid #1e1e1e !important
}

.border-l-grey-700 {
   border-left: 1px solid #1e1e1e !important
}

.border-r-grey-700 {
   border-right: 1px solid #1e1e1e !important
}

.border-t-grey-800 {
   border-top: 1px solid #0c0c0c !important
}

.border-b-grey-800 {
   border-bottom: 1px solid #0c0c0c !important
}

.border-l-grey-800 {
   border-left: 1px solid #0c0c0c !important
}

.border-r-grey-800 {
   border-right: 1px solid #0c0c0c !important
}

.border-t-grey-900 {
   border-top: 1px solid #0d0d0d !important
}

.border-b-grey-900 {
   border-bottom: 1px solid #0d0d0d !important
}

.border-l-grey-900 {
   border-left: 1px solid #0d0d0d !important
}

.border-r-grey-900 {
   border-right: 1px solid #0d0d0d !important
}

.border-t-sd-stakeholders {
   border-top: 1px solid #e13427 !important
}

.border-b-sd-stakeholders {
   border-bottom: 1px solid #e13427 !important
}

.border-l-sd-stakeholders {
   border-left: 1px solid #e13427 !important
}

.border-r-sd-stakeholders {
   border-right: 1px solid #e13427 !important
}

.border-t-sd-employees {
   border-top: 1px solid #2f642d !important
}

.border-b-sd-employees {
   border-bottom: 1px solid #2f642d !important
}

.border-l-sd-employees {
   border-left: 1px solid #2f642d !important
}

.border-r-sd-employees {
   border-right: 1px solid #2f642d !important
}

.border-t-sd-suppliers {
   border-top: 1px solid #494a4b !important
}

.border-b-sd-suppliers {
   border-bottom: 1px solid #494a4b !important
}

.border-l-sd-suppliers {
   border-left: 1px solid #494a4b !important
}

.border-r-sd-suppliers {
   border-right: 1px solid #494a4b !important
}

.border-t-sd-customers {
   border-top: 1px solid #cf5b3b !important
}

.border-b-sd-customers {
   border-bottom: 1px solid #cf5b3b !important
}

.border-l-sd-customers {
   border-left: 1px solid #cf5b3b !important
}

.border-r-sd-customers {
   border-right: 1px solid #cf5b3b !important
}

.border-t-sd-creditors {
   border-top: 1px solid #2755b4 !important
}

.border-b-sd-creditors {
   border-bottom: 1px solid #2755b4 !important
}

.border-l-sd-creditors {
   border-left: 1px solid #2755b4 !important
}

.border-r-sd-creditors {
   border-right: 1px solid #2755b4 !important
}

.border-t-sd-government {
   border-top: 1px solid #0b0c0d !important
}

.border-b-sd-government {
   border-bottom: 1px solid #0b0c0d !important
}

.border-l-sd-government {
   border-left: 1px solid #0b0c0d !important
}

.border-r-sd-government {
   border-right: 1px solid #0b0c0d !important
}

.border-t-sd-communities {
   border-top: 1px solid #020c7a !important
}

.border-b-sd-communities {
   border-bottom: 1px solid #020c7a !important
}

.border-l-sd-communities {
   border-left: 1px solid #020c7a !important
}

.border-r-sd-communities {
   border-right: 1px solid #020c7a !important
}

.border-t-sd-people {
   border-top: 1px solid #a90b1d !important
}

.border-b-sd-people {
   border-bottom: 1px solid #a90b1d !important
}

.border-l-sd-people {
   border-left: 1px solid #a90b1d !important
}

.border-r-sd-people {
   border-right: 1px solid #a90b1d !important
}

.border-t-sd-prosperity {
   border-top: 1px solid #042d58 !important
}

.border-b-sd-prosperity {
   border-bottom: 1px solid #042d58 !important
}

.border-l-sd-prosperity {
   border-left: 1px solid #042d58 !important
}

.border-r-sd-prosperity {
   border-right: 1px solid #042d58 !important
}

.border-t-sd-planet {
   border-top: 1px solid #277f34 !important
}

.border-b-sd-planet {
   border-bottom: 1px solid #277f34 !important
}

.border-l-sd-planet {
   border-left: 1px solid #277f34 !important
}

.border-r-sd-planet {
   border-right: 1px solid #277f34 !important
}

.border-t-sd-partnerships {
   border-top: 1px solid #f28416 !important
}

.border-b-sd-partnerships {
   border-bottom: 1px solid #f28416 !important
}

.border-l-sd-partnerships {
   border-left: 1px solid #f28416 !important
}

.border-r-sd-partnerships {
   border-right: 1px solid #f28416 !important
}

.border-t-sd-featured-story {
   border-top: 1px solid #84521f !important
}

.border-b-sd-featured-story {
   border-bottom: 1px solid #84521f !important
}

.border-l-sd-featured-story {
   border-left: 1px solid #84521f !important
}

.border-r-sd-featured-story {
   border-right: 1px solid #84521f !important
}

.border-t-sd-reduce {
   border-top: 1px solid #f9bd15 !important
}

.border-b-sd-reduce {
   border-bottom: 1px solid #f9bd15 !important
}

.border-l-sd-reduce {
   border-left: 1px solid #f9bd15 !important
}

.border-r-sd-reduce {
   border-right: 1px solid #f9bd15 !important
}

.border-t-sd-navigate {
   border-top: 1px solid #2673bf !important
}

.border-b-sd-navigate {
   border-bottom: 1px solid #2673bf !important
}

.border-l-sd-navigate {
   border-left: 1px solid #2673bf !important
}

.border-r-sd-navigate {
   border-right: 1px solid #2673bf !important
}

.border-t-sd-eco {
   border-top: 1px solid #25c149 !important
}

.border-b-sd-eco {
   border-bottom: 1px solid #25c149 !important
}

.border-l-sd-eco {
   border-left: 1px solid #25c149 !important
}

.border-r-sd-eco {
   border-right: 1px solid #25c149 !important
}

.border-t-sd-waste {
   border-top: 1px solid #a0895d !important
}

.border-b-sd-waste {
   border-bottom: 1px solid #a0895d !important
}

.border-l-sd-waste {
   border-left: 1px solid #a0895d !important
}

.border-r-sd-waste {
   border-right: 1px solid #a0895d !important
}

.border-t-light-green-10 {
   border-top: 1px solid #7a9a82 !important
}

.border-b-light-green-10 {
   border-bottom: 1px solid #7a9a82 !important
}

.border-l-light-green-10 {
   border-left: 1px solid #7a9a82 !important
}

.border-r-light-green-10 {
   border-right: 1px solid #7a9a82 !important
}

.border-t-green-10 {
   border-top: 1px solid #67903d !important
}

.border-b-green-10 {
   border-bottom: 1px solid #67903d !important
}

.border-l-green-10 {
   border-left: 1px solid #67903d !important
}

.border-r-green-10 {
   border-right: 1px solid #67903d !important
}

.border-t-bg-understanding-crc {
   border-top: 1px solid #033b90 !important
}

.border-b-bg-understanding-crc {
   border-bottom: 1px solid #033b90 !important
}

.border-l-bg-understanding-crc {
   border-left: 1px solid #033b90 !important
}

.border-r-bg-understanding-crc {
   border-right: 1px solid #033b90 !important
}

.border-t-0 {
   border-top: 0 !important
}

.border-b-0 {
   border-bottom: 0 !important
}

.border-l-0 {
   border-left: 0 !important
}

.border-r-0 {
   border-right: 0 !important
}

@media (min-width: 576px) {
   .border-t-sm-black {
      border-top: 1px solid #000 !important
   }

   .border-b-sm-black {
      border-bottom: 1px solid #000 !important
   }

   .border-l-sm-black {
      border-left: 1px solid #000 !important
   }

   .border-r-sm-black {
      border-right: 1px solid #000 !important
   }

   .border-t-sm-white {
      border-top: 1px solid #fff !important
   }

   .border-b-sm-white {
      border-bottom: 1px solid #fff !important
   }

   .border-l-sm-white {
      border-left: 1px solid #fff !important
   }

   .border-r-sm-white {
      border-right: 1px solid #fff !important
   }

   .border-t-sm-white-50 {
      border-top: 1px solid rgba(255, 255, 255, .5) !important
   }

   .border-b-sm-white-50 {
      border-bottom: 1px solid rgba(255, 255, 255, .5) !important
   }

   .border-l-sm-white-50 {
      border-left: 1px solid rgba(255, 255, 255, .5) !important
   }

   .border-r-sm-white-50 {
      border-right: 1px solid rgba(255, 255, 255, .5) !important
   }

   .border-t-sm-body-color {
      border-top: 1px solid #fff !important
   }

   .border-b-sm-body-color {
      border-bottom: 1px solid #fff !important
   }

   .border-l-sm-body-color {
      border-left: 1px solid #fff !important
   }

   .border-r-sm-body-color {
      border-right: 1px solid #fff !important
   }

   .border-t-sm-red-100 {
      border-top: 1px solid #ffe8e8 !important
   }

   .border-b-sm-red-100 {
      border-bottom: 1px solid #ffe8e8 !important
   }

   .border-l-sm-red-100 {
      border-left: 1px solid #ffe8e8 !important
   }

   .border-r-sm-red-100 {
      border-right: 1px solid #ffe8e8 !important
   }

   .border-t-sm-red-200 {
      border-top: 1px solid #febbbb !important
   }

   .border-b-sm-red-200 {
      border-bottom: 1px solid #febbbb !important
   }

   .border-l-sm-red-200 {
      border-left: 1px solid #febbbb !important
   }

   .border-r-sm-red-200 {
      border-right: 1px solid #febbbb !important
   }

   .border-t-sm-red-300 {
      border-top: 1px solid #fc7777 !important
   }

   .border-b-sm-red-300 {
      border-bottom: 1px solid #fc7777 !important
   }

   .border-l-sm-red-300 {
      border-left: 1px solid #fc7777 !important
   }

   .border-r-sm-red-300 {
      border-right: 1px solid #fc7777 !important
   }

   .border-t-sm-red-400 {
      border-top: 1px solid #fb4949 !important
   }

   .border-b-sm-red-400 {
      border-bottom: 1px solid #fb4949 !important
   }

   .border-l-sm-red-400 {
      border-left: 1px solid #fb4949 !important
   }

   .border-r-sm-red-400 {
      border-right: 1px solid #fb4949 !important
   }

   .border-t-sm-red-500 {
      border-top: 1px solid #fa0505 !important
   }

   .border-b-sm-red-500 {
      border-bottom: 1px solid #fa0505 !important
   }

   .border-l-sm-red-500 {
      border-left: 1px solid #fa0505 !important
   }

   .border-r-sm-red-500 {
      border-right: 1px solid #fa0505 !important
   }

   .border-t-sm-red-600 {
      border-top: 1px solid #7b1315 !important
   }

   .border-b-sm-red-600 {
      border-bottom: 1px solid #7b1315 !important
   }

   .border-l-sm-red-600 {
      border-left: 1px solid #7b1315 !important
   }

   .border-r-sm-red-600 {
      border-right: 1px solid #7b1315 !important
   }

   .border-t-sm-red-700 {
      border-top: 1px solid #641011 !important
   }

   .border-b-sm-red-700 {
      border-bottom: 1px solid #641011 !important
   }

   .border-l-sm-red-700 {
      border-left: 1px solid #641011 !important
   }

   .border-r-sm-red-700 {
      border-right: 1px solid #641011 !important
   }

   .border-t-sm-red-800 {
      border-top: 1px solid #380909 !important
   }

   .border-b-sm-red-800 {
      border-bottom: 1px solid #380909 !important
   }

   .border-l-sm-red-800 {
      border-left: 1px solid #380909 !important
   }

   .border-r-sm-red-800 {
      border-right: 1px solid #380909 !important
   }

   .border-t-sm-red-900 {
      border-top: 1px solid #210506 !important
   }

   .border-b-sm-red-900 {
      border-bottom: 1px solid #210506 !important
   }

   .border-l-sm-red-900 {
      border-left: 1px solid #210506 !important
   }

   .border-r-sm-red-900 {
      border-right: 1px solid #210506 !important
   }

   .border-t-sm-blue-500 {
      border-top: 1px solid #00005e !important
   }

   .border-b-sm-blue-500 {
      border-bottom: 1px solid #00005e !important
   }

   .border-l-sm-blue-500 {
      border-left: 1px solid #00005e !important
   }

   .border-r-sm-blue-500 {
      border-right: 1px solid #00005e !important
   }

   .border-t-sm-grey-100 {
      border-top: 1px solid #f3f3f3 !important
   }

   .border-b-sm-grey-100 {
      border-bottom: 1px solid #f3f3f3 !important
   }

   .border-l-sm-grey-100 {
      border-left: 1px solid #f3f3f3 !important
   }

   .border-r-sm-grey-100 {
      border-right: 1px solid #f3f3f3 !important
   }

   .border-t-sm-grey-200 {
      border-top: 1px solid #e0e0e0 !important
   }

   .border-b-sm-grey-200 {
      border-bottom: 1px solid #e0e0e0 !important
   }

   .border-l-sm-grey-200 {
      border-left: 1px solid #e0e0e0 !important
   }

   .border-r-sm-grey-200 {
      border-right: 1px solid #e0e0e0 !important
   }

   .border-t-sm-grey-300 {
      border-top: 1px solid #b6b7bc !important
   }

   .border-b-sm-grey-300 {
      border-bottom: 1px solid #b6b7bc !important
   }

   .border-l-sm-grey-300 {
      border-left: 1px solid #b6b7bc !important
   }

   .border-r-sm-grey-300 {
      border-right: 1px solid #b6b7bc !important
   }

   .border-t-sm-grey-400 {
      border-top: 1px solid #808289 !important
   }

   .border-b-sm-grey-400 {
      border-bottom: 1px solid #808289 !important
   }

   .border-l-sm-grey-400 {
      border-left: 1px solid #808289 !important
   }

   .border-r-sm-grey-400 {
      border-right: 1px solid #808289 !important
   }

   .border-t-sm-grey-500 {
      border-top: 1px solid #3c3d41 !important
   }

   .border-b-sm-grey-500 {
      border-bottom: 1px solid #3c3d41 !important
   }

   .border-l-sm-grey-500 {
      border-left: 1px solid #3c3d41 !important
   }

   .border-r-sm-grey-500 {
      border-right: 1px solid #3c3d41 !important
   }

   .border-t-sm-grey-600 {
      border-top: 1px solid #292929 !important
   }

   .border-b-sm-grey-600 {
      border-bottom: 1px solid #292929 !important
   }

   .border-l-sm-grey-600 {
      border-left: 1px solid #292929 !important
   }

   .border-r-sm-grey-600 {
      border-right: 1px solid #292929 !important
   }

   .border-t-sm-grey-700 {
      border-top: 1px solid #1e1e1e !important
   }

   .border-b-sm-grey-700 {
      border-bottom: 1px solid #1e1e1e !important
   }

   .border-l-sm-grey-700 {
      border-left: 1px solid #1e1e1e !important
   }

   .border-r-sm-grey-700 {
      border-right: 1px solid #1e1e1e !important
   }

   .border-t-sm-grey-800 {
      border-top: 1px solid #0c0c0c !important
   }

   .border-b-sm-grey-800 {
      border-bottom: 1px solid #0c0c0c !important
   }

   .border-l-sm-grey-800 {
      border-left: 1px solid #0c0c0c !important
   }

   .border-r-sm-grey-800 {
      border-right: 1px solid #0c0c0c !important
   }

   .border-t-sm-grey-900 {
      border-top: 1px solid #0d0d0d !important
   }

   .border-b-sm-grey-900 {
      border-bottom: 1px solid #0d0d0d !important
   }

   .border-l-sm-grey-900 {
      border-left: 1px solid #0d0d0d !important
   }

   .border-r-sm-grey-900 {
      border-right: 1px solid #0d0d0d !important
   }

   .border-t-sm-sd-stakeholders {
      border-top: 1px solid #e13427 !important
   }

   .border-b-sm-sd-stakeholders {
      border-bottom: 1px solid #e13427 !important
   }

   .border-l-sm-sd-stakeholders {
      border-left: 1px solid #e13427 !important
   }

   .border-r-sm-sd-stakeholders {
      border-right: 1px solid #e13427 !important
   }

   .border-t-sm-sd-employees {
      border-top: 1px solid #2f642d !important
   }

   .border-b-sm-sd-employees {
      border-bottom: 1px solid #2f642d !important
   }

   .border-l-sm-sd-employees {
      border-left: 1px solid #2f642d !important
   }

   .border-r-sm-sd-employees {
      border-right: 1px solid #2f642d !important
   }

   .border-t-sm-sd-suppliers {
      border-top: 1px solid #494a4b !important
   }

   .border-b-sm-sd-suppliers {
      border-bottom: 1px solid #494a4b !important
   }

   .border-l-sm-sd-suppliers {
      border-left: 1px solid #494a4b !important
   }

   .border-r-sm-sd-suppliers {
      border-right: 1px solid #494a4b !important
   }

   .border-t-sm-sd-customers {
      border-top: 1px solid #cf5b3b !important
   }

   .border-b-sm-sd-customers {
      border-bottom: 1px solid #cf5b3b !important
   }

   .border-l-sm-sd-customers {
      border-left: 1px solid #cf5b3b !important
   }

   .border-r-sm-sd-customers {
      border-right: 1px solid #cf5b3b !important
   }

   .border-t-sm-sd-creditors {
      border-top: 1px solid #2755b4 !important
   }

   .border-b-sm-sd-creditors {
      border-bottom: 1px solid #2755b4 !important
   }

   .border-l-sm-sd-creditors {
      border-left: 1px solid #2755b4 !important
   }

   .border-r-sm-sd-creditors {
      border-right: 1px solid #2755b4 !important
   }

   .border-t-sm-sd-government {
      border-top: 1px solid #0b0c0d !important
   }

   .border-b-sm-sd-government {
      border-bottom: 1px solid #0b0c0d !important
   }

   .border-l-sm-sd-government {
      border-left: 1px solid #0b0c0d !important
   }

   .border-r-sm-sd-government {
      border-right: 1px solid #0b0c0d !important
   }

   .border-t-sm-sd-communities {
      border-top: 1px solid #020c7a !important
   }

   .border-b-sm-sd-communities {
      border-bottom: 1px solid #020c7a !important
   }

   .border-l-sm-sd-communities {
      border-left: 1px solid #020c7a !important
   }

   .border-r-sm-sd-communities {
      border-right: 1px solid #020c7a !important
   }

   .border-t-sm-sd-people {
      border-top: 1px solid #a90b1d !important
   }

   .border-b-sm-sd-people {
      border-bottom: 1px solid #a90b1d !important
   }

   .border-l-sm-sd-people {
      border-left: 1px solid #a90b1d !important
   }

   .border-r-sm-sd-people {
      border-right: 1px solid #a90b1d !important
   }

   .border-t-sm-sd-prosperity {
      border-top: 1px solid #042d58 !important
   }

   .border-b-sm-sd-prosperity {
      border-bottom: 1px solid #042d58 !important
   }

   .border-l-sm-sd-prosperity {
      border-left: 1px solid #042d58 !important
   }

   .border-r-sm-sd-prosperity {
      border-right: 1px solid #042d58 !important
   }

   .border-t-sm-sd-planet {
      border-top: 1px solid #277f34 !important
   }

   .border-b-sm-sd-planet {
      border-bottom: 1px solid #277f34 !important
   }

   .border-l-sm-sd-planet {
      border-left: 1px solid #277f34 !important
   }

   .border-r-sm-sd-planet {
      border-right: 1px solid #277f34 !important
   }

   .border-t-sm-sd-partnerships {
      border-top: 1px solid #f28416 !important
   }

   .border-b-sm-sd-partnerships {
      border-bottom: 1px solid #f28416 !important
   }

   .border-l-sm-sd-partnerships {
      border-left: 1px solid #f28416 !important
   }

   .border-r-sm-sd-partnerships {
      border-right: 1px solid #f28416 !important
   }

   .border-t-sm-sd-featured-story {
      border-top: 1px solid #84521f !important
   }

   .border-b-sm-sd-featured-story {
      border-bottom: 1px solid #84521f !important
   }

   .border-l-sm-sd-featured-story {
      border-left: 1px solid #84521f !important
   }

   .border-r-sm-sd-featured-story {
      border-right: 1px solid #84521f !important
   }

   .border-t-sm-sd-reduce {
      border-top: 1px solid #f9bd15 !important
   }

   .border-b-sm-sd-reduce {
      border-bottom: 1px solid #f9bd15 !important
   }

   .border-l-sm-sd-reduce {
      border-left: 1px solid #f9bd15 !important
   }

   .border-r-sm-sd-reduce {
      border-right: 1px solid #f9bd15 !important
   }

   .border-t-sm-sd-navigate {
      border-top: 1px solid #2673bf !important
   }

   .border-b-sm-sd-navigate {
      border-bottom: 1px solid #2673bf !important
   }

   .border-l-sm-sd-navigate {
      border-left: 1px solid #2673bf !important
   }

   .border-r-sm-sd-navigate {
      border-right: 1px solid #2673bf !important
   }

   .border-t-sm-sd-eco {
      border-top: 1px solid #25c149 !important
   }

   .border-b-sm-sd-eco {
      border-bottom: 1px solid #25c149 !important
   }

   .border-l-sm-sd-eco {
      border-left: 1px solid #25c149 !important
   }

   .border-r-sm-sd-eco {
      border-right: 1px solid #25c149 !important
   }

   .border-t-sm-sd-waste {
      border-top: 1px solid #a0895d !important
   }

   .border-b-sm-sd-waste {
      border-bottom: 1px solid #a0895d !important
   }

   .border-l-sm-sd-waste {
      border-left: 1px solid #a0895d !important
   }

   .border-r-sm-sd-waste {
      border-right: 1px solid #a0895d !important
   }

   .border-t-sm-light-green-10 {
      border-top: 1px solid #7a9a82 !important
   }

   .border-b-sm-light-green-10 {
      border-bottom: 1px solid #7a9a82 !important
   }

   .border-l-sm-light-green-10 {
      border-left: 1px solid #7a9a82 !important
   }

   .border-r-sm-light-green-10 {
      border-right: 1px solid #7a9a82 !important
   }

   .border-t-sm-green-10 {
      border-top: 1px solid #67903d !important
   }

   .border-b-sm-green-10 {
      border-bottom: 1px solid #67903d !important
   }

   .border-l-sm-green-10 {
      border-left: 1px solid #67903d !important
   }

   .border-r-sm-green-10 {
      border-right: 1px solid #67903d !important
   }

   .border-t-sm-bg-understanding-crc {
      border-top: 1px solid #033b90 !important
   }

   .border-b-sm-bg-understanding-crc {
      border-bottom: 1px solid #033b90 !important
   }

   .border-l-sm-bg-understanding-crc {
      border-left: 1px solid #033b90 !important
   }

   .border-r-sm-bg-understanding-crc {
      border-right: 1px solid #033b90 !important
   }

   .border-t-sm-0 {
      border-top: 0 !important
   }

   .border-b-sm-0 {
      border-bottom: 0 !important
   }

   .border-l-sm-0 {
      border-left: 0 !important
   }

   .border-r-sm-0 {
      border-right: 0 !important
   }
}

@media (min-width: 768px) {
   .border-t-md-black {
      border-top: 1px solid #000 !important
   }

   .border-b-md-black {
      border-bottom: 1px solid #000 !important
   }

   .border-l-md-black {
      border-left: 1px solid #000 !important
   }

   .border-r-md-black {
      border-right: 1px solid #000 !important
   }

   .border-t-md-white {
      border-top: 1px solid #fff !important
   }

   .border-b-md-white {
      border-bottom: 1px solid #fff !important
   }

   .border-l-md-white {
      border-left: 1px solid #fff !important
   }

   .border-r-md-white {
      border-right: 1px solid #fff !important
   }

   .border-t-md-white-50 {
      border-top: 1px solid rgba(255, 255, 255, .5) !important
   }

   .border-b-md-white-50 {
      border-bottom: 1px solid rgba(255, 255, 255, .5) !important
   }

   .border-l-md-white-50 {
      border-left: 1px solid rgba(255, 255, 255, .5) !important
   }

   .border-r-md-white-50 {
      border-right: 1px solid rgba(255, 255, 255, .5) !important
   }

   .border-t-md-body-color {
      border-top: 1px solid #fff !important
   }

   .border-b-md-body-color {
      border-bottom: 1px solid #fff !important
   }

   .border-l-md-body-color {
      border-left: 1px solid #fff !important
   }

   .border-r-md-body-color {
      border-right: 1px solid #fff !important
   }

   .border-t-md-red-100 {
      border-top: 1px solid #ffe8e8 !important
   }

   .border-b-md-red-100 {
      border-bottom: 1px solid #ffe8e8 !important
   }

   .border-l-md-red-100 {
      border-left: 1px solid #ffe8e8 !important
   }

   .border-r-md-red-100 {
      border-right: 1px solid #ffe8e8 !important
   }

   .border-t-md-red-200 {
      border-top: 1px solid #febbbb !important
   }

   .border-b-md-red-200 {
      border-bottom: 1px solid #febbbb !important
   }

   .border-l-md-red-200 {
      border-left: 1px solid #febbbb !important
   }

   .border-r-md-red-200 {
      border-right: 1px solid #febbbb !important
   }

   .border-t-md-red-300 {
      border-top: 1px solid #fc7777 !important
   }

   .border-b-md-red-300 {
      border-bottom: 1px solid #fc7777 !important
   }

   .border-l-md-red-300 {
      border-left: 1px solid #fc7777 !important
   }

   .border-r-md-red-300 {
      border-right: 1px solid #fc7777 !important
   }

   .border-t-md-red-400 {
      border-top: 1px solid #fb4949 !important
   }

   .border-b-md-red-400 {
      border-bottom: 1px solid #fb4949 !important
   }

   .border-l-md-red-400 {
      border-left: 1px solid #fb4949 !important
   }

   .border-r-md-red-400 {
      border-right: 1px solid #fb4949 !important
   }

   .border-t-md-red-500 {
      border-top: 1px solid #fa0505 !important
   }

   .border-b-md-red-500 {
      border-bottom: 1px solid #fa0505 !important
   }

   .border-l-md-red-500 {
      border-left: 1px solid #fa0505 !important
   }

   .border-r-md-red-500 {
      border-right: 1px solid #fa0505 !important
   }

   .border-t-md-red-600 {
      border-top: 1px solid #7b1315 !important
   }

   .border-b-md-red-600 {
      border-bottom: 1px solid #7b1315 !important
   }

   .border-l-md-red-600 {
      border-left: 1px solid #7b1315 !important
   }

   .border-r-md-red-600 {
      border-right: 1px solid #7b1315 !important
   }

   .border-t-md-red-700 {
      border-top: 1px solid #641011 !important
   }

   .border-b-md-red-700 {
      border-bottom: 1px solid #641011 !important
   }

   .border-l-md-red-700 {
      border-left: 1px solid #641011 !important
   }

   .border-r-md-red-700 {
      border-right: 1px solid #641011 !important
   }

   .border-t-md-red-800 {
      border-top: 1px solid #380909 !important
   }

   .border-b-md-red-800 {
      border-bottom: 1px solid #380909 !important
   }

   .border-l-md-red-800 {
      border-left: 1px solid #380909 !important
   }

   .border-r-md-red-800 {
      border-right: 1px solid #380909 !important
   }

   .border-t-md-red-900 {
      border-top: 1px solid #210506 !important
   }

   .border-b-md-red-900 {
      border-bottom: 1px solid #210506 !important
   }

   .border-l-md-red-900 {
      border-left: 1px solid #210506 !important
   }

   .border-r-md-red-900 {
      border-right: 1px solid #210506 !important
   }

   .border-t-md-blue-500 {
      border-top: 1px solid #00005e !important
   }

   .border-b-md-blue-500 {
      border-bottom: 1px solid #00005e !important
   }

   .border-l-md-blue-500 {
      border-left: 1px solid #00005e !important
   }

   .border-r-md-blue-500 {
      border-right: 1px solid #00005e !important
   }

   .border-t-md-grey-100 {
      border-top: 1px solid #f3f3f3 !important
   }

   .border-b-md-grey-100 {
      border-bottom: 1px solid #f3f3f3 !important
   }

   .border-l-md-grey-100 {
      border-left: 1px solid #f3f3f3 !important
   }

   .border-r-md-grey-100 {
      border-right: 1px solid #f3f3f3 !important
   }

   .border-t-md-grey-200 {
      border-top: 1px solid #e0e0e0 !important
   }

   .border-b-md-grey-200 {
      border-bottom: 1px solid #e0e0e0 !important
   }

   .border-l-md-grey-200 {
      border-left: 1px solid #e0e0e0 !important
   }

   .border-r-md-grey-200 {
      border-right: 1px solid #e0e0e0 !important
   }

   .border-t-md-grey-300 {
      border-top: 1px solid #b6b7bc !important
   }

   .border-b-md-grey-300 {
      border-bottom: 1px solid #b6b7bc !important
   }

   .border-l-md-grey-300 {
      border-left: 1px solid #b6b7bc !important
   }

   .border-r-md-grey-300 {
      border-right: 1px solid #b6b7bc !important
   }

   .border-t-md-grey-400 {
      border-top: 1px solid #808289 !important
   }

   .border-b-md-grey-400 {
      border-bottom: 1px solid #808289 !important
   }

   .border-l-md-grey-400 {
      border-left: 1px solid #808289 !important
   }

   .border-r-md-grey-400 {
      border-right: 1px solid #808289 !important
   }

   .border-t-md-grey-500 {
      border-top: 1px solid #3c3d41 !important
   }

   .border-b-md-grey-500 {
      border-bottom: 1px solid #3c3d41 !important
   }

   .border-l-md-grey-500 {
      border-left: 1px solid #3c3d41 !important
   }

   .border-r-md-grey-500 {
      border-right: 1px solid #3c3d41 !important
   }

   .border-t-md-grey-600 {
      border-top: 1px solid #292929 !important
   }

   .border-b-md-grey-600 {
      border-bottom: 1px solid #292929 !important
   }

   .border-l-md-grey-600 {
      border-left: 1px solid #292929 !important
   }

   .border-r-md-grey-600 {
      border-right: 1px solid #292929 !important
   }

   .border-t-md-grey-700 {
      border-top: 1px solid #1e1e1e !important
   }

   .border-b-md-grey-700 {
      border-bottom: 1px solid #1e1e1e !important
   }

   .border-l-md-grey-700 {
      border-left: 1px solid #1e1e1e !important
   }

   .border-r-md-grey-700 {
      border-right: 1px solid #1e1e1e !important
   }

   .border-t-md-grey-800 {
      border-top: 1px solid #0c0c0c !important
   }

   .border-b-md-grey-800 {
      border-bottom: 1px solid #0c0c0c !important
   }

   .border-l-md-grey-800 {
      border-left: 1px solid #0c0c0c !important
   }

   .border-r-md-grey-800 {
      border-right: 1px solid #0c0c0c !important
   }

   .border-t-md-grey-900 {
      border-top: 1px solid #0d0d0d !important
   }

   .border-b-md-grey-900 {
      border-bottom: 1px solid #0d0d0d !important
   }

   .border-l-md-grey-900 {
      border-left: 1px solid #0d0d0d !important
   }

   .border-r-md-grey-900 {
      border-right: 1px solid #0d0d0d !important
   }

   .border-t-md-sd-stakeholders {
      border-top: 1px solid #e13427 !important
   }

   .border-b-md-sd-stakeholders {
      border-bottom: 1px solid #e13427 !important
   }

   .border-l-md-sd-stakeholders {
      border-left: 1px solid #e13427 !important
   }

   .border-r-md-sd-stakeholders {
      border-right: 1px solid #e13427 !important
   }

   .border-t-md-sd-employees {
      border-top: 1px solid #2f642d !important
   }

   .border-b-md-sd-employees {
      border-bottom: 1px solid #2f642d !important
   }

   .border-l-md-sd-employees {
      border-left: 1px solid #2f642d !important
   }

   .border-r-md-sd-employees {
      border-right: 1px solid #2f642d !important
   }

   .border-t-md-sd-suppliers {
      border-top: 1px solid #494a4b !important
   }

   .border-b-md-sd-suppliers {
      border-bottom: 1px solid #494a4b !important
   }

   .border-l-md-sd-suppliers {
      border-left: 1px solid #494a4b !important
   }

   .border-r-md-sd-suppliers {
      border-right: 1px solid #494a4b !important
   }

   .border-t-md-sd-customers {
      border-top: 1px solid #cf5b3b !important
   }

   .border-b-md-sd-customers {
      border-bottom: 1px solid #cf5b3b !important
   }

   .border-l-md-sd-customers {
      border-left: 1px solid #cf5b3b !important
   }

   .border-r-md-sd-customers {
      border-right: 1px solid #cf5b3b !important
   }

   .border-t-md-sd-creditors {
      border-top: 1px solid #2755b4 !important
   }

   .border-b-md-sd-creditors {
      border-bottom: 1px solid #2755b4 !important
   }

   .border-l-md-sd-creditors {
      border-left: 1px solid #2755b4 !important
   }

   .border-r-md-sd-creditors {
      border-right: 1px solid #2755b4 !important
   }

   .border-t-md-sd-government {
      border-top: 1px solid #0b0c0d !important
   }

   .border-b-md-sd-government {
      border-bottom: 1px solid #0b0c0d !important
   }

   .border-l-md-sd-government {
      border-left: 1px solid #0b0c0d !important
   }

   .border-r-md-sd-government {
      border-right: 1px solid #0b0c0d !important
   }

   .border-t-md-sd-communities {
      border-top: 1px solid #020c7a !important
   }

   .border-b-md-sd-communities {
      border-bottom: 1px solid #020c7a !important
   }

   .border-l-md-sd-communities {
      border-left: 1px solid #020c7a !important
   }

   .border-r-md-sd-communities {
      border-right: 1px solid #020c7a !important
   }

   .border-t-md-sd-people {
      border-top: 1px solid #a90b1d !important
   }

   .border-b-md-sd-people {
      border-bottom: 1px solid #a90b1d !important
   }

   .border-l-md-sd-people {
      border-left: 1px solid #a90b1d !important
   }

   .border-r-md-sd-people {
      border-right: 1px solid #a90b1d !important
   }

   .border-t-md-sd-prosperity {
      border-top: 1px solid #042d58 !important
   }

   .border-b-md-sd-prosperity {
      border-bottom: 1px solid #042d58 !important
   }

   .border-l-md-sd-prosperity {
      border-left: 1px solid #042d58 !important
   }

   .border-r-md-sd-prosperity {
      border-right: 1px solid #042d58 !important
   }

   .border-t-md-sd-planet {
      border-top: 1px solid #277f34 !important
   }

   .border-b-md-sd-planet {
      border-bottom: 1px solid #277f34 !important
   }

   .border-l-md-sd-planet {
      border-left: 1px solid #277f34 !important
   }

   .border-r-md-sd-planet {
      border-right: 1px solid #277f34 !important
   }

   .border-t-md-sd-partnerships {
      border-top: 1px solid #f28416 !important
   }

   .border-b-md-sd-partnerships {
      border-bottom: 1px solid #f28416 !important
   }

   .border-l-md-sd-partnerships {
      border-left: 1px solid #f28416 !important
   }

   .border-r-md-sd-partnerships {
      border-right: 1px solid #f28416 !important
   }

   .border-t-md-sd-featured-story {
      border-top: 1px solid #84521f !important
   }

   .border-b-md-sd-featured-story {
      border-bottom: 1px solid #84521f !important
   }

   .border-l-md-sd-featured-story {
      border-left: 1px solid #84521f !important
   }

   .border-r-md-sd-featured-story {
      border-right: 1px solid #84521f !important
   }

   .border-t-md-sd-reduce {
      border-top: 1px solid #f9bd15 !important
   }

   .border-b-md-sd-reduce {
      border-bottom: 1px solid #f9bd15 !important
   }

   .border-l-md-sd-reduce {
      border-left: 1px solid #f9bd15 !important
   }

   .border-r-md-sd-reduce {
      border-right: 1px solid #f9bd15 !important
   }

   .border-t-md-sd-navigate {
      border-top: 1px solid #2673bf !important
   }

   .border-b-md-sd-navigate {
      border-bottom: 1px solid #2673bf !important
   }

   .border-l-md-sd-navigate {
      border-left: 1px solid #2673bf !important
   }

   .border-r-md-sd-navigate {
      border-right: 1px solid #2673bf !important
   }

   .border-t-md-sd-eco {
      border-top: 1px solid #25c149 !important
   }

   .border-b-md-sd-eco {
      border-bottom: 1px solid #25c149 !important
   }

   .border-l-md-sd-eco {
      border-left: 1px solid #25c149 !important
   }

   .border-r-md-sd-eco {
      border-right: 1px solid #25c149 !important
   }

   .border-t-md-sd-waste {
      border-top: 1px solid #a0895d !important
   }

   .border-b-md-sd-waste {
      border-bottom: 1px solid #a0895d !important
   }

   .border-l-md-sd-waste {
      border-left: 1px solid #a0895d !important
   }

   .border-r-md-sd-waste {
      border-right: 1px solid #a0895d !important
   }

   .border-t-md-light-green-10 {
      border-top: 1px solid #7a9a82 !important
   }

   .border-b-md-light-green-10 {
      border-bottom: 1px solid #7a9a82 !important
   }

   .border-l-md-light-green-10 {
      border-left: 1px solid #7a9a82 !important
   }

   .border-r-md-light-green-10 {
      border-right: 1px solid #7a9a82 !important
   }

   .border-t-md-green-10 {
      border-top: 1px solid #67903d !important
   }

   .border-b-md-green-10 {
      border-bottom: 1px solid #67903d !important
   }

   .border-l-md-green-10 {
      border-left: 1px solid #67903d !important
   }

   .border-r-md-green-10 {
      border-right: 1px solid #67903d !important
   }

   .border-t-md-bg-understanding-crc {
      border-top: 1px solid #033b90 !important
   }

   .border-b-md-bg-understanding-crc {
      border-bottom: 1px solid #033b90 !important
   }

   .border-l-md-bg-understanding-crc {
      border-left: 1px solid #033b90 !important
   }

   .border-r-md-bg-understanding-crc {
      border-right: 1px solid #033b90 !important
   }

   .border-t-md-0 {
      border-top: 0 !important
   }

   .border-b-md-0 {
      border-bottom: 0 !important
   }

   .border-l-md-0 {
      border-left: 0 !important
   }

   .border-r-md-0 {
      border-right: 0 !important
   }
}

@media (min-width: 992px) {
   .border-t-lg-black {
      border-top: 1px solid #000 !important
   }

   .border-b-lg-black {
      border-bottom: 1px solid #000 !important
   }

   .border-l-lg-black {
      border-left: 1px solid #000 !important
   }

   .border-r-lg-black {
      border-right: 1px solid #000 !important
   }

   .border-t-lg-white {
      border-top: 1px solid #fff !important
   }

   .border-b-lg-white {
      border-bottom: 1px solid #fff !important
   }

   .border-l-lg-white {
      border-left: 1px solid #fff !important
   }

   .border-r-lg-white {
      border-right: 1px solid #fff !important
   }

   .border-t-lg-white-50 {
      border-top: 1px solid rgba(255, 255, 255, .5) !important
   }

   .border-b-lg-white-50 {
      border-bottom: 1px solid rgba(255, 255, 255, .5) !important
   }

   .border-l-lg-white-50 {
      border-left: 1px solid rgba(255, 255, 255, .5) !important
   }

   .border-r-lg-white-50 {
      border-right: 1px solid rgba(255, 255, 255, .5) !important
   }

   .border-t-lg-body-color {
      border-top: 1px solid #fff !important
   }

   .border-b-lg-body-color {
      border-bottom: 1px solid #fff !important
   }

   .border-l-lg-body-color {
      border-left: 1px solid #fff !important
   }

   .border-r-lg-body-color {
      border-right: 1px solid #fff !important
   }

   .border-t-lg-red-100 {
      border-top: 1px solid #ffe8e8 !important
   }

   .border-b-lg-red-100 {
      border-bottom: 1px solid #ffe8e8 !important
   }

   .border-l-lg-red-100 {
      border-left: 1px solid #ffe8e8 !important
   }

   .border-r-lg-red-100 {
      border-right: 1px solid #ffe8e8 !important
   }

   .border-t-lg-red-200 {
      border-top: 1px solid #febbbb !important
   }

   .border-b-lg-red-200 {
      border-bottom: 1px solid #febbbb !important
   }

   .border-l-lg-red-200 {
      border-left: 1px solid #febbbb !important
   }

   .border-r-lg-red-200 {
      border-right: 1px solid #febbbb !important
   }

   .border-t-lg-red-300 {
      border-top: 1px solid #fc7777 !important
   }

   .border-b-lg-red-300 {
      border-bottom: 1px solid #fc7777 !important
   }

   .border-l-lg-red-300 {
      border-left: 1px solid #fc7777 !important
   }

   .border-r-lg-red-300 {
      border-right: 1px solid #fc7777 !important
   }

   .border-t-lg-red-400 {
      border-top: 1px solid #fb4949 !important
   }

   .border-b-lg-red-400 {
      border-bottom: 1px solid #fb4949 !important
   }

   .border-l-lg-red-400 {
      border-left: 1px solid #fb4949 !important
   }

   .border-r-lg-red-400 {
      border-right: 1px solid #fb4949 !important
   }

   .border-t-lg-red-500 {
      border-top: 1px solid #fa0505 !important
   }

   .border-b-lg-red-500 {
      border-bottom: 1px solid #fa0505 !important
   }

   .border-l-lg-red-500 {
      border-left: 1px solid #fa0505 !important
   }

   .border-r-lg-red-500 {
      border-right: 1px solid #fa0505 !important
   }

   .border-t-lg-red-600 {
      border-top: 1px solid #7b1315 !important
   }

   .border-b-lg-red-600 {
      border-bottom: 1px solid #7b1315 !important
   }

   .border-l-lg-red-600 {
      border-left: 1px solid #7b1315 !important
   }

   .border-r-lg-red-600 {
      border-right: 1px solid #7b1315 !important
   }

   .border-t-lg-red-700 {
      border-top: 1px solid #641011 !important
   }

   .border-b-lg-red-700 {
      border-bottom: 1px solid #641011 !important
   }

   .border-l-lg-red-700 {
      border-left: 1px solid #641011 !important
   }

   .border-r-lg-red-700 {
      border-right: 1px solid #641011 !important
   }

   .border-t-lg-red-800 {
      border-top: 1px solid #380909 !important
   }

   .border-b-lg-red-800 {
      border-bottom: 1px solid #380909 !important
   }

   .border-l-lg-red-800 {
      border-left: 1px solid #380909 !important
   }

   .border-r-lg-red-800 {
      border-right: 1px solid #380909 !important
   }

   .border-t-lg-red-900 {
      border-top: 1px solid #210506 !important
   }

   .border-b-lg-red-900 {
      border-bottom: 1px solid #210506 !important
   }

   .border-l-lg-red-900 {
      border-left: 1px solid #210506 !important
   }

   .border-r-lg-red-900 {
      border-right: 1px solid #210506 !important
   }

   .border-t-lg-blue-500 {
      border-top: 1px solid #00005e !important
   }

   .border-b-lg-blue-500 {
      border-bottom: 1px solid #00005e !important
   }

   .border-l-lg-blue-500 {
      border-left: 1px solid #00005e !important
   }

   .border-r-lg-blue-500 {
      border-right: 1px solid #00005e !important
   }

   .border-t-lg-grey-100 {
      border-top: 1px solid #f3f3f3 !important
   }

   .border-b-lg-grey-100 {
      border-bottom: 1px solid #f3f3f3 !important
   }

   .border-l-lg-grey-100 {
      border-left: 1px solid #f3f3f3 !important
   }

   .border-r-lg-grey-100 {
      border-right: 1px solid #f3f3f3 !important
   }

   .border-t-lg-grey-200 {
      border-top: 1px solid #e0e0e0 !important
   }

   .border-b-lg-grey-200 {
      border-bottom: 1px solid #e0e0e0 !important
   }

   .border-l-lg-grey-200 {
      border-left: 1px solid #e0e0e0 !important
   }

   .border-r-lg-grey-200 {
      border-right: 1px solid #e0e0e0 !important
   }

   .border-t-lg-grey-300 {
      border-top: 1px solid #b6b7bc !important
   }

   .border-b-lg-grey-300 {
      border-bottom: 1px solid #b6b7bc !important
   }

   .border-l-lg-grey-300 {
      border-left: 1px solid #b6b7bc !important
   }

   .border-r-lg-grey-300 {
      border-right: 1px solid #b6b7bc !important
   }

   .border-t-lg-grey-400 {
      border-top: 1px solid #808289 !important
   }

   .border-b-lg-grey-400 {
      border-bottom: 1px solid #808289 !important
   }

   .border-l-lg-grey-400 {
      border-left: 1px solid #808289 !important
   }

   .border-r-lg-grey-400 {
      border-right: 1px solid #808289 !important
   }

   .border-t-lg-grey-500 {
      border-top: 1px solid #3c3d41 !important
   }

   .border-b-lg-grey-500 {
      border-bottom: 1px solid #3c3d41 !important
   }

   .border-l-lg-grey-500 {
      border-left: 1px solid #3c3d41 !important
   }

   .border-r-lg-grey-500 {
      border-right: 1px solid #3c3d41 !important
   }

   .border-t-lg-grey-600 {
      border-top: 1px solid #292929 !important
   }

   .border-b-lg-grey-600 {
      border-bottom: 1px solid #292929 !important
   }

   .border-l-lg-grey-600 {
      border-left: 1px solid #292929 !important
   }

   .border-r-lg-grey-600 {
      border-right: 1px solid #292929 !important
   }

   .border-t-lg-grey-700 {
      border-top: 1px solid #1e1e1e !important
   }

   .border-b-lg-grey-700 {
      border-bottom: 1px solid #1e1e1e !important
   }

   .border-l-lg-grey-700 {
      border-left: 1px solid #1e1e1e !important
   }

   .border-r-lg-grey-700 {
      border-right: 1px solid #1e1e1e !important
   }

   .border-t-lg-grey-800 {
      border-top: 1px solid #0c0c0c !important
   }

   .border-b-lg-grey-800 {
      border-bottom: 1px solid #0c0c0c !important
   }

   .border-l-lg-grey-800 {
      border-left: 1px solid #0c0c0c !important
   }

   .border-r-lg-grey-800 {
      border-right: 1px solid #0c0c0c !important
   }

   .border-t-lg-grey-900 {
      border-top: 1px solid #0d0d0d !important
   }

   .border-b-lg-grey-900 {
      border-bottom: 1px solid #0d0d0d !important
   }

   .border-l-lg-grey-900 {
      border-left: 1px solid #0d0d0d !important
   }

   .border-r-lg-grey-900 {
      border-right: 1px solid #0d0d0d !important
   }

   .border-t-lg-sd-stakeholders {
      border-top: 1px solid #e13427 !important
   }

   .border-b-lg-sd-stakeholders {
      border-bottom: 1px solid #e13427 !important
   }

   .border-l-lg-sd-stakeholders {
      border-left: 1px solid #e13427 !important
   }

   .border-r-lg-sd-stakeholders {
      border-right: 1px solid #e13427 !important
   }

   .border-t-lg-sd-employees {
      border-top: 1px solid #2f642d !important
   }

   .border-b-lg-sd-employees {
      border-bottom: 1px solid #2f642d !important
   }

   .border-l-lg-sd-employees {
      border-left: 1px solid #2f642d !important
   }

   .border-r-lg-sd-employees {
      border-right: 1px solid #2f642d !important
   }

   .border-t-lg-sd-suppliers {
      border-top: 1px solid #494a4b !important
   }

   .border-b-lg-sd-suppliers {
      border-bottom: 1px solid #494a4b !important
   }

   .border-l-lg-sd-suppliers {
      border-left: 1px solid #494a4b !important
   }

   .border-r-lg-sd-suppliers {
      border-right: 1px solid #494a4b !important
   }

   .border-t-lg-sd-customers {
      border-top: 1px solid #cf5b3b !important
   }

   .border-b-lg-sd-customers {
      border-bottom: 1px solid #cf5b3b !important
   }

   .border-l-lg-sd-customers {
      border-left: 1px solid #cf5b3b !important
   }

   .border-r-lg-sd-customers {
      border-right: 1px solid #cf5b3b !important
   }

   .border-t-lg-sd-creditors {
      border-top: 1px solid #2755b4 !important
   }

   .border-b-lg-sd-creditors {
      border-bottom: 1px solid #2755b4 !important
   }

   .border-l-lg-sd-creditors {
      border-left: 1px solid #2755b4 !important
   }

   .border-r-lg-sd-creditors {
      border-right: 1px solid #2755b4 !important
   }

   .border-t-lg-sd-government {
      border-top: 1px solid #0b0c0d !important
   }

   .border-b-lg-sd-government {
      border-bottom: 1px solid #0b0c0d !important
   }

   .border-l-lg-sd-government {
      border-left: 1px solid #0b0c0d !important
   }

   .border-r-lg-sd-government {
      border-right: 1px solid #0b0c0d !important
   }

   .border-t-lg-sd-communities {
      border-top: 1px solid #020c7a !important
   }

   .border-b-lg-sd-communities {
      border-bottom: 1px solid #020c7a !important
   }

   .border-l-lg-sd-communities {
      border-left: 1px solid #020c7a !important
   }

   .border-r-lg-sd-communities {
      border-right: 1px solid #020c7a !important
   }

   .border-t-lg-sd-people {
      border-top: 1px solid #a90b1d !important
   }

   .border-b-lg-sd-people {
      border-bottom: 1px solid #a90b1d !important
   }

   .border-l-lg-sd-people {
      border-left: 1px solid #a90b1d !important
   }

   .border-r-lg-sd-people {
      border-right: 1px solid #a90b1d !important
   }

   .border-t-lg-sd-prosperity {
      border-top: 1px solid #042d58 !important
   }

   .border-b-lg-sd-prosperity {
      border-bottom: 1px solid #042d58 !important
   }

   .border-l-lg-sd-prosperity {
      border-left: 1px solid #042d58 !important
   }

   .border-r-lg-sd-prosperity {
      border-right: 1px solid #042d58 !important
   }

   .border-t-lg-sd-planet {
      border-top: 1px solid #277f34 !important
   }

   .border-b-lg-sd-planet {
      border-bottom: 1px solid #277f34 !important
   }

   .border-l-lg-sd-planet {
      border-left: 1px solid #277f34 !important
   }

   .border-r-lg-sd-planet {
      border-right: 1px solid #277f34 !important
   }

   .border-t-lg-sd-partnerships {
      border-top: 1px solid #f28416 !important
   }

   .border-b-lg-sd-partnerships {
      border-bottom: 1px solid #f28416 !important
   }

   .border-l-lg-sd-partnerships {
      border-left: 1px solid #f28416 !important
   }

   .border-r-lg-sd-partnerships {
      border-right: 1px solid #f28416 !important
   }

   .border-t-lg-sd-featured-story {
      border-top: 1px solid #84521f !important
   }

   .border-b-lg-sd-featured-story {
      border-bottom: 1px solid #84521f !important
   }

   .border-l-lg-sd-featured-story {
      border-left: 1px solid #84521f !important
   }

   .border-r-lg-sd-featured-story {
      border-right: 1px solid #84521f !important
   }

   .border-t-lg-sd-reduce {
      border-top: 1px solid #f9bd15 !important
   }

   .border-b-lg-sd-reduce {
      border-bottom: 1px solid #f9bd15 !important
   }

   .border-l-lg-sd-reduce {
      border-left: 1px solid #f9bd15 !important
   }

   .border-r-lg-sd-reduce {
      border-right: 1px solid #f9bd15 !important
   }

   .border-t-lg-sd-navigate {
      border-top: 1px solid #2673bf !important
   }

   .border-b-lg-sd-navigate {
      border-bottom: 1px solid #2673bf !important
   }

   .border-l-lg-sd-navigate {
      border-left: 1px solid #2673bf !important
   }

   .border-r-lg-sd-navigate {
      border-right: 1px solid #2673bf !important
   }

   .border-t-lg-sd-eco {
      border-top: 1px solid #25c149 !important
   }

   .border-b-lg-sd-eco {
      border-bottom: 1px solid #25c149 !important
   }

   .border-l-lg-sd-eco {
      border-left: 1px solid #25c149 !important
   }

   .border-r-lg-sd-eco {
      border-right: 1px solid #25c149 !important
   }

   .border-t-lg-sd-waste {
      border-top: 1px solid #a0895d !important
   }

   .border-b-lg-sd-waste {
      border-bottom: 1px solid #a0895d !important
   }

   .border-l-lg-sd-waste {
      border-left: 1px solid #a0895d !important
   }

   .border-r-lg-sd-waste {
      border-right: 1px solid #a0895d !important
   }

   .border-t-lg-light-green-10 {
      border-top: 1px solid #7a9a82 !important
   }

   .border-b-lg-light-green-10 {
      border-bottom: 1px solid #7a9a82 !important
   }

   .border-l-lg-light-green-10 {
      border-left: 1px solid #7a9a82 !important
   }

   .border-r-lg-light-green-10 {
      border-right: 1px solid #7a9a82 !important
   }

   .border-t-lg-green-10 {
      border-top: 1px solid #67903d !important
   }

   .border-b-lg-green-10 {
      border-bottom: 1px solid #67903d !important
   }

   .border-l-lg-green-10 {
      border-left: 1px solid #67903d !important
   }

   .border-r-lg-green-10 {
      border-right: 1px solid #67903d !important
   }

   .border-t-lg-bg-understanding-crc {
      border-top: 1px solid #033b90 !important
   }

   .border-b-lg-bg-understanding-crc {
      border-bottom: 1px solid #033b90 !important
   }

   .border-l-lg-bg-understanding-crc {
      border-left: 1px solid #033b90 !important
   }

   .border-r-lg-bg-understanding-crc {
      border-right: 1px solid #033b90 !important
   }

   .border-t-lg-0 {
      border-top: 0 !important
   }

   .border-b-lg-0 {
      border-bottom: 0 !important
   }

   .border-l-lg-0 {
      border-left: 0 !important
   }

   .border-r-lg-0 {
      border-right: 0 !important
   }
}

@media (min-width: 1200px) {
   .border-t-xl-black {
      border-top: 1px solid #000 !important
   }

   .border-b-xl-black {
      border-bottom: 1px solid #000 !important
   }

   .border-l-xl-black {
      border-left: 1px solid #000 !important
   }

   .border-r-xl-black {
      border-right: 1px solid #000 !important
   }

   .border-t-xl-white {
      border-top: 1px solid #fff !important
   }

   .border-b-xl-white {
      border-bottom: 1px solid #fff !important
   }

   .border-l-xl-white {
      border-left: 1px solid #fff !important
   }

   .border-r-xl-white {
      border-right: 1px solid #fff !important
   }

   .border-t-xl-white-50 {
      border-top: 1px solid rgba(255, 255, 255, .5) !important
   }

   .border-b-xl-white-50 {
      border-bottom: 1px solid rgba(255, 255, 255, .5) !important
   }

   .border-l-xl-white-50 {
      border-left: 1px solid rgba(255, 255, 255, .5) !important
   }

   .border-r-xl-white-50 {
      border-right: 1px solid rgba(255, 255, 255, .5) !important
   }

   .border-t-xl-body-color {
      border-top: 1px solid #fff !important
   }

   .border-b-xl-body-color {
      border-bottom: 1px solid #fff !important
   }

   .border-l-xl-body-color {
      border-left: 1px solid #fff !important
   }

   .border-r-xl-body-color {
      border-right: 1px solid #fff !important
   }

   .border-t-xl-red-100 {
      border-top: 1px solid #ffe8e8 !important
   }

   .border-b-xl-red-100 {
      border-bottom: 1px solid #ffe8e8 !important
   }

   .border-l-xl-red-100 {
      border-left: 1px solid #ffe8e8 !important
   }

   .border-r-xl-red-100 {
      border-right: 1px solid #ffe8e8 !important
   }

   .border-t-xl-red-200 {
      border-top: 1px solid #febbbb !important
   }

   .border-b-xl-red-200 {
      border-bottom: 1px solid #febbbb !important
   }

   .border-l-xl-red-200 {
      border-left: 1px solid #febbbb !important
   }

   .border-r-xl-red-200 {
      border-right: 1px solid #febbbb !important
   }

   .border-t-xl-red-300 {
      border-top: 1px solid #fc7777 !important
   }

   .border-b-xl-red-300 {
      border-bottom: 1px solid #fc7777 !important
   }

   .border-l-xl-red-300 {
      border-left: 1px solid #fc7777 !important
   }

   .border-r-xl-red-300 {
      border-right: 1px solid #fc7777 !important
   }

   .border-t-xl-red-400 {
      border-top: 1px solid #fb4949 !important
   }

   .border-b-xl-red-400 {
      border-bottom: 1px solid #fb4949 !important
   }

   .border-l-xl-red-400 {
      border-left: 1px solid #fb4949 !important
   }

   .border-r-xl-red-400 {
      border-right: 1px solid #fb4949 !important
   }

   .border-t-xl-red-500 {
      border-top: 1px solid #fa0505 !important
   }

   .border-b-xl-red-500 {
      border-bottom: 1px solid #fa0505 !important
   }

   .border-l-xl-red-500 {
      border-left: 1px solid #fa0505 !important
   }

   .border-r-xl-red-500 {
      border-right: 1px solid #fa0505 !important
   }

   .border-t-xl-red-600 {
      border-top: 1px solid #7b1315 !important
   }

   .border-b-xl-red-600 {
      border-bottom: 1px solid #7b1315 !important
   }

   .border-l-xl-red-600 {
      border-left: 1px solid #7b1315 !important
   }

   .border-r-xl-red-600 {
      border-right: 1px solid #7b1315 !important
   }

   .border-t-xl-red-700 {
      border-top: 1px solid #641011 !important
   }

   .border-b-xl-red-700 {
      border-bottom: 1px solid #641011 !important
   }

   .border-l-xl-red-700 {
      border-left: 1px solid #641011 !important
   }

   .border-r-xl-red-700 {
      border-right: 1px solid #641011 !important
   }

   .border-t-xl-red-800 {
      border-top: 1px solid #380909 !important
   }

   .border-b-xl-red-800 {
      border-bottom: 1px solid #380909 !important
   }

   .border-l-xl-red-800 {
      border-left: 1px solid #380909 !important
   }

   .border-r-xl-red-800 {
      border-right: 1px solid #380909 !important
   }

   .border-t-xl-red-900 {
      border-top: 1px solid #210506 !important
   }

   .border-b-xl-red-900 {
      border-bottom: 1px solid #210506 !important
   }

   .border-l-xl-red-900 {
      border-left: 1px solid #210506 !important
   }

   .border-r-xl-red-900 {
      border-right: 1px solid #210506 !important
   }

   .border-t-xl-blue-500 {
      border-top: 1px solid #00005e !important
   }

   .border-b-xl-blue-500 {
      border-bottom: 1px solid #00005e !important
   }

   .border-l-xl-blue-500 {
      border-left: 1px solid #00005e !important
   }

   .border-r-xl-blue-500 {
      border-right: 1px solid #00005e !important
   }

   .border-t-xl-grey-100 {
      border-top: 1px solid #f3f3f3 !important
   }

   .border-b-xl-grey-100 {
      border-bottom: 1px solid #f3f3f3 !important
   }

   .border-l-xl-grey-100 {
      border-left: 1px solid #f3f3f3 !important
   }

   .border-r-xl-grey-100 {
      border-right: 1px solid #f3f3f3 !important
   }

   .border-t-xl-grey-200 {
      border-top: 1px solid #e0e0e0 !important
   }

   .border-b-xl-grey-200 {
      border-bottom: 1px solid #e0e0e0 !important
   }

   .border-l-xl-grey-200 {
      border-left: 1px solid #e0e0e0 !important
   }

   .border-r-xl-grey-200 {
      border-right: 1px solid #e0e0e0 !important
   }

   .border-t-xl-grey-300 {
      border-top: 1px solid #b6b7bc !important
   }

   .border-b-xl-grey-300 {
      border-bottom: 1px solid #b6b7bc !important
   }

   .border-l-xl-grey-300 {
      border-left: 1px solid #b6b7bc !important
   }

   .border-r-xl-grey-300 {
      border-right: 1px solid #b6b7bc !important
   }

   .border-t-xl-grey-400 {
      border-top: 1px solid #808289 !important
   }

   .border-b-xl-grey-400 {
      border-bottom: 1px solid #808289 !important
   }

   .border-l-xl-grey-400 {
      border-left: 1px solid #808289 !important
   }

   .border-r-xl-grey-400 {
      border-right: 1px solid #808289 !important
   }

   .border-t-xl-grey-500 {
      border-top: 1px solid #3c3d41 !important
   }

   .border-b-xl-grey-500 {
      border-bottom: 1px solid #3c3d41 !important
   }

   .border-l-xl-grey-500 {
      border-left: 1px solid #3c3d41 !important
   }

   .border-r-xl-grey-500 {
      border-right: 1px solid #3c3d41 !important
   }

   .border-t-xl-grey-600 {
      border-top: 1px solid #292929 !important
   }

   .border-b-xl-grey-600 {
      border-bottom: 1px solid #292929 !important
   }

   .border-l-xl-grey-600 {
      border-left: 1px solid #292929 !important
   }

   .border-r-xl-grey-600 {
      border-right: 1px solid #292929 !important
   }

   .border-t-xl-grey-700 {
      border-top: 1px solid #1e1e1e !important
   }

   .border-b-xl-grey-700 {
      border-bottom: 1px solid #1e1e1e !important
   }

   .border-l-xl-grey-700 {
      border-left: 1px solid #1e1e1e !important
   }

   .border-r-xl-grey-700 {
      border-right: 1px solid #1e1e1e !important
   }

   .border-t-xl-grey-800 {
      border-top: 1px solid #0c0c0c !important
   }

   .border-b-xl-grey-800 {
      border-bottom: 1px solid #0c0c0c !important
   }

   .border-l-xl-grey-800 {
      border-left: 1px solid #0c0c0c !important
   }

   .border-r-xl-grey-800 {
      border-right: 1px solid #0c0c0c !important
   }

   .border-t-xl-grey-900 {
      border-top: 1px solid #0d0d0d !important
   }

   .border-b-xl-grey-900 {
      border-bottom: 1px solid #0d0d0d !important
   }

   .border-l-xl-grey-900 {
      border-left: 1px solid #0d0d0d !important
   }

   .border-r-xl-grey-900 {
      border-right: 1px solid #0d0d0d !important
   }

   .border-t-xl-sd-stakeholders {
      border-top: 1px solid #e13427 !important
   }

   .border-b-xl-sd-stakeholders {
      border-bottom: 1px solid #e13427 !important
   }

   .border-l-xl-sd-stakeholders {
      border-left: 1px solid #e13427 !important
   }

   .border-r-xl-sd-stakeholders {
      border-right: 1px solid #e13427 !important
   }

   .border-t-xl-sd-employees {
      border-top: 1px solid #2f642d !important
   }

   .border-b-xl-sd-employees {
      border-bottom: 1px solid #2f642d !important
   }

   .border-l-xl-sd-employees {
      border-left: 1px solid #2f642d !important
   }

   .border-r-xl-sd-employees {
      border-right: 1px solid #2f642d !important
   }

   .border-t-xl-sd-suppliers {
      border-top: 1px solid #494a4b !important
   }

   .border-b-xl-sd-suppliers {
      border-bottom: 1px solid #494a4b !important
   }

   .border-l-xl-sd-suppliers {
      border-left: 1px solid #494a4b !important
   }

   .border-r-xl-sd-suppliers {
      border-right: 1px solid #494a4b !important
   }

   .border-t-xl-sd-customers {
      border-top: 1px solid #cf5b3b !important
   }

   .border-b-xl-sd-customers {
      border-bottom: 1px solid #cf5b3b !important
   }

   .border-l-xl-sd-customers {
      border-left: 1px solid #cf5b3b !important
   }

   .border-r-xl-sd-customers {
      border-right: 1px solid #cf5b3b !important
   }

   .border-t-xl-sd-creditors {
      border-top: 1px solid #2755b4 !important
   }

   .border-b-xl-sd-creditors {
      border-bottom: 1px solid #2755b4 !important
   }

   .border-l-xl-sd-creditors {
      border-left: 1px solid #2755b4 !important
   }

   .border-r-xl-sd-creditors {
      border-right: 1px solid #2755b4 !important
   }

   .border-t-xl-sd-government {
      border-top: 1px solid #0b0c0d !important
   }

   .border-b-xl-sd-government {
      border-bottom: 1px solid #0b0c0d !important
   }

   .border-l-xl-sd-government {
      border-left: 1px solid #0b0c0d !important
   }

   .border-r-xl-sd-government {
      border-right: 1px solid #0b0c0d !important
   }

   .border-t-xl-sd-communities {
      border-top: 1px solid #020c7a !important
   }

   .border-b-xl-sd-communities {
      border-bottom: 1px solid #020c7a !important
   }

   .border-l-xl-sd-communities {
      border-left: 1px solid #020c7a !important
   }

   .border-r-xl-sd-communities {
      border-right: 1px solid #020c7a !important
   }

   .border-t-xl-sd-people {
      border-top: 1px solid #a90b1d !important
   }

   .border-b-xl-sd-people {
      border-bottom: 1px solid #a90b1d !important
   }

   .border-l-xl-sd-people {
      border-left: 1px solid #a90b1d !important
   }

   .border-r-xl-sd-people {
      border-right: 1px solid #a90b1d !important
   }

   .border-t-xl-sd-prosperity {
      border-top: 1px solid #042d58 !important
   }

   .border-b-xl-sd-prosperity {
      border-bottom: 1px solid #042d58 !important
   }

   .border-l-xl-sd-prosperity {
      border-left: 1px solid #042d58 !important
   }

   .border-r-xl-sd-prosperity {
      border-right: 1px solid #042d58 !important
   }

   .border-t-xl-sd-planet {
      border-top: 1px solid #277f34 !important
   }

   .border-b-xl-sd-planet {
      border-bottom: 1px solid #277f34 !important
   }

   .border-l-xl-sd-planet {
      border-left: 1px solid #277f34 !important
   }

   .border-r-xl-sd-planet {
      border-right: 1px solid #277f34 !important
   }

   .border-t-xl-sd-partnerships {
      border-top: 1px solid #f28416 !important
   }

   .border-b-xl-sd-partnerships {
      border-bottom: 1px solid #f28416 !important
   }

   .border-l-xl-sd-partnerships {
      border-left: 1px solid #f28416 !important
   }

   .border-r-xl-sd-partnerships {
      border-right: 1px solid #f28416 !important
   }

   .border-t-xl-sd-featured-story {
      border-top: 1px solid #84521f !important
   }

   .border-b-xl-sd-featured-story {
      border-bottom: 1px solid #84521f !important
   }

   .border-l-xl-sd-featured-story {
      border-left: 1px solid #84521f !important
   }

   .border-r-xl-sd-featured-story {
      border-right: 1px solid #84521f !important
   }

   .border-t-xl-sd-reduce {
      border-top: 1px solid #f9bd15 !important
   }

   .border-b-xl-sd-reduce {
      border-bottom: 1px solid #f9bd15 !important
   }

   .border-l-xl-sd-reduce {
      border-left: 1px solid #f9bd15 !important
   }

   .border-r-xl-sd-reduce {
      border-right: 1px solid #f9bd15 !important
   }

   .border-t-xl-sd-navigate {
      border-top: 1px solid #2673bf !important
   }

   .border-b-xl-sd-navigate {
      border-bottom: 1px solid #2673bf !important
   }

   .border-l-xl-sd-navigate {
      border-left: 1px solid #2673bf !important
   }

   .border-r-xl-sd-navigate {
      border-right: 1px solid #2673bf !important
   }

   .border-t-xl-sd-eco {
      border-top: 1px solid #25c149 !important
   }

   .border-b-xl-sd-eco {
      border-bottom: 1px solid #25c149 !important
   }

   .border-l-xl-sd-eco {
      border-left: 1px solid #25c149 !important
   }

   .border-r-xl-sd-eco {
      border-right: 1px solid #25c149 !important
   }

   .border-t-xl-sd-waste {
      border-top: 1px solid #a0895d !important
   }

   .border-b-xl-sd-waste {
      border-bottom: 1px solid #a0895d !important
   }

   .border-l-xl-sd-waste {
      border-left: 1px solid #a0895d !important
   }

   .border-r-xl-sd-waste {
      border-right: 1px solid #a0895d !important
   }

   .border-t-xl-light-green-10 {
      border-top: 1px solid #7a9a82 !important
   }

   .border-b-xl-light-green-10 {
      border-bottom: 1px solid #7a9a82 !important
   }

   .border-l-xl-light-green-10 {
      border-left: 1px solid #7a9a82 !important
   }

   .border-r-xl-light-green-10 {
      border-right: 1px solid #7a9a82 !important
   }

   .border-t-xl-green-10 {
      border-top: 1px solid #67903d !important
   }

   .border-b-xl-green-10 {
      border-bottom: 1px solid #67903d !important
   }

   .border-l-xl-green-10 {
      border-left: 1px solid #67903d !important
   }

   .border-r-xl-green-10 {
      border-right: 1px solid #67903d !important
   }

   .border-t-xl-bg-understanding-crc {
      border-top: 1px solid #033b90 !important
   }

   .border-b-xl-bg-understanding-crc {
      border-bottom: 1px solid #033b90 !important
   }

   .border-l-xl-bg-understanding-crc {
      border-left: 1px solid #033b90 !important
   }

   .border-r-xl-bg-understanding-crc {
      border-right: 1px solid #033b90 !important
   }

   .border-t-xl-0 {
      border-top: 0 !important
   }

   .border-b-xl-0 {
      border-bottom: 0 !important
   }

   .border-l-xl-0 {
      border-left: 0 !important
   }

   .border-r-xl-0 {
      border-right: 0 !important
   }
}

@media (min-width: 1400px) {
   .border-t-xxl-black {
      border-top: 1px solid #000 !important
   }

   .border-b-xxl-black {
      border-bottom: 1px solid #000 !important
   }

   .border-l-xxl-black {
      border-left: 1px solid #000 !important
   }

   .border-r-xxl-black {
      border-right: 1px solid #000 !important
   }

   .border-t-xxl-white {
      border-top: 1px solid #fff !important
   }

   .border-b-xxl-white {
      border-bottom: 1px solid #fff !important
   }

   .border-l-xxl-white {
      border-left: 1px solid #fff !important
   }

   .border-r-xxl-white {
      border-right: 1px solid #fff !important
   }

   .border-t-xxl-white-50 {
      border-top: 1px solid rgba(255, 255, 255, .5) !important
   }

   .border-b-xxl-white-50 {
      border-bottom: 1px solid rgba(255, 255, 255, .5) !important
   }

   .border-l-xxl-white-50 {
      border-left: 1px solid rgba(255, 255, 255, .5) !important
   }

   .border-r-xxl-white-50 {
      border-right: 1px solid rgba(255, 255, 255, .5) !important
   }

   .border-t-xxl-body-color {
      border-top: 1px solid #fff !important
   }

   .border-b-xxl-body-color {
      border-bottom: 1px solid #fff !important
   }

   .border-l-xxl-body-color {
      border-left: 1px solid #fff !important
   }

   .border-r-xxl-body-color {
      border-right: 1px solid #fff !important
   }

   .border-t-xxl-red-100 {
      border-top: 1px solid #ffe8e8 !important
   }

   .border-b-xxl-red-100 {
      border-bottom: 1px solid #ffe8e8 !important
   }

   .border-l-xxl-red-100 {
      border-left: 1px solid #ffe8e8 !important
   }

   .border-r-xxl-red-100 {
      border-right: 1px solid #ffe8e8 !important
   }

   .border-t-xxl-red-200 {
      border-top: 1px solid #febbbb !important
   }

   .border-b-xxl-red-200 {
      border-bottom: 1px solid #febbbb !important
   }

   .border-l-xxl-red-200 {
      border-left: 1px solid #febbbb !important
   }

   .border-r-xxl-red-200 {
      border-right: 1px solid #febbbb !important
   }

   .border-t-xxl-red-300 {
      border-top: 1px solid #fc7777 !important
   }

   .border-b-xxl-red-300 {
      border-bottom: 1px solid #fc7777 !important
   }

   .border-l-xxl-red-300 {
      border-left: 1px solid #fc7777 !important
   }

   .border-r-xxl-red-300 {
      border-right: 1px solid #fc7777 !important
   }

   .border-t-xxl-red-400 {
      border-top: 1px solid #fb4949 !important
   }

   .border-b-xxl-red-400 {
      border-bottom: 1px solid #fb4949 !important
   }

   .border-l-xxl-red-400 {
      border-left: 1px solid #fb4949 !important
   }

   .border-r-xxl-red-400 {
      border-right: 1px solid #fb4949 !important
   }

   .border-t-xxl-red-500 {
      border-top: 1px solid #fa0505 !important
   }

   .border-b-xxl-red-500 {
      border-bottom: 1px solid #fa0505 !important
   }

   .border-l-xxl-red-500 {
      border-left: 1px solid #fa0505 !important
   }

   .border-r-xxl-red-500 {
      border-right: 1px solid #fa0505 !important
   }

   .border-t-xxl-red-600 {
      border-top: 1px solid #7b1315 !important
   }

   .border-b-xxl-red-600 {
      border-bottom: 1px solid #7b1315 !important
   }

   .border-l-xxl-red-600 {
      border-left: 1px solid #7b1315 !important
   }

   .border-r-xxl-red-600 {
      border-right: 1px solid #7b1315 !important
   }

   .border-t-xxl-red-700 {
      border-top: 1px solid #641011 !important
   }

   .border-b-xxl-red-700 {
      border-bottom: 1px solid #641011 !important
   }

   .border-l-xxl-red-700 {
      border-left: 1px solid #641011 !important
   }

   .border-r-xxl-red-700 {
      border-right: 1px solid #641011 !important
   }

   .border-t-xxl-red-800 {
      border-top: 1px solid #380909 !important
   }

   .border-b-xxl-red-800 {
      border-bottom: 1px solid #380909 !important
   }

   .border-l-xxl-red-800 {
      border-left: 1px solid #380909 !important
   }

   .border-r-xxl-red-800 {
      border-right: 1px solid #380909 !important
   }

   .border-t-xxl-red-900 {
      border-top: 1px solid #210506 !important
   }

   .border-b-xxl-red-900 {
      border-bottom: 1px solid #210506 !important
   }

   .border-l-xxl-red-900 {
      border-left: 1px solid #210506 !important
   }

   .border-r-xxl-red-900 {
      border-right: 1px solid #210506 !important
   }

   .border-t-xxl-blue-500 {
      border-top: 1px solid #00005e !important
   }

   .border-b-xxl-blue-500 {
      border-bottom: 1px solid #00005e !important
   }

   .border-l-xxl-blue-500 {
      border-left: 1px solid #00005e !important
   }

   .border-r-xxl-blue-500 {
      border-right: 1px solid #00005e !important
   }

   .border-t-xxl-grey-100 {
      border-top: 1px solid #f3f3f3 !important
   }

   .border-b-xxl-grey-100 {
      border-bottom: 1px solid #f3f3f3 !important
   }

   .border-l-xxl-grey-100 {
      border-left: 1px solid #f3f3f3 !important
   }

   .border-r-xxl-grey-100 {
      border-right: 1px solid #f3f3f3 !important
   }

   .border-t-xxl-grey-200 {
      border-top: 1px solid #e0e0e0 !important
   }

   .border-b-xxl-grey-200 {
      border-bottom: 1px solid #e0e0e0 !important
   }

   .border-l-xxl-grey-200 {
      border-left: 1px solid #e0e0e0 !important
   }

   .border-r-xxl-grey-200 {
      border-right: 1px solid #e0e0e0 !important
   }

   .border-t-xxl-grey-300 {
      border-top: 1px solid #b6b7bc !important
   }

   .border-b-xxl-grey-300 {
      border-bottom: 1px solid #b6b7bc !important
   }

   .border-l-xxl-grey-300 {
      border-left: 1px solid #b6b7bc !important
   }

   .border-r-xxl-grey-300 {
      border-right: 1px solid #b6b7bc !important
   }

   .border-t-xxl-grey-400 {
      border-top: 1px solid #808289 !important
   }

   .border-b-xxl-grey-400 {
      border-bottom: 1px solid #808289 !important
   }

   .border-l-xxl-grey-400 {
      border-left: 1px solid #808289 !important
   }

   .border-r-xxl-grey-400 {
      border-right: 1px solid #808289 !important
   }

   .border-t-xxl-grey-500 {
      border-top: 1px solid #3c3d41 !important
   }

   .border-b-xxl-grey-500 {
      border-bottom: 1px solid #3c3d41 !important
   }

   .border-l-xxl-grey-500 {
      border-left: 1px solid #3c3d41 !important
   }

   .border-r-xxl-grey-500 {
      border-right: 1px solid #3c3d41 !important
   }

   .border-t-xxl-grey-600 {
      border-top: 1px solid #292929 !important
   }

   .border-b-xxl-grey-600 {
      border-bottom: 1px solid #292929 !important
   }

   .border-l-xxl-grey-600 {
      border-left: 1px solid #292929 !important
   }

   .border-r-xxl-grey-600 {
      border-right: 1px solid #292929 !important
   }

   .border-t-xxl-grey-700 {
      border-top: 1px solid #1e1e1e !important
   }

   .border-b-xxl-grey-700 {
      border-bottom: 1px solid #1e1e1e !important
   }

   .border-l-xxl-grey-700 {
      border-left: 1px solid #1e1e1e !important
   }

   .border-r-xxl-grey-700 {
      border-right: 1px solid #1e1e1e !important
   }

   .border-t-xxl-grey-800 {
      border-top: 1px solid #0c0c0c !important
   }

   .border-b-xxl-grey-800 {
      border-bottom: 1px solid #0c0c0c !important
   }

   .border-l-xxl-grey-800 {
      border-left: 1px solid #0c0c0c !important
   }

   .border-r-xxl-grey-800 {
      border-right: 1px solid #0c0c0c !important
   }

   .border-t-xxl-grey-900 {
      border-top: 1px solid #0d0d0d !important
   }

   .border-b-xxl-grey-900 {
      border-bottom: 1px solid #0d0d0d !important
   }

   .border-l-xxl-grey-900 {
      border-left: 1px solid #0d0d0d !important
   }

   .border-r-xxl-grey-900 {
      border-right: 1px solid #0d0d0d !important
   }

   .border-t-xxl-sd-stakeholders {
      border-top: 1px solid #e13427 !important
   }

   .border-b-xxl-sd-stakeholders {
      border-bottom: 1px solid #e13427 !important
   }

   .border-l-xxl-sd-stakeholders {
      border-left: 1px solid #e13427 !important
   }

   .border-r-xxl-sd-stakeholders {
      border-right: 1px solid #e13427 !important
   }

   .border-t-xxl-sd-employees {
      border-top: 1px solid #2f642d !important
   }

   .border-b-xxl-sd-employees {
      border-bottom: 1px solid #2f642d !important
   }

   .border-l-xxl-sd-employees {
      border-left: 1px solid #2f642d !important
   }

   .border-r-xxl-sd-employees {
      border-right: 1px solid #2f642d !important
   }

   .border-t-xxl-sd-suppliers {
      border-top: 1px solid #494a4b !important
   }

   .border-b-xxl-sd-suppliers {
      border-bottom: 1px solid #494a4b !important
   }

   .border-l-xxl-sd-suppliers {
      border-left: 1px solid #494a4b !important
   }

   .border-r-xxl-sd-suppliers {
      border-right: 1px solid #494a4b !important
   }

   .border-t-xxl-sd-customers {
      border-top: 1px solid #cf5b3b !important
   }

   .border-b-xxl-sd-customers {
      border-bottom: 1px solid #cf5b3b !important
   }

   .border-l-xxl-sd-customers {
      border-left: 1px solid #cf5b3b !important
   }

   .border-r-xxl-sd-customers {
      border-right: 1px solid #cf5b3b !important
   }

   .border-t-xxl-sd-creditors {
      border-top: 1px solid #2755b4 !important
   }

   .border-b-xxl-sd-creditors {
      border-bottom: 1px solid #2755b4 !important
   }

   .border-l-xxl-sd-creditors {
      border-left: 1px solid #2755b4 !important
   }

   .border-r-xxl-sd-creditors {
      border-right: 1px solid #2755b4 !important
   }

   .border-t-xxl-sd-government {
      border-top: 1px solid #0b0c0d !important
   }

   .border-b-xxl-sd-government {
      border-bottom: 1px solid #0b0c0d !important
   }

   .border-l-xxl-sd-government {
      border-left: 1px solid #0b0c0d !important
   }

   .border-r-xxl-sd-government {
      border-right: 1px solid #0b0c0d !important
   }

   .border-t-xxl-sd-communities {
      border-top: 1px solid #020c7a !important
   }

   .border-b-xxl-sd-communities {
      border-bottom: 1px solid #020c7a !important
   }

   .border-l-xxl-sd-communities {
      border-left: 1px solid #020c7a !important
   }

   .border-r-xxl-sd-communities {
      border-right: 1px solid #020c7a !important
   }

   .border-t-xxl-sd-people {
      border-top: 1px solid #a90b1d !important
   }

   .border-b-xxl-sd-people {
      border-bottom: 1px solid #a90b1d !important
   }

   .border-l-xxl-sd-people {
      border-left: 1px solid #a90b1d !important
   }

   .border-r-xxl-sd-people {
      border-right: 1px solid #a90b1d !important
   }

   .border-t-xxl-sd-prosperity {
      border-top: 1px solid #042d58 !important
   }

   .border-b-xxl-sd-prosperity {
      border-bottom: 1px solid #042d58 !important
   }

   .border-l-xxl-sd-prosperity {
      border-left: 1px solid #042d58 !important
   }

   .border-r-xxl-sd-prosperity {
      border-right: 1px solid #042d58 !important
   }

   .border-t-xxl-sd-planet {
      border-top: 1px solid #277f34 !important
   }

   .border-b-xxl-sd-planet {
      border-bottom: 1px solid #277f34 !important
   }

   .border-l-xxl-sd-planet {
      border-left: 1px solid #277f34 !important
   }

   .border-r-xxl-sd-planet {
      border-right: 1px solid #277f34 !important
   }

   .border-t-xxl-sd-partnerships {
      border-top: 1px solid #f28416 !important
   }

   .border-b-xxl-sd-partnerships {
      border-bottom: 1px solid #f28416 !important
   }

   .border-l-xxl-sd-partnerships {
      border-left: 1px solid #f28416 !important
   }

   .border-r-xxl-sd-partnerships {
      border-right: 1px solid #f28416 !important
   }

   .border-t-xxl-sd-featured-story {
      border-top: 1px solid #84521f !important
   }

   .border-b-xxl-sd-featured-story {
      border-bottom: 1px solid #84521f !important
   }

   .border-l-xxl-sd-featured-story {
      border-left: 1px solid #84521f !important
   }

   .border-r-xxl-sd-featured-story {
      border-right: 1px solid #84521f !important
   }

   .border-t-xxl-sd-reduce {
      border-top: 1px solid #f9bd15 !important
   }

   .border-b-xxl-sd-reduce {
      border-bottom: 1px solid #f9bd15 !important
   }

   .border-l-xxl-sd-reduce {
      border-left: 1px solid #f9bd15 !important
   }

   .border-r-xxl-sd-reduce {
      border-right: 1px solid #f9bd15 !important
   }

   .border-t-xxl-sd-navigate {
      border-top: 1px solid #2673bf !important
   }

   .border-b-xxl-sd-navigate {
      border-bottom: 1px solid #2673bf !important
   }

   .border-l-xxl-sd-navigate {
      border-left: 1px solid #2673bf !important
   }

   .border-r-xxl-sd-navigate {
      border-right: 1px solid #2673bf !important
   }

   .border-t-xxl-sd-eco {
      border-top: 1px solid #25c149 !important
   }

   .border-b-xxl-sd-eco {
      border-bottom: 1px solid #25c149 !important
   }

   .border-l-xxl-sd-eco {
      border-left: 1px solid #25c149 !important
   }

   .border-r-xxl-sd-eco {
      border-right: 1px solid #25c149 !important
   }

   .border-t-xxl-sd-waste {
      border-top: 1px solid #a0895d !important
   }

   .border-b-xxl-sd-waste {
      border-bottom: 1px solid #a0895d !important
   }

   .border-l-xxl-sd-waste {
      border-left: 1px solid #a0895d !important
   }

   .border-r-xxl-sd-waste {
      border-right: 1px solid #a0895d !important
   }

   .border-t-xxl-light-green-10 {
      border-top: 1px solid #7a9a82 !important
   }

   .border-b-xxl-light-green-10 {
      border-bottom: 1px solid #7a9a82 !important
   }

   .border-l-xxl-light-green-10 {
      border-left: 1px solid #7a9a82 !important
   }

   .border-r-xxl-light-green-10 {
      border-right: 1px solid #7a9a82 !important
   }

   .border-t-xxl-green-10 {
      border-top: 1px solid #67903d !important
   }

   .border-b-xxl-green-10 {
      border-bottom: 1px solid #67903d !important
   }

   .border-l-xxl-green-10 {
      border-left: 1px solid #67903d !important
   }

   .border-r-xxl-green-10 {
      border-right: 1px solid #67903d !important
   }

   .border-t-xxl-bg-understanding-crc {
      border-top: 1px solid #033b90 !important
   }

   .border-b-xxl-bg-understanding-crc {
      border-bottom: 1px solid #033b90 !important
   }

   .border-l-xxl-bg-understanding-crc {
      border-left: 1px solid #033b90 !important
   }

   .border-r-xxl-bg-understanding-crc {
      border-right: 1px solid #033b90 !important
   }

   .border-t-xxl-0 {
      border-top: 0 !important
   }

   .border-b-xxl-0 {
      border-bottom: 0 !important
   }

   .border-l-xxl-0 {
      border-left: 0 !important
   }

   .border-r-xxl-0 {
      border-right: 0 !important
   }
}

@media (min-width: 1600px) {
   .border-t-xxxl-black {
      border-top: 1px solid #000 !important
   }

   .border-b-xxxl-black {
      border-bottom: 1px solid #000 !important
   }

   .border-l-xxxl-black {
      border-left: 1px solid #000 !important
   }

   .border-r-xxxl-black {
      border-right: 1px solid #000 !important
   }

   .border-t-xxxl-white {
      border-top: 1px solid #fff !important
   }

   .border-b-xxxl-white {
      border-bottom: 1px solid #fff !important
   }

   .border-l-xxxl-white {
      border-left: 1px solid #fff !important
   }

   .border-r-xxxl-white {
      border-right: 1px solid #fff !important
   }

   .border-t-xxxl-white-50 {
      border-top: 1px solid rgba(255, 255, 255, .5) !important
   }

   .border-b-xxxl-white-50 {
      border-bottom: 1px solid rgba(255, 255, 255, .5) !important
   }

   .border-l-xxxl-white-50 {
      border-left: 1px solid rgba(255, 255, 255, .5) !important
   }

   .border-r-xxxl-white-50 {
      border-right: 1px solid rgba(255, 255, 255, .5) !important
   }

   .border-t-xxxl-body-color {
      border-top: 1px solid #fff !important
   }

   .border-b-xxxl-body-color {
      border-bottom: 1px solid #fff !important
   }

   .border-l-xxxl-body-color {
      border-left: 1px solid #fff !important
   }

   .border-r-xxxl-body-color {
      border-right: 1px solid #fff !important
   }

   .border-t-xxxl-red-100 {
      border-top: 1px solid #ffe8e8 !important
   }

   .border-b-xxxl-red-100 {
      border-bottom: 1px solid #ffe8e8 !important
   }

   .border-l-xxxl-red-100 {
      border-left: 1px solid #ffe8e8 !important
   }

   .border-r-xxxl-red-100 {
      border-right: 1px solid #ffe8e8 !important
   }

   .border-t-xxxl-red-200 {
      border-top: 1px solid #febbbb !important
   }

   .border-b-xxxl-red-200 {
      border-bottom: 1px solid #febbbb !important
   }

   .border-l-xxxl-red-200 {
      border-left: 1px solid #febbbb !important
   }

   .border-r-xxxl-red-200 {
      border-right: 1px solid #febbbb !important
   }

   .border-t-xxxl-red-300 {
      border-top: 1px solid #fc7777 !important
   }

   .border-b-xxxl-red-300 {
      border-bottom: 1px solid #fc7777 !important
   }

   .border-l-xxxl-red-300 {
      border-left: 1px solid #fc7777 !important
   }

   .border-r-xxxl-red-300 {
      border-right: 1px solid #fc7777 !important
   }

   .border-t-xxxl-red-400 {
      border-top: 1px solid #fb4949 !important
   }

   .border-b-xxxl-red-400 {
      border-bottom: 1px solid #fb4949 !important
   }

   .border-l-xxxl-red-400 {
      border-left: 1px solid #fb4949 !important
   }

   .border-r-xxxl-red-400 {
      border-right: 1px solid #fb4949 !important
   }

   .border-t-xxxl-red-500 {
      border-top: 1px solid #fa0505 !important
   }

   .border-b-xxxl-red-500 {
      border-bottom: 1px solid #fa0505 !important
   }

   .border-l-xxxl-red-500 {
      border-left: 1px solid #fa0505 !important
   }

   .border-r-xxxl-red-500 {
      border-right: 1px solid #fa0505 !important
   }

   .border-t-xxxl-red-600 {
      border-top: 1px solid #7b1315 !important
   }

   .border-b-xxxl-red-600 {
      border-bottom: 1px solid #7b1315 !important
   }

   .border-l-xxxl-red-600 {
      border-left: 1px solid #7b1315 !important
   }

   .border-r-xxxl-red-600 {
      border-right: 1px solid #7b1315 !important
   }

   .border-t-xxxl-red-700 {
      border-top: 1px solid #641011 !important
   }

   .border-b-xxxl-red-700 {
      border-bottom: 1px solid #641011 !important
   }

   .border-l-xxxl-red-700 {
      border-left: 1px solid #641011 !important
   }

   .border-r-xxxl-red-700 {
      border-right: 1px solid #641011 !important
   }

   .border-t-xxxl-red-800 {
      border-top: 1px solid #380909 !important
   }

   .border-b-xxxl-red-800 {
      border-bottom: 1px solid #380909 !important
   }

   .border-l-xxxl-red-800 {
      border-left: 1px solid #380909 !important
   }

   .border-r-xxxl-red-800 {
      border-right: 1px solid #380909 !important
   }

   .border-t-xxxl-red-900 {
      border-top: 1px solid #210506 !important
   }

   .border-b-xxxl-red-900 {
      border-bottom: 1px solid #210506 !important
   }

   .border-l-xxxl-red-900 {
      border-left: 1px solid #210506 !important
   }

   .border-r-xxxl-red-900 {
      border-right: 1px solid #210506 !important
   }

   .border-t-xxxl-blue-500 {
      border-top: 1px solid #00005e !important
   }

   .border-b-xxxl-blue-500 {
      border-bottom: 1px solid #00005e !important
   }

   .border-l-xxxl-blue-500 {
      border-left: 1px solid #00005e !important
   }

   .border-r-xxxl-blue-500 {
      border-right: 1px solid #00005e !important
   }

   .border-t-xxxl-grey-100 {
      border-top: 1px solid #f3f3f3 !important
   }

   .border-b-xxxl-grey-100 {
      border-bottom: 1px solid #f3f3f3 !important
   }

   .border-l-xxxl-grey-100 {
      border-left: 1px solid #f3f3f3 !important
   }

   .border-r-xxxl-grey-100 {
      border-right: 1px solid #f3f3f3 !important
   }

   .border-t-xxxl-grey-200 {
      border-top: 1px solid #e0e0e0 !important
   }

   .border-b-xxxl-grey-200 {
      border-bottom: 1px solid #e0e0e0 !important
   }

   .border-l-xxxl-grey-200 {
      border-left: 1px solid #e0e0e0 !important
   }

   .border-r-xxxl-grey-200 {
      border-right: 1px solid #e0e0e0 !important
   }

   .border-t-xxxl-grey-300 {
      border-top: 1px solid #b6b7bc !important
   }

   .border-b-xxxl-grey-300 {
      border-bottom: 1px solid #b6b7bc !important
   }

   .border-l-xxxl-grey-300 {
      border-left: 1px solid #b6b7bc !important
   }

   .border-r-xxxl-grey-300 {
      border-right: 1px solid #b6b7bc !important
   }

   .border-t-xxxl-grey-400 {
      border-top: 1px solid #808289 !important
   }

   .border-b-xxxl-grey-400 {
      border-bottom: 1px solid #808289 !important
   }

   .border-l-xxxl-grey-400 {
      border-left: 1px solid #808289 !important
   }

   .border-r-xxxl-grey-400 {
      border-right: 1px solid #808289 !important
   }

   .border-t-xxxl-grey-500 {
      border-top: 1px solid #3c3d41 !important
   }

   .border-b-xxxl-grey-500 {
      border-bottom: 1px solid #3c3d41 !important
   }

   .border-l-xxxl-grey-500 {
      border-left: 1px solid #3c3d41 !important
   }

   .border-r-xxxl-grey-500 {
      border-right: 1px solid #3c3d41 !important
   }

   .border-t-xxxl-grey-600 {
      border-top: 1px solid #292929 !important
   }

   .border-b-xxxl-grey-600 {
      border-bottom: 1px solid #292929 !important
   }

   .border-l-xxxl-grey-600 {
      border-left: 1px solid #292929 !important
   }

   .border-r-xxxl-grey-600 {
      border-right: 1px solid #292929 !important
   }

   .border-t-xxxl-grey-700 {
      border-top: 1px solid #1e1e1e !important
   }

   .border-b-xxxl-grey-700 {
      border-bottom: 1px solid #1e1e1e !important
   }

   .border-l-xxxl-grey-700 {
      border-left: 1px solid #1e1e1e !important
   }

   .border-r-xxxl-grey-700 {
      border-right: 1px solid #1e1e1e !important
   }

   .border-t-xxxl-grey-800 {
      border-top: 1px solid #0c0c0c !important
   }

   .border-b-xxxl-grey-800 {
      border-bottom: 1px solid #0c0c0c !important
   }

   .border-l-xxxl-grey-800 {
      border-left: 1px solid #0c0c0c !important
   }

   .border-r-xxxl-grey-800 {
      border-right: 1px solid #0c0c0c !important
   }

   .border-t-xxxl-grey-900 {
      border-top: 1px solid #0d0d0d !important
   }

   .border-b-xxxl-grey-900 {
      border-bottom: 1px solid #0d0d0d !important
   }

   .border-l-xxxl-grey-900 {
      border-left: 1px solid #0d0d0d !important
   }

   .border-r-xxxl-grey-900 {
      border-right: 1px solid #0d0d0d !important
   }

   .border-t-xxxl-sd-stakeholders {
      border-top: 1px solid #e13427 !important
   }

   .border-b-xxxl-sd-stakeholders {
      border-bottom: 1px solid #e13427 !important
   }

   .border-l-xxxl-sd-stakeholders {
      border-left: 1px solid #e13427 !important
   }

   .border-r-xxxl-sd-stakeholders {
      border-right: 1px solid #e13427 !important
   }

   .border-t-xxxl-sd-employees {
      border-top: 1px solid #2f642d !important
   }

   .border-b-xxxl-sd-employees {
      border-bottom: 1px solid #2f642d !important
   }

   .border-l-xxxl-sd-employees {
      border-left: 1px solid #2f642d !important
   }

   .border-r-xxxl-sd-employees {
      border-right: 1px solid #2f642d !important
   }

   .border-t-xxxl-sd-suppliers {
      border-top: 1px solid #494a4b !important
   }

   .border-b-xxxl-sd-suppliers {
      border-bottom: 1px solid #494a4b !important
   }

   .border-l-xxxl-sd-suppliers {
      border-left: 1px solid #494a4b !important
   }

   .border-r-xxxl-sd-suppliers {
      border-right: 1px solid #494a4b !important
   }

   .border-t-xxxl-sd-customers {
      border-top: 1px solid #cf5b3b !important
   }

   .border-b-xxxl-sd-customers {
      border-bottom: 1px solid #cf5b3b !important
   }

   .border-l-xxxl-sd-customers {
      border-left: 1px solid #cf5b3b !important
   }

   .border-r-xxxl-sd-customers {
      border-right: 1px solid #cf5b3b !important
   }

   .border-t-xxxl-sd-creditors {
      border-top: 1px solid #2755b4 !important
   }

   .border-b-xxxl-sd-creditors {
      border-bottom: 1px solid #2755b4 !important
   }

   .border-l-xxxl-sd-creditors {
      border-left: 1px solid #2755b4 !important
   }

   .border-r-xxxl-sd-creditors {
      border-right: 1px solid #2755b4 !important
   }

   .border-t-xxxl-sd-government {
      border-top: 1px solid #0b0c0d !important
   }

   .border-b-xxxl-sd-government {
      border-bottom: 1px solid #0b0c0d !important
   }

   .border-l-xxxl-sd-government {
      border-left: 1px solid #0b0c0d !important
   }

   .border-r-xxxl-sd-government {
      border-right: 1px solid #0b0c0d !important
   }

   .border-t-xxxl-sd-communities {
      border-top: 1px solid #020c7a !important
   }

   .border-b-xxxl-sd-communities {
      border-bottom: 1px solid #020c7a !important
   }

   .border-l-xxxl-sd-communities {
      border-left: 1px solid #020c7a !important
   }

   .border-r-xxxl-sd-communities {
      border-right: 1px solid #020c7a !important
   }

   .border-t-xxxl-sd-people {
      border-top: 1px solid #a90b1d !important
   }

   .border-b-xxxl-sd-people {
      border-bottom: 1px solid #a90b1d !important
   }

   .border-l-xxxl-sd-people {
      border-left: 1px solid #a90b1d !important
   }

   .border-r-xxxl-sd-people {
      border-right: 1px solid #a90b1d !important
   }

   .border-t-xxxl-sd-prosperity {
      border-top: 1px solid #042d58 !important
   }

   .border-b-xxxl-sd-prosperity {
      border-bottom: 1px solid #042d58 !important
   }

   .border-l-xxxl-sd-prosperity {
      border-left: 1px solid #042d58 !important
   }

   .border-r-xxxl-sd-prosperity {
      border-right: 1px solid #042d58 !important
   }

   .border-t-xxxl-sd-planet {
      border-top: 1px solid #277f34 !important
   }

   .border-b-xxxl-sd-planet {
      border-bottom: 1px solid #277f34 !important
   }

   .border-l-xxxl-sd-planet {
      border-left: 1px solid #277f34 !important
   }

   .border-r-xxxl-sd-planet {
      border-right: 1px solid #277f34 !important
   }

   .border-t-xxxl-sd-partnerships {
      border-top: 1px solid #f28416 !important
   }

   .border-b-xxxl-sd-partnerships {
      border-bottom: 1px solid #f28416 !important
   }

   .border-l-xxxl-sd-partnerships {
      border-left: 1px solid #f28416 !important
   }

   .border-r-xxxl-sd-partnerships {
      border-right: 1px solid #f28416 !important
   }

   .border-t-xxxl-sd-featured-story {
      border-top: 1px solid #84521f !important
   }

   .border-b-xxxl-sd-featured-story {
      border-bottom: 1px solid #84521f !important
   }

   .border-l-xxxl-sd-featured-story {
      border-left: 1px solid #84521f !important
   }

   .border-r-xxxl-sd-featured-story {
      border-right: 1px solid #84521f !important
   }

   .border-t-xxxl-sd-reduce {
      border-top: 1px solid #f9bd15 !important
   }

   .border-b-xxxl-sd-reduce {
      border-bottom: 1px solid #f9bd15 !important
   }

   .border-l-xxxl-sd-reduce {
      border-left: 1px solid #f9bd15 !important
   }

   .border-r-xxxl-sd-reduce {
      border-right: 1px solid #f9bd15 !important
   }

   .border-t-xxxl-sd-navigate {
      border-top: 1px solid #2673bf !important
   }

   .border-b-xxxl-sd-navigate {
      border-bottom: 1px solid #2673bf !important
   }

   .border-l-xxxl-sd-navigate {
      border-left: 1px solid #2673bf !important
   }

   .border-r-xxxl-sd-navigate {
      border-right: 1px solid #2673bf !important
   }

   .border-t-xxxl-sd-eco {
      border-top: 1px solid #25c149 !important
   }

   .border-b-xxxl-sd-eco {
      border-bottom: 1px solid #25c149 !important
   }

   .border-l-xxxl-sd-eco {
      border-left: 1px solid #25c149 !important
   }

   .border-r-xxxl-sd-eco {
      border-right: 1px solid #25c149 !important
   }

   .border-t-xxxl-sd-waste {
      border-top: 1px solid #a0895d !important
   }

   .border-b-xxxl-sd-waste {
      border-bottom: 1px solid #a0895d !important
   }

   .border-l-xxxl-sd-waste {
      border-left: 1px solid #a0895d !important
   }

   .border-r-xxxl-sd-waste {
      border-right: 1px solid #a0895d !important
   }

   .border-t-xxxl-light-green-10 {
      border-top: 1px solid #7a9a82 !important
   }

   .border-b-xxxl-light-green-10 {
      border-bottom: 1px solid #7a9a82 !important
   }

   .border-l-xxxl-light-green-10 {
      border-left: 1px solid #7a9a82 !important
   }

   .border-r-xxxl-light-green-10 {
      border-right: 1px solid #7a9a82 !important
   }

   .border-t-xxxl-green-10 {
      border-top: 1px solid #67903d !important
   }

   .border-b-xxxl-green-10 {
      border-bottom: 1px solid #67903d !important
   }

   .border-l-xxxl-green-10 {
      border-left: 1px solid #67903d !important
   }

   .border-r-xxxl-green-10 {
      border-right: 1px solid #67903d !important
   }

   .border-t-xxxl-bg-understanding-crc {
      border-top: 1px solid #033b90 !important
   }

   .border-b-xxxl-bg-understanding-crc {
      border-bottom: 1px solid #033b90 !important
   }

   .border-l-xxxl-bg-understanding-crc {
      border-left: 1px solid #033b90 !important
   }

   .border-r-xxxl-bg-understanding-crc {
      border-right: 1px solid #033b90 !important
   }

   .border-t-xxxl-0 {
      border-top: 0 !important
   }

   .border-b-xxxl-0 {
      border-bottom: 0 !important
   }

   .border-l-xxxl-0 {
      border-left: 0 !important
   }

   .border-r-xxxl-0 {
      border-right: 0 !important
   }
}

@media (min-width: 2000px) {
   .border-t-mac-black {
      border-top: 1px solid #000 !important
   }

   .border-b-mac-black {
      border-bottom: 1px solid #000 !important
   }

   .border-l-mac-black {
      border-left: 1px solid #000 !important
   }

   .border-r-mac-black {
      border-right: 1px solid #000 !important
   }

   .border-t-mac-white {
      border-top: 1px solid #fff !important
   }

   .border-b-mac-white {
      border-bottom: 1px solid #fff !important
   }

   .border-l-mac-white {
      border-left: 1px solid #fff !important
   }

   .border-r-mac-white {
      border-right: 1px solid #fff !important
   }

   .border-t-mac-white-50 {
      border-top: 1px solid rgba(255, 255, 255, .5) !important
   }

   .border-b-mac-white-50 {
      border-bottom: 1px solid rgba(255, 255, 255, .5) !important
   }

   .border-l-mac-white-50 {
      border-left: 1px solid rgba(255, 255, 255, .5) !important
   }

   .border-r-mac-white-50 {
      border-right: 1px solid rgba(255, 255, 255, .5) !important
   }

   .border-t-mac-body-color {
      border-top: 1px solid #fff !important
   }

   .border-b-mac-body-color {
      border-bottom: 1px solid #fff !important
   }

   .border-l-mac-body-color {
      border-left: 1px solid #fff !important
   }

   .border-r-mac-body-color {
      border-right: 1px solid #fff !important
   }

   .border-t-mac-red-100 {
      border-top: 1px solid #ffe8e8 !important
   }

   .border-b-mac-red-100 {
      border-bottom: 1px solid #ffe8e8 !important
   }

   .border-l-mac-red-100 {
      border-left: 1px solid #ffe8e8 !important
   }

   .border-r-mac-red-100 {
      border-right: 1px solid #ffe8e8 !important
   }

   .border-t-mac-red-200 {
      border-top: 1px solid #febbbb !important
   }

   .border-b-mac-red-200 {
      border-bottom: 1px solid #febbbb !important
   }

   .border-l-mac-red-200 {
      border-left: 1px solid #febbbb !important
   }

   .border-r-mac-red-200 {
      border-right: 1px solid #febbbb !important
   }

   .border-t-mac-red-300 {
      border-top: 1px solid #fc7777 !important
   }

   .border-b-mac-red-300 {
      border-bottom: 1px solid #fc7777 !important
   }

   .border-l-mac-red-300 {
      border-left: 1px solid #fc7777 !important
   }

   .border-r-mac-red-300 {
      border-right: 1px solid #fc7777 !important
   }

   .border-t-mac-red-400 {
      border-top: 1px solid #fb4949 !important
   }

   .border-b-mac-red-400 {
      border-bottom: 1px solid #fb4949 !important
   }

   .border-l-mac-red-400 {
      border-left: 1px solid #fb4949 !important
   }

   .border-r-mac-red-400 {
      border-right: 1px solid #fb4949 !important
   }

   .border-t-mac-red-500 {
      border-top: 1px solid #fa0505 !important
   }

   .border-b-mac-red-500 {
      border-bottom: 1px solid #fa0505 !important
   }

   .border-l-mac-red-500 {
      border-left: 1px solid #fa0505 !important
   }

   .border-r-mac-red-500 {
      border-right: 1px solid #fa0505 !important
   }

   .border-t-mac-red-600 {
      border-top: 1px solid #7b1315 !important
   }

   .border-b-mac-red-600 {
      border-bottom: 1px solid #7b1315 !important
   }

   .border-l-mac-red-600 {
      border-left: 1px solid #7b1315 !important
   }

   .border-r-mac-red-600 {
      border-right: 1px solid #7b1315 !important
   }

   .border-t-mac-red-700 {
      border-top: 1px solid #641011 !important
   }

   .border-b-mac-red-700 {
      border-bottom: 1px solid #641011 !important
   }

   .border-l-mac-red-700 {
      border-left: 1px solid #641011 !important
   }

   .border-r-mac-red-700 {
      border-right: 1px solid #641011 !important
   }

   .border-t-mac-red-800 {
      border-top: 1px solid #380909 !important
   }

   .border-b-mac-red-800 {
      border-bottom: 1px solid #380909 !important
   }

   .border-l-mac-red-800 {
      border-left: 1px solid #380909 !important
   }

   .border-r-mac-red-800 {
      border-right: 1px solid #380909 !important
   }

   .border-t-mac-red-900 {
      border-top: 1px solid #210506 !important
   }

   .border-b-mac-red-900 {
      border-bottom: 1px solid #210506 !important
   }

   .border-l-mac-red-900 {
      border-left: 1px solid #210506 !important
   }

   .border-r-mac-red-900 {
      border-right: 1px solid #210506 !important
   }

   .border-t-mac-blue-500 {
      border-top: 1px solid #00005e !important
   }

   .border-b-mac-blue-500 {
      border-bottom: 1px solid #00005e !important
   }

   .border-l-mac-blue-500 {
      border-left: 1px solid #00005e !important
   }

   .border-r-mac-blue-500 {
      border-right: 1px solid #00005e !important
   }

   .border-t-mac-grey-100 {
      border-top: 1px solid #f3f3f3 !important
   }

   .border-b-mac-grey-100 {
      border-bottom: 1px solid #f3f3f3 !important
   }

   .border-l-mac-grey-100 {
      border-left: 1px solid #f3f3f3 !important
   }

   .border-r-mac-grey-100 {
      border-right: 1px solid #f3f3f3 !important
   }

   .border-t-mac-grey-200 {
      border-top: 1px solid #e0e0e0 !important
   }

   .border-b-mac-grey-200 {
      border-bottom: 1px solid #e0e0e0 !important
   }

   .border-l-mac-grey-200 {
      border-left: 1px solid #e0e0e0 !important
   }

   .border-r-mac-grey-200 {
      border-right: 1px solid #e0e0e0 !important
   }

   .border-t-mac-grey-300 {
      border-top: 1px solid #b6b7bc !important
   }

   .border-b-mac-grey-300 {
      border-bottom: 1px solid #b6b7bc !important
   }

   .border-l-mac-grey-300 {
      border-left: 1px solid #b6b7bc !important
   }

   .border-r-mac-grey-300 {
      border-right: 1px solid #b6b7bc !important
   }

   .border-t-mac-grey-400 {
      border-top: 1px solid #808289 !important
   }

   .border-b-mac-grey-400 {
      border-bottom: 1px solid #808289 !important
   }

   .border-l-mac-grey-400 {
      border-left: 1px solid #808289 !important
   }

   .border-r-mac-grey-400 {
      border-right: 1px solid #808289 !important
   }

   .border-t-mac-grey-500 {
      border-top: 1px solid #3c3d41 !important
   }

   .border-b-mac-grey-500 {
      border-bottom: 1px solid #3c3d41 !important
   }

   .border-l-mac-grey-500 {
      border-left: 1px solid #3c3d41 !important
   }

   .border-r-mac-grey-500 {
      border-right: 1px solid #3c3d41 !important
   }

   .border-t-mac-grey-600 {
      border-top: 1px solid #292929 !important
   }

   .border-b-mac-grey-600 {
      border-bottom: 1px solid #292929 !important
   }

   .border-l-mac-grey-600 {
      border-left: 1px solid #292929 !important
   }

   .border-r-mac-grey-600 {
      border-right: 1px solid #292929 !important
   }

   .border-t-mac-grey-700 {
      border-top: 1px solid #1e1e1e !important
   }

   .border-b-mac-grey-700 {
      border-bottom: 1px solid #1e1e1e !important
   }

   .border-l-mac-grey-700 {
      border-left: 1px solid #1e1e1e !important
   }

   .border-r-mac-grey-700 {
      border-right: 1px solid #1e1e1e !important
   }

   .border-t-mac-grey-800 {
      border-top: 1px solid #0c0c0c !important
   }

   .border-b-mac-grey-800 {
      border-bottom: 1px solid #0c0c0c !important
   }

   .border-l-mac-grey-800 {
      border-left: 1px solid #0c0c0c !important
   }

   .border-r-mac-grey-800 {
      border-right: 1px solid #0c0c0c !important
   }

   .border-t-mac-grey-900 {
      border-top: 1px solid #0d0d0d !important
   }

   .border-b-mac-grey-900 {
      border-bottom: 1px solid #0d0d0d !important
   }

   .border-l-mac-grey-900 {
      border-left: 1px solid #0d0d0d !important
   }

   .border-r-mac-grey-900 {
      border-right: 1px solid #0d0d0d !important
   }

   .border-t-mac-sd-stakeholders {
      border-top: 1px solid #e13427 !important
   }

   .border-b-mac-sd-stakeholders {
      border-bottom: 1px solid #e13427 !important
   }

   .border-l-mac-sd-stakeholders {
      border-left: 1px solid #e13427 !important
   }

   .border-r-mac-sd-stakeholders {
      border-right: 1px solid #e13427 !important
   }

   .border-t-mac-sd-employees {
      border-top: 1px solid #2f642d !important
   }

   .border-b-mac-sd-employees {
      border-bottom: 1px solid #2f642d !important
   }

   .border-l-mac-sd-employees {
      border-left: 1px solid #2f642d !important
   }

   .border-r-mac-sd-employees {
      border-right: 1px solid #2f642d !important
   }

   .border-t-mac-sd-suppliers {
      border-top: 1px solid #494a4b !important
   }

   .border-b-mac-sd-suppliers {
      border-bottom: 1px solid #494a4b !important
   }

   .border-l-mac-sd-suppliers {
      border-left: 1px solid #494a4b !important
   }

   .border-r-mac-sd-suppliers {
      border-right: 1px solid #494a4b !important
   }

   .border-t-mac-sd-customers {
      border-top: 1px solid #cf5b3b !important
   }

   .border-b-mac-sd-customers {
      border-bottom: 1px solid #cf5b3b !important
   }

   .border-l-mac-sd-customers {
      border-left: 1px solid #cf5b3b !important
   }

   .border-r-mac-sd-customers {
      border-right: 1px solid #cf5b3b !important
   }

   .border-t-mac-sd-creditors {
      border-top: 1px solid #2755b4 !important
   }

   .border-b-mac-sd-creditors {
      border-bottom: 1px solid #2755b4 !important
   }

   .border-l-mac-sd-creditors {
      border-left: 1px solid #2755b4 !important
   }

   .border-r-mac-sd-creditors {
      border-right: 1px solid #2755b4 !important
   }

   .border-t-mac-sd-government {
      border-top: 1px solid #0b0c0d !important
   }

   .border-b-mac-sd-government {
      border-bottom: 1px solid #0b0c0d !important
   }

   .border-l-mac-sd-government {
      border-left: 1px solid #0b0c0d !important
   }

   .border-r-mac-sd-government {
      border-right: 1px solid #0b0c0d !important
   }

   .border-t-mac-sd-communities {
      border-top: 1px solid #020c7a !important
   }

   .border-b-mac-sd-communities {
      border-bottom: 1px solid #020c7a !important
   }

   .border-l-mac-sd-communities {
      border-left: 1px solid #020c7a !important
   }

   .border-r-mac-sd-communities {
      border-right: 1px solid #020c7a !important
   }

   .border-t-mac-sd-people {
      border-top: 1px solid #a90b1d !important
   }

   .border-b-mac-sd-people {
      border-bottom: 1px solid #a90b1d !important
   }

   .border-l-mac-sd-people {
      border-left: 1px solid #a90b1d !important
   }

   .border-r-mac-sd-people {
      border-right: 1px solid #a90b1d !important
   }

   .border-t-mac-sd-prosperity {
      border-top: 1px solid #042d58 !important
   }

   .border-b-mac-sd-prosperity {
      border-bottom: 1px solid #042d58 !important
   }

   .border-l-mac-sd-prosperity {
      border-left: 1px solid #042d58 !important
   }

   .border-r-mac-sd-prosperity {
      border-right: 1px solid #042d58 !important
   }

   .border-t-mac-sd-planet {
      border-top: 1px solid #277f34 !important
   }

   .border-b-mac-sd-planet {
      border-bottom: 1px solid #277f34 !important
   }

   .border-l-mac-sd-planet {
      border-left: 1px solid #277f34 !important
   }

   .border-r-mac-sd-planet {
      border-right: 1px solid #277f34 !important
   }

   .border-t-mac-sd-partnerships {
      border-top: 1px solid #f28416 !important
   }

   .border-b-mac-sd-partnerships {
      border-bottom: 1px solid #f28416 !important
   }

   .border-l-mac-sd-partnerships {
      border-left: 1px solid #f28416 !important
   }

   .border-r-mac-sd-partnerships {
      border-right: 1px solid #f28416 !important
   }

   .border-t-mac-sd-featured-story {
      border-top: 1px solid #84521f !important
   }

   .border-b-mac-sd-featured-story {
      border-bottom: 1px solid #84521f !important
   }

   .border-l-mac-sd-featured-story {
      border-left: 1px solid #84521f !important
   }

   .border-r-mac-sd-featured-story {
      border-right: 1px solid #84521f !important
   }

   .border-t-mac-sd-reduce {
      border-top: 1px solid #f9bd15 !important
   }

   .border-b-mac-sd-reduce {
      border-bottom: 1px solid #f9bd15 !important
   }

   .border-l-mac-sd-reduce {
      border-left: 1px solid #f9bd15 !important
   }

   .border-r-mac-sd-reduce {
      border-right: 1px solid #f9bd15 !important
   }

   .border-t-mac-sd-navigate {
      border-top: 1px solid #2673bf !important
   }

   .border-b-mac-sd-navigate {
      border-bottom: 1px solid #2673bf !important
   }

   .border-l-mac-sd-navigate {
      border-left: 1px solid #2673bf !important
   }

   .border-r-mac-sd-navigate {
      border-right: 1px solid #2673bf !important
   }

   .border-t-mac-sd-eco {
      border-top: 1px solid #25c149 !important
   }

   .border-b-mac-sd-eco {
      border-bottom: 1px solid #25c149 !important
   }

   .border-l-mac-sd-eco {
      border-left: 1px solid #25c149 !important
   }

   .border-r-mac-sd-eco {
      border-right: 1px solid #25c149 !important
   }

   .border-t-mac-sd-waste {
      border-top: 1px solid #a0895d !important
   }

   .border-b-mac-sd-waste {
      border-bottom: 1px solid #a0895d !important
   }

   .border-l-mac-sd-waste {
      border-left: 1px solid #a0895d !important
   }

   .border-r-mac-sd-waste {
      border-right: 1px solid #a0895d !important
   }

   .border-t-mac-light-green-10 {
      border-top: 1px solid #7a9a82 !important
   }

   .border-b-mac-light-green-10 {
      border-bottom: 1px solid #7a9a82 !important
   }

   .border-l-mac-light-green-10 {
      border-left: 1px solid #7a9a82 !important
   }

   .border-r-mac-light-green-10 {
      border-right: 1px solid #7a9a82 !important
   }

   .border-t-mac-green-10 {
      border-top: 1px solid #67903d !important
   }

   .border-b-mac-green-10 {
      border-bottom: 1px solid #67903d !important
   }

   .border-l-mac-green-10 {
      border-left: 1px solid #67903d !important
   }

   .border-r-mac-green-10 {
      border-right: 1px solid #67903d !important
   }

   .border-t-mac-bg-understanding-crc {
      border-top: 1px solid #033b90 !important
   }

   .border-b-mac-bg-understanding-crc {
      border-bottom: 1px solid #033b90 !important
   }

   .border-l-mac-bg-understanding-crc {
      border-left: 1px solid #033b90 !important
   }

   .border-r-mac-bg-understanding-crc {
      border-right: 1px solid #033b90 !important
   }

   .border-t-mac-0 {
      border-top: 0 !important
   }

   .border-b-mac-0 {
      border-bottom: 0 !important
   }

   .border-l-mac-0 {
      border-left: 0 !important
   }

   .border-r-mac-0 {
      border-right: 0 !important
   }
}

.border-radius-10 {
   border-radius: 10px !important
}

.border-radius-15 {
   border-radius: 15px !important
}

.border-radius-20 {
   border-radius: 20px !important
}

.border-radius-25 {
   border-radius: 25px !important
}

@media (min-width: 576px) {
   .border-radius-sm-10 {
      border-radius: 10px !important
   }

   .border-radius-sm-15 {
      border-radius: 15px !important
   }

   .border-radius-sm-20 {
      border-radius: 20px !important
   }

   .border-radius-sm-25 {
      border-radius: 25px !important
   }
}

@media (min-width: 768px) {
   .border-radius-md-10 {
      border-radius: 10px !important
   }

   .border-radius-md-15 {
      border-radius: 15px !important
   }

   .border-radius-md-20 {
      border-radius: 20px !important
   }

   .border-radius-md-25 {
      border-radius: 25px !important
   }
}

@media (min-width: 992px) {
   .border-radius-lg-10 {
      border-radius: 10px !important
   }

   .border-radius-lg-15 {
      border-radius: 15px !important
   }

   .border-radius-lg-20 {
      border-radius: 20px !important
   }

   .border-radius-lg-25 {
      border-radius: 25px !important
   }
}

@media (min-width: 1200px) {
   .border-radius-xl-10 {
      border-radius: 10px !important
   }

   .border-radius-xl-15 {
      border-radius: 15px !important
   }

   .border-radius-xl-20 {
      border-radius: 20px !important
   }

   .border-radius-xl-25 {
      border-radius: 25px !important
   }
}

@media (min-width: 1400px) {
   .border-radius-xxl-10 {
      border-radius: 10px !important
   }

   .border-radius-xxl-15 {
      border-radius: 15px !important
   }

   .border-radius-xxl-20 {
      border-radius: 20px !important
   }

   .border-radius-xxl-25 {
      border-radius: 25px !important
   }
}

@media (min-width: 1600px) {
   .border-radius-xxxl-10 {
      border-radius: 10px !important
   }

   .border-radius-xxxl-15 {
      border-radius: 15px !important
   }

   .border-radius-xxxl-20 {
      border-radius: 20px !important
   }

   .border-radius-xxxl-25 {
      border-radius: 25px !important
   }
}

@media (min-width: 2000px) {
   .border-radius-mac-10 {
      border-radius: 10px !important
   }

   .border-radius-mac-15 {
      border-radius: 15px !important
   }

   .border-radius-mac-20 {
      border-radius: 20px !important
   }

   .border-radius-mac-25 {
      border-radius: 25px !important
   }
}

.list {
   list-style: none;
   margin-left: 1rem
}

.list li:before {
   display: inline-block;
   width: 1em;
   margin-left: -1em;
   content: "\2022";
   font-weight: 700;
   color: #fff
}

.list ul {
   list-style: none;
   margin-left: 22px
}

.list ul li:before {
   display: inline-block;
   width: 1em;
   margin-left: -1em;
   content: "\2022";
   font-weight: 700;
   color: #fff
}

ol,
ul {
   padding-left: 1.25rem
}

ol>li ol,
ol>li ul,
ul>li ol,
ul>li ul {
   margin-top: .5rem;
   margin-bottom: 1.5rem
}

@media (max-width: 767.98px) {

   ol>li ol,
   ol>li ul,
   ul>li ol,
   ul>li ul {
      margin-bottom: 1.25rem
   }
}

.font-icon-xs {
   font-size: .75rem !important
}

.font-icon-sm {
   font-size: .875rem !important
}

.font-icon-md {
   font-size: 1rem !important
}

.font-icon-lg {
   font-size: 1.5rem !important
}

.font-icon-xl {
   font-size: 1.75rem !important
}

.font-icon-2x {
   font-size: 2rem !important
}

.font-icon-3x {
   font-size: 3rem !important
}

.font-icon-4x {
   font-size: 4rem !important
}

.font-icon-5x {
   font-size: 5rem !important
}

.font-icon-7x {
   font-size: 7rem !important
}

.font-icon-10x {
   font-size: 10rem !important
}

.w-1 {
   width: 1% !important
}

.w-2 {
   width: 2% !important
}

.w-3 {
   width: 3% !important
}

.w-4 {
   width: 4% !important
}

.w-5 {
   width: 5% !important
}

.w-6 {
   width: 6% !important
}

.w-7 {
   width: 7% !important
}

.w-8 {
   width: 8% !important
}

.w-9 {
   width: 9% !important
}

.w-10 {
   width: 10% !important
}

.w-11 {
   width: 11% !important
}

.w-12 {
   width: 12% !important
}

.w-13 {
   width: 13% !important
}

.w-14 {
   width: 14% !important
}

.w-15 {
   width: 15% !important
}

.w-16 {
   width: 16% !important
}

.w-17 {
   width: 17% !important
}

.w-18 {
   width: 18% !important
}

.w-19 {
   width: 19% !important
}

.w-20 {
   width: 20% !important
}

.w-21 {
   width: 21% !important
}

.w-22 {
   width: 22% !important
}

.w-23 {
   width: 23% !important
}

.w-24 {
   width: 24% !important
}

.w-25 {
   width: 25% !important
}

.w-26 {
   width: 26% !important
}

.w-27 {
   width: 27% !important
}

.w-28 {
   width: 28% !important
}

.w-29 {
   width: 29% !important
}

.w-30 {
   width: 30% !important
}

.w-31 {
   width: 31% !important
}

.w-32 {
   width: 32% !important
}

.w-33 {
   width: 33% !important
}

.w-34 {
   width: 34% !important
}

.w-35 {
   width: 35% !important
}

.w-36 {
   width: 36% !important
}

.w-37 {
   width: 37% !important
}

.w-38 {
   width: 38% !important
}

.w-39 {
   width: 39% !important
}

.w-40 {
   width: 40% !important
}

.w-41 {
   width: 41% !important
}

.w-42 {
   width: 42% !important
}

.w-43 {
   width: 43% !important
}

.w-44 {
   width: 44% !important
}

.w-45 {
   width: 45% !important
}

.w-46 {
   width: 46% !important
}

.w-47 {
   width: 47% !important
}

.w-48 {
   width: 48% !important
}

.w-49 {
   width: 49% !important
}

.w-50 {
   width: 50% !important
}

.w-51 {
   width: 51% !important
}

.w-52 {
   width: 52% !important
}

.w-53 {
   width: 53% !important
}

.w-54 {
   width: 54% !important
}

.w-55 {
   width: 55% !important
}

.w-56 {
   width: 56% !important
}

.w-57 {
   width: 57% !important
}

.w-58 {
   width: 58% !important
}

.w-59 {
   width: 59% !important
}

.w-60 {
   width: 60% !important
}

.w-61 {
   width: 61% !important
}

.w-62 {
   width: 62% !important
}

.w-63 {
   width: 63% !important
}

.w-64 {
   width: 64% !important
}

.w-65 {
   width: 65% !important
}

.w-66 {
   width: 66% !important
}

.w-67 {
   width: 67% !important
}

.w-68 {
   width: 68% !important
}

.w-69 {
   width: 69% !important
}

.w-70 {
   width: 70% !important
}

.w-71 {
   width: 71% !important
}

.w-72 {
   width: 72% !important
}

.w-73 {
   width: 73% !important
}

.w-74 {
   width: 74% !important
}

.w-75 {
   width: 75% !important
}

.w-76 {
   width: 76% !important
}

.w-77 {
   width: 77% !important
}

.w-78 {
   width: 78% !important
}

.w-79 {
   width: 79% !important
}

.w-80 {
   width: 80% !important
}

.w-81 {
   width: 81% !important
}

.w-82 {
   width: 82% !important
}

.w-83 {
   width: 83% !important
}

.w-84 {
   width: 84% !important
}

.w-85 {
   width: 85% !important
}

.w-86 {
   width: 86% !important
}

.w-87 {
   width: 87% !important
}

.w-88 {
   width: 88% !important
}

.w-89 {
   width: 89% !important
}

.w-90 {
   width: 90% !important
}

.w-91 {
   width: 91% !important
}

.w-92 {
   width: 92% !important
}

.w-93 {
   width: 93% !important
}

.w-94 {
   width: 94% !important
}

.w-95 {
   width: 95% !important
}

.w-96 {
   width: 96% !important
}

.w-97 {
   width: 97% !important
}

.w-98 {
   width: 98% !important
}

.w-99 {
   width: 99% !important
}

@media (min-width: 576px) {
   .w-sm-1 {
      width: 1% !important
   }

   .w-sm-2 {
      width: 2% !important
   }

   .w-sm-3 {
      width: 3% !important
   }

   .w-sm-4 {
      width: 4% !important
   }

   .w-sm-5 {
      width: 5% !important
   }

   .w-sm-6 {
      width: 6% !important
   }

   .w-sm-7 {
      width: 7% !important
   }

   .w-sm-8 {
      width: 8% !important
   }

   .w-sm-9 {
      width: 9% !important
   }

   .w-sm-10 {
      width: 10% !important
   }

   .w-sm-11 {
      width: 11% !important
   }

   .w-sm-12 {
      width: 12% !important
   }

   .w-sm-13 {
      width: 13% !important
   }

   .w-sm-14 {
      width: 14% !important
   }

   .w-sm-15 {
      width: 15% !important
   }

   .w-sm-16 {
      width: 16% !important
   }

   .w-sm-17 {
      width: 17% !important
   }

   .w-sm-18 {
      width: 18% !important
   }

   .w-sm-19 {
      width: 19% !important
   }

   .w-sm-20 {
      width: 20% !important
   }

   .w-sm-21 {
      width: 21% !important
   }

   .w-sm-22 {
      width: 22% !important
   }

   .w-sm-23 {
      width: 23% !important
   }

   .w-sm-24 {
      width: 24% !important
   }

   .w-sm-25 {
      width: 25% !important
   }

   .w-sm-26 {
      width: 26% !important
   }

   .w-sm-27 {
      width: 27% !important
   }

   .w-sm-28 {
      width: 28% !important
   }

   .w-sm-29 {
      width: 29% !important
   }

   .w-sm-30 {
      width: 30% !important
   }

   .w-sm-31 {
      width: 31% !important
   }

   .w-sm-32 {
      width: 32% !important
   }

   .w-sm-33 {
      width: 33% !important
   }

   .w-sm-34 {
      width: 34% !important
   }

   .w-sm-35 {
      width: 35% !important
   }

   .w-sm-36 {
      width: 36% !important
   }

   .w-sm-37 {
      width: 37% !important
   }

   .w-sm-38 {
      width: 38% !important
   }

   .w-sm-39 {
      width: 39% !important
   }

   .w-sm-40 {
      width: 40% !important
   }

   .w-sm-41 {
      width: 41% !important
   }

   .w-sm-42 {
      width: 42% !important
   }

   .w-sm-43 {
      width: 43% !important
   }

   .w-sm-44 {
      width: 44% !important
   }

   .w-sm-45 {
      width: 45% !important
   }

   .w-sm-46 {
      width: 46% !important
   }

   .w-sm-47 {
      width: 47% !important
   }

   .w-sm-48 {
      width: 48% !important
   }

   .w-sm-49 {
      width: 49% !important
   }

   .w-sm-50 {
      width: 50% !important
   }

   .w-sm-51 {
      width: 51% !important
   }

   .w-sm-52 {
      width: 52% !important
   }

   .w-sm-53 {
      width: 53% !important
   }

   .w-sm-54 {
      width: 54% !important
   }

   .w-sm-55 {
      width: 55% !important
   }

   .w-sm-56 {
      width: 56% !important
   }

   .w-sm-57 {
      width: 57% !important
   }

   .w-sm-58 {
      width: 58% !important
   }

   .w-sm-59 {
      width: 59% !important
   }

   .w-sm-60 {
      width: 60% !important
   }

   .w-sm-61 {
      width: 61% !important
   }

   .w-sm-62 {
      width: 62% !important
   }

   .w-sm-63 {
      width: 63% !important
   }

   .w-sm-64 {
      width: 64% !important
   }

   .w-sm-65 {
      width: 65% !important
   }

   .w-sm-66 {
      width: 66% !important
   }

   .w-sm-67 {
      width: 67% !important
   }

   .w-sm-68 {
      width: 68% !important
   }

   .w-sm-69 {
      width: 69% !important
   }

   .w-sm-70 {
      width: 70% !important
   }

   .w-sm-71 {
      width: 71% !important
   }

   .w-sm-72 {
      width: 72% !important
   }

   .w-sm-73 {
      width: 73% !important
   }

   .w-sm-74 {
      width: 74% !important
   }

   .w-sm-75 {
      width: 75% !important
   }

   .w-sm-76 {
      width: 76% !important
   }

   .w-sm-77 {
      width: 77% !important
   }

   .w-sm-78 {
      width: 78% !important
   }

   .w-sm-79 {
      width: 79% !important
   }

   .w-sm-80 {
      width: 80% !important
   }

   .w-sm-81 {
      width: 81% !important
   }

   .w-sm-82 {
      width: 82% !important
   }

   .w-sm-83 {
      width: 83% !important
   }

   .w-sm-84 {
      width: 84% !important
   }

   .w-sm-85 {
      width: 85% !important
   }

   .w-sm-86 {
      width: 86% !important
   }

   .w-sm-87 {
      width: 87% !important
   }

   .w-sm-88 {
      width: 88% !important
   }

   .w-sm-89 {
      width: 89% !important
   }

   .w-sm-90 {
      width: 90% !important
   }

   .w-sm-91 {
      width: 91% !important
   }

   .w-sm-92 {
      width: 92% !important
   }

   .w-sm-93 {
      width: 93% !important
   }

   .w-sm-94 {
      width: 94% !important
   }

   .w-sm-95 {
      width: 95% !important
   }

   .w-sm-96 {
      width: 96% !important
   }

   .w-sm-97 {
      width: 97% !important
   }

   .w-sm-98 {
      width: 98% !important
   }

   .w-sm-99 {
      width: 99% !important
   }
}

@media (min-width: 768px) {
   .w-md-1 {
      width: 1% !important
   }

   .w-md-2 {
      width: 2% !important
   }

   .w-md-3 {
      width: 3% !important
   }

   .w-md-4 {
      width: 4% !important
   }

   .w-md-5 {
      width: 5% !important
   }

   .w-md-6 {
      width: 6% !important
   }

   .w-md-7 {
      width: 7% !important
   }

   .w-md-8 {
      width: 8% !important
   }

   .w-md-9 {
      width: 9% !important
   }

   .w-md-10 {
      width: 10% !important
   }

   .w-md-11 {
      width: 11% !important
   }

   .w-md-12 {
      width: 12% !important
   }

   .w-md-13 {
      width: 13% !important
   }

   .w-md-14 {
      width: 14% !important
   }

   .w-md-15 {
      width: 15% !important
   }

   .w-md-16 {
      width: 16% !important
   }

   .w-md-17 {
      width: 17% !important
   }

   .w-md-18 {
      width: 18% !important
   }

   .w-md-19 {
      width: 19% !important
   }

   .w-md-20 {
      width: 20% !important
   }

   .w-md-21 {
      width: 21% !important
   }

   .w-md-22 {
      width: 22% !important
   }

   .w-md-23 {
      width: 23% !important
   }

   .w-md-24 {
      width: 24% !important
   }

   .w-md-25 {
      width: 25% !important
   }

   .w-md-26 {
      width: 26% !important
   }

   .w-md-27 {
      width: 27% !important
   }

   .w-md-28 {
      width: 28% !important
   }

   .w-md-29 {
      width: 29% !important
   }

   .w-md-30 {
      width: 30% !important
   }

   .w-md-31 {
      width: 31% !important
   }

   .w-md-32 {
      width: 32% !important
   }

   .w-md-33 {
      width: 33% !important
   }

   .w-md-34 {
      width: 34% !important
   }

   .w-md-35 {
      width: 35% !important
   }

   .w-md-36 {
      width: 36% !important
   }

   .w-md-37 {
      width: 37% !important
   }

   .w-md-38 {
      width: 38% !important
   }

   .w-md-39 {
      width: 39% !important
   }

   .w-md-40 {
      width: 40% !important
   }

   .w-md-41 {
      width: 41% !important
   }

   .w-md-42 {
      width: 42% !important
   }

   .w-md-43 {
      width: 43% !important
   }

   .w-md-44 {
      width: 44% !important
   }

   .w-md-45 {
      width: 45% !important
   }

   .w-md-46 {
      width: 46% !important
   }

   .w-md-47 {
      width: 47% !important
   }

   .w-md-48 {
      width: 48% !important
   }

   .w-md-49 {
      width: 49% !important
   }

   .w-md-50 {
      width: 50% !important
   }

   .w-md-51 {
      width: 51% !important
   }

   .w-md-52 {
      width: 52% !important
   }

   .w-md-53 {
      width: 53% !important
   }

   .w-md-54 {
      width: 54% !important
   }

   .w-md-55 {
      width: 55% !important
   }

   .w-md-56 {
      width: 56% !important
   }

   .w-md-57 {
      width: 57% !important
   }

   .w-md-58 {
      width: 58% !important
   }

   .w-md-59 {
      width: 59% !important
   }

   .w-md-60 {
      width: 60% !important
   }

   .w-md-61 {
      width: 61% !important
   }

   .w-md-62 {
      width: 62% !important
   }

   .w-md-63 {
      width: 63% !important
   }

   .w-md-64 {
      width: 64% !important
   }

   .w-md-65 {
      width: 65% !important
   }

   .w-md-66 {
      width: 66% !important
   }

   .w-md-67 {
      width: 67% !important
   }

   .w-md-68 {
      width: 68% !important
   }

   .w-md-69 {
      width: 69% !important
   }

   .w-md-70 {
      width: 70% !important
   }

   .w-md-71 {
      width: 71% !important
   }

   .w-md-72 {
      width: 72% !important
   }

   .w-md-73 {
      width: 73% !important
   }

   .w-md-74 {
      width: 74% !important
   }

   .w-md-75 {
      width: 75% !important
   }

   .w-md-76 {
      width: 76% !important
   }

   .w-md-77 {
      width: 77% !important
   }

   .w-md-78 {
      width: 78% !important
   }

   .w-md-79 {
      width: 79% !important
   }

   .w-md-80 {
      width: 80% !important
   }

   .w-md-81 {
      width: 81% !important
   }

   .w-md-82 {
      width: 82% !important
   }

   .w-md-83 {
      width: 83% !important
   }

   .w-md-84 {
      width: 84% !important
   }

   .w-md-85 {
      width: 85% !important
   }

   .w-md-86 {
      width: 86% !important
   }

   .w-md-87 {
      width: 87% !important
   }

   .w-md-88 {
      width: 88% !important
   }

   .w-md-89 {
      width: 89% !important
   }

   .w-md-90 {
      width: 90% !important
   }

   .w-md-91 {
      width: 91% !important
   }

   .w-md-92 {
      width: 92% !important
   }

   .w-md-93 {
      width: 93% !important
   }

   .w-md-94 {
      width: 94% !important
   }

   .w-md-95 {
      width: 95% !important
   }

   .w-md-96 {
      width: 96% !important
   }

   .w-md-97 {
      width: 97% !important
   }

   .w-md-98 {
      width: 98% !important
   }

   .w-md-99 {
      width: 99% !important
   }
}

@media (min-width: 992px) {
   .w-lg-1 {
      width: 1% !important
   }

   .w-lg-2 {
      width: 2% !important
   }

   .w-lg-3 {
      width: 3% !important
   }

   .w-lg-4 {
      width: 4% !important
   }

   .w-lg-5 {
      width: 5% !important
   }

   .w-lg-6 {
      width: 6% !important
   }

   .w-lg-7 {
      width: 7% !important
   }

   .w-lg-8 {
      width: 8% !important
   }

   .w-lg-9 {
      width: 9% !important
   }

   .w-lg-10 {
      width: 10% !important
   }

   .w-lg-11 {
      width: 11% !important
   }

   .w-lg-12 {
      width: 12% !important
   }

   .w-lg-13 {
      width: 13% !important
   }

   .w-lg-14 {
      width: 14% !important
   }

   .w-lg-15 {
      width: 15% !important
   }

   .w-lg-16 {
      width: 16% !important
   }

   .w-lg-17 {
      width: 17% !important
   }

   .w-lg-18 {
      width: 18% !important
   }

   .w-lg-19 {
      width: 19% !important
   }

   .w-lg-20 {
      width: 20% !important
   }

   .w-lg-21 {
      width: 21% !important
   }

   .w-lg-22 {
      width: 22% !important
   }

   .w-lg-23 {
      width: 23% !important
   }

   .w-lg-24 {
      width: 24% !important
   }

   .w-lg-25 {
      width: 25% !important
   }

   .w-lg-26 {
      width: 26% !important
   }

   .w-lg-27 {
      width: 27% !important
   }

   .w-lg-28 {
      width: 28% !important
   }

   .w-lg-29 {
      width: 29% !important
   }

   .w-lg-30 {
      width: 30% !important
   }

   .w-lg-31 {
      width: 31% !important
   }

   .w-lg-32 {
      width: 32% !important
   }

   .w-lg-33 {
      width: 33% !important
   }

   .w-lg-34 {
      width: 34% !important
   }

   .w-lg-35 {
      width: 35% !important
   }

   .w-lg-36 {
      width: 36% !important
   }

   .w-lg-37 {
      width: 37% !important
   }

   .w-lg-38 {
      width: 38% !important
   }

   .w-lg-39 {
      width: 39% !important
   }

   .w-lg-40 {
      width: 40% !important
   }

   .w-lg-41 {
      width: 41% !important
   }

   .w-lg-42 {
      width: 42% !important
   }

   .w-lg-43 {
      width: 43% !important
   }

   .w-lg-44 {
      width: 44% !important
   }

   .w-lg-45 {
      width: 45% !important
   }

   .w-lg-46 {
      width: 46% !important
   }

   .w-lg-47 {
      width: 47% !important
   }

   .w-lg-48 {
      width: 48% !important
   }

   .w-lg-49 {
      width: 49% !important
   }

   .w-lg-50 {
      width: 50% !important
   }

   .w-lg-51 {
      width: 51% !important
   }

   .w-lg-52 {
      width: 52% !important
   }

   .w-lg-53 {
      width: 53% !important
   }

   .w-lg-54 {
      width: 54% !important
   }

   .w-lg-55 {
      width: 55% !important
   }

   .w-lg-56 {
      width: 56% !important
   }

   .w-lg-57 {
      width: 57% !important
   }

   .w-lg-58 {
      width: 58% !important
   }

   .w-lg-59 {
      width: 59% !important
   }

   .w-lg-60 {
      width: 60% !important
   }

   .w-lg-61 {
      width: 61% !important
   }

   .w-lg-62 {
      width: 62% !important
   }

   .w-lg-63 {
      width: 63% !important
   }

   .w-lg-64 {
      width: 64% !important
   }

   .w-lg-65 {
      width: 65% !important
   }

   .w-lg-66 {
      width: 66% !important
   }

   .w-lg-67 {
      width: 67% !important
   }

   .w-lg-68 {
      width: 68% !important
   }

   .w-lg-69 {
      width: 69% !important
   }

   .w-lg-70 {
      width: 70% !important
   }

   .w-lg-71 {
      width: 71% !important
   }

   .w-lg-72 {
      width: 72% !important
   }

   .w-lg-73 {
      width: 73% !important
   }

   .w-lg-74 {
      width: 74% !important
   }

   .w-lg-75 {
      width: 75% !important
   }

   .w-lg-76 {
      width: 76% !important
   }

   .w-lg-77 {
      width: 77% !important
   }

   .w-lg-78 {
      width: 78% !important
   }

   .w-lg-79 {
      width: 79% !important
   }

   .w-lg-80 {
      width: 80% !important
   }

   .w-lg-81 {
      width: 81% !important
   }

   .w-lg-82 {
      width: 82% !important
   }

   .w-lg-83 {
      width: 83% !important
   }

   .w-lg-84 {
      width: 84% !important
   }

   .w-lg-85 {
      width: 85% !important
   }

   .w-lg-86 {
      width: 86% !important
   }

   .w-lg-87 {
      width: 87% !important
   }

   .w-lg-88 {
      width: 88% !important
   }

   .w-lg-89 {
      width: 89% !important
   }

   .w-lg-90 {
      width: 90% !important
   }

   .w-lg-91 {
      width: 91% !important
   }

   .w-lg-92 {
      width: 92% !important
   }

   .w-lg-93 {
      width: 93% !important
   }

   .w-lg-94 {
      width: 94% !important
   }

   .w-lg-95 {
      width: 95% !important
   }

   .w-lg-96 {
      width: 96% !important
   }

   .w-lg-97 {
      width: 97% !important
   }

   .w-lg-98 {
      width: 98% !important
   }

   .w-lg-99 {
      width: 99% !important
   }
}

@media (min-width: 1200px) {
   .w-xl-1 {
      width: 1% !important
   }

   .w-xl-2 {
      width: 2% !important
   }

   .w-xl-3 {
      width: 3% !important
   }

   .w-xl-4 {
      width: 4% !important
   }

   .w-xl-5 {
      width: 5% !important
   }

   .w-xl-6 {
      width: 6% !important
   }

   .w-xl-7 {
      width: 7% !important
   }

   .w-xl-8 {
      width: 8% !important
   }

   .w-xl-9 {
      width: 9% !important
   }

   .w-xl-10 {
      width: 10% !important
   }

   .w-xl-11 {
      width: 11% !important
   }

   .w-xl-12 {
      width: 12% !important
   }

   .w-xl-13 {
      width: 13% !important
   }

   .w-xl-14 {
      width: 14% !important
   }

   .w-xl-15 {
      width: 15% !important
   }

   .w-xl-16 {
      width: 16% !important
   }

   .w-xl-17 {
      width: 17% !important
   }

   .w-xl-18 {
      width: 18% !important
   }

   .w-xl-19 {
      width: 19% !important
   }

   .w-xl-20 {
      width: 20% !important
   }

   .w-xl-21 {
      width: 21% !important
   }

   .w-xl-22 {
      width: 22% !important
   }

   .w-xl-23 {
      width: 23% !important
   }

   .w-xl-24 {
      width: 24% !important
   }

   .w-xl-25 {
      width: 25% !important
   }

   .w-xl-26 {
      width: 26% !important
   }

   .w-xl-27 {
      width: 27% !important
   }

   .w-xl-28 {
      width: 28% !important
   }

   .w-xl-29 {
      width: 29% !important
   }

   .w-xl-30 {
      width: 30% !important
   }

   .w-xl-31 {
      width: 31% !important
   }

   .w-xl-32 {
      width: 32% !important
   }

   .w-xl-33 {
      width: 33% !important
   }

   .w-xl-34 {
      width: 34% !important
   }

   .w-xl-35 {
      width: 35% !important
   }

   .w-xl-36 {
      width: 36% !important
   }

   .w-xl-37 {
      width: 37% !important
   }

   .w-xl-38 {
      width: 38% !important
   }

   .w-xl-39 {
      width: 39% !important
   }

   .w-xl-40 {
      width: 40% !important
   }

   .w-xl-41 {
      width: 41% !important
   }

   .w-xl-42 {
      width: 42% !important
   }

   .w-xl-43 {
      width: 43% !important
   }

   .w-xl-44 {
      width: 44% !important
   }

   .w-xl-45 {
      width: 45% !important
   }

   .w-xl-46 {
      width: 46% !important
   }

   .w-xl-47 {
      width: 47% !important
   }

   .w-xl-48 {
      width: 48% !important
   }

   .w-xl-49 {
      width: 49% !important
   }

   .w-xl-50 {
      width: 50% !important
   }

   .w-xl-51 {
      width: 51% !important
   }

   .w-xl-52 {
      width: 52% !important
   }

   .w-xl-53 {
      width: 53% !important
   }

   .w-xl-54 {
      width: 54% !important
   }

   .w-xl-55 {
      width: 55% !important
   }

   .w-xl-56 {
      width: 56% !important
   }

   .w-xl-57 {
      width: 57% !important
   }

   .w-xl-58 {
      width: 58% !important
   }

   .w-xl-59 {
      width: 59% !important
   }

   .w-xl-60 {
      width: 60% !important
   }

   .w-xl-61 {
      width: 61% !important
   }

   .w-xl-62 {
      width: 62% !important
   }

   .w-xl-63 {
      width: 63% !important
   }

   .w-xl-64 {
      width: 64% !important
   }

   .w-xl-65 {
      width: 65% !important
   }

   .w-xl-66 {
      width: 66% !important
   }

   .w-xl-67 {
      width: 67% !important
   }

   .w-xl-68 {
      width: 68% !important
   }

   .w-xl-69 {
      width: 69% !important
   }

   .w-xl-70 {
      width: 70% !important
   }

   .w-xl-71 {
      width: 71% !important
   }

   .w-xl-72 {
      width: 72% !important
   }

   .w-xl-73 {
      width: 73% !important
   }

   .w-xl-74 {
      width: 74% !important
   }

   .w-xl-75 {
      width: 75% !important
   }

   .w-xl-76 {
      width: 76% !important
   }

   .w-xl-77 {
      width: 77% !important
   }

   .w-xl-78 {
      width: 78% !important
   }

   .w-xl-79 {
      width: 79% !important
   }

   .w-xl-80 {
      width: 80% !important
   }

   .w-xl-81 {
      width: 81% !important
   }

   .w-xl-82 {
      width: 82% !important
   }

   .w-xl-83 {
      width: 83% !important
   }

   .w-xl-84 {
      width: 84% !important
   }

   .w-xl-85 {
      width: 85% !important
   }

   .w-xl-86 {
      width: 86% !important
   }

   .w-xl-87 {
      width: 87% !important
   }

   .w-xl-88 {
      width: 88% !important
   }

   .w-xl-89 {
      width: 89% !important
   }

   .w-xl-90 {
      width: 90% !important
   }

   .w-xl-91 {
      width: 91% !important
   }

   .w-xl-92 {
      width: 92% !important
   }

   .w-xl-93 {
      width: 93% !important
   }

   .w-xl-94 {
      width: 94% !important
   }

   .w-xl-95 {
      width: 95% !important
   }

   .w-xl-96 {
      width: 96% !important
   }

   .w-xl-97 {
      width: 97% !important
   }

   .w-xl-98 {
      width: 98% !important
   }

   .w-xl-99 {
      width: 99% !important
   }
}

@media (min-width: 1400px) {
   .w-xxl-1 {
      width: 1% !important
   }

   .w-xxl-2 {
      width: 2% !important
   }

   .w-xxl-3 {
      width: 3% !important
   }

   .w-xxl-4 {
      width: 4% !important
   }

   .w-xxl-5 {
      width: 5% !important
   }

   .w-xxl-6 {
      width: 6% !important
   }

   .w-xxl-7 {
      width: 7% !important
   }

   .w-xxl-8 {
      width: 8% !important
   }

   .w-xxl-9 {
      width: 9% !important
   }

   .w-xxl-10 {
      width: 10% !important
   }

   .w-xxl-11 {
      width: 11% !important
   }

   .w-xxl-12 {
      width: 12% !important
   }

   .w-xxl-13 {
      width: 13% !important
   }

   .w-xxl-14 {
      width: 14% !important
   }

   .w-xxl-15 {
      width: 15% !important
   }

   .w-xxl-16 {
      width: 16% !important
   }

   .w-xxl-17 {
      width: 17% !important
   }

   .w-xxl-18 {
      width: 18% !important
   }

   .w-xxl-19 {
      width: 19% !important
   }

   .w-xxl-20 {
      width: 20% !important
   }

   .w-xxl-21 {
      width: 21% !important
   }

   .w-xxl-22 {
      width: 22% !important
   }

   .w-xxl-23 {
      width: 23% !important
   }

   .w-xxl-24 {
      width: 24% !important
   }

   .w-xxl-25 {
      width: 25% !important
   }

   .w-xxl-26 {
      width: 26% !important
   }

   .w-xxl-27 {
      width: 27% !important
   }

   .w-xxl-28 {
      width: 28% !important
   }

   .w-xxl-29 {
      width: 29% !important
   }

   .w-xxl-30 {
      width: 30% !important
   }

   .w-xxl-31 {
      width: 31% !important
   }

   .w-xxl-32 {
      width: 32% !important
   }

   .w-xxl-33 {
      width: 33% !important
   }

   .w-xxl-34 {
      width: 34% !important
   }

   .w-xxl-35 {
      width: 35% !important
   }

   .w-xxl-36 {
      width: 36% !important
   }

   .w-xxl-37 {
      width: 37% !important
   }

   .w-xxl-38 {
      width: 38% !important
   }

   .w-xxl-39 {
      width: 39% !important
   }

   .w-xxl-40 {
      width: 40% !important
   }

   .w-xxl-41 {
      width: 41% !important
   }

   .w-xxl-42 {
      width: 42% !important
   }

   .w-xxl-43 {
      width: 43% !important
   }

   .w-xxl-44 {
      width: 44% !important
   }

   .w-xxl-45 {
      width: 45% !important
   }

   .w-xxl-46 {
      width: 46% !important
   }

   .w-xxl-47 {
      width: 47% !important
   }

   .w-xxl-48 {
      width: 48% !important
   }

   .w-xxl-49 {
      width: 49% !important
   }

   .w-xxl-50 {
      width: 50% !important
   }

   .w-xxl-51 {
      width: 51% !important
   }

   .w-xxl-52 {
      width: 52% !important
   }

   .w-xxl-53 {
      width: 53% !important
   }

   .w-xxl-54 {
      width: 54% !important
   }

   .w-xxl-55 {
      width: 55% !important
   }

   .w-xxl-56 {
      width: 56% !important
   }

   .w-xxl-57 {
      width: 57% !important
   }

   .w-xxl-58 {
      width: 58% !important
   }

   .w-xxl-59 {
      width: 59% !important
   }

   .w-xxl-60 {
      width: 60% !important
   }

   .w-xxl-61 {
      width: 61% !important
   }

   .w-xxl-62 {
      width: 62% !important
   }

   .w-xxl-63 {
      width: 63% !important
   }

   .w-xxl-64 {
      width: 64% !important
   }

   .w-xxl-65 {
      width: 65% !important
   }

   .w-xxl-66 {
      width: 66% !important
   }

   .w-xxl-67 {
      width: 67% !important
   }

   .w-xxl-68 {
      width: 68% !important
   }

   .w-xxl-69 {
      width: 69% !important
   }

   .w-xxl-70 {
      width: 70% !important
   }

   .w-xxl-71 {
      width: 71% !important
   }

   .w-xxl-72 {
      width: 72% !important
   }

   .w-xxl-73 {
      width: 73% !important
   }

   .w-xxl-74 {
      width: 74% !important
   }

   .w-xxl-75 {
      width: 75% !important
   }

   .w-xxl-76 {
      width: 76% !important
   }

   .w-xxl-77 {
      width: 77% !important
   }

   .w-xxl-78 {
      width: 78% !important
   }

   .w-xxl-79 {
      width: 79% !important
   }

   .w-xxl-80 {
      width: 80% !important
   }

   .w-xxl-81 {
      width: 81% !important
   }

   .w-xxl-82 {
      width: 82% !important
   }

   .w-xxl-83 {
      width: 83% !important
   }

   .w-xxl-84 {
      width: 84% !important
   }

   .w-xxl-85 {
      width: 85% !important
   }

   .w-xxl-86 {
      width: 86% !important
   }

   .w-xxl-87 {
      width: 87% !important
   }

   .w-xxl-88 {
      width: 88% !important
   }

   .w-xxl-89 {
      width: 89% !important
   }

   .w-xxl-90 {
      width: 90% !important
   }

   .w-xxl-91 {
      width: 91% !important
   }

   .w-xxl-92 {
      width: 92% !important
   }

   .w-xxl-93 {
      width: 93% !important
   }

   .w-xxl-94 {
      width: 94% !important
   }

   .w-xxl-95 {
      width: 95% !important
   }

   .w-xxl-96 {
      width: 96% !important
   }

   .w-xxl-97 {
      width: 97% !important
   }

   .w-xxl-98 {
      width: 98% !important
   }

   .w-xxl-99 {
      width: 99% !important
   }
}

@media (min-width: 1600px) {
   .w-xxxl-1 {
      width: 1% !important
   }

   .w-xxxl-2 {
      width: 2% !important
   }

   .w-xxxl-3 {
      width: 3% !important
   }

   .w-xxxl-4 {
      width: 4% !important
   }

   .w-xxxl-5 {
      width: 5% !important
   }

   .w-xxxl-6 {
      width: 6% !important
   }

   .w-xxxl-7 {
      width: 7% !important
   }

   .w-xxxl-8 {
      width: 8% !important
   }

   .w-xxxl-9 {
      width: 9% !important
   }

   .w-xxxl-10 {
      width: 10% !important
   }

   .w-xxxl-11 {
      width: 11% !important
   }

   .w-xxxl-12 {
      width: 12% !important
   }

   .w-xxxl-13 {
      width: 13% !important
   }

   .w-xxxl-14 {
      width: 14% !important
   }

   .w-xxxl-15 {
      width: 15% !important
   }

   .w-xxxl-16 {
      width: 16% !important
   }

   .w-xxxl-17 {
      width: 17% !important
   }

   .w-xxxl-18 {
      width: 18% !important
   }

   .w-xxxl-19 {
      width: 19% !important
   }

   .w-xxxl-20 {
      width: 20% !important
   }

   .w-xxxl-21 {
      width: 21% !important
   }

   .w-xxxl-22 {
      width: 22% !important
   }

   .w-xxxl-23 {
      width: 23% !important
   }

   .w-xxxl-24 {
      width: 24% !important
   }

   .w-xxxl-25 {
      width: 25% !important
   }

   .w-xxxl-26 {
      width: 26% !important
   }

   .w-xxxl-27 {
      width: 27% !important
   }

   .w-xxxl-28 {
      width: 28% !important
   }

   .w-xxxl-29 {
      width: 29% !important
   }

   .w-xxxl-30 {
      width: 30% !important
   }

   .w-xxxl-31 {
      width: 31% !important
   }

   .w-xxxl-32 {
      width: 32% !important
   }

   .w-xxxl-33 {
      width: 33% !important
   }

   .w-xxxl-34 {
      width: 34% !important
   }

   .w-xxxl-35 {
      width: 35% !important
   }

   .w-xxxl-36 {
      width: 36% !important
   }

   .w-xxxl-37 {
      width: 37% !important
   }

   .w-xxxl-38 {
      width: 38% !important
   }

   .w-xxxl-39 {
      width: 39% !important
   }

   .w-xxxl-40 {
      width: 40% !important
   }

   .w-xxxl-41 {
      width: 41% !important
   }

   .w-xxxl-42 {
      width: 42% !important
   }

   .w-xxxl-43 {
      width: 43% !important
   }

   .w-xxxl-44 {
      width: 44% !important
   }

   .w-xxxl-45 {
      width: 45% !important
   }

   .w-xxxl-46 {
      width: 46% !important
   }

   .w-xxxl-47 {
      width: 47% !important
   }

   .w-xxxl-48 {
      width: 48% !important
   }

   .w-xxxl-49 {
      width: 49% !important
   }

   .w-xxxl-50 {
      width: 50% !important
   }

   .w-xxxl-51 {
      width: 51% !important
   }

   .w-xxxl-52 {
      width: 52% !important
   }

   .w-xxxl-53 {
      width: 53% !important
   }

   .w-xxxl-54 {
      width: 54% !important
   }

   .w-xxxl-55 {
      width: 55% !important
   }

   .w-xxxl-56 {
      width: 56% !important
   }

   .w-xxxl-57 {
      width: 57% !important
   }

   .w-xxxl-58 {
      width: 58% !important
   }

   .w-xxxl-59 {
      width: 59% !important
   }

   .w-xxxl-60 {
      width: 60% !important
   }

   .w-xxxl-61 {
      width: 61% !important
   }

   .w-xxxl-62 {
      width: 62% !important
   }

   .w-xxxl-63 {
      width: 63% !important
   }

   .w-xxxl-64 {
      width: 64% !important
   }

   .w-xxxl-65 {
      width: 65% !important
   }

   .w-xxxl-66 {
      width: 66% !important
   }

   .w-xxxl-67 {
      width: 67% !important
   }

   .w-xxxl-68 {
      width: 68% !important
   }

   .w-xxxl-69 {
      width: 69% !important
   }

   .w-xxxl-70 {
      width: 70% !important
   }

   .w-xxxl-71 {
      width: 71% !important
   }

   .w-xxxl-72 {
      width: 72% !important
   }

   .w-xxxl-73 {
      width: 73% !important
   }

   .w-xxxl-74 {
      width: 74% !important
   }

   .w-xxxl-75 {
      width: 75% !important
   }

   .w-xxxl-76 {
      width: 76% !important
   }

   .w-xxxl-77 {
      width: 77% !important
   }

   .w-xxxl-78 {
      width: 78% !important
   }

   .w-xxxl-79 {
      width: 79% !important
   }

   .w-xxxl-80 {
      width: 80% !important
   }

   .w-xxxl-81 {
      width: 81% !important
   }

   .w-xxxl-82 {
      width: 82% !important
   }

   .w-xxxl-83 {
      width: 83% !important
   }

   .w-xxxl-84 {
      width: 84% !important
   }

   .w-xxxl-85 {
      width: 85% !important
   }

   .w-xxxl-86 {
      width: 86% !important
   }

   .w-xxxl-87 {
      width: 87% !important
   }

   .w-xxxl-88 {
      width: 88% !important
   }

   .w-xxxl-89 {
      width: 89% !important
   }

   .w-xxxl-90 {
      width: 90% !important
   }

   .w-xxxl-91 {
      width: 91% !important
   }

   .w-xxxl-92 {
      width: 92% !important
   }

   .w-xxxl-93 {
      width: 93% !important
   }

   .w-xxxl-94 {
      width: 94% !important
   }

   .w-xxxl-95 {
      width: 95% !important
   }

   .w-xxxl-96 {
      width: 96% !important
   }

   .w-xxxl-97 {
      width: 97% !important
   }

   .w-xxxl-98 {
      width: 98% !important
   }

   .w-xxxl-99 {
      width: 99% !important
   }
}

@media (min-width: 2000px) {
   .w-mac-1 {
      width: 1% !important
   }

   .w-mac-2 {
      width: 2% !important
   }

   .w-mac-3 {
      width: 3% !important
   }

   .w-mac-4 {
      width: 4% !important
   }

   .w-mac-5 {
      width: 5% !important
   }

   .w-mac-6 {
      width: 6% !important
   }

   .w-mac-7 {
      width: 7% !important
   }

   .w-mac-8 {
      width: 8% !important
   }

   .w-mac-9 {
      width: 9% !important
   }

   .w-mac-10 {
      width: 10% !important
   }

   .w-mac-11 {
      width: 11% !important
   }

   .w-mac-12 {
      width: 12% !important
   }

   .w-mac-13 {
      width: 13% !important
   }

   .w-mac-14 {
      width: 14% !important
   }

   .w-mac-15 {
      width: 15% !important
   }

   .w-mac-16 {
      width: 16% !important
   }

   .w-mac-17 {
      width: 17% !important
   }

   .w-mac-18 {
      width: 18% !important
   }

   .w-mac-19 {
      width: 19% !important
   }

   .w-mac-20 {
      width: 20% !important
   }

   .w-mac-21 {
      width: 21% !important
   }

   .w-mac-22 {
      width: 22% !important
   }

   .w-mac-23 {
      width: 23% !important
   }

   .w-mac-24 {
      width: 24% !important
   }

   .w-mac-25 {
      width: 25% !important
   }

   .w-mac-26 {
      width: 26% !important
   }

   .w-mac-27 {
      width: 27% !important
   }

   .w-mac-28 {
      width: 28% !important
   }

   .w-mac-29 {
      width: 29% !important
   }

   .w-mac-30 {
      width: 30% !important
   }

   .w-mac-31 {
      width: 31% !important
   }

   .w-mac-32 {
      width: 32% !important
   }

   .w-mac-33 {
      width: 33% !important
   }

   .w-mac-34 {
      width: 34% !important
   }

   .w-mac-35 {
      width: 35% !important
   }

   .w-mac-36 {
      width: 36% !important
   }

   .w-mac-37 {
      width: 37% !important
   }

   .w-mac-38 {
      width: 38% !important
   }

   .w-mac-39 {
      width: 39% !important
   }

   .w-mac-40 {
      width: 40% !important
   }

   .w-mac-41 {
      width: 41% !important
   }

   .w-mac-42 {
      width: 42% !important
   }

   .w-mac-43 {
      width: 43% !important
   }

   .w-mac-44 {
      width: 44% !important
   }

   .w-mac-45 {
      width: 45% !important
   }

   .w-mac-46 {
      width: 46% !important
   }

   .w-mac-47 {
      width: 47% !important
   }

   .w-mac-48 {
      width: 48% !important
   }

   .w-mac-49 {
      width: 49% !important
   }

   .w-mac-50 {
      width: 50% !important
   }

   .w-mac-51 {
      width: 51% !important
   }

   .w-mac-52 {
      width: 52% !important
   }

   .w-mac-53 {
      width: 53% !important
   }

   .w-mac-54 {
      width: 54% !important
   }

   .w-mac-55 {
      width: 55% !important
   }

   .w-mac-56 {
      width: 56% !important
   }

   .w-mac-57 {
      width: 57% !important
   }

   .w-mac-58 {
      width: 58% !important
   }

   .w-mac-59 {
      width: 59% !important
   }

   .w-mac-60 {
      width: 60% !important
   }

   .w-mac-61 {
      width: 61% !important
   }

   .w-mac-62 {
      width: 62% !important
   }

   .w-mac-63 {
      width: 63% !important
   }

   .w-mac-64 {
      width: 64% !important
   }

   .w-mac-65 {
      width: 65% !important
   }

   .w-mac-66 {
      width: 66% !important
   }

   .w-mac-67 {
      width: 67% !important
   }

   .w-mac-68 {
      width: 68% !important
   }

   .w-mac-69 {
      width: 69% !important
   }

   .w-mac-70 {
      width: 70% !important
   }

   .w-mac-71 {
      width: 71% !important
   }

   .w-mac-72 {
      width: 72% !important
   }

   .w-mac-73 {
      width: 73% !important
   }

   .w-mac-74 {
      width: 74% !important
   }

   .w-mac-75 {
      width: 75% !important
   }

   .w-mac-76 {
      width: 76% !important
   }

   .w-mac-77 {
      width: 77% !important
   }

   .w-mac-78 {
      width: 78% !important
   }

   .w-mac-79 {
      width: 79% !important
   }

   .w-mac-80 {
      width: 80% !important
   }

   .w-mac-81 {
      width: 81% !important
   }

   .w-mac-82 {
      width: 82% !important
   }

   .w-mac-83 {
      width: 83% !important
   }

   .w-mac-84 {
      width: 84% !important
   }

   .w-mac-85 {
      width: 85% !important
   }

   .w-mac-86 {
      width: 86% !important
   }

   .w-mac-87 {
      width: 87% !important
   }

   .w-mac-88 {
      width: 88% !important
   }

   .w-mac-89 {
      width: 89% !important
   }

   .w-mac-90 {
      width: 90% !important
   }

   .w-mac-91 {
      width: 91% !important
   }

   .w-mac-92 {
      width: 92% !important
   }

   .w-mac-93 {
      width: 93% !important
   }

   .w-mac-94 {
      width: 94% !important
   }

   .w-mac-95 {
      width: 95% !important
   }

   .w-mac-96 {
      width: 96% !important
   }

   .w-mac-97 {
      width: 97% !important
   }

   .w-mac-98 {
      width: 98% !important
   }

   .w-mac-99 {
      width: 99% !important
   }
}

.h-1 {
   height: 1% !important
}

.h-2 {
   height: 2% !important
}

.h-3 {
   height: 3% !important
}

.h-4 {
   height: 4% !important
}

.h-5 {
   height: 5% !important
}

.h-6 {
   height: 6% !important
}

.h-7 {
   height: 7% !important
}

.h-8 {
   height: 8% !important
}

.h-9 {
   height: 9% !important
}

.h-10 {
   height: 10% !important
}

.h-11 {
   height: 11% !important
}

.h-12 {
   height: 12% !important
}

.h-13 {
   height: 13% !important
}

.h-14 {
   height: 14% !important
}

.h-15 {
   height: 15% !important
}

.h-16 {
   height: 16% !important
}

.h-17 {
   height: 17% !important
}

.h-18 {
   height: 18% !important
}

.h-19 {
   height: 19% !important
}

.h-20 {
   height: 20% !important
}

.h-21 {
   height: 21% !important
}

.h-22 {
   height: 22% !important
}

.h-23 {
   height: 23% !important
}

.h-24 {
   height: 24% !important
}

.h-25 {
   height: 25% !important
}

.h-26 {
   height: 26% !important
}

.h-27 {
   height: 27% !important
}

.h-28 {
   height: 28% !important
}

.h-29 {
   height: 29% !important
}

.h-30 {
   height: 30% !important
}

.h-31 {
   height: 31% !important
}

.h-32 {
   height: 32% !important
}

.h-33 {
   height: 33% !important
}

.h-34 {
   height: 34% !important
}

.h-35 {
   height: 35% !important
}

.h-36 {
   height: 36% !important
}

.h-37 {
   height: 37% !important
}

.h-38 {
   height: 38% !important
}

.h-39 {
   height: 39% !important
}

.h-40 {
   height: 40% !important
}

.h-41 {
   height: 41% !important
}

.h-42 {
   height: 42% !important
}

.h-43 {
   height: 43% !important
}

.h-44 {
   height: 44% !important
}

.h-45 {
   height: 45% !important
}

.h-46 {
   height: 46% !important
}

.h-47 {
   height: 47% !important
}

.h-48 {
   height: 48% !important
}

.h-49 {
   height: 49% !important
}

.h-50 {
   height: 50% !important
}

.h-51 {
   height: 51% !important
}

.h-52 {
   height: 52% !important
}

.h-53 {
   height: 53% !important
}

.h-54 {
   height: 54% !important
}

.h-55 {
   height: 55% !important
}

.h-56 {
   height: 56% !important
}

.h-57 {
   height: 57% !important
}

.h-58 {
   height: 58% !important
}

.h-59 {
   height: 59% !important
}

.h-60 {
   height: 60% !important
}

.h-61 {
   height: 61% !important
}

.h-62 {
   height: 62% !important
}

.h-63 {
   height: 63% !important
}

.h-64 {
   height: 64% !important
}

.h-65 {
   height: 65% !important
}

.h-66 {
   height: 66% !important
}

.h-67 {
   height: 67% !important
}

.h-68 {
   height: 68% !important
}

.h-69 {
   height: 69% !important
}

.h-70 {
   height: 70% !important
}

.h-71 {
   height: 71% !important
}

.h-72 {
   height: 72% !important
}

.h-73 {
   height: 73% !important
}

.h-74 {
   height: 74% !important
}

.h-75 {
   height: 75% !important
}

.h-76 {
   height: 76% !important
}

.h-77 {
   height: 77% !important
}

.h-78 {
   height: 78% !important
}

.h-79 {
   height: 79% !important
}

.h-80 {
   height: 80% !important
}

.h-81 {
   height: 81% !important
}

.h-82 {
   height: 82% !important
}

.h-83 {
   height: 83% !important
}

.h-84 {
   height: 84% !important
}

.h-85 {
   height: 85% !important
}

.h-86 {
   height: 86% !important
}

.h-87 {
   height: 87% !important
}

.h-88 {
   height: 88% !important
}

.h-89 {
   height: 89% !important
}

.h-90 {
   height: 90% !important
}

.h-91 {
   height: 91% !important
}

.h-92 {
   height: 92% !important
}

.h-93 {
   height: 93% !important
}

.h-94 {
   height: 94% !important
}

.h-95 {
   height: 95% !important
}

.h-96 {
   height: 96% !important
}

.h-97 {
   height: 97% !important
}

.h-98 {
   height: 98% !important
}

.h-99 {
   height: 99% !important
}

@media (min-width: 576px) {
   .h-sm-1 {
      height: 1% !important
   }

   .h-sm-2 {
      height: 2% !important
   }

   .h-sm-3 {
      height: 3% !important
   }

   .h-sm-4 {
      height: 4% !important
   }

   .h-sm-5 {
      height: 5% !important
   }

   .h-sm-6 {
      height: 6% !important
   }

   .h-sm-7 {
      height: 7% !important
   }

   .h-sm-8 {
      height: 8% !important
   }

   .h-sm-9 {
      height: 9% !important
   }

   .h-sm-10 {
      height: 10% !important
   }

   .h-sm-11 {
      height: 11% !important
   }

   .h-sm-12 {
      height: 12% !important
   }

   .h-sm-13 {
      height: 13% !important
   }

   .h-sm-14 {
      height: 14% !important
   }

   .h-sm-15 {
      height: 15% !important
   }

   .h-sm-16 {
      height: 16% !important
   }

   .h-sm-17 {
      height: 17% !important
   }

   .h-sm-18 {
      height: 18% !important
   }

   .h-sm-19 {
      height: 19% !important
   }

   .h-sm-20 {
      height: 20% !important
   }

   .h-sm-21 {
      height: 21% !important
   }

   .h-sm-22 {
      height: 22% !important
   }

   .h-sm-23 {
      height: 23% !important
   }

   .h-sm-24 {
      height: 24% !important
   }

   .h-sm-25 {
      height: 25% !important
   }

   .h-sm-26 {
      height: 26% !important
   }

   .h-sm-27 {
      height: 27% !important
   }

   .h-sm-28 {
      height: 28% !important
   }

   .h-sm-29 {
      height: 29% !important
   }

   .h-sm-30 {
      height: 30% !important
   }

   .h-sm-31 {
      height: 31% !important
   }

   .h-sm-32 {
      height: 32% !important
   }

   .h-sm-33 {
      height: 33% !important
   }

   .h-sm-34 {
      height: 34% !important
   }

   .h-sm-35 {
      height: 35% !important
   }

   .h-sm-36 {
      height: 36% !important
   }

   .h-sm-37 {
      height: 37% !important
   }

   .h-sm-38 {
      height: 38% !important
   }

   .h-sm-39 {
      height: 39% !important
   }

   .h-sm-40 {
      height: 40% !important
   }

   .h-sm-41 {
      height: 41% !important
   }

   .h-sm-42 {
      height: 42% !important
   }

   .h-sm-43 {
      height: 43% !important
   }

   .h-sm-44 {
      height: 44% !important
   }

   .h-sm-45 {
      height: 45% !important
   }

   .h-sm-46 {
      height: 46% !important
   }

   .h-sm-47 {
      height: 47% !important
   }

   .h-sm-48 {
      height: 48% !important
   }

   .h-sm-49 {
      height: 49% !important
   }

   .h-sm-50 {
      height: 50% !important
   }

   .h-sm-51 {
      height: 51% !important
   }

   .h-sm-52 {
      height: 52% !important
   }

   .h-sm-53 {
      height: 53% !important
   }

   .h-sm-54 {
      height: 54% !important
   }

   .h-sm-55 {
      height: 55% !important
   }

   .h-sm-56 {
      height: 56% !important
   }

   .h-sm-57 {
      height: 57% !important
   }

   .h-sm-58 {
      height: 58% !important
   }

   .h-sm-59 {
      height: 59% !important
   }

   .h-sm-60 {
      height: 60% !important
   }

   .h-sm-61 {
      height: 61% !important
   }

   .h-sm-62 {
      height: 62% !important
   }

   .h-sm-63 {
      height: 63% !important
   }

   .h-sm-64 {
      height: 64% !important
   }

   .h-sm-65 {
      height: 65% !important
   }

   .h-sm-66 {
      height: 66% !important
   }

   .h-sm-67 {
      height: 67% !important
   }

   .h-sm-68 {
      height: 68% !important
   }

   .h-sm-69 {
      height: 69% !important
   }

   .h-sm-70 {
      height: 70% !important
   }

   .h-sm-71 {
      height: 71% !important
   }

   .h-sm-72 {
      height: 72% !important
   }

   .h-sm-73 {
      height: 73% !important
   }

   .h-sm-74 {
      height: 74% !important
   }

   .h-sm-75 {
      height: 75% !important
   }

   .h-sm-76 {
      height: 76% !important
   }

   .h-sm-77 {
      height: 77% !important
   }

   .h-sm-78 {
      height: 78% !important
   }

   .h-sm-79 {
      height: 79% !important
   }

   .h-sm-80 {
      height: 80% !important
   }

   .h-sm-81 {
      height: 81% !important
   }

   .h-sm-82 {
      height: 82% !important
   }

   .h-sm-83 {
      height: 83% !important
   }

   .h-sm-84 {
      height: 84% !important
   }

   .h-sm-85 {
      height: 85% !important
   }

   .h-sm-86 {
      height: 86% !important
   }

   .h-sm-87 {
      height: 87% !important
   }

   .h-sm-88 {
      height: 88% !important
   }

   .h-sm-89 {
      height: 89% !important
   }

   .h-sm-90 {
      height: 90% !important
   }

   .h-sm-91 {
      height: 91% !important
   }

   .h-sm-92 {
      height: 92% !important
   }

   .h-sm-93 {
      height: 93% !important
   }

   .h-sm-94 {
      height: 94% !important
   }

   .h-sm-95 {
      height: 95% !important
   }

   .h-sm-96 {
      height: 96% !important
   }

   .h-sm-97 {
      height: 97% !important
   }

   .h-sm-98 {
      height: 98% !important
   }

   .h-sm-99 {
      height: 99% !important
   }
}

@media (min-width: 768px) {
   .h-md-1 {
      height: 1% !important
   }

   .h-md-2 {
      height: 2% !important
   }

   .h-md-3 {
      height: 3% !important
   }

   .h-md-4 {
      height: 4% !important
   }

   .h-md-5 {
      height: 5% !important
   }

   .h-md-6 {
      height: 6% !important
   }

   .h-md-7 {
      height: 7% !important
   }

   .h-md-8 {
      height: 8% !important
   }

   .h-md-9 {
      height: 9% !important
   }

   .h-md-10 {
      height: 10% !important
   }

   .h-md-11 {
      height: 11% !important
   }

   .h-md-12 {
      height: 12% !important
   }

   .h-md-13 {
      height: 13% !important
   }

   .h-md-14 {
      height: 14% !important
   }

   .h-md-15 {
      height: 15% !important
   }

   .h-md-16 {
      height: 16% !important
   }

   .h-md-17 {
      height: 17% !important
   }

   .h-md-18 {
      height: 18% !important
   }

   .h-md-19 {
      height: 19% !important
   }

   .h-md-20 {
      height: 20% !important
   }

   .h-md-21 {
      height: 21% !important
   }

   .h-md-22 {
      height: 22% !important
   }

   .h-md-23 {
      height: 23% !important
   }

   .h-md-24 {
      height: 24% !important
   }

   .h-md-25 {
      height: 25% !important
   }

   .h-md-26 {
      height: 26% !important
   }

   .h-md-27 {
      height: 27% !important
   }

   .h-md-28 {
      height: 28% !important
   }

   .h-md-29 {
      height: 29% !important
   }

   .h-md-30 {
      height: 30% !important
   }

   .h-md-31 {
      height: 31% !important
   }

   .h-md-32 {
      height: 32% !important
   }

   .h-md-33 {
      height: 33% !important
   }

   .h-md-34 {
      height: 34% !important
   }

   .h-md-35 {
      height: 35% !important
   }

   .h-md-36 {
      height: 36% !important
   }

   .h-md-37 {
      height: 37% !important
   }

   .h-md-38 {
      height: 38% !important
   }

   .h-md-39 {
      height: 39% !important
   }

   .h-md-40 {
      height: 40% !important
   }

   .h-md-41 {
      height: 41% !important
   }

   .h-md-42 {
      height: 42% !important
   }

   .h-md-43 {
      height: 43% !important
   }

   .h-md-44 {
      height: 44% !important
   }

   .h-md-45 {
      height: 45% !important
   }

   .h-md-46 {
      height: 46% !important
   }

   .h-md-47 {
      height: 47% !important
   }

   .h-md-48 {
      height: 48% !important
   }

   .h-md-49 {
      height: 49% !important
   }

   .h-md-50 {
      height: 50% !important
   }

   .h-md-51 {
      height: 51% !important
   }

   .h-md-52 {
      height: 52% !important
   }

   .h-md-53 {
      height: 53% !important
   }

   .h-md-54 {
      height: 54% !important
   }

   .h-md-55 {
      height: 55% !important
   }

   .h-md-56 {
      height: 56% !important
   }

   .h-md-57 {
      height: 57% !important
   }

   .h-md-58 {
      height: 58% !important
   }

   .h-md-59 {
      height: 59% !important
   }

   .h-md-60 {
      height: 60% !important
   }

   .h-md-61 {
      height: 61% !important
   }

   .h-md-62 {
      height: 62% !important
   }

   .h-md-63 {
      height: 63% !important
   }

   .h-md-64 {
      height: 64% !important
   }

   .h-md-65 {
      height: 65% !important
   }

   .h-md-66 {
      height: 66% !important
   }

   .h-md-67 {
      height: 67% !important
   }

   .h-md-68 {
      height: 68% !important
   }

   .h-md-69 {
      height: 69% !important
   }

   .h-md-70 {
      height: 70% !important
   }

   .h-md-71 {
      height: 71% !important
   }

   .h-md-72 {
      height: 72% !important
   }

   .h-md-73 {
      height: 73% !important
   }

   .h-md-74 {
      height: 74% !important
   }

   .h-md-75 {
      height: 75% !important
   }

   .h-md-76 {
      height: 76% !important
   }

   .h-md-77 {
      height: 77% !important
   }

   .h-md-78 {
      height: 78% !important
   }

   .h-md-79 {
      height: 79% !important
   }

   .h-md-80 {
      height: 80% !important
   }

   .h-md-81 {
      height: 81% !important
   }

   .h-md-82 {
      height: 82% !important
   }

   .h-md-83 {
      height: 83% !important
   }

   .h-md-84 {
      height: 84% !important
   }

   .h-md-85 {
      height: 85% !important
   }

   .h-md-86 {
      height: 86% !important
   }

   .h-md-87 {
      height: 87% !important
   }

   .h-md-88 {
      height: 88% !important
   }

   .h-md-89 {
      height: 89% !important
   }

   .h-md-90 {
      height: 90% !important
   }

   .h-md-91 {
      height: 91% !important
   }

   .h-md-92 {
      height: 92% !important
   }

   .h-md-93 {
      height: 93% !important
   }

   .h-md-94 {
      height: 94% !important
   }

   .h-md-95 {
      height: 95% !important
   }

   .h-md-96 {
      height: 96% !important
   }

   .h-md-97 {
      height: 97% !important
   }

   .h-md-98 {
      height: 98% !important
   }

   .h-md-99 {
      height: 99% !important
   }
}

@media (min-width: 992px) {
   .h-lg-1 {
      height: 1% !important
   }

   .h-lg-2 {
      height: 2% !important
   }

   .h-lg-3 {
      height: 3% !important
   }

   .h-lg-4 {
      height: 4% !important
   }

   .h-lg-5 {
      height: 5% !important
   }

   .h-lg-6 {
      height: 6% !important
   }

   .h-lg-7 {
      height: 7% !important
   }

   .h-lg-8 {
      height: 8% !important
   }

   .h-lg-9 {
      height: 9% !important
   }

   .h-lg-10 {
      height: 10% !important
   }

   .h-lg-11 {
      height: 11% !important
   }

   .h-lg-12 {
      height: 12% !important
   }

   .h-lg-13 {
      height: 13% !important
   }

   .h-lg-14 {
      height: 14% !important
   }

   .h-lg-15 {
      height: 15% !important
   }

   .h-lg-16 {
      height: 16% !important
   }

   .h-lg-17 {
      height: 17% !important
   }

   .h-lg-18 {
      height: 18% !important
   }

   .h-lg-19 {
      height: 19% !important
   }

   .h-lg-20 {
      height: 20% !important
   }

   .h-lg-21 {
      height: 21% !important
   }

   .h-lg-22 {
      height: 22% !important
   }

   .h-lg-23 {
      height: 23% !important
   }

   .h-lg-24 {
      height: 24% !important
   }

   .h-lg-25 {
      height: 25% !important
   }

   .h-lg-26 {
      height: 26% !important
   }

   .h-lg-27 {
      height: 27% !important
   }

   .h-lg-28 {
      height: 28% !important
   }

   .h-lg-29 {
      height: 29% !important
   }

   .h-lg-30 {
      height: 30% !important
   }

   .h-lg-31 {
      height: 31% !important
   }

   .h-lg-32 {
      height: 32% !important
   }

   .h-lg-33 {
      height: 33% !important
   }

   .h-lg-34 {
      height: 34% !important
   }

   .h-lg-35 {
      height: 35% !important
   }

   .h-lg-36 {
      height: 36% !important
   }

   .h-lg-37 {
      height: 37% !important
   }

   .h-lg-38 {
      height: 38% !important
   }

   .h-lg-39 {
      height: 39% !important
   }

   .h-lg-40 {
      height: 40% !important
   }

   .h-lg-41 {
      height: 41% !important
   }

   .h-lg-42 {
      height: 42% !important
   }

   .h-lg-43 {
      height: 43% !important
   }

   .h-lg-44 {
      height: 44% !important
   }

   .h-lg-45 {
      height: 45% !important
   }

   .h-lg-46 {
      height: 46% !important
   }

   .h-lg-47 {
      height: 47% !important
   }

   .h-lg-48 {
      height: 48% !important
   }

   .h-lg-49 {
      height: 49% !important
   }

   .h-lg-50 {
      height: 50% !important
   }

   .h-lg-51 {
      height: 51% !important
   }

   .h-lg-52 {
      height: 52% !important
   }

   .h-lg-53 {
      height: 53% !important
   }

   .h-lg-54 {
      height: 54% !important
   }

   .h-lg-55 {
      height: 55% !important
   }

   .h-lg-56 {
      height: 56% !important
   }

   .h-lg-57 {
      height: 57% !important
   }

   .h-lg-58 {
      height: 58% !important
   }

   .h-lg-59 {
      height: 59% !important
   }

   .h-lg-60 {
      height: 60% !important
   }

   .h-lg-61 {
      height: 61% !important
   }

   .h-lg-62 {
      height: 62% !important
   }

   .h-lg-63 {
      height: 63% !important
   }

   .h-lg-64 {
      height: 64% !important
   }

   .h-lg-65 {
      height: 65% !important
   }

   .h-lg-66 {
      height: 66% !important
   }

   .h-lg-67 {
      height: 67% !important
   }

   .h-lg-68 {
      height: 68% !important
   }

   .h-lg-69 {
      height: 69% !important
   }

   .h-lg-70 {
      height: 70% !important
   }

   .h-lg-71 {
      height: 71% !important
   }

   .h-lg-72 {
      height: 72% !important
   }

   .h-lg-73 {
      height: 73% !important
   }

   .h-lg-74 {
      height: 74% !important
   }

   .h-lg-75 {
      height: 75% !important
   }

   .h-lg-76 {
      height: 76% !important
   }

   .h-lg-77 {
      height: 77% !important
   }

   .h-lg-78 {
      height: 78% !important
   }

   .h-lg-79 {
      height: 79% !important
   }

   .h-lg-80 {
      height: 80% !important
   }

   .h-lg-81 {
      height: 81% !important
   }

   .h-lg-82 {
      height: 82% !important
   }

   .h-lg-83 {
      height: 83% !important
   }

   .h-lg-84 {
      height: 84% !important
   }

   .h-lg-85 {
      height: 85% !important
   }

   .h-lg-86 {
      height: 86% !important
   }

   .h-lg-87 {
      height: 87% !important
   }

   .h-lg-88 {
      height: 88% !important
   }

   .h-lg-89 {
      height: 89% !important
   }

   .h-lg-90 {
      height: 90% !important
   }

   .h-lg-91 {
      height: 91% !important
   }

   .h-lg-92 {
      height: 92% !important
   }

   .h-lg-93 {
      height: 93% !important
   }

   .h-lg-94 {
      height: 94% !important
   }

   .h-lg-95 {
      height: 95% !important
   }

   .h-lg-96 {
      height: 96% !important
   }

   .h-lg-97 {
      height: 97% !important
   }

   .h-lg-98 {
      height: 98% !important
   }

   .h-lg-99 {
      height: 99% !important
   }
}

@media (min-width: 1200px) {
   .h-xl-1 {
      height: 1% !important
   }

   .h-xl-2 {
      height: 2% !important
   }

   .h-xl-3 {
      height: 3% !important
   }

   .h-xl-4 {
      height: 4% !important
   }

   .h-xl-5 {
      height: 5% !important
   }

   .h-xl-6 {
      height: 6% !important
   }

   .h-xl-7 {
      height: 7% !important
   }

   .h-xl-8 {
      height: 8% !important
   }

   .h-xl-9 {
      height: 9% !important
   }

   .h-xl-10 {
      height: 10% !important
   }

   .h-xl-11 {
      height: 11% !important
   }

   .h-xl-12 {
      height: 12% !important
   }

   .h-xl-13 {
      height: 13% !important
   }

   .h-xl-14 {
      height: 14% !important
   }

   .h-xl-15 {
      height: 15% !important
   }

   .h-xl-16 {
      height: 16% !important
   }

   .h-xl-17 {
      height: 17% !important
   }

   .h-xl-18 {
      height: 18% !important
   }

   .h-xl-19 {
      height: 19% !important
   }

   .h-xl-20 {
      height: 20% !important
   }

   .h-xl-21 {
      height: 21% !important
   }

   .h-xl-22 {
      height: 22% !important
   }

   .h-xl-23 {
      height: 23% !important
   }

   .h-xl-24 {
      height: 24% !important
   }

   .h-xl-25 {
      height: 25% !important
   }

   .h-xl-26 {
      height: 26% !important
   }

   .h-xl-27 {
      height: 27% !important
   }

   .h-xl-28 {
      height: 28% !important
   }

   .h-xl-29 {
      height: 29% !important
   }

   .h-xl-30 {
      height: 30% !important
   }

   .h-xl-31 {
      height: 31% !important
   }

   .h-xl-32 {
      height: 32% !important
   }

   .h-xl-33 {
      height: 33% !important
   }

   .h-xl-34 {
      height: 34% !important
   }

   .h-xl-35 {
      height: 35% !important
   }

   .h-xl-36 {
      height: 36% !important
   }

   .h-xl-37 {
      height: 37% !important
   }

   .h-xl-38 {
      height: 38% !important
   }

   .h-xl-39 {
      height: 39% !important
   }

   .h-xl-40 {
      height: 40% !important
   }

   .h-xl-41 {
      height: 41% !important
   }

   .h-xl-42 {
      height: 42% !important
   }

   .h-xl-43 {
      height: 43% !important
   }

   .h-xl-44 {
      height: 44% !important
   }

   .h-xl-45 {
      height: 45% !important
   }

   .h-xl-46 {
      height: 46% !important
   }

   .h-xl-47 {
      height: 47% !important
   }

   .h-xl-48 {
      height: 48% !important
   }

   .h-xl-49 {
      height: 49% !important
   }

   .h-xl-50 {
      height: 50% !important
   }

   .h-xl-51 {
      height: 51% !important
   }

   .h-xl-52 {
      height: 52% !important
   }

   .h-xl-53 {
      height: 53% !important
   }

   .h-xl-54 {
      height: 54% !important
   }

   .h-xl-55 {
      height: 55% !important
   }

   .h-xl-56 {
      height: 56% !important
   }

   .h-xl-57 {
      height: 57% !important
   }

   .h-xl-58 {
      height: 58% !important
   }

   .h-xl-59 {
      height: 59% !important
   }

   .h-xl-60 {
      height: 60% !important
   }

   .h-xl-61 {
      height: 61% !important
   }

   .h-xl-62 {
      height: 62% !important
   }

   .h-xl-63 {
      height: 63% !important
   }

   .h-xl-64 {
      height: 64% !important
   }

   .h-xl-65 {
      height: 65% !important
   }

   .h-xl-66 {
      height: 66% !important
   }

   .h-xl-67 {
      height: 67% !important
   }

   .h-xl-68 {
      height: 68% !important
   }

   .h-xl-69 {
      height: 69% !important
   }

   .h-xl-70 {
      height: 70% !important
   }

   .h-xl-71 {
      height: 71% !important
   }

   .h-xl-72 {
      height: 72% !important
   }

   .h-xl-73 {
      height: 73% !important
   }

   .h-xl-74 {
      height: 74% !important
   }

   .h-xl-75 {
      height: 75% !important
   }

   .h-xl-76 {
      height: 76% !important
   }

   .h-xl-77 {
      height: 77% !important
   }

   .h-xl-78 {
      height: 78% !important
   }

   .h-xl-79 {
      height: 79% !important
   }

   .h-xl-80 {
      height: 80% !important
   }

   .h-xl-81 {
      height: 81% !important
   }

   .h-xl-82 {
      height: 82% !important
   }

   .h-xl-83 {
      height: 83% !important
   }

   .h-xl-84 {
      height: 84% !important
   }

   .h-xl-85 {
      height: 85% !important
   }

   .h-xl-86 {
      height: 86% !important
   }

   .h-xl-87 {
      height: 87% !important
   }

   .h-xl-88 {
      height: 88% !important
   }

   .h-xl-89 {
      height: 89% !important
   }

   .h-xl-90 {
      height: 90% !important
   }

   .h-xl-91 {
      height: 91% !important
   }

   .h-xl-92 {
      height: 92% !important
   }

   .h-xl-93 {
      height: 93% !important
   }

   .h-xl-94 {
      height: 94% !important
   }

   .h-xl-95 {
      height: 95% !important
   }

   .h-xl-96 {
      height: 96% !important
   }

   .h-xl-97 {
      height: 97% !important
   }

   .h-xl-98 {
      height: 98% !important
   }

   .h-xl-99 {
      height: 99% !important
   }
}

@media (min-width: 1400px) {
   .h-xxl-1 {
      height: 1% !important
   }

   .h-xxl-2 {
      height: 2% !important
   }

   .h-xxl-3 {
      height: 3% !important
   }

   .h-xxl-4 {
      height: 4% !important
   }

   .h-xxl-5 {
      height: 5% !important
   }

   .h-xxl-6 {
      height: 6% !important
   }

   .h-xxl-7 {
      height: 7% !important
   }

   .h-xxl-8 {
      height: 8% !important
   }

   .h-xxl-9 {
      height: 9% !important
   }

   .h-xxl-10 {
      height: 10% !important
   }

   .h-xxl-11 {
      height: 11% !important
   }

   .h-xxl-12 {
      height: 12% !important
   }

   .h-xxl-13 {
      height: 13% !important
   }

   .h-xxl-14 {
      height: 14% !important
   }

   .h-xxl-15 {
      height: 15% !important
   }

   .h-xxl-16 {
      height: 16% !important
   }

   .h-xxl-17 {
      height: 17% !important
   }

   .h-xxl-18 {
      height: 18% !important
   }

   .h-xxl-19 {
      height: 19% !important
   }

   .h-xxl-20 {
      height: 20% !important
   }

   .h-xxl-21 {
      height: 21% !important
   }

   .h-xxl-22 {
      height: 22% !important
   }

   .h-xxl-23 {
      height: 23% !important
   }

   .h-xxl-24 {
      height: 24% !important
   }

   .h-xxl-25 {
      height: 25% !important
   }

   .h-xxl-26 {
      height: 26% !important
   }

   .h-xxl-27 {
      height: 27% !important
   }

   .h-xxl-28 {
      height: 28% !important
   }

   .h-xxl-29 {
      height: 29% !important
   }

   .h-xxl-30 {
      height: 30% !important
   }

   .h-xxl-31 {
      height: 31% !important
   }

   .h-xxl-32 {
      height: 32% !important
   }

   .h-xxl-33 {
      height: 33% !important
   }

   .h-xxl-34 {
      height: 34% !important
   }

   .h-xxl-35 {
      height: 35% !important
   }

   .h-xxl-36 {
      height: 36% !important
   }

   .h-xxl-37 {
      height: 37% !important
   }

   .h-xxl-38 {
      height: 38% !important
   }

   .h-xxl-39 {
      height: 39% !important
   }

   .h-xxl-40 {
      height: 40% !important
   }

   .h-xxl-41 {
      height: 41% !important
   }

   .h-xxl-42 {
      height: 42% !important
   }

   .h-xxl-43 {
      height: 43% !important
   }

   .h-xxl-44 {
      height: 44% !important
   }

   .h-xxl-45 {
      height: 45% !important
   }

   .h-xxl-46 {
      height: 46% !important
   }

   .h-xxl-47 {
      height: 47% !important
   }

   .h-xxl-48 {
      height: 48% !important
   }

   .h-xxl-49 {
      height: 49% !important
   }

   .h-xxl-50 {
      height: 50% !important
   }

   .h-xxl-51 {
      height: 51% !important
   }

   .h-xxl-52 {
      height: 52% !important
   }

   .h-xxl-53 {
      height: 53% !important
   }

   .h-xxl-54 {
      height: 54% !important
   }

   .h-xxl-55 {
      height: 55% !important
   }

   .h-xxl-56 {
      height: 56% !important
   }

   .h-xxl-57 {
      height: 57% !important
   }

   .h-xxl-58 {
      height: 58% !important
   }

   .h-xxl-59 {
      height: 59% !important
   }

   .h-xxl-60 {
      height: 60% !important
   }

   .h-xxl-61 {
      height: 61% !important
   }

   .h-xxl-62 {
      height: 62% !important
   }

   .h-xxl-63 {
      height: 63% !important
   }

   .h-xxl-64 {
      height: 64% !important
   }

   .h-xxl-65 {
      height: 65% !important
   }

   .h-xxl-66 {
      height: 66% !important
   }

   .h-xxl-67 {
      height: 67% !important
   }

   .h-xxl-68 {
      height: 68% !important
   }

   .h-xxl-69 {
      height: 69% !important
   }

   .h-xxl-70 {
      height: 70% !important
   }

   .h-xxl-71 {
      height: 71% !important
   }

   .h-xxl-72 {
      height: 72% !important
   }

   .h-xxl-73 {
      height: 73% !important
   }

   .h-xxl-74 {
      height: 74% !important
   }

   .h-xxl-75 {
      height: 75% !important
   }

   .h-xxl-76 {
      height: 76% !important
   }

   .h-xxl-77 {
      height: 77% !important
   }

   .h-xxl-78 {
      height: 78% !important
   }

   .h-xxl-79 {
      height: 79% !important
   }

   .h-xxl-80 {
      height: 80% !important
   }

   .h-xxl-81 {
      height: 81% !important
   }

   .h-xxl-82 {
      height: 82% !important
   }

   .h-xxl-83 {
      height: 83% !important
   }

   .h-xxl-84 {
      height: 84% !important
   }

   .h-xxl-85 {
      height: 85% !important
   }

   .h-xxl-86 {
      height: 86% !important
   }

   .h-xxl-87 {
      height: 87% !important
   }

   .h-xxl-88 {
      height: 88% !important
   }

   .h-xxl-89 {
      height: 89% !important
   }

   .h-xxl-90 {
      height: 90% !important
   }

   .h-xxl-91 {
      height: 91% !important
   }

   .h-xxl-92 {
      height: 92% !important
   }

   .h-xxl-93 {
      height: 93% !important
   }

   .h-xxl-94 {
      height: 94% !important
   }

   .h-xxl-95 {
      height: 95% !important
   }

   .h-xxl-96 {
      height: 96% !important
   }

   .h-xxl-97 {
      height: 97% !important
   }

   .h-xxl-98 {
      height: 98% !important
   }

   .h-xxl-99 {
      height: 99% !important
   }
}

@media (min-width: 1600px) {
   .h-xxxl-1 {
      height: 1% !important
   }

   .h-xxxl-2 {
      height: 2% !important
   }

   .h-xxxl-3 {
      height: 3% !important
   }

   .h-xxxl-4 {
      height: 4% !important
   }

   .h-xxxl-5 {
      height: 5% !important
   }

   .h-xxxl-6 {
      height: 6% !important
   }

   .h-xxxl-7 {
      height: 7% !important
   }

   .h-xxxl-8 {
      height: 8% !important
   }

   .h-xxxl-9 {
      height: 9% !important
   }

   .h-xxxl-10 {
      height: 10% !important
   }

   .h-xxxl-11 {
      height: 11% !important
   }

   .h-xxxl-12 {
      height: 12% !important
   }

   .h-xxxl-13 {
      height: 13% !important
   }

   .h-xxxl-14 {
      height: 14% !important
   }

   .h-xxxl-15 {
      height: 15% !important
   }

   .h-xxxl-16 {
      height: 16% !important
   }

   .h-xxxl-17 {
      height: 17% !important
   }

   .h-xxxl-18 {
      height: 18% !important
   }

   .h-xxxl-19 {
      height: 19% !important
   }

   .h-xxxl-20 {
      height: 20% !important
   }

   .h-xxxl-21 {
      height: 21% !important
   }

   .h-xxxl-22 {
      height: 22% !important
   }

   .h-xxxl-23 {
      height: 23% !important
   }

   .h-xxxl-24 {
      height: 24% !important
   }

   .h-xxxl-25 {
      height: 25% !important
   }

   .h-xxxl-26 {
      height: 26% !important
   }

   .h-xxxl-27 {
      height: 27% !important
   }

   .h-xxxl-28 {
      height: 28% !important
   }

   .h-xxxl-29 {
      height: 29% !important
   }

   .h-xxxl-30 {
      height: 30% !important
   }

   .h-xxxl-31 {
      height: 31% !important
   }

   .h-xxxl-32 {
      height: 32% !important
   }

   .h-xxxl-33 {
      height: 33% !important
   }

   .h-xxxl-34 {
      height: 34% !important
   }

   .h-xxxl-35 {
      height: 35% !important
   }

   .h-xxxl-36 {
      height: 36% !important
   }

   .h-xxxl-37 {
      height: 37% !important
   }

   .h-xxxl-38 {
      height: 38% !important
   }

   .h-xxxl-39 {
      height: 39% !important
   }

   .h-xxxl-40 {
      height: 40% !important
   }

   .h-xxxl-41 {
      height: 41% !important
   }

   .h-xxxl-42 {
      height: 42% !important
   }

   .h-xxxl-43 {
      height: 43% !important
   }

   .h-xxxl-44 {
      height: 44% !important
   }

   .h-xxxl-45 {
      height: 45% !important
   }

   .h-xxxl-46 {
      height: 46% !important
   }

   .h-xxxl-47 {
      height: 47% !important
   }

   .h-xxxl-48 {
      height: 48% !important
   }

   .h-xxxl-49 {
      height: 49% !important
   }

   .h-xxxl-50 {
      height: 50% !important
   }

   .h-xxxl-51 {
      height: 51% !important
   }

   .h-xxxl-52 {
      height: 52% !important
   }

   .h-xxxl-53 {
      height: 53% !important
   }

   .h-xxxl-54 {
      height: 54% !important
   }

   .h-xxxl-55 {
      height: 55% !important
   }

   .h-xxxl-56 {
      height: 56% !important
   }

   .h-xxxl-57 {
      height: 57% !important
   }

   .h-xxxl-58 {
      height: 58% !important
   }

   .h-xxxl-59 {
      height: 59% !important
   }

   .h-xxxl-60 {
      height: 60% !important
   }

   .h-xxxl-61 {
      height: 61% !important
   }

   .h-xxxl-62 {
      height: 62% !important
   }

   .h-xxxl-63 {
      height: 63% !important
   }

   .h-xxxl-64 {
      height: 64% !important
   }

   .h-xxxl-65 {
      height: 65% !important
   }

   .h-xxxl-66 {
      height: 66% !important
   }

   .h-xxxl-67 {
      height: 67% !important
   }

   .h-xxxl-68 {
      height: 68% !important
   }

   .h-xxxl-69 {
      height: 69% !important
   }

   .h-xxxl-70 {
      height: 70% !important
   }

   .h-xxxl-71 {
      height: 71% !important
   }

   .h-xxxl-72 {
      height: 72% !important
   }

   .h-xxxl-73 {
      height: 73% !important
   }

   .h-xxxl-74 {
      height: 74% !important
   }

   .h-xxxl-75 {
      height: 75% !important
   }

   .h-xxxl-76 {
      height: 76% !important
   }

   .h-xxxl-77 {
      height: 77% !important
   }

   .h-xxxl-78 {
      height: 78% !important
   }

   .h-xxxl-79 {
      height: 79% !important
   }

   .h-xxxl-80 {
      height: 80% !important
   }

   .h-xxxl-81 {
      height: 81% !important
   }

   .h-xxxl-82 {
      height: 82% !important
   }

   .h-xxxl-83 {
      height: 83% !important
   }

   .h-xxxl-84 {
      height: 84% !important
   }

   .h-xxxl-85 {
      height: 85% !important
   }

   .h-xxxl-86 {
      height: 86% !important
   }

   .h-xxxl-87 {
      height: 87% !important
   }

   .h-xxxl-88 {
      height: 88% !important
   }

   .h-xxxl-89 {
      height: 89% !important
   }

   .h-xxxl-90 {
      height: 90% !important
   }

   .h-xxxl-91 {
      height: 91% !important
   }

   .h-xxxl-92 {
      height: 92% !important
   }

   .h-xxxl-93 {
      height: 93% !important
   }

   .h-xxxl-94 {
      height: 94% !important
   }

   .h-xxxl-95 {
      height: 95% !important
   }

   .h-xxxl-96 {
      height: 96% !important
   }

   .h-xxxl-97 {
      height: 97% !important
   }

   .h-xxxl-98 {
      height: 98% !important
   }

   .h-xxxl-99 {
      height: 99% !important
   }
}

@media (min-width: 2000px) {
   .h-mac-1 {
      height: 1% !important
   }

   .h-mac-2 {
      height: 2% !important
   }

   .h-mac-3 {
      height: 3% !important
   }

   .h-mac-4 {
      height: 4% !important
   }

   .h-mac-5 {
      height: 5% !important
   }

   .h-mac-6 {
      height: 6% !important
   }

   .h-mac-7 {
      height: 7% !important
   }

   .h-mac-8 {
      height: 8% !important
   }

   .h-mac-9 {
      height: 9% !important
   }

   .h-mac-10 {
      height: 10% !important
   }

   .h-mac-11 {
      height: 11% !important
   }

   .h-mac-12 {
      height: 12% !important
   }

   .h-mac-13 {
      height: 13% !important
   }

   .h-mac-14 {
      height: 14% !important
   }

   .h-mac-15 {
      height: 15% !important
   }

   .h-mac-16 {
      height: 16% !important
   }

   .h-mac-17 {
      height: 17% !important
   }

   .h-mac-18 {
      height: 18% !important
   }

   .h-mac-19 {
      height: 19% !important
   }

   .h-mac-20 {
      height: 20% !important
   }

   .h-mac-21 {
      height: 21% !important
   }

   .h-mac-22 {
      height: 22% !important
   }

   .h-mac-23 {
      height: 23% !important
   }

   .h-mac-24 {
      height: 24% !important
   }

   .h-mac-25 {
      height: 25% !important
   }

   .h-mac-26 {
      height: 26% !important
   }

   .h-mac-27 {
      height: 27% !important
   }

   .h-mac-28 {
      height: 28% !important
   }

   .h-mac-29 {
      height: 29% !important
   }

   .h-mac-30 {
      height: 30% !important
   }

   .h-mac-31 {
      height: 31% !important
   }

   .h-mac-32 {
      height: 32% !important
   }

   .h-mac-33 {
      height: 33% !important
   }

   .h-mac-34 {
      height: 34% !important
   }

   .h-mac-35 {
      height: 35% !important
   }

   .h-mac-36 {
      height: 36% !important
   }

   .h-mac-37 {
      height: 37% !important
   }

   .h-mac-38 {
      height: 38% !important
   }

   .h-mac-39 {
      height: 39% !important
   }

   .h-mac-40 {
      height: 40% !important
   }

   .h-mac-41 {
      height: 41% !important
   }

   .h-mac-42 {
      height: 42% !important
   }

   .h-mac-43 {
      height: 43% !important
   }

   .h-mac-44 {
      height: 44% !important
   }

   .h-mac-45 {
      height: 45% !important
   }

   .h-mac-46 {
      height: 46% !important
   }

   .h-mac-47 {
      height: 47% !important
   }

   .h-mac-48 {
      height: 48% !important
   }

   .h-mac-49 {
      height: 49% !important
   }

   .h-mac-50 {
      height: 50% !important
   }

   .h-mac-51 {
      height: 51% !important
   }

   .h-mac-52 {
      height: 52% !important
   }

   .h-mac-53 {
      height: 53% !important
   }

   .h-mac-54 {
      height: 54% !important
   }

   .h-mac-55 {
      height: 55% !important
   }

   .h-mac-56 {
      height: 56% !important
   }

   .h-mac-57 {
      height: 57% !important
   }

   .h-mac-58 {
      height: 58% !important
   }

   .h-mac-59 {
      height: 59% !important
   }

   .h-mac-60 {
      height: 60% !important
   }

   .h-mac-61 {
      height: 61% !important
   }

   .h-mac-62 {
      height: 62% !important
   }

   .h-mac-63 {
      height: 63% !important
   }

   .h-mac-64 {
      height: 64% !important
   }

   .h-mac-65 {
      height: 65% !important
   }

   .h-mac-66 {
      height: 66% !important
   }

   .h-mac-67 {
      height: 67% !important
   }

   .h-mac-68 {
      height: 68% !important
   }

   .h-mac-69 {
      height: 69% !important
   }

   .h-mac-70 {
      height: 70% !important
   }

   .h-mac-71 {
      height: 71% !important
   }

   .h-mac-72 {
      height: 72% !important
   }

   .h-mac-73 {
      height: 73% !important
   }

   .h-mac-74 {
      height: 74% !important
   }

   .h-mac-75 {
      height: 75% !important
   }

   .h-mac-76 {
      height: 76% !important
   }

   .h-mac-77 {
      height: 77% !important
   }

   .h-mac-78 {
      height: 78% !important
   }

   .h-mac-79 {
      height: 79% !important
   }

   .h-mac-80 {
      height: 80% !important
   }

   .h-mac-81 {
      height: 81% !important
   }

   .h-mac-82 {
      height: 82% !important
   }

   .h-mac-83 {
      height: 83% !important
   }

   .h-mac-84 {
      height: 84% !important
   }

   .h-mac-85 {
      height: 85% !important
   }

   .h-mac-86 {
      height: 86% !important
   }

   .h-mac-87 {
      height: 87% !important
   }

   .h-mac-88 {
      height: 88% !important
   }

   .h-mac-89 {
      height: 89% !important
   }

   .h-mac-90 {
      height: 90% !important
   }

   .h-mac-91 {
      height: 91% !important
   }

   .h-mac-92 {
      height: 92% !important
   }

   .h-mac-93 {
      height: 93% !important
   }

   .h-mac-94 {
      height: 94% !important
   }

   .h-mac-95 {
      height: 95% !important
   }

   .h-mac-96 {
      height: 96% !important
   }

   .h-mac-97 {
      height: 97% !important
   }

   .h-mac-98 {
      height: 98% !important
   }

   .h-mac-99 {
      height: 99% !important
   }
}

.h-50vh {
   min-height: 50vh
}

.h-75vh {
   min-height: 75vh
}

.h-100vh {
   min-height: 100vh
}

.img-object-fit {
   width: 100%;
   height: 100%;
   object-fit: cover
}

html[lang=en] .header .header__toggler-link {
   font-size: 1.125rem;
   font-weight: 700
}

@media (max-width: 1399.98px) {
   html[lang=en] .header .header__toggler-link {
      font-size: 1rem
   }
}

html[lang=en] .header .header__switcher-title {
   font-size: 1.125rem;
   font-weight: 700
}

@media (max-width: 1399.98px) {
   html[lang=en] .header .header__switcher-title {
      font-size: 1rem
   }
}

html[lang=th] .header .header__toggler-link {
   font-size: 1.125rem;
   font-weight: 700
}

@media (max-width: 1399.98px) {
   html[lang=th] .header .header__toggler-link {
      font-size: 1rem
   }
}

html[lang=th] .header .header__switcher-title {
   font-size: 1.125rem;
   font-weight: 700
}

@media (max-width: 1399.98px) {
   html[lang=th] .header .header__switcher-title {
      font-size: 1rem
   }
}

.header {
   position: fixed;
   z-index: 1000;
   top: 0;
   left: 0;
   width: 100%;
   padding: 1.5rem 0 1rem;
   background: transparent
}

@media (max-width: 1399.98px) {
   .header {
      padding: 1.25rem 0
   }
}

@media (max-width: 991.98px) {
   .header {
      padding: 1.5rem 0
   }
}

.header .header__container {
   width: 100%;
   padding-right: 12px;
   padding-left: 12px;
   margin-right: auto;
   margin-left: auto;
   display: flex;
   flex-direction: row;
   align-items: flex-start;
   justify-content: center
}

@media (min-width: 576px) {
   .header .header__container {
      max-width: 540px
   }
}

@media (min-width: 768px) {
   .header .header__container {
      max-width: 720px
   }
}

@media (min-width: 992px) {
   .header .header__container {
      max-width: 960px
   }
}

@media (min-width: 1200px) {
   .header .header__container {
      max-width: 1140px
   }
}

@media (min-width: 1400px) {
   .header .header__container {
      max-width: 1250px
   }
}

@media (min-width: 1600px) {
   .header .header__container {
      max-width: 1350px
   }
}

@media (min-width: 2000px) {
   .header .header__container {
      max-width: 1650px
   }
}

@media (min-width: 1200px) {
   .header .header__container {
      max-width: 97% !important
   }
}

@media (min-width: 1600px) {
   .header .header__container {
      max-width: 95% !important
   }
}

@media (max-width: 991.98px) {
   .header .header__container {
      align-items: center
   }
}

.header .header__aside {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 50%;
   max-width: 50%;
   width: 100%
}

.header .header__navigation {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 50%;
   max-width: 50%;
   width: 100%;
   text-align: right
}

@media (max-width: 991.98px) {
   .header .header__navigation {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-end
   }
}

.header .header__shortcuts {
   display: flex;
   flex-direction: column;
   align-items: flex-end
}

@media (max-width: 991.98px) {
   .header .header__shortcuts {
      flex-direction: row;
      align-items: center
   }
}

@media (min-width: 992px) {
   .header--default .header-search {
      margin-left: 1rem;
      margin-bottom: .5rem !important;
      order: 2
   }
}

@media (min-width: 992px) {
   .header--default .switcher {
      order: 3
   }
}

@media (min-width: 992px) {
   .header--default .menu--toggler {
      margin-bottom: .15rem;
      order: 1
   }
}

@media (min-width: 992px) {
   .header--default .hamburger {
      display: none !important
   }
}

.header--minimize {
   left: auto;
   left: initial;
   right: 0;
   width: 20%;
   mix-blend-mode: difference
}

@media (max-width: 991.98px) {
   .header--minimize {
      display: none !important
   }
}

.header--minimize .header__navigation {
   margin-left: auto
}

.header--minimize .header__hamburger-toggler {
   display: block !important
}

.header--minimize .hamburger {
   display: inline-block !important
}

@media (min-width: 992px) {
   .headroom--default {
      opacity: 0;
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%);
      transition: opacity .2s ease-in-out, -webkit-transform .5s ease-in-out;
      transition: transform .5s ease-in-out, opacity .2s ease-in-out;
      transition: transform .5s ease-in-out, opacity .2s ease-in-out, -webkit-transform .5s ease-in-out
   }
}

@media (min-width: 992px) {
   .headroom--default.headroom--top {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0)
   }
}

@media (max-width: 991.98px) {
   .headroom--default.headroom--top {
      background-color: transparent
   }
}

@media (min-width: 992px) {

   .headroom--default.headroom--not-top,
   .headroom--default.headroom--unpinned {
      opacity: 0;
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%)
   }
}

@media (max-width: 991.98px) {

   .headroom--default.headroom--not-top,
   .headroom--default.headroom--unpinned {
      background-color: #0c0c0c
   }
}

@media (min-width: 992px) {
   .headroom--minimize {
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%)
   }
}

@media (min-width: 992px) {
   .headroom--minimize.headroom--top {
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%)
   }
}

@media (min-width: 992px) {

   .headroom--minimize.headroom--not-top,
   .headroom--minimize.headroom--unpinned {
      -webkit-transform: translateY(0);
      transform: translateY(0)
   }
}

::-moz-selection {
   color: #000;
   background: #c8c8c8
}

::selection {
   color: #000;
   background: #c8c8c8
}

body {
   background-color: #0c0c0c
}

html {
   overflow: visible
}

html.header-enabled body {
   overflow: hidden
}

html.header-enabled body:before {
   position: fixed;
   overflow: hidden;
   z-index: 100;
   inset: 0;
   width: 100%;
   height: 100vh;
   content: ""
}

@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
   html.header-enabled body:before {
      background-color: #29292980;
      -webkit-backdrop-filter: blur(3px);
      backdrop-filter: blur(3px)
   }
}

@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
   html.header-enabled body:before {
      background-color: #29292980
   }
}

@media (max-width: 991.98px) {
   html.header-enabled .header--default {
      background-color: #0c0c0c !important;
      transition: none !important
   }
}

@media (min-width: 1200px) {
   body {
      scroll-behavior: smooth;
      scrollbar-width: thin;
      scrollbar-color: rgba(60, 61, 65, .5) #0d0d0d
   }

   body::-webkit-scrollbar {
      width: 9px;
      border-radius: 0;
      background-color: transparent
   }

   body::-webkit-scrollbar-track {
      background-color: #0d0d0d80
   }

   body::-webkit-scrollbar-thumb {
      background-color: #3c3d41;
      border-radius: 0
   }
}

html[lang=en] .footer .footer__copyright {
   font-weight: 400;
   font-size: .875rem
}

@media (max-width: 1599.98px) {
   html[lang=en] .footer .footer__copyright {
      font-size: .75rem
   }
}

html[lang=en] .footer .footer__link {
   font-weight: 700;
   font-size: .875rem
}

@media (max-width: 1399.98px) {
   html[lang=en] .footer .footer__link {
      font-size: .75rem
   }
}

html[lang=th] .footer .footer__copyright {
   font-weight: 400;
   font-size: .875rem
}

@media (max-width: 1599.98px) {
   html[lang=th] .footer .footer__copyright {
      font-size: .75rem
   }
}

html[lang=th] .footer .footer__link {
   font-weight: 700;
   font-size: .875rem
}

@media (max-width: 1399.98px) {
   html[lang=th] .footer .footer__link {
      font-size: .75rem
   }
}

.footer {
   position: relative;
   z-index: 100;
   bottom: 0;
   left: 0;
   display: flex;
   flex-direction: row;
   align-items: flex-end;
   width: 100%;
   min-height: 100px;
   margin-top: -100px;
   padding: 1rem 0;
   background: linear-gradient(0deg, black 1%, rgba(0, 0, 0, 0) 100%)
}

@media (max-width: 767.98px) {
   .footer {
      margin-top: 0;
      padding-top: 2rem;
      background: #000
   }
}

@media (min-width: 1200px) {
   .footer>.container {
      max-width: 1200px
   }
}

@media (min-width: 1400px) {
   .footer>.container {
      max-width: 1350px
   }
}

@media (min-width: 1600px) {
   .footer>.container {
      max-width: 1480px
   }
}

@media screen and (min-width: 1200px)and (max-width: 1300px) {
   .footer>.container {
      max-width: 97%
   }
}

.footer .footer__wrapper {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-between
}

@media (max-width: 1199.98px) {
   .footer .footer__wrapper {
      flex-wrap: wrap;
      justify-content: center
   }
}

.footer .footer__copyright {
   color: #b6b7bc;
   white-space: nowrap
}

@media (max-width: 1199.98px) {
   .footer .footer__copyright {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%;
      width: 100%;
      margin-top: .25rem;
      text-align: center;
      order: 3
   }
}

@media (max-width: 991.98px) {
   .footer .footer__copyright {
      white-space: normal
   }
}

.footer .footer__social {
   display: flex;
   flex-direction: row;
   align-items: center
}

@media (max-width: 1199.98px) {
   .footer .footer__social {
      order: 1;
      margin-right: 2rem
   }
}

@media (max-width: 991.98px) {
   .footer .footer__social {
      margin-right: 0;
      margin-bottom: .75rem;
      justify-content: center
   }
}

@media (max-width: 767.98px) {
   .footer .footer__social {
      margin-right: 0;
      margin-bottom: .75rem
   }
}

@media (max-width: 767.98px) {
   .footer .footer__social .footer__link:not(:first-child) {
      margin-left: 1rem
   }
}

.footer .footer__menu {
   display: flex;
   flex-direction: row;
   align-items: center
}

@media (max-width: 1199.98px) {
   .footer .footer__menu {
      order: 2
   }
}

@media (max-width: 991.98px) {
   .footer .footer__menu {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%;
      width: 100%;
      justify-content: center
   }
}

@media (max-width: 767.98px) {
   .footer .footer__menu {
      flex-wrap: wrap;
      margin-bottom: .5rem
   }
}

@media (max-width: 767.98px) {
   .footer .footer__menu .footer__link {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%;
      width: 100%;
      text-align: center;
      margin-bottom: .25rem
   }
}

.footer .footer__link {
   text-transform: uppercase;
   color: #b6b7bc;
   transition: color .3s ease-in-out
}

@media (max-width: 767.98px) {
   .footer .footer__link {
      color: #b6b7bc
   }
}

@media (min-width: 768px) {
   .footer .footer__link:not(:first-child) {
      margin-left: 1rem
   }
}

@media (min-width: 1200px) {
   .footer .footer__link:not(:first-child) {
      margin-left: .75rem
   }
}

@media (min-width: 1400px) {
   .footer .footer__link:not(:first-child) {
      margin-left: 1rem
   }
}

.footer .footer__link i {
   font-size: 1rem
}

@media (max-width: 767.98px) {
   .footer .footer__link i {
      font-size: 1.125rem
   }
}

.footer .footer__link:hover {
   color: #fff
}

@media (min-width: 768px) {
   .row--gutters-md-10 {
      margin-right: -10px;
      margin-left: -10px
   }

   .row--gutters-md-10>.col,
   .row--gutters-md-10>[class*=col-] {
      padding-right: 10px;
      padding-left: 10px
   }
}

@media (min-width: 768px)and (max-width: 1199.98px) {
   .container--home-news {
      max-width: 100%
   }
}

.centraltham-intro,
.centraltham-banner,
.sd-ceo-message__body,
.investor-shortcuts,
.investor-reports .investor-reports__body,
.investor-performance .investor-performance__body,
.discover-omni,
.shop-online__body,
.brand-related,
.brand-contact,
.brand-message,
.home-about .home-about__wrapper,
.sticky-slider,
.section--panels .section__body,
.section--bg-cover-gradient .section__body,
.section--bg-cover .section__body,
.section--space-y {
   padding: 7rem 0
}

@media (max-width: 1399.98px) {

   .centraltham-intro,
   .centraltham-banner,
   .sd-ceo-message__body,
   .investor-shortcuts,
   .investor-reports .investor-reports__body,
   .investor-performance .investor-performance__body,
   .discover-omni,
   .shop-online__body,
   .brand-related,
   .brand-contact,
   .brand-message,
   .home-about .home-about__wrapper,
   .sticky-slider,
   .section--panels .section__body,
   .section--bg-cover-gradient .section__body,
   .section--bg-cover .section__body,
   .section--space-y {
      padding: 6.25rem 0
   }
}

@media (max-width: 1199.98px) {

   .centraltham-intro,
   .centraltham-banner,
   .sd-ceo-message__body,
   .investor-shortcuts,
   .investor-reports .investor-reports__body,
   .investor-performance .investor-performance__body,
   .discover-omni,
   .shop-online__body,
   .brand-related,
   .brand-contact,
   .brand-message,
   .home-about .home-about__wrapper,
   .sticky-slider,
   .section--panels .section__body,
   .section--bg-cover-gradient .section__body,
   .section--bg-cover .section__body,
   .section--space-y {
      padding: 5rem 0
   }
}

@media (max-width: 767.98px) {

   .centraltham-intro,
   .centraltham-banner,
   .sd-ceo-message__body,
   .investor-shortcuts,
   .investor-reports .investor-reports__body,
   .investor-performance .investor-performance__body,
   .discover-omni,
   .shop-online__body,
   .brand-related,
   .brand-contact,
   .brand-message,
   .home-about .home-about__wrapper,
   .sticky-slider,
   .section--panels .section__body,
   .section--bg-cover-gradient .section__body,
   .section--bg-cover .section__body,
   .section--space-y {
      padding: 3.5rem 0
   }
}

.investor-intro,
.section--space-t {
   padding: 7rem 0 0
}

@media (max-width: 1399.98px) {

   .investor-intro,
   .section--space-t {
      padding: 6.25rem 0 0
   }
}

@media (max-width: 1199.98px) {

   .investor-intro,
   .section--space-t {
      padding: 5rem 0 0
   }
}

@media (max-width: 767.98px) {

   .investor-intro,
   .section--space-t {
      padding: 3.5rem 0 0
   }
}

.section--space-b {
   padding: 0 0 7rem
}

@media (max-width: 1399.98px) {
   .section--space-b {
      padding: 0 0 6.25rem
   }
}

@media (max-width: 1199.98px) {
   .section--space-b {
      padding: 0 0 5rem
   }
}

@media (max-width: 767.98px) {
   .section--space-b {
      padding: 0 0 3.5rem
   }
}

.section {
   position: relative
}

.section:last-child {
   padding-bottom: 7.75rem
}

@media (max-width: 1399.98px) {
   .section:last-child {
      padding-bottom: 7rem
   }
}

@media (max-width: 1199.98px) {
   .section:last-child {
      padding-bottom: 6rem
   }
}

@media (max-width: 767.98px) {
   .section:last-child {
      padding-bottom: 3rem
   }
}

.section--bg-cover {
   overflow: hidden
}

.section--bg-cover .section__bg {
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   position: absolute;
   z-index: 1;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%
}

.section--bg-cover .section__body {
   position: relative;
   z-index: 2;
   display: flex;
   flex-direction: row;
   align-items: center
}

@media (max-width: 767.98px) {
   .section--understanding-crc {
      padding-bottom: 87vw
   }
}

.section--understanding-crc .section__bg {
   background-image: url(/National_Library/oe_/https://yeah1group.com/storage/investor/understanding/bg-understanding.jpg)
}

@media (max-width: 767.98px) {
   .section--understanding-crc .section__bg {
      background-color: #033b90;
      background-size: 100%;
      background-position: center bottom;
      background-image: url(/National_Library/oe_/https://yeah1group.com/storage/investor/understanding/bg-understanding-mobile.jpg)
   }
}

.section--bg-cover-gradient {
   overflow: hidden
}

.section--bg-cover-gradient .section__bg {
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   position: absolute;
   z-index: 1;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%
}

.section--bg-cover-gradient:before {
   position: absolute;
   z-index: 2;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   content: "";
   background: linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0) 100%)
}

.section--bg-cover-gradient .section__body {
   position: relative;
   z-index: 3;
   display: flex;
   flex-direction: row;
   align-items: center
}

.over-section-wipe {
   position: relative
}

.section-wipe {
   position: relative;
   color: #0c0c0c;
   background-color: #e0e0e0
}

@media (max-width: 991.98px) {
   .section-wipe {
      height: auto !important
   }
}

@media (max-width: 991.98px) {
   .section-wipe__container {
      height: auto !important
   }
}

.section-wipe__container--fixed {
   position: fixed;
   width: 100%;
   bottom: 0;
   left: 0
}

@media (max-width: 991.98px) {
   .section-wipe__container--fixed {
      position: static
   }
}

.section-wipe__slide-up {
   transition: all .2s ease-out
}

@media (max-width: 991.98px) {
   .section-wipe__slide-up {
      -webkit-transform: none !important;
      transform: none !important
   }
}

@media (min-width: 576px) {
   .ie11 .section-wipe__container--fixed {
      position: static
   }
}

.section--panels {
   position: relative;
   overflow: hidden
}

.section--panels .section__bg {
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   position: absolute;
   z-index: 1;
   top: 0;
   right: 0;
   width: 50%;
   height: 100%
}

@media (max-width: 991.98px) {
   .section--panels .section__bg {
      display: none
   }
}

.section--panels .section__bg:before {
   position: absolute;
   z-index: 2;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   content: "";
   background-color: #0003
}

.section--panels .section__image {
   position: relative;
   overflow: hidden
}

@media (min-width: 992px) {
   .section--panels .section__image {
      display: none
   }
}

.section--panels .section__body {
   position: relative;
   z-index: 4;
   text-align: center
}

.section--panels .section__panel {
   position: relative;
   overflow: hidden;
   display: flex;
   flex-direction: column;
   justify-content: center;
   min-height: 110vh;
   background-color: #1e1e1e
}

@media (max-width: 991.98px) {
   .section--panels .section__panel {
      min-height: 0;
      min-height: initial
   }
}

@media (min-width: 992px) {
   .section--panels .section__panel--right .section__bg {
      right: auto;
      right: initial;
      left: 0
   }
}

.section--panels .section__wrapper {
   position: relative;
   min-height: 100vh
}

.section--investor,
.section--sustainability,
.section--career,
.section--parallax {
   position: relative;
   overflow: hidden
}

.section--investor .section__body,
.section--sustainability .section__body,
.section--career .section__body,
.section--parallax .section__body {
   position: relative;
   z-index: 10;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   height: 100vh
}

@media (max-width: 991.98px) {

   .section--investor .section__body,
   .section--sustainability .section__body,
   .section--career .section__body,
   .section--parallax .section__body {
      height: auto;
      height: initial;
      padding: 3rem 0 5rem
   }
}

@media (max-width: 767.98px) {

   .section--investor .section__body,
   .section--sustainability .section__body,
   .section--career .section__body,
   .section--parallax .section__body {
      padding: 2rem 0 3.5rem
   }
}

.section--investor .section__thumbnail,
.section--sustainability .section__thumbnail,
.section--career .section__thumbnail,
.section--parallax .section__thumbnail {
   width: 100%;
   padding-right: 12px;
   padding-left: 12px;
   margin-right: auto;
   margin-left: auto;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
   padding-top: 3rem;
   opacity: 0
}

@media (min-width: 576px) {

   .section--investor .section__thumbnail,
   .section--sustainability .section__thumbnail,
   .section--career .section__thumbnail,
   .section--parallax .section__thumbnail {
      max-width: 540px
   }
}

@media (min-width: 768px) {

   .section--investor .section__thumbnail,
   .section--sustainability .section__thumbnail,
   .section--career .section__thumbnail,
   .section--parallax .section__thumbnail {
      max-width: 720px
   }
}

@media (min-width: 992px) {

   .section--investor .section__thumbnail,
   .section--sustainability .section__thumbnail,
   .section--career .section__thumbnail,
   .section--parallax .section__thumbnail {
      max-width: 960px
   }
}

@media (min-width: 1200px) {

   .section--investor .section__thumbnail,
   .section--sustainability .section__thumbnail,
   .section--career .section__thumbnail,
   .section--parallax .section__thumbnail {
      max-width: 1140px
   }
}

@media (min-width: 1400px) {

   .section--investor .section__thumbnail,
   .section--sustainability .section__thumbnail,
   .section--career .section__thumbnail,
   .section--parallax .section__thumbnail {
      max-width: 1250px
   }
}

@media (min-width: 1600px) {

   .section--investor .section__thumbnail,
   .section--sustainability .section__thumbnail,
   .section--career .section__thumbnail,
   .section--parallax .section__thumbnail {
      max-width: 1350px
   }
}

@media (min-width: 2000px) {

   .section--investor .section__thumbnail,
   .section--sustainability .section__thumbnail,
   .section--career .section__thumbnail,
   .section--parallax .section__thumbnail {
      max-width: 1650px
   }
}

@media (min-width: 992px) {

   .section--investor .section__thumbnail,
   .section--sustainability .section__thumbnail,
   .section--career .section__thumbnail,
   .section--parallax .section__thumbnail {
      display: none
   }
}

.section--investor .section__thumbnail>.img-fluid,
.section--sustainability .section__thumbnail>.img-fluid,
.section--career .section__thumbnail>.img-fluid,
.section--parallax .section__thumbnail>.img-fluid {
   width: 100%;
   border-radius: 25px
}

.section--investor .section__img-group,
.section--sustainability .section__img-group,
.section--career .section__img-group,
.section--parallax .section__img-group {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%
}

.section--investor .section__image,
.section--sustainability .section__image,
.section--career .section__image,
.section--parallax .section__image {
   position: absolute;
   display: inline-flex;
   opacity: 0
}

.section--investor .section__image>.img-fluid,
.section--sustainability .section__image>.img-fluid,
.section--career .section__image>.img-fluid,
.section--parallax .section__image>.img-fluid {
   border-radius: 10px
}

@media (max-width: 1999.98px) {

   .section--investor .section__image>.img-fluid,
   .section--sustainability .section__image>.img-fluid,
   .section--career .section__image>.img-fluid,
   .section--parallax .section__image>.img-fluid {
      border-radius: 5px
   }
}

.section--investor .section__image--1,
.section--sustainability .section__image--1,
.section--career .section__image--1,
.section--parallax .section__image--1 {
   top: 10%;
   left: 0
}

@media (max-width: 1999.98px) {

   .section--investor .section__image--1,
   .section--sustainability .section__image--1,
   .section--career .section__image--1,
   .section--parallax .section__image--1 {
      top: 15%
   }
}

@media (max-width: 1599.98px) {

   .section--investor .section__image--1,
   .section--sustainability .section__image--1,
   .section--career .section__image--1,
   .section--parallax .section__image--1 {
      top: 12%
   }
}

@media (max-width: 1399.98px) {

   .section--investor .section__image--1,
   .section--sustainability .section__image--1,
   .section--career .section__image--1,
   .section--parallax .section__image--1 {
      top: 8%
   }
}

.section--investor .section__image--1>.img-fluid,
.section--sustainability .section__image--1>.img-fluid,
.section--career .section__image--1>.img-fluid,
.section--parallax .section__image--1>.img-fluid {
   max-width: 500px
}

@media (max-width: 1999.98px) {

   .section--investor .section__image--1>.img-fluid,
   .section--sustainability .section__image--1>.img-fluid,
   .section--career .section__image--1>.img-fluid,
   .section--parallax .section__image--1>.img-fluid {
      max-width: 400px
   }
}

@media (max-width: 1599.98px) {

   .section--investor .section__image--1>.img-fluid,
   .section--sustainability .section__image--1>.img-fluid,
   .section--career .section__image--1>.img-fluid,
   .section--parallax .section__image--1>.img-fluid {
      max-width: 350px
   }
}

@media (max-width: 1399.98px) {

   .section--investor .section__image--1>.img-fluid,
   .section--sustainability .section__image--1>.img-fluid,
   .section--career .section__image--1>.img-fluid,
   .section--parallax .section__image--1>.img-fluid {
      max-width: 280px
   }
}

@media (max-width: 1199.98px) {

   .section--investor .section__image--1>.img-fluid,
   .section--sustainability .section__image--1>.img-fluid,
   .section--career .section__image--1>.img-fluid,
   .section--parallax .section__image--1>.img-fluid {
      max-width: 260px
   }
}

.section--investor .section__image--2,
.section--sustainability .section__image--2,
.section--career .section__image--2,
.section--parallax .section__image--2 {
   top: 0;
   left: 6rem;
   right: 0;
   margin: 0 auto;
   justify-content: center
}

.section--investor .section__image--2>.img-fluid,
.section--sustainability .section__image--2>.img-fluid,
.section--career .section__image--2>.img-fluid,
.section--parallax .section__image--2>.img-fluid {
   max-width: 300px
}

@media (max-width: 1999.98px) {

   .section--investor .section__image--2>.img-fluid,
   .section--sustainability .section__image--2>.img-fluid,
   .section--career .section__image--2>.img-fluid,
   .section--parallax .section__image--2>.img-fluid {
      max-width: 240px
   }
}

@media (max-width: 1599.98px) {

   .section--investor .section__image--2>.img-fluid,
   .section--sustainability .section__image--2>.img-fluid,
   .section--career .section__image--2>.img-fluid,
   .section--parallax .section__image--2>.img-fluid {
      max-width: 220px
   }
}

@media (max-width: 1399.98px) {

   .section--investor .section__image--2>.img-fluid,
   .section--sustainability .section__image--2>.img-fluid,
   .section--career .section__image--2>.img-fluid,
   .section--parallax .section__image--2>.img-fluid {
      max-width: 190px
   }
}

@media (max-width: 1199.98px) {

   .section--investor .section__image--2>.img-fluid,
   .section--sustainability .section__image--2>.img-fluid,
   .section--career .section__image--2>.img-fluid,
   .section--parallax .section__image--2>.img-fluid {
      max-width: 180px
   }
}

.section--investor .section__image--3,
.section--sustainability .section__image--3,
.section--career .section__image--3,
.section--parallax .section__image--3 {
   top: 17%;
   right: 0
}

@media (max-width: 1999.98px) {

   .section--investor .section__image--3,
   .section--sustainability .section__image--3,
   .section--career .section__image--3,
   .section--parallax .section__image--3 {
      top: 20%
   }
}

@media (max-width: 1599.98px) {

   .section--investor .section__image--3,
   .section--sustainability .section__image--3,
   .section--career .section__image--3,
   .section--parallax .section__image--3 {
      top: 18%
   }
}

@media (max-width: 1399.98px) {

   .section--investor .section__image--3,
   .section--sustainability .section__image--3,
   .section--career .section__image--3,
   .section--parallax .section__image--3 {
      top: 15%
   }
}

.section--investor .section__image--3>.img-fluid,
.section--sustainability .section__image--3>.img-fluid,
.section--career .section__image--3>.img-fluid,
.section--parallax .section__image--3>.img-fluid {
   max-width: 300px
}

@media (max-width: 1999.98px) {

   .section--investor .section__image--3>.img-fluid,
   .section--sustainability .section__image--3>.img-fluid,
   .section--career .section__image--3>.img-fluid,
   .section--parallax .section__image--3>.img-fluid {
      max-width: 260px
   }
}

@media (max-width: 1599.98px) {

   .section--investor .section__image--3>.img-fluid,
   .section--sustainability .section__image--3>.img-fluid,
   .section--career .section__image--3>.img-fluid,
   .section--parallax .section__image--3>.img-fluid {
      max-width: 220px
   }
}

@media (max-width: 1399.98px) {

   .section--investor .section__image--3>.img-fluid,
   .section--sustainability .section__image--3>.img-fluid,
   .section--career .section__image--3>.img-fluid,
   .section--parallax .section__image--3>.img-fluid {
      max-width: 150px
   }
}

.section--investor .section__image--4,
.section--sustainability .section__image--4,
.section--career .section__image--4,
.section--parallax .section__image--4 {
   bottom: 10%;
   right: 15%
}

@media (max-width: 1999.98px) {

   .section--investor .section__image--4,
   .section--sustainability .section__image--4,
   .section--career .section__image--4,
   .section--parallax .section__image--4 {
      right: 10%
   }
}

@media (max-width: 1599.98px) {

   .section--investor .section__image--4,
   .section--sustainability .section__image--4,
   .section--career .section__image--4,
   .section--parallax .section__image--4 {
      right: 7%
   }
}

@media (max-width: 1399.98px) {

   .section--investor .section__image--4,
   .section--sustainability .section__image--4,
   .section--career .section__image--4,
   .section--parallax .section__image--4 {
      right: 5%
   }
}

@media (max-width: 1199.98px) {

   .section--investor .section__image--4,
   .section--sustainability .section__image--4,
   .section--career .section__image--4,
   .section--parallax .section__image--4 {
      right: 3%
   }
}

.section--investor .section__image--4>.img-fluid,
.section--sustainability .section__image--4>.img-fluid,
.section--career .section__image--4>.img-fluid,
.section--parallax .section__image--4>.img-fluid {
   max-width: 420px
}

@media (max-width: 1999.98px) {

   .section--investor .section__image--4>.img-fluid,
   .section--sustainability .section__image--4>.img-fluid,
   .section--career .section__image--4>.img-fluid,
   .section--parallax .section__image--4>.img-fluid {
      max-width: 350px
   }
}

@media (max-width: 1599.98px) {

   .section--investor .section__image--4>.img-fluid,
   .section--sustainability .section__image--4>.img-fluid,
   .section--career .section__image--4>.img-fluid,
   .section--parallax .section__image--4>.img-fluid {
      max-width: 250px
   }
}

@media (max-width: 1399.98px) {

   .section--investor .section__image--4>.img-fluid,
   .section--sustainability .section__image--4>.img-fluid,
   .section--career .section__image--4>.img-fluid,
   .section--parallax .section__image--4>.img-fluid {
      max-width: 220px
   }
}

@media (max-width: 1199.98px) {

   .section--investor .section__image--4>.img-fluid,
   .section--sustainability .section__image--4>.img-fluid,
   .section--career .section__image--4>.img-fluid,
   .section--parallax .section__image--4>.img-fluid {
      max-width: 200px
   }
}

.section--investor .section__image--5,
.section--sustainability .section__image--5,
.section--career .section__image--5,
.section--parallax .section__image--5 {
   right: 1rem;
   left: 0;
   bottom: 3rem;
   justify-content: center;
   margin: 0 auto
}

@media (max-width: 1199.98px) {

   .section--investor .section__image--5,
   .section--sustainability .section__image--5,
   .section--career .section__image--5,
   .section--parallax .section__image--5 {
      right: 1rem
   }
}

@media (max-width: 991.98px) {

   .section--investor .section__image--5,
   .section--sustainability .section__image--5,
   .section--career .section__image--5,
   .section--parallax .section__image--5 {
      right: 0
   }
}

.section--investor .section__image--5>.img-fluid,
.section--sustainability .section__image--5>.img-fluid,
.section--career .section__image--5>.img-fluid,
.section--parallax .section__image--5>.img-fluid {
   max-width: 280px
}

@media (max-width: 1999.98px) {

   .section--investor .section__image--5>.img-fluid,
   .section--sustainability .section__image--5>.img-fluid,
   .section--career .section__image--5>.img-fluid,
   .section--parallax .section__image--5>.img-fluid {
      max-width: 260px
   }
}

@media (max-width: 1599.98px) {

   .section--investor .section__image--5>.img-fluid,
   .section--sustainability .section__image--5>.img-fluid,
   .section--career .section__image--5>.img-fluid,
   .section--parallax .section__image--5>.img-fluid {
      max-width: 240px
   }
}

@media (max-width: 1399.98px) {

   .section--investor .section__image--5>.img-fluid,
   .section--sustainability .section__image--5>.img-fluid,
   .section--career .section__image--5>.img-fluid,
   .section--parallax .section__image--5>.img-fluid {
      max-width: 180px
   }
}

.section--investor .section__image--6,
.section--sustainability .section__image--6,
.section--career .section__image--6,
.section--parallax .section__image--6 {
   left: 10rem;
   bottom: 15%
}

@media (max-width: 1599.98px) {

   .section--investor .section__image--6,
   .section--sustainability .section__image--6,
   .section--career .section__image--6,
   .section--parallax .section__image--6 {
      bottom: 12%;
      left: 6rem
   }
}

@media (max-width: 1399.98px) {

   .section--investor .section__image--6,
   .section--sustainability .section__image--6,
   .section--career .section__image--6,
   .section--parallax .section__image--6 {
      bottom: 8%;
      left: 4rem
   }
}

@media (max-width: 1199.98px) {

   .section--investor .section__image--6,
   .section--sustainability .section__image--6,
   .section--career .section__image--6,
   .section--parallax .section__image--6 {
      left: 4rem
   }
}

.section--investor .section__image--6>.img-fluid,
.section--sustainability .section__image--6>.img-fluid,
.section--career .section__image--6>.img-fluid,
.section--parallax .section__image--6>.img-fluid {
   max-width: 330px
}

@media (max-width: 1599.98px) {

   .section--investor .section__image--6>.img-fluid,
   .section--sustainability .section__image--6>.img-fluid,
   .section--career .section__image--6>.img-fluid,
   .section--parallax .section__image--6>.img-fluid {
      max-width: 270px
   }
}

@media (max-width: 1399.98px) {

   .section--investor .section__image--6>.img-fluid,
   .section--sustainability .section__image--6>.img-fluid,
   .section--career .section__image--6>.img-fluid,
   .section--parallax .section__image--6>.img-fluid {
      max-width: 240px
   }
}

@media (max-width: 1199.98px) {

   .section--investor .section__image--6>.img-fluid,
   .section--sustainability .section__image--6>.img-fluid,
   .section--career .section__image--6>.img-fluid,
   .section--parallax .section__image--6>.img-fluid {
      max-width: 220px
   }
}

.section--career .section__image--1 {
   top: 10%;
   left: 0
}

@media (max-width: 1999.98px) {
   .section--career .section__image--1 {
      top: 15%
   }
}

@media (max-width: 1599.98px) {
   .section--career .section__image--1 {
      top: 10%
   }
}

@media (max-width: 1399.98px) {
   .section--career .section__image--1 {
      top: 8%
   }
}

.section--career .section__image--1>.img-fluid {
   max-width: 350px
}

@media (max-width: 1999.98px) {
   .section--career .section__image--1>.img-fluid {
      max-width: 300px
   }
}

@media (max-width: 1599.98px) {
   .section--career .section__image--1>.img-fluid {
      max-width: 255px
   }
}

@media (max-width: 1399.98px) {
   .section--career .section__image--1>.img-fluid {
      max-width: 265px
   }
}

@media (max-width: 1199.98px) {
   .section--career .section__image--1>.img-fluid {
      max-width: 240px
   }
}

@media only screen and (min-height: 530px)and (max-height: 650px)and (min-width: 1200px)and (max-width: 1400px) {
   .section--career .section__image--1>.img-fluid {
      max-width: 250px
   }
}

.section--career .section__image--2 {
   top: 0;
   left: 6rem;
   right: 0;
   margin: 0 auto;
   justify-content: center
}

.section--career .section__image--2>.img-fluid {
   max-width: 300px
}

@media (max-width: 1999.98px) {
   .section--career .section__image--2>.img-fluid {
      max-width: 220px
   }
}

@media (max-width: 1599.98px) {
   .section--career .section__image--2>.img-fluid {
      max-width: 190px
   }
}

@media (max-width: 1399.98px) {
   .section--career .section__image--2>.img-fluid {
      max-width: 180px
   }
}

@media (max-width: 1199.98px) {
   .section--career .section__image--2>.img-fluid {
      max-width: 180px
   }
}

@media only screen and (min-height: 530px)and (max-height: 650px)and (min-width: 1200px)and (max-width: 1400px) {
   .section--career .section__image--2>.img-fluid {
      max-width: 150px
   }
}

.section--career .section__image--3 {
   top: 15%;
   right: 0
}

@media (max-width: 1999.98px) {
   .section--career .section__image--3 {
      top: 13%
   }
}

@media (max-width: 1599.98px) {
   .section--career .section__image--3 {
      top: 16%
   }
}

@media (max-width: 1399.98px) {
   .section--career .section__image--3 {
      top: 15%
   }
}

.section--career .section__image--3>.img-fluid {
   max-width: 500px
}

@media (max-width: 1999.98px) {
   .section--career .section__image--3>.img-fluid {
      max-width: 400px
   }
}

@media (max-width: 1599.98px) {
   .section--career .section__image--3>.img-fluid {
      max-width: 220px
   }
}

@media (max-width: 1399.98px) {
   .section--career .section__image--3>.img-fluid {
      max-width: 150px
   }
}

.section--career .section__image--4 {
   bottom: 10%;
   right: 10%
}

@media (max-width: 1999.98px) {
   .section--career .section__image--4 {
      right: 10%
   }
}

@media (max-width: 1599.98px) {
   .section--career .section__image--4 {
      right: 7%
   }
}

@media (max-width: 1399.98px) {
   .section--career .section__image--4 {
      right: 5%
   }
}

@media (max-width: 1199.98px) {
   .section--career .section__image--4 {
      right: 3%
   }
}

.section--career .section__image--4>.img-fluid {
   max-width: 420px
}

@media (max-width: 1999.98px) {
   .section--career .section__image--4>.img-fluid {
      max-width: 350px
   }
}

@media (max-width: 1599.98px) {
   .section--career .section__image--4>.img-fluid {
      max-width: 250px
   }
}

@media (max-width: 1399.98px) {
   .section--career .section__image--4>.img-fluid {
      max-width: 220px
   }
}

@media (max-width: 1199.98px) {
   .section--career .section__image--4>.img-fluid {
      max-width: 200px
   }
}

.section--career .section__image--5 {
   right: 1rem;
   left: 0;
   bottom: 3rem;
   justify-content: center;
   margin: 0 auto
}

@media (max-width: 1199.98px) {
   .section--career .section__image--5 {
      right: 1rem
   }
}

@media (max-width: 991.98px) {
   .section--career .section__image--5 {
      right: 0
   }
}

.section--career .section__image--5>.img-fluid {
   max-width: 300px
}

@media (max-width: 1999.98px) {
   .section--career .section__image--5>.img-fluid {
      max-width: 280px
   }
}

@media (max-width: 1599.98px) {
   .section--career .section__image--5>.img-fluid {
      max-width: 240px
   }
}

@media (max-width: 1399.98px) {
   .section--career .section__image--5>.img-fluid {
      max-width: 180px
   }
}

.section--career .section__image--6 {
   left: 14rem;
   bottom: 12%
}

@media (max-width: 1999.98px) {
   .section--career .section__image--6 {
      bottom: 9%;
      left: 6rem
   }
}

@media (max-width: 1599.98px) {
   .section--career .section__image--6 {
      bottom: 7%;
      left: 6rem
   }
}

@media (max-width: 1399.98px) {
   .section--career .section__image--6 {
      bottom: 8%;
      left: 4rem
   }
}

@media (max-width: 1199.98px) {
   .section--career .section__image--6 {
      left: 4rem
   }
}

.section--career .section__image--6>.img-fluid {
   max-width: 350px
}

@media (max-width: 1599.98px) {
   .section--career .section__image--6>.img-fluid {
      max-width: 270px
   }
}

@media (max-width: 1399.98px) {
   .section--career .section__image--6>.img-fluid {
      max-width: 240px
   }
}

@media (max-width: 1199.98px) {
   .section--career .section__image--6>.img-fluid {
      max-width: 220px
   }
}

@media only screen and (min-height: 530px)and (max-height: 650px)and (min-width: 1200px)and (max-width: 1400px) {
   .section--career .section__image--6>.img-fluid {
      max-width: 190px
   }
}

.section--sustainability .section__image--1 {
   top: 15%;
   left: 0
}

@media (max-width: 1999.98px) {
   .section--sustainability .section__image--1 {
      top: 17%
   }
}

@media (max-width: 1599.98px) {
   .section--sustainability .section__image--1 {
      top: 16%
   }
}

@media (max-width: 1399.98px) {
   .section--sustainability .section__image--1 {
      top: 12%
   }
}

.section--sustainability .section__image--1>.img-fluid {
   max-width: 550px
}

@media (max-width: 1999.98px) {
   .section--sustainability .section__image--1>.img-fluid {
      max-width: 500px
   }
}

@media (max-width: 1599.98px) {
   .section--sustainability .section__image--1>.img-fluid {
      max-width: 450px
   }
}

@media (max-width: 1399.98px) {
   .section--sustainability .section__image--1>.img-fluid {
      max-width: 400px
   }
}

@media (max-width: 1199.98px) {
   .section--sustainability .section__image--1>.img-fluid {
      max-width: 240px
   }
}

@media only screen and (min-height: 530px)and (max-height: 650px)and (min-width: 1200px)and (max-width: 1400px) {
   .section--sustainability .section__image--1>.img-fluid {
      max-width: 250px
   }
}

.section--sustainability .section__image--2 {
   top: 0;
   left: 6rem;
   right: 0;
   margin: 0 auto;
   justify-content: center
}

.section--sustainability .section__image--2>.img-fluid {
   max-width: 300px
}

@media (max-width: 1999.98px) {
   .section--sustainability .section__image--2>.img-fluid {
      max-width: 220px
   }
}

@media (max-width: 1599.98px) {
   .section--sustainability .section__image--2>.img-fluid {
      max-width: 190px
   }
}

@media (max-width: 1399.98px) {
   .section--sustainability .section__image--2>.img-fluid {
      max-width: 180px
   }
}

@media (max-width: 1199.98px) {
   .section--sustainability .section__image--2>.img-fluid {
      max-width: 180px
   }
}

@media only screen and (min-height: 530px)and (max-height: 650px)and (min-width: 1200px)and (max-width: 1400px) {
   .section--sustainability .section__image--2>.img-fluid {
      max-width: 150px
   }
}

.section--sustainability .section__image--3 {
   top: 12%;
   right: 0
}

@media (max-width: 1999.98px) {
   .section--sustainability .section__image--3 {
      top: 10%
   }
}

@media (max-width: 1599.98px) {
   .section--sustainability .section__image--3 {
      top: 11%
   }
}

@media (max-width: 1399.98px) {
   .section--sustainability .section__image--3 {
      top: 13%
   }
}

.section--sustainability .section__image--3>.img-fluid {
   max-width: 500px
}

@media (max-width: 1999.98px) {
   .section--sustainability .section__image--3>.img-fluid {
      max-width: 400px
   }
}

@media (max-width: 1599.98px) {
   .section--sustainability .section__image--3>.img-fluid {
      max-width: 220px
   }
}

@media (max-width: 1399.98px) {
   .section--sustainability .section__image--3>.img-fluid {
      max-width: 150px
   }
}

.section--sustainability .section__image--4 {
   bottom: 10%;
   right: 10%
}

@media (max-width: 1999.98px) {
   .section--sustainability .section__image--4 {
      right: 10%
   }
}

@media (max-width: 1599.98px) {
   .section--sustainability .section__image--4 {
      right: 7%
   }
}

@media (max-width: 1399.98px) {
   .section--sustainability .section__image--4 {
      right: 5%
   }
}

@media (max-width: 1199.98px) {
   .section--sustainability .section__image--4 {
      right: 3%
   }
}

.section--sustainability .section__image--4>.img-fluid {
   max-width: 420px
}

@media (max-width: 1999.98px) {
   .section--sustainability .section__image--4>.img-fluid {
      max-width: 350px
   }
}

@media (max-width: 1599.98px) {
   .section--sustainability .section__image--4>.img-fluid {
      max-width: 250px
   }
}

@media (max-width: 1399.98px) {
   .section--sustainability .section__image--4>.img-fluid {
      max-width: 220px
   }
}

@media (max-width: 1199.98px) {
   .section--sustainability .section__image--4>.img-fluid {
      max-width: 200px
   }
}

.section--sustainability .section__image--5 {
   right: 1rem;
   left: 0;
   bottom: 2rem;
   justify-content: center;
   margin: 0 auto
}

@media (max-width: 1199.98px) {
   .section--sustainability .section__image--5 {
      right: 1rem
   }
}

@media (max-width: 991.98px) {
   .section--sustainability .section__image--5 {
      right: 0
   }
}

.section--sustainability .section__image--5>.img-fluid {
   max-width: 300px
}

@media (max-width: 1999.98px) {
   .section--sustainability .section__image--5>.img-fluid {
      max-width: 280px
   }
}

@media (max-width: 1599.98px) {
   .section--sustainability .section__image--5>.img-fluid {
      max-width: 240px
   }
}

@media (max-width: 1399.98px) {
   .section--sustainability .section__image--5>.img-fluid {
      max-width: 180px
   }
}

.section--sustainability .section__image--6 {
   left: 14rem;
   bottom: 10%
}

@media (max-width: 1999.98px) {
   .section--sustainability .section__image--6 {
      bottom: 8%;
      left: 6rem
   }
}

@media (max-width: 1599.98px) {
   .section--sustainability .section__image--6 {
      bottom: 6%;
      left: 6rem
   }
}

@media (max-width: 1399.98px) {
   .section--sustainability .section__image--6 {
      bottom: 7%;
      left: 4rem
   }
}

@media (max-width: 1199.98px) {
   .section--sustainability .section__image--6 {
      left: 4rem
   }
}

.section--sustainability .section__image--6>.img-fluid {
   max-width: 500px
}

@media (max-width: 1599.98px) {
   .section--sustainability .section__image--6>.img-fluid {
      max-width: 270px
   }
}

@media (max-width: 1399.98px) {
   .section--sustainability .section__image--6>.img-fluid {
      max-width: 240px
   }
}

@media (max-width: 1199.98px) {
   .section--sustainability .section__image--6>.img-fluid {
      max-width: 220px
   }
}

@media only screen and (min-height: 530px)and (max-height: 650px)and (min-width: 1200px)and (max-width: 1400px) {
   .section--sustainability .section__image--6>.img-fluid {
      max-width: 190px
   }
}

.section--investor .section__image--1 {
   top: 10%;
   left: 0
}

@media (max-width: 1999.98px) {
   .section--investor .section__image--1 {
      top: 9%
   }
}

@media (max-width: 1599.98px) {
   .section--investor .section__image--1 {
      top: 10%
   }
}

@media (max-width: 1399.98px) {
   .section--investor .section__image--1 {
      top: 8%
   }
}

.section--investor .section__image--1>.img-fluid {
   max-width: 350px
}

@media (max-width: 1999.98px) {
   .section--investor .section__image--1>.img-fluid {
      max-width: 300px
   }
}

@media (max-width: 1599.98px) {
   .section--investor .section__image--1>.img-fluid {
      max-width: 255px
   }
}

@media (max-width: 1399.98px) {
   .section--investor .section__image--1>.img-fluid {
      max-width: 265px
   }
}

@media (max-width: 1199.98px) {
   .section--investor .section__image--1>.img-fluid {
      max-width: 240px
   }
}

@media only screen and (min-height: 530px)and (max-height: 650px)and (min-width: 1200px)and (max-width: 1400px) {
   .section--investor .section__image--1>.img-fluid {
      max-width: 250px
   }
}

.section--investor .section__image--2 {
   top: 0;
   left: 6rem;
   right: 0;
   margin: 0 auto;
   justify-content: center
}

.section--investor .section__image--2>.img-fluid {
   max-width: 300px
}

@media (max-width: 1999.98px) {
   .section--investor .section__image--2>.img-fluid {
      max-width: 220px
   }
}

@media (max-width: 1599.98px) {
   .section--investor .section__image--2>.img-fluid {
      max-width: 190px
   }
}

@media (max-width: 1399.98px) {
   .section--investor .section__image--2>.img-fluid {
      max-width: 180px
   }
}

@media (max-width: 1199.98px) {
   .section--investor .section__image--2>.img-fluid {
      max-width: 180px
   }
}

@media only screen and (min-height: 530px)and (max-height: 650px)and (min-width: 1200px)and (max-width: 1400px) {
   .section--investor .section__image--2>.img-fluid {
      max-width: 150px
   }
}

.section--investor .section__image--3 {
   top: 9%;
   right: 0
}

@media (max-width: 1999.98px) {
   .section--investor .section__image--3 {
      top: 9%
   }
}

@media (max-width: 1599.98px) {
   .section--investor .section__image--3 {
      top: 16%
   }
}

@media (max-width: 1399.98px) {
   .section--investor .section__image--3 {
      top: 15%
   }
}

.section--investor .section__image--3>.img-fluid {
   max-width: 380px
}

@media (max-width: 1999.98px) {
   .section--investor .section__image--3>.img-fluid {
      max-width: 350px
   }
}

@media (max-width: 1599.98px) {
   .section--investor .section__image--3>.img-fluid {
      max-width: 220px
   }
}

@media (max-width: 1399.98px) {
   .section--investor .section__image--3>.img-fluid {
      max-width: 150px
   }
}

.section--investor .section__image--4 {
   bottom: 10%;
   right: 10%
}

@media (max-width: 1999.98px) {
   .section--investor .section__image--4 {
      right: 10%
   }
}

@media (max-width: 1599.98px) {
   .section--investor .section__image--4 {
      right: 7%
   }
}

@media (max-width: 1399.98px) {
   .section--investor .section__image--4 {
      right: 5%
   }
}

@media (max-width: 1199.98px) {
   .section--investor .section__image--4 {
      right: 3%
   }
}

.section--investor .section__image--4>.img-fluid {
   max-width: 400px
}

@media (max-width: 1999.98px) {
   .section--investor .section__image--4>.img-fluid {
      max-width: 320px
   }
}

@media (max-width: 1599.98px) {
   .section--investor .section__image--4>.img-fluid {
      max-width: 230px
   }
}

@media (max-width: 1399.98px) {
   .section--investor .section__image--4>.img-fluid {
      max-width: 200px
   }
}

@media (max-width: 1199.98px) {
   .section--investor .section__image--4>.img-fluid {
      max-width: 190px
   }
}

.section--investor .section__image--5 {
   right: 1rem;
   left: 0;
   bottom: 2rem;
   justify-content: center;
   margin: 0 auto
}

@media (max-width: 1199.98px) {
   .section--investor .section__image--5 {
      right: 1rem
   }
}

@media (max-width: 991.98px) {
   .section--investor .section__image--5 {
      right: 0
   }
}

.section--investor .section__image--5>.img-fluid {
   max-width: 300px
}

@media (max-width: 1999.98px) {
   .section--investor .section__image--5>.img-fluid {
      max-width: 280px
   }
}

@media (max-width: 1599.98px) {
   .section--investor .section__image--5>.img-fluid {
      max-width: 240px
   }
}

@media (max-width: 1399.98px) {
   .section--investor .section__image--5>.img-fluid {
      max-width: 180px
   }
}

.section--investor .section__image--6 {
   left: 14rem;
   bottom: 12%
}

@media (max-width: 1999.98px) {
   .section--investor .section__image--6 {
      bottom: 9%;
      left: 6rem
   }
}

@media (max-width: 1599.98px) {
   .section--investor .section__image--6 {
      bottom: 7%;
      left: 6rem
   }
}

@media (max-width: 1399.98px) {
   .section--investor .section__image--6 {
      bottom: 8%;
      left: 4rem
   }
}

@media (max-width: 1199.98px) {
   .section--investor .section__image--6 {
      left: 4rem
   }
}

.section--investor .section__image--6>.img-fluid {
   max-width: 350px
}

@media (max-width: 1599.98px) {
   .section--investor .section__image--6>.img-fluid {
      max-width: 270px
   }
}

@media (max-width: 1399.98px) {
   .section--investor .section__image--6>.img-fluid {
      max-width: 240px
   }
}

@media (max-width: 1199.98px) {
   .section--investor .section__image--6>.img-fluid {
      max-width: 220px
   }
}

@media only screen and (min-height: 530px)and (max-height: 650px)and (min-width: 1200px)and (max-width: 1400px) {
   .section--investor .section__image--6>.img-fluid {
      max-width: 190px
   }
}

html[lang=en] .dropdown-menu__excerpt {
   font-weight: 700;
   font-size: 1.25rem
}

@media (max-width: 1599.98px) {
   html[lang=en] .dropdown-menu__excerpt {
      font-size: 1rem
   }
}

html[lang=en] .dropdown-menu__close-title {
   font-weight: 700;
   font-size: 1.375rem
}

@media (max-width: 767.98px) {
   html[lang=en] .dropdown-menu__close-title {
      font-size: 1.125rem
   }
}

html[lang=en] .dropdown-menu__parent-title {
   font-weight: 700;
   font-size: 1.875rem
}

@media (max-width: 767.98px) {
   html[lang=en] .dropdown-menu__parent-title {
      font-size: 1.5rem
   }
}

html[lang=en] .navbar-main__lv1>.nav-item>.nav-link {
   font-weight: 700;
   font-size: 1.125rem
}

@media (max-width: 1599.98px) {
   html[lang=en] .navbar-main__lv1>.nav-item>.nav-link {
      font-size: 1rem
   }
}

@media (max-width: 991.98px) {
   html[lang=en] .navbar-main__lv1>.nav-item>.nav-link {
      font-size: 1.25rem
   }
}

@media (max-width: 767.98px) {
   html[lang=en] .navbar-main__lv1>.nav-item>.nav-link {
      font-size: .9375rem
   }
}

html[lang=en] .navbar-main__lv1>.nav-item>.nav-link[aria-expanded=true] {
   font-weight: 700;
   font-size: 1.75rem
}

@media (max-width: 1999.98px) {
   html[lang=en] .navbar-main__lv1>.nav-item>.nav-link[aria-expanded=true] {
      font-size: 1.625rem
   }
}

@media (max-width: 1599.98px) {
   html[lang=en] .navbar-main__lv1>.nav-item>.nav-link[aria-expanded=true] {
      font-size: 1.5rem
   }
}

@media (max-width: 1399.98px) {
   html[lang=en] .navbar-main__lv1>.nav-item>.nav-link[aria-expanded=true] {
      font-size: 1.3125rem
   }
}

@media (max-width: 991.98px) {
   html[lang=en] .navbar-main__lv1>.nav-item>.nav-link[aria-expanded=true] {
      font-size: 1.25rem
   }
}

@media (max-width: 767.98px) {
   html[lang=en] .navbar-main__lv1>.nav-item>.nav-link[aria-expanded=true] {
      font-size: .9375rem
   }
}

html[lang=en] .navbar-main__lv2>.nav-item>.nav-link {
   font-size: 1.25rem
}

@media (max-width: 1599.98px) {
   html[lang=en] .navbar-main__lv2>.nav-item>.nav-link {
      font-size: 1rem
   }
}

@media (max-width: 991.98px) {
   html[lang=en] .navbar-main__lv2>.nav-item>.nav-link {
      font-size: 1.375rem
   }
}

@media (max-width: 767.98px) {
   html[lang=en] .navbar-main__lv2>.nav-item>.nav-link {
      font-size: 1rem
   }
}

html[lang=en] .navbar-main__lv2>.nav-item>.nav-link[aria-expanded=true] {
   font-weight: 700
}

html[lang=en] .navbar-main__lv2>.nav-item.active>.nav-link {
   font-weight: 700
}

html[lang=en] .dropdown-menu__list>.nav-item>.nav-link {
   font-size: 1.125rem
}

@media (max-width: 1599.98px) {
   html[lang=en] .dropdown-menu__list>.nav-item>.nav-link {
      font-size: 1rem
   }
}

@media (max-width: 991.98px) {
   html[lang=en] .dropdown-menu__list>.nav-item>.nav-link {
      font-size: 1.25rem
   }
}

@media (max-width: 767.98px) {
   html[lang=en] .dropdown-menu__list>.nav-item>.nav-link {
      font-size: 1rem
   }
}

html[lang=en] .dropdown-menu__list>.nav-item>.nav-link[aria-expanded=true] {
   font-weight: 700
}

html[lang=en] .dropdown-menu__list .dropdown-item {
   font-size: 1.125rem
}

@media (max-width: 1599.98px) {
   html[lang=en] .dropdown-menu__list .dropdown-item {
      font-size: 1rem
   }
}

@media (max-width: 991.98px) {
   html[lang=en] .dropdown-menu__list .dropdown-item {
      font-size: 1.125rem
   }
}

@media (max-width: 767.98px) {
   html[lang=en] .dropdown-menu__list .dropdown-item {
      font-size: .9375rem
   }
}

html[lang=th] .dropdown-menu__excerpt {
   font-weight: 700;
   font-size: 1.25rem
}

@media (max-width: 1599.98px) {
   html[lang=th] .dropdown-menu__excerpt {
      font-size: 1rem
   }
}

html[lang=th] .dropdown-menu__close-title {
   font-weight: 700;
   font-size: 1.375rem
}

@media (max-width: 767.98px) {
   html[lang=th] .dropdown-menu__close-title {
      font-size: 1.125rem
   }
}

html[lang=th] .dropdown-menu__parent-title {
   font-weight: 700;
   font-size: 1.875rem
}

@media (max-width: 767.98px) {
   html[lang=th] .dropdown-menu__parent-title {
      font-size: 1.5rem
   }
}

html[lang=th] .navbar-main__lv1>.nav-item>.nav-link {
   font-weight: 700;
   font-size: 1.125rem
}

@media (max-width: 1599.98px) {
   html[lang=th] .navbar-main__lv1>.nav-item>.nav-link {
      font-size: 1rem
   }
}

@media (max-width: 991.98px) {
   html[lang=th] .navbar-main__lv1>.nav-item>.nav-link {
      font-size: 1.25rem
   }
}

@media (max-width: 767.98px) {
   html[lang=th] .navbar-main__lv1>.nav-item>.nav-link {
      font-size: .9375rem
   }
}

html[lang=th] .navbar-main__lv1>.nav-item>.nav-link[aria-expanded=true] {
   font-weight: 700;
   font-size: 1.75rem
}

@media (max-width: 1999.98px) {
   html[lang=th] .navbar-main__lv1>.nav-item>.nav-link[aria-expanded=true] {
      font-size: 1.625rem
   }
}

@media (max-width: 1599.98px) {
   html[lang=th] .navbar-main__lv1>.nav-item>.nav-link[aria-expanded=true] {
      font-size: 1.5rem
   }
}

@media (max-width: 1399.98px) {
   html[lang=th] .navbar-main__lv1>.nav-item>.nav-link[aria-expanded=true] {
      font-size: 1.3125rem
   }
}

@media (max-width: 991.98px) {
   html[lang=th] .navbar-main__lv1>.nav-item>.nav-link[aria-expanded=true] {
      font-size: 1.25rem
   }
}

@media (max-width: 767.98px) {
   html[lang=th] .navbar-main__lv1>.nav-item>.nav-link[aria-expanded=true] {
      font-size: .9375rem
   }
}

html[lang=th] .navbar-main__lv2>.nav-item>.nav-link {
   font-size: 1.25rem
}

@media (max-width: 1599.98px) {
   html[lang=th] .navbar-main__lv2>.nav-item>.nav-link {
      font-size: 1rem
   }
}

@media (max-width: 991.98px) {
   html[lang=th] .navbar-main__lv2>.nav-item>.nav-link {
      font-size: 1.375rem
   }
}

@media (max-width: 767.98px) {
   html[lang=th] .navbar-main__lv2>.nav-item>.nav-link {
      font-size: 1rem
   }
}

html[lang=th] .navbar-main__lv2>.nav-item>.nav-link[aria-expanded=true] {
   font-weight: 700
}

html[lang=th] .navbar-main__lv2>.nav-item.active>.nav-link {
   font-weight: 700
}

html[lang=th] .dropdown-menu__list>.nav-item>.nav-link {
   font-size: 1.125rem
}

@media (max-width: 1599.98px) {
   html[lang=th] .dropdown-menu__list>.nav-item>.nav-link {
      font-size: 1rem
   }
}

@media (max-width: 991.98px) {
   html[lang=th] .dropdown-menu__list>.nav-item>.nav-link {
      font-size: 1.25rem
   }
}

@media (max-width: 767.98px) {
   html[lang=th] .dropdown-menu__list>.nav-item>.nav-link {
      font-size: 1rem
   }
}

html[lang=th] .dropdown-menu__list>.nav-item>.nav-link[aria-expanded=true] {
   font-weight: 700
}

html[lang=th] .dropdown-menu__list .dropdown-item {
   font-size: 1.125rem
}

@media (max-width: 1599.98px) {
   html[lang=th] .dropdown-menu__list .dropdown-item {
      font-size: 1rem
   }
}

@media (max-width: 991.98px) {
   html[lang=th] .dropdown-menu__list .dropdown-item {
      font-size: 1.125rem
   }
}

@media (max-width: 767.98px) {
   html[lang=th] .dropdown-menu__list .dropdown-item {
      font-size: .9375rem
   }
}

#menuHamburger {
   z-index: 1010;
   position: fixed;
   overflow-x: hidden;
   overflow-y: hidden;
   top: 0;
   left: 0;
   width: 100%;
   background-color: #292929
}

@media (min-width: 992px) {
   #menuHamburger {
      overflow: hidden
   }
}

@media (max-width: 991.98px) {
   #menuHamburger {
      top: 77px;
      max-height: calc(100vh - 77px);
      height: calc(100vh - 77px);
      background-color: #1e1e1e
   }
}

.navbar-main__aside {
   padding: 1.5rem 0;
   background-color: #0c0c0c
}

@media (max-width: 1399.98px) {
   .navbar-main__aside {
      padding: 1.25rem 0
   }
}

@media (max-width: 991.98px) {
   .navbar-main__aside {
      display: none
   }
}

.navbar-main__actions {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: flex-end
}

.navbar-main__actions .header-search {
   margin-left: 1rem
}

.navbar-main__container {
   width: 100%;
   padding-right: 12px;
   padding-left: 12px;
   margin-right: auto;
   margin-left: auto;
   overflow: hidden;
   display: flex;
   flex-direction: row;
   align-items: flex-start;
   justify-content: center
}

@media (min-width: 576px) {
   .navbar-main__container {
      max-width: 540px
   }
}

@media (min-width: 768px) {
   .navbar-main__container {
      max-width: 720px
   }
}

@media (min-width: 992px) {
   .navbar-main__container {
      max-width: 960px
   }
}

@media (min-width: 1200px) {
   .navbar-main__container {
      max-width: 1140px
   }
}

@media (min-width: 1400px) {
   .navbar-main__container {
      max-width: 1250px
   }
}

@media (min-width: 1600px) {
   .navbar-main__container {
      max-width: 1350px
   }
}

@media (min-width: 2000px) {
   .navbar-main__container {
      max-width: 1650px
   }
}

@media screen and (min-width: 1200px)and (max-width: 1500px) {
   .navbar-main__container {
      max-width: 97% !important
   }
}

@media (min-width: 1600px) {
   .navbar-main__container {
      max-width: 95%
   }
}

.navbar-main__logo {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 50%;
   max-width: 50%;
   width: 100%
}

.navbar-main__logo>.img-fluid {
   max-width: 255px
}

@media (max-width: 1199.98px) {
   .navbar-main__logo>.img-fluid {
      max-width: 220px
   }
}

@media (max-width: 767.98px) {
   .navbar-main__logo>.img-fluid {
      max-width: 100px
   }
}

.navbar-main__actions {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 50%;
   max-width: 50%;
   width: 100%
}

.navbar-main__actions .header__hamburger-toggler span:first-child {
   top: 5px !important;
   -webkit-transform: rotate(135deg) !important;
   transform: rotate(135deg) !important
}

.navbar-main__actions .header__hamburger-toggler span:nth-child(2) {
   visibility: hidden !important
}

.navbar-main__actions .header__hamburger-toggler span:last-child {
   bottom: 9px !important;
   -webkit-transform: rotate(-135deg) !important;
   transform: rotate(-135deg) !important
}

.navbar-main__wrapper {
   display: flex;
   flex-direction: row;
   width: 100%
}

.navbar-main__lv1 {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 30%;
   max-width: 30%;
   width: 100%;
   position: relative;
   padding-left: 2.5%;
   padding-top: 1.5rem;
   background-color: #1e1e1e
}

@media (min-width: 992px) {
   .navbar-main__lv1 {
      min-height: 60vh
   }
}

@media (min-width: 1600px) {
   .navbar-main__lv1 {
      padding-left: 2.5%;
      min-height: 53vh
   }
}

@media (max-width: 991.98px) {
   .navbar-main__lv1 {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%;
      width: 100%;
      margin-left: auto;
      padding: 3rem 1.875rem;
      transition: -webkit-transform .5s ease-in-out;
      transition: transform .5s ease-in-out;
      transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out
   }
}

@media (max-width: 767.98px) {
   .navbar-main__lv1 {
      padding: 1.875rem 1.25rem 3rem
   }
}

@media screen and (min-height: 550px)and (max-height: 650px)and (min-width: 1200px)and (max-width: 1400px) {
   .navbar-main__lv1 {
      min-height: 75vh
   }
}

.navbar-main__lv1>.nav-item {
   position: static;
   position: initial;
   padding-top: .15rem;
   padding-bottom: .15rem
}

.navbar-main__lv1>.nav-item>.nav-link {
   text-transform: uppercase;
   color: #ababab;
   transition: color .3s ease-in-out, font-size .1s ease-in-out
}

@media (min-width: 1200px)and (max-width: 1399.98px) {
   .navbar-main__lv1>.nav-item>.nav-link {
      padding-top: .375rem;
      padding-bottom: .375rem
   }
}

@media (max-width: 991.98px) {
   .navbar-main__lv1>.nav-item>.nav-link {
      padding: .875rem 1rem;
      border-bottom: 1px solid rgba(255, 255, 255, .5)
   }
}

@media (max-width: 767.98px) {
   .navbar-main__lv1>.nav-item>.nav-link {
      padding: .65rem 1rem .65rem 0
   }
}

.navbar-main__lv1>.nav-item>.nav-link:hover {
   color: #fff
}

.navbar-main__lv1>.nav-item>.nav-link.dropdown-toggle {
   position: relative
}

.navbar-main__lv1>.nav-item>.nav-link.dropdown-toggle:after {
   position: absolute;
   top: 9px;
   right: .5rem;
   font-family: "Font Awesome 6 Pro";
   content: "\f054";
   color: #ababab;
   border: 0;
   font-weight: 400 !important
}

@media (min-width: 992px) {
   .navbar-main__lv1>.nav-item>.nav-link.dropdown-toggle:after {
      display: none
   }
}

.navbar-main__lv1>.nav-item>.nav-link[aria-expanded=true] {
   color: #fa0505
}

.navbar-main__lv1>.nav-item>.dropdown-menu {
   position: absolute;
   top: 0;
   width: 100%;
   padding: 0;
   margin: 0;
   border: 0;
   border-radius: 0;
   background-color: #292929
}

@media (min-width: 992px) {
   .navbar-main__lv1>.nav-item>.dropdown-menu {
      left: 100% !important
   }
}

@media (max-width: 991.98px) {
   .navbar-main__lv1>.nav-item>.dropdown-menu {
      overflow-x: hidden;
      overflow-y: scroll;
      left: 100%;
      display: block;
      height: calc(100vh - 77px);
      transition: left .4s ease-in-out, visibility .65s ease-in-out
   }
}

@media (min-width: 992px) {
   .navbar-main__lv1>.nav-item>.dropdown-menu.show {
      -webkit-transform: none !important;
      transform: none !important
   }
}

@media (max-width: 991.98px) {
   .navbar-main__lv1>.nav-item>.dropdown-menu.show {
      left: 0;
      opacity: 1
   }
}

.navbar-main__lv1>.nav-item .dropdown-menu__dismiss {
   position: -webkit-sticky;
   position: sticky;
   z-index: 10;
   top: -1px;
   left: 0;
   width: 100%;
   padding: 2rem 0 0 1.875rem;
   background-color: #292929
}

@media (min-width: 992px) {
   .navbar-main__lv1>.nav-item .dropdown-menu__dismiss {
      display: none
   }
}

@media (max-width: 767.98px) {
   .navbar-main__lv1>.nav-item .dropdown-menu__dismiss {
      padding: 1.5rem 0 0 1.5rem
   }
}

.navbar-main__lv1>.nav-item .dropdown-menu__parent-title {
   padding: .5rem 0;
   color: #fa0505;
   text-transform: uppercase
}

.navbar-main__lv1>.nav-item .dropdown-menu__close-title {
   margin-left: .5rem;
   color: #ababab
}

.navbar-main__lv1>.nav-item .dropdown-menu__close-icon {
   color: #ababab;
   font-size: 1.25rem
}

.navbar-main__lv1>.nav-item .dropdown-menu__close-btn {
   -webkit-appearance: initial;
   display: inline-flex;
   justify-content: flex-start;
   align-items: center;
   padding: 1rem 0 .5rem;
   background-color: #292929
}

@media (max-width: 767.98px) {
   .navbar-main__lv1>.nav-item .dropdown-menu__close-btn {
      padding: .5rem 0 0
   }
}

.navbar-main__lv1>.nav-item .dropdown-menu__close-btn:hover .dropdown-menu__close-title,
.navbar-main__lv1>.nav-item .dropdown-menu__close-btn:hover .dropdown-menu__close-icon {
   color: #fff
}

.navbar-main__lv1--xl {
   min-height: 68vh
}

@media (min-width: 1600px) {
   .navbar-main__lv1--xl {
      min-height: 60vh
   }
}

@media only screen and (min-height: 530px)and (max-height: 650px)and (min-width: 1200px)and (max-width: 1400px) {
   .navbar-main__lv1--xl {
      min-height: 88vh
   }
}

@media (max-width: 991.98px) {
   .navbar-main__lv1--xl {
      min-height: calc(100vh - 77px);
      max-height: calc(100vh - 77px)
   }
}

.navbar-main__lv2 {
   margin-top: 0;
   padding: 1.5rem 0 1rem;
   background-color: #292929
}

@media (max-width: 991.98px) {
   .navbar-main__lv2 {
      padding: 1rem 1.875rem 5rem
   }
}

@media (max-width: 767.98px) {
   .navbar-main__lv2 {
      padding: 1rem 1.5rem 9rem
   }
}

.navbar-main__lv2>.nav-item {
   position: static;
   position: initial
}

.navbar-main__lv2>.nav-item.active>.nav-link .nav__title {
   color: #fff
}

@media (max-width: 991.98px) {
   .navbar-main__lv2>.nav-item.active>.nav-link .nav__title {
      color: #fa0505
   }
}

.navbar-main__lv2>.nav-item>.nav-link {
   position: relative;
   z-index: 5;
   overflow: hidden;
   display: block;
   padding: .5rem 1.75rem;
   color: #ababab;
   white-space: normal;
   word-break: break-word;
   transition: color .3s ease-in-out
}

@media (max-width: 1599.98px) {
   .navbar-main__lv2>.nav-item>.nav-link {
      padding: .5rem 1.75rem
   }
}

@media (max-width: 991.98px) {
   .navbar-main__lv2>.nav-item>.nav-link {
      padding: .875rem 0;
      border-bottom: 1px solid #ababab
   }
}

.navbar-main__lv2>.nav-item>.nav-link:hover {
   color: #fff
}

.navbar-main__lv2>.nav-item>.nav-link:hover:after {
   color: #fff
}

.navbar-main__lv2>.nav-item>.nav-link.dropdown-toggle:after {
   position: absolute;
   top: 4px;
   right: 1rem;
   font-family: "Font Awesome 6 Pro";
   content: "\f054";
   color: #ababab;
   border: 0;
   font-weight: 400 !important
}

@media (max-width: 991.98px) {
   .navbar-main__lv2>.nav-item>.nav-link.dropdown-toggle:after {
      display: none
   }
}

@media (max-width: 991.98px) {
   .navbar-main__lv2>.nav-item>.nav-link.dropdown-toggle {
      border-bottom: 0
   }
}

.navbar-main__lv2>.nav-item>.nav-link[aria-expanded=true] {
   color: #fff
}

.navbar-main__lv2>.nav-item>.nav-link[aria-expanded=true]:after {
   color: #fff
}

.navbar-main__lv2>.nav-item>.dropdown-menu {
   position: absolute;
   top: 0;
   left: 100%;
   width: 140%;
   height: 100vh;
   padding: 1.5rem 5rem 0 1.25rem;
   margin: 0;
   border: 0;
   border-radius: 0;
   background-color: #3c3d41
}

@media (max-width: 1599.98px) {
   .navbar-main__lv2>.nav-item>.dropdown-menu {
      padding: 1rem 3rem 0 .5rem
   }
}

@media (max-width: 991.98px) {
   .navbar-main__lv2>.nav-item>.dropdown-menu {
      position: relative;
      z-index: 1;
      top: auto;
      top: initial;
      left: auto;
      left: initial;
      display: block;
      width: 100%;
      height: auto;
      height: initial;
      padding: 0 1.875rem 0 0;
      background-color: transparent;
      border-bottom: 1px solid #ababab
   }
}

@media (max-width: 767.98px) {
   .navbar-main__lv2>.nav-item>.dropdown-menu {
      padding: 0
   }
}

.navbar-main__lv2>.nav-item .nav__title {
   display: block
}

.navbar-main__lv3 .dropdown-menu__list {
   list-style: none;
   padding: 0
}

@media (max-width: 991.98px) {
   .navbar-main__lv3 .dropdown-menu__list {
      padding-left: 1.25rem
   }
}

@media (max-width: 767.98px) {
   .navbar-main__lv3 .dropdown-menu__list {
      padding-left: 0
   }
}

.navbar-main__lv3 .dropdown-menu__list>.nav-item {
   position: relative;
   z-index: 2;
   max-width: 90%
}

@media (max-width: 1599.98px) {
   .navbar-main__lv3 .dropdown-menu__list>.nav-item {
      max-width: 92%
   }
}

@media (max-width: 1399.98px) {
   .navbar-main__lv3 .dropdown-menu__list>.nav-item {
      max-width: 95%
   }
}

@media (max-width: 991.98px) {
   .navbar-main__lv3 .dropdown-menu__list>.nav-item {
      max-width: 100%
   }
}

.navbar-main__lv3 .dropdown-menu__list>.nav-item.active>.nav-link {
   color: #fff
}

.navbar-main__lv3 .dropdown-menu__list>.nav-item>.nav-link {
   padding: .25rem 1rem;
   color: #ababab;
   transition: color .3s ease-in-out
}

.navbar-main__lv3 .dropdown-menu__list>.nav-item>.nav-link:after {
   display: none
}

.navbar-main__lv3 .dropdown-menu__list>.nav-item>.nav-link:hover {
   color: #fff
}

.navbar-main__lv3 .dropdown-menu__list>.nav-item>.nav-link.nav-link--has-child {
   pointer-events: none
}

.navbar-main__lv3 .dropdown-menu__excerpt {
   color: #fff;
   padding: 1rem
}

@media (max-width: 991.98px) {
   .navbar-main__lv3 .dropdown-menu__excerpt {
      display: none
   }
}

.navbar-main__lv3 .dropdown-item {
   position: relative;
   padding-left: 2.25rem;
   color: #ababab;
   white-space: normal;
   background-color: transparent !important;
   transition: color .3s ease-in-out, font-size 0s ease-in-out
}

.navbar-main__lv3 .dropdown-item:before {
   position: absolute;
   top: 3px;
   left: 1.5rem;
   content: "\2022";
   color: #ababab;
   font-size: 1.125rem;
   line-height: 1
}

@media (max-width: 991.98px) {
   .navbar-main__lv3 .dropdown-item:before {
      top: 7px;
      font-size: 1.25rem
   }
}

.navbar-main__lv3 .dropdown-item:hover,
.navbar-main__lv3 .dropdown-item.active {
   color: #fff
}

@media (min-width: 992px) {
   .navbar-main__lv4 {
      padding-top: .75rem
   }
}

@media (max-width: 991.98px) {
   .navbar-main__lv4 {
      padding: .5rem 0 .75rem 1rem
   }
}

@media (max-width: 767.98px) {
   .navbar-main__lv4 {
      padding-left: .5rem
   }
}

.hamburger .hamburger__toggler {
   position: relative;
   padding-bottom: 0;
   padding-right: 0;
   margin-bottom: .25rem;
   margin-left: .35rem
}

.hamburger .hamburger__toggler span {
   position: relative;
   left: 0;
   display: block;
   height: 2px;
   width: 26px;
   -webkit-transform: rotate(0deg);
   transform: rotate(0);
   background-color: #fff;
   transition: -webkit-transform .3s ease-in-out;
   transition: transform .3s ease-in-out;
   transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

@media (max-width: 767.98px) {
   .hamburger .hamburger__toggler span {
      width: 22px
   }
}

.hamburger .hamburger__toggler span:not(:first-child) {
   margin-top: 5px
}

.hamburger .hamburger__toggler:not(.collapsed) span:first-child {
   top: 5px;
   -webkit-transform: rotate(135deg);
   transform: rotate(135deg)
}

.hamburger .hamburger__toggler:not(.collapsed) span:nth-child(2) {
   visibility: hidden
}

.hamburger .hamburger__toggler:not(.collapsed) span:last-child {
   bottom: 9px;
   -webkit-transform: rotate(-135deg);
   transform: rotate(-135deg)
}

html[lang=en] .switcher .switcher__title {
   font-size: 1.125rem;
   font-weight: 700
}

@media (max-width: 1399.98px) {
   html[lang=en] .switcher .switcher__title {
      font-size: .875rem
   }
}

html[lang=th] .switcher .switcher__title {
   font-size: 1.125rem;
   font-weight: 700
}

@media (max-width: 1399.98px) {
   html[lang=th] .switcher .switcher__title {
      font-size: .875rem
   }
}

.switcher .switcher__title {
   padding-right: .5rem;
   text-shadow: 0 0 3px rgba(0, 0, 0, .2), 0 0 5px rgba(0, 0, 0, .2)
}

.switcher .switcher__menu {
   right: 100%;
   top: 0;
   min-width: 40px;
   padding: 0;
   border: 0;
   margin: 0;
   background-color: transparent
}

.switcher .switcher__menu .dropdown-item {
   padding: 0;
   color: #fff
}

.switcher .switcher__menu .dropdown-item:hover {
   color: #ababab;
   background-color: transparent
}

.switcher .switcher__toggle {
   display: inline-flex;
   align-items: center;
   padding: 0 1rem 0 0;
   -webkit-appearance: none
}

.switcher .switcher__toggle:before {
   position: absolute;
   top: -1px;
   right: 0;
   font-family: "Font Awesome 6 Pro";
   content: "\f078";
   color: #ababab;
   border: 0;
   font-weight: 400 !important;
   -webkit-transform: rotate(0);
   transform: rotate(0);
   transition: -webkit-transform .3s ease-in-out;
   transition: transform .3s ease-in-out;
   transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

@media (min-width: 992px) {
   .switcher .switcher__toggle:before {
      color: #fff
   }
}

.switcher .switcher__toggle[aria-expanded=true] .switcher__title {
   color: #ffffff80
}

.switcher .switcher__toggle[aria-expanded=true]:before {
   -webkit-transform: rotate(90deg);
   transform: rotate(90deg)
}

html[lang=en] .menu--toggler .menu__link {
   font-size: 1.125rem;
   font-weight: 700
}

@media (max-width: 1399.98px) {
   html[lang=en] .menu--toggler .menu__link {
      font-size: .875rem
   }
}

html[lang=th] .menu--toggler .menu__link {
   font-size: 1.125rem;
   font-weight: 700
}

@media (max-width: 1399.98px) {
   html[lang=th] .menu--toggler .menu__link {
      font-size: .875rem
   }
}

.menu--toggler .menu__group {
   display: inline-flex;
   flex-direction: column;
   justify-content: flex-end;
   margin-left: auto;
   text-align: right
}

@media (max-width: 991.98px) {
   .menu--toggler .menu__group {
      display: none;
      visibility: hidden;
      opacity: 0
   }
}

.menu--toggler .menu__item {
   padding: 0 0 .65rem
}

@media (max-width: 1599.98px) {
   .menu--toggler .menu__item {
      padding: 0 0 .45rem
   }
}

@media (max-width: 1399.98px) {
   .menu--toggler .menu__item {
      padding: 0 0 .4rem
   }
}

.menu--toggler .menu__link {
   color: #fff;
   text-transform: uppercase;
   text-shadow: 0 0 3px rgba(0, 0, 0, .2), 0 0 5px rgba(0, 0, 0, .2);
   transition: color .3s ease-in-out
}

.menu--toggler .menu__link:hover {
   color: #ffffff80
}

.header-logo .header-logo__item>.img-fluid {
   max-width: 255px
}

@media (max-width: 1399.98px) {
   .header-logo .header-logo__item>.img-fluid {
      max-width: 240px
   }
}

@media (max-width: 1199.98px) {
   .header-logo .header-logo__item>.img-fluid {
      max-width: 220px
   }
}

@media (max-width: 767.98px) {
   .header-logo .header-logo__item>.img-fluid {
      max-width: 100px
   }
}

html[lang=en] .header-search .header-search__title {
   font-size: 1.125rem;
   font-weight: 700
}

@media (max-width: 1399.98px) {
   html[lang=en] .header-search .header-search__title {
      font-size: .875rem
   }
}

html[lang=th] .header-search .header-search__title {
   font-size: 1.125rem;
   font-weight: 700
}

@media (max-width: 1399.98px) {
   html[lang=th] .header-search .header-search__title {
      font-size: .875rem
   }
}

.header-search {
   text-transform: uppercase
}

@media (max-width: 991.98px) {
   .header-search {
      margin-left: 1rem
   }
}

.header-search .header-search__title {
   margin-right: .375rem
}

@media (max-width: 767.98px) {
   .header-search .header-search__title {
      display: none
   }
}

.header-search .header-search__link {
   color: #fff;
   text-shadow: 0 0 3px rgba(0, 0, 0, .2), 0 0 5px rgba(0, 0, 0, .2);
   transition: color .3s ease-in-out
}

.header-search .header-search__link:hover {
   color: #ffffff80
}

@media (max-width: 991.98px) {
   .header-search .header-search__link:hover {
      color: #fff
   }
}

html[lang=en] .advanced-search__heading {
   font-family: CPN, sans-serif;
   font-size: 2.25rem
}

@media (max-width: 1640px) {
   html[lang=en] .advanced-search__heading {
      font-size: calc(1.125rem + 1.0975609756vw)
   }
}

@media (max-width: 991.98px) {
   html[lang=en] .advanced-search__heading {
      font-size: 2.375rem
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=en] .advanced-search__heading {
      font-size: calc(1.1375rem + 1.2073170732vw)
   }
}

html[lang=en] .advanced-search__card-title,
html[lang=en] .advanced-search__list-title {
   font-family: CPN, sans-serif;
   font-size: 1.0625rem
}

@media (max-width: 1199.98px) {

   html[lang=en] .advanced-search__card-title,
   html[lang=en] .advanced-search__list-title {
      font-size: 1rem
   }
}

html[lang=en] .advanced-search__type-btn {
   font-family: CPN, sans-serif;
   font-size: 1.0625rem
}

@media (max-width: 1399.98px) {
   html[lang=en] .advanced-search__type-btn {
      font-size: 1rem
   }
}

html[lang=en] .advanced-search__quick-link-btn {
   font-size: .875rem
}

html[lang=en] .advanced-search__quick-link-text {
   font-size: 1rem
}

html[lang=th] .advanced-search__heading {
   font-family: CPN, sans-serif;
   font-size: 2.25rem
}

@media (max-width: 1640px) {
   html[lang=th] .advanced-search__heading {
      font-size: calc(1.125rem + 1.0975609756vw)
   }
}

@media (max-width: 991.98px) {
   html[lang=th] .advanced-search__heading {
      font-size: 2.375rem
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=th] .advanced-search__heading {
      font-size: calc(1.1375rem + 1.2073170732vw)
   }
}

html[lang=th] .advanced-search__card-title,
html[lang=th] .advanced-search__list-title {
   font-family: CPN, sans-serif;
   font-size: 1.0625rem
}

@media (max-width: 1199.98px) {

   html[lang=th] .advanced-search__card-title,
   html[lang=th] .advanced-search__list-title {
      font-size: 1rem
   }
}

html[lang=th] .advanced-search__type-btn {
   font-family: CPN, sans-serif;
   font-size: 1.0625rem
}

@media (max-width: 1399.98px) {
   html[lang=th] .advanced-search__type-btn {
      font-size: 1rem
   }
}

html[lang=th] .advanced-search__quick-link-btn {
   font-size: .875rem
}

html[lang=th] .advanced-search__quick-link-text {
   font-size: 1rem
}

.advanced-search__list-subtitle,
.advanced-search__list-text,
.advanced-search__list-financial {
   font-size: .875rem
}

.advanced-search__badge {
   font-size: .625rem
}

.advanced-search__card-subtitle {
   font-size: .875rem
}

.advanced-search mark {
   background-color: transparent;
   font-weight: 700;
   color: #fa0505;
   padding: 0
}

.advanced-search__headline {
   margin-bottom: 1.75rem;
   text-align: center
}

.advanced-search__header {
   padding-bottom: 10px;
   margin-bottom: 3rem
}

@media (max-width: 767.98px) {
   .advanced-search__header {
      padding-bottom: 0;
      margin-bottom: 1.5rem
   }
}

.advanced-search__type {
   margin-bottom: .75rem
}

.advanced-search__type-btn {
   margin-right: 1rem;
   padding: .25rem 0;
   display: inline-block;
   color: #fff;
   background-color: transparent;
   border: 0;
   cursor: pointer
}

@media (max-width: 767.98px) {
   .advanced-search__type-btn {
      padding: .35rem 0
   }
}

.advanced-search__type-btn:hover {
   color: #fa0505
}

.advanced-search__type-btn.active {
   color: #fa0505;
   text-decoration: underline;
   text-underline-offset: 1px
}

.advanced-search__type-btn:focus {
   outline: none
}

.advanced-search__form {
   margin-bottom: 1rem
}

.advanced-search__form .form-control {
   box-shadow: none !important;
   border-radius: 18px
}

.advanced-search__form .form-control::-webkit-input-placeholder {
   color: #808289
}

.advanced-search__form .form-control::-moz-placeholder {
   color: #808289
}

.advanced-search__form .form-control:-ms-input-placeholder {
   color: #808289
}

.advanced-search__form .form-control::-ms-input-placeholder {
   color: #808289
}

.advanced-search__form .form-control::placeholder {
   color: #808289
}

.advanced-search__quick-link {
   display: flex;
   align-items: center;
   flex-wrap: wrap
}

@media (max-width: 767.98px) {
   .advanced-search__quick-link {
      margin-top: 2.5rem
   }
}

.advanced-search__quick-link-text {
   margin-right: 1rem
}

@media (max-width: 991.98px) {
   .advanced-search__quick-link-text {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%;
      width: 100%;
      margin-bottom: .5rem
   }
}

.advanced-search__quick-link-btn {
   padding: 7.5px 15px;
   margin-right: 5px;
   color: #fff;
   background-color: transparent;
   border: 1px solid #fff;
   border-radius: 4px;
   transition: all .3s ease-in-out
}

@media (max-width: 991.98px) {
   .advanced-search__quick-link-btn {
      margin-bottom: 5px;
      border-radius: 3px
   }
}

.advanced-search__quick-link-btn:hover,
.advanced-search__quick-link-btn:focus {
   color: #fff;
   background-color: #fa0505;
   border-color: #fa0505
}

.advanced-search__section {
   margin-bottom: 5rem
}

@media (max-width: 767.98px) {
   .advanced-search__section {
      margin-bottom: 1.5rem
   }
}

.advanced-search__heading {
   margin-bottom: 1.5rem
}

.advanced-search__list {
   -webkit-column-count: 3;
   -moz-column-count: 3;
   column-count: 3;
   -webkit-column-gap: 30px;
   -moz-column-gap: 30px;
   column-gap: 30px;
   padding-left: 0
}

@media (max-width: 767.98px) {
   .advanced-search__list {
      -webkit-column-count: 1;
      -moz-column-count: 1;
      column-count: 1
   }
}

@media (min-width: 768px)and (max-width: 991.98px) {

   #resourceCenter .advanced-search__list,
   #companyDisclosure .advanced-search__list {
      -webkit-column-count: 2;
      -moz-column-count: 2;
      column-count: 2;
      -webkit-column-gap: 30px;
      -moz-column-gap: 30px;
      column-gap: 30px
   }
}

.advanced-search__list-item {
   margin-bottom: 1rem;
   margin-left: 22px;
   -webkit-column-break-inside: avoid;
   -moz-column-break-inside: avoid;
   break-inside: avoid;
   page-break-inside: avoid
}

.advanced-search__list-item::marker {
   color: #fa0505
}

.advanced-search__list-link {
   text-decoration: none
}

.advanced-search__list-link .advanced-search__list-title,
.advanced-search__list-link .advanced-search__list-subtitle {
   transition: all .3s ease-in-out
}

.advanced-search__list-link:hover .advanced-search__list-title {
   color: #fa0505
}

.advanced-search__list-link:hover .advanced-search__list-subtitle,
.advanced-search__list-link:hover .advanced-search__list-text {
   color: #fff
}

.advanced-search__list-title {
   margin-bottom: .25rem;
   color: #fff;
   transition: all .3s ease-in-out
}

.advanced-search__list-subtitle {
   color: #f3f3f3
}

.advanced-search__list-text {
   color: #fff
}

.advanced-search__list-financial {
   color: #fa0505;
   list-style: square;
   margin-left: 0;
   margin-top: 6px;
   padding-left: 14px
}

.advanced-search__list-financial .advanced-search__list-financial-item {
   margin-bottom: 3px
}

.advanced-search__list-financial .advanced-search__list-financial-item::marker {
   color: #fa0505
}

.advanced-search__list-financial .advanced-search__list-financial-link {
   color: #fff
}

.advanced-search__list-financial .advanced-search__list-financial-link:hover {
   color: #fa0505
}

.advanced-search__list-body {
   border-top: 1px solid #fff;
   color: #fff;
   padding-top: 5px;
   margin-top: 5px
}

.advanced-search__badge {
   display: inline-block;
   padding: 2px 9px;
   color: #fff;
   border-radius: 10px;
   margin-left: 2px;
   background-color: #3c3d41
}

.advanced-search__card {
   display: block;
   margin-bottom: 45px;
   color: #fff
}

@media (max-width: 1199.98px) {
   .advanced-search__card {
      margin-bottom: 30px
   }
}

.advanced-search__card .advanced-search__card-title,
.advanced-search__card .advanced-search__card-subtitle {
   transition: all .3s ease-in-out
}

.advanced-search__card:hover .advanced-search__card-title {
   color: #fa0505
}

.advanced-search__card:hover .advanced-search__card-subtitle {
   color: #fff
}

.advanced-search__card:hover .advanced-search__card-image-subtitle {
   -webkit-transform: scale(1.05);
   transform: scale(1.05)
}

.advanced-search__card-figure {
   padding-top: 75%;
   position: relative;
   overflow: hidden
}

.advanced-search__card-image {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
   -webkit-transform: scale(1);
   transform: scale(1);
   transition: -webkit-transform .3s ease-in-out;
   transition: transform .3s ease-in-out;
   transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.advanced-search__card-title {
   margin-bottom: .75rem;
   transition: all .3s ease-in-out
}

.advanced-search__card-subtitle {
   color: #f3f3f3
}

.advanced-search__loading {
   font-size: 1.25rem;
   -webkit-animation: searchLoading 2s forwards infinite linear;
   animation: searchLoading 2s forwards infinite linear;
   color: #fa0505
}

@-webkit-keyframes searchLoading {
   0% {
      -webkit-transform: rotate(0);
      transform: rotate(0)
   }

   to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
   }
}

@keyframes searchLoading {
   0% {
      -webkit-transform: rotate(0);
      transform: rotate(0)
   }

   to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
   }
}

html[lang=en] .input-group__copyright,
html[lang=th] .input-group__copyright {
   font-size: .625rem
}

.input-group--advanced-search .form-control {
   color: #000 !important;
   height: 60px;
   border-color: transparent !important;
   padding-left: 60px;
   background-color: #fff !important;
   border-radius: 12px !important
}

@media (max-width: 767.98px) {
   .input-group--advanced-search .form-control {
      padding-left: 44px;
      background-color: #fff
   }
}

.input-group--advanced-search .input-group-prepend {
   position: absolute;
   z-index: 4;
   left: 15px;
   top: 0;
   bottom: 0;
   color: #fff
}

@media (max-width: 767.98px) {
   .input-group--advanced-search .input-group-prepend {
      left: 5px
   }
}

.input-group--advanced-search .input-group-text {
   border: 0;
   background-color: transparent
}

.input-group--advanced-search .input-group-text i {
   color: #fa0505
}

.input-group--advanced-search .input-group__copyright {
   position: absolute;
   right: 15px;
   bottom: 10px;
   z-index: 4;
   color: #000
}

@media (max-width: 767.98px) {
   .input-group--advanced-search .input-group__copyright {
      bottom: -20px;
      right: 0;
      color: #fff
   }
}

.input-group--advanced-search .input-group__copyright-image {
   width: 50px
}

html[lang=en] .accordion .accordion__title {
   font-family: CPN, sans-serif;
   font-size: 1.5625rem;
   font-weight: 700;
   line-height: 1.2
}

@media (max-width: 1640px) {
   html[lang=en] .accordion .accordion__title {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=en] .accordion .accordion__title {
      font-size: 1.375rem
   }
}

@media (max-width: 1399.98px)and (max-width: 1640px) {
   html[lang=en] .accordion .accordion__title {
      font-size: calc(1.0375rem + .3292682927vw)
   }
}

@media (max-width: 1199.98px) {
   html[lang=en] .accordion .accordion__title {
      font-size: 1.5625rem
   }
}

@media (max-width: 1199.98px)and (max-width: 1640px) {
   html[lang=en] .accordion .accordion__title {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

@media (max-width: 767.98px) {
   html[lang=en] .accordion .accordion__title {
      font-size: 1.25rem
   }
}

@media (max-width: 767.98px)and (max-width: 1640px) {
   html[lang=en] .accordion .accordion__title {
      font-size: calc(1.025rem + .2195121951vw)
   }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
   html[lang=en] .accordion .accordion__title {
      font-size: 1.0625rem
   }
}

@media (max-width: 767.98px)and (max-width: 767.98px)and (max-width: 1640px) {
   html[lang=en] .accordion .accordion__title {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

html[lang=th] .accordion .accordion__title {
   font-family: CPN, sans-serif;
   font-size: 1.5625rem;
   font-weight: 700;
   line-height: 1.2
}

@media (max-width: 1640px) {
   html[lang=th] .accordion .accordion__title {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=th] .accordion .accordion__title {
      font-size: 1.375rem
   }
}

@media (max-width: 1399.98px)and (max-width: 1640px) {
   html[lang=th] .accordion .accordion__title {
      font-size: calc(1.0375rem + .3292682927vw)
   }
}

@media (max-width: 1199.98px) {
   html[lang=th] .accordion .accordion__title {
      font-size: 1.5625rem
   }
}

@media (max-width: 1199.98px)and (max-width: 1640px) {
   html[lang=th] .accordion .accordion__title {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

@media (max-width: 767.98px) {
   html[lang=th] .accordion .accordion__title {
      font-size: 1.25rem
   }
}

@media (max-width: 767.98px)and (max-width: 1640px) {
   html[lang=th] .accordion .accordion__title {
      font-size: calc(1.025rem + .2195121951vw)
   }
}

@media (max-width: 767.98px)and (max-width: 767.98px) {
   html[lang=th] .accordion .accordion__title {
      font-size: 1.0625rem
   }
}

@media (max-width: 767.98px)and (max-width: 767.98px)and (max-width: 1640px) {
   html[lang=th] .accordion .accordion__title {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

.accordion__item {
   padding: 0;
   cursor: pointer
}

.accordion__item:first-child .accordion__header {
   border-top: 3px solid #fff
}

.accordion__title {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 95%;
   max-width: 95%;
   width: 100%;
   padding-top: .2rem;
   margin-bottom: 0;
   color: #fff;
   transition: color .2s ease-in-out
}

@media (max-width: 1399.98px) {
   .accordion__title {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 93%;
      max-width: 93%;
      width: 100%
   }
}

@media (max-width: 991.98px) {
   .accordion__title {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 90%;
      max-width: 90%;
      width: 100%
   }
}

@media (max-width: 767.98px) {
   .accordion__title {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 85%;
      max-width: 85%;
      width: 100%
   }
}

.accordion__icon {
   font-family: "Font Awesome 6 Pro" !important;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   display: inline-block;
   font-style: normal;
   -webkit-font-feature-settings: normal;
   font-feature-settings: normal;
   font-variant: normal;
   text-rendering: auto;
   font-weight: 300;
   position: relative;
   top: 0;
   display: inline-flex;
   justify-content: center;
   align-items: center;
   width: 35px;
   min-width: 35px;
   height: 35px;
   margin-left: .5rem;
   line-height: 1;
   background-color: transparent;
   border-width: 0;
   border-style: solid;
   border-color: transparent;
   border-radius: 50%;
   transition: background-color .3s ease-in-out, color .2s ease-in-out
}

.accordion__icon:before {
   content: "+"
}

@media (max-width: 1399.98px) {
   .accordion__icon {
      width: 33px;
      min-width: 33px;
      height: 33px
   }
}

@media (max-width: 767.98px) {
   .accordion__icon {
      width: 30px;
      min-width: 30px;
      height: 30px;
      margin-left: 1rem
   }
}

.accordion__icon:before {
   position: relative;
   z-index: 3;
   color: #fff;
   font-size: 1.25rem;
   line-height: .7;
   -webkit-transform: rotate(0deg);
   transform: rotate(0);
   transition: -webkit-transform .3s ease-in-out;
   transition: transform .3s ease-in-out;
   transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

@media (max-width: 991.98px) {
   .accordion__icon:before {
      font-size: 1rem
   }
}

@media (max-width: 767.98px) {
   .accordion__icon:before {
      font-size: .875rem
   }
}

.accordion__content {
   cursor: auto;
   padding: 3rem 0 1.5rem;
   background-color: transparent;
   border-width: 3px 0 3px;
   border-style: solid;
   border-color: #fff
}

@media (max-width: 1199.98px) {
   .accordion__content {
      padding: 1.75rem 0 .75rem
   }
}

@media (max-width: 767.98px) {
   .accordion__content {
      padding: 1.5rem 0 .5rem
   }
}

.accordion__content a:not(.btn) {
   color: #fff;
   text-decoration: underline !important;
   text-underline-offset: 3px !important
}

.accordion__content a:not(.btn):hover,
.accordion__content a:not(.btn):focus {
   color: #fa0505;
   text-decoration: underline !important
}

.accordion__header {
   position: relative;
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin: 0;
   padding: .875rem 0;
   background: transparent;
   transition: background .3s ease-in-out;
   border-width: 0 0 3px;
   border-style: solid;
   border-color: #fff;
   cursor: pointer
}

@media (max-width: 767.98px) {
   .accordion__header {
      padding: .65rem 0
   }
}

.accordion__header:hover {
   background: transparent
}

.accordion__header:hover .accordion__title {
   color: #fff
}

.accordion__header:hover .accordion__icon:before {
   color: #fa0505;
   -webkit-transform: rotate(90deg);
   transform: rotate(90deg)
}

.accordion__header[aria-expanded=true] {
   background: transparent;
   border-color: transparent
}

.accordion__header[aria-expanded=true] .accordion__title {
   color: #fff
}

.accordion__header[aria-expanded=true] .accordion__icon {
   background-color: transparent;
   border-color: transparent
}

.accordion__header[aria-expanded=true] .accordion__icon:before {
   color: #fff;
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg)
}

html[lang=en] .accordion--faq .accordion__title {
   font-family: CPN, sans-serif;
   font-size: 1.0625rem;
   font-weight: 700;
   line-height: 1.5
}

@media (max-width: 1640px) {
   html[lang=en] .accordion--faq .accordion__title {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=en] .accordion--faq .accordion__title {
      font-size: 1rem
   }
}

html[lang=en] .accordion--faq .accordion__title:before {
   font-family: CPN, sans-serif;
   font-size: 1.0625rem;
   font-weight: 700;
   line-height: 1.5
}

@media (max-width: 1640px) {
   html[lang=en] .accordion--faq .accordion__title:before {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=en] .accordion--faq .accordion__title:before {
      font-size: 1rem
   }
}

html[lang=en] .accordion--faq .accordion__answer:before {
   font-family: CPN, sans-serif;
   font-size: 1.0625rem;
   font-weight: 400;
   line-height: 1.5
}

@media (max-width: 1640px) {
   html[lang=en] .accordion--faq .accordion__answer:before {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=en] .accordion--faq .accordion__answer:before {
      font-size: 1rem
   }
}

html[lang=th] .accordion--faq .accordion__title {
   font-family: CPN, sans-serif;
   font-size: 1.0625rem;
   font-weight: 700;
   line-height: 1.5
}

@media (max-width: 1640px) {
   html[lang=th] .accordion--faq .accordion__title {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=th] .accordion--faq .accordion__title {
      font-size: 1rem
   }
}

html[lang=th] .accordion--faq .accordion__title:before {
   font-family: CPN, sans-serif;
   font-size: 1.0625rem;
   font-weight: 700;
   line-height: 1.5
}

@media (max-width: 1640px) {
   html[lang=th] .accordion--faq .accordion__title:before {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=th] .accordion--faq .accordion__title:before {
      font-size: 1rem
   }
}

html[lang=th] .accordion--faq .accordion__answer:before {
   font-family: CPN, sans-serif;
   font-size: 1.0625rem;
   font-weight: 400;
   line-height: 1.5
}

@media (max-width: 1640px) {
   html[lang=th] .accordion--faq .accordion__answer:before {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=th] .accordion--faq .accordion__answer:before {
      font-size: 1rem
   }
}

.accordion--faq .accordion__title {
   position: relative;
   padding-left: 1.875rem
}

.accordion--faq .accordion__title:before {
   position: absolute;
   top: 0;
   left: 0;
   content: "Q.";
   color: #fff
}

.accordion--faq .accordion__answer {
   position: relative;
   padding-left: 1.875rem
}

.accordion--faq .accordion__answer:before {
   position: absolute;
   top: 0;
   left: 0;
   content: "A.";
   color: #fff
}

.accordion--faq .accordion__content {
   padding: .25rem 0 1.5rem;
   border-top: 0
}

html[lang=en] .accordion--contact .accordion__btn .btn .btn__title {
   font-size: .875rem
}

@media (max-width: 991.98px) {
   html[lang=en] .accordion--contact .accordion__btn .btn .btn__title {
      font-size: 1rem
   }
}

@media (max-width: 767.98px) {
   html[lang=en] .accordion--contact .accordion__btn .btn .btn__title {
      font-size: .75rem
   }
}

html[lang=en] .accordion--contact .accordion__title {
   font-size: 1.25rem
}

@media (max-width: 1640px) {
   html[lang=en] .accordion--contact .accordion__title {
      font-size: calc(1.025rem + .2195121951vw)
   }
}

@media (max-width: 767.98px) {
   html[lang=en] .accordion--contact .accordion__title {
      font-size: 1.0625rem
   }
}

@media (max-width: 767.98px)and (max-width: 1640px) {
   html[lang=en] .accordion--contact .accordion__title {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (min-width: 768px)and (max-width: 991.98px) {
   html[lang=en] .accordion--contact .accordion__title {
      font-size: 1.5rem
   }
}

@media (max-width: 767.98px) {
   html[lang=en] .accordion--contact .accordion__title {
      font-size: 1.125rem
   }
}

@media only screen and (min-width: 300px)and (max-width: 349px)and (orientation: portrait) {
   html[lang=en] .accordion--contact .accordion__title {
      font-size: 1rem
   }
}

html[lang=en] .accordion--contact .accordion__header[aria-expanded=true] .accordion__title {
   font-size: 1.75rem
}

@media (max-width: 1640px) {
   html[lang=en] .accordion--contact .accordion__header[aria-expanded=true] .accordion__title {
      font-size: calc(1.075rem + .6585365854vw)
   }
}

@media (max-width: 991.98px) {
   html[lang=en] .accordion--contact .accordion__header[aria-expanded=true] .accordion__title {
      font-size: 1.875rem
   }
}

@media (max-width: 767.98px) {
   html[lang=en] .accordion--contact .accordion__header[aria-expanded=true] .accordion__title {
      font-size: 1.25rem
   }
}

html[lang=th] .accordion--contact .accordion__btn .btn .btn__title {
   font-size: .875rem
}

@media (max-width: 991.98px) {
   html[lang=th] .accordion--contact .accordion__btn .btn .btn__title {
      font-size: 1rem
   }
}

@media (max-width: 767.98px) {
   html[lang=th] .accordion--contact .accordion__btn .btn .btn__title {
      font-size: .75rem
   }
}

html[lang=th] .accordion--contact .accordion__title {
   font-size: 1.25rem
}

@media (max-width: 1640px) {
   html[lang=th] .accordion--contact .accordion__title {
      font-size: calc(1.025rem + .2195121951vw)
   }
}

@media (max-width: 767.98px) {
   html[lang=th] .accordion--contact .accordion__title {
      font-size: 1.0625rem
   }
}

@media (max-width: 767.98px)and (max-width: 1640px) {
   html[lang=th] .accordion--contact .accordion__title {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (min-width: 768px)and (max-width: 991.98px) {
   html[lang=th] .accordion--contact .accordion__title {
      font-size: 1.5rem
   }
}

@media (max-width: 767.98px) {
   html[lang=th] .accordion--contact .accordion__title {
      font-size: 1.125rem
   }
}

@media only screen and (min-width: 300px)and (max-width: 349px)and (orientation: portrait) {
   html[lang=th] .accordion--contact .accordion__title {
      font-size: 1rem
   }
}

html[lang=th] .accordion--contact .accordion__header[aria-expanded=true] .accordion__title {
   font-size: 1.75rem
}

@media (max-width: 1640px) {
   html[lang=th] .accordion--contact .accordion__header[aria-expanded=true] .accordion__title {
      font-size: calc(1.075rem + .6585365854vw)
   }
}

@media (max-width: 991.98px) {
   html[lang=th] .accordion--contact .accordion__header[aria-expanded=true] .accordion__title {
      font-size: 1.875rem
   }
}

@media (max-width: 767.98px) {
   html[lang=th] .accordion--contact .accordion__header[aria-expanded=true] .accordion__title {
      font-size: 1.25rem
   }
}

.accordion--contact .accordion__item:first-child .accordion__header {
   border-top-width: 1px
}

.accordion--contact .accordion__content {
   padding: 0 0 2rem;
   border-top-width: 0;
   border-bottom-width: 1px
}

@media (max-width: 1199.98px) {
   .accordion--contact .accordion__content {
      padding: 0 0 1.75rem
   }
}

@media (max-width: 767.98px) {
   .accordion--contact .accordion__content {
      padding: 0 0 1.5rem
   }
}

.accordion--contact .accordion__content .link {
   white-space: pre-wrap;
   word-break: break-word
}

.accordion--contact .accordion__title {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 80%;
   max-width: 80%;
   width: 100%;
   transition: font-size .2s ease-in-out
}

@media (max-width: 1199.98px) {
   .accordion--contact .accordion__title {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 75%;
      max-width: 75%;
      width: 100%
   }
}

.accordion--contact .accordion__btn {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 20%;
   max-width: 20%;
   width: 100%;
   display: inline-flex;
   justify-content: flex-end
}

@media (max-width: 1199.98px) {
   .accordion--contact .accordion__btn {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 25%;
      max-width: 25%;
      width: 100%
   }
}

.accordion--contact .accordion__btn .btn {
   min-width: 80px;
   padding: .375rem .5rem
}

@media (max-width: 1199.98px) {
   .accordion--contact .accordion__btn .btn {
      min-width: 75px;
      padding: .25rem .45rem
   }
}

@media (max-width: 991.98px) {
   .accordion--contact .accordion__btn .btn {
      min-width: 100px;
      padding: .45rem .75rem
   }
}

@media (max-width: 767.98px) {
   .accordion--contact .accordion__btn .btn {
      min-width: 70px;
      padding: .15rem .35rem
   }
}

.accordion--contact .accordion__header {
   border-bottom-width: 1px
}

.accordion--contact .accordion__header[aria-expanded=true] .accordion__title {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 100%;
   max-width: 100%;
   width: 100%
}

.accordion--contact .accordion__header[aria-expanded=true] .accordion__btn {
   display: none
}

.accordion--contact .accordion__header[aria-expanded=true] .accordion__btn .btn {
   opacity: 0
}

html[lang=en] .accordion-panels .accordion-panels__quote {
   font-family: CPN, sans-serif;
   font-size: 1.75rem;
   font-weight: 700;
   line-height: 1.3
}

@media (max-width: 1640px) {
   html[lang=en] .accordion-panels .accordion-panels__quote {
      font-size: calc(1.075rem + .6585365854vw)
   }
}

html[lang=th] .accordion-panels .accordion-panels__quote {
   font-family: CPN, sans-serif;
   font-size: 1.75rem;
   font-weight: 700;
   line-height: 1.5
}

@media (max-width: 1640px) {
   html[lang=th] .accordion-panels .accordion-panels__quote {
      font-size: calc(1.075rem + .6585365854vw)
   }
}

.accordion-panels {
   position: relative;
   overflow: hidden
}

.accordion-panels .accordion-panels__main {
   position: relative;
   z-index: 5;
   color: #fff
}

.accordion-panels .accordion-panels__panel--cover {
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat
}

.accordion-panels .accordion-panels__body {
   position: relative;
   overflow: hidden;
   z-index: 5;
   opacity: 0;
   height: 0
}

.accordion-panels .accordion-panels__bg {
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   opacity: 0
}

.accordion-panels .accordion-panels__bg:before {
   position: absolute;
   z-index: 2;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   content: "";
   background: rgba(123, 19, 21, .75)
}

.accordion-panels .accordion-panels__footer {
   position: relative;
   z-index: 5;
   padding-top: 1rem
}

.accordion-panels .accordion-panels__btn {
   position: relative;
   overflow: hidden;
   display: inline-flex;
   justify-content: center;
   align-items: center;
   min-width: 170px;
   padding: .75rem 1.5rem .65rem;
   color: #fff;
   text-align: center;
   background-color: transparent;
   border: 1px solid #fff;
   border-radius: 50px
}

@media (max-width: 1399.98px) {
   .accordion-panels .accordion-panels__btn {
      min-width: 160px;
      padding: .65rem 1.25rem .5rem
   }
}

@media (max-width: 767.98px) {
   .accordion-panels .accordion-panels__btn {
      min-width: 140px;
      padding: .45rem .875rem
   }
}

.accordion-panels .accordion-panels__blockquote {
   position: relative;
   padding: 2rem 2rem 2.5rem;
   width: 65%
}

@media (max-width: 767.98px) {
   .accordion-panels .accordion-panels__blockquote {
      width: 100%;
      padding: 1.5rem 0 2rem 1.25rem
   }
}

.accordion-panels .accordion-panels__blockquote-left {
   transition: color .25s ease-in-out
}

.accordion-panels .accordion-panels__blockquote-left:before {
   position: absolute;
   z-index: 1;
   top: -1rem;
   left: -1.75rem;
   display: inline-flex;
   justify-content: center;
   content: "\201c";
   font-size: 18.75rem;
   font-weight: 700;
   line-height: 1
}

@media (max-width: 767.98px) {
   .accordion-panels .accordion-panels__blockquote-left:before {
      font-size: 12.5rem;
      top: -.5rem;
      left: -.75rem
   }
}

.accordion-panels .accordion-panels__quote {
   position: relative;
   z-index: 3
}

.accordion-panels .accordion-panels__panel {
   position: relative;
   overflow: hidden;
   padding: 3rem;
   margin-bottom: 2rem;
   background-color: #1e1e1e;
   border: 0;
   border-radius: 25px
}

@media (max-width: 767.98px) {
   .accordion-panels .accordion-panels__panel {
      padding: 3rem 2rem
   }
}

.accordion-panels .accordion-panels__panel:nth-child(3n-2) {
   background-color: #e0e0e0
}

.accordion-panels .accordion-panels__panel:nth-child(3n-2) .accordion-panels__blockquote-left {
   color: #fff
}

.accordion-panels .accordion-panels__panel:nth-child(3n-2) .accordion-panels__main {
   color: #0c0c0c
}

.accordion-panels .accordion-panels__panel:nth-child(3n-2) .accordion-panels__btn {
   color: #0c0c0c;
   border-color: #0c0c0c
}

.accordion-panels .accordion-panels__panel:nth-child(3n-1) {
   background-color: #3c3d41
}

.accordion-panels .accordion-panels__panel:nth-child(3n-1) .accordion-panels__blockquote-left {
   color: #1e1e1e
}

.accordion-panels .accordion-panels__panel:nth-child(3n) {
   background-color: #292929
}

.accordion-panels .accordion-panels__panel:nth-child(3n) .accordion-panels__blockquote-left {
   color: #3c3d41
}

.accordion-panels .accordion-panels__panel.active .accordion-panels__body {
   height: auto;
   opacity: 1
}

.accordion-panels .accordion-panels__panel.active .accordion-panels__blockquote:before {
   color: #fa0505 !important
}

.accordion-panels .accordion-panels__panel.active:nth-child(3n-2) .accordion-panels__main {
   color: #fff
}

.accordion-panels .accordion-panels__panel.active:nth-child(3n-2) .accordion-panels__btn {
   color: #fff;
   border-color: #fff
}

.accordion--quarterly .accordion__content {
   padding: 0
}

.accordion--quarterly .list-group--document .list-group__item:last-child {
   border-bottom: 0 !important
}

html[lang=en] .btn--outline-primary .btn__title,
html[lang=en] .btn--outline-secondary .btn__title,
html[lang=en] .btn--outline-tertiary .btn__title,
html[lang=th] .btn--outline-primary .btn__title,
html[lang=th] .btn--outline-secondary .btn__title,
html[lang=th] .btn--outline-tertiary .btn__title {
   font-family: CPN, sans-serif;
   font-weight: 700;
   line-height: 1.5;
   font-size: .9375rem
}

.card--story:hover .btn--outline-primary,
a.card--leadership:hover .card__footer .btn--outline-primary,
.btn--outline-tertiary:hover,
.btn--outline-secondary:hover,
.btn--outline-primary:hover,
.accordion--contact .accordion__header:hover .accordion__btn .btn {
   background-color: #fa0505;
   border-color: #fa0505
}

.card--story:hover .btn--outline-primary .btn__title,
a.card--leadership:hover .card__footer .btn--outline-primary .btn__title,
.btn--outline-tertiary:hover .btn__title,
.btn--outline-secondary:hover .btn__title,
.btn--outline-primary:hover .btn__title,
.accordion--contact .accordion__header:hover .accordion__btn .btn .btn__title {
   color: #fff
}

.card--story-people:hover .btn--outline-primary,
.btn--hover-white:hover {
   background-color: #fff !important;
   border-color: #fff !important
}

.card--story-people:hover .btn--outline-primary .btn__title,
.btn--hover-white:hover .btn__title {
   color: #fa0505 !important
}

.btn {
   box-shadow: none !important
}

.btn__title {
   position: relative;
   z-index: 10
}

.btn__icon {
   font-size: .875rem;
   color: #fa0505
}

.btn__icon--download {
   font-family: icomoon !important;
   speak: none;
   font-style: normal;
   font-weight: 400;
   -webkit-font-feature-settings: normal;
   font-feature-settings: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-size: .8125rem
}

.btn__icon--download:before {
   content: "\e900"
}

.btn__icon--webcast {
   font-family: "Font Awesome 6 Pro" !important;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   display: inline-block;
   font-style: normal;
   -webkit-font-feature-settings: normal;
   font-feature-settings: normal;
   font-variant: normal;
   text-rendering: auto;
   line-height: 1;
   font-weight: 400
}

.btn__icon--webcast:before {
   content: "\f06e"
}

.btn__icon--view-online {
   font-family: "Font Awesome 6 Pro" !important;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   display: inline-block;
   font-style: normal;
   -webkit-font-feature-settings: normal;
   font-feature-settings: normal;
   font-variant: normal;
   text-rendering: auto;
   line-height: 1;
   font-weight: 400
}

.btn__icon--view-online:before {
   content: "\f06e"
}

.btn__icon--enclosure {
   font-family: "Font Awesome 6 Pro" !important;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   display: inline-block;
   font-style: normal;
   -webkit-font-feature-settings: normal;
   font-feature-settings: normal;
   font-variant: normal;
   text-rendering: auto;
   line-height: 1;
   font-weight: 400
}

.btn__icon--enclosure:before {
   content: "\f03a"
}

.btn--outline-primary {
   position: relative;
   overflow: hidden;
   min-width: 170px;
   padding: .75rem 1.5rem .65rem;
   text-align: center;
   background-color: transparent;
   border: 1px solid #fff;
   border-radius: 50px;
   transition: background-color .3s ease-in-out, border-color .3s ease-in-out
}

@media (max-width: 1399.98px) {
   .btn--outline-primary {
      min-width: 160px;
      padding: .65rem 1.25rem .5rem
   }
}

@media (max-width: 767.98px) {
   .btn--outline-primary {
      min-width: 140px;
      padding: .45rem .875rem
   }
}

.btn--outline-primary .btn__title {
   color: #fff;
   transition: color .3s ease-in-out
}

.btn--outline-secondary {
   position: relative;
   overflow: hidden;
   min-width: 170px;
   padding: .75rem 1.5rem .65rem;
   text-align: center;
   background-color: transparent;
   border: 1px solid #e0e0e0;
   border-radius: 50px;
   transition: background-color .3s ease-in-out, border-color .3s ease-in-out
}

@media (max-width: 1399.98px) {
   .btn--outline-secondary {
      min-width: 160px;
      padding: .65rem 1.25rem .5rem
   }
}

@media (max-width: 767.98px) {
   .btn--outline-secondary {
      min-width: 140px;
      padding: .65rem .875rem
   }
}

.btn--outline-secondary .btn__title {
   color: #fa0505;
   transition: color .3s ease-in-out
}

.btn--outline-tertiary {
   position: relative;
   overflow: hidden;
   min-width: 170px;
   padding: .75rem 1.5rem .65rem;
   text-align: center;
   background-color: transparent;
   border: 1px solid #000;
   border-radius: 50px;
   transition: background-color .3s ease-in-out, border-color .3s ease-in-out
}

@media (max-width: 1399.98px) {
   .btn--outline-tertiary {
      min-width: 160px;
      padding: .65rem 1.25rem .5rem
   }
}

@media (max-width: 767.98px) {
   .btn--outline-tertiary {
      min-width: 140px;
      padding: .45rem .875rem
   }
}

.btn--outline-tertiary .btn__title {
   color: #000;
   transition: color .3s ease-in-out
}

html[lang=en] .btn--icon .btn__title {
   font-family: CPN, sans-serif;
   font-size: .875rem;
   font-weight: 400
}

@media (min-width: 1400px) {
   html[lang=en] .btn--icon .btn__title {
      font-size: 1rem
   }
}

html[lang=th] .btn--icon .btn__title {
   font-family: CPN, sans-serif;
   font-size: .875rem;
   font-weight: 400
}

@media (min-width: 1400px) {
   html[lang=th] .btn--icon .btn__title {
      font-size: 1rem
   }
}

.btn--icon {
   display: inline-flex;
   align-items: center;
   padding: 0
}

.btn--icon .btn__title {
   margin-right: .25rem
}

.btn--icon .btn__icon {
   position: relative;
   overflow: hidden;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 27px;
   min-width: 27px;
   height: 27px;
   transition: color .2s ease-in-out
}

.btn--icon:hover .btn__icon {
   color: #fff
}

html[lang=en] .btn--invert-icon .btn__title {
   font-family: CPN, sans-serif;
   font-size: .875rem;
   font-weight: 400
}

@media (min-width: 1400px) {
   html[lang=en] .btn--invert-icon .btn__title {
      font-size: 1rem
   }
}

html[lang=th] .btn--invert-icon .btn__title {
   font-family: CPN, sans-serif;
   font-size: .875rem;
   font-weight: 400
}

@media (min-width: 1400px) {
   html[lang=th] .btn--invert-icon .btn__title {
      font-size: 1rem
   }
}

.btn--invert-icon {
   display: inline-flex;
   align-items: center;
   padding: 0
}

.btn--invert-icon .btn__title {
   margin-right: .25rem;
   color: #000
}

.btn--invert-icon .btn__icon {
   position: relative;
   overflow: hidden;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 27px;
   min-width: 27px;
   height: 27px;
   transition: color .2s ease-in-out
}

.btn--invert-icon:hover .btn__title,
.btn--invert-icon:focus .btn__title {
   color: #000
}

.btn--invert-icon:hover .btn__icon,
.btn--invert-icon:focus .btn__icon {
   color: #fa050580
}

.btn--invert-icon:hover .btn__icon:after,
.btn--invert-icon:focus .btn__icon:after {
   width: 100%;
   height: 100%
}

html[lang=en] .btn--white-icon .btn__title {
   font-family: CPN, sans-serif;
   font-size: .875rem;
   font-weight: 400
}

@media (min-width: 1400px) {
   html[lang=en] .btn--white-icon .btn__title {
      font-size: 1rem
   }
}

html[lang=th] .btn--white-icon .btn__title {
   font-family: CPN, sans-serif;
   font-size: .875rem;
   font-weight: 400
}

@media (min-width: 1400px) {
   html[lang=th] .btn--white-icon .btn__title {
      font-size: 1rem
   }
}

.btn--white-icon {
   display: inline-flex;
   align-items: center;
   padding: 0
}

.btn--white-icon .btn__title {
   margin-right: .25rem
}

.btn--white-icon .btn__icon {
   position: relative;
   overflow: hidden;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 27px;
   min-width: 27px;
   height: 27px;
   color: #fff;
   transition: color .2s ease-in-out
}

.btn--white-icon:hover .btn__icon {
   color: #ffffff80
}

html[lang=en] .btn--link .btn__text,
html[lang=th] .btn--link .btn__text {
   font-weight: 700
}

.btn--link {
   padding: 0
}

.btn--link .btn__text {
   color: #fff
}

.btn--link .btn__icon {
   position: relative;
   width: 25px;
   height: 10px;
   display: inline-block;
   overflow: hidden;
   margin-left: 5px
}

.btn--link .btn__icon:after {
   content: "";
   position: absolute;
   left: -7.5px;
   top: 0;
   width: 100%;
   height: 100%;
   background-image: url(/National_Library/oe_/https://yeah1group.com/assets/images/icon/link-out.svg);
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
   transition: all .3s ease-in-out
}

.btn--link:hover .btn__icon:after {
   left: 0
}

@media (min-width: 992px)and (max-width: 1199.98px) {
   html[lang=en] .btn-group--home .btn .btn__title {
      font-size: .875rem
   }
}

@media (min-width: 992px)and (max-width: 1199.98px) {
   html[lang=th] .btn-group--home .btn .btn__title {
      font-size: .875rem
   }
}

.btn-group--home {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   flex-wrap: wrap
}

.btn-group--home .btn {
   flex: 0 0 calc(25% - 7px);
   flex-basis: calc(25% - 7px);
   max-width: calc(25% - 7px);
   width: 100%;
   padding: .875rem 1.25rem;
   margin-bottom: 1.5rem;
   border-radius: 50px !important
}

@media (min-width: 992px)and (max-width: 1199.98px) {
   .btn-group--home .btn {
      padding: .75rem 1.15rem;
      margin-bottom: 1.25rem
   }
}

@media (max-width: 991.98px) {
   .btn-group--home .btn {
      flex: 0 0 calc(50% - 10px);
      flex-basis: calc(50% - 10px);
      max-width: calc(50% - 10px);
      width: 100%;
      margin-bottom: 1.25rem
   }
}

@media (max-width: 767.98px) {
   .btn-group--home .btn {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%;
      width: 100%
   }
}

@media (min-width: 992px)and (max-width: 1199.98px) {
   html[lang=en] .btn-group--cg .btn .btn__title {
      font-size: .875rem
   }
}

@media (min-width: 992px)and (max-width: 1199.98px) {
   html[lang=th] .btn-group--cg .btn .btn__title {
      font-size: .875rem
   }
}

.btn-group--cg {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   flex-wrap: wrap
}

.btn-group--cg .btn {
   flex: 0 0 calc(50% - 10px);
   flex-basis: calc(50% - 10px);
   max-width: calc(50% - 10px);
   width: 100%;
   display: inline-flex;
   justify-content: center;
   align-items: center;
   padding: .875rem 1.25rem;
   margin-bottom: 1.5rem;
   border-radius: 50px !important
}

@media (min-width: 992px)and (max-width: 1199.98px) {
   .btn-group--cg .btn {
      flex: 0 0 calc(50% - 7px);
      flex-basis: calc(50% - 7px);
      max-width: calc(50% - 7px);
      width: 100%;
      padding: .75rem 1.15rem;
      margin-bottom: 1.25rem
   }
}

@media (max-width: 991.98px) {
   .btn-group--cg .btn {
      margin-bottom: 1.25rem
   }
}

@media (max-width: 767.98px) {
   .btn-group--cg .btn {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%;
      width: 100%
   }
}

@media (min-width: 992px)and (max-width: 1199.98px) {
   .btn-group--cg .btn:nth-last-child(-n+2) {
      flex: 0 0 calc(100% - 7px);
      flex-basis: calc(100% - 7px);
      max-width: calc(100% - 7px);
      width: 100%
   }
}

html[lang=en] .blockquote:before,
html[lang=en] .blockquote:after {
   font-weight: 700
}

html[lang=en] .blockquote .blockquote__text {
   font-weight: 700
}

html[lang=th] .blockquote:before,
html[lang=th] .blockquote:after {
   font-weight: 700
}

html[lang=th] .blockquote .blockquote__text {
   font-weight: 700
}

.blockquote {
   position: relative;
   text-align: center
}

.blockquote .blockquote__wrapper {
   position: relative;
   padding: 3rem 0 1.5rem;
   margin-bottom: 1.5rem
}

.blockquote .blockquote__wrapper:before {
   position: absolute;
   z-index: 1;
   display: inline-flex;
   justify-content: center;
   color: #fff;
   font-size: 4.375rem;
   font-weight: 700;
   line-height: 1
}

.blockquote .blockquote__wrapper:before {
   top: .375rem;
   left: -1.75rem;
   content: "\201c";
   font-size: 18.75rem;
   color: #fa0505
}

.blockquote .blockquote__quote {
   position: relative;
   z-index: 2
}

html[lang=en] .blockquote--sustainability {
   font-family: CPN, sans-serif;
   font-size: 1.0625rem;
   font-weight: 400;
   line-height: 1.5
}

@media (max-width: 1640px) {
   html[lang=en] .blockquote--sustainability {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=en] .blockquote--sustainability {
      font-size: 1rem
   }
}

html[lang=en] .blockquote--sustainability:before,
html[lang=en] .blockquote--sustainability:after {
   font-weight: 700
}

html[lang=en] .blockquote--sustainability .blockquote__text {
   font-weight: 700
}

html[lang=th] .blockquote--sustainability {
   font-family: CPN, sans-serif;
   font-size: 1.0625rem;
   font-weight: 400;
   line-height: 1.5
}

@media (max-width: 1640px) {
   html[lang=th] .blockquote--sustainability {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=th] .blockquote--sustainability {
      font-size: 1rem
   }
}

html[lang=th] .blockquote--sustainability:before,
html[lang=th] .blockquote--sustainability:after {
   font-weight: 700
}

html[lang=th] .blockquote--sustainability .blockquote__text {
   font-weight: 700
}

.blockquote--sustainability {
   position: relative;
   text-align: center
}

.blockquote--sustainability .blockquote__wrapper:before {
   top: .375rem;
   left: -1.75rem;
   content: "\201c";
   font-size: 18.75rem;
   color: #fff
}

.blockquote--sustainability .blockquote__wrapper:after {
   display: none
}

.blockquote--sustainability .blockquote__quote {
   color: #000;
   text-align: left
}

.blockquote--renew .blockquote__wrapper {
   padding-bottom: 0;
   margin-bottom: 0
}

.card-deck {
   margin-right: -15px;
   margin-left: -15px
}

.card-deck .card {
   margin-right: 15px;
   margin-left: 15px
}

.card-deck.card-deck--1 {
   margin-right: 0;
   margin-left: 0
}

.card-deck.card-deck--1 .card {
   flex: 0 0 100%;
   flex-basis: 100%;
   max-width: 100%;
   margin-right: 0;
   margin-left: 0
}

.card-deck.card-deck--2 {
   margin-right: -15px;
   margin-left: -15px
}

.card-deck.card-deck--2 .card {
   flex: 0 0 calc(50% - 30px);
   flex-basis: calc(50% - 30px);
   max-width: calc(50% - 30px);
   margin-right: 15px;
   margin-left: 15px
}

.card-deck.card-deck--3 {
   margin-right: -15px;
   margin-left: -15px
}

.card-deck.card-deck--3 .card {
   flex: 0 0 calc(100% / 3 - 30px);
   flex-basis: calc(100% / 3 - 30px);
   max-width: calc(100% / 3 - 30px);
   margin-right: 15px;
   margin-left: 15px
}

.card-deck.card-deck--4 {
   margin-right: -15px;
   margin-left: -15px
}

.card-deck.card-deck--4 .card {
   flex: 0 0 calc(25% - 30px);
   flex-basis: calc(25% - 30px);
   max-width: calc(25% - 30px);
   margin-right: 15px;
   margin-left: 15px
}

.card-deck.card-deck--5 {
   margin-right: -15px;
   margin-left: -15px
}

.card-deck.card-deck--5 .card {
   flex: 0 0 calc(20% - 30px);
   flex-basis: calc(20% - 30px);
   max-width: calc(20% - 30px);
   margin-right: 15px;
   margin-left: 15px
}

.card-deck.card-deck--6 {
   margin-right: -15px;
   margin-left: -15px
}

.card-deck.card-deck--6 .card {
   flex: 0 0 calc(100% / 6 - 30px);
   flex-basis: calc(100% / 6 - 30px);
   max-width: calc(100% / 6 - 30px);
   margin-right: 15px;
   margin-left: 15px
}

@media (min-width: 576px) {
   .card-deck.card-deck--sm-1 {
      margin-right: 0;
      margin-left: 0
   }

   .card-deck.card-deck--sm-1 .card {
      flex: 0 0 100%;
      flex-basis: 100%;
      max-width: 100%;
      margin-right: 0;
      margin-left: 0
   }

   .card-deck.card-deck--sm-2 {
      margin-right: -15px;
      margin-left: -15px
   }

   .card-deck.card-deck--sm-2 .card {
      flex: 0 0 calc(50% - 30px);
      flex-basis: calc(50% - 30px);
      max-width: calc(50% - 30px);
      margin-right: 15px;
      margin-left: 15px
   }

   .card-deck.card-deck--sm-3 {
      margin-right: -15px;
      margin-left: -15px
   }

   .card-deck.card-deck--sm-3 .card {
      flex: 0 0 calc(100% / 3 - 30px);
      flex-basis: calc(100% / 3 - 30px);
      max-width: calc(100% / 3 - 30px);
      margin-right: 15px;
      margin-left: 15px
   }

   .card-deck.card-deck--sm-4 {
      margin-right: -15px;
      margin-left: -15px
   }

   .card-deck.card-deck--sm-4 .card {
      flex: 0 0 calc(25% - 30px);
      flex-basis: calc(25% - 30px);
      max-width: calc(25% - 30px);
      margin-right: 15px;
      margin-left: 15px
   }

   .card-deck.card-deck--sm-5 {
      margin-right: -15px;
      margin-left: -15px
   }

   .card-deck.card-deck--sm-5 .card {
      flex: 0 0 calc(20% - 30px);
      flex-basis: calc(20% - 30px);
      max-width: calc(20% - 30px);
      margin-right: 15px;
      margin-left: 15px
   }

   .card-deck.card-deck--sm-6 {
      margin-right: -15px;
      margin-left: -15px
   }

   .card-deck.card-deck--sm-6 .card {
      flex: 0 0 calc(100% / 6 - 30px);
      flex-basis: calc(100% / 6 - 30px);
      max-width: calc(100% / 6 - 30px);
      margin-right: 15px;
      margin-left: 15px
   }
}

@media (min-width: 768px) {
   .card-deck.card-deck--md-1 {
      margin-right: 0;
      margin-left: 0
   }

   .card-deck.card-deck--md-1 .card {
      flex: 0 0 100%;
      flex-basis: 100%;
      max-width: 100%;
      margin-right: 0;
      margin-left: 0
   }

   .card-deck.card-deck--md-2 {
      margin-right: -15px;
      margin-left: -15px
   }

   .card-deck.card-deck--md-2 .card {
      flex: 0 0 calc(50% - 30px);
      flex-basis: calc(50% - 30px);
      max-width: calc(50% - 30px);
      margin-right: 15px;
      margin-left: 15px
   }

   .card-deck.card-deck--md-3 {
      margin-right: -15px;
      margin-left: -15px
   }

   .card-deck.card-deck--md-3 .card {
      flex: 0 0 calc(100% / 3 - 30px);
      flex-basis: calc(100% / 3 - 30px);
      max-width: calc(100% / 3 - 30px);
      margin-right: 15px;
      margin-left: 15px
   }

   .card-deck.card-deck--md-4 {
      margin-right: -15px;
      margin-left: -15px
   }

   .card-deck.card-deck--md-4 .card {
      flex: 0 0 calc(25% - 30px);
      flex-basis: calc(25% - 30px);
      max-width: calc(25% - 30px);
      margin-right: 15px;
      margin-left: 15px
   }

   .card-deck.card-deck--md-5 {
      margin-right: -15px;
      margin-left: -15px
   }

   .card-deck.card-deck--md-5 .card {
      flex: 0 0 calc(20% - 30px);
      flex-basis: calc(20% - 30px);
      max-width: calc(20% - 30px);
      margin-right: 15px;
      margin-left: 15px
   }

   .card-deck.card-deck--md-6 {
      margin-right: -15px;
      margin-left: -15px
   }

   .card-deck.card-deck--md-6 .card {
      flex: 0 0 calc(100% / 6 - 30px);
      flex-basis: calc(100% / 6 - 30px);
      max-width: calc(100% / 6 - 30px);
      margin-right: 15px;
      margin-left: 15px
   }
}

@media (min-width: 992px) {
   .card-deck.card-deck--lg-1 {
      margin-right: 0;
      margin-left: 0
   }

   .card-deck.card-deck--lg-1 .card {
      flex: 0 0 100%;
      flex-basis: 100%;
      max-width: 100%;
      margin-right: 0;
      margin-left: 0
   }

   .card-deck.card-deck--lg-2 {
      margin-right: -15px;
      margin-left: -15px
   }

   .card-deck.card-deck--lg-2 .card {
      flex: 0 0 calc(50% - 30px);
      flex-basis: calc(50% - 30px);
      max-width: calc(50% - 30px);
      margin-right: 15px;
      margin-left: 15px
   }

   .card-deck.card-deck--lg-3 {
      margin-right: -15px;
      margin-left: -15px
   }

   .card-deck.card-deck--lg-3 .card {
      flex: 0 0 calc(100% / 3 - 30px);
      flex-basis: calc(100% / 3 - 30px);
      max-width: calc(100% / 3 - 30px);
      margin-right: 15px;
      margin-left: 15px
   }

   .card-deck.card-deck--lg-4 {
      margin-right: -15px;
      margin-left: -15px
   }

   .card-deck.card-deck--lg-4 .card {
      flex: 0 0 calc(25% - 30px);
      flex-basis: calc(25% - 30px);
      max-width: calc(25% - 30px);
      margin-right: 15px;
      margin-left: 15px
   }

   .card-deck.card-deck--lg-5 {
      margin-right: -15px;
      margin-left: -15px
   }

   .card-deck.card-deck--lg-5 .card {
      flex: 0 0 calc(20% - 30px);
      flex-basis: calc(20% - 30px);
      max-width: calc(20% - 30px);
      margin-right: 15px;
      margin-left: 15px
   }

   .card-deck.card-deck--lg-6 {
      margin-right: -15px;
      margin-left: -15px
   }

   .card-deck.card-deck--lg-6 .card {
      flex: 0 0 calc(100% / 6 - 30px);
      flex-basis: calc(100% / 6 - 30px);
      max-width: calc(100% / 6 - 30px);
      margin-right: 15px;
      margin-left: 15px
   }
}

@media (min-width: 1200px) {
   .card-deck.card-deck--xl-1 {
      margin-right: 0;
      margin-left: 0
   }

   .card-deck.card-deck--xl-1 .card {
      flex: 0 0 100%;
      flex-basis: 100%;
      max-width: 100%;
      margin-right: 0;
      margin-left: 0
   }

   .card-deck.card-deck--xl-2 {
      margin-right: -15px;
      margin-left: -15px
   }

   .card-deck.card-deck--xl-2 .card {
      flex: 0 0 calc(50% - 30px);
      flex-basis: calc(50% - 30px);
      max-width: calc(50% - 30px);
      margin-right: 15px;
      margin-left: 15px
   }

   .card-deck.card-deck--xl-3 {
      margin-right: -15px;
      margin-left: -15px
   }

   .card-deck.card-deck--xl-3 .card {
      flex: 0 0 calc(100% / 3 - 30px);
      flex-basis: calc(100% / 3 - 30px);
      max-width: calc(100% / 3 - 30px);
      margin-right: 15px;
      margin-left: 15px
   }

   .card-deck.card-deck--xl-4 {
      margin-right: -15px;
      margin-left: -15px
   }

   .card-deck.card-deck--xl-4 .card {
      flex: 0 0 calc(25% - 30px);
      flex-basis: calc(25% - 30px);
      max-width: calc(25% - 30px);
      margin-right: 15px;
      margin-left: 15px
   }

   .card-deck.card-deck--xl-5 {
      margin-right: -15px;
      margin-left: -15px
   }

   .card-deck.card-deck--xl-5 .card {
      flex: 0 0 calc(20% - 30px);
      flex-basis: calc(20% - 30px);
      max-width: calc(20% - 30px);
      margin-right: 15px;
      margin-left: 15px
   }

   .card-deck.card-deck--xl-6 {
      margin-right: -15px;
      margin-left: -15px
   }

   .card-deck.card-deck--xl-6 .card {
      flex: 0 0 calc(100% / 6 - 30px);
      flex-basis: calc(100% / 6 - 30px);
      max-width: calc(100% / 6 - 30px);
      margin-right: 15px;
      margin-left: 15px
   }
}

@media (min-width: 1400px) {
   .card-deck.card-deck--xxl-1 {
      margin-right: 0;
      margin-left: 0
   }

   .card-deck.card-deck--xxl-1 .card {
      flex: 0 0 100%;
      flex-basis: 100%;
      max-width: 100%;
      margin-right: 0;
      margin-left: 0
   }

   .card-deck.card-deck--xxl-2 {
      margin-right: -15px;
      margin-left: -15px
   }

   .card-deck.card-deck--xxl-2 .card {
      flex: 0 0 calc(50% - 30px);
      flex-basis: calc(50% - 30px);
      max-width: calc(50% - 30px);
      margin-right: 15px;
      margin-left: 15px
   }

   .card-deck.card-deck--xxl-3 {
      margin-right: -15px;
      margin-left: -15px
   }

   .card-deck.card-deck--xxl-3 .card {
      flex: 0 0 calc(100% / 3 - 30px);
      flex-basis: calc(100% / 3 - 30px);
      max-width: calc(100% / 3 - 30px);
      margin-right: 15px;
      margin-left: 15px
   }

   .card-deck.card-deck--xxl-4 {
      margin-right: -15px;
      margin-left: -15px
   }

   .card-deck.card-deck--xxl-4 .card {
      flex: 0 0 calc(25% - 30px);
      flex-basis: calc(25% - 30px);
      max-width: calc(25% - 30px);
      margin-right: 15px;
      margin-left: 15px
   }

   .card-deck.card-deck--xxl-5 {
      margin-right: -15px;
      margin-left: -15px
   }

   .card-deck.card-deck--xxl-5 .card {
      flex: 0 0 calc(20% - 30px);
      flex-basis: calc(20% - 30px);
      max-width: calc(20% - 30px);
      margin-right: 15px;
      margin-left: 15px
   }

   .card-deck.card-deck--xxl-6 {
      margin-right: -15px;
      margin-left: -15px
   }

   .card-deck.card-deck--xxl-6 .card {
      flex: 0 0 calc(100% / 6 - 30px);
      flex-basis: calc(100% / 6 - 30px);
      max-width: calc(100% / 6 - 30px);
      margin-right: 15px;
      margin-left: 15px
   }
}

@media (min-width: 1600px) {
   .card-deck.card-deck--xxxl-1 {
      margin-right: 0;
      margin-left: 0
   }

   .card-deck.card-deck--xxxl-1 .card {
      flex: 0 0 100%;
      flex-basis: 100%;
      max-width: 100%;
      margin-right: 0;
      margin-left: 0
   }

   .card-deck.card-deck--xxxl-2 {
      margin-right: -15px;
      margin-left: -15px
   }

   .card-deck.card-deck--xxxl-2 .card {
      flex: 0 0 calc(50% - 30px);
      flex-basis: calc(50% - 30px);
      max-width: calc(50% - 30px);
      margin-right: 15px;
      margin-left: 15px
   }

   .card-deck.card-deck--xxxl-3 {
      margin-right: -15px;
      margin-left: -15px
   }

   .card-deck.card-deck--xxxl-3 .card {
      flex: 0 0 calc(100% / 3 - 30px);
      flex-basis: calc(100% / 3 - 30px);
      max-width: calc(100% / 3 - 30px);
      margin-right: 15px;
      margin-left: 15px
   }

   .card-deck.card-deck--xxxl-4 {
      margin-right: -15px;
      margin-left: -15px
   }

   .card-deck.card-deck--xxxl-4 .card {
      flex: 0 0 calc(25% - 30px);
      flex-basis: calc(25% - 30px);
      max-width: calc(25% - 30px);
      margin-right: 15px;
      margin-left: 15px
   }

   .card-deck.card-deck--xxxl-5 {
      margin-right: -15px;
      margin-left: -15px
   }

   .card-deck.card-deck--xxxl-5 .card {
      flex: 0 0 calc(20% - 30px);
      flex-basis: calc(20% - 30px);
      max-width: calc(20% - 30px);
      margin-right: 15px;
      margin-left: 15px
   }

   .card-deck.card-deck--xxxl-6 {
      margin-right: -15px;
      margin-left: -15px
   }

   .card-deck.card-deck--xxxl-6 .card {
      flex: 0 0 calc(100% / 6 - 30px);
      flex-basis: calc(100% / 6 - 30px);
      max-width: calc(100% / 6 - 30px);
      margin-right: 15px;
      margin-left: 15px
   }
}

@media (min-width: 2000px) {
   .card-deck.card-deck--mac-1 {
      margin-right: 0;
      margin-left: 0
   }

   .card-deck.card-deck--mac-1 .card {
      flex: 0 0 100%;
      flex-basis: 100%;
      max-width: 100%;
      margin-right: 0;
      margin-left: 0
   }

   .card-deck.card-deck--mac-2 {
      margin-right: -15px;
      margin-left: -15px
   }

   .card-deck.card-deck--mac-2 .card {
      flex: 0 0 calc(50% - 30px);
      flex-basis: calc(50% - 30px);
      max-width: calc(50% - 30px);
      margin-right: 15px;
      margin-left: 15px
   }

   .card-deck.card-deck--mac-3 {
      margin-right: -15px;
      margin-left: -15px
   }

   .card-deck.card-deck--mac-3 .card {
      flex: 0 0 calc(100% / 3 - 30px);
      flex-basis: calc(100% / 3 - 30px);
      max-width: calc(100% / 3 - 30px);
      margin-right: 15px;
      margin-left: 15px
   }

   .card-deck.card-deck--mac-4 {
      margin-right: -15px;
      margin-left: -15px
   }

   .card-deck.card-deck--mac-4 .card {
      flex: 0 0 calc(25% - 30px);
      flex-basis: calc(25% - 30px);
      max-width: calc(25% - 30px);
      margin-right: 15px;
      margin-left: 15px
   }

   .card-deck.card-deck--mac-5 {
      margin-right: -15px;
      margin-left: -15px
   }

   .card-deck.card-deck--mac-5 .card {
      flex: 0 0 calc(20% - 30px);
      flex-basis: calc(20% - 30px);
      max-width: calc(20% - 30px);
      margin-right: 15px;
      margin-left: 15px
   }

   .card-deck.card-deck--mac-6 {
      margin-right: -15px;
      margin-left: -15px
   }

   .card-deck.card-deck--mac-6 .card {
      flex: 0 0 calc(100% / 6 - 30px);
      flex-basis: calc(100% / 6 - 30px);
      max-width: calc(100% / 6 - 30px);
      margin-right: 15px;
      margin-left: 15px
   }
}

.card-deck .card {
   margin-bottom: 2.5rem
}

@media (max-width: 767.98px) {
   .card-deck .card {
      margin-bottom: 2rem
   }

   .card-deck .card:last-child {
      margin-bottom: 0
   }
}

.card-deck--analyst-coverage {
   margin-right: -5px;
   margin-left: -5px
}

.card-deck--analyst-coverage .card {
   flex: 0 0 calc(100% / 3 - 10px);
   flex-basis: calc(100% / 3 - 10px);
   max-width: calc(100% / 3 - 10px);
   margin-right: 5px;
   margin-left: 5px
}

@media (max-width: 991.98px) {
   .card-deck--analyst-coverage {
      margin-right: -5px;
      margin-left: -5px
   }

   .card-deck--analyst-coverage .card {
      flex: 0 0 calc(50% - 10px);
      flex-basis: calc(50% - 10px);
      max-width: calc(50% - 10px);
      margin-right: 5px;
      margin-left: 5px
   }
}

@media (max-width: 767.98px) {
   .card-deck--analyst-coverage {
      margin-right: 0;
      margin-left: 0
   }

   .card-deck--analyst-coverage .card {
      flex: 0 0 100%;
      flex-basis: 100%;
      max-width: 100%
   }
}

@media (max-width: 767.98px)and (min-width: 576px) {
   .card-deck--analyst-coverage .card {
      margin-right: 0;
      margin-left: 0
   }
}

.card-deck--analyst-coverage .card {
   margin-bottom: 10px
}

@media (max-width: 767.98px) {
   .card-deck--analyst-coverage .card {
      margin-left: 0;
      margin-right: 0
   }
}

.card-deck--newsroom {
   margin-right: -10px;
   margin-left: -10px
}

.card-deck--newsroom .card {
   flex: 0 0 calc(100% / 3 - 20px);
   flex-basis: calc(100% / 3 - 20px);
   max-width: calc(100% / 3 - 20px);
   margin-right: 10px;
   margin-left: 10px
}

@media (max-width: 991.98px) {
   .card-deck--newsroom {
      margin-right: -10px;
      margin-left: -10px
   }

   .card-deck--newsroom .card {
      flex: 0 0 calc(50% - 20px);
      flex-basis: calc(50% - 20px);
      max-width: calc(50% - 20px);
      margin-right: 10px;
      margin-left: 10px
   }
}

@media (max-width: 767.98px) {
   .card-deck--newsroom {
      margin-right: 0;
      margin-left: 0
   }

   .card-deck--newsroom .card {
      flex: 0 0 100%;
      flex-basis: 100%;
      max-width: 100%
   }
}

@media (max-width: 767.98px)and (min-width: 576px) {
   .card-deck--newsroom .card {
      margin-right: 0;
      margin-left: 0
   }
}

.card-deck--newsroom .card {
   margin-bottom: 20px
}

@media (max-width: 767.98px) {
   .card-deck--newsroom .card {
      margin-left: 0;
      margin-right: 0
   }
}

@media (min-width: 768px) {
   .card-deck--newsroom .card--highlight-news {
      flex: 0 0 calc(100% - 20px);
      flex-basis: calc(100% - 20px);
      max-width: calc(100% - 20px);
      width: 100%
   }
}

@media (min-width: 992px) {
   .card-deck--newsroom .card--highlight-news {
      flex: 0 0 calc(66.66% - 20px);
      flex-basis: calc(66.66% - 20px);
      max-width: calc(66.66% - 20px);
      width: 100%
   }
}

.card-deck--sustainability {
   margin-right: -10px;
   margin-left: -10px
}

.card-deck--sustainability .card {
   flex: 0 0 calc(25% - 20px);
   flex-basis: calc(25% - 20px);
   max-width: calc(25% - 20px);
   margin-right: 10px;
   margin-left: 10px
}

@media (max-width: 991.98px) {
   .card-deck--sustainability {
      margin-right: -10px;
      margin-left: -10px
   }

   .card-deck--sustainability .card {
      flex: 0 0 calc(50% - 20px);
      flex-basis: calc(50% - 20px);
      max-width: calc(50% - 20px);
      margin-right: 10px;
      margin-left: 10px
   }
}

@media (max-width: 767.98px) {
   .card-deck--sustainability {
      margin-right: 0;
      margin-left: 0
   }

   .card-deck--sustainability .card {
      flex: 0 0 100%;
      flex-basis: 100%;
      max-width: 100%
   }
}

@media (max-width: 767.98px)and (min-width: 576px) {
   .card-deck--sustainability .card {
      margin-right: 0;
      margin-left: 0
   }
}

.card-deck--sustainability .card {
   margin-bottom: 20px
}

@media (max-width: 767.98px) {
   .card-deck--sustainability .card {
      margin-left: 0;
      margin-right: 0
   }
}

.card-deck--sd-report {
   margin-right: -35px;
   margin-left: -35px
}

.card-deck--sd-report .card {
   flex: 0 0 calc(50% - 70px);
   flex-basis: calc(50% - 70px);
   max-width: calc(50% - 70px);
   margin-right: 35px;
   margin-left: 35px
}

@media (max-width: 991.98px) {
   .card-deck--sd-report {
      margin-right: -30px;
      margin-left: -30px
   }

   .card-deck--sd-report .card {
      flex: 0 0 calc(50% - 60px);
      flex-basis: calc(50% - 60px);
      max-width: calc(50% - 60px);
      margin-right: 30px;
      margin-left: 30px
   }
}

@media (max-width: 767.98px) {
   .card-deck--sd-report {
      margin-right: 0;
      margin-left: 0
   }

   .card-deck--sd-report .card {
      flex: 0 0 100%;
      flex-basis: 100%;
      max-width: 100%
   }
}

@media (max-width: 767.98px)and (min-width: 576px) {
   .card-deck--sd-report .card {
      margin-right: 0;
      margin-left: 0
   }
}

.card-deck--sd-report .card {
   margin-bottom: 0
}

@media (max-width: 767.98px) {
   .card-deck--sd-report .card {
      margin-left: 0;
      margin-right: 0
   }

   .card-deck--sd-report .card:not(:first-child) {
      margin-bottom: 20px
   }
}

.card-group.card-group--1 .card {
   flex: 0 0 100%;
   flex-basis: 100%;
   max-width: 100%
}

.card-group.card-group--2 .card {
   flex: 0 0 50%;
   flex-basis: 50%;
   max-width: 50%
}

.card-group.card-group--3 .card {
   flex: 0 0 calc(100% / 3);
   flex-basis: calc(100% / 3);
   max-width: calc(100% / 3)
}

.card-group.card-group--4 .card {
   flex: 0 0 25%;
   flex-basis: 25%;
   max-width: 25%
}

.card-group.card-group--5 .card {
   flex: 0 0 20%;
   flex-basis: 20%;
   max-width: 20%
}

.card-group.card-group--6 .card {
   flex: 0 0 calc(100% / 6);
   flex-basis: calc(100% / 6);
   max-width: calc(100% / 6)
}

@media (min-width: 576px) {
   .card-group.card-group--sm-1 .card {
      flex: 0 0 100%;
      flex-basis: 100%;
      max-width: 100%
   }

   .card-group.card-group--sm-2 .card {
      flex: 0 0 50%;
      flex-basis: 50%;
      max-width: 50%
   }

   .card-group.card-group--sm-3 .card {
      flex: 0 0 calc(100% / 3);
      flex-basis: calc(100% / 3);
      max-width: calc(100% / 3)
   }

   .card-group.card-group--sm-4 .card {
      flex: 0 0 25%;
      flex-basis: 25%;
      max-width: 25%
   }

   .card-group.card-group--sm-5 .card {
      flex: 0 0 20%;
      flex-basis: 20%;
      max-width: 20%
   }

   .card-group.card-group--sm-6 .card {
      flex: 0 0 calc(100% / 6);
      flex-basis: calc(100% / 6);
      max-width: calc(100% / 6)
   }
}

@media (min-width: 768px) {
   .card-group.card-group--md-1 .card {
      flex: 0 0 100%;
      flex-basis: 100%;
      max-width: 100%
   }

   .card-group.card-group--md-2 .card {
      flex: 0 0 50%;
      flex-basis: 50%;
      max-width: 50%
   }

   .card-group.card-group--md-3 .card {
      flex: 0 0 calc(100% / 3);
      flex-basis: calc(100% / 3);
      max-width: calc(100% / 3)
   }

   .card-group.card-group--md-4 .card {
      flex: 0 0 25%;
      flex-basis: 25%;
      max-width: 25%
   }

   .card-group.card-group--md-5 .card {
      flex: 0 0 20%;
      flex-basis: 20%;
      max-width: 20%
   }

   .card-group.card-group--md-6 .card {
      flex: 0 0 calc(100% / 6);
      flex-basis: calc(100% / 6);
      max-width: calc(100% / 6)
   }
}

@media (min-width: 992px) {
   .card-group.card-group--lg-1 .card {
      flex: 0 0 100%;
      flex-basis: 100%;
      max-width: 100%
   }

   .card-group.card-group--lg-2 .card {
      flex: 0 0 50%;
      flex-basis: 50%;
      max-width: 50%
   }

   .card-group.card-group--lg-3 .card {
      flex: 0 0 calc(100% / 3);
      flex-basis: calc(100% / 3);
      max-width: calc(100% / 3)
   }

   .card-group.card-group--lg-4 .card {
      flex: 0 0 25%;
      flex-basis: 25%;
      max-width: 25%
   }

   .card-group.card-group--lg-5 .card {
      flex: 0 0 20%;
      flex-basis: 20%;
      max-width: 20%
   }

   .card-group.card-group--lg-6 .card {
      flex: 0 0 calc(100% / 6);
      flex-basis: calc(100% / 6);
      max-width: calc(100% / 6)
   }
}

@media (min-width: 1200px) {
   .card-group.card-group--xl-1 .card {
      flex: 0 0 100%;
      flex-basis: 100%;
      max-width: 100%
   }

   .card-group.card-group--xl-2 .card {
      flex: 0 0 50%;
      flex-basis: 50%;
      max-width: 50%
   }

   .card-group.card-group--xl-3 .card {
      flex: 0 0 calc(100% / 3);
      flex-basis: calc(100% / 3);
      max-width: calc(100% / 3)
   }

   .card-group.card-group--xl-4 .card {
      flex: 0 0 25%;
      flex-basis: 25%;
      max-width: 25%
   }

   .card-group.card-group--xl-5 .card {
      flex: 0 0 20%;
      flex-basis: 20%;
      max-width: 20%
   }

   .card-group.card-group--xl-6 .card {
      flex: 0 0 calc(100% / 6);
      flex-basis: calc(100% / 6);
      max-width: calc(100% / 6)
   }
}

@media (min-width: 1400px) {
   .card-group.card-group--xxl-1 .card {
      flex: 0 0 100%;
      flex-basis: 100%;
      max-width: 100%
   }

   .card-group.card-group--xxl-2 .card {
      flex: 0 0 50%;
      flex-basis: 50%;
      max-width: 50%
   }

   .card-group.card-group--xxl-3 .card {
      flex: 0 0 calc(100% / 3);
      flex-basis: calc(100% / 3);
      max-width: calc(100% / 3)
   }

   .card-group.card-group--xxl-4 .card {
      flex: 0 0 25%;
      flex-basis: 25%;
      max-width: 25%
   }

   .card-group.card-group--xxl-5 .card {
      flex: 0 0 20%;
      flex-basis: 20%;
      max-width: 20%
   }

   .card-group.card-group--xxl-6 .card {
      flex: 0 0 calc(100% / 6);
      flex-basis: calc(100% / 6);
      max-width: calc(100% / 6)
   }
}

@media (min-width: 1600px) {
   .card-group.card-group--xxxl-1 .card {
      flex: 0 0 100%;
      flex-basis: 100%;
      max-width: 100%
   }

   .card-group.card-group--xxxl-2 .card {
      flex: 0 0 50%;
      flex-basis: 50%;
      max-width: 50%
   }

   .card-group.card-group--xxxl-3 .card {
      flex: 0 0 calc(100% / 3);
      flex-basis: calc(100% / 3);
      max-width: calc(100% / 3)
   }

   .card-group.card-group--xxxl-4 .card {
      flex: 0 0 25%;
      flex-basis: 25%;
      max-width: 25%
   }

   .card-group.card-group--xxxl-5 .card {
      flex: 0 0 20%;
      flex-basis: 20%;
      max-width: 20%
   }

   .card-group.card-group--xxxl-6 .card {
      flex: 0 0 calc(100% / 6);
      flex-basis: calc(100% / 6);
      max-width: calc(100% / 6)
   }
}

@media (min-width: 2000px) {
   .card-group.card-group--mac-1 .card {
      flex: 0 0 100%;
      flex-basis: 100%;
      max-width: 100%
   }

   .card-group.card-group--mac-2 .card {
      flex: 0 0 50%;
      flex-basis: 50%;
      max-width: 50%
   }

   .card-group.card-group--mac-3 .card {
      flex: 0 0 calc(100% / 3);
      flex-basis: calc(100% / 3);
      max-width: calc(100% / 3)
   }

   .card-group.card-group--mac-4 .card {
      flex: 0 0 25%;
      flex-basis: 25%;
      max-width: 25%
   }

   .card-group.card-group--mac-5 .card {
      flex: 0 0 20%;
      flex-basis: 20%;
      max-width: 20%
   }

   .card-group.card-group--mac-6 .card {
      flex: 0 0 calc(100% / 6);
      flex-basis: calc(100% / 6);
      max-width: calc(100% / 6)
   }
}

html[lang=en] .card--analyst .card__title {
   font-family: CPN, sans-serif;
   font-size: 1.25rem;
   font-weight: 700;
   line-height: 1.5
}

@media (max-width: 1640px) {
   html[lang=en] .card--analyst .card__title {
      font-size: calc(1.025rem + .2195121951vw)
   }
}

@media (max-width: 767.98px) {
   html[lang=en] .card--analyst .card__title {
      font-size: 1.0625rem
   }
}

@media (max-width: 767.98px)and (max-width: 1640px) {
   html[lang=en] .card--analyst .card__title {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media only screen and (min-height: 530px)and (max-height: 650px)and (min-width: 1200px)and (max-width: 1400px) {
   html[lang=en] .card--analyst .card__title {
      font-size: 1.125rem
   }
}

html[lang=en] .card--analyst .card__body {
   font-family: CPN, sans-serif;
   font-size: 1.0625rem;
   font-weight: 400;
   line-height: 1.5
}

@media (max-width: 1640px) {
   html[lang=en] .card--analyst .card__body {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=en] .card--analyst .card__body {
      font-size: 1rem
   }
}

@media (max-width: 767.98px) {
   html[lang=en] .card--analyst .card__body {
      font-size: .9375rem
   }
}

@media only screen and (min-height: 530px)and (max-height: 650px)and (min-width: 1200px)and (max-width: 1400px) {
   html[lang=en] .card--analyst .card__body {
      font-size: .9375rem
   }
}

html[lang=th] .card--analyst .card__title {
   font-family: CPN, sans-serif;
   font-size: 1.25rem;
   font-weight: 700;
   line-height: 1.5
}

@media (max-width: 1640px) {
   html[lang=th] .card--analyst .card__title {
      font-size: calc(1.025rem + .2195121951vw)
   }
}

@media (max-width: 767.98px) {
   html[lang=th] .card--analyst .card__title {
      font-size: 1.0625rem
   }
}

@media (max-width: 767.98px)and (max-width: 1640px) {
   html[lang=th] .card--analyst .card__title {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media only screen and (min-height: 530px)and (max-height: 650px)and (min-width: 1200px)and (max-width: 1400px) {
   html[lang=th] .card--analyst .card__title {
      font-size: 1.125rem
   }
}

html[lang=th] .card--analyst .card__body {
   font-family: CPN, sans-serif;
   font-size: 1.0625rem;
   font-weight: 400;
   line-height: 1.5
}

@media (max-width: 1640px) {
   html[lang=th] .card--analyst .card__body {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=th] .card--analyst .card__body {
      font-size: 1rem
   }
}

@media (max-width: 767.98px) {
   html[lang=th] .card--analyst .card__body {
      font-size: .9375rem
   }
}

@media only screen and (min-height: 530px)and (max-height: 650px)and (min-width: 1200px)and (max-width: 1400px) {
   html[lang=th] .card--analyst .card__body {
      font-size: .9375rem
   }
}

.card.card--analyst {
   position: relative;
   overflow: hidden;
   justify-content: center;
   align-items: center;
   padding: 2.5rem 1.5rem;
   color: #fff;
   text-align: center;
   background-color: #3c3d41;
   border-radius: 25px
}

@media (max-width: 991.98px) {
   .card.card--analyst {
      padding: 2rem 1rem
   }
}

@media (max-width: 767.98px) {
   .card.card--analyst {
      border-radius: 20px
   }
}

.card.card--analyst .card__title {
   padding: 0 1rem;
   margin-bottom: .5rem
}

@media (max-width: 991.98px) {
   .card.card--analyst .card__title {
      padding: 0 .5rem
   }
}

.card.card--analyst .card__body a {
   display: block;
   margin-bottom: .5rem;
   color: #fff;
   text-decoration: underline !important
}

.card.card--analyst .card__body a:hover {
   color: #fa0505
}

html[lang=en] .card--leadership .card__title {
   font-family: CPN, sans-serif;
   font-weight: 700;
   line-height: 1.5;
   font-size: 1.125rem
}

html[lang=en] .card--leadership .card__text {
   font-family: CPN, sans-serif;
   font-size: 1.0625rem;
   font-weight: 400;
   line-height: 1.5
}

@media (max-width: 1640px) {
   html[lang=en] .card--leadership .card__text {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=en] .card--leadership .card__text {
      font-size: 1rem
   }
}

@media (max-width: 1199.98px) {
   html[lang=en] .card--leadership .card__text {
      font-size: .875rem
   }
}

@media (max-width: 767.98px) {
   html[lang=en] .card--leadership .card__text {
      font-size: .9375rem
   }
}

html[lang=en] .card--leadership .card__footer .btn__title {
   font-size: .875rem !important
}

html[lang=th] .card--leadership .card__title {
   font-family: CPN, sans-serif;
   font-weight: 700;
   line-height: 1.5;
   font-size: 1.125rem
}

html[lang=th] .card--leadership .card__text {
   font-family: CPN, sans-serif;
   font-size: 1.0625rem;
   font-weight: 400;
   line-height: 1.5
}

@media (max-width: 1640px) {
   html[lang=th] .card--leadership .card__text {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=th] .card--leadership .card__text {
      font-size: 1rem
   }
}

@media (max-width: 1199.98px) {
   html[lang=th] .card--leadership .card__text {
      font-size: .875rem
   }
}

@media (max-width: 767.98px) {
   html[lang=th] .card--leadership .card__text {
      font-size: .9375rem
   }
}

html[lang=th] .card--leadership .card__footer .btn__title {
   font-size: .875rem !important
}

.card--leadership {
   position: relative;
   overflow: hidden;
   padding: 0;
   border: 0;
   background-color: transparent;
   border-radius: 25px
}

.card--leadership .card__image {
   padding-top: 116.6666666667%;
   position: relative;
   overflow: hidden;
   border-radius: 25px
}

.card--leadership .card__image>.img-fluid {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border-radius: 25px;
   object-fit: cover;
   object-position: top
}

.card--leadership .card__wrapper {
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
   justify-content: space-between
}

.card--leadership .card__body {
   padding: 1.75rem .75rem 1.25rem;
   text-align: center
}

.card--leadership .card__title {
   margin-bottom: .75rem;
   color: #fff;
   transition: color .3s ease-in-out
}

.card--leadership .card__text {
   margin-bottom: 0;
   color: #fff;
   transition: color .3s ease-in-out
}

.card--leadership .card__overlay {
   position: absolute;
   top: 0;
   left: 0;
   display: flex;
   justify-content: center;
   align-items: center;
   width: 100%;
   height: 100%;
   background-color: #7b1315cc;
   opacity: 0;
   transition: opacity .3s ease-in-out
}

.card--leadership .card__footer {
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   padding-bottom: 1rem
}

@media (min-width: 1200px) {
   .card--leadership .card__footer {
      display: none
   }
}

.card--leadership .card__footer .btn {
   padding: .45rem 1rem;
   min-width: 140px
}

@media (min-width: 1200px) {
   a.card--leadership:hover .card__overlay {
      opacity: 1
   }
}

a.card--leadership:hover .card__title,
a.card--leadership:hover .card__text {
   color: #fff
}

html[lang=en] .card--report .card__title {
   font-family: CPN, sans-serif;
   font-size: 1.5625rem;
   font-weight: 700;
   line-height: 1.4
}

@media (max-width: 1640px) {
   html[lang=en] .card--report .card__title {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=en] .card--report .card__title {
      font-size: 1.375rem
   }
}

@media (max-width: 1399.98px)and (max-width: 1640px) {
   html[lang=en] .card--report .card__title {
      font-size: calc(1.0375rem + .3292682927vw)
   }
}

@media (max-width: 1199.98px) {
   html[lang=en] .card--report .card__title {
      font-size: 1.5625rem
   }
}

@media (max-width: 1199.98px)and (max-width: 1640px) {
   html[lang=en] .card--report .card__title {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

@media (min-width: 992px)and (max-width: 1199.98px) {
   html[lang=en] .card--report .card__title {
      font-size: 1.25rem
   }
}

@media (max-width: 767.98px) {
   html[lang=en] .card--report .card__title {
      font-size: 1.375rem
   }
}

html[lang=th] .card--report .card__title {
   font-family: CPN, sans-serif;
   font-size: 1.5625rem;
   font-weight: 700;
   line-height: 1.4
}

@media (max-width: 1640px) {
   html[lang=th] .card--report .card__title {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=th] .card--report .card__title {
      font-size: 1.375rem
   }
}

@media (max-width: 1399.98px)and (max-width: 1640px) {
   html[lang=th] .card--report .card__title {
      font-size: calc(1.0375rem + .3292682927vw)
   }
}

@media (max-width: 1199.98px) {
   html[lang=th] .card--report .card__title {
      font-size: 1.5625rem
   }
}

@media (max-width: 1199.98px)and (max-width: 1640px) {
   html[lang=th] .card--report .card__title {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

@media (min-width: 992px)and (max-width: 1199.98px) {
   html[lang=th] .card--report .card__title {
      font-size: 1.25rem
   }
}

@media (max-width: 767.98px) {
   html[lang=th] .card--report .card__title {
      font-size: 1.375rem
   }
}

.card--report {
   position: relative;
   overflow: hidden;
   padding: 0;
   background-color: transparent;
   border-radius: 0;
   border: 0
}

.card--report .card__image {
   position: relative;
   overflow: hidden;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 280px;
   height: 373px;
   margin: 0 auto 1.5rem;
   text-align: center
}

@media (min-width: 992px)and (max-width: 1199.98px) {
   .card--report .card__image {
      width: 250px;
      height: 333px
   }
}

@media (max-width: 767.98px) {
   .card--report .card__image {
      width: auto;
      width: initial;
      height: auto;
      height: initial
   }
}

.card--report .card__image>.img-fluid {
   width: 100%
}

.card--report .card__image--sustainability {
   width: auto !important;
   width: initial !important;
   height: auto !important;
   height: initial !important
}

.card--report .card__title {
   margin-bottom: .75rem;
   text-align: center
}

@media (min-width: 992px)and (max-width: 1199.98px) {
   .card--report .card__title {
      padding: 0 .75rem
   }
}

@media (max-width: 767.98px) {
   .card--report .card__title {
      padding: 0 .75rem
   }
}

.card--report .card__body {
   padding-bottom: 1.5rem
}

@media (max-width: 767.98px) {
   .card--report .card__body {
      padding: 0 .75rem 1.25rem
   }
}

.card--report .card__btn-group {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center
}

.card--report .card__btn-group .btn:not(:last-child) {
   margin-bottom: .25rem
}

.card--report .card__btn-group--wrap {
   flex-direction: row
}

.card--report .card__btn-group--wrap .btn:not(:last-child) {
   margin-right: .5rem;
   margin-bottom: 0
}

.card--report .card__btn-group--annual-report {
   flex-direction: row;
   flex-wrap: wrap
}

.card--report .card__btn-group--annual-report .btn:not(:last-child) {
   margin-right: .5rem;
   margin-bottom: 0
}

.card--report .card__item:not(:first-child) {
   padding-top: 1.5rem;
   margin-top: 1.5rem;
   border-top: 1px solid rgba(255, 255, 255, .6)
}

html[lang=en] .card--presentation .card__period {
   font-size: 1rem
}

@media (max-width: 767.98px) {
   html[lang=en] .card--presentation .card__period {
      font-size: .875rem
   }
}

html[lang=en] .card--presentation .card__title {
   font-family: CPN, sans-serif;
   font-size: 1.5625rem;
   font-weight: 700;
   line-height: 1.4
}

@media (max-width: 1640px) {
   html[lang=en] .card--presentation .card__title {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=en] .card--presentation .card__title {
      font-size: 1.375rem
   }
}

@media (max-width: 1399.98px)and (max-width: 1640px) {
   html[lang=en] .card--presentation .card__title {
      font-size: calc(1.0375rem + .3292682927vw)
   }
}

@media (max-width: 1199.98px) {
   html[lang=en] .card--presentation .card__title {
      font-size: 1.5625rem
   }
}

@media (max-width: 1199.98px)and (max-width: 1640px) {
   html[lang=en] .card--presentation .card__title {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

@media (min-width: 992px)and (max-width: 1199.98px) {
   html[lang=en] .card--presentation .card__title {
      font-size: 1.25rem
   }
}

@media (max-width: 767.98px) {
   html[lang=en] .card--presentation .card__title {
      font-size: 1.25rem
   }
}

html[lang=th] .card--presentation .card__period {
   font-size: 1rem
}

@media (max-width: 767.98px) {
   html[lang=th] .card--presentation .card__period {
      font-size: .875rem
   }
}

html[lang=th] .card--presentation .card__title {
   font-family: CPN, sans-serif;
   font-size: 1.5625rem;
   font-weight: 700;
   line-height: 1.4
}

@media (max-width: 1640px) {
   html[lang=th] .card--presentation .card__title {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=th] .card--presentation .card__title {
      font-size: 1.375rem
   }
}

@media (max-width: 1399.98px)and (max-width: 1640px) {
   html[lang=th] .card--presentation .card__title {
      font-size: calc(1.0375rem + .3292682927vw)
   }
}

@media (max-width: 1199.98px) {
   html[lang=th] .card--presentation .card__title {
      font-size: 1.5625rem
   }
}

@media (max-width: 1199.98px)and (max-width: 1640px) {
   html[lang=th] .card--presentation .card__title {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

@media (min-width: 992px)and (max-width: 1199.98px) {
   html[lang=th] .card--presentation .card__title {
      font-size: 1.25rem
   }
}

@media (max-width: 767.98px) {
   html[lang=th] .card--presentation .card__title {
      font-size: 1.25rem
   }
}

.card--presentation {
   position: relative;
   overflow: hidden;
   padding: 0;
   background-color: transparent;
   border-radius: 0;
   border: 0
}

.card--presentation .card__image {
   position: relative;
   overflow: hidden;
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 0 auto 1.5rem;
   text-align: center
}

.card--presentation .card__image>.img-fluid {
   width: 100%
}

.card--presentation .card__title {
   margin-bottom: .5rem;
   text-align: center
}

.card--presentation .card__period {
   display: block;
   margin-bottom: .875rem
}

@media (max-width: 767.98px) {
   .card--presentation .card__body {
      padding: 0 .75rem
   }
}

.card--presentation .card__btn-group {
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center
}

@media (max-width: 767.98px) {
   .card--presentation .card__btn-group {
      flex-wrap: wrap
   }
}

.card--presentation .card__btn-group .btn:not(:last-child) {
   margin-right: .75rem
}

@media (max-width: 767.98px) {
   .card--presentation .card__btn-group .btn:last-child {
      margin-top: .25rem
   }
}

.card--presentation .card__item:not(:first-child) {
   padding-top: 1.5rem;
   margin-top: 1.5rem;
   border-top: 1px solid rgba(255, 255, 255, .6)
}

@media (max-width: 767.98px) {
   html[lang=en] .card--overlay .card__title {
      font-size: 1.5rem
   }
}

html[lang=en] .card--overlay .card__text {
   font-size: 1rem
}

@media (max-width: 767.98px) {
   html[lang=th] .card--overlay .card__title {
      font-size: 1.5rem
   }
}

html[lang=th] .card--overlay .card__text {
   font-size: 1rem
}

.card--overlay {
   position: relative;
   overflow: hidden;
   padding: 0;
   background-color: transparent;
   border: 0;
   border-radius: 25px;
   will-change: transform
}

.card--overlay .card__title {
   position: relative;
   margin-bottom: 0;
   display: block;
   color: #fff;
   text-shadow: 0 0 3px rgba(0, 0, 0, .16), 0 0 5px rgba(0, 0, 0, .16);
   -webkit-transform: translateY(0);
   transform: translateY(0);
   transition: -webkit-transform .3s ease-in-out;
   transition: transform .3s ease-in-out;
   transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.card--overlay .card__text {
   display: block;
   color: #fff;
   -webkit-transform: translateY(0);
   transform: translateY(0);
   transition: -webkit-transform .3s ease-in-out;
   transition: transform .3s ease-in-out;
   transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.card--overlay .card__image {
   padding-top: 150%;
   position: relative;
   overflow: hidden
}

@media (max-width: 767.98px) {
   .card--overlay .card__image {
      padding-top: 155%
   }
}

.card--overlay .card__image:before {
   position: absolute;
   z-index: 2;
   inset: 0;
   display: block;
   width: 100%;
   height: 100%;
   margin: auto;
   content: "";
   background: #7b1315;
   border-radius: 0;
   -webkit-transform: scale(1);
   transform: scale(1);
   opacity: 0;
   transition: all .5s ease-in-out
}

.card--overlay .card__image>.img-fluid {
   position: absolute;
   z-index: 1;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center
}

.card--overlay .card__wrapper {
   position: absolute;
   z-index: 5;
   top: 0;
   left: 0;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   width: 100%;
   height: 100%;
   padding: 1.5rem 1rem;
   text-align: center
}

.card--overlay .card__body {
   position: absolute;
   bottom: 0;
   left: 0;
   display: block;
   width: 100%;
   height: 55%;
   margin: auto 0;
   padding: 1.5rem 1rem;
   -webkit-transform: translateY(3.5rem);
   transform: translateY(3.5rem);
   opacity: 0;
   transition: opacity .2s ease-in-out, -webkit-transform .3s ease-in-out;
   transition: transform .3s ease-in-out, opacity .2s ease-in-out;
   transition: transform .3s ease-in-out, opacity .2s ease-in-out, -webkit-transform .3s ease-in-out
}

@media (max-width: 1999.98px) {
   .card--overlay .card__body {
      height: 60%
   }
}

.card--overlay:hover .card__image:before {
   opacity: 1
}

.card--overlay:hover .card__title {
   -webkit-transform: translateY(-3rem);
   transform: translateY(-3rem)
}

.card--overlay:hover .card__body {
   -webkit-transform: translateY(0);
   transform: translateY(0);
   opacity: 1
}

@media (max-width: 767.98px) {
   html[lang=en] .card--sd-overlay .card__title {
      font-size: 1.5rem
   }
}

html[lang=en] .card--sd-overlay .card__text {
   font-size: 1rem
}

@media (max-width: 767.98px) {
   html[lang=th] .card--sd-overlay .card__title {
      font-size: 1.5rem
   }
}

html[lang=th] .card--sd-overlay .card__text {
   font-size: 1rem
}

.card--sd-overlay {
   position: relative;
   overflow: hidden;
   padding: 0;
   background-color: transparent;
   border: 0;
   border-radius: 25px
}

.card--sd-overlay .card__title {
   position: relative;
   margin-bottom: 0;
   display: block;
   color: #000;
   transition: color .3s ease-in-out
}

.card--sd-overlay .card__image {
   padding-top: 150%;
   position: relative;
   overflow: hidden;
   background-color: #fff
}

@media (max-width: 1199.98px) {
   .card--sd-overlay .card__image {
      padding-top: 153.8461538462%
   }
}

@media (max-width: 991.98px) {
   .card--sd-overlay .card__image {
      padding-top: 100%
   }
}

.card--sd-overlay .card__image>.img-fluid {
   position: absolute;
   z-index: 1;
   inset: 0;
   display: block;
   width: 73%;
   height: 73%;
   margin: auto;
   opacity: .85;
   object-fit: contain;
   object-position: center
}

.card--sd-overlay .card__wrapper {
   position: absolute;
   z-index: 5;
   top: 0;
   left: 0;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   width: 100%;
   height: 100%;
   padding: 1.5rem 1rem;
   text-align: center
}

.card--sd-overlay .card__body {
   position: absolute;
   bottom: 0;
   left: 0;
   display: block;
   width: 100%;
   height: 60%;
   margin: auto 0;
   padding: 1.5rem 1rem;
   -webkit-transform: translateY(3.5rem);
   transform: translateY(3.5rem);
   opacity: 0;
   transition: opacity .2s ease-in-out, -webkit-transform .3s ease-in-out;
   transition: transform .3s ease-in-out, opacity .2s ease-in-out;
   transition: transform .3s ease-in-out, opacity .2s ease-in-out, -webkit-transform .3s ease-in-out
}

html[lang=en] .card--news .card__title,
html[lang=en] .card--highlight-news .card__title {
   font-size: 1.125rem
}

@media (max-width: 1399.98px) {

   html[lang=en] .card--news .card__title,
   html[lang=en] .card--highlight-news .card__title {
      font-size: 1rem
   }
}

@media (min-width: 992px)and (max-width: 1199.98px) {

   html[lang=en] .card--news .card__title,
   html[lang=en] .card--highlight-news .card__title {
      font-size: .9375rem
   }
}

html[lang=en] .card--news .badge__title,
html[lang=en] .card--highlight-news .badge__title,
html[lang=en] .card--news .badge__icon,
html[lang=en] .card--highlight-news .badge__icon,
html[lang=en] .card--news .card__text,
html[lang=en] .card--highlight-news .card__text {
   font-size: .9375rem !important
}

html[lang=en] .card--news .card__period,
html[lang=en] .card--highlight-news .card__period,
html[lang=en] .card--news .card__btn-title,
html[lang=en] .card--highlight-news .card__btn-title {
   font-family: CPN, sans-serif;
   font-weight: 700;
   line-height: 1.5;
   font-size: .9375rem
}

@media (max-width: 1399.98px) {

   html[lang=en] .card--news .card__period,
   html[lang=en] .card--highlight-news .card__period,
   html[lang=en] .card--news .card__btn-title,
   html[lang=en] .card--highlight-news .card__btn-title {
      font-size: .875rem
   }
}

html[lang=th] .card--news .card__title,
html[lang=th] .card--highlight-news .card__title {
   font-size: 1.125rem
}

@media (max-width: 1399.98px) {

   html[lang=th] .card--news .card__title,
   html[lang=th] .card--highlight-news .card__title {
      font-size: 1rem
   }
}

@media (min-width: 992px)and (max-width: 1199.98px) {

   html[lang=th] .card--news .card__title,
   html[lang=th] .card--highlight-news .card__title {
      font-size: .9375rem
   }
}

html[lang=th] .card--news .badge__title,
html[lang=th] .card--highlight-news .badge__title,
html[lang=th] .card--news .badge__icon,
html[lang=th] .card--highlight-news .badge__icon,
html[lang=th] .card--news .card__text,
html[lang=th] .card--highlight-news .card__text {
   font-size: .9375rem !important
}

html[lang=th] .card--news .card__period,
html[lang=th] .card--highlight-news .card__period,
html[lang=th] .card--news .card__btn-title,
html[lang=th] .card--highlight-news .card__btn-title {
   font-family: CPN, sans-serif;
   font-weight: 700;
   line-height: 1.5;
   font-size: .9375rem
}

@media (max-width: 1399.98px) {

   html[lang=th] .card--news .card__period,
   html[lang=th] .card--highlight-news .card__period,
   html[lang=th] .card--news .card__btn-title,
   html[lang=th] .card--highlight-news .card__btn-title {
      font-size: .875rem
   }
}

.card--news,
.card--highlight-news {
   position: relative;
   overflow: hidden;
   padding: 1rem 1.875rem 1.75rem;
   background-color: #3c3d41;
   border: 1px solid #3c3d41;
   border-radius: 25px;
   box-shadow: 0 3px 6px #0003 !important;
   transition: background-color .3s ease-in-out, border-color .3s ease-in-out
}

@media (min-width: 992px)and (max-width: 1199.98px) {

   .card--news,
   .card--highlight-news {
      padding: 1rem 1.25rem 1.75rem
   }
}

@media (max-width: 991.98px) {

   .card--news,
   .card--highlight-news {
      padding: 1rem 1.5rem 1.75rem
   }
}

@media (max-width: 767.98px) {

   .card--news,
   .card--highlight-news {
      padding: 1rem 1rem 1.875rem
   }
}

.card--news .card__title,
.card--highlight-news .card__title {
   margin-bottom: 0;
   color: #fff;
   transition: color .3s ease-in-out
}

.card--news .card__btn-title,
.card--highlight-news .card__btn-title {
   position: absolute;
   inset: 0;
   display: inline-flex;
   justify-content: center;
   align-items: center;
   margin: auto;
   color: #fff;
   opacity: 0;
   transition: color .3s ease-in-out, opacity .2s ease-in-out
}

.card--news .card__period,
.card--highlight-news .card__period {
   display: inline-block;
   color: #fff;
   opacity: 1;
   transition: color .3s ease-in-out, opacity .2s ease-in-out
}

.card--news .card__text,
.card--highlight-news .card__text {
   margin-bottom: .25rem;
   color: #ffffff80;
   text-align: center;
   transition: color .3s ease-in-out
}

.card--news .card__header,
.card--highlight-news .card__header {
   text-align: center
}

.card--news .card__header .badge,
.card--highlight-news .card__header .badge {
   display: inline-flex;
   justify-content: center;
   align-items: center;
   margin: .5rem auto 1rem;
   background-color: transparent
}

.card--news .card__header .badge__icon,
.card--highlight-news .card__header .badge__icon {
   color: #fa0505
}

.card--news .card__header .badge__title,
.card--highlight-news .card__header .badge__title {
   color: #fff
}

.card--news .card__body,
.card--highlight-news .card__body {
   padding: 1rem 0;
   text-align: center
}

.card--news .card__image,
.card--highlight-news .card__image {
   padding-top: 64.9572649573%;
   position: relative;
   overflow: hidden;
   margin-top: .5rem;
   border-radius: 5px
}

.card--news .card__image>.img-fluid,
.card--highlight-news .card__image>.img-fluid {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
   border-radius: 5px
}

.card--news .card__footer,
.card--highlight-news .card__footer {
   display: flex;
   align-items: center;
   justify-content: center;
   padding-top: .5rem
}

.card--news .card__btn,
.card--highlight-news .card__btn {
   position: relative;
   overflow: hidden;
   display: inline-flex;
   min-width: 170px;
   padding: .75rem 1.5rem .65rem;
   text-align: center;
   justify-content: center;
   background-color: transparent;
   border: 1px solid #fff;
   border-radius: 50px;
   transition: background-color .3s ease-in-out, border-color .3s ease-in-out
}

@media (max-width: 1399.98px) {

   .card--news .card__btn,
   .card--highlight-news .card__btn {
      min-width: 160px;
      padding: .65rem 1.25rem .5rem
   }
}

.card--news .card__wrapper,
.card--highlight-news .card__wrapper {
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
   justify-content: space-between;
   height: 100%
}

.card--news:hover,
.card--highlight-news:hover {
   background-color: #fff;
   border-color: #fff
}

.card--news:hover .card__header .badge__title,
.card--highlight-news:hover .card__header .badge__title {
   color: #000
}

.card--news:hover .card__header .badge__icon,
.card--highlight-news:hover .card__header .badge__icon {
   color: #fa0505
}

.card--news:hover .card__title,
.card--highlight-news:hover .card__title {
   color: #000
}

.card--news:hover .card__text,
.card--highlight-news:hover .card__text {
   color: #3c3d41
}

.card--news:hover .card__btn,
.card--highlight-news:hover .card__btn {
   background-color: #fa0505;
   border-color: #fa0505
}

.card--news:hover .card__period,
.card--highlight-news:hover .card__period {
   opacity: 0
}

.card--news:hover .card__btn-title,
.card--highlight-news:hover .card__btn-title {
   opacity: 1
}

.card--highlight-news {
   background-color: #7b1315;
   border-color: #7b1315;
   padding-top: 1.5rem
}

@media (min-width: 992px)and (max-width: 1199.98px) {
   .card--highlight-news {
      padding: 1.5rem 1.75rem 1.75rem
   }
}

@media (max-width: 991.98px) {
   .card--highlight-news {
      padding: 1.25rem 1.75rem 1.75rem
   }
}

@media (max-width: 767.98px) {
   .card--highlight-news {
      padding: 1rem 1rem 1.875rem
   }
}

@media (min-width: 768px) {
   .card--highlight-news .card__text {
      text-align: left
   }
}

.card--highlight-news .card__header .badge__icon {
   color: #fff
}

@media (min-width: 768px) {
   .card--highlight-news .card__image {
      padding-top: 49.6354166667%
   }
}

@media (min-width: 768px) {
   .card--highlight-news .card__body {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 65%;
      max-width: 65%;
      width: 100%;
      text-align: left
   }
}

@media (min-width: 1200px) {
   .card--highlight-news .card__body {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 68%;
      max-width: 68%;
      width: 100%
   }
}

@media (min-width: 768px) {
   .card--highlight-news .card__footer {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 34%;
      max-width: 34%;
      width: 100%;
      display: flex;
      justify-content: flex-end
   }
}

@media (min-width: 1200px) {
   .card--highlight-news .card__footer {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 31%;
      max-width: 31%;
      width: 100%
   }
}

@media (min-width: 768px) {
   .card--highlight-news .card__wrapper {
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      padding-top: 1rem
   }
}

.card--highlight-news:hover .card__btn {
   background-color: #fa0505;
   border-color: #fa0505
}

html[lang=en] .card--media .card__title {
   font-size: 1.125rem
}

@media (max-width: 1399.98px) {
   html[lang=en] .card--media .card__title {
      font-size: 1rem
   }
}

html[lang=th] .card--media .card__title {
   font-size: 1.125rem
}

@media (max-width: 1399.98px) {
   html[lang=th] .card--media .card__title {
      font-size: 1rem
   }
}

.card--media {
   position: relative;
   overflow: hidden;
   padding: 0;
   background-color: transparent;
   border: 0;
   border-radius: 25px
}

.card--media .card__title {
   margin-bottom: 0;
   color: #fff;
   text-align: center
}

.card--media .card__image {
   padding-top: 64.8484848485%;
   position: relative;
   overflow: hidden;
   border-radius: 25px
}

.card--media .card__image>.img-fluid {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
   -webkit-transform: scale(1);
   transform: scale(1);
   transition: -webkit-transform .3s ease-in-out;
   transition: transform .3s ease-in-out;
   transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.card--media .card__image:before {
   position: absolute;
   z-index: 2;
   inset: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   content: "\e902";
   font-family: icomoon;
   color: #fff;
   font-size: 3.875rem
}

.card--media .card__body {
   padding: 1.25rem 0 2.5rem
}

@media (max-width: 1599.98px) {
   .card--media .card__body {
      padding-bottom: 2rem
   }
}

.card--media:hover .card__title {
   color: #fff
}

.card--media:hover .card__image>.img-fluid {
   -webkit-transform: scale(1.05);
   transform: scale(1.05)
}

html[lang=en] .card--gallery .card__title,
html[lang=en] .card--gallery .badge__title {
   line-height: 1
}

html[lang=en] .card--gallery .card__title {
   font-size: .9375rem;
   font-weight: 400
}

html[lang=en] .card--gallery .badge__title {
   font-size: 1rem !important;
   font-weight: 700 !important
}

html[lang=th] .card--gallery .card__title,
html[lang=th] .card--gallery .badge__title {
   line-height: 1
}

html[lang=th] .card--gallery .card__title {
   font-size: .9375rem;
   font-weight: 400
}

html[lang=th] .card--gallery .badge__title {
   font-size: 1rem !important;
   font-weight: 700 !important
}

.card--gallery {
   position: relative;
   overflow: hidden;
   padding: 0;
   background-color: transparent;
   border: 0;
   border-radius: 25px
}

.card--gallery .card__title {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 70%;
   max-width: 70%;
   width: 100%;
   margin-bottom: 0;
   color: #fff;
   text-align: right
}

.card--gallery .card__image {
   padding-top: 64.8484848485%;
   position: relative;
   overflow: hidden;
   border-radius: 25px
}

.card--gallery .card__image>.img-fluid {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
   -webkit-transform: scale(1);
   transform: scale(1);
   transition: -webkit-transform .3s ease-in-out;
   transition: transform .3s ease-in-out;
   transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.card--gallery .card__image:before {
   position: absolute;
   z-index: 2;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100%;
   content: "";
   background: linear-gradient(0deg, rgba(12, 12, 12, .5) 0%, rgba(12, 12, 12, 0) 100%)
}

.card--gallery .card__body {
   position: absolute;
   z-index: 3;
   bottom: 0;
   left: 0;
   display: flex;
   flex-direction: row;
   align-items: baseline;
   justify-content: space-between;
   width: 100%;
   padding: 1rem .75rem
}

.card--gallery .card__body .badge {
   padding: 0;
   margin: 0 !important;
   background-color: transparent;
   text-align: left
}

.card--gallery .card__body .badge__title {
   margin-left: 0
}

.card--gallery:hover .card__title {
   color: #fff
}

.card--gallery:hover .card__image>.img-fluid {
   -webkit-transform: scale(1.05);
   transform: scale(1.05)
}

html[lang=en] .card--coverage .card__title {
   font-size: 2.5rem;
   font-weight: 700;
   line-height: 1.2
}

@media (max-width: 1640px) {
   html[lang=en] .card--coverage .card__title {
      font-size: calc(1.15rem + 1.3170731707vw)
   }
}

@media (max-width: 991.98px) {
   html[lang=en] .card--coverage .card__title {
      font-size: 2.625rem
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=en] .card--coverage .card__title {
      font-size: calc(1.1625rem + 1.4268292683vw)
   }
}

@media (min-width: 768px)and (max-width: 991.98px) {
   html[lang=en] .card--coverage .card__title {
      font-size: 3.4375rem
   }
}

@media (min-width: 768px)and (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=en] .card--coverage .card__title {
      font-size: calc(1.24375rem + 2.1402439024vw)
   }
}

html[lang=en] .card--coverage .card__value {
   font-size: 1.75rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=en] .card--coverage .card__value {
      font-size: calc(1.075rem + .6585365854vw)
   }
}

@media (max-width: 991.98px) {
   html[lang=en] .card--coverage .card__value {
      font-size: 2.25rem
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=en] .card--coverage .card__value {
      font-size: calc(1.125rem + 1.0975609756vw)
   }
}

@media (max-width: 991.98px)and (max-width: 991.98px) {
   html[lang=en] .card--coverage .card__value {
      font-size: 2.375rem
   }
}

@media (max-width: 991.98px)and (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=en] .card--coverage .card__value {
      font-size: calc(1.1375rem + 1.2073170732vw)
   }
}

html[lang=en] .card--coverage .card__unit {
   font-weight: 700;
   font-size: 1rem
}

@media (min-width: 768px)and (max-width: 991.98px) {
   html[lang=en] .card--coverage .card__unit {
      font-size: 1.125rem
   }
}

@media (max-width: 767.98px) {
   html[lang=en] .card--coverage .card__unit {
      font-size: .875rem
   }
}

html[lang=th] .card--coverage .card__title {
   font-size: 2.5rem;
   font-weight: 700;
   line-height: 1.5
}

@media (max-width: 1640px) {
   html[lang=th] .card--coverage .card__title {
      font-size: calc(1.15rem + 1.3170731707vw)
   }
}

@media (max-width: 991.98px) {
   html[lang=th] .card--coverage .card__title {
      font-size: 2.625rem
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=th] .card--coverage .card__title {
      font-size: calc(1.1625rem + 1.4268292683vw)
   }
}

@media (min-width: 768px)and (max-width: 991.98px) {
   html[lang=th] .card--coverage .card__title {
      font-size: 3.4375rem
   }
}

@media (min-width: 768px)and (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=th] .card--coverage .card__title {
      font-size: calc(1.24375rem + 2.1402439024vw)
   }
}

html[lang=th] .card--coverage .card__value {
   font-size: 1.75rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=th] .card--coverage .card__value {
      font-size: calc(1.075rem + .6585365854vw)
   }
}

@media (max-width: 991.98px) {
   html[lang=th] .card--coverage .card__value {
      font-size: 2.25rem
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=th] .card--coverage .card__value {
      font-size: calc(1.125rem + 1.0975609756vw)
   }
}

@media (max-width: 991.98px)and (max-width: 991.98px) {
   html[lang=th] .card--coverage .card__value {
      font-size: 2.375rem
   }
}

@media (max-width: 991.98px)and (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=th] .card--coverage .card__value {
      font-size: calc(1.1375rem + 1.2073170732vw)
   }
}

html[lang=th] .card--coverage .card__unit {
   font-weight: 700;
   font-size: 1rem
}

@media (min-width: 768px)and (max-width: 991.98px) {
   html[lang=th] .card--coverage .card__unit {
      font-size: 1.125rem
   }
}

@media (max-width: 767.98px) {
   html[lang=th] .card--coverage .card__unit {
      font-size: .875rem
   }
}

.card--coverage {
   position: relative;
   overflow: hidden;
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
   justify-content: space-between;
   padding: 2.25rem 2rem 2.75rem;
   background-color: #fff;
   border-radius: 25px;
   border: 0;
   transition: background-color .3s ease-in-out
}

@media (max-width: 767.98px) {
   .card--coverage {
      padding: 2rem 1.5rem 2.5rem
   }
}

.card--coverage .card__title {
   margin-bottom: .5rem;
   color: #fa0505;
   transition: color .3s ease-in-out
}

.card--coverage .card__image {
   text-align: center
}

.card--coverage .card__image .img-fluid {
   max-width: 70%;
   margin: 0 auto
}

@media (max-width: 1999.98px) {
   .card--coverage .card__image .img-fluid {
      max-width: 80%
   }
}

.card--coverage .card__image .img-default {
   display: block
}

.card--coverage .card__image .img-invert {
   display: none
}

.card--coverage .card__period,
.card--coverage .card__item {
   color: #000;
   transition: color .3s ease-in-out
}

.card--coverage .card__period {
   margin-bottom: 0
}

.card--coverage .card__item {
   display: flex;
   flex-direction: row;
   align-items: baseline;
   justify-content: space-between;
   padding: .375rem 0;
   border-bottom: 1px solid #000;
   transition: border-color .3s ease-in-out
}

.card--coverage .card__value {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 40%;
   max-width: 40%;
   width: 100%;
   text-align: left
}

.card--coverage .card__unit {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 40%;
   max-width: 40%;
   width: 100%;
   text-align: right
}

.card--coverage .card__header {
   padding-bottom: 1rem
}

.card--coverage .card__body {
   padding-top: 1rem
}

.card--coverage:hover {
   background-color: #7b1315
}

.card--coverage:hover .card__title {
   color: #fff
}

.card--coverage:hover .card__image .img-default {
   display: none
}

.card--coverage:hover .card__image .img-invert {
   display: block
}

.card--coverage:hover .card__period,
.card--coverage:hover .card__item {
   color: #fff;
   transition: color .3s ease-in-out
}

.card--coverage:hover .card__item {
   border-bottom-color: #fff
}

html[lang=en] .card--contact .card__title {
   font-weight: 700;
   font-size: 1.125rem
}

@media (max-width: 991.98px) {
   html[lang=en] .card--contact .card__title {
      font-size: 1.375rem
   }
}

@media (max-width: 767.98px) {
   html[lang=en] .card--contact .card__title {
      font-size: 1.25rem
   }
}

html[lang=th] .card--contact .card__title {
   font-weight: 700;
   font-size: 1.125rem
}

@media (max-width: 991.98px) {
   html[lang=th] .card--contact .card__title {
      font-size: 1.375rem
   }
}

@media (max-width: 767.98px) {
   html[lang=th] .card--contact .card__title {
      font-size: 1.25rem
   }
}

.card--contact {
   background-color: #3c3d41;
   text-align: center;
   min-height: 290px;
   justify-content: space-between;
   padding: 45px 30px 30px;
   color: #fff;
   border-radius: 25px;
   transition: background-color .3s ease-in-out, box-shadow .3s ease-in-out, color .3s ease-in-out
}

@media (max-width: 1199.98px) {
   .card--contact {
      margin-bottom: 30px
   }
}

@media (max-width: 991.98px) {
   .card--contact {
      min-height: 250px
   }
}

.card--contact .card__title {
   margin-bottom: 0
}

.card--contact .card__actions .btn--link {
   display: block
}

.card--contact .card__actions .btn--link:not(:first-child) {
   margin-top: .5rem
}

.card--contact:hover {
   box-shadow: 0 3px 20px #0003;
   background-color: #fff;
   color: #0c0c0c
}

.card--contact:hover .btn--link .btn__text,
.card--contact:hover .btn--link:hover .btn__text {
   color: #0c0c0c
}

html[lang=en] .card--shortcut .card__title {
   font-family: CPN, sans-serif;
   font-size: 2.25rem;
   font-weight: 700;
   line-height: 1.3
}

@media (max-width: 1640px) {
   html[lang=en] .card--shortcut .card__title {
      font-size: calc(1.125rem + 1.0975609756vw)
   }
}

@media (max-width: 991.98px) {
   html[lang=en] .card--shortcut .card__title {
      font-size: 2.375rem
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=en] .card--shortcut .card__title {
      font-size: calc(1.1375rem + 1.2073170732vw)
   }
}

html[lang=th] .card--shortcut .card__title {
   font-family: CPN, sans-serif;
   font-size: 2.25rem;
   font-weight: 700;
   line-height: 1.5
}

@media (max-width: 1640px) {
   html[lang=th] .card--shortcut .card__title {
      font-size: calc(1.125rem + 1.0975609756vw)
   }
}

@media (max-width: 991.98px) {
   html[lang=th] .card--shortcut .card__title {
      font-size: 2.375rem
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=th] .card--shortcut .card__title {
      font-size: calc(1.1375rem + 1.2073170732vw)
   }
}

.card--shortcut {
   position: relative;
   overflow: hidden;
   padding: 0;
   background-color: transparent;
   border: 0;
   border-radius: 25px
}

.card--shortcut .card__title {
   margin-bottom: 1.25rem
}

@media (max-width: 991.98px) {
   .card--shortcut .card__title {
      margin-bottom: 1rem
   }
}

.card--shortcut .card__wrapper {
   position: relative;
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
   justify-content: space-between;
   width: 100%;
   min-height: 300px;
   border-radius: 25px
}

@media (max-width: 767.98px) {
   .card--shortcut .card__wrapper {
      min-height: 0;
      min-height: initial
   }
}

.card--shortcut .card__wrapper .card__body {
   position: relative
}

@media (max-width: 767.98px) {
   .card--shortcut .card__wrapper .card__body {
      min-height: 0;
      min-height: initial
   }
}

.card--shortcut .card__image {
   padding-top: 64.2857142857%;
   position: relative;
   overflow: hidden;
   border-radius: 25px
}

@media (max-width: 991.98px) {
   .card--shortcut .card__image {
      padding-top: 116.6666666667%
   }
}

@media (max-width: 767.98px) {
   .card--shortcut .card__image {
      padding-top: 0;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%
   }
}

.card--shortcut .card__image>.img-fluid {
   position: absolute;
   z-index: 2;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center
}

.card--shortcut .card__image:before {
   position: absolute;
   z-index: 2;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   content: "";
   background-color: #00000040
}

.card--shortcut .card__body {
   position: absolute;
   z-index: 5;
   top: 0;
   left: 0;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   width: 100%;
   height: 100%;
   padding: 1.5rem 1rem;
   text-align: center
}

@media (max-width: 767.98px) {
   .card--shortcut .card__body {
      position: relative;
      padding: 2rem 1rem;
      min-height: 220px
   }
}

@media only screen and (min-width: 300px)and (max-width: 349px)and (orientation: portrait) {
   .card--shortcut .card__body {
      padding: 1.75rem .875rem
   }
}

.card--shortcut .card__footer {
   padding-bottom: 2rem;
   text-align: center
}

.card--career {
   position: relative;
   overflow: hidden;
   padding: 0;
   background-color: transparent;
   border: 0;
   border-radius: 0
}

.card--career .card__image {
   padding-top: 50%;
   position: relative;
   overflow: hidden;
   margin-bottom: 1.25rem;
   border-radius: 25px
}

.card--career .card__image>.img-fluid {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
   -webkit-transform: scale(1);
   transform: scale(1);
   border-radius: 25px;
   transition: -webkit-transform .3s ease-in-out;
   transition: transform .3s ease-in-out;
   transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.card--career .card__title {
   color: #fff;
   margin-bottom: 1rem;
   transition: color .3s ease-in-out
}

.card--career:hover .card__image>.img-fluid {
   -webkit-transform: scale(1.05);
   transform: scale(1.05)
}

.card--career:hover .card__title {
   color: #fa0505
}

html[lang=en] .card--pride .card__title {
   font-size: 1.5625rem
}

@media (max-width: 1640px) {
   html[lang=en] .card--pride .card__title {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=en] .card--pride .card__title {
      font-size: 1.375rem
   }
}

@media (max-width: 1399.98px)and (max-width: 1640px) {
   html[lang=en] .card--pride .card__title {
      font-size: calc(1.0375rem + .3292682927vw)
   }
}

@media (max-width: 1199.98px) {
   html[lang=en] .card--pride .card__title {
      font-size: 1.5625rem
   }
}

@media (max-width: 1199.98px)and (max-width: 1640px) {
   html[lang=en] .card--pride .card__title {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

html[lang=en] .card--pride .card__category {
   font-weight: 700;
   font-size: .9375rem
}

html[lang=th] .card--pride .card__title {
   font-size: 1.5625rem
}

@media (max-width: 1640px) {
   html[lang=th] .card--pride .card__title {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=th] .card--pride .card__title {
      font-size: 1.375rem
   }
}

@media (max-width: 1399.98px)and (max-width: 1640px) {
   html[lang=th] .card--pride .card__title {
      font-size: calc(1.0375rem + .3292682927vw)
   }
}

@media (max-width: 1199.98px) {
   html[lang=th] .card--pride .card__title {
      font-size: 1.5625rem
   }
}

@media (max-width: 1199.98px)and (max-width: 1640px) {
   html[lang=th] .card--pride .card__title {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

html[lang=th] .card--pride .card__category {
   font-weight: 700;
   font-size: .9375rem
}

.card--pride {
   position: relative;
   overflow: hidden;
   box-shadow: 0 15px 30px -10px #0003;
   height: 100%;
   background-color: #3c3d41;
   border: 0;
   border-radius: 25px
}

@media (max-width: 991.98px) {
   .card--pride {
      margin-bottom: 30px
   }
}

.card--pride .card__title {
   line-height: 1.25
}

.card--pride .card__figure {
   padding-top: 66.5168539326%;
   position: relative;
   margin-bottom: 0;
   overflow: hidden;
   height: 100%
}

.card--pride .card__image {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: all .3s ease-in-out
}

.card--pride .card__body {
   background-color: #3c3d41;
   color: #fff;
   height: 100%;
   padding: 2rem 1.5rem;
   display: flex;
   flex-direction: column;
   justify-content: space-between
}

@media (max-width: 991.98px) {
   .card--pride .card__body {
      padding: 2rem 1.375rem
   }
}

.card--pride .card__footer {
   padding-top: 1.5rem;
   margin-top: 1rem
}

.card--pride:hover .card__image {
   -webkit-transform: scale(1.1);
   transform: scale(1.1)
}

html[lang=en] .card--story .card__badge-text {
   font-size: .875rem;
   font-weight: 700
}

html[lang=en] .card--story .card__title {
   font-size: 1.25rem;
   font-weight: 700
}

@media (max-width: 1999.98px) {
   html[lang=en] .card--story .card__title {
      font-size: 1.125rem
   }
}

@media (max-width: 1399.98px) {
   html[lang=en] .card--story .card__title {
      font-size: 1.0625rem
   }
}

@media (max-width: 1399.98px) {
   html[lang=en] .card--story .card__text {
      font-size: .875rem
   }
}

html[lang=en] .card--story .card__btn-text {
   font-weight: 700
}

html[lang=th] .card--story .card__badge-text {
   font-size: .875rem;
   font-weight: 700
}

html[lang=th] .card--story .card__title {
   font-size: 1.25rem;
   font-weight: 700
}

@media (max-width: 1999.98px) {
   html[lang=th] .card--story .card__title {
      font-size: 1.125rem
   }
}

@media (max-width: 1399.98px) {
   html[lang=th] .card--story .card__title {
      font-size: 1.0625rem
   }
}

@media (max-width: 1399.98px) {
   html[lang=th] .card--story .card__text {
      font-size: .875rem
   }
}

html[lang=th] .card--story .card__btn-text {
   font-weight: 700
}

.card--story {
   position: relative;
   overflow: hidden;
   background-color: #3c3d41;
   box-shadow: 0 15px 30px #0000001a !important;
   height: 100%;
   border: 0;
   color: #fff;
   border-radius: 25px
}

.card--story .card__badge {
   display: flex;
   flex-direction: row;
   align-items: center;
   margin-bottom: 15px
}

.card--story .card__badge-text {
   color: #fff !important
}

.card--story .card__badge-icon {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 35px;
   max-width: 35px;
   width: 100%;
   height: 35px;
   border-radius: 50%;
   vertical-align: middle;
   text-align: center;
   display: flex;
   justify-content: center;
   align-items: center;
   margin-right: 10px
}

.card--story .card__badge-icon i {
   font-size: 1.25rem;
   color: #fff
}

.card--story .card__body {
   padding: 30px;
   display: flex;
   flex-direction: column;
   flex: 1 1 auto;
   justify-content: space-between
}

.card--story .card__title {
   margin-bottom: 10px;
   color: #fff
}

.card--story .card__text {
   margin-bottom: 14px;
   flex: 1;
   color: #fff
}

.card--story .card__btn {
   padding-top: .5rem
}

.card--story .card__figure {
   position: relative;
   margin-bottom: 0;
   overflow: hidden;
   padding-top: 65.7142857143%
}

.card--story .card__figure .card__image {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: all .3s ease-in-out
}

.card--story .card__figure-fluid {
   position: relative;
   margin-bottom: 0;
   overflow: hidden;
   height: 100%;
   padding-top: 127.027027027%
}

@media (max-width: 991.98px) {
   .card--story .card__figure-fluid {
      padding-top: 65.7142857143%
   }
}

.card--story .card__figure-fluid .card__image {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: all .3s ease-in-out
}

.card--story:hover {
   color: #000
}

.card--story:hover .card__image {
   -webkit-transform: scale(1.1);
   transform: scale(1.1)
}

.card--story:hover .card__btn-icon {
   -webkit-transform: translateX(10px);
   transform: translate(10px)
}

.card--story-fluid .card__figure-fluid {
   padding-top: 75%
}

.card--story-fluid .card__body {
   justify-content: center
}

.card--story-people {
   background-color: #a90b1d;
   color: #fff !important;
   justify-content: center
}

.card--story-people .card__badge-icon {
   background-color: #fff !important
}

.card--story-people .card__badge-icon i {
   color: #a90b1d
}

.card--story-people .card__badge-text,
.card--story-people .card__title,
.card--story-people .card__text,
.card--story-people .card__btn-text {
   color: #fff !important
}

.card--story-people .card__image-fluid {
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   height: 100%
}

.card--story-planet {
   background-color: #277f34;
   color: #fff !important;
   justify-content: center
}

.card--story-planet .card__badge-icon {
   background-color: #fff !important
}

.card--story-planet .card__badge-icon i {
   color: #277f34
}

.card--story-planet .card__badge-text,
.card--story-planet .card__title,
.card--story-planet .card__text,
.card--story-planet .card__btn-text {
   color: #fff !important
}

.card--story-planet .card__image-fluid {
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   height: 100%
}

.card--story-partnerships {
   background-color: #f28416;
   color: #fff !important;
   justify-content: center
}

.card--story-partnerships .card__badge-icon {
   background-color: #fff !important
}

.card--story-partnerships .card__badge-icon i {
   color: #f28416
}

.card--story-partnerships .card__badge-text,
.card--story-partnerships .card__title,
.card--story-partnerships .card__text,
.card--story-partnerships .card__btn-text {
   color: #fff !important
}

.card--story-partnerships .card__image-fluid {
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   height: 100%
}

.card--story-prosperity {
   background-color: #042d58;
   color: #fff !important;
   justify-content: center
}

.card--story-prosperity .card__badge-icon {
   background-color: #fff !important
}

.card--story-prosperity .card__badge-icon i {
   color: #042d58
}

.card--story-prosperity .card__badge-text,
.card--story-prosperity .card__title,
.card--story-prosperity .card__text,
.card--story-prosperity .card__btn-text {
   color: #fff !important
}

.card--story-prosperity .card__image-fluid {
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   height: 100%
}

.card--story-featured-story {
   background-color: #84521f;
   color: #fff !important;
   justify-content: center
}

.card--story-featured-story .card__badge-icon {
   background-color: #fff !important
}

.card--story-featured-story .card__badge-icon i {
   color: #84521f
}

.card--story-featured-story .card__badge-text,
.card--story-featured-story .card__title,
.card--story-featured-story .card__text,
.card--story-featured-story .card__btn-text {
   color: #fff !important
}

.card--story-featured-story .card__image-fluid {
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   height: 100%
}

.card__badge--people .card__badge-icon {
   background-color: #a90b1d
}

.card__badge--people .card__badge-text {
   color: #a90b1d
}

.card__badge--planet .card__badge-icon {
   background-color: #277f34
}

.card__badge--partnerships .card__badge-icon {
   background-color: #f28416
}

.card__badge--prosperity .card__badge-icon {
   background-color: #042d58
}

.card__badge--featured-story .card__badge-icon {
   background-color: #84521f
}

@media (min-width: 768px)and (max-width: 991.98px) {
   .card--story-md-fluid {
      flex-direction: row
   }
}

@media (min-width: 768px)and (max-width: 991.98px) {
   .card--story-md-fluid .card__body {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 45%;
      max-width: 45%;
      width: 100%;
      justify-content: center
   }
}

@media (min-width: 768px)and (max-width: 991.98px) {
   .card--story-md-fluid .card__figure {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 55%;
      max-width: 55%;
      width: 100%
   }
}

html[lang=en] .card--filter-blur .card__title {
   font-size: 1.75rem
}

@media (max-width: 1640px) {
   html[lang=en] .card--filter-blur .card__title {
      font-size: calc(1.075rem + .6585365854vw)
   }
}

html[lang=en] .card--filter-blur .card__media-text {
   font-size: 1rem
}

html[lang=th] .card--filter-blur .card__title {
   font-size: 1.75rem
}

@media (max-width: 1640px) {
   html[lang=th] .card--filter-blur .card__title {
      font-size: calc(1.075rem + .6585365854vw)
   }
}

html[lang=th] .card--filter-blur .card__media-text {
   font-size: 1rem
}

.card--filter-blur {
   width: 100%;
   position: relative;
   overflow: hidden;
   border: 0;
   border-radius: 0
}

@media (max-width: 991.98px) {
   .card--filter-blur {
      padding-bottom: 5rem
   }
}

.card--filter-blur .card__bg {
   position: absolute;
   top: 0;
   left: 0;
   width: 50%;
   height: 100%;
   background-size: cover;
   background-position: top center;
   background-repeat: no-repeat
}

@media (max-width: 991.98px) {
   .card--filter-blur .card__bg {
      position: static;
      height: 500px;
      width: 100%
   }
}

@media (max-width: 767.98px) {
   .card--filter-blur .card__bg {
      height: 350px
   }
}

.card--filter-blur .card__bg--right {
   right: 0;
   left: auto
}

.card--filter-blur .card__body {
   min-height: 90vh;
   background-color: #f3f3f3;
   padding: 100px 120px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   color: #000
}

@media (max-width: 1999.98px) {
   .card--filter-blur .card__body {
      padding: 100px
   }
}

@media (max-width: 1599.98px) {
   .card--filter-blur .card__body {
      padding: 100px 60px
   }
}

@media (max-width: 1399.98px) {
   .card--filter-blur .card__body {
      padding: 100px 45px
   }
}

@media (max-width: 991.98px) {
   .card--filter-blur .card__body {
      min-height: auto;
      padding: 60px 50px 30px;
      background-color: transparent;
      -webkit-backdrop-filter: none;
      backdrop-filter: none
   }
}

@media (max-width: 767.98px) {
   .card--filter-blur .card__body {
      padding: 60px 16px 30px
   }
}

.card--filter-blur .card__title {
   color: #000;
   margin-bottom: 1rem
}

.card--filter-blur .card__btn {
   color: #000;
   margin-top: 3rem
}

@media (max-width: 767.98px) {
   .card--filter-blur .card__media {
      text-align: center;
      margin-bottom: 3rem
   }
}

.card--filter-blur .card__media-figure {
   margin-bottom: .8rem
}

.card--filter-blur .card__media-image {
   height: 70px
}

.card--filter-blur .card__media-text--fixed-height {
   min-height: 50px
}

@media (max-width: 767.98px) {
   .card--filter-blur .card__media-text--fixed-height {
      min-height: auto
   }
}

html[lang=en] .card--download-policy .card__title,
html[lang=en] .card--download-policy-grey .card__title {
   font-size: 1.25rem;
   font-weight: 700
}

@media (max-width: 1640px) {

   html[lang=en] .card--download-policy .card__title,
   html[lang=en] .card--download-policy-grey .card__title {
      font-size: calc(1.025rem + .2195121951vw)
   }
}

@media (max-width: 767.98px) {

   html[lang=en] .card--download-policy .card__title,
   html[lang=en] .card--download-policy-grey .card__title {
      font-size: 1.0625rem
   }
}

@media (max-width: 767.98px)and (max-width: 1640px) {

   html[lang=en] .card--download-policy .card__title,
   html[lang=en] .card--download-policy-grey .card__title {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

html[lang=th] .card--download-policy .card__title,
html[lang=th] .card--download-policy-grey .card__title {
   font-size: 1.25rem;
   font-weight: 700
}

@media (max-width: 1640px) {

   html[lang=th] .card--download-policy .card__title,
   html[lang=th] .card--download-policy-grey .card__title {
      font-size: calc(1.025rem + .2195121951vw)
   }
}

@media (max-width: 767.98px) {

   html[lang=th] .card--download-policy .card__title,
   html[lang=th] .card--download-policy-grey .card__title {
      font-size: 1.0625rem
   }
}

@media (max-width: 767.98px)and (max-width: 1640px) {

   html[lang=th] .card--download-policy .card__title,
   html[lang=th] .card--download-policy-grey .card__title {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

.card--download-policy-grey,
.card--download-policy {
   border: 0;
   border-radius: 0;
   padding: 2rem 1.5rem;
   background-color: transparent
}

.card--download-policy,
.card--download-policy-grey {
   background-color: #fff
}

html[lang=en] .sdgs-card__text {
   font-weight: 700;
   font-size: 1rem
}

html[lang=en] .sdgs-card__title {
   font-size: 1.5625rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=en] .sdgs-card__title {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=en] .sdgs-card__title {
      font-size: 1.375rem
   }
}

@media (max-width: 1399.98px)and (max-width: 1640px) {
   html[lang=en] .sdgs-card__title {
      font-size: calc(1.0375rem + .3292682927vw)
   }
}

@media (max-width: 1199.98px) {
   html[lang=en] .sdgs-card__title {
      font-size: 1.5625rem
   }
}

@media (max-width: 1199.98px)and (max-width: 1640px) {
   html[lang=en] .sdgs-card__title {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

html[lang=th] .sdgs-card__text {
   font-weight: 700;
   font-size: 1rem
}

html[lang=th] .sdgs-card__title {
   font-size: 1.5625rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=th] .sdgs-card__title {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=th] .sdgs-card__title {
      font-size: 1.375rem
   }
}

@media (max-width: 1399.98px)and (max-width: 1640px) {
   html[lang=th] .sdgs-card__title {
      font-size: calc(1.0375rem + .3292682927vw)
   }
}

@media (max-width: 1199.98px) {
   html[lang=th] .sdgs-card__title {
      font-size: 1.5625rem
   }
}

@media (max-width: 1199.98px)and (max-width: 1640px) {
   html[lang=th] .sdgs-card__title {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

.sdgs-card {
   margin-bottom: 2rem
}

@media (max-width: 767.98px) {
   .sdgs-card {
      margin-bottom: 1rem
   }
}

.sdgs-card__body {
   display: flex;
   flex-direction: row;
   align-items: center;
   padding: 2rem 0
}

@media (max-width: 767.98px) {
   .sdgs-card__body {
      flex-direction: column
   }
}

.sdgs-card__icon-body {
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: 0 2rem
}

.sdgs-card__icon-body .sdgs-card__text {
   text-align: center
}

@media (max-width: 767.98px) {
   .sdgs-card__icon-body {
      margin-bottom: 30px
   }
}

.sdgs-card__icon {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 100px;
   max-width: 100px;
   width: 100%;
   width: 100px;
   height: 100px;
   border-radius: 50%;
   display: flex;
   justify-content: center;
   align-items: center;
   margin-bottom: 10px
}

@media (max-width: 991.98px) {
   .sdgs-card__icon {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 90px;
      max-width: 90px;
      width: 100%;
      width: 90px;
      height: 90px
   }
}

.sdgs-card__icon i {
   font-size: 3.125rem;
   color: #fff
}

@media (max-width: 991.98px) {
   .sdgs-card__icon i {
      font-size: 2.8125rem
   }
}

.sdgs-card__content {
   border-left: 2px solid rgba(0, 0, 0, .22);
   padding: 1rem 2.5rem
}

@media (max-width: 991.98px) {
   .sdgs-card__content {
      padding: 1rem 2rem
   }
}

@media (max-width: 767.98px) {
   .sdgs-card__content {
      border-left: none;
      padding: 0
   }
}

.sdgs-card__content ol:not([class]) {
   padding-left: 22px !important
}

.sdgs-card__content ul:not([class]) {
   padding-left: 12px !important
}

.sdgs-card__content ul li::marker {
   font-size: .5rem
}

.sdgs-card__title {
   margin-bottom: 10px
}

.sdgs-card__text {
   color: #000
}

.sdgs-card__icon-body--people .sdgs-card__icon {
   background-color: #a90b1d
}

.sdgs-card__icon-body--prosperity .sdgs-card__icon {
   background-color: #042d58
}

.sdgs-card__icon-body--planet .sdgs-card__icon {
   background-color: #277f34
}

.sdgs-card__icon-body--partnerships .sdgs-card__icon {
   background-color: #f28416
}

html[lang=en] .card--renew .card__title {
   font-size: .75rem
}

@media (max-width: 1199.98px) {
   html[lang=en] .card--renew .card__title {
      font-size: 1rem
   }
}

@media (max-width: 767.98px) {
   html[lang=en] .card--renew .card__title {
      font-size: .875rem
   }
}

html[lang=th] .card--renew .card__title {
   font-size: .75rem
}

@media (max-width: 1199.98px) {
   html[lang=th] .card--renew .card__title {
      font-size: 1rem
   }
}

@media (max-width: 767.98px) {
   html[lang=th] .card--renew .card__title {
      font-size: .875rem
   }
}

.card--renew {
   position: relative;
   overflow: hidden;
   background-color: transparent;
   border: 0;
   border-radius: 25px
}

.card--renew .card__img-wrapper {
   padding-top: 71.875%;
   position: relative;
   overflow: hidden;
   z-index: 0
}

@media (max-width: 1199.98px) {
   .card--renew .card__img-wrapper {
      padding-top: 62.5%
   }
}

.card--renew .card__img-wrapper>.img-fluid {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center
}

.card--renew .card__title {
   position: absolute;
   z-index: 1;
   left: 1rem;
   width: 90%;
   bottom: 1rem;
   display: flex;
   justify-content: flex-start;
   align-items: end
}

.card--renew .card__content {
   display: flex;
   flex-direction: row;
   justify-content: space-between
}

.card--renew .card__content .card__img-wrapper {
   padding-bottom: 2.5rem
}

.card--renew .card__content .card__title {
   position: relative;
   z-index: 1
}

html[lang=en] .card--carbon-neutral span {
   font-size: 1.5625rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=en] .card--carbon-neutral span {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=en] .card--carbon-neutral span {
      font-size: 1.375rem
   }
}

@media (max-width: 1399.98px)and (max-width: 1640px) {
   html[lang=en] .card--carbon-neutral span {
      font-size: calc(1.0375rem + .3292682927vw)
   }
}

@media (max-width: 1199.98px) {
   html[lang=en] .card--carbon-neutral span {
      font-size: 1.5625rem
   }
}

@media (max-width: 1199.98px)and (max-width: 1640px) {
   html[lang=en] .card--carbon-neutral span {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

html[lang=en] .card--carbon-neutral .card__title {
   font-weight: 700;
   font-size: 1rem
}

@media (min-width: 992px)and (max-width: 1199.98px) {
   html[lang=en] .card--carbon-neutral .card__title {
      font-size: 1.125rem
   }
}

html[lang=en] .card--carbon-neutral .card__value {
   font-size: 3.4375rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=en] .card--carbon-neutral .card__value {
      font-size: calc(1.24375rem + 2.1402439024vw)
   }
}

html[lang=en] .card--carbon-neutral-highlight .card__title {
   font-size: 1.25rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=en] .card--carbon-neutral-highlight .card__title {
      font-size: calc(1.025rem + .2195121951vw)
   }
}

@media (max-width: 767.98px) {
   html[lang=en] .card--carbon-neutral-highlight .card__title {
      font-size: 1.0625rem
   }
}

@media (max-width: 767.98px)and (max-width: 1640px) {
   html[lang=en] .card--carbon-neutral-highlight .card__title {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (min-width: 992px)and (max-width: 1199.98px) {
   html[lang=en] .card--carbon-neutral-highlight .card__title {
      font-size: 1.5625rem
   }
}

@media (min-width: 992px)and (max-width: 1199.98px)and (max-width: 1640px) {
   html[lang=en] .card--carbon-neutral-highlight .card__title {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

@media (min-width: 992px)and (max-width: 1199.98px)and (max-width: 1399.98px) {
   html[lang=en] .card--carbon-neutral-highlight .card__title {
      font-size: 1.375rem
   }
}

@media (min-width: 992px)and (max-width: 1199.98px)and (max-width: 1399.98px)and (max-width: 1640px) {
   html[lang=en] .card--carbon-neutral-highlight .card__title {
      font-size: calc(1.0375rem + .3292682927vw)
   }
}

@media (min-width: 992px)and (max-width: 1199.98px)and (max-width: 1199.98px) {
   html[lang=en] .card--carbon-neutral-highlight .card__title {
      font-size: 1.5625rem
   }
}

@media (min-width: 992px)and (max-width: 1199.98px)and (max-width: 1199.98px)and (max-width: 1640px) {
   html[lang=en] .card--carbon-neutral-highlight .card__title {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

html[lang=th] .card--carbon-neutral span {
   font-size: 1.5625rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=th] .card--carbon-neutral span {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=th] .card--carbon-neutral span {
      font-size: 1.375rem
   }
}

@media (max-width: 1399.98px)and (max-width: 1640px) {
   html[lang=th] .card--carbon-neutral span {
      font-size: calc(1.0375rem + .3292682927vw)
   }
}

@media (max-width: 1199.98px) {
   html[lang=th] .card--carbon-neutral span {
      font-size: 1.5625rem
   }
}

@media (max-width: 1199.98px)and (max-width: 1640px) {
   html[lang=th] .card--carbon-neutral span {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

html[lang=th] .card--carbon-neutral .card__title {
   font-weight: 700;
   font-size: 1rem
}

@media (min-width: 992px)and (max-width: 1199.98px) {
   html[lang=th] .card--carbon-neutral .card__title {
      font-size: 1.125rem
   }
}

html[lang=th] .card--carbon-neutral .card__value {
   font-size: 3.4375rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=th] .card--carbon-neutral .card__value {
      font-size: calc(1.24375rem + 2.1402439024vw)
   }
}

html[lang=th] .card--carbon-neutral-highlight .card__title {
   font-size: 1.25rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=th] .card--carbon-neutral-highlight .card__title {
      font-size: calc(1.025rem + .2195121951vw)
   }
}

@media (max-width: 767.98px) {
   html[lang=th] .card--carbon-neutral-highlight .card__title {
      font-size: 1.0625rem
   }
}

@media (max-width: 767.98px)and (max-width: 1640px) {
   html[lang=th] .card--carbon-neutral-highlight .card__title {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (min-width: 992px)and (max-width: 1199.98px) {
   html[lang=th] .card--carbon-neutral-highlight .card__title {
      font-size: 1.5625rem
   }
}

@media (min-width: 992px)and (max-width: 1199.98px)and (max-width: 1640px) {
   html[lang=th] .card--carbon-neutral-highlight .card__title {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

@media (min-width: 992px)and (max-width: 1199.98px)and (max-width: 1399.98px) {
   html[lang=th] .card--carbon-neutral-highlight .card__title {
      font-size: 1.375rem
   }
}

@media (min-width: 992px)and (max-width: 1199.98px)and (max-width: 1399.98px)and (max-width: 1640px) {
   html[lang=th] .card--carbon-neutral-highlight .card__title {
      font-size: calc(1.0375rem + .3292682927vw)
   }
}

@media (min-width: 992px)and (max-width: 1199.98px)and (max-width: 1199.98px) {
   html[lang=th] .card--carbon-neutral-highlight .card__title {
      font-size: 1.5625rem
   }
}

@media (min-width: 992px)and (max-width: 1199.98px)and (max-width: 1199.98px)and (max-width: 1640px) {
   html[lang=th] .card--carbon-neutral-highlight .card__title {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

.card--carbon-neutral {
   position: relative;
   overflow: hidden;
   border: 0;
   border-radius: 25px
}

.card--carbon-neutral .card__image {
   position: relative;
   z-index: 0
}

.card--carbon-neutral .card__body {
   position: absolute;
   z-index: 2;
   margin: auto;
   top: 0;
   bottom: 0;
   left: 1.5rem;
   right: 1.5rem;
   color: #fff;
   display: flex;
   flex-direction: column;
   justify-content: center
}

@media (max-width: 1199.98px) {
   .card--carbon-neutral .card__body {
      left: 1rem;
      right: 1rem
   }
}

.card--carbon-neutral-highlight {
   position: relative;
   overflow: hidden;
   border: 0;
   border-radius: 25px
}

.card--carbon-neutral-highlight .card__image {
   position: relative;
   z-index: 0
}

.card--carbon-neutral-highlight .card__logo {
   position: absolute;
   top: 3rem;
   left: 2.5rem;
   width: 100%;
   height: 50%;
   z-index: 5;
   max-width: 450px
}

@media (max-width: 767.98px) {
   .card--carbon-neutral-highlight .card__logo {
      top: 0;
      left: 0rem
   }
}

.card--carbon-neutral-highlight .card__title {
   position: absolute;
   margin: 0;
   bottom: 3rem;
   left: 2.5rem;
   width: 70%;
   color: #fff
}

@media (max-width: 767.98px) {
   .card--carbon-neutral-highlight .card__title {
      width: 90%;
      bottom: 1rem;
      left: 1rem
   }
}

html[lang=en] .card--newsletter .card__title {
   font-family: CPN, sans-serif;
   font-size: 1.5625rem;
   font-weight: 700;
   line-height: 1.4
}

@media (max-width: 1640px) {
   html[lang=en] .card--newsletter .card__title {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=en] .card--newsletter .card__title {
      font-size: 1.375rem
   }
}

@media (max-width: 1399.98px)and (max-width: 1640px) {
   html[lang=en] .card--newsletter .card__title {
      font-size: calc(1.0375rem + .3292682927vw)
   }
}

@media (max-width: 1199.98px) {
   html[lang=en] .card--newsletter .card__title {
      font-size: 1.5625rem
   }
}

@media (max-width: 1199.98px)and (max-width: 1640px) {
   html[lang=en] .card--newsletter .card__title {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

@media (min-width: 992px)and (max-width: 1199.98px) {
   html[lang=en] .card--newsletter .card__title {
      font-size: 1.25rem
   }
}

@media (max-width: 767.98px) {
   html[lang=en] .card--newsletter .card__title {
      font-size: 1.375rem
   }
}

html[lang=th] .card--newsletter .card__title {
   font-family: CPN, sans-serif;
   font-size: 1.5625rem;
   font-weight: 700;
   line-height: 1.4
}

@media (max-width: 1640px) {
   html[lang=th] .card--newsletter .card__title {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=th] .card--newsletter .card__title {
      font-size: 1.375rem
   }
}

@media (max-width: 1399.98px)and (max-width: 1640px) {
   html[lang=th] .card--newsletter .card__title {
      font-size: calc(1.0375rem + .3292682927vw)
   }
}

@media (max-width: 1199.98px) {
   html[lang=th] .card--newsletter .card__title {
      font-size: 1.5625rem
   }
}

@media (max-width: 1199.98px)and (max-width: 1640px) {
   html[lang=th] .card--newsletter .card__title {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

@media (min-width: 992px)and (max-width: 1199.98px) {
   html[lang=th] .card--newsletter .card__title {
      font-size: 1.25rem
   }
}

@media (max-width: 767.98px) {
   html[lang=th] .card--newsletter .card__title {
      font-size: 1.375rem
   }
}

.card--newsletter {
   position: relative;
   overflow: hidden;
   padding: 0;
   background-color: transparent;
   border-radius: 0;
   border: 0
}

.card--newsletter .card__wrapper {
   display: flex;
   flex-direction: column;
   flex: 1 1 auto;
   justify-content: space-between
}

.card--newsletter .card__image {
   position: relative;
   overflow: hidden;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 280px;
   height: 420px;
   margin: 0 auto 1.5rem;
   text-align: center
}

@media (min-width: 992px)and (max-width: 1199.98px) {
   .card--newsletter .card__image {
      width: 250px;
      height: 375px
   }
}

@media (max-width: 767.98px) {
   .card--newsletter .card__image {
      width: auto;
      width: initial;
      height: auto;
      height: initial
   }
}

.card--newsletter .card__image>.img-fluid {
   width: 100%
}

.card--newsletter .card__title {
   margin-bottom: .75rem;
   text-align: center
}

@media (min-width: 992px)and (max-width: 1199.98px) {
   .card--newsletter .card__title {
      padding: 0 .75rem
   }
}

@media (max-width: 767.98px) {
   .card--newsletter .card__title {
      padding: 0 .75rem
   }
}

.card--newsletter .card__body {
   padding-bottom: 1.5rem;
   height: 100%
}

@media (max-width: 767.98px) {
   .card--newsletter .card__body {
      padding: 0 .75rem 1.25rem
   }
}

.card--newsletter .card__btn-group {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center
}

.card--newsletter .card__btn-group .btn:not(:last-child) {
   margin-bottom: .25rem
}

.card--newsletter .card__btn-group--wrap {
   flex-direction: row
}

.card--newsletter .card__btn-group--wrap .btn:not(:last-child) {
   margin-right: .5rem;
   margin-bottom: 0
}

.card--newsletter .card__item {
   display: flex;
   flex-direction: column;
   flex: 1 1 auto;
   justify-content: space-between;
   height: 100%
}

.card--newsletter .card__item:not(:first-child) {
   padding-top: 1.5rem;
   margin-top: 1.5rem;
   border-top: 1px solid rgba(255, 255, 255, .6)
}

html[lang=en] .pie-chart__graphic {
   font-family: CPN, sans-serif
}

html[lang=en] .pie-chart__number {
   font-size: 3.4375rem;
   font-weight: 700;
   line-height: 1
}

@media (max-width: 1640px) {
   html[lang=en] .pie-chart__number {
      font-size: calc(1.24375rem + 2.1402439024vw)
   }
}

html[lang=en] .pie-chart__text {
   font-size: 1.0625rem
}

@media (max-width: 1640px) {
   html[lang=en] .pie-chart__text {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=en] .pie-chart__text {
      font-size: 1rem
   }
}

html[lang=th] .pie-chart__graphic {
   font-family: CPN, sans-serif
}

html[lang=th] .pie-chart__number {
   font-size: 3.4375rem;
   font-weight: 700;
   line-height: 1
}

@media (max-width: 1640px) {
   html[lang=th] .pie-chart__number {
      font-size: calc(1.24375rem + 2.1402439024vw)
   }
}

html[lang=th] .pie-chart__text {
   font-size: 1.0625rem
}

@media (max-width: 1640px) {
   html[lang=th] .pie-chart__text {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=th] .pie-chart__text {
      font-size: 1rem
   }
}

.pie-chart {
   width: 500px;
   height: 500px;
   position: relative;
   margin: 0 auto
}

@media (max-width: 1199.98px) {
   .pie-chart {
      margin: 0 auto;
      width: 450px;
      height: 450px
   }
}

@media (max-width: 767.98px) {
   .pie-chart {
      width: 320px;
      height: 320px
   }
}

.pie-chart__inner {
   position: absolute;
   top: 50%;
   left: 0;
   width: 410px;
   height: 410px;
   right: 0;
   margin: 0 auto;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   stroke-width: 3;
   fill: transparent
}

@media (max-width: 1199.98px) {
   .pie-chart__inner {
      width: 360px;
      height: 360px
   }
}

@media (max-width: 767.98px) {
   .pie-chart__inner {
      width: 260px;
      height: 260px
   }
}

.pie-chart__inner-border {
   fill: transparent
}

.pie-chart__outer {
   position: absolute;
   top: 0;
   left: 0;
   width: 500px;
   height: 500px;
   pointer-events: none;
   stroke-width: .5;
   fill: transparent
}

@media (max-width: 1199.98px) {
   .pie-chart__outer {
      width: 450px;
      height: 450px
   }
}

@media (max-width: 767.98px) {
   .pie-chart__outer {
      width: 320px;
      height: 320px
   }
}

.pie-chart__outer-border {
   fill: transparent;
   stroke: #d4d4d4;
   stroke-width: .1
}

.pie-chart__inner-piece {
   cursor: pointer;
   pointer-events: visibleStroke
}

.pie-chart__outer-piece {
   opacity: 0
}

.pie-chart__outer-piece.active {
   opacity: 1
}

.pie-chart__graphic {
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%) translateX(-50%);
   transform: translateY(-50%) translate(-50%);
   left: 50%;
   z-index: 10;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center
}

.pie-chart__number {
   display: block
}

.pie-chart__divider {
   display: block;
   width: 100%;
   border-top: 1px solid #e0e0e0;
   margin: .875rem 0
}

.pie-chart__text {
   display: block
}

.pie-chart__nav-wrapper {
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%) translateX(-50%);
   transform: translateY(-50%) translate(-50%);
   left: 50%;
   z-index: 10;
   width: 40%;
   display: flex;
   justify-content: space-between;
   align-items: center
}

.pie-chart__nav-left,
.pie-chart__nav-right {
   cursor: pointer;
   transition: all .3s
}

.pie-chart__nav-left:hover,
.pie-chart__nav-left:focus,
.pie-chart__nav-left.active,
.pie-chart__nav-right:hover,
.pie-chart__nav-right:focus,
.pie-chart__nav-right.active {
   color: #fa0505
}

html[lang=en] .echarts--doughnut .echarts__emphasis-title {
   font-size: 1rem;
   font-weight: 700
}

html[lang=en] .echarts--doughnut .echarts__emphasis-value {
   font-size: 1rem
}

html[lang=en] .echarts--doughnut .echarts__legend-title {
   font-size: 1rem;
   font-weight: 700
}

html[lang=en] .echarts--doughnut .echarts__legend-value {
   font-size: 1rem
}

html[lang=th] .echarts--doughnut .echarts__emphasis-title {
   font-size: 1rem;
   font-weight: 700
}

html[lang=th] .echarts--doughnut .echarts__emphasis-value {
   font-size: 1rem
}

html[lang=th] .echarts--doughnut .echarts__legend-title {
   font-size: 1rem;
   font-weight: 700
}

html[lang=th] .echarts--doughnut .echarts__legend-value {
   font-size: 1rem
}

.echarts--doughnut {
   text-align: left
}

@media (max-width: 991.98px) {
   .echarts--doughnut {
      margin-bottom: 1.5rem
   }
}

.echarts--doughnut .echarts__chart {
   width: 100%;
   height: 275px;
   margin-bottom: 15px
}

.echarts--doughnut .echarts__legend {
   margin: 0 auto;
   padding: 0;
   width: 70%;
   list-style: none
}

@media (max-width: 991.98px) {
   .echarts--doughnut .echarts__legend {
      width: 50%
   }
}

@media (max-width: 767.98px) {
   .echarts--doughnut .echarts__legend {
      width: 80%
   }
}

.echarts--doughnut .echarts__legend-item {
   float: left;
   width: 100%;
   margin-bottom: .95rem;
   position: relative;
   padding-left: 30px
}

.echarts--doughnut .echarts__legend-marker {
   position: absolute;
   left: 0;
   top: 4px;
   display: block;
   width: 12px;
   height: 12px;
   border-radius: 50%
}

.echarts--doughnut .echarts__legend-title {
   float: left;
   width: 80%;
   color: #fff
}

.echarts--doughnut .echarts__legend-value {
   float: left;
   width: 20%;
   text-align: right;
   color: #fff !important
}

.echarts--doughnut .echarts__area {
   position: relative
}

.echarts--doughnut .echarts__emphasis-item {
   pointer-events: none;
   position: absolute;
   inset: 0;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   opacity: 0;
   transition: all .3s ease-in-out
}

.echarts--doughnut .echarts__emphasis-item.active {
   opacity: 1
}

.echarts--doughnut .echarts__emphasis-value {
   color: #fff !important
}

html[lang=en] label {
   font-family: CPN, sans-serif;
   font-weight: 700;
   font-size: 1rem;
   line-height: 1.1
}

html[lang=en] .form-search .form-control {
   font-family: CPN, sans-serif;
   font-size: 1.0625rem;
   font-weight: 400;
   line-height: 1.5
}

@media (max-width: 1640px) {
   html[lang=en] .form-search .form-control {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=en] .form-search .form-control {
      font-size: 1rem
   }
}

@media (max-width: 767.98px) {
   html[lang=en] .form-search .btn__title {
      font-size: .875rem
   }
}

html[lang=en] .form-control {
   font-family: CPN, sans-serif;
   font-size: 1.0625rem;
   font-weight: 400
}

@media (max-width: 1640px) {
   html[lang=en] .form-control {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=en] .form-control {
      font-size: 1rem
   }
}

html[lang=en] .custom-file-label,
html[lang=en] .custom-control-label {
   font-family: CPN, sans-serif;
   font-weight: 400;
   font-size: 1rem;
   line-height: 1.6
}

@media (min-width: 768px) {
   html[lang=en] .form--animate .form-group.focus>.form-label {
      font-size: .8125rem
   }
}

html[lang=en] .form--filter label,
html[lang=en] .form--newsroom label {
   font-size: .9375rem
}

html[lang=en] .form-search .btn__title {
   font-size: .9375rem !important
}

html[lang=th] label {
   font-family: CPN, sans-serif;
   font-weight: 700;
   font-size: 1rem;
   line-height: 1.1
}

html[lang=th] .form-search .form-control {
   font-family: CPN, sans-serif;
   font-size: 1.0625rem;
   font-weight: 400;
   line-height: 1.5
}

@media (max-width: 1640px) {
   html[lang=th] .form-search .form-control {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=th] .form-search .form-control {
      font-size: 1rem
   }
}

@media (max-width: 767.98px) {
   html[lang=th] .form-search .btn__title {
      font-size: .875rem
   }
}

html[lang=th] .form-control {
   font-family: CPN, sans-serif;
   font-size: 1.0625rem;
   font-weight: 400
}

@media (max-width: 1640px) {
   html[lang=th] .form-control {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=th] .form-control {
      font-size: 1rem
   }
}

html[lang=th] .custom-file-label,
html[lang=th] .custom-control-label {
   font-family: CPN, sans-serif;
   font-weight: 400;
   font-size: 1rem;
   line-height: 1.6
}

@media (min-width: 768px) {
   html[lang=th] .form--animate .form-group.focus>.form-label {
      font-size: .8125rem
   }
}

html[lang=th] .form--filter label,
html[lang=th] .form--newsroom label {
   font-size: .9375rem
}

html[lang=th] .form-search .btn__title {
   font-size: .9375rem !important
}

.form-group--inline {
   display: flex;
   flex-direction: row;
   align-items: center
}

.form-group--inline label {
   display: inline-block;
   margin-right: .75rem;
   margin-bottom: 0
}

@media (min-width: 576px) {
   .form-group--sm-inline {
      display: flex;
      flex-direction: row;
      align-items: center
   }

   .form-group--sm-inline label {
      display: inline-block;
      margin-right: .75rem;
      margin-bottom: 0
   }
}

@media (min-width: 768px) {
   .form-group--md-inline {
      display: flex;
      flex-direction: row;
      align-items: center
   }

   .form-group--md-inline label {
      display: inline-block;
      margin-right: .75rem;
      margin-bottom: 0
   }
}

@media (min-width: 992px) {
   .form-group--lg-inline {
      display: flex;
      flex-direction: row;
      align-items: center
   }

   .form-group--lg-inline label {
      display: inline-block;
      margin-right: .75rem;
      margin-bottom: 0
   }
}

@media (min-width: 1200px) {
   .form-group--xl-inline {
      display: flex;
      flex-direction: row;
      align-items: center
   }

   .form-group--xl-inline label {
      display: inline-block;
      margin-right: .75rem;
      margin-bottom: 0
   }
}

@media (min-width: 1400px) {
   .form-group--xxl-inline {
      display: flex;
      flex-direction: row;
      align-items: center
   }

   .form-group--xxl-inline label {
      display: inline-block;
      margin-right: .75rem;
      margin-bottom: 0
   }
}

@media (min-width: 1600px) {
   .form-group--xxxl-inline {
      display: flex;
      flex-direction: row;
      align-items: center
   }

   .form-group--xxxl-inline label {
      display: inline-block;
      margin-right: .75rem;
      margin-bottom: 0
   }
}

@media (min-width: 2000px) {
   .form-group--mac-inline {
      display: flex;
      flex-direction: row;
      align-items: center
   }

   .form-group--mac-inline label {
      display: inline-block;
      margin-right: .75rem;
      margin-bottom: 0
   }
}

label {
   color: #fff
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
   -webkit-transition: background-color 600000s 0s, color 600000s 0s;
   transition: background-color 600000s 0s, color 600000s 0s
}

.form-group {
   margin-bottom: 2rem
}

@media (max-width: 991.98px) {
   .form-group {
      margin-bottom: 1.75rem
   }
}

@media (max-width: 767.98px) {
   .form-group {
      margin-bottom: 1.375rem
   }
}

.form-control {
   min-height: 60px;
   padding: .5rem 1.15rem;
   color: #fff;
   background-color: transparent;
   border-width: 1px;
   border-style: solid;
   border-color: #fff;
   border-radius: 30px;
   box-shadow: none !important;
   outline: none !important
}

@media (max-width: 767.98px) {
   .form-control {
      min-height: 50px;
      height: 50px;
      border-radius: 25px
   }
}

.form-control:focus {
   color: #fff;
   background-color: transparent;
   border-color: #fff;
   box-shadow: none !important
}

.form-search {
   display: flex;
   flex-direction: row;
   align-items: center;
   width: 100%
}

.form-search .input-group {
   margin-right: .75rem
}

@media (max-width: 767.98px) {
   .form-search .input-group {
      margin-right: .5rem
   }
}

.form-search .input-group .form-control {
   min-height: 45px;
   height: 45px;
   padding-left: 1.5rem;
   border-width: 1px
}

@media (max-width: 767.98px) {
   .form-search .input-group .form-control {
      padding-left: 1rem
   }
}

.form-search .input-group .form-control:focus+.input-group-append {
   border-color: #fff;
   background-color: transparent
}

.form-search .btn {
   min-height: 45px;
   height: 45px;
   min-width: 120px
}

@media (max-width: 767.98px) {
   .form-search .btn {
      min-width: 100px
   }
}

.custom-control-label {
   padding-left: .15rem;
   text-transform: none;
   text-transform: initial
}

.custom-control-headline {
   padding-left: 0
}

.custom-checkbox .custom-control-label:after {
   top: 10px;
   left: -18px;
   width: 1rem;
   height: 1rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label:after {
   width: 12px;
   height: 6px;
   display: block;
   content: "";
   background-image: none;
   border-left: 2px solid #fff;
   border-bottom: 2px solid #fff;
   -webkit-transform: translate(-50%, -50%) rotate(-45deg);
   transform: translate(-50%, -50%) rotate(-45deg);
   box-shadow: none
}

@media (max-width: 991.98px) {
   .custom-control-inline {
      margin-right: .875rem
   }

   .custom-control-inline:last-child {
      margin-right: 0
   }
}

.custom-file .custom-file-input {
   height: 60px
}

.custom-file .custom-file-label {
   height: 60px;
   line-height: 1.8 !important;
   border-radius: 30px
}

.custom-file .custom-file-label:after {
   height: 60px;
   line-height: 1.8;
   border-radius: 0
}

.custom-file-input:focus~.custom-file-label {
   border-color: #fff;
   box-shadow: none !important
}

.form--primary .text-red,
.form--primary .invalid-feedback {
   color: #fa0505
}

.form--primary a {
   color: #fff;
   text-decoration: underline !important
}

.form--primary a:hover,
.form--primary a:focus {
   text-decoration: none !important
}

.form--primary .select2-container .select2-selection__rendered {
   border-width: 0 0 1px !important
}

.form--filter label {
   display: inline-block
}

@media (min-width: 768px) {
   .form--filter label {
      margin-bottom: 0;
      margin-right: 1rem
   }
}

.form--filter .form-group {
   margin-bottom: 1rem
}

@media (min-width: 992px) {
   .form--filter .form-group:not(:first-child)>label {
      padding-left: 1rem
   }
}

.form--newsroom label {
   display: inline-block
}

@media (min-width: 768px) {
   .form--newsroom label {
      margin-bottom: 0;
      margin-right: .5rem
   }
}

.form--newsroom .form-group {
   margin-bottom: 1rem
}

@media (min-width: 992px) {
   .form--newsroom .form-group:not(:first-child)>label {
      padding-left: 1rem
   }
}

.form--newsroom .form-search .input-group {
   margin-right: .5rem
}

@media (max-width: 991.98px) {
   .form--newsroom .form-search .input-group {
      margin-right: .75rem
   }
}

.form--newsroom .form-search .btn {
   min-width: 100px
}

@media (max-width: 991.98px) {
   .form--newsroom .form-search .btn {
      min-width: 120px
   }
}

@media (max-width: 767.98px) {
   .form--newsroom .form-search .btn {
      min-width: 100px
   }
}

.form--animate {
   overflow: hidden
}

.form--animate .form-group {
   position: relative
}

@media (min-width: 768px) {
   .form--animate .form-group.focus>.form-label {
      left: 1.75rem;
      color: #fff;
      -webkit-transform: translate(.5rem, -45%);
      transform: translate(.5rem, -45%);
      line-height: 1
   }
}

@media (min-width: 768px) {
   .form--animate .form-group .form-label {
      position: absolute;
      z-index: 10;
      top: 1rem;
      left: 1.75rem;
      color: #e0e0e0;
      pointer-events: none;
      -webkit-transform: translate(.5rem, .5rem);
      transform: translate(.5rem, .5rem);
      transition: font-size .15s ease-out, color .15s ease-out, -webkit-transform .15s ease-out;
      transition: transform .15s ease-out, font-size .15s ease-out, color .15s ease-out;
      transition: transform .15s ease-out, font-size .15s ease-out, color .15s ease-out, -webkit-transform .15s ease-out
   }
}

@media (min-width: 768px) {
   .form--animate .form-group .form-control {
      padding: 1.25rem 1.75rem .15rem
   }
}

html[lang=en] .select2-container .select2-selection__rendered {
   font-family: CPN, sans-serif;
   font-weight: 700;
   font-size: 1rem
}

html[lang=en] .select2-container .select2-results__option {
   font-family: CPN, sans-serif;
   font-weight: 400;
   font-size: 1rem
}

html[lang=en] .select2-container .select2-results__option--selected {
   font-weight: 700
}

html[lang=th] .select2-container .select2-selection__rendered {
   font-family: CPN, sans-serif;
   font-weight: 700;
   font-size: 1rem
}

html[lang=th] .select2-container .select2-results__option {
   font-family: CPN, sans-serif;
   font-weight: 400;
   font-size: 1rem
}

html[lang=th] .select2-container .select2-results__option--selected {
   font-weight: 700
}

.select2 {
   width: 100% !important
}

.select2-container {
   border-radius: 0 !important
}

.select2-container .select2-selection--single {
   height: 45px;
   display: contents;
   border-radius: 0 !important;
   box-sizing: border-box
}

.select2-container .select2-selection--single .select2-selection__rendered {
   display: flex;
   justify-content: center;
   flex-direction: column;
   height: 45px;
   padding-left: 1rem;
   padding-right: 1.5rem;
   color: #fff;
   background-color: transparent;
   border-width: 1px;
   border-style: solid;
   border-color: #fff;
   border-radius: 30px
}

.select2-container .select2-selection--single .select2-selection__arrow {
   display: flex;
   justify-content: center;
   flex-direction: column;
   width: 37px;
   height: calc(100% - 2px);
   color: #fff;
   background-color: transparent;
   border: none;
   border-left: 1px solid transparent;
   border-top-right-radius: 30px;
   border-bottom-right-radius: 30px
}

.select2-container .select2-selection--single .select2-selection__arrow b {
   font-family: "Font Awesome 6 Pro" !important;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   display: inline-block;
   font-style: normal;
   -webkit-font-feature-settings: normal;
   font-feature-settings: normal;
   font-variant: normal;
   text-rendering: auto;
   line-height: 1;
   font-weight: 400;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   border: 0 !important;
   color: #fa0505;
   font-size: 1rem
}

.select2-container .select2-selection--single .select2-selection__arrow b:before {
   content: "\f078"
}

.select2-container .select2-selection--single .select2-selection__arrow b:before {
   display: inline-block;
   -webkit-transform: rotate(0deg);
   transform: rotate(0);
   transition: -webkit-transform .3s ease-in-out;
   transition: transform .3s ease-in-out;
   transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.select2-container .select2-selection--single[aria-expanded=true] .select2-selection__arrow b:before {
   -webkit-transform: rotate(-180deg);
   transform: rotate(-180deg)
}

.select2-container .select2-results .select2-results__options {
   color: #000;
   background-color: #f3f3f3;
   border-top: 1px solid #fff;
   border-bottom: 1px solid #fff
}

.select2-container .select2-results .select2-results__option {
   position: relative;
   padding: .5rem 1rem;
   margin-bottom: 0
}

.select2-container .select2-results .select2-results__option:not(:last-child):before {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   width: calc(100% - 1.75rem);
   height: 1px;
   margin: 0 auto;
   content: ""
}

.select2-container .select2-results .select2-results__option--highlighted {
   color: #fff;
   background-color: #fa0505
}

.select2-container .select2-results .select2-results__option--selected {
   color: #fff;
   background-color: #0c0c0c
}

.select2-container .select2-results .select2-results__option--selected:before {
   opacity: 0
}

.select2-dropdown {
   border-color: #fff;
   border-radius: 0
}

.select2-container--open .select2-dropdown--below {
   margin-top: 6px
}

.select2-container--open .select2-dropdown--above {
   top: -4px
}

html[lang=en] .gridtab__title {
   font-size: 1rem
}

@media (min-width: 768px)and (max-width: 1199.98px) {
   html[lang=en] .gridtab__title {
      font-size: .875rem
   }
}

html[lang=th] .gridtab__title {
   font-size: 1rem
}

@media (min-width: 768px)and (max-width: 1199.98px) {
   html[lang=th] .gridtab__title {
      font-size: .875rem
   }
}

.gridtab--0>dt {
   padding: 0 !important;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   height: auto !important;
   border-right: 0 !important;
   cursor: pointer !important;
   position: relative
}

.gridtab--0>dt:not(:first-child):before {
   position: absolute;
   top: 0;
   left: 0;
   width: 1px;
   height: 100px;
   content: "";
   background-color: #fff
}

.gridtab--0>dd {
   padding: 40px 0 0 !important
}

.gridtab__icon {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 60px;
   max-width: 60px;
   width: 100%;
   height: 60px;
   background-color: #000;
   border-radius: 50%;
   padding: 14px;
   margin: 1.2rem 0;
   vertical-align: middle;
   text-align: center;
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center
}

.gridtab__icon i {
   font-size: 1.875rem;
   color: #fff
}

.gridtab__title {
   width: 100%;
   height: 100%;
   text-align: center;
   background-color: #fff;
   padding: 1rem 0
}

.gridtab__item--stakeholders.is-active {
   border-top: 3px solid #e13427
}

.gridtab__item--stakeholders.is-active .gridtab__icon {
   background-color: #e13427
}

.gridtab__item--stakeholders.is-active .gridtab__title {
   color: #e13427
}

.gridtab__item--employee.is-active {
   border-top: 3px solid #2f642d
}

.gridtab__item--employee.is-active .gridtab__icon {
   background-color: #2f642d
}

.gridtab__item--employee.is-active .gridtab__title {
   color: #2f642d
}

.gridtab__item--suppliers.is-active {
   border-top: 3px solid #494a4b
}

.gridtab__item--suppliers.is-active .gridtab__icon {
   background-color: #494a4b
}

.gridtab__item--suppliers.is-active .gridtab__title {
   color: #494a4b
}

.gridtab__item--customers.is-active {
   border-top: 3px solid #cf5b3b
}

.gridtab__item--customers.is-active .gridtab__icon {
   background-color: #cf5b3b
}

.gridtab__item--customers.is-active .gridtab__title {
   color: #cf5b3b
}

.gridtab__item--creditors.is-active {
   border-top: 3px solid #2755b4
}

.gridtab__item--creditors.is-active .gridtab__icon {
   background-color: #2755b4
}

.gridtab__item--creditors.is-active .gridtab__title {
   color: #2755b4
}

.gridtab__item--government.is-active {
   border-top: 3px solid #0b0c0d
}

.gridtab__item--government.is-active .gridtab__icon {
   background-color: #0b0c0d
}

.gridtab__item--government.is-active .gridtab__title {
   color: #0b0c0d
}

.gridtab__item--communities.is-active {
   border-top: 3px solid #020c7a
}

.gridtab__item--communities.is-active .gridtab__icon {
   background-color: #020c7a
}

.gridtab__item--communities.is-active .gridtab__title {
   color: #020c7a
}

.gridtab__item--featured-story.is-active {
   border-top: 3px solid #84521f
}

.gridtab__item--featured-story.is-active .gridtab__icon {
   background-color: #84521f
}

.gridtab__item--featured-story.is-active .gridtab__title {
   color: #84521f
}

.gridtab__item--people.is-active {
   border-top: 3px solid #a90b1d
}

.gridtab__item--people.is-active .gridtab__icon {
   background-color: #a90b1d
}

.gridtab__item--people.is-active .gridtab__title {
   color: #a90b1d
}

.gridtab__item--prosperity.is-active {
   border-top: 3px solid #042d58
}

.gridtab__item--prosperity.is-active .gridtab__icon {
   background-color: #042d58
}

.gridtab__item--prosperity.is-active .gridtab__title {
   color: #042d58
}

.gridtab__item--planet.is-active {
   border-top: 3px solid #277f34
}

.gridtab__item--planet.is-active .gridtab__icon {
   background-color: #277f34
}

.gridtab__item--planet.is-active .gridtab__title {
   color: #277f34
}

.gridtab__item--partnerships.is-active {
   border-top: 3px solid #f28416
}

.gridtab__item--partnerships.is-active .gridtab__icon {
   background-color: #f28416
}

.gridtab__item--partnerships.is-active .gridtab__title {
   color: #f28416
}

.grid-tab--stakeholder-engagement>dd {
   background: transparent !important
}

.grid-tab--stakeholder-engagement>dt {
   background: #e0e0e0
}

.grid-tab--stakeholder-engagement>dt.is-active {
   background: #f3f3f3 !important
}

.grid-tab--stakeholder-engagement .gridtab__title {
   background-color: #f3f3f3
}

html[lang=en] .list-group--document .list-group__headline {
   font-family: CPN, sans-serif;
   font-size: 1.5625rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=en] .list-group--document .list-group__headline {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=en] .list-group--document .list-group__headline {
      font-size: 1.375rem
   }
}

@media (max-width: 1399.98px)and (max-width: 1640px) {
   html[lang=en] .list-group--document .list-group__headline {
      font-size: calc(1.0375rem + .3292682927vw)
   }
}

@media (max-width: 1199.98px) {
   html[lang=en] .list-group--document .list-group__headline {
      font-size: 1.5625rem
   }
}

@media (max-width: 1199.98px)and (max-width: 1640px) {
   html[lang=en] .list-group--document .list-group__headline {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

html[lang=en] .list-group--document .list-group__headline.list-group__headline--xl {
   font-size: 2.5rem
}

@media (max-width: 1640px) {
   html[lang=en] .list-group--document .list-group__headline.list-group__headline--xl {
      font-size: calc(1.15rem + 1.3170731707vw)
   }
}

@media (max-width: 991.98px) {
   html[lang=en] .list-group--document .list-group__headline.list-group__headline--xl {
      font-size: 2.625rem
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=en] .list-group--document .list-group__headline.list-group__headline--xl {
      font-size: calc(1.1625rem + 1.4268292683vw)
   }
}

html[lang=en] .list-group--document .list-group__title {
   font-family: CPN, sans-serif;
   font-size: 1.0625rem;
   font-weight: 400
}

@media (max-width: 1640px) {
   html[lang=en] .list-group--document .list-group__title {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=en] .list-group--document .list-group__title {
      font-size: 1rem
   }
}

html[lang=th] .list-group--document .list-group__headline {
   font-family: CPN, sans-serif;
   font-size: 1.5625rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=th] .list-group--document .list-group__headline {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=th] .list-group--document .list-group__headline {
      font-size: 1.375rem
   }
}

@media (max-width: 1399.98px)and (max-width: 1640px) {
   html[lang=th] .list-group--document .list-group__headline {
      font-size: calc(1.0375rem + .3292682927vw)
   }
}

@media (max-width: 1199.98px) {
   html[lang=th] .list-group--document .list-group__headline {
      font-size: 1.5625rem
   }
}

@media (max-width: 1199.98px)and (max-width: 1640px) {
   html[lang=th] .list-group--document .list-group__headline {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

html[lang=th] .list-group--document .list-group__headline.list-group__headline--xl {
   font-size: 2.5rem
}

@media (max-width: 1640px) {
   html[lang=th] .list-group--document .list-group__headline.list-group__headline--xl {
      font-size: calc(1.15rem + 1.3170731707vw)
   }
}

@media (max-width: 991.98px) {
   html[lang=th] .list-group--document .list-group__headline.list-group__headline--xl {
      font-size: 2.625rem
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=th] .list-group--document .list-group__headline.list-group__headline--xl {
      font-size: calc(1.1625rem + 1.4268292683vw)
   }
}

html[lang=th] .list-group--document .list-group__title {
   font-family: CPN, sans-serif;
   font-size: 1.0625rem;
   font-weight: 400
}

@media (max-width: 1640px) {
   html[lang=th] .list-group--document .list-group__title {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=th] .list-group--document .list-group__title {
      font-size: 1rem
   }
}

.list-group--document .list-group__headline {
   margin-bottom: 1.25rem
}

@media (max-width: 767.98px) {
   .list-group--document .list-group__headline {
      margin-bottom: 1rem
   }
}

.list-group--document .list-group__headline--xl {
   margin-bottom: 1.875rem;
   text-align: center
}

@media (max-width: 767.98px) {
   .list-group--document .list-group__headline--xl {
      margin-bottom: 1.5rem
   }
}

.list-group--document .list-group__header {
   border-bottom: 3px solid #fff
}

.list-group--document .list-group__title {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 70%;
   max-width: 70%;
   width: 100%;
   margin-bottom: 0;
   padding-top: .2rem
}

@media (max-width: 1399.98px) {
   .list-group--document .list-group__title {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 67%;
      max-width: 67%;
      width: 100%
   }
}

@media (max-width: 991.98px) {
   .list-group--document .list-group__title {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 60%;
      max-width: 60%;
      width: 100%
   }
}

@media (max-width: 767.98px) {
   .list-group--document .list-group__title {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%;
      width: 100%;
      margin-bottom: .5rem
   }
}

.list-group--document .list-group__title--indent {
   padding-left: 1.5rem
}

.list-group--document .list-group__btn-group {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 30%;
   max-width: 30%;
   width: 100%;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: flex-end
}

@media (max-width: 1399.98px) {
   .list-group--document .list-group__btn-group {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 33%;
      max-width: 33%;
      width: 100%
   }
}

@media (max-width: 991.98px) {
   .list-group--document .list-group__btn-group {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 40%;
      max-width: 40%;
      width: 100%
   }
}

@media (max-width: 767.98px) {
   .list-group--document .list-group__btn-group {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%;
      width: 100%;
      justify-content: flex-start
   }
}

.list-group--document .list-group__btn-group .btn:not(:first-child) {
   margin-left: 1.25rem
}

.list-group--document .list-group__item {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
   padding: 1.375rem 0;
   border-bottom: 1px solid rgba(255, 255, 255, .5)
}

@media (max-width: 1399.98px) {
   .list-group--document .list-group__item {
      padding: 1rem 0
   }
}

@media (max-width: 767.98px) {
   .list-group--document .list-group__item {
      flex-wrap: wrap
   }
}

html[lang=en] .list-group--invert-document .list-group__headline {
   font-family: CPN, sans-serif;
   font-size: 1.5625rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=en] .list-group--invert-document .list-group__headline {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=en] .list-group--invert-document .list-group__headline {
      font-size: 1.375rem
   }
}

@media (max-width: 1399.98px)and (max-width: 1640px) {
   html[lang=en] .list-group--invert-document .list-group__headline {
      font-size: calc(1.0375rem + .3292682927vw)
   }
}

@media (max-width: 1199.98px) {
   html[lang=en] .list-group--invert-document .list-group__headline {
      font-size: 1.5625rem
   }
}

@media (max-width: 1199.98px)and (max-width: 1640px) {
   html[lang=en] .list-group--invert-document .list-group__headline {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

html[lang=en] .list-group--invert-document .list-group__headline.list-group__headline--xl {
   font-size: 2.5rem
}

@media (max-width: 1640px) {
   html[lang=en] .list-group--invert-document .list-group__headline.list-group__headline--xl {
      font-size: calc(1.15rem + 1.3170731707vw)
   }
}

@media (max-width: 991.98px) {
   html[lang=en] .list-group--invert-document .list-group__headline.list-group__headline--xl {
      font-size: 2.625rem
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=en] .list-group--invert-document .list-group__headline.list-group__headline--xl {
      font-size: calc(1.1625rem + 1.4268292683vw)
   }
}

html[lang=en] .list-group--invert-document .list-group__title {
   font-family: CPN, sans-serif;
   font-size: 1.0625rem;
   font-weight: 400
}

@media (max-width: 1640px) {
   html[lang=en] .list-group--invert-document .list-group__title {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=en] .list-group--invert-document .list-group__title {
      font-size: 1rem
   }
}

html[lang=th] .list-group--invert-document .list-group__headline {
   font-family: CPN, sans-serif;
   font-size: 1.5625rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=th] .list-group--invert-document .list-group__headline {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=th] .list-group--invert-document .list-group__headline {
      font-size: 1.375rem
   }
}

@media (max-width: 1399.98px)and (max-width: 1640px) {
   html[lang=th] .list-group--invert-document .list-group__headline {
      font-size: calc(1.0375rem + .3292682927vw)
   }
}

@media (max-width: 1199.98px) {
   html[lang=th] .list-group--invert-document .list-group__headline {
      font-size: 1.5625rem
   }
}

@media (max-width: 1199.98px)and (max-width: 1640px) {
   html[lang=th] .list-group--invert-document .list-group__headline {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

html[lang=th] .list-group--invert-document .list-group__headline.list-group__headline--xl {
   font-size: 2.5rem
}

@media (max-width: 1640px) {
   html[lang=th] .list-group--invert-document .list-group__headline.list-group__headline--xl {
      font-size: calc(1.15rem + 1.3170731707vw)
   }
}

@media (max-width: 991.98px) {
   html[lang=th] .list-group--invert-document .list-group__headline.list-group__headline--xl {
      font-size: 2.625rem
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=th] .list-group--invert-document .list-group__headline.list-group__headline--xl {
      font-size: calc(1.1625rem + 1.4268292683vw)
   }
}

html[lang=th] .list-group--invert-document .list-group__title {
   font-family: CPN, sans-serif;
   font-size: 1.0625rem;
   font-weight: 400
}

@media (max-width: 1640px) {
   html[lang=th] .list-group--invert-document .list-group__title {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=th] .list-group--invert-document .list-group__title {
      font-size: 1rem
   }
}

.list-group--invert-document .list-group__headline {
   margin-bottom: 1.25rem;
   color: #000
}

@media (max-width: 767.98px) {
   .list-group--invert-document .list-group__headline {
      margin-bottom: 1rem
   }
}

.list-group--invert-document .list-group__headline--xl {
   margin-bottom: 1.875rem;
   text-align: center
}

@media (max-width: 767.98px) {
   .list-group--invert-document .list-group__headline--xl {
      margin-bottom: 1.5rem
   }
}

.list-group--invert-document .list-group__header {
   border-bottom: 3px solid #000
}

.list-group--invert-document .list-group__title {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 70%;
   max-width: 70%;
   width: 100%;
   margin-bottom: 0;
   padding-top: .2rem;
   color: #000
}

@media (max-width: 1399.98px) {
   .list-group--invert-document .list-group__title {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 67%;
      max-width: 67%;
      width: 100%
   }
}

@media (max-width: 991.98px) {
   .list-group--invert-document .list-group__title {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 60%;
      max-width: 60%;
      width: 100%
   }
}

@media (max-width: 767.98px) {
   .list-group--invert-document .list-group__title {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%;
      width: 100%;
      margin-bottom: .5rem
   }
}

.list-group--invert-document .list-group__title--indent {
   padding-left: 1.5rem
}

.list-group--invert-document .list-group__btn-group {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 30%;
   max-width: 30%;
   width: 100%;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: flex-end
}

@media (max-width: 1399.98px) {
   .list-group--invert-document .list-group__btn-group {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 33%;
      max-width: 33%;
      width: 100%
   }
}

@media (max-width: 991.98px) {
   .list-group--invert-document .list-group__btn-group {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 40%;
      max-width: 40%;
      width: 100%
   }
}

@media (max-width: 767.98px) {
   .list-group--invert-document .list-group__btn-group {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%;
      width: 100%;
      justify-content: flex-start
   }
}

.list-group--invert-document .list-group__btn-group .btn:not(:first-child) {
   margin-left: 1.25rem
}

.list-group--invert-document .list-group__item {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
   padding: 1.375rem 0;
   border-bottom: 1px solid #000
}

@media (max-width: 1399.98px) {
   .list-group--invert-document .list-group__item {
      padding: 1rem 0
   }
}

@media (max-width: 767.98px) {
   .list-group--invert-document .list-group__item {
      flex-wrap: wrap
   }
}

html[lang=en] .list-group--presentation .list-group__header .list-group__title,
html[lang=en] .list-group--presentation .list-group__header .list-group__period {
   font-family: CPN, sans-serif;
   font-size: 1.5625rem;
   font-weight: 700;
   line-height: 1.4
}

@media (max-width: 1640px) {

   html[lang=en] .list-group--presentation .list-group__header .list-group__title,
   html[lang=en] .list-group--presentation .list-group__header .list-group__period {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

@media (max-width: 1399.98px) {

   html[lang=en] .list-group--presentation .list-group__header .list-group__title,
   html[lang=en] .list-group--presentation .list-group__header .list-group__period {
      font-size: 1.375rem
   }
}

@media (max-width: 1399.98px)and (max-width: 1640px) {

   html[lang=en] .list-group--presentation .list-group__header .list-group__title,
   html[lang=en] .list-group--presentation .list-group__header .list-group__period {
      font-size: calc(1.0375rem + .3292682927vw)
   }
}

@media (max-width: 1199.98px) {

   html[lang=en] .list-group--presentation .list-group__header .list-group__title,
   html[lang=en] .list-group--presentation .list-group__header .list-group__period {
      font-size: 1.5625rem
   }
}

@media (max-width: 1199.98px)and (max-width: 1640px) {

   html[lang=en] .list-group--presentation .list-group__header .list-group__title,
   html[lang=en] .list-group--presentation .list-group__header .list-group__period {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

html[lang=en] .list-group--presentation .list-group__body .list-group__title,
html[lang=en] .list-group--presentation .list-group__body .list-group__period {
   font-family: CPN, sans-serif;
   font-size: 1.0625rem;
   line-height: 1.5
}

@media (max-width: 1640px) {

   html[lang=en] .list-group--presentation .list-group__body .list-group__title,
   html[lang=en] .list-group--presentation .list-group__body .list-group__period {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 1399.98px) {

   html[lang=en] .list-group--presentation .list-group__body .list-group__title,
   html[lang=en] .list-group--presentation .list-group__body .list-group__period {
      font-size: 1rem
   }
}

@media (max-width: 767.98px) {
   html[lang=en] .list-group--presentation .list-group__body .list-group__period {
      font-size: .875rem
   }
}

@media (min-width: 1400px) {
   html[lang=en] .list-group--presentation .list-group__body .list-group__title {
      font-size: 1.125rem
   }
}

@media (max-width: 767.98px) {
   html[lang=en] .list-group--presentation .list-group__body .list-group__title {
      font-size: 1.125rem
   }
}

html[lang=th] .list-group--presentation .list-group__header .list-group__title,
html[lang=th] .list-group--presentation .list-group__header .list-group__period {
   font-family: CPN, sans-serif;
   font-size: 1.5625rem;
   font-weight: 700;
   line-height: 1.4
}

@media (max-width: 1640px) {

   html[lang=th] .list-group--presentation .list-group__header .list-group__title,
   html[lang=th] .list-group--presentation .list-group__header .list-group__period {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

@media (max-width: 1399.98px) {

   html[lang=th] .list-group--presentation .list-group__header .list-group__title,
   html[lang=th] .list-group--presentation .list-group__header .list-group__period {
      font-size: 1.375rem
   }
}

@media (max-width: 1399.98px)and (max-width: 1640px) {

   html[lang=th] .list-group--presentation .list-group__header .list-group__title,
   html[lang=th] .list-group--presentation .list-group__header .list-group__period {
      font-size: calc(1.0375rem + .3292682927vw)
   }
}

@media (max-width: 1199.98px) {

   html[lang=th] .list-group--presentation .list-group__header .list-group__title,
   html[lang=th] .list-group--presentation .list-group__header .list-group__period {
      font-size: 1.5625rem
   }
}

@media (max-width: 1199.98px)and (max-width: 1640px) {

   html[lang=th] .list-group--presentation .list-group__header .list-group__title,
   html[lang=th] .list-group--presentation .list-group__header .list-group__period {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

html[lang=th] .list-group--presentation .list-group__body .list-group__title,
html[lang=th] .list-group--presentation .list-group__body .list-group__period {
   font-family: CPN, sans-serif;
   font-size: 1.0625rem;
   line-height: 1.5
}

@media (max-width: 1640px) {

   html[lang=th] .list-group--presentation .list-group__body .list-group__title,
   html[lang=th] .list-group--presentation .list-group__body .list-group__period {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 1399.98px) {

   html[lang=th] .list-group--presentation .list-group__body .list-group__title,
   html[lang=th] .list-group--presentation .list-group__body .list-group__period {
      font-size: 1rem
   }
}

@media (max-width: 767.98px) {
   html[lang=th] .list-group--presentation .list-group__body .list-group__period {
      font-size: .875rem
   }
}

@media (min-width: 1400px) {
   html[lang=th] .list-group--presentation .list-group__body .list-group__title {
      font-size: 1.125rem
   }
}

@media (max-width: 767.98px) {
   html[lang=th] .list-group--presentation .list-group__body .list-group__title {
      font-size: 1.125rem
   }
}

.list-group--presentation .list-group__title {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 47%;
   max-width: 47%;
   width: 100%;
   padding-right: 1rem;
   margin-bottom: 0
}

@media (max-width: 1199.98px) {
   .list-group--presentation .list-group__title {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 40%;
      max-width: 40%;
      width: 100%
   }
}

@media (max-width: 991.98px) {
   .list-group--presentation .list-group__title {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 77%;
      max-width: 77%;
      width: 100%;
      order: 2
   }
}

@media (max-width: 767.98px) {
   .list-group--presentation .list-group__title {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%;
      width: 100%
   }
}

.list-group--presentation .list-group__period {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 13%;
   max-width: 13%;
   width: 100%;
   display: block;
   padding-left: 1.25rem;
   white-space: nowrap
}

@media (max-width: 991.98px) {
   .list-group--presentation .list-group__period {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 23%;
      max-width: 23%;
      width: 100%;
      padding-left: 0;
      order: 1
   }
}

@media (max-width: 767.98px) {
   .list-group--presentation .list-group__period {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%;
      width: 100%
   }
}

.list-group--presentation .list-group__header {
   display: flex;
   justify-content: flex-start;
   align-items: flex-start;
   border-bottom: 3px solid #fff
}

.list-group--presentation .list-group__header .list-group__title,
.list-group--presentation .list-group__header .list-group__period {
   padding-bottom: 1rem
}

@media (max-width: 767.98px) {
   .list-group--presentation .list-group__header .list-group__period {
      display: none
   }
}

.list-group--presentation .list-group__body .list-group__title,
.list-group--presentation .list-group__body .list-group__period {
   padding-top: .2rem
}

@media (max-width: 991.98px) {

   .list-group--presentation .list-group__body .list-group__title,
   .list-group--presentation .list-group__body .list-group__period {
      padding-top: 0
   }
}

@media (max-width: 767.98px) {
   .list-group--presentation .list-group__body .list-group__title {
      padding-top: .5rem
   }
}

.list-group--presentation .list-group__btn-group {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 40%;
   max-width: 40%;
   width: 100%;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: flex-end
}

@media (max-width: 1199.98px) {
   .list-group--presentation .list-group__btn-group {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 47%;
      max-width: 47%;
      width: 100%
   }
}

@media (max-width: 991.98px) {
   .list-group--presentation .list-group__btn-group {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 77%;
      max-width: 77%;
      width: 100%;
      margin-left: auto;
      justify-content: flex-start;
      padding-top: .75rem;
      order: 3
   }
}

@media (max-width: 767.98px) {
   .list-group--presentation .list-group__btn-group {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%;
      width: 100%;
      flex-wrap: wrap
   }
}

.list-group--presentation .list-group__btn-group .btn {
   white-space: nowrap
}

.list-group--presentation .list-group__btn-group .btn:not(:first-child) {
   margin-left: 1.75rem
}

@media (max-width: 1199.98px) {
   .list-group--presentation .list-group__btn-group .btn:not(:first-child) {
      margin-left: 1rem
   }
}

@media (max-width: 991.98px) {
   .list-group--presentation .list-group__btn-group .btn:not(:first-child) {
      margin-left: 1.75rem
   }
}

@media (max-width: 767.98px) {
   .list-group--presentation .list-group__btn-group .btn:nth-child(3) {
      margin-left: 0;
      margin-top: .375rem
   }
}

.list-group--presentation .list-group__item {
   display: flex;
   justify-content: flex-start;
   align-items: flex-start;
   padding: 1.25rem 0;
   border-bottom: 1px solid #fff;
   background-color: transparent;
   transition: background-color .3s ease-in-out
}

@media (max-width: 991.98px) {
   .list-group--presentation .list-group__item {
      flex-wrap: wrap
   }
}

@media (max-width: 767.98px) {
   .list-group--presentation .list-group__item {
      padding: 1rem 0
   }
}

html[lang=en] .list-group--calendar .list-group__period {
   font-family: CPN, sans-serif;
   font-weight: 400;
   line-height: 1.5;
   font-size: 1rem
}

@media (max-width: 1199.98px) {
   html[lang=en] .list-group--calendar .list-group__period {
      font-size: .9375rem
   }
}

html[lang=en] .list-group--calendar .list-group__title {
   font-family: CPN, sans-serif;
   font-size: 1.0625rem;
   font-weight: 700;
   line-height: 1.5
}

@media (max-width: 1640px) {
   html[lang=en] .list-group--calendar .list-group__title {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=en] .list-group--calendar .list-group__title {
      font-size: 1rem
   }
}

@media (max-width: 991.98px) {
   html[lang=en] .list-group--calendar .list-group__title {
      font-size: 1.125rem
   }
}

@media only screen and (min-width: 300px)and (max-width: 349px)and (orientation: portrait) {
   html[lang=en] .list-group--calendar .list-group__title {
      font-size: 1rem
   }
}

html[lang=en] .list-group--calendar .list-group__text {
   font-family: CPN, sans-serif;
   font-weight: 400;
   font-size: .875rem;
   line-height: 1.5
}

html[lang=th] .list-group--calendar .list-group__period {
   font-family: CPN, sans-serif;
   font-weight: 400;
   line-height: 1.5;
   font-size: 1rem
}

@media (max-width: 1199.98px) {
   html[lang=th] .list-group--calendar .list-group__period {
      font-size: .9375rem
   }
}

html[lang=th] .list-group--calendar .list-group__title {
   font-family: CPN, sans-serif;
   font-size: 1.0625rem;
   font-weight: 700;
   line-height: 1.5
}

@media (max-width: 1640px) {
   html[lang=th] .list-group--calendar .list-group__title {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=th] .list-group--calendar .list-group__title {
      font-size: 1rem
   }
}

@media (max-width: 991.98px) {
   html[lang=th] .list-group--calendar .list-group__title {
      font-size: 1.125rem
   }
}

@media only screen and (min-width: 300px)and (max-width: 349px)and (orientation: portrait) {
   html[lang=th] .list-group--calendar .list-group__title {
      font-size: 1rem
   }
}

html[lang=th] .list-group--calendar .list-group__text {
   font-family: CPN, sans-serif;
   font-weight: 400;
   font-size: .875rem;
   line-height: 1.5
}

.list-group--calendar {
   position: relative;
   overflow: hidden
}

.list-group--calendar .list-group__period {
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
   align-items: center;
   margin-bottom: .25rem
}

.list-group--calendar .list-group__period time {
   display: inline-block
}

.list-group--calendar .list-group__divider {
   width: 7px;
   height: 1px;
   margin: 0 .5rem .2rem;
   background-color: #fff
}

.list-group--calendar .list-group__title {
   margin-bottom: .5rem
}

.list-group--calendar .list-group__text {
   color: #e0e0e0
}

.list-group--calendar .list-group__main {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 67%;
   max-width: 67%;
   width: 100%;
   padding-right: 1rem
}

@media (max-width: 1399.98px) {
   .list-group--calendar .list-group__main {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 65%;
      max-width: 65%;
      width: 100%
   }
}

@media (max-width: 991.98px) {
   .list-group--calendar .list-group__main {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 70%;
      max-width: 70%;
      width: 100%
   }
}

@media (max-width: 767.98px) {
   .list-group--calendar .list-group__main {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%;
      width: 100%
   }
}

.list-group--calendar .list-group__btn-group {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 33%;
   max-width: 33%;
   width: 100%;
   display: flex;
   flex-direction: row;
   justify-content: flex-end;
   align-items: center
}

@media (max-width: 1399.98px) {
   .list-group--calendar .list-group__btn-group {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 35%;
      max-width: 35%;
      width: 100%
   }
}

@media (min-width: 768px)and (max-width: 991.98px) {
   .list-group--calendar .list-group__btn-group {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 30%;
      max-width: 30%;
      width: 100%;
      flex-direction: column;
      align-items: flex-end
   }
}

@media (max-width: 767.98px) {
   .list-group--calendar .list-group__btn-group {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%;
      width: 100%;
      justify-content: flex-start
   }
}

.list-group--calendar .list-group__btn-group .btn:not(:first-child) {
   margin-left: 1.5rem
}

@media (min-width: 768px)and (max-width: 991.98px) {
   .list-group--calendar .list-group__btn-group .btn:not(:first-child) {
      margin-left: 0;
      margin-top: .5rem
   }
}

@media only screen and (min-width: 300px)and (max-width: 349px)and (orientation: portrait) {
   .list-group--calendar .list-group__btn-group .btn:not(:first-child) {
      margin-left: 1.25rem
   }
}

@media (max-width: 767.98px) {
   .list-group--calendar .list-group__btn-group .btn {
      margin-top: .75rem
   }
}

.list-group--calendar .list-group__item {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
   padding: 1.375rem 0;
   border-bottom: 1px solid #fff
}

@media (max-width: 1399.98px) {
   .list-group--calendar .list-group__item {
      padding: 1.375rem 0
   }
}

@media (max-width: 767.98px) {
   .list-group--calendar .list-group__item {
      flex-wrap: wrap;
      padding: 1.5rem 0
   }
}

html[lang=en] .list-group--announcements .list-group__headline {
   font-family: CPN, sans-serif;
   font-size: 1.5625rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=en] .list-group--announcements .list-group__headline {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=en] .list-group--announcements .list-group__headline {
      font-size: 1.375rem
   }
}

@media (max-width: 1399.98px)and (max-width: 1640px) {
   html[lang=en] .list-group--announcements .list-group__headline {
      font-size: calc(1.0375rem + .3292682927vw)
   }
}

@media (max-width: 1199.98px) {
   html[lang=en] .list-group--announcements .list-group__headline {
      font-size: 1.5625rem
   }
}

@media (max-width: 1199.98px)and (max-width: 1640px) {
   html[lang=en] .list-group--announcements .list-group__headline {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

html[lang=en] .list-group--announcements .list-group__headline.list-group__headline--xl {
   font-size: 2.5rem
}

@media (max-width: 1640px) {
   html[lang=en] .list-group--announcements .list-group__headline.list-group__headline--xl {
      font-size: calc(1.15rem + 1.3170731707vw)
   }
}

@media (max-width: 991.98px) {
   html[lang=en] .list-group--announcements .list-group__headline.list-group__headline--xl {
      font-size: 2.625rem
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=en] .list-group--announcements .list-group__headline.list-group__headline--xl {
      font-size: calc(1.1625rem + 1.4268292683vw)
   }
}

html[lang=en] .list-group--announcements .list-group__period {
   font-family: CPN, sans-serif;
   font-weight: 400;
   line-height: 1.5;
   font-size: 1rem
}

@media (max-width: 1399.98px) {
   html[lang=en] .list-group--announcements .list-group__period {
      font-size: .9375rem
   }
}

html[lang=en] .list-group--announcements .list-group__title {
   font-family: CPN, sans-serif;
   font-size: 1.0625rem;
   font-weight: 700;
   line-height: 1.5
}

@media (max-width: 1640px) {
   html[lang=en] .list-group--announcements .list-group__title {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=en] .list-group--announcements .list-group__title {
      font-size: 1rem
   }
}

html[lang=th] .list-group--announcements .list-group__headline {
   font-family: CPN, sans-serif;
   font-size: 1.5625rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=th] .list-group--announcements .list-group__headline {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=th] .list-group--announcements .list-group__headline {
      font-size: 1.375rem
   }
}

@media (max-width: 1399.98px)and (max-width: 1640px) {
   html[lang=th] .list-group--announcements .list-group__headline {
      font-size: calc(1.0375rem + .3292682927vw)
   }
}

@media (max-width: 1199.98px) {
   html[lang=th] .list-group--announcements .list-group__headline {
      font-size: 1.5625rem
   }
}

@media (max-width: 1199.98px)and (max-width: 1640px) {
   html[lang=th] .list-group--announcements .list-group__headline {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

html[lang=th] .list-group--announcements .list-group__headline.list-group__headline--xl {
   font-size: 2.5rem
}

@media (max-width: 1640px) {
   html[lang=th] .list-group--announcements .list-group__headline.list-group__headline--xl {
      font-size: calc(1.15rem + 1.3170731707vw)
   }
}

@media (max-width: 991.98px) {
   html[lang=th] .list-group--announcements .list-group__headline.list-group__headline--xl {
      font-size: 2.625rem
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=th] .list-group--announcements .list-group__headline.list-group__headline--xl {
      font-size: calc(1.1625rem + 1.4268292683vw)
   }
}

html[lang=th] .list-group--announcements .list-group__period {
   font-family: CPN, sans-serif;
   font-weight: 400;
   line-height: 1.5;
   font-size: 1rem
}

@media (max-width: 1399.98px) {
   html[lang=th] .list-group--announcements .list-group__period {
      font-size: .9375rem
   }
}

html[lang=th] .list-group--announcements .list-group__title {
   font-family: CPN, sans-serif;
   font-size: 1.0625rem;
   font-weight: 700;
   line-height: 1.5
}

@media (max-width: 1640px) {
   html[lang=th] .list-group--announcements .list-group__title {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=th] .list-group--announcements .list-group__title {
      font-size: 1rem
   }
}

.list-group--announcements {
   position: relative;
   overflow: hidden;
   border-radius: 0
}

.list-group--announcements .list-group__headline {
   margin-bottom: 1.25rem
}

@media (max-width: 767.98px) {
   .list-group--announcements .list-group__headline {
      margin-bottom: 1rem
   }
}

.list-group--announcements .list-group__header {
   border-bottom: 3px solid #fff
}

.list-group--announcements .list-group__period {
   display: inline-block;
   margin-left: .5rem;
   color: #fff;
   white-space: nowrap
}

@media (max-width: 767.98px) {
   .list-group--announcements .list-group__period {
      width: 100%;
      margin: .75rem 0 0
   }
}

.list-group--announcements .list-group__title {
   margin-bottom: 0;
   color: #fff
}

.list-group--announcements .list-group__aside {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: flex-start;
   margin-bottom: .75rem
}

@media (max-width: 767.98px) {
   .list-group--announcements .list-group__aside {
      flex-wrap: wrap;
      margin-bottom: .5rem
   }
}

.list-group--announcements .list-group__wrapper {
   padding-right: 3rem;
   transition: -webkit-transform .3s ease-in-out;
   transition: transform .3s ease-in-out;
   transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

@media (max-width: 767.98px) {
   .list-group--announcements .list-group__wrapper {
      padding: 0 .5rem
   }
}

.list-group--announcements .list-group__item {
   position: relative;
   display: block;
   padding: 2rem 0;
   background-color: transparent;
   border-bottom: 1px solid rgba(255, 255, 255, .5);
   border-radius: 0;
   transition: all .3s ease-in-out
}

.list-group--announcements .list-group__item:hover {
   background-color: #1e1e1e
}

@media (min-width: 768px) {
   .list-group--announcements .list-group__item:hover .list-group__wrapper {
      -webkit-transform: translateX(1.5rem);
      transform: translate(1.5rem)
   }
}

html[lang=en] .list-group--dialog .list-group__title {
   font-family: CPN, sans-serif;
   font-size: 1.0625rem;
   font-weight: 400;
   line-height: 1.5
}

@media (max-width: 1640px) {
   html[lang=en] .list-group--dialog .list-group__title {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=en] .list-group--dialog .list-group__title {
      font-size: 1rem
   }
}

html[lang=th] .list-group--dialog .list-group__title {
   font-family: CPN, sans-serif;
   font-size: 1.0625rem;
   font-weight: 400;
   line-height: 1.5
}

@media (max-width: 1640px) {
   html[lang=th] .list-group--dialog .list-group__title {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=th] .list-group--dialog .list-group__title {
      font-size: 1rem
   }
}

.list-group--dialog .list-group__title {
   width: 100%;
   margin-bottom: 0;
   padding-top: .25rem;
   color: #000
}

@media (max-width: 767.98px) {
   .list-group--dialog .list-group__title {
      padding-top: 0
   }
}

.list-group--dialog .list-group__title+.list-group__btn-group {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 40%;
   max-width: 40%;
   width: 100%
}

@media (max-width: 991.98px) {
   .list-group--dialog .list-group__title+.list-group__btn-group {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 45%;
      max-width: 45%;
      width: 100%
   }
}

@media (max-width: 767.98px) {
   .list-group--dialog .list-group__title+.list-group__btn-group {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%;
      width: 100%
   }
}

.list-group--dialog .list-group__btn-group {
   display: flex;
   flex-direction: row;
   justify-content: flex-end
}

@media (max-width: 767.98px) {
   .list-group--dialog .list-group__btn-group {
      justify-content: flex-start
   }
}

.list-group--dialog .list-group__btn-group .btn .btn__title {
   color: #000
}

.list-group--dialog .list-group__btn-group .btn:not(:first-child) {
   margin-left: 2rem
}

@media (max-width: 1399.98px) {
   .list-group--dialog .list-group__btn-group .btn:not(:first-child) {
      margin-left: 1.75rem
   }
}

@media (min-width: 768px)and (max-width: 991.98px) {
   .list-group--dialog .list-group__btn-group .btn:not(:first-child) {
      margin-left: 1.25rem
   }
}

@media (max-width: 767.98px) {
   .list-group--dialog .list-group__btn-group .btn:not(:first-child) {
      margin-left: 1rem
   }
}

.list-group--dialog .list-group__item {
   display: flex;
   flex-direction: row;
   margin-bottom: .875rem
}

.list-group--dialog .list-group__item:not(:first-child) {
   padding-top: .875rem;
   border-top: 1px solid #e0e0e0
}

.list-group--dialog .list-group__item:last-child {
   padding-bottom: .875rem;
   border-bottom: 1px solid #e0e0e0
}

@media (max-width: 767.98px) {
   .list-group--dialog .list-group__item {
      flex-wrap: wrap
   }
}

html[lang=en] .list-group--upcoming .list-group__headline {
   font-family: CPN, sans-serif;
   font-size: 1.5625rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=en] .list-group--upcoming .list-group__headline {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=en] .list-group--upcoming .list-group__headline {
      font-size: 1.375rem
   }
}

@media (max-width: 1399.98px)and (max-width: 1640px) {
   html[lang=en] .list-group--upcoming .list-group__headline {
      font-size: calc(1.0375rem + .3292682927vw)
   }
}

@media (max-width: 1199.98px) {
   html[lang=en] .list-group--upcoming .list-group__headline {
      font-size: 1.5625rem
   }
}

@media (max-width: 1199.98px)and (max-width: 1640px) {
   html[lang=en] .list-group--upcoming .list-group__headline {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

html[lang=en] .list-group--upcoming .list-group__headline.list-group__headline--xl {
   font-size: 2.5rem
}

@media (max-width: 1640px) {
   html[lang=en] .list-group--upcoming .list-group__headline.list-group__headline--xl {
      font-size: calc(1.15rem + 1.3170731707vw)
   }
}

@media (max-width: 991.98px) {
   html[lang=en] .list-group--upcoming .list-group__headline.list-group__headline--xl {
      font-size: 2.625rem
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=en] .list-group--upcoming .list-group__headline.list-group__headline--xl {
      font-size: calc(1.1625rem + 1.4268292683vw)
   }
}

html[lang=en] .list-group--upcoming .list-group__period,
html[lang=en] .list-group--upcoming .list-group__title {
   font-family: CPN, sans-serif;
   font-weight: 400;
   font-size: 1rem
}

@media (max-width: 767.98px) {
   html[lang=en] .list-group--upcoming .list-group__period {
      font-size: .9375rem
   }
}

html[lang=en] .list-group--upcoming .list-group__title {
   font-weight: 700
}

@media (max-width: 767.98px) {
   html[lang=en] .list-group--upcoming .list-group__title {
      font-size: 1.125rem
   }
}

html[lang=en] .list-group--upcoming .list-group__text {
   font-size: .875rem
}

html[lang=en] .list-group--upcoming .list-group__btn-group .btn--outline-primary .btn__title {
   font-size: 1.25rem
}

html[lang=th] .list-group--upcoming .list-group__headline {
   font-family: CPN, sans-serif;
   font-size: 1.5625rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=th] .list-group--upcoming .list-group__headline {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=th] .list-group--upcoming .list-group__headline {
      font-size: 1.375rem
   }
}

@media (max-width: 1399.98px)and (max-width: 1640px) {
   html[lang=th] .list-group--upcoming .list-group__headline {
      font-size: calc(1.0375rem + .3292682927vw)
   }
}

@media (max-width: 1199.98px) {
   html[lang=th] .list-group--upcoming .list-group__headline {
      font-size: 1.5625rem
   }
}

@media (max-width: 1199.98px)and (max-width: 1640px) {
   html[lang=th] .list-group--upcoming .list-group__headline {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

html[lang=th] .list-group--upcoming .list-group__headline.list-group__headline--xl {
   font-size: 2.5rem
}

@media (max-width: 1640px) {
   html[lang=th] .list-group--upcoming .list-group__headline.list-group__headline--xl {
      font-size: calc(1.15rem + 1.3170731707vw)
   }
}

@media (max-width: 991.98px) {
   html[lang=th] .list-group--upcoming .list-group__headline.list-group__headline--xl {
      font-size: 2.625rem
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=th] .list-group--upcoming .list-group__headline.list-group__headline--xl {
      font-size: calc(1.1625rem + 1.4268292683vw)
   }
}

html[lang=th] .list-group--upcoming .list-group__period,
html[lang=th] .list-group--upcoming .list-group__title {
   font-family: CPN, sans-serif;
   font-weight: 400;
   font-size: 1rem
}

@media (max-width: 767.98px) {
   html[lang=th] .list-group--upcoming .list-group__period {
      font-size: .9375rem
   }
}

html[lang=th] .list-group--upcoming .list-group__title {
   font-weight: 700
}

@media (max-width: 767.98px) {
   html[lang=th] .list-group--upcoming .list-group__title {
      font-size: 1.125rem
   }
}

html[lang=th] .list-group--upcoming .list-group__text {
   font-size: .875rem
}

html[lang=th] .list-group--upcoming .list-group__btn-group .btn--outline-primary .btn__title {
   font-size: 1.25rem
}

.list-group--upcoming .list-group__headline {
   margin-bottom: 1.25rem
}

@media (max-width: 767.98px) {
   .list-group--upcoming .list-group__headline {
      margin-bottom: 1rem
   }
}

.list-group--upcoming .list-group__header {
   border-bottom: 3px solid #fff
}

.list-group--upcoming .list-group__title {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 70%;
   max-width: 70%;
   width: 100%;
   margin-bottom: 0;
   padding-right: .5rem
}

@media (max-width: 767.98px) {
   .list-group--upcoming .list-group__title {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%;
      width: 100%;
      margin-bottom: .375rem
   }
}

.list-group--upcoming .list-group__period {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 30%;
   max-width: 30%;
   width: 100%;
   padding-right: 1rem
}

@media (max-width: 1399.98px) {
   .list-group--upcoming .list-group__period {
      padding-right: .75rem
   }
}

@media (max-width: 767.98px) {
   .list-group--upcoming .list-group__period {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%;
      width: 100%;
      margin-bottom: .5rem
   }
}

.list-group--upcoming .list-group__period time {
   display: inline-block
}

.list-group--upcoming .list-group__text {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 70%;
   max-width: 70%;
   width: 100%;
   padding-top: .15rem;
   margin-left: auto
}

@media (max-width: 767.98px) {
   .list-group--upcoming .list-group__text {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%;
      width: 100%;
      padding-top: 0;
      margin-bottom: .5rem
   }
}

.list-group--upcoming .list-group__main {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 76%;
   max-width: 76%;
   width: 100%;
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
   flex-wrap: wrap
}

@media (max-width: 767.98px) {
   .list-group--upcoming .list-group__main {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%;
      width: 100%
   }
}

.list-group--upcoming .list-group__btn-group {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 24%;
   max-width: 24%;
   width: 100%;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: flex-end
}

@media (max-width: 767.98px) {
   .list-group--upcoming .list-group__btn-group {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%;
      width: 100%
   }
}

.list-group--upcoming .list-group__btn-group .btn--outline-primary {
   min-width: 80px !important;
   padding: .25rem .5rem .15rem
}

@media (max-width: 767.98px) {
   .list-group--upcoming .list-group__btn-group .btn--outline-primary {
      min-width: 120px !important
   }
}

@media only screen and (min-width: 300px)and (max-width: 349px)and (orientation: portrait) {
   .list-group--upcoming .list-group__btn-group .btn--outline-primary {
      min-width: 100px !important
   }
}

.list-group--upcoming .list-group__btn-group .btn:not(:first-child) {
   margin-left: 1.25rem
}

.list-group--upcoming .list-group__btn-group--wrap {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 24%;
   max-width: 24%;
   width: 100%;
   flex-direction: column;
   align-items: flex-end
}

@media (max-width: 767.98px) {
   .list-group--upcoming .list-group__btn-group--wrap {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%;
      width: 100%;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center
   }
}

.list-group--upcoming .list-group__btn-group--wrap .btn:not(:first-child) {
   margin-left: 0;
   margin-top: .25rem
}

@media (max-width: 767.98px) {
   .list-group--upcoming .list-group__btn-group--wrap .btn:not(:first-child) {
      margin-top: 0;
      margin-left: 1rem
   }
}

@media only screen and (min-width: 300px)and (max-width: 349px)and (orientation: portrait) {
   .list-group--upcoming .list-group__btn-group--wrap .btn:not(:first-child) {
      margin-left: .75rem
   }
}

.list-group--upcoming .list-group__item {
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
   align-items: center;
   padding: 1.375rem 0;
   border-bottom: 1px solid rgba(255, 255, 255, .5)
}

@media (max-width: 1399.98px) {
   .list-group--upcoming .list-group__item {
      padding: 1rem 0
   }
}

@media (max-width: 767.98px) {
   .list-group--upcoming .list-group__item {
      flex-wrap: wrap
   }
}

html[lang=en] .list-group--download-policy .list-group__title,
html[lang=th] .list-group--download-policy .list-group__title {
   font-size: 1rem
}

.list-group--download-policy .list-group-item,
.list-group--download-policy-grey .list-group-item {
   border-left: 0;
   border-right: 0;
   border-bottom: 1px solid #000;
   border-radius: 0;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: .25rem 0;
   flex-wrap: wrap
}

@media (max-width: 1399.98px) {

   .list-group--download-policy .list-group-item,
   .list-group--download-policy-grey .list-group-item {
      padding: .6rem 0
   }
}

.list-group--download-policy .list-group-item:first-child,
.list-group--download-policy-grey .list-group-item:first-child {
   border-top: 3px solid #1e1e1e
}

.list-group--download-policy .list-group__title,
.list-group--download-policy-grey .list-group__title {
   flex: 1
}

@media (max-width: 767.98px) {

   .list-group--download-policy .list-group__title,
   .list-group--download-policy-grey .list-group__title {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%;
      width: 100%
   }
}

@media (max-width: 767.98px) {

   .list-group--download-policy .list-group__actions,
   .list-group--download-policy-grey .list-group__actions {
      margin-left: 0
   }
}

@media (max-width: 991.98px) {
   .list-group--download-policy-second .list-group-item:first-child {
      border-top: none
   }
}

.list-group--col-2 .list-group__body {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   align-items: stretch;
   justify-content: space-between
}

.list-group--col-2 .list-group__item {
   flex: 0 0 calc(50% - 10px);
   flex-basis: calc(50% - 10px);
   max-width: calc(50% - 10px);
   width: 100%;
   align-items: flex-start
}

@media (max-width: 991.98px) {
   .list-group--col-2 .list-group__item {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%;
      width: 100%
   }
}

html[lang=en] .modal--financial-statement .modal-title {
   font-family: CPN, sans-serif;
   font-size: 1.25rem;
   font-weight: 700;
   line-height: 1.5
}

@media (max-width: 1640px) {
   html[lang=en] .modal--financial-statement .modal-title {
      font-size: calc(1.025rem + .2195121951vw)
   }
}

@media (max-width: 767.98px) {
   html[lang=en] .modal--financial-statement .modal-title {
      font-size: 1.0625rem
   }
}

@media (max-width: 767.98px)and (max-width: 1640px) {
   html[lang=en] .modal--financial-statement .modal-title {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 767.98px) {
   html[lang=en] .modal--financial-statement .modal-title {
      font-size: 1.125rem
   }
}

html[lang=th] .modal--financial-statement .modal-title {
   font-family: CPN, sans-serif;
   font-size: 1.25rem;
   font-weight: 700;
   line-height: 1.5
}

@media (max-width: 1640px) {
   html[lang=th] .modal--financial-statement .modal-title {
      font-size: calc(1.025rem + .2195121951vw)
   }
}

@media (max-width: 767.98px) {
   html[lang=th] .modal--financial-statement .modal-title {
      font-size: 1.0625rem
   }
}

@media (max-width: 767.98px)and (max-width: 1640px) {
   html[lang=th] .modal--financial-statement .modal-title {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 767.98px) {
   html[lang=th] .modal--financial-statement .modal-title {
      font-size: 1.125rem
   }
}

.modal--financial-statement {
   border-radius: 0;
   box-shadow: 0 10px 10px #ffffff29
}

@media (min-width: 1200px) {
   .modal--financial-statement .modal-dialog {
      max-width: 850px
   }
}

@media (min-width: 1400px) {
   .modal--financial-statement .modal-dialog {
      max-width: 900px
   }
}

@media (min-width: 768px)and (max-width: 991.98px) {
   .modal--financial-statement .modal-dialog {
      max-width: 675px
   }
}

.modal--financial-statement .modal-content {
   padding: 1.25rem;
   border-radius: 10px
}

@media (max-width: 767.98px) {
   .modal--financial-statement .modal-content {
      padding: 1rem
   }
}

.modal--financial-statement .modal-header {
   border-bottom: 1px solid #292929;
   padding: .75rem 1.75rem 1rem
}

@media (max-width: 991.98px) {
   .modal--financial-statement .modal-header {
      padding: .75rem 1.25rem
   }
}

@media (max-width: 767.98px) {
   .modal--financial-statement .modal-header {
      padding: .75rem 0
   }
}

@media only screen and (min-width: 300px)and (max-width: 349px)and (orientation: portrait) {
   .modal--financial-statement .modal-header {
      padding: .5rem 0 1rem
   }
}

.modal--financial-statement .modal-body {
   padding: 1.75rem 2rem 1.25rem
}

@media (max-width: 991.98px) {
   .modal--financial-statement .modal-body {
      padding: 1.75rem 1.25rem 1.5rem
   }
}

@media (max-width: 767.98px) {
   .modal--financial-statement .modal-body {
      padding: 1.25rem 0 1rem
   }
}

.modal--financial-statement .modal-title {
   color: #000
}

.modal--financial-statement .close {
   color: #000;
   font-size: 2.25rem
}

@media (max-width: 1399.98px) {
   .modal--financial-statement .close {
      font-size: 1.875rem
   }
}

@media (max-width: 767.98px) {
   .modal--financial-statement .close {
      font-size: 1.375rem
   }
}

.intro-dialog .modal .modal-header {
   border-bottom: 0;
   position: absolute;
   top: .5rem;
   right: 1rem;
   z-index: 99;
   padding: 0
}

.intro-dialog .modal .close {
   padding: 0;
   color: #fff;
   text-shadow: none;
   opacity: 1;
   margin: 0;
   font-size: 36px;
   font-weight: 100
}

.intro-dialog .modal .modal-content {
   background-color: transparent;
   border: 0
}

.intro-dialog .modal .modal-body {
   padding: 0
}

.intro-dialog .modal .modal-dialog {
   max-width: 1000px
}

@media (max-width: 1399.98px) {
   .intro-dialog .modal .modal-dialog {
      max-width: 900px
   }
}

@media (max-width: 1199.98px) {
   .intro-dialog .modal .modal-dialog {
      max-width: 800px
   }
}

@media (max-width: 991.98px) {
   .intro-dialog .modal .modal-dialog {
      max-width: 600px
   }
}

.intro-dialog__pagination {
   text-align: center
}

.intro-dialog__pagination .swiper-pagination-bullet {
   background-color: #fff
}

.intro-dialog__btn {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 40px;
   height: 40px;
   background-color: #fff;
   border-radius: 50%;
   position: absolute;
   top: 0;
   bottom: 0;
   margin: auto;
   z-index: 99
}

.intro-dialog__btn.swiper-button-disabled {
   opacity: .5;
   pointer-events: none
}

.intro-dialog__btn.swiper-button-lock {
   display: none
}

@media (max-width: 767.98px) {
   .intro-dialog__btn {
      display: none
   }
}

.intro-dialog__btn--prev {
   left: -55px
}

.intro-dialog__btn--next {
   right: -55px
}

.modal--people .modal-content {
   position: relative;
   z-index: 1
}

.modal--people .modal__bg-overlay {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 290px;
   z-index: -1
}

.modal--people .modal-header {
   text-align: center;
   padding: 4.5rem 1rem 0;
   border: 0;
   border-radius: 0
}

.modal--people .modal__subtitle {
   margin-bottom: 0
}

.modal--people .modal-content {
   overflow: hidden;
   border-radius: 10px
}

.modal--people .modal-body {
   padding: 0
}

html[lang=en] .modal--our-pride .modal-title {
   font-family: CPN, sans-serif;
   font-size: 1.75rem;
   font-weight: 700;
   line-height: 1.3
}

@media (max-width: 1640px) {
   html[lang=en] .modal--our-pride .modal-title {
      font-size: calc(1.075rem + .6585365854vw)
   }
}

html[lang=en] .modal--our-pride .modal__excerpt,
html[lang=en] .modal--our-pride .modal__period {
   font-size: .875rem
}

html[lang=en] .modal--our-pride .badge .badge__title {
   font-weight: 700;
   font-size: 1rem
}

html[lang=th] .modal--our-pride .modal-title {
   font-family: CPN, sans-serif;
   font-size: 1.75rem;
   font-weight: 700;
   line-height: 1.5
}

@media (max-width: 1640px) {
   html[lang=th] .modal--our-pride .modal-title {
      font-size: calc(1.075rem + .6585365854vw)
   }
}

html[lang=th] .modal--our-pride .modal__excerpt,
html[lang=th] .modal--our-pride .modal__period {
   font-size: .875rem
}

html[lang=th] .modal--our-pride .badge .badge__title {
   font-weight: 700;
   font-size: 1rem
}

@media (min-width: 768px)and (max-width: 991.98px) {
   .modal--our-pride .modal-dialog {
      max-width: 700px
   }
}

.modal--our-pride .modal-title {
   margin-bottom: 1rem
}

.modal--our-pride .modal-content {
   padding: 30px;
   background-color: #3c3d41;
   border: 1px solid #3c3d41;
   border-radius: 25px
}

@media (max-width: 767.98px) {
   .modal--our-pride .modal-content {
      padding: 15px 0
   }
}

.modal--our-pride .modal-header {
   text-align: left;
   border-bottom: 0
}

.modal--our-pride .modal__figure {
   margin-bottom: 1.5rem
}

.modal--our-pride .modal__main {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 90%;
   max-width: 90%;
   width: 100%
}

.modal--our-pride .close {
   margin: -2rem -2rem -1rem auto;
   color: #fff;
   font-size: 2rem
}

@media (max-width: 1399.98px) {
   .modal--our-pride .close {
      font-size: 1.75rem
   }
}

@media (max-width: 767.98px) {
   .modal--our-pride .close {
      margin: -1rem -1rem -1rem auto;
      font-size: 1.25rem
   }
}

.modal--our-pride .badge {
   padding-left: 0;
   background-color: transparent
}

.modal--our-pride .badge .badge__icon {
   font-size: .9375rem
}

html[lang=en] .modal--career .media-body h5 {
   font-size: 1.125rem
}

html[lang=en] .modal--career .media-body p {
   font-size: .875rem
}

html[lang=th] .modal--career .media-body h5 {
   font-size: 1.125rem
}

html[lang=th] .modal--career .media-body p {
   font-size: .875rem
}

.modal--career .modal-header {
   background-color: #292929;
   text-align: center;
   padding: 3rem 1rem;
   border: 0;
   border-radius: 0
}

.modal--career .modal__subtitle {
   margin-bottom: 0
}

.modal--career .modal-content {
   overflow: hidden;
   border-radius: 25px;
   background-color: #0c0c0c
}

.modal--career .modal-body {
   padding: 0
}

.modal--career .modal-button {
   position: absolute;
   top: 1.15rem;
   right: 1.25rem
}

@media (min-width: 768px) {
   .modal--career .modal-dialog {
      max-width: 600px
   }
}

@media (min-width: 992px) {
   .modal--career .modal-dialog {
      max-width: 900px
   }
}

@media (min-width: 1200px) {
   .modal--career .modal-dialog {
      max-width: 1000px
   }
}

.modal--career .close {
   opacity: 1;
   color: #fff
}

html[lang=en] .modal--annual-report .modal-title {
   font-family: CPN, sans-serif;
   font-size: 1.75rem;
   font-weight: 700;
   line-height: 1.3
}

@media (max-width: 1640px) {
   html[lang=en] .modal--annual-report .modal-title {
      font-size: calc(1.075rem + .6585365854vw)
   }
}

@media (max-width: 767.98px) {
   html[lang=en] .modal--annual-report .modal-title {
      font-size: 1.0625rem
   }
}

@media (max-width: 767.98px) {
   html[lang=en] .modal--annual-report .list-group--document .list-group__title {
      font-size: .9375rem
   }
}

html[lang=th] .modal--annual-report .modal-title {
   font-family: CPN, sans-serif;
   font-size: 1.75rem;
   font-weight: 700;
   line-height: 1.5
}

@media (max-width: 1640px) {
   html[lang=th] .modal--annual-report .modal-title {
      font-size: calc(1.075rem + .6585365854vw)
   }
}

@media (max-width: 767.98px) {
   html[lang=th] .modal--annual-report .modal-title {
      font-size: 1.0625rem
   }
}

@media (max-width: 767.98px) {
   html[lang=th] .modal--annual-report .list-group--document .list-group__title {
      font-size: .9375rem
   }
}

@media (min-width: 1200px) {
   .modal--annual-report .modal-dialog {
      max-width: 900px
   }
}

@media (min-width: 1400px) {
   .modal--annual-report .modal-dialog {
      max-width: 950px
   }
}

@media (min-width: 1600px) {
   .modal--annual-report .modal-dialog {
      max-width: 1000px
   }
}

@media (min-width: 768px)and (max-width: 991.98px) {
   .modal--annual-report .modal-dialog {
      max-width: 675px
   }
}

.modal--annual-report .modal-title {
   margin-bottom: 1rem
}

@media (max-width: 991.98px) {
   .modal--annual-report .modal-title {
      margin-bottom: .75rem
   }
}

@media (max-width: 767.98px) {
   .modal--annual-report .modal-title {
      margin-bottom: .25rem
   }
}

.modal--annual-report .modal-content {
   padding: 30px;
   background-color: #3c3d41;
   border: 1px solid #3c3d41;
   border-radius: 25px
}

@media (max-width: 991.98px) {
   .modal--annual-report .modal-content {
      padding: 30px 15px
   }
}

@media (max-width: 767.98px) {
   .modal--annual-report .modal-content {
      padding: 15px 0
   }
}

.modal--annual-report .modal-header {
   text-align: left;
   border-bottom: 0
}

.modal--annual-report .modal__main {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 90%;
   max-width: 90%;
   width: 100%
}

.modal--annual-report .close {
   margin: -1rem -1rem -1rem auto;
   color: #fff;
   font-size: 2rem
}

@media (max-width: 1399.98px) {
   .modal--annual-report .close {
      font-size: 1.75rem
   }
}

@media (max-width: 767.98px) {
   .modal--annual-report .close {
      font-size: 1.25rem
   }
}

@media (max-width: 767.98px) {
   .modal--annual-report .list-group--document .list-group__item {
      padding: 1rem 0
   }
}

@media (max-width: 767.98px) {
   .modal--annual-report .list-group--document .list-group__btn-group {
      padding-left: 1rem
   }
}

.media .media__icon {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 50px;
   max-width: 50px;
   width: 100%;
   height: 50px;
   border-radius: 50%;
   padding: 10px;
   vertical-align: middle;
   text-align: center;
   display: flex;
   justify-content: center;
   align-items: center
}

.media .media__icon i {
   font-size: 1.875rem;
   color: #fff
}

.media .media-body {
   padding-left: 20px;
   margin-top: 10px
}

.media .media-body ol {
   padding-left: 17px
}

.media .media-body ol li::marker {
   -moz-text-align-last: left !important;
   text-align-last: left !important
}

.media-column {
   -webkit-column-count: 1;
   -moz-column-count: 1;
   column-count: 1
}

@media (max-width: 991.98px) {
   .media-column {
      -webkit-column-count: 2;
      -moz-column-count: 2;
      column-count: 2
   }
}

@media (max-width: 767.98px) {
   .media-column {
      -webkit-column-count: 1;
      -moz-column-count: 1;
      column-count: 1
   }
}

.media-column .media {
   -webkit-column-break-inside: avoid;
   -moz-column-break-inside: avoid;
   break-inside: avoid;
   page-break-inside: avoid
}

html[lang=en] .media--sd-framework .media__number {
   font-family: CPN, sans-serif;
   font-size: 1.0625rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=en] .media--sd-framework .media__number {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=en] .media--sd-framework .media__number {
      font-size: 1rem
   }
}

html[lang=en] .media--sd-framework .media__text {
   font-family: CPN, sans-serif;
   font-weight: 700;
   font-size: 1.125rem
}

html[lang=en] .media .text-sd-people {
   font-size: 1.25rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=en] .media .text-sd-people {
      font-size: calc(1.025rem + .2195121951vw)
   }
}

@media (max-width: 767.98px) {
   html[lang=en] .media .text-sd-people {
      font-size: 1.0625rem
   }
}

@media (max-width: 767.98px)and (max-width: 1640px) {
   html[lang=en] .media .text-sd-people {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

html[lang=th] .media--sd-framework .media__number {
   font-family: CPN, sans-serif;
   font-size: 1.0625rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=th] .media--sd-framework .media__number {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=th] .media--sd-framework .media__number {
      font-size: 1rem
   }
}

html[lang=th] .media--sd-framework .media__text {
   font-family: CPN, sans-serif;
   font-weight: 700;
   font-size: 1.125rem
}

html[lang=th] .media .text-sd-people {
   font-size: 1.25rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=th] .media .text-sd-people {
      font-size: calc(1.025rem + .2195121951vw)
   }
}

@media (max-width: 767.98px) {
   html[lang=th] .media .text-sd-people {
      font-size: 1.0625rem
   }
}

@media (max-width: 767.98px)and (max-width: 1640px) {
   html[lang=th] .media .text-sd-people {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

.media--people .media__icon {
   background-color: #a90b1d
}

.media--prosperity .media__icon {
   background-color: #042d58
}

.media--planet .media__icon {
   background-color: #277f34
}

.media--peace-partnerships .media__icon {
   background-color: #f28416
}

@media (max-width: 991.98px) {
   .media--sd-framework {
      margin-bottom: 1rem;
      align-items: center
   }
}

@media (max-width: 767.98px) {
   .media--sd-framework {
      align-items: flex-start
   }
}

.media--sd-framework .media__icon {
   background-color: #7b1315
}

.media--sd-framework .media__number {
   color: #fff
}

.media--sd-framework .media-body {
   margin-top: .5rem
}

@media (max-width: 991.98px) {
   .media--sd-framework .media-body {
      padding-left: 15px
   }
}

.media--sd-framework .media__text {
   margin-bottom: 0
}

html[lang=en] .share-price--full .share-price__title {
   font-weight: 700;
   font-size: .9375rem
}

@media (max-width: 1199.98px) {
   html[lang=en] .share-price--full .share-price__title {
      font-size: .8125rem
   }
}

@media (max-width: 991.98px) {
   html[lang=en] .share-price--full .share-price__title {
      font-size: .875rem
   }
}

html[lang=en] .share-price--full .share-price__value {
   font-family: CPN, sans-serif;
   font-weight: 400;
   line-height: 1.3;
   font-size: 1.75rem
}

@media (max-width: 1399.98px) {
   html[lang=en] .share-price--full .share-price__value {
      font-size: 1.625rem
   }
}

@media (max-width: 1199.98px) {
   html[lang=en] .share-price--full .share-price__value {
      font-size: 1.375rem
   }
}

@media (max-width: 767.98px) {
   html[lang=en] .share-price--full .share-price__value {
      font-size: 1.125rem
   }
}

@media only screen and (min-width: 300px)and (max-width: 349px)and (orientation: portrait) {
   html[lang=en] .share-price--full .share-price__value {
      font-size: 1rem
   }
}

html[lang=en] .share-price--full .share-price__symbol {
   font-weight: 700;
   font-size: 3.875rem;
   line-height: 1.1
}

@media (max-width: 1399.98px) {
   html[lang=en] .share-price--full .share-price__symbol {
      font-size: 3.625rem
   }
}

@media (max-width: 1199.98px) {
   html[lang=en] .share-price--full .share-price__symbol {
      font-size: 2.125rem
   }
}

@media (max-width: 991.98px) {
   html[lang=en] .share-price--full .share-price__symbol {
      font-size: 2.625rem
   }
}

html[lang=en] .share-price--full .share-price__updated {
   font-size: .875rem
}

@media (max-width: 1399.98px) {
   html[lang=en] .share-price--full .share-price__updated {
      font-size: .8125rem
   }
}

@media (min-width: 768px)and (max-width: 991.98px) {
   html[lang=en] .share-price--full .share-price__updated {
      font-size: .875rem
   }
}

@media (max-width: 991.98px) {
   html[lang=en] .share-price--full .share-price__currency {
      font-size: .875rem
   }
}

@media (max-width: 767.98px) {
   html[lang=en] .share-price--full .share-price__currency {
      font-size: .75rem
   }
}

html[lang=en] .share-price--full .share-price__aside .share-price__title {
   font-weight: 700
}

@media (max-width: 991.98px) {
   html[lang=en] .share-price--full .share-price__aside .share-price__title {
      font-size: 1rem
   }
}

html[lang=th] .share-price--full .share-price__title {
   font-weight: 700;
   font-size: .9375rem
}

@media (max-width: 1199.98px) {
   html[lang=th] .share-price--full .share-price__title {
      font-size: .8125rem
   }
}

@media (max-width: 991.98px) {
   html[lang=th] .share-price--full .share-price__title {
      font-size: .875rem
   }
}

html[lang=th] .share-price--full .share-price__value {
   font-family: CPN, sans-serif;
   font-weight: 400;
   line-height: 1.5;
   font-size: 1.75rem
}

@media (max-width: 1399.98px) {
   html[lang=th] .share-price--full .share-price__value {
      font-size: 1.625rem
   }
}

@media (max-width: 1199.98px) {
   html[lang=th] .share-price--full .share-price__value {
      font-size: 1.375rem
   }
}

@media (max-width: 767.98px) {
   html[lang=th] .share-price--full .share-price__value {
      font-size: 1.125rem
   }
}

@media only screen and (min-width: 300px)and (max-width: 349px)and (orientation: portrait) {
   html[lang=th] .share-price--full .share-price__value {
      font-size: 1rem
   }
}

html[lang=th] .share-price--full .share-price__symbol {
   font-weight: 700;
   font-size: 3.875rem;
   line-height: 1.1
}

@media (max-width: 1399.98px) {
   html[lang=th] .share-price--full .share-price__symbol {
      font-size: 3.625rem
   }
}

@media (max-width: 1199.98px) {
   html[lang=th] .share-price--full .share-price__symbol {
      font-size: 2.125rem
   }
}

@media (max-width: 991.98px) {
   html[lang=th] .share-price--full .share-price__symbol {
      font-size: 2.625rem
   }
}

html[lang=th] .share-price--full .share-price__updated {
   font-size: .875rem
}

@media (max-width: 1399.98px) {
   html[lang=th] .share-price--full .share-price__updated {
      font-size: .8125rem
   }
}

@media (min-width: 768px)and (max-width: 991.98px) {
   html[lang=th] .share-price--full .share-price__updated {
      font-size: .875rem
   }
}

@media (max-width: 991.98px) {
   html[lang=th] .share-price--full .share-price__currency {
      font-size: .875rem
   }
}

@media (max-width: 767.98px) {
   html[lang=th] .share-price--full .share-price__currency {
      font-size: .75rem
   }
}

html[lang=th] .share-price--full .share-price__aside .share-price__title {
   font-weight: 700
}

@media (max-width: 991.98px) {
   html[lang=th] .share-price--full .share-price__aside .share-price__title {
      font-size: 1rem
   }
}

.share-price--full {
   position: relative;
   overflow: hidden
}

@media (max-width: 991.98px) {
   .share-price--full {
      margin-bottom: 1rem
   }
}

.share-price--full .share-price__title {
   margin-bottom: .375rem;
   color: #000
}

@media (max-width: 767.98px) {
   .share-price--full .share-price__title {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 47%;
      max-width: 47%;
      width: 100%;
      margin-bottom: 0
   }
}

@media only screen and (min-width: 300px)and (max-width: 349px)and (orientation: portrait) {
   .share-price--full .share-price__title {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 51%;
      max-width: 51%;
      width: 100%
   }
}

.share-price--full .share-price__value {
   color: #000
}

@media (max-width: 767.98px) {
   .share-price--full .share-price__value {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 52%;
      max-width: 52%;
      width: 100%;
      text-align: right
   }
}

@media only screen and (min-width: 300px)and (max-width: 349px)and (orientation: portrait) {
   .share-price--full .share-price__value {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 49%;
      max-width: 49%;
      width: 100%
   }
}

.share-price--full .share-price__currency {
   color: #000
}

.share-price--full .share-price__symbol {
   margin: .75rem 0 .875rem;
   color: #000
}

@media (max-width: 1399.98px) {
   .share-price--full .share-price__symbol {
      margin: .5rem 0 .65rem
   }
}

@media (max-width: 991.98px) {
   .share-price--full .share-price__symbol {
      margin-bottom: .375rem
   }
}

@media (max-width: 767.98px) {
   .share-price--full .share-price__symbol {
      margin-bottom: 0
   }
}

.share-price--full .share-price__row {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: flex-start;
   border-bottom: 3px solid #000
}

@media (max-width: 991.98px) {
   .share-price--full .share-price__row {
      justify-content: center;
      flex-wrap: wrap;
      border-bottom-width: 2px
   }
}

.share-price--full .share-price__aside {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 22%;
   max-width: 22%;
   width: 100%;
   padding-right: .75rem;
   padding-bottom: 1.25rem
}

@media (max-width: 1199.98px) {
   .share-price--full .share-price__aside {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 20%;
      max-width: 20%;
      width: 100%
   }
}

@media (max-width: 991.98px) {
   .share-price--full .share-price__aside {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 75%;
      max-width: 75%;
      width: 100%;
      margin-bottom: .25rem;
      padding-bottom: 0;
      text-align: center
   }
}

@media (max-width: 767.98px) {
   .share-price--full .share-price__aside .share-price__title {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%;
      width: 100%
   }
}

.share-price--full .share-price__main {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 78%;
   max-width: 78%;
   width: 100%;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap
}

@media (max-width: 1199.98px) {
   .share-price--full .share-price__main {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 80%;
      max-width: 80%;
      width: 100%
   }
}

@media (max-width: 991.98px) {
   .share-price--full .share-price__main {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%;
      width: 100%
   }
}

.share-price--full .share-price__main .share-price__item {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 25%;
   max-width: 25%;
   width: 100%;
   margin-bottom: 1.5rem;
   padding-left: 5px
}

@media (max-width: 1399.98px) {
   .share-price--full .share-price__main .share-price__item {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 27%;
      max-width: 27%;
      width: 100%;
      margin-bottom: 1.25rem
   }
}

@media (max-width: 1199.98px) {
   .share-price--full .share-price__main .share-price__item {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 27%;
      max-width: 27%;
      width: 100%
   }
}

@media (max-width: 767.98px) {
   .share-price--full .share-price__main .share-price__item {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%;
      width: 100%;
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: space-between;
      margin-bottom: .75rem;
      padding: .75rem 0 0;
      border-top: 1px solid #000
   }
}

@media (max-width: 767.98px) {
   .share-price--full .share-price__main .share-price__item:first-child {
      border-top: 0
   }
}

@media (min-width: 768px) {
   .share-price--full .share-price__main .share-price__item:nth-child(4n-3) {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 21%;
      max-width: 21%;
      width: 100%
   }
}

@media (min-width: 1400px) {
   .share-price--full .share-price__main .share-price__item:nth-child(4n-3) {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 25%;
      max-width: 25%;
      width: 100%
   }
}

@media (min-width: 768px) {
   .share-price--full .share-price__main .share-price__item:nth-child(4n-2) {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 26%;
      max-width: 26%;
      width: 100%
   }
}

@media (min-width: 1400px) {
   .share-price--full .share-price__main .share-price__item:nth-child(4n-2) {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 25%;
      max-width: 25%;
      width: 100%
   }
}

@media (min-width: 768px) {
   .share-price--full .share-price__main .share-price__item:nth-child(4n-1) {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 26%;
      max-width: 26%;
      width: 100%
   }
}

@media (min-width: 1400px) {
   .share-price--full .share-price__main .share-price__item:nth-child(4n-1) {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 25%;
      max-width: 25%;
      width: 100%
   }
}

@media (min-width: 768px) {
   .share-price--full .share-price__main .share-price__item:nth-child(-n+4) {
      padding-bottom: 1.25rem;
      border-bottom: 1px solid #000
   }
}

@media (min-width: 1400px) {
   .share-price--full .share-price__main .share-price__item:nth-child(-n+4) {
      padding-bottom: 1.5rem
   }
}

@media (min-width: 768px)and (max-width: 991.98px) {
   .share-price--full .share-price__main .share-price__item:nth-child(-n+4) {
      padding-top: 1.25rem;
      border-top: 1px solid #000
   }
}

html[lang=en] .share-price--home {
   line-height: 1.5
}

html[lang=en] .share-price--home .share-price__last-done {
   font-size: 2.25rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=en] .share-price--home .share-price__last-done {
      font-size: calc(1.125rem + 1.0975609756vw)
   }
}

@media (max-width: 991.98px) {
   html[lang=en] .share-price--home .share-price__last-done {
      font-size: 2.375rem
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=en] .share-price--home .share-price__last-done {
      font-size: calc(1.1375rem + 1.2073170732vw)
   }
}

@media (max-width: 767.98px) {
   html[lang=en] .share-price--home .share-price__last-done {
      font-size: 3.4375rem
   }
}

@media (max-width: 767.98px)and (max-width: 1640px) {
   html[lang=en] .share-price--home .share-price__last-done {
      font-size: calc(1.24375rem + 2.1402439024vw)
   }
}

html[lang=en] .share-price--home .share-price__change {
   font-size: 1.25rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=en] .share-price--home .share-price__change {
      font-size: calc(1.025rem + .2195121951vw)
   }
}

@media (max-width: 767.98px) {
   html[lang=en] .share-price--home .share-price__change {
      font-size: 1.0625rem
   }
}

@media (max-width: 767.98px)and (max-width: 1640px) {
   html[lang=en] .share-price--home .share-price__change {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

html[lang=th] .share-price--home {
   line-height: 1.5
}

html[lang=th] .share-price--home .share-price__last-done {
   font-size: 2.25rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=th] .share-price--home .share-price__last-done {
      font-size: calc(1.125rem + 1.0975609756vw)
   }
}

@media (max-width: 991.98px) {
   html[lang=th] .share-price--home .share-price__last-done {
      font-size: 2.375rem
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=th] .share-price--home .share-price__last-done {
      font-size: calc(1.1375rem + 1.2073170732vw)
   }
}

@media (max-width: 767.98px) {
   html[lang=th] .share-price--home .share-price__last-done {
      font-size: 3.4375rem
   }
}

@media (max-width: 767.98px)and (max-width: 1640px) {
   html[lang=th] .share-price--home .share-price__last-done {
      font-size: calc(1.24375rem + 2.1402439024vw)
   }
}

html[lang=th] .share-price--home .share-price__change {
   font-size: 1.25rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=th] .share-price--home .share-price__change {
      font-size: calc(1.025rem + .2195121951vw)
   }
}

@media (max-width: 767.98px) {
   html[lang=th] .share-price--home .share-price__change {
      font-size: 1.0625rem
   }
}

@media (max-width: 767.98px)and (max-width: 1640px) {
   html[lang=th] .share-price--home .share-price__change {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

.share-price--home {
   position: relative;
   overflow: hidden;
   display: inline-flex;
   flex-direction: row;
   justify-content: center;
   align-items: baseline;
   min-height: 90px;
   padding: 1.25rem 1.5rem;
   color: #fff;
   border-radius: 5px;
   border: 1px solid #fff;
   background-color: transparent
}

@media (max-width: 1199.98px) {
   .share-price--home {
      min-height: 85px
   }
}

@media (max-width: 991.98px) {
   .share-price--home {
      min-height: 83px
   }
}

@media (max-width: 767.98px) {
   .share-price--home {
      flex-wrap: wrap;
      padding: 1.25rem 1rem
   }
}

.share-price--home .share-price__last-done {
   margin-right: 1rem
}

@media (max-width: 767.98px) {
   .share-price--home .share-price__last-done {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%;
      width: 100%;
      margin-bottom: .5rem;
      margin-right: 0
   }
}

.share-price--home .share-price__change {
   position: relative;
   padding-left: 1.25rem
}

.share-price--home .share-price__change:before {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   display: inline-block;
   margin: auto 0;
   font-family: "Font Awesome 6 Pro";
   color: #fff;
   font-size: 1.25rem;
   font-weight: 900;
   line-height: 1
}

.share-price--home .share-price__change--up:before {
   content: "\f0d8"
}

.share-price--home .share-price__change--down:before {
   content: "\f0d7"
}

html[lang=en] .share-price--ir-home .share-price__title {
   font-family: CPN, sans-serif;
   font-size: 2.25rem;
   font-weight: 700;
   line-height: 1.3
}

@media (max-width: 1640px) {
   html[lang=en] .share-price--ir-home .share-price__title {
      font-size: calc(1.125rem + 1.0975609756vw)
   }
}

@media (max-width: 991.98px) {
   html[lang=en] .share-price--ir-home .share-price__title {
      font-size: 2.375rem
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=en] .share-price--ir-home .share-price__title {
      font-size: calc(1.1375rem + 1.2073170732vw)
   }
}

html[lang=en] .share-price--ir-home .share-price__value {
   font-weight: 700;
   font-size: 1.375rem
}

@media (max-width: 1199.98px) {
   html[lang=en] .share-price--ir-home .share-price__value {
      font-size: 1.25rem
   }
}

@media (max-width: 767.98px) {
   html[lang=en] .share-price--ir-home .share-price__value {
      font-size: 1.125rem
   }
}

html[lang=en] .share-price--ir-home .share-price__updated {
   font-size: .875rem
}

@media (max-width: 767.98px) {
   html[lang=en] .share-price--ir-home .share-price__updated {
      font-size: .75rem
   }
}

html[lang=th] .share-price--ir-home .share-price__title {
   font-family: CPN, sans-serif;
   font-size: 2.25rem;
   font-weight: 700;
   line-height: 1.5
}

@media (max-width: 1640px) {
   html[lang=th] .share-price--ir-home .share-price__title {
      font-size: calc(1.125rem + 1.0975609756vw)
   }
}

@media (max-width: 991.98px) {
   html[lang=th] .share-price--ir-home .share-price__title {
      font-size: 2.375rem
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=th] .share-price--ir-home .share-price__title {
      font-size: calc(1.1375rem + 1.2073170732vw)
   }
}

html[lang=th] .share-price--ir-home .share-price__value {
   font-weight: 700;
   font-size: 1.375rem
}

@media (max-width: 1199.98px) {
   html[lang=th] .share-price--ir-home .share-price__value {
      font-size: 1.25rem
   }
}

@media (max-width: 767.98px) {
   html[lang=th] .share-price--ir-home .share-price__value {
      font-size: 1.125rem
   }
}

html[lang=th] .share-price--ir-home .share-price__updated {
   font-size: .875rem
}

@media (max-width: 767.98px) {
   html[lang=th] .share-price--ir-home .share-price__updated {
      font-size: .75rem
   }
}

.share-price--ir-home {
   position: relative;
   text-align: center
}

.share-price--ir-home .share-price__title {
   margin-bottom: 1.5rem
}

.share-price--ir-home .share-price__value {
   margin-bottom: 1.25rem
}

.slider .swiper__image {
   max-width: 100%;
   height: auto
}

@media (min-width: 768px) {
   .slider--stakeholder {
      overflow: visible !important
   }
}

.stakeholder {
   position: relative
}

.stakeholder .stakeholder__controls {
   padding-top: 2rem
}

@media (max-width: 767.98px) {
   .stakeholder .stakeholder__controls {
      padding-top: 1.25rem
   }
}

.stakeholder .stakeholder__navigation {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: flex-end
}

.stakeholder .stakeholder__prev,
.stakeholder .stakeholder__next {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 40px;
   height: 40px
}

@media (max-width: 767.98px) {

   .stakeholder .stakeholder__prev,
   .stakeholder .stakeholder__next {
      width: 30px;
      height: 30px
   }
}

.stakeholder .stakeholder__prev i,
.stakeholder .stakeholder__next i {
   font-size: 1.5rem
}

@media (max-width: 767.98px) {

   .stakeholder .stakeholder__prev i,
   .stakeholder .stakeholder__next i {
      font-size: 1.375rem
   }
}

.stakeholder .stakeholder__prev:hover i,
.stakeholder .stakeholder__next:hover i {
   color: #fa0505
}

.stakeholder .stakeholder__next {
   margin-left: .75rem
}

@media (max-width: 767.98px) {
   .stakeholder .stakeholder__next {
      margin-left: .5rem
   }
}

@media (max-width: 991.98px) {
   .slider--related {
      margin-bottom: 1.75rem
   }
}

@media (max-width: 767.98px) {
   .slider--related {
      margin-bottom: 0
   }
}

.slider--related .card {
   height: 100%
}

.slider--related .slider__slide {
   height: auto !important;
   height: initial !important;
   padding: .75rem .15rem
}

.related {
   position: relative
}

.related .related__prev,
.related .related__next {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 40px;
   height: 40px
}

@media (max-width: 767.98px) {

   .related .related__prev,
   .related .related__next {
      width: 30px;
      height: 30px
   }
}

.related .related__prev i,
.related .related__next i {
   font-size: 1.5rem
}

@media (max-width: 767.98px) {

   .related .related__prev i,
   .related .related__next i {
      font-size: 1.375rem
   }
}

.related .related__prev:hover i,
.related .related__next:hover i {
   color: #fa0505
}

.related .related__prev.swiper-button-lock,
.related .related__next.swiper-button-lock {
   opacity: 0
}

.related .related__next {
   margin-left: .75rem
}

@media (max-width: 767.98px) {
   .related .related__next {
      margin-left: .5rem
   }
}

.related .related__navigation {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: flex-end
}

.related .related__navigation--invert .related__prev i,
.related .related__navigation--invert .related__next i {
   color: #000
}

.related .related__navigation--invert .related__prev:hover i,
.related .related__navigation--invert .related__next:hover i {
   color: #fa0505
}

@media (min-width: 768px) {

   .related .related__navigation--absolute .related__prev,
   .related .related__navigation--absolute .related__next {
      position: absolute;
      top: 45%
   }
}

@media (min-width: 768px) {
   .related .related__navigation--absolute .related__prev {
      left: -.75rem
   }
}

@media (min-width: 992px) {
   .related .related__navigation--absolute .related__prev {
      left: 0
   }
}

@media (min-width: 768px) {
   .related .related__navigation--absolute .related__next {
      right: -.75rem
   }
}

@media (min-width: 992px) {
   .related .related__navigation--absolute .related__next {
      right: 0
   }
}

.slider--business-gallery {
   height: 100%
}

.slider--business-gallery .swiper-slide {
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat
}

.slider--business-brands .swiper-slide {
   cursor: pointer;
   display: flex;
   align-items: center;
   text-align: center;
   justify-content: center;
   height: 100px
}

.slider--business-brands .swiper-slide:hover .swiper__image--grey {
   display: none
}

.slider--business-brands .swiper-slide:hover .swiper__image--color {
   display: block
}

.slider--business-brands .swiper__image {
   max-width: 100%;
   width: auto;
   height: 100%;
   margin: 0 auto;
   object-fit: contain
}

.slider--business-brands .swiper__image--grey {
   display: block
}

.slider--business-brands .swiper__image--color {
   display: none
}

.business-brands {
   position: relative
}

.business-brands .business-brands__wrapper {
   padding: 0 .75rem
}

@media (max-width: 991.98px) {
   .business-brands .business-brands__wrapper {
      padding: 0 1.5rem
   }
}

@media (max-width: 767.98px) {
   .business-brands .business-brands__wrapper {
      padding: 0 1.25rem
   }
}

.business-brands .business-brands__navigation {
   display: flex;
   flex-direction: row;
   justify-content: space-between
}

.business-brands .business-brands__prev,
.business-brands .business-brands__next {
   position: absolute;
   top: 34%;
   font-size: 1.5rem
}

@media (max-width: 991.98px) {

   .business-brands .business-brands__prev,
   .business-brands .business-brands__next {
      top: 24%;
      font-size: 1.875rem
   }
}

@media (max-width: 767.98px) {

   .business-brands .business-brands__prev,
   .business-brands .business-brands__next {
      font-size: 1.5rem
   }
}

.business-brands .business-brands__prev:hover,
.business-brands .business-brands__next:hover {
   color: #fa0505
}

.business-brands .business-brands__prev.swiper-button-disabled,
.business-brands .business-brands__next.swiper-button-disabled {
   opacity: 0
}

.business-brands .business-brands__prev {
   left: -1rem
}

@media (max-width: 991.98px) {
   .business-brands .business-brands__prev {
      left: 0
   }
}

.business-brands .business-brands__next {
   right: -1rem
}

@media (max-width: 991.98px) {
   .business-brands .business-brands__next {
      right: 0
   }
}

.slider--brand-gallery .swiper-slide:after {
   content: "";
   width: 100%;
   height: 100%;
   background-color: #7b131566;
   position: absolute;
   left: 0;
   top: 0;
   transition: all .3s ease-in-out
}

.slider--brand-gallery .swiper-slide.swiper-slide-active:after {
   opacity: 0
}

.slider--brand-gallery .swiper__buttons {
   margin-top: 30px;
   width: 100%;
   padding-right: 12px;
   padding-left: 12px;
   margin-right: auto;
   margin-left: auto
}

@media (min-width: 576px) {
   .slider--brand-gallery .swiper__buttons {
      max-width: 540px
   }
}

@media (min-width: 768px) {
   .slider--brand-gallery .swiper__buttons {
      max-width: 720px
   }
}

@media (min-width: 992px) {
   .slider--brand-gallery .swiper__buttons {
      max-width: 960px
   }
}

@media (min-width: 1200px) {
   .slider--brand-gallery .swiper__buttons {
      max-width: 1140px
   }
}

@media (min-width: 1400px) {
   .slider--brand-gallery .swiper__buttons {
      max-width: 1250px
   }
}

@media (min-width: 1600px) {
   .slider--brand-gallery .swiper__buttons {
      max-width: 1350px
   }
}

@media (min-width: 2000px) {
   .slider--brand-gallery .swiper__buttons {
      max-width: 1650px
   }
}

.slider--brand-gallery .swiper__image {
   width: 100%
}

.brand-gallery .brand-gallery__navigation {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: flex-end;
   padding-top: 2rem
}

@media (max-width: 991.98px) {
   .brand-gallery .brand-gallery__navigation {
      padding-top: 1rem
   }
}

.brand-gallery .brand-gallery__prev,
.brand-gallery .brand-gallery__next {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 40px;
   height: 40px
}

@media (max-width: 767.98px) {

   .brand-gallery .brand-gallery__prev,
   .brand-gallery .brand-gallery__next {
      width: 30px;
      height: 30px
   }
}

.brand-gallery .brand-gallery__prev i,
.brand-gallery .brand-gallery__next i {
   font-size: 1.5rem
}

@media (max-width: 767.98px) {

   .brand-gallery .brand-gallery__prev i,
   .brand-gallery .brand-gallery__next i {
      font-size: 1.375rem
   }
}

.brand-gallery .brand-gallery__prev:hover i,
.brand-gallery .brand-gallery__next:hover i {
   color: #fa0505
}

.brand-gallery .brand-gallery__next {
   margin-left: .75rem
}

@media (max-width: 767.98px) {
   .brand-gallery .brand-gallery__next {
      margin-left: .5rem
   }
}

.slider--newsroom-gallery .swiper-slide {
   padding-top: 64.9572649573%;
   position: relative;
   overflow: hidden
}

.slider--newsroom-gallery .swiper__image {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center
}

.newsroom-gallery {
   position: relative
}

@media (max-width: 991.98px) {
   .newsroom-gallery {
      padding: 0 1.75rem
   }
}

@media (max-width: 767.98px) {
   .newsroom-gallery {
      padding: 0
   }
}

.newsroom-gallery .newsroom-gallery__navigation {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: flex-end;
   padding-top: 2rem
}

@media (max-width: 991.98px) {
   .newsroom-gallery .newsroom-gallery__navigation {
      padding-top: 1rem
   }
}

.newsroom-gallery .newsroom-gallery__prev,
.newsroom-gallery .newsroom-gallery__next {
   position: absolute;
   top: 45%;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 40px;
   height: 40px
}

@media (max-width: 767.98px) {

   .newsroom-gallery .newsroom-gallery__prev,
   .newsroom-gallery .newsroom-gallery__next {
      position: relative;
      top: auto;
      top: initial;
      width: 30px;
      height: 30px
   }
}

.newsroom-gallery .newsroom-gallery__prev i,
.newsroom-gallery .newsroom-gallery__next i {
   font-size: 1.5rem
}

@media (max-width: 767.98px) {

   .newsroom-gallery .newsroom-gallery__prev i,
   .newsroom-gallery .newsroom-gallery__next i {
      font-size: 1.375rem
   }
}

.newsroom-gallery .newsroom-gallery__prev:hover i,
.newsroom-gallery .newsroom-gallery__next:hover i {
   color: #fa0505
}

.newsroom-gallery .newsroom-gallery__prev {
   left: -6rem
}

@media (max-width: 1599.98px) {
   .newsroom-gallery .newsroom-gallery__prev {
      left: -4rem
   }
}

@media (max-width: 991.98px) {
   .newsroom-gallery .newsroom-gallery__prev {
      left: -1rem
   }
}

@media (max-width: 767.98px) {
   .newsroom-gallery .newsroom-gallery__prev {
      left: auto;
      left: initial
   }
}

.newsroom-gallery .newsroom-gallery__next {
   right: -6rem
}

@media (max-width: 1599.98px) {
   .newsroom-gallery .newsroom-gallery__next {
      right: -4rem
   }
}

@media (max-width: 991.98px) {
   .newsroom-gallery .newsroom-gallery__next {
      right: -1rem
   }
}

@media (max-width: 767.98px) {
   .newsroom-gallery .newsroom-gallery__next {
      right: auto;
      right: initial;
      margin-left: 1.25rem
   }
}

.pride-gallery {
   position: relative;
   overflow: hidden;
   margin-bottom: 1.75rem
}

.pride-gallery .pride-gallery__controls {
   position: absolute;
   z-index: 3;
   bottom: 1rem;
   left: 0;
   width: 100%
}

.pride-gallery .pride-gallery__pagination {
   text-align: center
}

.pride-gallery .swiper-pagination-bullet {
   width: 10px;
   height: 10px;
   background-color: #ffffffd9
}

.pride-gallery .swiper-pagination-bullet-active {
   background-color: #fff
}

.pride-gallery .swiper__image {
   max-width: 100%;
   height: auto
}

.slider--reports .slider__slide {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
   height: auto !important;
   height: initial !important;
   padding: 0 2rem
}

@media (max-width: 767.98px) {
   .slider--reports .slider__slide {
      padding: 0 1rem
   }
}

@media only screen and (min-width: 300px)and (max-width: 349px)and (orientation: portrait) {
   .slider--reports .slider__slide {
      padding: 0 .75rem
   }
}

.report-slider {
   position: relative;
   overflow: hidden
}

.report-slider .report-slider__wrapper {
   padding: 0 2.5rem
}

.report-slider .report-slider__prev,
.report-slider .report-slider__next {
   position: absolute;
   top: 40%;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 40px;
   height: 40px
}

@media (max-width: 767.98px) {

   .report-slider .report-slider__prev,
   .report-slider .report-slider__next {
      width: 30px;
      height: 30px
   }
}

.report-slider .report-slider__prev i,
.report-slider .report-slider__next i {
   font-size: 1.5rem;
   color: #fff
}

@media (max-width: 767.98px) {

   .report-slider .report-slider__prev i,
   .report-slider .report-slider__next i {
      font-size: 1.375rem
   }
}

.report-slider .report-slider__prev:hover i,
.report-slider .report-slider__next:hover i {
   color: #fa0505
}

.report-slider .report-slider__prev.swiper-button-lock,
.report-slider .report-slider__next.swiper-button-lock {
   opacity: 0
}

.report-slider .report-slider__prev {
   left: 0
}

.report-slider .report-slider__next {
   right: 0
}

.report-slider .report-slider__navigation {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: flex-end
}

.report-slider .report-slider__navigation--white .report-slider__prev i,
.report-slider .report-slider__navigation--white .report-slider__next i {
   color: #000
}

.slider--centraltham {
   overflow: visible
}

.slider--centraltham .swiper__card {
   border-radius: 25px
}

.slider--centraltham .swiper-slide {
   height: 457px
}

.slider--centraltham .swiper-slide p {
   line-height: 1
}

.slider--centraltham .swiper__body {
   color: #fff;
   text-align: center;
   position: absolute
}

@media (min-width: 768px) {
   .slider--centraltham .swiper-slide--1 {
      width: 307px !important
   }
}

.slider--centraltham .swiper-slide--2 {
   overflow: hidden
}

@media (min-width: 768px) {
   .slider--centraltham .swiper-slide--2 {
      width: 226px !important
   }
}

.slider--centraltham .swiper-slide--2 .swiper__card:first-child {
   height: 49%;
   margin-bottom: 10px;
   display: flex;
   justify-content: center;
   align-items: center;
   position: relative
}

.slider--centraltham .swiper-slide--2 .swiper__card:last-child {
   height: 49%;
   position: relative
}

.slider--centraltham .swiper-slide--2 .swiper__card:last-child .swiper__body {
   margin-top: 25px;
   margin-left: 15px
}

@media (min-width: 768px) {
   .slider--centraltham .swiper-slide--3 {
      width: 307px !important
   }
}

.slider--centraltham .swiper-slide--3 .swiper__card {
   display: flex;
   align-items: flex-end;
   justify-content: center
}

.slider--centraltham .swiper-slide--3 .swiper__card .swiper__body {
   margin-bottom: 25px
}

@media (min-width: 768px) {
   .slider--centraltham .swiper-slide--4 {
      width: 457px !important
   }
}

.slider--centraltham .swiper-slide--4 .swiper__card {
   display: flex;
   align-items: flex-end;
   justify-content: center
}

.slider--centraltham .swiper-slide--4 .swiper__card .swiper__body {
   margin-bottom: 40px
}

.slider--centraltham .swiper__buttons {
   padding-top: 3rem
}

.slider--centraltham .swiper__card {
   width: 100%;
   height: 100%;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat
}

@media (min-width: 1200px) {
   .centraltham-slider {
      margin-bottom: 2rem
   }
}

.centraltham-slider .centraltham-slider__prev,
.centraltham-slider .centraltham-slider__next {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 40px;
   height: 40px
}

@media (min-width: 1200px) {

   .centraltham-slider .centraltham-slider__prev,
   .centraltham-slider .centraltham-slider__next {
      opacity: 0
   }
}

@media (max-width: 767.98px) {

   .centraltham-slider .centraltham-slider__prev,
   .centraltham-slider .centraltham-slider__next {
      width: 30px;
      height: 30px
   }
}

.centraltham-slider .centraltham-slider__prev i,
.centraltham-slider .centraltham-slider__next i {
   font-size: 1.5rem
}

@media (max-width: 767.98px) {

   .centraltham-slider .centraltham-slider__prev i,
   .centraltham-slider .centraltham-slider__next i {
      font-size: 1.375rem
   }
}

.centraltham-slider .centraltham-slider__prev:hover i,
.centraltham-slider .centraltham-slider__next:hover i {
   color: #fa0505
}

.centraltham-slider .centraltham-slider__prev.swiper-button-lock,
.centraltham-slider .centraltham-slider__next.swiper-button-lock {
   opacity: 0
}

.centraltham-slider .centraltham-slider__next {
   margin-left: .75rem
}

@media (max-width: 767.98px) {
   .centraltham-slider .centraltham-slider__next {
      margin-left: .5rem
   }
}

.centraltham-slider .centraltham-slider__navigation {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: flex-end;
   padding-top: 2rem
}

@media (max-width: 991.98px) {
   .centraltham-slider .centraltham-slider__navigation {
      padding-top: 1.5rem
   }
}

.centraltham-slider .centraltham-slider__navigation--invert .centraltham-slider__prev i,
.centraltham-slider .centraltham-slider__navigation--invert .centraltham-slider__next i {
   color: #000
}

.centraltham-slider .centraltham-slider__navigation--invert .centraltham-slider__prev:hover i,
.centraltham-slider .centraltham-slider__navigation--invert .centraltham-slider__next:hover i {
   color: #fa0505
}

.slider--omni {
   position: relative
}

.slider--omni .swiper-slide:after {
   content: "";
   width: 100%;
   height: 100%;
   background-color: #7b131566;
   position: absolute;
   left: 0;
   top: 0;
   transition: all .3s ease-in-out
}

.slider--omni .swiper-slide.swiper-slide-active:after {
   opacity: 0
}

.slider--omni .swiper__buttons {
   margin-top: 30px;
   width: 100%;
   padding-right: 12px;
   padding-left: 12px;
   margin-right: auto;
   margin-left: auto
}

@media (min-width: 576px) {
   .slider--omni .swiper__buttons {
      max-width: 540px
   }
}

@media (min-width: 768px) {
   .slider--omni .swiper__buttons {
      max-width: 720px
   }
}

@media (min-width: 992px) {
   .slider--omni .swiper__buttons {
      max-width: 960px
   }
}

@media (min-width: 1200px) {
   .slider--omni .swiper__buttons {
      max-width: 1140px
   }
}

@media (min-width: 1400px) {
   .slider--omni .swiper__buttons {
      max-width: 1250px
   }
}

@media (min-width: 1600px) {
   .slider--omni .swiper__buttons {
      max-width: 1350px
   }
}

@media (min-width: 2000px) {
   .slider--omni .swiper__buttons {
      max-width: 1650px
   }
}

.slider--omni .swiper__image {
   width: 100%
}

.slider--omni .slider__controls {
   position: absolute;
   z-index: 3;
   bottom: 1rem;
   left: 0;
   width: 100%
}

.slider--omni .slider__pagination {
   text-align: center
}

.slider--omni .swiper-pagination-bullet {
   width: 10px;
   height: 10px;
   background-color: #ffffffd9
}

.slider--omni .swiper-pagination-bullet-active {
   background-color: #fff
}

.slider--omni-ordering {
   position: relative
}

.slider--omni-ordering .swiper__buttons {
   margin-top: 30px;
   width: 100%;
   padding-right: 12px;
   padding-left: 12px;
   margin-right: auto;
   margin-left: auto
}

@media (min-width: 576px) {
   .slider--omni-ordering .swiper__buttons {
      max-width: 540px
   }
}

@media (min-width: 768px) {
   .slider--omni-ordering .swiper__buttons {
      max-width: 720px
   }
}

@media (min-width: 992px) {
   .slider--omni-ordering .swiper__buttons {
      max-width: 960px
   }
}

@media (min-width: 1200px) {
   .slider--omni-ordering .swiper__buttons {
      max-width: 1140px
   }
}

@media (min-width: 1400px) {
   .slider--omni-ordering .swiper__buttons {
      max-width: 1250px
   }
}

@media (min-width: 1600px) {
   .slider--omni-ordering .swiper__buttons {
      max-width: 1350px
   }
}

@media (min-width: 2000px) {
   .slider--omni-ordering .swiper__buttons {
      max-width: 1650px
   }
}

.slider--omni-ordering .swiper__image {
   width: 100%;
   border-radius: 25px
}

.slider--omni-ordering .slider__controls {
   position: absolute;
   z-index: 3;
   bottom: 1rem;
   left: 0;
   width: 100%
}

.slider--omni-ordering .slider__pagination {
   text-align: center
}

.slider--omni-ordering .swiper-pagination-bullet {
   width: 10px;
   height: 10px;
   background-color: #ffffffd9
}

.slider--omni-ordering .swiper-pagination-bullet-active {
   background-color: #fff
}

.slider--mobile-app {
   border-radius: 10%;
   overflow: hidden;
   z-index: -1
}

.slider--mobile-app .swiper__image {
   width: 100%;
   max-width: 100%
}

.slider--shop-online {
   position: relative
}

.slider--shop-online .w-100 {
   border-radius: 25px
}

html[lang=en] .slider--business-overview .slider__body {
   font-size: 1rem
}

@media (max-width: 1599.98px) {
   html[lang=en] .slider--business-overview .slider__body {
      font-size: .9375rem
   }
}

@media (max-width: 767.98px) {
   html[lang=en] .slider--business-overview .slider__body {
      font-size: .875rem
   }
}

@media only screen and (min-height: 530px)and (max-height: 650px)and (min-width: 1200px)and (max-width: 1400px) {
   html[lang=en] .slider--business-overview .slider__body {
      font-size: .875rem
   }
}

html[lang=th] .slider--business-overview .slider__body {
   font-size: 1rem
}

@media (max-width: 1599.98px) {
   html[lang=th] .slider--business-overview .slider__body {
      font-size: .9375rem
   }
}

@media (max-width: 767.98px) {
   html[lang=th] .slider--business-overview .slider__body {
      font-size: .875rem
   }
}

@media only screen and (min-height: 530px)and (max-height: 650px)and (min-width: 1200px)and (max-width: 1400px) {
   html[lang=th] .slider--business-overview .slider__body {
      font-size: .875rem
   }
}

.slider--business-overview .slider__image {
   padding-top: 62.5%;
   position: relative;
   overflow: hidden;
   border-radius: 25px
}

.slider--business-overview .slider__image>.img-fluid {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center
}

.slider--business-overview .slider__title {
   margin-bottom: 1rem
}

@media (max-width: 1599.98px) {
   .slider--business-overview .slider__title {
      margin-bottom: .75rem
   }
}

.slider--business-overview .slider__content {
   padding-top: 1.75rem
}

@media (max-width: 1599.98px) {
   .slider--business-overview .slider__content {
      padding-top: 1rem
   }
}

.slider--business-overview .slider__body {
   padding-bottom: 2rem
}

@media (min-width: 992px) {
   .slider--business-overview .slider__body {
      position: relative;
      overflow: hidden;
      -webkit-box-orient: vertical;
      display: -webkit-box;
      text-overflow: ellipsis;
      -webkit-line-clamp: 6
   }
}

@media (max-width: 1599.98px) {
   .slider--business-overview .slider__body {
      padding-bottom: 1.75rem
   }
}

@media (max-width: 767.98px) {
   .slider--business-overview .slider__body {
      padding-bottom: 1.25rem
   }
}

.slider--business-overview .slider__btn-group {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: flex-start
}

@media (max-width: 767.98px) {
   .slider--business-overview .slider__btn-group {
      flex-direction: column
   }
}

.slider--business-overview .slider__btn-group .btn:not(:first-child) {
   margin-left: 1.5rem
}

@media (max-width: 1599.98px) {
   .slider--business-overview .slider__btn-group .btn:not(:first-child) {
      margin-left: 1rem
   }
}

@media (max-width: 767.98px) {
   .slider--business-overview .slider__btn-group .btn:not(:first-child) {
      margin-top: .75rem
   }
}

.slider--business-thumbnail {
   position: relative;
   overflow: hidden;
   margin: 0 2rem 1rem
}

.slider--business-thumbnail .slider__image--color {
   display: none
}

.slider--business-thumbnail .slider__image--grey,
.slider--business-thumbnail .slider__slide:hover .slider__image--color,
.slider--business-thumbnail .slider__slide.swiper-slide-thumb-active .slider__image--color {
   display: block
}

.slider--business-thumbnail .slider__slide:hover .slider__image--grey,
.slider--business-thumbnail .slider__slide.swiper-slide-thumb-active .slider__image--grey {
   display: none
}

.sticky-slider {
   display: flex;
   flex-wrap: wrap;
   padding-bottom: 0
}

.sticky-slider__gallery {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 66.67%;
   max-width: 66.67%;
   width: 100%;
   position: -webkit-sticky;
   position: sticky;
   top: 12.5vh;
   height: 87.5vh;
   z-index: 2
}

@media (max-width: 1199.98px) {
   .sticky-slider__gallery {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 60%;
      max-width: 60%;
      width: 100%
   }
}

@media (max-width: 991.98px) {
   .sticky-slider__gallery {
      display: none
   }
}

.sticky-slider__gallery-item {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   opacity: 0;
   z-index: 9;
   transition: opacity .3s ease-in-out
}

.sticky-slider__gallery-item.active {
   opacity: 1
}

.sticky-slider__gallery-image {
   width: 100%
}

.sticky-slider__content {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 33.33%;
   max-width: 33.33%;
   width: 100%
}

@media (max-width: 1199.98px) {
   .sticky-slider__content {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 40%;
      max-width: 40%;
      width: 100%
   }
}

@media (max-width: 991.98px) {
   .sticky-slider__content {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%;
      width: 100%;
      padding-right: 12px;
      padding-left: 12px;
      margin-right: auto;
      margin-left: auto
   }
}

@media (max-width: 991.98px)and (min-width: 576px) {
   .sticky-slider__content {
      max-width: 540px
   }
}

@media (max-width: 991.98px)and (min-width: 768px) {
   .sticky-slider__content {
      max-width: 720px
   }
}

@media (max-width: 991.98px)and (min-width: 992px) {
   .sticky-slider__content {
      max-width: 960px
   }
}

@media (max-width: 991.98px)and (min-width: 1200px) {
   .sticky-slider__content {
      max-width: 1140px
   }
}

@media (max-width: 991.98px)and (min-width: 1400px) {
   .sticky-slider__content {
      max-width: 1250px
   }
}

@media (max-width: 991.98px)and (min-width: 1600px) {
   .sticky-slider__content {
      max-width: 1350px
   }
}

@media (max-width: 991.98px)and (min-width: 2000px) {
   .sticky-slider__content {
      max-width: 1650px
   }
}

.sticky-slider__content-item {
   min-height: 100vh;
   padding: 12.5vh 5rem 5rem 5rem
}

@media (max-width: 1199.98px) {
   .sticky-slider__content-item {
      padding-left: 3rem;
      padding-right: 3rem
   }
}

@media (max-width: 991.98px) {
   .sticky-slider__content-item {
      height: auto;
      min-height: 0;
      min-height: initial;
      padding: 0 0 5rem
   }
}

.sticky-slider__content-item--bg-grey-700 {
   position: relative;
   z-index: 1
}

.sticky-slider__content-item--bg-grey-700:after {
   content: "";
   width: 99vw;
   height: 100%;
   background-color: #1e1e1e;
   position: absolute;
   left: -66vw;
   top: 0;
   z-index: -1
}

@media (max-width: 1199.98px) {
   .sticky-slider__content-item--bg-grey-700:after {
      left: -60vw
   }
}

@media (max-width: 991.98px) {
   .sticky-slider__content-item--bg-grey-700:after {
      display: none
   }
}

.sticky-slider__content-item--bg-r-grey-700 {
   position: relative;
   z-index: 1
}

.sticky-slider__content-item--bg-r-grey-700:after {
   content: "";
   width: 130vw;
   height: 100%;
   background-color: #1e1e1e;
   position: absolute;
   right: -66vw;
   top: 0;
   z-index: -1
}

@media (max-width: 1199.98px) {
   .sticky-slider__content-item--bg-r-grey-700:after {
      right: -60vw
   }
}

@media (max-width: 991.98px) {
   .sticky-slider__content-item--bg-r-grey-700:after {
      display: none
   }
}

.sticky-slider__content-figure {
   display: none
}

@media (max-width: 991.98px) {
   .sticky-slider__content-figure {
      display: block;
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%;
      width: 100%
   }
}

.sticky-slider__content-image {
   width: 100%
}

.sticky-slider--core-brand .sticky-slider__gallery {
   top: 0;
   height: 100vh;
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 50%;
   max-width: 50%;
   width: 100%
}

@media (max-width: 1199.98px) {
   .sticky-slider--core-brand .sticky-slider__gallery {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 50%;
      max-width: 50%;
      width: 100%
   }
}

.sticky-slider--core-brand .sticky-slider__content {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 50%;
   max-width: 50%;
   width: 100%
}

@media (max-width: 1199.98px) {
   .sticky-slider--core-brand .sticky-slider__content {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 50%;
      max-width: 50%;
      width: 100%
   }
}

@media (max-width: 991.98px) {
   .sticky-slider--core-brand .sticky-slider__content {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%;
      width: 100%
   }
}

.sticky-slider--core-brand .sticky-slider__content-figure {
   margin-bottom: 3rem
}

@media (max-width: 767.98px) {
   .sticky-slider--core-brand .sticky-slider__content-figure {
      margin-bottom: 0
   }
}

.sticky-slider--core-brand .sticky-slider__gallery-image {
   height: 100%;
   object-fit: cover
}

.sticky-slider--core-brand .sticky-slider__content-item {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   padding-top: 0;
   padding-bottom: 0
}

@media (max-width: 991.98px) {
   .sticky-slider--core-brand .sticky-slider__content-item {
      margin-bottom: 3rem;
      padding-bottom: 0
   }
}

@media (max-width: 767.98px) {
   .sticky-slider--core-brand .sticky-slider__content-item {
      flex-wrap: wrap
   }
}

html[lang=en] .tabs .tabs__title {
   font-family: CPN, sans-serif;
   font-size: 1.75rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=en] .tabs .tabs__title {
      font-size: calc(1.075rem + .6585365854vw)
   }
}

html[lang=th] .tabs .tabs__title {
   font-family: CPN, sans-serif;
   font-size: 1.75rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=th] .tabs .tabs__title {
      font-size: calc(1.075rem + .6585365854vw)
   }
}

.tabs {
   overflow: hidden
}

.tabs .navbar-collapse {
   justify-content: center
}

.tabs .tabs__navbar {
   padding: 0 !important;
   width: 100%;
   padding-right: 12px;
   padding-left: 12px;
   margin-right: auto;
   margin-left: auto
}

@media (min-width: 576px) {
   .tabs .tabs__navbar {
      max-width: 540px
   }
}

@media (min-width: 768px) {
   .tabs .tabs__navbar {
      max-width: 720px
   }
}

@media (min-width: 992px) {
   .tabs .tabs__navbar {
      max-width: 960px
   }
}

@media (min-width: 1200px) {
   .tabs .tabs__navbar {
      max-width: 1140px
   }
}

@media (min-width: 1400px) {
   .tabs .tabs__navbar {
      max-width: 1250px
   }
}

@media (min-width: 1600px) {
   .tabs .tabs__navbar {
      max-width: 1350px
   }
}

@media (min-width: 2000px) {
   .tabs .tabs__navbar {
      max-width: 1650px
   }
}

.tabs .tabs__nav-tabs {
   width: 100%;
   border-bottom: none;
   display: flex;
   justify-content: center;
   align-items: center
}

@media (max-width: 991.98px) {
   .tabs .tabs__nav-tabs {
      display: flex;
      flex-direction: row;
      align-items: flex-start
   }
}

.tabs .tabs__nav-item {
   border-radius: 0;
   width: auto;
   transition: all ease-in-out .3s;
   margin-bottom: 0
}

.tabs .tabs__nav-item:nth-child(1) {
   border-top: 5px solid #f9bd15
}

.tabs .tabs__nav-item:nth-child(2) {
   border-top: 5px solid #2673bf
}

.tabs .tabs__nav-item:nth-child(3) {
   border-top: 5px solid #25c149
}

.tabs .tabs__nav-item:nth-child(4) {
   border-top: 5px solid #a0895d
}

@media (min-width: 1200px) {
   .tabs .tabs__nav-item {
      min-width: 280px !important
   }
}

@media (min-width: 992px) {
   .tabs .tabs__nav-item {
      min-width: 200px
   }
}

@media (max-width: 991.98px) {
   .tabs .tabs__nav-item {
      width: 20% !important;
      border-radius: 0;
      margin: 0
   }
}

@media (max-width: 767.98px) {
   .tabs .tabs__nav-item {
      width: 25% !important
   }
}

.tabs .tabs__nav-item:not(:first-child) .tabs__nav-link {
   border-left: none
}

.tabs .tabs__nav-item.active:nth-child(1) .tabs__nav-link {
   background-color: #f9bd15
}

.tabs .tabs__nav-item.active:nth-child(2) .tabs__nav-link {
   background-color: #2673bf
}

.tabs .tabs__nav-item.active:nth-child(3) .tabs__nav-link {
   background-color: #25c149
}

.tabs .tabs__nav-item.active:nth-child(4) .tabs__nav-link {
   background-color: #a0895d
}

.tabs .tabs__nav-item.active .tabs__nav-link {
   color: #000
}

.tabs .tabs__nav-link {
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 0;
   padding: .5rem 0;
   border: none;
   height: 100%;
   color: #fff;
   background-color: #000
}

.tabs .tab__body {
   padding: 0
}

.tabs .tab__pane {
   opacity: 0;
   visibility: hidden;
   height: 0;
   transition: opacity .3s ease-in-out;
   display: none
}

@media (max-width: 991.98px) {
   .tabs .tab__pane {
      transition: none
   }
}

.tabs .tab__pane.active {
   display: block;
   opacity: 1;
   visibility: visible;
   height: 100%
}

.tabs .tabs__navbar-toggler {
   display: none
}

.tabs .tabs__navbar-collapse {
   display: block !important;
   height: 100% !important
}

.tabs .tabs__icon {
   width: 40px;
   text-align: center;
   line-height: 60px;
   padding: 0 .5rem;
   font-family: "Font Awesome 6 Pro" !important;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   display: inline-block;
   font-style: normal;
   -webkit-font-feature-settings: normal;
   font-feature-settings: normal;
   font-variant: normal;
   text-rendering: auto;
   line-height: 1;
   font-weight: 900
}

.tabs .tabs__icon:before {
   content: "\f0d7"
}

html[lang=en] .table thead th {
   font-family: CPN, sans-serif;
   font-size: 1.25rem;
   font-weight: 700;
   line-height: 1.5
}

@media (max-width: 1640px) {
   html[lang=en] .table thead th {
      font-size: calc(1.025rem + .2195121951vw)
   }
}

@media (max-width: 767.98px) {
   html[lang=en] .table thead th {
      font-size: 1.0625rem
   }
}

@media (max-width: 767.98px)and (max-width: 1640px) {
   html[lang=en] .table thead th {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=en] .table thead th {
      font-size: 1.125rem
   }
}

html[lang=en] .table tbody td {
   font-family: CPN, sans-serif;
   font-size: 1.0625rem;
   font-weight: 400;
   line-height: 1.5
}

@media (max-width: 1640px) {
   html[lang=en] .table tbody td {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=en] .table tbody td {
      font-size: 1rem
   }
}

html[lang=en] .table tbody th {
   font-family: CPN, sans-serif;
   font-size: 1.0625rem;
   line-height: 1.5
}

@media (max-width: 1640px) {
   html[lang=en] .table tbody th {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=en] .table tbody th {
      font-size: 1rem
   }
}

html[lang=en] .table tbody tr.row-highlight th,
html[lang=en] .table tbody tr.row-highlight td {
   font-family: CPN, sans-serif;
   font-size: 1.0625rem;
   font-weight: 700;
   line-height: 1.5
}

@media (max-width: 1640px) {

   html[lang=en] .table tbody tr.row-highlight th,
   html[lang=en] .table tbody tr.row-highlight td {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 1399.98px) {

   html[lang=en] .table tbody tr.row-highlight th,
   html[lang=en] .table tbody tr.row-highlight td {
      font-size: 1rem
   }
}

html[lang=th] .table thead th {
   font-family: CPN, sans-serif;
   font-size: 1.25rem;
   font-weight: 700;
   line-height: 1.5
}

@media (max-width: 1640px) {
   html[lang=th] .table thead th {
      font-size: calc(1.025rem + .2195121951vw)
   }
}

@media (max-width: 767.98px) {
   html[lang=th] .table thead th {
      font-size: 1.0625rem
   }
}

@media (max-width: 767.98px)and (max-width: 1640px) {
   html[lang=th] .table thead th {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=th] .table thead th {
      font-size: 1.125rem
   }
}

html[lang=th] .table tbody td {
   font-family: CPN, sans-serif;
   font-size: 1.0625rem;
   font-weight: 400;
   line-height: 1.5
}

@media (max-width: 1640px) {
   html[lang=th] .table tbody td {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=th] .table tbody td {
      font-size: 1rem
   }
}

html[lang=th] .table tbody th {
   font-family: CPN, sans-serif;
   font-size: 1.0625rem;
   line-height: 1.5
}

@media (max-width: 1640px) {
   html[lang=th] .table tbody th {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=th] .table tbody th {
      font-size: 1rem
   }
}

html[lang=th] .table tbody tr.row-highlight th,
html[lang=th] .table tbody tr.row-highlight td {
   font-family: CPN, sans-serif;
   font-size: 1.0625rem;
   font-weight: 700;
   line-height: 1.5
}

@media (max-width: 1640px) {

   html[lang=th] .table tbody tr.row-highlight th,
   html[lang=th] .table tbody tr.row-highlight td {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 1399.98px) {

   html[lang=th] .table tbody tr.row-highlight th,
   html[lang=th] .table tbody tr.row-highlight td {
      font-size: 1rem
   }
}

.table {
   color: #fff;
   border-bottom: 1px solid #e0e0e0
}

.table thead tr th {
   color: #fff;
   background-color: transparent
}

.table thead tr:first-child th {
   border-top: 0
}

.table thead tr:last-child {
   border-bottom: 3px solid #fff
}

.table thead th {
   padding: 1.125rem 1.5rem;
   border-bottom: 0;
   vertical-align: middle
}

@media (max-width: 1399.98px) {
   .table thead th {
      padding: 1.15rem 1.25rem
   }
}

@media (max-width: 1199.98px) {
   .table thead th {
      padding: 1rem .75rem
   }
}

@media (max-width: 991.98px) {
   .table thead th {
      padding: 1rem .5rem
   }
}

.table thead th:not(:first-child) {
   border-left: 1px solid transparent
}

.table thead+tbody tr:first-child>th,
.table thead+tbody tr:first-child td {
   border-top: 0 !important
}

.table tbody th,
.table tbody td {
   padding: 1.125rem 1.5rem;
   border-top-color: #fff;
   border-left: 0;
   background-color: transparent;
   transition: all .2s ease-in-out
}

@media (max-width: 1399.98px) {

   .table tbody th,
   .table tbody td {
      padding: 1rem 1.25rem
   }
}

@media (max-width: 1199.98px) {

   .table tbody th,
   .table tbody td {
      padding: .875rem .75rem
   }
}

@media (max-width: 991.98px) {

   .table tbody th,
   .table tbody td {
      padding: .875rem .5rem
   }
}

.table tbody tr:hover th,
.table tbody tr:hover td,
.table tbody tr:focus th,
.table tbody tr:focus td {
   color: #fff !important;
   background-color: #3c3d41 !important
}

.table tbody tr.row-highlight th,
.table tbody tr.row-highlight td {
   color: #fff;
   text-transform: none;
   text-transform: initial;
   background-color: transparent;
   border-top: 1px solid #e0e0e0
}

.table tbody tr.row-highlight:hover th,
.table tbody tr.row-highlight:hover td,
.table tbody tr.row-highlight:focus th,
.table tbody tr.row-highlight:focus td {
   color: #fff !important;
   background-color: transparent !important
}

.table tbody tr.table__row-hover th,
.table tbody tr.table__row-hover td {
   color: #fff !important;
   background-color: #3c3d41 !important
}

@media (max-width: 991.98px) {
   html[lang=en] .table--dividend thead th {
      font-size: 1rem
   }
}

@media (max-width: 991.98px) {
   html[lang=th] .table--dividend thead th {
      font-size: 1rem
   }
}

@media (max-width: 991.98px) {
   .table--dividend {
      min-width: 870px
   }
}

.table--dividend thead tr:first-child th {
   border-top: 3px solid #3c3d41
}

.table--dividend thead tr th {
   vertical-align: top;
   text-align: left
}

.table--dividend tbody tr td {
   text-align: left;
   vertical-align: middle
}

.table--dividend tbody tr td:first-child {
   width: 25%
}

@media (max-width: 1399.98px) {
   .table--dividend tbody tr td:first-child {
      width: 22%
   }
}

@media (max-width: 991.98px) {
   .table--dividend tbody tr td:first-child {
      width: 25%
   }
}

.table--dividend tbody tr td:nth-child(2) {
   white-space: nowrap
}

.table--shareholders thead tr th:first-child {
   text-align: center
}

.table--shareholders thead tr th:last-child {
   text-align: right
}

.table--shareholders tbody tr td:first-child {
   text-align: center
}

.table--shareholders tbody tr td:last-child {
   text-align: right
}

html[lang=en] .table--stakeholders tr td:first-child {
   font-weight: 700;
   font-size: 1.25rem
}

@media (max-width: 767.98px) {
   html[lang=en] .table--stakeholders tr td:first-child {
      font-size: 1.125rem
   }
}

html[lang=en] .table--stakeholders tr td:last-child {
   font-size: 1.0625rem
}

@media (max-width: 1640px) {
   html[lang=en] .table--stakeholders tr td:last-child {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=en] .table--stakeholders tr td:last-child {
      font-size: 1rem
   }
}

@media (max-width: 767.98px) {
   html[lang=en] .table--stakeholders tr td:last-child {
      font-size: .9375rem
   }
}

html[lang=th] .table--stakeholders tr td:first-child {
   font-weight: 700;
   font-size: 1.25rem
}

@media (max-width: 767.98px) {
   html[lang=th] .table--stakeholders tr td:first-child {
      font-size: 1.125rem
   }
}

html[lang=th] .table--stakeholders tr td:last-child {
   font-size: 1.0625rem
}

@media (max-width: 1640px) {
   html[lang=th] .table--stakeholders tr td:last-child {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=th] .table--stakeholders tr td:last-child {
      font-size: 1rem
   }
}

@media (max-width: 767.98px) {
   html[lang=th] .table--stakeholders tr td:last-child {
      font-size: .9375rem
   }
}

.table--stakeholders tbody tr:nth-child(odd) td {
   background-color: #3c3d41
}

.table--stakeholders tbody tr:nth-child(even) td {
   background-color: #292929
}

.table--stakeholders tbody td:first-child {
   vertical-align: middle;
   text-align: center;
   min-width: 300px;
   padding: 2rem;
   border-right: 1px solid #fff
}

@media (max-width: 991.98px) {
   .table--stakeholders tbody td:first-child {
      min-width: 200px
   }
}

@media (max-width: 767.98px) {
   .table--stakeholders tbody td:first-child {
      padding: 1rem 1.25rem .875rem;
      text-align: left;
      border-right: 0
   }
}

.table--stakeholders tbody td:last-child {
   vertical-align: middle;
   padding: 2rem 6rem;
   min-width: 400px
}

@media (max-width: 991.98px) {
   .table--stakeholders tbody td:last-child {
      padding: 2rem 4rem
   }
}

@media (max-width: 767.98px) {
   .table--stakeholders tbody td:last-child {
      padding: .875rem 1.25rem 1.25rem;
      text-align: left
   }
}

.table--stakeholders tbody tr:hover th,
.table--stakeholders tbody tr:hover td,
.table--stakeholders tbody tr:focus th,
.table--stakeholders tbody tr:focus td {
   color: #000 !important;
   background-color: #fff !important
}

.table--stakeholders tbody tr:hover td:first-child,
.table--stakeholders tbody tr:focus td:first-child {
   border-right-color: #000
}

@media (max-width: 767.98px) {

   .table--stakeholders tbody tr:hover td:nth-child(2),
   .table--stakeholders tbody tr:focus td:nth-child(2) {
      border-top-color: #000
   }
}

@media (max-width: 767.98px) {

   .table--stakeholders tbody tr,
   .table--stakeholders tbody td {
      display: block;
      min-width: 0 !important;
      min-width: initial !important;
      max-width: 100%;
      width: 100%
   }
}

.table--stakeholders ul {
   margin-bottom: 0
}

.table--stakeholders ul li::marker {
   font-size: 9px
}

.jumbotron--home {
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   position: relative;
   overflow: hidden;
   padding: 0;
   margin-bottom: 0;
   background-color: transparent;
   border: 0;
   border-radius: 25px
}

.jumbotron--home .jumbotron__body {
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
   padding: 2.75rem;
   color: #fff
}

@media (max-width: 1199.98px) {
   .jumbotron--home .jumbotron__body {
      padding: 2rem
   }
}

@media (max-width: 767.98px) {
   .jumbotron--home .jumbotron__body {
      padding: 2rem 1rem
   }
}

@media only screen and (min-width: 300px)and (max-width: 349px)and (orientation: portrait) {
   .jumbotron--home .jumbotron__body {
      padding: 2rem .875rem
   }
}

.jumbotron--home .jumbotron__connect {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: flex-start
}

@media (max-width: 767.98px) {
   .jumbotron--home .jumbotron__connect {
      flex-direction: column;
      text-align: center
   }
}

@media (max-width: 767.98px) {
   .jumbotron--home .jumbotron__logo {
      margin-bottom: 1rem
   }
}

.jumbotron--home .jumbotron__detail {
   padding-left: 1.25rem
}

@media (max-width: 767.98px) {
   .jumbotron--home .jumbotron__detail {
      padding-left: 0
   }
}

.jumbotron--home .jumbotron__social {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
   height: 100%
}

@media (max-width: 767.98px) {
   .jumbotron--home .jumbotron__social {
      margin-top: .75rem
   }
}

.jumbotron--home .jumbotron__link {
   color: #fff;
   font-size: 1.375rem;
   transition: color .3s ease-in-out
}

@media (max-width: 767.98px) {
   .jumbotron--home .jumbotron__link {
      font-size: 1.25rem
   }
}

.jumbotron--home .jumbotron__link:not(:first-child) {
   margin-left: 1.25rem
}

.jumbotron--home .jumbotron__link:hover {
   color: #ffffff80
}

html[lang=en] .jumbotron--newsroom .jumbotron__title {
   font-size: 2.5rem;
   font-weight: 700;
   line-height: 1.2
}

@media (max-width: 1640px) {
   html[lang=en] .jumbotron--newsroom .jumbotron__title {
      font-size: calc(1.15rem + 1.3170731707vw)
   }
}

@media (max-width: 991.98px) {
   html[lang=en] .jumbotron--newsroom .jumbotron__title {
      font-size: 2.625rem
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=en] .jumbotron--newsroom .jumbotron__title {
      font-size: calc(1.1625rem + 1.4268292683vw)
   }
}

html[lang=th] .jumbotron--newsroom .jumbotron__title {
   font-size: 2.5rem;
   font-weight: 700;
   line-height: 1.5
}

@media (max-width: 1640px) {
   html[lang=th] .jumbotron--newsroom .jumbotron__title {
      font-size: calc(1.15rem + 1.3170731707vw)
   }
}

@media (max-width: 991.98px) {
   html[lang=th] .jumbotron--newsroom .jumbotron__title {
      font-size: 2.625rem
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=th] .jumbotron--newsroom .jumbotron__title {
      font-size: calc(1.1625rem + 1.4268292683vw)
   }
}

.jumbotron--newsroom {
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   position: relative;
   overflow: hidden;
   padding: 0;
   margin-bottom: 0;
   background-color: transparent;
   border: 0;
   border-radius: 25px
}

.jumbotron--newsroom .jumbotron__title {
   margin-bottom: 1.25rem;
   color: #fff;
   text-align: center
}

.jumbotron--newsroom .jumbotron__btn-group {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center
}

@media (max-width: 767.98px) {
   .jumbotron--newsroom .jumbotron__btn-group {
      flex-wrap: wrap;
      max-width: 80%;
      margin: 0 auto
   }
}

@media only screen and (min-width: 300px)and (max-width: 349px)and (orientation: portrait) {
   .jumbotron--newsroom .jumbotron__btn-group {
      max-width: 95%
   }
}

@media (max-width: 767.98px) {
   .jumbotron--newsroom .jumbotron__btn-group .btn {
      display: flex;
      justify-content: center;
      width: 100%
   }
}

@media (min-width: 768px) {
   .jumbotron--newsroom .jumbotron__btn-group .btn:not(:first-child) {
      margin-left: 1.25rem
   }
}

@media (min-width: 992px) {
   .jumbotron--newsroom .jumbotron__btn-group .btn:not(:first-child) {
      margin-left: 1.5rem
   }
}

@media (max-width: 767.98px) {
   .jumbotron--newsroom .jumbotron__btn-group .btn:not(:first-child) {
      margin-top: 1rem
   }
}

.jumbotron--newsroom .jumbotron__body {
   position: relative;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   padding: 2.75rem
}

@media (max-width: 1199.98px) {
   .jumbotron--newsroom .jumbotron__body {
      padding: 2rem
   }
}

@media (max-width: 767.98px) {
   .jumbotron--newsroom .jumbotron__body {
      padding: 2rem 1.5rem
   }
}

@media only screen and (min-width: 300px)and (max-width: 349px)and (orientation: portrait) {
   .jumbotron--newsroom .jumbotron__body {
      padding: 2rem 1.25rem
   }
}

html[lang=en] .badge .badge__title {
   font-family: CPN, sans-serif;
   font-weight: 400;
   font-size: .875rem;
   line-height: 1
}

@media (max-width: 1399.98px) {
   html[lang=en] .badge .badge__title {
      font-size: .8125rem
   }
}

html[lang=th] .badge .badge__title {
   font-family: CPN, sans-serif;
   font-weight: 400;
   font-size: .875rem;
   line-height: 1
}

@media (max-width: 1399.98px) {
   html[lang=th] .badge .badge__title {
      font-size: .8125rem
   }
}

.badge {
   display: inline-flex;
   justify-content: center;
   align-items: center;
   padding: .4rem .875rem;
   margin-right: 1rem;
   color: #fff;
   background-color: #3c3d41;
   border-radius: 3px
}

@media (max-width: 1399.98px) {
   .badge {
      padding: .375rem .75rem
   }
}

.badge .badge__title {
   display: inline-block;
   padding-top: .15rem;
   margin-left: .5rem;
   color: #fff
}

.badge .badge__icon {
   position: relative;
   display: inline-flex;
   align-items: center;
   justify-content: center
}

.badge .badge__icon--disclosure {
   font-family: icomoon !important;
   speak: none;
   font-style: normal;
   font-weight: 400;
   -webkit-font-feature-settings: normal;
   font-feature-settings: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}

.badge .badge__icon--disclosure:before {
   content: "\e911"
}

.badge .badge__icon--financial {
   font-family: icomoon !important;
   speak: none;
   font-style: normal;
   font-weight: 400;
   -webkit-font-feature-settings: normal;
   font-feature-settings: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}

.badge .badge__icon--financial:before {
   content: "\e911"
}

.badge .badge__icon--business-movement {
   font-family: icomoon !important;
   speak: none;
   font-style: normal;
   font-weight: 400;
   -webkit-font-feature-settings: normal;
   font-feature-settings: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}

.badge .badge__icon--business-movement:before {
   content: "\e911"
}

.badge .badge__icon--corporate-news {
   font-family: icomoon !important;
   speak: none;
   font-style: normal;
   font-weight: 400;
   -webkit-font-feature-settings: normal;
   font-feature-settings: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}

.badge .badge__icon--corporate-news:before {
   content: "\e911"
}

.badge .badge__icon--sustainability-news {
   font-family: icomoon !important;
   speak: none;
   font-style: normal;
   font-weight: 400;
   -webkit-font-feature-settings: normal;
   font-feature-settings: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}

.badge .badge__icon--sustainability-news:before {
   content: "\e911"
}

.badge .badge__icon--corporate-excellence {
   font-family: icomoon !important;
   speak: none;
   font-style: normal;
   font-weight: 400;
   -webkit-font-feature-settings: normal;
   font-feature-settings: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}

.badge .badge__icon--corporate-excellence:before {
   content: "\e911"
}

.badge .badge__icon--business-excellence {
   font-family: icomoon !important;
   speak: none;
   font-style: normal;
   font-weight: 400;
   -webkit-font-feature-settings: normal;
   font-feature-settings: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}

.badge .badge__icon--business-excellence:before {
   content: "\e911"
}

.badge .badge__icon--sustainability-excellence {
   font-family: icomoon !important;
   speak: none;
   font-style: normal;
   font-weight: 400;
   -webkit-font-feature-settings: normal;
   font-feature-settings: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}

.badge .badge__icon--sustainability-excellence:before {
   content: "\e911"
}

.badge .badge__icon--marketing-branding-excellence {
   font-family: icomoon !important;
   speak: none;
   font-style: normal;
   font-weight: 400;
   -webkit-font-feature-settings: normal;
   font-feature-settings: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}

.badge .badge__icon--marketing-branding-excellence:before {
   content: "\e911"
}

.badge .badge__icon--people-excellence {
   font-family: icomoon !important;
   speak: none;
   font-style: normal;
   font-weight: 400;
   -webkit-font-feature-settings: normal;
   font-feature-settings: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}

.badge .badge__icon--people-excellence:before {
   content: "\e911"
}

.badge .badge__icon--cg-activities {
   font-family: icomoon !important;
   speak: none;
   font-style: normal;
   font-weight: 400;
   -webkit-font-feature-settings: normal;
   font-feature-settings: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}

.badge .badge__icon--cg-activities:before {
   content: "\e911"
}

html[lang=en] .breadcrumb .breadcrumb__title {
   font-family: CPN, sans-serif;
   font-size: 1.0625rem;
   font-weight: 400;
   line-height: 1.5
}

@media (max-width: 1640px) {
   html[lang=en] .breadcrumb .breadcrumb__title {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=en] .breadcrumb .breadcrumb__title {
      font-size: 1rem
   }
}

@media (max-width: 1199.98px) {
   html[lang=en] .breadcrumb .breadcrumb__title {
      font-size: .9375rem
   }
}

html[lang=th] .breadcrumb .breadcrumb__title {
   font-family: CPN, sans-serif;
   font-size: 1.0625rem;
   font-weight: 400;
   line-height: 1.5
}

@media (max-width: 1640px) {
   html[lang=th] .breadcrumb .breadcrumb__title {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=th] .breadcrumb .breadcrumb__title {
      font-size: 1rem
   }
}

@media (max-width: 1199.98px) {
   html[lang=th] .breadcrumb .breadcrumb__title {
      font-size: .9375rem
   }
}

.breadcrumb {
   justify-content: flex-start;
   padding: 0;
   margin-bottom: 0;
   background-color: transparent
}

.breadcrumb .breadcrumb-link {
   margin-bottom: 0;
   color: #fff
}

.breadcrumb .breadcrumb__title {
   color: #fff
}

.breadcrumb .breadcrumb-item+.breadcrumb-item {
   line-height: 1.4;
   margin-left: .25rem;
   padding-left: .25rem
}

.breadcrumb .breadcrumb-item+.breadcrumb-item:before {
   margin: auto .25rem auto 0;
   padding-right: .25rem;
   color: #fff;
   content: "/";
   font-size: 1rem
}

.breadcrumb .breadcrumb-item {
   margin-bottom: 0
}

.breadcrumb .breadcrumb-item:last-child {
   pointer-events: none
}

.breadcrumb .breadcrumb-item:last-child .breadcrumb-link {
   opacity: 0
}

.breadcrumb .breadcrumb-item:hover .breadcrumb-link .breadcrumb__title,
.breadcrumb .breadcrumb-item:focus .breadcrumb-link .breadcrumb__title {
   color: #fff
}

.crc-cursor {
   position: fixed;
   top: 0;
   left: 0;
   width: 32px;
   height: 32px;
   pointer-events: none;
   margin-left: -16px;
   margin-top: -16px;
   z-index: 1002;
   display: none
}

.crc-cursor.active {
   display: block
}

.crc-cursor__inner {
   position: absolute;
   z-index: 5;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   border-radius: 50%;
   border: 2px solid #fa0505;
   transition: -webkit-transform .23s ease;
   transition: transform .23s ease;
   transition: transform .23s ease, -webkit-transform .23s ease;
   pointer-events: none
}

.crc-cursor--hover .crc-cursor__inner {
   -webkit-transform: scale(2.5);
   transform: scale(2.5);
   background: linear-gradient(to bottom, #FA0505, #7B1315);
   border-width: 0;
   opacity: 1
}

.crc-cursor--spotlight {
   mix-blend-mode: color-burn
}

.crc-cursor--spotlight .crc-cursor__inner {
   -webkit-transform: scale(4);
   transform: scale(4);
   background: linear-gradient(to bottom, #FA0505, #7B1315);
   -webkit-filter: brightness(.3);
   filter: brightness(.3);
   border-width: 0
}

.crc-cursor--mix-blend .crc-cursor__inner {
   background: linear-gradient(135deg, #000000 25%, #8E0C0C 91.67%);
   -webkit-transform: scale(2.5);
   transform: scale(2.5);
   border-width: 0;
   opacity: 1
}

.is-touch-screen .crc-cursor {
   display: none
}

html[lang=en] .page-header .page-header__headline {
   font-family: CPN, sans-serif;
   font-weight: 700;
   line-height: 1.2;
   font-size: 3.875rem
}

@media (max-width: 1640px) {
   html[lang=en] .page-header .page-header__headline {
      font-size: calc(1.2875rem + 2.5243902439vw)
   }
}

@media (max-width: 767.98px) {
   html[lang=en] .page-header .page-header__headline {
      font-size: 1.875rem
   }
}

@media only screen and (min-height: 530px)and (max-height: 650px)and (min-width: 1200px)and (max-width: 1400px) {
   html[lang=en] .page-header .page-header__headline {
      font-size: 2.875rem;
      line-height: 1.35
   }
}

html[lang=en] .page-header--newsroom .page-header__headline {
   font-size: 1.75rem;
   line-height: 1.3
}

@media (max-width: 1640px) {
   html[lang=en] .page-header--newsroom .page-header__headline {
      font-size: calc(1.075rem + .6585365854vw)
   }
}

html[lang=th] .page-header .page-header__headline {
   font-family: CPN, sans-serif;
   font-weight: 700;
   line-height: 1.5;
   font-size: 3.875rem
}

@media (max-width: 1640px) {
   html[lang=th] .page-header .page-header__headline {
      font-size: calc(1.2875rem + 2.5243902439vw)
   }
}

@media (max-width: 767.98px) {
   html[lang=th] .page-header .page-header__headline {
      font-size: 1.875rem
   }
}

@media only screen and (min-height: 530px)and (max-height: 650px)and (min-width: 1200px)and (max-width: 1400px) {
   html[lang=th] .page-header .page-header__headline {
      font-size: 2.875rem;
      line-height: 1.35
   }
}

html[lang=th] .page-header--newsroom .page-header__headline {
   font-size: 1.75rem;
   line-height: 1.5
}

@media (max-width: 1640px) {
   html[lang=th] .page-header--newsroom .page-header__headline {
      font-size: calc(1.075rem + .6585365854vw)
   }
}

.page-header .page-header__wrapper {
   position: relative;
   overflow: hidden
}

.page-header .page-header__body {
   position: relative;
   overflow: hidden;
   display: flex;
   flex-direction: row;
   align-items: flex-end;
   height: 100vh;
   padding-top: 0 !important;
   padding-bottom: 4rem;
   color: #fff;
   background-color: transparent
}

@media (max-width: 1399.98px) {
   .page-header .page-header__body {
      padding-bottom: 3.5rem
   }
}

@media (max-width: 991.98px) {
   .page-header .page-header__body {
      padding-bottom: 4rem
   }
}

@media (max-width: 767.98px) {
   .page-header .page-header__body {
      padding-bottom: 2.5rem
   }
}

@media only screen and (min-height: 530px)and (max-height: 650px)and (min-width: 1200px)and (max-width: 1400px) {
   .page-header .page-header__body {
      padding-bottom: 2.5rem
   }
}

.page-header .page-header__body:before {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 400px;
   content: "";
   background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
   opacity: .85
}

@media (max-width: 1399.98px) {
   .page-header .page-header__body:before {
      height: 450px
   }
}

.page-header .page-header__headline-wrapper {
   position: relative
}

.page-header .page-header__headline {
   display: block;
   -webkit-transform: translateY(105%);
   transform: translateY(105%);
   opacity: 0;
   margin-bottom: 0;
   color: #fff;
   transition: opacity .6s ease-in-out, -webkit-transform .6s ease-in-out;
   transition: transform .6s ease-in-out, opacity .6s ease-in-out;
   transition: transform .6s ease-in-out, opacity .6s ease-in-out, -webkit-transform .6s ease-in-out
}

.page-header .page-header__headline.active {
   -webkit-transform: translateY(0);
   transform: translateY(0);
   opacity: 1
}

.page-header .page-header__breadcrumb {
   margin-bottom: .65rem
}

@media (max-width: 1399.98px) {
   .page-header .page-header__breadcrumb {
      margin-bottom: .5rem
   }
}

@media (max-width: 991.98px) {
   .page-header .page-header__breadcrumb {
      display: none
   }
}

.page-header .page-header__banner {
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%
}

.page-header .page-header__video>video {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-position: center;
   object-fit: cover
}

.page-header--leadership .breadcrumb .breadcrumb-item:last-child,
.page-header--brand .breadcrumb .breadcrumb-item:last-child {
   pointer-events: auto
}

.page-header--leadership .breadcrumb .breadcrumb-item:last-child .breadcrumb-link,
.page-header--brand .breadcrumb .breadcrumb-item:last-child .breadcrumb-link {
   opacity: 1
}

.page-header--newsroom .page-header__headline {
   display: block;
   max-width: 75%;
   margin-right: auto
}

.page-header--newsroom .page-header__period {
   display: block;
   margin-top: 1.25rem
}

.page-header--search .page-header__headline {
   text-align: center;
   margin-bottom: 0
}

.page-header--search .page-header__body {
   height: 60vh;
   align-items: center;
   padding-top: 10rem !important;
   padding-bottom: 0 !important
}

@media (max-width: 1999.98px) {
   .page-header--search .page-header__body {
      padding-top: 9rem !important
   }
}

@media (max-width: 1599.98px) {
   .page-header--search .page-header__body {
      padding-top: 6rem !important;
      height: 55vh
   }
}

@media (max-width: 1199.98px) {
   .page-header--search .page-header__body {
      height: 50vh
   }
}

@media (max-width: 991.98px) {
   .page-header--search .page-header__body {
      padding-top: 10rem !important;
      height: 25vh
   }
}

@media (max-width: 767.98px) {
   .page-header--search .page-header__body {
      height: 30vh;
      padding-top: 8rem !important
   }
}

@media only screen and (min-height: 530px)and (max-height: 650px)and (min-width: 1200px)and (max-width: 1400px) {
   .page-header--search .page-header__body {
      padding-top: 6rem !important
   }
}

.page-header--search .page-header__body:before {
   display: none
}

html[lang=en] .pagination .page-item,
html[lang=th] .pagination .page-item {
   font-weight: 400
}

.pagination {
   justify-content: center;
   padding-top: 3rem;
   margin-bottom: 0
}

.pagination .page-link {
   padding: .5rem .25rem;
   font-size: 1rem;
   line-height: 1
}

.pagination .page-item:first-child .page-link {
   border-top-left-radius: 100%;
   border-bottom-left-radius: 100%
}

.pagination .page-item:last-child .page-link {
   border-top-right-radius: 100%;
   border-bottom-right-radius: 100%
}

.pagination .page-item {
   margin: 0 .5rem
}

.pagination .page-item:first-child .page-link {
   border-radius: 100%
}

.pagination .page-item:first-child .page-link i {
   display: inline-block;
   -webkit-transform: translateX(.25rem);
   transform: translate(.25rem);
   transition: -webkit-transform .3s ease-in-out;
   transition: transform .3s ease-in-out;
   transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.pagination .page-item:last-child .page-link i {
   display: inline-block;
   -webkit-transform: translateX(-.25rem);
   transform: translate(-.25rem);
   transition: -webkit-transform .3s ease-in-out;
   transition: transform .3s ease-in-out;
   transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link {
   position: relative;
   width: 38px;
   height: 38px;
   color: #fff;
   background: transparent;
   border-width: 1px;
   border-style: solid;
   border-color: transparent;
   border-radius: 50%;
   box-shadow: 0 3px 6px #00000014 !important
}

@media (max-width: 767.98px) {

   .pagination .page-item:first-child .page-link,
   .pagination .page-item:last-child .page-link {
      width: 35px;
      height: 35px
   }
}

.pagination .page-item:first-child .page-link:after,
.pagination .page-item:last-child .page-link:after {
   position: absolute;
   inset: 0;
   width: 100%;
   height: 100%;
   margin: auto;
   content: "";
   background: linear-gradient(135deg, #761315 0%, #E63C3F 100%);
   border-radius: 50%;
   opacity: 0;
   transition: opacity .3s ease-in-out
}

.pagination .page-item:first-child .page-link i,
.pagination .page-item:last-child .page-link i {
   position: relative;
   z-index: 4
}

.pagination .page-item:first-child .page-link:hover,
.pagination .page-item:first-child .page-link:focus,
.pagination .page-item:last-child .page-link:hover,
.pagination .page-item:last-child .page-link:focus {
   color: #fff;
   border-color: transparent;
   background: transparent
}

.pagination .page-item:first-child .page-link:hover:after,
.pagination .page-item:first-child .page-link:focus:after,
.pagination .page-item:last-child .page-link:hover:after,
.pagination .page-item:last-child .page-link:focus:after {
   opacity: 1
}

.pagination .page-item:first-child .page-link:hover i,
.pagination .page-item:first-child .page-link:focus i,
.pagination .page-item:last-child .page-link:hover i,
.pagination .page-item:last-child .page-link:focus i {
   -webkit-transform: translateX(0);
   transform: translate(0)
}

.pagination .page-item.active .page-link {
   z-index: 3;
   color: #fa0505;
   background-color: transparent;
   border-color: #fa0505
}

.pagination .page-item.disabled .page-link {
   opacity: 0;
   color: #e0e0e0;
   pointer-events: none;
   cursor: auto;
   background-color: transparent;
   border-color: transparent
}

.pagination .page-item.disabled .page-link:hover:before,
.pagination .page-item.disabled .page-link:focus:before {
   width: 0;
   height: 0
}

@media (max-width: 991.98px) {
   .pagination .page-item:not(:first-child):not(:last-child):not(.active) {
      display: none
   }
}

.pagination .page-link {
   position: relative;
   display: inline-flex;
   justify-content: center;
   align-items: center;
   width: 20px;
   height: 38px;
   border-width: 0;
   border-style: solid;
   border-color: transparent;
   transition: all .3s ease-in-out
}

.pagination .page-link:hover,
.pagination .page-link:focus {
   color: #ffffff80;
   text-decoration: none;
   background-color: transparent;
   border-color: transparent
}

.google-map {
   position: relative;
   min-height: 570px;
   width: 100%;
   border-radius: 25px
}

@media (max-width: 1199.98px) {
   .google-map {
      min-height: 580px
   }
}

@media (max-width: 991.98px) {
   .google-map {
      min-height: 450px
   }
}

@media (max-width: 767.98px) {
   .google-map {
      min-height: 350px
   }
}

html[lang=en] .performance__number {
   font-size: 3.4375rem;
   font-weight: 700;
   line-height: 1.2
}

@media (max-width: 1640px) {
   html[lang=en] .performance__number {
      font-size: calc(1.24375rem + 2.1402439024vw)
   }
}

html[lang=en] .performance__text {
   font-weight: 700;
   font-size: .9375rem
}

html[lang=en] .performance__unit {
   font-size: 1.75rem
}

@media (max-width: 1199.98px) {
   html[lang=en] .performance__unit {
      font-size: 1.375rem
   }
}

html[lang=en] .performance--lg .performance__number {
   font-size: 3.875rem
}

@media (max-width: 1199.98px) {
   html[lang=en] .performance--lg .performance__number {
      font-size: 3.125rem
   }
}

html[lang=en] .performance--lg .performance__text {
   font-size: .9375rem
}

html[lang=en] .performance--home .performance__number {
   font-size: 3.75rem
}

@media (max-width: 1399.98px) {
   html[lang=en] .performance--home .performance__number {
      font-size: 3rem
   }
}

@media (max-width: 1199.98px) {
   html[lang=en] .performance--home .performance__number {
      font-size: 2.625rem
   }
}

@media (max-width: 991.98px) {
   html[lang=en] .performance--home .performance__number {
      font-size: 2rem
   }
}

html[lang=th] .performance__number {
   font-size: 3.4375rem;
   font-weight: 700;
   line-height: 1.2
}

@media (max-width: 1640px) {
   html[lang=th] .performance__number {
      font-size: calc(1.24375rem + 2.1402439024vw)
   }
}

html[lang=th] .performance__text {
   font-weight: 700;
   font-size: .9375rem
}

html[lang=th] .performance__unit {
   font-size: 1.75rem
}

@media (max-width: 1199.98px) {
   html[lang=th] .performance__unit {
      font-size: 1.375rem
   }
}

html[lang=th] .performance--lg .performance__number {
   font-size: 3.875rem
}

@media (max-width: 1199.98px) {
   html[lang=th] .performance--lg .performance__number {
      font-size: 3.125rem
   }
}

html[lang=th] .performance--lg .performance__text {
   font-size: .9375rem
}

html[lang=th] .performance--home .performance__number {
   font-size: 3.75rem
}

@media (max-width: 1399.98px) {
   html[lang=th] .performance--home .performance__number {
      font-size: 3rem
   }
}

@media (max-width: 1199.98px) {
   html[lang=th] .performance--home .performance__number {
      font-size: 2.625rem
   }
}

@media (max-width: 991.98px) {
   html[lang=th] .performance--home .performance__number {
      font-size: 2rem
   }
}

.performance {
   text-align: center
}

@media (max-width: 767.98px) {
   .performance {
      margin-bottom: 30px
   }
}

.performance__unit {
   display: block
}

.performance--lg {
   margin: 3rem 0
}

.performance--home .performance__text {
   margin-bottom: .5rem
}

@media (max-width: 991.98px) {
   .slide-up-scroll .slide-up-scroll__body {
      -webkit-transform: translateY(0) !important;
      transform: translateY(0) !important
   }
}

.slide-up-scroll--h-100,
.slide-up-scroll--h-100 .slide-up-scroll__body {
   height: 100%
}

.text-fade-up {
   display: block;
   opacity: 0
}

.text-reveal {
   visibility: hidden
}

.line {
   position: relative;
   overflow: hidden;
   display: block
}

.text-fade {
   opacity: 0
}

#spotlight .header {
   top: 0;
   left: 0;
   padding: 0
}

html[lang=en] .cookie-consent__message {
   font-family: CPN, sans-serif;
   font-weight: 400;
   font-size: 1rem
}

@media (max-width: 1599.98px) {
   html[lang=en] .cookie-consent__message {
      font-size: .9375rem
   }
}

@media (max-width: 767.98px) {
   html[lang=en] .cookie-consent__message {
      font-size: .8125rem
   }
}

html[lang=th] .cookie-consent__message {
   font-family: CPN, sans-serif;
   font-weight: 400;
   font-size: 1rem
}

@media (max-width: 1599.98px) {
   html[lang=th] .cookie-consent__message {
      font-size: .9375rem
   }
}

@media (max-width: 767.98px) {
   html[lang=th] .cookie-consent__message {
      font-size: .8125rem
   }
}

.cookie-consent {
   position: fixed;
   z-index: 1001;
   bottom: 2.5rem;
   right: 3rem;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
   width: 580px;
   height: 130px;
   max-width: 100%;
   margin: auto;
   color: #fff;
   background-color: #0c0c0c;
   border: 1px solid rgba(255, 255, 255, .15);
   border-radius: 18px;
   box-shadow: -1px 0 9px #ffffff38;
   -webkit-transform: translate(0, 145%);
   transform: translateY(145%);
   -webkit-animation: cookieConsent forwards 1s ease-in-out;
   animation: cookieConsent forwards 1s ease-in-out;
   -webkit-animation-delay: 1.875s;
   animation-delay: 1.875s
}

@media (max-width: 1599.98px) {
   .cookie-consent {
      bottom: 1.875rem;
      right: 2rem;
      width: 510px;
      height: 110px
   }
}

@media (max-width: 1399.98px) {
   .cookie-consent {
      width: 490px
   }
}

@media (max-width: 1199.98px) {
   .cookie-consent {
      right: 2.75rem;
      bottom: 2.25rem;
      box-shadow: -1px 0 4px #ffffff2e
   }
}

@media (max-width: 767.98px) {
   .cookie-consent {
      top: auto;
      top: initial;
      left: 0;
      right: 0;
      bottom: 1rem;
      width: 95%;
      height: auto;
      margin: auto;
      -webkit-animation-delay: 2.25s;
      animation-delay: 2.25s
   }
}

.cookie-consent__message {
   width: 100%;
   padding: .875rem .75rem .75rem 2.25rem
}

@media (max-width: 1599.98px) {
   .cookie-consent__message {
      padding-left: 2rem
   }
}

@media (max-width: 1399.98px) {
   .cookie-consent__message {
      padding-left: 1.875rem
   }
}

@media (max-width: 767.98px) {
   .cookie-consent__message {
      padding: 1.25rem .5rem .9rem 1.25rem
   }
}

.cookie-consent__message a {
   display: inline-block;
   color: #fa0505;
   transition: all .4s ease-in-out
}

.cookie-consent__message a:hover,
.cookie-consent__message a:focus {
   color: #fa0505;
   text-decoration: underline !important
}

.cookie-consent__agree {
   padding: 1rem 2rem;
   color: #fff;
   transition: color .3s ease-in-out
}

@media (max-width: 1599.98px) {
   .cookie-consent__agree {
      padding: 1rem 1.75rem
   }
}

@media (max-width: 767.98px) {
   .cookie-consent__agree {
      padding: 1rem 1.25rem
   }
}

.cookie-consent__agree i {
   font-size: 1.75rem
}

@media (max-width: 1599.98px) {
   .cookie-consent__agree i {
      font-size: 1.625rem
   }
}

@media (max-width: 767.98px) {
   .cookie-consent__agree i {
      font-size: 1.375rem
   }
}

.cookie-consent__agree:hover {
   color: #fa0505
}

@-webkit-keyframes cookieConsent {
   0% {
      -webkit-transform: translate(0, 145%);
      transform: translateY(145%);
      opacity: 0
   }

   50% {
      opacity: 1
   }

   to {
      -webkit-transform: translate(0, 0);
      transform: translate(0);
      opacity: 1
   }
}

@keyframes cookieConsent {
   0% {
      -webkit-transform: translate(0, 145%);
      transform: translateY(145%);
      opacity: 0
   }

   50% {
      opacity: 1
   }

   to {
      -webkit-transform: translate(0, 0);
      transform: translate(0);
      opacity: 1
   }
}

.no-result-found {
   color: #fff;
   text-align: center;
   margin: 3rem 0
}

html[lang=en] .milestone__year-slider-slide {
   font-weight: 700;
   font-size: 1rem
}

html[lang=en] .milestone__content-year {
   font-size: 3.4375rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=en] .milestone__content-year {
      font-size: calc(1.24375rem + 2.1402439024vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=en] .milestone__content-year {
      font-size: 2.5rem
   }
}

@media screen and (min-height: 550px)and (max-height: 650px)and (min-width: 1200px)and (max-width: 1400px) {
   html[lang=en] .milestone__content-year {
      font-size: 2rem
   }
}

html[lang=en] .milestone__content-detail {
   font-size: 1rem
}

@media (max-width: 1599.98px) {
   html[lang=en] .milestone__content-detail {
      font-size: .9375rem
   }
}

@media screen and (min-height: 550px)and (max-height: 650px)and (min-width: 1200px)and (max-width: 1400px) {
   html[lang=en] .milestone__content-detail {
      font-size: .875rem
   }
}

html[lang=th] .milestone__year-slider-slide {
   font-weight: 700;
   font-size: 1rem
}

html[lang=th] .milestone__content-year {
   font-size: 3.4375rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=th] .milestone__content-year {
      font-size: calc(1.24375rem + 2.1402439024vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=th] .milestone__content-year {
      font-size: 2.5rem
   }
}

@media screen and (min-height: 550px)and (max-height: 650px)and (min-width: 1200px)and (max-width: 1400px) {
   html[lang=th] .milestone__content-year {
      font-size: 2rem
   }
}

html[lang=th] .milestone__content-detail {
   font-size: 1rem
}

@media (max-width: 1599.98px) {
   html[lang=th] .milestone__content-detail {
      font-size: .9375rem
   }
}

@media screen and (min-height: 550px)and (max-height: 650px)and (min-width: 1200px)and (max-width: 1400px) {
   html[lang=th] .milestone__content-detail {
      font-size: .875rem
   }
}

.milestone__container {
   display: flex;
   flex-wrap: wrap
}

@media (max-width: 991.98px) {
   .milestone__container {
      position: relative
   }
}

.milestone__banner {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 65%;
   max-width: 65%;
   width: 100%
}

@media (max-width: 991.98px) {
   .milestone__banner {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%;
      width: 100%;
      position: relative
   }
}

.milestone__banner-slider {
   height: 100vh
}

@media (max-width: 991.98px) {
   .milestone__banner-slider {
      height: auto
   }
}

.milestone__banner-slider-slide {
   height: 100%
}

@media (max-width: 991.98px) {
   .milestone__banner-slider-slide {
      padding-top: 75%;
      height: auto;
      position: relative
   }
}

.milestone__banner-slider-image {
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
   position: relative
}

@media (max-width: 991.98px) {
   .milestone__banner-slider-image {
      position: absolute;
      top: 0;
      left: 0
   }
}

.milestone__year {
   position: absolute;
   top: 0;
   right: 35%;
   width: 200px;
   height: 100vh;
   z-index: 99;
   background: linear-gradient(to left, #0C0C0C 0%, transparent 100%);
   display: flex;
   align-items: center
}

@media (max-width: 991.98px) {
   .milestone__year {
      width: 100%;
      height: auto;
      top: auto;
      right: 0;
      bottom: 0;
      background: linear-gradient(to top, #0C0C0C 0%, transparent 100%)
   }
}

.milestone__year-slider {
   padding: 1.875rem 0;
   height: 100%;
   max-height: 100%;
   margin-right: 0
}

@media (max-width: 991.98px) {
   .milestone__year-slider {
      padding: 1.5rem 0 .5rem;
      height: auto !important
   }
}

.milestone__year-slider-slide {
   height: 35px;
   padding: 0 1.25rem;
   color: #ffffff80;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: flex-end
}

@media (max-width: 991.98px) {
   .milestone__year-slider-slide {
      width: 70px;
      padding: 0;
      height: auto;
      justify-content: center;
      color: #fff
   }
}

.milestone__year-slider-slide:before {
   content: "\2022";
   margin-right: 5px
}

@media (max-width: 991.98px) {
   .milestone__year-slider-slide:before {
      display: none
   }
}

.milestone__year-slider-slide.active {
   color: #fa0505
}

.milestone__content {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 35%;
   max-width: 35%;
   width: 100%;
   background-color: #7b1315;
   color: #fff
}

@media (max-width: 991.98px) {
   .milestone__content {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%;
      width: 100%
   }
}

.milestone__content-slider {
   height: 100vh
}

@media (max-width: 991.98px) {
   .milestone__content-slider {
      height: auto
   }
}

.milestone__content-slider-slide {
   height: 100%;
   display: flex;
   justify-content: center;
   flex-direction: column;
   padding: 2.75rem
}

@media (max-width: 991.98px) {
   .milestone__content-slider-slide {
      padding: 2.5rem 1.25rem 6.25rem
   }
}

@media (max-width: 767.98px) {
   .milestone__content-slider-slide {
      padding: 2.75rem 1.25rem
   }
}

.milestone__content-detail a {
   color: #fff;
   text-decoration: underline !important
}

.logo-wrapper {
   padding: .5rem 1rem;
   background-color: #fff;
   border-radius: 18px
}

.home-herobanner {
   position: relative;
   overflow: hidden;
   min-height: 100vh
}

.home-herobanner .home-herobanner__video>video {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-position: center;
   object-fit: cover
}

html[lang=en] .business-overview .business-overview__headline {
   font-family: CPN, sans-serif;
   font-weight: 700;
   line-height: 1;
   font-size: 1.875rem
}

@media (max-width: 1999.98px) {
   html[lang=en] .business-overview .business-overview__headline {
      font-size: 1.75rem
   }
}

@media (max-width: 1599.98px) {
   html[lang=en] .business-overview .business-overview__headline {
      font-size: 1.5625rem
   }
}

@media (max-width: 767.98px) {
   html[lang=en] .business-overview .business-overview__headline {
      font-size: 1.75rem
   }
}

@media (max-width: 767.98px)and (max-width: 1640px) {
   html[lang=en] .business-overview .business-overview__headline {
      font-size: calc(1.075rem + .6585365854vw)
   }
}

html[lang=th] .business-overview .business-overview__headline {
   font-family: CPN, sans-serif;
   font-weight: 700;
   line-height: 1;
   font-size: 1.875rem
}

@media (max-width: 1999.98px) {
   html[lang=th] .business-overview .business-overview__headline {
      font-size: 1.75rem
   }
}

@media (max-width: 1599.98px) {
   html[lang=th] .business-overview .business-overview__headline {
      font-size: 1.5625rem
   }
}

@media (max-width: 767.98px) {
   html[lang=th] .business-overview .business-overview__headline {
      font-size: 1.75rem
   }
}

@media (max-width: 767.98px)and (max-width: 1640px) {
   html[lang=th] .business-overview .business-overview__headline {
      font-size: calc(1.075rem + .6585365854vw)
   }
}

.business-overview {
   position: relative;
   overflow: hidden;
   display: flex;
   flex-direction: row;
   align-items: stretch;
   padding-left: 1rem
}

@media (max-width: 1199.98px) {
   .business-overview {
      padding-left: 0
   }
}

@media (max-width: 991.98px) {
   .business-overview {
      flex-direction: column;
      margin-bottom: 4rem
   }
}

@media (max-width: 767.98px) {
   .business-overview {
      margin-bottom: 3rem
   }
}

.business-overview .business-overview__headline {
   display: block;
   margin-bottom: 0;
   color: #fff;
   white-space: nowrap;
   text-align: center;
   transition: color .3s ease-in-out
}

.business-overview .business-overview__header {
   position: absolute;
   top: 0;
   left: .5rem;
   bottom: 0;
   right: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
   height: 100%;
   margin: auto;
   -webkit-transform: rotate(-90deg);
   transform: rotate(-90deg);
   opacity: 1;
   transition: opacity .2s ease-in-out
}

@media (max-width: 991.98px) {
   .business-overview .business-overview__header {
      top: 1rem;
      left: 0;
      -webkit-transform: rotate(0deg);
      transform: rotate(0)
   }
}

.business-overview .business-overview__body {
   opacity: 0;
   height: 0;
   pointer-events: none;
   transition: all .3s ease-in-out, height .5s ease-in-out
}

.business-overview .business-overview__body .business-overview__headline {
   text-align: left;
   -webkit-transform: translateY(20px);
   transform: translateY(20px);
   -webkit-transform-origin: center;
   transform-origin: center;
   opacity: 0;
   transition: opacity .45s ease-in-out, -webkit-transform .4s ease-in-out;
   transition: transform .4s ease-in-out, opacity .45s ease-in-out;
   transition: transform .4s ease-in-out, opacity .45s ease-in-out, -webkit-transform .4s ease-in-out;
   transition-delay: .2s
}

@media (max-width: 991.98px) {
   .business-overview .business-overview__body .business-overview__headline {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      text-align: center
   }
}

.business-overview .business-overview__slider {
   position: relative;
   overflow: hidden;
   padding-top: 1.5rem;
   opacity: 0;
   transition: opacity .3s ease-in-out;
   transition-delay: .5s
}

.business-overview .business-overview__navigation {
   display: flex;
   justify-content: space-between;
   align-items: center
}

.business-overview .business-overview__prev,
.business-overview .business-overview__next {
   position: absolute;
   z-index: 5;
   top: 3.5rem;
   display: inline-block
}

@media (max-width: 1999.98px) {

   .business-overview .business-overview__prev,
   .business-overview .business-overview__next {
      top: 3rem
   }
}

@media (max-width: 1599.98px) {

   .business-overview .business-overview__prev,
   .business-overview .business-overview__next {
      top: 2.75rem
   }
}

@media (max-width: 1399.98px) {

   .business-overview .business-overview__prev,
   .business-overview .business-overview__next {
      top: 2rem
   }
}

@media (max-width: 1199.98px) {

   .business-overview .business-overview__prev,
   .business-overview .business-overview__next {
      top: 2.25rem
   }
}

@media (max-width: 991.98px) {

   .business-overview .business-overview__prev,
   .business-overview .business-overview__next {
      top: 2.5rem
   }
}

@media (max-width: 767.98px) {

   .business-overview .business-overview__prev,
   .business-overview .business-overview__next {
      top: 2.375rem
   }
}

.business-overview .business-overview__prev i,
.business-overview .business-overview__next i {
   font-size: 1.5rem;
   color: #fff;
   transition: color .3s ease-in-out
}

.business-overview .business-overview__prev:hover i,
.business-overview .business-overview__next:hover i {
   color: #ffffff80
}

.business-overview .business-overview__prev.swiper-button-disabled,
.business-overview .business-overview__next.swiper-button-disabled {
   opacity: 0
}

.business-overview .business-overview__prev {
   left: 0
}

.business-overview .business-overview__next {
   right: 0
}

.business-overview .business-overview__item {
   position: relative;
   overflow: hidden;
   flex: 1 1;
   height: 90vh;
   padding: 4rem;
   border-top-right-radius: 25px;
   border-bottom-right-radius: 25px;
   cursor: pointer;
   transition: all .5s ease-in-out
}

@media (max-width: 1599.98px) {
   .business-overview .business-overview__item {
      height: 100vh;
      padding: 3rem 2.5rem
   }
}

@media (max-width: 1399.98px) {
   .business-overview .business-overview__item {
      min-height: 100vh;
      height: auto
   }
}

@media (max-width: 991.98px) {
   .business-overview .business-overview__item {
      padding: 3rem;
      min-height: 0;
      min-height: initial;
      height: auto;
      border-top-right-radius: 0;
      border-bottom-left-radius: 25px
   }
}

@media (max-width: 767.98px) {
   .business-overview .business-overview__item {
      padding: 2.5rem 1.75rem
   }
}

@media only screen and (min-width: 300px)and (max-width: 349px)and (orientation: portrait) {
   .business-overview .business-overview__item {
      padding: 2.5rem 1rem
   }
}

@media only screen and (min-height: 530px)and (max-height: 650px)and (min-width: 1200px)and (max-width: 1400px) {
   .business-overview .business-overview__item {
      min-height: 100vh
   }
}

.business-overview .business-overview__item:not(:first-child) {
   margin-left: -1.25rem;
   padding-left: 5rem
}

@media (max-width: 1599.98px) {
   .business-overview .business-overview__item:not(:first-child) {
      margin-left: -1rem;
      padding-left: 3.5rem
   }
}

@media (max-width: 991.98px) {
   .business-overview .business-overview__item:not(:first-child) {
      padding-left: 3rem;
      margin-left: 0;
      padding-top: 4rem;
      margin-top: -1rem
   }
}

@media (max-width: 767.98px) {
   .business-overview .business-overview__item:not(:first-child) {
      padding-top: 3rem;
      padding-left: 1.75rem
   }
}

@media only screen and (min-width: 300px)and (max-width: 349px)and (orientation: portrait) {
   .business-overview .business-overview__item:not(:first-child) {
      padding-left: 1rem
   }
}

.business-overview .business-overview__item:hover .business-overview__header .business-overview__headline {
   color: #fa0505
}

.business-overview .business-overview__item.active {
   flex-grow: 18;
   background-color: #7b1315
}

@media (max-width: 1599.98px) {
   .business-overview .business-overview__item.active {
      flex-grow: 20
   }
}

.business-overview .business-overview__item.active .business-overview__header {
   opacity: 0
}

.business-overview .business-overview__item.active .business-overview__body {
   height: auto;
   opacity: 1;
   pointer-events: auto
}

.business-overview .business-overview__item.active .business-overview__body .business-overview__headline {
   opacity: 1;
   -webkit-transform: translateY(0);
   transform: translateY(0)
}

.business-overview .business-overview__item.active .business-overview__slider {
   opacity: 1
}

.business-overview .business-overview__item--food {
   z-index: 5;
   background-color: #1e1e1e
}

.business-overview .business-overview__item--fashion {
   z-index: 4;
   background-color: #3c3d41
}

.business-overview .business-overview__item--hardline {
   z-index: 3;
   background-color: #292929
}

.business-overview .business-overview__item--property {
   z-index: 2;
   background-color: #1e1e1e
}

.business-overview .business-overview__item--health-wellness {
   z-index: 1;
   background-color: #141414
}

html[lang=en] .home-about .home-about__btn-title,
html[lang=th] .home-about .home-about__btn-title {
   font-family: CPN, sans-serif;
   font-weight: 700;
   line-height: 1.5;
   font-size: .9375rem
}

.home-about .home-about__white .home-about__btn:hover,
.home-about .home-about__btn:hover {
   background-color: #fa0505;
   border-color: #fa0505
}

.home-about .home-about__btn:hover .home-about__btn-title {
   color: #fff
}

.home-about {
   position: relative;
   overflow: hidden
}

.home-about .home-about__wrapper {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-between
}

@media (max-width: 991.98px) {
   .home-about .home-about__wrapper {
      flex-wrap: wrap;
      justify-content: center;
      padding: 2rem 0 5.5rem
   }
}

@media (max-width: 767.98px) {
   .home-about .home-about__wrapper {
      padding: 2rem 0 4.5rem
   }
}

.home-about .home-about__image {
   flex: 0 0 calc(50% - 15px);
   flex-basis: calc(50% - 15px);
   max-width: calc(50% - 15px);
   width: 100%;
   text-align: center;
   order: 2
}

@media (max-width: 1199.98px) {
   .home-about .home-about__image {
      flex: 0 0 calc(46% - 10px);
      flex-basis: calc(46% - 10px);
      max-width: calc(46% - 10px);
      width: 100%
   }
}

@media (max-width: 991.98px) {
   .home-about .home-about__image {
      flex: 0 0 calc(75% - 10px);
      flex-basis: calc(75% - 10px);
      max-width: calc(75% - 10px);
      width: 100%;
      margin-bottom: 2rem;
      order: 1
   }
}

@media (max-width: 767.98px) {
   .home-about .home-about__image {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%;
      width: 100%;
      margin-bottom: 1.5rem
   }
}

.home-about .home-about__content {
   flex: 0 0 calc(50% - 15px);
   flex-basis: calc(50% - 15px);
   max-width: calc(50% - 15px);
   width: 100%
}

@media (max-width: 1199.98px) {
   .home-about .home-about__content {
      flex: 0 0 calc(54% - 10px);
      flex-basis: calc(54% - 10px);
      max-width: calc(54% - 10px);
      width: 100%
   }
}

@media (max-width: 991.98px) {
   .home-about .home-about__content {
      flex: 0 0 calc(100% - 30px);
      flex-basis: calc(100% - 30px);
      max-width: calc(100% - 30px);
      width: 100%;
      order: 2
   }
}

.home-about .home-about__btn-title {
   color: #fff;
   transition: color .3s ease-in-out
}

.home-about .home-about__btn {
   position: relative;
   overflow: hidden;
   min-width: 170px;
   padding: .75rem 1.5rem .65rem;
   text-align: center;
   background-color: transparent;
   border: 1px solid #fff;
   border-radius: 50px;
   transition: background-color .3s ease-in-out, border-color .3s ease-in-out
}

@media (max-width: 1399.98px) {
   .home-about .home-about__btn {
      min-width: 160px;
      padding: .65rem 1.25rem .5rem
   }
}

@media (max-width: 767.98px) {
   .home-about .home-about__btn {
      min-width: 140px;
      padding: .45rem .875rem
   }
}

.home-about .home-about__white,
.home-about .home-about__black {
   display: flex;
   flex-direction: column
}

.home-about .home-about__white {
   position: relative;
   z-index: 2;
   overflow: hidden;
   color: #000;
   background-color: #fff
}

@media (max-width: 991.98px) {
   .home-about .home-about__white {
      display: none
   }
}

.home-about .home-about__white .home-about__image {
   opacity: 0;
   visibility: hidden
}

.home-about .home-about__white .home-about__btn {
   border-color: #000
}

.home-about .home-about__white .home-about__btn-title {
   color: #000
}

.home-about .home-about__white .home-about__reveal {
   overflow: hidden
}

.home-about .home-about__white .home-about__reveal .word {
   -webkit-transform-origin: bottom;
   transform-origin: bottom
}

.home-about .home-about__black {
   position: relative;
   overflow: hidden;
   z-index: 3;
   height: 100vh;
   color: #fff;
   background-color: #1e1e1e
}

@media (max-width: 1599.98px) {
   .home-about .home-about__black {
      height: 105vh
   }
}

@media (max-width: 1199.98px) {
   .home-about .home-about__black {
      height: 100vh
   }
}

@media (max-width: 991.98px) {
   .home-about .home-about__black {
      height: auto
   }
}

@media only screen and (min-height: 530px)and (max-height: 650px)and (min-width: 1200px)and (max-width: 1400px) {
   .home-about .home-about__black {
      min-height: 150vh;
      height: 150vh
   }
}

.home-about .home-about__black .home-about__content {
   position: relative;
   opacity: 0
}

.home-about .home-about__black .home-about__image {
   opacity: 0;
   -webkit-transform: translateY(10vh);
   transform: translateY(10vh)
}

@media (max-width: 1399.98px) {
   .home-about .home-about__black .home-about__image {
      -webkit-transform: translateY(14.5vh);
      transform: translateY(14.5vh)
   }
}

@media (max-width: 1199.98px) {
   .home-about .home-about__black .home-about__image {
      -webkit-transform: translateY(13vh);
      transform: translateY(13vh)
   }
}

@media (max-width: 991.98px) {
   .home-about .home-about__black .home-about__image {
      -webkit-transform: translateY(0);
      transform: translateY(0)
   }
}

@media (max-width: 1399.98px) {
   .home-investor .list-group--document .list-group__title {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 77%;
      max-width: 77%;
      width: 100%
   }
}

@media (max-width: 991.98px) {
   .home-investor .list-group--document .list-group__title {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 70%;
      max-width: 70%;
      width: 100%
   }
}

@media (max-width: 767.98px) {
   .home-investor .list-group--document .list-group__title {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%;
      width: 100%
   }
}

@media (max-width: 1399.98px) {
   .home-investor .list-group--document .list-group__btn-group {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 23%;
      max-width: 23%;
      width: 100%
   }
}

@media (max-width: 991.98px) {
   .home-investor .list-group--document .list-group__btn-group {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 28%;
      max-width: 28%;
      width: 100%
   }
}

@media (max-width: 767.98px) {
   .home-investor .list-group--document .list-group__btn-group {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%;
      width: 100%
   }
}

html[lang=en] .sitemap li {
   font-size: 2.25rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=en] .sitemap li {
      font-size: calc(1.125rem + 1.0975609756vw)
   }
}

@media (max-width: 991.98px) {
   html[lang=en] .sitemap li {
      font-size: 2.375rem
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=en] .sitemap li {
      font-size: calc(1.1375rem + 1.2073170732vw)
   }
}

html[lang=en] .sitemap__children li {
   font-size: 1.25rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=en] .sitemap__children li {
      font-size: calc(1.025rem + .2195121951vw)
   }
}

@media (max-width: 767.98px) {
   html[lang=en] .sitemap__children li {
      font-size: 1.0625rem
   }
}

@media (max-width: 767.98px)and (max-width: 1640px) {
   html[lang=en] .sitemap__children li {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=en] .sitemap__children li {
      font-size: 1.125rem
   }
}

html[lang=en] .sitemap__grand-child li {
   font-weight: 400;
   font-size: 1rem
}

html[lang=en] .sitemap__great-grand-child li {
   font-weight: 400;
   font-size: .9375rem
}

html[lang=th] .sitemap li {
   font-size: 2.25rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=th] .sitemap li {
      font-size: calc(1.125rem + 1.0975609756vw)
   }
}

@media (max-width: 991.98px) {
   html[lang=th] .sitemap li {
      font-size: 2.375rem
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=th] .sitemap li {
      font-size: calc(1.1375rem + 1.2073170732vw)
   }
}

html[lang=th] .sitemap__children li {
   font-size: 1.25rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=th] .sitemap__children li {
      font-size: calc(1.025rem + .2195121951vw)
   }
}

@media (max-width: 767.98px) {
   html[lang=th] .sitemap__children li {
      font-size: 1.0625rem
   }
}

@media (max-width: 767.98px)and (max-width: 1640px) {
   html[lang=th] .sitemap__children li {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=th] .sitemap__children li {
      font-size: 1.125rem
   }
}

html[lang=th] .sitemap__grand-child li {
   font-weight: 400;
   font-size: 1rem
}

html[lang=th] .sitemap__great-grand-child li {
   font-weight: 400;
   font-size: .9375rem
}

.sitemap {
   -webkit-column-count: 3;
   -moz-column-count: 3;
   column-count: 3;
   padding: 0 30px;
   list-style: none;
   -webkit-column-gap: 45px;
   -moz-column-gap: 45px;
   column-gap: 45px
}

@media (max-width: 991.98px) {
   .sitemap {
      -webkit-column-count: 1;
      -moz-column-count: 1;
      column-count: 1;
      padding: 0
   }
}

.sitemap li {
   color: #fff;
   -webkit-column-break-inside: avoid;
   -moz-column-break-inside: avoid;
   break-inside: avoid;
   page-break-inside: avoid
}

.sitemap a {
   text-decoration: none
}

.sitemap>li {
   margin-bottom: 30px
}

.sitemap .sitemap__root-item {
   display: block;
   padding: 0;
   color: #fa0505;
   transition: color .3s ease-in-out
}

.sitemap .sitemap__root-item:hover {
   color: #fff
}

.sitemap .sitemap__root-item--has-child {
   pointer-events: none
}

.sitemap .sitemap__root-item--has-child:hover {
   color: #fa0505
}

.sitemap .sitemap__children {
   padding: 0 0 10px;
   list-style: none;
   border-bottom: 1px solid rgba(255, 255, 255, .25)
}

.sitemap .sitemap__children li {
   padding: 5px 0
}

.sitemap .sitemap__children li a {
   color: #fff;
   transition: color .3s ease-in-out
}

.sitemap .sitemap__children li a:hover {
   color: #ffffff80
}

.sitemap .sitemap__grand-child {
   padding: 0 0 0 20px;
   list-style: disc;
   color: #fff;
   margin-bottom: 1rem
}

.sitemap .sitemap__great-grand-child {
   padding: 0 0 0 15px;
   list-style: disc;
   color: #fff
}

html[lang=en] .leadership-detail .leadership-detail__body h2 {
   font-family: CPN, sans-serif;
   font-size: 1.5625rem;
   font-weight: 700;
   line-height: 1.4
}

@media (max-width: 1640px) {
   html[lang=en] .leadership-detail .leadership-detail__body h2 {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=en] .leadership-detail .leadership-detail__body h2 {
      font-size: 1.375rem
   }
}

@media (max-width: 1399.98px)and (max-width: 1640px) {
   html[lang=en] .leadership-detail .leadership-detail__body h2 {
      font-size: calc(1.0375rem + .3292682927vw)
   }
}

@media (max-width: 1199.98px) {
   html[lang=en] .leadership-detail .leadership-detail__body h2 {
      font-size: 1.5625rem
   }
}

@media (max-width: 1199.98px)and (max-width: 1640px) {
   html[lang=en] .leadership-detail .leadership-detail__body h2 {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

@media (max-width: 767.98px) {
   html[lang=en] .leadership-detail .leadership-detail__body h2 {
      font-size: 1.1875rem
   }
}

html[lang=en] .leadership-detail .leadership-detail__body table tr td:first-child {
   font-weight: 700
}

html[lang=en] .leadership-detail .leadership-detail__position {
   font-family: CPN, sans-serif;
   font-size: 1.25rem;
   font-weight: 700;
   line-height: 1.5
}

@media (max-width: 1640px) {
   html[lang=en] .leadership-detail .leadership-detail__position {
      font-size: calc(1.025rem + .2195121951vw)
   }
}

@media (max-width: 767.98px) {
   html[lang=en] .leadership-detail .leadership-detail__position {
      font-size: 1.0625rem
   }
}

@media (max-width: 767.98px)and (max-width: 1640px) {
   html[lang=en] .leadership-detail .leadership-detail__position {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (min-width: 992px)and (max-width: 1199.98px) {
   html[lang=en] .leadership-detail .leadership-detail__position {
      font-size: 1.125rem
   }
}

html[lang=th] .leadership-detail .leadership-detail__body h2 {
   font-family: CPN, sans-serif;
   font-size: 1.5625rem;
   font-weight: 700;
   line-height: 1.4
}

@media (max-width: 1640px) {
   html[lang=th] .leadership-detail .leadership-detail__body h2 {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=th] .leadership-detail .leadership-detail__body h2 {
      font-size: 1.375rem
   }
}

@media (max-width: 1399.98px)and (max-width: 1640px) {
   html[lang=th] .leadership-detail .leadership-detail__body h2 {
      font-size: calc(1.0375rem + .3292682927vw)
   }
}

@media (max-width: 1199.98px) {
   html[lang=th] .leadership-detail .leadership-detail__body h2 {
      font-size: 1.5625rem
   }
}

@media (max-width: 1199.98px)and (max-width: 1640px) {
   html[lang=th] .leadership-detail .leadership-detail__body h2 {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

@media (max-width: 767.98px) {
   html[lang=th] .leadership-detail .leadership-detail__body h2 {
      font-size: 1.1875rem
   }
}

html[lang=th] .leadership-detail .leadership-detail__body table tr td:first-child {
   font-weight: 700
}

html[lang=th] .leadership-detail .leadership-detail__position {
   font-family: CPN, sans-serif;
   font-size: 1.25rem;
   font-weight: 700;
   line-height: 1.5
}

@media (max-width: 1640px) {
   html[lang=th] .leadership-detail .leadership-detail__position {
      font-size: calc(1.025rem + .2195121951vw)
   }
}

@media (max-width: 767.98px) {
   html[lang=th] .leadership-detail .leadership-detail__position {
      font-size: 1.0625rem
   }
}

@media (max-width: 767.98px)and (max-width: 1640px) {
   html[lang=th] .leadership-detail .leadership-detail__position {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (min-width: 992px)and (max-width: 1199.98px) {
   html[lang=th] .leadership-detail .leadership-detail__position {
      font-size: 1.125rem
   }
}

.leadership-detail {
   position: relative;
   overflow: hidden
}

.leadership-detail .leadership-detail__image {
   margin-bottom: 2rem;
   text-align: center
}

.leadership-detail .leadership-detail__image>img {
   border-radius: 25px
}

.leadership-detail .leadership-detail__position {
   margin-top: .5rem
}

.leadership-detail .leadership-detail__body {
   padding-bottom: 2rem
}

@media (max-width: 767.98px) {
   .leadership-detail .leadership-detail__body {
      padding-bottom: 0
   }
}

.leadership-detail .leadership-detail__body h2 {
   margin-bottom: .75rem
}

.leadership-detail .leadership-detail__body ul,
.leadership-detail .leadership-detail__body ol {
   padding-left: 1.5rem;
   margin-bottom: 2rem
}

.leadership-detail .leadership-detail__body table {
   padding-top: .25rem;
   margin-bottom: 1.75rem
}

.leadership-detail .leadership-detail__body table tr td {
   vertical-align: top;
   padding-bottom: 10px
}

@media (max-width: 767.98px) {
   .leadership-detail .leadership-detail__body table tr td {
      display: block
   }
}

.leadership-detail .leadership-detail__body table tr td:first-child {
   min-width: 150px
}

@media (max-width: 767.98px) {
   .leadership-detail .leadership-detail__body table tr td:first-child {
      min-width: 0;
      min-width: initial;
      padding-bottom: .25rem
   }
}

@media (max-width: 767.98px) {
   .leadership-detail .leadership-detail__body table tr td:nth-child(2) {
      padding-bottom: 1.25rem
   }
}

.leadership-detail .leadership-detail__body p {
   margin-bottom: 1.75rem
}

html[lang=en] .retailigence-quote:before,
html[lang=en] .retailigence-quote:after {
   font-weight: 700
}

html[lang=en] .retailigence-quote .retailigence-quote__text {
   font-weight: 700
}

html[lang=th] .retailigence-quote:before,
html[lang=th] .retailigence-quote:after {
   font-weight: 700
}

html[lang=th] .retailigence-quote .retailigence-quote__text {
   font-weight: 700
}

.retailigence-quote {
   position: relative;
   text-align: center
}

.retailigence-quote .retailigence-quote__text {
   position: relative;
   padding: 3rem 0 1.5rem;
   margin-bottom: 1.5rem
}

.retailigence-quote .retailigence-quote__text:before {
   position: absolute;
   z-index: 1;
   display: inline-flex;
   justify-content: center;
   color: #000;
   font-size: 4.375rem;
   font-weight: 700;
   line-height: 1
}

.retailigence-quote .retailigence-quote__text:before {
   top: .375rem;
   left: -1.75rem;
   content: "\201c";
   font-size: 18.75rem;
   color: #fff
}

.retailigence-quote .retailigence-quote__text h4 {
   position: relative;
   z-index: 2
}

.our-purpose {
   position: relative;
   overflow: hidden
}

.our-purpose .our-purpose__bg {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%
}

.our-purpose .our-purpose__bg:before {
   position: absolute;
   z-index: 2;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   content: "";
   background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .9) 100%)
}

@media (max-width: 991.98px) {
   .our-purpose .our-purpose__bg:before {
      background: linear-gradient(0deg, rgba(0, 0, 0, .25) 0%, black 100%)
   }
}

.our-purpose .our-purpose__bg>.img-fluid {
   position: absolute;
   z-index: 1;
   top: 0;
   bottom: 0;
   left: 0;
   display: block;
   width: 100%;
   height: 100vh;
   object-fit: cover;
   object-position: center
}

.our-purpose .our-purpose__body {
   position: relative;
   z-index: 5;
   padding: 15rem 0 10rem
}

@media (max-width: 1399.98px) {
   .our-purpose .our-purpose__body {
      padding: 12rem 0 10rem
   }
}

@media (max-width: 1199.98px) {
   .our-purpose .our-purpose__body {
      padding: 10rem 0 8rem
   }
}

@media (max-width: 767.98px) {
   .our-purpose .our-purpose__body {
      padding: 6rem 0 3rem
   }
}

html[lang=en] .brand-pillars .brand-pillars__symbol {
   font-weight: 700;
   font-size: 11.25rem;
   line-height: .85
}

@media (max-width: 1399.98px) {
   html[lang=en] .brand-pillars .brand-pillars__symbol {
      font-size: 10.5rem
   }
}

@media (max-width: 991.98px) {
   html[lang=en] .brand-pillars .brand-pillars__symbol {
      font-size: 9.25rem
   }
}

@media (max-width: 767.98px) {
   html[lang=en] .brand-pillars .brand-pillars__symbol {
      font-size: 9.375rem
   }
}

@media only screen and (min-width: 300px)and (max-width: 349px)and (orientation: portrait) {
   html[lang=en] .brand-pillars .brand-pillars__symbol {
      font-size: 8.125rem
   }
}

html[lang=en] .brand-pillars .brand-pillars__title {
   font-size: 1.5625rem;
   font-weight: 700;
   line-height: 1.4
}

@media (max-width: 1640px) {
   html[lang=en] .brand-pillars .brand-pillars__title {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=en] .brand-pillars .brand-pillars__title {
      font-size: 1.375rem
   }
}

@media (max-width: 1399.98px)and (max-width: 1640px) {
   html[lang=en] .brand-pillars .brand-pillars__title {
      font-size: calc(1.0375rem + .3292682927vw)
   }
}

@media (max-width: 1199.98px) {
   html[lang=en] .brand-pillars .brand-pillars__title {
      font-size: 1.5625rem
   }
}

@media (max-width: 1199.98px)and (max-width: 1640px) {
   html[lang=en] .brand-pillars .brand-pillars__title {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

@media (max-width: 991.98px) {
   html[lang=en] .brand-pillars .brand-pillars__title {
      font-size: 1.75rem
   }
}

@media (max-width: 767.98px) {
   html[lang=en] .brand-pillars .brand-pillars__title {
      font-size: 1.625rem
   }
}

@media (min-width: 992px)and (max-width: 1199.98px) {
   html[lang=en] .brand-pillars .brand-pillars__subtitle {
      font-size: 1.25rem
   }
}

@media (max-width: 991.98px) {
   html[lang=en] .brand-pillars .brand-pillars__subtitle {
      font-size: 1.125rem
   }
}

@media (min-width: 992px)and (max-width: 1199.98px) {
   html[lang=en] .brand-pillars .brand-pillars__text {
      font-size: .9375rem
   }
}

@media (max-width: 767.98px) {
   html[lang=en] .brand-pillars .brand-pillars__text {
      font-size: .9375rem
   }
}

@media (min-width: 1200px) {

   html[lang=en] .brand-pillars .brand-pillars__item:hover .brand-pillars__title,
   html[lang=en] .brand-pillars .brand-pillars__item.active .brand-pillars__title {
      font-size: 1.875rem
   }
}

@media (min-width: 1400px) {

   html[lang=en] .brand-pillars .brand-pillars__item:hover .brand-pillars__title,
   html[lang=en] .brand-pillars .brand-pillars__item.active .brand-pillars__title {
      font-size: 2.5rem
   }
}

@media (min-width: 1400px)and (max-width: 1640px) {

   html[lang=en] .brand-pillars .brand-pillars__item:hover .brand-pillars__title,
   html[lang=en] .brand-pillars .brand-pillars__item.active .brand-pillars__title {
      font-size: calc(1.15rem + 1.3170731707vw)
   }
}

@media (min-width: 1400px)and (max-width: 991.98px) {

   html[lang=en] .brand-pillars .brand-pillars__item:hover .brand-pillars__title,
   html[lang=en] .brand-pillars .brand-pillars__item.active .brand-pillars__title {
      font-size: 2.625rem
   }
}

@media (min-width: 1400px)and (max-width: 991.98px)and (max-width: 1640px) {

   html[lang=en] .brand-pillars .brand-pillars__item:hover .brand-pillars__title,
   html[lang=en] .brand-pillars .brand-pillars__item.active .brand-pillars__title {
      font-size: calc(1.1625rem + 1.4268292683vw)
   }
}

@media (min-width: 992px)and (max-width: 1199.98px) {

   html[lang=en] .brand-pillars .brand-pillars__item:hover .brand-pillars__title,
   html[lang=en] .brand-pillars .brand-pillars__item.active .brand-pillars__title {
      font-size: 1.75rem
   }
}

html[lang=th] .brand-pillars .brand-pillars__symbol {
   font-weight: 700;
   font-size: 11.25rem;
   line-height: .85
}

@media (max-width: 1399.98px) {
   html[lang=th] .brand-pillars .brand-pillars__symbol {
      font-size: 10.5rem
   }
}

@media (max-width: 991.98px) {
   html[lang=th] .brand-pillars .brand-pillars__symbol {
      font-size: 9.25rem
   }
}

@media (max-width: 767.98px) {
   html[lang=th] .brand-pillars .brand-pillars__symbol {
      font-size: 9.375rem
   }
}

@media only screen and (min-width: 300px)and (max-width: 349px)and (orientation: portrait) {
   html[lang=th] .brand-pillars .brand-pillars__symbol {
      font-size: 8.125rem
   }
}

html[lang=th] .brand-pillars .brand-pillars__title {
   font-size: 1.5625rem;
   font-weight: 700;
   line-height: 1.4
}

@media (max-width: 1640px) {
   html[lang=th] .brand-pillars .brand-pillars__title {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=th] .brand-pillars .brand-pillars__title {
      font-size: 1.375rem
   }
}

@media (max-width: 1399.98px)and (max-width: 1640px) {
   html[lang=th] .brand-pillars .brand-pillars__title {
      font-size: calc(1.0375rem + .3292682927vw)
   }
}

@media (max-width: 1199.98px) {
   html[lang=th] .brand-pillars .brand-pillars__title {
      font-size: 1.5625rem
   }
}

@media (max-width: 1199.98px)and (max-width: 1640px) {
   html[lang=th] .brand-pillars .brand-pillars__title {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

@media (max-width: 991.98px) {
   html[lang=th] .brand-pillars .brand-pillars__title {
      font-size: 1.75rem
   }
}

@media (max-width: 767.98px) {
   html[lang=th] .brand-pillars .brand-pillars__title {
      font-size: 1.625rem
   }
}

@media (min-width: 992px)and (max-width: 1199.98px) {
   html[lang=th] .brand-pillars .brand-pillars__subtitle {
      font-size: 1.25rem
   }
}

@media (max-width: 991.98px) {
   html[lang=th] .brand-pillars .brand-pillars__subtitle {
      font-size: 1.125rem
   }
}

@media (min-width: 992px)and (max-width: 1199.98px) {
   html[lang=th] .brand-pillars .brand-pillars__text {
      font-size: .9375rem
   }
}

@media (max-width: 767.98px) {
   html[lang=th] .brand-pillars .brand-pillars__text {
      font-size: .9375rem
   }
}

@media (min-width: 1200px) {

   html[lang=th] .brand-pillars .brand-pillars__item:hover .brand-pillars__title,
   html[lang=th] .brand-pillars .brand-pillars__item.active .brand-pillars__title {
      font-size: 1.875rem
   }
}

@media (min-width: 1400px) {

   html[lang=th] .brand-pillars .brand-pillars__item:hover .brand-pillars__title,
   html[lang=th] .brand-pillars .brand-pillars__item.active .brand-pillars__title {
      font-size: 2.5rem
   }
}

@media (min-width: 1400px)and (max-width: 1640px) {

   html[lang=th] .brand-pillars .brand-pillars__item:hover .brand-pillars__title,
   html[lang=th] .brand-pillars .brand-pillars__item.active .brand-pillars__title {
      font-size: calc(1.15rem + 1.3170731707vw)
   }
}

@media (min-width: 1400px)and (max-width: 991.98px) {

   html[lang=th] .brand-pillars .brand-pillars__item:hover .brand-pillars__title,
   html[lang=th] .brand-pillars .brand-pillars__item.active .brand-pillars__title {
      font-size: 2.625rem
   }
}

@media (min-width: 1400px)and (max-width: 991.98px)and (max-width: 1640px) {

   html[lang=th] .brand-pillars .brand-pillars__item:hover .brand-pillars__title,
   html[lang=th] .brand-pillars .brand-pillars__item.active .brand-pillars__title {
      font-size: calc(1.1625rem + 1.4268292683vw)
   }
}

@media (min-width: 992px)and (max-width: 1199.98px) {

   html[lang=th] .brand-pillars .brand-pillars__item:hover .brand-pillars__title,
   html[lang=th] .brand-pillars .brand-pillars__item.active .brand-pillars__title {
      font-size: 1.75rem
   }
}

.brand-pillars {
   position: relative;
   overflow: hidden;
   display: flex;
   flex-direction: row;
   align-items: stretch;
   justify-content: space-between;
   text-align: center
}

@media (max-width: 991.98px) {
   .brand-pillars {
      flex-wrap: wrap
   }
}

.brand-pillars .brand-pillars__symbol {
   position: relative;
   z-index: 4;
   margin-bottom: 0;
   color: #fff
}

.brand-pillars .brand-pillars__title {
   position: relative;
   z-index: 4;
   color: #fff;
   margin-bottom: 0;
   transition: font-size .2s ease-in-out
}

.brand-pillars .brand-pillars__subtitle {
   margin-bottom: 1rem;
   color: #fff
}

.brand-pillars .brand-pillars__text {
   margin-bottom: 0;
   color: #fff
}

.brand-pillars .brand-pillars__image {
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
   width: 101%;
   height: 101%;
   border-radius: 25px
}

@media (max-width: 991.98px) {
   .brand-pillars .brand-pillars__image {
      padding-top: 64.9572649573%;
      position: relative;
      width: auto;
      width: initial;
      height: auto;
      height: initial;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0
   }
}

.brand-pillars .brand-pillars__image>.img-fluid {
   position: absolute;
   z-index: 1;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
   border-radius: 25px
}

@media (max-width: 991.98px) {
   .brand-pillars .brand-pillars__image>.img-fluid {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0
   }
}

.brand-pillars .brand-pillars__wrapper {
   position: relative;
   overflow: hidden;
   height: 700px;
   width: 100%;
   border-radius: 25px
}

@media (max-width: 1399.98px) {
   .brand-pillars .brand-pillars__wrapper {
      height: 600px
   }
}

@media (max-width: 991.98px) {
   .brand-pillars .brand-pillars__wrapper {
      height: auto
   }
}

.brand-pillars .brand-pillars__content {
   background-color: transparent;
   border-radius: 25px
}

@media (max-width: 991.98px) {
   .brand-pillars .brand-pillars__content {
      padding: 1.5rem 2rem 1.75rem;
      background-color: #3c3d41;
      border-top-right-radius: 0;
      border-top-left-radius: 0
   }
}

@media (max-width: 767.98px) {
   .brand-pillars .brand-pillars__content {
      padding: 1rem .75rem 1.15rem
   }
}

.brand-pillars .brand-pillars__header {
   padding-top: 8.75rem;
   display: block
}

@media (max-width: 1599.98px) {
   .brand-pillars .brand-pillars__header {
      padding-top: 6.875rem
   }
}

@media (max-width: 1399.98px) {
   .brand-pillars .brand-pillars__header {
      padding-top: 5.75rem
   }
}

@media (max-width: 991.98px) {
   .brand-pillars .brand-pillars__header {
      padding-top: 3rem
   }
}

@media only screen and (min-width: 300px)and (max-width: 349px)and (orientation: portrait) {
   .brand-pillars .brand-pillars__header {
      padding-top: 2rem
   }
}

.brand-pillars .brand-pillars__body {
   position: absolute;
   z-index: 4;
   left: 0;
   right: 0;
   bottom: 0;
   width: 500px;
   height: 50%;
   margin: 0 auto;
   display: block;
   padding: 1rem 2rem;
   color: #fff;
   text-align: center;
   opacity: 0;
   -webkit-transform: translateY(2rem);
   transform: translateY(2rem);
   transition: opacity .1s ease-in-out, -webkit-transform .3s ease-in-out;
   transition: transform .3s ease-in-out, opacity .1s ease-in-out;
   transition: transform .3s ease-in-out, opacity .1s ease-in-out, -webkit-transform .3s ease-in-out;
   transition-delay: .2s
}

@media (max-width: 1399.98px) {
   .brand-pillars .brand-pillars__body {
      width: 435px;
      height: 48%
   }
}

@media (max-width: 1199.98px) {
   .brand-pillars .brand-pillars__body {
      width: 400px;
      padding: 1rem 1.25rem
   }
}

@media (max-width: 991.98px) {
   .brand-pillars .brand-pillars__body {
      position: relative;
      width: 100%;
      height: auto;
      padding: 1rem 1rem 2rem;
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1
   }
}

@media only screen and (min-width: 300px)and (max-width: 349px)and (orientation: portrait) {
   .brand-pillars .brand-pillars__body {
      padding: 1rem .65rem 1.875rem
   }
}

.brand-pillars .brand-pillars__item {
   position: relative;
   overflow-x: hidden;
   overflow-y: hidden;
   display: table-cell;
   width: 33.33%;
   border-radius: 25px;
   transition: width .4s ease-in-out
}

@media (max-width: 991.98px) {
   .brand-pillars .brand-pillars__item {
      width: 100%;
      margin-bottom: 2rem
   }
}

.brand-pillars .brand-pillars__item:before {
   position: absolute;
   z-index: 2;
   inset: 0;
   display: block;
   width: 100%;
   height: 100%;
   margin: auto;
   content: "";
   background: #7b1315;
   border-radius: 0;
   opacity: 0;
   transition: all .3s ease-in-out
}

@media (max-width: 991.98px) {
   .brand-pillars .brand-pillars__item:before {
      display: none
   }
}

@media (min-width: 992px) {
   .brand-pillars .brand-pillars__item:first-child {
      padding-right: 10px
   }
}

@media (min-width: 992px) {
   .brand-pillars .brand-pillars__item:nth-child(2) {
      padding: 0 10px
   }
}

@media (min-width: 992px) {
   .brand-pillars .brand-pillars__item:last-child {
      padding-left: 10px
   }
}

@media (max-width: 991.98px) {
   .brand-pillars .brand-pillars__item:last-child {
      margin-bottom: 0
   }
}

.brand-pillars .brand-pillars__item.active:before,
.brand-pillars .brand-pillars__item:hover:before {
   opacity: 1
}

@media (min-width: 992px) {

   .brand-pillars .brand-pillars__item.active,
   .brand-pillars .brand-pillars__item:hover {
      width: 60%
   }
}

@media (min-width: 992px) {

   .brand-pillars .brand-pillars__item.active .brand-pillars__body,
   .brand-pillars .brand-pillars__item:hover .brand-pillars__body {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0)
   }
}

html[lang=en] .our-milestone-scroller,
html[lang=th] .our-milestone-scroller {
   font-size: .875rem;
   font-weight: 700
}

.our-milestone-scroller {
   color: #fa0505;
   text-align: center;
   display: flex;
   justify-content: center;
   flex-direction: column;
   align-items: center;
   margin-top: 7rem
}

@media (max-width: 1399.98px) {
   .our-milestone-scroller {
      margin-top: 6.25rem
   }
}

@media (max-width: 1199.98px) {
   .our-milestone-scroller {
      margin-top: 5rem
   }
}

@media (max-width: 767.98px) {
   .our-milestone-scroller {
      margin-top: 3.5rem
   }
}

.our-milestone-scroller:after {
   content: "";
   display: block;
   width: 1px;
   height: 145px;
   background-color: #fa0505;
   margin-top: 1rem
}

html[lang=en] .business-slider__title {
   font-size: 2.5rem;
   font-weight: 700;
   line-height: 1.25
}

@media (max-width: 1640px) {
   html[lang=en] .business-slider__title {
      font-size: calc(1.15rem + 1.3170731707vw)
   }
}

@media (max-width: 991.98px) {
   html[lang=en] .business-slider__title {
      font-size: 2.625rem
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=en] .business-slider__title {
      font-size: calc(1.1625rem + 1.4268292683vw)
   }
}

html[lang=en] .business-slider__subtitle {
   font-size: 1.5625rem
}

@media (max-width: 1640px) {
   html[lang=en] .business-slider__subtitle {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=en] .business-slider__subtitle {
      font-size: 1.375rem
   }
}

@media (max-width: 1399.98px)and (max-width: 1640px) {
   html[lang=en] .business-slider__subtitle {
      font-size: calc(1.0375rem + .3292682927vw)
   }
}

@media (max-width: 1199.98px) {
   html[lang=en] .business-slider__subtitle {
      font-size: 1.5625rem
   }
}

@media (max-width: 1199.98px)and (max-width: 1640px) {
   html[lang=en] .business-slider__subtitle {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

html[lang=th] .business-slider__title {
   font-size: 2.5rem;
   font-weight: 700;
   line-height: 1.25
}

@media (max-width: 1640px) {
   html[lang=th] .business-slider__title {
      font-size: calc(1.15rem + 1.3170731707vw)
   }
}

@media (max-width: 991.98px) {
   html[lang=th] .business-slider__title {
      font-size: 2.625rem
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=th] .business-slider__title {
      font-size: calc(1.1625rem + 1.4268292683vw)
   }
}

html[lang=th] .business-slider__subtitle {
   font-size: 1.5625rem
}

@media (max-width: 1640px) {
   html[lang=th] .business-slider__subtitle {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=th] .business-slider__subtitle {
      font-size: 1.375rem
   }
}

@media (max-width: 1399.98px)and (max-width: 1640px) {
   html[lang=th] .business-slider__subtitle {
      font-size: calc(1.0375rem + .3292682927vw)
   }
}

@media (max-width: 1199.98px) {
   html[lang=th] .business-slider__subtitle {
      font-size: 1.5625rem
   }
}

@media (max-width: 1199.98px)and (max-width: 1640px) {
   html[lang=th] .business-slider__subtitle {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

.business-slider {
   position: relative;
   display: flex;
   flex-wrap: wrap;
   height: 100%
}

.business-slider__gallery {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 40%;
   max-width: 40%;
   width: 100%
}

@media (max-width: 991.98px) {
   .business-slider__gallery {
      display: none
   }
}

.business-slider__gallery--mobile {
   display: none
}

@media (max-width: 991.98px) {
   .business-slider__gallery--mobile {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%;
      width: 100%;
      display: block
   }
}

.business-slider__gallery-item {
   position: -webkit-sticky;
   position: sticky;
   top: 0;
   width: 100%;
   height: 100vh
}

.business-slider__title {
   margin-bottom: 1rem
}

.business-slider__subtitle {
   margin-bottom: .5rem
}

.business-slider__content {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 60%;
   max-width: 60%;
   width: 100%
}

@media (max-width: 991.98px) {
   .business-slider__content {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%;
      width: 100%;
      padding-right: 12px;
      padding-left: 12px;
      margin-right: auto;
      margin-left: auto;
      padding: 5rem 0
   }
}

@media (max-width: 991.98px)and (min-width: 576px) {
   .business-slider__content {
      max-width: 540px
   }
}

@media (max-width: 991.98px)and (min-width: 768px) {
   .business-slider__content {
      max-width: 720px
   }
}

@media (max-width: 991.98px)and (min-width: 992px) {
   .business-slider__content {
      max-width: 960px
   }
}

@media (max-width: 991.98px)and (min-width: 1200px) {
   .business-slider__content {
      max-width: 1140px
   }
}

@media (max-width: 991.98px)and (min-width: 1400px) {
   .business-slider__content {
      max-width: 1250px
   }
}

@media (max-width: 991.98px)and (min-width: 1600px) {
   .business-slider__content {
      max-width: 1350px
   }
}

@media (max-width: 991.98px)and (min-width: 2000px) {
   .business-slider__content {
      max-width: 1650px
   }
}

@media (max-width: 767.98px) {
   .business-slider__content {
      padding: 3.5rem 15px
   }
}

.business-slider__content-item {
   height: 100vh;
   display: flex;
   flex-direction: column;
   justify-content: center
}

@media (max-width: 991.98px) {
   .business-slider__content-item {
      height: auto
   }

   .business-slider__content-item:not(:last-child) {
      margin-bottom: 5rem
   }
}

.business-slider__body {
   padding: 0 10rem 0 7.5rem
}

@media (max-width: 1399.98px) {
   .business-slider__body {
      padding: 0 8rem 0 6.5rem
   }
}

@media (max-width: 1199.98px) {
   .business-slider__body {
      padding: 0 4rem
   }
}

@media (max-width: 991.98px) {
   .business-slider__body {
      width: 100%;
      margin-right: auto;
      margin-left: auto;
      padding: 30px 0
   }
}

@media (max-width: 991.98px)and (min-width: 576px) {
   .business-slider__body {
      max-width: 540px
   }
}

@media (max-width: 991.98px)and (min-width: 768px) {
   .business-slider__body {
      max-width: 720px
   }
}

@media (max-width: 991.98px)and (min-width: 992px) {
   .business-slider__body {
      max-width: 960px
   }
}

@media (max-width: 991.98px)and (min-width: 1200px) {
   .business-slider__body {
      max-width: 1140px
   }
}

@media (max-width: 991.98px)and (min-width: 1400px) {
   .business-slider__body {
      max-width: 1250px
   }
}

@media (max-width: 991.98px)and (min-width: 1600px) {
   .business-slider__body {
      max-width: 1350px
   }
}

@media (max-width: 991.98px)and (min-width: 2000px) {
   .business-slider__body {
      max-width: 1650px
   }
}

.business-slider__brand {
   margin-top: 3rem
}

.business-slider__progress {
   position: absolute;
   z-index: 1000;
   top: 15vh;
   right: 30px;
   width: 2px;
   height: 70vh;
   max-height: 70vh;
   background-color: #e0e0e033
}

.business-slider__progress.business-slider__progress--enter {
   position: fixed
}

.business-slider__progress.business-slider__progress--end {
   position: absolute;
   top: auto;
   bottom: 15vh
}

@media (max-width: 991.98px) {
   .business-slider__progress {
      display: none
   }
}

.business-slider__progress-bar {
   position: absolute;
   z-index: 1001;
   top: 0;
   right: 0;
   width: 2px;
   height: 0;
   background-color: #e0e0e0
}

.business-slider--enter .business-slider__progress {
   position: fixed
}

.business-slider--end .business-slider__progress {
   bottom: 15vh;
   top: auto
}

html[lang=en] .brand-message__caption {
   font-size: 1.25rem
}

@media (max-width: 1640px) {
   html[lang=en] .brand-message__caption {
      font-size: calc(1.025rem + .2195121951vw)
   }
}

@media (max-width: 767.98px) {
   html[lang=en] .brand-message__caption {
      font-size: 1.0625rem
   }
}

@media (max-width: 767.98px)and (max-width: 1640px) {
   html[lang=en] .brand-message__caption {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

html[lang=th] .brand-message__caption {
   font-size: 1.25rem
}

@media (max-width: 1640px) {
   html[lang=th] .brand-message__caption {
      font-size: calc(1.025rem + .2195121951vw)
   }
}

@media (max-width: 767.98px) {
   html[lang=th] .brand-message__caption {
      font-size: 1.0625rem
   }
}

@media (max-width: 767.98px)and (max-width: 1640px) {
   html[lang=th] .brand-message__caption {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

.brand-message {
   min-height: 100vh;
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center
}

.brand-message__logo {
   text-align: center;
   margin-bottom: 3rem
}

.brand-message__logo-image {
   max-width: 100%;
   width: 275px;
   height: 160px;
   object-fit: contain
}

.brand-content {
   background-color: #292929;
   padding-bottom: 4.5rem
}

@media (max-width: 991.98px) {
   .brand-content {
      padding-top: 30px
   }
}

@media (max-width: 767.98px) {
   .brand-content {
      padding-bottom: 2.75rem
   }
}

.brand-gallery {
   padding: 5rem 0 3rem;
   background-color: #0c0c0c
}

@media (max-width: 991.98px) {
   .brand-gallery {
      padding: 4rem 0 2.5rem
   }
}

html[lang=en] .brand-contact .slide-up-scroll__body h2.h4.mb-5 {
   font-size: 2.5rem !important
}

@media (max-width: 1640px) {
   html[lang=en] .brand-contact .slide-up-scroll__body h2.h4.mb-5 {
      font-size: calc(1.15rem + 1.3170731707vw) !important
   }
}

@media (max-width: 991.98px) {
   html[lang=en] .brand-contact .slide-up-scroll__body h2.h4.mb-5 {
      font-size: 2.625rem !important
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=en] .brand-contact .slide-up-scroll__body h2.h4.mb-5 {
      font-size: calc(1.1625rem + 1.4268292683vw) !important
   }
}

@media (max-width: 767.98px) {
   html[lang=en] .brand-contact .slide-up-scroll__body h2.h4.mb-5 {
      font-size: 1.75rem !important
   }
}

html[lang=th] .brand-contact .slide-up-scroll__body h2.h4.mb-5 {
   font-size: 2.5rem !important
}

@media (max-width: 1640px) {
   html[lang=th] .brand-contact .slide-up-scroll__body h2.h4.mb-5 {
      font-size: calc(1.15rem + 1.3170731707vw) !important
   }
}

@media (max-width: 991.98px) {
   html[lang=th] .brand-contact .slide-up-scroll__body h2.h4.mb-5 {
      font-size: 2.625rem !important
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=th] .brand-contact .slide-up-scroll__body h2.h4.mb-5 {
      font-size: calc(1.1625rem + 1.4268292683vw) !important
   }
}

@media (max-width: 767.98px) {
   html[lang=th] .brand-contact .slide-up-scroll__body h2.h4.mb-5 {
      font-size: 1.75rem !important
   }
}

.brand-contact {
   color: #0c0c0c;
   background-color: #e0e0e0
}

@media (max-width: 767.98px) {
   .brand-contact {
      padding-bottom: 2rem
   }
}

@media (max-width: 767.98px) {
   .brand-contact .slide-up-scroll__body h2.h4.mb-5 {
      margin-bottom: 1rem !important
   }
}

@media (max-width: 767.98px) {
   .brand-contact .col.text-center.mb-5 {
      margin-bottom: 1.5rem !important
   }
}

.brand-contact__logo:hover .brand-contact__logo-image--grey {
   display: none
}

.brand-contact__logo:hover .brand-contact__logo-image--color {
   display: block
}

.brand-contact__logo-image {
   max-width: 100%;
   height: 170px;
   object-fit: contain;
   margin: 0 auto
}

@media (max-width: 991.98px) {
   .brand-contact__logo-image {
      height: 130px
   }
}

.brand-contact__logo-image--grey {
   display: block
}

.brand-contact__logo-image--color {
   display: none
}

.brand-related {
   background-color: #1e1e1e
}

html[lang=en] .shop-contact__text,
html[lang=th] .shop-contact__text {
   font-weight: 700
}

.shop-contact-col:before,
.shop-contact-col:after {
   content: "";
   position: absolute;
   margin: auto
}

@media (max-width: 767.98px) {

   .shop-contact-col:before,
   .shop-contact-col:after {
      display: none
   }
}

.shop-contact-col:before {
   top: 0;
   bottom: 0;
   right: 0;
   width: 1px;
   height: 90%
}

.shop-contact-col:after {
   bottom: 0;
   right: 0;
   left: 0;
   width: 90%;
   height: 1px
}

.shop-contact-col:nth-child(4):before,
.shop-contact-col:nth-child(8):before {
   display: none
}

.shop-contact-col:nth-child(5):after,
.shop-contact-col:nth-child(6):after,
.shop-contact-col:nth-child(7):after,
.shop-contact-col:nth-child(8):after {
   display: none
}

.shop-contact {
   text-align: center;
   padding: 30px 15px
}

@media (max-width: 767.98px) {
   .shop-contact {
      padding: 15px
   }
}

.shop-contact__image {
   max-width: 100%;
   height: 50px
}

.shop-mobile-app {
   background: linear-gradient(to bottom, #0C0C0C 30%, #1E1E1E 30%);
   padding-bottom: 3rem
}

@media (max-width: 991.98px) {
   .shop-mobile-app {
      background: linear-gradient(to bottom, #0C0C0C 30%, #1E1E1E 30%);
      padding: 5rem 0 1rem
   }
}

@media (max-width: 767.98px) {
   .shop-mobile-app {
      padding: 1rem 0
   }
}

.shop-mobile-app__mobile {
   background-image: url(/National_Library/oe_/https://yeah1group.com/assets/images/bg/mobile.png);
   background-size: 100% 100%;
   background-repeat: no-repeat;
   width: 100%;
   padding: 8px 10px
}

@media (max-width: 991.98px) {
   .shop-mobile-app__mobile {
      width: 50%;
      margin: 0 auto
   }
}

@media (max-width: 767.98px) {
   .shop-mobile-app__mobile {
      width: 65%
   }
}

.shop-online {
   background-color: #1e1e1e
}

.shop-online__gallery {
   box-shadow: 10px 15px 15px #0003;
   margin-bottom: 7rem
}

@media (max-width: 991.98px) {
   .shop-online__gallery {
      margin-bottom: 5rem
   }
}

.shop-online__brands .slide-up-scroll__body {
   padding: .5rem 1rem;
   background-color: #fff;
   border-radius: 18px
}

.discover-omni {
   position: relative;
   overflow: hidden;
   background: #282a74
}

.discover-omni .discover-omni__body {
   position: relative;
   z-index: 5
}

.discover-omni .discover-omni__cycle {
   position: relative;
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   min-height: 75vh
}

@media (min-width: 768px)and (max-width: 991.98px) {
   .discover-omni .discover-omni__cycle {
      min-height: 60vh
   }
}

@media (max-width: 767.98px) {
   .discover-omni .discover-omni__cycle {
      flex-wrap: wrap
   }
}

.discover-omni .discover-omni__main>.img-fluid {
   max-width: 300px
}

@media (max-width: 1999.98px) {
   .discover-omni .discover-omni__main>.img-fluid {
      max-width: 270px
   }
}

@media (max-width: 1599.98px) {
   .discover-omni .discover-omni__main>.img-fluid {
      max-width: 250px
   }
}

@media (max-width: 767.98px) {
   .discover-omni .discover-omni__main>.img-fluid {
      max-width: 200px
   }
}

@media only screen and (min-width: 300px)and (max-width: 349px)and (orientation: portrait) {
   .discover-omni .discover-omni__main>.img-fluid {
      max-width: 180px
   }
}

.discover-omni .discover-omni__item {
   position: absolute;
   display: inline-flex;
   justify-content: center;
   align-items: center
}

@media (max-width: 767.98px) {
   .discover-omni .discover-omni__item {
      flex: 0 0 calc(50% - 20px);
      flex-basis: calc(50% - 20px);
      max-width: calc(50% - 20px);
      width: 100%;
      position: relative;
      top: auto !important;
      top: initial !important;
      left: auto !important;
      left: initial !important;
      right: auto !important;
      right: initial !important;
      bottom: auto !important;
      bottom: initial !important
   }
}

.discover-omni .discover-omni__item:not(:nth-last-child(-n+2)) {
   margin-bottom: 1.5rem
}

.discover-omni .discover-omni__item>.img-fluid {
   max-width: 180px
}

@media (max-width: 1999.98px) {
   .discover-omni .discover-omni__item>.img-fluid {
      max-width: 120px
   }
}

@media (max-width: 1599.98px) {
   .discover-omni .discover-omni__item>.img-fluid {
      max-width: 90px
   }
}

.discover-omni .discover-omni__item--1,
.discover-omni .discover-omni__item--6 {
   left: 0;
   right: 0
}

@media (min-width: 768px) {

   .discover-omni .discover-omni__item--1,
   .discover-omni .discover-omni__item--6 {
      margin: 0 auto
   }
}

.discover-omni .discover-omni__item--1 {
   top: 0
}

.discover-omni .discover-omni__item--6 {
   bottom: 0
}

.discover-omni .discover-omni__item--3,
.discover-omni .discover-omni__item--9 {
   top: 30%
}

@media (min-width: 768px)and (max-width: 991.98px) {

   .discover-omni .discover-omni__item--3,
   .discover-omni .discover-omni__item--9 {
      top: 33%
   }
}

.discover-omni .discover-omni__item--4,
.discover-omni .discover-omni__item--8 {
   top: 55%
}

@media (min-width: 768px)and (max-width: 991.98px) {

   .discover-omni .discover-omni__item--4,
   .discover-omni .discover-omni__item--8 {
      top: 53%
   }
}

.discover-omni .discover-omni__item--3,
.discover-omni .discover-omni__item--4 {
   right: 15%
}

@media (min-width: 768px)and (max-width: 991.98px) {

   .discover-omni .discover-omni__item--3,
   .discover-omni .discover-omni__item--4 {
      right: 5%
   }
}

.discover-omni .discover-omni__item--8,
.discover-omni .discover-omni__item--9 {
   left: 15%
}

@media (min-width: 768px)and (max-width: 991.98px) {

   .discover-omni .discover-omni__item--8,
   .discover-omni .discover-omni__item--9 {
      left: 5%
   }
}

.discover-omni .discover-omni__item--2,
.discover-omni .discover-omni__item--5 {
   right: 30%
}

@media (min-width: 768px)and (max-width: 991.98px) {

   .discover-omni .discover-omni__item--2,
   .discover-omni .discover-omni__item--5 {
      right: 20%
   }
}

.discover-omni .discover-omni__item--2 {
   top: 10%
}

.discover-omni .discover-omni__item--5 {
   bottom: 10%
}

.discover-omni .discover-omni__item--7,
.discover-omni .discover-omni__item--10 {
   left: 30%
}

@media (min-width: 768px)and (max-width: 991.98px) {

   .discover-omni .discover-omni__item--7,
   .discover-omni .discover-omni__item--10 {
      left: 20%
   }
}

.discover-omni .discover-omni__item--10 {
   top: 10%
}

.discover-omni .discover-omni__item--7 {
   bottom: 10%
}

@media (max-width: 767.98px) {
   .discover-omni .discover-omni__list {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%;
      width: 100%;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center
   }
}

.cg-policy {
   position: relative;
   overflow: hidden
}

.cg-policy .cg-policy__bg {
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-position: bottom
}

.cg-policy .cg-policy__bg:before {
   position: absolute;
   z-index: 2;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   content: "";
   background: linear-gradient(180deg, rgba(0, 0, 0, .35) 0%, rgba(0, 0, 0, .9) 100%)
}

@media (max-width: 991.98px) {
   .cg-policy .cg-policy__bg:before {
      background: linear-gradient(180deg, rgba(0, 0, 0, .5) 0%, black 100%)
   }
}

.cg-policy .cg-policy__bg>.img-fluid {
   position: absolute;
   z-index: 1;
   top: 0;
   bottom: 0;
   left: 0;
   display: block;
   width: 100%;
   height: 100vh;
   object-fit: cover;
   object-position: center
}

.cg-policy .cg-policy__body {
   position: relative;
   z-index: 5;
   padding: 15rem 0
}

@media (max-width: 1399.98px) {
   .cg-policy .cg-policy__body {
      padding: 12rem 0
   }
}

@media (max-width: 1199.98px) {
   .cg-policy .cg-policy__body {
      padding: 10rem 0
   }
}

@media (max-width: 991.98px) {
   .cg-policy .cg-policy__body {
      padding: 5rem 0 6rem
   }
}

@media (max-width: 767.98px) {
   .cg-policy .cg-policy__body {
      padding: 4rem 0
   }
}

.investor-intro {
   position: relative;
   z-index: 5;
   padding-bottom: 3rem
}

@media (max-width: 1199.98px) {
   .investor-intro {
      padding-bottom: 2rem
   }
}

@media (min-width: 1400px) {
   .investor-intro .card--shortcut .card__body {
      padding: 2.5rem 2rem 1.5rem
   }
}

@media (min-width: 1600px) {
   .investor-intro .card--shortcut .card__body {
      padding: 3.5rem 4rem 1.75rem
   }
}

@media (min-width: 1400px) {
   .investor-intro .card--shortcut .card__footer {
      padding-bottom: 2rem
   }
}

@media (min-width: 1600px) {
   .investor-intro .card--shortcut .card__footer {
      padding-bottom: 3rem
   }
}

.investor-performance {
   position: relative;
   overflow: hidden
}

.investor-performance .investor-performance__bg {
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   position: absolute;
   z-index: 1;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%
}

.investor-performance .investor-performance__bg:before {
   position: absolute;
   z-index: 1;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   content: "";
   background: linear-gradient(180deg, rgba(0, 0, 0, .3) 16%, rgba(0, 0, 0, .5) 100%)
}

.investor-performance .investor-performance__body {
   position: relative;
   z-index: 2;
   min-height: 100vh;
   display: flex;
   flex-direction: row;
   align-items: center
}

.investor-reports {
   position: relative;
   overflow: hidden
}

.investor-reports .investor-reports__bg {
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   position: absolute;
   z-index: 1;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%
}

.investor-reports .investor-reports__bg:before {
   position: absolute;
   z-index: 1;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   content: "";
   background: linear-gradient(135deg, rgba(0, 0, 0, .1) 16%, rgba(0, 0, 0, .35) 100%)
}

.investor-reports .investor-reports__body {
   position: relative;
   z-index: 2
}

.investor-reports .list-group--document .list-group__title {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 62%;
   max-width: 62%;
   width: 100%
}

@media (max-width: 1399.98px) {
   .investor-reports .list-group--document .list-group__title {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 60%;
      max-width: 60%;
      width: 100%
   }
}

@media (max-width: 767.98px) {
   .investor-reports .list-group--document .list-group__title {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%;
      width: 100%
   }
}

.investor-reports .list-group--document .list-group__btn-group {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 38%;
   max-width: 38%;
   width: 100%
}

@media (max-width: 1399.98px) {
   .investor-reports .list-group--document .list-group__btn-group {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 40%;
      max-width: 40%;
      width: 100%
   }
}

@media (max-width: 767.98px) {
   .investor-reports .list-group--document .list-group__btn-group {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%;
      width: 100%
   }
}

.investor-reports .list-group--document .list-group__btn-group .btn--icon .btn__icon {
   color: #fff
}

.investor-reports .list-group--document .list-group__btn-group .btn--icon:hover .btn__icon {
   color: #ffffff80
}

html[lang=en] .financial-statement .financial-statement__title {
   font-family: CPN, sans-serif;
   font-size: 2.5rem;
   font-weight: 700;
   line-height: 1.2
}

@media (max-width: 1640px) {
   html[lang=en] .financial-statement .financial-statement__title {
      font-size: calc(1.15rem + 1.3170731707vw)
   }
}

@media (max-width: 991.98px) {
   html[lang=en] .financial-statement .financial-statement__title {
      font-size: 2.625rem
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=en] .financial-statement .financial-statement__title {
      font-size: calc(1.1625rem + 1.4268292683vw)
   }
}

html[lang=th] .financial-statement .financial-statement__title {
   font-family: CPN, sans-serif;
   font-size: 2.5rem;
   font-weight: 700;
   line-height: 1.5
}

@media (max-width: 1640px) {
   html[lang=th] .financial-statement .financial-statement__title {
      font-size: calc(1.15rem + 1.3170731707vw)
   }
}

@media (max-width: 991.98px) {
   html[lang=th] .financial-statement .financial-statement__title {
      font-size: 2.625rem
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=th] .financial-statement .financial-statement__title {
      font-size: calc(1.1625rem + 1.4268292683vw)
   }
}

.financial-statement .financial-statement__title {
   margin-bottom: 1.5rem;
   text-align: center
}

@media (max-width: 767.98px) {
   .financial-statement .financial-statement__title {
      margin-bottom: 1.25rem
   }
}

html[lang=en] .financial-chart__legend-title,
html[lang=th] .financial-chart__legend-title {
   font-size: .75rem
}

.financial-chart__nav {
   position: absolute;
   top: 0;
   right: 15px
}

.financial-chart__nav-btn {
   min-width: 90px !important
}

.financial-chart__nav-btn.active {
   display: none
}

.financial-chart__chart {
   display: flex;
   flex-wrap: wrap;
   width: calc(100% - 140px)
}

@media (max-width: 767.98px) {
   .financial-chart__chart {
      width: 100%;
      padding-top: 50px
   }
}

.financial-chart__echarts--yearly {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 60%;
   max-width: 60%;
   width: 100%;
   position: relative
}

.financial-chart__echarts--yearly:after {
   content: "";
   width: 1px;
   height: 78%;
   position: absolute;
   top: 0;
   right: 0;
   border-right: 1px dashed #e0e0e0
}

.financial-chart__echarts--full-width {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 100%;
   max-width: 100%;
   width: 100%
}

.financial-chart__echarts--full-width:after {
   display: none
}

.financial-chart__echarts--quarterly {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 40%;
   max-width: 40%;
   width: 100%
}

.financial-chart__echarts-chart {
   width: 100%;
   height: 275px
}

.financial-chart__table {
   width: 80%
}

@media (max-width: 767.98px) {
   .financial-chart__table {
      width: 100%;
      margin-top: 50px
   }
}

.financial-chart__table td,
.financial-chart__table th {
   padding-left: 0 !important
}

.financial-chart__legend {
   padding: 0;
   list-style: none;
   position: absolute;
   top: 25%;
   right: 15px;
   max-width: 175px
}

@media (max-width: 767.98px) {
   .financial-chart__legend {
      position: static;
      display: flex;
      width: 100%;
      max-width: 100%;
      justify-content: center
   }
}

.financial-chart__legend-item {
   position: relative;
   padding-left: 22px;
   margin-bottom: 8px
}

@media (max-width: 767.98px) {
   .financial-chart__legend-item {
      margin-left: 10px;
      margin-right: 10px
   }
}

.financial-chart__legend-item .financial-chart__legend-marker {
   display: block;
   width: 13px;
   height: 13px;
   position: absolute;
   left: 0;
   top: 5px
}

.financial-chart__legend-item:nth-child(1) .financial-chart__legend-marker {
   background-color: #f4d44e;
   border-radius: 50%
}

.financial-chart__legend-item:nth-child(2) .financial-chart__legend-marker {
   background-color: #fff;
   border-radius: 50%
}

html[lang=en] .financial-table__dropdown-label,
html[lang=en] .financial-table__nav-link,
html[lang=th] .financial-table__dropdown-label,
html[lang=th] .financial-table__nav-link {
   font-weight: 700
}

.financial-table__nav {
   position: absolute;
   left: 15px;
   top: 5px;
   z-index: 1
}

@media (max-width: 767.98px) {
   .financial-table__nav {
      position: static;
      margin-bottom: 1.5rem;
      display: flex;
      justify-content: center;
      flex-wrap: nowrap
   }
}

@media (max-width: 767.98px) {
   .financial-table__nav .financial-table__nav-link {
      width: 100%
   }
}

.financial-table__nav-link {
   display: inline-flex;
   justify-content: center;
   align-items: center;
   min-width: 130px;
   height: 45px;
   padding: 3px 15px 0;
   color: #fff;
   text-align: center;
   background-color: transparent;
   border: 1px solid #fff;
   border-radius: 25px;
   transition: all .3s ease-in-out
}

.financial-table__nav-link:not(:first-child) {
   margin-left: 1rem
}

@media (max-width: 767.98px) {
   .financial-table__nav-link:not(:first-child) {
      margin-left: .75rem
   }
}

.financial-table__nav-link:hover,
.financial-table__nav-link.active {
   color: #fff;
   border-color: #fa0505;
   background-color: #fa0505
}

.financial-table__dropdown {
   margin-bottom: 1.5rem
}

.financial-table__dropdown-wrapper {
   display: flex;
   align-items: center;
   justify-content: flex-end
}

.financial-table__dropdown-label {
   margin-right: 1rem
}

@media (max-width: 767.98px) {
   .financial-table__dropdown-label {
      margin-right: .75rem
   }
}

.financial-table__dropdown-toggle {
   height: 45px;
   min-width: 220px;
   border-radius: 25px;
   border: 1px solid #fff;
   text-align: left;
   padding: 15px 1.25rem;
   color: #fff;
   display: inline-flex;
   align-items: center;
   justify-content: space-between
}

.financial-table__dropdown-toggle:after {
   content: "\f078";
   font-family: "Font Awesome 6 Pro";
   font-size: .875rem;
   color: #fa0505;
   border: 0;
   display: inline-block;
   -webkit-transform: rotate(0deg);
   transform: rotate(0);
   transition: -webkit-transform .3s ease-in-out;
   transition: transform .3s ease-in-out;
   transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.financial-table__dropdown-toggle[aria-expanded=true]:after {
   -webkit-transform: rotate(-180deg);
   transform: rotate(-180deg)
}

.financial-table__dropdown-menu {
   min-width: 190px;
   border-radius: 0;
   padding: 15px 1.25rem
}

.financial-table__dropdown-menu .custom-control-label {
   color: #000
}

.financial-table__dropdown-menu .custom-control-label:before {
   border-color: #000
}

.financial-table__dropdown-menu .custom-control-input:checked~.custom-control-label:before {
   color: #000;
   border-color: #000;
   background-color: transparent
}

.financial-table__dropdown-menu .custom-checkbox .custom-control-input:checked~.custom-control-label:after {
   border-left-color: #000;
   border-bottom-color: #000
}

.financial-table__table {
   text-align: right
}

@media (max-width: 767.98px) {
   .financial-table__table {
      min-width: 700px
   }
}

.financial-table__table td,
.financial-table__table th {
   padding-left: 0 !important
}

.financial-table__table td:first-child,
.financial-table__table th:first-child {
   text-align: left
}

@media (max-width: 991.98px) {
   .financial-table__table tbody td:first-child {
      min-width: 316px;
      width: 316px
   }
}

@media (max-width: 767.98px) {
   .financial-table__table tbody td:first-child {
      min-width: 325px;
      width: 325px
   }
}

html[lang=en] .news-detail__share-toggle span {
   font-weight: 700;
   font-size: .9375rem
}

@media only screen and (min-width: 300px)and (max-width: 349px)and (orientation: portrait) {
   html[lang=en] .news-detail__share-toggle span {
      font-size: .875rem
   }
}

@media only screen and (min-width: 300px)and (max-width: 349px)and (orientation: portrait) {
   html[lang=en] .news-detail__footer .btn--outline-primary .btn__title {
      font-size: .875rem
   }
}

html[lang=en] .news-detail__headline {
   font-size: 1.75rem
}

@media (max-width: 1640px) {
   html[lang=en] .news-detail__headline {
      font-size: calc(1.075rem + .6585365854vw)
   }
}

html[lang=th] .news-detail__share-toggle span {
   font-weight: 700;
   font-size: .9375rem
}

@media only screen and (min-width: 300px)and (max-width: 349px)and (orientation: portrait) {
   html[lang=th] .news-detail__share-toggle span {
      font-size: .875rem
   }
}

@media only screen and (min-width: 300px)and (max-width: 349px)and (orientation: portrait) {
   html[lang=th] .news-detail__footer .btn--outline-primary .btn__title {
      font-size: .875rem
   }
}

html[lang=th] .news-detail__headline {
   font-size: 1.75rem
}

@media (max-width: 1640px) {
   html[lang=th] .news-detail__headline {
      font-size: calc(1.075rem + .6585365854vw)
   }
}

@media (max-width: 767.98px) {
   .news-detail {
      padding-bottom: 2.5rem
   }
}

.news-detail .news-detail__header {
   margin-bottom: 2.25rem
}

@media (max-width: 1199.98px) {
   .news-detail .news-detail__header {
      margin-bottom: 1.75rem
   }
}

.news-detail .news-detail__header .badge {
   margin-bottom: 1rem
}

.news-detail .news-detail__header .badge .badge__icon {
   color: #fa0505
}

.news-detail .news-detail__body {
   padding-bottom: 2rem
}

.news-detail .news-detail__body img {
   display: block;
   max-width: 100%;
   height: auto;
   text-align: center;
   margin: 1.5rem auto
}

.news-detail .news-detail__body ul,
.news-detail .news-detail__body ol {
   padding-left: 1.25rem;
   margin-bottom: 1.5rem
}

.news-detail .news-detail__body a {
   display: inline-block;
   color: #fa0505
}

@media (max-width: 767.98px) {
   .news-detail .news-detail__body a {
      white-space: normal;
      word-break: break-word
   }
}

.news-detail .news-detail__body a:hover,
.news-detail .news-detail__body a:focus {
   color: #fa0505;
   text-decoration: underline !important;
   text-underline-offset: 2px
}

.news-detail .news-detail__share-toggle {
   margin-left: auto;
   color: #fff;
   background-color: #0c0c0c;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 90px;
   height: 45px;
   border-radius: 25px;
   border: 1px solid transparent;
   cursor: pointer;
   transition: all .3s ease-in-out
}

.news-detail .news-detail__share-body {
   position: absolute;
   right: 0;
   top: 0;
   z-index: 1;
   display: flex;
   align-items: center;
   justify-content: center;
   height: 45px;
   padding: 0 10px;
   background-color: #e0e0e0;
   border-radius: 25px;
   opacity: 0;
   width: 0;
   overflow: hidden;
   pointer-events: none;
   transition: all .3s ease-in-out
}

.news-detail .news-detail__share-link {
   color: #000;
   margin: 0 10px;
   line-height: 0;
   font-size: .9375rem
}

.news-detail .news-detail__share {
   height: 45px;
   margin-left: auto;
   position: relative;
   pointer-events: visible
}

.news-detail .news-detail__share:hover .news-detail__share-body {
   width: 155px;
   opacity: 1;
   pointer-events: visible
}

.news-detail .news-detail__share:hover .news-detail__share-toggle {
   border-color: transparent
}

.news-detail .news-detail__footer {
   padding-top: 2rem
}

@media (max-width: 767.98px) {
   .news-detail .news-detail__footer {
      padding-top: 1.75rem
   }
}

@media (max-width: 767.98px) {
   .news-detail .news-detail__footer .btn--outline-primary {
      min-width: 120px
   }
}

.career-intro {
   position: relative;
   overflow: hidden
}

.career-intro .career-intro__bg {
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%
}

.career-intro .career-intro__bg:before {
   position: absolute;
   z-index: 2;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   content: "";
   background-color: #0006
}

.career-intro .career-intro__body {
   position: relative;
   z-index: 3;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
   min-height: 110vh
}

@media (max-width: 991.98px) {
   .career-intro .career-intro__body {
      min-height: 55vh
   }
}

.sd-ceo-message {
   position: relative;
   background-color: #7a9a82
}

.sd-ceo-message__bg {
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%
}

@media (max-width: 1199.98px) {
   .sd-ceo-message__bg {
      background-position: 32% center
   }
}

@media (max-width: 991.98px) {
   .sd-ceo-message__bg {
      background-position: 29% center
   }
}

@media (max-width: 767.98px) {
   .sd-ceo-message__bg {
      position: relative;
      min-height: 95vh;
      background-position: top center
   }
}

@media (min-width: 992px) {
   .sd-ceo-message__bg--sticky {
      position: -webkit-sticky;
      position: sticky;
      height: 100vh
   }
}

@media (max-width: 991.98px) {
   .sd-ceo-message__bg--sticky {
      position: relative;
      height: 95vh;
      background-position: top center
   }
}

.sd-ceo-message__body {
   position: relative;
   overflow: hidden;
   z-index: 5;
   min-height: 100vh;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center
}

@media (max-width: 767.98px) {
   .sd-ceo-message__body {
      margin-top: -14rem;
      padding: 0 1.25rem;
      min-height: 0;
      min-height: initial
   }
}

.sd-ceo-message__text {
   margin-bottom: 3rem
}

@media (min-width: 992px) {
   .sd-ceo-message--full .sd-ceo-message__bg {
      position: -webkit-sticky;
      position: sticky;
      height: 100vh
   }
}

@media (max-width: 991.98px) {
   .sd-ceo-message--full .sd-ceo-message__bg {
      position: relative;
      height: 95vh;
      background-position: top center
   }
}

@media (max-width: 991.98px) {
   .sd-ceo-message--full .sd-ceo-message__body {
      margin-top: -14rem;
      padding: 0 1.25rem;
      min-height: 0;
      min-height: initial
   }
}

@media (max-width: 767.98px) {
   .sd-ceo-message--full .sd-ceo-message__body {
      margin-top: -18rem
   }
}

html[lang=en] .sd-framework__card .sd-framework__title {
   font-family: CPN, sans-serif;
   font-size: h4 !important;
   font-weight: 700
}

html[lang=en] .sd-framework__card .sd-framework__text {
   font-family: CPN, sans-serif;
   font-size: h5 !important
}

html[lang=th] .sd-framework__card .sd-framework__title {
   font-family: CPN, sans-serif;
   font-size: h4 !important;
   font-weight: 700
}

html[lang=th] .sd-framework__card .sd-framework__text {
   font-family: CPN, sans-serif;
   font-size: h5 !important
}

.sd-framework {
   display: flex;
   flex-direction: row;
   align-items: flex-start;
   justify-content: space-between;
   padding: 80px 50px 0;
   -webkit-column-gap: 70px;
   -moz-column-gap: 70px;
   column-gap: 70px;
   width: 100%;
   background-color: #f3f3f399
}

@media (max-width: 991.98px) {
   .sd-framework {
      flex-wrap: wrap
   }
}

@media (max-width: 767.98px) {
   .sd-framework {
      padding: 50px 30px 0
   }
}

.sd-framework__card {
   flex: 0 0 calc(25% - 70px);
   flex-basis: calc(25% - 70px);
   max-width: calc(25% - 70px);
   width: 100%;
   display: flex;
   flex-direction: column;
   align-items: center;
   position: relative
}

@media (max-width: 991.98px) {
   .sd-framework__card {
      flex: 0 0 calc(50% - 40px);
      flex-basis: calc(50% - 40px);
      max-width: calc(50% - 40px);
      width: 100%
   }
}

@media (max-width: 767.98px) {
   .sd-framework__card {
      flex: 0 0 calc(100% - 20px);
      flex-basis: calc(100% - 20px);
      max-width: calc(100% - 20px);
      width: 100%
   }
}

.sd-framework__card:last-child .sd-framework__icon:before {
   display: none
}

@media (max-width: 991.98px) {
   .sd-framework__card {
      align-items: center;
      min-height: 330px
   }
}

.sd-framework__icon {
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 30px;
   position: relative
}

.sd-framework__icon:before {
   content: "";
   background-color: #000;
   position: absolute;
   width: 220%;
   height: 8px;
   left: 0;
   top: 0;
   bottom: 0;
   margin: auto
}

@media (max-width: 991.98px) {
   .sd-framework__icon:before {
      display: none
   }
}

.sd-framework__icon .sd-framework__image {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 180px;
   max-width: 180px;
   width: 100%;
   height: 180px;
   position: relative
}

@media (max-width: 1199.98px) {
   .sd-framework__icon .sd-framework__image {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 160px;
      max-width: 160px;
      width: 100%;
      height: 160px
   }
}

.sd-framework__icon i {
   font-size: 3.125rem;
   position: absolute;
   color: #fff
}

@media (max-width: 1199.98px) {
   .sd-framework__icon i {
      font-size: 2.8125rem
   }
}

.sd-framework__title {
   text-transform: uppercase;
   margin-bottom: 10px
}

@media (max-width: 991.98px) {
   .sd-framework__title {
      text-align: center
   }
}

@media (max-width: 991.98px) {
   .sd-framework__text {
      text-align: center
   }
}

html[lang=en] .sd-info-value {
   font-family: CPN, sans-serif;
   font-size: 2.5rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=en] .sd-info-value {
      font-size: calc(1.15rem + 1.3170731707vw)
   }
}

@media (max-width: 991.98px) {
   html[lang=en] .sd-info-value {
      font-size: 2.625rem
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=en] .sd-info-value {
      font-size: calc(1.1625rem + 1.4268292683vw)
   }
}

@media (max-width: 991.98px) {
   html[lang=en] .sd-info-value {
      font-size: 3.4375rem
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=en] .sd-info-value {
      font-size: calc(1.24375rem + 2.1402439024vw)
   }
}

html[lang=th] .sd-info-value {
   font-family: CPN, sans-serif;
   font-size: 2.5rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=th] .sd-info-value {
      font-size: calc(1.15rem + 1.3170731707vw)
   }
}

@media (max-width: 991.98px) {
   html[lang=th] .sd-info-value {
      font-size: 2.625rem
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=th] .sd-info-value {
      font-size: calc(1.1625rem + 1.4268292683vw)
   }
}

@media (max-width: 991.98px) {
   html[lang=th] .sd-info-value {
      font-size: 3.4375rem
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=th] .sd-info-value {
      font-size: calc(1.24375rem + 2.1402439024vw)
   }
}

.sd-info-divider {
   border-top: 1px solid #3c3d41
}

.sd-info-border {
   border-right: 1px solid #3c3d41
}

@media (max-width: 767.98px) {
   .sd-info-border {
      border-right: 0
   }
}

.sd-people-info-book {
   position: relative;
   width: 42%;
   margin-left: auto;
   margin-right: 15px;
   margin-top: -10px
}

@media (max-width: 1399.98px) {
   .sd-people-info-book {
      margin-top: 0
   }
}

@media (max-width: 991.98px) {
   .sd-people-info-book {
      margin-top: 10px
   }
}

@media (max-width: 767.98px) {
   .sd-people-info-book {
      width: 50%
   }
}

.sd-people-info-book img {
   width: 100%
}

.sd-people-info-shopping-bag {
   position: absolute;
   top: 20px;
   left: -35px;
   width: 25%
}

@media (max-width: 991.98px) {
   .sd-people-info-shopping-bag {
      width: 20%;
      left: -10px;
      top: 10px
   }
}

@media (max-width: 767.98px) {
   .sd-people-info-shopping-bag {
      width: 25%;
      left: 0;
      top: -55px
   }
}

.sd-people-info-shopping-bag img {
   width: 100%
}

.sd-people-info-cart {
   position: absolute;
   right: 10px;
   bottom: -9rem;
   width: 30%
}

@media (max-width: 1399.98px) {
   .sd-people-info-cart {
      right: 0;
      bottom: -6rem
   }
}

@media (max-width: 991.98px) {
   .sd-people-info-cart {
      width: 26%;
      bottom: -25px
   }
}

@media (max-width: 767.98px) {
   .sd-people-info-cart {
      width: 30%;
      bottom: -45px
   }
}

.sd-people-info-cart img {
   width: 100%;
   opacity: .75
}

.sd-people-info-salad {
   left: 0;
   width: 60%;
   display: block;
   margin: 0 auto 20px
}

@media (max-width: 1199.98px) {
   .sd-people-info-salad {
      width: 70%
   }
}

@media (max-width: 991.98px) {
   .sd-people-info-salad {
      width: 80%;
      margin: 0 auto 10px
   }
}

@media (max-width: 767.98px) {
   .sd-people-info-salad {
      width: 60%;
      margin-top: -100px;
      margin-right: 10px;
      margin-bottom: 0
   }
}

.sd-people-info-salad img {
   width: 100%
}

.sd-planet-shopping-bag {
   position: absolute;
   right: -55px;
   bottom: 0;
   width: 90px;
   z-index: 2
}

@media (max-width: 767.98px) {
   .sd-planet-shopping-bag {
      display: none
   }
}

.sd-planet-shopping-bag img {
   width: 100%
}

.sd-planet-people-3 {
   position: absolute;
   left: -80px;
   bottom: -25px;
   z-index: 2;
   width: 130px
}

@media (max-width: 991.98px) {
   .sd-planet-people-3 {
      width: 110px;
      left: -60px;
      bottom: -20px
   }
}

@media (max-width: 767.98px) {
   .sd-planet-people-3 {
      display: none
   }
}

.sd-planet-people-3 img {
   width: 100%
}

.sd-planet-tools {
   position: absolute;
   right: -55px;
   bottom: -40px;
   z-index: 2;
   width: 85px
}

@media (max-width: 991.98px) {
   .sd-planet-tools {
      width: 75px;
      right: -40px;
      bottom: -30px
   }
}

@media (max-width: 767.98px) {
   .sd-planet-tools {
      display: none
   }
}

.sd-planet-tools img {
   width: 100%
}

.sd-planet-book {
   position: absolute;
   right: -70px;
   bottom: -15px;
   width: 110px;
   z-index: 2
}

@media (max-width: 767.98px) {
   .sd-planet-book {
      display: none
   }
}

.sd-planet-book img,
.sd-prosperity-info-graphic-1 img {
   width: 100%
}

.sd-prosperity-info-graphic-2 {
   margin-bottom: 1.5rem
}

@media (max-width: 767.98px) {
   .sd-prosperity-info-graphic-2 {
      width: 85%
   }
}

.sd-prosperity-info-graphic-2 img {
   width: 100%
}

@media (max-width: 991.98px) {
   .sd-prosperity-info-graphic-3 {
      width: 90%;
      display: block;
      margin: 0 auto
   }
}

.sd-prosperity-info-graphic-3 img {
   width: 100%
}

.sd-prosperity-info-flower {
   width: 55px;
   position: absolute;
   right: 0
}

@media (max-width: 991.98px) {
   .sd-prosperity-info-flower {
      bottom: -150px;
      width: 50px;
      right: 15px
   }
}

@media (max-width: 767.98px) {
   .sd-prosperity-info-flower {
      right: 20px;
      bottom: -30px
   }
}

.sd-prosperity-info-flower img {
   width: 100%
}

.sd-prosperity-clean {
   position: absolute;
   bottom: -35px;
   left: -100px;
   z-index: 2;
   width: 140px
}

@media (max-width: 991.98px) {
   .sd-prosperity-clean {
      width: 120px;
      left: -70px;
      bottom: -40px
   }
}

@media (max-width: 767.98px) {
   .sd-prosperity-clean {
      display: none
   }
}

.sd-prosperity-clean img {
   width: 100%
}

.sd-prosperity-transit {
   position: absolute;
   bottom: -35px;
   right: -200px;
   z-index: 2;
   width: 330px
}

@media (max-width: 991.98px) {
   .sd-prosperity-transit {
      width: 250px;
      right: -70px;
      bottom: -40px
   }
}

@media (max-width: 767.98px) {
   .sd-prosperity-transit {
      display: none
   }
}

.sd-prosperity-transit img {
   width: 100%
}

.sd-prosperity-cup {
   position: absolute;
   left: -65px;
   top: -15px;
   z-index: 2;
   width: 90px
}

@media (max-width: 991.98px) {
   .sd-prosperity-cup {
      width: 80px;
      top: -20px;
      left: -50px
   }
}

@media (max-width: 767.98px) {
   .sd-prosperity-cup {
      display: none
   }
}

.sd-prosperity-cup img {
   width: 100%
}

.sd-prosperity-monitor-screen {
   position: absolute;
   right: -100px;
   bottom: -30px;
   z-index: 2;
   width: 140px
}

@media (max-width: 991.98px) {
   .sd-prosperity-monitor-screen {
      width: 110px;
      right: -80px
   }
}

@media (max-width: 767.98px) {
   .sd-prosperity-monitor-screen {
      display: none
   }
}

.sd-prosperity-monitor-screen img {
   width: 100%
}

.sd-prosperity-phone {
   position: absolute;
   left: -65px;
   bottom: 0;
   z-index: 2;
   width: 110px
}

@media (max-width: 767.98px) {
   .sd-prosperity-phone {
      display: none
   }
}

.sd-prosperity-phone img {
   width: 100%
}

.sd-prosperity-leaf {
   position: absolute;
   right: -60px;
   bottom: -40px;
   z-index: 2;
   width: 90px
}

@media (max-width: 991.98px) {
   .sd-prosperity-leaf {
      right: -50px;
      bottom: -30px;
      width: 80px
   }
}

@media (max-width: 767.98px) {
   .sd-prosperity-leaf {
      display: none
   }
}

.sd-prosperity-leaf img {
   width: 100%
}

.sd-prosperity-manage {
   position: absolute;
   left: -210px;
   bottom: -50px;
   z-index: 2;
   width: 245px
}

@media (max-width: 1199.98px) {
   .sd-prosperity-manage {
      width: 180px;
      left: -140px
   }
}

@media (max-width: 991.98px) {
   .sd-prosperity-manage {
      width: 140px;
      left: -80px
   }
}

@media (max-width: 767.98px) {
   .sd-prosperity-manage {
      display: none
   }
}

.sd-prosperity-manage img {
   width: 100%
}

.sd-prosperity-pack {
   position: absolute;
   right: -300px;
   bottom: -50px;
   z-index: 2;
   width: 350px
}

@media (max-width: 1199.98px) {
   .sd-prosperity-pack {
      width: 220px;
      right: -110px
   }
}

@media (max-width: 991.98px) {
   .sd-prosperity-pack {
      width: 180px;
      right: -80px
   }
}

@media (max-width: 767.98px) {
   .sd-prosperity-pack {
      display: none
   }
}

.sd-prosperity-pack img {
   width: 100%
}

.sd-planet-info-leaf-1 {
   position: absolute;
   top: 0;
   right: 0;
   width: 40px
}

.sd-planet-info-leaf-1 img {
   width: 100%
}

.sd-planet-info-leaf-2 {
   position: absolute;
   top: 60px;
   left: 20px;
   width: 70px
}

@media (max-width: 1199.98px) {
   .sd-planet-info-leaf-2 {
      left: 0
   }
}

@media (max-width: 991.98px) {
   .sd-planet-info-leaf-2 {
      width: 35px
   }
}

.sd-planet-info-leaf-2 img {
   width: 100%
}

.sd-planet-info-bag {
   width: 65%;
   margin: 0 auto
}

.sd-planet-info-bag img {
   width: 100%
}

.sd-planet-info-mangosteen {
   width: 60%;
   margin: 0 auto;
   padding-top: 20px
}

.sd-planet-info-mangosteen img {
   width: 100%
}

.sd-planet-info-dragonfly {
   position: absolute;
   top: 0;
   right: 20px;
   width: 60px
}

@media (max-width: 991.98px) {
   .sd-planet-info-dragonfly {
      right: 0;
      top: -20px
   }
}

.sd-planet-info-dragonfly img {
   width: 100%
}

.sd-planet-info-butterfly {
   position: absolute;
   top: 60px;
   right: 20px;
   width: 60px
}

@media (max-width: 1199.98px) {
   .sd-planet-info-butterfly {
      right: 0
   }
}

@media (max-width: 991.98px) {
   .sd-planet-info-butterfly {
      width: 30px
   }
}

.sd-planet-info-butterfly img {
   width: 100%
}

.sd-planet-organic {
   width: 80%;
   margin: 0 auto 20px
}

@media (max-width: 767.98px) {
   .sd-planet-organic {
      width: 70%
   }
}

.sd-planet-organic img {
   width: 100%
}

.sd-planet-otop {
   width: 80%;
   margin: 0 auto 20px
}

@media (max-width: 767.98px) {
   .sd-planet-otop {
      width: 70%
   }
}

.sd-planet-otop img {
   width: 100%
}

.sd-planet-bag-2 {
   position: absolute;
   z-index: 2;
   left: -180px;
   bottom: -15px
}

@media (max-width: 1399.98px) {
   .sd-planet-bag-2 {
      width: 33%;
      left: -160px
   }
}

@media (max-width: 1199.98px) {
   .sd-planet-bag-2 {
      width: 30%;
      left: -140px
   }
}

@media (max-width: 991.98px) {
   .sd-planet-bag-2 {
      width: 21%;
      left: -80px
   }
}

@media (max-width: 767.98px) {
   .sd-planet-bag-2 {
      display: none
   }
}

.sd-planet-bag-2 img {
   width: 100%
}

.sd-planet-leaf-3 {
   position: absolute;
   left: -30px;
   bottom: -15px;
   z-index: 2
}

@media (max-width: 991.98px) {
   .sd-planet-leaf-3 {
      width: 50px;
      left: 0;
      bottom: -15px
   }
}

@media (max-width: 767.98px) {
   .sd-planet-leaf-3 {
      display: none
   }
}

.sd-planet-leaf-3 img {
   width: 100%
}

.sd-planet-flower {
   position: absolute;
   right: 0;
   bottom: 0;
   z-index: 2;
   width: 35px
}

@media (max-width: 767.98px) {
   .sd-planet-flower {
      display: none
   }
}

.sd-planet-flower img {
   width: 100%
}

.sd-peace-info-vegetable {
   position: relative;
   width: 60%;
   margin-left: auto;
   margin-right: 30px;
   margin-top: -80px
}

@media (max-width: 1199.98px) {
   .sd-peace-info-vegetable {
      margin-right: 0
   }
}

@media (max-width: 767.98px) {
   .sd-peace-info-vegetable {
      width: 70%
   }
}

.sd-peace-info-vegetable img {
   width: 100%
}

.sd-peace-info-leaf-1 {
   position: absolute;
   width: 18%;
   top: 5%;
   left: -10%
}

@media (max-width: 767.98px) {
   .sd-peace-info-leaf-1 {
      top: -65%;
      left: 0
   }
}

.sd-peace-info-leaf-1 img {
   width: 100%
}

.sd-peace-info-people {
   position: relative;
   width: 170%;
   left: -43%;
   top: 32%
}

@media (max-width: 767.98px) {
   .sd-peace-info-people {
      width: 100%;
      left: 2%;
      top: 0
   }
}

.sd-peace-info-people img {
   width: 100%
}

.sd-peace-info-textile {
   position: relative;
   width: 90%;
   margin-left: -10%;
   margin-bottom: 20px
}

@media (max-width: 1199.98px) {
   .sd-peace-info-textile {
      width: 100%
   }
}

@media (max-width: 767.98px) {
   .sd-peace-info-textile {
      width: 85%;
      margin: 0 auto 3rem
   }
}

.sd-peace-info-textile img {
   width: 100%
}

.sd-peace-melon {
   position: absolute;
   bottom: -15px;
   left: -160px;
   z-index: 2;
   width: 190px
}

@media (max-width: 1199.98px) {
   .sd-peace-melon {
      width: 160px;
      left: -130px
   }
}

@media (max-width: 991.98px) {
   .sd-peace-melon {
      width: 120px;
      left: -90px
   }
}

@media (max-width: 767.98px) {
   .sd-peace-melon {
      display: none
   }
}

.sd-peace-melon img {
   width: 100%
}

.sd-peace-leaf-2 {
   position: absolute;
   top: -17px;
   right: -60px;
   z-index: 2;
   width: 90px
}

@media (max-width: 1199.98px) {
   .sd-peace-leaf-2 {
      width: 80px;
      right: -50px
   }
}

@media (max-width: 991.98px) {
   .sd-peace-leaf-2 {
      width: 60px;
      right: -30px;
      top: -10px
   }
}

@media (max-width: 767.98px) {
   .sd-peace-leaf-2 {
      display: none
   }
}

.sd-peace-leaf-2 img {
   width: 100%
}

.sd-peace-vegetable {
   position: absolute;
   bottom: -40px;
   left: -160px;
   z-index: 2;
   width: 190px
}

@media (max-width: 1199.98px) {
   .sd-peace-vegetable {
      width: 170px;
      left: -130px
   }
}

@media (max-width: 991.98px) {
   .sd-peace-vegetable {
      width: 130px;
      left: -90px;
      bottom: -30px
   }
}

@media (max-width: 767.98px) {
   .sd-peace-vegetable {
      display: none
   }
}

.sd-peace-vegetable img {
   width: 100%
}

.sd-peace-plant {
   position: absolute;
   bottom: -40px;
   right: -100px;
   z-index: 2;
   width: 340px
}

@media (max-width: 1199.98px) {
   .sd-peace-plant {
      width: 310px;
      right: -90px
   }
}

@media (max-width: 991.98px) {
   .sd-peace-plant {
      width: 270px;
      right: -75px;
      bottom: -30px
   }
}

@media (max-width: 767.98px) {
   .sd-peace-plant {
      display: none
   }
}

.sd-peace-plant img {
   width: 100%
}

.centraltham-banner {
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   height: 70vh;
   display: flex;
   align-items: center;
   justify-content: center
}

@media (max-width: 991.98px) {
   .centraltham-banner {
      height: 55vh
   }
}

html[lang=en] .centraltham-better__title {
   font-size: 1.75rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=en] .centraltham-better__title {
      font-size: calc(1.075rem + .6585365854vw)
   }
}

html[lang=en] .centraltham-better__subtitle {
   font-size: 1.75rem;
   font-weight: 400
}

@media (max-width: 1640px) {
   html[lang=en] .centraltham-better__subtitle {
      font-size: calc(1.075rem + .6585365854vw)
   }
}

html[lang=en] .centraltham-better__text {
   font-weight: 400;
   font-size: 1rem
}

html[lang=th] .centraltham-better__title {
   font-size: 1.75rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=th] .centraltham-better__title {
      font-size: calc(1.075rem + .6585365854vw)
   }
}

html[lang=th] .centraltham-better__subtitle {
   font-size: 1.75rem;
   font-weight: 400
}

@media (max-width: 1640px) {
   html[lang=th] .centraltham-better__subtitle {
      font-size: calc(1.075rem + .6585365854vw)
   }
}

html[lang=th] .centraltham-better__text {
   font-weight: 400;
   font-size: 1rem
}

.centraltham-better__card-group {
   margin-top: -120px;
   display: flex;
   flex-wrap: wrap;
   margin-right: -15px;
   margin-left: -15px
}

@media (max-width: 1199.98px) {
   .centraltham-better__card-group {
      margin-top: -100px
   }
}

@media (max-width: 991.98px) {
   .centraltham-better__card-group {
      margin-top: -9rem
   }
}

@media (max-width: 767.98px) {
   .centraltham-better__card-group {
      margin-top: -5rem
   }
}

.centraltham-better__card {
   text-align: center;
   padding-right: 15px;
   padding-left: 15px;
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 25%;
   max-width: 25%;
   width: 100%
}

@media (max-width: 991.98px) {
   .centraltham-better__card {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 50%;
      max-width: 50%;
      width: 100%;
      margin-bottom: 30px
   }
}

@media (max-width: 767.98px) {
   .centraltham-better__card {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%;
      width: 100%
   }
}

.centraltham-better__figure {
   max-width: 100%
}

.centraltham-better__image {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 230px;
   max-width: 230px;
   width: 100%;
   height: 230px;
   border-radius: 50%;
   border: 14px solid #fff
}

@media (max-width: 1199.98px) {
   .centraltham-better__image {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 200px;
      max-width: 200px;
      width: 100%;
      height: 200px
   }
}

.centraltham-better__body {
   padding: 0;
   margin-top: 20px;
   text-align: center
}

@media (max-width: 991.98px) {
   .centraltham-better__body {
      padding: 0 1.5rem
   }
}

.centraltham-better__title {
   letter-spacing: 0;
   margin-bottom: 0
}

.centraltham-better__subtitle {
   margin-top: -5px
}

@media (max-width: 991.98px) {
   .centraltham-better__subtitle {
      margin-bottom: 8px
   }
}

html[lang=en] .centraltham-intro__title {
   font-size: 2.25rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=en] .centraltham-intro__title {
      font-size: calc(1.125rem + 1.0975609756vw)
   }
}

@media (max-width: 991.98px) {
   html[lang=en] .centraltham-intro__title {
      font-size: 2.375rem
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=en] .centraltham-intro__title {
      font-size: calc(1.1375rem + 1.2073170732vw)
   }
}

html[lang=en] .centraltham-intro__subtitle {
   font-size: 1.75rem;
   font-weight: 400
}

@media (max-width: 1640px) {
   html[lang=en] .centraltham-intro__subtitle {
      font-size: calc(1.075rem + .6585365854vw)
   }
}

html[lang=en] .centraltham-intro__text {
   font-weight: 400;
   font-size: 1rem
}

html[lang=th] .centraltham-intro__title {
   font-size: 2.25rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=th] .centraltham-intro__title {
      font-size: calc(1.125rem + 1.0975609756vw)
   }
}

@media (max-width: 991.98px) {
   html[lang=th] .centraltham-intro__title {
      font-size: 2.375rem
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=th] .centraltham-intro__title {
      font-size: calc(1.1375rem + 1.2073170732vw)
   }
}

html[lang=th] .centraltham-intro__subtitle {
   font-size: 1.75rem;
   font-weight: 400
}

@media (max-width: 1640px) {
   html[lang=th] .centraltham-intro__subtitle {
      font-size: calc(1.075rem + .6585365854vw)
   }
}

html[lang=th] .centraltham-intro__text {
   font-weight: 400;
   font-size: 1rem
}

.centraltham-intro__body {
   padding-right: 1.5rem
}

@media (max-width: 991.98px) {
   .centraltham-intro__body {
      padding: 2rem 0 0;
      text-align: center
   }
}

@media (max-width: 767.98px) {
   .centraltham-intro__body {
      padding: 1.75rem 0 0
   }
}

.centraltham-intro__title {
   letter-spacing: 3.5px;
   margin-bottom: 10px
}

.centraltham-intro__video {
   position: relative;
   overflow: hidden;
   border-radius: 25px
}

.centraltham-intro__icon {
   position: absolute;
   inset: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 1.875rem;
   cursor: pointer
}

@media (max-width: 767.98px) {
   .centraltham-intro__icon {
      font-size: 1.6875rem
   }
}

.centraltham-intro__icon i {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 60px;
   height: 60px;
   padding-left: .25rem;
   color: #000;
   background-color: #fff;
   border-radius: 50%;
   transition: all .3s ease-in-out
}

@media (max-width: 767.98px) {
   .centraltham-intro__icon i {
      width: 55px;
      height: 55px;
      padding-left: .2rem
   }
}

.centraltham-intro__icon i:hover {
   color: #fff;
   background-color: #fa0505
}

html[lang=en] .carbon-motto {
   font-family: CPN, sans-serif;
   font-size: 2.5rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=en] .carbon-motto {
      font-size: calc(1.15rem + 1.3170731707vw)
   }
}

@media (max-width: 991.98px) {
   html[lang=en] .carbon-motto {
      font-size: 2.625rem
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=en] .carbon-motto {
      font-size: calc(1.1625rem + 1.4268292683vw)
   }
}

html[lang=th] .carbon-motto {
   font-family: CPN, sans-serif;
   font-size: 2.5rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=th] .carbon-motto {
      font-size: calc(1.15rem + 1.3170731707vw)
   }
}

@media (max-width: 991.98px) {
   html[lang=th] .carbon-motto {
      font-size: 2.625rem
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=th] .carbon-motto {
      font-size: calc(1.1625rem + 1.4268292683vw)
   }
}

.carbon-motto {
   position: relative;
   overflow: hidden;
   max-width: 1920px;
   margin-bottom: 4rem;
   text-align: center
}

.carbon-motto .carbon-motto__indent {
   display: inline-block
}

@media (max-width: 767.98px) {
   .carbon-motto .carbon-motto__indent {
      -webkit-transform: translateX(0);
      transform: translate(0)
   }
}

@media (max-width: 767.98px) {
   .carbon-motto .carbon-motto__percentage {
      color: #457d3d
   }
}

.carbon-motto .carbon-motto__text {
   display: block
}

.carbon-motto .carbon-motto__svg {
   position: relative;
   overflow: hidden;
   display: inline-block;
   margin-top: -1rem;
   text-align: center
}

.carbon-motto .carbon-motto__absolute {
   display: none
}

@media (min-width: 768px) {
   .carbon-motto .carbon-motto__absolute {
      position: absolute;
      z-index: 5;
      top: 0;
      left: 0;
      display: block;
      width: 100%;
      height: 100%;
      background-color: #fff
   }
}

html[lang=en] .renew-motto__wrapper .renew-motto__header {
   font-size: 105px;
   font-weight: 700
}

@media (max-width: 767.98px) {
   html[lang=en] .renew-motto__wrapper .renew-motto__header {
      font-size: display-1 !important
   }
}

html[lang=th] .renew-motto__wrapper .renew-motto__header {
   font-size: 105px;
   font-weight: 700
}

@media (max-width: 767.98px) {
   html[lang=th] .renew-motto__wrapper .renew-motto__header {
      font-size: display-1 !important
   }
}

.renew-tab {
   padding-bottom: 0;
   position: relative;
   z-index: 5;
   margin-top: -4rem
}

.renew-tab .renew-tab__content {
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   background-position: top;
   width: 100%;
   height: 100%;
   color: #fff;
   padding: 4rem 0
}

@media (min-width: 1200px) {
   .renew-tab .renew-tab__content {
      min-height: 735px
   }
}

.renew-tab .renew-tab__content .renew-tab__icon {
   margin-bottom: 1.5rem
}

.renew-tab .renew-tab__content .renew-tab__list {
   margin-left: 1rem
}

.renew-tab .renew-tab__content .renew-tab__title {
   position: relative;
   line-height: 1.75
}

.renew-tab .renew-tab__content .renew-tab__title .renew-tab__reduce {
   border-bottom: 2px solid #f9bd15
}

.renew-tab .renew-tab__content .renew-tab__title .renew-tab__navigate {
   border-bottom: 2px solid #2673bf
}

.renew-tab .renew-tab__content .renew-tab__title .renew-tab__eco {
   border-bottom: 2px solid #25c149
}

.renew-tab .renew-tab__content .renew-tab__title .renew-tab__waste {
   border-bottom: 2px solid #a0895d
}

.renew-tab .renew-tab__content ul li::marker {
   color: #fff;
   font-size: 12px
}

.renew-motto__wrapper .renew-motto__values {
   display: flex
}

@media (max-width: 767.98px) {
   .renew-motto__wrapper .renew-motto__values {
      flex-direction: column;
      justify-content: center;
      align-items: center
   }
}

.renew-motto__wrapper .renew-motto__item {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 25%;
   max-width: 25%;
   width: 100%;
   text-align: center;
   display: flex;
   flex-direction: column;
   align-items: center
}

@media (max-width: 767.98px) {
   .renew-motto__wrapper .renew-motto__item {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%;
      width: 100%
   }
}

.renew-highlight {
   position: absolute;
   z-index: 1;
   top: -50vh;
   left: 0;
   width: 100%;
   height: 100vh;
   right: 0;
   text-align: center
}

@media (max-width: 991.98px) {
   html[lang=en] .sd-achievement .sd-achievement__title {
      font-family: CPN, sans-serif;
      font-size: 3.4375rem
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=en] .sd-achievement .sd-achievement__title {
      font-size: calc(1.24375rem + 2.1402439024vw)
   }
}

@media (max-width: 991.98px) {
   html[lang=th] .sd-achievement .sd-achievement__title {
      font-family: CPN, sans-serif;
      font-size: 3.4375rem
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=th] .sd-achievement .sd-achievement__title {
      font-size: calc(1.24375rem + 2.1402439024vw)
   }
}

.sd-achievement {
   position: relative
}

@media (max-width: 991.98px) {
   .sd-achievement {
      overflow: hidden
   }
}

.sd-achievement .sd-achievement__bg {
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%
}

.sd-achievement .sd-achievement__wrapper {
   position: relative;
   z-index: 4;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center
}

@media (max-width: 991.98px) {
   .sd-achievement .sd-achievement__wrapper {
      overflow: hidden
   }
}

.sd-achievement .sd-achievement__main {
   position: -webkit-sticky;
   position: sticky;
   z-index: 2;
   top: 0;
   left: 0;
   width: 100%;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   height: 100vh
}

@media (max-width: 991.98px) {
   .sd-achievement .sd-achievement__main {
      position: relative;
      height: auto;
      height: initial
   }
}

.sd-achievement .sd-achievement__title {
   margin-bottom: .5rem
}

.sd-achievement .sd-achievement__circle {
   position: relative;
   z-index: 5;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   width: 400px;
   height: 400px;
   padding: 1.5rem;
   text-align: center
}

@media (max-width: 1599.98px) {
   .sd-achievement .sd-achievement__circle {
      width: 350px;
      height: 350px
   }
}

@media (max-width: 1399.98px) {
   .sd-achievement .sd-achievement__circle {
      width: 330px;
      height: 330px
   }
}

@media (max-width: 1199.98px) {
   .sd-achievement .sd-achievement__circle {
      width: 320px;
      height: 320px
   }
}

@media (max-width: 991.98px) {
   .sd-achievement .sd-achievement__circle {
      width: 100%;
      height: 300px
   }
}

@media (max-width: 767.98px) {
   .sd-achievement .sd-achievement__circle {
      height: 200px
   }
}

.sd-achievement .sd-achievement__circle:before {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   display: block;
   width: 100%;
   height: 100%;
   margin: 0 auto;
   content: "";
   border-radius: 50%;
   background: rgba(255, 255, 255, .35);
   backdrop-filter: blur(6px);
   -webkit-backdrop-filter: blur(6px)
}

@media (max-width: 991.98px) {
   .sd-achievement .sd-achievement__circle:before {
      top: auto;
      top: initial;
      bottom: 1rem;
      width: 100%;
      height: 200%
   }
}

.sd-achievement .sd-achievement__circle>* {
   position: relative;
   z-index: 5
}

.sd-achievement .sd-achievement__item {
   width: 350px;
   padding: 1.5rem
}

@media (max-width: 1599.98px) {
   .sd-achievement .sd-achievement__item {
      width: 300px
   }
}

@media (max-width: 991.98px) {
   .sd-achievement .sd-achievement__item {
      flex: 0 0 calc(50% - 15px);
      flex-basis: calc(50% - 15px);
      max-width: calc(50% - 15px);
      width: 100%;
      text-align: center
   }
}

@media (max-width: 767.98px) {
   .sd-achievement .sd-achievement__item {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 85%;
      max-width: 85%;
      width: 100%
   }
}

@media only screen and (min-width: 300px)and (max-width: 349px)and (orientation: portrait) {
   .sd-achievement .sd-achievement__item {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 95%;
      max-width: 95%;
      width: 100%
   }
}

.sd-achievement .sd-achievement__item:nth-child(4n-3) {
   margin: 2rem auto 0 0
}

@media (max-width: 991.98px) {
   .sd-achievement .sd-achievement__item:nth-child(4n-3) {
      margin: 0
   }
}

.sd-achievement .sd-achievement__item:nth-child(4n-3):not(:first-child) {
   margin-top: -8rem
}

@media (max-width: 991.98px) {
   .sd-achievement .sd-achievement__item:nth-child(4n-3):not(:first-child) {
      margin: 0
   }
}

.sd-achievement .sd-achievement__item:nth-child(4n-2) {
   margin: -12rem 15rem 0 auto
}

@media (max-width: 1599.98px) {
   .sd-achievement .sd-achievement__item:nth-child(4n-2) {
      margin: -12rem 5rem 0 auto
   }
}

@media (max-width: 1199.98px) {
   .sd-achievement .sd-achievement__item:nth-child(4n-2) {
      margin-right: 1rem
   }
}

@media (max-width: 991.98px) {
   .sd-achievement .sd-achievement__item:nth-child(4n-2) {
      margin: 0
   }
}

.sd-achievement .sd-achievement__item:nth-child(4n-1) {
   margin: -8rem auto 0 20rem
}

@media (max-width: 1599.98px) {
   .sd-achievement .sd-achievement__item:nth-child(4n-1) {
      margin: -8rem auto 0 5rem
   }
}

@media (max-width: 991.98px) {
   .sd-achievement .sd-achievement__item:nth-child(4n-1) {
      margin: 0
   }
}

.sd-achievement .sd-achievement__item:nth-child(4n) {
   margin: -8rem 0 0 auto
}

@media (max-width: 991.98px) {
   .sd-achievement .sd-achievement__item:nth-child(4n) {
      margin: 0
   }
}

@media (max-width: 991.98px) {
   .sd-achievement .sd-achievement__image {
      height: 200px
   }
}

@media (max-width: 767.98px) {
   .sd-achievement .sd-achievement__image {
      height: 180px
   }
}

.sd-achievement .sd-achievement__image>.img-fluid {
   max-width: 300px
}

@media (max-width: 1599.98px) {
   .sd-achievement .sd-achievement__image>.img-fluid {
      max-width: 250px
   }
}

@media (max-width: 1399.98px) {
   .sd-achievement .sd-achievement__image>.img-fluid {
      max-width: 220px
   }
}

@media (max-width: 1199.98px) {
   .sd-achievement .sd-achievement__image>.img-fluid {
      max-width: 190px
   }
}

@media (max-width: 991.98px) {
   .sd-achievement .sd-achievement__image>.img-fluid {
      max-width: 100%;
      height: 186px
   }
}

@media (max-width: 767.98px) {
   .sd-achievement .sd-achievement__image>.img-fluid {
      height: 170px
   }
}

.sd-achievement .sd-achievement__body {
   padding: 1rem 0
}

@media (max-width: 767.98px) {
   .sd-achievement .sd-achievement__body {
      padding: 0 0 1rem
   }
}

.sd-achievement .sd-achievement__timeline {
   position: relative;
   z-index: 3;
   width: 92%;
   margin-top: -85vh
}

@media (max-width: 1399.98px) {
   .sd-achievement .sd-achievement__timeline {
      width: 95%
   }
}

@media (max-width: 1199.98px) {
   .sd-achievement .sd-achievement__timeline {
      width: 98%
   }
}

@media (max-width: 991.98px) {
   .sd-achievement .sd-achievement__timeline {
      display: flex;
      flex-direction: row;
      align-items: center;
      flex-wrap: wrap;
      width: 100%;
      margin-top: 0
   }
}

@media (max-width: 767.98px) {
   .sd-achievement .sd-achievement__timeline {
      justify-content: center
   }
}

html[lang=en] .our-story__header-title {
   font-size: 1.5625rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=en] .our-story__header-title {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=en] .our-story__header-title {
      font-size: 1.375rem
   }
}

@media (max-width: 1399.98px)and (max-width: 1640px) {
   html[lang=en] .our-story__header-title {
      font-size: calc(1.0375rem + .3292682927vw)
   }
}

@media (max-width: 1199.98px) {
   html[lang=en] .our-story__header-title {
      font-size: 1.5625rem
   }
}

@media (max-width: 1199.98px)and (max-width: 1640px) {
   html[lang=en] .our-story__header-title {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

html[lang=en] .our-story__header-text {
   font-size: 2.5rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=en] .our-story__header-text {
      font-size: calc(1.15rem + 1.3170731707vw)
   }
}

@media (max-width: 991.98px) {
   html[lang=en] .our-story__header-text {
      font-size: 2.625rem
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=en] .our-story__header-text {
      font-size: calc(1.1625rem + 1.4268292683vw)
   }
}

html[lang=en] .our-story__content-title {
   font-size: 1.75rem
}

@media (max-width: 1640px) {
   html[lang=en] .our-story__content-title {
      font-size: calc(1.075rem + .6585365854vw)
   }
}

html[lang=en] .our-story__content-text {
   font-size: 1.25rem
}

@media (max-width: 1640px) {
   html[lang=en] .our-story__content-text {
      font-size: calc(1.025rem + .2195121951vw)
   }
}

@media (max-width: 767.98px) {
   html[lang=en] .our-story__content-text {
      font-size: 1.0625rem
   }
}

@media (max-width: 767.98px)and (max-width: 1640px) {
   html[lang=en] .our-story__content-text {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

html[lang=en] .our-story__content--highlight .our-story__content-title {
   font-size: 1.0625rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=en] .our-story__content--highlight .our-story__content-title {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=en] .our-story__content--highlight .our-story__content-title {
      font-size: 1rem
   }
}

html[lang=en] .our-story__content--highlight .our-story__content-text {
   font-size: 1.25rem
}

@media (max-width: 1640px) {
   html[lang=en] .our-story__content--highlight .our-story__content-text {
      font-size: calc(1.025rem + .2195121951vw)
   }
}

@media (max-width: 767.98px) {
   html[lang=en] .our-story__content--highlight .our-story__content-text {
      font-size: 1.0625rem
   }
}

@media (max-width: 767.98px)and (max-width: 1640px) {
   html[lang=en] .our-story__content--highlight .our-story__content-text {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 991.98px) {
   html[lang=en] .our-story__content--highlight .our-story__content-text {
      font-size: 1.5625rem
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=en] .our-story__content--highlight .our-story__content-text {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

@media (max-width: 991.98px)and (max-width: 1399.98px) {
   html[lang=en] .our-story__content--highlight .our-story__content-text {
      font-size: 1.375rem
   }
}

@media (max-width: 991.98px)and (max-width: 1399.98px)and (max-width: 1640px) {
   html[lang=en] .our-story__content--highlight .our-story__content-text {
      font-size: calc(1.0375rem + .3292682927vw)
   }
}

@media (max-width: 991.98px)and (max-width: 1199.98px) {
   html[lang=en] .our-story__content--highlight .our-story__content-text {
      font-size: 1.5625rem
   }
}

@media (max-width: 991.98px)and (max-width: 1199.98px)and (max-width: 1640px) {
   html[lang=en] .our-story__content--highlight .our-story__content-text {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

html[lang=en] .our-story__performance-title {
   font-size: 1.75rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=en] .our-story__performance-title {
      font-size: calc(1.075rem + .6585365854vw)
   }
}

html[lang=en] .our-story__performance-text {
   font-size: 1.25rem
}

@media (max-width: 1599.98px) {
   html[lang=en] .our-story__performance-text {
      font-size: 1.125rem
   }
}

@media (max-width: 1399.98px) {
   html[lang=en] .our-story__performance-text {
      font-size: 1rem
   }
}

html[lang=en] .our-story__related-title {
   font-weight: 700
}

html[lang=en] .our-story__related-text {
   font-size: 2.25rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=en] .our-story__related-text {
      font-size: calc(1.125rem + 1.0975609756vw)
   }
}

@media (max-width: 991.98px) {
   html[lang=en] .our-story__related-text {
      font-size: 2.375rem
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=en] .our-story__related-text {
      font-size: calc(1.1375rem + 1.2073170732vw)
   }
}

html[lang=th] .our-story__header-title {
   font-size: 1.5625rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=th] .our-story__header-title {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=th] .our-story__header-title {
      font-size: 1.375rem
   }
}

@media (max-width: 1399.98px)and (max-width: 1640px) {
   html[lang=th] .our-story__header-title {
      font-size: calc(1.0375rem + .3292682927vw)
   }
}

@media (max-width: 1199.98px) {
   html[lang=th] .our-story__header-title {
      font-size: 1.5625rem
   }
}

@media (max-width: 1199.98px)and (max-width: 1640px) {
   html[lang=th] .our-story__header-title {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

html[lang=th] .our-story__header-text {
   font-size: 2.5rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=th] .our-story__header-text {
      font-size: calc(1.15rem + 1.3170731707vw)
   }
}

@media (max-width: 991.98px) {
   html[lang=th] .our-story__header-text {
      font-size: 2.625rem
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=th] .our-story__header-text {
      font-size: calc(1.1625rem + 1.4268292683vw)
   }
}

html[lang=th] .our-story__content-title {
   font-size: 1.75rem
}

@media (max-width: 1640px) {
   html[lang=th] .our-story__content-title {
      font-size: calc(1.075rem + .6585365854vw)
   }
}

html[lang=th] .our-story__content-text {
   font-size: 1.25rem
}

@media (max-width: 1640px) {
   html[lang=th] .our-story__content-text {
      font-size: calc(1.025rem + .2195121951vw)
   }
}

@media (max-width: 767.98px) {
   html[lang=th] .our-story__content-text {
      font-size: 1.0625rem
   }
}

@media (max-width: 767.98px)and (max-width: 1640px) {
   html[lang=th] .our-story__content-text {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

html[lang=th] .our-story__content--highlight .our-story__content-title {
   font-size: 1.0625rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=th] .our-story__content--highlight .our-story__content-title {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 1399.98px) {
   html[lang=th] .our-story__content--highlight .our-story__content-title {
      font-size: 1rem
   }
}

html[lang=th] .our-story__content--highlight .our-story__content-text {
   font-size: 1.25rem
}

@media (max-width: 1640px) {
   html[lang=th] .our-story__content--highlight .our-story__content-text {
      font-size: calc(1.025rem + .2195121951vw)
   }
}

@media (max-width: 767.98px) {
   html[lang=th] .our-story__content--highlight .our-story__content-text {
      font-size: 1.0625rem
   }
}

@media (max-width: 767.98px)and (max-width: 1640px) {
   html[lang=th] .our-story__content--highlight .our-story__content-text {
      font-size: calc(1.00625rem + .0548780488vw)
   }
}

@media (max-width: 991.98px) {
   html[lang=th] .our-story__content--highlight .our-story__content-text {
      font-size: 1.5625rem
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=th] .our-story__content--highlight .our-story__content-text {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

@media (max-width: 991.98px)and (max-width: 1399.98px) {
   html[lang=th] .our-story__content--highlight .our-story__content-text {
      font-size: 1.375rem
   }
}

@media (max-width: 991.98px)and (max-width: 1399.98px)and (max-width: 1640px) {
   html[lang=th] .our-story__content--highlight .our-story__content-text {
      font-size: calc(1.0375rem + .3292682927vw)
   }
}

@media (max-width: 991.98px)and (max-width: 1199.98px) {
   html[lang=th] .our-story__content--highlight .our-story__content-text {
      font-size: 1.5625rem
   }
}

@media (max-width: 991.98px)and (max-width: 1199.98px)and (max-width: 1640px) {
   html[lang=th] .our-story__content--highlight .our-story__content-text {
      font-size: calc(1.05625rem + .493902439vw)
   }
}

html[lang=th] .our-story__performance-title {
   font-size: 1.75rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=th] .our-story__performance-title {
      font-size: calc(1.075rem + .6585365854vw)
   }
}

html[lang=th] .our-story__performance-text {
   font-size: 1.25rem
}

@media (max-width: 1599.98px) {
   html[lang=th] .our-story__performance-text {
      font-size: 1.125rem
   }
}

@media (max-width: 1399.98px) {
   html[lang=th] .our-story__performance-text {
      font-size: 1rem
   }
}

html[lang=th] .our-story__related-title {
   font-weight: 700
}

html[lang=th] .our-story__related-text {
   font-size: 2.25rem;
   font-weight: 700
}

@media (max-width: 1640px) {
   html[lang=th] .our-story__related-text {
      font-size: calc(1.125rem + 1.0975609756vw)
   }
}

@media (max-width: 991.98px) {
   html[lang=th] .our-story__related-text {
      font-size: 2.375rem
   }
}

@media (max-width: 991.98px)and (max-width: 1640px) {
   html[lang=th] .our-story__related-text {
      font-size: calc(1.1375rem + 1.2073170732vw)
   }
}

.our-story__header {
   text-align: center
}

.our-story__header-title {
   margin-bottom: .75rem
}

.our-story__header-text {
   margin-bottom: 1.75rem
}

@media (max-width: 767.98px) {
   .our-story__header-text {
      margin-bottom: 1.5rem
   }
}

.our-story__content .our-story__content-container {
   width: 100%;
   padding-right: 12px;
   padding-left: 12px;
   margin-right: auto;
   margin-left: auto;
   display: flex;
   justify-content: center;
   text-align: center
}

@media (min-width: 576px) {
   .our-story__content .our-story__content-container {
      max-width: 540px
   }
}

@media (min-width: 768px) {
   .our-story__content .our-story__content-container {
      max-width: 720px
   }
}

@media (min-width: 992px) {
   .our-story__content .our-story__content-container {
      max-width: 960px
   }
}

@media (min-width: 1200px) {
   .our-story__content .our-story__content-container {
      max-width: 1140px
   }
}

@media (min-width: 1400px) {
   .our-story__content .our-story__content-container {
      max-width: 1250px
   }
}

@media (min-width: 1600px) {
   .our-story__content .our-story__content-container {
      max-width: 1350px
   }
}

@media (min-width: 2000px) {
   .our-story__content .our-story__content-container {
      max-width: 1650px
   }
}

.our-story__content .our-story__content-body {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 60%;
   max-width: 60%;
   width: 100%
}

@media (max-width: 1199.98px) {
   .our-story__content .our-story__content-body {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 70%;
      max-width: 70%;
      width: 100%
   }
}

@media (max-width: 991.98px) {
   .our-story__content .our-story__content-body {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 90%;
      max-width: 90%;
      width: 100%
   }
}

@media (max-width: 767.98px) {
   .our-story__content .our-story__content-body {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%;
      width: 100%
   }
}

.our-story__content img {
   margin-bottom: 20px
}

.our-story__content .our-story__content-title {
   margin-bottom: 4rem;
   text-align: center
}

.our-story__video {
   display: flex;
   justify-content: flex-end;
   margin-top: 4rem
}

@media (max-width: 991.98px) {
   .our-story__video {
      justify-content: center
   }
}

.our-story__video .our-story__video-body {
   position: relative;
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 85%;
   max-width: 85%;
   width: 100%
}

@media (max-width: 991.98px) {
   .our-story__video .our-story__video-body {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 95%;
      max-width: 95%;
      width: 100%
   }
}

.our-story__video .our-story__icon {
   position: absolute;
   font-size: 3.75rem;
   bottom: 0;
   left: 30px;
   cursor: pointer
}

@media (max-width: 767.98px) {
   .our-story__video .our-story__icon {
      font-size: 3.125rem
   }
}

.our-story__video .our-story__icon i {
   transition: all .3s ease-in-out
}

.our-story__gallery {
   position: relative;
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
   overflow: hidden
}

@media (max-width: 767.98px) {
   .our-story__gallery {
      flex-direction: column;
      padding: 0 15px
   }
}

.our-story__gallery .our-story__gallery-body {
   margin-right: 15px;
   height: 100%
}

@media (max-width: 1199.98px) {
   .our-story__gallery .our-story__gallery-body {
      margin-right: 10px
   }
}

@media (max-width: 767.98px) {
   .our-story__gallery .our-story__gallery-body {
      margin-right: 0
   }
}

@media (max-width: 767.98px) {
   .our-story__gallery .our-story__gallery-body .our-story__galley-image {
      margin-bottom: 1rem
   }
}

.our-story__gallery .our-story__gallery-body:nth-child(1) {
   width: 65%
}

@media (max-width: 767.98px) {
   .our-story__gallery .our-story__gallery-body:nth-child(1) {
      width: 100%
   }
}

.our-story__gallery .our-story__gallery-body:nth-child(1) .our-story__galley-image {
   height: 100%;
   position: relative;
   padding-top: 62.5%
}

@media (max-width: 767.98px) {
   .our-story__gallery .our-story__gallery-body:nth-child(1) .our-story__galley-image {
      height: auto
   }
}

.our-story__gallery .our-story__gallery-body:nth-child(1) .our-story__galley-image img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover
}

.our-story__gallery .our-story__gallery-body:nth-child(2) {
   width: 20%;
   overflow: hidden
}

@media (max-width: 767.98px) {
   .our-story__gallery .our-story__gallery-body:nth-child(2) {
      width: 100%;
      overflow: visible
   }
}

.our-story__gallery .our-story__gallery-body:nth-child(2) .our-story__galley-image {
   position: relative;
   height: 50%;
   padding-top: 75%
}

@media (max-width: 767.98px) {
   .our-story__gallery .our-story__gallery-body:nth-child(2) .our-story__galley-image {
      height: auto
   }
}

.our-story__gallery .our-story__gallery-body:nth-child(2) .our-story__galley-image img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover
}

.our-story__gallery .our-story__gallery-body:nth-child(2) .our-story__galley-image:first-child {
   margin-bottom: 15px
}

@media (max-width: 1199.98px) {
   .our-story__gallery .our-story__gallery-body:nth-child(2) .our-story__galley-image:first-child {
      margin-bottom: 10px
   }
}

@media (max-width: 767.98px) {
   .our-story__gallery .our-story__gallery-body:nth-child(2) .our-story__galley-image:first-child {
      margin-bottom: 1rem
   }
}

.our-story__gallery .our-story__gallery-body:nth-child(3) {
   width: 40%;
   margin-right: 0
}

@media (max-width: 767.98px) {
   .our-story__gallery .our-story__gallery-body:nth-child(3) {
      width: 100%
   }
}

.our-story__gallery .our-story__gallery-body:nth-child(3) .our-story__galley-image {
   position: relative;
   height: 100%;
   padding-top: 75%
}

@media (max-width: 767.98px) {
   .our-story__gallery .our-story__gallery-body:nth-child(3) .our-story__galley-image {
      height: auto
   }
}

.our-story__gallery .our-story__gallery-body:nth-child(3) .our-story__galley-image img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover
}

.our-story__content--highlight {
   padding: 4rem 0 10rem;
   display: flex;
   justify-content: flex-end
}

@media (max-width: 1199.98px) {
   .our-story__content--highlight {
      padding: 2rem 0 5rem
   }
}

@media (max-width: 767.98px) {
   .our-story__content--highlight {
      padding: 1rem 0 3rem
   }
}

.our-story__content--highlight .our-story__content-container {
   text-align: left
}

.our-story__content--highlight .our-story__content-body {
   flex-grow: 0;
   flex-shrink: 0;
   flex-basis: 87%;
   max-width: 87%;
   width: 100%
}

@media (max-width: 1399.98px) {
   .our-story__content--highlight .our-story__content-body {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 91%;
      max-width: 91%;
      width: 100%
   }
}

@media (max-width: 1199.98px) {
   .our-story__content--highlight .our-story__content-body {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 77%;
      max-width: 77%;
      width: 100%
   }
}

@media (max-width: 991.98px) {
   .our-story__content--highlight .our-story__content-body {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%;
      width: 100%
   }
}

.our-story__content--highlight .our-story__content-title {
   font-style: normal
}

.our-story__content--highlight .our-story__content-text {
   font-style: italic;
   margin-top: 20px
}

.our-story__performance {
   position: relative
}

.our-story__performance-image {
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   height: 50vh;
   overflow: hidden
}

.our-story__performance-image img {
   width: 100%
}

.our-story__performance-container {
   width: 100%;
   padding-right: 12px;
   padding-left: 12px;
   margin-right: auto;
   margin-left: auto
}

@media (min-width: 576px) {
   .our-story__performance-container {
      max-width: 540px
   }
}

@media (min-width: 768px) {
   .our-story__performance-container {
      max-width: 720px
   }
}

@media (min-width: 992px) {
   .our-story__performance-container {
      max-width: 960px
   }
}

@media (min-width: 1200px) {
   .our-story__performance-container {
      max-width: 1140px
   }
}

@media (min-width: 1400px) {
   .our-story__performance-container {
      max-width: 1250px
   }
}

@media (min-width: 1600px) {
   .our-story__performance-container {
      max-width: 1350px
   }
}

@media (min-width: 2000px) {
   .our-story__performance-container {
      max-width: 1650px
   }
}

.our-story__performance-body {
   background-color: #fff;
   text-align: center;
   padding: 5rem 3rem;
   display: flex;
   flex-direction: column;
   align-items: center;
   position: relative;
   margin-top: -150px;
   color: #000;
   border-radius: 25px
}

@media (max-width: 1399.98px) {
   .our-story__performance-body {
      padding: 5rem 1.75rem
   }
}

@media (max-width: 767.98px) {
   .our-story__performance-body {
      padding: 3rem 1rem;
      margin-top: -120px
   }
}

.our-story__performance-title {
   margin-bottom: 1rem
}

.our-story__performance-text {
   position: relative;
   padding-left: 1.875rem;
   margin-bottom: .5rem;
   width: 100%;
   max-width: 80%;
   text-align: left
}

@media (max-width: 1599.98px) {
   .our-story__performance-text {
      max-width: 70%
   }
}

@media (max-width: 1199.98px) {
   .our-story__performance-text {
      max-width: 90%
   }
}

@media (max-width: 991.98px) {
   .our-story__performance-text {
      max-width: 100%
   }
}

.our-story__performance-text:before {
   position: absolute;
   top: 6px;
   left: .875rem;
   font-size: .375rem;
   content: "\f111";
   font-family: "Font Awesome 6 Pro";
   margin-right: 8px;
   font-weight: 700
}

.our-story__performance-line {
   background-color: #000;
   height: 2px;
   width: 80px;
   margin-bottom: 30px
}

.our-story__related {
   margin-top: -165px;
   padding: 15rem 0 5rem;
   background-color: #f3f3f3
}

.our-story__related-title {
   color: #000;
   text-align: center;
   margin-bottom: 1rem
}

.our-story__related-text {
   color: #000;
   text-align: center;
   margin-bottom: 2rem
}