/* sass/style.scss */
/* 1) Global layer (variables, mixins, resets, base) */
/* CSS Document */
/* Developed and copyright by Supawee "Bom" Ippoodom */
/* Reset - Start */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

:focus {
  outline: 0;
}

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Reset - End */
* {
  margin: 0 0;
  padding: 0 0;
}

a, a:hover, a:active, a:visited {
  text-decoration: none;
  cursor: pointer;
}

a img {
  border: none;
}

.noinnertext {
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -999em;
  text-decoration: none;
}

.al-l {
  text-align: left;
}

.al-c {
  text-align: center;
}

.al-r {
  text-align: right;
}

.img-fullwidth {
  width: 100%;
}

/* Color Identity Variables - Start */
/* Color Identity Variables - End */
/* Set color to root - Start */
:root {
  --ci-primary: #00C4AD;
  --ci-primary-2: #3A9B7A;
  --ci-primary-light: #EEFAF6;
  --primary-color: #403E3E;
  --body-color: #F9FAFB;
  --white: #fff;
  --black: #000;
  --red: #ED1A3B;
  --grey: #475467;
  --dark-grey: #403E3E;
  --green: #0a9455;
  --darkgreen: #006F62;
  --blue: #144394;
  --messenger: #4785FF;
  --whatsapp: #3FD366;
  --line: #35C300;
  --twitter: #55ABEE;
  --facebook: #3B5A9A;
  --lightgrey: #BEBEBE;
  --lightgrey-2: #EAECF0;
}

/* Set color to root - End */
/* Color Identity Utilities - Start */
.ci-primary {
  color: #00C4AD !important;
}

.ci-primary-2 {
  color: #3A9B7A !important;
}

.ci-primary-light {
  color: #EEFAF6 !important;
}

.primary-color {
  color: #403E3E !important;
}

.body-color {
  color: #F9FAFB !important;
}

.white {
  color: #fff !important;
}

.black {
  color: #000 !important;
}

.red {
  color: #ED1A3B !important;
}

.grey {
  color: #475467 !important;
}

.dark-grey {
  color: #403E3E !important;
}

.green {
  color: #0a9455 !important;
}

.darkgreen {
  color: #006F62 !important;
}

.blue {
  color: #144394 !important;
}

.messenger {
  color: #4785FF !important;
}

.whatsapp {
  color: #3FD366 !important;
}

.line {
  color: #35C300 !important;
}

.twitter {
  color: #55ABEE !important;
}

.facebook {
  color: #3B5A9A !important;
}

.lightgrey {
  color: #BEBEBE !important;
}

.lightgrey-2 {
  color: #EAECF0 !important;
}

/* Color Identity Utilities - End */
/* Background Color Identity Utilities - Start */
.bg-ci-primary {
  background-color: #00C4AD !important;
}

.bg-ci-primary-2 {
  background-color: #3A9B7A !important;
}

.bg-ci-primary-light {
  background-color: #EEFAF6 !important;
}

.bg-primary-color {
  background-color: #403E3E !important;
}

.bg-body-color {
  background-color: #F9FAFB !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-black {
  background-color: #000 !important;
}

.bg-red {
  background-color: #ED1A3B !important;
}

.bg-grey {
  background-color: #475467 !important;
}

.bg-dark-grey {
  background-color: #403E3E !important;
}

.bg-green {
  background-color: #0a9455 !important;
}

.bg-darkgreen {
  background-color: #006F62 !important;
}

.bg-blue {
  background-color: #144394 !important;
}

.bg-messenger {
  background-color: #4785FF !important;
}

.bg-whatsapp {
  background-color: #3FD366 !important;
}

.bg-line {
  background-color: #35C300 !important;
}

.bg-twitter {
  background-color: #55ABEE !important;
}

.bg-facebook {
  background-color: #3B5A9A !important;
}

.bg-lightgrey {
  background-color: #BEBEBE !important;
}

.bg-lightgrey-2 {
  background-color: #EAECF0 !important;
}

/* Background Color Identity Utilities - End */
/* Apply primary color - Start */
body {
  color: var(--primary-color);
}

