/* src/styles.scss */
:root {
  min-height: 100vh;
  --default-color: #ABFCAB;
  --default-color1: #c7d285;
  --default-color2: #86d4ce;
  --default-color3: #fde36a;
  --default-color-grey: #cccccc;
  --default-color-dark-grey: #777777;
  --default-color-red: #FF706E;
  --default-color-blue: #78BCFF;
  --default-color-background: #F1F1F1;
  --brand-kit-color-main: #a81c25;
  --brand-kit-color-off-white: #f5f5f5;
  --brand-kit-color-charcoal-grey: #2e2e2e;
  --brand-kit-color-green: #6c9170;
  --brand-kit-color-teal: #177e89;
  --brand-kit-color-royal-blue: #1d5ca9;
  --brand-kit-color-golden-yellow: #f2a922;
  --brand-kit-color-vibrant-orange: #f26430;
  --background-color-1: #fff4f0;
  --background-color-2: #FAFAFA;
  --background-color-3: #F4F4F4;
  --background-color-green: #bed0bf;
}
body {
  margin: 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  font-optical-sizing: auto;
  font-style: normal;
  font-family:
    "Google Sans",
    "Product Sans",
    "Nunito Sans",
    "Open Sans",
    "Helvetica Neue",
    Arial,
    sans-serif;
  background-color: var(--brand-kit-color-off-white);
}
.empty {
  font-size: 1.2rem;
  font-style: italic;
  padding: 5rem 0;
  text-align: center;
}
.navigation-bar-background-color {
  background-color: var(--brand-kit-color-off-white);
}
.title-style {
  color: var(--brand-kit-color-main);
}
.title-style-middle {
  color: var(--brand-kit-color-main);
  font-size: 4ex;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
}
.title-style-left {
  color: var(--brand-kit-color-off-white);
  font-size: 3ex;
  font-weight: bold;
  display: flex;
  justify-content: left;
  align-items: center;
  background-color: var(--brand-kit-color-main);
  padding: 1rem;
}
.title-style-right {
  color: var(--brand-kit-color-off-white);
  font-size: 3ex;
  font-weight: bold;
  display: flex;
  justify-content: right;
  margin-bottom: 1ex;
  background-color: var(--brand-kit-color-main);
  padding: 1rem;
}
.blog-title-style-left {
  color: var(--brand-kit-color-main);
  font-size: 3ex;
  font-weight: bold;
  display: flex;
  justify-content: left;
  align-items: center;
  margin-top: 2rem;
}
.subtitle-style {
  font-size: 2.5ex;
  font-weight: 500;
  color: grey;
  text-align: justify;
  align-items: center;
}
.setting-icon-container-left {
  color: var(--brand-kit-color-charcoal-grey);
  font-size: 3ex;
  font-weight: 400;
  display: flex;
  justify-content: left;
  margin-left: 5em;
  margin-bottom: 2em;
  align-items: center;
}
.setting-icon-container-right {
  color: var(--brand-kit-color-charcoal-grey);
  font-size: 3ex;
  font-weight: 400;
  display: flex;
  justify-content: right;
  margin-right: 5em;
  align-items: center;
  margin-bottom: 2em;
}
.setting-icon {
  cursor: pointer;
}
.setting-icon:hover {
  color: var(--brand-kit-color-main);
}
.list-icon-right {
  cursor: pointer;
  margin-left: 2em;
}
.list-icon-right:hover {
  color: var(--brand-kit-color-main);
}
.list-icon-left {
  cursor: pointer;
  margin-right: 2em;
}
.list-icon-left:hover {
  color: var(--brand-kit-color-main);
}
.body-style {
  text-align: justify;
  font-size: 2.5ex;
  font-weight: 500;
  line-height: 1.6;
}
.mini-table-title-style {
  color: var(--brand-kit-color-main);
  font-size: 3ex;
  font-weight: 400;
  margin-bottom: 1em;
  word-wrap: break-word;
  text-align: center;
}
.text-input {
  height: 35px;
  width: 100%;
  padding-left: 1ex;
  border: 0.1px solid var(--brand-kit-color-charcoal-grey);
  border-radius: 1rex;
}
.text-input:focus {
  border: 0.1px solid var(--brand-kit-color-main);
  outline: none;
}
.text-area-input {
  height: 250px;
  width: 100%;
  border-radius: 5px;
  padding-left: 1ex;
  border: 0.1px solid var(--brand-kit-color-charcoal-grey);
  resize: none;
}
.text-area-input:focus {
  border: 0.1px solid var(--brand-kit-color-main);
  outline: none;
}
.modified-button {
  background-color: var(--background-color-1);
  border-radius: 3px;
  border: 0.1px solid var(--brand-kit-color-main);
  box-sizing: border-box;
  color: var(--brand-kit-color-main);
  cursor: pointer;
  display: inline-block;
  font-family:
    -apple-system,
    system-ui,
    "Segoe UI",
    "Liberation Sans",
    sans-serif;
  font-weight: 400;
  line-height: 1.15385;
  margin: 0;
  outline: none;
  padding: 8px 0.8em;
  position: relative;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: baseline;
  white-space: nowrap;
  transition: 0.2s;
}
.modified-button:hover {
  background-color: var(--brand-kit-color-vibrant-orange);
  color: var(--brand-kit-color-off-white);
}
.text-curser-pointer {
  cursor: pointer;
  transition: 0.1s ease;
  padding: 1ex;
  border-radius: 5px;
  border: 1px solid transparent;
}
.text-curser-pointer:hover {
  border: 1px solid var(--brand-kit-color-main);
  padding: 1ex;
}
.icon-cursor-pointer {
  cursor: pointer;
  transition: 0.1s ease;
}
.icon-cursor-pointer:hover {
  color: var(--brand-kit-color-main);
}
.footer-title-font-family {
  font-family: "Montserrat", sans-serif;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
.footer-element-child-font-family {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 14px;
  text-decoration: none;
  display: block;
  margin: 0.2rem 0;
}
.disabled {
  opacity: 0.2;
  pointer-events: none;
}
.display-none {
  display: none;
  pointer-events: none;
}
.disable-dim {
  pointer-events: none;
  filter: brightness(50%);
}
.disable-opacity {
  pointer-events: none;
}
.white-opacity {
  opacity: 0.4;
}
.selected-button-style {
  background-color: var(--brand-kit-color-main);
  color: white;
}
.index-style {
  position: absolute;
  top: 3%;
  left: 5%;
  background-color: var(--brand-kit-color-main);
  padding: 0 1ex;
  border-radius: 2px;
  z-index: 2;
  color: white;
  font-weight: bold;
}
.button-style {
  align-items: center;
  background-clip: padding-box;
  background-color: var(--brand-kit-color-main);
  border: 1px solid transparent;
  border-radius: 0.25rem;
  box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-family:
    system-ui,
    -apple-system,
    system-ui,
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
  font-size: 16px;
  font-weight: 600;
  justify-content: center;
  line-height: 1.25;
  margin: 0;
  min-height: 3rem;
  padding: calc(0.875rem - 1px) calc(1.5rem - 1px);
  position: relative;
  text-decoration: none;
  transition: all 250ms;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: baseline;
  width: auto;
}
.button-style:hover {
  transform: translateY(-1px);
}
.button-style:focus {
  background-color: #fb8332;
  box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
}
.button-style:hover {
  background-color: #c85000;
  box-shadow: rgba(0, 0, 0, 0.06) 0 2px 4px;
  transform: translateY(0);
}
.horizontal-line {
  border-bottom: 1px solid var(--default-color-dark-grey);
  width: 100%;
}
.pre-animate {
  opacity: 0;
  transform: translateX(0);
}
.fade-in-from-left-animation-class {
  animation: fade-in-from-left 700ms ease-out both;
  will-change: transform, opacity;
}
.fade-in-from-right-animation-class {
  animation: fade-in-from-right 700ms ease-out both;
  will-change: transform, opacity;
}
.fade-in-from-top-animation-class {
  animation: fade-in-from-top 700ms ease-out both;
  will-change: transfrom, opacity;
}
.fade-in-from-bottom-animation-class {
  animation: fade-in-from-bottom 700ms ease-out both;
  will-change: transfrom, opacity;
}
@keyframes fade-in-from-left {
  0% {
    opacity: 0;
    transform: translateX(-3rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fade-in-from-right {
  0% {
    opacity: 0;
    transform: translateX(3rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fade-in-from-top {
  0% {
    opacity: 0;
    transform: translateY(-3rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fade-in-from-bottom {
  0% {
    opacity: 0;
    transform: translateY(3rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .fade-in-from-left-animation-class,
  .fade-in-from-right-animation-class,
  .fade-in-from-bottom-animation-class,
  .fade-in-from-top-animation-class {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */