.txt-free {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

.txt-free {
  padding-left: 0.75rem;
  padding-right: 0.75rem; }

.align-baseline {
  vertical-align: baseline; }

.align-top {
  vertical-align: top; }

.align-middle {
  vertical-align: middle; }

.align-bottom {
  vertical-align: bottom; }

.align-text-top {
  vertical-align: text-top; }

.align-text-bottom {
  vertical-align: text-bottom; }

.align-sub {
  vertical-align: sub; }

.align-super {
  vertical-align: super; }
  .txt-free, .txt-free:after {
    border-radius: 0.375rem; }

@layer overflow {
  .txt-free {
    overflow: hidden; } }

.txt-free:after {
  position: absolute; }

\!.txt-free:after {
  position: absolute !important; }

.txt-free {
  position: relative; }

\!.txt-free {
  position: relative !important; }

.txt-free {
  -webkit-background-clip: text;
          background-clip: text; }

:root {
  --couponColor: #effaff; }

h1,
.h1 {
  font-family: "Arial", sans-serif;
  font-weight: 600;
  line-height: 1.45; }

h1,
.h1 {
  margin: 15px 0; }

h2,
.h2 {
  font-family: "Arial", sans-serif;
  font-weight: 600;
  line-height: 1.45; }

h2,
.h2 {
  margin: 15px 0; }

h3,
.h3 {
  font-family: "Arial", sans-serif;
  font-weight: 600;
  line-height: 1.45; }

h3,
.h3 {
  margin: 15px 0; }

h4,
.h4 {
  font-family: "Arial", sans-serif;
  font-weight: 600;
  line-height: 1.45; }

h5,
.h5 {
  font-family: "Arial", sans-serif;
  font-weight: 600;
  line-height: 1.45; }

h6,
.h6 {
  font-family: "Arial", sans-serif;
  font-weight: 600;
  line-height: 1.45; }

.font-name-inconsolata {
  font-family: "Inconsolata", "monospace"; }

/* font size global */
.txt-sz-1e {
  font-size: 1em !important; }

.txt-sz-2e {
  font-size: 2em !important;
  line-height: 1.2; }

.txt-sz-3e {
  font-size: 3em !important;
  line-height: 1.2; }

.txt-sz-4e {
  font-size: 4em !important;
  line-height: 1.2; }

.txt-sz-5e {
  font-size: 5em !important;
  line-height: 1.2; }

.txt-sz-6e {
  font-size: 6em !important;
  line-height: 1.2; }

.txt-sz-7e {
  font-size: 7em !important;
  line-height: 1.2; }

.txt-sz-8e {
  font-size: 8em !important;
  line-height: 1.2; }

.txt-sz-9e {
  font-size: 9em !important;
  line-height: 1.2; }

.txt-sz-10e {
  font-size: 10em !important;
  line-height: 1.2; }

/* text size 1.5em/2.5em/3.5em/... */
.small-txt {
  font-size: 12px !important; }

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

.font-thin {
  font-weight: 100; }

.font-extralight {
  font-weight: 200; }

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

.font-normal {
  font-weight: 400; }

.font-medium {
  font-weight: 500; }

.font-semibold {
  font-weight: 600; }

.font-bold {
  font-weight: 700; }

.font-extrabold {
  font-weight: 800; }

.font-heavy {
  font-weight: 900; }

/*---------------/Color style global/-------------*/
.txt-primary {
  color: #024799; }

.\!txt-primary {
  color: #024799 !important; }

.txt-green-1eba5c {
  color: #1eba5c; }

.\!txt-green-1eba5c {
  color: #1eba5c !important; }

.txt-green-1cb986 {
  color: #1cb986; }

.\!txt-green-1cb986 {
  color: #1cb986 !important; }

.txt-green-primary {
  color: #09873b; }

.\!txt-green-primary {
  color: #09873b !important; }

.txt-red-c61818 {
  color: #c61818; }

.\!txt-red-c61818 {
  color: #c61818 !important; }

.txt-red-d63d36 {
  color: #d63d36; }

.\!txt-red-d63d36 {
  color: #d63d36 !important; }

.txt-blue-1976d2 {
  color: #1976d2; }

.\!txt-blue-1976d2 {
  color: #1976d2 !important; }

.txt-blue-f1f8ff {
  color: #f1f8ff; }

.\!txt-blue-f1f8ff {
  color: #f1f8ff !important; }

.txt-yellow-dda436 {
  color: #dda436; }

.\!txt-yellow-dda436 {
  color: #dda436 !important; }

.txt-yellow-ffee01 {
  color: #ffee01; }

.\!txt-yellow-ffee01 {
  color: #ffee01 !important; }

.txt-orange-cc5e0e {
  color: #cc5e0e; }

.\!txt-orange-cc5e0e {
  color: #cc5e0e !important; }

.txt-black-42 {
  color: #424242; }

.\!txt-black-42 {
  color: #424242 !important; }

.txt-black-4e4b48 {
  color: #4e4b48; }

.\!txt-black-4e4b48 {
  color: #4e4b48 !important; }

.txt-grey-f2 {
  color: #E8EEF4; }

.\!txt-grey-f2 {
  color: #E8EEF4 !important; }

.txt-grey-92 {
  color: #8FA3B8; }

.\!txt-grey-92 {
  color: #8FA3B8 !important; }

.txt-grey-72 {
  color: #727272; }

.\!txt-grey-72 {
  color: #727272 !important; }

.txt-dark-52 {
  color: #525252; }

.\!txt-dark-52 {
  color: #525252 !important; }

.txt-grey-b6 {
  color: #8FA3B8; }

.\!txt-grey-b6 {
  color: #8FA3B8 !important; }

.txt-grey-e2 {
  color: #e2e2e2; }

.\!txt-grey-e2 {
  color: #e2e2e2 !important; }

.txt-white {
  color: #ffffff; }

.\!txt-white {
  color: #ffffff !important; }

.hover\:txt-primary:hover {
  color: #024799 !important; }

.status-ui-base {
  font-size: .675rem;
  padding: 2px 13px;
  border-radius: 15px; }

.break-word {
  word-break: break-word; }

.status-ui-base.status-active {
  background-color: #0E9F6E;
  color: white; }

.status-ui-base.status-suspended {
  background-color: #424242;
  color: white; }

.status-ui-base.status-trial {
  background-color: #D47B0A;
  color: #424242; }

.status-ui-base.status-waiting {
  background-color: #FF851B;
  color: white; }

.status-ui-base.status-deleted {
  background-color: #B91C1C;
  color: white; }

.status-ui-base.status-error {
  background-color: #B91C1C;
  color: white; }

.status-ui-base.status-cancel {
  background-color: #e2e2e2;
  color: #424242; }

.status-ui-base.status-autosaved {
  background-color: #2d84ef;
  color: white; }

wsp-pre-line {
  white-space: pre-line; }

wsp-pre-wrap {
  white-space: pre-wrap; }

.heading-solid-left-title {
  padding: 8px 20px 6px 10px;
  border-left: 3px solid #024799;
  display: inline-block;
  background-color: #E8EEF4;
  border-bottom: 1px solid #e2e2e2;
  border-top-right-radius: 10px; }

.wsp-pre-line {
  white-space: pre-line !important; }

.wsp-normal {
  white-space: normal !important; }

.wsp-break-spaces {
  white-space: break-spaces !important; }

.wsp-inherit {
  white-space: inherit !important; }

.wsp-none {
  white-space: none !important; }

.wsp-nowrap {
  white-space: nowrap !important; }

.wsp-pre-wrap {
  white-space: pre-wrap !important; }

.text-capitalize {
  text-transform: capitalize; }

.\!text-capitalize {
  text-transform: capitalize !important; }

.text-none {
  text-transform: none; }

.\!text-none {
  text-transform: none !important; }

.text-lowercase {
  text-transform: lowercase; }

.\!text-lowercase {
  text-transform: lowercase !important; }

.text-math-auto {
  text-transform: math-auto; }

.\!text-math-auto {
  text-transform: math-auto !important; }

/*text-overflow*/
.ellipsis, .txt-ellipsis {
  max-width: 100%;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.txt-free {
  z-index: 0; }
  .txt-free:before {
    content: "";
    position: absolute;
    z-index: -2;
    left: -50%;
    top: -100%;
    right: -50%;
    bottom: -100%;
    background-color: #D47B0A;
    background-repeat: no-repeat;
    background-size: 50% 50%, 50% 50%;
    background-position: 0 0, 100% 0, 100% 100%, 0 100%;
    background-image: -o-linear-gradient(45deg, #D47B0A 10%, #cc0e0e 100%);
    background-image: linear-gradient(45deg, #D47B0A 10%, #cc0e0e 100%);
    -webkit-animation: text-rotate 1s linear infinite;
            animation: text-rotate 1s linear infinite; }
  .txt-free:after {
    content: "";
    z-index: -1;
    background-color: #D47B0A;
    left: 2px;
    right: 2px;
    top: 2px;
    bottom: 2px; }

.txt-underline {
  text-decoration: underline; }

@-webkit-keyframes text-rotate {
  100% {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn); } }

@keyframes text-rotate {
  100% {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn); } }

.txt-sz-11px {
  font-size: 11px; }

.\!txt-sz-11px {
  font-size: 11px !important; }

.txt-sz-12px {
  font-size: 12px; }

.\!txt-sz-12px {
  font-size: 12px !important; }

.txt-sz-13px {
  font-size: 13px; }

.\!txt-sz-13px {
  font-size: 13px !important; }

.txt-sz-14px {
  font-size: 14px; }

.\!txt-sz-14px {
  font-size: 14px !important; }

.txt-sz-15px {
  font-size: 15px; }

.\!txt-sz-15px {
  font-size: 15px !important; }

.txt-sz-16px {
  font-size: 16px; }

.\!txt-sz-16px {
  font-size: 16px !important; }

.txt-sz-17px {
  font-size: 17px; }

.\!txt-sz-17px {
  font-size: 17px !important; }

.txt-sz-18px {
  font-size: 18px; }

.\!txt-sz-18px {
  font-size: 18px !important; }

.txt-sz-19px {
  font-size: 19px; }

.\!txt-sz-19px {
  font-size: 19px !important; }

.txt-sz-20px {
  font-size: 20px; }

.\!txt-sz-20px {
  font-size: 20px !important; }

.txt-sz-21px {
  font-size: 21px; }

.\!txt-sz-21px {
  font-size: 21px !important; }

.txt-sz-22px {
  font-size: 22px; }

.\!txt-sz-22px {
  font-size: 22px !important; }

.txt-sz-23px {
  font-size: 23px; }

.\!txt-sz-23px {
  font-size: 23px !important; }

.txt-sz-24px {
  font-size: 24px; }

.\!txt-sz-24px {
  font-size: 24px !important; }

.txt-sz-25px {
  font-size: 25px; }

.\!txt-sz-25px {
  font-size: 25px !important; }

.txt-sz-26px {
  font-size: 26px; }

.\!txt-sz-26px {
  font-size: 26px !important; }

.txt-sz-27px {
  font-size: 27px; }

.\!txt-sz-27px {
  font-size: 27px !important; }

.txt-sz-28px {
  font-size: 28px; }

.\!txt-sz-28px {
  font-size: 28px !important; }

.txt-sz-29px {
  font-size: 29px; }

.\!txt-sz-29px {
  font-size: 29px !important; }

.txt-sz-30px {
  font-size: 30px; }

.\!txt-sz-30px {
  font-size: 30px !important; }

.txt-sz-31px {
  font-size: 31px; }

.\!txt-sz-31px {
  font-size: 31px !important; }

.txt-sz-32px {
  font-size: 32px; }

.\!txt-sz-32px {
  font-size: 32px !important; }

.txt-sz-33px {
  font-size: 33px; }

.\!txt-sz-33px {
  font-size: 33px !important; }

.txt-sz-34px {
  font-size: 34px; }

.\!txt-sz-34px {
  font-size: 34px !important; }

.txt-sz-35px {
  font-size: 35px; }

.\!txt-sz-35px {
  font-size: 35px !important; }

.txt-sz-36px {
  font-size: 36px; }

.\!txt-sz-36px {
  font-size: 36px !important; }

.txt-sz-37px {
  font-size: 37px; }

.\!txt-sz-37px {
  font-size: 37px !important; }

.txt-sz-38px {
  font-size: 38px; }

.\!txt-sz-38px {
  font-size: 38px !important; }

.txt-sz-39px {
  font-size: 39px; }

.\!txt-sz-39px {
  font-size: 39px !important; }

.txt-sz-40px {
  font-size: 40px; }

.\!txt-sz-40px {
  font-size: 40px !important; }

.txt-sz-41px {
  font-size: 41px; }

.\!txt-sz-41px {
  font-size: 41px !important; }

.txt-sz-42px {
  font-size: 42px; }

.\!txt-sz-42px {
  font-size: 42px !important; }

.txt-sz-43px {
  font-size: 43px; }

.\!txt-sz-43px {
  font-size: 43px !important; }

.txt-sz-44px {
  font-size: 44px; }

.\!txt-sz-44px {
  font-size: 44px !important; }

.txt-sz-45px {
  font-size: 45px; }

.\!txt-sz-45px {
  font-size: 45px !important; }

.txt-sz-46px {
  font-size: 46px; }

.\!txt-sz-46px {
  font-size: 46px !important; }

.txt-sz-47px {
  font-size: 47px; }

.\!txt-sz-47px {
  font-size: 47px !important; }

.txt-sz-48px {
  font-size: 48px; }

.\!txt-sz-48px {
  font-size: 48px !important; }

.txt-sz-49px {
  font-size: 49px; }

.\!txt-sz-49px {
  font-size: 49px !important; }

.txt-sz-50px {
  font-size: 50px; }

.\!txt-sz-50px {
  font-size: 50px !important; }

@media screen and (max-width: 767px) {
  h1,
  .h1 {
    font-size: 1.75em; }
  h2,
  .h2 {
    font-size: 24px; }
  h3,
  .h3 {
    font-size: 19px; }
  h4,
  .h4 {
    font-size: 18px; }
  h5,
  .h5 {
    font-size: 16px; }
  h6,
  .h6 {
    font-size: 15px; } }

@media screen and (min-width: md) {
  .md\:h1 {
    font-size: 1.85em; }
  .md\:h2 {
    font-size: 30px; }
  .md\:h3 {
    font-size: 24px; }
  .md\:h4 {
    font-size: 21px; }
  .md\:h5 {
    font-size: 19px; }
  .md\:h6 {
    font-size: 17px; }
  .md\:txt-sz-11px {
    font-size: 11px; }
  .md\:txt-sz-12px {
    font-size: 12px; }
  .md\:txt-sz-13px {
    font-size: 13px; }
  .md\:txt-sz-14px {
    font-size: 14px; }
  .md\:txt-sz-15px {
    font-size: 15px; }
  .md\:txt-sz-16px {
    font-size: 16px; }
  .md\:txt-sz-17px {
    font-size: 17px; }
  .md\:txt-sz-18px {
    font-size: 18px; }
  .md\:txt-sz-19px {
    font-size: 19px; }
  .md\:txt-sz-20px {
    font-size: 20px; }
  .md\:txt-sz-21px {
    font-size: 21px; }
  .md\:txt-sz-22px {
    font-size: 22px; }
  .md\:txt-sz-23px {
    font-size: 23px; }
  .md\:txt-sz-24px {
    font-size: 24px; }
  .md\:txt-sz-25px {
    font-size: 25px; }
  .md\:txt-sz-26px {
    font-size: 26px; }
  .md\:txt-sz-27px {
    font-size: 27px; }
  .md\:txt-sz-28px {
    font-size: 28px; }
  .md\:txt-sz-29px {
    font-size: 29px; }
  .md\:txt-sz-30px {
    font-size: 30px; }
  .md\:txt-sz-31px {
    font-size: 31px; }
  .md\:txt-sz-32px {
    font-size: 32px; }
  .md\:txt-sz-33px {
    font-size: 33px; }
  .md\:txt-sz-34px {
    font-size: 34px; }
  .md\:txt-sz-35px {
    font-size: 35px; }
  .md\:txt-sz-36px {
    font-size: 36px; }
  .md\:txt-sz-37px {
    font-size: 37px; }
  .md\:txt-sz-38px {
    font-size: 38px; }
  .md\:txt-sz-39px {
    font-size: 39px; }
  .md\:txt-sz-40px {
    font-size: 40px; }
  .md\:txt-sz-41px {
    font-size: 41px; }
  .md\:txt-sz-42px {
    font-size: 42px; }
  .md\:txt-sz-43px {
    font-size: 43px; }
  .md\:txt-sz-44px {
    font-size: 44px; }
  .md\:txt-sz-45px {
    font-size: 45px; }
  .md\:txt-sz-46px {
    font-size: 46px; }
  .md\:txt-sz-47px {
    font-size: 47px; }
  .md\:txt-sz-48px {
    font-size: 48px; }
  .md\:txt-sz-49px {
    font-size: 49px; }
  .md\:txt-sz-50px {
    font-size: 50px; } }

@media screen and (min-width: 768px) {
  .md\:h1 {
    font-size: 1.85em; }
  .md\:h2 {
    font-size: 30px; }
  .md\:h3 {
    font-size: 24px; }
  .md\:h4 {
    font-size: 21px; }
  .md\:h5 {
    font-size: 19px; }
  .md\:h6 {
    font-size: 17px; }
  .md\:txt-sz-11px {
    font-size: 11px; }
  .md\:txt-sz-12px {
    font-size: 12px; }
  .md\:txt-sz-13px {
    font-size: 13px; }
  .md\:txt-sz-14px {
    font-size: 14px; }
  .md\:txt-sz-15px {
    font-size: 15px; }
  .md\:txt-sz-16px {
    font-size: 16px; }
  .md\:txt-sz-17px {
    font-size: 17px; }
  .md\:txt-sz-18px {
    font-size: 18px; }
  .md\:txt-sz-19px {
    font-size: 19px; }
  .md\:txt-sz-20px {
    font-size: 20px; }
  .md\:txt-sz-21px {
    font-size: 21px; }
  .md\:txt-sz-22px {
    font-size: 22px; }
  .md\:txt-sz-23px {
    font-size: 23px; }
  .md\:txt-sz-24px {
    font-size: 24px; }
  .md\:txt-sz-25px {
    font-size: 25px; }
  .md\:txt-sz-26px {
    font-size: 26px; }
  .md\:txt-sz-27px {
    font-size: 27px; }
  .md\:txt-sz-28px {
    font-size: 28px; }
  .md\:txt-sz-29px {
    font-size: 29px; }
  .md\:txt-sz-30px {
    font-size: 30px; }
  .md\:txt-sz-31px {
    font-size: 31px; }
  .md\:txt-sz-32px {
    font-size: 32px; }
  .md\:txt-sz-33px {
    font-size: 33px; }
  .md\:txt-sz-34px {
    font-size: 34px; }
  .md\:txt-sz-35px {
    font-size: 35px; }
  .md\:txt-sz-36px {
    font-size: 36px; }
  .md\:txt-sz-37px {
    font-size: 37px; }
  .md\:txt-sz-38px {
    font-size: 38px; }
  .md\:txt-sz-39px {
    font-size: 39px; }
  .md\:txt-sz-40px {
    font-size: 40px; }
  .md\:txt-sz-41px {
    font-size: 41px; }
  .md\:txt-sz-42px {
    font-size: 42px; }
  .md\:txt-sz-43px {
    font-size: 43px; }
  .md\:txt-sz-44px {
    font-size: 44px; }
  .md\:txt-sz-45px {
    font-size: 45px; }
  .md\:txt-sz-46px {
    font-size: 46px; }
  .md\:txt-sz-47px {
    font-size: 47px; }
  .md\:txt-sz-48px {
    font-size: 48px; }
  .md\:txt-sz-49px {
    font-size: 49px; }
  .md\:txt-sz-50px {
    font-size: 50px; } }

.leading-1 {
  line-height: 0.25rem; }

.word-spacing-1 {
  word-spacing: 0.25rem; }

.leading-2 {
  line-height: 0.5rem; }

.word-spacing-2 {
  word-spacing: 0.5rem; }

.leading-3 {
  line-height: 0.75rem; }

.word-spacing-3 {
  word-spacing: 0.75rem; }

.leading-4 {
  line-height: 1rem; }

.word-spacing-4 {
  word-spacing: 1rem; }

.leading-5 {
  line-height: 1.25rem; }

.word-spacing-5 {
  word-spacing: 1.25rem; }

.leading-6 {
  line-height: 1.5rem; }

.word-spacing-6 {
  word-spacing: 1.5rem; }

.leading-7 {
  line-height: 1.75rem; }

.word-spacing-7 {
  word-spacing: 1.75rem; }

.leading-8 {
  line-height: 2rem; }

.word-spacing-8 {
  word-spacing: 2rem; }

.leading-9 {
  line-height: 2.25rem; }

.word-spacing-9 {
  word-spacing: 2.25rem; }