/* Apply primary color - End */
.ibm-plex-sans-thai-thin {
  font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.ibm-plex-sans-thai-extralight {
  font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.ibm-plex-sans-thai-light {
  font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.ibm-plex-sans-thai-regular {
  font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.ibm-plex-sans-thai-medium {
  font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.ibm-plex-sans-thai-semibold {
  font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.ibm-plex-sans-thai-bold {
  font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 700;
  font-style: normal;
}

h1 {
  font-size: 2rem;
  line-height: 1.25;
}

h2 {
  font-size: 1.5rem;
  line-height: 1.3;
}

h3 {
  font-size: 1.25rem;
  line-height: 1.35;
}

h4 {
  font-size: 1rem;
  line-height: 1.4;
}

h5 {
  font-size: 0.83rem;
  line-height: 1.4;
}

h6 {
  font-size: 0.67rem;
  line-height: 1.4;
}

p {
  font-size: 1rem;
  line-height: 1.6;
}

li {
  font-size: 1rem;
  line-height: 1.6;
}

small, .small {
  font-size: 0.625rem;
  line-height: 1.4;
}

.thin {
  font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.light {
  font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.regular {
  font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.medium {
  font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.bold, #breadcrumbs .breadcrumb .breadcrumb-item.active {
  font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.italic {
  font-style: italic;
}

.underline {
  text-decoration: underline;
}

ul {
  list-style: disc;
}
ul li {
  margin-left: 1rem;
}

/* Delay - Start */
.delay-1 {
  animation-delay: 0.2s;
}

.delay-2 {
  animation-delay: 0.3s;
}

.delay-3 {
  animation-delay: 0.4s;
}

.delay-4 {
  animation-delay: 0.5s;
}

.delay-5 {
  animation-delay: 0.6s;
}

.delay-6 {
  animation-delay: 0.7s;
}

.delay-7 {
  animation-delay: 0.8s;
}

.delay-8 {
  animation-delay: 0.9s;
}

.delay-9 {
  animation-delay: 1s;
}

.delay-10 {
  animation-delay: 1.1s;
}

.delay-11 {
  animation-delay: 1.2s;
}

.delay-12 {
  animation-delay: 1.3s;
}

.delay-13 {
  animation-delay: 1.4s;
}

.delay-14 {
  animation-delay: 1.5s;
}

.delay-15 {
  animation-delay: 1.6s;
}

.delay-16 {
  animation-delay: 1.7s;
}

.delay-17 {
  animation-delay: 1.8s;
}

.delay-18 {
  animation-delay: 1.9s;
}

.delay-19 {
  animation-delay: 2s;
}

.delay-20 {
  animation-delay: 2.1s;
}

.delay-21 {
  animation-delay: 2.2s;
}

.delay-22 {
  animation-delay: 2.3s;
}

.delay-23 {
  animation-delay: 2.4s;
}

.delay-24 {
  animation-delay: 2.5s;
}

.delay-25 {
  animation-delay: 2.6s;
}

.delay-26 {
  animation-delay: 2.7s;
}

.delay-27 {
  animation-delay: 2.8s;
}

.delay-28 {
  animation-delay: 2.9s;
}

.delay-29 {
  animation-delay: 3s;
}

.delay-30 {
  animation-delay: 3.1s;
}

/* Delay - Start */
/* Slow - Start */
.slow-1 {
  animation-duration: 2s;
}

.slow-2 {
  animation-duration: 2.1s;
}

.slow-3 {
  animation-duration: 2.2s;
}

.slow-4 {
  animation-duration: 2.3s;
}

.slow-5 {
  animation-duration: 2.4s;
}

.slow-6 {
  animation-duration: 2.5s;
}

.slow-7 {
  animation-duration: 2.6s;
}

.slow-8 {
  animation-duration: 2.7s;
}

.slow-9 {
  animation-duration: 2.8s;
}

.slow-10 {
  animation-duration: 2.9s;
}

.slow-11 {
  animation-duration: 3s;
}

.slow-12 {
  animation-duration: 3.1s;
}

.slow-13 {
  animation-duration: 3.2s;
}

.slow-14 {
  animation-duration: 3.3s;
}

.slow-15 {
  animation-duration: 3.4s;
}

.slow-16 {
  animation-duration: 3.5s;
}

.slow-17 {
  animation-duration: 3.6s;
}

.slow-18 {
  animation-duration: 3.7s;
}

.slow-19 {
  animation-duration: 3.8s;
}

.slow-20 {
  animation-duration: 3.9s;
}

.slow-21 {
  animation-duration: 4s;
}

/* Slow - End */
/* 2) Elements / components (order matters if styles overlap) */
.icon.material-symbols-light--search-rounded {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9.539 15.23q-2.398 0-4.065-1.666Q3.808 11.899 3.808 9.5t1.666-4.065T9.539 3.77t4.064 1.666T15.269 9.5q0 1.042-.369 2.017t-.97 1.668l5.909 5.907q.14.14.15.345q.009.203-.15.363q-.16.16-.354.16t-.354-.16l-5.908-5.908q-.75.639-1.725.989t-1.96.35m0-1q1.99 0 3.361-1.37q1.37-1.37 1.37-3.361T12.9 6.14T9.54 4.77q-1.991 0-3.361 1.37T4.808 9.5t1.37 3.36t3.36 1.37'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.icon.mingcute--edit-line {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='%23000' d='M13 3a1 1 0 0 1 .117 1.993L13 5H5v14h14v-8a1 1 0 0 1 1.993-.117L21 11v8a2 2 0 0 1-1.85 1.995L19 21H5a2 2 0 0 1-1.995-1.85L3 19V5a2 2 0 0 1 1.85-1.995L5 3zm6.243.343a1 1 0 0 1 1.497 1.32l-.083.095l-9.9 9.899a1 1 0 0 1-1.497-1.32l.083-.094z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.icon.tabler--chevron-right {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9 6l6 6l-6 6'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.icon.lucide--arrow-up-right {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 7h10v10M7 17L17 7'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.icon.mynaui--share {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9.5 12a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0m5-5.5l-5 3.5m5 7.5l-5-3.5m10 4.5a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0m0-13a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.icon.gg--pin {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23000' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M16.272 10.272a4 4 0 1 1-8 0a4 4 0 0 1 8 0m-2 0a2 2 0 1 1-4 0a2 2 0 0 1 4 0'/%3E%3Cpath d='M5.794 16.518a9 9 0 1 1 12.724-.312l-6.206 6.518zm11.276-1.691l-4.827 5.07l-5.07-4.827a7 7 0 1 1 9.897-.243'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.icon.mynaui--telephone {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M15.6 14.522c-2.395 2.52-8.504-3.534-6.1-6.064c1.468-1.545-.19-3.31-1.108-4.609c-1.723-2.435-5.504.927-5.39 3.066c.363 6.746 7.66 14.74 14.726 14.042c2.21-.218 4.75-4.21 2.215-5.669c-1.268-.73-3.009-2.17-4.343-.767'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.icon.mi--email {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M2 6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2zm3.519 0L12 11.671L18.481 6zM20 7.329l-7.341 6.424a1 1 0 0 1-1.318 0L4 7.329V18h16z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.icon.lineicons--line {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M22 10.622c0-4.484-4.516-8.161-10-8.161S2 6.106 2 10.622c0 4 3.548 7.355 8.355 8c.322.032.774.226.87.484c.098.226.033.645.033.903c0 0-.129.742-.129.871c-.032.226-.194 1 .871.484c1.032-.451 5.742-3.42 7.871-5.806C21.323 14.009 22 12.396 22 10.622M8.452 12.977a.21.21 0 0 1-.194.194H5.452c-.033 0-.097-.033-.13-.033c-.032-.032-.032-.096-.032-.129V8.622c0-.097.097-.193.194-.193h.677c.097 0 .194.096.194.193v3.452h1.903c.097 0 .194.097.194.193zm1.677 0a.21.21 0 0 1-.194.194h-.677a.21.21 0 0 1-.193-.194V8.622c0-.097.096-.193.193-.193h.677c.097 0 .194.096.194.193zm4.871 0a.21.21 0 0 1-.194.194h-.709c-.032 0-.032-.033-.032-.033L12 10.428v2.581a.21.21 0 0 1-.194.194h-.677a.21.21 0 0 1-.194-.194V8.654c0-.096.097-.193.194-.193h.678l.032.032l2 2.678V8.59c0-.097.096-.194.193-.194h.774c.097 0 .194.097.194.194zm3.871-3.645a.21.21 0 0 1-.194.193h-1.903v.742h1.903c.097 0 .194.097.194.194v.677a.21.21 0 0 1-.194.194h-1.903v.677h1.903c.097 0 .194.097.194.194v.677a.21.21 0 0 1-.194.194h-2.806c-.032 0-.097-.032-.13-.032c-.031-.033-.031-.097-.031-.13V8.559c0-.033.032-.097.032-.13c.032-.032.097-.032.129-.032h2.806c.097 0 .194.097.194.194z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.icon.lucide--home {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8'/%3E%3Cpath d='M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.icon.mingcute--grid-line {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='%23000' d='M9 13a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2zm10 0a2 2 0 0 1 1.995 1.85L21 15v4a2 2 0 0 1-1.85 1.995L19 21h-4a2 2 0 0 1-1.995-1.85L13 19v-4a2 2 0 0 1 1.85-1.995L15 13zM9 15H5v4h4zm10 0h-4v4h4zm0-12a2 2 0 0 1 1.995 1.85L21 5v4a2 2 0 0 1-1.85 1.995L19 11h-4a2 2 0 0 1-1.995-1.85L13 9V5a2 2 0 0 1 1.85-1.995L15 3zM9 3a2 2 0 0 1 1.995 1.85L11 5v4a2 2 0 0 1-1.85 1.995L9 11H5a2 2 0 0 1-1.995-1.85L3 9V5a2 2 0 0 1 1.85-1.995L5 3zm10 2h-4v4h4zM9 5H5v4h4z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.icon.si--clipboard-line {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.5' d='M16 3h2.6A2.4 2.4 0 0 1 21 5.4v15.2a2.4 2.4 0 0 1-2.4 2.4H5.4A2.4 2.4 0 0 1 3 20.6V5.4A2.4 2.4 0 0 1 5.4 3H8m.8-2h6.4a.8.8 0 0 1 .8.8v2.4a.8.8 0 0 1-.8.8H8.8a.8.8 0 0 1-.8-.8V1.8a.8.8 0 0 1 .8-.8'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.icon.f7--cart {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56'%3E%3Cpath fill='%23000' d='M20.008 39.649H47.36c.913 0 1.71-.75 1.71-1.758s-.797-1.758-1.71-1.758H20.406c-1.336 0-2.156-.938-2.367-2.367l-.375-2.461h29.742c3.422 0 5.18-2.11 5.672-5.461l1.875-12.399a7 7 0 0 0 .094-.89c0-1.125-.844-1.899-2.133-1.899H14.641l-.446-2.976c-.234-1.805-.89-2.72-3.28-2.72H2.687c-.937 0-1.734.822-1.734 1.76c0 .96.797 1.781 1.735 1.781h7.921l3.75 25.734c.493 3.328 2.25 5.414 5.649 5.414m31.054-25.454L49.4 25.422c-.188 1.453-.961 2.344-2.344 2.344l-29.906.023l-1.993-13.594ZM21.86 51.04a3.766 3.766 0 0 0 3.797-3.797a3.78 3.78 0 0 0-3.797-3.797c-2.132 0-3.82 1.688-3.82 3.797c0 2.133 1.688 3.797 3.82 3.797m21.914 0c2.133 0 3.82-1.664 3.82-3.797c0-2.11-1.687-3.797-3.82-3.797c-2.109 0-3.82 1.688-3.82 3.797c0 2.133 1.711 3.797 3.82 3.797'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.icon.streamline--user-circle-single {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'%3E%3Cpath d='M7 8a2.5 2.5 0 1 0 0-5a2.5 2.5 0 0 0 0 5m-4.27 3.9a5 5 0 0 1 8.54 0'/%3E%3Cpath d='M7 13.5a6.5 6.5 0 1 0 0-13a6.5 6.5 0 0 0 0 13'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.icon.ic--baseline-facebook {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12c0 4.84 3.44 8.87 8 9.8V15H8v-3h2V9.5C10 7.57 11.57 6 13.5 6H16v3h-2c-.55 0-1 .45-1 1v2h3v3h-3v6.95c5.05-.5 9-4.76 9-9.95'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.icon.mage--line {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cg fill='%23000' clip-path='url(%23SVGExGR1bRm)'%3E%3Cpath d='M9.33 12.22v.52c0 .09-.05.13-.14.13H7.12c-.12 0-.16 0-.16-.16V9.5c0-.13 0-.17.17-.17h.46c.12 0 .16.05.16.16v2.56h1.47a.13.13 0 0 1 .115.113a.1.1 0 0 1-.005.057m1.28-2.73v3.22c0 .12 0 .16-.17.16q-.24.015-.48 0a.14.14 0 0 1-.16-.16V9.49a.15.15 0 0 1 .2-.17h.47a.15.15 0 0 1 .14.17m3.63-.01v3.23c0 .11 0 .15-.16.15h-.51a.14.14 0 0 1-.12-.06l-.75-1l-.7-.95v-.07v1.94c0 .14 0 .17-.17.17h-.46a.14.14 0 0 1-.155-.095a.14.14 0 0 1-.005-.065V9.5a.14.14 0 0 1 .15-.15h.55a.13.13 0 0 1 .09.06L13.1 11l.29.39v.05V9.5c0-.13.05-.18.18-.18h.45c.16 0 .22.05.22.16m2.91.02v.5c0 .11 0 .16-.15.16h-1.35c-.07 0-.07 0-.07.07v.42c0 .08 0 .08.07.08H17c.13 0 .17.05.17.18v.46a.14.14 0 0 1-.16.16h-1.36c-.07 0-.07 0-.07.08V12c0 .08 0 .08.07.08H17c.12 0 .16 0 .16.17v.46c0 .12 0 .16-.16.16h-2.05c-.18 0-.17 0-.17-.16V9.5c0-.12.05-.17.17-.17h2c.16 0 .2.05.2.17'/%3E%3Cpath d='M18 2H6a4 4 0 0 0-4 4v12a4 4 0 0 0 4 4h12a4 4 0 0 0 4-4V6a4 4 0 0 0-4-4m1.1 11a6.4 6.4 0 0 1-1 1.58a14 14 0 0 1-2.18 2q-1.381 1.085-2.88 2c-.31.19-.63.36-.95.52a.94.94 0 0 1-.46.13a.23.23 0 0 1-.27-.26a3 3 0 0 1 0-.41a5 5 0 0 0 .11-.94a.48.48 0 0 0-.28-.45a1.7 1.7 0 0 0-.53-.16a8.8 8.8 0 0 1-2.76-.88a6.9 6.9 0 0 1-2.13-1.69a5.5 5.5 0 0 1-1.21-2.46c0-.21-.06-.42-.08-.64s0-.41 0-.62a5 5 0 0 1 .36-1.61A6.1 6.1 0 0 1 6 7.25a7.5 7.5 0 0 1 2.51-1.73A9 9 0 0 1 10.36 5l.76-.1h1.69a8.6 8.6 0 0 1 3.28.95c.71.365 1.356.844 1.91 1.42a5.5 5.5 0 0 1 1.27 2.14c.11.323.181.66.21 1v.65A4.7 4.7 0 0 1 19.1 13'/%3E%3Cpath d='M14.24 9.48v3.23c0 .11 0 .15-.16.15h-.51a.14.14 0 0 1-.12-.06l-.75-1l-.7-.95v-.07v1.94c0 .14 0 .17-.17.17h-.46a.14.14 0 0 1-.155-.095a.14.14 0 0 1-.005-.065V9.5a.14.14 0 0 1 .15-.15h.55a.13.13 0 0 1 .09.06L13.1 11l.29.39v.05V9.5c0-.13.05-.18.18-.18h.45c.16 0 .22.05.22.16m1.34.72v.42c0 .08 0 .08.07.08H17c.13 0 .17.05.17.18v.46a.14.14 0 0 1-.16.16h-1.36c-.07 0-.07 0-.07.08V12c0 .08 0 .08.07.08H17c.12 0 .16 0 .16.17v.46c0 .12 0 .16-.16.16h-2.05c-.18 0-.17 0-.17-.16V9.5c0-.12.05-.17.17-.17h2c.12 0 .16.05.16.17v.5c0 .11 0 .16-.15.16h-1.31c-.07-.03-.07-.03-.07.04m-6.25 2.02v.52c0 .09-.05.13-.14.13H7.12c-.12 0-.16 0-.16-.16V9.5c0-.13 0-.17.17-.17h.46c.12 0 .16.05.16.16v2.56h1.47a.13.13 0 0 1 .115.113a.1.1 0 0 1-.005.057m1.28-2.73v3.22c0 .12 0 .16-.17.16q-.24.015-.48 0a.14.14 0 0 1-.16-.16V9.49a.15.15 0 0 1 .2-.17h.47a.15.15 0 0 1 .14.17'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='SVGExGR1bRm'%3E%3Cpath fill='%23fff' d='M2 2h20v20H2z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.icon.flat-color-icons--google {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23ffc107' d='M43.611 20.083H42V20H24v8h11.303c-1.649 4.657-6.08 8-11.303 8c-6.627 0-12-5.373-12-12s5.373-12 12-12c3.059 0 5.842 1.154 7.961 3.039l5.657-5.657C34.046 6.053 29.268 4 24 4C12.955 4 4 12.955 4 24s8.955 20 20 20s20-8.955 20-20c0-1.341-.138-2.65-.389-3.917'/%3E%3Cpath fill='%23ff3d00' d='m6.306 14.691l6.571 4.819C14.655 15.108 18.961 12 24 12c3.059 0 5.842 1.154 7.961 3.039l5.657-5.657C34.046 6.053 29.268 4 24 4C16.318 4 9.656 8.337 6.306 14.691'/%3E%3Cpath fill='%234caf50' d='M24 44c5.166 0 9.86-1.977 13.409-5.192l-6.19-5.238A11.9 11.9 0 0 1 24 36c-5.202 0-9.619-3.317-11.283-7.946l-6.522 5.025C9.505 39.556 16.227 44 24 44'/%3E%3Cpath fill='%231976d2' d='M43.611 20.083H42V20H24v8h11.303a12.04 12.04 0 0 1-4.087 5.571l.003-.002l6.19 5.238C36.971 39.205 44 34 44 24c0-1.341-.138-2.65-.389-3.917'/%3E%3C/svg%3E");
}
.icon.fa--eye {
  display: inline-block;
  width: 29.4px;
  height: 21px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1792 1280'%3E%3Cpath fill='%23000' d='M1664 704q-152-236-381-353q61 104 61 225q0 185-131.5 316.5T896 1024T579.5 892.5T448 576q0-121 61-225q-229 117-381 353q133 205 333.5 326.5T896 1152t434.5-121.5T1664 704M944 320q0-20-14-34t-34-14q-125 0-214.5 89.5T592 576q0 20 14 34t34 14t34-14t14-34q0-86 61-147t147-61q20 0 34-14t14-34m848 384q0 34-20 69q-140 230-376.5 368.5T896 1280t-499.5-139T20 773Q0 738 0 704t20-69q140-229 376.5-368T896 128t499.5 139T1772 635q20 35 20 69'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.icon.fa--eye-slash {
  display: inline-block;
  width: 27.35px;
  height: 21px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1792 1376'%3E%3Cpath fill='%23000' d='m555 1079l78-141q-87-63-136-159t-49-203q0-121 61-225q-229 117-381 353q167 258 427 375m389-759q0-20-14-34t-34-14q-125 0-214.5 89.5T592 576q0 20 14 34t34 14t34-14t14-34q0-86 61-147t147-61q20 0 34-14t14-34m363-191q0 7-1 9q-106 189-316 567t-315 566l-49 89q-10 16-28 16q-12 0-134-70q-16-10-16-28q0-12 44-87q-143-65-263.5-173T20 773Q0 742 0 704t20-69q153-235 380-371t496-136q89 0 180 17l54-97q10-16 28-16q5 0 18 6t31 15.5t33 18.5t31.5 18.5T1291 102q16 10 16 27m37 447q0 139-79 253.5T1056 994l280-502q8 45 8 84m448 128q0 35-20 69q-39 64-109 145q-150 172-347.5 267T896 1280l74-132q212-18 392.5-137T1664 704q-115-179-282-294l63-112q95 64 182.5 153T1772 635q20 34 20 69'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.icon.mage--logout {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-width='1.5'%3E%3Cpath stroke-linejoin='round' d='M13.477 21.245H8.34a4.92 4.92 0 0 1-5.136-4.623V7.378A4.92 4.92 0 0 1 8.34 2.755h5.136'/%3E%3Cpath stroke-miterlimit='10' d='M20.795 12H7.442'/%3E%3Cpath stroke-linejoin='round' d='m16.083 17.136l4.404-4.404a1.04 1.04 0 0 0 0-1.464l-4.404-4.404'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.icon.mingcute--down-line {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='%23000' d='M12.707 15.707a1 1 0 0 1-1.414 0L5.636 10.05A1 1 0 1 1 7.05 8.636l4.95 4.95l4.95-4.95a1 1 0 0 1 1.414 1.414z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.icon.mdi--heart {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m12 21.35l-1.45-1.32C5.4 15.36 2 12.27 2 8.5C2 5.41 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.08C13.09 3.81 14.76 3 16.5 3C19.58 3 22 5.41 22 8.5c0 3.77-3.4 6.86-8.55 11.53z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.icon.mdi--heart-outline {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m12.1 18.55l-.1.1l-.11-.1C7.14 14.24 4 11.39 4 8.5C4 6.5 5.5 5 7.5 5c1.54 0 3.04 1 3.57 2.36h1.86C13.46 6 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5c0 2.89-3.14 5.74-7.9 10.05M16.5 3c-1.74 0-3.41.81-4.5 2.08C10.91 3.81 9.24 3 7.5 3C4.42 3 2 5.41 2 8.5c0 3.77 3.4 6.86 8.55 11.53L12 21.35l1.45-1.32C18.6 15.36 22 12.27 22 8.5C22 5.41 19.58 3 16.5 3'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.icon.lucide--share-2 {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cpath d='m8.59 13.51l6.83 3.98m-.01-10.98l-6.82 3.98'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.icon.meteor-icons--unlink {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m18 13l3-3a1 1 0 0 0-7-7l-3 3m-5 5l-3 3a1 1 0 0 0 7 7l3-3M5 5l14 14'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.icon.meteor-icons--link {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 13a5 5 0 0 0 8 1l4-4a1 1 0 0 0-7-7l-2 2m3 6a5 5 0 0 0-8-1l-4 4a1 1 0 0 0 7 7l2-2'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.icon.ei--plus {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath fill='%23000' d='M25 42c-9.4 0-17-7.6-17-17S15.6 8 25 8s17 7.6 17 17s-7.6 17-17 17m0-32c-8.3 0-15 6.7-15 15s6.7 15 15 15s15-6.7 15-15s-6.7-15-15-15'/%3E%3Cpath fill='%23000' d='M16 24h18v2H16z'/%3E%3Cpath fill='%23000' d='M24 16h2v18h-2z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.icon.mdi--trash-outline {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6 19a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V7H6zM8 9h8v10H8zm7.5-5l-1-1h-5l-1 1H5v2h14V4z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.icon.tabler--reload {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M19.933 13.041a8 8 0 1 1-9.925-8.788c3.899-1 7.935 1.007 9.425 4.747'/%3E%3Cpath d='M20 4v5h-5'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.swal2-modal .swal2-actions .icon {
  width: 0.75rem;
  height: 0.75rem;
}
.swal2-modal .swal2-actions .icon.mdi--trash-outline {
  width: 1.25rem;
  height: 1.25rem;
}
.swal2-modal .swal2-actions .swal2-styled {
  padding: 0.5rem 1rem;
}

/* sass/style.scss */
/* 1) Global layer (variables, mixins, resets, base) */
/* Sizes - Start */
/* Sizes - End */
/* Default Borders - Start */
.noborder {
  border: none !important;
}

.border {
  border: 1px solid;
}

.border-top {
  border-top: 1px solid;
}

.border-right {
  border-right: 1px solid;
}

.border-bottom {
  border-bottom: 1px solid;
}

.border-left {
  border-left: 1px solid;
}

/* Default Borders - End */
/* Border Sizes - Start */
.border-2px {
  border-width: 2px !important;
}

.border-3px {
  border-width: 3px !important;
}

.border-4px {
  border-width: 4px !important;
}

.border-5px {
  border-width: 5px !important;
}

.border-6px {
  border-width: 6px !important;
}

.border-7px {
  border-width: 7px !important;
}

.border-8px {
  border-width: 8px !important;
}

.border-9px {
  border-width: 9px !important;
}

.border-10px {
  border-width: 10px !important;
}

/* Border Sizes - End */
/* Border Colors - Start */
.border-ci-primary {
  border: 1px solid #00C4AD;
}

.border-ci-primary-2 {
  border: 1px solid #3A9B7A;
}

.border-ci-primary-light {
  border: 1px solid #EEFAF6;
}

.border-primary-color {
  border: 1px solid #403E3E;
}

.border-body-color {
  border: 1px solid #F9FAFB;
}

.border-white {
  border: 1px solid #fff;
}

.border-black {
  border: 1px solid #000;
}

.border-red {
  border: 1px solid #ED1A3B;
}

.border-grey {
  border: 1px solid #475467;
}

.border-dark-grey {
  border: 1px solid #403E3E;
}

.border-green {
  border: 1px solid #0a9455;
}

.border-darkgreen {
  border: 1px solid #006F62;
}

.border-blue {
  border: 1px solid #144394;
}

.border-messenger {
  border: 1px solid #4785FF;
}

.border-whatsapp {
  border: 1px solid #3FD366;
}

.border-line {
  border: 1px solid #35C300;
}

.border-twitter {
  border: 1px solid #55ABEE;
}

.border-facebook {
  border: 1px solid #3B5A9A;
}

.border-lightgrey {
  border: 1px solid #BEBEBE;
}

.border-lightgrey-2 {
  border: 1px solid #EAECF0;
}

/* Border Colors - End */
/* Border Radius - Start */
.no-border-radius {
  border-radius: 0 !important;
}

.border-radius {
  border-radius: 20px;
}

/* Border Radius - End */
/* sass/style.scss */
/* 1) Global layer (variables, mixins, resets, base) */
/* Radius + Shadow - Start */
/* Radius + Shadow - End */
/* Auto contrast helper (decides white/black text based on bg color) */
/* Base button styles - Start */
.btn {
  padding: 0.5rem;
  font-size: 0.875rem;
  font-weight: 400;
  border-radius: 0.5rem;
  transition: color 0.2s linear, background-color 0.2s linear, border-color 0.2s linear;
  /* Sizing - Start */
}
.btn--sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
}
.btn--lg {
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
}
.btn {
  /* Sizing - End */
  /* Disabled states - Start */
}
.btn:disabled, .btn.disabled {
  color: rgba(255, 255, 255, 0.7);
  border: none;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 0.65;
}
.btn:disabled:hover, .btn:disabled:focus, .btn:disabled:active, .btn.disabled:hover, .btn.disabled:focus, .btn.disabled:active {
  color: rgba(255, 255, 255, 0.7);
  border: none;
  box-shadow: none;
}
.btn .icon {
  width: 1.5rem;
  height: 1.5rem;
}

/* Base button styles - Start */
/* Size modifiers - Start */
.btn--sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
}

.btn--lg {
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
}

/* Size modifiers - End */
/* Variants - Start */
.btn.btn-ci-primary {
  background-color: #00C4AD;
  color: #fff;
  border: 1px solid #00C4AD;
}
.btn.btn-ci-primary:hover {
  background-color: #fff;
  color: #00C4AD;
  border-color: #00C4AD;
}

.btn--outline-ci-primary {
  background-color: transparent;
  color: #00C4AD;
  border: 1px solid #00C4AD;
}
.btn--outline-ci-primary:hover {
  background-color: #00C4AD;
  color: #fff;
}

.btn.btn-ci-primary-2 {
  background-color: #3A9B7A;
  color: #fff;
  border: 1px solid #3A9B7A;
}
.btn.btn-ci-primary-2:hover {
  background-color: #fff;
  color: #3A9B7A;
  border-color: #3A9B7A;
}

.btn--outline-ci-primary-2 {
  background-color: transparent;
  color: #3A9B7A;
  border: 1px solid #3A9B7A;
}
.btn--outline-ci-primary-2:hover {
  background-color: #3A9B7A;
  color: #fff;
}

.btn.btn-ci-primary-light {
  background-color: #EEFAF6;
  color: #000;
  border: 1px solid #EEFAF6;
}
.btn.btn-ci-primary-light:hover {
  background-color: #000;
  color: #EEFAF6;
  border-color: #EEFAF6;
}

.btn--outline-ci-primary-light {
  background-color: transparent;
  color: #EEFAF6;
  border: 1px solid #EEFAF6;
}
.btn--outline-ci-primary-light:hover {
  background-color: #EEFAF6;
  color: #000;
}

.btn.btn-primary-color {
  background-color: #403E3E;
  color: #fff;
  border: 1px solid #403E3E;
}
.btn.btn-primary-color:hover {
  background-color: #fff;
  color: #403E3E;
  border-color: #403E3E;
}

.btn--outline-primary-color {
  background-color: transparent;
  color: #403E3E;
  border: 1px solid #403E3E;
}
.btn--outline-primary-color:hover {
  background-color: #403E3E;
  color: #fff;
}

.btn.btn-body-color {
  background-color: #F9FAFB;
  color: #000;
  border: 1px solid #F9FAFB;
}
.btn.btn-body-color:hover {
  background-color: #000;
  color: #F9FAFB;
  border-color: #F9FAFB;
}

.btn--outline-body-color {
  background-color: transparent;
  color: #F9FAFB;
  border: 1px solid #F9FAFB;
}
.btn--outline-body-color:hover {
  background-color: #F9FAFB;
  color: #000;
}

.btn.btn-white {
  background-color: #fff;
  color: #000;
  border: 1px solid #fff;
}
.btn.btn-white:hover {
  background-color: #000;
  color: #fff;
  border-color: #fff;
}

.btn--outline-white {
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
}
.btn--outline-white:hover {
  background-color: #fff;
  color: #000;
}

.btn.btn-black {
  background-color: #000;
  color: #fff;
  border: 1px solid #000;
}
.btn.btn-black:hover {
  background-color: #fff;
  color: #000;
  border-color: #000;
}

.btn--outline-black {
  background-color: transparent;
  color: #000;
  border: 1px solid #000;
}
.btn--outline-black:hover {
  background-color: #000;
  color: #fff;
}

.btn.btn-red {
  background-color: #ED1A3B;
  color: #fff;
  border: 1px solid #ED1A3B;
}
.btn.btn-red:hover {
  background-color: #fff;
  color: #ED1A3B;
  border-color: #ED1A3B;
}

.btn--outline-red {
  background-color: transparent;
  color: #ED1A3B;
  border: 1px solid #ED1A3B;
}
.btn--outline-red:hover {
  background-color: #ED1A3B;
  color: #fff;
}

.btn.btn-grey {
  background-color: #475467;
  color: #fff;
  border: 1px solid #475467;
}
.btn.btn-grey:hover {
  background-color: #fff;
  color: #475467;
  border-color: #475467;
}

.btn--outline-grey {
  background-color: transparent;
  color: #475467;
  border: 1px solid #475467;
}
.btn--outline-grey:hover {
  background-color: #475467;
  color: #fff;
}

.btn.btn-dark-grey {
  background-color: #403E3E;
  color: #fff;
  border: 1px solid #403E3E;
}
.btn.btn-dark-grey:hover {
  background-color: #fff;
  color: #403E3E;
  border-color: #403E3E;
}

.btn--outline-dark-grey {
  background-color: transparent;
  color: #403E3E;
  border: 1px solid #403E3E;
}
.btn--outline-dark-grey:hover {
  background-color: #403E3E;
  color: #fff;
}

.btn.btn-green {
  background-color: #0a9455;
  color: #fff;
  border: 1px solid #0a9455;
}
.btn.btn-green:hover {
  background-color: #fff;
  color: #0a9455;
  border-color: #0a9455;
}

.btn--outline-green {
  background-color: transparent;
  color: #0a9455;
  border: 1px solid #0a9455;
}
.btn--outline-green:hover {
  background-color: #0a9455;
  color: #fff;
}

.btn.btn-darkgreen {
  background-color: #006F62;
  color: #fff;
  border: 1px solid #006F62;
}
.btn.btn-darkgreen:hover {
  background-color: #fff;
  color: #006F62;
  border-color: #006F62;
}

.btn--outline-darkgreen {
  background-color: transparent;
  color: #006F62;
  border: 1px solid #006F62;
}
.btn--outline-darkgreen:hover {
  background-color: #006F62;
  color: #fff;
}

.btn.btn-blue {
  background-color: #144394;
  color: #fff;
  border: 1px solid #144394;
}
.btn.btn-blue:hover {
  background-color: #fff;
  color: #144394;
  border-color: #144394;
}

.btn--outline-blue {
  background-color: transparent;
  color: #144394;
  border: 1px solid #144394;
}
.btn--outline-blue:hover {
  background-color: #144394;
  color: #fff;
}

.btn.btn-messenger {
  background-color: #4785FF;
  color: #000;
  border: 1px solid #4785FF;
}
.btn.btn-messenger:hover {
  background-color: #000;
  color: #4785FF;
  border-color: #4785FF;
}

.btn--outline-messenger {
  background-color: transparent;
  color: #4785FF;
  border: 1px solid #4785FF;
}
.btn--outline-messenger:hover {
  background-color: #4785FF;
  color: #000;
}

.btn.btn-whatsapp {
  background-color: #3FD366;
  color: #fff;
  border: 1px solid #3FD366;
}
.btn.btn-whatsapp:hover {
  background-color: #fff;
  color: #3FD366;
  border-color: #3FD366;
}

.btn--outline-whatsapp {
  background-color: transparent;
  color: #3FD366;
  border: 1px solid #3FD366;
}
.btn--outline-whatsapp:hover {
  background-color: #3FD366;
  color: #fff;
}

.btn.btn-line {
  background-color: #35C300;
  color: #fff;
  border: 1px solid #35C300;
}
.btn.btn-line:hover {
  background-color: #fff;
  color: #35C300;
  border-color: #35C300;
}

.btn--outline-line {
  background-color: transparent;
  color: #35C300;
  border: 1px solid #35C300;
}
.btn--outline-line:hover {
  background-color: #35C300;
  color: #fff;
}

.btn.btn-twitter {
  background-color: #55ABEE;
  color: #000;
  border: 1px solid #55ABEE;
}
.btn.btn-twitter:hover {
  background-color: #000;
  color: #55ABEE;
  border-color: #55ABEE;
}

.btn--outline-twitter {
  background-color: transparent;
  color: #55ABEE;
  border: 1px solid #55ABEE;
}
.btn--outline-twitter:hover {
  background-color: #55ABEE;
  color: #000;
}

.btn.btn-facebook {
  background-color: #3B5A9A;
  color: #fff;
  border: 1px solid #3B5A9A;
}
.btn.btn-facebook:hover {
  background-color: #fff;
  color: #3B5A9A;
  border-color: #3B5A9A;
}

.btn--outline-facebook {
  background-color: transparent;
  color: #3B5A9A;
  border: 1px solid #3B5A9A;
}
.btn--outline-facebook:hover {
  background-color: #3B5A9A;
  color: #fff;
}

.btn.btn-lightgrey {
  background-color: #BEBEBE;
  color: #000;
  border: 1px solid #BEBEBE;
}
.btn.btn-lightgrey:hover {
  background-color: #000;
  color: #BEBEBE;
  border-color: #BEBEBE;
}

.btn--outline-lightgrey {
  background-color: transparent;
  color: #BEBEBE;
  border: 1px solid #BEBEBE;
}
.btn--outline-lightgrey:hover {
  background-color: #BEBEBE;
  color: #000;
}

.btn.btn-lightgrey-2 {
  background-color: #EAECF0;
  color: #000;
  border: 1px solid #EAECF0;
}
.btn.btn-lightgrey-2:hover {
  background-color: #000;
  color: #EAECF0;
  border-color: #EAECF0;
}

.btn--outline-lightgrey-2 {
  background-color: transparent;
  color: #EAECF0;
  border: 1px solid #EAECF0;
}
.btn--outline-lightgrey-2:hover {
  background-color: #EAECF0;
  color: #000;
}

/* Variants - End */
/* Specials / Overrides - Start */
.btn.btn-white-transparent {
  background-color: transparent;
  color: inherit;
  border: 1px solid var(--lightgrey);
}

.btn.btn-ci-primary-transparent {
  background-color: transparent;
  color: var(--ci-primary);
  border: 1px solid var(--ci-primary);
}

/* Specials / Overrides - End */
/* Text button - Start */
.btn-text {
  transition: color 0.2s linear;
}
.btn-text.white:hover {
  color: #fff;
}

/* Text button - End */
/* Social share button - Start */
.share-button {
  font-size: 1.375rem;
}

/* Social share button - End */
/* sass/style.scss */
/* 1) Global layer (variables, mixins, resets, base) */
/* Form radius - Start */
/* Form radius - End */
.form .control-group .controls input[type=text],
.form .control-group .controls input[type=date],
.form .control-group .controls input[type=tel],
.form .control-group .controls input[type=email] {
  width: 100%;
  font-size: 1rem;
  line-height: 1rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid;
}
input[readonly] {
  background-color: var(--lightgrey);
}

.form .control-group {
  padding-bottom: 1rem;
}
.form .control-group .control-label {
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.form .control-group .controls {
  position: relative;
}
.form .control-group .controls span[class^=icon-] {
  position: absolute;
  top: 0.5rem;
  right: 1rem;
  color: #403E3E;
}
.form .control-group .controls .mk-trc {
  height: auto;
}
.form .control-group .controls .mk-trc span {
  font-size: 0.75rem;
}
.form .control-group .control-errors p {
  font-size: 0.875rem;
  line-height: 0.875rem;
  margin-top: 0.25rem;
  padding: 0 1rem;
}

.showPassword {
  font-size: 0.75rem;
  position: absolute;
  top: 0.75rem;
  right: 1rem;
}
.showPassword i {
  width: 0.976875rem !important;
  height: 0.75rem !important;
  color: var(--primary-color);
}
.showPassword[data-status=false] .icon.fa--eye-slash {
  display: none;
}
.showPassword[data-status=true] .icon.fa--eye {
  display: none;
}

.rule {
  color: var(--red);
}
.rule.valid {
  color: var(--green);
}

/* sass/style.scss */
/* 1) Global layer (variables, mixins, resets, base) */
.modal ul {
  list-style: disc;
}
.modal ul li {
  margin-left: 1rem;
}
.modal .modal-content {
  border-radius: 1.25rem;
}
.modal .modal-content .modal-body p,
.modal .modal-content .modal-body li {
  font-size: 0.875rem;
  line-height: 1.5rem;
  margin-bottom: 1rem;
}
.modal .modal-content .modal-body p.text-shadow {
  text-shadow: 0.125rem 0.125rem 0.1875rem rgb(150, 150, 150);
}
.modal .modal-content .modal-footer {
  border: none;
}
.modal .modal-content h1#countdown span {
  font-size: 3.25rem;
  line-height: 3.25rem;
}

/* sass/style.scss */
/* 1) Global layer (variables, mixins, resets, base) */
/* Overlay + Spinner - Start */
/* Overlay + Spinner - End */
/* Animation - Start */
@keyframes ldio-elq6fehsehk {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Animation - End */
/* Loading overlay - Start */
#loading {
  width: 100%;
  height: 100vh;
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.6);
  display: none;
  z-index: 999;
}
#loading .loadingio-spinner-double-ring-qvomtcu446i {
  width: 12.5rem;
  height: 12.5rem;
  display: inline-block;
  overflow: hidden;
  background: none;
  position: absolute;
  top: calc(50% - 6.25rem);
  left: calc(50% - 6.25rem);
}
#loading .ldio-elq6fehsehk {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0;
}
#loading .ldio-elq6fehsehk, #loading .ldio-elq6fehsehk div {
  box-sizing: content-box;
}
#loading .ldio-elq6fehsehk > div {
  position: absolute;
  width: 10rem;
  height: 10rem;
  top: 1.25rem;
  left: 1.25rem;
  border-radius: 50%;
  border: 0.25rem solid #fff;
  border-color: #00C4AD transparent #00C4AD transparent;
  animation: ldio-elq6fehsehk 2.5641025641s linear infinite;
}
#loading .ldio-elq6fehsehk > div:nth-child(2), #loading .ldio-elq6fehsehk > div:nth-child(4) {
  width: 9.25rem;
  height: 9.25rem;
  top: 1.625rem;
  left: 1.625rem;
  animation: ldio-elq6fehsehk 2.5641025641s linear infinite reverse;
}
#loading .ldio-elq6fehsehk > div:nth-child(2) {
  border-color: transparent #fff transparent #fff;
}
#loading .ldio-elq6fehsehk > div:nth-child(3) {
  border-color: transparent;
}
#loading .ldio-elq6fehsehk > div:nth-child(3) div {
  position: absolute;
  width: 100%;
  height: 100%;
  transform: rotate(45deg);
}
#loading .ldio-elq6fehsehk > div:nth-child(3) div::before, #loading .ldio-elq6fehsehk > div:nth-child(3) div::after {
  content: "";
  display: block;
  position: absolute;
  width: 0.25rem;
  height: 0.25rem;
  top: -0.25rem;
  left: 4.625rem;
  background: #00C4AD;
  border-radius: 50%;
  box-shadow: 0 9.75rem 0 0 #00C4AD;
}
#loading .ldio-elq6fehsehk > div:nth-child(3) div::after {
  left: -0.25rem;
  top: 4.625rem;
  box-shadow: 9.75rem 0 0 0 #00C4AD;
}
#loading .ldio-elq6fehsehk > div:nth-child(4) {
  border-color: transparent;
}
#loading .ldio-elq6fehsehk > div:nth-child(4) div {
  position: absolute;
  width: 100%;
  height: 100%;
  transform: rotate(45deg);
}
#loading .ldio-elq6fehsehk > div:nth-child(4) div::before, #loading .ldio-elq6fehsehk > div:nth-child(4) div::after {
  content: "";
  display: block;
  position: absolute;
  width: 0.25rem;
  height: 0.25rem;
  top: -0.25rem;
  left: 4.25rem;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 9rem 0 0 #fff;
}
#loading .ldio-elq6fehsehk > div:nth-child(4) div::after {
  left: -0.25rem;
  top: 4.25rem;
  box-shadow: 9rem 0 0 0 #fff;
}

/* Loading overlay - End */
/* 3) Layouts (order matters if styles overlap) */
/* sass/style.scss */
/* 1) Global layer (variables, mixins, resets, base) */
/* .hamburgerBtn - Start */
.hamburgerBtn {
  color: var(--black);
  cursor: pointer;
  position: relative;
  width: 28px;
  height: 28px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  border: none;
  background: none;
}
.hamburgerBtn .burger-line {
  transition: 0.4s;
  width: 100%;
  height: 1px;
  background-color: var(--black);
}
.hamburgerBtn .burger-line:last-child {
  margin-bottom: 0;
}
.hamburgerBtn .burger-line.burger-line-1 {
  position: relative;
  top: 0;
}
.hamburgerBtn .burger-line.burger-line-3 {
  position: relative;
  bottom: 0;
}
.hamburgerBtn[aria-expanded=true] .burger-line-1 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
}
.hamburgerBtn[aria-expanded=true] .burger-line-2 {
  opacity: 0;
}
.hamburgerBtn[aria-expanded=true] .burger-line-3 {
  position: absolute;
  bottom: 50%;
  transform: translateY(50%) rotate(45deg);
}

/* .hamburgerBtn - End */
/* .mobile-menu - Start */
.mobile-menu {
  width: calc(100vw - 10%);
  right: -100vw;
  transition: right 0.3s ease-in-out;
  z-index: 1050;
}
.mobile-menu.active {
  right: 0;
}

.menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
  z-index: 1040;
}
.menu-overlay.active {
  opacity: 1;
  visibility: visible;
}

/* .mobile-menu - End */
/* #member-info - Start */
#member-info {
  /* .user-profile - Start */
}
#member-info .user-profile {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
#member-info {
  /* .user-profile - End */
}
#member-info .icon.mingcute--edit-line {
  width: 1.5rem;
  height: 1.5rem;
}

