@charset "UTF-8";

/*!
* Start Bootstrap - Landing Page v6.0.6 (https://startbootstrap.com/theme/landing-page)
* Copyright 2013-2023 Start Bootstrap
* Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-landing-page/blob/master/LICENSE)
*/
/*!
 * Bootstrap  v5.2.3 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: Lato, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-link-color: #0d6efd;
  --bs-link-hover-color: #0a58ca;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd;
}

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

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: 1px solid;
  opacity: 0.25;
}

h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 700;
  line-height: 1.2;
}

h1,
.h1 {
  font-size: calc(1.375rem + 1.5vw);
}

@media (min-width: 1200px) {

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

h2,
.h2 {
  font-size: calc(1.325rem + 0.9vw);
}

@media (min-width: 1200px) {

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

h3,
.h3 {
  font-size: calc(1.3rem + 0.6vw);
}

@media (min-width: 1200px) {

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

h4,
.h4 {
  font-size: calc(1.275rem + 0.3vw);
}

@media (min-width: 1200px) {

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

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

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

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

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

ol,
ul {
  padding-left: 2rem;
}

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: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small,
.small {
  font-size: 0.875em;
}

mark,
.mark {
  padding: 0.1875em;
  background-color: var(--bs-highlight-bg);
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: var(--bs-link-color);
  text-decoration: underline;
}

a:hover {
  color: var(--bs-link-hover-color);
}

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

pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}

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

code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}

a>code {
  color: inherit;
}

kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.25rem;
}

kbd kbd {
  padding: 0;
  font-size: 1em;
}

figure {
  margin: 0 0 1rem;
}

img,
svg {
  vertical-align: middle;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

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

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

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

label {
  display: inline-block;
}

button {
  border-radius: 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,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

select:disabled {
  opacity: 1;
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}

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;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

textarea {
  resize: vertical;
}

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

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
}

@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}

legend+* {
  clear: left;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}

::-webkit-inner-spin-button {
  height: auto;
}

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

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

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

output {
  display: inline-block;
}

iframe {
  border: 0;
}

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

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

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

.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
}

.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}

.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}

.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}

.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}

.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}

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

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

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

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

.initialism {
  font-size: 0.875em;
  text-transform: uppercase;
}

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

.blockquote> :last-child {
  margin-bottom: 0;
}

.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: #6c757d;
}

.blockquote-footer::before {
  content: "— ";
}

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

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid var(--bs-border-color);
  border-radius: 0.375rem;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

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

.figure-caption {
  font-size: 0.875em;
  color: #6c757d;
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  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: 1320px;
  }
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.row>* {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto>* {
  flex: 0 0 auto;
  width: auto;
}

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

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

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

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

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

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

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

.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%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

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

  .row-cols-sm-auto>* {
    flex: 0 0 auto;
    width: auto;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .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%;
  }

  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }

  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }

  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }

  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }

  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }

  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}

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

  .row-cols-md-auto>* {
    flex: 0 0 auto;
    width: auto;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .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%;
  }

  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }

  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }

  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }

  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }

  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }

  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}

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

  .row-cols-lg-auto>* {
    flex: 0 0 auto;
    width: auto;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .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%;
  }

  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }

  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }

  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }

  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }

  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }

  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}

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

  .row-cols-xl-auto>* {
    flex: 0 0 auto;
    width: auto;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .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%;
  }

  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }

  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }

  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}

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

  .row-cols-xxl-auto>* {
    flex: 0 0 auto;
    width: auto;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .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%;
  }

  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }

  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }

  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}

.table {
  --bs-table-color: var(--bs-body-color);
  --bs-table-bg: transparent;
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-body-color);
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: var(--bs-body-color);
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: var(--bs-body-color);
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  color: var(--bs-table-color);
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}

.table> :not(caption)>*>* {
  padding: 0.5rem 0.5rem;
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}

.table>tbody {
  vertical-align: inherit;
}

.table>thead {
  vertical-align: bottom;
}

.table-group-divider {
  border-top: 2px solid currentcolor;
}

.caption-top {
  caption-side: top;
}

.table-sm> :not(caption)>*>* {
  padding: 0.25rem 0.25rem;
}

.table-bordered> :not(caption)>* {
  border-width: 1px 0;
}

.table-bordered> :not(caption)>*>* {
  border-width: 0 1px;
}

.table-borderless> :not(caption)>*>* {
  border-bottom-width: 0;
}

.table-borderless> :not(:first-child) {
  border-top-width: 0;
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color);
}

.table-striped-columns> :not(caption)>tr> :nth-child(even) {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color);
}

.table-active {
  --bs-table-accent-bg: var(--bs-table-active-bg);
  color: var(--bs-table-active-color);
}

.table-hover>tbody>tr:hover>* {
  --bs-table-accent-bg: var(--bs-table-hover-bg);
  color: var(--bs-table-hover-color);
}

.table-primary {
  --bs-table-color: #000;
  --bs-table-bg: #cfe2ff;
  --bs-table-border-color: #bacbe6;
  --bs-table-striped-bg: #c5d7f2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bacbe6;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfd1ec;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-secondary {
  --bs-table-color: #000;
  --bs-table-bg: #e2e3e5;
  --bs-table-border-color: #cbccce;
  --bs-table-striped-bg: #d7d8da;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cbccce;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d1d2d4;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-success {
  --bs-table-color: #000;
  --bs-table-bg: #d1e7dd;
  --bs-table-border-color: #bcd0c7;
  --bs-table-striped-bg: #c7dbd2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bcd0c7;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c1d6cc;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-info {
  --bs-table-color: #000;
  --bs-table-bg: #cff4fc;
  --bs-table-border-color: #badce3;
  --bs-table-striped-bg: #c5e8ef;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #badce3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfe2e9;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-warning {
  --bs-table-color: #000;
  --bs-table-bg: #fff3cd;
  --bs-table-border-color: #e6dbb9;
  --bs-table-striped-bg: #f2e7c3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6dbb9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ece1be;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-danger {
  --bs-table-color: #000;
  --bs-table-bg: #f8d7da;
  --bs-table-border-color: #dfc2c4;
  --bs-table-striped-bg: #eccccf;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfc2c4;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5c7ca;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-light {
  --bs-table-color: #000;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: #dfe0e1;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #212529;
  --bs-table-border-color: #373b3e;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

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

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

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

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

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

.form-label {
  margin-bottom: 0.5rem;
}

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

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

.col-form-label-sm {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 0.875rem;
}

.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #6c757d;
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.75rem 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

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

.form-control[type=file] {
  overflow: hidden;
}

.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}

.form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-control::-webkit-date-and-time-value {
  height: 1.5em;
}

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

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

.form-control:disabled {
  background-color: #e9ecef;
  opacity: 1;
}

.form-control::file-selector-button {
  padding: 0.75rem 1rem;
  margin: -0.75rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

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

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: #dde0e3;
}

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

.form-control-plaintext:focus {
  outline: 0;
}

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

.form-control-sm {
  min-height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  border-radius: 0.25rem;
}

.form-control-sm::file-selector-button {
  padding: 0.5rem 0.75rem;
  margin: -0.5rem -0.75rem;
  -webkit-margin-end: 0.75rem;
  margin-inline-end: 0.75rem;
}

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

.form-control-lg::file-selector-button {
  padding: 1rem 1.25rem;
  margin: -1rem -1.25rem;
  -webkit-margin-end: 1.25rem;
  margin-inline-end: 1.25rem;
}

textarea.form-control {
  min-height: calc(1.5em + 1.5rem + 2px);
}

textarea.form-control-sm {
  min-height: calc(1.5em + 1rem + 2px);
}

textarea.form-control-lg {
  min-height: calc(1.5em + 2rem + 2px);
}

.form-control-color {
  width: 3rem;
  height: calc(1.5em + 1.5rem + 2px);
  padding: 0.75rem;
}

.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}

.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: 0.375rem;
}

.form-control-color::-webkit-color-swatch {
  border-radius: 0.375rem;
}

.form-control-color.form-control-sm {
  height: calc(1.5em + 1rem + 2px);
}

.form-control-color.form-control-lg {
  height: calc(1.5em + 2rem + 2px);
}

.form-select {
  display: block;
  width: 100%;
  padding: 0.75rem 3rem 0.75rem 1rem;
  -moz-padding-start: calc(1rem - 3px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

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

.form-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

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

.form-select:disabled {
  background-color: #e9ecef;
}

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

.form-select-sm {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  font-size: 0.875rem;
  border-radius: 0.25rem;
}

.form-select-lg {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1.25rem;
  font-size: 1.25rem;
  border-radius: 0.5rem;
}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}

.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}

.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right;
}

.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}

.form-check-input {
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.25);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}

.form-check-input[type=radio] {
  border-radius: 50%;
}

.form-check-input:active {
  filter: brightness(90%);
}

.form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.form-check-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.form-check-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}

.form-check-input[type=checkbox]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}

.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}

.form-check-input[disabled]~.form-check-label,
.form-check-input:disabled~.form-check-label {
  cursor: default;
  opacity: 0.5;
}

.form-switch {
  padding-left: 2.5em;
}

.form-switch .form-check-input {
  width: 2em;
  margin-left: -2.5em;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}

.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}

.form-switch .form-check-input:checked {
  background-position: right center;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0;
}

.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0;
}

.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.btn-check[disabled]+.btn,
.btn-check:disabled+.btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}

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

.form-range:focus {
  outline: 0;
}

.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-range::-moz-focus-outer {
  border: 0;
}

.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  appearance: none;
}

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

.form-range::-webkit-slider-thumb:active {
  background-color: #b6d4fe;
}

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

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

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

.form-range::-moz-range-thumb:active {
  background-color: #b6d4fe;
}

.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}

.form-range:disabled {
  pointer-events: none;
}

.form-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}

.form-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}

.form-floating {
  position: relative;
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select {
  height: calc(3.5rem + 2px);
  line-height: 1.25;
}

.form-floating>label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1rem 1rem;
  overflow: hidden;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: 1px solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-floating>label {
    transition: none;
  }
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext {
  padding: 1rem 1rem;
}

.form-floating>.form-control::-moz-placeholder,
.form-floating>.form-control-plaintext::-moz-placeholder {
  color: transparent;
}

.form-floating>.form-control::placeholder,
.form-floating>.form-control-plaintext::placeholder {
  color: transparent;
}

.form-floating>.form-control:not(:-moz-placeholder-shown),
.form-floating>.form-control-plaintext:not(:-moz-placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown),
.form-floating>.form-control-plaintext:focus,
.form-floating>.form-control-plaintext:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.form-floating>.form-control:-webkit-autofill,
.form-floating>.form-control-plaintext:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.form-floating>.form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.form-floating>.form-control:not(:-moz-placeholder-shown)~label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-control-plaintext~label,
.form-floating>.form-select~label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating>.form-control:-webkit-autofill~label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating>.form-control-plaintext~label {
  border-width: 1px 0;
}

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

.input-group>.form-control,
.input-group>.form-select,
.input-group>.form-floating {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

.input-group>.form-control:focus,
.input-group>.form-select:focus,
.input-group>.form-floating:focus-within {
  z-index: 5;
}

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

.input-group .btn:focus {
  z-index: 5;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.75rem 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
}

.input-group-lg>.form-control,
.input-group-lg>.form-select,
.input-group-lg>.input-group-text,
.input-group-lg>.btn {
  padding: 1rem 1.25rem;
  font-size: 1.25rem;
  border-radius: 0.5rem;
}

.input-group-sm>.form-control,
.input-group-sm>.form-select,
.input-group-sm>.input-group-text,
.input-group-sm>.btn {
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  border-radius: 0.25rem;
}

.input-group-lg>.form-select,
.input-group-sm>.form-select {
  padding-right: 4rem;
}

.input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group.has-validation> :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,
.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

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

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #198754;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: rgba(25, 135, 84, 0.9);
  border-radius: 0.375rem;
}

.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: #198754;
  padding-right: calc(1.5em + 1.5rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.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'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.375rem) center;
  background-size: calc(0.75em + 0.75rem) calc(0.75em + 0.75rem);
}

.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
  border-color: #198754;
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

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

.was-validated .form-select:valid,
.form-select.is-valid {
  border-color: #198754;
}

.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"],
.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"] {
  padding-right: 5.5rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.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'/%3e%3c/svg%3e");
  background-position: right 1rem center, center right 3rem;
  background-size: 16px 12px, calc(0.75em + 0.75rem) calc(0.75em + 0.75rem);
}

.was-validated .form-select:valid:focus,
.form-select.is-valid:focus {
  border-color: #198754;
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

.was-validated .form-control-color:valid,
.form-control-color.is-valid {
  width: calc(3rem + calc(1.5em + 1.5rem));
}

.was-validated .form-check-input:valid,
.form-check-input.is-valid {
  border-color: #198754;
}

.was-validated .form-check-input:valid:checked,
.form-check-input.is-valid:checked {
  background-color: #198754;
}

.was-validated .form-check-input:valid:focus,
.form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

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

.form-check-inline .form-check-input~.valid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group>.form-control:not(:focus):valid,
.input-group>.form-control:not(:focus).is-valid,
.was-validated .input-group>.form-select:not(:focus):valid,
.input-group>.form-select:not(:focus).is-valid,
.was-validated .input-group>.form-floating:not(:focus-within):valid,
.input-group>.form-floating:not(:focus-within).is-valid {
  z-index: 3;
}

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

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.375rem;
}

.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 + 1.5rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.375rem) center;
  background-size: calc(0.75em + 0.75rem) calc(0.75em + 0.75rem);
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

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

.was-validated .form-select:invalid,
.form-select.is-invalid {
  border-color: #dc3545;
}

.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"],
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"] {
  padding-right: 5.5rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-position: right 1rem center, center right 3rem;
  background-size: 16px 12px, calc(0.75em + 0.75rem) calc(0.75em + 0.75rem);
}

.was-validated .form-select:invalid:focus,
.form-select.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.was-validated .form-control-color:invalid,
.form-control-color.is-invalid {
  width: calc(3rem + calc(1.5em + 1.5rem));
}

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

.was-validated .form-check-input:invalid:checked,
.form-check-input.is-invalid:checked {
  background-color: #dc3545;
}

.was-validated .form-check-input:invalid:focus,
.form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

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

.form-check-inline .form-check-input~.invalid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group>.form-control:not(:focus):invalid,
.input-group>.form-control:not(:focus).is-invalid,
.was-validated .input-group>.form-select:not(:focus):invalid,
.input-group>.form-select:not(:focus).is-invalid,
.was-validated .input-group>.form-floating:not(:focus-within):invalid,
.input-group>.form-floating:not(:focus-within).is-invalid {
  z-index: 4;
}

.btn {
  --bs-btn-padding-x: 1rem;
  --bs-btn-padding-y: 0.75rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: #212529;
  --bs-btn-bg: transparent;
  --bs-btn-border-width: 1px;
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: 0.375rem;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

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

.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}

.btn-check+.btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}

.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}

.btn-check:focus-visible+.btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}

.btn-check:checked+.btn,
:not(.btn-check)+.btn:active,
.btn:first-child:active,
.btn.active,
.btn.show {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}

.btn-check:checked+.btn:focus-visible,
:not(.btn-check)+.btn:active:focus-visible,
.btn:first-child:active:focus-visible,
.btn.active:focus-visible,
.btn.show:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}

.btn:disabled,
.btn.disabled,
fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5c636a;
  --bs-btn-hover-border-color: #565e64;
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #565e64;
  --bs-btn-active-border-color: #51585e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
}

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #157347;
  --bs-btn-hover-border-color: #146c43;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #146c43;
  --bs-btn-active-border-color: #13653f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #198754;
  --bs-btn-disabled-border-color: #198754;
}

.btn-info {
  --bs-btn-color: #000;
  --bs-btn-bg: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #31d2f2;
  --bs-btn-hover-border-color: #25cff2;
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #3dd5f3;
  --bs-btn-active-border-color: #25cff2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #0dcaf0;
  --bs-btn-disabled-border-color: #0dcaf0;
}

.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffca2c;
  --bs-btn-hover-border-color: #ffc720;
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffcd39;
  --bs-btn-active-border-color: #ffc720;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ffc107;
  --bs-btn-disabled-border-color: #ffc107;
}

.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #bb2d3b;
  --bs-btn-hover-border-color: #b02a37;
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b02a37;
  --bs-btn-active-border-color: #a52834;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545;
}

.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d3d4d5;
  --bs-btn-hover-border-color: #c6c7c8;
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c6c7c8;
  --bs-btn-active-border-color: #babbbc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #424649;
  --bs-btn-hover-border-color: #373b3e;
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4d5154;
  --bs-btn-active-border-color: #373b3e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}

.btn-outline-primary {
  --bs-btn-color: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0d6efd;
  --bs-btn-hover-border-color: #0d6efd;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0d6efd;
  --bs-btn-active-border-color: #0d6efd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0d6efd;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0d6efd;
  --bs-gradient: none;
}

.btn-outline-secondary {
  --bs-btn-color: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6c757d;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none;
}

.btn-outline-success {
  --bs-btn-color: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #198754;
  --bs-btn-hover-border-color: #198754;
  --bs-btn-focus-shadow-rgb: 25, 135, 84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #198754;
  --bs-btn-active-border-color: #198754;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #198754;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #198754;
  --bs-gradient: none;
}

.btn-outline-info {
  --bs-btn-color: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #0dcaf0;
  --bs-btn-hover-border-color: #0dcaf0;
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #0dcaf0;
  --bs-btn-active-border-color: #0dcaf0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0dcaf0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0dcaf0;
  --bs-gradient: none;
}

.btn-outline-warning {
  --bs-btn-color: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffc107;
  --bs-btn-hover-border-color: #ffc107;
  --bs-btn-focus-shadow-rgb: 255, 193, 7;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffc107;
  --bs-btn-active-border-color: #ffc107;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffc107;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ffc107;
  --bs-gradient: none;
}

.btn-outline-danger {
  --bs-btn-color: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #dc3545;
  --bs-btn-hover-border-color: #dc3545;
  --bs-btn-focus-shadow-rgb: 220, 53, 69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #dc3545;
  --bs-btn-active-border-color: #dc3545;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #dc3545;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dc3545;
  --bs-gradient: none;
}

.btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none;
}

.btn-outline-dark {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212529;
  --bs-gradient: none;
}

.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: none;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  text-decoration: underline;
}

.btn-link:focus-visible {
  color: var(--bs-btn-color);
}

.btn-link:hover {
  color: var(--bs-btn-hover-color);
}

.btn-lg,
.btn-group-lg>.btn {
  --bs-btn-padding-y: 1rem;
  --bs-btn-padding-x: 1.25rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: 0.5rem;
}

.btn-sm,
.btn-group-sm>.btn {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: 0.25rem;
}

.fade {
  transition: opacity 0.15s linear;
}

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

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

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

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

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

.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}

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

.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}

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

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

.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: #212529;
  --bs-dropdown-bg: #fff;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: 0.375rem;
  --bs-dropdown-border-width: 1px;
  --bs-dropdown-inner-border-radius: calc(0.375rem - 1px);
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-dropdown-link-color: #212529;
  --bs-dropdown-link-hover-color: #1e2125;
  --bs-dropdown-link-hover-bg: #e9ecef;
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}

.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}

.dropdown-menu-start {
  --bs-position: start;
}

.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}

.dropdown-menu-end {
  --bs-position: end;
}

.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }

  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-sm-end {
    --bs-position: end;
  }

  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}

@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }

  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-md-end {
    --bs-position: end;
  }

  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}

@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }

  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-lg-end {
    --bs-position: end;
  }

  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}

@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }

  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-xl-end {
    --bs-position: end;
  }

  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}

@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }

  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-xxl-end {
    --bs-position: end;
  }

  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}

.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer);
}

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

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

.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer);
}

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

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

.dropend .dropdown-toggle::after {
  vertical-align: 0;
}

.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer);
}

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

.dropstart .dropdown-toggle::after {
  display: none;
}

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

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

.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-item:hover,
.dropdown-item:focus {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}

.dropdown-item.active,
.dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}

.dropdown-item.disabled,
.dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 0.875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
}

.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd;
}

.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-check:checked+.btn,
.btn-group>.btn-check:focus+.btn,
.btn-group>.btn:hover,
.btn-group>.btn:focus,
.btn-group>.btn:active,
.btn-group>.btn.active,
.btn-group-vertical>.btn-check:checked+.btn,
.btn-group-vertical>.btn-check:focus+.btn,
.btn-group-vertical>.btn:hover,
.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 {
  border-radius: 0.375rem;
}

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

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

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

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

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

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

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

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

.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~.btn,
.btn-group-vertical>.btn-group:not(:first-child)>.btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: #6c757d;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}

.nav-link:hover,
.nav-link:focus {
  color: var(--bs-nav-link-hover-color);
}

.nav-link.disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  --bs-nav-tabs-border-width: 1px;
  --bs-nav-tabs-border-color: #dee2e6;
  --bs-nav-tabs-border-radius: 0.375rem;
  --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
  --bs-nav-tabs-link-active-color: #495057;
  --bs-nav-tabs-link-active-bg: #fff;
  --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}

.nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  background: none;
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
}

.nav-tabs .nav-link.disabled,
.nav-tabs .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  background-color: transparent;
  border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}

.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills {
  --bs-nav-pills-border-radius: 0.375rem;
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #0d6efd;
}

.nav-pills .nav-link {
  background: none;
  border: 0;
  border-radius: var(--bs-nav-pills-border-radius);
}

.nav-pills .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  background-color: transparent;
  border-color: transparent;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg);
}

.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;
}

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%;
}

.tab-content>.tab-pane {
  display: none;
}

.tab-content>.active {
  display: block;
}

.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(0, 0, 0, 0.55);
  --bs-navbar-hover-color: rgba(0, 0, 0, 0.7);
  --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3);
  --bs-navbar-active-color: rgba(0, 0, 0, 0.9);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(0, 0, 0, 0.9);
  --bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1);
  --bs-navbar-toggler-border-radius: 0.375rem;
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}

.navbar>.container,
.navbar>.container-fluid,
.navbar>.container-sm,
.navbar>.container-md,
.navbar>.container-lg,
.navbar>.container-xl,
.navbar>.container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}

.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap;
}

.navbar-brand:hover,
.navbar-brand:focus {
  color: var(--bs-navbar-brand-hover-color);
}

.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.navbar-nav .show>.nav-link,
.navbar-nav .nav-link.active {
  color: var(--bs-navbar-active-color);
}

.navbar-nav .dropdown-menu {
  position: static;
}

.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-navbar-color);
}

.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
  color: var(--bs-navbar-active-color);
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
}

@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}

.navbar-toggler:hover {
  text-decoration: none;
}

.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: 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: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }

  .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;
  }

  .navbar-expand-sm .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }

  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none;
  }

  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}

@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: 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: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }

  .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;
  }

  .navbar-expand-md .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }

  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none;
  }

  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}

@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: 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: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }

  .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;
  }

  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }

  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }

  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}

@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: 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: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }

  .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;
  }

  .navbar-expand-xl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }

  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none;
  }

  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}

@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: 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: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }

  .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;
  }

  .navbar-expand-xxl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }

  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none;
  }

  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}

.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}

.navbar-expand .navbar-nav {
  flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}

.navbar-expand .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x);
}

.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}

.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}

.navbar-expand .navbar-toggler {
  display: none;
}

.navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: transparent !important;
  border: 0 !important;
  transform: none !important;
  transition: none;
}

.navbar-expand .offcanvas .offcanvas-header {
  display: none;
}

.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}

.navbar-dark {
  --bs-navbar-color: rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-border-width: 1px;
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: 0.375rem;
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(0.375rem - 1px);
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(0, 0, 0, 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: #fff;
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
}

.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: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}

.card>.list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
  border-top: 0;
}

.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color);
}

.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
}

.card-subtitle {
  margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link+.card-link {
  margin-left: var(--bs-card-spacer-x);
}

.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}

.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}

.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}

.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}

.card-header-tabs {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0;
}

.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg);
}

.card-header-pills {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius);
}

.card-img,
.card-img-top,
.card-img-bottom {
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}

.card-group>.card {
  margin-bottom: var(--bs-card-group-margin);
}

@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;
  }
}

.accordion {
  --bs-accordion-color: #212529;
  --bs-accordion-bg: #fff;
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: 1px;
  --bs-accordion-border-radius: 0.375rem;
  --bs-accordion-inner-border-radius: calc(0.375rem - 1px);
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: #212529;
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-border-color: #86b7fe;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: #0c63e4;
  --bs-accordion-active-bg: #e7f1ff;
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}

@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}

.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}

.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}

@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}

.accordion-button:hover {
  z-index: 2;
}

.accordion-button:focus {
  z-index: 3;
  border-color: var(--bs-accordion-btn-focus-border-color);
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}

.accordion-header {
  margin-bottom: 0;
}

.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}

.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}

.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}

.accordion-item:not(:first-of-type) {
  border-top: 0;
}

.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}

.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}

.accordion-item:last-of-type .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}

.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}

.accordion-flush .accordion-collapse {
  border-width: 0;
}

.accordion-flush .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}

.accordion-flush .accordion-item:first-child {
  border-top: 0;
}

.accordion-flush .accordion-item:last-child {
  border-bottom: 0;
}

.accordion-flush .accordion-item .accordion-button,
.accordion-flush .accordion-item .accordion-button.collapsed {
  border-radius: 0;
}

.breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color: #6c757d;
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: #6c757d;
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius);
}

.breadcrumb-item+.breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x);
}

.breadcrumb-item+.breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/")
    /* rtl: var(--bs-breadcrumb-divider, "/") */
  ;
}

.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color);
}

.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: #fff;
  --bs-pagination-border-width: 1px;
  --bs-pagination-border-color: #dee2e6;
  --bs-pagination-border-radius: 0.375rem;
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: #e9ecef;
  --bs-pagination-hover-border-color: #dee2e6;
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: #e9ecef;
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #0d6efd;
  --bs-pagination-active-border-color: #0d6efd;
  --bs-pagination-disabled-color: #6c757d;
  --bs-pagination-disabled-bg: #fff;
  --bs-pagination-disabled-border-color: #dee2e6;
  display: flex;
  padding-left: 0;
  list-style: none;
}

.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none;
  }
}

.page-link:hover {
  z-index: 2;
  color: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
}

.page-link:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--bs-pagination-focus-box-shadow);
}

.page-link.active,
.active>.page-link {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
}

.page-link.disabled,
.disabled>.page-link {
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color);
}

.page-item:not(:first-child) .page-link {
  margin-left: -1px;
}

.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
}

.page-item:last-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
}

.pagination-lg {
  --bs-pagination-padding-x: 1.5rem;
  --bs-pagination-padding-y: 0.75rem;
  --bs-pagination-font-size: 1.25rem;
  --bs-pagination-border-radius: 0.5rem;
}

.pagination-sm {
  --bs-pagination-padding-x: 0.5rem;
  --bs-pagination-padding-y: 0.25rem;
  --bs-pagination-font-size: 0.875rem;
  --bs-pagination-border-radius: 0.25rem;
}

.badge {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: 0.375rem;
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius);
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: 1px solid var(--bs-alert-border-color);
  --bs-alert-border-radius: 0.375rem;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 3rem;
}

.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}

.alert-primary {
  --bs-alert-color: #084298;
  --bs-alert-bg: #cfe2ff;
  --bs-alert-border-color: #b6d4fe;
}

.alert-primary .alert-link {
  color: #06357a;
}

.alert-secondary {
  --bs-alert-color: #41464b;
  --bs-alert-bg: #e2e3e5;
  --bs-alert-border-color: #d3d6d8;
}

.alert-secondary .alert-link {
  color: #34383c;
}

.alert-success {
  --bs-alert-color: #0f5132;
  --bs-alert-bg: #d1e7dd;
  --bs-alert-border-color: #badbcc;
}

.alert-success .alert-link {
  color: #0c4128;
}

.alert-info {
  --bs-alert-color: #055160;
  --bs-alert-bg: #cff4fc;
  --bs-alert-border-color: #b6effb;
}

.alert-info .alert-link {
  color: #04414d;
}

.alert-warning {
  --bs-alert-color: #664d03;
  --bs-alert-bg: #fff3cd;
  --bs-alert-border-color: #ffecb5;
}

.alert-warning .alert-link {
  color: #523e02;
}

.alert-danger {
  --bs-alert-color: #842029;
  --bs-alert-bg: #f8d7da;
  --bs-alert-border-color: #f5c2c7;
}

.alert-danger .alert-link {
  color: #6a1a21;
}

.alert-light {
  --bs-alert-color: #636464;
  --bs-alert-bg: #fefefe;
  --bs-alert-border-color: #fdfdfe;
}

.alert-light .alert-link {
  color: #4f5050;
}

.alert-dark {
  --bs-alert-color: #141619;
  --bs-alert-bg: #d3d3d4;
  --bs-alert-border-color: #bcbebf;
}

.alert-dark .alert-link {
  color: #101214;
}

@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem;
  }
}

.progress {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.75rem;
  --bs-progress-bg: #e9ecef;
  --bs-progress-border-radius: 0.375rem;
  --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-progress-bar-color: #fff;
  --bs-progress-bar-bg: #0d6efd;
  --bs-progress-bar-transition: width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  transition: var(--bs-progress-bar-transition);
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: var(--bs-progress-height) var(--bs-progress-height);
}

.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}

.list-group {
  --bs-list-group-color: #212529;
  --bs-list-group-bg: #fff;
  --bs-list-group-border-color: rgba(0, 0, 0, 0.125);
  --bs-list-group-border-width: 1px;
  --bs-list-group-border-radius: 0.375rem;
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: #495057;
  --bs-list-group-action-hover-color: #495057;
  --bs-list-group-action-hover-bg: #f8f9fa;
  --bs-list-group-action-active-color: #212529;
  --bs-list-group-action-active-bg: #e9ecef;
  --bs-list-group-disabled-color: #6c757d;
  --bs-list-group-disabled-bg: #fff;
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: #0d6efd;
  --bs-list-group-active-border-color: #0d6efd;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius);
}

.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}

.list-group-numbered>.list-group-item::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}

.list-group-item-action {
  width: 100%;
  color: var(--bs-list-group-action-color);
  text-align: inherit;
}

.list-group-item-action:hover,
.list-group-item-action:focus {
  z-index: 1;
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--bs-list-group-action-hover-bg);
}

.list-group-item-action:active {
  color: var(--bs-list-group-action-active-color);
  background-color: var(--bs-list-group-action-active-bg);
}

.list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}

.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: var(--bs-list-group-disabled-color);
  pointer-events: none;
  background-color: var(--bs-list-group-disabled-bg);
}

.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-list-group-active-border-color);
}

.list-group-item+.list-group-item {
  border-top-width: 0;
}

.list-group-item+.list-group-item.active {
  margin-top: calc(-1 * var(--bs-list-group-border-width));
  border-top-width: var(--bs-list-group-border-width);
}

.list-group-horizontal {
  flex-direction: row;
}

.list-group-horizontal>.list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: var(--bs-list-group-border-radius);
  border-top-right-radius: 0;
}

.list-group-horizontal>.list-group-item:last-child:not(:first-child) {
  border-top-right-radius: var(--bs-list-group-border-radius);
  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: var(--bs-list-group-border-width);
  border-left-width: 0;
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
  margin-left: calc(-1 * var(--bs-list-group-border-width));
  border-left-width: var(--bs-list-group-border-width);
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }

  .list-group-horizontal-sm>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }

  .list-group-horizontal-sm>.list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    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: var(--bs-list-group-border-width);
    border-left-width: 0;
  }

  .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}

@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }

  .list-group-horizontal-md>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }

  .list-group-horizontal-md>.list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    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: var(--bs-list-group-border-width);
    border-left-width: 0;
  }

  .list-group-horizontal-md>.list-group-item+.list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}

@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }

  .list-group-horizontal-lg>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }

  .list-group-horizontal-lg>.list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    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: var(--bs-list-group-border-width);
    border-left-width: 0;
  }

  .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}

@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }

  .list-group-horizontal-xl>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }

  .list-group-horizontal-xl>.list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    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: var(--bs-list-group-border-width);
    border-left-width: 0;
  }

  .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}

@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }

  .list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }

  .list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    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: var(--bs-list-group-border-width);
    border-left-width: 0;
  }

  .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}

.list-group-flush {
  border-radius: 0;
}

.list-group-flush>.list-group-item {
  border-width: 0 0 var(--bs-list-group-border-width);
}

.list-group-flush>.list-group-item:last-child {
  border-bottom-width: 0;
}

.list-group-item-primary {
  color: #084298;
  background-color: #cfe2ff;
}

.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
  color: #084298;
  background-color: #bacbe6;
}

.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #084298;
  border-color: #084298;
}

.list-group-item-secondary {
  color: #41464b;
  background-color: #e2e3e5;
}

.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
  color: #41464b;
  background-color: #cbccce;
}

.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #41464b;
  border-color: #41464b;
}

.list-group-item-success {
  color: #0f5132;
  background-color: #d1e7dd;
}

.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
  color: #0f5132;
  background-color: #bcd0c7;
}

.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #0f5132;
  border-color: #0f5132;
}

.list-group-item-info {
  color: #055160;
  background-color: #cff4fc;
}

.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
  color: #055160;
  background-color: #badce3;
}

.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #055160;
  border-color: #055160;
}

.list-group-item-warning {
  color: #664d03;
  background-color: #fff3cd;
}

.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
  color: #664d03;
  background-color: #e6dbb9;
}

.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #664d03;
  border-color: #664d03;
}

.list-group-item-danger {
  color: #842029;
  background-color: #f8d7da;
}

.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
  color: #842029;
  background-color: #dfc2c4;
}

.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #842029;
  border-color: #842029;
}

.list-group-item-light {
  color: #636464;
  background-color: #fefefe;
}

.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
  color: #636464;
  background-color: #e5e5e5;
}

.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #636464;
  border-color: #636464;
}

.list-group-item-dark {
  color: #141619;
  background-color: #d3d3d4;
}

.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
  color: #141619;
  background-color: #bebebf;
}

.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #141619;
  border-color: #141619;
}

.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: #000;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  border: 0;
  border-radius: 0.375rem;
  opacity: 0.5;
}

.btn-close:hover {
  color: #000;
  text-decoration: none;
  opacity: 0.75;
}

.btn-close:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  opacity: 1;
}

.btn-close:disabled,
.btn-close.disabled {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  opacity: 0.25;
}

.btn-close-white {
  filter: invert(1) grayscale(100%) brightness(200%);
}

.toast {
  --bs-toast-zindex: 1090;
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.5rem;
  --bs-toast-spacing: 1.5rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-color: ;
  --bs-toast-bg: rgba(255, 255, 255, 0.85);
  --bs-toast-border-width: 1px;
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: 0.375rem;
  --bs-toast-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-toast-header-color: #6c757d;
  --bs-toast-header-bg: rgba(255, 255, 255, 0.85);
  --bs-toast-header-border-color: rgba(0, 0, 0, 0.05);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius);
}

.toast.showing {
  opacity: 0;
}

.toast:not(.show) {
  display: none;
}

.toast-container {
  --bs-toast-zindex: 1090;
  position: absolute;
  z-index: var(--bs-toast-zindex);
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}

.toast-container> :not(:last-child) {
  margin-bottom: var(--bs-toast-spacing);
}

.toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
}

.toast-header .btn-close {
  margin-right: calc(-0.5 * var(--bs-toast-padding-x));
  margin-left: var(--bs-toast-padding-x);
}

.toast-body {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word;
}

.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: ;
  --bs-modal-bg: #fff;
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: 1px;
  --bs-modal-border-radius: 0.5rem;
  --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-modal-inner-border-radius: calc(0.5rem - 1px);
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: 1px;
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: 1px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
}

.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}

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

.modal.show .modal-dialog {
  transform: none;
}

.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
}

.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}

.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}

.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
  margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}

.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}

.modal-footer>* {
  margin: calc(var(--bs-modal-footer-gap) * 0.5);
}

@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  }

  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }

  .modal-sm {
    --bs-modal-width: 300px;
  }
}

@media (min-width: 992px) {

  .modal-lg,
  .modal-xl {
    --bs-modal-width: 800px;
  }
}

@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width: 1140px;
  }
}

.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}

.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}

.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
  border-radius: 0;
}

.modal-fullscreen .modal-body {
  overflow-y: auto;
}

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }

  .modal-fullscreen-sm-down .modal-header,
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }

  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}

@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }

  .modal-fullscreen-md-down .modal-header,
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }

  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}

@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }

  .modal-fullscreen-lg-down .modal-header,
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }

  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}

@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }

  .modal-fullscreen-xl-down .modal-header,
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }

  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}

@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }

  .modal-fullscreen-xxl-down .modal-header,
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }

  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}

.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: 0.875rem;
  --bs-tooltip-color: #fff;
  --bs-tooltip-bg: #000;
  --bs-tooltip-border-radius: 0.375rem;
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  padding: var(--bs-tooltip-arrow-height);
  margin: var(--bs-tooltip-margin);
  font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, 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-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
}

.tooltip.show {
  opacity: var(--bs-tooltip-opacity);
}

.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height);
}

.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: 0;
}

.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-top-color: var(--bs-tooltip-bg);
}

/* rtl:begin:ignore */
.bs-tooltip-end .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: 0;
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}

.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-right-color: var(--bs-tooltip-bg);
}

/* rtl:end:ignore */
.bs-tooltip-bottom .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: 0;
}

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg);
}

/* rtl:begin:ignore */
.bs-tooltip-start .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: 0;
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}

.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg);
}

/* rtl:end:ignore */
.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
}

.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 276px;
  --bs-popover-font-size: 0.875rem;
  --bs-popover-bg: #fff;
  --bs-popover-border-width: 1px;
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: 0.5rem;
  --bs-popover-inner-border-radius: calc(0.5rem - 1px);
  --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: 1rem;
  --bs-popover-header-color: ;
  --bs-popover-header-bg: #f0f0f0;
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  --bs-popover-body-color: #212529;
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, 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-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
}

.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height);
}

.popover .popover-arrow::before,
.popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}

.bs-popover-top>.popover-arrow,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow {
  bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}

.bs-popover-top>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,
.bs-popover-top>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}

.bs-popover-top>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before {
  bottom: 0;
  border-top-color: var(--bs-popover-arrow-border);
}

.bs-popover-top>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg);
}

/* rtl:begin:ignore */
.bs-popover-end>.popover-arrow,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow {
  left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}

.bs-popover-end>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,
.bs-popover-end>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}

.bs-popover-end>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before {
  left: 0;
  border-right-color: var(--bs-popover-arrow-border);
}

.bs-popover-end>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg);
}

/* rtl:end:ignore */
.bs-popover-bottom>.popover-arrow,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow {
  top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}

.bs-popover-bottom>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,
.bs-popover-bottom>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after {
  border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}

.bs-popover-bottom>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before {
  top: 0;
  border-bottom-color: var(--bs-popover-arrow-border);
}

.bs-popover-bottom>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg);
}

.bs-popover-bottom .popover-header::before,
.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--bs-popover-arrow-width);
  margin-left: calc(-0.5 * var(--bs-popover-arrow-width));
  content: "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
}

/* rtl:begin:ignore */
.bs-popover-start>.popover-arrow,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow {
  right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}

.bs-popover-start>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,
.bs-popover-start>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}

.bs-popover-start>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before {
  right: 0;
  border-left-color: var(--bs-popover-arrow-border);
}

.bs-popover-start>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg);
}

/* rtl:end:ignore */
.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
}

.popover-header:empty {
  display: none;
}

.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color);
}

.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: transform 0.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-start),
.active.carousel-item-end {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
  z-index: 1;
  opacity: 1;
}

.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}

@media (prefers-reduced-motion: reduce) {

  .carousel-fade .active.carousel-item-start,
  .carousel-fade .active.carousel-item-end {
    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: 0.5;
  transition: opacity 0.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: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}

/* rtl:options: {
  "autoRename": true,
  "stringMap":[ {
    "name"    : "prev-next",
    "search"  : "prev",
    "replace" : "next"
  } ]
} */
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
  list-style: none;
}

.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}

.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center;
}

.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
  filter: invert(1) grayscale(100);
}

.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #000;
}

.carousel-dark .carousel-caption {
  color: #000;
}

.spinner-grow,
.spinner-border {
  display: inline-block;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg)
      /* rtl:ignore */
    ;
  }
}

.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent;
}

.spinner-border-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: 0.2em;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }

  50% {
    opacity: 1;
    transform: none;
  }
}

.spinner-grow {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0;
}

.spinner-grow-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
}

@media (prefers-reduced-motion: reduce) {

  .spinner-border,
  .spinner-grow {
    --bs-spinner-animation-speed: 1.5s;
  }
}

.offcanvas,
.offcanvas-xxl,
.offcanvas-xl,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color: ;
  --bs-offcanvas-bg: #fff;
  --bs-offcanvas-border-width: 1px;
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

@media (max-width: 575.98px) {
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
  }
}

@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-sm {
    transition: none;
  }
}

@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
}

@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
}

@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
}

@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
}

@media (max-width: 575.98px) {

  .offcanvas-sm.showing,
  .offcanvas-sm.show:not(.hiding) {
    transform: none;
  }
}

@media (max-width: 575.98px) {

  .offcanvas-sm.showing,
  .offcanvas-sm.hiding,
  .offcanvas-sm.show {
    visibility: visible;
  }
}

@media (min-width: 576px) {
  .offcanvas-sm {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }

  .offcanvas-sm .offcanvas-header {
    display: none;
  }

  .offcanvas-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 767.98px) {
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
  }
}

@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-md {
    transition: none;
  }
}

@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
}

@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
}

@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
}

@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
}

@media (max-width: 767.98px) {

  .offcanvas-md.showing,
  .offcanvas-md.show:not(.hiding) {
    transform: none;
  }
}

@media (max-width: 767.98px) {

  .offcanvas-md.showing,
  .offcanvas-md.hiding,
  .offcanvas-md.show {
    visibility: visible;
  }
}

@media (min-width: 768px) {
  .offcanvas-md {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }

  .offcanvas-md .offcanvas-header {
    display: none;
  }

  .offcanvas-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 991.98px) {
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
  }
}

@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-lg {
    transition: none;
  }
}

@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
}

@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
}

@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
}

@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
}

@media (max-width: 991.98px) {

  .offcanvas-lg.showing,
  .offcanvas-lg.show:not(.hiding) {
    transform: none;
  }
}

@media (max-width: 991.98px) {

  .offcanvas-lg.showing,
  .offcanvas-lg.hiding,
  .offcanvas-lg.show {
    visibility: visible;
  }
}

@media (min-width: 992px) {
  .offcanvas-lg {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }

  .offcanvas-lg .offcanvas-header {
    display: none;
  }

  .offcanvas-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 1199.98px) {
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
  }
}

@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xl {
    transition: none;
  }
}

@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
}

@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
}

@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
}

@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
}

@media (max-width: 1199.98px) {

  .offcanvas-xl.showing,
  .offcanvas-xl.show:not(.hiding) {
    transform: none;
  }
}

@media (max-width: 1199.98px) {

  .offcanvas-xl.showing,
  .offcanvas-xl.hiding,
  .offcanvas-xl.show {
    visibility: visible;
  }
}

@media (min-width: 1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }

  .offcanvas-xl .offcanvas-header {
    display: none;
  }

  .offcanvas-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 1399.98px) {
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
  }
}

@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xxl {
    transition: none;
  }
}

@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
}

@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
}

@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
}

@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
}

@media (max-width: 1399.98px) {

  .offcanvas-xxl.showing,
  .offcanvas-xxl.show:not(.hiding) {
    transform: none;
  }
}

@media (max-width: 1399.98px) {

  .offcanvas-xxl.showing,
  .offcanvas-xxl.hiding,
  .offcanvas-xxl.show {
    visibility: visible;
  }
}

@media (min-width: 1400px) {
  .offcanvas-xxl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }

  .offcanvas-xxl .offcanvas-header {
    display: none;
  }

  .offcanvas-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: transform 0.3s ease-in-out;
}

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

.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(-100%);
}

.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(100%);
}

.offcanvas.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(-100%);
}

.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(100%);
}

.offcanvas.showing,
.offcanvas.show:not(.hiding) {
  transform: none;
}

.offcanvas.showing,
.offcanvas.hiding,
.offcanvas.show {
  visibility: visible;
}

.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.offcanvas-backdrop.fade {
  opacity: 0;
}

.offcanvas-backdrop.show {
  opacity: 0.5;
}

.offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}

.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
  margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
}

.offcanvas-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.offcanvas-body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto;
}

.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: 0.5;
}

.placeholder.btn::before {
  display: inline-block;
  content: "";
}

.placeholder-xs {
  min-height: 0.6em;
}

.placeholder-sm {
  min-height: 0.8em;
}

.placeholder-lg {
  min-height: 1.2em;
}

.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite;
}

@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}

.placeholder-wave {
  -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  -webkit-mask-size: 200% 100%;
  mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite;
}

@keyframes placeholder-wave {
  100% {
    -webkit-mask-position: -200% 0%;
    mask-position: -200% 0%;
  }
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(13, 110, 253, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(108, 117, 125, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-success {
  color: #fff !important;
  background-color: RGBA(25, 135, 84, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-info {
  color: #000 !important;
  background-color: RGBA(13, 202, 240, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(255, 193, 7, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-danger {
  color: #fff !important;
  background-color: RGBA(220, 53, 69, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-light {
  color: #000 !important;
  background-color: RGBA(248, 249, 250, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important;
}

.link-primary {
  color: #0d6efd !important;
}

.link-primary:hover,
.link-primary:focus {
  color: #0a58ca !important;
}

.link-secondary {
  color: #6c757d !important;
}

.link-secondary:hover,
.link-secondary:focus {
  color: #565e64 !important;
}

.link-success {
  color: #198754 !important;
}

.link-success:hover,
.link-success:focus {
  color: #146c43 !important;
}

.link-info {
  color: #0dcaf0 !important;
}

.link-info:hover,
.link-info:focus {
  color: #3dd5f3 !important;
}

.link-warning {
  color: #ffc107 !important;
}

.link-warning:hover,
.link-warning:focus {
  color: #ffcd39 !important;
}

.link-danger {
  color: #dc3545 !important;
}

.link-danger:hover,
.link-danger:focus {
  color: #b02a37 !important;
}

.link-light {
  color: #f8f9fa !important;
}

.link-light:hover,
.link-light:focus {
  color: #f9fafb !important;
}

.link-dark {
  color: #212529 !important;
}

.link-dark:hover,
.link-dark:focus {
  color: #1a1e21 !important;
}

.ratio {
  position: relative;
  width: 100%;
}

.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}

.ratio>* {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}

.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}

.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}

.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}

.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;
}

.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}

.sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: 1020;
}

@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }

  .sticky-sm-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}

@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }

  .sticky-md-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}

@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }

  .sticky-lg-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}

@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }

  .sticky-xl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}

@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }

  .sticky-xxl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}

.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}

.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vr {
  display: inline-block;
  align-self: stretch;
  width: 1px;
  min-height: 1em;
  background-color: currentcolor;
  opacity: 0.25;
}

.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;
}

.float-start {
  float: left !important;
}

.float-end {
  float: right !important;
}

.float-none {
  float: none !important;
}

.opacity-0 {
  opacity: 0 !important;
}

.opacity-25 {
  opacity: 0.25 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.opacity-100 {
  opacity: 1 !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !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;
}

.d-none {
  display: none !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.top-0 {
  top: 0 !important;
}

.top-50 {
  top: 50% !important;
}

.top-100 {
  top: 100% !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.bottom-50 {
  bottom: 50% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

.start-0 {
  left: 0 !important;
}

.start-50 {
  left: 50% !important;
}

.start-100 {
  left: 100% !important;
}

.end-0 {
  right: 0 !important;
}

.end-50 {
  right: 50% !important;
}

.end-100 {
  right: 100% !important;
}

.translate-middle {
  transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
  transform: translateX(-50%) !important;
}

.translate-middle-y {
  transform: translateY(-50%) !important;
}

.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-0 {
  border: 0 !important;
}

.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-end-0 {
  border-right: 0 !important;
}

.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-start-0 {
  border-left: 0 !important;
}

.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}

.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}

.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}

.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}

.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}

.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}

.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}

.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}

.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}

.border-1 {
  --bs-border-width: 1px;
}

.border-2 {
  --bs-border-width: 2px;
}

.border-3 {
  --bs-border-width: 3px;
}

.border-4 {
  --bs-border-width: 4px;
}

.border-5 {
  --bs-border-width: 5px;
}

.border-opacity-10 {
  --bs-border-opacity: 0.1;
}

.border-opacity-25 {
  --bs-border-opacity: 0.25;
}

.border-opacity-50 {
  --bs-border-opacity: 0.5;
}

.border-opacity-75 {
  --bs-border-opacity: 0.75;
}

.border-opacity-100 {
  --bs-border-opacity: 1;
}

.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;
}

.mw-100 {
  max-width: 100% !important;
}

.vw-100 {
  width: 100vw !important;
}

.min-vw-100 {
  min-width: 100vw !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;
}

.mh-100 {
  max-height: 100% !important;
}

.vh-100 {
  height: 100vh !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.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-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;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !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;
}

.justify-content-evenly {
  justify-content: space-evenly !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;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 3rem !important;
}

.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
  font-size: 1.25rem !important;
}

.fs-6 {
  font-size: 1rem !important;
}

.fst-italic {
  font-style: italic !important;
}

.fst-normal {
  font-style: normal !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-lighter {
  font-weight: lighter !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-semibold {
  font-weight: 600 !important;
}

.fw-bolder {
  font-weight: bolder !important;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 2 !important;
}

.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-decoration-line-through {
  text-decoration: line-through !important;
}

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

.text-uppercase {
  text-transform: uppercase !important;
}

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

.text-wrap {
  white-space: normal !important;
}

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

/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

/* rtl:end:remove */
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.text-muted {
  --bs-text-opacity: 1;
  color: #6c757d !important;
}

.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}

.text-opacity-25 {
  --bs-text-opacity: 0.25;
}

.text-opacity-50 {
  --bs-text-opacity: 0.5;
}

.text-opacity-75 {
  --bs-text-opacity: 0.75;
}

.text-opacity-100 {
  --bs-text-opacity: 1;
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}

.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}

.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}

.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}

.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}

.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}

.bg-opacity-100 {
  --bs-bg-opacity: 1;
}

.bg-gradient {
  background-image: var(--bs-gradient) !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;
  user-select: auto !important;
}

.user-select-none {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important;
}

.pe-none {
  pointer-events: none !important;
}

.pe-auto {
  pointer-events: auto !important;
}

.rounded {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}

.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}

.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}

.rounded-5 {
  border-radius: var(--bs-border-radius-2xl) !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}

.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }

  .float-sm-end {
    float: right !important;
  }

  .float-sm-none {
    float: none !important;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .d-sm-grid {
    display: grid !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;
  }

  .d-sm-none {
    display: none !important;
  }

  .flex-sm-fill {
    flex: 1 1 auto !important;
  }

  .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-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;
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !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;
  }

  .justify-content-sm-evenly {
    justify-content: space-evenly !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;
  }

  .order-sm-first {
    order: -1 !important;
  }

  .order-sm-0 {
    order: 0 !important;
  }

  .order-sm-1 {
    order: 1 !important;
  }

  .order-sm-2 {
    order: 2 !important;
  }

  .order-sm-3 {
    order: 3 !important;
  }

  .order-sm-4 {
    order: 4 !important;
  }

  .order-sm-5 {
    order: 5 !important;
  }

  .order-sm-last {
    order: 6 !important;
  }

  .m-sm-0 {
    margin: 0 !important;
  }

  .m-sm-1 {
    margin: 0.25rem !important;
  }

  .m-sm-2 {
    margin: 0.5rem !important;
  }

  .m-sm-3 {
    margin: 1rem !important;
  }

  .m-sm-4 {
    margin: 1.5rem !important;
  }

  .m-sm-5 {
    margin: 3rem !important;
  }

  .m-sm-auto {
    margin: auto !important;
  }

  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-sm-0 {
    margin-top: 0 !important;
  }

  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }

  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }

  .mt-sm-3 {
    margin-top: 1rem !important;
  }

  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }

  .mt-sm-5 {
    margin-top: 3rem !important;
  }

  .mt-sm-auto {
    margin-top: auto !important;
  }

  .me-sm-0 {
    margin-right: 0 !important;
  }

  .me-sm-1 {
    margin-right: 0.25rem !important;
  }

  .me-sm-2 {
    margin-right: 0.5rem !important;
  }

  .me-sm-3 {
    margin-right: 1rem !important;
  }

  .me-sm-4 {
    margin-right: 1.5rem !important;
  }

  .me-sm-5 {
    margin-right: 3rem !important;
  }

  .me-sm-auto {
    margin-right: auto !important;
  }

  .mb-sm-0 {
    margin-bottom: 0 !important;
  }

  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }

  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }

  .mb-sm-auto {
    margin-bottom: auto !important;
  }

  .ms-sm-0 {
    margin-left: 0 !important;
  }

  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }

  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }

  .ms-sm-3 {
    margin-left: 1rem !important;
  }

  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }

  .ms-sm-5 {
    margin-left: 3rem !important;
  }

  .ms-sm-auto {
    margin-left: auto !important;
  }

  .p-sm-0 {
    padding: 0 !important;
  }

  .p-sm-1 {
    padding: 0.25rem !important;
  }

  .p-sm-2 {
    padding: 0.5rem !important;
  }

  .p-sm-3 {
    padding: 1rem !important;
  }

  .p-sm-4 {
    padding: 1.5rem !important;
  }

  .p-sm-5 {
    padding: 3rem !important;
  }

  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-sm-0 {
    padding-top: 0 !important;
  }

  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }

  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }

  .pt-sm-3 {
    padding-top: 1rem !important;
  }

  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }

  .pt-sm-5 {
    padding-top: 3rem !important;
  }

  .pe-sm-0 {
    padding-right: 0 !important;
  }

  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }

  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }

  .pe-sm-3 {
    padding-right: 1rem !important;
  }

  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }

  .pe-sm-5 {
    padding-right: 3rem !important;
  }

  .pb-sm-0 {
    padding-bottom: 0 !important;
  }

  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }

  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }

  .ps-sm-0 {
    padding-left: 0 !important;
  }

  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }

  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }

  .ps-sm-3 {
    padding-left: 1rem !important;
  }

  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }

  .ps-sm-5 {
    padding-left: 3rem !important;
  }

  .gap-sm-0 {
    gap: 0 !important;
  }

  .gap-sm-1 {
    gap: 0.25rem !important;
  }

  .gap-sm-2 {
    gap: 0.5rem !important;
  }

  .gap-sm-3 {
    gap: 1rem !important;
  }

  .gap-sm-4 {
    gap: 1.5rem !important;
  }

  .gap-sm-5 {
    gap: 3rem !important;
  }

  .text-sm-start {
    text-align: left !important;
  }

  .text-sm-end {
    text-align: right !important;
  }

  .text-sm-center {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }

  .float-md-end {
    float: right !important;
  }

  .float-md-none {
    float: none !important;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-grid {
    display: grid !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;
  }

  .d-md-none {
    display: none !important;
  }

  .flex-md-fill {
    flex: 1 1 auto !important;
  }

  .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-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;
  }

  .flex-md-wrap {
    flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !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;
  }

  .justify-content-md-evenly {
    justify-content: space-evenly !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;
  }

  .order-md-first {
    order: -1 !important;
  }

  .order-md-0 {
    order: 0 !important;
  }

  .order-md-1 {
    order: 1 !important;
  }

  .order-md-2 {
    order: 2 !important;
  }

  .order-md-3 {
    order: 3 !important;
  }

  .order-md-4 {
    order: 4 !important;
  }

  .order-md-5 {
    order: 5 !important;
  }

  .order-md-last {
    order: 6 !important;
  }

  .m-md-0 {
    margin: 0 !important;
  }

  .m-md-1 {
    margin: 0.25rem !important;
  }

  .m-md-2 {
    margin: 0.5rem !important;
  }

  .m-md-3 {
    margin: 1rem !important;
  }

  .m-md-4 {
    margin: 1.5rem !important;
  }

  .m-md-5 {
    margin: 3rem !important;
  }

  .m-md-auto {
    margin: auto !important;
  }

  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-md-0 {
    margin-top: 0 !important;
  }

  .mt-md-1 {
    margin-top: 0.25rem !important;
  }

  .mt-md-2 {
    margin-top: 0.5rem !important;
  }

  .mt-md-3 {
    margin-top: 1rem !important;
  }

  .mt-md-4 {
    margin-top: 1.5rem !important;
  }

  .mt-md-5 {
    margin-top: 3rem !important;
  }

  .mt-md-auto {
    margin-top: auto !important;
  }

  .me-md-0 {
    margin-right: 0 !important;
  }

  .me-md-1 {
    margin-right: 0.25rem !important;
  }

  .me-md-2 {
    margin-right: 0.5rem !important;
  }

  .me-md-3 {
    margin-right: 1rem !important;
  }

  .me-md-4 {
    margin-right: 1.5rem !important;
  }

  .me-md-5 {
    margin-right: 3rem !important;
  }

  .me-md-auto {
    margin-right: auto !important;
  }

  .mb-md-0 {
    margin-bottom: 0 !important;
  }

  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-md-3 {
    margin-bottom: 1rem !important;
  }

  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-md-5 {
    margin-bottom: 3rem !important;
  }

  .mb-md-auto {
    margin-bottom: auto !important;
  }

  .ms-md-0 {
    margin-left: 0 !important;
  }

  .ms-md-1 {
    margin-left: 0.25rem !important;
  }

  .ms-md-2 {
    margin-left: 0.5rem !important;
  }

  .ms-md-3 {
    margin-left: 1rem !important;
  }

  .ms-md-4 {
    margin-left: 1.5rem !important;
  }

  .ms-md-5 {
    margin-left: 3rem !important;
  }

  .ms-md-auto {
    margin-left: auto !important;
  }

  .p-md-0 {
    padding: 0 !important;
  }

  .p-md-1 {
    padding: 0.25rem !important;
  }

  .p-md-2 {
    padding: 0.5rem !important;
  }

  .p-md-3 {
    padding: 1rem !important;
  }

  .p-md-4 {
    padding: 1.5rem !important;
  }

  .p-md-5 {
    padding: 3rem !important;
  }

  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-md-0 {
    padding-top: 0 !important;
  }

  .pt-md-1 {
    padding-top: 0.25rem !important;
  }

  .pt-md-2 {
    padding-top: 0.5rem !important;
  }

  .pt-md-3 {
    padding-top: 1rem !important;
  }

  .pt-md-4 {
    padding-top: 1.5rem !important;
  }

  .pt-md-5 {
    padding-top: 3rem !important;
  }

  .pe-md-0 {
    padding-right: 0 !important;
  }

  .pe-md-1 {
    padding-right: 0.25rem !important;
  }

  .pe-md-2 {
    padding-right: 0.5rem !important;
  }

  .pe-md-3 {
    padding-right: 1rem !important;
  }

  .pe-md-4 {
    padding-right: 1.5rem !important;
  }

  .pe-md-5 {
    padding-right: 3rem !important;
  }

  .pb-md-0 {
    padding-bottom: 0 !important;
  }

  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-md-3 {
    padding-bottom: 1rem !important;
  }

  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-md-5 {
    padding-bottom: 3rem !important;
  }

  .ps-md-0 {
    padding-left: 0 !important;
  }

  .ps-md-1 {
    padding-left: 0.25rem !important;
  }

  .ps-md-2 {
    padding-left: 0.5rem !important;
  }

  .ps-md-3 {
    padding-left: 1rem !important;
  }

  .ps-md-4 {
    padding-left: 1.5rem !important;
  }

  .ps-md-5 {
    padding-left: 3rem !important;
  }

  .gap-md-0 {
    gap: 0 !important;
  }

  .gap-md-1 {
    gap: 0.25rem !important;
  }

  .gap-md-2 {
    gap: 0.5rem !important;
  }

  .gap-md-3 {
    gap: 1rem !important;
  }

  .gap-md-4 {
    gap: 1.5rem !important;
  }

  .gap-md-5 {
    gap: 3rem !important;
  }

  .text-md-start {
    text-align: left !important;
  }

  .text-md-end {
    text-align: right !important;
  }

  .text-md-center {
    text-align: center !important;
  }
}

@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }

  .float-lg-end {
    float: right !important;
  }

  .float-lg-none {
    float: none !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-grid {
    display: grid !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;
  }

  .d-lg-none {
    display: none !important;
  }

  .flex-lg-fill {
    flex: 1 1 auto !important;
  }

  .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-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;
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !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;
  }

  .justify-content-lg-evenly {
    justify-content: space-evenly !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;
  }

  .order-lg-first {
    order: -1 !important;
  }

  .order-lg-0 {
    order: 0 !important;
  }

  .order-lg-1 {
    order: 1 !important;
  }

  .order-lg-2 {
    order: 2 !important;
  }

  .order-lg-3 {
    order: 3 !important;
  }

  .order-lg-4 {
    order: 4 !important;
  }

  .order-lg-5 {
    order: 5 !important;
  }

  .order-lg-last {
    order: 6 !important;
  }

  .m-lg-0 {
    margin: 0 !important;
  }

  .m-lg-1 {
    margin: 0.25rem !important;
  }

  .m-lg-2 {
    margin: 0.5rem !important;
  }

  .m-lg-3 {
    margin: 1rem !important;
  }

  .m-lg-4 {
    margin: 1.5rem !important;
  }

  .m-lg-5 {
    margin: 3rem !important;
  }

  .m-lg-auto {
    margin: auto !important;
  }

  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-lg-0 {
    margin-top: 0 !important;
  }

  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }

  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }

  .mt-lg-3 {
    margin-top: 1rem !important;
  }

  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }

  .mt-lg-5 {
    margin-top: 3rem !important;
  }

  .mt-lg-auto {
    margin-top: auto !important;
  }

  .me-lg-0 {
    margin-right: 0 !important;
  }

  .me-lg-1 {
    margin-right: 0.25rem !important;
  }

  .me-lg-2 {
    margin-right: 0.5rem !important;
  }

  .me-lg-3 {
    margin-right: 1rem !important;
  }

  .me-lg-4 {
    margin-right: 1.5rem !important;
  }

  .me-lg-5 {
    margin-right: 3rem !important;
  }

  .me-lg-auto {
    margin-right: auto !important;
  }

  .mb-lg-0 {
    margin-bottom: 0 !important;
  }

  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }

  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }

  .mb-lg-auto {
    margin-bottom: auto !important;
  }

  .ms-lg-0 {
    margin-left: 0 !important;
  }

  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }

  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }

  .ms-lg-3 {
    margin-left: 1rem !important;
  }

  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }

  .ms-lg-5 {
    margin-left: 3rem !important;
  }

  .ms-lg-auto {
    margin-left: auto !important;
  }

  .p-lg-0 {
    padding: 0 !important;
  }

  .p-lg-1 {
    padding: 0.25rem !important;
  }

  .p-lg-2 {
    padding: 0.5rem !important;
  }

  .p-lg-3 {
    padding: 1rem !important;
  }

  .p-lg-4 {
    padding: 1.5rem !important;
  }

  .p-lg-5 {
    padding: 3rem !important;
  }

  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-lg-0 {
    padding-top: 0 !important;
  }

  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }

  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }

  .pt-lg-3 {
    padding-top: 1rem !important;
  }

  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }

  .pt-lg-5 {
    padding-top: 3rem !important;
  }

  .pe-lg-0 {
    padding-right: 0 !important;
  }

  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }

  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }

  .pe-lg-3 {
    padding-right: 1rem !important;
  }

  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }

  .pe-lg-5 {
    padding-right: 3rem !important;
  }

  .pb-lg-0 {
    padding-bottom: 0 !important;
  }

  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }

  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }

  .ps-lg-0 {
    padding-left: 0 !important;
  }

  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }

  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }

  .ps-lg-3 {
    padding-left: 1rem !important;
  }

  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }

  .ps-lg-5 {
    padding-left: 3rem !important;
  }

  .gap-lg-0 {
    gap: 0 !important;
  }

  .gap-lg-1 {
    gap: 0.25rem !important;
  }

  .gap-lg-2 {
    gap: 0.5rem !important;
  }

  .gap-lg-3 {
    gap: 1rem !important;
  }

  .gap-lg-4 {
    gap: 1.5rem !important;
  }

  .gap-lg-5 {
    gap: 3rem !important;
  }

  .text-lg-start {
    text-align: left !important;
  }

  .text-lg-end {
    text-align: right !important;
  }

  .text-lg-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }

  .float-xl-end {
    float: right !important;
  }

  .float-xl-none {
    float: none !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-grid {
    display: grid !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;
  }

  .d-xl-none {
    display: none !important;
  }

  .flex-xl-fill {
    flex: 1 1 auto !important;
  }

  .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-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;
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !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;
  }

  .justify-content-xl-evenly {
    justify-content: space-evenly !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;
  }

  .order-xl-first {
    order: -1 !important;
  }

  .order-xl-0 {
    order: 0 !important;
  }

  .order-xl-1 {
    order: 1 !important;
  }

  .order-xl-2 {
    order: 2 !important;
  }

  .order-xl-3 {
    order: 3 !important;
  }

  .order-xl-4 {
    order: 4 !important;
  }

  .order-xl-5 {
    order: 5 !important;
  }

  .order-xl-last {
    order: 6 !important;
  }

  .m-xl-0 {
    margin: 0 !important;
  }

  .m-xl-1 {
    margin: 0.25rem !important;
  }

  .m-xl-2 {
    margin: 0.5rem !important;
  }

  .m-xl-3 {
    margin: 1rem !important;
  }

  .m-xl-4 {
    margin: 1.5rem !important;
  }

  .m-xl-5 {
    margin: 3rem !important;
  }

  .m-xl-auto {
    margin: auto !important;
  }

  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-xl-0 {
    margin-top: 0 !important;
  }

  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }

  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }

  .mt-xl-3 {
    margin-top: 1rem !important;
  }

  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }

  .mt-xl-5 {
    margin-top: 3rem !important;
  }

  .mt-xl-auto {
    margin-top: auto !important;
  }

  .me-xl-0 {
    margin-right: 0 !important;
  }

  .me-xl-1 {
    margin-right: 0.25rem !important;
  }

  .me-xl-2 {
    margin-right: 0.5rem !important;
  }

  .me-xl-3 {
    margin-right: 1rem !important;
  }

  .me-xl-4 {
    margin-right: 1.5rem !important;
  }

  .me-xl-5 {
    margin-right: 3rem !important;
  }

  .me-xl-auto {
    margin-right: auto !important;
  }

  .mb-xl-0 {
    margin-bottom: 0 !important;
  }

  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }

  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }

  .mb-xl-auto {
    margin-bottom: auto !important;
  }

  .ms-xl-0 {
    margin-left: 0 !important;
  }

  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }

  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }

  .ms-xl-3 {
    margin-left: 1rem !important;
  }

  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }

  .ms-xl-5 {
    margin-left: 3rem !important;
  }

  .ms-xl-auto {
    margin-left: auto !important;
  }

  .p-xl-0 {
    padding: 0 !important;
  }

  .p-xl-1 {
    padding: 0.25rem !important;
  }

  .p-xl-2 {
    padding: 0.5rem !important;
  }

  .p-xl-3 {
    padding: 1rem !important;
  }

  .p-xl-4 {
    padding: 1.5rem !important;
  }

  .p-xl-5 {
    padding: 3rem !important;
  }

  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-xl-0 {
    padding-top: 0 !important;
  }

  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }

  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }

  .pt-xl-3 {
    padding-top: 1rem !important;
  }

  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }

  .pt-xl-5 {
    padding-top: 3rem !important;
  }

  .pe-xl-0 {
    padding-right: 0 !important;
  }

  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }

  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }

  .pe-xl-3 {
    padding-right: 1rem !important;
  }

  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }

  .pe-xl-5 {
    padding-right: 3rem !important;
  }

  .pb-xl-0 {
    padding-bottom: 0 !important;
  }

  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }

  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }

  .ps-xl-0 {
    padding-left: 0 !important;
  }

  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }

  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }

  .ps-xl-3 {
    padding-left: 1rem !important;
  }

  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }

  .ps-xl-5 {
    padding-left: 3rem !important;
  }

  .gap-xl-0 {
    gap: 0 !important;
  }

  .gap-xl-1 {
    gap: 0.25rem !important;
  }

  .gap-xl-2 {
    gap: 0.5rem !important;
  }

  .gap-xl-3 {
    gap: 1rem !important;
  }

  .gap-xl-4 {
    gap: 1.5rem !important;
  }

  .gap-xl-5 {
    gap: 3rem !important;
  }

  .text-xl-start {
    text-align: left !important;
  }

  .text-xl-end {
    text-align: right !important;
  }

  .text-xl-center {
    text-align: center !important;
  }
}

@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }

  .float-xxl-end {
    float: right !important;
  }

  .float-xxl-none {
    float: none !important;
  }

  .d-xxl-inline {
    display: inline !important;
  }

  .d-xxl-inline-block {
    display: inline-block !important;
  }

  .d-xxl-block {
    display: block !important;
  }

  .d-xxl-grid {
    display: grid !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;
  }

  .d-xxl-none {
    display: none !important;
  }

  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }

  .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-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;
  }

  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !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;
  }

  .justify-content-xxl-evenly {
    justify-content: space-evenly !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;
  }

  .order-xxl-first {
    order: -1 !important;
  }

  .order-xxl-0 {
    order: 0 !important;
  }

  .order-xxl-1 {
    order: 1 !important;
  }

  .order-xxl-2 {
    order: 2 !important;
  }

  .order-xxl-3 {
    order: 3 !important;
  }

  .order-xxl-4 {
    order: 4 !important;
  }

  .order-xxl-5 {
    order: 5 !important;
  }

  .order-xxl-last {
    order: 6 !important;
  }

  .m-xxl-0 {
    margin: 0 !important;
  }

  .m-xxl-1 {
    margin: 0.25rem !important;
  }

  .m-xxl-2 {
    margin: 0.5rem !important;
  }

  .m-xxl-3 {
    margin: 1rem !important;
  }

  .m-xxl-4 {
    margin: 1.5rem !important;
  }

  .m-xxl-5 {
    margin: 3rem !important;
  }

  .m-xxl-auto {
    margin: auto !important;
  }

  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-xxl-0 {
    margin-top: 0 !important;
  }

  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }

  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }

  .mt-xxl-3 {
    margin-top: 1rem !important;
  }

  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }

  .mt-xxl-5 {
    margin-top: 3rem !important;
  }

  .mt-xxl-auto {
    margin-top: auto !important;
  }

  .me-xxl-0 {
    margin-right: 0 !important;
  }

  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }

  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }

  .me-xxl-3 {
    margin-right: 1rem !important;
  }

  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }

  .me-xxl-5 {
    margin-right: 3rem !important;
  }

  .me-xxl-auto {
    margin-right: auto !important;
  }

  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }

  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }

  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }

  .mb-xxl-auto {
    margin-bottom: auto !important;
  }

  .ms-xxl-0 {
    margin-left: 0 !important;
  }

  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }

  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }

  .ms-xxl-3 {
    margin-left: 1rem !important;
  }

  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }

  .ms-xxl-5 {
    margin-left: 3rem !important;
  }

  .ms-xxl-auto {
    margin-left: auto !important;
  }

  .p-xxl-0 {
    padding: 0 !important;
  }

  .p-xxl-1 {
    padding: 0.25rem !important;
  }

  .p-xxl-2 {
    padding: 0.5rem !important;
  }

  .p-xxl-3 {
    padding: 1rem !important;
  }

  .p-xxl-4 {
    padding: 1.5rem !important;
  }

  .p-xxl-5 {
    padding: 3rem !important;
  }

  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-xxl-0 {
    padding-top: 0 !important;
  }

  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }

  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }

  .pt-xxl-3 {
    padding-top: 1rem !important;
  }

  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }

  .pt-xxl-5 {
    padding-top: 3rem !important;
  }

  .pe-xxl-0 {
    padding-right: 0 !important;
  }

  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }

  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }

  .pe-xxl-3 {
    padding-right: 1rem !important;
  }

  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }

  .pe-xxl-5 {
    padding-right: 3rem !important;
  }

  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }

  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }

  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }

  .ps-xxl-0 {
    padding-left: 0 !important;
  }

  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }

  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }

  .ps-xxl-3 {
    padding-left: 1rem !important;
  }

  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }

  .ps-xxl-5 {
    padding-left: 3rem !important;
  }

  .gap-xxl-0 {
    gap: 0 !important;
  }

  .gap-xxl-1 {
    gap: 0.25rem !important;
  }

  .gap-xxl-2 {
    gap: 0.5rem !important;
  }

  .gap-xxl-3 {
    gap: 1rem !important;
  }

  .gap-xxl-4 {
    gap: 1.5rem !important;
  }

  .gap-xxl-5 {
    gap: 3rem !important;
  }

  .text-xxl-start {
    text-align: left !important;
  }

  .text-xxl-end {
    text-align: right !important;
  }

  .text-xxl-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }

  .fs-2 {
    font-size: 2rem !important;
  }

  .fs-3 {
    font-size: 1.75rem !important;
  }

  .fs-4 {
    font-size: 1.5rem !important;
  }
}

@media print {
  .d-print-inline {
    display: inline !important;
  }

  .d-print-inline-block {
    display: inline-block !important;
  }

  .d-print-block {
    display: block !important;
  }

  .d-print-grid {
    display: grid !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;
  }

  .d-print-none {
    display: none !important;
  }
}

.features-icons {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.features-icons .features-icons-item {
  max-width: 20rem;
}

.features-icons .features-icons-item .features-icons-icon {
  height: 7rem;
}

.features-icons .features-icons-item .features-icons-icon i {
  font-size: 4.5rem;
}

header.masthead {
  position: relative;
  background-color: #343a40;
  background: url("../assets/img/bg-masthead.jpg") no-repeat center center;
  background-size: cover;
  padding-top: 8rem;
  padding-bottom: 8rem;
}

header.masthead:before {
  content: "";
  position: absolute;
  background-color: #1c375e;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.5;
}

header.masthead h1,
header.masthead .h1 {
  font-size: 2rem;
}

@media (min-width: 768px) {
  header.masthead {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  header.masthead h1,
  header.masthead .h1 {
    font-size: 3rem;
  }
}

.showcase .showcase-text {
  padding: 3rem;
}

.showcase .showcase-img {
  min-height: 30rem;
  background-size: cover;
}

@media (min-width: 768px) {
  .showcase .showcase-text {
    padding: 7rem;
  }
}

.testimonials {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.testimonials .testimonial-item {
  max-width: 18rem;
}

.testimonials .testimonial-item img {
  max-width: 12rem;
  box-shadow: 0px 5px 5px 0px #adb5bd;
}

.call-to-action {
  position: relative;
  background-color: #343a40;
  background: url("../assets/img/bg-masthead.jpg") no-repeat center center;
  background-size: cover;
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.call-to-action:before {
  content: "";
  position: absolute;
  background-color: #1c375e;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.5;
}

footer.footer {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.adult-selected-plan-border {
  border: 1px solid #E58D82 !important;
}

.adult-best-value-annual {
  background: #E58D82;
}

.adult-monthly {
  background: #424675;
}

.bg_292d56 {
  background: #292D56 !important;
}

body {
  margin: 0px
}

.left_col {
  background: #2A3F54;
}

.nav-sm .container.body .col-md-3.left_col {
  min-height: 100%;
  width: 70px;
  padding: 0;
  z-index: 9999;
  position: absolute;
}

.nav-sm .container.body .col-md-3.left_col.menu_fixed {
  position: fixed;
  height: 100%;
}

.nav-sm .container.body .col-md-3.left_col .mCSB_container,
.nav-sm .container.body .col-md-3.left_col .mCustomScrollBox {
  overflow: visible;
}

.nav-sm .hidden-small {
  visibility: hidden;
}

.nav-sm .container.body .right_col {
  padding: 10px 20px;
  margin-left: 70px;
  z-index: 2;
}

.nav-sm .navbar.nav_title {
  width: 70px;
}

.nav-sm .navbar.nav_title a span {
  display: none;
}

.nav-sm .navbar.nav_title a i {
  font-size: 27px;
  margin: 13px 0 0 3px;
}

.site_title i {
  border: 1px solid #EAEAEA;
  padding: 5px 6px;
  border-radius: 50%;
}

.nav-sm .main_container .top_nav {
  display: block;
  margin-left: 70px;
  z-index: 2;
}

.nav-sm .nav.side-menu li a {
  text-align: center !important;
  font-weight: 400;
  font-size: 10px;
  padding: 10px 5px;
}

.nav-sm .nav.child_menu li.active,
.nav-sm .nav.side-menu li.active-sm {
  border-right: 5px solid #1ABB9C;
}

.nav-sm ul.nav.child_menu ul,
.nav-sm .nav.side-menu li.active-sm ul ul {
  position: static;
  width: 200px;
  background: none;
}

.nav-sm>.nav.side-menu>li.active-sm>a {
  color: #1ABB9C !important;
}

.nav-sm .nav.side-menu li a i.toggle-up {
  display: none !important;
}

.nav-sm .nav.side-menu li a i {
  font-size: 25px !important;
  text-align: center;
  width: 100% !important;
  margin-bottom: 5px;
}

.nav-sm ul.nav.child_menu {
  left: 100%;
  position: absolute;
  top: 0;
  width: 210px;
  z-index: 4000;
  background: #3E5367;
  display: none;
}

.nav-sm ul.nav.child_menu li {
  padding: 0 10px;
}

.nav-sm ul.nav.child_menu li a {
  text-align: left !important;
}

.nav-sm .profile {
  display: none;
}

.menu_section {
  margin-bottom: 35px;
}

.menu_section h3 {
  padding-left: 23px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .5px;
  font-weight: bold;
  font-size: 11px;
  margin-bottom: 0;
  margin-top: 0;
  text-shadow: 1px 1px #000;
}

.menu_section>ul {
  margin-top: 10px;
}

.profile_pic {
  width: 35%;
  float: left;
}

.img-circle.profile_img {
  width: 70%;
  background: #fff;
  margin-left: 15%;
  z-index: 1000;
  position: inherit;
  margin-top: 20px;
  border: 1px solid rgba(52, 73, 94, 0.44);
  padding: 4px;
}

.profile_info {
  padding: 25px 10px 10px;
  width: 65%;
  float: left;
}

.profile_info span {
  font-size: 13px;
  line-height: 30px;
  color: #BAB8B8;
}

.profile_info h2 {
  font-size: 14px;
  color: #ECF0F1;
  margin: 0;
  font-weight: 300;
}

.profile.img_2 {
  text-align: center;
}

.profile.img_2 .profile_pic {
  width: 100%;
}

.profile.img_2 .profile_pic .img-circle.profile_img {
  width: 50%;
  margin: 10px 0 0;
}

.profile.img_2 .profile_info {
  padding: 15px 10px 0;
  width: 100%;
  margin-bottom: 10px;
  float: left;
}

.main_menu span.fa {
  float: left;
  text-align: center;
  margin-top: 5px;
  font-size: 10px;
  min-width: inherit;
  color: #C4CFDA;
}

.active a span.fa {
  text-align: right !important;
  margin-right: 4px;
}

.nav-sm .menu_section {
  margin: 0;
}

.nav-sm span.fa,
.nav-sm .menu_section h3 {
  display: none;
}

.nav-sm li li span.fa {
  display: inline-block;
}

.nav_menu {
  float: left;
  background: #EDEDED;
  border-bottom: 1px solid #D9DEE4;
  margin-bottom: 10px;
  width: 100%;
  position: relative;
}

@media (min-width: 480px) {
  .nav_menu {
    position: static;
  }
}

.nav-md .container.body .col-md-3.left_col {
  min-height: 100%;
  width: 230px;
  padding: 0;
  position: absolute;
  display: flex;
  z-index: 1;
}

.nav-md .container.body .col-md-3.left_col.menu_fixed {
  height: 100%;
  position: fixed;
}

body .container.body .right_col {
  /* background: #F7F7F7; */
}

.nav-md .container.body .right_col {
  padding: 10px 20px 0;
  margin-left: 230px;
}

.nav_title {
  width: 230px;
  float: left;
  background: #2A3F54;
  border-radius: 0;
  height: 57px;
}

@media (max-width: 991px) {

  .nav-md .container.body .right_col,
  .nav-md .container.body .top_nav {
    width: 100%;
    margin: 0;
  }

  .nav-md .container.body .col-md-3.left_col {
    display: none;
  }

  .nav-md .container.body .right_col {
    width: 100%;
    padding-right: 0
  }

  .right_col {
    padding: 10px !important;
  }
}

@media (max-width: 1200px) {
  .x_title h2 {
    width: 62%;
    font-size: 17px;
  }

  .tile,
  .graph {
    zoom: 85%;
    height: inherit;
  }
}

@media (max-width: 1270px) and (min-width: 192px) {
  .x_title h2 small {
    display: none
  }
}

.left_col .mCSB_scrollTools {
  width: 6px;
}

.left_col .mCSB_dragger {
  max-height: 400px !important;
}

/**  ------------------------------------------  **/

.blue {
  color: #3498DB;
}

.purple {
  color: #9B59B6;
}

.green {
  color: #1ABB9C;
}

.aero {
  color: #9CC2CB;
}

.red {
  color: #E74C3C;
}

.dark {
  color: #34495E;
}

.border-blue {
  border-color: #3498DB !important;
}

.border-purple {
  border-color: #9B59B6 !important;
}

.border-green {
  border-color: #1ABB9C !important;
}

.border-aero {
  border-color: #9CC2CB !important;
}

.border-red {
  border-color: #E74C3C !important;
}

.border-dark {
  border-color: #34495E !important;
}

.bg-white {
  background: #fff !important;
  border: 1px solid #fff !important;
  color: #73879C;
}

.bg-green {
  background: #1ABB9C !important;
  border: 1px solid #1ABB9C !important;
  color: #fff;
}

.bg-red {
  background: #E74C3C !important;
  border: 1px solid #E74C3C !important;
  color: #fff;
}

.bg-blue {
  background: #3498DB !important;
  border: 1px solid #3498DB !important;
  color: #fff;
}

.bg-orange {
  background: #F39C12 !important;
  border: 1px solid #F39C12 !important;
  color: #fff;
}

.bg-purple {
  background: #9B59B6 !important;
  border: 1px solid #9B59B6 !important;
  color: #fff;
}

.bg-blue-sky {
  background: #50C1CF !important;
  border: 1px solid #50C1CF !important;
  color: #fff;
}

.container {
  width: 100%;
  padding: 0
}

.navbar-nav>li>a,
.navbar-brand,
.navbar-nav>li>a {
  color: #fff !important;
}

.top_nav .nav>li>a:focus,
.top_nav .nav>li>a:hover,
.top_nav .nav .open>a,
.top_nav .nav .open>a:focus,
.top_nav .nav .open>a:hover {
  background: #D9DEE4;
}

.backcolor {
     background: rgba(255, 255, 255, 0.25);
    padding: 30px 20px;
    width: 307px;
    height: 220px;
    border-radius: 10px;
}

body {
  color: #73879C;
  /* background: #2A3F54; */
  background: #000000;
  font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", poppins,sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.471;
}

.main_container .top_nav {
  display: block;
  margin-left: 230px;
}

.main_container {}

.no-padding {
  padding: 0 !important;
}

.page-title {
  width: 100%;
  height: 65px;
  padding: 10px 0;
}

.page-title .title_left {
  width: 45%;
  float: left;
  display: block;
}

.page-title .title_left h3 {
  margin: 9px 0;
}

.page-title .title_right {
  width: 55%;
  float: left;
  display: block;
}

.page-title .title_right .pull-right {
  margin: 10px 0;
}

.fixed_height_320 {
  height: 320px;
}

.fixed_height_390 {
  height: 390px;
}

.fixed_height_200 {
  height: 200px;
}

.overflow_hidden {
  overflow: hidden
}

.progress-bar-dark {
  background-color: #34495E !important;
}

.progress-bar-gray {
  background-color: #BDC3C7 !important;
}

table.no-margin .progress {
  margin-bottom: 0;
}

.main_content {
  padding: 10px 20px;
}

.col-md-55 {
  width: 50%;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .col-md-55 {
    width: 20%;
  }
}

@media (min-width: 992px) {
  .col-md-55 {
    width: 20%;
  }
}

@media (min-width: 1200px) {
  .col-md-55 {
    width: 20%;
  }
}

@media (min-width: 192px) and (max-width: 1270px) {
  table.tile_info span.right {
    margin-right: 7px;
    float: left;
  }
}

.center-margin {
  margin: 0 auto;
  float: none !important;
}

.col-md-55,
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  float: left;
  padding-right: 10px;
  padding-left: 10px;
}

.row {
  margin-right: -10px;
  margin-left: -10px;
}

.grid_slider .col-md-6 {
  padding: 0 40px;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 10px;
  margin-bottom: 10px;
}

a {
  color: #5A738E;
  text-decoration: none;
}

a,
a:visited,
a:focus,
a:active,
:visited,
:focus,
:active,
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 0;
}

a:hover,
a:focus {
  text-decoration: none
}

.navbar {
  margin-bottom: 0
}

.navbar-header {
  background: #34495E;
}

.navbar-right {
  margin-right: 0;
}

.top_nav .navbar-right {
  margin: 0;
  width: 70%;
  float: right;
}

.top_nav .navbar-right li {
  display: inline-block;
  float: right;
  position: static;
}

@media (min-width: 480px) {
  .top_nav .navbar-right li {
    position: relative;
  }
}

.top_nav .dropdown-menu li {
  width: 100%;
}

.top_nav .dropdown-menu li a {
  width: 100%;
  padding: 12px 20px;
}

.top_nav li a i {
  font-size: 15px
}

.navbar-static-top {
  position: fixed;
  top: 7%;
  width: 100%;
}

.sidebar-header {
  border-bottom: 0;
  margin-top: 46px;
}

.sidebar-header:first-of-type {
  margin-top: 0
}

.nav.side-menu>li {
  position: relative;
  display: block;
  cursor: pointer;
}

.nav.side-menu>li>a {
  margin-bottom: 6px;
}

.nav.side-menu>li>a:hover {
  color: #F2F5F7 !important;
}

.nav.side-menu>li>a:hover,
.nav>li>a:focus {
  text-decoration: none;
  background: transparent;
}

.nav.child_menu {
  display: none;
}

.nav.child_menu li:hover,
.nav.child_menu li.active {
  background-color: rgba(255, 255, 255, 0.06);
}

.nav.child_menu li {
  padding-left: 36px;
}

.nav-md ul.nav.child_menu li:before {
  background: #425668;
  bottom: auto;
  content: "";
  height: 8px;
  left: 23px;
  margin-top: 15px;
  position: absolute;
  right: auto;
  width: 8px;
  z-index: 1;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.nav-md ul.nav.child_menu li:after {
  border-left: 1px solid #425668;
  bottom: 0;
  content: "";
  left: 27px;
  position: absolute;
  top: 0;
}

.nav.side-menu>li>a,
.nav.child_menu>li>a {
  color: #E7E7E7;
  font-weight: 500;
}

.nav.child_menu li li:hover,
.nav.child_menu li li.active {
  background: none;
}

.nav.child_menu li li a:hover,
.nav.child_menu li li a.active {
  color: #fff;
}

.nav>li>a {
  position: relative;
  display: block;
  padding: 13px 15px 12px;
}

.nav.side-menu>li.current-page,
.nav.side-menu>li.active {
  border-right: 5px solid #1ABB9C;
}

.nav li.current-page {
  background: rgba(255, 255, 255, 0.05);
}

.nav li li li.current-page {
  background: none;
}

.nav li li.current-page a {
  color: #fff;
}

.nav.side-menu>li.active>a {
  text-shadow: rgba(0, 0, 0, 0.25) 0 -1px 0;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5b6479), color-stop(100%, #4c5566)), #686e78;
  background: -webkit-linear-gradient(#334556, #2C4257), #2A3F54;
  background: -moz-linear-gradient(#334556, #2C4257), #2A3F54;
  background: -o-linear-gradient(#334556, #2C4257), #2A3F54;
  background: linear-gradient(#334556, #2C4257), #2A3F54;
  -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0, inset rgba(255, 255, 255, 0.16) 0 1px 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0, inset rgba(255, 255, 255, 0.16) 0 1px 0;
  box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0, inset rgba(255, 255, 255, 0.16) 0 1px 0;
}

.navbar-brand,
.navbar-nav>li>a {
  font-weight: 500;
  color: #ECF0F1 !important;
  margin-left: 0 !important;
  line-height: 32px;
}

.site_title {
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 400;
  font-size: 22px;
  width: 100%;
  color: #ECF0F1 !important;
  margin-left: 0 !important;
  line-height: 59px;
  display: block;
  height: 55px;
  margin: 0;
  padding-left: 10px;
}

.site_title:hover,
.site_title:focus {
  text-decoration: none
}

.nav.navbar-nav>li>a {
  color: #515356 !important;
}

.nav.top_menu>li>a {
  position: relative;
  display: block;
  padding: 10px 15px;
  color: #34495E !important;
}

.nav>li>a:hover,
.nav>li>a:focus {
  background-color: transparent;
}

.top_search {
  padding: 0;
}

.top_search .form-control {
  border-right: 0;
  box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.075);
  border-radius: 25px 0px 0px 25px;
  padding-left: 20px;
  border: 1px solid rgba(221, 226, 232, 0.49);
}

.top_search .form-control:focus {
  border: 1px solid rgba(221, 226, 232, 0.49);
  border-right: 0;
}

.top_search .input-group-btn button {
  border-radius: 0px 25px 25px 0px;
  border: 1px solid rgba(221, 226, 232, 0.49);
  border-left: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  color: #93A2B2;
  margin-bottom: 0 !important;
}

.toggle {
  float: left;
  margin: 0;
  padding-top: 16px;
  width: 70px;
}

.toggle a {
  padding: 15px 15px 0;
  margin: 0;
  cursor: pointer;
}

.toggle a i {
  font-size: 26px;
}

.nav.child_menu>li>a {
  color: rgba(255, 255, 255, 0.75);
  font-size: 12px;
  padding: 9px;
}

.panel_toolbox {
  float: right;
  min-width: 70px;
}

.panel_toolbox>li {
  float: left;
  cursor: pointer;
}

.panel_toolbox>li>a {
  padding: 5px;
  color: #C5C7CB;
  font-size: 14px;
}

.panel_toolbox>li>a:hover {
  background: #F5F7FA;
}

.line_30 {
  line-height: 30px;
}

.main_menu_side {
  padding: 0;
}

.bs-docs-sidebar .nav>li>a {
  display: block;
  padding: 4px 6px;
}

footer {
  background: #fff;
  padding: 15px 20px;
  display: block;
}

.nav-sm footer {
  margin-left: 70px;
}

.footer_fixed footer {
  position: fixed;
  left: 0px;
  bottom: 0px;
  width: 100%;
}

@media (min-width: 768px) {
  .footer_fixed footer {
    margin-left: 0;
  }
}

@media (min-width: 768px) {
  .footer_fixed .nav-sm footer {
    margin-left: 0;
  }
}

.tile-stats.sparkline {
  padding: 10px;
  text-align: center;
}

.jqstooltip {
  background: #34495E !important;
  width: 30px !important;
  height: 22px !important;
  text-decoration: none;
}

.tooltip {
  display: block !important;
}

.tiles {
  border-top: 1px solid #ccc;
  margin-top: 15px;
  padding-top: 5px;
  margin-bottom: 0;
}

.tile {
  overflow: hidden;
}

.top_tiles {
  margin-bottom: 0;
}

.top_tiles .tile span {}

.top_tiles .tile h2 {
  font-size: 30px;
  line-height: 30px;
  margin: 3px 0 7px;
  font-weight: bold;
}

article.media {
  width: 100%;
}

/* *********  custom accordion  **************************** */

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#integration-list {
  width: 100%;
  margin: 0 auto;
  display: table;
}

#integration-list ul {
  padding: 0;
  margin: 20px 0;
  color: #555;
}

#integration-list ul>li {
  list-style: none;
  border-top: 1px solid #ddd;
  display: block;
  padding: 15px;
  overflow: hidden;
}

#integration-list ul:last-child {
  border-bottom: 1px solid #ddd;
}

#integration-list ul>li:hover {
  background: #efefef;
}

.expand {
  display: block;
  text-decoration: none;
  color: #555;
  cursor: pointer;
}

.expand h2 {
  width: 85%;
  float: left;
}

h2 {
  font-size: 18px;
  font-weight: 400;
}

#left,
#right {
  display: table;
}

#sup {
  display: table-cell;
  vertical-align: middle;
  width: 80%;
}

.detail a {
  text-decoration: none;
  color: #C0392B;
  border: 1px solid #C0392B;
  padding: 6px 10px 5px;
  font-size: 13px;
  margin-right: 7px;
}

.detail {
  margin: 10px 0 10px 0px;
  display: none;
  line-height: 22px;
  height: 150px;
}

.detail span {
  margin: 0;
}

.right-arrow {
  width: 10px;
  float: right;
  font-weight: bold;
  font-size: 20px;
}

.accordion .panel {
  margin-bottom: 5px;
  border-radius: 0;
  border-bottom: 1px solid #efefef;
}

.accordion .panel-heading {
  background: #F2F5F7;
  padding: 13px;
  width: 100%;
  display: block;
}

.accordion .panel:hover {
  background: #F2F5F7;
}

.x_panel {
  position: relative;
  width: 100%;
  margin-bottom: 10px;
  padding: 10px 17px;
  display: inline-block;
  background: #fff;
  border: 1px solid #E6E9ED;
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  column-break-inside: avoid;
  opacity: 1;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  -webkit-transition: all .2s ease;
  -ms-transition: all .2s ease;
  transition: all .2s ease;
}

.x_title {
  border-bottom: 2px solid #E6E9ED;
  padding: 1px 5px 6px;
  margin-bottom: 10px;
}

.x_title .filter {
  width: 40%;
  float: right;
}

.x_title h2 {
  margin: 5px 0 6px;
  float: left;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.x_title h2 small {
  margin-left: 10px;
}

.x_title span {
  color: #BDBDBD;
}

.x_content {
  padding: 0 5px 6px;
  position: relative;
  width: 100%;
  float: left;
  clear: both;
  margin-top: 5px;
}

/* .x_content h4 {
  font-size: 16px;
  font-weight: 500;
} */
legend {
  padding-bottom: 7px;
}

.demo-placeholder {
  height: 280px;
}

/** Contacts **/
.profile_details:nth-child(3n) {
  clear: both;
}

.profile_details .profile_view {
  display: inline-block;
  padding: 10px 0 0;
  background: #fff;
}

.profile_details .profile_view .divider {
  border-top: 1px solid #e5e5e5;
  padding-top: 5px;
  margin-top: 5px;
}

.profile_details .profile_view .ratings {
  margin-bottom: 0;
}

.profile_details .profile_view .bottom {
  background: #F2F5F7;
  padding: 9px 0;
  border-top: 1px solid #E6E9ED;
}

.profile_details .profile_view .left {
  margin-top: 20px;
}

.profile_details .profile_view .left p {
  margin-bottom: 3px;
}

.profile_details .profile_view .right {
  margin-top: 0px;
  padding: 10px;
}

.profile_details .profile_view .img-circle {
  border: 1px solid #E6E9ED;
  padding: 2px;
}

.profile_details .profile_view h2 {
  margin: 5px 0;
}

.profile_details .profile_view .ratings {
  text-align: left;
  font-size: 16px;
}

.profile_details .profile_view .brief {
  margin: 0;
  font-weight: 300;
}

.profile_details .profile_left {
  background: white;
}

.pagination.pagination-split li {
  display: inline-block;
  margin-right: 3px;
}

.pagination.pagination-split li a {
  border-radius: 4px;
  color: #768399;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

/** Contacts **/


/* *********  /custom accordion  **************************** */


/* *********  dashboard widget  **************************** */

table.tile h3,
table.tile h4,
table.tile span {
  font-weight: bold;
  vertical-align: middle !important;
}

table.tile th,
table.tile td {
  text-align: center;
}

table.tile th {
  border-bottom: 1px solid #E6ECEE;
}

table.tile td {
  padding: 5px 0;
}

table.tile td ul {
  text-align: left;
  padding-left: 0
}

table.tile td ul li {
  list-style: none;
  width: 100%;
}

table.tile td ul li a {
  width: 100%
}

table.tile td ul li a big {
  right: 0;
  float: right;
  margin-right: 13px;
}

table.tile_info {
  width: 100%;
}

table.tile_info td {
  text-align: left;
  padding: 1px;
  font-size: 15px
}

table.tile_info td p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  line-height: 28px;
}

table.tile_info td i {
  margin-right: 8px;
  font-size: 17px;
  float: left;
  width: 18px;
  line-height: 28px
}

table.tile_info td:first-child {
  width: 83%;
}

td span {
  line-height: 28px;
}

.sidebar-widget {
  overflow: hidden;
}

.error-number {
  font-size: 90px;
  line-height: 90px;
  margin: 20px 0;
}

.col-middle {
  margin-top: 5%;
}

.mid_center {
  width: 370px;
  margin: 0 auto;
  text-align: center;
  padding: 10px 20px;
}

h3.degrees {
  font-size: 22px;
  font-weight: 400;
  text-align: center;
}

.degrees:after {
  content: "o";
  position: relative;
  top: -12px;
  font-size: 13px;
  font-weight: 300;
}

.daily-weather .day {
  font-size: 14px;
  border-top: 2px solid rgba(115, 135, 156, 0.36);
  text-align: center;
  border-bottom: 2px solid rgba(115, 135, 156, 0.36);
  padding: 5px 0;
}

.weather-days .col-sm-2 {
  overflow: hidden;
  width: 16.66666667%;
}

.weather .row {
  margin-bottom: 0
}

/* *********  tables styling  ******************************* */

.bulk-actions {
  display: none;
}

table.countries_list {
  width: 100%;
}

table.countries_list td {
  padding: 0 10px;
  line-height: 30px;
  border-top: 1px solid #eeeeee;
}

.dataTables_paginate a {
  padding: 6px 9px !important;
  background: #ddd !important;
  border-color: #ddd !important;
}

.paging_full_numbers a.paginate_active {
  background-color: rgba(38, 185, 154, 0.59) !important;
  border-color: rgba(38, 185, 154, 0.59) !important;
}

button.DTTT_button,
div.DTTT_button,
a.DTTT_button {
  border: 1px solid #E7E7E7 !important;
  background: #E7E7E7 !important;
  box-shadow: none !important;
}

table.jambo_table {
  border: 1px solid rgba(221, 221, 221, 0.78);
}

table.jambo_table thead {
  background: rgba(52, 73, 94, 0.94);
  color: #ECF0F1;
}

table.jambo_table tbody tr:hover td {
  background: rgba(38, 185, 154, 0.07);
  border-top: 1px solid rgba(38, 185, 154, 0.11);
  border-bottom: 1px solid rgba(38, 185, 154, 0.11);
}

table.jambo_table tbody tr.selected {
  background: rgba(38, 185, 154, 0.16);
}

table.jambo_table tbody tr.selected td {
  border-top: 1px solid rgba(38, 185, 154, 0.40);
  border-bottom: 1px solid rgba(38, 185, 154, 0.40);
}

.dataTables_paginate a {
  background: #ff0000;
}

.dataTables_wrapper {
  position: relative;
  clear: both;
  zoom: 1;
}

.dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 250px;
  height: 30px;
  margin-left: -125px;
  margin-top: -15px;
  padding: 14px 0 2px 0;
  border: 1px solid #ddd;
  text-align: center;
  color: #999;
  font-size: 14px;
  background-color: white;
}

.dataTables_length {
  width: 40%;
  float: left;
}

.dataTables_filter {
  width: 50%;
  float: right;
  text-align: right;
}

.dataTables_info {
  width: 60%;
  float: left;
}

.dataTables_paginate {
  float: right;
  text-align: right;
}

table.dataTable th.focus,
table.dataTable td.focus {
  outline: 2px solid #1ABB9C !important;
  outline-offset: -1px;
}

table.display {
  margin: 0 auto;
  clear: both;
  width: 100%;
}

table.display thead th {
  padding: 8px 18px 8px 10px;
  border-bottom: 1px solid black;
  font-weight: bold;
  cursor: pointer;
}

table.display tfoot th {
  padding: 3px 18px 3px 10px;
  border-top: 1px solid black;
  font-weight: bold;
}

table.display tr.heading2 td {
  border-bottom: 1px solid #aaa;
}

table.display td {
  padding: 3px 10px;
}

table.display td.center {
  text-align: center;
}

table.display thead th:active,
table.display thead td:active {
  outline: none;
}

.dataTables_scroll {
  clear: both;
}

.dataTables_scrollBody {
  margin-top: -1px;
  -webkit-overflow-scrolling: touch;
}

.top,
.bottom {}

.top .dataTables_info {
  float: none;
}

.clear {
  clear: both;
}

.dataTables_empty {
  text-align: center;
}

tfoot input {
  margin: 0.5em 0;
  width: 100%;
  color: #444;
}

tfoot input.search_init {
  color: #999;
}

td.group {
  background-color: #d1cfd0;
  border-bottom: 2px solid #A19B9E;
  border-top: 2px solid #A19B9E;
}

td.details {
  background-color: #d1cfd0;
  border: 2px solid #A19B9E;
}

.example_alt_pagination div.dataTables_info {
  width: 40%;
}

.paging_full_numbers {
  width: 400px;
  height: 22px;
  line-height: 22px;
}

.paging_full_numbers a:active {
  outline: none
}

.paging_full_numbers a:hover {
  text-decoration: none;
}

.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
  border: 1px solid #aaa;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 2px 5px;
  margin: 0 3px;
  cursor: pointer;
}

.paging_full_numbers a.paginate_button {
  background-color: #ddd;
}

.paging_full_numbers a.paginate_button:hover {
  background-color: #ccc;
  text-decoration: none !important;
}

.paging_full_numbers a.paginate_active {
  background-color: #99B3FF;
}

table.display tr.even.row_selected td {
  background-color: #B0BED9;
}

table.display tr.odd.row_selected td {
  background-color: #9FAFD1;
}

div.box {
  height: 100px;
  padding: 10px;
  overflow: auto;
  border: 1px solid #8080FF;
  /* background-color: #E5E5FF; */
}

/* *********  /tables styling  ****************************** */


/* *********  /dashboard widget  **************************** */


/* *********  widgets  *************************************** */

ul.msg_list li {
  background: #f7f7f7;
  padding: 5px;
  display: flex;
  margin: 6px 6px 0;
  width: 96% !important;
}

ul.msg_list li:last-child {
  margin-bottom: 6px;
  padding: 10px;
}

ul.msg_list li a {
  padding: 3px 5px !important;
}

ul.msg_list li a .image img {
  border-radius: 2px 2px 2px 2px;
  -webkit-border-radius: 2px 2px 2px 2px;
  float: left;
  margin-right: 10px;
  width: 11%;
}

ul.msg_list li a .time {
  font-size: 11px;
  font-style: italic;
  font-weight: bold;
  position: absolute;
  right: 35px;
}

ul.msg_list li a .message {
  display: block !important;
  font-size: 11px;
}

.dropdown-menu.msg_list span {
  white-space: normal;
}

.dropdown-menu {
  border: medium none;
  box-shadow: none;
  display: none;
  float: left;
  font-size: 12px;
  left: 0;
  list-style: none outside none;
  padding: 0;
  position: absolute;
  text-shadow: none;
  top: 100%;
  z-index: 9998;
  border: 1px solid #D9DEE4;
  border-top-left-radius: 0;
  border-top-right-radius: 0;

}

.dropdown-menu>li>a {
  color: #5A738E;
}

.navbar-nav .open .dropdown-menu {
  position: absolute;
  background: #fff;
  margin-top: 0;
  border: 1px solid #D9DEE4;
  -webkit-box-shadow: none;
  right: 0;
  left: auto;
  width: 220px;
}

.navbar-nav .open .dropdown-menu.msg_list {
  width: 300px;
}

.info-number .badge {
  font-size: 10px;
  font-weight: normal;
  line-height: 13px;
  padding: 2px 6px;
  position: absolute;
  right: 2px;
  top: 8px;
}

ul.to_do {
  padding: 0;
}

ul.to_do li {
  background: #f3f3f3;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position: relative;
  padding: 7px;
  margin-bottom: 5px;
  list-style: none;
}

ul.to_do p {
  margin: 0;
}

.dashboard-widget {
  background: #f6f6f6;
  border-top: 5px solid #79C3DF;
  border-radius: 3px;
  padding: 5px 10px 10px;
}

.dashboard-widget .dashboard-widget-title {
  font-weight: normal;
  border-bottom: 1px solid #c1cdcd;
  margin: 0 0 10px 0;
  padding-bottom: 5px;
  padding-left: 40px;
  line-height: 30px;
}

.dashboard-widget .dashboard-widget-title i {
  font-size: 100%;
  margin-left: -35px;
  margin-right: 10px;
  color: #33a1c9;
  padding: 3px 6px;
  border: 1px solid #abd9ea;
  border-radius: 5px;
  background: #fff;
}

ul.quick-list {
  width: 45%;
  padding-left: 0;
  display: inline-block;
}

ul.quick-list li {
  padding-left: 10px;
  list-style: none;
  margin: 0;
  padding-bottom: 6px;
  padding-top: 4px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

ul.quick-list li i {
  padding-right: 10px;
  color: #757679;
}

.dashboard-widget-content {
  padding-top: 9px;
}

.dashboard-widget-content .sidebar-widget {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  background: #fff;
  border: 1px solid #abd9ea;
  border-radius: 5px;
  text-align: center;
  float: right;
  padding: 2px;
  margin-top: 10px;
}

.widget_summary {
  width: 100%;
  display: inline-flex;
}

.widget_summary .w_left {
  float: left;
  text-align: left;
}

.widget_summary .w_center {
  float: left;
}

.widget_summary .w_right {
  float: left;
  text-align: right;
}

.widget_summary .w_right span {
  font-size: 20px;
}

.w_20 {
  width: 20%
}

.w_25 {
  width: 25%
}

.w_55 {
  width: 55%
}

h5.graph_title {
  text-align: left;
  margin-left: 10px
}

h5.graph_title i {
  margin-right: 10px;
  font-size: 17px
}

span.right {
  float: right;
  font-size: 14px !important
}

.tile_info a {
  text-overflow: ellipsis;
}

.sidebar-footer {
  bottom: 0px;
  clear: both;
  display: block;
  padding: 5px 0 0 0;
  position: fixed;
  width: 230px;
  background: #2A3F54;
}

.sidebar-footer .canchor {
  padding: 7px 0 3px;
  text-align: center;
  width: 25%;
  font-size: 17px;
  display: block;
  float: left;
  background: #172D44;
}

.sidebar-footer .canchor:hover {
  background: #425567;
}

/** top tiles  */
.tile_count {
  margin-bottom: 20px;
  margin-top: 20px;
}

.tile_count .tile_stats_count {
  border-bottom: 1px solid #D9DEE4;
  padding: 0 10px 0 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}

@media (min-width: 992px) {
  footer {
    margin-left: 230px;
  }
}

@media (min-width: 992px) {
  .tile_count .tile_stats_count {
    margin-bottom: 10px;
    border-bottom: 0;
    padding-bottom: 10px;
  }
}

.tile_count .tile_stats_count:before {
  content: "";
  position: absolute;
  left: 0;
  height: 65px;
  border-left: 2px solid #ADB2B5;
  margin-top: 10px;
}

@media (min-width:992px) {
  .tile_count .tile_stats_count:first-child:before {
    border-left: 0;
  }
}

.tile_count .tile_stats_count .count {
  font-size: 30px;
  line-height: 47px;
  font-weight: 600;
}

@media (min-width:768px) {
  .tile_count .tile_stats_count .count {
    font-size: 40px;
  }
}

@media (min-width: 992px) and (max-width: 1100px) {
  .tile_count .tile_stats_count .count {
    font-size: 30px;
  }
}

.tile_count .tile_stats_count span {
  font-size: 12px;
}

@media (min-width:768px) {
  .tile_count .tile_stats_count span {
    font-size: 13px;
  }
}

.tile_count .tile_stats_count .count_bottom i {
  width: 12px;
}

/** /top tiles **/

.dashboard_graph {
  background: #fff;
  padding: 7px 10px;
}

.dashboard_graph .col-md-9,
.dashboard_graph .col-md-3 {
  padding: 0;
}

a.user-profile {
  color: #5E6974 !important;
}

.user-profile img {
  width: 29px;
  height: 29px;
  border-radius: 50%;
  margin-right: 10px;
}

ul.top_profiles {
  height: 330px;
  width: 100%;
}

ul.top_profiles li {
  margin: 0;
  padding: 3px 5px;
}

ul.top_profiles li:nth-child(odd) {
  background-color: #eee;
}

.media .profile_thumb {
  border: 1px solid;
  width: 50px;
  height: 50px;
  margin: 5px 10px 5px 0;
  border-radius: 50%;
  padding: 9px 12px;
}

.media .profile_thumb i {
  font-size: 30px;
}

.media .date {
  background: #ccc;
  width: 52px;
  margin-right: 10px;
  border-radius: 10px;
  padding: 5px;
}

.media .date .month {
  margin: 0;
  text-align: center;
  color: #fff;
}

.media .date .day {
  text-align: center;
  color: #fff;
  font-size: 27px;
  margin: 0;
  line-height: 27px;
  font-weight: bold;
}

.event .media-body a.title {
  font-weight: bold;
}

.event .media-body p {
  margin-bottom: 0;
}

h4.graph_title {
  margin: 7px;
  text-align: center;
}

/* *********  /widgets  *************************************** */


/* *********  iconts-display  **************************** */

.fontawesome-icon-list .fa-hover a:hover {
  background-color: #ddd;
  color: #fff;
  text-decoration: none;
}

.fontawesome-icon-list .fa-hover a {
  display: block;
  line-height: 32px;
  height: 32px;
  padding-left: 10px;
  border-radius: 4px;
}

.fontawesome-icon-list .fa-hover a:hover .fa {
  font-size: 28px;
  vertical-align: -6px;
}

.fontawesome-icon-list .fa-hover a .fa {
  width: 32px;
  font-size: 16px;
  display: inline-block;
  text-align: right;
  margin-right: 10px;
}

.main_menu .fa {
  width: 26px;
  opacity: .99;
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* *********  /iconts-display  **************************** */


/** tile stats **/
.tile-stats {
  position: relative;
  display: block;
  margin-bottom: 12px;
  border: 1px solid #E4E4E4;
  -webkit-border-radius: 5px;
  overflow: hidden;
  padding-bottom: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  background: #FFF;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.tile-stats:hover .icon i {
  animation-name: tansformAnimation;
  animation-duration: .5s;
  animation-iteration-count: 1;
  color: rgba(58, 58, 58, 0.41);
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  -webkit-animation-name: tansformAnimation;
  -webkit-animation-duration: .5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-name: tansformAnimation;
  -moz-animation-duration: .5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: forwards;
}

.tile-stats .icon {
  width: 20px;
  height: 20px;
  color: #BAB8B8;
  position: absolute;
  right: 53px;
  top: 22px;
  z-index: 1;
}

.tile-stats .icon i {
  margin: 0;
  font-size: 60px;
  line-height: 0;
  vertical-align: bottom;
  padding: 0;
}

.tile-stats .count {
  font-size: 38px;
  font-weight: bold;
  line-height: 1.65857143
}

.tile-stats .count,
.tile-stats h3,
.tile-stats p {
  position: relative;
  margin: 0;
  margin-left: 10px;
  z-index: 5;
  padding: 0;
}

.tile-stats h3 {
  color: #BAB8B8;
}

.tile-stats p {
  margin-top: 5px;
  font-size: 12px;
}

.tile-stats>.dash-box-footer {
  position: relative;
  text-align: center;
  margin-top: 5px;
  padding: 3px 0;
  color: #fff;
  color: rgba(255, 255, 255, 0.8);
  display: block;
  z-index: 10;
  background: rgba(0, 0, 0, 0.1);
  text-decoration: none;
}

.tile-stats>.dash-box-footer:hover {
  color: #fff;
  background: rgba(0, 0, 0, 0.15);
}

.tile-stats>.dash-box-footer:hover {
  color: #fff;
  background: rgba(0, 0, 0, 0.15);
}

table.tile_info {
  padding: 10px 15px;
}

table.tile_info span.right {
  margin-right: 0;
  float: right;
  position: absolute;
  right: 4%;
}

.tile:hover {
  text-decoration: none;
}

.tile_header {
  border-bottom: transparent;
  padding: 7px 15px;
  margin-bottom: 15px;
  background: #E7E7E7;
}

.tile_head h4 {
  margin-top: 0;
  margin-bottom: 5px;
}

.tiles-bottom {
  padding: 5px 10px;
  margin-top: 10px;
  background: rgba(194, 194, 194, 0.3);
  text-align: left;
}


/** /tile stats **/

/** inbox **/
a.star {
  color: #428bca !important
}

.mail_content {
  background: none repeat scroll 0 0 #FFFFFF;
  border-radius: 4px;
  margin-top: 20px;
  min-height: 500px;
  padding: 10px 11px;
  width: 100%;
}

.list-btn-mail {
  margin-bottom: 15px;
}

.list-btn-mail.active {
  border-bottom: 1px solid #39B3D7;
  padding: 0 0 14px;
}

.list-btn-mail>i {
  float: left;
  font-size: 18px;
  font-style: normal;
  width: 33px;
}

.list-btn-mail>.cn {
  background: none repeat scroll 0 0 #39B3D7;
  border-radius: 12px;
  color: #FFFFFF;
  float: right;
  font-style: normal;
  padding: 0 5px;
}

.button-mail {
  margin: 0 0 15px !important;
  text-align: left;
  width: 100%;
}

button,
.buttons,
.btn,
.modal-footer .btn+.btn {
  margin-bottom: 5px;
  margin-right: 5px;
}

.btn-group-vertical .btn,
.btn-group .btn {
  margin-bottom: 0;
  margin-right: 0;
}

.mail_list_column {
  border-left: 1px solid #DBDBDB;
}

.mail_view {
  border-left: 1px solid #DBDBDB
}

.mail_list {
  width: 100%;
  border-bottom: 1px solid #DBDBDB;
  margin-bottom: 2px;
  display: inline-block;
}

.mail_list .left {
  width: 5%;
  float: left;
  margin-right: 3%
}

.mail_list .right {
  width: 90%;
  float: left
}

.mail_list h3 {
  font-size: 15px;
  font-weight: bold;
  margin: 0px 0 6px;
}

.mail_list h3 small {
  float: right;
  color: #ADABAB;
  font-size: 11px;
  line-height: 20px;
}

.mail_list .badge {
  padding: 3px 6px;
  font-size: 8px;
  background: #BAB7B7
}

@media (max-width: 767px) {
  .mail_list {
    margin-bottom: 5px;
    display: inline-block;
  }
}

.mail_heading h4 {
  font-size: 18px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  margin-top: 20px;
}

.attachment {
  margin-top: 30px;
}

.attachment ul {
  width: 100%;
  list-style: none;
  padding-left: 0;
  display: inline-block;
  margin-bottom: 30px;
}

.attachment ul li {
  float: left;
  width: 150px;
  margin-right: 10px;
  margin-bottom: 10px;
}

.attachment ul li img {
  height: 150px;
  border: 1px solid #ddd;
  padding: 5px;
  margin-bottom: 10px;
}

.attachment ul li span {
  float: right;
}

.attachment .file-name {
  float: left;
}

.attachment .links {
  width: 100%;
  display: inline-block;
}

.compose {
  padding: 0;
  position: fixed;
  bottom: 0;
  right: 0;
  background: #fff;
  border: 1px solid #D9DEE4;
  border-right: 0;
  border-bottom: 0;
  border-top-left-radius: 5px;
  z-index: 9999;
  display: none;
}

.compose .compose-header {
  padding: 5px;
  background: #169F85;
  color: #fff;
  border-top-left-radius: 5px;
}

.compose .compose-header .close {
  text-shadow: 0 1px 0 #ffffff;
  line-height: .8;
}

.compose .compose-body .editor.btn-toolbar {
  margin: 0;
}

.compose .compose-body .editor-wrapper {
  height: 100%;
  min-height: 50px;
  max-height: 180px;
  border-radius: 0;
  border-left: none;
  border-right: none;
  overflow: auto;
}

.compose .compose-footer {
  padding: 10px;
}

/** /inbox **/

/* *********  form design  **************************** */

.editor.btn-toolbar {
  zoom: 1;
  background: #F7F7F7;
  margin: 5px 2px;
  padding: 3px 0;
  border: 1px solid #EFEFEF;
}

.input-group {
  margin-bottom: 10px;
}

.ln_solid {
  border-top: 1px solid #e5e5e5;
  color: #ffffff;
  background-color: #ffffff;
  height: 1px;
  margin: 20px 0;
}

span.section {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

.form-control {
  border-radius: 0;
  width: 100%;
}

.form-horizontal .control-label {
  padding-top: 8px
}

.form-control:focus {
  border-color: #CCD0D7;
  box-shadow: none !important;
}

legend {
  font-size: 18px;
  color: inherit;
}

.checkbox {}

.form-horizontal .form-group {
  margin-right: 0;
  margin-left: 0;
}

.form-control-feedback {
  margin-top: 8px;
  height: 23px;
  color: #bbb;
  line-height: 24px;
  font-size: 15px;
}

.form-control-feedback.left {
  border-right: 1px solid #ccc;
  left: 13px;
}

.form-control-feedback.right {
  border-left: 1px solid #ccc;
  right: 13px;
}

.form-control.has-feedback-left {
  padding-left: 45px;
}

.form-control.has-feedback-right {
  padding-right: 45px;
}

.form-group {
  margin-bottom: 10px;
}

.validate {
  margin-top: 10px;
}

.invalid-form-error-message {
  margin-top: 10px;
  padding: 5px;
}

.invalid-form-error-message.filled {
  border-left: 2px solid #E74C3C;
}

p.parsley-success {
  color: #468847;
  background-color: #DFF0D8;
  border: 1px solid #D6E9C6;
}

p.parsley-error {
  color: #B94A48;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7;
}

ul.parsley-errors-list {
  list-style: none;
  color: #E74C3C;
  padding-left: 0;
}

input.parsley-error,
textarea.parsley-error,
select.parsley-error {
  background: #FAEDEC;
  border: 1px solid #E85445;
}

.btn-group .parsley-errors-list {
  display: none;
}

.bad input,
.bad select,
.bad textarea {
  border: 1px solid #CE5454;
  box-shadow: 0 0 4px -2px #CE5454;
  position: relative;
  left: 0;
  -moz-animation: .7s 1 shake linear;
  -webkit-animation: 0.7s 1 shake linear;
}

.item input,
.item textarea {
  -webkit-transition: 0.42s;
  -moz-transition: 0.42s;
  transition: 0.42s;
}

/* alerts (when validation fails) */

.item .alert {
  float: left;
  margin: 0 0 0 20px;
  padding: 3px 10px;
  color: #FFF;
  border-radius: 3px 4px 4px 3px;
  background-color: #CE5454;
  max-width: 170px;
  white-space: pre;
  position: relative;
  left: -15px;
  opacity: 0;
  z-index: 1;
  transition: 0.15s ease-out;
}

.item .alert::after {
  content: '';
  display: block;
  height: 0;
  width: 0;
  border-color: transparent #CE5454 transparent transparent;
  border-style: solid;
  border-width: 11px 7px;
  position: absolute;
  left: -13px;
  top: 1px;
}

.item.bad .alert {
  left: 0;
  opacity: 1;
}

.inl-bl {
  display: inline-block;
}

.well .markup-heading {}

.well .markup {
  background: #fff;
  color: #777;
  position: relative;
  padding: 45px 15px 15px;
  margin: 15px 0 0 0;
  background-color: #fff;
  border-radius: 0 0 4px 4px;
  box-shadow: none;
}

.well .markup::after {
  content: "Example";
  position: absolute;
  top: 15px;
  left: 15px;
  font-size: 12px;
  font-weight: bold;
  color: #bbb;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* ***** autocomplete ***** */

.autocomplete-suggestions {
  border: 1px solid #e4e4e4;
  background: #F4F4F4;
  cursor: default;
  overflow: auto;
}

.autocomplete-suggestion {
  padding: 2px 5px;
  font-size: 1.2em;
  white-space: nowrap;
  overflow: hidden;
}

.autocomplete-selected {
  background: #f0f0f0;
}

.autocomplete-suggestions strong {
  font-weight: normal;
  color: #3399ff;
  font-weight: bolder;
}

/* ***** /autocomplete *****/

/* ***** buttons ********/
.btn {
  border-radius: 3px;
}

a.btn-success,
a.btn-primary,
a.btn-warning,
a.btn-danger {
  color: #fff;
}

.btn-success {
  background: #26B99A;
  border: 1px solid #169F85;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background: #169F85;
}

.btn-dark {
  color: #E9EDEF;
  background-color: #4B5F71;
  border-color: #364B5F;
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active,
.open .dropdown-toggle.btn-dark {
  color: #FFFFFF;
  background-color: #394D5F;
  border-color: #394D5F;
}

.btn-round {
  border-radius: 30px;
}

.btn.btn-app {
  position: relative;
  padding: 15px 5px;
  margin: 0 0 10px 10px;
  min-width: 80px;
  height: 60px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  text-align: center;
  color: #666;
  border: 1px solid #ddd;
  background-color: #fafafa;
  font-size: 12px;
}

.btn.btn-app>.fa,
.btn.btn-app>.glyphicon,
.btn.btn-app>.ion {
  font-size: 20px;
  display: block;
}

.btn.btn-app:hover {
  background: #f4f4f4;
  color: #444;
  border-color: #aaa;
}

.btn.btn-app:active,
.btn.btn-app:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.btn-app>.badge {
  position: absolute;
  top: -3px;
  right: -10px;
  font-size: 10px;
  font-weight: 400;
}

/* ***** /buttons *******/

/* *********  /form design  **************************** */

/* *********  form textarea  **************************** */

textarea {
  padding: 10px;
  vertical-align: top;
  width: 200px;
}

textarea:focus {
  outline-style: solid;
  outline-width: 2px;
}

.btn_ {
  display: inline-block;
  padding: 3px 9px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  border: 1px solid #cccccc;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
}

/* *********  /form textarea  **************************** */


/* *********  glyphicons  **************************** */

.bs-glyphicons {
  margin: 0 -10px 20px;
  overflow: hidden
}

.bs-glyphicons-list {
  padding-left: 0;
  list-style: none
}

.bs-glyphicons li {
  float: left;
  width: 25%;
  height: 115px;
  padding: 10px;
  font-size: 10px;
  line-height: 1.4;
  text-align: center;
  background-color: #f9f9f9;
  border: 1px solid #fff
}

.bs-glyphicons .glyphicon {
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 24px
}

.bs-glyphicons .glyphicon-class {
  display: block;
  text-align: center;
  word-wrap: break-word
}

.bs-glyphicons li:hover {
  color: #fff;
  background-color: #1ABB9C
}

@media (min-width: 768px) {
  .bs-glyphicons {
    margin-right: 0;
    margin-left: 0
  }

  .bs-glyphicons li {
    width: 12.5%;
    font-size: 12px
  }
}

/* *********  /glyphicons  **************************** */


/* *********  form tags input  **************************** */

.tagsinput {
  border: 1px solid #CCC;
  background: #FFF;
  padding: 6px 6px 0;
  width: 300px;
  overflow-y: auto;
}

span.tag {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  display: block;
  float: left;
  padding: 5px 9px;
  text-decoration: none;
  background: #1ABB9C;
  color: #F1F6F7;
  margin-right: 5px;
  font-weight: 500;
  margin-bottom: 5px;
  font-family: helvetica;
}

span.tag a {
  color: #F1F6F7 !important;
}

.tagsinput span.tag a {
  font-weight: bold;
  color: #82ad2b;
  text-decoration: none;
  font-size: 11px;
}

.tagsinput input {
  width: 80px;
  margin: 0px;
  font-family: helvetica;
  font-size: 13px;
  border: 1px solid transparent;
  padding: 3px;
  background: transparent;
  color: #000;
  outline: 0px;
}

.tagsinput div {
  display: block;
  float: left;
}

.tags_clear {
  clear: both;
  width: 100%;
  height: 0px;
}

.not_valid {
  background: #FBD8DB !important;
  color: #90111A !important;
}

/* *********  /form tags input  **************************** */


/** Tabs **/
ul.bar_tabs {
  overflow: visible;
  background: #F5F7FA;
  height: 25px;
  margin: 21px 0 14px;
  padding-left: 14px;
  position: relative;
  z-index: 1;
  width: 100%;
  border-bottom: 1px solid #E6E9ED;
}

ul.bar_tabs>li {
  border: 1px solid #E6E9ED;
  color: #333 !important;
  margin-top: -17px;
  margin-left: 8px;
  background: #fff;
  border-bottom: none;
  border-radius: 4px 4px 0 0;
}

ul.bar_tabs>li.active {
  border-right: 6px solid #D3D6DA;
  border-top: 0;
  margin-top: -15px;
}

ul.bar_tabs>li a {
  padding: 10px 17px;
  background: #F5F7FA;
  margin: 0;
  border-top-right-radius: 0;
}

ul.bar_tabs>li a:hover {
  border: 1px solid transparent;
}

ul.bar_tabs>li.active a {
  border-bottom: none;
}

ul.bar_tabs.right {
  padding-right: 14px;
}

ul.bar_tabs.right li {
  float: right
}

a:focus {
  outline: none;
}

/** /Tabs **/


/* *********  timeline  **************************** */

ul.timeline li {
  position: relative;
  border-bottom: 1px solid #e8e8e8;
  clear: both;
}

.timeline .block {
  margin: 0;
  border-left: 3px solid #e8e8e8;
  overflow: visible;
  padding: 10px 15px;
  margin-left: 105px;
}

.timeline.widget {
  min-width: 0;
  max-width: inherit;
}

.timeline.widget .block {
  margin-left: 5px;
}

.timeline .tags {
  position: absolute;
  top: 15px;
  left: 0;
  width: 84px;
}

.timeline .tag {
  display: block;
  height: 30px;
  font-size: 13px;
  padding: 8px;
}

.timeline .tag span {
  display: block;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.tag {
  line-height: 1;
  background: #1ABB9C;
  color: #fff !important;
}

.tag:after {
  /* content: " "; */
  height: 30px;
  width: 0;
  position: absolute;
  left: 100%;
  top: 0;
  margin: 0;
  pointer-events: none;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  border-left: 11px solid #1ABB9C;
}

.timeline h2.title {
  position: relative;
  font-size: 16px;
  margin: 0;
}

.timeline h2.title:before {
  content: "";
  position: absolute;
  left: -23px;
  top: 3px;
  display: block;
  width: 14px;
  height: 14px;
  border: 3px solid #d2d3d2;
  border-radius: 14px;
  background: #f9f9f9;
}

.timeline .byline {
  padding: .25em 0;
}

.byline {
  -webkit-font-smoothing: antialiased;
  font-style: italic;
  font-size: .9375em;
  line-height: 1.3;
  color: #aab6aa;
}

ul.social li {
  border: 0;
}

/* *********  /timeline  **************************** */

/* *********  profile/social  **************************** */

.social-sidebar,
.social-body {
  float: right;
}

.social-sidebar {
  background: #EDEDED;
  width: 22%;
}

.social-body {
  border: 1px solid #ccc;
  width: 78%;
}

.thumb img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.chat .thumb img {
  width: 27px;
  height: 27px;
  border-radius: 50%;
}

.chat .status {
  float: left;
  margin: 16px 0 0 -16px;
  font-size: 14px;
  font-weight: bold;
  width: 12px;
  height: 12px;
  display: block;
  border: 2px solid #FFF;
  z-index: 12312;
  border-radius: 50%;
}

.chat .status.online {
  background: #1ABB9C;
}

.chat .status.away {
  background: #F39C12;
}

.chat .status.offline {
  background: #ccc;
}

.chat .media-body {
  padding-top: 5px;
}

/* *********  /profile/social  **************************** */


/* *********  widgets  **************************** */

.dashboard_graph .x_title {
  padding: 5px 5px 7px;
}

.dashboard_graph .x_title h3 {
  margin: 0;
  font-weight: normal;
}

.chart {
  position: relative;
  display: inline-block;
  width: 110px;
  height: 110px;
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: center;
}

.chart canvas {
  position: absolute;
  top: 0;
  left: 0;
}

.percent {
  display: inline-block;
  line-height: 110px;
  z-index: 2;
  font-size: 18px;
}

.percent:after {
  content: '%';
  margin-left: 0.1em;
  font-size: .8em;
}

.angular {
  margin-top: 100px;
}

.angular .chart {
  margin-top: 0;
}

.widget {
  min-width: 250px;
  max-width: 310px;
}

.widget_tally_box .btn-group button {
  text-align: center
}

.widget_tally_box .btn-group button {
  color: inherit;
  font-weight: 500;
  background-color: #f5f5f5;
  border: 1px solid #e7e7e7;
}

ul.widget_tally,
ul.widget_tally li {
  width: 100%;
}

ul.widget_tally li {
  padding: 2px 10px;
  border-bottom: 1px solid #ECECEC;
  padding-bottom: 4px;
}

ul.widget_tally .month {
  width: 70%;
  float: left;
}

ul.widget_tally .count {
  width: 30%;
  float: left;
  text-align: right
}

.pie_bg {
  border-bottom: 1px solid rgba(101, 204, 182, 0.16);
  padding-bottom: 15px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  padding-bottom: 10px;
  -webkit-box-shadow: 0 4px 6px -6px #222;
  -moz-box-shadow: 0 4px 6px -6px #222;
  box-shadow: 0 4px 6px -6px #222;
}

.widget_tally_box .flex {
  display: flex;
}

ul.widget_profile_box {
  width: 100%;
  height: 42px;
  padding: 3px;
  background: #ececec;
  margin-top: 40px;
  margin-left: 1px;
}

ul.widget_profile_box li:first-child {
  width: 25%;
  float: left;
}

ul.widget_profile_box li:first-child a {
  float: left;
}

ul.widget_profile_box li:last-child {
  width: 25%;
  float: right;
}

ul.widget_profile_box li:last-child a {
  float: right;
}

ul.widget_profile_box li {}

ul.widget_profile_box li a {
  font-size: 22px;
  text-align: center;
  width: 35px;
  height: 35px;
  border: 1px solid rgba(52, 73, 94, 0.44);
  display: block;
  border-radius: 50%;
  padding: 0px;
}

ul.widget_profile_box li a:hover {
  color: #1ABB9C !important;
  border: 1px solid rgba(38, 185, 154, 1);
}

ul.widget_profile_box li .profile_img {
  width: 85px;
  height: 85px;
  margin: 0;
  margin-top: -28px;
}

.widget_tally_box p,
.widget_tally_box span {
  text-align: center;
}

.widget_tally_box .name {
  text-align: center;
  margin: 25px;
}

.widget_tally_box .name_title {
  text-align: center;
  margin: 5px;
}

.widget_tally_box ul.legend {
  margin: 0;
}

.widget_tally_box ul.legend p,
.widget_tally_box ul.legend span {
  text-align: left;
}

.widget_tally_box ul.legend li .icon {
  font-size: 20px;
  float: left;
  width: 14px;
}

.widget_tally_box ul.legend li .name {
  font-size: 14px;
  margin: 5px 0 0 14px;
  text-overflow: ellipsis;
  float: left;
}

.widget_tally_box ul.legend p {
  display: inline-block;
  margin: 0;
}

.widget_tally_box ul.verticle_bars li {
  height: 140px;
  width: 23%;
}

.widget .verticle_bars li .progress.vertical.progress_wide {
  width: 65%;
}

ul.count2 {
  width: 100%;
  margin-left: 1px;
  border: 1px solid #ddd;
  border-left: 0;
  border-right: 0;
  padding: 10px 0;
}

ul.count2 li {
  width: 30%;
  text-align: center;
}

ul.count2 li h3 {
  font-weight: 400;
  margin: 0;
}

ul.count2 li span {
  font-weight: 300;
}

/* *********  /widgets  **************************** */

.divider {
  border-bottom: 1px solid #ddd;
  margin: 10px;
}

.divider-dashed {
  border-top: 1px dashed #e7eaec;
  background-color: #ffffff;
  height: 1px;
  margin: 10px 0;
}

ul.messages {
  padding: 0;
  list-style: none;
}

ul.messages li,
.tasks li {
  border-bottom: 1px dotted #e6e6e6;
  padding: 8px 0;
}

ul.messages li img.avatar,
img.avatar {
  height: 32px;
  width: 32px;
  float: left;
  display: inline-block;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 2px;
  background: #f7f7f7;
  border: 1px solid #e6e6e6;
}

ul.messages li .message_date {
  float: right;
  text-align: right;
}

ul.messages li .message_wrapper {
  margin-left: 50px;
  margin-right: 40px;
}

ul.messages li .message_wrapper h4.heading {
  font-weight: 600;
  margin: 0;
  cursor: pointer;
  margin-bottom: 10px;
  line-height: 100%;
}

ul.messages li .message_wrapper blockquote {
  padding: 0px 10px;
  margin: 0;
  border-left: 5px solid #eee;
}

ul.user_data li {
  margin-bottom: 6px;
}

ul.user_data li p {
  margin-bottom: 0;
}

ul.user_data li .progress {
  width: 90%;
}

.project_progress .progress {
  margin-bottom: 3px !important;
  margin-top: 5px;
}

.projects .list-inline {
  margin: 0;
}

.profile_title {
  background: #F5F7FA;
  border: 0;
  padding: 7px 0;
  display: flex;
}

ul.stats-overview {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

ul.stats-overview li {
  display: inline-block;
  text-align: center;
  padding: 0 15px;
  width: 30%;
  font-size: 14px;
  border-right: 1px solid #e8e8e8;
}

ul.stats-overview li:last-child {
  border-right: 0;
}

ul.stats-overview li .name {
  font-size: 12px;
}

ul.stats-overview li .value {
  font-size: 14px;
  font-weight: bold;
  display: block;
}

ul.stats-overview li:first-child {
  padding-left: 0;
}

ul.project_files li {
  margin-bottom: 5px;
}

ul.project_files li a i {
  width: 20px;
}

.project_detail p {
  margin-bottom: 10px;
}

.project_detail p.title {
  font-weight: bold;
  margin-bottom: 0
}

.avatar img {
  border-radius: 50%;
  max-width: 45px;
}

/* *********  pricing  **************************** */

.pricing {
  background: #fff;
}

.pricing .title {
  background: #1ABB9C;
  height: 110px;
  color: #fff;
  padding: 15px 0 0;
  text-align: center;
}

.pricing .title h2 {
  text-transform: capitalize;
  font-size: 18px;
  border-radius: 5px 5px 0 0;
  margin: 0;
  font-weight: 400;
}

.pricing .title h1 {
  font-size: 30px;
  margin: 12px;
}

.pricing .title span {
  background: rgba(51, 51, 51, 0.28);
  padding: 2px 5px;
}

.pricing_features {
  background: #FAFAFA;
  padding: 20px 15px;
  min-height: 230px;
  font-size: 13.5px;
}

.pricing_features ul li {
  margin-top: 10px;
}

.pricing_footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  text-align: center;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.pricing_footer p {
  font-size: 13px;
  padding: 10px 0 2px;
  display: block;
}

.ui-ribbon-container {
  position: relative;
}

.ui-ribbon-container .ui-ribbon-wrapper {
  position: absolute;
  overflow: hidden;
  width: 85px;
  height: 88px;
  top: -3px;
  right: -3px;
}

.ui-ribbon-container.ui-ribbon-primary .ui-ribbon {
  background-color: #5b90bf;
}

.ui-ribbon-container .ui-ribbon {
  position: relative;
  display: block;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  line-height: 20px;
  background-color: #555;
  box-shadow: 0 0 3px rgba(0, 0, 0, .3);
}

.ui-ribbon-container.ui-ribbon-primary .ui-ribbon:after,
.ui-ribbon-container.ui-ribbon-primary .ui-ribbon:before {
  border-top: 2px solid #5b90bf;
}

.ui-ribbon-container .ui-ribbon:before {
  left: 0;
  bottom: -1px;
}

.ui-ribbon-container .ui-ribbon:before {
  right: 0;
}

.ui-ribbon-container .ui-ribbon:after,
.ui-ribbon-container .ui-ribbon:before {
  position: absolute;
  content: " ";
  line-height: 0;
  border-top: 2px solid #555;
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
}

/* *********  /pricing  **************************** */


/* *********  media gallery  **************************** */

.thumbnail .image {
  height: 120px;
  overflow: hidden;
}

.caption {
  padding: 9px 5px;
  background: #F7F7F7;
}

.caption p {
  margin-bottom: 5px;
}

.thumbnail {
  height: 190px;
  overflow: hidden;
}

.view {
  overflow: hidden;
  position: relative;
  text-align: center;
  box-shadow: 1px 1px 2px #e6e6e6;
  cursor: default;
}

.view .mask,
.view .content {
  position: absolute;
  width: 100%;
  overflow: hidden;
  top: 0;
  left: 0
}

.view img {
  display: block;
  position: relative
}

.view .tools {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 3px;
  background: rgba(0, 0, 0, 0.35);
  margin: 43px 0 0 0;
}

.mask.no-caption .tools {
  margin: 90px 0 0 0;
}

.view .tools a {
  display: inline-block;
  color: #FFF;
  font-size: 18px;
  font-weight: 400;
  padding: 0 4px;
}

.view p {
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #fff;
  padding: 10px 20px 20px;
  text-align: center
}

.view a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  box-shadow: 0 0 1px #000
}

.view-first img {
  transition: all 0.2s linear;
}

.view-first .mask {
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.5);
  transition: all 0.4s ease-in-out;
}

.view-first .tools {
  transform: translateY(-100px);
  opacity: 0;
  transition: all 0.2s ease-in-out;
}

.view-first p {
  transform: translateY(100px);
  opacity: 0;
  transition: all 0.2s linear;
}

.view-first:hover img {
  transform: scale(1.1);
}

.view-first:hover .mask {
  opacity: 1;
}

.view-first:hover .tools,
.view-first:hover p {
  opacity: 1;
  transform: translateY(0px);
}

.view-first:hover p {
  transition-delay: 0.1s;
}

/* *********  /media gallery  **************************** */


/* *********  verticle tabs  **************************** */


/*!
 * bootstrap-vertical-tabs - v1.2.1
 * https://dbtek.github.io/bootstrap-vertical-tabs
 * 2014-11-07
 * Copyright (c) 2014 İsmail Demirbilek
 * License: MIT
 */

.tabs-left,
.tabs-right {
  border-bottom: none;
  padding-top: 2px;
}

.tabs-left {
  border-right: 1px solid #F7F7F7;
}

.tabs-right {
  border-left: 1px solid #F7F7F7;
}

.tabs-left>li,
.tabs-right>li {
  float: none;
  margin-bottom: 2px;
}

.tabs-left>li {
  margin-right: -1px;
}

.tabs-right>li {
  margin-left: -1px;
}

.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
  border-bottom-color: #F7F7F7;
  border-right-color: transparent;
}

.tabs-right>li.active>a,
.tabs-right>li.active>a:hover,
.tabs-right>li.active>a:focus {
  border-bottom: 1px solid #F7F7F7;
  border-left-color: transparent;
}

.tabs-left>li>a {
  border-radius: 4px 0 0 4px;
  margin-right: 0;
  display: block;
  background: #F7F7F7;
  text-overflow: ellipsis;
  overflow: hidden;
}

.tabs-right>li>a {
  border-radius: 0 4px 4px 0;
  margin-right: 0;
  background: #F7F7F7;
  text-overflow: ellipsis;
  overflow: hidden;
}

.sideways {
  margin-top: 50px;
  border: none;
  position: relative;
}

.sideways>li {
  height: 20px;
  width: 120px;
  margin-bottom: 100px;
}

.sideways>li>a {
  border-bottom: 1px solid #ddd;
  border-right-color: transparent;
  text-align: center;
  border-radius: 4px 4px 0px 0px;
}

.sideways>li.active>a,
.sideways>li.active>a:hover,
.sideways>li.active>a:focus {
  border-bottom-color: transparent;
  border-right-color: #ddd;
  border-left-color: #ddd;
}

.sideways.tabs-left {
  left: -50px;
}

.sideways.tabs-right {
  right: -50px;
}

.sideways.tabs-right>li {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.sideways.tabs-left>li {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

/* *********  /verticle tabs  **************************** */


/* *********  moris  **************************** */

.morris-hover {
  position: absolute;
  z-index: 1000;
}

.morris-hover.morris-default-style {
  padding: 6px;
  color: #666;
  background: rgba(243, 242, 243, 0.8);
  border: solid 2px rgba(195, 194, 196, 0.8);
  font-family: sans-serif;
  font-size: 12px;
  text-align: center;
}

.morris-hover.morris-default-style .morris-hover-row-label {
  font-weight: bold;
  margin: 0.25em 0;
}

.morris-hover.morris-default-style .morris-hover-point {
  white-space: nowrap;
  margin: 0.1em 0;
}

/* *********  /moris  **************************** */


/* *********  ecommerce  **************************** */

.price {
  font-size: 40px;
  font-weight: 400;
  color: #26B99A;
  margin: 0;
}

.prod_title {
  border-bottom: 1px solid #DFDFDF;
  padding-bottom: 5px;
  margin: 30px 0;
  font-size: 20px;
  font-weight: 400;
}

.product-image img {
  width: 90%;
}

.prod_color li {
  margin: 0 10px;
}

.prod_color li p {
  margin-bottom: 0;
}

.prod_size li {
  padding: 0;
}

.prod_color .color {
  width: 25px;
  height: 25px;
  border: 2px solid rgba(51, 51, 51, 0.28) !important;
  padding: 2px;
  border-radius: 50px;
}

.product_gallery a {
  width: 100px;
  height: 100px;
  float: left;
  margin: 10px;
  border: 1px solid #e5e5e5;
}

.product_gallery a img {
  width: 100%;
  margin-top: 15px;
}

.product_price {
  margin: 20px 0;
  padding: 5px 10px;
  background-color: #FFFFFF;
  text-align: left;
  border: 2px dashed #E0E0E0;
}

.price-tax {
  font-size: 18px;
}

.product_social {
  margin: 20px 0;
}

.product_social ul li a i {
  font-size: 35px;
}

/* *********  /ecommerce  **************************** */

/** login **/
.login {
  background: #F7F7F7;
}

.login .fa-paw {
  font-size: 26px;
}

a.hiddenanchor {
  display: none;
}

.login_wrapper {
  right: 0px;
  margin: 0px auto;
  margin-top: 5%;
  max-width: 350px;
  position: relative;
}

.registration_form,
.login_form {
  position: absolute;
  top: 0px;
  width: 100%;
}

.registration_form {
  z-index: 21;
  opacity: 0;
  width: 100%;
}

.login_form {
  z-index: 22;
}

#signup:target~.login_wrapper .registration_form,
#signin:target~.login_wrapper .login_form {
  z-index: 22;
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -ms-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  -o-animation-delay: .1s;
  -ms-animation-delay: .1s;
  animation-delay: .1s;
}

#signup:target~.login_wrapper .login_form,
#signin:target~.login_wrapper .registration_form {
  -webkit-animation-name: fadeOutLeft;
  -moz-animation-name: fadeOutLeft;
  -ms-animation-name: fadeOutLeft;
  -o-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

.animate {
  -webkit-animation-duration: 0.5s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-duration: 0.5s;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: both;
  -o-animation-duration: 0.5s;
  -o-animation-timing-function: ease;
  -o-animation-fill-mode: both;
  -ms-animation-duration: 0.5s;
  -ms-animation-timing-function: ease;
  -ms-animation-fill-mode: both;
  animation-duration: 0.5s;
  animation-timing-function: ease;
  animation-fill-mode: both;
}

/** /login **/

/** signup **/
.login_box {
  padding: 20px;
  margin: auto;
}

.left {
  float: left;
}

.alignleft {
  float: left;
  margin-right: 15px;
}

.alignright {
  float: right;
  margin-left: 15px;
}

.clearfix:after,
form:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.login_content {
  margin: 0 auto;
  padding: 25px 0 0;
  position: relative;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  min-width: 280px;
}

.login_content a,
.login_content .btn-default:hover {
  text-decoration: none;
}

.login_content a:hover {
  text-decoration: underline;
}

.login_content h1 {
  font: normal 25px Helvetica, Arial, sans-serif;
  letter-spacing: -0.05em;
  line-height: 20px;
  margin: 10px 0 30px;
}

.login_content h1:before,
.login_content h1:after {
  content: "";
  height: 1px;
  position: absolute;
  top: 10px;
  width: 27%;
}

.login_content h1:after {
  background: rgb(126, 126, 126);
  background: -moz-linear-gradient(rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background: -webkit-linear-gradient(rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background: -o-linear-gradient(rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background: -ms-linear-gradient(rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background: linear-gradient(rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
  right: 0;
}

.login_content h1:before {
  background: rgb(126, 126, 126);
  background: -moz-linear-gradient(to left, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background: -webkit-linear-gradient(to left, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background: -o-linear-gradient(to left, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background: -ms-linear-gradient(to left, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background: linear-gradient(to left, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
  left: 0;
}

.login_content h1:before,
.login_content h1:after {
  content: "";
  height: 1px;
  position: absolute;
  top: 10px;
  width: 20%;
}

.login_content h1:after {
  background: rgb(126, 126, 126);
  background: -moz-linear-gradient(rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background: -webkit-linear-gradient(rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background: -o-linear-gradient(rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background: -ms-linear-gradient(rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background: linear-gradient(rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
  right: 0;
}

.login_content h1:before {
  background: rgb(126, 126, 126);
  background: -moz-linear-gradient(to left, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background: -webkit-linear-gradient(to left, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background: -o-linear-gradient(to left, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background: -ms-linear-gradient(to left, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
  background: linear-gradient(to left, rgba(126, 126, 126, 1) 0%, rgba(255, 255, 255, 1) 100%);
  left: 0;
}

.login_content form {
  margin: 20px 0;
  position: relative
}

.login_content form input[type="text"],
.login_content form input[type="email"],
.login_content form input[type="password"] {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
  -moz-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
  -ms-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
  -o-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
  box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
  border: 1px solid #c8c8c8;
  color: #777;
  margin: 0 0 20px;
  width: 100%;
}

.login_content form input[type="text"]:focus,
.login_content form input[type="email"]:focus,
.login_content form input[type="password"]:focus {
  -webkit-box-shadow: 0 0 2px #AA77B4 inset;
  -moz-box-shadow: 0 0 2px #ed1c24 inset;
  -ms-box-shadow: 0 0 2px #ed1c24 inset;
  -o-box-shadow: 0 0 2px #ed1c24 inset;
  box-shadow: 0 0 2px #A97AAD inset;
  background-color: #fff;
  border: 1px solid #A878AF;
  outline: none;
}

#username {
  background-position: 10px 10px !important
}

#password {
  background-position: 10px -53px !important
}

.login_content form div a {
  font-size: 12px;
  margin: 10px 15px 0 0;
}

.reset_pass {
  margin-top: 10px !important;
}

.login_content div .reset_pass {
  margin-top: 13px !important;
  margin-right: 39px;
  float: right;
}

.separator {
  border-top: 1px solid #D8D8D8;
  margin-top: 10px;
  padding-top: 10px;
}

.button {
  background: rgb(247, 249, 250);
  background: -moz-linear-gradient(to bottom, rgba(247, 249, 250, 1) 0%, rgba(240, 240, 240, 1) 100%);
  background: -webkit-linear-gradient(to bottom, rgba(247, 249, 250, 1) 0%, rgba(240, 240, 240, 1) 100%);
  background: -o-linear-gradient(to bottom, rgba(247, 249, 250, 1) 0%, rgba(240, 240, 240, 1) 100%);
  background: -ms-linear-gradient(to bottom, rgba(247, 249, 250, 1) 0%, rgba(240, 240, 240, 1) 100%);
  background: linear-gradient(to bottom, rgba(247, 249, 250, 1) 0%, rgba(240, 240, 240, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f9fa', endColorstr='#f0f0f0', GradientType=0);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  border-top: 1px solid #CFD5D9;
  padding: 15px 0;
}

.login_content form input[type="submit"],
#content form .submit {
  float: left;
  margin-left: 38px;
}

.button a {
  background: url(http://cssdeck.com/uploads/media/items/8/8bcLQqF.png) 0 -112px no-repeat;
  color: #7E7E7E;
  font-size: 17px;
  padding: 2px 0 2px 40px;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.button a:hover {
  background-position: 0 -135px;
  color: #00aeef;
}

header {
  width: 100%;
}

/** signup **/

/** NProgress **/
#nprogress .bar {
  background: #1ABB9C;
}

#nprogress .peg {
  box-shadow: 0 0 10px #1ABB9C, 0 0 5px #1ABB9C;
}

#nprogress .spinner-icon {
  border-top-color: #1ABB9C;
  border-left-color: #1ABB9C;
}

/** /NProgress **/

/** bootstrap-wysiwyg **/
.editor-wrapper {
  min-height: 250px;
  background-color: white;
  border-collapse: separate;
  border: 1px solid rgb(204, 204, 204);
  padding: 4px;
  box-sizing: content-box;
  -webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
  box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  overflow: scroll;
  outline: none;
}

.voiceBtn {
  width: 20px;
  color: transparent;
  background-color: transparent;
  transform: scale(2.0, 2.0);
  -webkit-transform: scale(2.0, 2.0);
  -moz-transform: scale(2.0, 2.0);
  border: transparent;
  cursor: pointer;
  box-shadow: none;
  -webkit-box-shadow: none;
}

div[data-role="editor-toolbar"] {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.dropdown-menu a {
  cursor: pointer;
}

/** /bootstrap-wysiwyg **/

/** Select2 **/
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 0;
  min-height: 38px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #73879C;
  padding-top: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding-top: 3px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 36px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  margin-top: 2px;
  border: none;
  border-radius: 0;
  padding: 3px 5px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid #ccc;
}

/** /Select2 **/

/** Switchery **/
.switchery {
  width: 32px;
  height: 20px;
}

.switchery>small {
  width: 20px;
  height: 20px;
}

/** /Switchery **/

/** Normalize.css **/
fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

/** /Normalize.css **/

/** Cropper **/
.cropper .img-container,
.cropper .img-preview {
  background-color: #f7f7f7;
  width: 100%;
  text-align: center;
}

.cropper .img-container {
  min-height: 200px;
  max-height: 516px;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .cropper .img-container {
    min-height: 516px;
  }
}

.cropper .img-container>img {
  max-width: 100%;
}

.cropper .docs-preview {
  margin-right: -15px;
}

.cropper .img-preview {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  overflow: hidden;
}

.cropper .img-preview>img {
  max-width: 100%;
}

.cropper .preview-lg {
  width: 263px;
  height: 148px;
}

.cropper .preview-md {
  width: 139px;
  height: 78px;
}

.cropper .preview-sm {
  width: 69px;
  height: 39px;
}

.cropper .preview-xs {
  width: 35px;
  height: 20px;
  margin-right: 0;
}

.cropper .docs-data>.input-group {
  margin-bottom: 10px;
}

.cropper .docs-data>.input-group>label {
  min-width: 80px;
}

.cropper .docs-data>.input-group>span {
  min-width: 50px;
}

.cropper .docs-buttons>.btn,
.cropper .docs-buttons>.btn-group,
.cropper .docs-buttons>.form-control {
  margin-right: 5px;
  margin-bottom: 10px;
}

.cropper .docs-toggles>.btn,
.cropper .docs-toggles>.btn-group,
.cropper .docs-toggles>.dropdown {
  margin-bottom: 10px;
}

.cropper .docs-tooltip {
  display: block;
  margin: -6px -12px;
  padding: 6px 12px;
}

.cropper .docs-tooltip>.icon {
  margin: 0 -3px;
  vertical-align: top;
}

.cropper .tooltip-inner {
  white-space: normal;
}

.cropper .btn-upload .tooltip-inner,
.cropper .btn-toggle .tooltip-inner {
  white-space: nowrap;
}

.cropper .btn-toggle {
  padding: 6px;
}

.cropper .btn-toggle>.docs-tooltip {
  margin: -6px;
  padding: 6px;
}

@media (max-width: 400px) {
  .cropper .btn-group-crop {
    margin-right: -15px !important;
  }

  .cropper .btn-group-crop>.btn {
    padding-left: 5px;
    padding-right: 5px;
  }

  .cropper .btn-group-crop .docs-tooltip {
    margin-left: -5px;
    margin-right: -5px;
    padding-left: 5px;
    padding-right: 5px;
  }
}

.cropper .docs-options .dropdown-menu {
  width: 100%;
}

.cropper .docs-options .dropdown-menu>li {
  padding: 3px 20px;
}

.cropper .docs-options .dropdown-menu>li:hover {
  background-color: #f7f7f7;
}

.cropper .docs-options .dropdown-menu>li>label {
  display: block;
}

.cropper .docs-cropped .modal-body {
  text-align: center;
}

.cropper .docs-cropped .modal-body>img,
.cropper .docs-cropped .modal-body>canvas {
  max-width: 100%;
}

.cropper .docs-diagram .modal-dialog {
  max-width: 352px;
}

.cropper .docs-cropped canvas {
  max-width: 100%;
}

/** /Cropper **/

/** jQuery Smart Wizard  **/
.form_wizard .stepContainer {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  border: 0 solid #CCC;
  overflow-x: hidden;
}

.wizard_horizontal ul.wizard_steps {
  display: table;
  list-style: none;
  position: relative;
  width: 100%;
  margin: 0 0 20px;
}

.wizard_horizontal ul.wizard_steps li {
  display: table-cell;
  text-align: center;
}

.wizard_horizontal ul.wizard_steps li a,
.wizard_horizontal ul.wizard_steps li:hover {
  display: block;
  position: relative;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
  opacity: 1;
  color: #666;
}

.wizard_horizontal ul.wizard_steps li a:before {
  content: "";
  position: absolute;
  height: 4px;
  background: #ccc;
  top: 20px;
  width: 100%;
  z-index: 4;
  left: 0;
}

.wizard_horizontal ul.wizard_steps li a.disabled .step_no {
  background: #ccc;
}

.wizard_horizontal ul.wizard_steps li a .step_no {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 100px;
  display: block;
  margin: 0 auto 5px;
  font-size: 16px;
  text-align: center;
  position: relative;
  z-index: 5;
}

.wizard_horizontal ul.wizard_steps li a.selected:before,
.step_no {
  background: #34495E;
  color: #fff;
}

.wizard_horizontal ul.wizard_steps li a.done:before,
.wizard_horizontal ul.wizard_steps li a.done .step_no {
  background: #1ABB9C;
  color: #fff;
}

.wizard_horizontal ul.wizard_steps li:first-child a:before {
  left: 50%;
}

.wizard_horizontal ul.wizard_steps li:last-child a:before {
  right: 50%;
  width: 50%;
  left: auto;
}

.wizard_verticle .stepContainer {
  width: 80%;
  float: left;
  padding: 0 10px;
}

.actionBar {
  width: 100%;
  border-top: 1px solid #ddd;
  padding: 10px 5px;
  text-align: right;
  margin-top: 10px;
}

.actionBar .buttonDisabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.actionBar a {
  margin: 0 3px;
}

.wizard_verticle .wizard_content {
  width: 80%;
  float: left;
  padding-left: 20px;
}

.wizard_verticle ul.wizard_steps {
  display: table;
  list-style: none;
  position: relative;
  width: 20%;
  float: left;
  margin: 0 0 20px;
}

.wizard_verticle ul.wizard_steps li {
  display: list-item;
  text-align: center;
}

.wizard_verticle ul.wizard_steps li a {
  height: 80px;
}

.wizard_verticle ul.wizard_steps li a:first-child {
  margin-top: 20px;
}

.wizard_verticle ul.wizard_steps li a,
.wizard_verticle ul.wizard_steps li:hover {
  display: block;
  position: relative;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
  opacity: 1;
  color: #666;
}

.wizard_verticle ul.wizard_steps li a:before {
  content: "";
  position: absolute;
  height: 100%;
  background: #ccc;
  top: 20px;
  width: 4px;
  z-index: 4;
  left: 49%;
}

.wizard_verticle ul.wizard_steps li a.disabled .step_no {
  background: #ccc;
}

.wizard_verticle ul.wizard_steps li a .step_no {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 100px;
  display: block;
  margin: 0 auto 5px;
  font-size: 16px;
  text-align: center;
  position: relative;
  z-index: 5;
}

.wizard_verticle ul.wizard_steps li a.selected:before,
.step_no {
  background: #34495E;
  color: #fff;
}

.wizard_verticle ul.wizard_steps li a.done:before,
.wizard_verticle ul.wizard_steps li a.done .step_no {
  background: #1ABB9C;
  color: #fff;
}

.wizard_verticle ul.wizard_steps li:first-child a:before {
  left: 49%;
}

.wizard_verticle ul.wizard_steps li:last-child a:before {
  left: 49%;
  left: auto;
  width: 0;
}

.form_wizard .loader {
  display: none;
}

.form_wizard .msgBox {
  display: none;
}

/** jQuery Smart Wizard  **/

/** bootstrap-progressbar  **/
.progress {
  border-radius: 0;
}

.progress-bar-info {
  background-color: #3498DB;
}

.progress-bar-success {
  background-color: #26B99A;
}

.progress_summary .progress {
  margin: 5px 0 12px !important;
}

.progress_summary .row {
  margin-bottom: 5px;
}

.progress_summary .row .col-xs-2 {
  padding: 0
}

.progress_summary .more_info span {
  text-align: right;
  float: right;
}

.progress_summary .data span {
  text-align: right;
  float: right;
}

.progress_summary p {
  margin-bottom: 3px;
  width: 100%;
}

.progress_title .left {
  float: left;
  text-align: left;
}

.progress_title .right {
  float: right;
  text-align: right;
  font-weight: 300;
}

.progress.progress_sm {
  border-radius: 0;
  margin-bottom: 18px;
  height: 10px !important;
}

.progress.progress_sm .progress-bar {
  height: 10px !important;
}

.dashboard_graph p {
  margin: 0 0 4px;
}

ul.verticle_bars {
  width: 100%;
}

ul.verticle_bars li {
  width: 23%;
  height: 200px;
  margin: 0;
}

.progress.vertical.progress_wide {
  width: 35px;
}

/** bootstrap-progressbar  **/

/** PNotify **/
.alert-success {
  color: #ffffff;
  background-color: rgba(38, 185, 154, 0.88);
  border-color: rgba(38, 185, 154, 0.88);
}

.alert-info {
  color: #E9EDEF;
  background-color: rgba(52, 152, 219, 0.88);
  border-color: rgba(52, 152, 219, 0.88);
}

.alert-warning {
  color: #E9EDEF;
  background-color: rgba(243, 156, 18, 0.88);
  border-color: rgba(243, 156, 18, 0.88);
}

.alert-danger,
.alert-error {
  color: #E9EDEF;
  background-color: rgba(231, 76, 60, 0.88);
  border-color: rgba(231, 76, 60, 0.88);
}

.ui-pnotify.dark .ui-pnotify-container {
  color: #E9EDEF;
  background-color: rgba(52, 73, 94, 0.88);
  border-color: rgba(52, 73, 94, 0.88);
}

.custom-notifications {
  position: fixed;
  margin: 15px;
  right: 0;
  float: right;
  width: 400px;
  z-index: 4000;
  bottom: 0;
}

ul.notifications {
  float: right;
  display: block;
  margin-bottom: 7px;
  padding: 0;
  width: 100%;
}

.notifications li {
  float: right;
  margin: 3px;
  width: 36px;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
}

.notifications li:last-child {
  margin-left: 0;
}

.notifications a {
  display: block;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  padding: 9px 8px;
}

.tabbed_notifications .text {
  padding: 5px 15px;
  height: 140px;
  border-radius: 7px;
  box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.3);
}

.tabbed_notifications div p {
  display: inline-block;
}

.tabbed_notifications h2 {
  font-weight: bold;
  text-transform: uppercase;
  width: 80%;
  float: left;
  height: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}

.tabbed_notifications .close {
  padding: 5px;
  color: #E9EDEF;
  float: right;
  opacity: 1;
}

/** /PNotify **/

/** bootstrap-daterangepicker **/
.daterangepicker.dropdown-menu {
  font-size: 13px;
  padding: 0;
  overflow: hidden;
}

.daterangepicker.picker_1 {
  background: #34495E;
  color: #ECF0F1;
}

.daterangepicker.picker_1 table.table-condensed thead tr:first-child {
  background: #1ABB9C;
}

.daterangepicker table.table-condensed thead tr:first-child th {
  line-height: 28px;
  text-align: center;
}

.daterangepicker.picker_1 table.table-condensed thead tr {
  background: #213345;
}

.daterangepicker table.table-condensed thead tr {
  line-height: 14px;
}

.daterangepicker table.table-condensed tbody tr:first-child td {
  padding-top: 10px;
}

.daterangepicker table.table-condensed th:first-child,
.daterangepicker table.table-condensed td:first-child {
  padding-left: 12px
}

.daterangepicker table.table-condensed th:last-child,
.daterangepicker table.table-condensed td:last-child {
  padding-right: 12px
}

.table-condensed>thead>tr>th,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>td {
  padding: 5px 7px;
  text-align: center;
}

.daterangepicker table.table-condensed tbody tr:last-child td {
  padding-bottom: 10px;
}

.daterangepicker.picker_2 table.table-condensed thead tr:first-child {
  color: inherit;
}

.daterangepicker.picker_2 table.table-condensed thead tr {
  color: #1ABB9C;
}

.daterangepicker.picker_3 table.table-condensed thead tr:first-child {
  background: #1ABB9C;
  color: #ECF0F1;
}

.daterangepicker.picker_4 table.table-condensed tbody td {
  background: #ECF0F1;
  color: #34495E;
  border: 1px solid #fff;
  padding: 4px 7px;
}

.daterangepicker.picker_4 table.table-condensed tbody td.active {
  background: #536A7F;
  color: #fff;
}

.daterangepicker.picker_4 table.table-condensed thead tr:first-child {
  background: #34495E;
  color: #ECF0F1;
}

.xdisplay_input {
  width: 240px;
  overflow: hidden;
  padding: 0;
}

.xdisplay {
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  margin-bottom: 20px;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  width: 230px;
  overflow: hidden;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.daterangepicker.opensright .ranges,
.daterangepicker.opensright .calendar,
.daterangepicker.openscenter .ranges,
.daterangepicker.openscenter .calendar {
  float: right;
}

.daterangepicker.dropdown-menu .calendar {}

.daterangepicker table {
  width: 100%;
  margin: 0;
}

.daterangepicker td,
.daterangepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  cursor: pointer;
  white-space: nowrap;
}

.daterangepicker td.off {
  color: #999;
}

.daterangepicker td.disabled {
  color: #999;
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
  background: #eee;
  color: #34495E;
}

.daterangepicker td.in-range {
  background: #E4E7EA;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.daterangepicker td.available+td.start-date {
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.in-range+td.end-date {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  border-radius: 4px !important;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #536A7F;
  color: #fff;
}

.daterangepicker td.week,
.daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
  height: 30px;
  border: 1px solid #ADB2B5;
  line-height: 30px;
  border-radius: 0px !important;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.ampmselect {
  width: 50px;
  margin-bottom: 0;
}

.daterangepicker_start_input {
  float: left;
}

.daterangepicker_end_input {
  float: left;
  padding-left: 11px;
}

.daterangepicker th.month {
  width: auto;
}

.daterangepicker .daterangepicker_start_input label,
.daterangepicker .daterangepicker_end_input label {
  color: #333;
  display: block;
  font-size: 11px;
  font-weight: normal;
  height: 20px;
  line-height: 20px;
  margin-bottom: 2px;
  text-shadow: #fff 1px 1px 0px;
  text-transform: uppercase;
  width: 74px;
}

.daterangepicker .ranges input {
  font-size: 11px;
}

.daterangepicker .ranges .input-mini {
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #555;
  display: block;
  font-size: 11px;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  margin: 0 0 10px 0;
  padding: 0 6px;
  width: 74px;
}

.daterangepicker .ranges .input-mini:hover {
  cursor: pointer;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.daterangepicker .ranges li {
  font-size: 13px;
  background: #f5f5f5;
  border: 1px solid #f5f5f5;
  color: #536A7F;
  padding: 3px 12px;
  margin-bottom: 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
}

.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover {
  background: #536A7F;
  border: 1px solid #536A7F;
  color: #fff;
}

.daterangepicker .calendar {
  display: none;
  max-width: 270px;
}

.daterangepicker.show-calendar .calendar {
  display: block;
}

.daterangepicker .calendar.single .calendar-date {
  border: none;
}

.daterangepicker.single .ranges,
.daterangepicker.single .calendar {
  float: none;
}

.daterangepicker .ranges {
  width: 160px;
  text-align: left;
  margin: 4px;
}

.daterangepicker .ranges .range_inputs>div {
  float: left;
}

.daterangepicker .ranges .range_inputs>div:nth-child(2) {
  padding-left: 11px;
}

.daterangepicker.opensleft .ranges,
.daterangepicker.opensleft .calendar {
  float: left;
  margin: 4px;
}

.daterangepicker .icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
}

/** bootstrap-daterangepicker **/

/** FullCalendar **/
.fc-state-default {
  background: #f5f5f5;
  color: #73879C;
}

.fc-state-down,
.fc-state-active {
  color: #333;
  background: #ccc;
}

/** /FullCalendar **/

/** Dropzone.js **/
.dropzone {
  min-height: 300px;
  border: 1px solid #e5e5e5;
}

/** /Dropzone.js **/


/* customised */
/* admin */
.unfloat {
  float: none !important;
}

/* centered columns styles */
@media (min-width:1024px) {
  .row-centered {
    display: flex;
    justify-content: center;
  }
}

@media (max-width:1021px) {
  .row-centered {
    text-align: center;
  }
}

.col-centered {
  display: inline-block;
  float: none;
  /* reset the text-align */
  text-align: left;
  /* inline-block space fix */
}

.col-right {
  display: inline-block;
  float: right;
  /* reset the text-align */
  text-align: right;
  /* inline-block space fix */
}

.form-control-feedback {
  margin-top: 33px;
}

.page-title .title_left {
  width: 50% !important;
}

.page-title .title_right {
  width: 50% !important;
}

@media (max-width: 450px) {
  .table>thead>tr>th {
    padding: 3px;
  }

  /* body
	{
		font-size:9px;
	} */

  .custom_font {
    font-size: 9px !important;
  }

  .w5 {
    width: 9% !important;
  }

  .custom_textbox {
    width: 100% !important;
  }

}


@media (max-width: 767px) {
  .hr_style_1 {
    width: 97%;
  }

  input[type=checkbox],
  input[type=radio] {
    width: unset !important;
    /* height:unset!important; */
  }

  /* label
	{
		display:unset!important;
	} */

  body {
    font-size: 13px;
  }

  .searchby_width {
    width: unset;
    font-weight: 700;
  }
}

@media (max-width:768px) {
  .select_width {
    margin-top: 5px;
  }
}

@media (min-width:768px) and (max-width: 991px) {
  .margin_left_1 {
    margin-left: 0px;
  }

  .margin_left_2 {
    margin-left: 0px;
  }

  .hr_style_1 {
    width: 48%;
  }
}

@media (min-width: 992px) {
  .margin_left_1 {
    margin-left: 3px;
  }

  .margin_left_2 {
    margin-left: -9.5px;
  }

  .hr_style_1 {
    width: 65%;
  }
}

.hr_style_1 {
  margin-top: 10px;
  margin-bottom: 5px;
}

input[type=checkbox] {
  margin: 1px;
}

.dataTables_filter {
  width: unset !important;
}

@media (min-width: 554px) {
  /* table.dataTable>tbody>tr.child span.dtr-title
	{
		min-width:325px!important;
	} */
}

@media (max-width: 553px) {
  /* table.dataTable>tbody>tr.child span.dtr-title
	{
		min-width:225px!important;
	} */
}

table.dataTable>tbody>tr.child span.dtr-title {
  min-width: 40% !important;
}

.nav-sm .site_title {
  width: 88% !important;
}

@media screen and (max-width: 767px) {
  div.dataTables_wrapper div.dataTables_length {
    text-align: unset !important;
  }

  .dataTables_length {
    float: left !important;
  }
}


@media screen and (max-width: 544px) {
  div.dataTables_wrapper div.dataTables_length {
    text-align: center !important;
    width: 100%;
  }

  .dataTables_filter {
    width: 100% !important;
  }
}

.custom_hr {
  margin-top: unset !important;
  margin-bottom: unset !important;
  border: -1 !important;
  width: 36.5% !important;
  border-top: 1px solid black !important;
  margin-right: 5px !important;
}

.signature {
  /* 	width:79.8%!important;
	text-align:right!important; */
  float: right;
  width: 37%;
}

.display_webkit_inline_box {
  display: -webkit-inline-box;
  width: 100%;
}

.p_width {
  /* width:235%; */
  min-width: 40%;
  margin: 0 !important;
}



#print_form_c,
#print_form_d,
#print_form_e,
#print_death_audit_proforma,
#print_shift_out_form_for_critical_care_department {
  display: none;
}

.signature_tdr_ms {
  /* margin:0 2rem 0 0;
	text-align:right; */
}

.signing_dt {
  /* margin:0 23rem 0 0;
	text-align:right; */
}

.w5 {
  width: 5%;
}

.w10 {
  width: 10% !important;
}

.w12 {
  width: 12% !important;
}

.w18 {
  width: 18% !important;
}

.w23 {
  width: 23% !important;
}

.w20 {
  width: 20% !important;
}

.w32 {
  width: 32% !important;
}

.w45 {
  width: 45% !important;
}

.ctable_border {
  border: 1px solid #ddd !important;
  margin-bottom: unset !important;
}

.ctable_borderless {
  border: unset !important;
  margin-bottom: unset !important;
}

.sr_no {
  display: inline-block;
  width: 8%;
}

.duration_in_days {
  display: inline-block;
  width: 60%;
}

@media (max-width: 767px) {

  #filter1,
  #filter2,
  #filter3,
  #filter9,
  #form_type {
    display: inline-block !important;
  }

  .logo {
    display: none;
  }

}

@media (max-width: 400px) {
  .custom_form_group {
    max-width: 50px !important;
  }

  .custom_form_group_w108 {
    max-width: 108px !important;
  }

  .btnDel,
  #btnAdd {
    padding: 6px 6px !important;
  }
}

/* .table
{
	table-layout:fixed;
} */

.table_layout_fixed {
  table-layout: fixed;
}

th,
td,
.form-group {
  word-wrap: break-word;
}

label {
  margin-bottom: unset !important;
  margin-top: 10px !important;
}

input[type=checkbox] {
  /* margin:4px 0 0!important; */
  margin: 0 !important;
}

/* .table-bordered>thead>tr>th
{
	border-top-width:1px!important;
}

.table>thead:first-child>tr:first-child>th
{
	border-top:1px solid black!important;
}

.table-bordered>thead>tr>th
{
	border:1px solid black!important;
}

.table-bordered>thead>tr>th
{

}

table
{
	border-spacing:0.3rem!important;
	border-collapse:separate!important;
} */

.table>thead:first-child>tr:first-child>th {
  border-top: 1px solid #ddd;
}

.custom_textbox {
  width: 28%;
  display: unset !important;
  border-radius: 5px;
}

.plr0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.pl0 {
  padding-left: 0 !important;
}

.pr0 {
  padding-right: 0 !important;
}

input[type=checkbox],
input[type=radio] {
  vertical-align: bottom !important;
  width: 2.5rem !important;
  height: 2rem;
}

.table>tbody>tr>td {
  vertical-align: bottom !important;
}

.hide_blbr_unhide_title {
  border-left: hidden !important;
  border-right: hidden !important;
}

.hide_blbr {
  border-left: hidden !important;
  border-right: hidden !important;
  font-size: 0 !important;
  padding: 2px 0 2px 0 !important;
}

.paragraph_bmargin_0 {
  margin: 0 0 0 0 !important;
  font-weight: 400;
}

.border_groove {
  border: groove !important
}

.light_grey {
  background-color: lightgray !important;
}

.custom_font {
  font-size: 14px !important;
  /* font-weight:bold; */
}

.table_groove>thead>tr>th {
  border: 1px solid dotted !important;
}

.vertical_align_top {
  vertical-align: top !important;
}

@media (max-width: 450px) {
  .table>thead>tr>th {
    font-size: 9px;
  }

  .sr_no {
    width: unset;
  }

  /* .table>thead>tr>th
	{
		vertical-align:top!important;
	}

	input[type=checkbox]
	{
		margin:0 0 0!important;
	} */

  table.dataTable.nowrap th {
    white-space: normal !important;
  }
}

.p0 {
  padding: 0 !important;
}

.top_nav .navbar-right li {
  font-size: 15px !important;
}

.custom_x_panel {
  background: #fff;
  border: 1px solid #E6E9ED;
  padding: 10px 10px;
}

.w250 {
  min-width: 250px;
}

.w150 {
  min-width: 150px;
}

.minw100px {
  min-width: 100px;
}

@media (min-width:768px) {
  .searchby_width {
    width: 12% !important;
    font-weight: 700 !important;
  }


}


@media (max-width:991px) {
  .search_btn {
    float: left;
    margin-top: 5px;
  }

}

@media (min-width:992px) {
  .search_btn {
    float: right;
  }
}

@media (min-width:554px) and (max-width:768px) {
  .select_width {
    width: 34%;
  }
}

.select_width {
  font-weight: 700;
}

.top_nav .dropdown-menu li a {
  padding: 12px 20px !important;
}

@media (max-width:768px) {

  .cbg-header-name,
  .cbg-header-name1,
  .cbg-header-name2 {
    width: unset !important;
  }

  .bootgrid-table td {
    white-space: normal !important;
  }

  .search_all_filter {
    float: none !important;
  }

  .filter_label {
    display: block !important;
  }

  .w11 {
    max-width: 100% !important;
  }

  .search_all_multi_filter {
    float: none !important;
  }

  .cloning_div {
    display: block;
  }

  .cloning_buttons {
    margin-left: 0;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .registration_login_wrapper {
    max-width: unset;
  }
}

@media (max-width:553px) {
  .display_initial {
    display: block;
  }
}

@media (min-width:554px) and (max-width:768px) {
  .display_initial {
    display: -webkit-inline-box !important;
  }

}

@media (min-width:769px) {
  .display_initial {
    display: initial !important;
  }

  .cloning_div {
    display: -webkit-box;
  }

  .cloning_buttons {
    margin-left: 10px;
  }

  .registration_login_wrapper {
    max-width: 40% !important;
  }
}


.search_all_filter {
  float: right;
}


.search_all_multi_filter {
  float: right;
}

.w11 {
  /* max-width:11%; */
  max-width: 12%;
}

.w100 {
  width: 100%;
}

/* .cloning_div
{
	display:-webkit-box;
}

.cloning_buttons
{
	 margin-left:10px;
} */

/* .btn
{
	margin-right:unset;
} */

/* .mw200px
{
	max-width: 200px;
} */

.nav_title {
  /* background-image: linear-gradient(to top right,#4baebc, #abdcdd,#abdcdd,#1393a8 ); */
  background: linear-gradient(to top right, #4baebc, #abdcdd, #abdcdd, #1393a8);
  /* background-image: linear-gradient(to top right, #4baebc,#abdcdd, #1393a8 );*/
}

.left_col {
  /* background: #2A3F54; */
  /* background-image: linear-gradient(to top right, #1393a8, #4baebc,#abdcdd ); */
  background: linear-gradient(to top right, #1393a8, #4baebc, #abdcdd);
}

.nav.side-menu>li>a {
  color: white !important;
}

.nav.side-menu>li.active>a {
  background-image: linear-gradient(to top, #4baebc, #abdcdd) !important;
  box-shadow: unset !important;
}

.nav.side-menu>li.active {
  border-right: 5px solid #1393a8 !important;
  min-height: 45px !important;
}

.nav-sm .nav.side-menu li.active-sm {
  border-right: 5px solid #1393a8;
  min-height: 65px;
}

.c_cyan {
  color: #1393a8;
}

.tcenter {
  text-align: center;
}

#datatable-responsive_filter {
  display: none;
}

.tright {
  text-align: right;
  text-align: -webkit-right;
}

.mt5px {
  margin-top: 5px;
}

.noofparticipants {
  float: right !important;
  width: unset !important;
}

.mw70 {
  max-width: 70%;
}

.center_flex {
  <<<<<<< HEAD background: #f9e9df !important;
  =======>>>>>>>af77f48c78c01330023343247f1137cd1deb8eb6
  /* display: flex;
	justify-content: center;
	align-items: center; */
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;

}

<<<<<<< HEAD .fc_ffffff {
  color: #FFFFFF;
}

=======.dtr-data {
  white-space: normal;
}

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

/* @media (min-width: 768px)
{
	.cform-inline .form-control
	{
		display: inline-block;
		width: 95%;
		vertical-align: middle;
	}
} */

.cform-inline .form-control {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}

.flex_end {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

select.input-sm {
  height: 34px;
}

@media (max-width: 768px) {
  .cselect {
    width: 100% !important;
  }
}

/* /admin */

html,
body {

  height: 100%;
  /* overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch; */
  /* position: relative; */
  position: relative;
  /* overflow-x: hidden; */
}

.wrapper {
  position: absolute;
  width: 100%;
  overflow-x: hidden !important;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.full-width {

  width: 100%;

}

.full-height {
  height: 100%;
}

.daterangepicker .ranges li {
  color: #73879C
}

.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover {
  background: #536A7F;
  border: 1px solid #536A7F;
  color: #fff
}

.daterangepicker .input-mini {
  background-color: #eee;
  border: 1px solid #ccc;
  box-shadow: none !important
}

.daterangepicker .input-mini.active {
  border: 1px solid #ccc
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect,
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
  height: 30px;
  border: 1px solid #ADB2B5;
  line-height: 30px;
  border-radius: 0px !important
}

.daterangepicker select.monthselect {
  margin-right: 2%
}

.daterangepicker td.in-range {
  background: #E4E7EA;
  color: #73879C
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #536A7F;
  color: #fff
}

.daterangepicker th.available:hover {
  background: #eee;
  color: #34495E
}

.daterangepicker:before,
.daterangepicker:after {
  content: none
}

.daterangepicker .calendar.single {
  margin: 0 0 4px 0
}

.daterangepicker .calendar.single .calendar-table {
  width: 224px;
  padding: 0 0 4px 0 !important
}

.daterangepicker .calendar.single .calendar-table thead tr:first-child th {
  padding: 8px 5px
}

.daterangepicker .calendar.single .calendar-table thead th {
  border-radius: 0
}

.daterangepicker.picker_1 {
  color: #fff;
  background: #34495E
}

.daterangepicker.picker_1 .calendar-table {
  background: #34495E
}

.daterangepicker.picker_1 .calendar-table thead tr {
  background: #213345
}

.daterangepicker.picker_1 .calendar-table thead tr:first-child {
  background: #1ABB9C
}

.daterangepicker.picker_1 .calendar-table td.off {
  background: #34495E;
  color: #999
}

.daterangepicker.picker_1 .calendar-table td.available:hover {
  color: #34495E
}

.daterangepicker.picker_2 .calendar-table thead tr {
  color: #1ABB9C
}

.daterangepicker.picker_2 .calendar-table thead tr:first-child {
  color: #73879C
}

.daterangepicker.picker_3 .calendar-table thead tr:first-child {
  color: #fff;
  background: #1ABB9C
}

.daterangepicker.picker_4 .calendar-table thead tr:first-child {
  color: #fff;
  background: #34495E
}

.daterangepicker.picker_4 .calendar-table td,
.daterangepicker.picker_4 .calendar-table td.off {
  background: #ECF0F1;
  border: 1px solid #fff;
  border-radius: 0
}

.daterangepicker.picker_4 .calendar-table td.active {
  background: #34495E
}

.calendar-exibit .show-calendar {
  float: none;
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #ccc;
  margin-bottom: 20px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  overflow: hidden
}

.calendar-exibit .show-calendar .calendar {
  margin: 0 0 4px 0
}

.calendar-exibit .show-calendar.picker_1 {
  background: #34495E
}

.calendar-exibit .calendar-table {
  padding: 0 0 4px 0
}

/* .left_col {
    background: #2A3F54
} */
.nav-sm .container.body .col-md-3.left_col {
  min-height: 100%;
  width: 70px;
  padding: 0;
  z-index: 9999;
  position: absolute
}

.nav-sm .container.body .col-md-3.left_col.menu_fixed {
  position: fixed;
  height: 100%
}

.nav-sm .container.body .col-md-3.left_col .mCSB_container,
.nav-sm .container.body .col-md-3.left_col .mCustomScrollBox {
  overflow: visible
}

.nav-sm .hidden-small {
  visibility: hidden
}

.nav-sm .container.body .right_col {
  padding: 10px 20px;
  margin-left: 70px;
  z-index: 2
}

.nav-sm .navbar.nav_title {
  width: 70px
}

.nav-sm .navbar.nav_title a span {
  display: none
}

.nav-sm .navbar.nav_title a i {
  font-size: 27px;
  margin: 13px 0 0 3px
}

.site_title i {
  border: 1px solid #EAEAEA;
  padding: 5px 6px;
  border-radius: 50%
}

.site_title img {
  max-height: 66px;
  /* max-width: 180px; */
  max-width: 200px;
}

.nav-sm .main_container .top_nav {
  display: block;
  margin-left: 70px;
  z-index: 2
}

.nav-sm .nav.side-menu li a {
  text-align: center !important;
  font-weight: 400;
  font-size: 10px;
  padding: 10px 5px
}

.nav-sm .nav.child_menu li.active,
.nav-sm .nav.side-menu li.active-sm {
  border-right: 5px solid #1ABB9C
}

.nav-sm ul.nav.child_menu ul,
.nav-sm .nav.side-menu li.active-sm ul ul {
  position: static;
  width: 200px;
  background: none
}

.nav-sm>.nav.side-menu>li.active-sm>a {
  color: #1ABB9C !important
}

.nav-sm .nav.side-menu li a i.toggle-up {
  display: none !important
}

.nav-sm .nav.side-menu li a i {
  font-size: 25px !important;
  text-align: center;
  width: 100% !important;
  margin-bottom: 5px
}

.nav-sm ul.nav.child_menu {
  left: 100%;
  position: absolute;
  top: 0;
  width: 210px;
  z-index: 4000;
  background: #3E5367;
  display: none
}

.nav-sm ul.nav.child_menu li {
  padding: 0 10px
}

.nav-sm ul.nav.child_menu li a {
  text-align: left !important
}

.nav-sm .profile {
  display: none
}

.menu_section {
  margin-bottom: 35px
}

.menu_section h3 {
  padding-left: 15px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .5px;
  font-weight: bold;
  font-size: 11px;
  margin-bottom: 0;
  margin-top: 0;
  text-shadow: 1px 1px #000
}

.menu_section>ul {
  margin-top: 10px
}

.profile_pic {
  width: 35%;
  float: left
}

.img-circle.profile_img {
  width: 70%;
  background: #fff;
  margin-left: 15%;
  z-index: 1000;
  position: inherit;
  margin-top: 10px;
  border: 1px solid rgba(52, 73, 94, 0.44);
  padding: 4px
}

.profile_info {
  padding: 10px;
  width: 65%;
  float: left
}

.profile_info span {
  font-size: 13px;
  line-height: 30px;
  color: #BAB8B8
}

.profile_info h2 {
  font-size: 14px;
  color: #ECF0F1;
  margin: 0;
  font-weight: 300
}

.profile.img_2 {
  text-align: center
}

.profile.img_2 .profile_pic {
  width: 100%
}

.profile.img_2 .profile_pic .img-circle.profile_img {
  width: 50%;
  margin: 10px 0 0
}

.profile.img_2 .profile_info {
  padding: 15px 10px 0;
  width: 100%;
  margin-bottom: 10px;
  float: left
}

.main_menu span.fa {
  float: right;
  text-align: center;
  margin-top: 5px;
  font-size: 10px;
  min-width: inherit;
  color: #C4CFDA
}

.active a span.fa {
  text-align: right !important;
  margin-right: 4px
}

.nav-sm .menu_section {
  margin: 0
}

.nav-sm span.fa,
.nav-sm .menu_section h3 {
  display: none
}

.nav-sm li li span.fa {
  display: inline-block
}

.nav_menu {
  float: left;
  /* background: #EDEDED; */
  /* background: #fff; */
  background: transparent;
  /* border-bottom: 1px solid #D9DEE4; */
  border-bottom: unset;
  margin-bottom: 10px;
  width: 100%;
  position: relative;
  padding: 1rem;
}

@media (min-width: 480px) {
  .nav_menu {
    position: static
  }
}

.nav-md .container.body .col-md-3.left_col {
  min-height: 100%;
  width: 230px;
  padding: 0;
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  z-index: 1
}

.nav-md .container.body .col-md-3.left_col.menu_fixed {
  height: 100%;
  position: fixed
}

body .container.body .right_col {
  /* background: #F7F7F7; */
  /* background: #fff; */
  background: transparent;
}

.nav-md .container.body .right_col {
  padding: 10px 20px 0;
  margin-left: 230px
}

.nav_title {
  width: 230px;
  float: left;
  /* background: #2A3F54; */
  border-radius: 0;
  height: 57px
}

@media (max-width: 991px) {

  .nav-md .container.body .right_col,
  .nav-md .container.body .top_nav {
    width: 100%;
    margin: 0
  }

  .nav-md .container.body .col-md-3.left_col {
    display: none
  }

  .nav-md .container.body .right_col {
    width: 100%;
    padding-right: 0
  }

  .right_col {
    padding: 10px !important
  }
}

@media (max-width: 1200px) {
  .x_title h2 {
    width: 62%;
    font-size: 17px
  }

  .tile,
  .graph {
    zoom: 85%;
    height: inherit
  }
}

@media (max-width: 1270px) and (min-width: 192px) {
  .x_title h2 small {
    display: none
  }
}

.left_col .mCSB_scrollTools {
  width: 6px
}

.left_col .mCSB_dragger {
  max-height: 400px !important
}

.blue {
  color: #3498DB
}

.purple {
  color: #9B59B6
}

.green {
  color: #1ABB9C
}

.aero {
  color: #9CC2CB
}

.red {
  color: #E74C3C
}

.dark {
  color: #34495E
}

.border-blue {
  border-color: #3498DB !important
}

.border-purple {
  border-color: #9B59B6 !important
}

.border-green {
  border-color: #1ABB9C !important
}

.border-aero {
  border-color: #9CC2CB !important
}

.border-red {
  border-color: #E74C3C !important
}

.border-dark {
  border-color: #34495E !important
}

.bg-white {
  background: #fff !important;
  border: 1px solid #fff !important;
  color: #73879C
}

.bg-green {
  background: #1ABB9C !important;
  border: 1px solid #1ABB9C !important;
  color: #fff
}

.bg-red {
  background: #E74C3C !important;
  border: 1px solid #E74C3C !important;
  color: #fff
}

.bg-blue {
  background: #3498DB !important;
  border: 1px solid #3498DB !important;
  color: #fff
}

.bg-orange {
  background: #F39C12 !important;
  border: 1px solid #F39C12 !important;
  color: #fff
}

.bg-purple {
  background: #9B59B6 !important;
  border: 1px solid #9B59B6 !important;
  color: #fff
}

.bg-blue-sky {
  background: #50C1CF !important;
  border: 1px solid #50C1CF !important;
  color: #fff
}

.container {
  width: 100%;
  /* padding: 0 */
}

.navbar-nav>li>a,
.navbar-brand,
.navbar-nav>li>a {
  color: #fff !important
}

.top_nav .nav>li>a:focus,
.top_nav .nav>li>a:hover,
.top_nav .nav .open>a,
.top_nav .nav .open>a:focus,
.top_nav .nav .open>a:hover {
  background: #D9DEE4
}

body {
  /* color: #73879C;
    background: #2A3F54; */
  /* font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif; */
  font-size: 13px;
  font-weight: 400;
  line-height: 1.471;
  /* color: #444!important; */
  /* background: #F7F7F7; */
  /* background: #fff; */
}

.main_container .top_nav {
  display: block;
  margin-left: 230px
}

.no-padding {
  padding: 0 !important
}

.page-title {
  width: 100%;
  height: 65px;
  padding: 10px 0
}

.page-title .title_left {
  width: 45%;
  float: left;
  display: block
}

.page-title .title_left h3 {
  margin: 9px 0
}

.page-title .title_right {
  width: 55%;
  float: left;
  display: block
}

.page-title .title_right .pull-right {
  margin: 10px 0
}

.fixed_height_320 {
  height: 320px
}

.fixed_height_390 {
  height: 390px
}

.fixed_height_200 {
  height: 200px
}

.overflow_hidden {
  overflow: hidden
}

.progress-bar-dark {
  background-color: #34495E !important
}

.progress-bar-gray {
  background-color: #BDC3C7 !important
}

table.no-margin .progress {
  margin-bottom: 0
}

.main_content {
  padding: 10px 20px
}

.col-md-55 {
  width: 50%;
  margin-bottom: 10px
}

@media (min-width: 768px) {
  .col-md-55 {
    width: 20%
  }
}

@media (min-width: 992px) {
  .col-md-55 {
    width: 20%
  }
}

@media (min-width: 1200px) {
  .col-md-55 {
    width: 20%
  }
}

@media (min-width: 192px) and (max-width: 1270px) {
  table.tile_info span.right {
    margin-right: 7px;
    float: left
  }
}

.center-margin {
  margin: 0 auto;
  float: none !important
}

.col-md-55,
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  float: left;
  padding-right: 10px;
  padding-left: 10px
}

.row {
  margin-right: -10px;
  margin-left: -10px
}

.grid_slider .col-md-6 {
  padding: 0 40px
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 10px;
  margin-bottom: 10px
}

a {
  color: #5A738E;
  text-decoration: none
}

a,
a:visited,
a:focus,
a:active,
:visited,
:focus,
:active,
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 0
}

a:hover,
a:focus {
  text-decoration: none
}

.navbar {
  margin-bottom: 0
}

.navbar-header {
  background: #34495E
}

.navbar-right {
  margin-right: 0
}

.top_nav .navbar-right {
  margin: 0;
  width: 70%;
  float: right;
  text-align: right;
}

.top_nav .navbar-right li {
  display: inline-block;
  /* float: right; */
  float: none;
  position: static
}

@media (min-width: 480px) {
  .top_nav .navbar-right li {
    position: relative
  }
}

.top_nav .dropdown-menu li {
  width: 100%
}

.top_nav .dropdown-menu li a {
  width: 100%;
  padding: 12px 20px
}

.top_nav li a i {
  font-size: 15px
}

.navbar-static-top {
  position: fixed;
  top: 0;
  width: 100%
}

.sidebar-header {
  border-bottom: 0;
  margin-top: 46px
}

.sidebar-header:first-of-type {
  margin-top: 0
}

.nav.side-menu>li {
  position: relative;
  display: block;
  cursor: pointer
}

.nav.side-menu>li>a {
  margin-bottom: 6px
}

.nav.side-menu>li>a:hover {
  color: #F2F5F7 !important
}

.nav.side-menu>li>a:hover,
.nav>li>a:focus {
  text-decoration: none;
  background: transparent
}

.nav.child_menu {
  display: none
}

.nav.child_menu li:hover,
.nav.child_menu li.active {
  background-color: rgba(255, 255, 255, 0.06)
}

.nav.child_menu li {
  padding-left: 36px
}

.nav-md ul.nav.child_menu li:before {
  background: #425668;
  bottom: auto;
  content: "";
  height: 8px;
  left: 23px;
  margin-top: 15px;
  position: absolute;
  right: auto;
  width: 8px;
  z-index: 1;
  border-radius: 50%
}

.nav-md ul.nav.child_menu li:after {
  border-left: 1px solid #425668;
  bottom: 0;
  content: "";
  left: 27px;
  position: absolute;
  top: 0
}

.nav-md ul.nav.child_menu li:last-child::after {
  bottom: 50%;
}

.nav.side-menu>li>a,
.nav.child_menu>li>a {
  color: #E7E7E7;
  font-weight: 500
}

.nav.child_menu li li:hover,
.nav.child_menu li li.active {
  background: none
}

.nav.child_menu li li a:hover,
.nav.child_menu li li a.active {
  color: #fff
}

.nav>li>a {
  position: relative;
  display: block;
  padding: 13px 15px 12px
}

.nav.side-menu>li.current-page,
.nav.side-menu>li.active {
  border-right: 5px solid #1ABB9C
}

.nav li.current-page {
  background: rgba(255, 255, 255, 0.05)
}

.nav li li li.current-page {
  background: none
}

.nav li li.current-page a {
  color: #fff
}

.nav.side-menu>li.active>a {
  text-shadow: rgba(0, 0, 0, 0.25) 0 -1px 0;
  background: linear-gradient(#334556, #2C4257), #2A3F54;
  box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0, inset rgba(255, 255, 255, 0.16) 0 1px 0
}

.navbar-brand,
.navbar-nav>li>a {
  font-weight: 500;
  color: #ECF0F1 !important;
  margin-left: 0 !important;
  line-height: 32px
}

.site_title {
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 400;
  font-size: 22px;
  width: 100%;
  color: #ECF0F1 !important;
  margin-left: 0 !important;
  line-height: 59px;
  display: block;
  height: 55px;
  margin: 0;
  padding-left: 10px
}

.site_title:hover,
.site_title:focus {
  text-decoration: none
}

.nav.navbar-nav>li>a {
  color: #CB6171 !important
}

.nav.top_menu>li>a {
  position: relative;
  display: block;
  padding: 10px 15px;
  color: #34495E !important
}

.nav>li>a:hover,
.nav>li>a:focus {
  background-color: transparent
}

.top_search {
  padding: 0
}

.top_search .form-control {
  border-right: 0;
  box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.075);
  border-radius: 25px 0px 0px 25px;
  padding-left: 20px;
  border: 1px solid rgba(221, 226, 232, 0.49)
}

.top_search .form-control:focus {
  border: 1px solid rgba(221, 226, 232, 0.49);
  border-right: 0
}

.top_search .input-group-btn button {
  border-radius: 0px 25px 25px 0px;
  border: 1px solid rgba(221, 226, 232, 0.49);
  border-left: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  color: #93A2B2;
  margin-bottom: 0 !important
}

.toggle {
  float: left;
  margin: 0;
  padding-top: 16px;
  width: 70px
}

.toggle a {
  padding: 15px 15px 0;
  margin: 0;
  cursor: pointer
}

.toggle a i {
  font-size: 26px
}

.nav.child_menu>li>a {
  color: rgba(255, 255, 255, 0.75);
  font-size: 12px;
  padding: 9px
}

.panel_toolbox {
  float: right;
  min-width: 70px
}

.panel_toolbox>li {
  float: left;
  cursor: pointer
}

.panel_toolbox>li>a {
  padding: 5px;
  color: #C5C7CB;
  font-size: 14px
}

.panel_toolbox>li>a:hover {
  background: #F5F7FA
}

.line_30 {
  line-height: 30px
}

.main_menu_side {
  padding: 0
}

.bs-docs-sidebar .nav>li>a {
  display: block;
  padding: 4px 6px
}

footer {
  background: #fff;
  padding: 15px 20px;
  display: block
}

.nav-sm footer {
  margin-left: 70px
}

.footer_fixed footer {
  position: fixed;
  left: 0px;
  bottom: 0px;
  width: 100%
}

@media (min-width: 768px) {
  .footer_fixed footer {
    margin-left: 0
  }
}

@media (min-width: 768px) {
  .footer_fixed .nav-sm footer {
    margin-left: 0
  }
}

.tile-stats.sparkline {
  padding: 10px;
  text-align: center
}

.jqstooltip {
  background: #34495E !important;
  width: 30px !important;
  height: 22px !important;
  text-decoration: none
}

.tooltip {
  display: block !important
}

.tiles {
  border-top: 1px solid #ccc;
  margin-top: 15px;
  padding-top: 5px;
  margin-bottom: 0
}

.tile {
  overflow: hidden
}

.top_tiles {
  margin-bottom: 0
}

.top_tiles .tile h2 {
  font-size: 30px;
  line-height: 30px;
  margin: 3px 0 7px;
  font-weight: bold
}

article.media {
  width: 100%
}

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

#integration-list {
  width: 100%;
  margin: 0 auto;
  display: table
}

#integration-list ul {
  padding: 0;
  margin: 20px 0;
  color: #555
}

#integration-list ul>li {
  list-style: none;
  border-top: 1px solid #ddd;
  display: block;
  padding: 15px;
  overflow: hidden
}

#integration-list ul:last-child {
  border-bottom: 1px solid #ddd
}

#integration-list ul>li:hover {
  background: #efefef
}

.expand {
  display: block;
  text-decoration: none;
  color: #555;
  cursor: pointer
}

.expand h2 {
  width: 85%;
  float: left
}

h2 {
  /* font-size: 30px; */
  font-weight: 400
}

#left,
#right {
  display: table
}

#sup {
  display: table-cell;
  vertical-align: middle;
  width: 80%
}

.detail a {
  text-decoration: none;
  color: #C0392B;
  border: 1px solid #C0392B;
  padding: 6px 10px 5px;
  font-size: 13px;
  margin-right: 7px
}

.detail {
  margin: 10px 0 10px 0px;
  display: none;
  line-height: 22px;
  height: 150px
}

.detail span {
  margin: 0
}

.right-arrow {
  width: 10px;
  float: right;
  font-weight: bold;
  font-size: 20px
}

.accordion .panel {
  margin-bottom: 5px;
  border-radius: 0;
  border-bottom: 1px solid #efefef
}

.accordion .panel-heading {
  background: #F2F5F7;
  padding: 13px;
  width: 100%;
  display: block
}

.accordion .panel:hover {
  background: #F2F5F7
}

.x_panel {
  position: relative;
  width: 100%;
  /* margin-bottom: 10px; */
  margin-bottom: 0;
  padding: 10px 17px;
  display: inline-block;
  /* background: #fff; */
  background: transparent;
  /* border: 1px solid #E6E9ED; */
  border: 0;
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  column-break-inside: avoid;
  opacity: 1;
  transition: all .2s ease
}

.x_title {
  border-bottom: 2px solid #E6E9ED;
  padding: 1px 5px 6px;
  margin-bottom: 10px
}

.x_title .filter {
  width: 40%;
  float: right
}

.x_title h2 {
  margin: 5px 0 6px;
  float: left;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap
}

.x_title h2 small {
  margin-left: 10px
}

.x_title span {
  color: #BDBDBD
}

.x_content {
  padding: 0 5px 6px;
  position: relative;
  width: 100%;
  float: left;
  clear: both;
  /* margin-top: 5px */
  margin-top: 0
}

/* .x_content h4 {
    font-size: 16px;
    font-weight: 500
} */
legend {
  padding-bottom: 7px
}

.demo-placeholder {
  height: 280px
}

.profile_details:nth-child(3n) {
  clear: both
}

.profile_details .profile_view {
  display: inline-block;
  padding: 10px 0 0;
  background: #fff
}

.profile_details .profile_view .divider {
  border-top: 1px solid #e5e5e5;
  padding-top: 5px;
  margin-top: 5px
}

.profile_details .profile_view .ratings {
  margin-bottom: 0
}

.profile_details .profile_view .bottom {
  background: #F2F5F7;
  padding: 9px 0;
  border-top: 1px solid #E6E9ED
}

.profile_details .profile_view .left {
  margin-top: 20px
}

.profile_details .profile_view .left p {
  margin-bottom: 3px
}

.profile_details .profile_view .right {
  margin-top: 0px;
  padding: 10px
}

.profile_details .profile_view .img-circle {
  border: 1px solid #E6E9ED;
  padding: 2px
}

.profile_details .profile_view h2 {
  margin: 5px 0
}

.profile_details .profile_view .ratings {
  text-align: left;
  font-size: 16px
}

.profile_details .profile_view .brief {
  margin: 0;
  font-weight: 300
}

.profile_details .profile_left {
  background: white
}

.pagination.pagination-split li {
  display: inline-block;
  margin-right: 3px
}

.pagination.pagination-split li a {
  border-radius: 4px;
  color: #768399;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px
}

table.tile h3,
table.tile h4,
table.tile span {
  font-weight: bold;
  vertical-align: middle !important
}

table.tile th,
table.tile td {
  text-align: center
}

table.tile th {
  border-bottom: 1px solid #E6ECEE
}

table.tile td {
  padding: 5px 0
}

table.tile td ul {
  text-align: left;
  padding-left: 0
}

table.tile td ul li {
  list-style: none;
  width: 100%
}

table.tile td ul li a {
  width: 100%
}

table.tile td ul li a big {
  right: 0;
  float: right;
  margin-right: 13px
}

table.tile_info {
  width: 100%
}

table.tile_info td {
  text-align: left;
  padding: 1px;
  font-size: 15px
}

table.tile_info td p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  line-height: 28px
}

table.tile_info td i {
  margin-right: 8px;
  font-size: 17px;
  float: left;
  width: 18px;
  line-height: 28px
}

table.tile_info td:first-child {
  width: 83%
}

td span {
  line-height: inherit
}

.sidebar-widget {
  overflow: hidden
}

.error-number {
  font-size: 90px;
  line-height: 90px;
  margin: 20px 0
}

.col-middle {
  margin-top: 5%
}

.mid_center {
  width: 370px;
  margin: 0 auto;
  text-align: center;
  padding: 10px 20px
}

h3.degrees {
  font-size: 22px;
  font-weight: 400;
  text-align: center
}

.degrees:after {
  content: "o";
  position: relative;
  top: -12px;
  font-size: 13px;
  font-weight: 300
}

.daily-weather .day {
  font-size: 14px;
  border-top: 2px solid rgba(115, 135, 156, 0.36);
  text-align: center;
  border-bottom: 2px solid rgba(115, 135, 156, 0.36);
  padding: 5px 0
}

.weather-days .col-sm-2 {
  overflow: hidden;
  width: 16.66666667%
}

.weather .row {
  margin-bottom: 0
}

.bulk-actions {
  display: none
}

table.countries_list {
  width: 100%
}

table.countries_list td {
  padding: 0 10px;
  line-height: 30px;
  border-top: 1px solid #eeeeee
}

.dataTables_paginate a {
  padding: 6px 9px !important;
  background: #ddd !important;
  border-color: #ddd !important
}

.paging_full_numbers a.paginate_active {
  background-color: rgba(38, 185, 154, 0.59) !important;
  border-color: rgba(38, 185, 154, 0.59) !important
}

button.DTTT_button,
div.DTTT_button,
a.DTTT_button {
  border: 1px solid #E7E7E7 !important;
  background: #E7E7E7 !important;
  box-shadow: none !important
}

table.jambo_table {
  border: 1px solid rgba(221, 221, 221, 0.78)
}

table.jambo_table thead {
  background: rgba(52, 73, 94, 0.94);
  color: #ECF0F1
}

table.jambo_table tbody tr:hover td {
  background: rgba(38, 185, 154, 0.07);
  border-top: 1px solid rgba(38, 185, 154, 0.11);
  border-bottom: 1px solid rgba(38, 185, 154, 0.11)
}

table.jambo_table tbody tr.selected {
  background: rgba(38, 185, 154, 0.16)
}

table.jambo_table tbody tr.selected td {
  border-top: 1px solid rgba(38, 185, 154, 0.4);
  border-bottom: 1px solid rgba(38, 185, 154, 0.4)
}

.dataTables_paginate a {
  background: #ff0000
}

.dataTables_wrapper {
  position: relative;
  clear: both;
  zoom: 1
}

.dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 250px;
  height: 30px;
  margin-left: -125px;
  margin-top: -15px;
  padding: 14px 0 2px 0;
  border: 1px solid #ddd;
  text-align: center;
  color: #999;
  font-size: 14px;
  background-color: white
}

.dataTables_length {
  width: 40%;
  float: left
}

.dataTables_filter {
  width: 50%;
  float: right;
  text-align: right
}

.dataTables_info {
  width: 60%;
  float: left
}

.dataTables_paginate {
  float: right;
  text-align: right
}

table.dataTable th.focus,
table.dataTable td.focus {
  outline: 2px solid #1ABB9C !important;
  outline-offset: -1px
}

table.display {
  margin: 0 auto;
  clear: both;
  width: 100%
}

table.display thead th {
  padding: 8px 18px 8px 10px;
  border-bottom: 1px solid black;
  font-weight: bold;
  cursor: pointer
}

table.display tfoot th {
  padding: 3px 18px 3px 10px;
  border-top: 1px solid black;
  font-weight: bold
}

table.display tr.heading2 td {
  border-bottom: 1px solid #aaa
}

table.display td {
  padding: 3px 10px
}

table.display td.center {
  text-align: center
}

table.display thead th:active,
table.display thead td:active {
  outline: none
}

.dataTables_scroll {
  clear: both
}

.dataTables_scrollBody {
  margin-top: -1px;
  -webkit-overflow-scrolling: touch
}

.top .dataTables_info {
  float: none
}

.clear {
  clear: both
}

.dataTables_empty {
  text-align: center
}

tfoot input {
  margin: 0.5em 0;
  width: 100%;
  color: #444
}

tfoot input.search_init {
  color: #999
}

td.group {
  background-color: #d1cfd0;
  border-bottom: 2px solid #A19B9E;
  border-top: 2px solid #A19B9E
}

td.details {
  background-color: #d1cfd0;
  border: 2px solid #A19B9E
}

.example_alt_pagination div.dataTables_info {
  width: 40%
}

.paging_full_numbers {
  width: 400px;
  height: 22px;
  line-height: 22px
}

.paging_full_numbers a:active {
  outline: none
}

.paging_full_numbers a:hover {
  text-decoration: none
}

.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
  border: 1px solid #aaa;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 2px 5px;
  margin: 0 3px;
  cursor: pointer
}

.paging_full_numbers a.paginate_button {
  background-color: #ddd
}

.paging_full_numbers a.paginate_button:hover {
  background-color: #ccc;
  text-decoration: none !important
}

.paging_full_numbers a.paginate_active {
  background-color: #99B3FF
}

table.display tr.even.row_selected td {
  background-color: #B0BED9
}

table.display tr.odd.row_selected td {
  background-color: #9FAFD1
}

div.box {
  height: 100px;
  padding: 10px;
  overflow: auto;
  border: 1px solid #8080FF;
  /* background-color: #E5E5FF */
}

ul.msg_list li {
  background: #f7f7f7;
  padding: 5px;
  display: -ms-flexbox;
  display: flex;
  margin: 6px 6px 0;
  width: 96% !important
}

ul.msg_list li:last-child {
  margin-bottom: 6px;
  padding: 10px
}

ul.msg_list li a {
  padding: 3px 5px !important
}

ul.msg_list li a .image img {
  border-radius: 2px 2px 2px 2px;
  -webkit-border-radius: 2px 2px 2px 2px;
  float: left;
  margin-right: 10px;
  width: 11%
}

ul.msg_list li a .time {
  font-size: 11px;
  font-style: italic;
  font-weight: bold;
  position: absolute;
  right: 35px
}

ul.msg_list li a .message {
  display: block !important;
  font-size: 11px
}

.dropdown-menu.msg_list span {
  white-space: normal
}

.dropdown-menu {
  border: medium none;
  box-shadow: none;
  display: none;
  float: left;
  font-size: 12px;
  left: 0;
  list-style: none outside none;
  padding: 0;
  position: absolute;
  text-shadow: none;
  top: 100%;
  z-index: 9998;
  border: 1px solid #D9DEE4;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.dropdown-menu>li>a {
  color: #5A738E
}

.navbar-nav .open .dropdown-menu {
  position: absolute;
  background: #fff;
  margin-top: 0;
  border: 1px solid #D9DEE4;
  -webkit-box-shadow: none;
  right: 0;
  left: auto;
  width: 220px
}

.navbar-nav .open .dropdown-menu.msg_list {
  width: 300px
}

.info-number .badge {
  font-size: 10px;
  font-weight: normal;
  line-height: 13px;
  padding: 2px 6px;
  position: absolute;
  right: 2px;
  top: 8px
}

ul.to_do {
  padding: 0
}

ul.to_do li {
  background: #f3f3f3;
  border-radius: 3px;
  position: relative;
  padding: 7px;
  margin-bottom: 5px;
  list-style: none
}

ul.to_do p {
  margin: 0
}

.dashboard-widget {
  background: #f6f6f6;
  border-top: 5px solid #79C3DF;
  border-radius: 3px;
  padding: 5px 10px 10px
}

.dashboard-widget .dashboard-widget-title {
  font-weight: normal;
  border-bottom: 1px solid #c1cdcd;
  margin: 0 0 10px 0;
  padding-bottom: 5px;
  padding-left: 40px;
  line-height: 30px
}

.dashboard-widget .dashboard-widget-title i {
  font-size: 100%;
  margin-left: -35px;
  margin-right: 10px;
  color: #33a1c9;
  padding: 3px 6px;
  border: 1px solid #abd9ea;
  border-radius: 5px;
  background: #fff
}

ul.quick-list {
  width: 45%;
  padding-left: 0;
  display: inline-block
}

ul.quick-list li {
  padding-left: 10px;
  list-style: none;
  margin: 0;
  padding-bottom: 6px;
  padding-top: 4px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

ul.quick-list li i {
  padding-right: 10px;
  color: #757679
}

.dashboard-widget-content {
  padding-top: 9px
}

.dashboard-widget-content .sidebar-widget {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  background: #fff;
  border: 1px solid #abd9ea;
  border-radius: 5px;
  text-align: center;
  float: right;
  padding: 2px;
  margin-top: 10px
}

.widget_summary {
  width: 100%;
  display: -ms-inline-flexbox;
  display: inline-flex
}

.widget_summary .w_left {
  float: left;
  text-align: left
}

.widget_summary .w_center {
  float: left
}

.widget_summary .w_right {
  float: left;
  text-align: right
}

.widget_summary .w_right span {
  font-size: 20px
}

.w_20 {
  width: 20%
}

.w_25 {
  width: 25%
}

.w_55 {
  width: 55%
}

h5.graph_title {
  text-align: left;
  margin-left: 10px
}

h5.graph_title i {
  margin-right: 10px;
  font-size: 17px
}

span.right {
  float: right;
  font-size: 14px !important
}

.tile_info a {
  text-overflow: ellipsis
}

.sidebar-footer {
  bottom: 0px;
  /* bottom: -1px; */
  clear: both;
  display: block;
  /* padding: 5px 0 0 0; */
  padding: 1rem 20px;
  position: fixed;
  width: 100%;
  /* background: #2A3F54; */
  /* background: #5d5d5d; */
  background: rgba(255, 255, 255, 0.2);
  /* background: rgba(255,255,255,1); */
  /* z-index:999; */
  z-index: 98;
  box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.2);
}

.sidebar-footer .canchor {
  padding: 7px 0 3px;
  text-align: center;
  width: 20%;
  /* font-size: 17px; */
  font-size: 2rem;
  display: block;
  float: left;
  /* background: #172D44; */
  /* background: #2A3F54; */
  background: #5d5d5d;
  cursor: pointer;
}

.sidebar-footer .canchor:hover {
  background: #425567
}

.tile_count {
  margin-bottom: 20px;
  margin-top: 20px
}

.tile_count .tile_stats_count {
  border-bottom: 1px solid #D9DEE4;
  padding: 0 10px 0 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  position: relative
}

@media (min-width: 992px) {
  footer {
    margin-left: 230px
  }
}

@media (min-width: 992px) {
  .tile_count .tile_stats_count {
    margin-bottom: 10px;
    border-bottom: 0;
    padding-bottom: 10px
  }
}

.tile_count .tile_stats_count:before {
  content: "";
  position: absolute;
  left: 0;
  height: 65px;
  border-left: 2px solid #ADB2B5;
  margin-top: 10px
}

@media (min-width: 992px) {
  .tile_count .tile_stats_count:first-child:before {
    border-left: 0
  }
}

.tile_count .tile_stats_count .count {
  font-size: 30px;
  line-height: 47px;
  font-weight: 600
}

@media (min-width: 768px) {
  .tile_count .tile_stats_count .count {
    font-size: 40px
  }
}

@media (min-width: 992px) and (max-width: 1100px) {
  .tile_count .tile_stats_count .count {
    font-size: 30px
  }
}

.tile_count .tile_stats_count span {
  font-size: 12px
}

@media (min-width: 768px) {
  .tile_count .tile_stats_count span {
    font-size: 13px
  }
}

.tile_count .tile_stats_count .count_bottom i {
  width: 12px
}

.dashboard_graph {
  background: #fff;
  padding: 7px 10px
}

.dashboard_graph .col-md-9,
.dashboard_graph .col-md-3 {
  padding: 0
}

a.user-profile {
  color: #5E6974 !important
}

.user-profile img {
  width: 29px;
  height: 29px;
  border-radius: 50%;
  margin-right: 10px
}

ul.top_profiles {
  height: 330px;
  width: 100%
}

ul.top_profiles li {
  margin: 0;
  padding: 3px 5px
}

ul.top_profiles li:nth-child(odd) {
  background-color: #eee
}

.media .profile_thumb {
  border: 1px solid;
  width: 50px;
  height: 50px;
  margin: 5px 10px 5px 0;
  border-radius: 50%;
  padding: 9px 12px
}

.media .profile_thumb i {
  font-size: 30px
}

.media .date {
  background: #ccc;
  width: 52px;
  margin-right: 10px;
  border-radius: 10px;
  padding: 5px
}

.media .date .month {
  margin: 0;
  text-align: center;
  color: #fff
}

.media .date .day {
  text-align: center;
  color: #fff;
  font-size: 27px;
  margin: 0;
  line-height: 27px;
  font-weight: bold
}

.event .media-body a.title {
  font-weight: bold
}

.event .media-body p {
  margin-bottom: 0
}

h4.graph_title {
  margin: 7px;
  text-align: center
}

.fontawesome-icon-list .fa-hover a:hover {
  background-color: #ddd;
  color: #fff;
  text-decoration: none
}

.fontawesome-icon-list .fa-hover a {
  display: block;
  line-height: 32px;
  height: 32px;
  padding-left: 10px;
  border-radius: 4px
}

.fontawesome-icon-list .fa-hover a:hover .fa {
  font-size: 28px;
  vertical-align: -6px
}

.fontawesome-icon-list .fa-hover a .fa {
  width: 32px;
  font-size: 16px;
  display: inline-block;
  text-align: right;
  margin-right: 10px
}

.main_menu .fa {
  width: 26px;
  opacity: .99;
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.tile-stats {
  position: relative;
  display: block;
  margin-bottom: 12px;
  border: 1px solid #E4E4E4;
  -webkit-border-radius: 5px;
  overflow: hidden;
  padding-bottom: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  background: #FFF;
  transition: all 300ms ease-in-out
}

.tile-stats:hover .icon i {
  animation-name: transformAnimation;
  animation-duration: .5s;
  animation-iteration-count: 1;
  color: rgba(58, 58, 58, 0.41);
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  -webkit-animation-name: transformAnimation;
  -webkit-animation-duration: .5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-name: transformAnimation;
  -moz-animation-duration: .5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: forwards
}

.tile-stats .icon {
  width: 20px;
  height: 20px;
  color: #BAB8B8;
  position: absolute;
  right: 53px;
  top: 22px;
  z-index: 1
}

.tile-stats .icon i {
  margin: 0;
  font-size: 60px;
  line-height: 0;
  vertical-align: bottom;
  padding: 0
}

.tile-stats .count {
  font-size: 38px;
  font-weight: bold;
  line-height: 1.65857
}

.tile-stats .count,
.tile-stats h3,
.tile-stats p {
  position: relative;
  margin: 0;
  margin-left: 10px;
  z-index: 5;
  padding: 0
}

.tile-stats h3 {
  color: #BAB8B8
}

.tile-stats p {
  margin-top: 5px;
  font-size: 12px
}

.tile-stats>.dash-box-footer {
  position: relative;
  text-align: center;
  margin-top: 5px;
  padding: 3px 0;
  color: #fff;
  color: rgba(255, 255, 255, 0.8);
  display: block;
  z-index: 10;
  background: rgba(0, 0, 0, 0.1);
  text-decoration: none
}

.tile-stats>.dash-box-footer:hover {
  color: #fff;
  background: rgba(0, 0, 0, 0.15)
}

.tile-stats>.dash-box-footer:hover {
  color: #fff;
  background: rgba(0, 0, 0, 0.15)
}

table.tile_info {
  padding: 10px 15px
}

table.tile_info span.right {
  margin-right: 0;
  float: right;
  position: absolute;
  right: 4%
}

.tile:hover {
  text-decoration: none
}

.tile_header {
  border-bottom: transparent;
  padding: 7px 15px;
  margin-bottom: 15px;
  background: #E7E7E7
}

.tile_head h4 {
  margin-top: 0;
  margin-bottom: 5px
}

.tiles-bottom {
  padding: 5px 10px;
  margin-top: 10px;
  background: rgba(194, 194, 194, 0.3);
  text-align: left
}

a.star {
  color: #428bca !important
}

.mail_content {
  background: none repeat scroll 0 0 #FFFFFF;
  border-radius: 4px;
  margin-top: 20px;
  min-height: 500px;
  padding: 10px 11px;
  width: 100%
}

.list-btn-mail {
  margin-bottom: 15px
}

.list-btn-mail.active {
  border-bottom: 1px solid #39B3D7;
  padding: 0 0 14px
}

.list-btn-mail>i {
  float: left;
  font-size: 18px;
  font-style: normal;
  width: 33px
}

.list-btn-mail>.cn {
  background: none repeat scroll 0 0 #39B3D7;
  border-radius: 12px;
  color: #FFFFFF;
  float: right;
  font-style: normal;
  padding: 0 5px
}

.button-mail {
  margin: 0 0 15px !important;
  text-align: left;
  width: 100%
}

button,
.buttons,
.btn,
.modal-footer .btn+.btn {
  margin-bottom: 5px;
  margin-right: 5px
}

.btn-group-vertical .btn,
.btn-group .btn {
  margin-bottom: 0;
  margin-right: 0
}

.mail_list_column {
  border-left: 1px solid #DBDBDB
}

.mail_view {
  border-left: 1px solid #DBDBDB
}

.mail_list {
  width: 100%;
  border-bottom: 1px solid #DBDBDB;
  margin-bottom: 2px;
  display: inline-block
}

.mail_list .left {
  width: 5%;
  float: left;
  margin-right: 3%
}

.mail_list .right {
  width: 90%;
  float: left
}

.mail_list h3 {
  font-size: 15px;
  font-weight: bold;
  margin: 0px 0 6px
}

.mail_list h3 small {
  float: right;
  color: #ADABAB;
  font-size: 11px;
  line-height: 20px
}

.mail_list .badge {
  padding: 3px 6px;
  font-size: 8px;
  background: #BAB7B7
}

@media (max-width: 767px) {
  .mail_list {
    margin-bottom: 5px;
    display: inline-block
  }
}

.mail_heading h4 {
  font-size: 18px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  margin-top: 20px
}

.attachment {
  margin-top: 30px
}

.attachment ul {
  width: 100%;
  list-style: none;
  padding-left: 0;
  display: inline-block;
  margin-bottom: 30px
}

.attachment ul li {
  float: left;
  width: 150px;
  margin-right: 10px;
  margin-bottom: 10px
}

.attachment ul li img {
  height: 150px;
  border: 1px solid #ddd;
  padding: 5px;
  margin-bottom: 10px
}

.attachment ul li span {
  float: right
}

.attachment .file-name {
  float: left
}

.attachment .links {
  width: 100%;
  display: inline-block
}

.compose {
  padding: 0;
  position: fixed;
  bottom: 0;
  right: 0;
  background: #fff;
  border: 1px solid #D9DEE4;
  border-right: 0;
  border-bottom: 0;
  border-top-left-radius: 5px;
  z-index: 9999;
  display: none
}

.compose .compose-header {
  padding: 5px;
  background: #169F85;
  color: #fff;
  border-top-left-radius: 5px
}

.compose .compose-header .close {
  text-shadow: 0 1px 0 #ffffff;
  line-height: .8
}

.compose .compose-body .editor.btn-toolbar {
  margin: 0
}

.compose .compose-body .editor-wrapper {
  height: 100%;
  min-height: 50px;
  max-height: 180px;
  border-radius: 0;
  border-left: none;
  border-right: none;
  overflow: auto
}

.compose .compose-footer {
  padding: 10px
}

.editor.btn-toolbar {
  zoom: 1;
  background: #F7F7F7;
  margin: 5px 2px;
  padding: 3px 0;
  border: 1px solid #EFEFEF
}

.input-group {
  margin-bottom: 10px
}

.ln_solid {
  border-top: 1px solid #e5e5e5;
  color: #ffffff;
  background-color: #ffffff;
  height: 1px;
  margin: 20px 0
}

span.section {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5
}

.form-control {
  border-radius: 0;
  width: 100%
}

.form-horizontal .control-label {
  padding-top: 8px
}

.form-control:focus {
  border-color: #CCD0D7;
  box-shadow: none !important
}

legend {
  font-size: 18px;
  color: inherit
}

.form-horizontal .form-group {
  margin-right: 0;
  margin-left: 0
}

.form-control-feedback {
  margin-top: 8px;
  height: 23px;
  color: #bbb;
  line-height: 24px;
  font-size: 15px
}

.form-control-feedback.left {
  border-right: 1px solid #ccc;
  left: 13px
}

.form-control-feedback.right {
  border-left: 1px solid #ccc;
  right: 13px
}

.form-control.has-feedback-left {
  padding-left: 55px
}

.form-control.has-feedback-right {
  padding-right: 45px
}

.form-group {
  margin-bottom: 10px
}

.validate {
  margin-top: 10px
}

.invalid-form-error-message {
  margin-top: 10px;
  padding: 5px
}

.invalid-form-error-message.filled {
  border-left: 2px solid #E74C3C
}

p.parsley-success {
  color: #468847;
  background-color: #DFF0D8;
  border: 1px solid #D6E9C6
}

p.parsley-error {
  color: #B94A48;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7
}

ul.parsley-errors-list {
  list-style: none;
  color: #E74C3C;
  padding-left: 0
}

input.parsley-error,
textarea.parsley-error,
select.parsley-error {
  background: #FAEDEC;
  border: 1px solid #E85445
}

.btn-group .parsley-errors-list {
  display: none
}

.bad input,
.bad select,
.bad textarea {
  border: 1px solid #CE5454;
  box-shadow: 0 0 4px -2px #CE5454;
  position: relative;
  left: 0;
  -moz-animation: .7s 1 shake linear;
  -webkit-animation: 0.7s 1 shake linear
}

.item input,
.item textarea {
  transition: 0.42s
}

.item .alert {
  float: left;
  margin: 0 0 0 20px;
  padding: 3px 10px;
  color: #FFF;
  border-radius: 3px 4px 4px 3px;
  background-color: #CE5454;
  max-width: 170px;
  white-space: pre;
  position: relative;
  left: -15px;
  opacity: 0;
  z-index: 1;
  transition: 0.15s ease-out
}

.item .alert::after {
  content: '';
  display: block;
  height: 0;
  width: 0;
  border-color: transparent #CE5454 transparent transparent;
  border-style: solid;
  border-width: 11px 7px;
  position: absolute;
  left: -13px;
  top: 1px
}

.item.bad .alert {
  left: 0;
  opacity: 1
}

.inl-bl {
  display: inline-block
}

.well .markup {
  background: #fff;
  color: #777;
  position: relative;
  padding: 45px 15px 15px;
  margin: 15px 0 0 0;
  background-color: #fff;
  border-radius: 0 0 4px 4px;
  box-shadow: none
}

.well .markup::after {
  content: "Example";
  position: absolute;
  top: 15px;
  left: 15px;
  font-size: 12px;
  font-weight: bold;
  color: #bbb;
  text-transform: uppercase;
  letter-spacing: 1px
}

.autocomplete-suggestions {
  border: 1px solid #e4e4e4;
  background: #F4F4F4;
  cursor: default;
  overflow: auto
}

.autocomplete-suggestion {
  padding: 2px 5px;
  font-size: 1.2em;
  white-space: nowrap;
  overflow: hidden
}

.autocomplete-selected {
  background: #f0f0f0
}

.autocomplete-suggestions strong {
  font-weight: normal;
  color: #3399ff;
  font-weight: bolder
}

.btn {
  border-radius: 3px
}

a.btn-success,
a.btn-primary,
a.btn-warning,
a.btn-danger {
  color: #fff
}

.btn-success {
  background: #26B99A;
  border: 1px solid #169F85
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background: #169F85
}

.btn-dark {
  color: #E9EDEF;
  background-color: #4B5F71;
  border-color: #364B5F
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active,
.open .dropdown-toggle.btn-dark {
  color: #FFFFFF;
  background-color: #394D5F;
  border-color: #394D5F
}

.btn-round {
  /* border-radius: 30px */
  border-radius: 50%;
}

.btn.btn-app {
  position: relative;
  padding: 15px 5px;
  margin: 0 0 10px 10px;
  min-width: 80px;
  height: 60px;
  box-shadow: none;
  border-radius: 0;
  text-align: center;
  color: #666;
  border: 1px solid #ddd;
  background-color: #fafafa;
  font-size: 12px
}

.btn.btn-app>.fa,
.btn.btn-app>.glyphicon,
.btn.btn-app>.ion {
  font-size: 20px;
  display: block
}

.btn.btn-app:hover {
  background: #f4f4f4;
  color: #444;
  border-color: #aaa
}

.btn.btn-app:active,
.btn.btn-app:focus {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.btn.btn-app>.badge {
  position: absolute;
  top: -3px;
  right: -10px;
  font-size: 10px;
  font-weight: 400
}

textarea {
  padding: 10px;
  vertical-align: top;
  width: 200px
}

textarea:focus {
  outline-style: solid;
  outline-width: 2px
}

.btn_ {
  display: inline-block;
  padding: 3px 9px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f5f5f5;
  background-image: linear-gradient(to bottom, #fff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
  border: 1px solid #cccccc;
  border-bottom-color: #b3b3b3;
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05)
}

.bs-glyphicons {
  margin: 0 -10px 20px;
  overflow: hidden
}

.bs-glyphicons-list {
  padding-left: 0;
  list-style: none
}

.bs-glyphicons li {
  float: left;
  width: 25%;
  height: 115px;
  padding: 10px;
  font-size: 10px;
  line-height: 1.4;
  text-align: center;
  background-color: #f9f9f9;
  border: 1px solid #fff
}

.bs-glyphicons .glyphicon {
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 24px
}

.bs-glyphicons .glyphicon-class {
  display: block;
  text-align: center;
  word-wrap: break-word
}

.bs-glyphicons li:hover {
  color: #fff;
  background-color: #1ABB9C
}

@media (min-width: 768px) {
  .bs-glyphicons {
    margin-right: 0;
    margin-left: 0
  }

  .bs-glyphicons li {
    width: 12.5%;
    font-size: 12px
  }
}

.tagsinput {
  border: 1px solid #CCC;
  background: #FFF;
  padding: 6px 6px 0;
  width: 300px;
  overflow-y: auto
}

span.tag {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  display: block;
  float: left;
  padding: 5px 9px;
  text-decoration: none;
  background: #1ABB9C;
  color: #F1F6F7;
  margin-right: 5px;
  font-weight: 500;
  margin-bottom: 5px;
  font-family: helvetica
}

span.tag a {
  color: #F1F6F7 !important
}

.tagsinput span.tag a {
  font-weight: bold;
  color: #82ad2b;
  text-decoration: none;
  font-size: 11px
}

.tagsinput input {
  width: 80px;
  margin: 0px;
  font-family: helvetica;
  font-size: 13px;
  border: 1px solid transparent;
  padding: 3px;
  background: transparent;
  color: #000;
  outline: 0px
}

.tagsinput div {
  display: block;
  float: left
}

.tags_clear {
  clear: both;
  width: 100%;
  height: 0px
}

.not_valid {
  background: #FBD8DB !important;
  color: #90111A !important
}

ul.bar_tabs {
  overflow: visible;
  background: #F5F7FA;
  height: 25px;
  margin: 21px 0 14px;
  padding-left: 14px;
  position: relative;
  z-index: 1;
  width: 100%;
  border-bottom: 1px solid #E6E9ED
}

ul.bar_tabs>li {
  border: 1px solid #E6E9ED;
  color: #333 !important;
  margin-top: -17px;
  margin-left: 8px;
  background: #fff;
  border-bottom: none;
  border-radius: 4px 4px 0 0
}

ul.bar_tabs>li.active {
  border-right: 6px solid #D3D6DA;
  border-top: 0;
  margin-top: -15px
}

ul.bar_tabs>li a {
  padding: 10px 17px;
  background: #F5F7FA;
  margin: 0;
  border-top-right-radius: 0
}

ul.bar_tabs>li a:hover {
  border: 1px solid transparent
}

ul.bar_tabs>li.active a {
  border-bottom: none
}

ul.bar_tabs.right {
  padding-right: 14px
}

ul.bar_tabs.right li {
  float: right
}

a:focus {
  outline: none
}

ul.timeline li {
  position: relative;
  border-bottom: 1px solid #e8e8e8;
  clear: both
}

.timeline .block {
  margin: 0;
  border-left: 3px solid #e8e8e8;
  overflow: visible;
  padding: 10px 15px;
  margin-left: 105px
}

.timeline.widget {
  min-width: 0;
  max-width: inherit
}

.timeline.widget .block {
  margin-left: 5px
}

.timeline .tags {
  position: absolute;
  top: 15px;
  left: 0;
  width: 84px
}

.timeline .tag {
  display: block;
  height: 30px;
  font-size: 13px;
  padding: 8px
}

.timeline .tag span {
  display: block;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis
}

.tag {
  line-height: 1;
  background: #1ABB9C;
  color: #fff !important
}

.tag:after {
  /* content: " "; */
  height: 30px;
  width: 0;
  position: absolute;
  left: 100%;
  top: 0;
  margin: 0;
  pointer-events: none;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  border-left: 11px solid #1ABB9C
}

.timeline h2.title {
  position: relative;
  font-size: 16px;
  margin: 0
}

.timeline h2.title:before {
  content: "";
  position: absolute;
  left: -23px;
  top: 3px;
  display: block;
  width: 14px;
  height: 14px;
  border: 3px solid #d2d3d2;
  border-radius: 14px;
  background: #f9f9f9
}

.timeline .byline {
  padding: .25em 0
}

.byline {
  -webkit-font-smoothing: antialiased;
  font-style: italic;
  font-size: .9375em;
  line-height: 1.3;
  color: #aab6aa
}

ul.social li {
  border: 0
}

.social-sidebar,
.social-body {
  float: right
}

.social-sidebar {
  background: #EDEDED;
  width: 22%
}

.social-body {
  border: 1px solid #ccc;
  width: 78%
}

.thumb img {
  width: 50px;
  height: 50px;
  border-radius: 50%
}

.chat .thumb img {
  width: 27px;
  height: 27px;
  border-radius: 50%
}

.chat .status {
  float: left;
  margin: 16px 0 0 -16px;
  font-size: 14px;
  font-weight: bold;
  width: 12px;
  height: 12px;
  display: block;
  border: 2px solid #FFF;
  z-index: 12312;
  border-radius: 50%
}

.chat .status.online {
  background: #1ABB9C
}

.chat .status.away {
  background: #F39C12
}

.chat .status.offline {
  background: #ccc
}

.chat .media-body {
  padding-top: 5px
}

.dashboard_graph .x_title {
  padding: 5px 5px 7px
}

.dashboard_graph .x_title h3 {
  margin: 0;
  font-weight: normal
}

.chart {
  position: relative;
  display: inline-block;
  width: 110px;
  height: 110px;
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: center
}

.chart canvas {
  position: absolute;
  top: 0;
  left: 0
}

.percent {
  display: inline-block;
  line-height: 110px;
  z-index: 2;
  font-size: 18px
}

.percent:after {
  content: '%';
  margin-left: 0.1em;
  font-size: .8em
}

.angular {
  margin-top: 100px
}

.angular .chart {
  margin-top: 0
}

.widget {
  min-width: 250px;
  max-width: 310px
}

.widget_tally_box .btn-group button {
  text-align: center
}

.widget_tally_box .btn-group button {
  color: inherit;
  font-weight: 500;
  background-color: #f5f5f5;
  border: 1px solid #e7e7e7
}

ul.widget_tally,
ul.widget_tally li {
  width: 100%
}

ul.widget_tally li {
  padding: 2px 10px;
  border-bottom: 1px solid #ECECEC;
  padding-bottom: 4px
}

ul.widget_tally .month {
  width: 70%;
  float: left
}

ul.widget_tally .count {
  width: 30%;
  float: left;
  text-align: right
}

.pie_bg {
  border-bottom: 1px solid rgba(101, 204, 182, 0.16);
  padding-bottom: 15px;
  border-radius: 4px;
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
  padding-bottom: 10px;
  box-shadow: 0 4px 6px -6px #222
}

.widget_tally_box .flex {
  display: -ms-flexbox;
  display: flex
}

ul.widget_profile_box {
  width: 100%;
  height: 42px;
  padding: 3px;
  background: #ececec;
  margin-top: 40px;
  margin-left: 1px
}

ul.widget_profile_box li:first-child {
  width: 25%;
  float: left
}

ul.widget_profile_box li:first-child a {
  float: left
}

ul.widget_profile_box li:last-child {
  width: 25%;
  float: right
}

ul.widget_profile_box li:last-child a {
  float: right
}

ul.widget_profile_box li a {
  font-size: 22px;
  text-align: center;
  width: 35px;
  height: 35px;
  border: 1px solid rgba(52, 73, 94, 0.44);
  display: block;
  border-radius: 50%;
  padding: 0px
}

ul.widget_profile_box li a:hover {
  color: #1ABB9C !important;
  border: 1px solid #26b99a
}

ul.widget_profile_box li .profile_img {
  width: 85px;
  height: 85px;
  margin: 0;
  margin-top: -28px
}

.widget_tally_box p,
.widget_tally_box span {
  text-align: center
}

.widget_tally_box .name {
  text-align: center;
  margin: 25px
}

.widget_tally_box .name_title {
  text-align: center;
  margin: 5px
}

.widget_tally_box ul.legend {
  margin: 0
}

.widget_tally_box ul.legend p,
.widget_tally_box ul.legend span {
  text-align: left
}

.widget_tally_box ul.legend li .icon {
  font-size: 20px;
  float: left;
  width: 14px
}

.widget_tally_box ul.legend li .name {
  font-size: 14px;
  margin: 5px 0 0 14px;
  text-overflow: ellipsis;
  float: left
}

.widget_tally_box ul.legend p {
  display: inline-block;
  margin: 0
}

.widget_tally_box ul.verticle_bars li {
  height: 140px;
  width: 23%
}

.widget .verticle_bars li .progress.vertical.progress_wide {
  width: 65%
}

ul.count2 {
  width: 100%;
  margin-left: 1px;
  border: 1px solid #ddd;
  border-left: 0;
  border-right: 0;
  padding: 10px 0
}

ul.count2 li {
  width: 30%;
  text-align: center
}

ul.count2 li h3 {
  font-weight: 400;
  margin: 0
}

ul.count2 li span {
  font-weight: 300
}

.divider {
  border-bottom: 1px solid #ddd;
  margin: 10px
}

.divider-dashed {
  border-top: 1px dashed #e7eaec;
  background-color: #ffffff;
  height: 1px;
  margin: 10px 0
}

ul.messages {
  padding: 0;
  list-style: none
}

ul.messages li,
.tasks li {
  border-bottom: 1px dotted #e6e6e6;
  padding: 8px 0
}

ul.messages li img.avatar,
img.avatar {
  height: 32px;
  width: 32px;
  float: left;
  display: inline-block;
  border-radius: 2px;
  padding: 2px;
  background: #f7f7f7;
  border: 1px solid #e6e6e6
}

ul.messages li .message_date {
  float: right;
  text-align: right
}

ul.messages li .message_wrapper {
  margin-left: 50px;
  margin-right: 40px
}

ul.messages li .message_wrapper h4.heading {
  font-weight: 600;
  margin: 0;
  cursor: pointer;
  margin-bottom: 10px;
  line-height: 100%
}

ul.messages li .message_wrapper blockquote {
  padding: 0px 10px;
  margin: 0;
  border-left: 5px solid #eee
}

ul.user_data li {
  margin-bottom: 6px
}

ul.user_data li p {
  margin-bottom: 0
}

ul.user_data li .progress {
  width: 90%
}

.project_progress .progress {
  margin-bottom: 3px !important;
  margin-top: 5px
}

.projects .list-inline {
  margin: 0
}

.profile_title {
  background: #F5F7FA;
  border: 0;
  padding: 7px 0;
  display: -ms-flexbox;
  display: flex
}

ul.stats-overview {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 10px;
  margin-bottom: 10px
}

ul.stats-overview li {
  display: inline-block;
  text-align: center;
  padding: 0 15px;
  width: 30%;
  font-size: 14px;
  border-right: 1px solid #e8e8e8
}

ul.stats-overview li:last-child {
  border-right: 0
}

ul.stats-overview li .name {
  font-size: 12px
}

ul.stats-overview li .value {
  font-size: 14px;
  font-weight: bold;
  display: block
}

ul.stats-overview li:first-child {
  padding-left: 0
}

ul.project_files li {
  margin-bottom: 5px
}

ul.project_files li a i {
  width: 20px
}

.project_detail p {
  margin-bottom: 10px
}

.project_detail p.title {
  font-weight: bold;
  margin-bottom: 0
}

.avatar img {
  border-radius: 50%;
  max-width: 45px
}

.pricing {
  background: #fff
}

.pricing .title {
  background: #1ABB9C;
  height: 110px;
  color: #fff;
  padding: 15px 0 0;
  text-align: center
}

.pricing .title h2 {
  text-transform: capitalize;
  font-size: 18px;
  border-radius: 5px 5px 0 0;
  margin: 0;
  font-weight: 400
}

.pricing .title h1 {
  font-size: 30px;
  margin: 12px
}

.pricing .title span {
  background: rgba(51, 51, 51, 0.28);
  padding: 2px 5px
}

.pricing_features {
  background: #FAFAFA;
  padding: 20px 15px;
  min-height: 230px;
  font-size: 13.5px
}

.pricing_features ul li {
  margin-top: 10px
}

.pricing_footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  text-align: center;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px
}

.pricing_footer p {
  font-size: 13px;
  padding: 10px 0 2px;
  display: block
}

.ui-ribbon-container {
  position: relative
}

.ui-ribbon-container .ui-ribbon-wrapper {
  position: absolute;
  overflow: hidden;
  width: 85px;
  height: 88px;
  top: -3px;
  right: -3px
}

.ui-ribbon-container.ui-ribbon-primary .ui-ribbon {
  background-color: #5b90bf
}

.ui-ribbon-container .ui-ribbon {
  position: relative;
  display: block;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  transform: rotate(45deg);
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  line-height: 20px;
  background-color: #555;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3)
}

.ui-ribbon-container.ui-ribbon-primary .ui-ribbon:after,
.ui-ribbon-container.ui-ribbon-primary .ui-ribbon:before {
  border-top: 2px solid #5b90bf
}

.ui-ribbon-container .ui-ribbon:before {
  left: 0;
  bottom: -1px
}

.ui-ribbon-container .ui-ribbon:before {
  right: 0
}

.ui-ribbon-container .ui-ribbon:after,
.ui-ribbon-container .ui-ribbon:before {
  position: absolute;
  content: " ";
  line-height: 0;
  border-top: 2px solid #555;
  border-left: 2px solid transparent;
  border-right: 2px solid transparent
}

.thumbnail .image {
  height: 120px;
  overflow: hidden
}

.caption {
  padding: 9px 5px;
  background: #F7F7F7
}

.caption p {
  margin-bottom: 5px
}

.thumbnail {
  height: 190px;
  overflow: hidden
}

.view {
  overflow: hidden;
  position: relative;
  text-align: center;
  box-shadow: 1px 1px 2px #e6e6e6;
  cursor: default
}

.view .mask,
.view .content {
  position: absolute;
  width: 100%;
  overflow: hidden;
  top: 0;
  left: 0
}

.view img {
  display: block;
  position: relative
}

.view .tools {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 3px;
  background: rgba(0, 0, 0, 0.35);
  margin: 43px 0 0 0
}

.mask.no-caption .tools {
  margin: 90px 0 0 0
}

.view .tools a {
  display: inline-block;
  color: #FFF;
  font-size: 18px;
  font-weight: 400;
  padding: 0 4px
}

.view p {
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #fff;
  padding: 10px 20px 20px;
  text-align: center
}

.view a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  box-shadow: 0 0 1px #000
}

.view-first img {
  transition: all 0.2s linear
}

.view-first .mask {
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.5);
  transition: all 0.4s ease-in-out
}

.view-first .tools {
  transform: translateY(-100px);
  opacity: 0;
  transition: all 0.2s ease-in-out
}

.view-first p {
  transform: translateY(100px);
  opacity: 0;
  transition: all 0.2s linear
}

.view-first:hover img {
  transform: scale(1.1)
}

.view-first:hover .mask {
  opacity: 1
}

.view-first:hover .tools,
.view-first:hover p {
  opacity: 1;
  transform: translateY(0px)
}

.view-first:hover p {
  transition-delay: 0.1s
}

.form-group.has-feedback span {
  /* display: block !important; */
  display: block;
}

.form-group .btn {
  margin-bottom: -6px;
}

.input-group-btn .btn {
  margin-bottom: 0;
}

/*!
* bootstrap-vertical-tabs - v1.2.1
* https://dbtek.github.io/bootstrap-vertical-tabs
* 2014-11-07
* Copyright (c) 2014 İsmail Demirbilek
* License: MIT
*/

.tabs-left,
.tabs-right {
  border-bottom: none;
  padding-top: 2px
}

.tabs-left {
  border-right: 1px solid #F7F7F7
}

.tabs-right {
  border-left: 1px solid #F7F7F7
}

.tabs-left>li,
.tabs-right>li {
  float: none;
  margin-bottom: 2px
}

.tabs-left>li {
  margin-right: -1px
}

.tabs-right>li {
  margin-left: -1px
}

.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
  border-bottom-color: #F7F7F7;
  border-right-color: transparent
}

.tabs-right>li.active>a,
.tabs-right>li.active>a:hover,
.tabs-right>li.active>a:focus {
  border-bottom: 1px solid #F7F7F7;
  border-left-color: transparent
}

.tabs-left>li>a {
  border-radius: 4px 0 0 4px;
  margin-right: 0;
  display: block;
  background: #F7F7F7;
  text-overflow: ellipsis;
  overflow: hidden
}

.tabs-right>li>a {
  border-radius: 0 4px 4px 0;
  margin-right: 0;
  background: #F7F7F7;
  text-overflow: ellipsis;
  overflow: hidden
}

.sideways {
  margin-top: 50px;
  border: none;
  position: relative
}

.sideways>li {
  height: 20px;
  width: 120px;
  margin-bottom: 100px
}

.sideways>li>a {
  border-bottom: 1px solid #ddd;
  border-right-color: transparent;
  text-align: center;
  border-radius: 4px 4px 0px 0px
}

.sideways>li.active>a,
.sideways>li.active>a:hover,
.sideways>li.active>a:focus {
  border-bottom-color: transparent;
  border-right-color: #ddd;
  border-left-color: #ddd
}

.sideways.tabs-left {
  left: -50px
}

.sideways.tabs-right {
  right: -50px
}

.sideways.tabs-right>li {
  transform: rotate(90deg)
}

.sideways.tabs-left>li {
  transform: rotate(-90deg)
}

.morris-hover {
  position: absolute;
  z-index: 1000
}

.morris-hover.morris-default-style {
  padding: 6px;
  color: #666;
  background: rgba(243, 242, 243, 0.8);
  border: solid 2px rgba(195, 194, 196, 0.8);
  font-family: sans-serif;
  font-size: 12px;
  text-align: center
}

.morris-hover.morris-default-style .morris-hover-row-label {
  font-weight: bold;
  margin: 0.25em 0
}

.morris-hover.morris-default-style .morris-hover-point {
  white-space: nowrap;
  margin: 0.1em 0
}

.price {
  font-size: 40px;
  font-weight: 400;
  color: #26B99A;
  margin: 0
}

.prod_title {
  border-bottom: 1px solid #DFDFDF;
  padding-bottom: 5px;
  margin: 30px 0;
  font-size: 20px;
  font-weight: 400
}

.product-image img {
  width: 90%
}

.prod_color li {
  margin: 0 10px
}

.prod_color li p {
  margin-bottom: 0
}

.prod_size li {
  padding: 0
}

.prod_color .color {
  width: 25px;
  height: 25px;
  border: 2px solid rgba(51, 51, 51, 0.28) !important;
  padding: 2px;
  border-radius: 50px
}

.product_gallery a {
  width: 100px;
  height: 100px;
  float: left;
  margin: 10px;
  border: 1px solid #e5e5e5
}

.product_gallery a img {
  width: 100%;
  margin-top: 15px
}

.product_price {
  margin: 20px 0;
  padding: 5px 10px;
  background-color: #FFFFFF;
  text-align: left;
  border: 2px dashed #E0E0E0
}

.price-tax {
  font-size: 18px
}

.product_social {
  margin: 20px 0
}

.product_social ul li a i {
  font-size: 35px
}

.login {
  background: #F7F7F7
}

.login .fa-paw {
  font-size: 26px
}

a.hiddenanchor {
  display: none
}

.login_wrapper {
  right: 0px;
  margin: 0px auto;
  margin-top: 5%;
  max-width: 350px;
  position: relative
}

.registration_form,
.login_form {
  position: absolute;
  top: 0px;
  width: 100%
}

.registration_form {
  z-index: 21;
  opacity: 0;
  width: 100%
}

.login_form {
  z-index: 22
}

#signup:target~.login_wrapper .registration_form,
#signin:target~.login_wrapper .login_form {
  z-index: 22;
  animation-name: fadeInLeft;
  animation-delay: .1s
}

#signup:target~.login_wrapper .login_form,
#signin:target~.login_wrapper .registration_form {
  animation-name: fadeOutLeft
}

.animate {
  -webkit-animation-duration: 0.5s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-duration: 0.5s;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: both;
  -o-animation-duration: 0.5s;
  -o-animation-timing-function: ease;
  -o-animation-fill-mode: both;
  -ms-animation-duration: 0.5s;
  -ms-animation-timing-function: ease;
  -ms-animation-fill-mode: both;
  animation-duration: 0.5s;
  animation-timing-function: ease;
  animation-fill-mode: both
}

.login_box {
  padding: 20px;
  margin: auto
}

.left {
  float: left
}

.alignleft {
  float: left;
  margin-right: 15px
}

.alignright {
  float: right;
  margin-left: 15px
}

.clearfix:after,
form:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}

.login_content {
  margin: 0 auto;
  padding: 25px 0 0;
  position: relative;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  min-width: 280px
}

.login_content a,
.login_content .btn-default:hover {
  text-decoration: none
}

.login_content a:hover {
  text-decoration: underline
}

.login_content h1 {
  font: normal 25px Helvetica, Arial, sans-serif;
  letter-spacing: -0.05em;
  line-height: 20px;
  margin: 10px 0 30px
}

.login_content h1:before,
.login_content h1:after {
  content: "";
  height: 1px;
  position: absolute;
  top: 10px;
  width: 27%
}

.login_content h1:after {
  background: #7e7e7e;
  background: linear-gradient(to left, #7e7e7e 0%, #fff 100%);
  right: 0
}

.login_content h1:before {
  background: #7e7e7e;
  background: linear-gradient(to right, #7e7e7e 0%, #fff 100%);
  left: 0
}

.login_content h1:before,
.login_content h1:after {
  content: "";
  height: 1px;
  position: absolute;
  top: 10px;
  width: 20%
}

.login_content h1:after {
  background: #7e7e7e;
  background: linear-gradient(to left, #7e7e7e 0%, #fff 100%);
  right: 0
}

.login_content h1:before {
  background: #7e7e7e;
  background: linear-gradient(to right, #7e7e7e 0%, #fff 100%);
  left: 0
}

.login_content form {
  margin: 20px 0;
  position: relative
}

.login_content form input[type="text"],
.login_content form input[type="email"],
.login_content form input[type="password"] {
  border-radius: 3px;
  -ms-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
  -o-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
  box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
  border: 1px solid #c8c8c8;
  color: #777;
  margin: 0 0 20px;
  width: 100%
}

.login_content form input[type="text"]:focus,
.login_content form input[type="email"]:focus,
.login_content form input[type="password"]:focus {
  -ms-box-shadow: 0 0 2px #ed1c24 inset;
  -o-box-shadow: 0 0 2px #ed1c24 inset;
  box-shadow: 0 0 2px #A97AAD inset;
  background-color: #fff;
  border: 1px solid #A878AF;
  outline: none
}

#username {
  background-position: 10px 10px !important
}

#password {
  background-position: 10px -53px !important
}

.login_content form div a {
  font-size: 12px;
  margin: 10px 15px 0 0
}

.reset_pass {
  margin-top: 10px !important
}

.login_content div .reset_pass {
  margin-top: 13px !important;
  margin-right: 39px;
  float: right
}

.separator {
  border-top: 1px solid #D8D8D8;
  margin-top: 10px;
  padding-top: 10px
}

.button {
  background: #f7f9fa;
  background: linear-gradient(to top, #f7f9fa 0%, #f0f0f0 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f7f9fa', endColorstr='#f0f0f0', GradientType=0);
  -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  border-radius: 0 0 5px 5px;
  border-top: 1px solid #CFD5D9;
  padding: 15px 0
}

.login_content form input[type="submit"],
#content form .submit {
  float: left;
  margin-left: 38px
}

.button a {
  background: url(http://cssdeck.com/uploads/media/items/8/8bcLQqF.png) 0 -112px no-repeat;
  color: #7E7E7E;
  font-size: 17px;
  padding: 2px 0 2px 40px;
  text-decoration: none;
  transition: all 0.3s ease
}

.button a:hover {
  background-position: 0 -135px;
  color: #00aeef
}

header {
  width: 100%
}

#nprogress .bar {
  background: #1ABB9C
}

#nprogress .peg {
  box-shadow: 0 0 10px #1ABB9C, 0 0 5px #1ABB9C
}

#nprogress .spinner-icon {
  border-top-color: #1ABB9C;
  border-left-color: #1ABB9C
}

.editor-wrapper {
  min-height: 250px;
  background-color: white;
  border-collapse: separate;
  border: 1px solid #ccc;
  padding: 4px;
  box-sizing: content-box;
  box-shadow: rgba(0, 0, 0, 0.07451) 0px 1px 1px 0px inset;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  overflow: scroll;
  outline: none
}

.voiceBtn {
  width: 20px;
  color: transparent;
  background-color: transparent;
  transform: scale(2, 2);
  -webkit-transform: scale(2, 2);
  -moz-transform: scale(2, 2);
  border: transparent;
  cursor: pointer;
  box-shadow: none;
  -webkit-box-shadow: none
}

div[data-role="editor-toolbar"] {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.dropdown-menu a {
  cursor: pointer
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 0;
  min-height: 38px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #73879C;
  padding-top: 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding-top: 3px
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 36px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  margin-top: 2px;
  border: none;
  border-radius: 0;
  padding: 3px 5px
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid #ccc
}

.switchery {
  width: 32px;
  height: 20px
}

.switchery>small {
  width: 20px;
  height: 20px
}

fieldset {
  border: none;
  margin: 0;
  padding: 0
}

.cropper .img-container,
.cropper .img-preview {
  background-color: #f7f7f7;
  width: 100%;
  text-align: center
}

.cropper .img-container {
  min-height: 200px;
  max-height: 516px;
  margin-bottom: 20px
}

@media (min-width: 768px) {
  .cropper .img-container {
    min-height: 516px
  }
}

.cropper .img-container>img {
  max-width: 100%
}

.cropper .docs-preview {
  margin-right: -15px
}

.cropper .img-preview {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  overflow: hidden
}

.cropper .img-preview>img {
  max-width: 100%
}

.cropper .preview-lg {
  width: 263px;
  height: 148px
}

.cropper .preview-md {
  width: 139px;
  height: 78px
}

.cropper .preview-sm {
  width: 69px;
  height: 39px
}

.cropper .preview-xs {
  width: 35px;
  height: 20px;
  margin-right: 0
}

.cropper .docs-data>.input-group {
  margin-bottom: 10px
}

.cropper .docs-data>.input-group>label {
  min-width: 80px
}

.cropper .docs-data>.input-group>span {
  min-width: 50px
}

.cropper .docs-buttons>.btn,
.cropper .docs-buttons>.btn-group,
.cropper .docs-buttons>.form-control {
  margin-right: 5px;
  margin-bottom: 10px
}

.cropper .docs-toggles>.btn,
.cropper .docs-toggles>.btn-group,
.cropper .docs-toggles>.dropdown {
  margin-bottom: 10px
}

.cropper .docs-tooltip {
  display: block;
  margin: -6px -12px;
  padding: 6px 12px
}

.cropper .docs-tooltip>.icon {
  margin: 0 -3px;
  vertical-align: top
}

.cropper .tooltip-inner {
  white-space: normal
}

.cropper .btn-upload .tooltip-inner,
.cropper .btn-toggle .tooltip-inner {
  white-space: nowrap
}

.cropper .btn-toggle {
  padding: 6px
}

.cropper .btn-toggle>.docs-tooltip {
  margin: -6px;
  padding: 6px
}

@media (max-width: 400px) {
  .cropper .btn-group-crop {
    margin-right: -15px !important
  }

  .cropper .btn-group-crop>.btn {
    padding-left: 5px;
    padding-right: 5px
  }

  .cropper .btn-group-crop .docs-tooltip {
    margin-left: -5px;
    margin-right: -5px;
    padding-left: 5px;
    padding-right: 5px
  }
}

.cropper .docs-options .dropdown-menu {
  width: 100%
}

.cropper .docs-options .dropdown-menu>li {
  padding: 3px 20px
}

.cropper .docs-options .dropdown-menu>li:hover {
  background-color: #f7f7f7
}

.cropper .docs-options .dropdown-menu>li>label {
  display: block
}

.cropper .docs-cropped .modal-body {
  text-align: center
}

.cropper .docs-cropped .modal-body>img,
.cropper .docs-cropped .modal-body>canvas {
  max-width: 100%
}

.cropper .docs-diagram .modal-dialog {
  max-width: 352px
}

.cropper .docs-cropped canvas {
  max-width: 100%
}

.form_wizard .stepContainer {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  border: 0 solid #CCC;
  overflow-x: hidden
}

.wizard_horizontal ul.wizard_steps {
  display: table;
  list-style: none;
  position: relative;
  width: 100%;
  margin: 0 0 20px
}

.wizard_horizontal ul.wizard_steps li {
  display: table-cell;
  text-align: center
}

.wizard_horizontal ul.wizard_steps li a,
.wizard_horizontal ul.wizard_steps li:hover {
  display: block;
  position: relative;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
  opacity: 1;
  color: #666
}

.wizard_horizontal ul.wizard_steps li a:before {
  content: "";
  position: absolute;
  height: 4px;
  background: #ccc;
  top: 20px;
  width: 100%;
  z-index: 4;
  left: 0
}

.wizard_horizontal ul.wizard_steps li a.disabled .step_no {
  background: #ccc
}

.wizard_horizontal ul.wizard_steps li a .step_no {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 100px;
  display: block;
  margin: 0 auto 5px;
  font-size: 16px;
  text-align: center;
  position: relative;
  z-index: 5
}

.wizard_horizontal ul.wizard_steps li a.selected:before,
.step_no {
  background: #34495E;
  color: #fff
}

.wizard_horizontal ul.wizard_steps li a.done:before,
.wizard_horizontal ul.wizard_steps li a.done .step_no {
  background: #1ABB9C;
  color: #fff
}

.wizard_horizontal ul.wizard_steps li:first-child a:before {
  left: 50%
}

.wizard_horizontal ul.wizard_steps li:last-child a:before {
  right: 50%;
  width: 50%;
  left: auto
}

.wizard_verticle .stepContainer {
  width: 80%;
  float: left;
  padding: 0 10px
}

.actionBar {
  width: 100%;
  border-top: 1px solid #ddd;
  padding: 10px 5px;
  text-align: right;
  margin-top: 10px
}

.actionBar .buttonDisabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  box-shadow: none
}

.actionBar a {
  margin: 0 3px
}

.wizard_verticle .wizard_content {
  width: 80%;
  float: left;
  padding-left: 20px
}

.wizard_verticle ul.wizard_steps {
  display: table;
  list-style: none;
  position: relative;
  width: 20%;
  float: left;
  margin: 0 0 20px
}

.wizard_verticle ul.wizard_steps li {
  display: list-item;
  text-align: center
}

.wizard_verticle ul.wizard_steps li a {
  height: 80px
}

.wizard_verticle ul.wizard_steps li a:first-child {
  margin-top: 20px
}

.wizard_verticle ul.wizard_steps li a,
.wizard_verticle ul.wizard_steps li:hover {
  display: block;
  position: relative;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
  opacity: 1;
  color: #666
}

.wizard_verticle ul.wizard_steps li a:before {
  content: "";
  position: absolute;
  height: 100%;
  background: #ccc;
  top: 20px;
  width: 4px;
  z-index: 4;
  left: 49%
}

.wizard_verticle ul.wizard_steps li a.disabled .step_no {
  background: #ccc
}

.wizard_verticle ul.wizard_steps li a .step_no {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 100px;
  display: block;
  margin: 0 auto 5px;
  font-size: 16px;
  text-align: center;
  position: relative;
  z-index: 5
}

.wizard_verticle ul.wizard_steps li a.selected:before,
.step_no {
  background: #34495E;
  color: #fff
}

.wizard_verticle ul.wizard_steps li a.done:before,
.wizard_verticle ul.wizard_steps li a.done .step_no {
  background: #1ABB9C;
  color: #fff
}

.wizard_verticle ul.wizard_steps li:first-child a:before {
  left: 49%
}

.wizard_verticle ul.wizard_steps li:last-child a:before {
  left: 49%;
  left: auto;
  width: 0
}

.form_wizard .loader {
  display: none
}

.form_wizard .msgBox {
  display: none
}

.progress {
  border-radius: 0
}

.progress-bar-info {
  background-color: #3498DB
}

.progress-bar-success {
  background-color: #26B99A
}

.progress_summary .progress {
  margin: 5px 0 12px !important
}

.progress_summary .row {
  margin-bottom: 5px
}

.progress_summary .row .col-xs-2 {
  padding: 0
}

.progress_summary .more_info span {
  text-align: right;
  float: right
}

.progress_summary .data span {
  text-align: right;
  float: right
}

.progress_summary p {
  margin-bottom: 3px;
  width: 100%
}

.progress_title .left {
  float: left;
  text-align: left
}

.progress_title .right {
  float: right;
  text-align: right;
  font-weight: 300
}

.progress.progress_sm {
  border-radius: 0;
  margin-bottom: 18px;
  height: 10px !important
}

.progress.progress_sm .progress-bar {
  height: 10px !important
}

.dashboard_graph p {
  margin: 0 0 4px
}

ul.verticle_bars {
  width: 100%
}

ul.verticle_bars li {
  width: 23%;
  height: 200px;
  margin: 0
}

.progress.vertical.progress_wide {
  width: 35px
}

.alert-success {
  color: #ffffff;
  background-color: rgba(38, 185, 154, 0.88);
  border-color: rgba(38, 185, 154, 0.88)
}

.alert-info {
  color: #E9EDEF;
  background-color: rgba(52, 152, 219, 0.88);
  border-color: rgba(52, 152, 219, 0.88)
}

.alert-warning {
  color: #E9EDEF;
  background-color: rgba(243, 156, 18, 0.88);
  border-color: rgba(243, 156, 18, 0.88)
}

.alert-danger,
.alert-error {
  color: #E9EDEF;
  background-color: rgba(231, 76, 60, 0.88);
  border-color: rgba(231, 76, 60, 0.88)
}

.ui-pnotify.dark .ui-pnotify-container {
  color: #E9EDEF;
  background-color: rgba(52, 73, 94, 0.88);
  border-color: rgba(52, 73, 94, 0.88)
}

.custom-notifications {
  position: fixed;
  margin: 15px;
  right: 0;
  float: right;
  width: 400px;
  z-index: 4000;
  bottom: 0
}

ul.notifications {
  float: right;
  display: block;
  margin-bottom: 7px;
  padding: 0;
  width: 100%
}

.notifications li {
  float: right;
  margin: 3px;
  width: 36px;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3)
}

.notifications li:last-child {
  margin-left: 0
}

.notifications a {
  display: block;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  padding: 9px 8px
}

.tabbed_notifications .text {
  padding: 5px 15px;
  height: 140px;
  border-radius: 7px;
  box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.3)
}

.tabbed_notifications div p {
  display: inline-block
}

.tabbed_notifications h2 {
  font-weight: bold;
  text-transform: uppercase;
  width: 80%;
  float: left;
  height: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block
}

.tabbed_notifications .close {
  padding: 5px;
  color: #E9EDEF;
  float: right;
  opacity: 1
}

.fc-state-default {
  background: #f5f5f5;
  color: #73879C
}

.fc-state-down,
.fc-state-active {
  color: #333;
  background: #ccc
}

.dropzone {
  min-height: 300px;
  border: 1px solid #e5e5e5
}

/*
.x_content {
    direction: rtl;
}
*/

.main_menu .label {
  line-height: 11px;
  margin-top: 4px;
}

@media (max-width: 460px) {
  .dataTables_wrapper .col-sm-6 {
    width: 100%;
    margin-bottom: 5px;
  }

  .dataTables_wrapper .col-sm-6 .dataTables_filter {
    float: none;
  }
}


@media (max-width: 767px) {
  .dataTables_length {
    float: none;
  }
}




/* CSS3 Checkbox */
/*
.checkbox-input { display:block;position:relative; }
.checkbox-input:before { display:block;content:"";position:absolute;top:2px;left:0;height:20px;width:20px;background:red;border-radius:3px; }


#input + label:after {
    content: 'click my input';
    color: blue;
  }

  #input:focus + label:after {
    content: 'not valid yet';
    color: blue;
  }

  #input:valid + label:after {
    content: 'looks good';
    color: red;
  }

/* CSS3 Checkbox - end */
/*

/*
.checkbox 																										{ display: block;position:relative;cursor:pointer; }
.checkbox input 																								{ position:absolute;z-index:-1;opacity:0;left:0;top:0; }
.checkbox div 																									{ position:absolute;top:2px;left:0;height:20px;width:20px;background:#e6e6e6;border-radius:3px; }
.checkbox input:checked ~ div 																			{ background: #1ABC9C; }
.checkbox:hover input:not([disabled]):checked ~ div,
.checkbox input:checked:focus ~ div 																	{ background: #1ABC9C; }
.checkbox input:disabled ~ div 																			{ background: #1ABC9C;opacity: 0.6;pointer-events: none; }
.checkbox div:after 																							{ content: '';position: absolute;display: none; }
.checkbox input:checked ~ div:after 																	{ display: block; }
.checkbox-wp div:after 																					{ left: 7px;top: 3px;width: 7px;height: 11px;border: solid #fff;border-width: 0 2px 2px 0;transform: rotate(40deg); }
.checkbox-wp input:disabled ~ div:after 																{ border-color: #F2F2F2; }


.checkbox-radio div 																							{ border-radius: 50%; }
.checkbox-radio div:after 																					{ left: 7px;top: 7px;height: 6px;width: 6px;border-radius: 50%;background: #fff; }
.checkbox-radio input:disabled ~ div:after 															{ background: #F2F2F2; }


.checkbox, .radio { margin-top:-3px; }

table thead .checkbox { margin-top:-7px;margin-top:-21px; }
table thead .checkbox.radio { margin-top:-7px;margin-top:-21px; }
*/

.daterangepicker.xdisplay {
  width: 228px;
}

.dataTables_wrapper>.row {
  overflow: auto !important;
  /*prevent datatables overflowing its container*/
}

/** bootstrap-datetimepicker **/
.input-group.date .input-group-addon {
  border-radius: 0px !important;
  background-color: #ffff !important;
}

/** /bootstrap-datetimepicker **/

btn:visited,
btn:active {
  border: 0 !important;
}

/* customised */
.ml0 {
  margin-left: 0 !important;
}

.ml-10 {
  margin-left: -10px;
}

.thumbnail {
  height: 170px;

  text-align: center;
}

.caption p {
  font-family: "Raleway", sans-serif;
  font-weight: bold;
  color: #73879C !important;
}

.pl0 {
  padding-left: 0 !important;
}

.mt-25 {
  margin-top: -25px;
}

.fixed_height_235 {
  height: 235px;
}

.w80 {
  width: 90%;
}

.bold {
  font-weight: bold !important;
}

/* .center_flex
{
    display: flex;
    align-items: center;
    justify-content: center;
} */

.fs1-5rem {
  font-size: 1.5rem;
}

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

.x_title h3 {
  margin: 5px 0 6px;
  float: left;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.strong_cyan {
  color: #1393A8;
}

.light_cyan {
  color: #4BAEBC;
}

/* centered columns styles */
@media (min-width:1024px) {
  .row-centered {
    display: flex;
    justify-content: center;
  }
}

@media (max-width:1021px) {
  .row-centered {
    text-align: center;
  }
}

.col-centered {
  display: inline-block;
  float: none;
  /* reset the text-align */
  text-align: left;
  /* inline-block space fix */
}

/* /centered column style */

.center_block {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.black {
  color: black;
}

.cform-control {
  border-radius: 3px;
  width: 100%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border: 1px solid #ffffff;
  color: #6F6C6F;
  height: 5rem;
}

/* .tright
{
    text-align: right;
} */

.tcenter {
  text-align: center !important;
  text-align: -webkit-center !important;
}

a.img-btn:hover {
  background: rgba(0, 0, 0, 0.9);
  border: 2px solid red;
  /* background-color: orange; */
}

/* label
{
    font-weight: unset;
} */

.cyan {
  color: #1092A7;
}

.bg_cyan {
  background-color: #1092A7 !important;
}

.h5rem {
  height: 5rem;
}

@media (max-width: 768px) {
  .dnone {
    display: none;
  }
}

.mh68vh {
  min-height: 68vh;
}

/* .image:after, .image:before {
    position:absolute;
    opacity:0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.image:after {
    content:'';
    width:100%; height:100%;
    top:0; left:0;
    background:rgba(0,0,0,0.6);
} */
/* .image:before {
    content: attr(data-content);
    width:100%;
    color:#fff;
    z-index:1;
    bottom:0;
    padding:4px 10px;
    text-align:center;
    background:red;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
} */
/* .image:hover:after, .image:hover:before {
    opacity:1;
} */

.vhr {
  border-right: 3px solid red;
  padding: 5px 10px 5px 10px;
}

.mt-15px {
  margin-top: -15px;
}

.checkli:not(.browser-default) {
  padding-left: 20px;
}

.checkli:not(.browser-default)>li {
  /* list-style-type: square!important; */
  display: list-item !important;
  list-style-type: none;
}

.checkli li p:before {
  /* content: "\f00c";
  font-family: FontAwesome; */
  display: inline-block;
  margin-left: -1.3em;
  width: 1.3em;
  content: "\2713";
  font-weight: bolder;
  color: #00c4cc;
}

.cfs {
  font-size: 1.6rem;
}

/* @media (max-width: 768px)
{
    .pt10px
    {
        padding-top: 10px;
    }
} */

.p3-12px {
  padding: 3px 12px;
}

.m0px {
  margin: 0px !important;
}

ul {
  list-style-type: disc !important;
}

/* .ctabs-right>li>a:hover
{
    color: #555 !important;
} */

.tabs-right>li>a {
  color: #555;
}

.tabs-right>li>a:hover {
  color: #555;
  background-color: orange;
}

.cmt15px {
  margin-top: 15px !important;
}

/* @media (max-width: 350px)
{
    .cmt15px
    {
        margin-top: 10px !important;
    }
} */

.fs12px {
  font-size: 12px !important;
}

.bold_600 {
  font-weight: 600 !important;
}

.fs1_3rem {
  font-size: 1.3rem;
}

/* .cnav>li>a
{
  padding: 10px 5px;
} */

.cuser-profile img {
  font-size: xxx-large;
  width: 100%;
  /* padding: 1rem; */
  padding: 0 10px 0 0;
}

.hbr_50p:hover {
  border-radius: 50%;
}

.dd_title {
  padding: 10px 20px 0 20px !important;
  width: 100%;
  margin: 0;
}

.pb17px {
  padding-bottom: 17px !important;
}

.mdb_formcontrol {
  height: 5rem;
  border-left: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #ccc;
  box-shadow: unset;
  padding: 6px 0px;
}

.border_bottom_0 {
  border-bottom: 0;
}

.border_0 {
  border: 0;
}

.c_lightgrey {
  color: #ccc;
}

.bg_gainsboro {
  background-color: #dadada;
}

.mb0 {
  margin-bottom: 0;
}

.mt0 {
  margin-top: 0;
}

.mb5px {
  margin-bottom: 5px !important;
}

.cblack {
  color: #000;
}

.bbtn {
  bottom: 10rem;
  clear: both;
  position: fixed;
  z-index: 999;
}

.w90p {
  width: 90%;
}

.w10p {
  width: 10% !important;
}

.mt0px {
  margin-top: 0px !important;
}

.cleft {
  border-right: 0 !important;
}

.topsearch {
  height: 25px;
  border: 0;
  box-shadow: unset;
}

.fs20px {
  font-size: 20px !important;
}

.pt0px {
  padding-top: 0px !important;
}

.pt16px {
  padding-top: 16px;
}

.ttuppercase {
  text-transform: uppercase;
}

.mtb0px {
  margin-top: 0;
  margin-bottom: 0;
}

.bg_zambezi {
  background-color: #5d5d5d;
}

.c_zambezi {
  color: #5d5d5d;
}

.c_white {
  color: #ffffff !important;
}

div.sbox {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid white;
  color: black;
  background: #c4c4c4;
  text-transform: capitalize;
  font-size: 12px;
}

div.rbox {
  display: block;
  justify-content: center;
  align-items: center;
  border: 1px solid white;
  color: black;
  background: #c4c4c4;
  text-transform: capitalize;
  font-size: 12px;
  height: 50px;
  margin-bottom: -5px;
}

.rbox_90 {
  min-height: 90px;
}

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

.b0 {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: unset !important;
}

.panel-title>a {
  display: block;
  position: relative;
}

.panel-title>a:after {
  content: "\f078";
  /* fa-chevron-down */
  font-family: 'FontAwesome';
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.panel-title>a[aria-expanded="true"]:after {
  content: "\f077";
  /* fa-chevron-up */
}

body,
.body {
  /* background: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/images/Green_Yellow.jpg) no-repeat center center fixed; */
  /* background: transparent; */
  /* background: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/images/background/module1/module1_flat.png) no-repeat center center fixed; */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  font-family: 'Roboto';
  background: #f9e9df !important;
}

.cright_col {
  display: flex;
  justify-content: center;
  align-items: center;
  /* margin: auto; */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.lh6rem {
  line-height: 6rem;
}

.lh5rem {
  line-height: 5rem;
}

.lh4rem {
  line-height: 4rem;
}

.lh3rem {
  line-height: 3rem;
}

.lh2_5rem {
  line-height: 2.5rem;
}

.w100p {
  width: 100%;
}

.fwunset {
  font-weight: unset !important;
}

/* pulse btn */
/* @import "compass/css3"; */
.obtn {
  width: 200px;
  height: 100%;
  margin: 0 auto 0;
  perspective: 1000;
  backface-visibility: hidden;
  background: #fff;
}

.pulse-button {
  /* position: relative;
  top: 50%;
  left: 50%;
  margin-left: -50px;
  margin-top: -50px;
  letter-spacing: -1px; */

  display: block;
  /* width: 70px;
  height: 70px; */
  width: 80px;
  height: 80px;
  font-size: 1.3em;
  font-weight: light;
  text-transform: uppercase;
  text-align: center;
  line-height: 100px;
  color: white;
  /* border: 10px solid #94C48E; */
  border-radius: 50%;
  background: #E58D82;
  cursor: pointer;
  box-shadow: 0 0 0 0 rgba(229, 141, 130, 0.5);
  animation: pulse 2s infinite;
}

.pulse-button:hover {
  animation: none;
}

@keyframes pulse {
  0% {
    transform: scale(.9);
    /* box-shadow: 0 0 0 30px rgba(204,169,44, 0.4); */
    /* box-shadow: 0 0 0 30px rgba(148,196,142, 0.4); */
    box-shadow: 0 0 0 30px rgba(229, 141, 130, 0.4);
  }

  70% {
    transform: scale(1);
    /* box-shadow: 0 0 0 500px rgba(#5a99d4, 0); */
    /* box-shadow: 0 0 0 10px rgba(204,169,44, 0); */
    box-shadow: 0 0 0 30px rgba(229, 141, 130, 0);
  }

  100% {
    transform: scale(.9);
    /* box-shadow: 0 0 0 0 rgba(204,169,44, 0); */
    box-shadow: 0 0 0 30px rgba(229, 141, 130, 0);
  }
}

/* /pulse btn */

.cnav_menu {
  z-index: 99;
}

@media (min-width: 480px) {
  .cnav_menu {
    position: relative;
  }
}

@media (max-width: 767px) {
  .cw100p {
    width: 100%;
  }
}

.fs_xxlarge {
  font-size: xx-large;
}

.fs_large {
  font-size: large;
}

.btn-default {
  color: #5d5d5d;
  border-color: transparent;
  font-weight: bold;
  font-size: inherit;
}

.nbg_btn_default {
  background: transparent;
  color: white;
}

.mb0px {
  margin-bottom: 0;
}

/* check pulse button  */
.check_pulse_button {
  display: block;
  width: 100px;
  height: 100px;
  font-size: 4rem;
  font-weight: light;
  font-family: 'Trebuchet MS', sans-serif;
  text-transform: uppercase;
  text-align: center;
  line-height: 100px;
  color: #FFC455;
  border: 10px solid #94C48E;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  box-shadow: 0 0 0 0 rgba(#5a99d4, .5);
  animation: pulse 1.5s infinite;
  display: flex;
  justify-content: center;
  align-items: center;
}

.check_pulse_button:hover {
  animation: none;
}

.audio_pulse_button {
  display: block;
  /* width: 115px;
  height: 115px; */
  width: 110px;
  height: 110px;
  font-size: 4rem;
  font-weight: light;
  text-transform: uppercase;
  text-align: center;
  line-height: 100px;
  color: #FFC455;
  border: 10px solid #94C48E;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  box-shadow: 0 0 0 0 rgba(#5a99d4, .5);
  animation: pulse 2s infinite;
  display: flex;
  justify-content: center;
  align-items: center;
}

.audio_pulse_button:hover {
  animation: none;
}

.btn_pulse_next_done,
.kta_done_pulse_button {
  display: block;
  /* width: 115px;
  height: 115px;   */
  width: 110px;
  height: 110px;
  text-transform: capitalize;
  text-align: center;
  line-height: 100px;
  color: #FFC455;
  border: 10px solid #FFD380;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  box-shadow: 0 0 0 0 rgba(#5a99d4, .5);
  animation: pulse 2s infinite;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
}

.btn_pulse_next_done:hover,
.kta_done_pulse_button:hover {
  animation: none;
}

/* /check pulse button */

.bg_transparent {
  background: transparent !important;
}

.justified_center {
  text-align: justify;
  text-align-last: center;
}

.tleft {
  text-align: left;
}

/* navbar center */
.navbar_center {
  margin-right: 0
}

.top_nav .navbar_center {
  margin: 0;
  width: 100%;
  float: right;
  text-align: center;
  padding-top: 2rem;
}

.top_nav .navbar_center li {
  display: inline-block;
  /* float: right; */
  float: none;
  position: static
}

@media (min-width: 480px) {
  .top_nav .navbar-center li {
    position: relative
  }
}

.ttop_nav .nav .open>a,
.ttop_nav .nav li.active,
.ttop_nav .nav>li>a:hover {
  background: #fff !important;
  border-radius: 50%;
  border: 0 !important;
}

/* /navbar center */

/* navbar left  */
.navbar_left {
  margin-right: 0;
}

.top_nav .navbar_left {
  margin: 0;
  width: 100%;
  float: left;
}

.top_nav .navbar_left li {
  display: inline-block;
  float: left;
  position: static;
}

@media (min-width: 480px) {
  .top_nav .navbar_left li {
    position: relative;
  }
}

/* /navbar left */

.select_box {
  height: 65px !important;
  padding: 10px;
  overflow: auto;
  border: 0 !important;
  /* background: rgba(255,255,255,0.7); */
  /* background: #FFFFFF;
  opacity: 0.75; */
  background: rgba(255, 255, 255, 0.1);
  /* color: #5D5D5D; */
  color: rgba(255, 255, 255, 0.50);
  border-radius: 12px;
  padding: 0 2rem !important;
}

/* .select_box:focus:hover,
.select_box:focus,
.select_box:active,
.select_box:active:focus,
.select_box:target,
.select_box:visited:hover,
.select_box:visited:focus,
.select_box:visited:focus
{
  background: #5D5D5D !important;
} */

.select_box:hover {
  /* background: #FFC455; */
  /* background: #5D5D5D; */
  /* color: #5D5D5D !important; */
  opacity: 1;
}

/* if wrong option is selected  */
/* .select_box:hover
{
  background: #5D5D5D;
  color: #ffffff;
  opacity: 1;
}

.select_box:hover .ctxt9
{
  color: #ffffff;
} */
/* /if wrong option is selected */

/* if right option is selected  */
/* .select_box
{
  background: #FFC455;
  color: #5D5D5D;
  opacity: 1;
} */
/* /if right option is selected */


/* .ctxt9:hover
{
  color: #ffffff;
} */

/* modal test */
.modal.fade.in .lab-modal-body {
  /* bottom: 0;
  opacity: 1; */

  bottom: 0;
  opacity: 1;
  right: 0;
  left: 0;
  margin: 0 auto;
  /* width: 98%; */
  position: absolute;
}

.lab-modal-body h1 {
  font-size: 4rem;
}

.lab-modal-body p {
  margin: 0 0 1.62rem 0;
  line-height: 1.62;
  font-weight: 300;
  font-size: 1.62rem;
  color: #666;
}

.lab-modal-body {
  /* position: fixed;
  bottom: -250px;
  margin: 500px auto 0;
  padding: 40px; */
  /* min-width: 100%;
  height: 31rem; */
  /* height: auto;
  background-color: #5D5D5D;
  color: #fff;
  border: 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
  transition: opacity 0.3s ease-out, bottom 0.3s ease-out; */
  /* overflow: scroll; */
  /* overflow: auto;
  border-radius: 10px 10px 0 0;
  z-index: 999; */

  position: absolute;
  bottom: -50px;
  right: 0;
  left: 0;
  /* width: 98%; */
  margin: 0 auto;
  /* padding: 40px; */
  padding: 20px;
  height: auto;
  /* background-color: #5D5D5D; */
  background: #292D56;
  color: #fff;
  border: 0;
  opacity: 0;
  /* transition: opacity 0.3s ease-out, bottom 0.3s ease-out; */
  overflow: hidden;
  /* border-radius: 10px 10px 0 0; */
  border-radius: 24px 24px 0 0;
  z-index: 999;
  transition: all 1s;
}

.close {
  margin-top: -20px;
  margin-right: -20px;
  text-shadow: 0 1px 0 #ffffff;
}

.popup-button {
  margin-top: 70px;
}

/* /modal test */

.btn_ta {
  height: 4rem;
  border-radius: 10px;
}

.cxpanel_padding {
  padding: 10px 17px;
}

.btn_ba {
  border-radius: 10px;
  height: 5rem;
  background: #63A858;
  border: #63A858;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
}

.btn:hover {}

.crow {
  /* margin-right: -20px;
  margin-left: -20px; */
  /* margin-right: -17px;
  margin-left: -17px; */
  /* margin-right: -15px !important;
  margin-left: -15px !important; */
  margin-right: 0px !important;
  margin-left: 0px !important;
  background: #63A858;
  text-align: left;
}

.crow.box {
  /* background: #63A858; */
  border-radius: 0;
  color: #fff;
  text-align: left;
  height: 70px;
  /* padding: 10px; */
  /* padding: 15px; */
  /* padding: 15px 10px; */
  border: 0;
  justify-content: center;
  align-items: center;
  flex-flow: wrap;
  align-content: center;
  /* margin-bottom: 2px; */
  display: flex;
  padding: 15px 20px;
  margin: 0 -10px 2px -10px !important;
}

.absolute_top {
  position: absolute;
  top: 0;
}

.c_silver_chalice,
.silver_chalice {
  color: #ADADAD !important;
}

.iw100 {
  width: 100%;
}

@media (min-width: 769px) {
  .iw100 {
    max-width: 30%;
  }

  .inavbar {
    width: 77% !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.ft_yellow {
  background: #A7B742;
}

.ft_green {
  background: #60A757;
}

.li_exclamation {
  border-radius: 0 0 0 100%;
  /* background: #5D5D5D;   */
  background: #FFC455;
  margin-right: 0 !important;
}

.nav.navbar-nav>.li_exclamation>a:hover {
  border-radius: 0 0 0 100%;
  /* background: #5D5D5D;   */
  /* margin-right: 0 !important; */
}

.a_exclamation {
  padding: 1rem 2rem !important;
  text-align: -webkit-right;
}

.exclamation {
  padding: 1rem 2.5rem !important;
  text-align: -webkit-right;
}

.img_exclamation {
  /* exclamation */
  /* padding: 1rem 0 1rem 1rem !important; */
  /* questionmark */
  /* padding: 1rem 0 2rem 1rem !important; */
  padding: 0rem 0px 1rem 0rem !important;
  margin-left: 3px;
}

/* .ex_top_nav .nav>li>a:focus,
.ex_top_nav .nav>li>a:hover,
.ex_top_nav .nav .open>a,
.ex_top_nav .nav .open>a:focus,
.ex_top_nav .nav .open>a:hover
{
  border-radius: 0 0 0 100%;
  border: 0 !important;
  background-color: #FFC455;
} */

.ex_top_nav .qnav_ul>li>a:focus,
.ex_top_nav .qnav_ul>li>a:hover,
.ex_top_nav .qnav_ul .open>a,
.ex_top_nav .qnav_ul .open>a:focus,
.ex_top_nav .qnav_ul .open>a:hover {
  border-radius: 0 0 0 100%;
  border: 0 !important;
  background-color: #FFC455;
}

/* modal exclamation */
.modal.fade.in .ex_modal_body {
  top: 0;
  opacity: 1;
}

.ex_modal_body h1 {
  font-size: 4rem;
}

.ex_modal_body p {
  margin: 0 0 1.62rem 0;
  line-height: 1.62;
  font-weight: 300;
  font-size: 1.62rem;
  color: #666;
}

.ex_modal_body {
  position: fixed;
  top: -250px;
  margin: auto 0;
  padding: 40px;
  /* max-width: 100%; */
  /* min-width: 100%; */
  /* height: 18rem; */
  height: auto;
  background-color: #FFC455;
  color: #fff;
  border: 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out, top 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out, top 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out, top 0.3s ease-out;
  transition: opacity 0.3s ease-out, top 0.3s ease-out;
  overflow: auto;
  overflow-x: hidden;
  border-radius: 0;
  z-index: 999;
}

.close {
  margin-top: -20px;
  margin-right: -20px;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 1;
}

.popup-button {
  margin-top: 70px;
}

.ex_close {
  color: white;
  opacity: 1;
}

/* /modal exclamation */

.btn_grp {
  background: #C4C4C4;
  /* border-color: whitesmoke; */
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  /* box-shadow: inset 0 3px 5px rgba(0,0,0,.125); */
  border: 0;
}

.btn_grp.active.focus,
.btn_grp:hover {
  background-color: #FFC455;
  border: 0;
}

.btn_grp.active {
  background: #C4C4C4;
  border: 0;
  color: #5d5d5d;
  box-shadow: unset !important;
}

/* customised checkboxes */
.cb_label {
  margin-top: 0px !important;
  display: -webkit-inline-box;
  padding-left: 0 !important;
}

.cb_div input[type=checkbox] {
  position: relative !important;
  margin-top: 0 !important;
}

.flex_left {
  display: flex;
  align-items: center;
  justify-content: left;
}

.ml0_5rem {
  margin-left: 0.5rem;
}

.cb_box {
  /* height: auto !important;
  min-height: 65px; */
  height: 86px !important;
  min-height: auto !important;
  overflow: auto;
  border: 0 !important;
  border-radius: 12px;
  padding: 0 20px;
  background: rgba(255, 255, 255, 0.10);
  display: flex;
  align-items: center;
}

/* /customised checkboxes */

/* svg checkbox */
* {
  box-sizing: border-box;
}

.cbx {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  /* padding: 6px 8px; */
  padding: 0;
  border-radius: 6px;
  overflow: hidden;
  transition: all 0.2s ease;
  display: -webkit-inline-box !important;
}

/* .cbx:not(:last-child) {
  margin-right: 6px;
} */
/* .cbx:hover {
  background: rgba(0,119,255,0.06);
} */
.cbx span {
  float: left;
  vertical-align: middle;
  transform: translate3d(0, 0, 0);
}

.cbx span:first-child {
  position: relative;
  /* width: 2.5rem;
  height: 2.5rem; */
  /* border-radius: 4px; */
  transform: scale(1);
  /* border: 1px solid #cccfdb; */
  /* border: 1px solid #fff; */
  transition: all 0.2s ease;
  /* box-shadow: 0 1px 1px rgba(0,16,75,0.05); */
  background: #fff;
  /* box-shadow: inset 1px 1px 2px rgb(0 0 0 / 25%); */
  border-radius: 5px;

  width: 20px;
  height: 20px;
  box-shadow: unset;
}

.cbx span:first-child svg {
  position: absolute;
  /* top: 8px;
  left: 7px; */
  fill: none;
  stroke: #E58D82;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  transition: all 0.3s ease;
  transition-delay: 0.1s;
  transform: translate3d(0, 0, 0);
  top: 5px;
  right: 0;
  left: 0;
  bottom: 0;
  margin: 0 auto;
}

.cbx span:last-child {
  /* padding-left: 8px; */
  /* padding-left: 15px; */
  /* padding: 0 15px; */
  padding: 0;
  line-height: 18px;
  width: 20px;
  height: 20px;
}

.cbx:hover span:first-child {
  border-color: #FFC455;
}

.inp-cbx {
  position: absolute;
  visibility: hidden;
}

.inp-cbx:checked+.cbx span:first-child {
  background: #fff;
  border-color: #fff;
  animation: wave 0.4s ease;
}

.inp-cbx:checked+.cbx span:first-child svg {
  stroke-dashoffset: 0;
}

/* body {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  color: #223254;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
} */
.inline-svg {
  position: absolute;
  width: 0;
  height: 0;
  pointer-events: none;
  user-select: none;
}

@media screen and (max-width: 640px) {

  /* body {
    width: auto;
    display: inherit;
    padding: 20px;
  } */
  .cbx {
    width: 100%;
    margin-bottom: 4px;
    display: inline-block;
  }
}

@-moz-keyframes wave {
  50% {
    transform: scale(0.9);
  }
}

@-webkit-keyframes wave {
  50% {
    transform: scale(0.9);
  }
}

@-o-keyframes wave {
  50% {
    transform: scale(0.9);
  }
}

@keyframes wave {
  50% {
    transform: scale(0.9);
  }
}

.cb_span {
  /* height: 2.5rem; */
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* /svg checkbox */

.btn_bh_orange {
  border-radius: 10px;
  height: 4rem;
  background: #FFC455;
  border: #FFC455;
  color: #5D5D5D;
  font-weight: bold;
  font-size: 14px;
}

.btn_bh_orange:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.btn_skip {
  background: transparent;
  color: #E58D82;
  border-radius: 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 150%;
}

.pb2rem {
  padding-bottom: 2rem;
}

.pr20px {
  padding-right: 20px;
}

.c_green {
  color: #60A757;
}

.textarea_box {
  height: 100% !important;
  overflow: auto;
  background: #120F40;
  border-radius: 16px;
  border: 0 !important;
  padding: 16px !important;
}

.pt1rem {
  padding-top: 1rem;
}

.pl0_5rem {
  padding-left: 0.5rem;
}

/* video  */
.overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

video#video {
  width: 100%;
}

@media (max-width: 767px) {
  video#video {
    width: 100%;
  }
}

@media (min-width: 768px) {
  video#video {
    width: 50%;
  }
}

/* /video */

/* audio */
a {
  color: #8ebbc4;
}

.note {
  max-width: 500px;
  margin: 0 auto;
}

.circle-audio-player {
  display: block;
  margin: 0 auto;
  cursor: pointer;
}

#playerContainer {
  padding: 24px;
}

/* /audio */

/* rangeslider */
.fs10px {
  font-size: 10px;
}

.rs_txt_red {
  color: #F55858;
}

.rs_txt_green {
  color: #60A757;
}

/* customised rangeslider */
.pmd-range-slider.noUi-connect,
.pmd-range-slider .noUi-tooltip,
.pmd-range-slider.noUi-horizontal .noUi-handle-lower .noUi-tooltip:before {
  background: #FFC455;
}

/* /rangeslider */

.pb0_5rem {
  padding-bottom: 1rem;
}

/* multistep wizard  */
/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Roboto+Slab:wght@400;700&display=swap');

html {
  height: 100%;
  min-height:800px;
} */
/* body {
  background: url('https://i.pinimg.com/originals/48/79/86/487986c17560a8ed1afdc55e480e5be2.png');
  background-size:cover;
  background-repeat:no-repeat;
  text-align: center;
 font-family: 'Noto Sans', sans-serif;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
} */

h1 {
  font-weight: 400;
  padding-top: 0;
  margin-top: 0;
  /* font-family: 'Roboto Slab', serif; */
}

#svg_form_time {
  height: 15px;
  max-width: 100%;
  /* margin: 40px auto 20px; */
  /* margin: 20px auto 20px; */
  margin: 30px auto 30px;
  display: block;
}

#svg_form_time circle,
#svg_form_time rect {
  fill: white;
}

/* .button {
  background: rgb(237, 40, 70);
  border-radius: 5px;
  padding: 15px 25px;
  display: inline-block;
  margin: 10px;
  font-weight: bold;
  color: white;
  cursor: pointer;
  box-shadow:0px 2px 5px rgb(0,0,0,0.5);
} */

/* .disabled {
  display:none;
} */

section {
  padding: 0;
  max-width: 100%;
  margin: 0 auto;
  background: white;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(10px);
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  transition: transform 0.2s ease-in-out;
  display: initial;
}


input {
  width: 100%;
  margin: 7px 0px;
  display: inline-block;
  padding: 12px 25px;
  box-sizing: border-box;
  border-radius: 5px;
  border: 1px solid lightgrey;
  font-size: 1em;
  font-family: inherit;
  background: white;
}

/* p{
  text-align:justify;
margin-top:0;
} */
/* /multistep wizard */

.mr1rem {
  margin-right: 1rem;
}

.flex_wrap {
  flex-wrap: wrap;
}

.pulse_btn_txt {
  padding: 0 !important;
  color: #5D5D5D !important;
  margin: 0;
  transform: translate(0%, 50%);
  font-size: 20px;
  text-transform: initial;
  font-weight: bold;
}

.chk_pulse_btn_txt {
  padding: 0 !important;
  color: #60A757 !important;
  margin: 0;
  transform: translate(0%, 10%);
  font-size: 10px;
  text-transform: uppercase;
  font-weight: bold;
}

.btn_pulse_next_done_txt,
.kta_done_pulse_button_label {
  padding: 0 !important;
  color: #5D5D5D !important;
  margin: 0;
  transform: translate(0%, 5%);
  text-transform: capitalize;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 23px;
}

/* embedded videos */
.responsiveRapper {
  overflow: hidden;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  position: relative;
}

@media (max-width: 767px) {

  .responsiveRapper iframe,
  .responsiveRapper object,
  .responsiveRapper embed {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
  }
}

@media (min-width: 768px) {

  .responsiveRapper iframe,
  .responsiveRapper object,
  .responsiveRapper embed {
    top: 0;
    left: 0;
    position: relative;
  }
}

/* /embedded videos */

/* relative */
/* .keytakeaway
{
  text-align: center;
  position: relative;
  top: -40px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
} */

.img_kta_in {
  text-align: center;
  position: relative;
  top: -5px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  /* z-index: 99; */
}

.img_kta_out {
  text-align: center;
  position: relative;
  top: 70px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  /* z-index: 99; */
}

.img_kta {
  text-align: center;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
}

/* /relative */

.pt17rem {
  padding-top: 17rem;
}

.pt15rem {
  padding-top: 15rem;
}

.bg_orange {
  background: #FFC455 !important;
  min-height: 100vh;
}

.bg_green {
  background: #60A757 !important;
}

/* keytakeaway button */
.kta_pulse_button {
  display: block;
  width: 110px;
  height: 110px;
  font-size: 4rem;
  font-weight: light;
  /* font-family: 'Trebuchet MS', sans-serif; */
  text-transform: uppercase;
  text-align: center;
  line-height: 100px;
  color: #FFC455;
  border: 10px solid #FFD380;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  box-shadow: 0 0 0 0 rgba(#5a99d4, .5);
  animation: pulse 1.5s infinite;
  display: flex;
  justify-content: center;
  align-items: center;
}

.kta_pulse_button:hover {
  animation: none;
}

/* /keytakeaway button */

.fs30px {
  font-size: 30px;
}

.fs20px {
  font-size: 20px;
}

.quotation {
  /* background: white; */
  background: transparent;
  color: #5D5D5D;
  border-radius: 5px;
  /* padding: 10rem 2rem; */
  padding: 10rem 2rem;
  text-align: center;
}

.quotation_hr {
  /* border: 1px solid #C2C2C2; */
  /* border: 1px solid #D7D7D7; */
  /* border: 1px solid #5D5D5D; */
  /* border: 1px solid #FFFFFF; */

  border: 0.5px solid #FFFFFF;
  background: #FFFFFF;
}

/* @media (max-width: 360px)
{
  .overflow_box
  {
    background-color: transparent;
    border: 0;
    overflow: auto;
    height: 70vh;
  }
}

@media (min-width: 361px)
{
  .overflow_box
  {
    background-color: transparent;
    border: 0;
    overflow: auto;
    height: 73vh;
  }
}

@media (min-width: 375px)
{
  .overflow_box
  {
    background-color: transparent;
    border: 0;
    overflow: auto;
    height: 60vh;
  }
}

@media (min-width: 411px)
{
  .overflow_box
  {
    background-color: transparent;
    border: 0;
    overflow: auto;
    height: 75vh;
  }
} */

@media (max-width: 374px) {
  .overflow_box {
    background-color: transparent;
    border: 0;
    overflow: auto;
    /* height: 60vh;   */
    height: 60vh;
  }
}

@media (min-width: 375px) and (max-width: 410px) {
  .overflow_box {
    background-color: transparent;
    border: 0;
    overflow: auto;
    height: 60vh;
  }

  .ob73 {
    background-color: transparent;
    border: 0;
    overflow: auto;
    height: 73vh;
  }
}

@media (min-width: 411px) {
  .overflow_box {
    background-color: transparent;
    border: 0;
    overflow: auto;
    height: 75vh;
  }
}

.footer_index {
  /* width: 20%; */
  width: 25%;
  text-align: center;
}

.footer_index p {
  padding-top: .5rem;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  text-align: center;
  /* color: #1092A7; */
}

.prelative {
  position: relative !important;
}

.nanimation {
  animation: none;
}

/* customised fonts */
.c_dark_gray {
  color: #ADADAD;
}

.fs_12px {
  font-size: 12px;
}

.rnormal {
  /* font-family: Roboto; */
  font-weight: 400;
}

.btn_back_white {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  /* color: #ADADAD; */
  color: #ffffff;
}

.btn_back_grey {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  /* color: #ADADAD; */
  color: #5D5D5D;
}

.module_title {
  /* font-family: Roboto; */
  font-style: normal;
  /* font-weight: normal; */
  font-weight: 300;
  font-size: 36px;
  line-height: 130%;
  color: #5D5D5D;
}

h1.module_title {
  margin: 10px 0 0 0;
}

.txt_comparison {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 400 !important;
  font-size: 15px !important;
  line-height: 140%;
  color: #ffffff;
  margin: 0;
}

.btn_begin_here {
  width: 100%;
  height: 32px;
  background: #ffffff;
  box-shadow: unset;
  border-radius: 8px;
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  color: #E58D82;
  border: 0;
  margin: 40px 0 0 0;
}

.btn_begin_here_orange {
  /* background: #FFC455; */
  background: #E58D82;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 100px;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #FFF;
  height: 50px;
  width: 100%;
  border: 0;
}

.title_content {
  /* font-family: Roboto; */
  /* font-style: normal; */
  font-weight: 400 !important;
  font-size: 12px !important;
  line-height: 140%;
  color: #ffffff;
  /* opacity: 0.75; */
  margin-top: 40px;
}

.session_no,
.session_time {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 400 !important;
  font-size: 10px !important;
  line-height: 12px;
  display: flex;
  align-items: center;
  color: #FFFFFF;
}

.session_time {
  justify-content: flex-end;
}

.jc_center {
  justify-content: center;
}

.session_name {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500 !important;
  font-size: 15px !important;
  line-height: 18px;
  display: flex;
  align-items: center;
  color: #FFFFFF;
  /* text-transform: capitalize; */
  text-transform: inherit;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.comparison {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500 !important;
  font-size: 15px !important;
  line-height: 130%;
  /* or 19px */
  color: #FFFFFF;
  opacity: 0.75;
}

.session {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 400 !important;
  font-size: 12px !important;
  line-height: 130%;
  /* or 16px */
  color: #FFFFFF;
  opacity: 0.75;
}

.session_title {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 300;
  font-size: 51px;
  line-height: 130%;
  color: #FFFFFF;
  word-wrap: break-word;
  /* text-transform: capitalize; */
}

.btn_next {
  background: #FFFFFF;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  /* Button Text */
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  /* identical to box height */
  text-align: center;
  color: #5D5D5D;
  width: 139px;
  height: 50px;
  border: 0;
  margin-right: 0;
}

.btn_next.disabled {
  background: #FFFFFF;
  opacity: 0.5;
}

.btn_prev {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  /* font-size: 12px; */
  font-size: 16px;
  line-height: 14px;
  /* font-size: 16px;
  line-height: 19px; */
  /* identical to box height */
  /* text-align: center; */
  text-align: left;
  color: #FFFFFF;
  border-radius: 5px;
  /* width: 139px;
  height: 50px; */
  background: transparent;
  margin-right: 0;
  padding: 0 !important;
  box-shadow: unset !important;
}

.quotation_txt {
  /* font-family: Roboto; */
  /* font-style: italic; */
  font-weight: 300;
  font-size: 30px;
  line-height: 35px;
  /* text-align: center; */
  text-align: left !important;
  /* color: #5D5D5D; */
  color: #FFFFFF;
}

.quotation_writer {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 23px;
  text-align: left !important;
  /* color: #5D5D5D; */
  color: #FFFFFF;
}

.mt30px {
  margin-top: 30px !important;
}

.txt1 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 300;
  font-size: 30px;
  line-height: 130%;
  /* or 39px */
  /* text-align: center; */
  text-align: left;
  color: #FFFFFF;
  word-wrap: break-word;
}

.txt2 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 300;
  font-size: 30px;
  line-height: 35px;
  /* text-align: center; */
  text-align: left;
  color: #FFFFFF;
  padding-bottom: 20px;
}

.txt3 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 300;
  font-size: 30px;
  line-height: 35px;
  text-align: left;
  color: #243949;
}

.txt4 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 28px;
  /* text-align: center; */
  text-align: left;
  color: #FFFFFF;
}

.txt5 {
  font-weight: normal;
  font-size: 13px;
  line-height: 14px;
  text-align: left;
  color: #FFFFFF;
}

.txt6 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 140% !important;
  /* or 25px */
  display: flex;
  align-items: center;
  color: #5D5D5D;
}

.txt7 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  /* font-size: 12px; */
  font-size: 14px;
  line-height: 14px;
  /* identical to box height */
  text-align: center;
  color: #FFFFFF;
  opacity: 0.75;
}

.txt8 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 300;
  font-size: 30px;
  line-height: 35px;
  /* text-align: center; */
  text-align: left;
  color: #FFFFFF;
  padding-bottom: 20px;
}

.txt9 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 140%;
  /* or 25px */
  display: flex;
  align-items: center;
  /* color: #5D5D5D; */
}

.txt10 {
  /* font-family: Roboto; */
  font-style: italic;
  font-weight: 300;
  font-size: 24px;
  line-height: 140%;
  /* or 34px */
  display: flex;
  align-items: flex-end;
  color: #FFFFFF;
  text-align: left;
}

.txt11 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 28px;
  /* text-align: center; */
  text-align: left;
  color: #FFFFFF;
  margin-bottom: 0;
}

.txt12 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  /* identical to box height */
  text-align: center;
  color: #6D6D6D;
}

.btn_grp.txt12.active,
.txt12.active.focus,
.txt12:hover {
  background-color: #FFC455;
  border: 0;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #000000;
  filter: unset !important;
}

.txt12_label {
  background-color: #FFC455 !important;
  box-shadow: unset !important;
  border: 0;
  filter: unset;
}

.txt12_btn {
  background: unset !important;
  border: 0 !important;
  box-shadow: unset !important;
  /* color: #000; */
  filter: unset !important;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
}

.selected_objective {
  background-color: #FFC455;
  border: 0;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  /* identical to box height */
  text-align: center;
  color: #000000;

}

.txt12.active {
  background: #C4C4C4;
  border: 0;
  /* color: #5d5d5d; */
  box-shadow: unset !important;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  /* identical to box height */
  text-align: center;
  color: #6D6D6D;
}

.txt13 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 36px;
  line-height: 42px;
  color: #60A757;
}

.txt14 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 300;
  font-size: 20px;
  line-height: 23px;
  color: #60A757;
}

.txt15 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 28px;
  color: #6D6D6D;
}

.txt16 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  /* identical to box height */
  color: #F55858;
}

.txt17 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  /* identical to box height */
  text-align: right;
  color: #60A757;
}

.txt18 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  /* identical to box height */
  text-align: center;
  color: #5D5D5D;
}

.txt18a {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 14px;
  /* identical to box height */
  text-align: center;
  color: #5D5D5D;
}

.txt19 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  color: #C4C4C4;
}

.txt20 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 300;
  font-size: 30px;
  line-height: 130%;
  /* or 39px */
  text-align: left;
  color: #FFFFFF;
}

.txt21 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 35px;
  text-align: left;
  color: #243949;
}

.fw_bold {
  font-weight: bold !important;
}

.fw_500 {
  font-weight: 500;
}

.transcript_txt {
  /* font-family: Roboto; */
  font-style: italic;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  /* or 36px */
  color: #FFFFFF;
  text-align: left;
}

.btn_try_again {
  height: 5rem;
  /* background: #FFFFFF; */
  background: #E58D82;
  /* box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25); */
  border-radius: 100px;
  /* width: 139px; */
  width: 100%;
  margin-right: 0;
  margin-bottom: 0;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  /* color: #5D5D5D; */
  color: #FFFFFF;
}

.mt20px {
  margin-top: 20px;
}

.pt20px {
  padding-top: 20px;
}

.pt41px {
  padding-top: 41px;
}

.pt26px {
  padding-top: 26px;
}

.p30_20px {
  padding: 30px 20px;
}

.fleft {
  display: flex;
  justify-self: left;
  align-items: center;
  text-align: left;
}

textarea.form-control {
  border-radius: 5px;
}

/* /customised fonts */

/* media queries for customised fonts */
/* @media (max-width: 375px)
{
  .quotation
  {
    padding: 7rem 2rem;
    padding: 5rem 2rem;
    padding: 10% 5%;
  }
} */

@media (max-width: 374px) {

  .txt2,
  .txt8,
  .txt3,
  .txt15 {
    font-size: 16px;
    line-height: 20px;
  }

  .txt1,
  .txt4,
  .txt10 {
    font-size: 20px;
  }

  .txt9 {
    font-size: 12px;
  }

  .txt11 {
    font-size: 20px;
    line-height: 20px;
  }

  .txt11_lh {
    line-height: 28px;
  }

  .txt13 {
    font-size: 24px;
    line-height: 30px;
  }

  .txt14 {
    font-size: 16px;
  }

  .txt21 {
    font-size: 14px;
    line-height: 20px;
  }

  .quotation_writer {
    font-size: 14px;
    line-height: 16px;
  }

  .cpt {
    padding-top: 2rem;
  }

  .session_title {
    font-size: 30px;
  }

}

@media (min-width: 375px) {
  .cpt {
    padding-top: 5rem;
  }

  .select_box {
    height: 90px !important;
  }
}

@media (min-width: 375px) and (max-width: 411px) {
  .quotation_txt {
    font-size: 24px;
    line-height: 30px;
  }

  .quotation_writer {
    font-size: 16px;
    line-height: 20px;
  }
}

/* @media (min-width: 375px) and (min-height: 812px)
{
  .ttransform
  {
    transform: translate(0, 30%);
  }
} */
/* /media queries for customised fonts */

/* .select_box:hover .txt9
{
  color: #fff !important;
} */

/* .nav.navbar-nav>li>a:hover, */
.cnav>li>a {
  border-radius: 50%;
  /* padding: 10% 3%; */
  padding: 9px 5px;
}

.cnav>li>a.pheadphone,
.cnav>li>a.ptranscript {
  height: 55px;
  width: 55px;
}

.cnav>li>a.pheadphone {
  padding: 8px 7px;
}

.cnav>li>a.ptranscript {
  padding: 9px 5px;
}

/* .p25p
{
  padding: 25% !important;
} */

.top_nav .navbar-nav li {
  margin-right: 1rem;
}

.tsticky,
.cnav_menu {
  position: fixed;
  top: 0;
}

.blur {
  backdrop-filter: blur(25px);
}

.cxpanel {
  /* padding: 10rem 17px; */
  padding: 0rem 17px;
  height: calc(100vh - 225px);
  overflow: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.tcxpanel {
  /* padding: 10rem 17px; */
  padding: 0rem 17px;
  height: calc(100vh - 225px);
  overflow: auto;
  display: flex;
  justify-content: flex-start !important;
  align-items: flex-start !important;
}

.cxpanelkta_brief {
  padding: 0rem 17px;
  height: calc(100vh - 175px);
  overflow: auto;
  justify-content: center;
  align-items: center;
}

.cxpanelkta_1liner {
  padding: 0rem 17px;
  height: calc(100vh - 175px);
  overflow: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 375px) {
  .dflexblock {
    /* padding: 10rem 17px; */
    padding: 0rem 17px;
    height: calc(100vh - 260px);
    overflow: auto;
    display: block !important;
    justify-content: center;
    align-items: center;
  }

  .dflexblock_wf {
    /* padding: 10rem 17px; */
    padding: 0rem 17px;
    height: calc(100vh - 115px);
    overflow: auto;
    display: block !important;
    justify-content: center;
    align-items: center;
  }
}

/* @media (max-width: 768px) */
@media (max-width: 1024px) {
  .dflexblock {
    /* padding: 10rem 17px; */
    /* padding: 0rem 17px;
    height: calc(100vh - 260px) !important;
    overflow: auto;
    display: block !important;
    justify-content: center;
    align-items: center; */
  }
}

.dflexblock {
  /* padding: 10rem 17px; */
  padding: 0rem 17px;
  height: calc(100vh - 260px);
  overflow: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.dflexblock_wf {
  /* padding: 10rem 17px; */
  padding: 0rem 17px;
  height: calc(100vh - 115px);
  overflow: auto;
  display: block;
  justify-content: center;
  align-items: center;
}

.dflexblockkta {
  padding: 0rem 17px;
  height: calc(100vh - 175px);
  overflow: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* iPhone 5 in portrait & landscape */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {

  .dflexblock {
    /* padding: 10rem 17px; */
    padding: 0rem 17px;
    height: calc(100vh - 150px);
    overflow: auto;
    display: block !important;
    justify-content: center;
    align-items: center;
  }

  .dflexblock_qt {
    padding: 0rem 17px;
    height: calc(100vh - 200px);
    overflow: auto;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .dflexblock_index {
    /* padding: 10rem 17px; */
    padding: 0rem 17px;
    height: 100vh;
    overflow: auto;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .dflexblock_transcript,
  .dflexblock_reflection,
  .dflexblock_single_select,
  .dflexblock_sessionover,
  .dflexblock_multiple_select,
  .dflexblock_assessment_start,
  .dflexblock_audio_diagram,
  .dflexblock_yesno {
    padding: 0rem 17px;
    height: calc(100vh - 190px);
    overflow: auto;
    display: block !important;
    justify-content: center;
    align-items: center;
  }

  .dflexblock_pyramid {
    padding: 0rem 17px;
    /* height: calc(100vh - 200px); */
    height: calc(100vh - 130px);
    overflow: auto;
    display: block !important;
    justify-content: center;
    align-items: center;
  }

  .dflexblock_lengthy_txt_pointer,
  .dflexblock_oneliner_txt_pointer {
    padding: 0rem 17px;
    height: calc(100vh - 220px);
    overflow: auto;
    display: block !important;
    justify-content: center;
    align-items: center;
  }

  .dflexbox_kta_1liner {
    padding: 0rem 17px;
    height: calc(100vh - 150px);
    overflow: auto;
    /* display: flex;
    justify-content: center;
    align-items: center; */
  }

  .dflexblock_testimonials {
    padding: 0rem 17px;
    height: calc(100vh - 145px);
    overflow: auto;
    display: block !important;
    justify-content: center;
    align-items: center;
  }

  .testimonials_top {
    overflow: auto;
    position: absolute;
    /* top: 100px; */
    top: 13.5% !important;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .cabsoluter {
    overflow: auto;
    position: absolute;
    /* top: 100px; */
    top: 12%;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .session_title {
    font-size: 20px;
  }

  .ptext {
    font-size: 12px !important;
  }

  .pulse-button {
    height: 60px;
    width: 60px;
  }

  .kta_done_pulse_button {
    height: 100px;
    width: 100px;
  }

  .quotation_txt {
    /* font-size: 16px;
    line-height: 20px; */
    font-size: 20px;
    line-height: 25px;
  }

  .quotation_writer {
    font-size: 16px;
    line-height: 13px;
  }

  .quotation {
    /* padding: 7rem 2rem;
    padding: 5rem 2rem; */
    /* padding: 10% 8%; */
    padding: 8% 8%;
  }

  .audio_pulse_button {
    width: 80px;
    height: 80px;
    border: 7px solid #94C48E;
  }

  .txt1,
  .txt2,
  .txt3,
  .txt8 {
    font-size: 20px;
  }

  .transcript_txt,
  .txt24 {
    font-size: 16px;
  }

  .txt4 {
    font-size: 16px;
    line-height: 20px;
  }

  .txt9 {
    font-size: 14px;
  }

  .txt46 {
    font-size: 16px !important;
  }

  .rtextarea {
    height: 15rem !important;
  }

  .stxt61 {
    font-size: 12px !important;
  }

  .stxt54 {
    font-size: 10px !important;
  }
}

/* iPhone 6, 7, & 8 in portrait & landscape */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio: 2) {

  .dflexblock {
    /* padding: 10rem 17px; */
    padding: 1rem 17px;
    height: calc(100vh - 190px);
    overflow: auto;
    display: block !important;
    justify-content: center;
    align-items: center;
  }

  .dflexblock_qt {
    padding: 0rem 17px;
    height: calc(100vh - 210px);
    overflow: auto;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .dflexblock_index {
    /* padding: 10rem 17px; */
    padding: 0rem 17px;
    height: 100vh;
    height: calc(100vh - 10px);
    overflow: auto;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    /* justify-content: center;
    align-items: center; */
  }

  .dflexblock_transcript,
  .dflexblock_reflection,
  .dflexblock_single_select,
  .dflexblock_sessionover,
  .dflexblock_multiple_select,
  .dflexblock_assessment_start,
  .dflexblock_audio_diagram,
  .dflexblock_yesno {
    padding: 0rem 17px;
    height: calc(100vh - 200px);
    overflow: auto;
    display: block !important;
    justify-content: center;
    align-items: center;
  }

  .dflexblock_pyramid {
    padding: 0rem 17px;
    /* height: calc(100vh - 210px); */
    height: calc(100vh - 130px);
    overflow: auto;
    display: block !important;
    justify-content: center;
    align-items: center;
  }

  .dflexblock_lengthy_txt_pointer,
  .dflexblock_oneliner_txt_pointer {
    padding: 0rem 17px;
    height: calc(100vh - 240px);
    overflow: auto;
    display: block !important;
    justify-content: center;
    align-items: center;
  }

  .dflexbox_kta_1liner {
    padding: 0rem 17px;
    height: calc(100vh - 160px);
    overflow: auto;
    /* display: flex;
    justify-content: center;
    align-items: center; */
  }

  .dflexblock_testimonials {
    padding: 0rem 17px;
    height: calc(100vh - 145px);
    overflow: auto;
    display: block !important;
    justify-content: center;
    align-items: center;
  }

  .testimonials_top {
    overflow: auto;
    position: absolute;
    /* top: 100px; */
    top: 13.5% !important;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .cabsoluter {
    overflow: auto;
    position: absolute;
    /* top: 100px; */
    top: 12%;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .session_title {
    font-size: 32px;
  }

  .ptext {
    font-size: 12px !important;
  }

  .pulse-button {
    height: 80px;
    width: 80px;
  }

  .quotation_txt {
    /* font-size: 18px;
    line-height: 20px; */
    font-size: 25px;
    line-height: 30px;
  }

  .quotation_writer {
    font-size: 18px;
    line-height: 18px;
  }

  .quotation {
    padding: 15% 8%;
  }

  .audio_pulse_button {
    width: 95px;
    height: 95px;
    border: 8px solid #94C48E;
  }

  .txt1,
  .txt2,
  .txt3,
  .txt8 {
    font-size: 25px;
  }

  .transcript_txt,
  .txt24 {
    font-size: 20px;
  }

  .txt9 {
    font-size: 16px;
  }

  .txt4 {
    /* font-size: 20px;
    line-height: 24px; */
    font-size: 24px;
    line-height: 28px;
  }

  .txt46 {
    font-size: 17px !important;
  }

  .rtextarea {
    height: 20rem !important;
  }

  .stxt61 {
    font-size: 14px !important;
  }

  .stxt54 {
    font-size: 12px !important;
  }
}

/* iPhone X in portrait */
@media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : portrait) {
  .dflexblock_qt {
    padding: 0rem 17px;
    height: calc(100vh - 260px);
    overflow: auto;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .dflexblock_index {
    /* padding: 10rem 17px; */
    padding: 0rem 17px;
    height: 100vh;
    overflow: auto;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .dflexblock_single_select {
    padding: 0rem 17px;
    /* height: calc(100vh - 250px); */
    height: calc(100vh - 200px);
    overflow: auto;
    display: block !important;
    justify-content: center;
    align-items: center;
  }

  .dflexblock_oneliner_txt_pointer

  /* .dflexblock_pyramid */
    {
    padding: 0rem 17px;
    height: calc(100vh - 260px);
    overflow: auto;
    display: block !important;
    justify-content: center;
    align-items: center;
  }

  .dflexblock_pyramid {
    padding: 0rem 17px;
    /* height: calc(100vh - 220px); */
    height: calc(100vh - 130px);
    overflow: auto;
    display: block !important;
    justify-content: center;
    align-items: center;
  }

  .dflexbox_kta_1liner {
    padding: 0rem 17px;
    height: calc(100vh - 160px);
    overflow: auto;
    /* display: flex;
    justify-content: center;
    align-items: center; */
  }

  .dflexblock_lengthy_txt_pointer,
  .dflexblock_reflection,
  .dflexblock_multi_reflection {
    padding: 0rem 17px;
    /* height: calc(100vh - 150px); */
    height: calc(100vh - 173px);
    overflow: auto;
    display: block !important;
    justify-content: center;
    align-items: center;
  }

  .dflexblock_multiple_select,
  .dflexblock_transcript,
  .dflexblock_assessment_start,
  .dflexblock_audio_diagram,
  .dflexblock_yesno {
    padding: 0rem 17px;
    /* height: calc(100vh - 165px); */
    height: calc(100vh - 187px);
    overflow: auto;
    display: block !important;
    justify-content: center;
    align-items: center;
  }

  .dflexblock_testimonials {
    padding: 0rem 17px;
    height: calc(100vh - 145px);
    overflow: auto;
    display: block !important;
    justify-content: center;
    align-items: center;
  }

  .testimonials_top {
    overflow: auto;
    position: absolute;
    /* top: 100px; */
    top: 12% !important;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .cabsoluter {
    overflow: auto;
    position: absolute;
    /* top: 100px; */
    /* top: 10%; */
    top: 7.5%;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .ptext {
    font-size: 14px !important;
  }

  .session_title {
    font-size: 41px;
  }

  .quotation_txt {
    /* font-size: 18px;
    line-height: 20px; */
    font-size: 30px;
    line-height: 35px;
  }

  .quotation_writer {
    font-size: 20px;
    line-height: 23px;
  }

  .quotation {
    padding: 20% 10%;
  }

  .audio_pulse_button {
    width: 110px;
    height: 110px;
    border: 10px solid #94C48E;
  }

  .kta_done_pulse_button {
    width: 110px;
    height: 110px;
  }

  .txt1,
  .txt2,
  .txt3,
  .txt8 {
    font-size: 30px;
  }

  .dflexbox_kta_1liner .txt3 {
    font-size: 25px;
  }

  .transcript_txt,
  .txt24 {
    font-size: 24px;
  }

  .txt4 {
    font-size: 24px;
    line-height: 28px;
  }

  .txt9 {
    font-size: 18px;
  }

  .txt46 {
    font-size: 18px !important;
  }

  .rtextarea {
    height: 30rem !important;
  }
}

@media(min-width: 769px) {
  .dflexblock_qt {
    padding: 0rem 17px;
    height: calc(100vh - 150px) !important;
    overflow: auto;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .dflexblock_single_select,
  .dflexblock_multiple_select {
    padding: 0rem 17px;
    height: calc(100vh - 160px);
    overflow: auto;
    display: block !important;
    justify-content: center;
    align-items: center;
  }

  .dflexbox_kta_1liner {
    padding: 0rem 17px;
    height: calc(100vh - 150px);
    overflow: auto;
    /* display: flex;
    justify-content: center;
    align-items: center; */
  }


}

.cabsolute {
  overflow: auto;
  position: absolute;
  top: 75px;
  left: 0;
  right: 0;
  bottom: 0;
}

.cabsolutet {
  overflow: auto;
  position: absolute;
  /* top: 100px; */
  /* top: 12%; */
  top: 9.5%;
  left: 0;
  right: 0;
  bottom: 0;
}

.cabsolute_pyramid {
  overflow: auto;
  position: absolute;
  top: 55px;
  left: 0;
  right: 0;
  bottom: 0;
}

/* .transcript_absolute_top
{
  overflow: auto;
  position: absolute;
  top: 13%;
  left: 0;
  right: 0;
  bottom: 0;
} */

.cabsolutekta {
  overflow: auto;
  position: absolute;
  /* top: 260px; */
  top: 70px;
  left: 0;
  right: 0;
  bottom: 0;
}

.cabsolutep {
  overflow: auto;
  position: absolute;
  top: 100px;
  left: 0;
  right: 0;
  bottom: 0;
}

.cabsolute_audio_diagram {
  overflow: auto;
  position: absolute;
  /* top: 100px; */
  top: 10%;
  left: 0;
  right: 0;
  bottom: 0;
}

.cabsolute .row,
.cabsolutet .row {
  /* margin: 0!important; */
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.t25px {
  top: 25px;
}

.t25px .dflexblock {
  height: calc(100vh - 190px);
}

.mrl0px {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.hide {
  display: none;
}

/* subscription css */
.chr {
  /* margin-top: 10px;
  margin-bottom: 10px; */
  margin: 10px;
  border: 0;
  border-top: 2px solid #E5E5E5;
}

.chr0 {
  /* margin-top: 0px;
  margin-bottom: 0px; */
  margin: 0 10px;
  border: 0;
  border-top: 2px solid #E5E5E5;
}

.ob_txt1 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 23px;
  color: #000000;
  padding: 0 10px;
}

.ob_txt2 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;

  color: #929292;

}

.ob_txt3 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
  text-decoration-line: underline;

  color: #1393A8;
}

.ob_select {
  background: #F5F4F4;
  border-radius: 4px;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
  display: flex;
  align-items: center;
  color: #929292;
  height: 41px;
  border: 0;
  box-shadow: unset;
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  appearance: none;
  /* background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat right #ddd; */
  background: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/icons/down_arrow_white.svg) no-repeat right #ddd;
  -webkit-appearance: none;
  background-position-x: 95%;
}

.ob_txt4 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
  /* identical to box height */


  color: #000000;

}

.ob_txt8 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
  /* identical to box height */
  color: #1393A8;
}

.radio input[type=radio] {
  margin-left: -12px;
  margin-top: 0;
}

/* radio */
label>input[type="radio"] {
  display: none;
}

label>input[type="radio"]+*::before {
  content: "";
  display: inline-block;
  /* vertical-align: bottom; */
  vertical-align: middle;
  width: 2rem;
  height: 2rem;
  /* margin-right: 0.3rem; */
  border-radius: 50%;
  border-style: solid;
  border-width: 0.1rem;
  border-color: #1393A8;
}

label>input[type="radio"]:checked+* {
  color: #1393A8;
}

label>input[type="radio"]:checked+*::before {
  background: radial-gradient(#1393A8 0%, #1393A8 40%, transparent 50%, transparent);
  border-color: #1393A8;
}

/* /radio */

.pl1rem {
  padding-left: 1rem;
}

.pl0_3rem {
  padding-left: 0.3rem;
}

.pt3px {
  padding-top: 3px;
}

.radio {
  margin-top: 2px;
  margin-bottom: 0px;
}

.radio label,
.checkbox label {
  padding-left: 0px;
}

.bhr {
  border-top: 5px solid #E5E5E5;
}

.ob_txt5 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 21px;

  color: #000000;
}

.mt5px {
  margin-top: 5px;
  margin-bottom: 5px;
}

.btn_add {

  background: #FFFFFF;
  border: 1px solid #E5E5E5;
  box-sizing: border-box;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1);
  height: 22px;

  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #1393A8;
  padding: 1rem 1.5rem;
  margin-right: 0;
  text-transform: uppercase;
}

.tm12px {
  top: -12px;
}

.thr {
  margin-top: 0px;
  margin-bottom: 20px;
  border-top: 2px solid #E5E5E5;
}

/* navbar  */
a {
  color: #000;
}

/* header */

.header {
  background-color: #fff;
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .1);
  position: fixed;
  width: 100%;
  z-index: 3;
}

.header ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  background-color: #fff;
}

.header li a {
  display: block;
  padding: 20px 20px;
  border-right: 1px solid #f4f4f4;
  text-decoration: none;
}

.header li a:hover,
.header .menu-btn:hover {
  background-color: #f4f4f4;
}

.header .logo {
  display: block;
  float: left;
  font-size: 2em;
  padding: 10px 20px;
  text-decoration: none;
}

/* menu */

.header .menu {
  clear: both;
  max-height: 0;
  transition: max-height .2s ease-out;
}

/* menu icon */

.header .menu-icon {
  cursor: pointer;
  display: inline-block;
  float: right;
  padding: 28px 20px;
  position: relative;
  user-select: none;
}

.header .menu-icon .navicon {
  background: #333;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease-out;
  width: 18px;
}

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
  background: #333;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

.header .menu-icon .navicon:before {
  top: 5px;
}

.header .menu-icon .navicon:after {
  top: -5px;
}

/* menu btn */

.header .menu-btn {
  display: none;
}

.header .menu-btn:checked~.menu {
  max-height: 240px;
}

.header .menu-btn:checked~.menu-icon .navicon {
  background: transparent;
}

.header .menu-btn:checked~.menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.header .menu-btn:checked~.menu-icon .navicon:after {
  transform: rotate(45deg);
}

.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:after {
  top: 0;
}

/* 48em = 768px */

@media (min-width: 48em) {
  .header li {
    float: left;
  }

  .header li a {
    padding: 20px 30px;
  }

  .header .menu {
    clear: none;
    float: right;
    max-height: none;
  }

  .header .menu-icon {
    display: none;
  }
}

/* /navbar */

.cmrow {
  margin-right: -32px;
  margin-left: -32px;
  background: rgba(19, 147, 168, 0.17);
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 21px;
  color: #000000;
  height: 49px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cmrow h4 {
  padding: 0 2rem;
}

.fcinput {
  background: #F5F4F4;
  border-radius: 4px;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
  display: flex;
  align-items: center;
  color: #929292;
  height: 41px;
  border: 0;
  box-shadow: unset;
}

/* checkbox */
label>input[type="checkbox"] {
  display: none;
}

label>input[type="checkbox"]+*::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  width: 2rem;
  height: 2rem;
  border-style: solid;
  border-width: 0.1rem;
  border-color: #1393A8;
  border-radius: 1px;
}

label>input[type="checkbox"]:checked+* {
  color: #1393A8;
}

label>input[type="checkbox"]:checked+*::before {

  background: #ffffff url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/images/icons/tickmark.png) 2px 3px no-repeat;
  border-color: #1393A8;
  border-radius: 1px;
}

/* /checkbox */

.ob_txt6 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 18px;
  display: flex;
  align-items: center;

  color: #FFFFFF;
}

.cdiv {
  background: #1393A8;
  border-radius: 4px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fright {
  float: right;
}

.wdiv {
  background: #ffffff;
  height: 50px;
  display: flex;
  align-items: center;
  border-radius: 4px;
}

.bg_grey {
  background: #F7F7F7 !important;
  min-height: 100vh;
}

.fcinput2 {
  background: #FFFFFF;
  border-radius: 4px;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #929292;
  height: 41px;
  border: 0;
  box-shadow: unset;
}

.btn_apply {
  height: 40px;
  width: 100%;
  border: 0;
  box-shadow: unset;
}

.pt5px {
  padding-top: 5px;
}

.btn_ptp {
  background: #1393A8;
  border-radius: 4px;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 18px;
  /* display: flex;
  align-items: center; */
  color: #FFFFFF;
  border: 0;
  box-shadow: unset;
  height: 41px;
  width: 100%;
}

.pb5px {
  padding-bottom: 5px;
}

/* accordion */
.bs-example {
  margin: 20px;
}

.rotate {
  -webkit-transform: rotate(-180deg);
  /* Chrome, Safari, Opera */
  -moz-transform: rotate(-180deg);
  /* Firefox */
  -ms-transform: rotate(-180deg);
  /* IE 9 */
  transform: rotate(-180deg);
  /* Standard syntax */
}

/* customised accordion */
.panel-default>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: transparent;
  /* padding: 0 10px !important; */
  padding: 0 !important;
}

.accordionbg1 {
  background: rgba(19, 147, 168, 0.17) !important;
}

.accordionbg2 {
  background: #E5E5E5 !important;
}

.tleft {
  text-align: left !important;
}

/* /accordion */

.ob_txt7 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;

  color: #000000;
}

/* quantity btn  */
input,
textarea {
  border: 1px solid #eeeeee;
  box-sizing: border-box;
  margin: 0;
  outline: none;
  padding: 10px;
}

input[type="button"] {
  -webkit-appearance: button;
  cursor: pointer;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.input-group {
  clear: both;
  margin: 15px 0;
  position: relative;
  box-sizing: border-box;
  /* background: #FFFFFF;
  border: 1px solid #E5E5E5;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1); */
  background: transparent;
  border: 0;
  box-shadow: unset;
}

.input-group input[type='button'] {
  /* background-color: #eeeeee; */
  background-color: #ffffff;
  min-width: 25px;
  /* width: auto; */
  transition: all 300ms ease;
}

.input-group .button-minus,
.input-group .button-plus {
  font-weight: bold;
  height: 25px;
  /* height: auto; */
  padding: 0;
  /* width: 30px; */
  /* width: auto; */
  /* min-width: 20px; */
  width: 27% !important;
  position: relative;
  margin: 0;
}

.input-group .quantity-field {
  position: relative;
  height: 33px;
  /* left: -6px; */
  text-align: center;
  /* width: 50px; */
  width: 35% !important;
  display: inline-block;
  font-size: 13px;
  margin: 0;
  resize: vertical;
}

.button-plus {
  left: 0px;
}

input[type="number"] {
  -moz-appearance: textfield;
  -webkit-appearance: none;
}

.input-group input {
  width: 25%;
  margin: 7px 0px;
  display: inline-block;
  padding: 0px;
  box-sizing: border-box;
  border-radius: 0;
  /* border: 1px solid lightgrey; */
  border: 0;
  font-size: 1em;
  font-family: inherit;
  background: white;
  text-align: center;
}

.tm20px {
  top: -20px;
}

/* /quantity btn */

.smodal_body {
  position: fixed;
  bottom: -250px;
  margin: 500px auto 0;
  padding: 32px;
  min-width: 100%;
  height: auto;
  background-color: #ffffff;
  color: #000000;
  border: 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
  transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
  /* overflow: scroll; */
  overflow: auto;
  border-radius: 0;
  z-index: 999;
}

.modal-open .bg_blur {
  /* filter: blur(2px); */
}

.modal-backdrop {
  /* opacity: 0.65;
  filter: alpha(opacity=65); */
  /* background-color: transparent; */
}

.cpt10px {
  padding-top: 10px;
}

/* /subscription css */

/* webpage  */
.bg_lynx_white {
  background: #F7F7F7 !important;
  min-height: 100vh;
}

.chk_rm {
  color: #000000;
  font-weight: 700;
}

.mb10px {
  margin-bottom: 10px;
}

/* /webpage */

.ptkta {
  /* padding-top: 10rem; */
  padding-top: 13%;
}

.ht_webkitfill {
  height: -webkit-fill-available;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pb3rem {
  padding-bottom: 3rem;
}

/* ::-webkit-scrollbar
{
  display: none;
} */

@media (max-width: 375px) {
  .cxpanelkta_1liner {
    height: calc(100vh - 100px);
  }
}

@media (min-width: 1200px) {

  .dflexblock,
  .dflexblock_wf {
    display: block;
  }

  .t25px .dflexblock,
  .dflexblock,
  .cxpanel {
    /* height: calc(100vh - 130px); */
    height: calc(100vh - 200px);
  }

  .cxpanelkta_brief {
    height: calc(100vh - 130px);
  }

  .dflexblock_wf {
    /* height: calc(100vh - 0px); */
    height: calc(100vh - 150px);
  }

  .cabsolute {
    top: 50px;
  }

  .pflexblock {
    height: calc(100vh - 250px);
  }
}

.top_nav .nav .open>a {
  border-radius: 50%;
}

.br10px {
  border-radius: 10px;
}

.icenter_t1 {
  position: absolute;
  left: 50%;
  top: 58%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.icenter_tn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.ptext {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 34px;
}

.pno {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  /* identical to box height */
  text-align: center;
  color: #FFFFFF;
  opacity: 0.5;
}

.pno1 {
  top: 35%;
}

.pnotn {
  top: 25%;
}

.t1_bg {
  background: #D68844;
}

.t2_bg {
  background: #DD4444;
}

.t3_bg {
  background: #5A388F;
}

.t4_bg {
  background: #368093;
}

.mrl-10px {
  margin: 0 -10px 0 -10px !important;
}

.wp_txt {
  padding-bottom: 0;
  margin-bottom: 5px;
}

.pt80px {
  padding-top: 80px;
}

@media (max-width: 374px) {
  .pt80px {
    padding-top: 35px;
  }
}

.pb30px {
  padding-bottom: 30px !important;
}

.btn_so {
  background: #E58D82;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #5D5D5D;
  border: 0;
  border-radius: 50%;
  height: 6rem;
  width: 6rem;
  margin-right: 0;
}

.pt10px_so {
  padding-top: 10px;
}

.so_box {
  /* height: 147px !important;   */
  height: auto imp !important;
  overflow: auto;
  border: 0 !important;
  background: rgba(255, 255, 255, 0.9);
  color: #5D5D5D;
  border-radius: 5px;
  padding: 2rem 2rem !important;
}

.txt22 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  /* color: #5D5D5D; */
  color: #FFFFFF;
}

.txt23 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  /* identical to box height */
  text-align: center;
  color: #5D5D5D;
}

.txt24 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 130%;
  /* or 31px */
  text-align: center;
  color: #5D5D5D;
}

.txt25 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 130%;
  /* or 16px */
  text-align: center;
  color: #5D5D5D;
}

@media (max-width: 374px) {
  .btn_so {
    width: 5rem;
    height: 5rem;
  }
}

.btn_outline {
  border: 1px solid #5D5D5D;
  box-sizing: border-box;
  border-radius: 5px;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #5D5D5D;
  background: transparent;
  height: 50px;
}

.pt21px {
  padding-top: 21px !important;
}

.pt31px {
  padding-top: 31px !important;
}

.pt30px {
  padding-top: 30px !important;
}

.pt40px {
  padding-top: 40px !important;
}

.progress {
  background: #FFFFFF;
  box-shadow: 1px 1px 2px rgb(0 0 0 / 25%);
  border-radius: 5px;
  height: 40px;
}

.progress-bar {
  /* background: linear-gradient(90deg, #FFC455 131.91%, #E69B5A 157.31%); */
  /* background: #E8A880; */
  background: #E58D82;
  box-shadow: 1px 0px 2px rgb(0 0 0 / 25%);
  /* border-radius: 0 5px 5px 0; */
  border-radius: 0;
  display: flex;
  justify-content: start;
  align-items: center;
  padding: 0 10px;
  /* label */
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 19px;
  color: #243949;
  min-width: 0%;
  white-space: nowrap;
  animation-name: progress;
  animation-duration: 4s;
  animation-delay: 2s
}

@keyframes progress {
  from {
    width: 0px
  }

  to {
    width: 0px
  }
}


/* header css */
@media (min-width: 48em) {
  .header .menu {
    clear: none;
    float: right;
    max-height: none;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px 0px;
    list-style-type: none !important;
  }
}

.header {
  border-bottom: 1px solid #eee;
}

.header li a {
  border-right: 1px solid #707070;
  padding: 10px 15px;
  color: #5c768d;
}

.brunset {
  border-right: unset !important;
}

/* /header css */

/* navbar */
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
  background-color: transparent;
}

.navbar-default .navbar-toggle {
  border: none;
}

.navbar-toggle span.icon-bar {
  transition: all 0.15s;
}

.navbar-toggle span:nth-child(2) {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}

.navbar-toggle span:nth-child(3) {
  opacity: 0;
}

.navbar-toggle span:nth-child(4) {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}

.navbar-toggle.collapsed span:nth-child(2),
.navbar-toggle.collapsed span:nth-child(4) {
  transform: rotate(0);
}

.navbar-toggle.collapsed span:nth-child(3) {
  opacity: 1;
}

/* customised */
.navbar-nav {
  margin: 0;
}

@media (max-width: 554px) {
  .cnavbar-nav .open .dropdown-menu {
    position: relative;
    width: 100%
  }
}

.cnavbar-nav .open .dropdown-menu {
  list-style-type: none !important;
}

.nav.cnavbar-nav>li>a:hover {
  border-radius: 0 !important;
}

.nh {
  /* width: 50%; */
  width: 35%;
  background: transparent;
}

.clogo {
  /* max-width: 35%; */
  max-width: 50%;
}

.ncenter_flex {
  display: flex;
  justify-content: center;
  align-items: center;
}

.navbar-toggle {
  padding: 9px 0;
  margin-right: 0;
  right: 1rem;
  position: absolute;
}

.cnavbar-nav>li>a {
  /* padding: 12px 10px 12px; */
  padding: 5px 10px;
}

@media (max-width: 768px) {
  .ncenter_flex {
    display: block;
    /* display: flex; */
    justify-content: center;
    align-items: center;
  }
}


@media (max-width: 554px) {
  .nh {
    width: 100%;
    margin: 0;
    background: transparent;
    padding: 1rem 0 1rem 2rem;
  }

  .clogo {
    max-width: 50%;
  }

  .ncenter_flex {
    display: block;
    justify-content: center;
    align-items: center;
  }
}

@media (min-width: 320px) and (max-width: 410px) {
  .clogo {
    max-width: 65%;
  }
}

.cimg {
  position: absolute;
  /* bottom: 0px;     */
  /* padding: 2rem; */
  padding: 5.5rem 2rem;
}

.navbar-default .navbar-collapse {
  padding: 0 2rem 2rem 0;
}

@media (max-width: 554px) {
  .cimg {
    position: inherit;
    bottom: 0px;
    padding: unset;
  }

  .navbar-default .navbar-collapse {
    padding: 15px;
  }
}

@media (max-width: 767px) {
  .cimg {
    position: inherit;
  }
}

/* @media (max-width: 768px)
{
  .cimg
  {
    position: relative;
    bottom: 0px;
    padding: unset;
  }

  .clogo
  {
    max-width: 100%;
  }
} */

.cnavbar-nav>li>a {
  line-height: 15px;
}

.nav.cnavbar-nav>li>a {
  color: #5c768d !important;
}

.mr-20px {
  margin-right: -20px;
}

.cnavbar-default {
  background: #ffffff;
}

.navbar-default .cnavbar-nav>.active>a,
.navbar-default .cnavbar-nav>.active>a:focus,
.navbar-default .cnavbar-nav>.active>a:hover {
  color: #428bca !important;
  text-decoration: none;
  background: transparent;
}

.navbar-default .cnavbar-nav a:hover {
  color: #428bca !important;
  text-decoration: none;
  background: transparent;
}

.libr {
  /* float: left; */
  border-right: 1px solid #707070;
  height: 25px;
}

.pb1rem {
  padding-bottom: 1rem;
}

/* @media (max-width: 992px)
{
  .hide_nav
  {
    display: none !important;
    visibility: hidden;
  }

  .unhide_ntbtn
  {
    display: block;
  }
} */

/* /navbar */

/* footer  */
.cfooter {
  background: #587187;
  /* position: absolute; */
  position: relative;
  bottom: 0;
  width: 100%;
  padding: 17px;
}

.twhite {
  color: #ffffff !important;
}

/* /footer */

.mt-3px {
  margin-top: -3px;
}

.txt26 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  color: #FFFFFF;
}

.txt27 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 130%;
  /* or 16px */
  text-align: center;
  color: #FFFFFF;
}

.pabsolutetxt {
  position: absolute;
  /* bottom: 17px; */
  bottom: 0;
  right: 0;
  left: 0;
  /* top: -75px; */
}

.odiv {
  display: block;
  overflow-x: auto;
  white-space: nowrap;
  /* padding-bottom: 5px; */
  padding: 0 20px 10px 20px;
}

.odiv>[class^="col-"]:last-child {
  padding-right: 0;
  margin-right: 0;
}

.odiv>[class^="col-"] {
  padding-right: 10px;
  padding-left: 0px;
}

.odiv>.col-xs-4,
.odiv>.col-sm-4,
.odiv>.col-md-4,
.odiv>.col-lg-4 {
  display: inline-block;
  float: none;
  padding-right: 5px;
  padding-left: 5px;
  width: 30%;
  padding: 3px;
}

.odiv>.col-xs-6,
.odiv>.col-sm-6,
.odiv>.col-md-6,
.odiv>.col-lg-6 {
  display: inline-block;
  float: none;
  padding-right: 5px;
  padding-left: 5px;
  width: 42%;
  /* padding:2px; */
  padding: 0 5px 0 5px;
}

@media (min-width: 1200px) {

  .odiv>.col-xs-4,
  .odiv>.col-sm-4,
  .odiv>.col-md-4,
  .odiv>.col-lg-4 {
    /* width: 20% */
    width: 30%;
  }

  .odiv>.col-xs-6,
  .odiv>.col-sm-6,
  .odiv>.col-md-6,
  .odiv>.col-lg-6 {
    /* width: 23%; */
    width: 30%;
  }
}

.crimg {
  display: block;
  width: 100%;
  height: auto;
}

.txt28 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  /* identical to box height */
  text-align: center;
  color: #1092A7;
}

.txt29 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  color: #243949;
}

.txt30 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: bold;
  font-size: 10px;
  line-height: 12px;
  /* identical to box height */
  display: flex;
  align-items: flex-end;
  text-align: right;
  color: #FFFFFF;
}

.txt31 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #FFFFFF;
}

.txt31c {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  color: #FFFFFF;
}

.atsrno {
  position: absolute;
  top: -3px;
  /* right: 15px; */
  right: 8px;
}

.atsrno_sgp {
  position: absolute;
  top: -5px;
  /* right: 15px; */
  right: 15px;
}

.attitle {
  position: absolute;
  /* bottom: 0px; */
  bottom: 5px;
  left: 15px;
  white-space: pre-wrap;
  /* word-break: break-word; */
  /* width: 50%; */
  /* width: 75%; */
  width: 70%;
  text-align: left !important;
}

.ctimg {
  display: block;
  width: 100%;
  height: auto;
  /* background: linear-gradient(180deg, rgba(36, 57, 73, 0) 0%, #243949 100%); */
  /* mix-blend-mode: multiply; */
  /* opacity: 0.75; */
  /* border-radius: 0px 0px 5px 5px; */
  border-radius: 5px 5px 5px 5px;
}

.aticon {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* .aticon img
{
  width: 100%;
} */

.dpanel>.panel-heading {
  /* background-color: white; */
  background-color: #292D56;
  border-color: transparent;
}

.dpanel-group .panel-heading+.panel-collapse>.panel-body {
  border-top: unset
}

.dpanel {
  border: unset;
  box-shadow: unset;
  background-color: transparent;
}

.plr5px {
  padding: 0 5px;
}

.row {
  margin-right: 0;
  margin-left: 0;
}

.dpaneltitle>a:after {
  /* right: 5px; */
  right: 0;
}

.pb15px {
  padding-bottom: 15px;
}

.txt32 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  color: #000000;
}

.ptitle {
  /* background: #1092A7; */
  background: #ffffff;
  margin: 0 -15px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 20px;
  /* color: #ffffff; */
  color: #1092A7;
}

.fppaneltitle>a:after,
.fppaneltitle h4 {
  /* top: 50%; */
  /* top: 43%;
  transform: translate(-50%, -50%); */
  /* color: #ffffff; */
  color: #1092A7;
}

.txt33 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  /* identical to box height */
  color: #243949;
}

.pb16px {
  padding-bottom: 16px;
}

.owl_progress {
  margin-left: 4.5rem;
  width: 85%;
}

.owl_img {
  position: absolute;
  top: -25px;
  left: 0;
  width: 20%;
}

/* iPhone 5 in portrait & landscape */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
  .owl_img {
    width: 25%;
  }

  .owl_progress {
    width: 85%;
  }
}

/* iPhone 6, 7, & 8 in portrait & landscape */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
  .owl_img {
    width: 20%;
  }

  .owl_progress {
    width: 87%;
  }
}

/* iPhone X in portrait */
@media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : portrait) {
  .owl_img {
    width: 20%;
  }

  .owl_progress {
    width: 87%;
  }
}

@media (min-width: 768px) {
  .owl_img {
    top: -35px;
  }

  .owl_progress {
    margin-left: 7.5rem;
    width: 85%;
  }
}

.jc_flexend {
  display: flex;
  justify-content: flex-end;
}

.orow {
  height: 116px;
  background: #243949;
  position: relative;
  margin-right: -15px;
  margin-left: -15px;
}

@media (min-width: 554px) {
  .orow {
    height: 116px;
  }
}

@media (min-width: 768px) {
  .orow {
    height: 130px;
  }
}

@media (min-width: 992px) {
  .orow {
    height: 150px;
  }
}


@media (min-width: 1025px) {
  .owl_img {
    width: 15%;
    top: -25px;
  }

  .hpt10px {
    padding-top: 10px;
  }

  .owl_progress {
    margin-left: 6.5rem;
    width: 90%;
  }
}



.irow {
  position: relative;
  transform: translate(1%, 25%);
  padding: 20px;
}

.txt34 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  /* identical to box height */
  display: flex;
  align-items: center;
  text-align: center;
  color: #FFFFFF;
}

.tfd {
  position: absolute;
  bottom: -10px;
}

.wp {
  position: absolute;
  right: 0px;
  bottom: 60px;
}

.dpt10rem {
  padding-top: 10rem;
}

@media (max-width: 768px) {
  .dpt10rem {
    /* padding-top: 8rem; */
    padding-top: 5.5rem;
  }
}

/* input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: searchfield-cancel-button;
  -webkit-appearance: none;
    height: 20px;
    width: 20px;
    border-radius:10px;
    background: red;
    color: #fff
    content: 'X';
} */

input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  display: none !important;
}

input[type="search"]:focus::-webkit-search-cancel-button {
  /* opacity: .3; */
  pointer-events: all;
}

input[type="search"].dark::-webkit-search-cancel-button {
  filter: invert(1);
}

.form-control-feedback {
  /* margin-top: 5px !important; */
  margin-top: 0 !important;
  color: #ffffff;
}

.form-control-feedback.left {
  border-right: 0;
}

.has-feedback .form-control::placeholder {
  color: #ffffff;
  z-index: 99;
}

.has-feedback .form-control {
  color: #ffffff;
  box-shadow: unset;
  border: 0;
  text-align: left;
  padding-right: 20px;
  /* padding-left: 50px; */
  padding-left: 15%;
}

.h60px {
  height: 60px;
}

.h60pxi {
  height: 60px !important;
}

.sfeedback {
  text-align: center;
  left: 10px !important;
  /* transform: translateY(80%); */
  transform: translateY(75%);
}

.txt35 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 15.6px;
  color: #ffffff;
}

.mlr-10px {
  margin-left: -10px;
  margin-right: -10px;
}

.searchtxt {
  /* background: #FFFFFF;
  opacity: 0.25; */
  background-color: rgba(255, 255, 255, 0.25);
}

/* .searchtxt::-webkit-input-placeholder
{
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 130%;
  color: #FFFFFF !important ;
} */

.cptitle {
  background: #FFC455 !important;
  box-shadow: 2px 2px 4px rgb(0 0 0 / 10%);
  border-radius: 10px 10px 0px 0px;
  height: 70px;
  display: flex;
  align-items: center;
}

.cptitle .panel-title {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  /* or 21px */
  color: #5D5D5D;
}

.cpdefault {
  border: 0;
  border-radius: 10px;
  margin: 0 0 10px 0;
}

.cptextarea {
  padding: 0;
  border: 0;
  box-shadow: unset;
  /* textstyle */
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  /* identical to box height */
  color: #C4C4C4;
}

.txt36 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 130%;
  /* or 13px */
  color: #000000;
}

.txt37 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  /* or 18px */
  color: #000000;
}

.txt38 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 130%;
  /* or 16px */
  color: #000000;
}

.absolute_ptitle {
  position: absolute;
  right: 0;
  top: 0;
  /* background: #E58D82 !important; */
  background: #834B66 !important;
  border-radius: 0px 10px;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 150%;
  text-align: right;
  color: #ffffff;
  border: 0;
}

.absolute_ptitle .panel-title {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 150%;
  /* color: #5D5D5D; */
  /* color: #000000; */
  color: #ffffff;
}

.txt39 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  /* font-size: 12px; */
  font-size: 14px;
  /* line-height: 130%; */
  /* identical to box height, or 16px */
  color: #FFFFFF;
  opacity: 0.5;
  /* margin: 3px 5px 2px 5px; */
  /* margin: 10px; */
  margin: 10px 10px 10px 0;
  padding: 0 10px 0 0;
}

.cfjs {
  display: flex;
  justify-content: start;
  align-items: center;
}

.btn_plus {
  width: 60px;
  height: 60px;
  padding: 6px 0px;
  border-radius: 50%;
  text-align: center;
  font-size: 12px;
  line-height: 1.42857;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid white;
  background: #F55858;
  border: 2px solid #FFFFFF;
  box-sizing: border-box;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
  margin-right: 0;
  margin-bottom: 0;
}

.cffe {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.shr {
  border: none;
  /* border-left: 1px solid hsla(200, 10%, 50%,100); */
  height: 2vh;
  /* width: 1px;  */
  margin-right: 5px;
  opacity: 0.25;
  border: 1px solid #FFFFFF;
}

@media (min-width: 768px) {
  .shr {
    margin-right: 0;
  }
}

.zi0 {
  z-index: 0;
}

.mh100vh {
  min-height: 100vh;
}

.crow .col-md-12,
.crow .col-sm-12,
.crow .col-xs-12,
.crow .col-md-10,
.crow .col-sm-10,
.crow .col-xs-10 {
  padding: 0;
}

.absolute_bottom {
  position: absolute;
  /* bottom: 0px; */
  bottom: 7%;
  left: 0;
  right: 0;
}

.flexstart {
  align-items: flex-start;
}

.optb10rem {
  padding-top: 12rem;
  padding-bottom: 2rem;
}

@media (max-width: 554px) {
  .optb10rem {
    padding-top: 8rem;
  }
}

.ip0 {
  padding: 0 !important;
}

.rfooter {
  width: 100%;
  margin-left: 0;
  background: #587187;
  padding: 17px !important;
}

.img-gradient {
  position: relative;
  /* display:inline-block; */
}

.img-gradient:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  /* background: -webkit-linear-gradient(180deg, rgba(36, 57, 73, 0) 0%, #243949 100%);
  background: -o-linear-gradient(180deg, rgba(36, 57, 73, 0) 0%, #243949 100%);
  background: -ms-linear-gradient(180deg, rgba(36, 57, 73, 0) 0%, #243949 100%);
  background: linear-gradient(180deg, rgba(36, 57, 73, 0) 0%, #243949 100%);
  mix-blend-mode: multiply;
  opacity: 0.75; */
  border-radius: 5px;
}

.img-gradient img {
  display: block;
}

.dprogress {
  position: absolute;
  /* bottom: 3px;
  right: 9px;
  left: 5px; */
  /* bottom: 2px;
  right: 2px;
  left: 2px; */
  bottom: 0px;
  right: 0px;
  left: 0px;
  /* height: 10px; */
  height: 6px;
  margin-bottom: 0;
  border-radius: 0px 0px 6px 6px;
  box-shadow: unset;
  /* background: rgba(255,255,255,0.1); */
  background: rgba(255, 255, 255, 0.2);
}

.dprogress .progress-bar {
  padding: 0;
}

.animate_rotate_scale {
  animation-name: kf_ars;
  animation-duration: 2s;
  animation-iteration-count: 2;
  animation-timing-function: ease-in-out;
}

@keyframes kf_ars {
  0% {
    -webkit-transform: scale(1) rotate(0deg);
  }

  10% {
    -webkit-transform: scale(1.1) rotate(0deg);
  }

  100% {
    -webkit-transform: scale(1.1) rotate(360deg);
  }
}

.float_left {
  float: left;
}

.float_right {
  float: right;
}

.cfc1 {
  height: 5rem;
  border: 0;
  box-shadow: unset;
  border-bottom: 1px solid #C4C4C4;
  padding: 0;
}

.txt40 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 19px;
  /* identical to box height */
  color: #ADADAD;
}

.txt41 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  /* identical to box height */
  color: #C4C4C4;
}

.cta1 {
  box-shadow: unset;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 12px !important;
  background: #120F40;
  padding: 20px;
  font-size: 15px;
  font-weight: 500;
  line-height: 140%;
  color: #FFF !important;
}

.cta1::-webkit-input-placeholder {
  font-size: 15px;
  font-weight: 400;
  line-height: 140%;
  color: rgba(255, 255, 255, 0.30);
}

.pb20px {
  padding-bottom: 20px;
}

/* tags input */
/* bootstrap-tagsinput.css file - add in local */

.bootstrap-tagsinput {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  display: inline-block;
  padding: 4px 6px;
  color: #555;
  vertical-align: middle;
  border-radius: 4px;
  max-width: 100%;
  line-height: 22px;
  cursor: text;
}

.bootstrap-tagsinput input {
  border: none;
  box-shadow: none;
  outline: none;
  background-color: transparent;
  padding: 0 6px;
  margin: 0;
  /* width: auto; */
  width: 100%;
  max-width: inherit;
}

.bootstrap-tagsinput.form-control input::-moz-placeholder {
  color: #777;
  opacity: 1;
}

.bootstrap-tagsinput.form-control input:-ms-input-placeholder {
  color: #777;
}

.bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
  color: #777;
}

.bootstrap-tagsinput input:focus {
  border: none;
  box-shadow: none;
}

.bootstrap-tagsinput .tag {
  margin-right: 2px;
  color: white;
}

.bootstrap-tagsinput .tag [data-role="remove"] {
  margin-left: 8px;
  cursor: pointer;
}

.bootstrap-tagsinput .tag [data-role="remove"]:after {
  content: "x";
  padding: 0px 2px;
}

.bootstrap-tagsinput .tag [data-role="remove"]:hover {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

/* /tags input */

.cfc2 {
  height: 5rem !important;
  border: 0 !important;
  box-shadow: unset !important;
  border-top: 1px solid #C4C4C4 !important;
  padding: 16px 0 !important;
  border-radius: 0;
}

span.ctag {
  height: 22px;
  background: #FFC455;
  border-radius: 5px;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: #5D5D5D !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bootstrap-tagsinput .tag [data-role="remove"] {
  color: #ffffff;
  font-size: 12px;
}

.cpt15rem {
  padding-top: 15rem;
}

@media (max-width: 374px) {
  .cpt15rem {
    padding-top: 0;
  }
}

.cbs {
  /* box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); */
  box-shadow: inset 0 2px 1px rgb(0 0 0 / 15%);
}

.jbox1 {
  height: 60px !important;
  background: rgba(255, 255, 255, 0.5) !important;
  border: 0 !important;
  color: #5D5D5D;
  border-radius: 5px;
  padding: 0 1rem !important;
}

.txt42 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 140% !important;
  /* identical to box height, or 20px */
  color: #5D5D5D;
}

.pb31px {
  padding-bottom: 31px;
}

.pb8px {
  padding-bottom: 8px;
}

.jbtn1 {
  /* height: 60px;
  background: #FFC455;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 140%;
  color: #5D5D5D; */

  height: 55px;
  width: 100%;
  margin: 0;
  background: #E58D82;
  box-shadow: unset;
  border-radius: 12px;
  padding: 16px 20px;
}

.cinputgroup1 {
  margin: 0;
  border: 0;
  box-shadow: unset;
  background: transparent;
}

.cbr1 {
  border-radius: 5px 0 0 5px;
}

.igbtn1 {
  /* height: 60px;
  border: 0;
  font-weight: 500;
  font-size: 15px;
  line-height: 140%;
  display: flex;
  align-items: center;
  text-align: center;
  color: #5D5D5D;
  border-radius: 0 5px 5px 0 !important; */
  height: 34px;
  width: 100%;
  border: 0;
  margin: 0;
  background: #E58D82;
  border-radius: 8px;
  padding: 8px 10px;
  text-align: center;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #FFF;
}

.igbtn1[disabled] {
  color: #FFF;
  filter: none !important;
}

.jhbg {
  background: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/images/background/journal/header.png) center center no-repeat;
  background-size: cover;
  /* transform: rotate(180deg); */
}

.anger_overlay_footer {
  /* background: rgba(255, 255, 255, 0.25) !important; */
  background: #ba5870;
}

.zi3 {
  z-index: 3;
}

.p15px {
  padding: 15px
}

.ft_anger,
.bg_anger {
  background: #B92F48 !important;
}

.bg_conditioning {
  background: #FD6E48 !important;
}

/* ngx-slider */
.ngx-slider .ngx-slider-bar {
  /* background: linear-gradient(90deg,#F55858 0%, #FFC455 51.56%, #60A757 100%) !important; */
  background: linear-gradient(90deg, #CB6171 0%, #E8A880 100%) !important;
}

.progress_slider3 .ngx-slider-bar {
  /* background: linear-gradient(90deg, #F55858 0%, #60A757 49.33%, #F55858 100%, #F55858 100%) !important; */
  background: linear-gradient(90deg, #CB6171 0%, #E8A880 100%) !important;
}

.ngx-slider .ngx-slider-pointer:hover:after {
  background: transparent;
}

.ngx-slider .ngx-slider-pointer:after {
  display: none;
}

.ngx-slider .ngx-slider-pointer {
  width: 20px !important;
  height: 20px !important;
  top: -8px !important;
}

.ngx-slider-model-value {
  position: absolute;
  right: 0 !important;
  left: 0 !important;
}

.ngx-slider .ngx-slider-bubble {
  display: none !important;
}

.ngx-slider {
  margin: 10px 0 15px !important;
}

.pmd-range-slider {
  display: none;
}

.ngx-slider .ngx-slider-pointer {
  /* background-color: #5d5d5d !important;
  box-shadow: 0px 0px 10px rgb(0 0 0 / 25%); */
  background: #E58D82 !important;
  box-shadow: unset;
}

/* /ngx-slider */

.txt43 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 19px;
  /* identical to box height */

  text-align: right;

  color: #6D6D6D;
}

.flex_align {
  display: flex;
  align-items: center;
  position: relative;
}

.flex_align>li>a {
  padding: 0;
}

.p20px {
  padding: 20px
}

.lishare {
  margin-right: 0 !important;
  position: absolute !important;
  right: 0;
}

@media (min-width: 769px) {
  .lishare {
    right: 18%;
  }
}

.inav .nav .open>a,
.inav .nav>li>a:hover {
  border-radius: 0% !important;
  background: transparent !important;
}

.dpanel>.panel-heading {
  height: 60px;
  display: flex;
  align-items: center;
  /* background: #EBEBEB;  */
  padding: 0 10px !important;
}

.dpaneltitle {
  width: 100%;
  /* padding: 0 10px 0 10px; */
  /* padding: 0 0 15px 0; */
}

.panel-group {
  margin-bottom: 0;
}

/* .accordion_row
{
  background: #EBEBEB;
  border-bottom: 1px solid #C6C6C6;
} */

.accordion_row .collapse.in {
  background: #ffffff;
}

.cptbm0 {
  /* padding-bottom: 14px!important; */
  padding-top: 21px;
  margin: 0;
}

.ytb_overlay {
  background: linear-gradient(180deg, rgba(93, 93, 93, 0) 0%, #5D5D5D 100%);
  mix-blend-mode: multiply;
  width: 100%;
}

.video_wrapper {
  width: 100%
}

@media (min-width: 768px) {
  .video_wrapper {
    width: 35%
  }
}

textarea:focus {
  color: #5d5d5d;
  /* color: red; */
}

.txt44 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 30px;
  line-height: 130%;
  /* or 39px */
  /* color: #FFC455; */
  color: #E58D82;
}

.txt45 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 130%;
  /* or 31px */
  color: #FFFFFF;
}

@media (max-width: 360px) {
  .txt44 {
    font-size: 22px;
  }

  .txt45 {
    font-size: 18px;
  }
}

.sidebar-footer.hidden-small {
  bottom: 0px !important;
}

@media not all and (min-resolution:.001dpcm) {
  @supports (-webkit-appearance:none) {

    .safari_dblock {
      display: block;
    }

    .safari_dblock_imp {
      display: block !important;
    }

    .safari_dflex {
      display: flex;
    }

    .flex_align {
      display: block;
    }

    .play {
      left: 48% !important;
    }

    .pause {
      left: 58% !important;
    }

  }
}

.inav {
  position: relative;
}

.bsdiv {
  box-shadow: 0 5px 25px 0 rgb(214 215 216 / 60%);
  padding: 40px;
}

.pb10px {
  padding-bottom: 10px !important;
}

.cform {
  color: #666;
}

.cparagraph {
  font-style: italic;
  text-align: justify;
}

/* carousel */
.carousel-caption {
  position: relative;
  right: 0;
  bottom: 0;
  left: 0;
  color: #444;
  text-shadow: unset;
  background: white;
  max-width: 65%;
}

.carousel-control.left,
.carousel-control.right {
  background-color: transparent;
  background-image: unset;
}

.glyphicon-chevron-left:before,
.glyphicon-chevron-right:before {
  color: #9eccf4;
  border: 0;
}

.flex_100h {
  display: flex;
  height: 100%;
}

@media (max-width: 768px) {
  .flex_100h {
    display: block;
  }
}

.h100p {
  height: 100%;
}

.csubtitle {
  color: #9eccf4;
}

.div_wbg {
  background-color: #f5f9fc;
}

.hr_underline {
  margin: 0 auto;
  width: 20%;
  text-align: center;
  border: 1px solid #428bca;
  margin-top: -8px;
}

.hindicators {
  display: none;
}

/* /carousel */

/* lightbox portfolio  */
/*ZoomIn Hover-Mask Effect*/
.hover-mask a {
  display: block;
  position: relative;
  overflow: hidden;
}

.hover-mask img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.hover-mask:hover img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.hover-mask a .overlay_txt {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 0px;
  margin-bottom: 0px;
  height: 100%;
  width: 100%;
  padding: 35% 20px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  transition: all 0.5s linear;
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  color: white;
}

.hover-mask:hover a .overlay_txt {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}

.hover-mask .glyphicon {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  color: #fff;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  transition: all 0.5s linear;
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}

.hover-mask:hover .glyphicon {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  transition: all 0.5s linear;
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";
  filter: alpha(opacity=1);
  opacity: 1;
}

/* customised */
.hover-mask.box {
  height: auto;
  background: white;
  padding: 0;
  border: 0;
  box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
  transition: 0.3s;
}

.btn_circle {
  margin: 0;
  border-radius: 50%;
}

.img_title {
  color: #5c768d;
}

/* /lightbox portfolio */

.p1rem {
  padding: 1rem;
}

.p3rem {
  padding: 3rem;
}

.m25px {
  margin: 25px;
}

.footer_ul {
  list-style-type: none !important;
  padding-left: 0;
}

.footer_ul>li {
  padding: 1rem 0;
  color: white;
}

.footer_ul>li>a {
  color: white;
}

.txt_white {
  color: white;
}

.pr1rem {
  padding-right: 1rem;
}

.flex_justify {
  display: flex;
  justify-content: center;
}

@media (max-width: 768px) {
  .flex_justify {
    display: block;
  }
}

.footer_top {
  background: #5c768d;
  border-top: 1px solid #768fa6;
  border-bottom: 1px solid #67839c;
  padding: 3rem 0;
}

.footer_bottom {
  padding: 3rem 0;
}

.footer_p0 {
  padding: 0 !important;
}

/* web carousel */
#web_carousel .carousel-caption,
#mobile_carousel .carousel-caption {
  /* max-width: 100%; */
  background: transparent;
  color: #fff;

  /* position: absolute; */
  /* right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px; */
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgb(0 0 0 / 60%);

  position: absolute;
  top: 0;
  width: 75%;
  left: 0;
  /* right: 0; */
  margin: 0 auto;
}

#web_carousel.carousel-caption h2,
#mobile_carousel.carousel-caption h2 {
  color: #fff;
  margin-bottom: 30px;
  font-size: 48px;
  font-weight: 900;
}

.slider-size {
  height: 500px;
}

.wc_caption {
  color: #fff;
  margin-bottom: 30px;
  font-size: 48px;
  font-weight: 900;
}

#web_carousel .caption_bottom_left,
#mobile_carousel .caption_bottom_left {
  position: absolute;
  width: 75%;
  top: unset;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  text-align: left;
}

#web_carousel .caption_center_left,
#mobile_carousel .caption_center_left {
  display: flex;
  align-items: center;
  text-align: left;
}

#web_carousel .carousel-indicators li,
#mobile_carousel .carousel-indicators li {
  display: inline-block;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  opacity: .5;
  transition: opacity .6s ease;
}

#web_carousel .carousel-indicators .active,
#mobile_carousel .carousel-indicators .active {
  background-color: #fff;
  opacity: 1;
  margin: 1px;
}

#web_carousel .glyphicon-chevron-left:before,
#web_carousel .glyphicon-chevron-right:before,
#mobile_carousel .glyphicon-chevron-left:before,
#mobile_carousel .glyphicon-chevron-right:before {
  color: white;
}

.cpt_wc {
  padding-top: 8.5rem;
}

@media (max-width: 768px) {
  .cpt_wc {
    padding-top: 7.5rem;
  }

  .wc_caption {
    font-size: 18px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  .sh_mobile_carousel {
    display: block;
  }

  .sh_web_carousel {
    display: none;
  }
}

@media (min-width: 769px) {
  .sh_mobile_carousel {
    display: none;
  }

  .sh_web_carousel {
    display: block;
  }
}

/* /web carousel */

.embed-responsive video {
  object-fit: cover;
}

.pl10px {
  padding-left: 10px;
}

.testimonial_img_title {
  position: absolute;
  top: 9rem;
  right: 0;
  left: 0;
  bottom: 0;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}

@media (max-width: 767px) {
  .testimonial_img_title {
    font-size: 12px;
  }
}

.whr_title {
  margin-top: 0;
  margin-bottom: 2rem;
  border: 2px solid #eee;
}

.txt_dgray {
  color: #444;
}

.pt8_5rem {
  padding-top: 8.5rem;
}

.wparagraph {
  font-size: 14px;
}

.infolink {
  color: blue;
}

.cblue {
  color: blue;
}

.wborder {
  border: 1px solid #E6E9ED;
}

.dflex {
  display: flex;
}

@media (max-width: 768px) {
  .dflex {
    display: block;
  }
}

.ffw_500 .control-label {
  font-weight: 500;
}

/* faq section tabs */
.tabs-right>li.active>a,
.tabs-right>li.active>a:hover,
.tabs-right>li.active>a:focus {
  border: 0;
  background: lightgray;
  color: #444;
}

.tabs-right>li>a:hover {
  background: darkgrey;
}

/* faq section tabs */

/* scroll to top */
#return-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.7);
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#return-to-top i {
  color: #fff;
  margin: 0;
  position: relative;
  left: 16px;
  top: 13px;
  font-size: 19px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#return-to-top:hover {
  background: rgba(0, 0, 0, 0.9);
}

#return-to-top:hover i {
  color: #fff;
  top: 5px;
}

/* Extra Things */
#return-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.7);
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#return-to-top i {
  color: #fff;
  margin: 0;
  position: relative;
  left: 16px;
  top: 13px;
  font-size: 19px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#return-to-top:hover {
  background: rgba(0, 0, 0, 0.9);
}

#return-to-top:hover i {
  color: #fff;
  top: 5px;
}

/* Extra Things */
/* /scroll to top */

.ciframe {
  width: 100%;
  min-height: 315px;
}

.top_nav .navbar-nav li.mr0px,
.mr0px {
  margin-right: 0px !important;
}

.tts {
  /* padding-top: 6%; */
  padding-top: 5%;
}

.btn_p0 {
  padding: 0 !important;
}

.lengthy_txt_title,
.oneliner_txt_title {
  margin: 0;
  padding-top: 10%;
  padding-bottom: 4%;
}

.lengthy_txt_pointer {
  padding-bottom: 3%;
}

.oneliner_txt_pointer {
  padding-bottom: 2%;
}

.cmw {
  max-width: 25%;
}

.mw_owl {
  max-width: 35%;
}

.blink_ttc {
  animation: blink 2s linear infinite;
  font-size: 12px;
}

@keyframes blink {
  0% {
    opacity: 0;
  }

  50% {
    opacity: .5;
  }

  100% {
    opacity: 1;
  }
}

.txt_underline {
  text-decoration: underline;
}

.btn_outline:hover,
.btn_outline:active,
.btn_outline:focus {
  background: #FFC455;
  border: 0;
}

.pb10p {
  padding-bottom: 10%;
}

.txt46 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  /* line-height: 145%; */
  line-height: 120%;
  /* or 25px */
  display: flex;
  align-items: center;
  /* color: #5D5D5D; */
  color: #FFFFFF;
}

.navleft {
  margin: 0;
  width: 40%;
  float: left !important;
  text-align: left !important;
}

.w40p {
  width: 40% !important;
}

.navcenter {
  margin: 0;
  width: 20%;
  float: left !important;
  text-align: center !important;
}

.w20p {
  width: 20% !important;
}

.ctopnav .navbar-nav li {
  margin-right: 19px !important;
}

.tn_padding {
  padding: 20px;
}

.flex_center_left {
  display: flex;
  align-items: center;
  justify-content: left;
}

.txt47 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 109.9%;
  /* identical to box height, or 18px */
  color: #5D5D5D;
}

.dpr30px {
  padding-right: 30px !important;
}

.dpr60px {
  padding-right: 60px !important;
}

@media (min-width: 375px) {
  .dpr30px {
    padding-right: 40px !important;
  }

  .dpr60px {
    padding-right: 80px !important;
  }
}

.nh>.navbar-toggle {
  right: 20px !important;
  border-radius: 0 !important;
}

.txt48 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 140%;
  /* or 21px */
  text-align: center;
  color: #FFFFFF;
}

.rnav {
  display: flex;
  /* width: 125%; */
  width: 100%;
  align-items: center;
}

.pl20px {
  padding-left: 20px;
}

.top_nav .no_bg>li>a:focus,
.top_nav .no_bg>li>a:hover,
.top_nav .no_bg .open>a,
.top_nav .no_bg .open>a:focus,
.top_nav .no_bg .open>a:hover {
  background: transparent;
}

.top_nav .nbg_white>li>a:focus,
.top_nav .nbg_white>li>a:hover,
.top_nav .nbg_white .open>a,
.top_nav .nbg_white .open>a:focus,
.top_nav .nbg_white .open>a:hover {
  /* background: #ffffff; */
  background: transparent;
}

.flex_ai {
  display: flex;
  align-items: center;
}

.btn_add_note_journal {
  background: #FFC455;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #5D5D5D;
  width: 195px;
  height: 50px;
  border: 0;
}

.modal_note_journal .modal-content {
  background: #ccc !important;
}

.modal.in .modal_note_journal {
  /* transform: translate(0,15%); */
}

/* audio player */
/* /audio player */

/* audio player CSS started*/
.slide__audio {
  position: relative;
  background: #75ab53;
  width: 100px;
  top: 20%;
  margin: 0 auto;
}

.audio__controls {
  height: 100px;
  width: 100px;
  position: relative;
}

.slide__audio .slide__audio-player {
  display: none;
}

.audio__slider {
  position: absolute;
  z-index: 3;
}

.audio__slider::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border: 10px solid rgba(255, 255, 255, 0.25);
  border-radius: 100%;
  position: absolute;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.audio__slider .rs-container {
  position: relative;
}

.audio__slider .rs-bar {
  top: 50%;
}

.audio__slider .rs-tooltip {
  display: none;
}

.rs-control {
  position: relative;
  outline: 0 none;
}

.rs-container {
  position: relative;
}

.rs-control *,
.rs-control *:before,
.rs-control *:after {
  box-sizing: border-box;
}

.rs-animation .rs-transition {
  transition: all 0.5s linear 0s;
}

.rs-bar {
  transform-origin: 100% 50%;
}

.rs-control .rs-split .rs-path,
.rs-control .rs-overlay1,
.rs-control .rs-overlay2 {
  transform-origin: 50% 100%;
}

.rs-control .rs-overlay {
  transform-origin: 100% 100%;
}

.rs-control.rs-error {
  border: 1px dotted;
  text-align: center;
}

.rs-inner-container {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.rs-block {
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  align-content: space-between;
  /* overflow: hidden; */
  background-color: #fff;
  z-index: -60;
  border-radius: 100px;
  border: solid 10px;
  border-color: #94bf80;
}

.rs-block .rs-inner {
  border-radius: 1000px;
  display: block;
  height: 100%;
  width: 100%;
  position: relative;
}

.rs-bar {
  position: absolute;
  height: 0;
  z-index: 10;
}

.rs-bar .rs-seperator {
  height: 0;
  border-bottom: medium none;
  display: block;
  float: left;
}

.full .rs-bar,
.half .rs-bar {
  width: 50%;
}

.full .rs-bar,
.half.left .rs-bar,
.half.right .rs-bar {
  top: 50%;
}

.bottom .rs-bar {
  top: 0;
}

.half.right .rs-bar,
.quarter.right .rs-bar {
  right: 100%;
}

.rs-handle.rs-move {
  cursor: move;
}

.rs-readonly .rs-handle.rs-move {
  cursor: default;
}

.rs-path {
  display: block;
  height: 100%;
  width: 100%;
}

.rs-split .rs-path {
  border-radius: 1000px 1000px 0 0;
  overflow: hidden;
  height: 50%;
  top: 0;
  z-index: 2;
}

.rs-tooltip {
  text-align: center;
  position: absolute;
  cursor: default;
  border: 1px solid transparent;
  z-index: 10;
}

.rs-handle {
  border-radius: 1000px;
  outline: 0 none;
  float: left;
  height: 0px !important;
  width: 0px !important;
}

.rs-handle.rs-handle-square {
  border-radius: 0;
}

.paused .rs-handle,
.playing .rs-handle,
.active .rs-handle {
  background-color: #ffc455;
}

.rs-handle {
  background-color: #838383;
}

.slide__audio #circle {
  position: absolute;
  top: 50px;
  left: 50px;
  bottom: 0;
  stroke: #ffc455;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 4;
}

.play-pause {
  position: absolute;
  left: 50px;
  top: 50px;
  z-index: 8;
  width: 50px;
  background: transparent !important;
  height: 50px;
  cursor: pointer;
  transform: translate(-50%, -50%);
  border: 0;
  padding: 0;
  margin: 0;
}

.play-pause:focus {
  outline: none;
}

.play-pause::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAtlJREFUeNrs3U9oznEcwPH3o1FbDisrRKJwofzJYeEgF5NSuygUtaP8HwfkZMlBUkMhxcXBYZxmF3GxFEVhW1HKgZSykGXa5vD7aqmNrNnv83t+73c9rZ79+z3Pq+/v+/s+36etMjIygsVpmk+BICaIICaIICaIICaIICaICSKICSKICSKICSKICWKCCGKCCGKCCGKCCGIhqglxFA+3zQKuApuAHuAk0BXu2Vp3qzQj5ALQDNQBa4C76bbYU1Y+bR3jvibgJXAWqBdkaqsb5/4ZQGs6jbWUYc4rygOcC1wDHgONgsRpNdAN3ATmCfL/GvqHr60A24E+4ARQK8jk93UC3zMTaEsTf7MgcVoEdAD3gWWCxGkD8Ay4CDQIEueVhz1Ab/pYI0iMGtJIeZpGjiBBWp7mlg5goSBxak6r/bZ0dSZIgGrTuqU3rWMqgsRoflrpdwOrBBm7PP4CTiPwhOw1sjmC/N7nHB9/SzqNtZK9uixIgOrJ9l1ekO3DCBKkJYzuVi4VJE5NwHNy2K0UZPx+7Vb2AbsEidNs4AZwTJBYHRIkVtMFidX5qfglNT7Pf+1Tmj+ulGmEfAkIMQRcSuuRy0zRyztRRshwMIwHwGGyDS4Xhjn2FtgBbMwDwzlktAHgHHAa+JbngQgCt9OK/E2EgykzSA+wH7gX6aDKOIf0AweBFdEwyjZChsl2B48DH6MeZFlAuoG9eV05ecoa7V26jF1fBIxII2SyLzW/k20unWFi76wvPciPSfxZd4CjwOsiDulqmkN60nqiq8gPohrmkH7gCLCy6BhFHyHDwPV0GfuhWoZ5UUEeAfvI3nlYVRXtlPUe2A2srUaMIo2QQbIt1FNFu4wtKsjAHz7XCRwo6mVsUU9ZnWPc9wrYDGwpC0akEdIOLAB2ptHSnm6DlKyK/5zYU5YJIogJIogJIogJIogJYoIIYoIIYoIIYoIIYoKYIIKYIEXv5wD5UHMpyYsUAAAAAABJRU5ErkJggg==");
  background-size: 150%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

#seekbar {
  stroke-width: 15;
  z-index: 199;
}

.playing #seekbar {
  visibility: visible;
}

.playing .play-pause::after {
  content: none;
}

.playing .play-pause::before {
  opacity: 1;
}

.equalizer {
  height: 54px;
  width: 50px;
  transform: rotate(180deg);
  left: 25px;
  top: 35px;
  position: absolute;
  transform-origin: center;
  opacity: 0;
}

.playing .equalizer {
  opacity: 1;
  z-index: 7;
}

.equalizer-group {
  width: 100%;
  height: 100%;
  display: block;
  transform-origin: center;
}

.bar {
  fill: #ffc455;
  width: 5px;
  -webkit-animation: equalize 1.25s steps(25, end) 0s infinite;
  animation: equalize 1.25s steps(25, end) 0s infinite;
  transform-origin: center;
  position: relative;
  margin-top: -50px;
}

.bar:nth-child(1) {
  -webkit-animation-duration: 1.9s;
  animation-duration: 1.9s;
  transform: translate(5px, 50%);
}

.bar:nth-child(2) {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  transform: translate(25%, 50%);
}

.bar:nth-child(3) {
  -webkit-animation-duration: 2.3s;
  animation-duration: 2.3s;
  transform: translate(50%, 50%);
}

.bar:nth-child(4) {
  -webkit-animation-duration: 2.4s;
  animation-duration: 2.4s;
  transform: translate(75%, 50%);
}

.bar:nth-child(5) {
  -webkit-animation-duration: 2.1s;
  animation-duration: 2.1s;
  transform: translate(95%, 50%);
}

@-webkit-keyframes equalize {
  0% {
    height: 10px;
    margin-top: -10px;
  }

  4% {
    height: 5px;
    margin-top: -5px;
  }

  8% {
    height: 40px;
    margin-top: -40px;
  }

  12% {
    height: 30px;
    margin-top: -30px;
  }

  16% {
    height: 20px;
    margin-top: -20px;
  }

  20% {
    height: 30px;
    margin-top: -30px;
  }

  24% {
    height: 40px;
    margin-top: -40px;
  }

  28% {
    height: 10px;
    margin-top: -10px;
  }

  32% {
    height: 40px;
    margin-top: -40px;
  }

  36% {
    height: 10px;
    margin-top: -10px;
  }

  40% {
    height: 20px;
    margin-top: -20px;
  }

  44% {
    height: 40px;
    margin-top: -40px;
  }

  48% {
    height: 15px;
    margin-top: -15px;
  }

  52% {
    height: 30px;
    margin-top: -30px;
  }

  56% {
    height: 10px;
    margin-top: -10px;
  }

  60% {
    height: 30px;
    margin-top: -30px;
  }

  64% {
    height: 35px;
    margin-top: -35px;
  }

  68% {
    height: 15px;
    margin-top: -15px;
  }

  72% {
    height: 5px;
    margin-top: -5px;
  }

  76% {
    height: 45px;
    margin-top: -45px;
  }

  80% {
    height: 25px;
    margin-top: -25px;
  }

  84% {
    height: 5px;
    margin-top: -5px;
  }

  88% {
    height: 50px;
    margin-top: -50px;
  }

  92% {
    height: 30px;
    margin-top: -30px;
  }

  96% {
    height: 50px;
    margin-top: -50px;
  }

  100% {
    height: 25px;
    margin-top: -25px;
  }
}

@keyframes equalize {
  0% {
    height: 10px;
    margin-top: -10px;
  }

  4% {
    height: 5px;
    margin-top: -5px;
  }

  8% {
    height: 40px;
    margin-top: -40px;
  }

  12% {
    height: 30px;
    margin-top: -30px;
  }

  16% {
    height: 20px;
    margin-top: -20px;
  }

  20% {
    height: 30px;
    margin-top: -30px;
  }

  24% {
    height: 40px;
    margin-top: -40px;
  }

  28% {
    height: 10px;
    margin-top: -10px;
  }

  32% {
    height: 40px;
    margin-top: -40px;
  }

  36% {
    height: 10px;
    margin-top: -10px;
  }

  40% {
    height: 20px;
    margin-top: -20px;
  }

  44% {
    height: 40px;
    margin-top: -40px;
  }

  48% {
    height: 15px;
    margin-top: -15px;
  }

  52% {
    height: 30px;
    margin-top: -30px;
  }

  56% {
    height: 10px;
    margin-top: -10px;
  }

  60% {
    height: 30px;
    margin-top: -30px;
  }

  64% {
    height: 35px;
    margin-top: -35px;
  }

  68% {
    height: 15px;
    margin-top: -15px;
  }

  72% {
    height: 5px;
    margin-top: -5px;
  }

  76% {
    height: 45px;
    margin-top: -45px;
  }

  80% {
    height: 25px;
    margin-top: -25px;
  }

  84% {
    height: 5px;
    margin-top: -5px;
  }

  88% {
    height: 50px;
    margin-top: -50px;
  }

  92% {
    height: 30px;
    margin-top: -30px;
  }

  96% {
    height: 50px;
    margin-top: -50px;
  }

  100% {
    height: 25px;
    margin-top: -25px;
  }
}

/* /audio player */

.p7rem {
  padding: 7rem;
}

/* ngx audio plugin */
.pause .before {
  border-radius: 15px !important;
}

.pause .after {
  border-radius: 15px !important;
}

.arrow {
  position: relative;
  background-color: #f3c354;
  text-align: left;
  border-top-width: 0 !important;
  border-bottom-width: 0 !important;
  border-left-width: 0 !important;
  margin-left: 28px !important;
}

.arrow:before,
.arrow:after {
  content: '';
  position: absolute;
  background-color: inherit;
}

.arrow,
.arrow:before,
.arrow:after {
  width: 1.6em;
  height: 1.6em;
  border-top-right-radius: 30%;
}

.arrow {
  /* transform: rotate(30deg) skewX(-30deg) scale(1,.866); */
  transform: rotate(88deg) skewX(-30deg) scale(1, .866) translate(30%, 20%);
}

.arrow:before {
  transform: rotate(-135deg) skewX(-45deg) scale(1.414, .707) translate(0, -50%);
}

.arrow:after {
  transform: rotate(135deg) skewY(-45deg) scale(.707, 1.414) translate(50%);
}

.hidden-arrow {
  width: 0 !important;
  height: 0 !important;
  border-top-right-radius: 0%;
  background-color: transparent;
}

ngx-circular-player svg {
  transform: translate(-50%, -50%) rotate(90deg) !important;
}

/* .play
{
  left: 48% !important;
} */

/* #svg_wrap svg{
  transform:inherit !important;
} */
/* end audio player css*/

/* video player */

.cvideo {
  width: 100%;
  max-height: 100%;
  border-radius: 12px;
}

/* /video player */

.bg_criticism {
  background: #1FA26E !important;
}

.pt25p {
  padding-top: 25% !important;
}

.txt49 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 28px;
  color: #000000;
}

.btn_inr {
  height: 30px;
  /* width: 100%; */
  border: 0;
  box-shadow: unset;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  /* identical to box height */
  color: #000000;
  background: #E5E5E5;
  border-radius: 5px;
  margin: 0;
}

.acurrency {
  padding: 0 8px;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  /* identical to box height */
  color: #000000;
}

.dhr {
  margin-top: 2%;
  margin-bottom: 2%;
  border: 1px solid #C4C4C4;
}

.odiscount {
  padding: 23px 0;
}

.discount_txt {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #B92F48;
}

.so_footer {
  position: fixed;
  background: rgba(255, 255, 255, 1);
}

.txt50 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  color: #5D5D5D;
}

.txt51 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  color: #5D5D5D;
}

.txt52 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  text-decoration-line: underline;
  color: #1092A7;
}

.btn_subscribe_code {
  width: 100%;
  height: 40px;
  background: #63A858;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  /* letter-spacing: 0.1rem; */
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: #FFFFFF;
  border: 0;
  background: #1092A7;
  margin-right: 0;
}

.txt53 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #000000;
}

.btn_subscribe {
  width: 100%;
  height: 40px;
  background: #FFC455;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  /* line-height: 16px; */
  line-height: 1px;
  text-align: center;
  color: #5D5D5D;
  margin-right: 0;
  border: 0;
}

.subscribe_select {
  background: #EBEBEB;
  border-radius: 5px;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  /* identical to box height */
  color: #5D5D5D;
  border: 0;
  box-shadow: unset;
}

.txt54 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  /* identical to box height */
  color: #1092A7;
}

.proceed_cart {
  background: #1092A7;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  /* identical to box height */
  text-align: center;
  color: #FFFFFF;
  height: 60px;
  margin-right: 0;
  border: 0;
  box-shadow: unset;
}

.proceed_cart:hover,
.proceed_cart:focus,
.proceed_cart:active,
.btn_subscribe_code:hover,
.btn_subscribe_code:focus,
.btn_subscribe_code:active {
  background: #FFC455 !important;
  /* filter: brightness(85%) !important; */
  border: 0;
}

.pr10px {
  padding-right: 10px !important;
}

.black_div {
  height: 28px;
  background: #000000 !important;
}

.pt35p {
  padding-top: 35% !important;
}

.object_fit {
  object-fit: cover;
}

.top_12p {
  top: 12% !important;
}

@import '~ng-wizard/themes/ng_wizard.min.css';
@import '~ng-wizard/themes/ng_wizard_theme_arrows.min.css';
@import '~ng-wizard/themes/ng_wizard_theme_circles.min.css';
@import '~ng-wizard/themes/ng_wizard_theme_dots.min.css';


.feedback_survey_footer {
  background: #FFC455 !important;
}

.anr h4 {
  /* font-size: 16px !important; */
  /* opacity: 1 !important */
  font-size: 14px !important;
  opacity: 75%
}

.anr h4:hover,
.anr h4:focus,
.anr h4:active {
  /* color: #FFC455 !important;   */
  color: #FFFFFF !important;
  font-weight: bold;
  opacity: 1;
}

#inputSuccess2::placeholder {
  font-size: 16px !important
}

.bg_black {
  background: #000000 !important;
}

.dflexblock_pyramid .x_content {
  padding: 0;
}

.dflexblock_pyramid .txt1,
.dflexblock_video .txt1 {
  padding: 10px;
}

.single_select_active {
  /* background: #FFC455 !important; */
  background: #E58D82 !important;
  /* opacity: 1; */
  color: #FFFFFF !important;
}

.fs14px {
  font-size: 14px !important;
}

.ty-10p {
  transform: translateY(-10%);
  padding: 0 !important;
}

.whitespace_preline {
  white-space: pre-line;
}

.without_hint_padding {
  padding: 1.1rem 0 !important;
}

/* 5circles */
/* .container .row {
  margin: 20px;
  text-align: center;
}

.container .row img {
  margin: 0 20px;
} */

.circle-container {
  position: relative;
  width: 24em;
  height: 24em;
  padding: 2.8em;
  /*= 2em * 1.4 (2em = half the width of an img, 1.4 = sqrt(2))*/
  /* border: dashed 1px; */
  border-radius: 50%;
  /* margin: 1.75em auto 0; */
  margin: 0 auto;
}

.circle-container a {
  display: block;
  overflow: hidden;
  position: absolute;
  top: 50%;
  /* left: 50%; */
  left: 40%;
  /* width: 4em; height: 4em; */
  /* margin: -2em;  */
  /* margin: -2.2em; */
  /* 2em = 4em/2 */
  /* half the width */
}

.circle-container img {
  display: block;
  width: 100%;
}

.deg0 {
  -webkit-transform: translate(12em);
  -moz-transform: translate(12em);
  -ms-transform: translate(12em);
  -o-transform: translate(12em);
  transform: translate(12em);
}

/* 12em = half the width of the wrapper */
.lt-ie9 .deg0 {
  margin-left: 10em;
}

.deg45 {
  -webkit-transform: rotate(45deg) translate(12em) rotate(-45deg);
  -moz-transform: rotate(45deg) translate(12em) rotate(-45deg);
  -ms-transform: rotate(45deg) translate(12em) rotate(-45deg);
  -o-transform: rotate(45deg) translate(12em) rotate(-45deg);
  transform: rotate(45deg) translate(12em) rotate(-45deg);
}

.lt-ie9 .deg45 {
  margin: 6.485em;
}

.deg135 {
  -webkit-transform: rotate(135deg) translate(12em) rotate(-135deg);
  -moz-transform: rotate(135deg) translate(12em) rotate(-135deg);
  -ms-transform: rotate(135deg) translate(12em) rotate(-135deg);
  -o-transform: rotate(135deg) translate(12em) rotate(-135deg);
  transform: rotate(135deg) translate(12em) rotate(-135deg);
}

.lt-ie9 .deg135 {
  margin: 6.485em -10.485em;
}

.deg180 {
  -webkit-transform: translate(-12em);
  -moz-transform: translate(-12em);
  -ms-transform: translate(-12em);
  -o-transform: translate(-12em);
  transform: translate(-12em);
}

.lt-ie9 .deg180 {
  margin-left: -14em;
}

.deg225 {
  -webkit-transform: rotate(225deg) translate(12em) rotate(-225deg);
  -moz-transform: rotate(225deg) translate(12em) rotate(-225deg);
  -ms-transform: rotate(225deg) translate(12em) rotate(-225deg);
  -o-transform: rotate(225deg) translate(12em) rotate(-225deg);
  transform: rotate(225deg) translate(12em) rotate(-225deg);
}

.lt-ie9 .deg225 {
  margin: -10.485em;
}

.deg315 {
  -webkit-transform: rotate(315deg) translate(12em) rotate(-315deg);
  -moz-transform: rotate(315deg) translate(12em) rotate(-315deg);
  -ms-transform: rotate(315deg) translate(12em) rotate(-315deg);
  -o-transform: rotate(315deg) translate(12em) rotate(-315deg);
  transform: rotate(315deg) translate(12em) rotate(-315deg);
}

.lt-ie9 .deg315 {
  margin: -10.485em 6.485em;
}

/* this is just for showing the angle on hover */
.circle-container a:not(.center):before {
  position: absolute;
  width: 4em;
  color: white;
  opacity: 0;
  background: rgba(0, 0, 0, .5);
  font: 1.25em/3.45 Courier, monospace;
  letter-spacing: 2px;
  text-decoration: none;
  text-indent: -2em;
  /* text-shadow: 0 0 .1em deeppink; */
  text-shadow: 0 0 .1em transparent;
  transition: .7s;
  /* only works in Firefox */
  /* content: attr(class)'°'; */
}

.circle-container a:hover:before {
  opacity: 1;
}

/* this is for showing the circle on which the images are placed */
.circle-container:after {
  position: absolute;
  top: 2.8em;
  left: 2.8em;
  width: 24em;
  height: 24em;
  /* border: dashed 1px deeppink; */
  border: dashed 1px transparent;
  border-radius: 50%;
  opacity: .3;
  pointer-events: none;
  content: '';
}

.circle-container:hover:after {
  opacity: 1;
}

.circle-container a:not(.center):after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  box-shadow: 0 0 .5em .5em white;
  margin: -2px;
  /* background: deeppink; */
  background: transparent;
  opacity: .3;
  content: '';
  display: none;
}

.circle-container:hover a:after {
  opacity: 1;
}

.circle-container a:hover:after {
  opacity: .3;
}

.deg78 {
  transform: rotate(78deg) translate(-12em) rotate(-78deg);
  /* transform: rotate(80deg) translate(-12em) rotate(-80deg); */
}

.deg55 {
  transform: rotate(55deg) translate(4em) rotate(-55deg);
  /* transform: rotate(63deg) translate(10em,0em) rotate(-63deg); */
}

.deg157 {
  transform: rotate(157deg) translate(8em) rotate(-157deg);
  /* transform: rotate(91deg) translate(9em, 8em) rotate(-91deg); */
}

.deg210 {
  transform: rotate(210deg) translate(12em) rotate(-210deg);
  /* transform: rotate(196deg) translate(12em) rotate(-196deg); */
}

.deg312 {
  transform: rotate(312deg) translate(8em) rotate(-312deg);
  /* transform: rotate(335deg) translate(8em) rotate(-335deg); */
}

/* /5circles */

/* circle audio plugin */
#aud2 .arrow,
#aud2 .arrow:before,
#aud2 .arrow:after {
  /* width: 1.3em!important;
  height: 1.3em!important; */
  width: 1.6em !important;
  height: 1.6em !important;
}

#aud2 .play,
#aud2 .pause {
  width: 75.6667px !important;
}

/* /circle audio plugin */

/* circular btns */
/* .btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  border-radius: 35px;
  font-size: 24px;
  line-height: 1.33;
}

.btn-circle {
  width: 30px;
  height: 30px;
  padding: 6px 0px;
  border-radius: 15px;
  text-align: center;
  font-size: 12px;
  line-height: 1.42857;
} */

.btn_5circles_01 {
  width: 124px;
  height: 124px;
  background: #FFFFFF;
  filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.25));
  /* border: 6px solid #E59B5A; */
  border: 0;
  border-radius: 50%;
  overflow: auto;
  white-space: pre-line;
  text-align: center;
}

.btn_5circles_02 {
  width: 124px;
  height: 124px;
  background: #FFFFFF;
  filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.25));
  /* border: 6px solid #B92F48; */
  border: 0;
  border-radius: 50%;
  overflow: auto;
  white-space: pre-line;
  text-align: center;
}

.btn_5circles_03 {
  width: 124px;
  height: 124px;
  background: #FFFFFF;
  filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.25));
  /* border: 6px solid #60A757; */
  border: 0;
  border-radius: 50%;
  overflow: auto;
  white-space: pre-line;
  text-align: center;
}

.btn_5circles_04 {
  width: 124px;
  height: 124px;
  background: #FFFFFF;
  filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.25));
  /* border: 6px solid #F55858; */
  border: 0;
  border-radius: 50%;
  overflow: auto;
  white-space: pre-line;
  text-align: center;
}

.btn_5circles_05 {
  width: 124px;
  height: 124px;
  background: #FFFFFF;
  filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.25));
  /* border: 6px solid #1092A7; */
  border: 0;
  border-radius: 50%;
  overflow: auto;
  white-space: pre-line;
  text-align: center;
}

.btn_5circles_txt1 {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #E69B5A;
}

.btn_5circles_txt2 {
  /* font-family: Roboto; */
  /* font-style: normal; */
  font-weight: 400;
  /* font-size: 16px; */
  font-size: 15px;
  line-height: 19px;
  /* font-size: 12px;
  font-weight: 500;
  line-height: 130%; */
  text-align: center;
  /* color: #000000; */
  word-break: break-word;
}

.circle-container .btn.disabled {
  /* background: #FFFFFF;
  border: 6px solid #c4c4c4; */
  background: rgba(255, 255, 255, 0.1);
  border: 0;
}

.circle-container .btn.disabled h6 {
  /* color: #C4C4C4; */
  color: rgba(255, 255, 255, 0.50);
}

.circle-container .btn h6 {
  color: #292D56;
  /* font-weight: 600; */
}

.circle-container .btn:hover,
.circle-container .btn:focus {
  background: #ffffff;
  filter: unset;
  opacity: 1;
}

.circle-container .btn:hover h6,
.circle-container .btn:focus h6 {
  color: #292D56;
}

/* /circular btns */

.program_content_title {
  background: #E69B5A;
  height: 65px;
  display: flex;
  align-items: center;
  text-align: left;
  padding: 15px;
}

/* introduction program content accordion */
.pc_panel {
  background: transparent;
  border: 0;
  box-shadow: unset;
  padding: 0 !important;
}

.pc_panel>.panel-heading {
  background: transparent;
  border: 0;
  box-shadow: unset;
  padding: 0 15px !important;
}

.pc_hr {
  margin-top: 0;
  margin-bottom: 0;
  border: 0;
  border-top: 1px solid white !important;
  opacity: 0.25;
}

.pc_panel .panel-title>a[aria-expanded="true"]:after {
  /* background: url('https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/images/icons/body/down_arrow_white.png'); */
  color: #fff;
  line-height: 1.6;
}

.pc_panel .panel-title>a:after {
  /* background: url('https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/images/icons/body/down_arrow_white.png'); */
  color: #fff;
  line-height: 1.6;
}

/* /introduction program content accordion */

/* notifications */
.img_chat {
  margin-top: 5px;
}

.nrow_inactive {
  padding: 20px 10px;
  border-bottom: 1px solid #DADADA;
}

.nrow_active {
  padding: 20px 10px;
  border-bottom: 1px solid #DADADA;
  background: #F2F2F2;
}

.notification_panel {
  border: 0;
  box-shadow: unset;
}

.notification_panel .panel-title>a:after {
  font-family: 'FontAwesome';
  position: absolute;
  right: 0 !important;
  bottom: -5px !important;
  top: auto;
  left: 0;
  text-align: center;
  font-size: 18px;
}

.notification_panel .panel-heading {
  background: transparent;
  border: 0;
  box-shadow: unset;
}

/* /notifications */

.pl15px {
  padding-left: 15px !important;
}

.ws_pre {
  white-space: pre;
}


@media (max-width: 767px) {
  .notification {
    overflow: auto;
    position: absolute;
    /* top: 100px; */
    top: 8%;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

@media (min-width: 768px) {
  .notification {
    overflow: auto;
    position: absolute;
    /* top: 100px; */
    top: 15%;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

@media (min-width: 992px) {
  .notification {
    overflow: auto;
    position: absolute;
    /* top: 100px; */
    top: 8%;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

.plr10px {
  padding-right: 10px;
  padding-left: 10px;
}

.bullets {
  /* display: flex;
  align-items: center; */
  padding-right: 7px;
}

.fp_1 {
  color: #E69B5A;
}

.fp_2 {
  color: #B92F48;
}

.fp_3 {
  color: #60A757;
}

.fp_4 {
  color: #F55858;
}

.fp_5 {
  color: #1092A7;
}

.fp_6 {
  color: #1092A7;
}

.wisdom_points {
  padding: 0 0 0 15px;
  background: #243949;
  height: 100%;
}

.progress_details {
  padding: 0 15px 0 15px;
  background: #B92F48 !important;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.absolute_center_wp_img {
  position: absolute;
  top: 0;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: auto;
}

.absolute_center_wp_img_title {
  position: absolute;
  /* top: 0; */
  bottom: 10px;
  left: 0;
  right: 0;
  margin: auto;
}

.absolute_center_progress {
  position: absolute;
  /* top: -30px; */
  top: -20px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.absolute_center_progress_title {
  position: absolute;
  top: 0;
  bottom: -60px;
  left: 0;
  right: 0;
  margin: auto;
}

@media (min-width: 768px) {
  .absolute_center_progress_title {
    bottom: -75px;
  }
}

@media (min-width: 1024px) {
  .absolute_center_progress_title {
    bottom: -100px;
  }
}

.wpts_count {
  position: absolute;
  top: -1px;
  bottom: 0;
  /* left: 15px; */
  margin: 0 auto;
}

.se_wpts_count {
  position: absolute;
  top: -1px;
  bottom: 0;
  /* left: 30%; */
  margin: 0 auto;
}

/* ngx audio plugin-custom */
#aud1 .play,
#aud1 .pause {
  background: #FFFFFF !important;
  width: 100px !important;
  height: 100px !important;
  left: 50% !important;
}

#aud1 .pause .before,
#aud1 .pause .after {
  background-color: #DADADA !important;
}

#aud1 .arrow {
  left: 45%;
  margin: 0 !important;
}

#aud1 .arrow,
#aud1 .arrow:before,
#aud1 .arrow:after {
  width: 2em !important;
  height: 2em !important;
  border-top-right-radius: 30%;
}

#aud2 .play,
#aud2 .pause {
  background: #FFFFFF !important;
  width: 75.6667px !important;
  height: 75.6667px !important;
  left: 50% !important;
}

#aud2 .pause .before,
#aud2 .pause .after {
  background-color: #DADADA !important;
}

#aud2 .arrow {
  left: 43%;
  margin: 0 !important;
}

/* /ngx audio plugin-custom */

/* .nav.navbar-nav>li>a:hover,  */
.cnav>li>a {
  padding: 0;
}

.p0_important {
  padding: 0 !important;
}

.as_form_control {
  height: 60px;
  background: #EBEBEB;
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  display: flex;
  align-items: center;
  color: #5D5D5D;
}

.ae_question {
  height: 52px;
  background: #FFC455;
  border-radius: 5px 5px 0px 0px;
  display: flex;
  align-items: center;
  padding: 0 10px;
}

.ae_flash {
  background: #FFFFFF;
  box-shadow: 1px 1px 2px rgb(0 0 0 / 25%);
  border-radius: 0 0 5px 5px;
}

.ptb20px {
  padding: 20px 0 !important;
}

.img_flash {
  padding: 0 2px;
}

.dflex {
  display: flex;
}

.wisdom_stories {
  background: #FFFFFF;
  opacity: 0.75;
  border-radius: 0 10px 10px 0;
}

.wisdom_stories_inactive {
  background: #FFFFFF;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
  border-radius: 0 10px 10px 0;
}

.wisdom_stories_panel {
  background: transparent;
  border: 0;
  box-shadow: unset;
}

.wisdom_stories_panel .panel-title>a:after {
  font-family: 'FontAwesome';
  position: absolute;
  right: 0 !important;
  bottom: -5px !important;
  top: auto;
  left: 0;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
}

.wisdom_stories_panel .panel-heading {
  background: transparent;
  border: 0;
  box-shadow: unset;
}

.ws_hr {
  border: 1px solid #DADADA;
}

.pb5_5rem {
  padding-bottom: 5.5rem !important;
}

.ifooter {
  bottom: -1px;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px -1px 2px rgb(0 0 0 / 20%);
}

.se_owl {
  padding-bottom: 2rem;
  max-width: 45%;
}

.se_box {
  height: auto !important;
  overflow: auto;
  border: 0 !important;
  /* background: #FFFFFF; */
  color: #5D5D5D;
  border-radius: 0;
  /* padding: 25px 20px !important; */
  padding: 0 !important;
  margin: 0 -5px;
}

.me_box {
  height: auto !important;
  overflow: auto;
  border: 0 !important;
  /* background: #EBEBEB; */
  /* color: #5D5D5D;
  border-radius: 0;
  padding: 40px 20px !important;
  background: #1092A7;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25); */
  padding: 0;
}

.plr25px {
  padding-left: 25px;
  padding-right: 25px;
}

.btn_se {
  height: 60px;
  background: #E58D82;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 100px;
  border: 0;
  width: 100%;
  margin-right: 0;

  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  text-align: center;
  color: #FFFFFF;
  white-space: pre-wrap;
}

circle-progress circle {
  background: #fff !important;
  /* fill: #ffffff; */
  fill: rgba(41, 45, 86, 1);
}

.absolute_flex_center {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pt60px {
  padding-top: 60px;
}

.me_overlay {
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  left: 10px;
  /* background: linear-gradient(180deg, rgba(36, 57, 73, 0) 0%, #243949 100%); */
  background: linear-gradient(180deg, rgba(18, 15, 64, 0.00) 0%, #120F40 100%);
  mix-blend-mode: multiply;
  opacity: 0.75;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  border-radius: 16px;
  margin: 0 auto;

  /* background: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/images/background/module_end/me_overlay.png);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; */
}

.me_max_width {
  max-width: 100%
}

@media (min-width: 411px) {
  .me_max_width {
    max-width: 90%
  }
}

@media (min-width: 1024px) {
  .me_max_width {
    max-width: 95%
  }
}

.me_module_title {
  position: absolute;
  /* top: 20px; */
  left: 20px;
  bottom: 11%;
}

.me_session_title {
  position: absolute;
  /* top: 40px; */
  left: 20px;
  bottom: 2%;
}

.me_module_btn {
  position: absolute;
  bottom: 20px;
  margin: 0 auto;
  transform: translate(-50%, 0%);
  width: 90%;
}

.rtd {
  display: flex;
  justify-content: center;
  align-items: center;
}

.pl5px {
  padding-left: 5px;
}

share-buttons button {
  margin: 5px 5px;
}

.course_ul {
  border: 0 !important;
  width: 0 !important;
  border-radius: 0px;
}

.se_me_ul {
  border: 0 !important;
  width: 0 !important;
  border-radius: 0px;
  top: 90%;
  list-style-type: none !important;
  background: transparent;
}

.center_flex_li {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.width_inherit {
  width: inherit;
}

.iw100 {
  width: 100% !important;
}

.module_img {
  /* max-width: 335px; */
  border-radius: 16px;
}

.m-1px {
  margin: -1px;
}

.panel_subtitle {
  /* margin: 5px 0; */
  margin: 2px 0 5px 0;
}

.fp_subtitle {
  margin: 5px 0 15px 0;
}

.border_bottom_01 {
  border-bottom: 1px solid #DADADA !important;
}

.pb14px {
  padding-bottom: 14px !important;
}

/* video::-webkit-media-controls-panel
{
  display: none !important;
  opacity: 1 !important;
} */

/* overlay images show hide */
/* @media (max-width: 768px)
{
  .mshowhide
  {
    display: block;
  }

  .dshowhide
  {
    display: none;
  }
}

@media (min-width: 769px)
{
  .mshowhide
  {
    display: none;
  }

  .dshowhide
  {
    display: block;
  }
} */
/* /overlay images show hide */

.pt_rightcol {
  /* padding-top: 6.5rem !important; */
  padding-top: 6rem !important;
}

.w60p {
  width: 60% !important;
}

.btn_submit_story {
  height: 32px;
  width: 100%;
  margin: 0;
  border: 0;
  background: #FFF;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  margin: 0;
  border: 0;
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  color: #E58D82;
}

.c128px {
  min-height: 128px !important;
  object-fit: cover;
  /* border-radius: 10px 0 0 10px; */
  border-radius: 6px;
}

.c150px {
  min-height: 150px !important;
  object-fit: cover;
  /* border-radius: 10px 0 0 10px; */
  border-radius: 6px;
}

.c120px {
  min-height: 120px !important;
  object-fit: cover;
  /* border-radius: 10px 0 0 10px; */
  border-radius: 6px;
}

@media (max-width: 768px) {
  .ctn_padding {
    padding: 20px 10px;
  }
}

@media (min-width: 769px) {
  .ctn_padding {
    padding: 20px;
  }
}

.wstopnav {
  background: #ffffff;
}

.pgap {
  padding-top: 5px;
}

.bluediv {
  border-radius: 12px;
  background: #120F40;
  padding: 12px;
}

.ws_hr_01 {
  /* margin: 10px -20px; */
  margin: 10px -20px 0 -20px;
}

.tn_story_submit {
  background: #70C6BD;
}

.ws_view_story {
  object-fit: cover;
  height: 280px;
  border-radius: 0px 0px 20px 20px;
  padding: 0 !important;
}

/* subscription pages */
.mt145px {
  /* padding-top: 35% !important; */
  margin-top: 145px !important;
}

.subscription_nav>.navbar-toggle {
  right: 10px !important;
}

@media (max-width: 320px) {
  .input-group .quantity-field {
    height: 25px;
    width: 30%;
  }

  .input-group .button-minus,
  .input-group .button-plus {
    width: 25% !important;
    min-width: 25% !important;
  }
}

/* increment decrement input group */
span,
a {
  cursor: pointer;
}

.number {
  margin: 100px;
}

.minus,
.plus {
  width: 20px;
  height: 20px;
  background: #f2f2f2;
  border-radius: 4px;
  padding: 8px 5px 8px 5px;
  border: 1px solid #ddd;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}

input {
  height: 34px;
  width: 100px;
  text-align: center;
  font-size: 26px;
  border: 1px solid #ddd;
  border-radius: 4px;
  display: inline-block;
  vertical-align: middle;
}

.orange {
  background: #FFC455 !important;
}

.grey {
  background: #EBEBEB !important;
}

.mr5px {
  margin-right: 5px !important;
}

.ml5px {
  margin-left: 5px !important;
}

.button-minus,
.button-plus {
  background: #EBEBEB !important;
  border-radius: 2px !important;
  color: #5d5d5d !important;
}

.quantity-field {
  font-family: Roboto !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 14px !important;
  /* identical to box height */
  text-align: center !important;
  color: #5D5D5D !important;
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.25) !important;
  border-radius: 5px !important;
}

/* /increment decrement input group */

.shr1 {
  /* margin-top: 10px;
  margin-bottom: 10px; */
  margin: 10px;
  border: 1px solid #5D5D5D;
}

.shr2 {
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid #DADADA;
}

.shr3 {
  margin: 10px 0px 10px 0px;
  border: 1px solid #DADADA;
}

/* input group 1 */
.ig1 {
  margin: 0px;
  float: right;
}

.ig1 .button-minus,
.ig1 .button-plus {
  width: 25px !important;
  height: 25px !important;
  color: #000000 !important;
  font-size: 15px;
  margin: 0;
  line-height: normal;
}

.ig1 .quantity-field {
  width: 25px !important;
  /* height: 25px !important; */
  height: unset !important;
  background: transparent !important;
  box-shadow: unset !important;
  color: #000000 !important;
  font-size: 15px !important;
}

/* /input group 1 */

/* input group 2 */
.input-group .qf2 {
  background: #EBEBEB !important;
}

/* /input group 2 */

.subscribe_select1 {
  background: #292D56;
  border-radius: 5px;
  font-weight: 500;
  font-size: 12px;
  line-height: 150%;
  color: #FFF;
  border: 0;
  box-shadow: unset;
  padding: 4px 8px;
  border-radius: 4px;
  height: 26px;
  width: 83px;
}

/* subscribe checkbox */
.subscribe_check>input[type="checkbox"] {
  display: none;
}

.subscribe_check>input[type="checkbox"]+*::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  width: 2rem;
  height: 2rem;
  border: 0;
  border-radius: 2px;
  background: #EBEBEB;
  box-shadow: inset 1px 1px 2px rgb(0 0 0 / 25%);
}

.subscribe_check>input[type="checkbox"]:checked+* {
  color: #1393A8;
}

.subscribe_check>input[type="checkbox"]:checked+*::before {

  background: #ffffff url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/icons/tickmark_black.svg) 5px 6px no-repeat;
  border-color: #1393A8;
  border-radius: 1px;
}

/* /subscribe checkbox */

/* subscription accordion */
.subscription_panel .panel-title>a[aria-expanded="true"]:after {
  display: none;
}

.subscription_panel .panel-title>a:after {
  display: none;
}

.subscription_panel {
  border: 0;
  box-shadow: unset;
}

.subscription_panel .panel-heading {
  background: transparent;
  padding: 0;
}

.subscription_panel .panel-body {
  padding: 0;
}

/* subscription accordion */

.cfc3 {
  background: #EBEBEB;
  box-shadow: inset 1px 1px 2px rgb(0 0 0 / 10%);
  border-radius: 5px;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #5D5D5D;
  height: 50px;
  border: 0;
}

.cfc4 {
  background: #EBEBEB;
  box-shadow: inset 1px 1px 2px rgb(0 0 0 / 10%);
  border-radius: 5px;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  display: flex;
  align-items: center;
  text-align: left;
  color: #5D5D5D;
  height: 40px;
  border: 0;
}

.cfc5 {
  background: #EBEBEB;
  box-shadow: inset 1px 1px 2px rgb(0 0 0 / 10%);
  border-radius: 5px;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  display: flex;
  align-items: center;
  text-align: left;
  color: #5D5D5D;
  height: auto;
  border: 0;
}

.btn_apply_coupon {
  background: #FFC455;
  box-shadow: 1px 1px 2px rgb(0 0 0 / 25%);
  border-radius: 5px;
  border: 0;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: #5D5D5D;
  height: 50px;
}

.amt_pay {
  margin: 0 -10px 0 -10px;
  padding: 0 10px 0 10px;
  background: #EBEBEB;
  height: 54px;
  display: flex;
  align-items: center;
}

.active_programs {
  padding: 15px 20px;
  background: #120F40;
  height: 40px;
  display: flex;
  align-items: center;
  margin: 0 -20px;
}

.ml-20px {
  margin-left: -10px;
}

.pt19px {
  padding-top: 19px;
}

.spt10px {
  padding-top: 10px;
}

.underline {
  text-decoration: underline;
}


.flexalign_center {
  display: flex;
  align-items: center;
}

.dn_autorenew {
  height: 40px;
  background: #DADADA;
  box-shadow: 1px 1px 2px rgb(0 0 0 / 25%);
  border-radius: 5px;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  color: #5D5D5D;
  border: 0;
  margin: 0;
}

.btn_assign {
  height: 40px;
  background: #FFC455;
  box-shadow: 1px 1px 2px rgb(0 0 0 / 25%);
  border-radius: 5px;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  color: #5D5D5D;
  border: 0;
  margin: 0;
}

.inline_box {
  display: -webkit-inline-box;
}

.btn_send_invite {
  height: 50px;
  background: #FFC455;
  box-shadow: 1px 1px 2px rgb(0 0 0 / 25%);
  border-radius: 5px;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1px;
  text-align: center;
  color: #5D5D5D;
  border: 0;
  margin: 0;
}

.btn_cancel {
  height: 50px;
  background: #DADADA;
  box-shadow: 1px 1px 2px rgb(0 0 0 / 25%);
  border-radius: 5px;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1px;
  text-align: center;
  color: #5D5D5D;
  border: 0;
  margin: 0;
}

/* /subscription pages */

.ws_modules {
  padding-top: 5px;
  overflow-wrap: break-word;
}

.ws_modules a {
  padding: 0 0.5rem 0 0;
}

.os_cpadding {
  padding: 15px 5px 10px 5px !important;
}

.p10px {
  padding: 10px !important;
}

.landing_tile {
  position: relative;
  /* display: flex;
  align-items: center;
  justify-content: center; */
}

.absolute_center_lt_video {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  /* margin: auto; */
  transform: translate(85%, 60%);
}

.absolute_center_lt_audio {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}

/* @media (max-width: 768px)
{
  .landing_tile
  {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: unset;
  }
} */

.searchtxt1 {
  background: #92D1CB;
}

.padding_ad {
  padding: 6rem;
}

.all_threads_select {

  color: #ffffff;
  box-shadow: unset;
  border: 0;
  border-right: 1px solid #ffffff;
  appearance: none;
  /* background-image: url("https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/icons/down_arrow_white.svg"); */

}

.all_threads select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/icons/down_arrow_white.svg") #92D1CB no-repeat 98.5% !important;
  background: url("https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/icons/down_arrow_white.svg") #92D1CB no-repeat calc(100% - 15px) !important;
  padding: 0 20px 0 20px;
}

.all_threads select option {
  height: 50px;
  background: #C4C4C4;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #5D5D5D;
  border-bottom: 1px solid #ffffff;
}

/*For IE*/
.all_thread select::-ms-expand {
  display: none;
}

.width_100p {
  width: 100%;
}

.pl10px_imp {
  padding-left: 10px !important;
}

.lcs {
  padding-left: 5px;
}

.commenter {
  display: -webkit-inline-box;
  margin: 0px 0px 5px 0 !important;
}

.lcs_div {
  padding-top: 5px !important;
}

.div_bl {
  border-left: 1px solid #C4C4C4;
  display: flex;
  align-items: center;
  margin: 10px 0px 5px 0 !important;
}

.hr_style_2 {
  border: 1px solid #ADADAD;
  /* margin: 10px -10px; */
  margin: 10px 0px;
}

.block {
  display: block;
}

.pagebreak {
  padding-bottom: 15rem;
}

.btn_plus_1 {
  width: 60px;
  height: 60px;
  padding: 6px 0px;
  border-radius: 50%;
  text-align: center;
  font-size: 12px;
  line-height: 1.42857;
  border: 1px solid white;
  background: #F55858;
  border: 2px solid #FFFFFF;
  box-sizing: border-box;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
  margin-right: 0;
  margin-bottom: 0;
}

.forum_pt10px {
  padding-top: 10px;
}

.forum_pt20px {
  padding-top: 20px;
}

.fc_comment {
  height: 40px;
  background: #EBEBEB;
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  display: flex;
  align-items: center;
  text-align: left;
  color: #5D5D5D;
  border: 0;
}

.forum_pb10px {
  padding-bottom: 10px;

}

.hr_style_3 {
  border: 1px solid #EBEBEB;
  /* margin: 10px -10px; */
  margin: 10px 0;
}

.div_bl_1 {
  border-left: 1px solid #C4C4C4;
}

.h4_box {
  background: #EBEBEB;
  border-radius: 5px;
  padding: 5px 10px;
  margin: 5px 0 10px 0;
  text-overflow: ellipsis;
}

.btn_post {
  background: #FFC455;
  border-radius: 5px;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  color: #5D5D5D;
  margin: 0;
  border: 0;
  box-shadow: unset;
}

.placeholder_odiv {
  position: relative;
  height: 290px;
  z-index: 9;
  border: 1px solid #DADADA;
  box-sizing: border-box;
  /* border-radius: 5px 5px 0 0; */
  border-radius: 5px;
  text-align: left;
  padding: 15px;
}

.placeholder_idiv {
  position: absolute;
  top: 4.5rem;
  bottom: 4.5rem;
  right: 10px;
  left: 10px;
  z-index: 10;
  background: transparent;
  border: 0;
  box-shadow: unset;
  text-align: left;
  height: auto;
  width: 95%;
  margin: auto;
  padding: 15px;
  font-size: 16px;
  color: #5D5D5D;
}

.placeholder_idiv:focus,
.placeholder_idiv:hover {
  outline: none !important;
  border: 1px solid #DADADA;
  box-shadow: unset;
  background: #ffffff;
  left: 10px;
  right: 10px;
  /* top: 0;
  bottom: 0;
  width: 94%;
  border: 1px solid #DADADA; */
  top: 1px;
  bottom: 25px;
  width: 93%;
  border: 0;
  box-sizing: border-box;
  border-radius: 5px;
  text-align: left;
  padding: 25px 15px;

  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: #5d5d5d;
}

.placeholder_noc {
  position: absolute;
  bottom: 0;
  right: 10px;
  z-index: 10;
  background: transparent;
  text-align: right;
  height: auto;
  width: 95%;
  margin: auto;
  padding: 15px 10px 0 15px;
  font-size: 16px;
}

.input_file {
  height: 5rem;
  background: #FFFFFF;
  border: 1px solid #DADADA;
  box-sizing: border-box;
  border-radius: 0 0 5px 5px;
  box-shadow: unset;
  width: 100%;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  color: #1092A7;
  padding: 0 15px;
  line-height: 4;

  background: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/icons/attachment_blue.svg) 15px center no-repeat;
  text-align: left;
  text-indent: 3rem;
}

.input_file::placeholder {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  color: #1092A7;
}

.btn_fw_post {
  height: 50px;
  background: #FFC455;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  border: 0;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  color: #5D5D5D;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1px;
}

.mb0pxi {
  margin-bottom: 0px !important;
}

.profile_div {
  background: white;
  border-radius: 15px;
}

.absolute_01 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0px;
  margin: auto;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}

.pr5px {
  padding-right: 5px;
}

.hr_style_4 {
  border: 1px solid #DADADA;
  margin: 20px -10px;
}

.absolute_02 {
  position: absolute;
  display: flex;
  align-items: center;
  left: 2rem;
  right: 0;
  top: 0;
  bottom: 0;
}

.pt10px_01 {
  padding-top: 10px;
}

.profile_pb {
  background: linear-gradient(90deg, #B92F48 131.91%, #B92F48 157.31%);
}

.profile_progress {
  background: #EBEBEB;
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  height: 48px;
}

.btn_tws {
  height: 50px;
  background: #FFC455;
  box-shadow: 1px 1px 2px rgb(0 0 0 / 25%);
  border-radius: 5px;
  margin: 0;
  border: 0;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  color: #5D5D5D;
  line-height: 3;
}

.btn_tw_01 {
  margin: 0;
  border: 0;
  background: #FFC455 !important;
  border: 1px solid #E69B5A !important;
  box-sizing: border-box;
  box-shadow: inset 1px 1px 2px rgb(0 0 0 / 10%);
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: bold;
  color: #000000 !important;
  line-height: 1.4;
  margin-right: 7px;
  width: 31px;
  height: 31px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: auto;
}

.btn_tw_02 {
  margin: 0;
  border: 0;
  background: #DADADA !important;
  box-sizing: border-box;
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1);
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: bold;
  color: #000000 !important;
  line-height: 1.4;
  margin-right: 7px;
  width: 31px;
  height: 31px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: auto;
}

.btn_tw_03 {
  margin: 0;
  border: 0;
  background: #F2F2F2;
  border: 1px solid #DADADA;
  box-sizing: border-box;
  box-shadow: inset 1px 1px 2px rgb(0 0 0 / 10%);
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  color: #C4C4C4;
  line-height: 1.4;
  margin-right: 7px;
  width: 31px;
  height: 31px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mt5b0px {
  margin: 5px 0 0 0;
}

.pb5rem {
  padding-bottom: 5rem;
}

.opaque_border_outer {
  border-radius: 50%;
  border: 10px solid rgba(255, 255, 255, .1);
}

.opaque_border_inner {
  border-radius: 50%;
  border: 10px solid rgba(255, 255, 255, .25);
}

.mw34px {
  max-width: 34px;
}

@media (min-width: 375px) {

  .btn_tw_01,
  .btn_tw_02,
  .btn_tw_03 {
    margin-right: 15px;
  }
}

.white_div {
  background: white;
  /* height: 20vh; */
  min-height: 20vh;
  max-height: 27vh;
  top: 5rem;
  position: relative;
  margin: 0px;
  border-radius: 5px;
}

.tile {
  position: absolute;
  top: 0;
  width: 80.5%;
  margin: auto;
  right: 0;
  left: 0;
}

.tile_img {
  margin: 0 0 0 0.2px;
}

.boxtile {
  width: 50%;
  display: flex;
  justify-content: center;
  margin: 20px 0px;
}

.mstitle {
  word-break: break-all;
  white-space: normal;
}

.resume_div {
  height: 38rem;
}

.bg_test {
  background: orange;
}

.resume_desc {
  /* padding: 65% 10px 0 10px; */
  padding: 55% 10px 0 10px;
  height: 100%;
}

.dpanel>.resume_panel_heading {
  background: #1092A7;
  color: white;
  border-radius: 0;
}

.resume_panel_title {
  margin: 10px;
}

.resume_panel_body {
  background: #1092A7;
  opacity: 0.9;
}


@media (max-width: 320px) {
  .resume_div {
    height: 23.5rem;
  }

  .white_div {
    min-height: 27vh;
    top: 4rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .resume_div {
    height: 29rem;
  }
}

@media (min-width: 1024px) and (max-width: 1099px) {
  .resume_div {
    height: 30rem;
  }
}

/* iPhone 6, 7, & 8 in portrait & landscape */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio: 2) {
  .white_div {
    /* min-height: 26vh; */
    min-height: 23vh;
  }

  .resume_div {
    height: 25rem;
  }

  .resume_desc {
    padding: 55% 15px 0 15px;
  }
}

/* iPhone X in portrait */
@media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : portrait) {
  .white_div {
    min-height: 19vh;
    top: 5rem;
  }

  .resume_div {
    height: 25rem;
  }

  .resume_desc {
    padding: 55% 20px 0 15px;
  }
}

@media (min-width: 768px) {
  .white_div {
    min-height: 20vh;
    /* top: 7rem; */
    top: 4rem;
  }

  .resume_desc {
    padding: 65% 10px 0 20px;
  }
}

@media (min-width: 1024px) {
  .white_div {
    min-height: 14vh;
    top: 6rem;
  }

  .resume_desc {
    padding: 55% 20px 0 20px;
  }
}

@media (min-width: 1200px) {
  .boxtile {
    max-width: 28%;
  }

  .white_div {
    min-height: 10vh;
    top: 4.5rem;
  }

  .resume_div {
    height: 23rem;
  }

  .resume_desc {
    padding: 50% 20px 0 10px;
  }
}

@media (min-width: 1500px) {
  .white_div {
    min-height: 11vh;
    top: 6rem;
  }

  .resume_div {
    height: 19vh;
  }
}

.hprogressdiv {
  position: absolute;
  bottom: 0px;
  right: 0;
  left: 0;
  margin: auto;
}

.hprogress {
  height: 3px;
  width: 100%;
  margin: 0;
}

.hprogressdiv .progress {
  /* box-shadow: 1px 1px 2px rgb(0 0 0 / 25%); */
  box-shadow: 1px 1px 1px rgb(0 0 0 / 5%);
  border-radius: 0;
  background: rgba(255, 255, 255, 0.1);
}

.hprogressdiv .progress-bar {
  /* background: #FFFFFF; */
  background: #E58D82;
  box-shadow: unset;
}

.session_visited {
  background: #ADADAD !important;
  color: #FFFFFF;
}

.btn-sfb {
  background: #FFFFFF;
  box-shadow: unset;
}

.btn-sfb:hover,
.btn-sfb:focus,
.btn-sfb:active {
  color: #FFC455 !important;
}

.txt_green_yellow {
  color: #63A858;
}

.rpanelheading_01 {
  background: #DADADA !important;
  padding: 0 10px !important;
}

.rpanelbody_01 {
  background: #EBEBEB !important;
  padding: 0 10px;
}

.rpanelbody_01 .panel-body {
  padding: 10px 0 7px 0 !important;
}

.noi_body {
  background: #FFFFFF;
  color: black;
  border-radius: 50%;
  width: 8rem;
  height: 8rem;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: break-spaces;
}

.noi_i {
  background: #FFC455;
  color: black;
  border-radius: 50%;
  width: 8rem;
  height: 8rem;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: break-spaces;
}

.noi_left {
  padding: 0 5px 0 0;
}

.noi_right {
  padding: 0 0 0 5px;
}

.noi_left_right_txt {
  position: absolute;
  top: 20%;
  bottom: 5%;
  left: 0;
  right: 0;
  margin: auto;
  color: black;
  display: flex;
  /* align-items: center; */
  justify-content: center;
  padding: 0 10px;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 130%;
  text-align: center;
  color: #000000;
  overflow: overlay;
}

.highligted_span {
  font-size: 25px;
  font-style: italic !important;
  font-weight: 400;
}

.highligted_span_mps {
  font-style: italic !important;
  font-weight: 400;
}

.inward_arrow {
  max-width: 22%;
  margin-right: -3px;
}

.ia_below_content {
  /* position: absolute;
  top: -10px; */
  position: absolute;
  top: 10px;
  right: 0;
  left: 0;
}

.pt15px {
  padding-top: 15px;
}

.img_man {
  height: fit-content;
}

.btn_subscribe_now {
  margin: 0;
  border: 0;
  height: 60px;
  /* background: #FFC455; */
  background: #B92F48;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 5px;

  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 109.9%;
  /* identical to box height, or 18px */
  text-align: center;
  /* color: #243949; */
  color: #FFFFFF;
}

.btn_user_guide {
  margin: 0;
  border: 0;
  height: 60px;
  background: #1092A7;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 5px;

  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  /* identical to box height, or 18px */
  text-align: center;
  color: #FFFFFF;
  white-space: normal;
}

.btn_default {
  margin: 0;
  width: 100%;
  height: 60px;
  background: #ffffff;
}

.absolute_dcarousel_div {
  /* position: absolute;
  top: 20px;
  right: 20px;
  left: 20px;
  bottom: 0;
  margin: 0 auto;
  text-align: left;
  background: rgba(0,0,0,0.25);
  border-radius: 10px; */

  position: absolute;
  /* top: 20px;
  right: 20px;
  left: 20px;
  bottom: 20px; */
  top: 40px;
  right: 40px;
  left: 40px;
  bottom: 40px;
  margin: 0 auto;
  text-align: left;
  background: rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  display: flex;
  align-items: center;
}

.dcarousel_txt {
  padding: 0 20px;
}

#dcarousel .carousel-indicators .active {
  width: 16px;
  height: 8px;
  border-radius: 4px;
  background: #fff;
  border: 0;
}

#dcarousel .carousel-indicators li {
  background-color: rgba(255, 255, 255, 0.5);
  border: 0;
  width: 8px;
  height: 8px;
  margin-left: 5px;
}

#dcarousel .carousel-indicators {
  margin-bottom: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#dcarousel .carousel-control.left,
#dcarousel .carousel-control.right {
  display: block;
}

.pt3_2rem {
  /* padding-top: 5.9rem; */
  padding-top: 11rem;
}

/* @media (min-width: 768px)
{
  .pt3_2rem
  {
    padding-top: 10rem;
  }
} */

.bookmark_imgs {
  margin-top: 34px;
}

.bookmark_imgs img {
  /* max-height: 227px; */
  max-height: 300px;
  margin-bottom: 10px;
  border-radius: 5px;
}

@media (max-width: 767px) {
  .pt_rightcol_01 {
    padding-top: 6.5rem !important;
  }
}

@media (min-width: 768px) {
  .pt_rightcol_01 {
    padding-top: 9.5rem !important;
  }
}

.testimonials_top {
  overflow: auto;
  position: absolute;
  /* top: 100px; */
  top: 12%;
  left: 0;
  right: 0;
  bottom: 0;
}

.vch {
  height: 293.88px;
}

.carousel-inner>.item {
  height: 332.88px;
}

@media (min-width: 768px) {
  .carousel-inner>.item {
    height: 380.88px;
  }
}

@media (min-width: 1200px) {
  .carousel-inner>.item {
    height: 332.88px;
  }
}

.carousel-control .fa-chevron-right,
.carousel-control .icon-next {
  right: 30%;
}

.carousel-control .fa-chevron-left,
.carousel-control .icon-prev {
  left: 30%;
}

#dcarousel .carousel-control .fa-chevron-right,
#dcarousel .carousel-control .fa-chevron-left {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}

#dcarousel .carousel-control {
  top: 50%;
  bottom: 50%;
}

.w80p {
  width: 80%;
}

.ac_podcast_img_title {
  position: absolute;
  top: 0;
  bottom: 12%;
  right: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ac_podcast_logo {
  position: absolute;
  bottom: 5%;
  right: 0;
  left: 0;
}

.dprogress_01 {
  position: absolute;
  bottom: 0.5px;
  right: 0px;
  left: 0px;
  height: 5px;
  margin-bottom: 0;
  border-radius: 0px 0px 5px 5px;
  box-shadow: unset;
  background: rgba(255, 255, 255, 0.1);
}

.br_5px {
  border-radius: 5px;
}

.toc_podcast {
  background: #243949;
  margin: 0 -15px;
}

.toc_sections {
  border-radius: 0;
  color: #fff;
  text-align: left;
  height: 70px;
  padding: 10px;
  border: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: wrap;
  align-content: center;
}

.toc_sections.box {
  padding: 0 10px;
  height: 70px;
  border: 0;
  box-shadow: unset;
}

.ml10pxi {
  margin-left: 10px !important;
}

.ml15pxi {
  margin-left: 15px !important;
}

.hr_style_5 {
  margin-top: 0px;
  margin-bottom: 0;
  border: 0;
  border-top: 1px solid white;
}

.plr20px {
  padding-right: 20px;
  padding-left: 20px;
}

.jc_flex_end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.btn_progress {
  position: absolute;
  bottom: 1px;
  right: 0;
  left: 0;
  height: 5px;
  margin-bottom: 0;
  border-radius: 0px 0px 10px 10px;
  box-shadow: unset;
  background: rgba(255, 255, 255, 0.1);
}

.btn_podcast_01 {
  height: 65px;
  background: #1092A7;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  color: #FFFFFF;
  margin: 0;
  width: 100%;
}

.translucent_border {
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.5);
}

.bg_transparent {
  background: transparent;
  border: 0;
  box-shadow: unset;
}

.wp_img {
  padding-top: 20%;
}

@media (min-width:768px) {
  .wp_img {
    padding-top: 11%;
  }
}

@media (min-width:1024px) {
  .wp_img {
    padding-top: 8%;
  }
}

@media (min-width:1200px) {
  .wp_img {
    padding-top: 4%;
  }
}

.absolute_wp_txt_01 {
  position: absolute;
  top: 22%;
  right: 0;
  left: 0;
  margin: 0 auto;
}

.pt11px {
  padding-top: 11px;
}

.pt32px {
  padding-top: 32px;
}

.mt37px {
  padding-top: 37px;
}

.mt27px {
  padding-top: 27px;
}

.hr_style_divider_01 {
  width: 72px;
  border: 2px solid #5D5D5D;
}

.hr_style_divider_02 {
  width: 72px;
  border: 2px solid #FFFFFF;
}

.hr_ddiv {
  margin: 27px 0 37px 0;
}

.absolute_wp_txt_02 {
  position: absolute;
  top: 12%;
  right: 0;
  left: 0;
  margin: 0 auto;
}

.br5px {
  border-radius: 5px;
}

.mt40px {
  margin-top: 40px;
}

.mt41px {
  margin-top: 41px;
}

.mt10px {
  margin-top: 10px;
}

.get_in_touch {
  background: #FCF2EC;
  padding: 20px 0;
  margin: 20px -20px;
}

.mt60px {
  margin-top: 60px;
}

.mt21px {
  margin-top: 21px;
}

.mt11px {
  margin-top: 11px;
}

.wp_img_01 {
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.25);
}

@media (min-width: 1200px) {
  .wp_img_01 {
    max-width: 50%;
  }
}

.backdrop_div {
  position: absolute;
  top: 0;
  width: 100%;

  background-size: cover !important;
  -o-background-size: cover;
  font-family: 'Roboto', sans-serif;
  min-height: 100vh;
  z-index: 99;
  background: #5D5D5D;
  mix-blend-mode: hard-light;
  backdrop-filter: blur(5px);
}

.btn_fl_sn_l {
  height: 60px;
  margin: 0;
  background: #FFC455;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 5px;

  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  color: #243949;
  border: 0;
}

.mt17px {
  margin-top: 17px;
}

.btn_vdi {
  height: 50px;
  margin: 0;
  border: 0;
  background: #FFC455;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 5px;

  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  color: #5D5D5D;
}

#div_graph {
  margin: 0 -22px !important;
  /* background: #ffffff;
  border-bottom: 1px solid #ADADAD; */
  border-radius: 10px;
  background: #120F40;
}

.mb30px {
  margin-bottom: 30px;
}

.btn_ws_submit {
  height: 60px;
  margin: 0;
  border: 0;
  background: #FFC455;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 10px;

  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  color: #5D5D5D;
}

.mb40px {
  margin-bottom: 40px;
}

.ngx-charts-outer {
  width: 100% !important;
  overflow: scroll;
}

#wsi_bg_white {
  /* margin: 0 -22px !important; */
  background: #ffffff;
}

.mb53px {
  margin-bottom: 53px;
}

/* input[type="search"]:focus.searchtxt
{
  color: #1092A7 !important;
  background-color: rgba(255, 255, 255, 1);
  background-image: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/icons/footer/dashboard/home.svg) no-repeat 6% 50%!important;
}

input[type="search"]:focus.sfeedback
{
  color: #1092A7 !important;
}

input[type="search"]:focus::-webkit-search-cancel-button
{
  background: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/images/icons/close.png) no-repeat 6% 50%, url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/images/icons/close.png) no-repeat 93% 50% !important;
} */

.pl0px {
  padding-left: 0px;
}

.pr0px {
  padding-right: 0;
}

.mtb5px {
  margin: 5px 0;
}

.modal_recipient {
  background: #EBEBEB;
  box-shadow: 0px -1px 4px rgba(0, 0, 0, 0.25);
  margin: 0 -10px;
  padding: 0 10px;
}

.cfc6 {
  background: #ffffff;
  box-shadow: inset 1px 1px 2px rgb(0 0 0 / 10%);
  border-radius: 5px;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  display: flex;
  align-items: center;
  text-align: left;
  color: #5D5D5D;
  height: 40px;
  border: 0;
}

#modal_recipient.modal.in .modal-dialog {
  transform: translate(0, 25%);
}

.modal_popup {
  /* background: #FFFFFF;
  height: 50%; */
  border-radius: 10px;

  background: #FFC455;
  height: auto !important;
}

.modal_free_limit {
  border-radius: 10px;
  background: #FFC455;
  height: auto !important;
  padding: 0 0 2rem 0;
}

.h80p {
  height: 80%;
}

.h100p {
  height: 100%
}

.b0 {
  border: 0;
}

.btn_popup_close {
  background: transparent;
  border: 0;
  text-align: right;
  float: right;
  padding: 0;
}

#modal_recipient .modal-backdrop {
  background-color: #000 !important;
}

#modal_popup.modal.in .modal-dialog {
  /* transform: translate(0,50%); */
  /* transform: translate(0,100%); */
}

.btn_profile_ci {
  height: 50px;
  border: 0;
  margin: 0;
  background: #FFC455;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 10px;

  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  color: #5D5D5D;
}

.mtb10px {
  margin-top: 10px;
  margin-bottom: 10px;
}

.mt73px {
  margin-top: 73px;
}

.mt127px {
  margin-top: 127px;
}

.ob_inner_01 {
  border-radius: 50%;
  border: 16px solid rgba(255, 255, 255, .25);
}

.ob_outer_01 {
  border-radius: 50%;
  border: 20px solid rgba(255, 255, 255, .1);
}

.header_login {
  background: #FFC455;
  padding: 0;
  margin: 0 0;
  height: 59px;
  display: flex;
  justify-content: center;
  align-items: center;

  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 109.9%;
  /* identical to box height, or 18px */
  text-align: center;
  color: #5D5D5D;
}

.header_hamburger {
  position: relative;
  right: 0;
}

.navbar-default {
  border: 0;
}

.mr-35px {
  margin-right: -35px;
}

@media (min-width: 768px) {
  .mm_dn {
    display: none;
  }
}

.dnh {
  padding: 20px 0 !important;
}

.cptitle_01 {
  background: #FFC455 !important;
  box-shadow: 2px 2px 4px rgb(0 0 0 / 10%);
  border-radius: 5px;
  height: 70px;
  display: flex;
  align-items: center;
  min-height: 36px;
  max-height: 55px;
  width: 70%;
  position: absolute;
  top: -8%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.cptitle_01 .panel-title {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  /* or 18px */
  color: #000000;
}

.cpdefault_01 {
  border: 0;
  border-radius: 10px;
}


.cpdefault_01 .panel-body {
  border: 1px solid #FFC455;
  box-sizing: border-box;
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
}

.cptextarea_01 {
  padding: 30px 0;
  border: 0;
  box-shadow: unset;
  /* textstyle */
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  /* identical to box height */
  color: #C4C4C4;
}

.mt6p {
  margin-top: 6%;
}

#jdqcarousel .carousel-indicators .active {
  width: 16px;
  height: 8px;
  border-radius: 4px;
  background: #fff;
  border: 0;
}

#jdqcarousel .carousel-indicators li {
  background-color: rgba(255, 255, 255, 0.5);
  border: 0;
  width: 8px;
  height: 8px;
  margin-left: 5px;
}

#jdqcarousel .carousel-indicators {
  /* margin-bottom: 5px;
  display: flex;
  justify-content: center;
  align-items: center; */
  display: none;
}

#jdqcarousel .carousel-control.left,
#jdqcarousel .carousel-control.right {
  display: none;
}

#jdqcarousel .carousel-control .fa-chevron-right,
#jdqcarousel .carousel-control .fa-chevron-left {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}

#jdqcarousel .carousel-control {
  top: 50%;
  bottom: 50%;
}

#jdqcarousel .carousel-inner {
  background: rgba(255, 255, 255, 0.25);
  /* padding: 20px 10px; */
}

@media (max-width: 767px) {
  .wm_hnav {
    display: none !important;
  }
}

@media (min-width: 768px) {
  #mm_hnav {
    display: none !important;
  }
}

.zi9 {
  z-index: 9;
}

#jdqcarousel .carousel-inner>.item {
  /* height: auto; */
  height: 315px;
  padding: 20px 10px;
  /* width: 100%; */
  width: 90%;
}

@media (min-width: 768px) {
  #jdqcarousel .carousel-inner>.item {
    height: 325px;
  }
}

.cfc7 {
  height: 50px;
  background: #FFFFFF;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.25);
  border-radius: 5px;

  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 140%;
  /* or 17px */
  color: #ADADAD;
  text-align: left;
}

.btn_raf_submit {
  height: 50px;
  width: 100%;
  margin: 0;
  border: 0;
  background: #E58D82;
  box-shadow: unset;
  border-radius: 100px;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 150%;
  color: #FFFFFF;
}

.pb40px {
  padding-bottom: 40px;
}

.raf_right_col {
  padding-top: 8% !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.raf_div_01 {
  background: #120F40;
  border-radius: 16px;
  padding: 20px;
}

@media (min-width: 1024px) {
  .raf_right_col {
    padding-top: 6% !important;
  }

}

@media (min-width: 1024px) {
  .raf_right_col {
    padding-top: 3% !important;
  }

}

.mt5pxi {
  margin-top: 5px !important;
}

ul.dh_ul li {
  /* padding: 22px 0  0 0!important; */
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding: 15px 0 15px 0;
}

ul.dh_ul li:last-child {
  border-bottom: 0 !important;
}

/* Safari 11+ */
/* @media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) and (stroke-color:transparent) {
  .cm-menu
  {
    position: absolute !important;
    top: 19% !important;
  }

  .cm-menu__header
  {
    padding: 0 20px !important;
    height: 70px !important;
  }
}}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  .cm-menu
  {
    position: absolute !important;
    top: 15% !important;
  }

  .cm-menu__header
  {
    padding: 0 20px !important;
    height: 70px !important;
  }
} */

/* @media not all and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm)
{
  .cm-menu
  {
    position: absolute !important;
    top: 15% !important;
  }

  .cm-menu__header
  {
    padding: 0 20px !important;
    height: 70px !important;
  }
} */

.dh_ul label {
  width: 100%;
  margin: 0 !important;
}

.r180deg {
  transform: rotate(180deg);
}

.btn_dh {
  background: transparent;
  margin: 0;
  border: 0;
  padding: 0;
}

/* login signup */
.login_signup_tab {
  /* border-bottom: 1px solid #FFFFFF;
  margin: 0 -32px; */
  border: 0;
  border-radius: 12px;
  background: #120F40;
}

.login_signup_tab>li {
  margin-bottom: -2px;
  width: 50%;
  padding: 8px;
  margin: 0;
  border: 0;
}

.login_signup_tab>li.active>a,
.login_signup_tab>li.active>a:focus,
.login_signup_tab>li.active>a:hover {
  cursor: default;
  background-color: transparent;
  border: 0;
  border-bottom: 0;
  border-radius: 6px;
  background: #292D56;
  padding: 10px;
  font-size: 15px;
  font-weight: 600;
  line-height: 150%;
  text-align: center;
  color: #FFFFFF;
}

.login_signup_tab>li>a:hover {
  border: 0;
}

.login_signup_tab>li>a {
  position: relative;
  display: block;
  padding: 13px 15px 12px;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
  color: #A0A3BD;
  text-align: center;
  border: 0;
}

.ls_checkbox>input[type="checkbox"]+*::before {
  border-style: unset;
  border-width: 0;
  border-color: transparent;
  background: #FFFFFF;
  /* box-shadow: inset 1px 1px 2px rgb(0 0 0 / 25%); */
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.75);
  border-radius: 2px;
}

.ls_checkbox>input[type="checkbox"]:checked+*::before {
  background: #ffffff url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/images/icons/tickmark.png) 4px 4px no-repeat;
  /* border-color: #1393A8; */
  border-radius: 2px;
  border-color: white;
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 1);
}

.ls_footer {
  background: url('https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/images/background/login_signup/footer.png') no-repeat;
  background-size: cover;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 30%;
}

.ls_footer_img {
  height: 25rem;
  width: 100%;
}

.absolute_center_ls_footer {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ls-row {
  margin: 0 -20px;
}

.ls_position {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
}

@media (max-width: 767px) {
  /* .ls_position
  {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
  } */

  .ls_pagebreak {
    padding-bottom: 25rem;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .cw100_01 {
    height: calc(100vh - 260px);
  }
}

.cw100_01 {
  min-height: calc(100vh - 260px);
}

/* /login signup */
.cfc8 {
  background: transparent;
  border: 0;
  box-shadow: unset;
  border-bottom: 1px solid #fff;
  text-align: left;
  padding: 0;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #FFFFFF;
}

.mt15px {
  margin-top: 15px;
}

.pl8px {
  padding-left: 8px;
}

.btn_login_signup {
  border: 0;
  margin: 0;
  height: 50px;
  background: #120F40;
  box-shadow: 1px 1px 2px #00000040;
  border-radius: 12px;
  width: 101px;
  height: 52px;
}

/* desktop version */
@media (min-width: 768px) {
  .cabsoluter {
    overflow: auto;
    position: absolute;
    top: 8%;
    left: 0;
    right: 0;
    bottom: 0;

    height: calc(100vh - 125px);
  }

  .cabsolute {
    top: 12%;
  }

  .dflexblock,
  .dflexblock_video {
    height: calc(100vh - 150px) !important;
  }

  .cabsolutet,
  .cabsolute_pyramid {
    top: 11%;
  }

  .dflexblock_transcript,
  .dflexblock_pyramid,
  .dflexblock_multiple_select {
    height: calc(100vh - 145px);
    overflow: auto;
  }

  .pb10p {
    padding-bottom: 0%;
  }

  .dflexblock_wf textarea#message {
    height: 200px;
  }

  .dflexblock_pyramid .txt1 {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .lengthy_txt_title,
  .oneliner_txt_title {
    padding-top: 2%;
  }

  .dflexblock_pyramid img.w100 {
    width: unset;
  }
}

/* /desktop version */

/* .nav.cnavbar-nav>li>a:hover
{
  padding: 0 !important;
} */

.b0px {
  border: 0 !important;
}

#modal_popup.modal.in .modal-dialog {
  z-index: 9999 !important;
  opacity: 1;
}

.modal-backdrop.in {
  z-index: 0;
}

/* t&c */
.bc_div {
  height: 60px;
  background-color: #f5f9fc;
  margin: 0 -20px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  z-index: 10;
  box-shadow: 0px 2px 2px #adadad;
}

.cbc {
  text-align: right;
  padding: 0;
  margin: 0;
  background: transparent;
}

.bg_aliceblue {
  background-color: #f5f9fc;
}

@media (max-width: 767px) {
  .bc_div {
    height: auto;
    background-color: #f5f9fc;
    margin: 0 -20px;
    padding: 0 20px;
    display: block;
    margin-top: 20%;
  }

  .cbc {
    text-align: left;
    padding: 5px 0 10px 0;
    margin: 0;
    background: transparent;
  }
}

.list_style_type_none {
  list-style-type: disc;
}

.lh0px {
  line-height: 0px;
}

.txt_justify {
  text-align: justify;
}

.lst_none ul {
  list-style-type: none !important;
  padding-left: 20px;
}

#lst_disc {
  list-style-type: disc !important;
  /* padding-left: revert; */
  padding: 0 0 0 20px;
}

#lst_disc li p {
  margin: 0 0 5px 0;
}

/* /t&c */

.ol_01 p {
  font-size: initial;
}

.display_none {
  display: none;
}

.ws_nowrap {
  white-space: nowrap;
}

/* activate subscription modal */
.modal.fade.in .mactivate_subscription {
  /* bottom: 0; */
  opacity: 1;
}

.mactivate_subscription {
  position: relative;
  /* bottom: -250px;
  margin: 90% auto 0;   */
  width: 100%;
  height: auto;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
  transition: opacity 0.3s ease-out, bottom 0.3s ease-out;

  background: #1092A7;
  box-shadow: 0px -1px 4px rgb(0 0 0 / 25%);
  border: 0;
  border-radius: 0;
  padding: 20px;
  min-height: 500px;
}

@media (min-width: 1200px) {
  .mactivate_subscription {
    min-height: 250px;
  }
}

/* /activate subscription modal */
.cfc9 {
  height: 50px;
  border: 0;
  background: #FFFFFF;
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  width: 100%;

  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  display: flex;
  align-items: center;
  color: #5D5D5D;
  text-align: left;
}

.btn_ms_submit {
  height: 50px;
  border: 0;
  margin: 0;
  width: 100%;
  background: #FFC455;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 5px;

  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  /* identical to box height */
  text-align: center;
  color: #243949;
}

.btn_ms_ul {
  height: 50px;
  border: 0;
  margin: 0;
  width: 100%;
  background: transparent;
  box-shadow: unset;
  border-radius: 5px;

  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  /* identical to box height */
  text-align: center;
  color: #FFC455;
}

.hr_style_6 {
  border: 1px solid #FFFFFF;
}

.w100_important {
  width: 100% !important;
}

.boldi {
  font-weight: bold !important;
}

@media (min-width: 1024px) {
  .odiv::-webkit-scrollbar {
    display: block;
  }
}

/* entire scrollbar */
.odiv::-webkit-scrollbar {
  /* width: 12px; */
  height: 5px;
}

/* track area */
.odiv::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, .1);
}

/* scroll thumb */
.odiv::-webkit-scrollbar-thumb {
  background-color: lightslategrey;
  border-radius: 0;
  border: 0;
}

.fimg_01 {
  max-height: 35px;
  border-radius: 50%;
}

.fimg_02 {
  /* min-height: 45px; */
  border-radius: 50%;
  object-fit: cover;
  height: 50px;
  width: 50px;
}

.c555 {
  color: #555 !important;
}

@media (min-width: 768px) {
  .nh {
    width: 100%;
  }

  .cimg_01 {
    position: relative;
    padding: 0;
  }
}

.mtb-2px {
  margin: -2px 0;
}

.change-color {
  border-bottom: 0.5px solid #EDEDED;
}

.italici {
  font-style: italic !important;
}

.flex_jc_baseline {
  display: flex;
  align-items: baseline;
}

.img_ar {
  float: right;
  max-width: 35%;
}

@media (max-width: 768px) {
  .db_mm {
    display: block;
  }

  .db_wm {
    display: none;
  }
}

@media (min-width: 769px) {
  .db_mm {
    display: none;
  }

  .db_wm {
    display: block;
  }
}

.onscrollbg {
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.onscrollbg_active {
  background: #FFFFFF !important;
  /* margin: -1px; */
  margin: 0;
  box-shadow: 0px 2px 2px rgb(0 0 0 / 10%);
}

.modal_cookie {
  border-radius: 10px;
  background: #FFC455;
  height: auto !important;
  transform: translate(0, 75%) !important;
  padding: 0 0 1rem 0;
}

.modal_free_limit {
  border-radius: 10px;
  background: #FFC455;
  height: auto;
  transform: translate(0, 50%) !important;
  padding: 0 0 2rem 0;
}

.h100vh {
  height: 100vh;
}

.ptb5rem {
  padding: 5rem 0;
}

.fs_12px {
  font-size: 12px;
}

.btn_accept_cookies {
  margin: 0;
  border: 0;
  height: 45px;
  background: #1092A7;
  box-shadow: 1px 1px 2px rgb(0 0 0 / 25%);
  border-radius: 5px;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 109.9%;
  text-align: center;
  color: #FFFFFF;
}

.btn_cookies_close {
  margin: 0;
  border: 0;
  height: 45px;
  background: #FFFFFF;
  box-shadow: 1px 1px 2px rgb(0 0 0 / 25%);
  border-radius: 5px;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 109.9%;
  text-align: center;
  color: #5D5D5D;
}

.flex_baseline_right {
  /* display: flex;
  align-items: baseline;
  justify-content: right;   */
  display: block;
  text-align: right;
}

.project_bg_img_01_desktop {
  background: url('https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/tiles/project/bgd_01.svg');
  background-size: cover;
}

.project_bg_img_02_desktop {
  background: url('https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/tiles/project/bgd_02.svg');
  background-size: cover;
}

.project_bg_img_03_desktop {
  background: url('https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/tiles/project/bgd_03.svg');
  background-size: cover;
}

@media (max-width: 767px) {
  .display_desktop {
    display: none !important;
  }

  .display_mobile {
    display: block;
  }
}

@media (min-width: 768px) {
  .display_mobile {
    display: none;
  }

  .display_desktop {
    display: block;
  }

  .center_flexi {
    display: flex !important;
    align-items: center;
    justify-content: center;
  }

}

@media (min-width: 768px) and (max-width: 1023px) {
  .mwhwapp {
    min-width: 110% !important;
  }
}

@media (min-width: 1024px) {
  .mwhwapp {
    min-width: 195% !important;
  }
}

.center_flexi {
  display: flex;
  align-items: center;
  justify-content: center;
}

.project_p01 {
  padding: 70px 15px;
}

.absolute_03 {
  position: absolute;
  top: 40px;
  bottom: 0;
  right: 0;
  left: 0;
}

.btn_get_hwp_app {
  height: 60px;
  margin: 0;
  border: 0;

  background: #FFC455;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 5px;

  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 109.9%;
  /* identical to box height, or 22px */
  text-align: center;
  color: #000000;
}

.absolute_04 {
  position: absolute;
  top: 45%;
  right: 0;
  left: 0;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* .get_in_touch
{
  background: #FFC455;
  padding: 30px 0 30px 0;
  margin: 20px -15px 0 -15px;
} */

.mt-1px {
  margin-top: -1px;
}

/* .mwhwapp
{
  min-width: 195%!important;
} */

.project_m01 {
  margin-top: -10%;
}

.hr_style_7 {
  margin-top: 0px;
  margin-bottom: 0;
  border: 0;
  border-top: 1px solid #5D5D5D;
}

.hr_style_8 {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #ADADAD;
}

.hr_style_9 {
  margin: 20px -20px 0 -20px;
  border: 0;
  border-top: 1px solid #ADADAD;
}

.btn_confirm_payment {
  height: 60px;
  margin: 0;
  border: 0;

  background: #1092A7;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 5px;

  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  /* identical to box height */
  text-align: center;
  color: #FFFFFF;
}

.cfc10 {
  height: 50px;
  border: 0;
  background: #FFFFFF;
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  width: 100%;

  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: #5D5D5D !important;
  text-align: left;
}

.cfc10_fl {
  border-right: 1px solid #FFF !important;
  left: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50%;
  width: 15%;
  margin: 12px 0 !important;

  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  display: flex;
  align-items: center;
  color: #FFF;
}

.btn_update_changes {
  height: 50px;
  margin: 0;
  border: 0;

  background: #FFC455;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 5px;

  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: #243949;
}

.cpp select {
  padding: 6px;
}

.cfc10_fl_p {
  padding-left: 20% !important;
}

.activate_subscription_outer,
.modal_outer {
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.activate_subscription_inner {
  position: absolute;
  bottom: 0;
  /* top: 0; */
  right: 0;
  left: 0;
  margin: 0 auto;
}

.mt26px {
  margin-top: 26px;
}

.w50p {
  width: 50%;
}

/* #card-number .__PrivateStripeElement
{
  background: #EBEBEB !important;
  box-shadow: inset 1px 1px 2px rgb(0 0 0 / 10%);
  border-radius: 5px;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #5D5D5D;
  height: 50px;
  border: 0;

  margin: auto !important;
  padding: 6px 12px !important;
  display: flex !important;
} */

.popup_01 {
  background: linear-gradient(180deg, #1092A7 -1.41%, #70C6BD 100%);
  box-shadow: 0px 0px 10px rgb(0 0 0 / 25%);
  border-radius: 10px;
  /* min-height: 356px; */
  min-height: 300px;
  width: 315px;
  transform: translate(0, 50%);
}

.popup_01 .modal-body {
  padding: 0 15px 15px 15px;
}

.mt6px {
  margin-top: 6px;
}

.mt24px {
  margin-top: 24px;
}

.mb27px {
  margin-bottom: 27px;
}

.mt22px {
  margin-top: 22px;
}

.mt29px {
  margin-top: 29px;
}

.bg_01 {
  background: #EBEBEB;
}

.mw75p {
  max-width: 75%;
}

.right_col {
  margin-left: 0 !important;
}

.dabsolute_01 .row,
.dabsolute_01 .row {
  margin-right: 0 !important;
  margin-left: 0 !important;
  height: 100%;
}

.dabsolute_01 {
  overflow: auto;
  position: absolute;
  top: 9.5%;
  left: 0;
  right: 0;
  bottom: 9.5%;

  overflow-x: hidden;
}

.nav_menu_01 {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 100%;

  z-index: 99;
  padding: 20px;
}

.nav_menu_02 {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 100%;

  z-index: 99;
  padding: 20px 20px;
}

/* likert scale + feedback survey questions */
.dabsolute_02 {
  overflow: auto;
  position: absolute;
  top: 5%;
  left: 0;
  right: 0;
  bottom: 5%;
  overflow-x: hidden;
}

/* /llikert scale + feedback survey questions */

/* module end */
.dabsolute_03 {
  overflow: auto;
  position: absolute;
  top: 0%;
  left: 0;
  right: 0;
  bottom: 9.5%;
  overflow-x: hidden;
}

/* /module end */

/* reflection  */
.dabsolute_04 {
  overflow: auto;
  position: absolute;
  top: 7%;
  left: 0;
  right: 0;
  bottom: 9.5%;
  overflow-x: hidden;
}

/* /reflection */

/* wisdom stories */
.dabsolute_05 {
  /* overflow: auto; */
  overflow: inherit;
  position: absolute;
  top: 5%;
  left: 0;
  right: 0;
  bottom: 5%;
  /* overflow-x: hidden; */
}

.dabsolute_06 {
  overflow: auto;
  position: absolute;
  top: 5%;
  left: 0;
  right: 0;
  bottom: 5%;
  overflow-x: hidden;
}

/* /wisdom stories */

/* journal */
.dabsolute_07 {
  overflow: auto;
  position: absolute;
  top: 5%;
  left: 0;
  right: 0;
  bottom: 5%;
  overflow-x: hidden;
}

/* /journal */

/* login */
.dabsolute_08 {
  overflow: auto;
  position: absolute;
  top: 0%;
  left: 0;
  right: 0;
  bottom: 30%;
  overflow-x: hidden;
}

/* /login */

/* forum */
.dabsolute_09 {
  /* overflow: auto; */
  overflow: inherit;
  position: absolute;
  top: 0%;
  left: 0;
  right: 0;
  bottom: 30%;
  /* overflow-x: hidden; */
}

/* /forum */

.nav_menu_01 .nav>li>a:focus,
.nav_menu_01 .nav>li>a:hover,
.nav_menu_01 .nav .open>a,
.nav_menu_01 .nav .open>a:focus,
.nav_menu_01 .nav .open>a:hover {
  background: transparent;
}

.p0px_a {
  padding: 0;
}

.p0px_b {
  padding-right: 10px;
  padding-left: 10px;
}

.plr10px_01 {
  padding-right: 0px;
  padding-left: 0px;
}

.mlr-10px_01 {
  margin-left: -10px;
  margin-right: -10px;
}

.dbg_black {
  background: #000000;
  padding: 0 10px;
}

.dpanel .panel-body {
  padding: 0 10px !important;
}

.frighti {
  float: right !important;
}

.plr5pxi {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.btn_subscribe_code_01 {
  width: 100%;
  height: 40px;
  background: #FFFFFF;
  border: 1px solid #1092A7;
  box-sizing: border-box;
  border-radius: 5px;
  /* letter-spacing: 0.1rem; */
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: #1092A7;
  margin-right: 0;
}

.mtb22px {
  margin-top: 22px;
  margin-bottom: 22px;
}

.btn_add_cart {
  margin: 0;
  border: 0;
  height: 50px;
  background: #FFC455;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 5px;

  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: #243949;
}

.mt18px {
  margin-top: 18px;
}

.mt28px {
  margin-top: 28px;
}

.mb26px {
  margin-bottom: 26px;
}

.btn_view_cart {
  margin: 0;
  border: 0;
  height: 60px;
  background: #1092A7;
  border-radius: 5px;

  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  /* identical to box height */
  text-align: center;
  color: #FFFFFF;
}

.row_vc {
  background: #FFFFFF;
  box-shadow: 0px -1px 10px rgb(0 0 0 / 10%);
  margin: 0 -10px;
  padding: 20px !important;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: 9;
  /* width: 100%;
  display: flex;
  align-items: center;
  justify-content: center; */
}

/* .btn_annually
{
  margin: 0;
  border: 0;
  box-shadow: none;

  width: 109px;
  height: 30px;

  background: #1092A7;
  border-radius: 5px 0px 0px 5px;

  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  color: #FFFFFF !important;
} */

.btn_annually {
  margin: 0;
  margin-right: 5px !important;
  border: 0;
  box-shadow: none;

  width: 109px;
  height: 30px;

  background: #EBEBEB;
  border-radius: 5px 0px 0px 5px;

  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  color: #5D5D5D;
  opacity: 1 !important;
}

.btn_monthly {
  margin: 0;
  border: 0;
  box-shadow: none;

  width: 109px;
  height: 30px;

  background: #EBEBEB;
  border-radius: 0px 5px 5px 0px;

  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  color: #5D5D5D;
}

.cvideo_01 {
  /* width: auto; */
  width: 100%;
  max-height: 65vh;
}

.ml-15px {
  margin-left: -15px;
}

.ml15px {
  margin-left: 15px
}

#div_google_playstore {
  position: fixed;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: 98;
  filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.1));
}

.mr10px {
  margin-right: 10px;
}

.img_profile {
  /* border-radius: 50%;
  height: 5rem; */
  /* width: 50px;
  height: 50px; */
  width: 82px;
  height: 82px;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
}

.img_profile_01 {
  height: 12rem;
  width: 12rem;
}

.ml10px {
  margin-left: 10px;
}

.rm_txt_01,
.rmd_txt_01,
.rm_txt_02,
.rmd_txt_02,
.rm_txt_03 {
  display: none;
}

.bgm_hwp_project_01 {
  background: url('https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/tiles/project/bgm_01.svg');
  position: relative;
  /* top: 40px; */
  bottom: 0;
  right: 0;
  left: 0;
  padding: 40px 20px 40px 20px;
}

.bgm_hwp_project_02 {
  /* background: url('https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/tiles/project/bgm_02.svg');
  background-size: cover; */
  background: #FCF2EC;
}

.wp_childrens_adults_img {
  margin-top: 0;
  margin-left: -10px;
  margin-right: -10px;
  position: relative;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wp_childrens_adults_txt {
  position: relative;
  margin-top: -25px;
  /* margin: -100px -10px 0 -10px; */
  margin: -100px -20px 0 -20px;
}

.wp_cat_inner {
  margin-top: 12rem;
  padding: 0 20px 20px 20px !important;
}

.br50p {
  border-radius: 50%;
}

.headerp_01 {
  padding: 20px 20px 20px 20px !important;
}

.dflex_01 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

a {
  cursor: pointer;
}

.index_wisdom_stories {
  background: #EBEBEB;
  opacity: 0.75;
  border-radius: 0 10px 10px 0;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
}

.mt34px {
  margin-top: 34px;
}

.mb24px {
  margin-bottom: 24px;
}

.mt44px {
  margin-top: 44px;
}

#accordion_ws .panel-default>.panel-heading {
  background: transparent;
  border: 0;
  padding: 0;
}

#accordion_ws.panel-group .panel {
  border: 0;
  box-shadow: unset;
}

#accordion_ws .panel-title>a:after {
  display: none;
}

#accordion_ws .panel-body {
  padding: 0 !important;
}

.bg_monte_carlo {
  background: #70C6BD;
  box-shadow: 0px 1px 2px rgb(0 0 0 / 25%);
}

.nav_search {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  /* width: 100%; */

  z-index: 99;
  padding: 20px;
  height: 60px;
}

.div_search {
  /* margin-top: 6rem; */
  margin-bottom: 0;
  background: #EBEBEB;
  /* opacity: 0.5; */
  height: 60px;
}

/* searchtxt_01 */
#searchtxt_01 {
  background: #EBEBEB;
  /* opacity: 0.5; */
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 130%;
  /* identical to box height, or 16px */
  color: #000000 !important;
  text-align: left;
}

#searchtxt_01::-webkit-input-placeholder {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 130%;
  /* identical to box height, or 16px */
  color: #5D5D5D;
  text-align: left;
}

#searchtxt_01::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 1em;
  width: 1em;
  border-radius: 50em;
  background: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/icons/close_black_01.svg) no-repeat 50% 50%;
  background-size: contain;
  opacity: 1;
  pointer-events: none;
}

#searchtxt_01:focus::-webkit-search-cancel-button {
  /* opacity: .3; */
  pointer-events: all;
}

#searchtxt_01.dark::-webkit-search-cancel-button {
  filter: invert(1);
}

/* /searchtxt_01 */

.dsearch_result {
  /* margin-top: 20px;
  margin-bottom: 36px;
  padding: 0 10px; */

  /* padding-top: 20px;
  padding-bottom: 36px; */
  padding: 20px 20px 36px 20px;
  background: #FFFFFF;
}

.search_nav_tabs {
  /* border-bottom: 1px solid #ADADAD; */
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);

}

.search_nav_tabs>li.active>a,
.search_nav_tabs>li.active>a:focus,
.search_nav_tabs>li.active>a:hover {
  border: 0;
  border-bottom: 3px solid #E58D82;
  color: #E58D82;
  background: transparent;
}

.search_nav_tabs>li {
  margin-bottom: 0px;
  width: 33.3%;
  margin-bottom: -2px;
}

.search_nav_tabs>li>a {
  border: 0;
  padding: 0 0 15px 0;
  text-align: center;
}

.maxh15px {
  max-height: 15px;
}

.tab_lfj .tab-content {
  margin-top: 18px;
}

.hr_style_10 {
  border: 1px solid #DADADA;
}

.flexai_baseline {
  display: flex;
  align-items: baseline;
  justify-content: center;
}

.capitalize {
  text-transform: capitalize;
}

.mtb15px {
  margin-top: 15px;
  margin-bottom: 15px;
}

.mb15px {
  margin-bottom: 15px;
}

.panel_search {
  background: #FFFFFF;
  opacity: 0.9;
  border: 1px solid #DADADA;
  box-sizing: border-box;
  border-radius: 10px;
}

.opacity_pt5 {
  opacity: 0.5;
}

/* searchtxt_02 */
#searchtxt_02 {
  /* background: #EBEBEB;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 130%;
  color: #000000 !important;
  text-align: left; */
  background: #120F40;
  border-radius: 100px;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: rgba(255, 255, 255, 0.50) !important;
  height: 50px;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
}

/* #searchtxt_02::-webkit-input-placeholder
{
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 130%;
  color: #5D5D5D;
  text-align: left;
} */

#searchtxt_02::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 1em;
  width: 1em;
  border-radius: 50em;
  /* background: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/icons/close_black_01.svg) no-repeat 50% 50%; */
  background-size: contain;
  opacity: 1;
  pointer-events: none;
}

#searchtxt_02:focus::-webkit-search-cancel-button {
  /* opacity: .3; */
  pointer-events: all;
}

#searchtxt_02.dark::-webkit-search-cancel-button {
  /* filter: invert(1); */
}

/* /searchtxt_02 */

.limit_characters {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  /* max-width: 45ch; */
}

.plr_01 {
  padding: 0 10px;
}

.plr_02 {
  padding: 0;
}

.flexjc_end {
  display: flex;
  align-items: center;
  justify-content: end;
}

.bg_white_01 {
  background: #FFFFFF;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
}

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

.img_mt_01 {
  margin-top: 6rem;
}

.blog_title {
  /* margin-top: 29px;
  margin-bottom: 62px; */

  margin: 20px 0 20px 0;
}

.like_count {
  /* margin-top: 5px; */
  margin: 5px 0 0 0;
}

.blog_desc {
  margin-top: 36px;
  margin-bottom: 59px;
}

.btn_blog_tags {
  margin: 0;
  border: 0;

  height: 22px;
  background: #EBEBEB;
  border-radius: 5px;

  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  /* identical to box height */
  color: #5D5D5D;

  margin: 0 5px 10px 0;
}

.hr_style_11 {
  border: 1px solid #DADADA;
  margin: 40px 0 34px 0;
}

.blog_comment {
  margin-bottom: 33px;
}

.blog_comment_desc {
  margin-bottom: 20px;
}

.blog_comment_desc_01 {
  margin: 20px 0 20px 0;
}

.blog_vac {
  margin-top: 20px;
}

.hr_style_12 {
  border: 1px solid #DADADA;
  margin: 34px 0 40px 0;
}

.blog_related_articles {
  margin-bottom: 23px;
}

.absolute_blog_ra_title {
  position: absolute;
  bottom: 11px;
  right: 20px;
  left: 20px;
  margin: 0 auto;
}

.img_blog_ra {
  border-radius: 10px;
  /* background: linear-gradient(180deg, rgba(36, 57, 73, 0) 0%, #243949 100%);
  mix-blend-mode: normal;
  opacity: 0.75; */
}

/* view all comment accordion  */
#accordion_blog .panel-default>.panel-heading {
  background: transparent;
  border: 0;
  padding: 0;
}

#accordion_blog.panel-group .panel {
  border: 0;
  box-shadow: unset;
}

#accordion_blog .panel-title>a:after {
  display: none;
}

#accordion_blog .panel-body {
  padding: 0 !important;
}

/* /view all comment accordion  */

.shorts_desc {
  margin: 40px 0 34px 0;
}

.box_01 {
  /* background: #63A858; */
  border-radius: 0;
  color: #fff;
  text-align: left;
  height: 70px;
  /* padding: 10px; */
  padding: 15px;
  border: 0;
  justify-content: center;
  align-items: center;
  flex-flow: wrap;
  align-content: center;
  /* margin-bottom: 2px; */
  display: flex;
  margin: 0 -10px 2px -10px;
}

.bg_gallery {
  background: #EBEBEB;
}

.as_title {
  margin: 0 0 26px 0;
}

.hr_style_13 {
  border: 1px solid #FFFFFF;
  margin: 40px 0 24px 0;
}

.congratulations_desc {
  margin: 10px 0 36px 0;
}

.as_signup {
  margin: 40px 0 113px 0;
}

.as_signup_desc {
  margin: 17px 0 23px 0;
}

.mb56px {
  margin-bottom: 56px;
}

.cfc11::-webkit-input-placeholder {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal !important;
  font-size: 12px;
  line-height: 14px;
  display: flex;
  align-items: center;
  color: #ADADAD;
  text-align: left;
  letter-spacing: 0;
}

.cfc11 {
  height: 50px;
  border: 0;
  background: #FFFFFF;
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  width: 100%;

  /* font-family: Roboto; */
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
  display: flex;
  align-items: center;
  color: #5D5D5D;
  text-align: left;
  letter-spacing: 0.2em;
}

.cfc12 {
  height: 50px;
  border: 0;
  background: #FFFFFF;
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  width: 100%;

  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  display: flex;
  align-items: center;
  color: #5D5D5D;
  text-align: left;
}

.cfc12:disabled::-webkit-input-placeholder {
  color: #ADADAD;
}

.btn_ms_submit:disabled {
  background: #EBEBEB;
  color: #ADADAD;
  opacity: 1;
}

.btn_login {
  margin: 0;
  border: 0;
  height: 40px;
  width: 92px;
  background: #FFF;
  border-radius: 20px;
  font-weight: 600;
  font-size: 12px;
  line-height: 140%;
  text-align: center;
  color: #CB6171;
}

.dheader {
  height: 60px;
  border: 0;
}

.lh0 {
  line-height: 0;
}

.treesisters_desc {
  background: #FFFFFF;
  opacity: 0.9;
  border-radius: 10px;
  padding: 40px 30px;
  width: 295px;
  margin: 32px auto auto auto;
}

.img_treesisters {
  margin-top: 26px;
}

.mhvh_treesisters {
  min-height: 90vh;
}

.faq_title {
  padding: 40px 10px 18px 10px;
  /* margin: 6rem 0 0 0; */
}

.faq_category {
  margin: 30px 0 25px 0;
}

/* faq accordion  */
#accordion_faq .panel-default>.panel-heading {
  background: transparent;
  border: 0;
  /* padding: 0 0 16px 0; */
  padding: 0;
}

#accordion_faq.panel-group .panel {
  border: 0;
  box-shadow: unset;
}

#accordion_faq .panel-default {
  background: transparent;
}

#accordion_faq .panel-title>a:after {
  content: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/v1_3/accordion_down_peach.svg);
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  bottom: 0;
}

#accordion_faq .panel-title>a[aria-expanded="true"]:after {
  content: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/v1_3/accordion_up_peach.svg);
}

#accordion_faq .panel-body {
  padding: 15px 0 4px 0 !important;
}

/* /faq accordion  */

.divider_01 {
  border: 1px solid #DADADA;
  margin: 16px 0 15px 0;
}

.divider_02 {
  border: 1px solid #DADADA;
  margin: 20px 0 11px 0;
}

.btn_faq {
  margin: 0;
  border: 0;

  height: 50px;
  width: 100%;
  background: #1092A7;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 5px;

  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  /* identical to box height */
  text-align: center;
  color: #FFFFFF;
}

.footer_faq {
  bottom: 0;
  background: #FFFFFF;
  box-shadow: 0px -1px 8px rgba(0, 0, 0, 0.2);
  padding: 20px;
}

.bg_chathams_blue {
  background: #13547A !important;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25) !important;
}

.content_top {
  /* margin-top: 6rem; */
  padding-top: 40px;
}

/* wisdom points tabs */
.wisdom_points_nav_tabs {
  margin-bottom: 20px;
  color: #FFF;
  border: 0;
}

.wisdom_points_nav_tabs>li.active>a,
.wisdom_points_nav_tabs>li.active>a:focus,
.wisdom_points_nav_tabs>li.active>a:hover {
  border-bottom: 2px solid #E58D82 !important;
  border: 0;
  background: transparent;
  color: #E58D82;
}

.wisdom_points_nav_tabs>li {
  margin-bottom: 0px;
  width: 50%;
  margin-bottom: -2px;
  border: 0 !important;
}

.wisdom_points_nav_tabs>li>a {
  border: 0;
  padding: 0 0 15px 0;
  text-align: center;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

/* /wisdom points tabs */

.wpts_date {
  margin: 0 0 7px 0;
}

.hr_style_14 {
  border: 1px solid #EBEBEB;
  margin: 18px 0 20px 0;
}

.absolute_rwpts {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rwpts_index_title {
  margin: 20px 0 15px 0;
}

.rwpts_index_view_history {
  margin: 12px 0 20px 0;
}

/* wisdom points redeem tiles  */
.img_rwpts {
  border-radius: 20px 20px 0 0;
  width: 100%;
}

.rwpts_panel.panel-default {
  background-color: transparent;
  border: 0;
  border-radius: 20px;
  box-shadow: unset;
}

.rwpts_panel.panel-default>.panel-heading {
  background-color: transparent;
  border-color: unset;
  border: 0;
  padding: 0;
  margin: 0;
}

.rwpts_panel .panel-body {
  /* background: white; */
  background: #120F40;
  padding: 16px 18px 17px 18px !important;
  border-radius: 0 0 20px 20px;
}

/* /wisdom points redeem tiles */

.hr_style_15 {
  border: 1px solid #EBEBEB;
  margin: 20px 0 20px 0;
}

.img_rwpts_hwp_02 {
  margin-top: 20px;
}

.mb3px {
  margin-bottom: 3px;
}

.pvalidity {
  padding: 0 0 0 20px;
}

.brwpts {
  border-right: 1px solid rgba(255, 255, 255, 0.10);
}

.highlights {
  margin: 0 0 20px 0;
}

.highlights_desc {
  margin: 0 0 15px 0;
}

.highlights_ol {
  padding-left: 1.5rem;
}

.tandc_ul {
  padding-left: 2.5rem;
}

.tandc {
  margin: 10px 0 20px 0;
}

.onscrollbg_transparent_active {
  background: #FFFFFF;
  margin: 0;
  box-shadow: 0px 2px 2px rgb(0 0 0 / 10%);
  border: 0;
}

.rwpts_discount {
  margin: 0 0 18px 0;
  text-align: center;
}

.hr_style_16 {
  border: 1px solid #DADADA;
  margin: 18px 0 20px 0;
}

.discount_redeemed {
  background: #FFFFFF;
  box-shadow: 0px 0px 10px rgb(0 0 0 / 25%);
  border-radius: 10px;
  padding: 20px;
  margin: 20px 10px 38px 10px;
}

.mlr-20px {
  margin-left: -20px;
  margin-right: -20px;
}

.onscrollbg_montecarlo_active {
  background: #70C6BD;
  margin: 0;
  box-shadow: 0px 2px 2px rgb(0 0 0 / 10%);
  border: 0;
}

.modal_bottom_outer {
  height: 100vh;
  position: relative;
}

.modal_bottom_inner {
  position: absolute;
  bottom: 0;
  /* top: 0; */
  right: 0;
  left: 0;
  margin: 0 auto;
}

/* modal - redeem */
.modal.fade.in .redeem {
  /* bottom: 0; */
  opacity: 1;
}

.redeem {
  position: relative;
  /* bottom: -250px;
  margin: 90% auto 0;   */
  width: 100%;
  height: auto;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
  transition: opacity 0.3s ease-out, bottom 0.3s ease-out;

  background: #EBEBEB;
  box-shadow: 0px -1px 4px rgba(0, 0, 0, 0.25);
  border: 0;
  border-radius: 0;
  padding: 27px 20px 30px 20px;
  min-height: 200px;
}

@media (min-width: 1200px) {
  .redeem {
    min-height: 250px;
  }
}

/* /modal - redeem */

.btn_rwpts_cancel {
  border: 0;
  margin: 0;

  height: 50px;
  width: 100%;
  background: #FFFFFF;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 5px;

  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  /* identical to box height */
  text-align: center;
  color: #5D5D5D;
}

.btn_rwpts_confirm {
  border: 0;
  margin: 0;

  height: 50px;
  width: 100%;
  background: #1092A7;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 5px;

  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  /* identical to box height */
  text-align: center;
  color: #FFFFFF;
}

.btn_rwpts_got_it {
  border: 0;
  margin: 0;

  height: 50px;
  background: #1092A7;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 5px;

  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  /* identical to box height */
  text-align: center;
  color: #FFFFFF;
}

.mreward_title {
  margin: 0 0 6px 0;
}

.rcancel_confirm {
  margin: 52px 0 0 0;
}

.as_main_title {
  margin: 0 0 26px 0;
}

.as_code_desc {
  margin: 30px 0 32px 0;
}

.as_activate_now {
  margin: 0 0 41px 0;
}

.as_code_invalid {
  margin: 30px 0 85px 0;
}

.as_successful {
  margin: 23px 0 24px 0;
}

.as_remember_me {
  margin: 20px 0 142px 0;
}

.as_continue_dashboard {
  padding: 0 0 21px 0;
}

.as_congratulations {
  margin: 25px 0 385px 0;
}

.as_diff_user_01 {
  margin: 23px 0 5px 0;
}

.as_diff_user_02 {
  margin: 5px 0 32px 0;
}

.as_code_desc_logged_in {
  margin: 0 0 52px 0;
}

.cfc13::-webkit-input-placeholder {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal !important;
  font-size: 12px;
  line-height: 14px;
  display: flex;
  align-items: center;
  color: #5D5D5D;
  text-align: left;
  letter-spacing: 0;
}

.cfc13 {
  height: 50px;
  border: 0;
  background: #FFFFFF;
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  width: 100%;

  /* font-family: Roboto; */
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  display: flex;
  align-items: center;
  color: #5D5D5D;
  text-align: left;
  /* letter-spacing: 0.2em; */
}

.cfc13:disabled {
  background: rgba(255, 255, 255, 0.75);
}

.modal {
  padding: 0 !important;
  overflow: overlay !important;
}

.index_rwst_title {
  margin: 0px 0 25px 0;
}

.index_rwst {
  margin: 0 -10px 0 -10px;
}

.absolute_index_rwst_title {
  position: absolute;
  bottom: 11px;
  right: 20px;
  left: 20px;
  margin: 0 auto;
}

.img_index_rwst {
  border-radius: 10px;
}

.index_rwst_view_more {
  margin: 26px 0 315px 0;
}

.mb20px {
  margin-bottom: 20px;
}

.me_box .txt22 {
  color: #FFFFFF !important;
}

.me_continue_msg {
  margin: 40px 0 37px 0;
}

.me_orm {
  margin: 40px 0 13px 0;
  padding: 0 10px;
}

.me_rtd {
  margin: 30px 0 43px 0;
}

.col_orm {
  position: relative;
  margin-bottom: 10px;
  padding: 0 5px 0 5px;
}

.img_orm {
  border-radius: 5px;
  width: 100%;
}

.div_orm {
  margin: 0 5px 0 5px;
}

.me_next_module {
  padding: 0 20px;
}

.me_continue_msg_videos {
  margin: 41px 0 21px 0;
  padding: 0 10px 0 10px;
}

.mev_rws {
  margin: 29px 0 17px 0;
}

.mev_rtd {
  margin: 50px 0 61px 0;
}

.mev_rwst {
  margin: 0 10px 0 10px;
}

.as_unregistered {
  margin: 30px 0 145px 0;
}

.as_registered {
  margin: 32px 0 20px 0;
}

.as_register_login {
  margin: 0px 0 132px 0;
}

.as_register_login_input {
  margin: 18px 0 12px 0;
}

.otp_username {
  margin: 39px 0 26px 0;
}

.otp_desc {
  margin: 50px 0 25px 0;
}

.otp_rvc {
  margin: 30px 0 22px 0;
}

.as_confirm_otp {
  margin: 120px 0 41px 0;
}

.as_submit_login {
  margin: 140px 0 41px 0;
}

.btn_as_sl {
  margin: 0;
  border: 0;

  height: 40px;

  background: #FFFFFF;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  padding: 10px 16px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cfc14::-webkit-input-placeholder {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal !important;
  font-size: 12px;
  line-height: 14px;
  display: flex;
  align-items: center;
  color: #ADADAD;
  text-align: left;
  letter-spacing: 0;
}

.cfc14 {
  height: 50px;
  border: 0;
  background: #FFFFFF;
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  width: 100%;

  /* font-family: Roboto; */
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  display: flex;
  align-items: center;
  color: #5D5D5D;
  text-align: left;
  /* letter-spacing: 0.2em; */
}

.cfc14:disabled {
  background: rgba(255, 255, 255, 0.75);
}

.cfc14:disabled::-webkit-input-placeholder {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  display: flex;
  align-items: center;
  color: #5D5D5D;
  text-align: left;
}

.as_orw_01 {
  margin: 20px 0 16px 0;
}

.as_aru_01 {
  margin: 27px 0 30px 0;
}

.as_orw_02 {
  margin: 30px 0 16px 0;
}

.as_aru_02 {
  margin: 27px 0 199px 0;
}

.as_submit_01,
.as_continue_dashboard {
  /* padding: 0 0 21px 0; */
  /* position: fixed;
  bottom: 21px;
  right: 0;
  left: 0;
  margin: 0 auto; */
  padding: 0 0px 21px 0px;
  position: fixed;
  bottom: 0;
  right: 20px;
  left: 20px;
  margin: 0 auto;
  background: #1092A7;
}

/* activate subscription modal */
.modal.fade.in .mactivate_subscription_01 {
  /* bottom: 0; */
  opacity: 1;
}

.mactivate_subscription_01 {
  position: relative;
  /* bottom: -250px;
  margin: 90% auto 0;   */
  width: 100%;
  height: auto;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
  transition: opacity 0.3s ease-out, bottom 0.3s ease-out;

  background: #1092A7;
  box-shadow: 0px -1px 4px rgb(0 0 0 / 25%);
  border: 0;
  border-radius: 0;
  padding: 20px 20px 70px 20px;
  /* min-height: 500px; */

  /* height: 70rem; */
  overflow-y: overlay;
}

@media (min-width: 1200px) {
  .mactivate_subscription_01 {
    /* min-height: 250px; */
  }
}

/* /activate subscription modal */

.as_diff_user_code {
  /* margin: 5px 0 160px 0; */
  margin: 5px 0 32px 0;
}

.as_code_desc_logged_in_01 {
  margin: 0 0 76px 0;
}

.pl2rem {
  padding-left: 2rem;
}

.faq_question {
  width: 95%;
}

.ls_connect_with {
  margin: 63px 0 14px 0;
}

.ls_or_login {
  margin: 40px 0 47px 0;
}

.ls_or_signup {
  margin: 40px 0 32px 0;
}

.btn_ls_login {
  margin: 106px 0 21px 0;
}

.btn_ls_signup {
  margin: 21px 0 0 0;
}

.ls_forgot_password {
  margin: 0 0 73px 0;
}

.ls_already_user {
  margin: 30px 0 65px 0;
}

.btn_login_signup:active:hover,
.btn_login_signup:focus,
.btn_login_signup:hover,
.btn_login_signup:visited {
  /* background: #FFFFFF; */
  color: #ADADAD;
}

.btn_scan_ios {
  padding: 10px;
  border: 0;
  height: 50px;
  border-radius: 5px;
  /* width: 100%; */
  margin-right: 0;
  margin-bottom: 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.welcome_hw {
  margin: 56px 0 33px 0;
}

.affiliate_discount {
  margin-right: -20px;
  margin-left: -20px;
  background: #FFC455;
  padding: 17px 40px 23px 40px;
}

.aff_connect_with {
  margin: 38px 0 14px 0;
}

.fnavbar {
  position: fixed;
  background: #FFFFFF;
  width: 100%;
  z-index: 99;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
}

.ch_activation_code {
  padding: 4px 0 20px 0;
}

.cont_where_u_left {
  margin-top: 30px;
  margin-bottom: 30px;
}

.cmr-10px {
  margin-right: -10px;
}

.gsn {
  margin-top: 2px;
  margin-bottom: 5px;
}

.progress_sgp {
  bottom: 8px;
  left: 0px;
  width: 75%;
}

.davy-s_grey {
  color: #5D5D5D !important;
}

.bookmark_module_title {
  margin: 40px 0 22px 0;
}

.project_get_involved {
  margin: 50px 0 29px 0;
}

.project_mail_to {
  margin: 26px -15px 72px -15px;
}

.project_social_icons {
  margin: 18px 0 60px 0;
}

.project_rights_reserved {
  margin: 0 0 16px 0;
}

.cfc8:focus {
  border-bottom: 1px solid rgba(255, 255, 255, 0.50);
}

.cmr-20pxi {
  margin-right: -20px !important;
}

.lh0pxi {
  line-height: 0px !important;
}

.onscrollbs_active {
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
}

.search_01 {
  margin-top: -5px;
}

.searchtxt:focus::placeholder {
  color: transparent !important;
}

/* #inputSuccess2::-webkit-input-placeholder
{
  font-size: 14px !important;
} */

.ws_view_more {
  margin: 1rem 0 10rem 0;
}

.ws_view_more .panel-default {
  background: transparent;
}

.onscrollws_active {
  /* background: #FFFFFF !important;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25) !important; */
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
}

.ellipsis {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
}

.pr0pxi {
  padding-right: 0 !important;
}

.mr0pxi {
  margin-right: 0 !important;
}

.pr5pxi {
  padding-right: 5px !important;
}

.absolute_05 {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
}

.aths {
  margin: 30px 0 0 0;
}

.img_aths {
  margin: 0px 0 0px 0;
}

a {
  cursor: pointer !important;
}

.fp_ml {
  margin-left: 1px;
}

/* coach ui */
.img_coach {
  margin: 5px -10px 0 -10px;
}

/* coach checkbox */
.coach_check>input[type="checkbox"] {
  display: none;
}

.coach_check>input[type="checkbox"]+*::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  width: 2rem;
  height: 2rem;
  border: 0;
  border-radius: 2px;
  background: #EBEBEB;
  box-shadow: inset 1px 1px 2px rgb(0 0 0 / 25%);
}

.coach_check>input[type="checkbox"]:checked+* {
  color: #1393A8;
}

.coach_check>input[type="checkbox"]:checked+*::before {

  background: #EBEBEB url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/icons/tickmark_grey.svg) 5px 6px no-repeat;
  border-color: #1393A8;
  border-radius: 1px;
}

/* /coach checkbox */

.td_underline {
  text-decoration: underline;
}

.btn_coach_continue {
  height: 60px;
  background: #FFC455;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  border: 0;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  color: #5D5D5D;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1px;
}

.coach_pt {
  padding-top: 8rem !important;
}

.coach_ab_img_txt {
  position: absolute;
  padding: 0 20px;
  top: 10%;
}

.t5p {
  top: 5%;
}

.btn_coach_vaa {
  height: 60px;
  background: #FFC455;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  border: 0;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  color: #5D5D5D;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1px;
  margin-top: 2rem;
}

.coach_fc {
  background: #EBEBEB;
  border-radius: 5px;
  height: 60px;
  text-align: left;
  border: 0;
  box-shadow: unset;
}

.coach_fc::-webkit-input-placeholder {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  display: flex;
  align-items: center;

  color: #5D5D5D;
}

/* switch button */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px !important;
  width: 26px !important;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked+.slider {
  background-color: #ffc455;
}

input:focus+.slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50% !important;
  background: #ffffff !important;
  border: 0;
}

/* /switch button */

.ml10px {
  margin-left: 10px;
}

.mlr3px {
  margin: 0 3px;
}

.mr3px {
  margin-right: 3px;
}

.coach_dir_user {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  display: flex;
  justify-content: center;
}

.btn_dir_user {
  margin: 0;
  padding: 2px 10px;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  line-height: 130%;
  /* identical to box height, or 13px */
  display: flex;
  align-items: center;
  text-align: center;
  color: #000000;
}


@media (max-width: 320px) {
  .coach_dir_img {
    height: 200px;
  }
}

.ca_header {
  background: #4491A5;
  margin: 5px -10px;
}

.plr20px {
  /* padding: 0 20px !important; */
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.ca_day {
  margin: 10px 0 5px 0;
}

.btn_join_now {
  height: 40px;
  border: 0;
  margin: 0;
  background: #F55858;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 5px;

  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  /* identical to box height */
  text-align: center;
  color: #FFFFFF;
}

.btn_modify_cancel {
  height: 40px;
  border: 0;
  margin: 0;
  background: #DADADA;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 5px;

  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  /* identical to box height */
  text-align: center;
  color: #5D5D5D;
}

.btn_schedule_now {
  height: 40px;
  border: 0;
  margin: 0;
  background: #FFC455;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 5px;

  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  /* identical to box height */
  text-align: center;
  color: #5D5D5D;
}

.mtb5px {
  margin: 5px 0;
}

.btn_apply {
  height: 40px;
  margin: 0;
  background: #FFC455;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 5px;

  /* font-family: Roboto; */
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
  /* identical to box height */
  text-align: center;
  color: #5D5D5D;
}

.cdf_select {
  background: #EBEBEB;
  border-radius: 5px;
  border: 0;
  height: 40px;
  width: 40%;
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.25);
}

.preferred_location_to {
  margin: 0 10px;
}

.preferred_location_ist {
  margin: 0 0 0 20px;
}

.hr_style_5 {
  border: 1px solid #DADADA;
  margin: 20px 10px;
}

.pl0px {
  padding-left: 0px;
}

.ml-5px {
  margin-left: -5px;
}

.coach_radio_btns input[type=radio] {
  margin: 0;
}

.cdf_select_cf {
  background: #EBEBEB;
  border-radius: 5px;
  border: 0;
  height: 40px;
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.25);
}

.btn_cdf {
  height: 30px;
  margin: 0;
  border: 1px solid #DADADA;
  box-sizing: border-box;
  border-radius: 15px;

  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  text-align: center;

  margin: 0 10px 10px 0;
}

.txt_transform_uc {
  text-transform: uppercase;
}


.btn_cdf:hover,
.btn_cdf:focus,
.btn_cdf:active {
  background: #FFC455;
  border: 1px solid #FFC455;
  border-radius: 15px;
}

.btn_book_here {
  height: 40px;
  margin: 5px 0 0 0;
  background: #FFC455;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  border: 0;

  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  /* identical to box height */
  text-align: center;
  color: #000000;
}

.btn_book_free_trial {
  height: 30px;
  /* margin: 10px 0 0 0; */
  margin: 1px 0 0 0;
  background: #4491A5;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  border: 0;

  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  /* identical to box height */
  text-align: center;
  color: #FFFFFF;
}

.pt15px {
  padding-top: 15px;
}

.mb15px {
  margin-bottom: 15px !important;
}

.pt10pxi {
  padding-top: 10px !important;
}

.btn_vaas {
  margin: 0px;
  border: 0;
  height: 60px;
  background: #FFC455;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  border-radius: 5px;

  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  /* identical to box height */
  text-align: center;
  color: #5D5D5D;
}

.coach_fc_01 {
  background: #EBEBEB;
  box-shadow: inset 1px 1px 2px rgb(0 0 0 / 10%);
  border-radius: 5px;
  height: 50px;
  text-align: left;
  width: -webkit-fill-available;
  font-size: 12px;
}

.coach_fc_01::-webkit-input-placeholder {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  color: #5D5D5D;
}

.btn_save_later {
  margin: 0;
  border: 0;
  height: 60px;
  background: #ADADAD;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 5px;

  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  color: #FFFFFF;
}

.coach_fc_fl {
  border-right: 1px solid #ADADAD !important;
  left: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60%;
  width: 15%;
  margin: 12px 0 !important;

  /* font-family: Roboto; */
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  display: flex;
  align-items: center;
  color: #5D5D5D;
}

.feedback_left {
  padding-left: 50px;
}

.txt_chat {
  position: absolute;
  top: 11px;
  right: 12px;
  left: 0;
  margin: 0 auto;
  color: white;
}

.absolute_anchor {
  position: absolute;
  top: 0;
  right: 0;
}

.year_month {
  margin: 0 0px 0 -10px;
}

.btn_upload {
  height: 50px;
  border: 0;
  margin: 0;
  background: #ADADAD;
  box-shadow: 1px 1px 2px rgb(0 0 0 / 25%);
  border-radius: 5px;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: #FFFFFF;
}

.dinline_flex {
  display: inline-flex;
}

/* coach checkbox */
.pcoach_check>input[type="checkbox"] {
  display: none;
}

.pcoach_check>input[type="checkbox"]+*::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  width: 2.5rem;
  height: 2rem;
  border: 0;
  border-radius: 2px;
  background: #EBEBEB;
  box-shadow: inset 1px 1px 2px rgb(0 0 0 / 25%);
}

.pcoach_check>input[type="checkbox"]:checked+* {
  color: #1393A8;
}

.pcoach_check>input[type="checkbox"]:checked+*::before {

  background: #EBEBEB url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/icons/tickmark_grey.svg) 5px 6px no-repeat;
  border-color: #1393A8;
  border-radius: 1px;
}

/* /coach checkbox */

.coach_fc_02 {
  height: 30px;
  border: 0;
  margin: 0;
  background: #EBEBEB;
  border-radius: 5px;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: #5D5D5D;
}

.row_bg_01 {
  background: #DADADA;
}

/* coach side accordion */
.coach_accordion>.panel-heading {
  background: #EBEBEB;
  border: 0;
  box-shadow: unset;
  border-radius: 0;
}

#coach_accordion .panel {
  border-radius: 0 !important;
  border: 0;
  box-shadow: unset;
}

.coach_accordion .panel-title {
  padding: 0 10px;
}

.coach_accordion .panel-body {
  border-bottom: 1px solid #DADADA;
  background: #F5F5F5;
}

/* /coach side accordion */

.tn_coach_side {
  background: #4491A5;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
}

>>>>>>>af77f48c78c01330023343247f1137cd1deb8eb6 .mb55px {
  margin-bottom: 55px !important;
}

.mb36px {
  margin-bottom: 36px;
}

<<<<<<< HEAD .fs_15px {
  font-size: 15px;
}

=======>>>>>>>af77f48c78c01330023343247f1137cd1deb8eb6 .mb119px {
  margin-bottom: 119px;
}

.mtb40px {
  margin: 40px 0;
}

<<<<<<< HEAD

/* font weight */
.fw_300 {
  font-weight: 300;
}

.fw_400 {
  font-weight: 400;
}

.fw_500 {
  font-weight: 500;
}

.fw_600 {
  font-weight: 600;
}

.fw_700 {
  font-weight: 700;
}

.tcenter {
  text-align: center !important;
  text-align: -webkit-center !important;
}

.lh_120p {
  line-height: 120%;
}

.lh_125p {
  line-height: 125%;
}

.lh_130p {
  line-height: 130%;
}

.lh_140p {
  line-height: 140%;
}

.lh_150p {
  line-height: 150%;
}

.lh_180p {
  line-height: 180%;
}

.lh_14px {
  line-height: 14px;
}

.lh_18px {
  line-height: 18px;
}

=======.mrate_apps {
  margin: 55px 0 16px 0;
}

.lar {
  margin: 41px 0 22px 0;
}

.placeholder_odiv_coach_review {
  position: relative;
  height: 200px;
  z-index: 9;
  border: 1px solid #DADADA;
  box-sizing: border-box;
  /* border-radius: 5px 5px 0 0; */
  border-radius: 5px;
  text-align: left;
  padding: 15px;
}

.placeholder_idiv_coach_review {
  position: absolute;
  top: 4.5rem;
  bottom: 1rem;
  right: 10px;
  left: 10px;
  z-index: 10;
  background: transparent;
  border: 0;
  box-shadow: unset;
  text-align: left;
  height: auto;
  width: 95%;
  margin: auto;
  padding: 15px;
  font-size: 16px;
  color: #5D5D5D;
}

.placeholder_idiv_coach_review:focus,
.placeholder_idiv_coach_review:hover {
  outline: none !important;
  border: 1px solid #DADADA;
  box-shadow: unset;
  background: #ffffff;
  left: 10px;
  right: 10px;
  /* top: 0;
  bottom: 0;
  width: 94%;
  border: 1px solid #DADADA; */
  top: 10px;
  bottom: 25px;
  width: 93%;
  border: 0;
  box-sizing: border-box;
  border-radius: 5px;
  text-align: left;
  padding: 25px 15px;

  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: #5d5d5d;
}

.dcontents {
  display: contents;
}

/* /coach ui */

h1 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.fa_post {
  font-size: 14px;
}

.ws_dnone {
  display: none;
}

.ws_dblock {
  display: block;
}

.btn_pfy {
  height: 50px;
  width: 100%;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid #FFFFFF;
  box-sizing: border-box;
  border-radius: 25px;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  color: #FFFFFF;
  margin: 0;
}

.btn_pfy:hover,
.btn_pfy:focus,
.btn_pfy_next:hover,
.btn_pfy_next:focus,
.btn_subscription_options:hover,
.btn_subscription_options:focus,
.btn_subscription_options:active {
  /* background: #FFFFFF;
  border: 1px solid #FFFFFF;
  color: #000000 !important; */
  background: #FFFFFF !important;
  border: 1px solid #FFFFFF;
  color: #000000 !important;
  filter: unset !important;
  opacity: 1;
}

.btn_subscription_options:hover .txt151,
.btn_subscription_options:hover .txt283,
.btn_subscription_options:focus .txt151,
.btn_subscription_options:focus .txt283 {
  color: #000000 !important;
}

.btn_pfy_next {
  margin: 0;
  width: 60px;
  height: 60px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.5);
  padding: 0;
}

.mpfy {
  margin: 104px 0 18px 0;
}

.mpfy_topics {
  margin: 0 0 55px 0;
}

.mpfy_next {
  margin: 51px 0 40px 0;
}

.btn_subscription_options {
  height: 60px;
  width: 100%;
  background: #FFF;
  border-radius: 16px;
  text-align: left;
  padding: 20px;
  white-space: normal;
  display: flex;
  align-items: center;
  border: 0 !important;
}

.psubscription_options {
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
}

.best_value {
  height: 24px;
  background: #FFC455 !important;
  border-radius: 2px;
  border: 0;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  text-align: center;
  color: #000000;
  position: absolute;
  top: -10px;
  bottom: 0;
  left: 31px;
  padding: 5px 10px;
  z-index: 1;
}

.subscription_cancel {
  margin: 20px 0 34px 0;
}

.already_subscription_code {
  margin: 40px 0 75px 0;
}

.mdp_header {
  background: #70C6BD;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
  height: 60px;
  display: flex;
  align-items: center;

  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: 99;
}

.bg_mdp {
  background: #F5F5F5 !important;
  /* height: 100vh; */
}

.mdp_icon {
  margin: 36px 0 19px 0;
}

.mdp_audio {
  margin: 0 0 45px 0;
}

#mdp_carousel .carousel-inner>.item {
  height: auto;
}

#ic_carousel .carousel-indicators {
  /* position: absolute;
  bottom: -24px; */
  position: fixed;
  /* bottom: 12%; */
  right: 0;
  left: 0;
  margin: 0 auto;
  padding: 0;
  /* display: flex;
  justify-content: center;
  align-items: center; */
  /* width: 100% !important; */
}

#mdp_carousel .carousel-indicators {
  /* position: fixed;
  bottom: 0 !important;
  right: 0;
  left: 0;
  margin: 0 auto;
  padding: 0;
  width: 100% !important; */
}

#mdp_carousel .fctray_gqtns {
  padding: 0 20px 130px 20px;
}

#mdp_carousel .carousel-indicators .active .mfooter .carousel-indicators .active {
  width: 24px;
  height: 8px;
  margin: 0 2.5px;
  background-color: #FFFFFF;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  border: 0;
}

#mdp_carousel .carousel-indicators li,
.mfooter .carousel-indicators li {
  width: 8px;
  height: 8px;
  margin: 0 2.5px;
  background: rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  border: 0;
}

.we_carousel .carousel-indicators {
  bottom: 22% !important;
}

/* #mdp_carousel .carousel-control.left,
#mdp_carousel .carousel-control.right
{
  display: none;
} */

/* #mdp_carousel .carousel-control.left
{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 75vh;
}

#mdp_carousel .carousel-control.right
{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 75vh;
}

#mdp_carousel .glyphicon-chevron-left:before,
#mdp_carousel .glyphicon-chevron-right:before
{
  color: #5d5d5d;
} */

.mdp_add_to_journal {
  margin: 0;
  border: 0;
  height: 50px;
  width: 100%;
  border-radius: 100px;
  background: #E58D82;
  font-size: 15px;
  font-weight: 600;
  line-height: 150%;
  color: #FFF;
}

.mdp_answer_here {
  height: 163px;
  width: 100%;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: #120F40;
  padding: 20px;
  font-size: 15px;
  font-weight: 400;
  line-height: 140%;
  color: rgba(255, 255, 255, 0.70);
}

.mdp_answer_here::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.70);
}

.mdp_answer_here:focus {
  color: #FFF;
  outline: none;
}

.flex_jc_center {
  display: flex;
  justify-content: center;
}

.mdp_quotation {
  margin: 20px 0 30px 0;
}

.mdp_author {
  margin: 24px 0 0 0;
}

.mdp_hr {
  border: 1px solid #000000;
  margin: 0px;
}

.header_pfy {
  height: 60px;
  border: 0;
  /* filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.1)); */
  box-shadow: 0 2px 2px rgb(0 0 0 / 10%);
  margin-top: 6rem;
}

.dpanel_01>.panel-heading {
  height: unset;
  /* padding: 16px 10px!important;   */
  /* padding: 40px 10px 16px 10px!important; */
  padding: 0px 20px 15px 20px !important;
}

.dpanel_01_ext>.panel-heading,
.dpanel_01_ext .panel-body.aepanel {
  padding: 0 0 15px 0 !important;
}

.dpanel_01_ext .panel-body.aepanel {
  margin: 0 !important;
}

.dpanel_01 .dpaneltitle>a:after {
  display: none
}

.mt20p {
  margin-top: 20%;
}

.mdpd_title {
  margin: 11px 0 0 0;
  /* white-space: break-spaces; */
  white-space: initial;
  word-wrap: break-word;
}

.btn_mdpd_pfy {
  margin: 0;
  border: 0;

  height: 60px;
  background: linear-gradient(180deg, #61C0C0 0%, #4491A5 100%);
  border-radius: 10px;

  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  text-align: center;
  color: #FFFFFF;
  width: 100%;
}

.mdpd_pfy {
  /* margin: 37px 0 0 0; */
  margin: 37px -10px 0 -10px;
}

.btn_mdpd_tray {
  /* margin: 0; */
  /* margin: 0 0 10px 0; */
  margin: 0 10px 10px 0;
  border: 0;

  height: 40px;
  background: #FFFFFF;
  border: 1px solid #5D5D5D;
  border-radius: 20px;

  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: #000000;

  padding: 11px 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mdpd_tray {
  margin: 40px -10px 0 0;
  /* margin: 40px 0px 0 10px; */
  /* margin: 40px 0px 0 0; */
}

.dmdpd_tray {
  margin: 40px 10px 0 10px;
}


.tray_btns {
  width: 100%;
  overflow: hidden;
  overflow-x: scroll;
  /* display: grid; */
  /* grid-template-columns: repeat(5, auto); */
  /* grid-gap: 10px; */
  /* grid-gap: 0 10px; */
}

.ghn {
  display: block;
  overflow-x: auto;
  white-space: nowrap;
  padding-bottom: 5px;
}

.ghn>.col-xs-4,
.ghn>.col-sm-4,
.ghn>.col-md-4,
.ghn>.col-lg-4 {
  /* width: auto !important; */
  padding: 0 5px;
  vertical-align: top;
}

@media (min-width: 1024px) {
  .ghn::-webkit-scrollbar {
    display: block;
  }
}

/* entire scrollbar */
.ghn::-webkit-scrollbar {
  /* width: 12px; */
  height: 5px;
}

/* track area */
.ghn::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, .1);
}

/* scroll thumb */
.ghn::-webkit-scrollbar-thumb {
  background-color: lightslategrey;
  border-radius: 0;
  border: 0;
}

.tile_title {
  margin-top: 8px;
  margin-bottom: 0px;
}

.pl0pxi {
  padding-left: 0 !important;
}

.ws_initial {
  white-space: initial;
}

.life_stories {
  white-space: initial;
  background: #FFFFFF;
  box-shadow: 1px 1px 4px rgb(0 0 0 / 25%);
  border-radius: 10px;
  /* margin: 5px 10px 5px 0; */
  /* margin: 5px 10px 0 0; */
  margin: 0px 10px 0 0;
}

.dlife_stories {
  white-space: initial;
  background: #FFFFFF;
  box-shadow: 1px 1px 4px rgb(0 0 0 / 25%);
  border-radius: 10px;
  margin: 5px 0 5px 10px;
  width: 95%;
  padding-left: 0;
}

.dinline_box {
  display: -webkit-inline-box;
  display: inline-block;
}

.lww {
  display: grid;
  grid-template-columns: repeat(6, 42%);
  /* grid-template-columns: repeat(8,42%); */
  /* grid-gap: 10px; */
  grid-gap: 7px 0px;
}

.lww>.col-xs-4,
.lww>.col-sm-4,
.lww>.col-md-4,
.lww>.col-lg-4 {
  width: 100%;
}

.lww>.col-xs-6,
.lww>.col-sm-6,
.lww>.col-md-6,
.lww>.col-lg-6 {
  width: 100%;
  margin-bottom: 3px;
}

@media (min-width: 1200px) {

  .lww>.col-xs-4,
  .lww>.col-sm-4,
  .lww>.col-md-4,
  .lww>.col-lg-4 {
    /* width: 20% */
    /* width: 30%; */
    width: 100%;
  }

  .lww>.col-xs-6,
  .lww>.col-sm-6,
  .lww>.col-md-6,
  .lww>.col-lg-6 {
    /* width: 23%; */
    /* width: 30%; */
    width: 100%;
  }

  .lww {
    /* grid-template-columns: repeat(9,30%); */
    grid-template-columns: repeat(6, 30%);
  }
}

/* carousel multiple items increment by 1 */
.dc .carousel-control,
.dcctrl .carousel-control {
  width: 4%;
  background-image: none;
}

.dc .carousel-control.left,
.dcctrl .carousel-control.left {
  /* margin-left: 0; */
  margin-left: -45px;
}

.dc .carousel-control.right,
.dcctrl .carousel-control.right {
  /* margin-right: 0; */
  margin-right: -45px;
}

.dcctrl .carousel-indicators {
  display: none;
}

.dc .carousel-control .glyphicon-chevron-left,
.dc .carousel-control .glyphicon-chevron-right,
.dc .carousel-control .icon-next,
.dc .carousel-control .icon-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  display: flex;
  z-index: 5;
  display: inline-block;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
}

.dc .carousel-control .fa-angle-left,
.dc .carousel-control .fa-angle-right,
.dcctrl .carousel-control .fa-angle-left,
.dcctrl .carousel-control .fa-angle-right {
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  /* color: black; */
  color: #FFFFFF;
  font-size: 4rem;
  border: 0;
}

.dc .carousel-inner .item,
.dc .carousel-inner .item.active,
.dc .carousel-inner .item img {
  margin: auto;
  padding: 0px;
  width: 100%;
}

.carousel-inner>.item

/* .c4_ls .carousel-inner>.item  */
  {
  height: auto;
}

.dc .cloneditem-1,
.dc .cloneditem-2,
.dc .cloneditem-3 {
  display: none;
}

/* .carousel .item .col-xs-12
{
  padding: 0;
} */

/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
  .dc .carousel .item .col-xs-12:nth-last-child(-n+2) {
    display: none;
  }
}

@media all and (min-width: 768px) {

  .dc .carousel-inner>.active.left,
  .dc .carousel-inner>.prev {
    left: -50%;
  }

  .dc .carousel-inner>.active.right,
  .dc .carousel-inner>.next {
    left: 50%;
  }

  .dc .carousel-inner>.left,
  .dc .carousel-inner>.prev.right,
  .dc .carousel-inner>.active {
    left: 0;
  }

  .dc .carousel-inner .cloneditem-1 {
    display: block;
  }
}

@media all and (min-width: 768px) and (transform-3d),
all and (min-width: 768px) and (-webkit-transform-3d) {

  .dc .carousel-inner>.item.active.right,
  .dc .carousel-inner>.item.next {
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
    left: 0;
  }

  .dc .carousel-inner>.item.active.left,
  .dc .carousel-inner>.item.prev {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    left: 0;
  }

  .dc .carousel-inner>.item.left,
  .dc .carousel-inner>.item.prev.right,
  .dc .carousel-inner>.item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
    height: auto;
  }
}

/* c1_w33 */
@media all and (min-width: 992px) {

  .c1_w33 .carousel-inner>.active.left,
  .c1_w33 .carousel-inner>.prev {
    left: -16.6%;
  }

  .c1_w33 .carousel-inner>.active.right,
  .c1_w33 .carousel-inner>.next {
    left: 16.6%;
  }

  .c1_w33 .carousel-inner>.left,
  .c1_w33 .carousel-inner>.prev.right,
  .c1_w33 .carousel-inner>.active {
    left: 0;
  }

  .c1_w33 .carousel-inner .cloneditem-2,
  .c1_w33 .carousel-inner .cloneditem-3 {
    display: block;
  }
}

@media all and (min-width: 992px) and (transform-3d),
all and (min-width: 992px) and (-webkit-transform-3d) {

  .c1_w33 .carousel-inner>.item.active.right,
  .c1_w33 .carousel-inner>.item.next {
    -webkit-transform: translate3d(33%, 0, 0);
    transform: translate3d(33%, 0, 0);
    left: 0;
  }

  .c1_w33 .carousel-inner>.item.active.left,
  .c1_w33 .carousel-inner>.item.prev {
    -webkit-transform: translate3d(-33%, 0, 0);
    transform: translate3d(-33%, 0, 0);
    left: 0;
  }

  .c1_w33 .carousel-inner>.item.left,
  .c1_w33 .carousel-inner>.item.prev.right,
  .c1_w33 .carousel-inner>.item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
    height: auto;
  }
}

/* /c1_w33 */

/* c2_w50 */
@media all and (min-width: 992px) {

  .c2_w50 .carousel-inner>.active.left,
  .c2_w50 .carousel-inner>.prev {
    left: -50%;
  }

  .c2_w50 .carousel-inner>.active.right,
  .c2_w50 .carousel-inner>.next {
    left: 50%;
  }

  .c2_w50 .carousel-inner>.left,
  .c2_w50 .carousel-inner>.prev.right,
  .c2_w50 .carousel-inner>.active {
    left: 0;
  }

  .c2_w50 .carousel-inner .cloneditem-2,
  .c2_w50 .carousel-inner .cloneditem-3 {
    display: block;
  }
}

@media all and (min-width: 992px) and (transform-3d),
all and (min-width: 992px) and (-webkit-transform-3d) {

  .c2_w50 .carousel-inner>.item.active.right,
  .c2_w50 .carousel-inner>.item.next {
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
    left: 0;
  }

  .c2_w50 .carousel-inner>.item.active.left,
  .c2_w50 .carousel-inner>.item.prev {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    left: 0;
  }

  .c2_w50 .carousel-inner>.item.left,
  .c2_w50 .carousel-inner>.item.prev.right,
  .c2_w50 .carousel-inner>.item.active {
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(0%, 0, 0);
    left: 0;
    height: auto;
  }
}

/* /c2_w50 */

/* c3_w100 */
@media all and (min-width: 992px) {

  .c3_w100 .carousel-inner>.active.left,
  .c3_w100 .carousel-inner>.prev {
    left: -100%;
  }

  .c3_w100 .carousel-inner>.active.right,
  .c3_w100 .carousel-inner>.next {
    left: 100%;
  }

  .c3_w100 .carousel-inner>.left,
  .c3_w100 .carousel-inner>.prev.right,
  .c3_w100 .carousel-inner>.active {
    left: 0;
  }

  .c3_w100 .carousel-inner .cloneditem-2,
  .c3_w100 .carousel-inner .cloneditem-3 {
    display: block;
  }
}

@media all and (min-width: 992px) and (transform-3d),
all and (min-width: 992px) and (-webkit-transform-3d) {

  .c3_w100 .carousel-inner>.item.active.right,
  .c3_w100 .carousel-inner>.item.next {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }

  .c3_w100 .carousel-inner>.item.active.left,
  .c3_w100 .carousel-inner>.item.prev {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }

  .c3_w100 .carousel-inner>.item.left,
  .c3_w100 .carousel-inner>.item.prev.right,
  .c3_w100 .carousel-inner>.item.active {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(0%, 0, 0);
    left: 0;
    height: auto;
  }
}

/* /c3_w100 */

/* c1_w33_01 */
@media all and (min-width: 992px) {

  .c1_w33_01 .carousel-inner>.active.left,
  .c1_w33_01 .carousel-inner>.prev {
    left: -16.6%;
  }

  .c1_w33_01 .carousel-inner>.active.right,
  .c1_w33_01 .carousel-inner>.next {
    left: 16.6%;
  }

  .c1_w33_01 .carousel-inner>.left,
  .c1_w33_01 .carousel-inner>.prev.right,
  .c1_w33_01 .carousel-inner>.active {
    left: 0;
  }

  .c1_w33_01 .carousel-inner .cloneditem-2,
  .c1_w33_01 .carousel-inner .cloneditem-3 {
    display: block;
  }
}

@media all and (min-width: 992px) and (transform-3d),
all and (min-width: 992px) and (-webkit-transform-3d) {

  .c1_w33_01 .carousel-inner>.item.active.right,
  .c1_w33_01 .carousel-inner>.item.next {
    -webkit-transform: translate3d(33%, 0, 0);
    transform: translate3d(33%, 0, 0);
    left: 0;
  }

  .c1_w33_01 .carousel-inner>.item.active.left,
  .c1_w33_01 .carousel-inner>.item.prev {
    -webkit-transform: translate3d(-33%, 0, 0);
    transform: translate3d(-33%, 0, 0);
    left: 0;
  }

  .c1_w33_01 .carousel-inner>.item.left,
  .c1_w33_01 .carousel-inner>.item.prev.right,
  .c1_w33_01 .carousel-inner>.item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
    height: auto;
  }
}

/* /c1_w33_01 */

.dc {
  padding: 0 10px;
}

.ip {
  padding: 0 3px;
}

.gtc_2columns {
  grid-template-columns: repeat(2, auto);
}

.gtc_2columns_50p {
  display: grid !important;
  grid-template-columns: repeat(2, 50%);
  grid-gap: 5px 0;
}

#c_lww .ip {
  margin-bottom: 5px;
}

.ic_title {
  /* margin: 57px 0 18px 0; */
  /* margin: 57px 20px 18px 20px; */
  margin: 45px 20px 18px 20px;
  /* display: flex;
  justify-content: center; */
}

/* #ic_carousel
{
  height: 100vh;
} */

#ic_carousel .carousel-inner {
  /* height: 100vh; */
  /* min-height: 100vh;
  overflow: inherit; */
}

#ic_carousel .carousel-inner>.item {
  min-height: 100vh;
  overflow-y: overlay;
  overflow-x: hidden;
  overflow: initial;
}

#ic_carousel .carousel-control {
  /* position: fixed;
  top: auto;
  bottom: 12%;
  padding: 0 66px;
  margin: 0;
  justify-content: center; */
  display: flex;
  align-items: center;

}

#ic_carousel .carousel-control h4,
#mdp_carousel .carousel-control h4 {
  text-shadow: 0 0 black;
}

.jc_flexstart {
  display: flex;
  justify-content: flex-start;
}

#ic_carousel .carousel-indicators a.active {
  height: unset;
}

.hr_01 {
  border: 1px solid rgba(255, 255, 255, 0.25);
  margin: 18px 0;
  width: 221px;
}

.activity_title {
  margin-left: 12px;
  width: 20%;
  text-align: left;
  white-space: nowrap;
}

.atrow {
  margin: 50px 0 0 0;
}

.atable {
  width: 50%;
}

.atable tr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

.atable tr td {
  padding: 18px 0px;
}

.pfy_search_icon {
  /* color: #5D5D5D; */
  color: rgba(255, 255, 255, 0.50);
  font-size: 20px;
  /* left: 30px !important; */
  left: 3% !important;
  text-align: center;
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.pfy_search {
  /* background: #EBEBEB; */
  background: #120F40;
  border-radius: 100px;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  /* identical to box height */
  /* color: #5D5D5D !important; */
  color: rgba(255, 255, 255, 0.50) !important;
  /* height: 60px; */
  height: 50px;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
}

.pfy_search::placeholder {
  /* color: #5D5D5D !important; */
  color: rgba(255, 255, 255, 0.50) !important;
}

input[type="search"].pfy_search::-webkit-search-cancel-button {
  -webkit-appearance: none;
  display: none !important;
}

input[type="search"].pfy_search:focus::-webkit-search-cancel-button {
  /* opacity: .3; */
  pointer-events: all;
}

input[type="search"].pfy_search.dark::-webkit-search-cancel-button {
  filter: invert(1);
}

.btn_pfy_search {
  /* height: 50px; */
  height: 100px;
  /* width: 100%; */
  width: 100%;
  margin: 0;
  background: rgba(255, 255, 255, 0.1);
  /* border: 1px solid #5D5D5D; */
  box-sizing: border-box;
  /* border-radius: 25px; */
  border-radius: 5px;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  text-align: center;
  color: #5D5D5D;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
  white-space: normal;
  margin-bottom: 10px;
}

.plrdiv:nth-child(odd) {
  padding-left: 0px;
  padding-right: 5px;
}

.plrdiv:nth-child(even) {
  padding-left: 5px;
  padding-right: 0px;
}

.plrdiv:nth-child(1) button,
.plrdiv:nth-child(8) button {
  background: #70C6BD;
}

.plrdiv:nth-child(2) button,
.plrdiv:nth-child(5) button {
  background: #40ACB2;
}

.plrdiv:nth-child(3) button,
.plrdiv:nth-child(6) button {
  background: #1092A7;
}

.plrdiv:nth-child(4) button,
.plrdiv:nth-child(7) button {
  background: #096675;
}

/* .btn_pfy_search:hover,
.btn_pfy_search:active,
.btn_pfy_search:focus
{
  background: #70C6BD;
  border: 0;
  color: #FFFFFF;
} */

.pfys_title {
  margin: 38px 0 0 0;
}

.pfys_desc {
  margin: 13px 0 26px 0;
}

.pfys_sub_title {
  margin: 36px 0 24px 0;
}

/* bubbles */
body {
  /* background: #00b4ff; */
  color: #333;
  /* font: 100% Lato, Arial, Sans Serif; */
  font-family: 'Roboto';
  height: 100vh;
  margin: 0;
  padding: 0 !important;
  overflow-x: hidden;
}

#bubble_wrap {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1;
  /* overflow: scroll; */
}

/* keyframes */
@-webkit-keyframes animateBubble {
  0% {
    margin-top: 1000px;
  }

  100% {
    margin-top: -1000%;
  }
}

@-moz-keyframes animateBubble {
  0% {
    margin-top: 1000px;
  }

  100% {
    margin-top: -1000%;
  }
}

@keyframes animateBubble {
  0% {
    margin-top: 1000px;
  }

  100% {
    margin-top: -1000%;
  }

}

@-webkit-keyframes sideWays {
  0% {
    margin-left: 0px;
  }

  100% {
    margin-left: 50px;
  }
}

@-moz-keyframes sideWays {
  0% {
    margin-left: 0px;
  }

  100% {
    margin-left: 50px;
  }
}

@keyframes sideWays {
  0% {
    margin-left: 0px;
  }

  100% {
    margin-left: 50px;
  }
}

/* animations */
.x1 {
  -webkit-animation: animateBubble 22s linear infinite, sideWays 2s ease-in-out infinite alternate;
  -moz-animation: animateBubble 22s linear infinite, sideWays 2s ease-in-out infinite alternate;
  animation: animateBubble 22s linear infinite, sideWays 2s ease-in-out infinite alternate;

  /* left: -5%;
	top: 5%; */

  left: 32%;
  top: 25%;
  right: 0%;
  bottom: 0%;

  /* -webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	transform: scale(0.6); */

  background: #70C6BD;
  width: 112px !important;
  height: 112px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 20px 30px rgb(0 0 0 / 20%), inset 0px 0px 30px 0px rgb(255 255 255) !important;
}

.x2 {
  -webkit-animation: animateBubble 24s linear infinite, sideWays 2s ease-in-out infinite alternate;
  -moz-animation: animateBubble 24s linear infinite, sideWays 2s ease-in-out infinite alternate;
  animation: animateBubble 24s linear infinite, sideWays 2s ease-in-out infinite alternate;

  /* left: 5%;
	top: 80%; */

  left: 62%;
  top: 28%;
  right: 0%;
  bottom: 0%;

  /* -webkit-transform: scale(0.4);
	-moz-transform: scale(0.4);
	transform: scale(0.4); */

  background: #40ACB2;
  width: 112px !important;
  height: 112px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 20px 30px rgb(0 0 0 / 20%), inset 0px 0px 30px 0px rgb(255 255 255) !important;
}

.x3 {
  -webkit-animation: animateBubble 26s linear infinite, sideWays 3s ease-in-out infinite alternate;
  -moz-animation: animateBubble 26s linear infinite, sideWays 3s ease-in-out infinite alternate;
  animation: animateBubble 26s linear infinite, sideWays 3s ease-in-out infinite alternate;

  /* left: 10%;
	top: 40%; */

  left: 10%;
  top: 35%;
  right: 0%;
  bottom: 0%;

  /* -webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	transform: scale(0.7); */

  background: #1092A7;
  width: 112px !important;
  height: 112px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 20px 30px rgb(0 0 0 / 20%), inset 0px 0px 30px 0px rgb(255 255 255) !important;
}

.x4 {
  -webkit-animation: animateBubble 28s linear infinite, sideWays 4s ease-in-out infinite alternate;
  -moz-animation: animateBubble 28s linear infinite, sideWays 4s ease-in-out infinite alternate;
  animation: animateBubble 28s linear infinite, sideWays 4s ease-in-out infinite alternate;

  /* left: 20%;
	top: 0; */

  left: 40%;
  top: 39%;
  right: 0%;
  bottom: 0%;

  /* -webkit-transform: scale(0.3);
	-moz-transform: scale(0.3);
	transform: scale(0.3); */

  background: #096675;
  width: 112px !important;
  height: 112px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 20px 30px rgb(0 0 0 / 20%), inset 0px 0px 30px 0px rgb(255 255 255) !important;
}

.x5 {
  -webkit-animation: animateBubble 30s linear infinite, sideWays 5s ease-in-out infinite alternate;
  -moz-animation: animateBubble 30s linear infinite, sideWays 5s ease-in-out infinite alternate;
  animation: animateBubble 30s linear infinite, sideWays 5s ease-in-out infinite alternate;

  /* left: 30%;
	top: 50%; */

  left: 72%;
  top: 42%;
  right: 0%;
  bottom: 0%;

  /* -webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	transform: scale(0.5); */

  background: #70C6BD;
  width: 72px !important;
  height: 72px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 20px 30px rgb(0 0 0 / 20%), inset 0px 0px 30px 0px rgb(255 255 255) !important;
}

.x6 {
  -webkit-animation: animateBubble 32s linear infinite, sideWays 2s ease-in-out infinite alternate;
  -moz-animation: animateBubble 32s linear infinite, sideWays 2s ease-in-out infinite alternate;
  animation: animateBubble 32s linear infinite, sideWays 2s ease-in-out infinite alternate;

  left: 13%;
  top: 49%;
  right: 0%;
  bottom: 0%;

  /* -webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	transform: scale(0.8); */

  background: #40ACB2;
  width: 138px !important;
  height: 138px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 20px 30px rgb(0 0 0 / 20%), inset 0px 0px 30px 0px rgb(255 255 255) !important;
}

.x7 {
  -webkit-animation: animateBubble 34s linear infinite, sideWays 2s ease-in-out infinite alternate;
  -moz-animation: animateBubble 34s linear infinite, sideWays 2s ease-in-out infinite alternate;
  animation: animateBubble 34s linear infinite, sideWays 2s ease-in-out infinite alternate;

  left: 57%;
  top: 51%;
  right: 0%;
  bottom: 0%;

  /* -webkit-transform: scale(0.4);
	-moz-transform: scale(0.4);
	transform: scale(0.4); */

  background: #1092A7;
  width: 112px !important;
  height: 112px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 20px 30px rgb(0 0 0 / 20%), inset 0px 0px 30px 0px rgb(255 255 255) !important;
}

.x8 {
  -webkit-animation: animateBubble 36s linear infinite, sideWays 3s ease-in-out infinite alternate;
  -moz-animation: animateBubble 36s linear infinite, sideWays 3s ease-in-out infinite alternate;
  animation: animateBubble 36s linear infinite, sideWays 3s ease-in-out infinite alternate;

  left: 45%;
  top: 62%;
  right: 0%;
  bottom: 0%;

  /* -webkit-transform: scale(0.3);
	-moz-transform: scale(0.3);
	transform: scale(0.3); */

  background: #70C6BD;
  width: 66px !important;
  height: 66px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 20px 30px rgb(0 0 0 / 20%), inset 0px 0px 30px 0px rgb(255 255 255) !important;
}

.x9 {
  -webkit-animation: animateBubble 38s linear infinite, sideWays 4s ease-in-out infinite alternate;
  -moz-animation: animateBubble 38s linear infinite, sideWays 4s ease-in-out infinite alternate;
  animation: animateBubble 38s linear infinite, sideWays 4s ease-in-out infinite alternate;

  left: 57%;
  top: 67%;
  right: 0%;
  bottom: 0%;

  /* -webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	transform: scale(0.6); */

  background: #40ACB2;
  width: 148px !important;
  height: 148px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 20px 30px rgb(0 0 0 / 20%), inset 0px 0px 30px 0px rgb(255 255 255) !important;
}

.x10 {
  -webkit-animation: animateBubble 40s linear infinite, sideWays 5s ease-in-out infinite alternate;
  -moz-animation: animateBubble 40s linear infinite, sideWays 5s ease-in-out infinite alternate;
  animation: animateBubble 40s linear infinite, sideWays 5s ease-in-out infinite alternate;

  left: 18%;
  top: 67%;
  right: 0%;
  bottom: 0%;

  /* -webkit-transform: scale(0.3);
	-moz-transform: scale(0.3);
	transform: scale(0.3); */

  background: #096675;
  width: 124px !important;
  height: 124px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 20px 30px rgb(0 0 0 / 20%), inset 0px 0px 30px 0px rgb(255 255 255) !important;
}

.x11 {
  -webkit-animation: animateBubble 42s linear infinite, sideWays 2s ease-in-out infinite alternate;
  -moz-animation: animateBubble 42s linear infinite, sideWays 2s ease-in-out infinite alternate;
  animation: animateBubble 42s linear infinite, sideWays 2s ease-in-out infinite alternate;

  /* left: -5%;
	top: 5%; */

  left: 5%;
  top: 80%;
  right: 0%;
  bottom: 0%;

  /* -webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	transform: scale(0.6); */

  background: #70C6BD;
  width: 72px !important;
  height: 72px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 20px 30px rgb(0 0 0 / 20%), inset 0px 0px 30px 0px rgb(255 255 255) !important;
}

.x12 {
  -webkit-animation: animateBubble 44s linear infinite, sideWays 2s ease-in-out infinite alternate;
  -moz-animation: animateBubble 44s linear infinite, sideWays 2s ease-in-out infinite alternate;
  animation: animateBubble 44s linear infinite, sideWays 2s ease-in-out infinite alternate;

  /* left: -5%;
	top: 5%; */

  left: 37%;
  top: 80%;
  right: 0%;
  bottom: 0%;

  /* -webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	transform: scale(0.6); */

  background: #1092A7;
  width: 104px !important;
  height: 104px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 20px 30px rgb(0 0 0 / 20%), inset 0px 0px 30px 0px rgb(255 255 255) !important;
}

.x13 {
  -webkit-animation: animateBubble 46s linear infinite, sideWays 3s ease-in-out infinite alternate;
  -moz-animation: animateBubble 46s linear infinite, sideWays 3s ease-in-out infinite alternate;
  animation: animateBubble 46s linear infinite, sideWays 3s ease-in-out infinite alternate;

  /* left: -5%;
	top: 5%; */

  left: 63%;
  top: 86%;
  right: 0%;
  bottom: 0%;

  /* -webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	transform: scale(0.6); */

  background: #40ACB2;
  width: 112px !important;
  height: 112px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 20px 30px rgb(0 0 0 / 20%), inset 0px 0px 30px 0px rgb(255 255 255) !important;
}

.x14 {
  -webkit-animation: animateBubble 48s linear infinite, sideWays 4s ease-in-out infinite alternate;
  -moz-animation: animateBubble 48s linear infinite, sideWays 4s ease-in-out infinite alternate;
  animation: animateBubble 48s linear infinite, sideWays 4s ease-in-out infinite alternate;

  /* left: -5%;
	top: 5%; */

  left: 42%;
  top: 96%;
  right: 0%;
  bottom: 0%;

  /* -webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	transform: scale(0.6); */

  background: #1092A7;
  width: 104px !important;
  height: 104px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 20px 30px rgb(0 0 0 / 20%), inset 0px 0px 30px 0px rgb(255 255 255) !important;
}

.x15 {
  -webkit-animation: animateBubble 49s linear infinite, sideWays 5s ease-in-out infinite alternate;
  -moz-animation: animateBubble 49s linear infinite, sideWays 5s ease-in-out infinite alternate;
  animation: animateBubble 49s linear infinite, sideWays 5s ease-in-out infinite alternate;

  /* left: -5%;
	top: 5%; */

  left: 11%;
  top: 88%;
  right: 0%;
  bottom: 0%;

  /* -webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	transform: scale(0.6); */

  background: #70C6BD;
  width: 124px !important;
  height: 124px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 20px 30px rgb(0 0 0 / 20%), inset 0px 0px 30px 0px rgb(255 255 255) !important;
}

.x16 {
  -webkit-animation: animateBubble 50s linear infinite, sideWays 2s ease-in-out infinite alternate;
  -moz-animation: animateBubble 50s linear infinite, sideWays 2s ease-in-out infinite alternate;
  animation: animateBubble 50s linear infinite, sideWays 2s ease-in-out infinite alternate;

  /* left: -5%;
	top: 5%; */

  left: 3%;
  top: 102%;
  right: 0%;
  bottom: 0%;

  /* -webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	transform: scale(0.6); */

  background: #40ACB2;
  width: 76px !important;
  height: 76px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 20px 30px rgb(0 0 0 / 20%), inset 0px 0px 30px 0px rgb(255 255 255) !important;
}

.x17 {
  -webkit-animation: animateBubble 52s linear infinite, sideWays 2s ease-in-out infinite alternate;
  -moz-animation: animateBubble 52s linear infinite, sideWays 2s ease-in-out infinite alternate;
  animation: animateBubble 52s linear infinite, sideWays 2s ease-in-out infinite alternate;

  /* left: -5%;
	top: 5%; */

  left: 21%;
  top: 106%;
  right: 0%;
  bottom: 0%;

  /* -webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	transform: scale(0.6); */

  background: #1092A7;
  width: 109px !important;
  height: 109px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 20px 30px rgb(0 0 0 / 20%), inset 0px 0px 30px 0px rgb(255 255 255) !important;
}

.x18 {
  -webkit-animation: animateBubble 53s linear infinite, sideWays 3s ease-in-out infinite alternate;
  -moz-animation: animateBubble 53s linear infinite, sideWays 3s ease-in-out infinite alternate;
  animation: animateBubble 53s linear infinite, sideWays 3s ease-in-out infinite alternate;

  /* left: -5%;
	top: 5%; */

  left: 60%;
  top: 106%;
  right: 0%;
  bottom: 0%;

  /* -webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	transform: scale(0.6); */

  background: #40ACB2;
  width: 130px !important;
  height: 130px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 20px 30px rgb(0 0 0 / 20%), inset 0px 0px 30px 0px rgb(255 255 255) !important;
}

.x19 {
  -webkit-animation: animateBubble 54s linear infinite, sideWays 4s ease-in-out infinite alternate;
  -moz-animation: animateBubble 54s linear infinite, sideWays 4s ease-in-out infinite alternate;
  animation: animateBubble 54s linear infinite, sideWays 4s ease-in-out infinite alternate;

  /* left: -5%;
	top: 5%; */

  left: 39%;
  top: 117%;
  right: 0%;
  bottom: 0%;

  /* -webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	transform: scale(0.6); */

  background: #70C6BD;
  width: 104px !important;
  height: 104px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 20px 30px rgb(0 0 0 / 20%), inset 0px 0px 30px 0px rgb(255 255 255) !important;
}

.x20 {
  -webkit-animation: animateBubble 56s linear infinite, sideWays 5s ease-in-out infinite alternate;
  -moz-animation: animateBubble 56s linear infinite, sideWays 5s ease-in-out infinite alternate;
  animation: animateBubble 56s linear infinite, sideWays 5s ease-in-out infinite alternate;

  /* left: -5%;
	top: 5%; */

  left: 8%;
  top: 119%;
  right: 0%;
  bottom: 0%;

  /* -webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	transform: scale(0.6); */

  background: #40ACB2;
  width: 112px !important;
  height: 112px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 20px 30px rgb(0 0 0 / 20%), inset 0px 0px 30px 0px rgb(255 255 255) !important;
}

.x21 {
  -webkit-animation: animateBubble 58s linear infinite, sideWays 2s ease-in-out infinite alternate;
  -moz-animation: animateBubble 58s linear infinite, sideWays 2s ease-in-out infinite alternate;
  animation: animateBubble 58s linear infinite, sideWays 2s ease-in-out infinite alternate;

  /* left: -5%;
	top: 5%; */

  left: 62%;
  top: 125%;
  right: 0%;
  bottom: 0%;

  /* -webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	transform: scale(0.6); */

  background: #40ACB2;
  width: 109px !important;
  height: 109px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 20px 30px rgb(0 0 0 / 20%), inset 0px 0px 30px 0px rgb(255 255 255) !important;
}

.x22 {
  -webkit-animation: animateBubble 60s linear infinite, sideWays 2s ease-in-out infinite alternate;
  -moz-animation: animateBubble 60s linear infinite, sideWays 2s ease-in-out infinite alternate;
  animation: animateBubble 60s linear infinite, sideWays 2s ease-in-out infinite alternate;

  /* left: -5%;
	top: 5%; */

  left: 30%;
  top: 130%;
  right: 0%;
  bottom: 0%;

  /* -webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	transform: scale(0.6); */

  background: #096675;
  width: 124px !important;
  height: 124px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 20px 30px rgb(0 0 0 / 20%), inset 0px 0px 30px 0px rgb(255 255 255) !important;
}

.x23 {
  -webkit-animation: animateBubble 62s linear infinite, sideWays 3s ease-in-out infinite alternate;
  -moz-animation: animateBubble 62s linear infinite, sideWays 3s ease-in-out infinite alternate;
  animation: animateBubble 62s linear infinite, sideWays 3s ease-in-out infinite alternate;

  /* left: -5%;
	top: 5%; */

  left: 5%;
  top: 142%;
  right: 0%;
  bottom: 0%;

  /* -webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	transform: scale(0.6); */

  background: #70C6BD;
  width: 130px !important;
  height: 130px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 20px 30px rgb(0 0 0 / 20%), inset 0px 0px 30px 0px rgb(255 255 255) !important;
}

.x24 {
  -webkit-animation: animateBubble 64s linear infinite, sideWays 4s ease-in-out infinite alternate;
  -moz-animation: animateBubble 64s linear infinite, sideWays 4s ease-in-out infinite alternate;
  animation: animateBubble 64s linear infinite, sideWays 4s ease-in-out infinite alternate;

  /* left: -5%;
	top: 5%; */

  left: 61%;
  top: 139%;
  right: 0%;
  bottom: 0%;

  /* -webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	transform: scale(0.6); */

  background: #40ACB2;
  width: 76px !important;
  height: 76px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 20px 30px rgb(0 0 0 / 20%), inset 0px 0px 30px 0px rgb(255 255 255) !important;
}

/* objects */
.bubble {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;

  -webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2), inset 0px 10px 30px 5px rgba(255, 255, 255, 1);
  -moz-box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2), inset 0px 10px 30px 5px rgba(255, 255, 255, 1);
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2), inset 0px 10px 30px 5px rgba(255, 255, 255, 1);

  height: 200px;
  position: absolute;
  width: 200px;

  display: flex;
  justify-content: center;
  align-items: center;
  white-space: break-spaces;
  padding: 10px;
}

.bubble:after {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */

  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;

  /* -webkit-box-shadow: inset 0 20px 30px rgba(255, 255, 255, 0.1);
	-moz-box-shadow: inset 0 20px 30px rgba(255, 255, 255, 0.1);
	box-shadow: inset 0 20px 30px rgba(255, 255, 255, 0.1); */

  content: "";
  height: 180px;
  left: 10px;
  position: absolute;
  width: 180px;
}

/* /bubbles */

.header_blue {
  background: #70C6BD;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
}

/* .dm_panel
{
  background: orange;
  border: 0;
  box-shadow: unset;
}

.dm_panel.panel-default>.panel-heading,
.dm_panel.collapse.in
{
  background: transparent !important;
} */

.accordion_row .collapse.in {
  background: transparent;
}

/*
.dm_panel.panel-default>.panel-heading+.panel-collapse>.panel-body
{
  padding: 0 !important;
}

.dm_panel>.panel-heading
{
  padding: 0 0 15px 0 !important;
} */

.dm {
  background: #F5F5F5 !important;
}

.dm .panel {
  background: transparent;
}

.dm .panel-default>.panel-heading {
  background: transparent;
  padding: 40px 10px 15px 10px !important;
}

.dm_title {
  padding: 40px 10px 40px 10px;
  background: white;
}

.dm_desc {
  margin: 16px 0 0 0;
}

.hr_02 {
  border: 1px solid #000000;
  margin: 40px 0;
}

.dm_eot {
  margin: 70px 0;
}

.scroll,
.display_none {
  display: none;
}

.display_flex {
  display: flex;
}

.btn_ficons {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  display: flex;
  align-items: center;
  /* justify-content: center; */
  color: #1092A7;
  margin: 0;
  border: 0;
  background: transparent;
  padding: 0;
  width: 100%;
}

.btn_ficons:focus {
  background: transparent;
  box-shadow: unset;
}

.btn_ficons i {
  font-size: 15px;
  margin-right: 5px;
}

.txtarea_fl_comment {
  width: 100%;
  background: #EBEBEB;
  box-shadow: inset 1px 1px 2px rgb(0 0 0 / 10%);
  border-radius: 5px;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  display: flex;
  align-items: center;
  text-align: left;
  color: #5D5D5D;
  border: 0;
}

.txtarea_fl_comment:focus,
.txtarea_fl_comment:hover {
  outline: none !important;
  /* border: 1px solid #DADADA;
  box-shadow: unset; */
}

.btn_mdpd_pfy_01 {
  margin: 0;
  border: 0;
  height: 80px;
  background: linear-gradient(180deg, #61C0C0 0%, #4491A5 100%);
  border-radius: 0;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  text-align: center;
  color: #FFFFFF;
  width: 100%;
  padding: 16px 21px;
  white-space: inherit;
}

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

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

.mdpfy_col {
  padding: 0px;
}

.bpfys_01:hover,
.bpfys_01:focus {
  background: #70C6BD;
}

.bpfys_02:hover,
.bpfys_02:focus {
  background: #40ACB2;
}

.bpfys_03:hover,
.bpfys_03:focus {
  background: #1092A7;
}

.bpfys_04:hover,
.bpfys_05:focus {
  background: #096675;
}

.bpfys_06:hover,
.bpfys_06:focus {
  background: #70C6BD;
}

.bpfys_07:hover,
.bpfys_07:focus {
  background: #40ACB2;
}

.btn_pn {
  margin: 0;
  border: 0;
  background: transparent;
  padding: 0;

  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  /* identical to box height */
  text-align: center;
  color: #FFFFFF;
}

.btn_pn:hover,
.btn_pn:focus {
  background: transparent;
  border: 0;
  box-shadow: unset;
  color: #000000 !important;
}

.mica,
.micb {
  margin: 104px 0 0 0;
}

.hr_03 {
  border: 1px solid rgba(0, 0, 0, 0.25);
  margin: 18px 0;
  width: 221px;
}

.bmt {
  margin: 24px 0 0 0;
}

.ctxtalignment {
  text-align: right;
}

video::-webkit-media-controls-panel {
  background-image: linear-gradient(transparent, transparent) !important;
}

.ss_col {
  height: 100%;
  position: relative;
  overflow: hidden;
  right: 0;
  left: 0;
  margin: 0 auto;
}

.btn_ssclose {
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: unset;
  line-height: unset;
  font-size: 2rem;
  color: #FFFFFF;
  padding: 5px 10px;
}

.btn_pfy_01 {
  margin: 0;
  border: 0;
  box-shadow: unset;

  height: 50px;
  width: 100%;
  background: #70C6BD;
  border-radius: 25px;

  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  /* identical to box height */
  text-align: center;
  color: #FFFFFF;
}

.btn_pfy_02 {
  margin: 0;
  border: 0;
  box-shadow: unset;

  height: 50px;
  width: 100%;
  background: #40ACB2;
  border-radius: 25px;

  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  /* identical to box height */
  text-align: center;
  color: #FFFFFF;
}

.right_col {
  transition: all 1s ease;
}

.as_ocw_01 {
  margin: 39px 0 16px 0;
}

.as_lw_01 {
  margin: 37px 0 20px 0;
}

.as_nru_01 {
  margin: 30px 0 138px 0;
}

.btn_pfys_login_signup {
  margin: 0;
  border: 0;
  box-shadow: unset;
  height: 60px;
  width: 100%;
  filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.25));
  background: #FFFFFF;
  border-radius: 10px;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  text-align: center;
  color: #1092A7;
}

.dpfym_login_signup {
  margin: 40px 0 20px 0;
}

.pfy_sl_modal {
  position: relative;
  width: 100%;
  height: auto;
  opacity: 0;
  transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
  background: linear-gradient(180deg, #61C0C0 0%, #4491A5 100%);
  box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.25);
  border: 0;
  border-radius: 0;
  padding: 20px 20px 70px 20px;
  /* min-height: 500px; */
  height: auto;
  overflow-y: overlay;
}

.modal.fade.in .pfy_sl_modal {
  /* bottom: 0; */
  opacity: 1;
}

.dpfys_login_signup {
  margin: 50px 0 10px 0;
}

.pfy_ocw {
  margin: 44px 0 27px 0;
}

.modal_inner {
  position: absolute;
  bottom: 0;
  /* top: 0; */
  right: 0;
  left: 0;
  margin: 0 auto;
  overflow: hidden;
}

.h100p {
  height: 100%;
}

.guidedqtns_row {
  height: 70px;
  border-radius: 0;
  color: #fff;
  /* padding: 15px; */
  padding: 10px;
  border: 0;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  flex-flow: wrap;
  text-align: left;
  margin: 0 -10px 2px -10px;
}

.guidedqtns_row .session_time {
  text-align: end;
}

/* ngx audio plugin-custom */
/* ngx-circular-player svg
{
  width: 60px !important;
} */

#aud1 svg {
  width: 120px !important;
}

#aud2 svg {
  width: 90px !important;
}

#aud3 svg {
  width: 60px !important;
}

#aud3 .play,
#aud3 .pause {
  background: #FFFFFF !important;
  width: 50px !important;
  height: 50px !important;
  left: 50% !important;
}

#aud3 .pause .before,
#aud3 .pause .after {
  background-color: #DADADA !important;
}

#aud3 .arrow {
  left: 45%;
  margin: 0 !important;
}

#aud3 .arrow,
#aud3 .arrow:before,
#aud3 .arrow:after {
  width: 1.2em !important;
  height: 1.2em !important;
  border-top-right-radius: 30%;
}

#aud3 .pause .before {
  width: 8px !important;
  height: 25.2857px !important;
  /* left: calc(50% - 10px); */
  left: 36% !important;
}

#aud3 .pause .after {
  width: 8px !important;
  height: 25.2857px !important;
  left: calc(45% + 10px) !important;
}

#aud4 {
  position: absolute;
  /* left: 35%; */
  left: 50%;
}

#aud4 svg {
  width: 40px !important;
}

#aud4 .play,
#aud4 .pause {
  background: #E58D82 !important;
  width: 33px !important;
  height: 33px !important;
  left: 50% !important;
}

#aud4 .pause .before,
#aud4 .pause .after {
  background-color: #FFFFFF !important;
}

#aud4 .arrow {
  left: 45%;
  margin: 0 !important;
  /* transform: rotate(150deg) skewX(-30deg) scale(1,.866) translate(50%,0%); */
  transform: rotate(30deg) skewX(-30deg) scale(1, .866) translate(0%, 10%);
}

#aud4 .arrow,
#aud4 .arrow:before,
#aud4 .arrow:after {
  width: 0.7em !important;
  height: 0.7em !important;
  border-top-right-radius: 30%;
  background: #FFFFFF !important;
}

#aud4 .pause .before {
  width: 4px !important;
  height: 15.2857px !important;
  /* left: calc(50% - 10px); */
  left: 36% !important;
}

#aud4 .pause .after {
  width: 4px !important;
  height: 15.2857px !important;
  left: calc(45% + 5px) !important;
}

/* aud5 */
#aud5 {
  position: absolute;
  /* left: 35%; */
  left: 50%;
}

#aud5 svg {
  width: 40px !important;
}

#aud5 .play {
  background: #E58D82 !important;
  width: 33px !important;
  height: 33px !important;
  left: 50% !important;
}

#aud5 .pause {
  background: #E58D82 !important;
  width: 33px !important;
  height: 33px !important;
  left: 52% !important;
}

#aud5 .pause .before,
#aud5 .pause .after {
  background-color: #FFFFFF !important;
}

#aud5 .arrow {
  left: 45%;
  margin: 0 !important;
  /* transform: rotate(150deg) skewX(-30deg) scale(1,.866) translate(50%,0%); */
  /* transform: rotate(30deg) skewX(-30deg) scale(1,.866) translate(0%,10%); */
}

#aud5 .arrow,
#aud5 .arrow:before,
#aud5 .arrow:after {
  width: 0.7em !important;
  height: 0.7em !important;
  border-top-right-radius: 30%;
  background: #FFFFFF !important;
}

#aud5 .pause .before {
  width: 4px !important;
  height: 15.2857px !important;
  /* left: calc(50% - 10px); */
  left: 36% !important;
}

#aud5 .pause .after {
  width: 4px !important;
  height: 15.2857px !important;
  left: calc(45% + 5px) !important;
}

/* /ngx audio plugin-custom */

.header_dmodule_transcript {
  background: #1092A7;
  box-shadow: 0px 1px 2px rgb(0 0 0 / 25%);
  height: 90px;
}

.flex_jc_right {
  display: flex;
  align-items: center;
  justify-content: right;
}

.content_top_01 {
  margin-top: calc(90px - 0px);
}

.bg_close_01 {
  background: transparent;
  height: 60px;
}

.cp0_01 {
  padding: 0 10px;
}

/* gqtns navtabs */
.gqtns {
  border-bottom: 1px solid #ADADAD;
  ;
  /* margin: 0 -32px; */
}

.gqtns>li {
  margin-bottom: -2px;
  width: 50%;
}

.gqtns>li.active>a,
.gqtns>li.active>a:focus,
.gqtns>li.active>a:hover {
  cursor: default;
  background-color: transparent;
  border: 0;
  border-bottom: 3px solid #1092A7;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  /* identical to box height */
  text-align: center;
  color: #1092A7;
}

.gqtns>li>a:hover {
  border: 0;
}

.gqtns>li>a {
  position: relative;
  display: block;
  padding: 13px 15px 12px;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  /* identical to box height */
  text-align: center;
  color: #ADADAD;
}

/* /gqtns navtabs */

.btn_aan {
  height: 50px;
  width: 50px;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.25);
  background: #e58d82;
  border-radius: 100%;
  border: 2px solid white;
  text-align: center;
  color: #FFFFFF;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gqtns_search {
  height: 50px;
  background: #FFFFFF;
  border: 1px solid #ADADAD;
  box-sizing: border-box;
  border-radius: 100px;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  /* display: flex; */
  /* align-items: flex-end; */
  color: #5D5D5D;
  text-align: left;
  padding-left: 20%;
}

input[type="search"].gqtns_search::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 1em;
  width: 1em;
  border-radius: 50em;
  background: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/images/icons/close.png) no-repeat 50% 50%;
  /* filter: opacity(0.5) drop-shadow(0 0 0 #5D5D5D); */
  filter: invert(100%);
  background-size: contain;
  opacity: 1;
  pointer-events: all;
  cursor: pointer;
}

.textarea_01 {
  height: 105px;
  width: 100%;
  background: #FFFFFF;
  border-radius: 10px;
  border: 1px solid #ADADAD;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 400;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  color: #ADADAD;
  padding: 20px;
  outline: none;
}

.txt_gqtns {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  /* identical to box height, or 16px */
  color: #000000;
  opacity: 0.75;
}

.txt_gqtns:active {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 130%;
  /* identical to box height, or 16px */
  color: #000000;
}

.btn_recent {
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  padding: 10px;
  border: 0;
  border-radius: 12px;
  box-shadow: unset;
  background: #424675;
  font-weight: 600;
  font-size: 12px;
  line-height: 150%;
  color: #ffffff;
  height: 36px;
  margin-right: 20px !important;
}

.btn_recent:hover,
.btn_recent:active,
.btn_recent:focus {
  background: #E58D82;
  color: #ffffff;
  filter: unset !important;
}

.cyan_light {
  /* background: #70C6BD !important; */
  background: #CB6171 !important;
}

.gqtns_icon {
  margin: 40px 0 20px 0;
}

.gqtns_qtn {
  margin: 20px 0 41px 0;
}

.gqtns_recent_notes {
  margin: 40px 0 25px 0;
}

.gqtns_recent_tabs {
  /* margin: 0 0 36px 0; */
  margin: 0 -20px 26px 0;
}

.pdefault_01 {
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 12px;
  margin: 0 0 15px 0;
  background: #120F40;
  /* box-shadow: 4px 0px 10px 4px rgb(0 0 0 / 10%); */
  box-shadow: unset;
}

.guidedqtns_row_01 {
  height: 57px;
  border-radius: 0;
  color: #fff;
  /* padding: 15px; */
  padding: 10px;
  border: 0;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  flex-flow: wrap;
  text-align: left;
  margin: 0 -10px 2px -10px;
  /* margin: 0 0px 2px 0px; */
  border-bottom: 1px solid #DADADA;
}

.guidedqtns_row_01 .session_name {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500 !important;
  font-size: 15px !important;
  line-height: 18px !important;
  /* identical to box height */
  color: #1092A7;
  text-align: left;
}

.cfa_ar_01 {
  font-size: 25px;
  /* color: #5D5D5D; */
  color: #ADADAD;
}

.btn_gqtns_bh {
  margin: 0;
  border: 0;
  height: 40px;
  width: 156px;
  background: #FFF;
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
  padding: 0;

  font-size: 15px;
  font-weight: 600;
  line-height: 150%;
  text-align: center;
  color: #E58D82;
}

.cfa_a1_01 {
  font-size: 25px;
  margin: 0 10px 2px 0;
}

.igqtns {
  margin: 40px 0 55px 0;
}

.igqtns_desc {
  margin: 23px 0 10px 0;
}

.textarea_02 {
  height: 240px;
  width: 100%;
  background: #FFFFFF;
  border-radius: 10px;
  border: 1px solid #ADADAD;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #ADADAD;
  padding: 20px;
  outline: none !important;
}

.btn_gqtns {
  margin: 0 !important;
  border: 0;
  box-shadow: unset;
  width: 60px !important;
  height: 60px !important;
  background: #70C6BD !important;
  border-radius: 50%;
  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.25));
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
}



.btn_gqtns:hover,
.btn_gqtns:focus {
  margin: 0 !important;
  border: 0;
  box-shadow: unset;
  width: 60px !important;
  height: 60px;
  background: #70C6BD;
  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.25));
  color: #FFFFFF;
}

.btn_gqtns.disabled,
.btn_gqtns disabled {
  margin: 0 !important;
  border: 0;
  box-shadow: unset;
  width: 60px !important;
  height: 60px;
  border-radius: 50%;
  background: rgba(112, 198, 189, 0.25);
  color: #FFFFFF;
  opacity: 0.25 !important;
}

#cgqtns .carousel-indicators {
  position: fixed;
  /* bottom: 20%; */
  bottom: 12% !important;
  right: 0;
  left: 0;
  margin: 0 auto;
  padding: 0;
  /* display: flex;
  justify-content: center;
  align-items: center; */
  /* width: 60%; */
  width: 100% !important;
  /* height: 60px; */
}

#cgqtns .carousel-indicators .active {
  width: unset;
  height: unset;
  margin: unset;
  background-color: unset;
}

#cgqtns .carousel-indicators .left {
  margin-left: 5rem;
}

#cgqtns .carousel-indicators .right {
  margin-right: 5rem;
}

.cgqtns_qtn {
  /* margin: 60px 0 24px 0; */
  margin: 30px 0 24px 0;
}

.cgqtns_autosavemsg {
  margin: 13px 0 0 0;
}

.ftray {
  padding: 1rem 20px;
  bottom: 0;
  /* background: rgba(255,255,255,1);
  box-shadow: 0px -1px 2px rgb(0 0 0 / 20%); */
  background: #424675;
  box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.2);
}

.mfooter {
  position: fixed;
  bottom: -1px;
  width: 100%;
  z-index: 98;
}

.btn_gqtns_std {
  margin: 0;
  border: 0;
  height: 60px;
  width: 100%;
  background: #70C6BD;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 0px;
  padding: 0;

  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  /* identical to box height */
  text-align: center;
  color: #FFFFFF;
}

.fnavbar_01 {
  position: fixed;
  background: #FFFFFF;
  z-index: 99;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
}

.main_container {
  /* background: black !important; */
  padding: 0 !important;
  background: #f9e9df !important;
}

.sub_container {
  padding-top: 6rem !important;
}

.gqtns_index_tn {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: 99;
  margin-top: 0 !important;
  height: 60px;
  border: 0;
  background: #70C6BD;
  box-shadow: 0px 1px 2px rgb(0 0 0 / 25%);
  transition: all 1s ease;
  display: flex;
  align-items: center;
}

.gqtns_introduction_tn {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: 99;
  margin-top: 0 !important;
  height: 60px;
  border: 0;
  background: #FFFFFF;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
  transition: all 1s ease;
  display: flex;
  align-items: center;
}

/* black background customisation */
.dtn {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: 99;
  background: #000000;
}

.dtn_playstore_banner {
  height: 60px;
  /* background: #EBEBEB; */
  background: #424675;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.1));
}

.dtn_default {
  /* height: 60px; */
  height: 80px;
  border: 0;
  /* box-shadow: 0 2px 2px rgb(0 0 0 / 10%); */
  /* background: #FFFFFF; */
  background: #292D56;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
}

.dmain_container {
  background: #000000 !important;
  /* padding: 6rem 0 0 0 !important; */
  overflow: hidden;
}

.imain_container {
  background: #000000 !important;
  padding: 0 !important;
  overflow: hidden;
}

.imain_container form {
  padding-bottom: 8rem !important;
}

.mc_01 {
  background: black !important;
  padding: 8rem 0 0 0 !important;
  overflow: hidden;
}

.mc_02 {
  background: black !important;
  padding: 8rem 0 0 0 !important;
  min-height: 100vh;
}

.mc_03 {
  background: black !important;
  padding: 0 0 0 0 !important;
  overflow: hidden;
}

.mc_04 {
  background: black !important;
  padding: 0 0 0 0 !important;
  height: 100vh;
}

.sc_01 {
  /* background: #1D3D7A; */
  min-height: 100vh;
  /* padding: 20px 10px; */
  padding: 20px 20px;
}

.sc_02 {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: calc(100vh - 125px) !important;
  /* background: #1D3D7A !important; */
  padding: 20px 20px;
}

.sc_04 {
  background: #1D3D7A;
  padding: 20px 10px;
  height: calc(100vh - 125px);
}

.tn_module {
  /* height: 60px; */
  height: 80px;
  /* background: #1D3D7A; */
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: 99;
  display: flex;
  align-items: center;
  padding: 0 20px;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
}

.tn_module_01 {
  /* height: 60px; */
  height: 80px;
  /* background: #1D3D7A; */
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: 99;
  display: flex;
  align-items: center;
  padding: 0 0 0 20px;
}

.tn_fs {
  height: 60px;
  background: #E5E5E5;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 20px;
}

.fctray {
  /* padding: 1rem 20px; */
  /* padding: 30px 20px; */
  /* background: #1D3D7A; */
  /* box-shadow: 0px -1px 2px rgb(0 0 0 / 20%); */
  height: 100px;
  padding: 0 20px;
  bottom: 0;
  box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.10);
  background: #292D56 !important;
}

/* /black background customisation */

.swisdom_stories {
  background: #FFFFFF;
  box-shadow: 1px 1px 4px rgb(0 0 0 / 25%);
  border-radius: 10px;
  margin: 0 0 10px 0;
  padding: 0;
}

.modal-open {
  padding: 0 !important;
  overflow: hidden;
  /* overflow-y: overlay !important; */
}

.mfree_limit {
  width: unset;
  margin: 0;
  backdrop-filter: blur(5px);
}

.fl_back {
  height: 60px;
  display: flex;
  align-items: center;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  /* padding: 0 20px !important; */
}

.pt3remi {
  padding-top: 3rem !important;
}

.ngx-charts-outer {
  max-width: 100% !important;
  overflow-x: scroll !important;
  overflow-y: hidden !important;
}

.mlr10px {
  margin-left: 10px;
  margin-right: 10px;
}

.cmlr-10px {
  margin: 0 -10px;
}

.hwp_project-mt {
  top: -40px;
}

.lst_none p {
  margin: 10px 0 0 0;
}

.ft_faq_01 {
  background: transparent;
  box-shadow: unset;
  padding: 0;
}

.cd_gm {
  /* margin: 0 -20px 2px -20px !important;
  padding: 0 10px !important; */
  margin: 0 -10px 2px -10px !important;
}

.plr10pxi {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

.mdp_header_cross {
  background: #1092A7;
  box-shadow: 0px 1px 2px rgb(0 0 0 / 25%);
  height: 60px;
  display: flex;
  align-items: center;

  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: 99;
}

.play_black_ac {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.carousel-inner>.item {
  transition: auto;
}

.pt6rem {
  padding-top: 6rem !important;
}

.pt12rem {
  padding: 12rem 0 0 0 !important;
}

.cpt_rem_01 {
  padding: 14rem 0 0 0 !important;
}

.cp20px {
  padding: 0 0 0 0;
}

/* .bookmark_imgs .col-xs-4:nth-child(-n+2)
{
  padding-right: 0 !important;
} */

/* #aor
{
  background: red;
  opacity: 1;
} */

/* svg path:nth-child(1)
{
  opacity: 1 !important;
}

svg path
{
  opacity: 1 !important;
} */

.cb_box_active {
  background: #FFC455 !important;
}

.modal-backdrop.in {
  z-index: 9;
  background: #000000;
  opacity: 0.6 !important;
  box-shadow: inset 1px 1px 2px rgb(0 0 0 / 25%);
}

.bg_border_box {
  background: border-box;
}

.col_btn_prev {
  height: 70px;
  display: flex;
  align-items: center;
  padding: 1rem 20px;
}

.fs16px {
  font-size: 16px;
}

/* .tray_btns a::after
{
  content: "\a";
  white-space: pre;
} */

.traydiv {
  display: flex !important;
  /* grid-gap: 10px; */
  padding: 0;
}

/* accordion panel */
.spanelgroup .panel-title>a:after {
  display: none;
}

.spanelgroup .panel {
  background: transparent;
  border: 0;
  box-shadow: unset;
}

.spanelgroup .panel-heading {
  background: #FFF;
}

/* /accordion panel */

@supports (-webkit-touch-callout: none) {
  /* .center_flex
  {
    display: block;
  } */

  .ic_title {
    margin: 10px 0 18px 0;
    display: block !important;
    justify-content: center;
  }

  #mdp_carousel .carousel-indicators,
  #ic_carousel .carousel-indicators {
    bottom: 5%;
  }

  .micb,
  .mica {
    margin: 30px 0 0 0 !important;
  }

  .mpfy {
    margin: 15px 0 0 0 !important;
  }

  .mpfy_topics {
    margin: 0 0 25px 0;
  }

  /* .dpfym_login_signup
  {
    display: table;
  } */
}

@media not all and (min-resolution:.001dpcm) {
  @supports (-webkit-appearance:none) {

    .bmt {
      display: grid;
    }

  }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @media (max-width: 1024px) {
    /* .center_flex,
    .ic_title
    {
      display: block;
    } */

    .ic_title {
      display: block;
    }

    .ic_title {
      margin: 10px 0 18px 0;
      display: block !important;
      justify-content: center;
    }

    #ic_carousel .carousel-indicators {
      /* bottom: 5%; */
    }

    .we_carousel .carousel-indicators {
      bottom: 20% !important;
    }

    #we_carousel .carousel-indicators {
      bottom: 15%;
    }

    .micb,
    .mica,
    .mpfy {
      margin: 50px 0 0 0;
    }

    /* .bmt
    {
      display: inline-grid;
    } */
  }
}

.safari_flex {
  display: flex;
  justify-content: center;
  align-items: center;
}

#placeholder {
  display: none !important;
}

.gray_light {
  /* background: #ADADAD !important; */
  background: #E58D82 !important;
}

.float_none {
  float: none;
}

.rmargin {
  margin: -0.6rem 0px 0 0;
}

.pr15px {
  padding-right: 15px;
}

.modal-open .modal {
  background: rgba(93, 93, 93, 0.1);
  backdrop-filter: blur(5px);
  overflow: hidden !important;
}

.evideo {
  width: 100% !important;
  max-height: 100% !important;
  height: 300px;
  border: 0;
}

.eindex_img {
  /* background-image: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/curated_dbs/images/events/01.svg); */
  background-position: center;
  background-size: cover;
  height: 100%;
}

.eindex_img_playicon {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}

.modal-open .mwrong.modal {
  backdrop-filter: unset !important;
}

.cvideo_02 {
  width: 100%;
  max-height: 100%;
}

.odiv>[class^="col-"],
.ghn>[class^="col-"] {
  display: inline-block;
  float: none;
  vertical-align: text-top;
}

.cp0_03 {
  padding: 0 10px;
}

.wpts_circle {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.pprofile_pwd {
  border-right: 2px solid #FFFFFF;
  height: 2rem;
  display: flex;
  justify-content: end;
  align-items: center;
}

.notification_panel.panel-default>.panel-heading+.panel-collapse>.panel-body {
  padding: 0 !important;
}

.dmd {
  margin: 10px 10px 30px 10px;
  text-align: center;
}

.tdiv {
  padding: 10px 10px;
}

/* .btn_annually.active,
.btn_annually:active,
.btn_monthly.active,
.btn_monthly:active
{
  opacity: 0.9;
} */

.btn_annually.hover,
.btn_annually:hover,
.btn_monthly.hover,
.btn_monthly:hover,
.btn_annually.active,
.btn_annually:active,
.btn_monthly.active,
.btn_monthly:active {
  background-color: #1092A7 !important;
  color: #ffffff;
  font-weight: bold;
}

.vhr_01 {
  border-right: 1.5px solid #FFFFFF;
  height: 14px;
  margin: 10px;
}

/* partnership-webpage */
.pititle {
  margin: 30px 0 30px 0;
}

.pidesc {
  margin: 0 0 48px 0;
}

.box_02 {
  height: 125px;
  border: 0;
  border-radius: 16px;
  color: #fff;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-flow: wrap;
  /* padding: 20px 10px;
  margin: 0 -10px 2px -10px!important; */
  padding: 16px;
  margin: 0;
}

.pbg_01 {
  background: #096675;
}

.pbg_02 {
  background: #0D7C8E;
}

.pbg_03 {
  background: #1092A7;
}

.pbg_04 {
  background: #239CAB;
}

.pbg_05 {
  background: #36A7B0;
}

.pbg_06 {
  background: #4AB1B4;
}

.pbg_07 {
  background: #5DBCB9;
}

.pbg_08 {
  background: #70C6BD;
}

.p_ul {
  padding-left: 2rem;
  margin: 0 0 30px 0;
}

.p_ul li {
  margin-bottom: 5px;
}

.pmlr-10px {
  margin: 0 -10px 0 -10px;
}

.pt1 {
  /* background: linear-gradient(180deg, #61C0C0 0%, #4491A5 100%); */
  background: #120F40;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  height: 289px;
  text-align: center;
  margin-top: -12%;
  padding: 20px;
}

#partnershipc .carousel-control,
#partnershipc .carousel-indicators {
  display: none;
}

.pt1 p {
  white-space: normal;
}

.mr-10px {
  margin-right: -10px;
}

.partnershipd>[class^="col-"] {
  padding-bottom: 5px;
  padding-right: 10px;
  padding-left: 0;
}

.vpb {
  margin: 30px 0 30px 0;
  text-align: center;
  text-decoration: underline;
}

.row_bp {
  /* background: #FFFFFF; */
  /* box-shadow: 0px -1px 10px rgb(0 0 0 / 10%); */
  /* box-shadow: 0px -1px 4px rgba(0, 0, 0, 0.1); */
  margin: 0 -10px;
  padding: 20px !important;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  background: #424675;
  box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.25);
}

.btn_bp {
  background: #E58D82;
  border-radius: 100px;
  font-size: 15px;
  font-weight: 600;
  line-height: 150%;
  color: #FFF !important;
  text-align: center;
  height: 50px;
  margin-right: 0;
  border: 0;
  box-shadow: unset;
}

.hiw {
  margin: 40px 0 42px 0;
}

.mlr-10px_02 {
  margin: 0 -10px 0 -10px
}

#tree_plant .panel,
#obfaqs .panel {
  border: 0;
  box-shadow: unset;
  background: transparent;
}

#tree_plant .panel-default>.panel-heading {
  background: #120F40;
  /* box-shadow: 0px 0px 10px rgb(0 0 0 / 20%); */
  box-shadow: unset;
  padding: 20px;
  border: 0;
  /* border-radius: 12px; */
  border-radius: 5px 5px 0 0;
}

#tree_plant .panel-body {
  padding: 0 20px 20px 20px !important;
  background: #120F40;
  /* box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
  border-top: 1px solid #ADADAD; */
  box-shadow: 0;
  border-radius: 0 0 5px 5px;
}

#obfaqs .panel-default>.panel-heading {
  /* background: #FFFFFF;
  box-shadow: unset;
  padding: 20px;
  border: 0;
  border-bottom: 1px solid #ADADAD;;
  border-radius: 0; */
  background: #120F40;
  box-shadow: unset;
  padding: 20px;
  border: 0;
  border-radius: 5px 5px 0 0;
}

#obfaqs .panel-body {
  /* padding: 20px !important; */
  padding: 0 20px 20px 20px !important;
  background: #120F40;
  /* box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
  border-top: 1px solid #ADADAD; */
  box-shadow: 0;
  border-radius: 0 0 5px 5px;
}

#tree_plant .panel-title>a[aria-expanded="true"]:after,
#obfaqs .panel-title>a[aria-expanded="true"]:after {
  /* content: '\f068' */
  content: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/v1_3/pw_minus.svg);
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  bottom: 0;
}

#tree_plant .panel-title>a:after,
#obfaqs .panel-title>a:after {
  /* content: '\f067'; */
  content: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/v1_3/pw_plus.svg);
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  bottom: 0;
}

.p_or {
  margin: 20px 0;
}

.mt60px {
  margin-top: 60px;
}

.chtl {
  height: 68px;
  background: #120F40;
  border-radius: 12px;
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.hr_style_17 {
  border: 1px solid #000000;
  margin: 40px 0;
}

.mtb20px {
  margin: 20px 0;
}

.hr_style_18 {
  border: 1px solid #ADADAD;
  margin: 30px 0 30px 0;
}

.illustration_tn {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: 99;
  margin-top: 0 !important;
  height: 60px;
  border: 0;
  background: #E5E5E5;
  box-shadow: unset;
  transition: all 1s ease;
  display: flex;
  align-items: center;
}

/* /partnership-webpage */

/* partnership-app */
.partnership_app_tn {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: 99;
  margin-top: 0 !important;
  height: 60px;
  border: 0;
  background: #F5F5F5;
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.15);
  transition: all 1s ease;
  display: flex;
  align-items: center;
}

.hr_partnership_01 {
  border: 1px solid rgba(0, 0, 0, 0.25);
  margin: 18px 0;
}

.mt50px {
  margin-top: 50px;
}

.pa_img {
  width: 100%
}

.sub_unsubp {
  margin: 40px 0;
}

.btn_sub_unsubp {
  background: #40ACB2;
  /* box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25); */
  border-radius: 5px;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  /* identical to box height */
  text-align: center;
  color: #FFFFFF !important;
  height: 60px;
  margin-right: 0;
  border: 0;
  box-shadow: unset;
}

.btn_sub_unsubp.disabled,
.btn_jhwpp.disabled {
  background: #EBEBEB !important;
  color: #ADADAD !important;
}

.fcinput3 {
  background: #FFFFFF;
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 100px;
  height: 50px;
  border: 0;

  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 140%;
  letter-spacing: 0.1em;
  color: #000000;
}

.fcinput3::placeholder {
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  display: flex;
  align-items: center;
  color: #ADADAD;
  letter-spacing: normal;
}

.erc {
  /* margin: 50px -10px 30px -10px;
  height: 163px;
  background: #70C6BD;
  display: flex;
  align-items: center;
  justify-content: center; */
  margin: 32px 10px;
  height: 147px;
  background: #120F40;
  border-radius: 16px;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn_ja_cancel {
  height: 50px;
  width: 100%;
  border: 0;
  margin: 0;
  box-shadow: unset;
  background: #FFFFFF;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 5px;

  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  /* identical to box height */
  text-align: center;
  color: #000000;
}

.btn_ja_confirm {
  height: 50px;
  width: 100%;
  border: 0;
  margin: 0;
  box-shadow: unset;
  background: #1092A7;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 5px;

  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  /* identical to box height */
  text-align: center;
  color: #FFFFFF !important;
}

.btn_pt_cancel {
  height: 50px;
  width: 100%;
  border: 0;
  margin: 0;
  box-shadow: unset;
  background: transparent;
  box-shadow: unset;
  border-radius: 5px;

  font-weight: 600;
  font-size: 15px;
  line-height: 150%;
  /* identical to box height */
  text-align: center;
  color: #ffffff;
}

.btn:hover,
.btn_ja_cancel:hover,
.btn_ja_confirm:hover,
.btn_pt_cancel:hover,
.btn_sub_unsubp:hover {
  /* filter: invert(0.1); */
  filter: none;
}

.join_anyway {
  background: #EBEBEB;
  box-shadow: 0px -1px 4px rgb(0 0 0 / 25%);
  border-radius: 0;
  padding: 30px 20px;
}

.ja_tickmark {
  margin: 36px 0 57px 0;
}

.pp_box {
  background: #120F40;
  /* box-shadow: 0px 0px 10px rgb(0 0 0 / 20%); */
  box-shadow: unset;
  border-radius: 12px;
  padding: 20px;
  margin: 0 10px;
}

.ptreesisters_desc {
  background: #120F40;
  /* opacity: 0.9; */
  border-radius: 16px;
  padding: 24px;
  margin: 0;
  height: auto;
  text-align: center;
}

.pradio {
  margin: 0 !important
}

.cfc15 {
  height: 50px;
  background: #EBEBEB;
  box-shadow: inset 1px 1px 2px rgb(0 0 0 / 10%);
  border-radius: 5px;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  /* identical to box height */
  text-align: left;
  letter-spacing: 0.1em;
  color: #000000;
}

.cfc15::placeholder {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  display: flex;
  align-items: center;
  color: #5D5D5D !important;
  border: 0;
  text-align: left;
  letter-spacing: normal;
}

.cfc15_select {
  height: 50px;
  background: #EBEBEB;
  box-shadow: inset 1px 1px 2px rgb(0 0 0 / 10%);
  border-radius: 5px;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  display: flex;
  align-items: center;
  color: #5D5D5D;
  border: 0;
  text-align: left;
}

.p_rc {
  min-height: 64px;
  height: auto;
  background: #120F40;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 12px;
  padding: 20px;
  letter-spacing: 2.4px;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  color: #FFF;
}

.btn_jhwpp {
  height: 100px;
  background: #1092A7;
  box-shadow: 1px 1px 2px rgb(0 0 0 / 25%);
  border-radius: 5px;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #FFFFFF !important;
  width: 100%;
  margin-bottom: 20px;
  white-space: break-spaces;
  padding: 0 6rem;
}

/* /partnership-app */

.modal.fade.in .modal_bottom_fixed,
.modal_bottom_fixed {
  bottom: 0;
  opacity: 1;
  right: 0;
  left: 0;
  margin: 0 auto;
  /* width: 98%; */
  position: absolute;
}

.va_middle {
  vertical-align: middle;
}

.mtb30px {
  margin-top: 30px;
  margin-bottom: 30px;
}

.c3 {
  font-size: 10pt;
  font-family: Roboto, sans-serif;
  color: #555a5e;
  background-color: transparent;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  text-decoration: none;
  vertical-align: baseline;
  white-space: pre;
  white-space: pre-wrap;
}

.c4 {
  font-size: 10pt;
  color: rgb(17, 85, 204);
  background-color: transparent;
  font-variant-numeric: normal;
  font-variant-east-asian: normal;
  text-decoration-line: underline;
  text-decoration-skip-ink: none;
  vertical-align: baseline;
  white-space: pre-wrap;
}

.pcfc {
  font-size: 14px;
  color: #000000;
}

.pcfc::-webkit-input-placeholder {
  color: #757575;
}

/* partnership report */
.btn_pr_code {
  box-shadow: unset;
  border: 0;
  margin: 0;
  background: #FFF;
  border-radius: 8px;
  padding: 5px 14px;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #E58D82;
  text-align: center;
  letter-spacing: 0.1em;
}

.pr_ab_wd {
  background: #F5F5F5;
  margin: 0 -10px;
  padding: 20px 0;
  border-top: 1px solid #DADADA;
  border-bottom: 1px solid #DADADA;
}

.vhr_02 {
  border: 1px solid #DADADA;
  margin: 0 auto;
  height: 60px;
  display: -webkit-inline-box;
  display: inline-block;
}

.panel_pr .panel-default {
  background: transparent;
  border: 0;
  padding: 0 20px;
  border-top: 1px solid #ADADAD;
  box-shadow: unset;
  border-radius: 0;
}

.panel_pr .panel-default>.panel-heading {
  background: transparent;
  border: 0;
  box-shadow: unset;
  padding: 20px 0;
}

.panel_pr .panel-default>.panel-heading+.panel-collapse>.panel-body {
  padding: 0 !important;
}

.prp {
  padding: 0 20px 0 0;
}

.pr_cnt {
  margin: 0 -10px;
  background: #FFC455;
  padding: 20px 0;
}

.pr_ia_title {
  background: #DADADA;
  height: 30px;
  display: flex;
  align-items: center;
  margin: 15px -10px 15px -10px;
  padding: 10px;
}

/* /partnership report */

/* wisdom exercise */
.btn_wed,
.btn_wec {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  font-weight: 500;
  font-size: 15px;
  line-height: 140%;
}

.btn_wed.inactive {
  background: #EBEBEB;
  box-shadow: unset;
  color: #ADADAD;
}

.btn_wed.active {
  background: linear-gradient(180deg, #61C0C0 0%, #4491A5 100%);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  color: #FFFFFF;
  font-weight: 500;
}

.btn_wed {
  background: #FFFFFF;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
  color: #1092A7;
  border: 0;
}

.btn_wec.active {
  background: #FFFFFF;
  color: #E58D82;
}

.btn_wec.inactive {
  /* background: #EBEBEB;
  box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.1);
  color: #ADADAD;
  border: 0; */

  background: #292D56;
  color: #FFFFFF;
}

.btn_wec.editable {
  /* background: #FFC455;
  box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.1);
  color: #000000;
  font-weight: 500;
  border: 0; */

  background: #E58D82;
  color: #FFF;
  filter: none;
}

.btn_wec.uneditable {
  /* background: linear-gradient(180deg, #61C0C0 0%, #4491A5 100%);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
  color: #FFFFFF;
  font-weight: 500;
  border: 0; */

  background: rgba(255, 255, 255, 0.25);
  /* background: rgba(41, 45, 86, 1); */
  color: rgba(255, 255, 255, 0.50);
}

.btn_wec {
  background: #292D56;
  /* border: 1px solid #1092A7;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
  color: #1092A7;
  margin-right: 10px !important; */
  box-shadow: unset;
  border: 0;
  color: #FFFFFF;
}

.wediv {

  padding: 10px 10px 20px 0 !important;
}

.wediv>.col-xs-3,
.wediv>.col-sm-3,
.wediv>.col-md-3,
.wediv>.col-lg-3 {
  display: inline-block;
  float: none;
  width: 30%;
  padding-left: 0;
  padding-right: 10px;
}

@media (min-width: 1024px) {

  .wediv>.col-xs-3,
  .wediv>.col-sm-3,
  .wediv>.col-md-3,
  .wediv>.col-lg-3 {
    width: 25%;
  }
}

.panel-default>.panel-heading+.panel-collapse>.panel-body.wepanel {
  background: #F5F5F5;
  margin: 0;
  padding: 20px 0 0 20px !important;
}

.plr0px {
  padding-left: 0;
  padding-right: 0;
}

.tn_we {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: 99;
  margin-top: 0 !important;
  height: 80px;
  border: 0;
  background: #292D56;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
  transition: all 1s ease;
  display: flex;
  align-items: center;
}

.form_we .session_no,
.form_we .session_time {
  color: #000000;
}

.form_we .session_name {
  color: #1092A7;
}

.wec_ul li {
  margin-bottom: 15px;
}

.ls_01 {
  letter-spacing: 0.1em;
}

.we_quotation {
  margin: 35px 0 0 0;
}

.we_hr {
  border: 1px solid #FFF;
  margin: 25px 0;
  opacity: 0.1;
}

.we_answer_here {
  height: 163px;
  width: 100%;
  background: #FFFFFF;
  box-shadow: inset 1px 1px 2px rgb(0 0 0 / 25%);
  border-radius: 10px;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 21px;
  color: #ADADAD;
  padding: 20px;
  outline: none;
  margin: 24px 0 0 0;
}

.we_answer_here:focus {
  font-size: 15px;
  line-height: 130%;
  /* or 19px */
  color: #5D5D5D;
  outline: none;
}

.we_answer_here.inactive {
  background: #EBEBEB;
}

.we_add_to_journal {
  margin: 0;
  border: 0;
  width: 100%;
  height: 50px;
  background: #E58D82;
  border-radius: 100px;

  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 150%;
  text-align: center;
  color: #FFFFFF;
}

.we_add_to_journal.active {
  background: #FFFFFF;
  color: #000000;
  box-shadow: unset;
}

.img_we_tm {
  width: 40px;
}

.we_ft {
  display: block;
  overflow: auto;
  white-space: nowrap;
  padding: 20px 20px;
  bottom: 0;
  background: #424675;
  box-shadow: 0px -1px 8px rgba(0, 0, 0, 0.2);
  /* height: 100px; */
}

.we_ft::-webkit-scrollbar {
  display: none;
}

.mfooter .carousel-indicators {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  background: #F5F5F5;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 20px 20%;
}

.mfooter .carousel-indicators h4 {
  text-shadow: none;
}

.we_ci {
  position: fixed;
  bottom: 125px;
  right: 0;
  left: 0;
  margin: 0 auto;
  padding: 20px 20px 40px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F5F5F5;
  z-index: 9;
}

.we_ci>.carousel-indicators {
  position: relative !important;
  width: 60% !important;
}

.wec_01 .carousel-indicators .active {
  width: unset !important;
  height: unset !important;
  margin: 0 !important;
  background: none !important;
}

/* /wisdom exercise */

.mlr0px {
  margin-left: 0;
  margin-right: 0;
}

.mt20pxi {
  margin-top: 20px !important;
}

/* adverts */
.bgdiv_adverts {
  background: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/tiles/adverts/bg_01.svg) no-repeat center center;
  background-size: cover;
  margin: 0 -10px;
  padding: 50px 10px 40px 10px;
}

.btn_yellow_01 {
  margin: 0;
  border: 0;
  height: 60px;
  background: linear-gradient(180deg, #FFC455 0%, #FFC455 100%);
  box-shadow: 0px 0px 1px rgb(0 0 0 / 25%);
  border-radius: 5px;
}

.flex_ai_imp {
  display: flex;
  align-items: center;
}

/* /adverts */

.dm_partnership {
  right: 10px;
  left: auto;
  list-style: none !important;
  margin: 1rem 0 0 0;
  border-radius: 0;
  border: 0;
  box-shadow: unset;
}

.dm_partnership>li>a {
  padding: 5px 10px !important;
}

/* #s1
{
  -webkit-transform: translate3d(230px, 0, 0);
  -moz-transform: translate3d(230px, 0, 0);
  -o-transform: translate3d(230px, 0, 0);
  -ms-transform: translate3d(230px, 0, 0);
  transform: translate3d(230px, 0, 0);
} */

.ci_ft_01 {
  bottom: 50px;
  /* background: orange; */
}

/* unbookmarked */
.unbookmarked_txt {
  margin: 12px 0 67px 0;
}

.unbookmarked_explore {
  margin: 36px 0 18px 0;
}

.unbookmarked_img {
  margin: 46px 0 0 0;
}

/* /unbookmarked */

.safari_tcenter {
  text-align: center !important;
}

.transcript-display {
  display: none;
}

.height_auto {
  height: auto;
}

.mb10rem {
  margin-bottom: 10rem;
}

.wec_01 .carousel-inner .item {
  transition: -webkit-transform 0s;
  transition: transform 0s;
  transition: transform 0s;
}

/* font weight */
.fw_700 {
  font-weight: 700 !important;
}

/* /font weight */

.mtb70px {
  margin-top: 70px;
  margin-bottom: 70px;
}

/* .ppr .panel-default:nth-child(1)
{
  border-top: 0 !important;
} */

.ppr .panel-default,
.ppr_wbb .panel-default {
  border-top: 0 !important;
  border-bottom: 1px solid #ADADAD;
}

.ppr_wbb .panel-default:last-child {
  border-bottom: 0 !important;
}

.ppr .panel-default>.panel-heading+.panel-collapse>.panel-body {
  padding: 0 0 10px 0 !important
}

.fc_5d5d5d {
  color: #5d5d5d !important;
}

.fc_adadad {
  color: #adadad !important;
}

/* adverts v1 */
.bg_adverts_01 {
  /* background: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/tiles/adverts/bg_02.svg) no-repeat center center; */
  /* margin: 0 -10px;
  padding: 50px 10px 40px 10px; */
  /* margin: 0;
  padding: 20px; */
  background: #FCF2EC;
  background-size: cover;
  margin: 0 -20px;
  padding: 20px;
}

/* /adverts v1 */

/* background with linear gradient */
.bg_lg_ffc4f5_01 {
  background: linear-gradient(180deg, #FFC455 0%, #FFC455 100%);
}

/* /background with linear gradient */

/* box shadow */
.bs_01 {
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25);
}

/* /box shadow */

/* border radius */
.br_30px {
  border-radius: 30px;
}

/* /border radius */

#panel_adverts .panel-title>a:after {
  content: "\f067";
  color: #5D5D5D;
}

#panel_adverts .panel-title>a[aria-expanded="true"]:after {
  content: "\f068";
}

#panel_adverts.panel-group .panel {
  background: none;
  border: 0;
  box-shadow: none;
}

#panel_adverts.panel-group .panel-heading {
  background: #FCF2EC;
  padding: 20px;
  margin: 0 0 0px 0;
  border-bottom: 0;
}

#panel_adverts .panel-default>.panel-heading+.panel-collapse>.panel-body {
  padding: 0px 20px 20px 20px !important;
  background: #FCF2EC;
}

/* #panel_adverts .panel-title
{
  margin-bottom: 15px;
} */

.advert_ft_ul {
  list-style-type: none !important;
  padding: 0;
}

.advert_ft_ul li {
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #120F40;
  margin-bottom: 20px;
}

.mb50px {
  margin-bottom: 50px;
}

.mb60px {
  margin-bottom: 60px;
}

.adverts_ft_social_btns {
  background: #FCF2EC;
  /* margin: 70px -10px 0 -10px; */
  padding: 40px 0;
  /* position: fixed;
  bottom: 0; */
  position: absolute;
  bottom: 0px;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: 9;
}

.pb_30rem {
  padding-bottom: 30rem;
}

.advert_ul_01 {
  padding: 0 25px;
  margin: 20px 0 0 0;
}

.advert_ul_01 li {
  margin-top: 20px;
}

/* .panel-title  a.saccordion:after {
  content: "\f078";
  font-family: 'FontAwesome';
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
} */

.panel-title a.saccordion[aria-expanded="true"] .panel-title>a:after {
  content: "\f077";
}

.parenta:after {
  content: "\f077";
}

.panel-title a.psaccordion:after {
  content: "";
}

.btn_scode {
  height: 40px;
  background: #FFFFFF;
  border: 1px solid #1092A7;
  border-radius: 5px;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: #1092A7;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
}

.opacity_pt75 {
  opacity: 0.75;
}

.ls_pt1em {
  letter-spacing: 0.1em;
}

.ls_pt2em {
  letter-spacing: 0.2em;
}

.ls_pt12em {
  letter-spacing: 0.12em;
}

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

.nextDayButton {
  background: linear-gradient(180deg, #61C0C0 0%, #4491A5 100%);
  box-shadow: 0px 0px 8px 0px #0000001A;
}

.hr_style_19 {
  border: 1px solid #5D5D5D;
}

.display_webkit_inline_box {
  display: -webkit-inline-box;
}

.hbtn_subscribe_ext {
  width: 106px;
}

.pl20pxi {
  padding-left: 20px !important;
}

.mlr20px {
  margin-left: 20px;
  margin-right: 20px;
}

.mr20px {
  margin-right: 20px;
}

.ad_search_icon {
  color: #5D5D5D;
  font-size: 20px;
  left: 8% !important;
  text-align: center;
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: 100%;
}

/* adverts hamburger */
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
  background-color: transparent;
}

.navbar-default .navbar-toggle {
  border: none;
}

.navbar-toggle span.icon-bar {
  transition: all 0.15s;
}

.navbar-toggle span:nth-child(2) {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}

.navbar-toggle span:nth-child(3) {
  opacity: 0;
}

.navbar-toggle span:nth-child(4) {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}

.navbar-toggle.collapsed span:nth-child(2),
.navbar-toggle.collapsed span:nth-child(4) {
  transform: rotate(0);
}

.navbar-toggle.collapsed span:nth-child(3) {
  opacity: 1;
}

.navbar-static-top {
  position: absolute;
  right: 0;
}

.navbar-header,
.navbar-nav,
.navbar-nav>li {
  float: none !important;
}

.navbar-toggle {
  display: block !important;
  right: unset;
  position: unset;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #5d5d5d;
}

#navbar {
  background: #FFF;
  padding: 40px 20px 0 20px;
  margin-top: 2px;
}

#navbar ul {
  height: 100vh;
  overflow: auto;
}

#navbar .nav>li>a {
  padding: 20px 10px 20px 10px;
  padding: 10px 0 10px 0;
  /* border-bottom: 1px solid #DADADA; */
  border-bottom: 1px solid rgba(18, 15, 64, 0.10);
}

#navbar .navbar-nav>.active>a,
#navbar .navbar-nav>.active>a:focus,
#navbar .navbar-nav>.active>a:hover {
  background-color: transparent;
  text-decoration: underline;
}

#navbar .nav>li>a:hover {
  text-decoration: underline;
}

.mr20pxi {
  margin-right: 20px !important;
}


.btn_htry_free {
  /* width: 115px;
  height: 40px;
  background: linear-gradient(180deg, #FFC455 0%, #FFC455 100%);
  box-shadow: 0px 0px 1px rgb(0 0 0 / 25%);
  border-radius: 20px;
  border: 0;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: #000000; */
  margin: 0;
  border: 0;
  height: 40px;
  width: 92px;
  background: #E58D82;
  border-radius: 20px;
  font-weight: 600;
  font-size: 12px;
  line-height: 140%;
  text-align: center;
  color: #FFF;
}

.mcflex_advertsh {
  height: 40px;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}

.mcflex_advertsh a {
  flex-grow: 1;
}

/* /adverts hamburger */

.rtltext {
  animation: fadeInRight 1s ease-in-out;
}

@keyframes fadeInRight {
  from {
    transform: translateX(300px);
  }
}

.ltrtext {
  animation: fadeInLeft 1s;
}

@keyframes fadeInLeft {
  from {
    transform: translateX(-300px);
  }
}

input[type="search"].hide_search::-webkit-search-cancel-button {
  display: none !important;
}

.ad_sclose_icon {
  color: #5D5D5D;
  font-size: 20px;
  right: 8% !important;
  text-align: center;
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: 100%;
  border: 0;
  pointer-events: all;
}

.ad_sclose_icon.fa-search:before {
  content: "\f00d";
}

.jbox2 {
  height: 60px !important;
  background: rgba(255, 255, 255, 0.75) !important;
  border: 0 !important;
  color: #5D5D5D;
  border-radius: 5px 0 0 5px;
  padding: 0 1rem !important;
}

.ellipsis_01 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-word;
}

/* newsletter */
@import url('https://fonts.mailerlite.com/css?family=Open+Sans:400,400i,700,700i&subset=cyrillic,cyrillic-ext,latin-ext');

#mlb2-5755373,
#mlb2-5755373 *,
#mlb2-5755373 a:hover,
#mlb2-5755373 a:visited,
#mlb2-5755373 a:focus,
#mlb2-5755373 a:active {
  overflow: visible;
  position: static;
  background: none;
  border: none;
  bottom: auto;
  clear: none;
  cursor: default;
  float: none;
  letter-spacing: normal;
  line-height: normal;
  text-align: left;
  text-indent: 0;
  text-transform: none;
  visibility: visible;
  white-space: normal;
  max-height: none;
  max-width: none;
  left: auto;
  min-height: 0;
  min-width: 0;
  right: auto;
  top: auto;
  width: auto;
  z-index: auto;
  text-shadow: none;
  box-shadow: none;
  outline: medium none;
}

#mlb2-5755373 a:hover {
  cursor: pointer !important;
}

#mlb2-5755373 h4 {
  font-weight: normal;
}

#mlb2-5755373 .subscribe-form {
  /* padding: 20px; */
  padding: 0;
  border: 0px solid #F6F6F6 !important;
  background: #FFFFFF none !important;
  border-radius: 0px !important;
  box-sizing: border-box !important;
}

#mlb2-5755373 .ml-block-form {
  margin-bottom: 0px;
}

#mlb2-5755373 .subscribe-form .form-section {
  margin-bottom: 20px;
  width: 100%;
}

#mlb2-5755373 .subscribe-form .form-section.mb10 {
  margin-bottom: 10px;
  float: left;
}

#mlb2-5755373 .subscribe-form .form-section.mb0 {
  margin-bottom: 0px;
}

#mlb2-5755373 .subscribe-form .form-section h4 {
  margin: 0px 0px 10px 0px !important;
  padding: 0px !important;
  color: #000000 !important;
  font-family: 'Open Sans', sans-serif !important;
  font-size: 28px !important;
  line-height: 100%;
  text-align: left !important;
}

#mlb2-5755373 .subscribe-form .form-section p,
#mlb2-5755373 .subscribe-form .form-section li {
  line-height: 150%;
  padding: 0px !important;
  margin: 0px 0px 10px 0px;
  color: #000000 !important;
  font-family: 'Open Sans', sans-serif !important;
  font-size: 14px !important;
}

#mlb2-5755373 .subscribe-form .form-section a {
  font-size: 14px;
}

#mlb2-5755373 .subscribe-form .form-section .confirmation_checkbox {
  line-height: 150%;
  padding: 0px !important;
  margin: 0px 0px 15px 0px !important;
  color: #000000 !important;
  font-family: 'Open Sans', sans-serif !important;
  font-size: 12px !important;
  font-weight: normal !important;
}

#mlb2-5755373 .subscribe-form .form-section .confirmation_checkbox input[type="checkbox"] {
  display: inline-block;
  margin-right: 5px !important;
  opacity: 1;
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
}

#mlb2-5755373 .subscribe-form .form-section .form-group {
  margin-bottom: 15px;
}

#mlb2-5755373 .subscribe-form .form-section .form-group label {
  float: left;
  margin-bottom: 10px;
  width: 100%;
  line-height: 100%;
  color: #000000 !important;
  font-family: 'Open Sans', sans-serif !important;
  font-size: 14px !important;
}

#mlb2-5755373 .subscribe-form .form-section .checkbox {
  width: 100%;
  margin: 0px 0px 10px 0px;
}

#mlb2-5755373 .subscribe-form .form-section .checkbox label {
  color: #000000 !important;
  font-family: 'Open Sans', sans-serif !important;
  font-size: 14px !important;
}

#mlb2-5755373 .subscribe-form .form-section .checkbox input {
  margin: 0px 5px 0px 0px;
}

#mlb2-5755373 .subscribe-form .form-section .checkbox input[type="checkbox"] {
  display: inline-block;
  opacity: 1;
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
}

#mlb2-5755373.ml-subscribe-form .form-group .form-control {
  width: 100%;
  font-size: 13px;
  padding: 10px 10px;
  height: auto;
  font-family: Arial;
  border-radius: 5px;
  border: 0px solid #000000 !important;
  color: #5D5D5D !important;
  background-color: #EBEBEB !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  clear: left;
}

#mlb2-5755373.ml-subscribe-form button {
  border: none !important;
  cursor: pointer !important;
  width: 100% !important;
  border-radius: 40px !important;
  height: 45px !important;
  background-color: #E58D82 !important;
  color: #ffffff !important;
  font-family: 'Arial', sans-serif !important;
  font-size: 18px !important;
  text-align: center !important;
  padding: 0 !important;
  margin: 0 !important;
  position: relative !important;
}

#mlb2-5755373.ml-subscribe-form button.gradient-on {
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
  background: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
}

#mlb2-5755373.ml-subscribe-form button.gradient-on:hover {
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
  background: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
}

#mlb2-5755373.ml-subscribe-form button[disabled] {
  cursor: not-allowed !important;
}

#mlb2-5755373.ml-subscribe-form .form-section.ml-error label {
  color: red !important;
}

.ml-error {
  color: red !important;
  height: 200px;
  background-color: black;
}

#mlb2-5755373.ml-subscribe-form .form-group.ml-error .form-control {
  border-color: red !important;
}

@media (max-width: 768px) {
  #mlb2-5755373 {
    width: 100% !important;
  }

  #mlb2-5755373 form.ml-block-form,
  #mlb2-5755373.ml-subscribe-form .subscribe-form {
    width: 100% !important;
  }
}

.adsearch {
  position: absolute;
  /* top: 60px; */
  top: 50px;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  margin: 0 auto;
  z-index: 9;
  border-radius: 0;
}

.adsearch_ul {
  /* border: 1px solid #EBEBEB; */
  border-radius: 0 0 20px 20px;
  /* border-top: 2px solid #EBEBEB; */
  border: 0;
  max-height: 19.3rem;
  overflow-y: overlay;
}

.adsearch_ul .list-group-item {
  border-radius: 0 !important;
  /* border: 0; */
  border-bottom: 2px solid #EBEBEB;
}

.adsearch_ul .list-group-item:last-child {
  border-radius: 0 0 18px 18px !important;
}

.asi_extended {
  overflow: overlay;
  /* height: 75%; */
  height: inherit;
  z-index: 99;
}

.ass_01_extended {
  right: 0px;
  left: 0px;
  padding: 0 20px 21px 20px;
}

.pfy_search_icon_ext {
  left: 13px !important;
}

.ad_sclose_icon_ext {
  right: 13px !important;
}

.ad_sclose_icon_ext_01 {
  right: 30px !important;
}

.hr_hamburger {
  border: 1px solid white;
  margin: 30px 0;
}

.hamburger_sociali {
  display: flex;
  align-items: center;
  justify-content: center;
}

.hamburger_sociali a {
  margin: 0 15px;
}

.btn_subscription_options[disabled] {
  /* background: #EBEBEB !important;
  border: #EBEBEB;
  color: #000000; */
}

.bg_adverts_hwp {
  object-fit: cover;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0 !important;
  left: 0;
  right: 0;
  bottom: 0;
}

.bg_nonei {
  background: none !important;
}

.btn_gow_proceed {
  width: 100%;
  height: 50px;
  background: #E58D82;
  box-shadow: 1px 1px 2px rgb(0 0 0 / 25%);
  border-radius: 100px;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 150%;
  text-align: center;
  color: #FFFFFF;
  margin-right: 0;
  margin-bottom: 0 !important;
}

.mt15rem {
  margin-top: 15rem;
}

.gow_header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  padding: 20px;
  z-index: 99;
}

.btn_dropdown {
  margin: 0 !important;
  border: 0;
  box-shadow: unset;
}

.dropdown_outer ul {
  list-style-type: none !important;
  width: 100%;
}

.dropdown_outer .ffad {
  font-size: 18px;
  text-align: right;
  float: right;
}

.cfc10::-webkit-input-placeholder {
  color: #5D5D5D !important;
}

.fctd {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 99;
  bottom: 11%;
  margin: 0 auto;
  float: right !important;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 20px !important;
}

.fctd .btn-warning {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #ffc455;
  border: 0;
}

/* tooltip */
/* START TOOLTIP STYLES */
[tooltip] {
  position: relative;
  /* opinion 1 */
}

/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::after {
  text-transform: none;
  /* opinion 2 */
  font-size: .9em;
  /* opinion 3 */
  line-height: 1;
  user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}

[tooltip]::before {
  content: '';
  border: 5px solid transparent;
  /* opinion 4 */
  z-index: 1001;
  /* absurdity 1 */
}

[tooltip]::after {
  content: attr(tooltip);
  /* magic! */

  /* most of the rest of this is opinion */
  font-family: Helvetica, sans-serif;
  text-align: center;

  /*
    Let the content set the size of the tooltips
    but this will also keep them from being obnoxious
    */
  min-width: 3em;
  max-width: 21em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 1ch 1.5ch;
  border-radius: .3ch;
  box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
  background: #333;
  color: #fff;
  z-index: 1000;
  /* absurdity 2 */
  font-size: 16px;
}

/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
  display: block;
}

/* don't show empty tooltips */
[tooltip='']::before,
[tooltip='']::after {
  display: none !important;
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #333;
}

[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
  bottom: calc(100% + 5px);
}

[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
  left: 50%;
  transform: translate(-50%, -.5em);
}

/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #333;
}

[tooltip][flow^="down"]::after {
  top: calc(100% + 5px);
}

[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
  left: 50%;
  transform: translate(-50%, .5em);
}

/* FLOW: LEFT */
[tooltip][flow^="left"]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #333;
  left: calc(0em - 5px);
  transform: translate(-.5em, -50%);
}

[tooltip][flow^="left"]::after {
  top: 50%;
  right: calc(100% + 5px);
  transform: translate(-.5em, -50%);
}

/* FLOW: RIGHT */
[tooltip][flow^="right"]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #333;
  right: calc(0em - 5px);
  transform: translate(.5em, -50%);
}

[tooltip][flow^="right"]::after {
  top: 50%;
  left: calc(100% + 5px);
  transform: translate(.5em, -50%);
}

/* KEYFRAMES */
@keyframes tooltips-vert {
  to {
    opacity: .9;
    transform: translate(-50%, 0);
  }
}

@keyframes tooltips-horz {
  to {
    opacity: .9;
    transform: translate(0, -50%);
  }
}

/* FX All The Things */
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
  animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
  animation: tooltips-horz 300ms ease-out forwards;
}

/* /tooltip */

.plr30px {
  padding-right: 30px;
  padding-left: 30px;
}

.br_tr_br {
  border-radius: 5px 0 0 5px;
}

.box_blog {
  background: #FFFFFF;
  box-shadow: 1px 1px 4px rgb(0 0 0 / 25%);
  border-radius: 10px;
}

.box_blog img {
  /* min-height: 100px !important; */
  height: 100px !important;
  object-fit: cover;
  object-position: center;
  border-radius: 10px 0 0 10px;
}

.box_blog h4 {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 75ch;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.br_10px {
  border-radius: 10px;
}

.br_tl_bl_10px {
  border-radius: 10px 0 0 10px;
}

.box_ws {
  height: 100px;
}

.box_ws h4 {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 75ch;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.btn_select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 6px 12px;
  margin: 0 !important;
  border: 0;
  box-shadow: unset;
}

label.select_label:after {
  content: "\f107";
  font-family: FontAwesome;
  font-size: 18px;
  width: 100%;
  position: absolute;
  right: 12px;
  top: 0;
  bottom: 0;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: #fff;
}

.tn_bv {
  position: relative;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: 9;
}

.bg_bv {
  background: none !important;
}

#free_limt {
  backdrop-filter: blur(0px);
  background: rgba(255, 255, 255, 0);
}

.oh_fcblue:hover,
.oh_fcblue:focus {
  color: royalblue !important;
}

/* event accordion  */
#accordion_event .panel-default>.panel-heading {
  background: transparent;
  border: 0;
  /* padding: 0 0 16px 0; */
  padding: 0;
}

#accordion_event.panel-group .panel {
  border: 0;
  box-shadow: unset;
}

#accordion_event .panel-title>a:after {
  /* content: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/icons/accordion_down.svg); */
  content: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/v1_3/accordion_down_white.svg);
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  bottom: 0;
}

#accordion_event .panel-title>a[aria-expanded="true"]:after {
  /* content: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/icons/accordion_up.svg); */
  content: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/v1_3/accordion_up_white.svg);
}

#accordion_event .panel-body {
  padding: 20px 0 0px 0 !important;
}

/* /event accordion  */

.divider_03 {
  border: 1px solid #DADADA;
  margin: 15px 0 15px 0;
}

.lww_2r_5t {
  grid-template-columns: repeat(5, 42%);
}

@media (min-width: 1200px) {
  .lww_2r_5t {
    grid-template-columns: repeat(5, 30%);
  }
}

/* teenagers */
.btn_intro_splash {
  padding: 0;
  height: 120px;
  width: 205px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid #FFFFFF;
  border-radius: 10px;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  white-space: break-spaces;
  color: #ffffff;
}

.btn_intro_splash:hover,
.btn_intro_splash:focus {
  background: #FFC455;
  color: #000000 !important;
  border: 1px solid #FFFFFF;
  filter: unset;
}

.tci {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  padding: 20px 20px 40px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
  z-index: 9;
}

.tc .carousel-indicators {
  bottom: 40px !important;
}

.activebtn {
  background: #70C6BD;
  border: 0;
  color: #FFFFFF !important;
  filter: unset !important;
}

.tpfys {
  padding: 20px 0px !important;
}

/* /teenagers */
.h-240 {
  height: 240px;
}

.htxt:hover {
  color: #ffc455;
  filter: brightness(1.2);
}

.htxtspan:hover {
  cursor: auto !important;
}

.videowrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
}

.videowrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.popup_02 {
  background: linear-gradient(180deg, #1092A7 -1.41%, #70C6BD 100%);
  box-shadow: 0px 0px 10px rgb(0 0 0 / 25%);
  border-radius: 10px;
  min-height: 200px;
  width: 315px;
  transform: translate(0, 50%);
  /* text-align: center; */
}

.popup_02 .modal-body {
  padding: 0 15px 15px 15px;
}

.popup_02 .modal-footer {
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  bottom: 0;
  /* text-align: center; */
}

.popup_03 {
  background: #FFFFFF;
  box-shadow: 0px 0px 10px rgb(0 0 0 / 25%);
  border-radius: 10px;
  min-height: 200px;
  width: 350px;
  /* text-align: center; */
}

.popup_03 .modal-footer button {
  margin: 0 !important;
}

.popup_03 .modal-content {
  border: 0;
  box-shadow: unset;
}

.popup_04 {
  background: linear-gradient(180deg, #1092A7 -1.41%, #70C6BD 100%);
  box-shadow: 0px 0px 10px rgb(0 0 0 / 25%);
  border-radius: 10px;
  min-height: 100px;
  width: 315px;
  transform: translate(0, 50%);
  /* text-align: center; */
}

.popup_04 .modal-body {
  padding: 0 15px 0 15px;
}

.popup_04 .modal-footer {
  position: relative;
  right: 0;
  left: 0;
  margin: 0 auto;
  bottom: 0;
  /* text-align: center; */
}

/* version - 03 */

body * {
   font-family: Poppins !important; 
}

.nav_v3 {
  background: rgba(0, 0, 0, 0.1);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.box_v3_01 {
  background: #9B526A;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
  padding: 20px;
}

.box_v3_02 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hr_style_v3_01 {
  border: 1px solid #FFFFFF;
  opacity: 0.1;
  margin: 30px 0;
}

.hr_style_v3_02 {
  border: 1px solid #FFFFFF;
  opacity: 0.1;
  margin: 20px 0;
}

.odiv_mdp>[class^="col-"] {
  width: 25%;
  margin: 0 20px 0 0;
  padding: 0;
}

.btn_cytoc {
  background: #FFFFFF;
  border-radius: 8px;
  width: 100%;
  height: 32px;
  border: 0;
}

.odiv_user>[class^="col-"] {
  width: 75%;
}

.box_v3_03 {
  /* height: 412px; */
  height: 422px;
  background: #120F40;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 12px;
  padding: 15px !important;
  margin-right: 10px;
  white-space: normal;
}

.box_v3_03 h4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* word-break: break-word; */
}

.ls_0_1em {
  letter-spacing: 0.1em;
}

.ws_normal {
  white-space: normal;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body.aepanel {
  background: #120F40;
  border: 1px solid #384079;
  border-radius: 12px;
  padding: 0 0 20px 0 !important;
  margin: 0 20px;
}

.v3_btn_subscribe_premium {
  background: #120F40;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 5px;
  padding: 0;
  margin-right: 0px;
  margin-bottom: 0px !important;
  width: 100%;
}

.v3_subscribe_premium {
  width: 100%;
  border-radius: 5px 0 0 5px;
}

.pt1 .ttxt {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  word-break: break-word;
}

.pt10px {
  padding-top: 10px;
}

.fa {
  font-family: "Font Awesome 6 Free" !important;
  font-weight: var(--fa-style, 900) !important;
}

.div_ru {
  margin-top: 30px;
}

.div_ru a .row {
  height: 100px;
  /* background: #834B66; */
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 12px;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}

.div_ru .row:hover,
.div_fbn .row:hover,
.div_sate button:hover,
.div_fi_a button:hover,
.div_fi_b button:hover {
  filter: brightness(90%);
}

.div_ru a:nth-child(1) .row {
  background: #834B66;
}

.div_ru a:nth-child(2) .row {
  background: #9B526A;
}

.div_ru a:nth-child(3) .row {
  background: #B35A6D;
}

.div_ru a:nth-child(4) .row {
  background: #CB6171;
}

.div_ru a:nth-child(5) .row {
  background: #D47077;
  margin-bottom: 0;
}

.div_ru .fa {
  color: #ffffff;
  font-size: 20px;
}

.mt80px {
  margin-top: 80px;
}

.tn_title_back {
  height: 80px;
  background: #292D56;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  z-index: 9;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
}

.div_fbn a .row {
  height: 60px;
  background: #120F40;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  margin-bottom: 10px;
}

.div_fbn a:last-child .row {
  margin-bottom: 0;
}

.div_sate button {
  height: 100px;
  width: 100%;
  border: 0;
  box-shadow: unset;
  margin: 0;
  border-radius: 12px;
  /* background: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/v1_3/btn_sate_01.svg) no-repeat; */
  background-size: cover !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.div_sate .col-lg-6:nth-child(even) {
  padding-right: 0;
  padding-left: 5px;
}

.div_sate .col-lg-6:nth-child(odd) {
  padding-left: 0;
  padding-right: 5px;
}

.div_sate .col-lg-6:nth-child(1) button {
  /* background: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/v1_3/btn_sate_01.svg) no-repeat; */
  background: #834B66;
}

.div_sate .col-lg-6:nth-child(2) button {
  /* background: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/v1_3/btn_sate_02.svg) no-repeat; */
  background: #CB6171;
}

.div_sate .col-lg-6:nth-child(3) button {
  /* background: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/v1_3/btn_sate_03.svg) no-repeat; */
  background: #E58D82;
}

.div_sate .col-lg-6:nth-child(4) button {
  /* background: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/v1_3/btn_sate_04.svg) no-repeat; */
  background: #834B66;
}

.div_sate .col-lg-6:nth-child(5) button {
  /* background: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/v1_3/btn_sate_05.svg) no-repeat; */
  background: #CB6171;
}

.div_sate .col-lg-6:nth-child(6) button {
  /* background: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/v1_3/btn_sate_06.svg) no-repeat; */
  background: #E58D82;
}

.div_sate .col-lg-6:nth-child(7) button {
  /* background: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/v1_3/btn_sate_07.svg) no-repeat; */
  background: #834B66;
}

.div_sate .col-lg-6:nth-child(8) button {
  /* background: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/v1_3/btn_sate_08.svg) no-repeat; */
  background: #CB6171;
}

.div_sate .col-lg-6,
.div_fi_a .col-lg-6,
.div_fi_b .col-lg-6 {
  padding-bottom: 10px;
}

.div_sate .col-lg-6:last-child,
.div_fi_a .col-lg-6:nth-last-child(2),
.div_fi_a .col-lg-6:last-child,
.div_fi_a .col-lg-6:nth-last-child(2)

/* .div_fi_b .col-lg-6:last-child,
.div_fi_b .col-lg-6:nth-last-child(2) */
  {
  padding-bottom: 0;
}

.div_fi_a button {
  height: 100px;
  width: 100%;
  border: 0;
  box-shadow: unset;
  margin: 0;
  background: #834B66;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
}

.div_fi_a img,
.div_fi_b img {
  margin-bottom: 7px;
}

.div_fi_a .col-lg-6:nth-child(even),
.div_fi_b .col-lg-6:nth-child(even) {
  padding-right: 0;
  padding-left: 5px;
}

.div_fi_a .col-lg-6:nth-child(odd),
.div_fi_b .col-lg-6:nth-child(odd) {
  padding-left: 0;
  padding-right: 5px;
}

.div_fi_a .col-lg-6:nth-child(1) button {
  background: #834B66;
}

.div_fi_a .col-lg-6:nth-child(2) button {
  background: #CB6171;
}

.div_fi_a .col-lg-6:nth-child(3) button {
  background: #E58D82;
}

.div_fi_a .col-lg-6:nth-child(4) button {
  background: #834B66;
}

.div_fi_a .col-lg-6:nth-child(5) button {
  background: #CB6171;
}

.div_fi_a .col-lg-6:nth-child(6) button {
  background: #E58D82;
}

.div_fi_b button {
  height: 100px;
  width: 100%;
  border: 0;
  box-shadow: unset;
  margin: 0;
  background: #120F40;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
}

.ptileno {
  position: absolute;
  top: 10px;
  left: 10px;
}

.ptilemodule {
  position: absolute;
  bottom: 10px;
  left: 10px;
}

.odiv_pathway {
  padding: 0 0 10px 0;
}

.odiv_pathway>[class^="col-"] {
  width: 65%;
  padding: 0 20px 0 0 !important;
}

.odiv_pathway>[class^="col-"]:last-child {
  /* margin: 0 20px 0 0 !important; */
  margin: 0 0px 0 0 !important;
}

.mr-20pxi {
  margin-right: -20px !important;
}

.mtb10pxi {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.ws_preline {
  white-space: pre-line;
}

.pimgrow {
  display: flex;
  gap: 10px
}

.pimgrow a {
  width: 20%;
}

.pimgrow a img {
  width: 100%;
}

.pimgrow a img.active {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.box_v3_04,
.box_v3_04b {
  height: 210px;
  background: #120F40;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 12px;
  padding: 15px !important;
  margin-bottom: 10px;
  white-space: normal;
}

.box_v3_04 img,
.box_v3_04a img {
  width: 100%;
  height: 100px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 6px;
  object-fit: cover;
}

.box_v3_04b img {
  width: 100%;
  height: 100px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 6px;
  object-fit: cover;
}

.msrow>[class^="col-"]:nth-child(odd) {
  padding-left: 0;
  padding-right: 5px;
}

.msrow>[class^="col-"]:nth-child(even) {
  padding-right: 0;
  padding-left: 5px;
}

.box_v3_05 {
  background: #120F40;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 12px;
  padding: 20px !important;
  white-space: normal;
}

.cpanel>.panel-heading {
  background-color: #292D56;
  border-color: transparent;
  padding: 0 0 15px 0;
}

.cpanel-group .panel-heading+.panel-collapse>.panel-body {
  border-top: unset
}

.cpanel {
  border: unset;
  box-shadow: unset;
  background-color: transparent;
}

.odiv_wfgi {
  /* padding: 0 0 10px 0; */
  padding: 0 8px 10px 0;
}

.odiv_wfgi>[class^="col-"] {
  width: 95%;
}

.odiv_wfgi>[class^="col-"] {
  padding-right: 12px !important;
}

.odiv_wfgi>[class^="col-"]:last-child {
  /* padding-right: 20px !important; */
  padding-right: 0;
}

.img_absolute_01 {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ls_1_2px {
  letter-spacing: 1.2px;
}

.box_v3_06 {
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: #120F40;
  padding: 15px !important;
  margin-bottom: 10px;
}

.fbns {
  margin-top: 20px;
}

.fbns a:last-child .box_v3_06 {
  margin-bottom: 0;
}

.cpanel .panel-title>a[aria-expanded="true"]:after,
.panel-title>a:after {
  display: none;
}

.box_v3_07 {
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: #120F40;
}

.box_v3_07 .div_gm {
  padding: 15px 15px 15px 15px;
}

.hr_style_v3_03 {
  border: 1px solid #FFFFFF;
  opacity: 0.1;
  margin: 5px 0;
}

.hr_style_v3_04 {
  border: 1px solid #FFFFFF;
  opacity: 0.1;
  margin: 0;
}

.msrow>[class^="col-"]:last-child .box_v3_04,
.msrow>[class^="col-"]:last-child .box_v3_04a,
.msrow>[class^="col-"]:last-child .box_v3_04b {
  margin-bottom: 0;
}

.ls a:last-child .box_v3_06 {
  margin-bottom: 0;
}

.fas_box {
  border-radius: 12px;
  /* background: #CB6171; */
  padding: 20px;
  height: 116px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}

.fas_div a:nth-child(1) .fas_box {
  background: #CB6171;
}

.fas_div a:nth-child(2) .fas_box {
  background: #E8A880;
}

.hr_style_v3_05 {
  border: 1px solid #FFFFFF;
  opacity: 0.25;
}

.sc_02_v3 {
  text-align: left;
  min-height: calc(100vh - 125px) !important;
  padding: 20px 20px;
}

.btn_prev_v3 {
  background: transparent;
  border: 0;
  padding: 0;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  display: flex;
  align-items: center;
  color: #fff !important;
}

.btn_next_v3 {
  border-radius: 20px;
  background: #FFF;
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.25);
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}

.btn_prev_v3:hover {
  color: #ffffff;
}

.toc_nvmenu_v3 {
  /* height: 80px;
  background: #292D56;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
  position: fixed; */
  height: 80px;
  background: #292D56;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: 99;
  display: flex;
  align-items: center;
  padding: 0 20px;
}

.w30pi {
  width: 30% !important;
}

.tn_ctitle {
  list-style-type: none !important;
  margin: 0;
  padding: 0;
}

.mc_01_v3 {
  padding: 8rem 0 0 0 !important;
}

.toc_adiv a .row {
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: #120F40;
  min-height: 88px;
  margin-bottom: 10px;
  padding: 20px;
  /* margin: 0 10px 10px 10px; */
}

.toc_adiv a:last-child .row {
  margin-bottom: 0;
}

.box_v3_04a {
  height: 173px;
  background: #120F40;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 12px;
  padding: 15px !important;
  margin-bottom: 10px;
  white-space: normal;
}

.pl20pxi {
  padding-left: 20px !important;
}

.session_img {
  width: 100%;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.25);
}

.session_img_play {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}

/* v3 - five dots */
.phbtns {
  position: relative;
  height: 25px;
}

.phbtns a .btn {
  border-radius: 50%;
  height: 7px;
  width: 7px;
  margin: 0;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: transparent;
}

.phbtns a .btn.active {
  background: #FFFFFF;
}

.phbtns a:nth-child(1) .btn {
  position: absolute;
  /* top: 0;
  left: 4.1%; */
  top: 0;
  left: 2.1%;
}

.phbtns a:nth-child(2) .btn {
  position: absolute;
  /* top: 6%;
  left: 2%; */
  top: 25%;
  left: 0%;
}

.phbtns a:nth-child(3) .btn {
  position: absolute;
  /* top: 6%;
  left: 6%; */
  top: 25%;
  left: 4%;
}

.phbtns a:nth-child(4) .btn {
  position: absolute;
  /* top: 15%;
  left: 5.3%; */
  top: 60%;
  left: 3.4%;
}

.phbtns a:nth-child(5) .btn {
  position: absolute;
  /* top: 15%;
  left: 2.7%; */
  top: 60%;
  left: 0.7%;
}

/* /v3 - five dots */

/* find answers navtabs */
.fqant {
  /* border-bottom: 1px solid #ADADAD; */
  border: 0;
}

.fqant>li {
  margin-bottom: 0;
  width: 50%;
}

.fqant>li.active>a,
.fqant>li.active>a:focus,
.fqant>li.active>a:hover {
  cursor: default;
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #E58D82;
  margin-bottom: -1px;
  color: #E58D82;
}

.fqant>li>a:hover {
  border: 0;
}

.fqant>li>a {
  position: relative;
  display: block;
  padding: 16px;
  text-align: center;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  border: 0;
}

.div_fq a .row {
  height: auto;
  background: #120F40;
  border: 0;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  margin-bottom: 10px;
}

.div_fq a:last-child .row {
  margin-bottom: 0;
}

.div_fq .row:hover {
  filter: brightness(90%);
}

.box_v3_08 {
  border-radius: 12px;
  border: 0;
  background: #120F40;
  padding: 15px !important;
  margin-bottom: 10px;
}

.div_fa a:last-child .box_v3_08 {
  margin-bottom: 0;
}

/* /find answers navtabs */

.ct_update {
  height: 50px;
  width: 155.5px;
  border-radius: 100px;
  background: #E58D82;
  border: 0;
  box-shadow: unset;
  margin: 0 !important;
  padding: 0;
}

.ct_update.disabled {
  background: #F2C6C1;
}

.ct_next {
  height: 50px;
  width: 100%;
  border-radius: 100px;
  background: #E58D82;
  border: 0;
  box-shadow: unset;
  margin: 0 !important;
  padding: 0;
}

.ct_next.disabled {
  background: rgba(229, 141, 130, 0.25);
}

.ct_next.disabled h4 {
  color: rgba(255, 255, 255, 0.25);
}

/* change topic buttons */
.div_ct button:hover {
  /* filter: brightness(90%); */
  border: 1px solid #FFF;
  /* background-color: unset !important; */
}

.div_ct button:active,
.div_ct button:focus {
  opacity: 1;
}

.div_ct button {
  height: 100px;
  width: 100%;
  border: 0;
  box-shadow: unset;
  margin: 0;
  border-radius: 12px;
  background-size: cover !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  /* opacity: 0.5; */
}

.div_ct .col-lg-6:nth-child(even) {
  padding-right: 0;
  padding-left: 5px;
}

.div_ct .col-lg-6:nth-child(odd) {
  padding-left: 0;
  padding-right: 5px;
}

.div_ct .col-lg-6:nth-child(1) button {
  /* background: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/v1_3/btn_sate_01.svg) no-repeat; */
  background: #834B66;
}

.div_ct .col-lg-6:nth-child(2) button {
  /* background: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/v1_3/btn_sate_02.svg) no-repeat; */
  background: #CB6171;
}

.div_ct .col-lg-6:nth-child(3) button {
  /* background: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/v1_3/btn_sate_03.svg) no-repeat; */
  background: #E58D82;
}

.div_ct .col-lg-6:nth-child(4) button {
  /* background: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/v1_3/btn_sate_04.svg) no-repeat; */
  background: #834B66;
}

.div_ct .col-lg-6:nth-child(5) button {
  /* background: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/v1_3/btn_sate_05.svg) no-repeat; */
  background: #CB6171;
}

.div_ct .col-lg-6:nth-child(6) button {
  /* background: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/v1_3/btn_sate_06.svg) no-repeat; */
  background: #E58D82;
}

.div_ct .col-lg-6:nth-child(7) button {
  /* background: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/v1_3/btn_sate_07.svg) no-repeat; */
  background: #834B66;
}

.div_ct .col-lg-6:nth-child(8) button {
  /* background: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/v1_3/btn_sate_08.svg) no-repeat; */
  background: #CB6171;
}

.div_ct .col-lg-6 {
  padding-bottom: 10px;
}

.div_ct .col-lg-6:last-child {
  padding-bottom: 0;
}

/* /change topic buttons */

.se_box>[class^="col-"]>button,
.me_box>[class^="col-"]>button {
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.10);
  background: #120F40;
  padding: 20px 16px;
  margin: 0;
  margin: 0 5px;
  min-height: 160px;
}

.div_ns {
  border-radius: 16px;
  border: 1px solid rgba(204, 204, 204, 0.25);
  background: #120F40;
  padding: 20px;
}

.box_v3_rqtn {
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  padding: 20px;
}

.box_v3_rans {
  border-radius: 12px;
  border: 1px solid rgba(204, 204, 204, 0.25);
  background: #120F40;
  font-size: 15px;
  font-weight: 400;
  line-height: 150%;
  color: rgba(255, 255, 255, 0.70);
}

.div_yes_no .btn {
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.10);
  width: 100%;
  margin: 30px 0 0 0;
  height: 50px;
  font-size: 15px;
  font-weight: 600;
  line-height: 150%;
  color: #ffffff;
}

.div_yes_no>[class^="col-"]:nth-child(1) {
  padding-right: 5px !important;
}

.div_yes_no>[class^="col-"]:nth-child(2) {
  padding-left: 5px !important;
}

.div_yes_no .btn:active,
.div_yes_no .btn:focus {
  background: #E58D82;
}

.hr_style_v3_06 {
  border: 1px solid #FFFFFF;
  opacity: 0.1;
  margin: 10px 0;
}

.btn_next_fs {
  height: 50px;
  border-radius: 100px;
  background: #E58D82;
  width: 100%;
  font-size: 15px;
  font-weight: 600;
  line-height: 150%;
  color: #FFF;
  margin: 0;
  border: 0;
  box-shadow: unset;
}

.box_shadow_unset {
  box-shadow: unset;
}

.textarea_fs {
  background: transparent;
  font-size: 15px;
  color: rgba(255, 255, 255, 0.50);
  font-weight: 400;
  line-height: 150%;
  border: 0;
  padding: 0;
}

.textarea_fs::placeholder {
  color: rgba(255, 255, 255, 0.50) !important;
}

.btn_e58d82 {
  height: 50px;
  width: 100%;
  border: 0;
  box-shadow: unset;
  margin: 0;
  border-radius: 100px;
  background: #E58D82;
  font-size: 15px;
  color: #ffffff !important;
  font-weight: 600;
  line-height: 150%;
}

.btn_e58d82t {
  /* height: 50px; */
  width: 100%;
  border: 0;
  box-shadow: unset !important;
  margin: 0;
  border-radius: 100px;
  background: transparent;
  font-size: 15px;
  color: #E58D82 !important;
  font-weight: 600;
  line-height: 150%;
  padding: 0;
}

/* progress tab */
.progress_tabs {
  border-bottom: 0;
  border-radius: 12px;
  background: #120F40;
  padding: 8px;
}

.progress_tabs>li {
  margin-bottom: -2px;
  width: 50%;
}

.progress_tabs>li.active>a,
.progress_tabs>li.active>a:focus,
.progress_tabs>li.active>a:hover {
  height: 40px;
  border: 0;
  border-radius: 6px;
  background: #E58D82;
  font-size: 15px;
  font-weight: 600;
  line-height: 150%;
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
}

.progress_tabs>li>a {
  color: #A0A3BD;
  font-size: 15px;
  font-weight: 400;
  line-height: 150%;
  height: 40px;
  border: 0;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.div_tv {
  border-radius: 10px;
  background: #120F40;
  padding: 15px;
}

.div_tv .row:last-child {
  margin-bottom: 0;
}

/* /progress tab */
.div_qod {
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: #120F40;
  padding: 24px;
  margin-top: 30px;
}

.gqtns_recent_tabs .btn:last-child {
  margin-right: 0;
}

.cfc_v3_01 {
  background-color: transparent;
  color: black;
  border-radius: 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.25);
  padding: 20px;
  font-size: 15px;
  font-weight: 500;
  line-height: 150%;
  color: #FFF;
}

.cfc_v3_01::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.30);
}

.cfc_v3_01:focus,
.cta1:focus {
  color: #FFF;
  outline: none;
  border: 1px solid rgba(255, 255, 255, 0.25);
}

.fctray_gqtns {
  padding: 0 20px;
  bottom: 0;
  box-shadow: unset;
  background: #292D56 !important;
}

.cgqtns_sc {
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.25);
  width: 41px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn_forum_ask_a_coach {
  height: 32px;
  width: 100%;
  border-radius: 8px;
  background: #FFF;
  margin: 0;
  padding: 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  color: #E58D82;
  text-align: center;
}

.forum_v3_select_all_threads {
  color: #E8A880;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  background: transparent;
  border: 0;
  -webkit-appearance: unset;
  background: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/v1_3/angle_down.svg) no-repeat calc(100% - 65%) !important;
  padding: 0;
  /* font-family: 'FontAwesome', 'Arial'!important; */
  background-position-y: 55% !important;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: left;
}

.div_forum_post .btn {
  margin: 0 !important;
  padding: 0;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: none;
  box-shadow: unset;
  color: #E58D82;
}

.btn_fpfy {
  height: 22px;
  border-radius: 2px;
  border: 0;
  padding: 5px 10px !important;
}

.btn_fpfy_mh {
  background: #834B66 !important;
}

.btn_fpfy_rel {
  background: #CB6171;
}

.btn_fpfy_work {
  background: #E58D82;
}

.ta_forum_comment::-webkit-input-placeholder {
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  color: rgba(255, 255, 255, 0.50);
}

.ta_forum_comment {
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  color: #FFF;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: #120F40;
  width: 100%;
}

.ta_forum_comment:focus {
  color: #FFF;
  outline: none;
}

.forum_v3_start_new_thread {
  color: #E8A880;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  background: transparent;
  border: 0;
  -webkit-appearance: unset;
  background: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/v1_3/angle_down.svg) no-repeat calc(100% - 65%) !important;
  padding: 0;
  /* font-family: 'FontAwesome', 'Arial'!important; */
  background-position-y: 55% !important;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: left;
}

.ta_new_thread {
  width: 100%;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: #120F40;
  padding: 20px;
  font-size: 15px;
  font-weight: 400;
  line-height: 140%;
  color: #FFF;
}

.ta_new_thread::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.50);
}

.ta_new_thread:focus {
  color: #FFF;
  outline: none;
}

.btn_v3_nt_post {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  height: 32px;
  border-radius: 8px;
  background: #FFF;
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  color: #E58D82;
}

input[type="file"] {
  display: none;
}

label {
  cursor: pointer;
}

.div_ftui {
  height: 118px;
  width: 100%;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: #120F40;
  padding: 18px;
}

/* forum post anonymously checkbox */
label.chkb_post_anonymously>input[type="checkbox"]+*::before {
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  border-radius: 4px;
  /* background: #E58D82;
  border: 0; */
  background: transparent;
  border: 1px solid #E58D82;
}

label.chkb_post_anonymously>input[type="checkbox"]:checked+*::before {
  background: #E58D82 url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/v1_3/tick_white.svg) 50% no-repeat;
  border-color: unset;
  border-radius: 4px;
  border: 0;
}

label.chkb_post_anonymously>input[type="checkbox"]:checked+* {
  color: #FFF;
}

.btn_post_anonymously {
  position: fixed;
  bottom: 80px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 99;
  padding: 0 40px !important;
}

/* /forum post anonymously checkbox */

.v3_modal_posted_successfully {
  width: 335px;
  height: 275px;
  border-radius: 8px;
  background: #424675;
  padding: 24px;
}

.forum_all_threads {
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.10);
  padding: 20px
}

.btn_all_threads {
  border: 0;
  margin: 0;
  padding: 0;
  background: transparent;
  color: #E8A880;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  display: flex;
  align-items: center;
}

.btn_all_threads:hover,
.btn_all_threads:focus {
  filter: unset !important;
  color: #E8A880;
}

.forum_profile_desc {
  background: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/v1_3/forum_profile_box.svg) no-repeat;
  background-size: cover;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  text-align: center;
  margin-top: -12%;
  padding: 20px;
}

.forum_profile_img {
  border: 2px solid #292d5e;
  border-radius: 50%;
}

/* .dropdown-menu.dmf
{
  border: 0;
  position: relative;
} */

.dropdown-menu::before {
  border-bottom: 9px solid rgba(0, 0, 0, 0.2);
  border-left: 9px solid rgba(0, 0, 0, 0);
  border-right: 9px solid rgba(0, 0, 0, 0);
  content: "";
  display: inline-block;
  /* left: 86px; */
  position: absolute;
  top: -8px;
  /* top: 0; */
  right: 5%;
}

.dropdown-menu::after {
  border-bottom: 8px solid #120F40;
  border-left: 9px solid rgba(0, 0, 0, 0);
  border-right: 9px solid rgba(0, 0, 0, 0);
  content: "";
  display: inline-block;
  /* left: 86px; */
  position: absolute;
  top: -8px;
  /* top: 0; */
  right: 5%;
}

.cfdm {
  border-radius: 8px 8px;
  background: #120F40;
  border: 0;
  padding: 16px 12px;
  width: 100%;
  top: 150%;
}

.hr_style_v3_07 {
  border: 0.5px solid rgba(255, 255, 255, 0.25);
  margin: 0;
}

.absolute_edit {
  position: absolute;
  top: 10px;
  right: 10px;
}

.v3_reflection_qtn {
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  padding: 20px;
}

.v3_reflection_ta {
  width: 100%;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: #120F40;
  padding: 20px;
  font-size: 15px;
  font-weight: 400;
  line-height: 140%;
  color: #FFF;
}

.v3_reflection_ta::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.70);
}

.v3_reflection_ta:focus {
  color: #FFF;
  outline: none;
}

.ptb40pxi {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.btn_se:hover,
.btn_se:active,
.btn_se:focus {
  background: white !important;
  color: #E58D82 !important;
  filter: unset !important;
}

.ae_days>[class^="col-"] {
  margin-right: 10px;
  padding: 0;
  width: unset;
}

.rdm {
  border-radius: 10px;
  background: #E58D82;
  padding: 16px 20px;
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  color: #FFF;
}

.rhdm {
  border-radius: 10px;
  background: #E58D82;
  padding: 16px 20px;
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  color: #FFF;
  top: 80px;
  margin: 0 20px;
  position: absolute;
}

#ex_modal .hm::before {
  border-bottom: 9px solid rgba(0, 0, 0, 0.2);
  border-left: 9px solid rgba(0, 0, 0, 0);
  border-right: 9px solid rgba(0, 0, 0, 0);
  content: "";
  display: inline-block;
  /* left: 86px; */
  position: absolute;
  top: -9px;
  right: 5%;
}

#ex_modal .hm::after {
  border-bottom: 9px solid #E58D82;
  border-left: 9px solid rgba(0, 0, 0, 0);
  border-right: 9px solid rgba(0, 0, 0, 0);
  content: "";
  display: inline-block;
  /* left: 86px; */
  position: absolute;
  top: -8px;
  right: 3%;
}

.modal_cc {
  top: 10%;
  height: auto;
  overflow: overlay;
}

.hr_style_v3_08 {
  border: 1px solid #fff;
  opacity: 0.5;
  margin: 0;
}

.hr_style_v3_09 {
  border: none;
  height: 1px;
  background: repeating-linear-gradient(90deg, #fff, #fff 1px, transparent 1px, transparent 5px);
  opacity: 0.5;
  margin: 0;
}

.mtb20pxi {
  margin: 20px 0 !important;
}

.div_hwp_premium {
  border-radius: 16px;
  background: #120F40;
  padding: 30px 20px;
}

.div_best_value {
  border-radius: 16px 16px 0px 0px;
  text-align: center;
  padding: 8px 10px;
  background: #E58D82;
}

.div_annual {
  border-radius: 0px 0px 16px 16px;
  background: #120F40;
  padding: 20px;
}

.div_monthly {
  border-radius: 16px;
  background: #120F40;
  padding: 20px;
}

.div_monthly_ext {
  border: 1px solid #E58D82;
}

.v1_3_sfooter {
  height: 110px;
  padding: 30px 20px;
  background: #424675;
  box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.25);
}

.v1_3_sfooter_ext {
  background: #424675;
  box-shadow: unset;
}

.btn_tfas {
  margin: 0;
  border: 0;
  height: 50px;
  width: 100%;
  border-radius: 100px;
  background: linear-gradient(180deg, #ED7D6F 0%, #D7586B 100%) !important;
  box-shadow: 1px 1px 2px #00000040;
  padding: 10px 20px;
  color: #FFF !important;
  font-size: 15px;
  font-weight: 600;
  line-height: 150%;
}

.btn_tfas.disabled {
  opacity: 0.25;
}

.sp_fc {
  height: 50px;
  width: 100%;
  border-radius: 16px;
  border: 1px solid rgba(204, 204, 204, 0.25);
  background: #120F40;
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.10) inset;
  font-size: 15px;
  font-weight: 400;
  line-height: normal;
  color: #fff;
  text-align: left;
  padding: 12px 10px;
}

.sp_fc::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.50);
}

.sp_fc:focus.fc_name {
  text-transform: uppercase;
}

.mt100px {
  margin-top: 100px;
}

.btn_ctd {
  height: 50px;
  width: 100%;
  margin: 0;
  border: 0;
  border-radius: 100px;
  background: #E58D82;
  color: #FFF;
  font-size: 15px;
  font-weight: 600;
  line-height: 150%;
}

.fc_img {
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn_connect_with {
  width: 101px;
  height: 52px;
  border-radius: 12px;
  background: #120F40;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mregister .sp_fc {
  padding: 13px 50px 13px 20px;
}

.mregister .sp_fc.active::-webkit-input-placeholder {
  color: #FFF;
}

.sr_fc_01 {
  height: 50px;
  width: 100%;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: #292D56;
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.10) inset;
  color: rgba(255, 255, 255, 0.50);
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  color: #fff;
  text-align: left;
  padding: 13px 20px;
}

.sr_fc_01::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.50);
}

.sr_fc_01:focus.subscription_code {
  text-transform: uppercase;
  letter-spacing: 3px;
}

.cart_cnt {
  margin-right: 10%;
  margin-bottom: -3px;
}

.subscription_box {
  border-radius: 16px;
  background: #120F40;
  padding: 20px;
}

.subscription_btn_mp {
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: unset;
}

/* .sr_fc_01:focus.voucher_code
{
  text-transform: uppercase;
} */

.btn_subscription_apply {
  margin: 0;
  width: 98px;
  height: 50px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: #E58D82;
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.10) inset;
  font-size: 15px;
  font-weight: 600;
  line-height: 150%;
  color: #FFF;
}

.hr_style_v3_10 {
  border: none;
  height: 1px;
  background: repeating-linear-gradient(90deg, #fff, #fff 5px, transparent 5px, transparent 10px);
  opacity: 0.5;
}

.flex_ai_end {
  display: flex;
  align-items: end;
}

.hr_style_v3_11 {
  border: 1px solid #FFFFFF;
  opacity: 0.1;
  margin: 20px -20px;
}

.cfc_v3_01[readonly] {
  background: transparent !important;
  cursor: not-allowed;
}

.pt8rem {
  padding-top: 8rem !important;
}

.we_carousel {
  background: #292D56;
}

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

.we_ft .btn_wec {
  margin: 0 10px 0 0;
}

.we_ft .btn_wec:hover,
.we_ft .btn_wec:focus {
  color: #FFFFFF;
  filter: none;
}

.we_ft a:last-child .btn_wec {
  margin-right: 0;
}

.btn_ms {
  /* height: 40px;
  width: 148px; */
  min-height: 40px;
  min-width: 128px;
  /* width: 100%; */
  margin: 0;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: #E58D82;
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.10) inset;
  font-size: 12px;
  font-weight: 600;
  line-height: 150%;
  color: #FFF;
  white-space: pre-line;
}

.panel-body .ms_program {
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-top: 30px;
}

.panel-body .ms_program:last-child {
  /* padding-bottom: 0; */
  border-bottom: none;
}

.mb10pxi {
  margin-bottom: 10px !important;
}

.prog_count {
  border-radius: 15px;
  background: #1F2241;
  border: 0;
  width: 30px;
  height: 30px;
  margin: 0;
  padding: 3px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn_subscription_cancel {
  margin: 0;
  border: 0;
  height: 50px;
  width: 100%;
  border-radius: 100px;
  border: 1px solid #E58D82;
  background: transparent;
  padding: 10px 20px;
  color: #E58D82 !important;
  font-size: 15px;
  font-weight: 600;
  line-height: 150%;
}

.rgdiv .row {
  border-radius: 16px;
  border: 1px solid rgba(204, 204, 204, 0.25);
  background: #120F40;
  padding: 24px;
  margin-bottom: 15px;
}

.rgdiv .row:last-child {
  margin-bottom: 0;
}

.rgdivs input[type=radio]:checked {
  -webkit-appearance: none;
  background: #E58D82 !important;
  border-radius: 100%;
  width: 16px !important;
  height: 16px;
  border: 2px solid white;
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: middle !important;
}

.rgdivs input[type=radio] {
  -webkit-appearance: none;
  background: transparent !important;
  border-radius: 100%;
  width: 16px !important;
  height: 16px;
  border: 2px solid #E58D82;
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: middle !important;
}

.rgdivs input[type=radio]:focus {
  outline: none;
}

.cs_reason .row {
  margin-bottom: 15px;
}

.cs_reason .row:last-child {
  margin-bottom: 0;
}

.btn_profile_ep {
  margin: 0;
  border: 0;
  box-shadow: 0;
  width: 145px;
  height: 42px;
  border-radius: 100px;
  background: #FFF;
  font-size: 12px;
  font-weight: 600;
  line-height: 150%;
  color: #E58D82;
}

.btn_profile_cp {
  margin: 0;
  border: 0;
  box-shadow: 0;
  width: 145px;
  height: 42px;
  border-radius: 100px;
  background: transparent;
  font-size: 12px;
  font-weight: 600;
  line-height: 150%;
  color: #FFF !important;
}

.profile_pe_div {
  text-align: center;
  padding: 20px;
  background: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/v1_3/profile_box_bg.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: unset;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 16px;
  height: auto;
}

.absolute_center_txt {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.progress_profile {
  height: 6px;
  background: #292D56;
  border-radius: 10px;
  margin: 0;
}

.progress_profile .progress-bar {
  background: #CB6171;
  border-radius: 10px;
}

.border_profile_img {
  border: 10px solid #292D56 !important;
  border-radius: 50%;
  width: 82px;
  height: 82px;
}

.mt35px {
  margin-top: 35px;
}

.btn_ttws {
  margin: 0;
  border: 0;
  box-shadow: 0;
  width: 100%;
  height: 32px;
  border-radius: 8px;
  background: #FFF;
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  color: #E58D82;
}

.div_wss {
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  padding: 20px;
}

.mtb15pxi {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.btn_profile_days {
  margin: 0;
  border: 0;
  box-shadow: 0;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: #120F40;
  font-size: 15px;
  font-weight: 600;
  line-height: 150%;
  color: #fff;
  text-transform: capitalize;
  margin-right: 10px;
}

.btn_days .btn:last-child {
  margin-right: 0;
}

.btn_profile_days.peach {
  background: #E58D82;
}

.btn_profile_days.gray {
  background: rgba(255, 255, 255, 0.25);
}

.div_middle.left {
  border-left: 1px solid rgba(255, 255, 255, .1);
  height: 24px;
  position: absolute;
  left: 33.33%;
  top: 20%;
}

.div_middle.right {
  border-right: 1px solid rgba(255, 255, 255, .1);
  height: 24px;
  position: absolute;
  right: 33.33%;
  top: 20%;
}

.div_pi a .row {
  border-radius: 12px;
  background: #120F40;
  padding: 15px;
  margin-bottom: 15px;
}

.div_pi a:last-child .row {
  margin-bottom: 0;
}

.profile_dmd {
  height: 50px;
  width: 100%;
  margin: 0 !important;
  border: 0;
  border-radius: 100px;
  background: #E58D82;
  font-size: 15px;
  font-weight: 600;
  line-height: 150%;
  color: #fff;
}

.div_inputs .row {
  margin-bottom: 10px;
}

.div_inputs .sp_fc::-webkit-input-placeholder {
  font-size: 15px;
  font-weight: 400;
  line-height: normal;
  /* color: #fff; */
  color: rgba(255, 255, 255, 0.50);
}

.div_intro {
  background: linear-gradient(180deg, #834B66 0%, #120F40 100%);
}

.mt70px {
  margin-top: 73px;
}


#ic_carousel .carousel-indicators li,
#mdp_carousel .carousel-indicators li {
  width: 8px;
  height: 8px;
  margin: 0 2.5px;
  background: rgba(255, 255, 255, 0.25);
  border-radius: 4px;
  border: 0;
}

#ic_carousel .carousel-indicators li.active,
#mdp_carousel .carousel-indicators li.active {
  width: 24px;
  height: 8px;
  margin: 0 2.5px;
  background-color: #FFFFFF;
  background: rgba(255, 255, 255, 0.50);
  border-radius: 4px;
  border: 0;
}

#ic_carousel .carousel-indicators .active {
  width: 24px;
  height: 8px;
  margin: 0 2.5px;
  background-color: #FFFFFF;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  border: 0;
}

/* #ic_carousel .skip
{
  position: absolute;
  bottom: 5%;
  left: 58px !important;
  padding: 0;
  z-index: 99;
}

#ic_carousel .next
{
  position: absolute;
  bottom: 5%;
  right: 58px!important;
  padding: 0;
  z-index: 99;
} */

.oli_tray {
  bottom: 0;
  box-shadow: unset;
  position: fixed;
  bottom: 5% !important;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: 999;
}

.v1_3_sfooter_01 {
  height: 110px;
  padding: 30px 20px;
}

.div_otp>[class^="col-"] {
  width: 25%;
  margin-right: 10px;
}

.div_otp>[class^="col-"]:last-child {
  padding-right: 0;
  margin-right: 0;
}

.div_otp_outer .sp_fc {
  padding: 20px;
  text-align: center;
}

.mdp_oli_tray {
  box-shadow: unset;
  position: fixed;
  bottom: 70px;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: 999;
  background: #292D56;
  height: 50px;
}

#mdp_carousel .skip {
  position: absolute;
  left: 58px !important;
  padding: 0;
  z-index: 99;
}

#mdp_carousel .next {
  position: absolute;
  right: 58px !important;
  padding: 0;
  z-index: 99;
}

#mdp_carousel .carousel-indicators {
  position: fixed;
  right: 0;
  left: 0;
  bottom: auto;
  margin: 0 auto;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.div_ls_01 {
  border-radius: 12px;
  background: #120F40;
  padding: 16px
}

.div_is_01 {
  border-radius: 12px;
  background: #120F40;
  padding: 12px;
  margin-bottom: 10px;
}

.pl12px {
  padding-left: 12px;
}

.absolute_ls_like {
  position: absolute;
  top: 20px;
  right: 20px;
}

.ls_story_img {
  margin: -20px -20px 0 -20px;
}

.div_like_cnt {
  border-radius: 100px;
  background: rgba(0, 0, 0, 0.25);
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn_ls_tags {
  margin: 0;
  border: 0;
  box-shadow: unset;
  width: auto;
  height: 34px;
  border-radius: 360px;
  background: #120F40;
  margin-right: 8px;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 400;
  line-height: 150%;
  color: rgba(255, 255, 255, 0.50);
}

.div_tag_btns .btn_ls_tags:last-child {
  margin-right: 0;
}

.div_ls_comments .row {
  border-radius: 12px;
  background: #120F40;
  padding: 12px;
  margin-bottom: 16px;
}

.div_ls_comments .row:last-child {
  margin-bottom: 0;
}

.sp_fc_01 {
  height: 50px;
  width: 100%;
  border-radius: 100px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: #120F40;
  font-size: 15px;
  font-weight: 400;
  line-height: 150%;
  color: rgba(255, 255, 255, 0.50);
  text-align: left;
  padding: 10px 20px;
}

.btn_ls_post_comment {
  margin: 0;
  border: 0;
  box-shadow: unset;
  width: 100%;
  height: 32px;
  border-radius: 8px;
  background: #FFF;
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  color: #E58D82;
  text-align: center;
}

.plr12px {
  padding-right: 12px;
  padding-left: 12px;
}

.img_blog {
  width: 100%;
  height: 201px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  object-fit: cover;
}

.blog_bg {
  border-radius: 12px;
  background: #120F40;
  padding: 16px;
  margin-bottom: 16px;
}

.blog_img {
  object-fit: cover;
  height: 375px;
  border-radius: 0px 0px 20px 20px;
  padding: 0 !important;
}

.img_comment {
  width: 40px;
  height: 40px;
  border-radius: 40px;
}

.blog_vac .panel {
  background: transparent !important;
}

.toc_adiv_01 a .row {
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: #120F40;
  min-height: 88px;
  margin-bottom: 10px;
  padding: 12px;
  /* margin: 0 10px 10px 10px; */
}

.toc_adiv_01 .session_img {
  border: 0;
}

.sc_03_v3 {
  text-align: left;
  min-height: 100vh;
  padding: 20px 20px;
}

.v3_events_box_ue {
  border-radius: 12px;
  background: #120F40;
  padding: 16px;
  margin-bottom: 30px;
}

.v3_events_box_ue:last-child {
  margin-bottom: 0;
}

.v3_event_img_overlay {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

#accordion_event .panel-default {
  background: transparent;
}

.ctimg_dash {
  display: block;
  width: 100%;
  height: 230px;
  object-fit: cover;
  border-radius: 5px 5px 5px 5px;
}

.div_testimonial .row {
  border-radius: 12px;
  background: #120F40;
  padding: 16px;
  margin-bottom: 15px;
}

.testimonial_img {
  /* position: relative;
  z-index: 1; */

  position: absolute;
  z-index: 1;
  right: 0;
  left: 0;
  margin: 0 auto;
}

.div_testimonial {
  /* position: absolute;
  top: 50%; */
  margin-top: 50px;
}

.img_testimonial_user {
  border: 5px solid #292D56;
  border-radius: 50%;
  width: 100px;
}

.testimonials_main {
  margin-bottom: 15px;
}

.div_testimonial .row:last-child {
  margin-bottom: 0;
}

.mtb50px {
  margin-top: 50px;
  margin-bottom: 50px;
}

.border_0i {
  border: 0 !important;
}

.ic_tray_ext {
  box-shadow: unset;
  position: fixed;
  bottom: 0 !important;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: 999;
  background: #1e1544;
  padding: 30px 0 70px 0;
}

.ic_tray_ext .skip {
  position: absolute;
  left: 58px !important;
  padding: 0;
  z-index: 99;
}

.ic_tray_ext .next {
  position: absolute;
  right: 58px !important;
  padding: 0;
  z-index: 99;
}

.ic_tray_ext .carousel-indicators {
  position: fixed;
  right: 0;
  left: 0;
  bottom: auto;
  margin: 0 auto;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.overflow_hiddeni {
  overflow: hidden !important;
}

.overflow_auto {
  overflow: auto !important;
}

.mdp_oli_tray_ext01 {
  bottom: 109px;
  padding-bottom: 20px;
}

.container_v3_01 {
  background: #FCF2EC;
  border-radius: 16px;
  padding: 20px;
}

.mcflex_advertsh .navbar-toggle,
.mcflex_advertsh .navbar-toggle:hover,
.mcflex_advertsh .navbar-toggle:focus {
  /* background: rgba(0,0,0,0.1); */
  background: #E58D82;
  border-radius: 100%;
  width: 40px;
  height: 40px;
}

.mcflex_advertsh .navbar-toggle .icon-bar {
  width: 18px;
  height: 1.5px;
  margin: 3px auto;
  background-color: #FFF !important;
}

.toc_adiv_img a>.row {
  border-radius: 12px;
  border: 0;
  background: #120F40;
  min-height: 88px;
  margin-bottom: 10px;
  padding: 20px;
  /* margin: 0 10px 10px 10px; */
}

.toc_adiv_img a:last-child>.row {
  margin-bottom: 0;
}

.btn_wec_ext_01 {
  width: 89px;
  height: 89px;
}

.odiv.ae_days::-webkit-scrollbar-track {
  margin: 0 20px 0 0px !important
}

.btn_recent.active {
  /* background: #E58D82;
  color: #ffffff; */
  background: #FFF;
  color: #292D56;
  filter: unset !important;
}

.pt20pxi {
  padding-top: 20px !important;
}

.img_ki_bmp {
  border-radius: 6px;
  border: 1px solid #FFF;
  width: 78px;
  height: 72px
}

.mc_01_v3_ext {
  padding: 0 0 0 0 !important;
}

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

.cptrem {
  padding-top: 8rem !important;
}

.div_subscription_emails .row {
  margin-bottom: 20px;
}

.div_subscription_emails .row:last-child {
  margin-bottom: 0;
}

.div_cac .sp_fc::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 1);
}

.div_cus {
  text-align: center;
  border-radius: 16px;
  background: #120F40;
  padding: 20px;
}

.div_contact_mail {
  border-radius: 12px;
  background: #292D56;
  padding: 10px !important;
}

/* .hspages ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}

.hspages ol > li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
}

.hspages ol > li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.6em;    
}

li ol > li {
  margin: 0;
}

li ol > li:before {
  content: counters(item, ".") " ";
} */

.ol_help_support ol li {
  display: block;
}

.ol_help_support ol>li:first-child {
  counter-reset: item;
}

.ol_help_support ol>li {
  counter-increment: item;
  position: relative;
}

.ol_help_support ol>li:before {
  content: counters(item, ".") ". ";
  position: absolute;
  margin-right: 100%;
  /* right: 10px; */
  right: 5px;
}

.ol_help_support ol {
  padding: 0 0 0 0 !important;
}

.ol_help_support .ol_parent {
  padding: 0 0 0 40px !important;
}

.odiv.ae_days {
  padding: 0 20px 10px 0px !important;
}

.ml20px {
  margin-left: 20px;
}

.btn_popups .btn:nth-child(2) {
  margin-top: 10px;
}

.absolute_checkmark {
  /* position: absolute;
  top: 10px;
  right: 20px; */
  position: absolute;
  top: 0;
  right: 0;
  background: #E58D82;
  bottom: 0;
  width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 16px 16px 0;
}

.img_close_delete {
  width: 30px;
  height: 30px;
}

.div_subscription_emails_01 .row {
  margin-top: 20px;
}

.pe_search {
  height: 50px;
  width: 100%;
  border-radius: 16px !important;
  border: 1px solid rgba(204, 204, 204, 0.25) !important;
  background: #120F40;
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.10) inset !important;
  font-size: 15px;
  font-weight: 400;
  line-height: normal;
  color: #fff !important;
  text-align: left !important;
  padding: 12px 10px !important;
}

.div_pe input[type=search]::placeholder {
  color: rgba(255, 255, 255, 0.50) !important;
}

.div_pe .ad_sclose_icon.fa-search:before {
  color: #FFF !important;
}

.pe_tsp {
  padding: 0 !important;
}

.adverts_testimonials>[class^="col-"] {
  padding-bottom: 5px;
  padding-right: 10px;
  padding-left: 0;
  width: 95%;
}

.at_txt {
  background: linear-gradient(180deg, #61C0C0 0%, #4491A5 100%);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  min-height: 357px;
  text-align: center;
  margin-top: -12%;
  padding: 20px;
}

.at_txt p {
  white-space: normal;
}

/* landing */
.div_best_value_01 {
  border-radius: 16px 16px 0px 0px;
  text-align: center;
  padding: 8px 10px;
  background: #E58D82;
}

.div_annual_01 {
  border-radius: 0px 0px 16px 16px;
  background: #FFF;
  padding: 20px;
  border: 1px solid #E58D82;
  text-align: left;
}

.div_monthly_01 {
  border-radius: 16px;
  background: #FFF;
  padding: 20px;
  text-align: left;
}

.btn_tff {
  height: 50px;
  border-radius: 100px;
  background: #E58D82;
  padding: 10px 20px;
  text-align: center;
  display: flex;
  align-items: center;
}

.ltestimonials {
  /* background: linear-gradient(180deg, #61C0C0 0%, #4491A5 100%); */
  background: #E58D82;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  height: 289px;
  text-align: center;
  margin-top: -12%;
  padding: 20px;
}

.ltestimonials p {
  white-space: normal;
}

.ltestimonials .ttxt {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  word-break: break-word;
}

.hr_style_20 {
  border: 1px solid rgba(18, 15, 64, 0.10);
}

#panel_adverts .panel-title>a[aria-expanded="true"]:after {
  content: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/v1_3/adverts_minus.svg);
}

#panel_adverts .panel-title>a:after {
  content: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/v1_3/adverts_plus.svg);
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  bottom: 0;
}

.dtn_default_ext {
  height: 80px;
  border: 0;
  background: #FFF;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
}

.img_logo {
  /* max-width: 150px; */
  max-width: 125px;
}

.img_parent {
  border-radius: 50%;
  border: 10px solid #FFF;
}

.pb_16rem {
  padding-bottom: 16rem;
}

/* /landing */

.tsp {
  padding: 0;
}

.img_cbr_01 {
  border-radius: 12px;
}

.Body span,
.Body b span,
#docs-internal-guid-38acf24b-7fff-8dd9-6b65-ed171b049403 p span,
.h4_blogs p span,
.h4_blogs h2 font,
.h4_blogs p font,
.h4_blogs,
.h4_blogs p,
.h4_blogs h2 {
  font-size: 16px !important;
  font-weight: 400;
  line-height: 150%;
  font-style: normal;
  color: #FFFFFF !important;
  background-color: transparent !important;
}

.Body span.Hyperlink0 a span,
.Body span.Hyperlink1 a span,
.h4_blogs a span,
.h4_blogs p a font,
.h4_blogs p a {
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 150%;
  font-style: normal;
  color: #E58D82 !important;
  word-wrap: break-word;
}

#docs-internal-guid-38acf24b-7fff-8dd9-6b65-ed171b049403 p,
.h4_blogs p {
  background: transparent !important;
}

.nh {
  color: #FFFFFF !important;
}

.btn_am {
  background: transparent;
}

.blog_title {
  padding: 0;
  font-style: normal !important;
}

.h4_blogs ol {
  padding: 0 15px !important;
  color: #FFF !important;
}

.h4_blogs ol li {
  color: #FFF !important;
  background: transparent !important;
}

.h4_blogs p {
  padding: 0;
  margin: 0 !important;
}

.h4_blogs p b {
  color: #FFF !important;
}

.h4_blogs a span {
  word-break: break-word;
}

.h4_blogs p a,
.h4_blogs span div a {
  background: transparent !important;
}

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

.pr15pxi {
  padding-right: 15px !important;
}

.am_tn {
  background: transparent;
  box-shadow: unset;
}

.toc_adiv_02 a>.row {
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: #120F40;
  min-height: 88px;
  margin-bottom: 10px;
  padding: 20px;
  /* margin: 0 10px 10px 10px; */
}

.toc_adiv_02 a:last-child>.row {
  margin-bottom: 0;
}

.img_podcast_01 {
  border: 1px solid #FFF;
  border-radius: 6px;
}

.img_podcast_02 {
  border-radius: 20px;
  max-height: 251px;
  width: 100%;
  object-fit: cover;
}

.img_podcast {
  padding-top: 8rem !important;
}

.btn_podcast {
  padding: 0 20px 10px 0;
}

.btn_podcast .btn {
  border-radius: 12px;
  background: #424675;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  color: #fff;
  margin: 0 10px 0 0;
  padding: 9px 10px;
  height: 36px;
  box-shadow: unset;
}

.btn_podcast .btn:last-child {
  margin-right: 0;
}

.btn_podcast .btn:hover,
.btn_podcast .btn:focus {
  background: #fff;
  color: #000;
}

/* cafe */
.btn_old .btn {
  height: 63px;
  width: 100%;
  margin: 0;
  padding: 20px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.10);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  color: rgba(255, 255, 255, 0.50);
}

.btn_old .btn:hover,
.btn_old .btn:focus {
  background: #120F40;
  color: #E58D82;
}

.div_about_you {
  border-radius: 12px;
  border: 1px solid rgba(204, 204, 204, 0.25);
  background: #120F40;
  padding: 20px;
}

#cafe .panel {
  border: 0;
  box-shadow: unset;
  background: #120F40;
  border-radius: 12px;
  padding: 20px;
}

#cafe .panel-default>.panel-heading {
  border-radius: 12px;
  background: #120F40;
  box-shadow: unset;
  padding: 0;
}

#cafe .panel-title>a[aria-expanded="true"]:after {
  content: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/v1_3/cafe_accordion_minus.svg);
}

#cafe .panel-title>a:after {
  content: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/v1_3/cafe_accordion_plus.svg);
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  bottom: 0;
}

/* /cafe */

/* intro buttons */
.div_ct_01 button:hover {
  /* filter: brightness(90%); */
  border: none !important;
  /* background-color: unset !important; */
}

.div_ct_01 button:active,
.div_ct_01 button:focus {
  opacity: 1;
}

.div_ct_01 button {
  height: 100px;
  width: 100%;
  border: 0;
  box-shadow: unset;
  margin: 0;
  border-radius: 12px;
  background-size: cover !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  /* opacity: 0.5; */
  pointer-events: none;
}

.div_ct_01 .col-lg-6:nth-child(even) {
  padding-right: 0;
  padding-left: 5px;
}

.div_ct_01 .col-lg-6:nth-child(odd) {
  padding-left: 0;
  padding-right: 5px;
}

.div_ct_01 .col-lg-6:nth-child(1) button {
  /* background: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/v1_3/btn_sate_01.svg) no-repeat; */
  /* background: #E58D82; */
  background: #9B526A;
  border-radius: 12px 12px 0 12px;
}

.div_ct_01 .col-lg-6:nth-child(2) button {
  /* background: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/v1_3/btn_sate_02.svg) no-repeat; */
  /* background: #834B66; */
  background: #CB6171;
  border-radius: 12px 12px 12px 0;
}

.div_ct_01 .col-lg-6:nth-child(3) button {
  /* background: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/v1_3/btn_sate_03.svg) no-repeat; */
  /* background: #CB6171; */
  background: #E58D82;
  border-radius: 12px 0 0 12px;
}

.div_ct_01 .col-lg-6:nth-child(4) button {
  /* background: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/v1_3/btn_sate_04.svg) no-repeat; */
  /* background: #E58D82; */
  background: #9B526A;
  border-radius: 0 12px 12px 0;
}

.div_ct_01 .col-lg-6:nth-child(5) button {
  /* background: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/v1_3/btn_sate_05.svg) no-repeat; */
  /* background: #834B66; */
  background: #E8A880;
  border-radius: 12px 0 0 12px;
}

.div_ct_01 .col-lg-6:nth-child(6) button {
  /* background: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/v1_3/btn_sate_06.svg) no-repeat; */
  /* background: #CB6171; */
  background: #E58D82;
  border-radius: 0 12px 12px 0;
}

.div_ct_01 .col-lg-6:nth-child(7) button {
  /* background: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/v1_3/btn_sate_07.svg) no-repeat; */
  /* background: #E58D82; */
  background: #CB6171;
  border-radius: 12px 0 12px 12px;
}

.div_ct_01 .col-lg-6:nth-child(8) button {
  /* background: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/v1_3/btn_sate_08.svg) no-repeat; */
  /* background: #834B66; */
  background: #E8A880;
  border-radius: 0 12px 12px 12px;
}

.div_ct_01 .col-lg-6 {
  padding-bottom: 10px;
}

.div_ct_01 .col-lg-6:last-child {
  padding-bottom: 0;
}

/* /intro buttons */
.w100pi {
  width: 100% !important;
}

.br_0px {
  border-radius: 0;
}

.br_6px {
  border-radius: 6px;
}

.img_dtestimonials img {
  width: 99px;
  border: 1px solid #E58D82;
  border-radius: 50%;
}

.img_adverts_footer img {
  width: 40px;
  height: 40px;
}

section>.row {
  padding-bottom: 15rem;
}

.cvideo_03 {
  width: 100%;
  max-height: 100%;
  border-radius: 0px;
  object-fit: cover;
}

.v1_3_sfooter_rs {
  height: 110px;
  padding: 30px 20px;
  background: #120F40;
}

.v1_3_sfooter_sft {
  height: auto !important;
}

.partnership_boxes>[class^="col-"] {
  border-right: 1px solid rgba(255, 255, 255, 0.25);
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  padding: 20px;
  height: 150px;
  display: flex;
  align-items: baseline;
}

.partnership_boxes>[class^="col-"]:nth-child(even) {
  border-right: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

.partnership_boxes>[class^="col-"]:nth-child(5) {
  border-right: 1px solid rgba(255, 255, 255, 0.25);
  border-bottom: 0;
}

.partnership_boxes>[class^="col-"]:nth-child(6) {
  border-bottom: 0;
}

.sp_fc_partnership {
  height: 50px;
  width: 100%;
  border-radius: 12px;
  border: 0;
  background: #292D56;
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.10) inset;
  font-size: 15px;
  font-weight: 400;
  line-height: normal;
  color: #fff;
  text-align: left;
  padding: 12px 16px;
}

.sp_fc_partnership::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.50);
}

/* .sp_fc_partnership:focus
{
  text-transform: uppercase;
} */

.div_pdollar {
  border-radius: 12px;
  background: #120F40;
  padding: 20px;
}

.chk_partnership_paytype {
  border-radius: 12px;
  background: #120F40;
  height: 56px !important;
  padding: 10px 16px;
  overflow: auto;
  border: 0 !important;
  display: flex;
  align-items: center;
}

.checkbox_partnership {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  /* padding: 6px 8px; */
  padding: 0;
  border-radius: 6px;
  overflow: hidden;
  transition: all 0.2s ease;
  display: -webkit-inline-box !important;
}

.checkbox_partnership span {
  float: left;
  vertical-align: middle;
  transform: translate3d(0, 0, 0);
}

.checkbox_partnership span:first-child {
  position: relative;
  transform: scale(1);
  transition: all 0.2s ease;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  width: 24px;
  height: 24px;
  box-shadow: unset;
}

.checkbox_partnership span:first-child svg {
  position: absolute;
  fill: none;
  stroke: #000;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  transition: all 0.3s ease;
  transition-delay: 0.1s;
  transform: translate3d(0, 0, 0);
  top: 6px;
  right: 0;
  left: 0;
  bottom: 0;
  margin: 0 auto;
}

.checkbox_partnership span:last-child {
  padding: 0;
  line-height: 18px;
  width: 24px;
  height: 24px;
}

.inp-cbx {
  position: absolute;
  visibility: hidden;
}

.inp-cbx:checked+.checkbox_partnership span:first-child {
  background: #e58d82;
  border-color: unset;
  animation: wave 0.4s ease;
}

.inp-cbx:checked+.checkbox_partnership span:first-child svg {
  stroke-dashoffset: 0;
}

.checkbox_partnership:hover span:first-child {
  border-color: none !important;
}

.div_copy_rc {
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: 0 auto;
  display: flex;
  align-items: center;
}

.bs_unseti {
  box-shadow: unset !important;
}

.position_unseti {
  position: unset !important;
}

.mlr20pxi {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

/* partnership webpage */
.partnership_tab {
  border: 0;
  border-radius: 12px;
  background: #120F40;
}

.partnership_tab>li {
  margin-bottom: -2px;
  width: 50%;
  padding: 8px;
  margin: 0;
  border: 0;
}

.partnership_tab>li.active>a,
.partnership_tab>li.active>a:focus,
.partnership_tab>li.active>a:hover {
  cursor: default;
  background-color: transparent;
  border: 0;
  border-bottom: 0;
  border-radius: 6px;
  background: #E58D82;
  padding: 10px;
  font-size: 15px;
  font-weight: 600;
  line-height: 150%;
  text-align: center;
  color: #FFFFFF;
}

.partnership_tab>li>a:hover {
  border: 0;
}

.partnership_tab>li>a {
  position: relative;
  display: block;
  padding: 10px;
  /* font-family: Roboto; */
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 140%;
  color: #A0A3BD;
  text-align: center;
  border: 0;
}

/* /partnership webpage */
.hr_style_v3_12 {
  border: 1px solid #FFFFFF;
  opacity: 0.1;
  margin: 16px 0;
}

/* .partnership_row 
{
  border-radius: 16px;
  background: #120F40;
  padding: 16px;
} */

.box_blue_01 {
  border-radius: 12px;
  background: #120F40;
  padding: 20px;
}

.vertical_line_01 {
  border-right: 1px solid rgba(255, 255, 255, .1);
  height: 50px;
  position: absolute;
  right: 50%;
  top: 0;
  bottom: 0;
  margin: 0 auto;
}

.row_vp .row {
  margin-bottom: 20px;
}

.row_vp .row:last-child {
  margin-bottom: 0 !important;
}

.btn_pdownload_pdf {
  height: 43px;
  width: 100%;
  margin: 0;
  box-shadow: unset;
  border-radius: 100px;
  background: #E58D82;
  padding: 10px 20px;
  font-size: 15px;
  font-weight: 600;
  line-height: 150%;
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn_rip {
  border: 0;
  margin: 0;
  box-shadow: unset;
  border-radius: 8px;
  background: #FFF;
  padding: 5px 14px;
  height: 32px;
  width: 100%;
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  color: #E58D82;
}

.div_copy_01 {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  left: 0;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: end;
}

.panel_levels .panel {
  margin-bottom: 20px;
}

.panel_levels .panel:last-child {
  margin-bottom: 0 !important;
}

a.fc_e58d82:focus,
a.fc_e58d82:hover {
  color: #e58d82;
}

.profile_pe_div_01 {
  text-align: center;
  padding: 20px;
  background: #120F40;
  border: 0;
  border-radius: 12px;
  height: auto;
}

.bg_profile_t {
  background: #120F40 !important;
}

.bg_profile_a {
  background: #0C2B5F !important;
}



.partnership_row a .box_02 {
  margin-bottom: 15px;
}

.partnership_row a:last-child .box_02 {
  margin-bottom: 0;
}

.partnership_row a:nth-child(1) .box_02,
.partnership_row a:nth-child(4) .box_02,
.partnership_row a:nth-child(7) .box_02,
.div_fq a:nth-child(1) .row,
.div_fq a:nth-child(4) .row,
.div_fq a:nth-child(7) .row,
.div_fq a:nth-child(10) .row,
.div_fq a:nth-child(13) .row,
.div_fq a:nth-child(16) .row,
.div_fbn a:nth-child(1) .row,
.div_fbn a:nth-child(4) .row,
.div_fbn a:nth-child(7) .row,
.div_fbn a:nth-child(10) .row,
.div_fbn a:nth-child(13) .row,
.div_fbn a:nth-child(16) .row,
.div_fbn a:nth-child(19) .row {
  background: #834B66;
}

.partnership_row a:nth-child(2) .box_02,
.partnership_row a:nth-child(5) .box_02,
.partnership_row a:nth-child(8) .box_02,
.div_fq a:nth-child(2) .row,
.div_fq a:nth-child(5) .row,
.div_fq a:nth-child(8) .row,
.div_fq a:nth-child(11) .row,
.div_fq a:nth-child(14) .row,
.div_fq a:nth-child(17) .row,
.div_fbn a:nth-child(2) .row,
.div_fbn a:nth-child(5) .row,
.div_fbn a:nth-child(8) .row,
.div_fbn a:nth-child(11) .row,
.div_fbn a:nth-child(14) .row,
.div_fbn a:nth-child(17) .row,
.div_fbn a:nth-child(20) .row {
  background: #CB6171;
}

.partnership_row a:nth-child(3) .box_02,
.partnership_row a:nth-child(6) .box_02,
.div_fq a:nth-child(3) .row,
.div_fq a:nth-child(6) .row,
.div_fq a:nth-child(9) .row,
.div_fq a:nth-child(12) .row,
.div_fq a:nth-child(15) .row,
.div_fbn a:nth-child(3) .row,
.div_fbn a:nth-child(6) .row,
.div_fbn a:nth-child(9) .row,
.div_fbn a:nth-child(12) .row,
.div_fbn a:nth-child(15) .row,
.div_fbn a:nth-child(18) .row {
  background: #E58D82;
}

.div_fq h4,
.div_fbn h4 {
  color: #fff !important;
}

.adsearch_ext_01 {
  top: 80px;
}

.progress_box .row {
  border-radius: 12px;
  background: #120F40;
  height: auto;
  width: 100%;
  padding: 15px;
  text-align: center;
}

.progress_box_score {
  border-radius: 12px;
  background: #120F40;
  padding: 15px 20px;
}

.div_gm {
  padding: 0;
}

.btn_tas {
  background: transparent;
  margin: 0;
  padding: 0;
}

.div_fq .fa_vm:hover {
  filter: unset !important;
}

.popover .arrow {
  transform: unset;
  width: unset;
  height: unset;
  border-top-right-radius: unset;
  background-color: unset;
  text-align: unset;
  border-top-width: unset;
  border-bottom-width: unset;
  border-left-width: unset;
  margin-left: unset !important;
}

.popover .arrow:before {
  transform: unset;
  width: unset;
  height: unset;
  border-top-right-radius: unset;
}

.popover .arrow:after {
  transform: unset;
  width: unset;
  height: unset;
  border-top-right-radius: unset;
}

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

/* prompts */
.popover {
  background: #E58D82;
  border-radius: 10px;
  padding: 20px;
  font-size: 15px;
  font-weight: 400;
  line-height: 140%;
  color: rgb(255, 255, 255);
  max-width: 335px !important;
  margin: 0 auto;
  left: 0 !important;
  right: 0;
}

.popover.top>.arrow:after {
  border-top-color: #E58D82;
}

.popover.bottom>.arrow:after {
  border-bottom-color: #E58D82;
}

.popover .popover-title {
  padding: 0px;
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 140%;
  color: #fff;
  background-color: transparent;
  border-bottom: 0;
  border-radius: 10px;
  text-decoration: underline;
}

.popover .popover-content {
  padding: 20px 0 10px 0;
}

.popover[class*="tour-"] .popover-navigation {
  padding: 0;
}

.popover[class*="tour-"] .popover-navigation *[data-role="prev"] {
  display: none;
}

.popover[class*="tour-"] .popover-navigation .btn-group {
  float: right;
  margin: 0;
}

.popover[class*="tour-"] .popover-navigation *[data-role="end"] {
  float: left;
  height: 40px;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  color: rgba(255, 255, 255, 0.75);
  background: transparent;
  padding: 0;
  text-align: left !important;
  margin: 0;
  display: flex;
  align-items: center;
}

.popover[class*="tour-"] .popover-navigation *[data-role="next"] {
  width: 92px;
  height: 40px;
  border-radius: 12px;
  border: 1px solid #FFF;
  background: transparent;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  color: #FFF;
}

.tour-backdrop {
  background: unset !important;
  opacity: unset !important;
  backdrop-filter: blur(6px) !important;
}

/* /prompts */

/* welcome prompt */
.modal_cvc {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.modal_cvc .modal-content {
  border-radius: 10px;
  background: #E58D82;
  padding: 40px 20px;
}

.modal_cvc .modal-body {
  padding: 0;
}

.btn_prompt_skip {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  color: rgba(255, 255, 255, 0.75);
  width: 100%;
  text-align: left;
  display: flex;
  align-items: center;
}

.btn_prompt_continue {
  margin: 0;
  padding: 0;
  border-radius: 12px;
  border: 1px solid #FFF;
  width: 92px;
  height: 40px;
  background: transparent;
  font-size: 12px;
  font-weight: 600;
  line-height: 140%;
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* /welcome prompt */

.height_100vh {
  height: 100vh;
}

/* driver.js */
.driver-popover {
  background: #E58D82 !important;
  border-radius: 10px !important;
  padding: 20px !important;
  font-size: 15px;
  font-weight: 400;
  line-height: 140%;
  color: rgb(255, 255, 255) !important;
  max-width: 335px !important;
  /* margin: 0 auto !important; */
  margin: auto 20px !important;

}

.driver-popover-footer {
  background: transparent;
}

.driver-popover-arrow {
  border: 10px solid #E58D82 !important;
}

.driver-popover-arrow-side-top {
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  border-left-color: transparent !important;
}

.driver-popover-arrow-side-bottom {
  border-left-color: transparent !important;
  border-top-color: transparent !important;
  border-right-color: transparent !important;
}

.driver-popover-arrow-side-right {
  border-bottom-color: transparent !important;
  border-left-color: transparent !important;
  border-top-color: transparent !important;
}

.driver-popover-arrow-side-left {
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  border-top-color: transparent !important;
}

.driver-popover-title[style*=block]+.driver-popover-description {
  margin: 0 !important;
}

.driver-popover-description {
  margin: 0;
  padding: 20px 0 10px 0;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 140% !important;
  color: #fff !important;
}

.driver-popover-footer {
  margin: 0 !important;
  padding: 0 !important;
}

.driver-popover-footer button {
  width: 92px;
  height: 40px;
  padding: 15px 15px !important;
  border-radius: 12px !important;
  border: 1px solid #FFF !important;
  background: transparent !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 140% !important;
  color: #FFF !important;
  text-shadow: unset !important;
}

.driver-popover-title {
  padding: 0px;
  margin: 0 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 140% !important;
  color: #fff;
  background-color: transparent;
  border-bottom: 0;
  border-radius: 10px;
  text-decoration: underline;
}

.driver-popover-progress-text {
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 140% !important;
  color: #fff !important;
}

.driver-popover-close-btn {
  display: block !important;
  color: #FFF !important;
  font-size: 3rem !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  padding: 23px 20px 0 0 !important;
  margin: 0 auto !important;
  height: unset !important;
  width: unset !important;
  line-height: 14px !important;
}


@media (max-width: 768px) {
  .driver-popover-arrow {
    display: none;
  }
}

/* /driver.js */

.toc_adiv_03 a>.row {
  border-radius: 12px;
  border: 0;
  background: #120F40;
  min-height: 108px;
  margin-bottom: 10px;
  padding: 16px;
  /* margin: 0 10px 10px 10px; */
}

.toc_adiv_03 a:last-child>.row {
  margin-bottom: 0;
}

.toc_adiv_03 .tile {
  width: 100%;
  border-radius: 6px;
  border: 0;
  position: relative;
}

.toc_adiv_03 .play {
  position: absolute;
  margin: auto;
  right: 5px;
  margin: 0 auto;
  bottom: 5px;
}

.cvideo_coach {
  width: 100%;
  max-height: 100%;
  border-radius: 12px;
  height: 190px;
  background: black;
}

.v3_ta_coach {
  width: 100%;
  height: auto !important;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, .25);
  background: #120F40;
  padding: 20px 10px;
  font-size: 15px;
  font-weight: 400;
  line-height: 140%;
  color: #fff;
}

.v3_ta_coach:focus,
.v3_ta_coach:active {
  color: #FFF;
  outline: none;
  padding: 20px 10px;
}

.v3_ta_coach::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.ca_wdi,
#vl,
#vl_hdi {
  display: none;
}

.bell_badge {
  color: #FFF;
  font-size: 9px;
  font-weight: 700;
  line-height: 150%;
  position: absolute;
  right: 2px;
  margin: 0 auto;
  background: #E58D82;
  padding: 10px;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.div_blue_sections .row {
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: #120F40;
  padding: 15px;
  margin-bottom: 10px;
}

.div_blue_sections .row:last-child {
  margin-bottom: 0;
}

.mt-20px {
  margin-top: -20px;
}

.div_redeem_pts {
  margin: 0 -20px;
  padding: 20px;
  background: #120F40;
}

.tandc_ul li::marker {
  /* list-style-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='9' viewBox='0 0 8 9' fill='none'><circle cx='4' cy='4.28125' r='4' fill='#424675'/></svg>");
  background-image: url('https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/v1_3/list_item.svg'); */
  font-size: 20px;
  color: #424675;
}

.wp_share_absolute {
  position: absolute;
  top: 0;
  right: 0;
}

.wp_disc_absolute {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wp_rc {
  height: 48px;
  width: 100%;
  background: transparent;
  border: 1px dotted #FFF;
  border-radius: 12px;
  padding: 20px;
  letter-spacing: 2.4px;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
  color: #E58D82;
  display: flex;
  align-items: center;
  justify-content: left;
}

span {
  cursor: unset;
}

.plr20pxi {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

.v1_3_bg_splash {
  /* background: url(https://humanwisdoms3.s3.eu-west-2.amazonaws.com/assets/svgs/v1_3/splash.svg) no-repeat center center fixed !important; */
  /* background: linear-gradient(180deg, #834B66 0%, #120F40 100%) !important; */
  background: linear-gradient(180deg, #FFCAA9 0%, #FFACA2 100%);

  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover !important;
  -o-background-size: cover !important;
  font-family: 'Roboto', sans-serif;
  z-index: 0 !important;
  min-height: 120vh !important;
  width: 406px;
}


/* /version - 03 */

/* Fix for mobile alignment and spacing */
.center_flex {
  justify-content: center !important;
  display: flex !important;
}

@media (max-width: 768px) {
  .mobile_view_topic {
    margin: 0 auto !important;
  }

  .mobile_view_topic_tile {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .div_testimonials {
    margin: 0 auto !important;
  }
}


/* Fix for mobile alignment and spacing - v3 */
.center_flex {
  justify-content: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
}

@media (max-width: 768px) {

  /* Center the main container (Topics & Testimonials) */
  .mobile_view_topic,
  .div_testimonials {
    margin: 0 auto !important;
    float: none !important;
    width: 90% !important;
    /* Slightly reduced width to ensure safe zone */
    max-width: 400px !important;
    /* Cap max width closer to screen size */
    padding: 0 !important;
    /* Remove any container padding */
  }

  /* Reset inner tile/button container padding */
  /* Reset inner tile/button container padding */
  .mobile_view_topic_tile {
    padding-left: 10px !important;
    padding-right: 0 !important;
    margin: 0 auto 15px auto !important;
    /* Add bottom margin for stacking */
    width: 100% !important;
    float: none !important;
  }

  /* Ensure button takes full width of the zero-padded tile */
  .btn-primarypop {
    width: 100% !important;
  }

  /* Increase spacing for the 'Try HappierMe' button section on mobile */
  #AnnualType {
    margin-top: 60px !important;
    margin-bottom: 80px !important;
    padding-bottom: 20px !important;
  }
}
/* ===== try-free-and-subscribe new design styles ===== */
.mt3px {
  margin-top: 3px;
}

.tfas-full-access-card {
  border-radius: 16px;
  background: #FFE8BB;
  overflow: hidden;
}

.tfas-full-access-header {
  padding: 16px 20px 12px 20px;
}

.tfas-best-value-badge {
  background: linear-gradient(180deg, #ED7D6F 0%, #D7586B 100%);
  padding: 8px 20px;
  text-align: center;
}

.tfas-plan-option {
  padding: 16px 20px;
  background: #FFE8BB;
  cursor: pointer;
  display: flex;
  flex-direction: column;
}

.tfas-plan-monthly {
  border-top: 1px solid rgba(0, 0, 0, 0.10);
}

.tfas-plan-selected {
  border: 2px solid #D7586B;
  border-radius: 12px;
  background: #FFF3D6;
}

.tfas-plan-label {
  margin-bottom: 4px;
}

.tfas-plan-price {
  display: flex;
  flex-direction: column;
}

.tfas-alt-option-card {
  border-radius: 16px;
  padding: 16px 20px;
  cursor: pointer;
  display: block;
}

.tfas-alt-card-adults {
  background: #FFE8BB;
}

.tfas-alt-card-teens {
  background: rgba(255, 255, 255, 0.10);
}
/* ===== /try-free-and-subscribe new design styles ===== */