/* #member-info - End */
/* #nav-items - Start */
#nav-items .nav-title, #nav-members .nav-title {
  font-size: 1rem;
}
#nav-items .nav-item, #nav-members .nav-item {
  font-size: 0.875rem;
}

/* #nav-items - End */
/* #btnLogout - Start */
#btnLogout .icon.mage--logout {
  width: 1.5rem;
  height: 1.5rem;
}

/* #btnLogout - End */
#breadcrumbs {
  margin-bottom: 1rem;
}
#breadcrumbs .breadcrumb {
  background-color: transparent;
  padding: 0;
  margin-bottom: 0;
  list-style: none;
}
#breadcrumbs .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: ">";
}
#breadcrumbs .breadcrumb .breadcrumb-item a {
  color: var(--dark-grey);
  text-decoration: none;
}
#breadcrumbs .breadcrumb .breadcrumb-item a:hover {
  text-decoration: underline;
}
#breadcrumbs .breadcrumb .breadcrumb-item.active {
  color: var(--ci-primary);
}

/* sass/style.scss */
/* 1) Global layer (variables, mixins, resets, base) */
.slick-carousel.slick-dotted.slick-slider {
  margin-bottom: 0;
  padding-bottom: 2rem;
}
.slick-carousel .slick-dots {
  position: absolute;
  bottom: 0;
  display: flex !important;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  z-index: 10;
}
.slick-carousel .slick-dots li {
  margin: 0 0.25rem;
  padding: 0;
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
}
.slick-carousel .slick-dots li button:before {
  font-size: 1rem;
  color: var(--lightgrey);
}
.slick-carousel .slick-dots li.slick-active button:before {
  color: var(--ci-primary);
}

/* sass/style.scss */
/* 1) Global layer (variables, mixins, resets, base) */
/* .section-header - Start */
.section-header .block {
  width: 1rem;
}

/* .section-header - End */
/* .product-item (component) - Start */
.product-item .badges {
  top: 1rem;
  left: 1rem;
}

/* .product-item (component) - End */
/* #footer-navigation - Start */
#footer-navigation {
  box-shadow: 6px 0px 10px rgba(0, 0, 0, 0.06);
}
#footer-navigation ul {
  list-style: none;
}
#footer-navigation ul .footer-nav-item a p {
  font-size: 0.75rem;
}
#footer-navigation ul .footer-nav-item a p .icon {
  width: 1.375rem;
  height: 1.375rem;
}
#footer-navigation ul .footer-nav-item.active a p {
  color: var(--ci-primary) !important;
}

/* #footer-navigation - End */
.product-item a.item-info {
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.07);
}
.product-item .btnFavorite {
  top: 1rem;
  right: 0.5rem;
}
.product-item .btnFavorite .icon {
  width: 1.25rem;
  height: 1.25rem;
  background-color: var(--ci-primary);
}

#product-detail .product-images {
  min-height: 250px;
}
#product-detail .product-images img {
  height: 100%;
  object-fit: contain;
}
#product-detail .product-thumbnails {
  height: 100px;
  overflow: visible;
}
#product-detail .product-thumbnails .slick-list {
  height: 100%;
}
#product-detail .product-thumbnails .slick-list .slick-track {
  height: 100%;
}
#product-detail .product-thumbnails .slick-list .slick-track .slick-slide {
  cursor: pointer;
  margin: 0 0.5rem;
  opacity: 0.5;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  -o-opacity: 0.5;
  transition: 0.2s height linear, 0.2s opacity linear;
  -webkit-transition: 0.2s height linear, 0.2s -webkit-opacity linear;
  -moz-transition: 0.2s height linear, 0.2s -moz-opacity linear;
  -o-transition: 0.2s height linear, 0.2s -o-opacity linear;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
#product-detail .product-thumbnails .slick-list .slick-track .slick-current {
  transform: scale(1.5);
  opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
}
#product-detail .icon {
  width: 1.5rem;
  height: 1.5rem;
}
#product-detail .heading span {
  border-bottom: 2px solid var(--ci-primary);
  padding-bottom: 1rem;
}
#product-detail .detail-items .items:nth-child(even) {
  background-color: var(--lightgrey-2);
}

.btnFavorite[data-favorited=false] .icon.mdi--heart {
  display: none;
}
.btnFavorite[data-favorited=true] .icon.mdi--heart-outline {
  display: none;
}

/* 4) Pages (order matters if styles overlap) */
/* #our-products - Start */
#our-products #categories .category-item {
  flex: 0 0 20%;
  max-width: 20%;
}
#our-products #categories .category-item p {
  font-size: to-rem(12);
}

/* #our-products - End */
/* #best-seller - Start */
#best-seller #category-tab .nav-item {
  padding-bottom: 1rem;
}
#best-seller #category-tab .nav-item button {
  padding: 0 0 0.5rem 0;
  border: none;
  border-bottom: 2px solid var(--white);
}
#best-seller #category-tab .nav-item button.active {
  border-color: var(--ci-primary);
}

/* #best-seller - End */
/* #product-by-brand - Start */
#product-by-brand .brand-item .brand-info {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

/* #product-by-brand - End */
/* #partners - Start */
#partners {
  background-color: #F9FAFB;
}

/* #partners - End */
/* sass/style.scss */
/* 1) Global layer (variables, mixins, resets, base) */
/* #auth-signin - Start */
#auth-signin .line-separator {
  text-align: center;
  position: relative;
}
#auth-signin .line-separator::before, #auth-signin .line-separator::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 40%;
  height: 1px;
  background-color: var(--dark-grey);
}
#auth-signin .line-separator::before {
  left: 0;
}
#auth-signin .line-separator::after {
  right: 0;
}
#auth-signin .line-separator span {
  color: var(--dark-grey);
  font-size: 0.875rem;
}
#auth-signin #signin-with-social a .icon {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--white);
}
#auth-signin #signin-with-social a .icon.lineicons--line {
  width: 1.75rem;
  height: 1.75rem;
}
#auth-signin #signin-with-social a:hover .icon.ic--baseline-facebook {
  color: var(--facebook) !important;
}
#auth-signin #signin-with-social a:hover .icon.mage--line {
  color: var(--line) !important;
}

/* #auth-signin - End */
/* sass/style.scss */
/* 1) Global layer (variables, mixins, resets, base) */
/* #auth-signup - Start */
#auth-signup .line-separator {
  text-align: center;
  position: relative;
}
#auth-signup .line-separator::before, #auth-signup .line-separator::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 40%;
  height: 1px;
  background-color: var(--dark-grey);
}
#auth-signup .line-separator::before {
  left: 0;
}
#auth-signup .line-separator::after {
  right: 0;
}
#auth-signup .line-separator span {
  color: var(--dark-grey);
  font-size: 0.875rem;
}
#auth-signup #signin-with-social a .icon {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--white);
}
#auth-signup #signin-with-social a .icon.lineicons--line {
  width: 1.75rem;
  height: 1.75rem;
}
#auth-signup #signin-with-social a:hover .icon.ic--baseline-facebook {
  color: var(--facebook) !important;
}
#auth-signup #signin-with-social a:hover .icon.mage--line {
  color: var(--line) !important;
}
#auth-signup .small, #auth-signup .small li {
  font-size: 0.75rem;
}

/* #auth-signup - End */
#member-profile .icon[class*=meteor-icons],
#member-history .icon[class*=meteor-icons] {
  width: 1rem;
  height: 1rem;
}
#member-profile .nav-tabs .nav-link:not(.active),
#member-history .nav-tabs .nav-link:not(.active) {
  color: var(--lightgrey);
}
#member-profile #avatarDropzone.dragover,
#member-history #avatarDropzone.dragover {
  border-color: #0d6efd;
  background: #f0f7ff;
}

/* Body - Start */
body {
  font-family: "IBM Plex Sans Thai", sans-serif;
  font-weight: 400;
  font-style: normal;
  background-color: var(--body-color);
  max-width: 480px;
  margin: auto;
}

/* Body - End */