:root,
[data-bs-theme=light] {
  --bs-blue: #ff5d0b;
  --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: #ff5d0b;
  --bs-secondary: #5a73fb;
  --bs-success: #83cb9e;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #eb5c7a;
  --bs-light: #ececec;
  --bs-dark: #212121;
  --bs-primary-rgb: 255, 93, 11;
  --bs-secondary-rgb: 90, 115, 251;
  --bs-success-rgb: 131, 203, 158;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 235, 92, 122;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 33, 33;
  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --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: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #ff5d0b;
  --bs-link-color-rgb: 13, 110, 253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #0a58ca;
  --bs-link-hover-color-rgb: 10, 88, 202;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: #fff3cd;
  --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-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}

[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #ececec;
  --bs-body-color-rgb: 236, 236, 236;
  --bs-body-bg: #212121;
  --bs-body-bg-rgb: 33, 33, 33;
  --bs-emphasis-color: #ececec;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(236, 236, 236, 0.75);
  --bs-secondary-color-rgb: 236, 236, 236;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: rgba(59, 1, 1, 0.5);
  --bs-tertiary-color-rgb: 53, 43, 43;
  --bs-tertiary-bg: #352b2b;
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-primary-text-emphasis: #ff5d0b;
  --bs-secondary-text-emphasis: #a7acb1;
  --bs-success-text-emphasis: #83cb9e;
  --bs-info-text-emphasis: #6edff6;
  --bs-warning-text-emphasis: #ffda6a;
  --bs-danger-text-emphasis: #eb5c7a;
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #ececec;
  --bs-primary-bg-subtle: #031633;
  --bs-secondary-bg-subtle: #161719;
  --bs-success-bg-subtle: rgba(131, 203, 158, 0.2);
  --bs-info-bg-subtle: #032830;
  --bs-warning-bg-subtle: #332701;
  --bs-danger-bg-subtle: rgba(235, 92, 122, 0.1);
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #171717;
  --bs-primary-border-subtle: #084298;
  --bs-secondary-border-subtle: #41464b;
  --bs-success-border-subtle: #83cb9e;
  --bs-info-border-subtle: #087990;
  --bs-warning-border-subtle: #997404;
  --bs-danger-border-subtle: #eb5c7a;
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: #ff5d0b;
  --bs-link-hover-color: #8bb9fe;
  --bs-link-color-rgb: 255, 93, 11;
  --bs-link-hover-color-rgb: 255, 160, 112;
  --bs-code-color: #e685b5;
  --bs-highlight-color: #ececec;
  --bs-highlight-bg: #664d03;
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: #83cb9e;
  --bs-form-valid-border-color: #83cb9e;
  --bs-form-invalid-color: #eb5c7a;
  --bs-form-invalid-border-color: #eb5c7a;
}

.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: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: var(--bs-box-shadow);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #ff5d0b;
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --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);
}

.progress-stacked > .progress > .progress-bar.bg-dark,
.p-1.bg-dark.rounded-5 {
  background-color: #444 !important;
}

@font-face {
  font-family: "Axiforma";
  src: url("../fonts/Axiforma-Light.eot");
  src: url("../fonts/Axiforma-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Axiforma-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Axiforma";
  src: url("../fonts/Axiforma-Regular.eot");
  src: url("../fonts/Axiforma-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Axiforma-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Axiforma";
  src: url("../fonts/Axiforma-SemiBold.eot");
  src: url("../fonts/Axiforma-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Axiforma-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Axiforma";
  src: url("../fonts/Axiforma-Bold.eot");
  src: url("../fonts/Axiforma-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Axiforma-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
.fs-1 {
  font-size: 16px !important;
  font-style: normal;
  line-height: 100%;
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 32px !important;
    line-height: normal;
    line-height: 100%;
  }
}

.fs-3 {
  line-height: 1 !important;
  font-size: 14px !important;
}
@media (min-width: 1200px) {
  .fs-3 {
    font-size: 24px !important;
  }
}

.fs-4 {
  font-size: 20px !important;
  line-height: 1 !important;
}

.fs-6 {
  font-size: 14px !important;
  line-height: 16px !important;
}

.fs-7 {
  font-size: 12px !important;
  line-height: 14px !important;
}

.fs-8 {
  font-size: 8px !important;
  line-height: 100% !important;
}

.lh-180 {
  line-height: 180% !important;
}

body {
  font-family: "Axiforma";
  overflow-x: hidden;
}

hr {
  opacity: 0.1;
}

.h-75 {
  height: auto !important;
  min-height: 75%;
}

.mh-25 {
  height: 50px !important;
  max-height: 50px !important;
}

.container {
  position: relative;
  width: 100%;
  max-width: 1310px;
}

.dropdown-menu {
  border-radius: 8px;
  border: 1px solid rgba(236, 236, 236, 0.2);
  box-shadow: 0px 0px 25.4px 5px rgba(0, 0, 0, 0.44);
}

.dropdown-menu-center {
  right: auto;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.btn-primary {
  --bs-btn-color: #ececec;
  --bs-btn-bg: #ff5d0b;
  --bs-btn-border-color: #ff5d0b;
  --bs-btn-hover-color: #ececec;
  --bs-btn-hover-bg: #dd5611;
  --bs-btn-hover-border-color: #dd5611;
  --bs-btn-focus-shadow-rgb: 221, 86, 17;
  --bs-btn-active-color: #ececec;
  --bs-btn-active-bg: #dd5611;
  --bs-btn-active-border-color: #dd5611;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ececec;
  --bs-btn-disabled-bg: #ff5d0b;
  --bs-btn-disabled-border-color: #ff5d0b;
}

.btn-notification {
  display: flex;
  gap: 10px;
  padding: 18px 20px;
  border: none;
  background-color: transparent;
  text-align: left;
}
.btn-notification.active {
  border: none;
  background-color: rgba(0, 0, 0, 0.4);
}
.btn-notification.active .notification-title {
  color: #ff5d0b;
}
.btn-notification p {
  font-size: 16px;
}
.btn-notification p.text-white-50 {
  font-size: 12px;
}

.form-control:focus {
  border-color: #fff;
  outline: 0;
  box-shadow: none;
}

.form-check-input:focus,
.form-check-input:active {
  border-color: #ff5d0b;
  outline: none;
  box-shadow: none;
}

.form-check-input:checked {
  background-color: #ff5d0b;
  border-color: #ff5d0b;
  outline: none;
  box-shadow: none;
}

.progress,
.progress-stacked {
  --bs-progress-height: 4px;
  --bs-progress-bar-color: #ececec;
  --bs-progress-bar-bg: #ff5d0b;
  --bs-progress-bar-transition: width 0.6s ease;
  height: var(--bs-progress-height);
  min-width: 60px;
  background-color: #ececec;
  border-radius: 0;
}

.progress-stacked,
.progress-stacked .progress {
  --bs-progress-height: 21px;
  border-radius: 4px;
}

.set-point-container {
  position: relative;
}
@media (max-width: 1200px) {
  .set-point-container {
    padding-left: 35px;
    height: 60px;
  }
}
@media (max-width: 1200px) {
  .set-point-container .fs-7 {
    margin-bottom: 0 !important;
  }
}
.set-point-container .set-point {
  position: relative;
  display: block;
  width: 100%;
  height: 8px;
}
@media (max-width: 1200px) {
  .set-point-container .set-point {
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 100%;
  }
}
.set-point-container .set-point:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 3px;
  background-color: rgba(236, 236, 236, 0.1);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
@media (max-width: 1200px) {
  .set-point-container .set-point:before {
    width: 3px;
    height: 100%;
  }
}
.set-point-container .set-point:after {
  content: "";
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #ececec;
  border: 2px solid #ececec;
  border-radius: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.set-point-container:first-child .set-point:before {
  content: "";
  display: block;
  position: absolute;
  width: 50%;
  height: 3px;
  top: 50%;
  left: 50%;
  transform: translate(0%, -50%);
  z-index: 1;
}
@media (max-width: 1200px) {
  .set-point-container:first-child .set-point:before {
    width: 3px;
    height: 50%;
    transform: translate(-50%, 0%);
  }
}
.set-point-container:last-child .set-point:before {
  content: "";
  display: block;
  position: absolute;
  width: 50%;
  height: 3px;
  left: auto;
  top: 50%;
  right: 50%;
  transform: translate(0%, -50%);
  z-index: 1;
}
@media (max-width: 1200px) {
  .set-point-container:last-child .set-point:before {
    width: 3px;
    height: 100%;
    transform: translate(50%, -100%);
  }
}
.set-point-container.completed .set-point:before {
  background: rgb(255, 93, 11);
}
.set-point-container.completed .set-point:after {
  border: 2px solid #ff5d0b;
}
.set-point-container.current .set-point:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 3px;
  background: rgb(255, 93, 11);
  background: linear-gradient(90deg, rgb(255, 93, 11) 0%, rgb(255, 93, 11) 50%, rgba(236, 236, 236, 0.1) 50%, rgba(236, 236, 236, 0.1) 100%);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
@media (max-width: 1200px) {
  .set-point-container.current .set-point:before {
    width: 3px;
    height: 50%;
    transform: translate(-50%, -100%);
    background: rgb(255, 93, 11) !important;
  }
}
.set-point-container.current .set-point::after {
  width: 12px;
  height: 12px;
  background-color: #ff5d0b;
  border: 4px solid #ececec;
}
@media (max-width: 1200px) {
  .set-point-container.current .set-point::after {
    width: 10px;
    height: 10px;
    background-color: #ececec;
    border: 2px solid #ececec;
  }
}

.circular-progress {
  width: 150px;
  height: 150px;
  line-height: 150px;
  background: none;
  margin: 0 auto;
  box-shadow: none;
  position: relative;
}
.circular-progress:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 20px solid rgba(236, 236, 236, 0.1);
  position: absolute;
  top: 0;
  left: 0;
}
.circular-progress > span {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}
.circular-progress .progress-left {
  left: 0;
}
.circular-progress .progress-bar {
  width: 100%;
  height: 100%;
  background: none;
  border-width: 20px;
  border-style: solid;
  position: absolute;
  top: 0;
  border-color: #5a73fb;
}
.circular-progress .progress-left .progress-bar {
  left: 100%;
  border-top-right-radius: 75px;
  border-bottom-right-radius: 75px;
  border-left: 0;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}
.circular-progress .progress-right {
  right: 0;
}
.circular-progress .progress-right .progress-bar {
  left: -100%;
  border-top-left-radius: 75px;
  border-bottom-left-radius: 75px;
  border-right: 0;
  -webkit-transform-origin: center right;
  transform-origin: center right;
}
.circular-progress .progress-value {
  display: flex;
  border-radius: 50%;
  font-size: 16px;
  text-align: center;
  line-height: 150%;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-weight: 300;
}

.dragscroll {
  display: flex;
  justify-content: end;
  flex-direction: column;
}

.dragscroll::-webkit-scrollbar {
  display: none;
}

.bolinha {
  width: 12px;
  height: 12px;
  border-radius: 100%;
}
.bolinha.azul {
  background-color: #5a73fb;
}
.bolinha.laranja {
  background-color: #ff5d0b;
}

.linha {
  width: 25px;
  height: 1px;
  border-radius: 1px;
  border-radius: 100%;
}
.linha.verde {
  background-color: #83cb9e;
}
.linha.azul {
  background-color: #5a73fb;
}
.linha.laranja {
  background-color: #ff5d0b;
}

/* This for loop creates the  necessary css animation names 
Due to the split circle of progress-left and progress right, we must use the animations on each side. 
*/
.circular-progress[data-percentage="1"] .progress-right .progress-bar {
  animation: loading-1 1.5s linear forwards;
}
.circular-progress[data-percentage="1"] .progress-left .progress-bar {
  animation: 0;
}

.circular-progress[data-percentage="2"] .progress-right .progress-bar {
  animation: loading-2 1.5s linear forwards;
}
.circular-progress[data-percentage="2"] .progress-left .progress-bar {
  animation: 0;
}

.circular-progress[data-percentage="3"] .progress-right .progress-bar {
  animation: loading-3 1.5s linear forwards;
}
.circular-progress[data-percentage="3"] .progress-left .progress-bar {
  animation: 0;
}

.circular-progress[data-percentage="4"] .progress-right .progress-bar {
  animation: loading-4 1.5s linear forwards;
}
.circular-progress[data-percentage="4"] .progress-left .progress-bar {
  animation: 0;
}

.circular-progress[data-percentage="5"] .progress-right .progress-bar {
  animation: loading-5 1.5s linear forwards;
}
.circular-progress[data-percentage="5"] .progress-left .progress-bar {
  animation: 0;
}

.circular-progress[data-percentage="6"] .progress-right .progress-bar {
  animation: loading-6 1.5s linear forwards;
}
.circular-progress[data-percentage="6"] .progress-left .progress-bar {
  animation: 0;
}

.circular-progress[data-percentage="7"] .progress-right .progress-bar {
  animation: loading-7 1.5s linear forwards;
}
.circular-progress[data-percentage="7"] .progress-left .progress-bar {
  animation: 0;
}

.circular-progress[data-percentage="8"] .progress-right .progress-bar {
  animation: loading-8 1.5s linear forwards;
}
.circular-progress[data-percentage="8"] .progress-left .progress-bar {
  animation: 0;
}

.circular-progress[data-percentage="9"] .progress-right .progress-bar {
  animation: loading-9 1.5s linear forwards;
}
.circular-progress[data-percentage="9"] .progress-left .progress-bar {
  animation: 0;
}

.circular-progress[data-percentage="10"] .progress-right .progress-bar {
  animation: loading-10 1.5s linear forwards;
}
.circular-progress[data-percentage="10"] .progress-left .progress-bar {
  animation: 0;
}

.circular-progress[data-percentage="11"] .progress-right .progress-bar {
  animation: loading-11 1.5s linear forwards;
}
.circular-progress[data-percentage="11"] .progress-left .progress-bar {
  animation: 0;
}

.circular-progress[data-percentage="12"] .progress-right .progress-bar {
  animation: loading-12 1.5s linear forwards;
}
.circular-progress[data-percentage="12"] .progress-left .progress-bar {
  animation: 0;
}

.circular-progress[data-percentage="13"] .progress-right .progress-bar {
  animation: loading-13 1.5s linear forwards;
}
.circular-progress[data-percentage="13"] .progress-left .progress-bar {
  animation: 0;
}

.circular-progress[data-percentage="14"] .progress-right .progress-bar {
  animation: loading-14 1.5s linear forwards;
}
.circular-progress[data-percentage="14"] .progress-left .progress-bar {
  animation: 0;
}

.circular-progress[data-percentage="15"] .progress-right .progress-bar {
  animation: loading-15 1.5s linear forwards;
}
.circular-progress[data-percentage="15"] .progress-left .progress-bar {
  animation: 0;
}

.circular-progress[data-percentage="16"] .progress-right .progress-bar {
  animation: loading-16 1.5s linear forwards;
}
.circular-progress[data-percentage="16"] .progress-left .progress-bar {
  animation: 0;
}

.circular-progress[data-percentage="17"] .progress-right .progress-bar {
  animation: loading-17 1.5s linear forwards;
}
.circular-progress[data-percentage="17"] .progress-left .progress-bar {
  animation: 0;
}

.circular-progress[data-percentage="18"] .progress-right .progress-bar {
  animation: loading-18 1.5s linear forwards;
}
.circular-progress[data-percentage="18"] .progress-left .progress-bar {
  animation: 0;
}

.circular-progress[data-percentage="19"] .progress-right .progress-bar {
  animation: loading-19 1.5s linear forwards;
}
.circular-progress[data-percentage="19"] .progress-left .progress-bar {
  animation: 0;
}

.circular-progress[data-percentage="20"] .progress-right .progress-bar {
  animation: loading-20 1.5s linear forwards;
}
.circular-progress[data-percentage="20"] .progress-left .progress-bar {
  animation: 0;
}

.circular-progress[data-percentage="21"] .progress-right .progress-bar {
  animation: loading-21 1.5s linear forwards;
}
.circular-progress[data-percentage="21"] .progress-left .progress-bar {
  animation: 0;
}

.circular-progress[data-percentage="22"] .progress-right .progress-bar {
  animation: loading-22 1.5s linear forwards;
}
.circular-progress[data-percentage="22"] .progress-left .progress-bar {
  animation: 0;
}

.circular-progress[data-percentage="23"] .progress-right .progress-bar {
  animation: loading-23 1.5s linear forwards;
}
.circular-progress[data-percentage="23"] .progress-left .progress-bar {
  animation: 0;
}

.circular-progress[data-percentage="24"] .progress-right .progress-bar {
  animation: loading-24 1.5s linear forwards;
}
.circular-progress[data-percentage="24"] .progress-left .progress-bar {
  animation: 0;
}

.circular-progress[data-percentage="25"] .progress-right .progress-bar {
  animation: loading-25 1.5s linear forwards;
}
.circular-progress[data-percentage="25"] .progress-left .progress-bar {
  animation: 0;
}

.circular-progress[data-percentage="26"] .progress-right .progress-bar {
  animation: loading-26 1.5s linear forwards;
}
.circular-progress[data-percentage="26"] .progress-left .progress-bar {
  animation: 0;
}

.circular-progress[data-percentage="27"] .progress-right .progress-bar {
  animation: loading-27 1.5s linear forwards;
}
.circular-progress[data-percentage="27"] .progress-left .progress-bar {
  animation: 0;
}

.circular-progress[data-percentage="28"] .progress-right .progress-bar {
  animation: loading-28 1.5s linear forwards;
}
.circular-progress[data-percentage="28"] .progress-left .progress-bar {
  animation: 0;
}

.circular-progress[data-percentage="29"] .progress-right .progress-bar {
  animation: loading-29 1.5s linear forwards;
}
.circular-progress[data-percentage="29"] .progress-left .progress-bar {
  animation: 0;
}

.circular-progress[data-percentage="30"] .progress-right .progress-bar {
  animation: loading-30 1.5s linear forwards;
}
.circular-progress[data-percentage="30"] .progress-left .progress-bar {
  animation: 0;
}

.circular-progress[data-percentage="31"] .progress-right .progress-bar {
  animation: loading-31 1.5s linear forwards;
}
.circular-progress[data-percentage="31"] .progress-left .progress-bar {
  animation: 0;
}

.circular-progress[data-percentage="32"] .progress-right .progress-bar {
  animation: loading-32 1.5s linear forwards;
}
.circular-progress[data-percentage="32"] .progress-left .progress-bar {
  animation: 0;
}

.circular-progress[data-percentage="33"] .progress-right .progress-bar {
  animation: loading-33 1.5s linear forwards;
}
.circular-progress[data-percentage="33"] .progress-left .progress-bar {
  animation: 0;
}

.circular-progress[data-percentage="34"] .progress-right .progress-bar {
  animation: loading-34 1.5s linear forwards;
}
.circular-progress[data-percentage="34"] .progress-left .progress-bar {
  animation: 0;
}

.circular-progress[data-percentage="35"] .progress-right .progress-bar {
  animation: loading-35 1.5s linear forwards;
}
.circular-progress[data-percentage="35"] .progress-left .progress-bar {
  animation: 0;
}

.circular-progress[data-percentage="36"] .progress-right .progress-bar {
  animation: loading-36 1.5s linear forwards;
}
.circular-progress[data-percentage="36"] .progress-left .progress-bar {
  animation: 0;
}

.circular-progress[data-percentage="37"] .progress-right .progress-bar {
  animation: loading-37 1.5s linear forwards;
}
.circular-progress[data-percentage="37"] .progress-left .progress-bar {
  animation: 0;
}

.circular-progress[data-percentage="38"] .progress-right .progress-bar {
  animation: loading-38 1.5s linear forwards;
}
.circular-progress[data-percentage="38"] .progress-left .progress-bar {
  animation: 0;
}

.circular-progress[data-percentage="39"] .progress-right .progress-bar {
  animation: loading-39 1.5s linear forwards;
}
.circular-progress[data-percentage="39"] .progress-left .progress-bar {
  animation: 0;
}

.circular-progress[data-percentage="40"] .progress-right .progress-bar {
  animation: loading-40 1.5s linear forwards;
}
.circular-progress[data-percentage="40"] .progress-left .progress-bar {
  animation: 0;
}

.circular-progress[data-percentage="41"] .progress-right .progress-bar {
  animation: loading-41 1.5s linear forwards;
}
.circular-progress[data-percentage="41"] .progress-left .progress-bar {
  animation: 0;
}

.circular-progress[data-percentage="42"] .progress-right .progress-bar {
  animation: loading-42 1.5s linear forwards;
}
.circular-progress[data-percentage="42"] .progress-left .progress-bar {
  animation: 0;
}

.circular-progress[data-percentage="43"] .progress-right .progress-bar {
  animation: loading-43 1.5s linear forwards;
}
.circular-progress[data-percentage="43"] .progress-left .progress-bar {
  animation: 0;
}

.circular-progress[data-percentage="44"] .progress-right .progress-bar {
  animation: loading-44 1.5s linear forwards;
}
.circular-progress[data-percentage="44"] .progress-left .progress-bar {
  animation: 0;
}

.circular-progress[data-percentage="45"] .progress-right .progress-bar {
  animation: loading-45 1.5s linear forwards;
}
.circular-progress[data-percentage="45"] .progress-left .progress-bar {
  animation: 0;
}

.circular-progress[data-percentage="46"] .progress-right .progress-bar {
  animation: loading-46 1.5s linear forwards;
}
.circular-progress[data-percentage="46"] .progress-left .progress-bar {
  animation: 0;
}

.circular-progress[data-percentage="47"] .progress-right .progress-bar {
  animation: loading-47 1.5s linear forwards;
}
.circular-progress[data-percentage="47"] .progress-left .progress-bar {
  animation: 0;
}

.circular-progress[data-percentage="48"] .progress-right .progress-bar {
  animation: loading-48 1.5s linear forwards;
}
.circular-progress[data-percentage="48"] .progress-left .progress-bar {
  animation: 0;
}

.circular-progress[data-percentage="49"] .progress-right .progress-bar {
  animation: loading-49 1.5s linear forwards;
}
.circular-progress[data-percentage="49"] .progress-left .progress-bar {
  animation: 0;
}

.circular-progress[data-percentage="50"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.circular-progress[data-percentage="50"] .progress-left .progress-bar {
  animation: 0;
}

.circular-progress[data-percentage="51"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.circular-progress[data-percentage="51"] .progress-left .progress-bar {
  animation: loading-1 1.5s linear forwards 1.5s;
}

.circular-progress[data-percentage="52"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.circular-progress[data-percentage="52"] .progress-left .progress-bar {
  animation: loading-2 1.5s linear forwards 1.5s;
}

.circular-progress[data-percentage="53"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.circular-progress[data-percentage="53"] .progress-left .progress-bar {
  animation: loading-3 1.5s linear forwards 1.5s;
}

.circular-progress[data-percentage="54"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.circular-progress[data-percentage="54"] .progress-left .progress-bar {
  animation: loading-4 1.5s linear forwards 1.5s;
}

.circular-progress[data-percentage="55"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.circular-progress[data-percentage="55"] .progress-left .progress-bar {
  animation: loading-5 1.5s linear forwards 1.5s;
}

.circular-progress[data-percentage="56"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.circular-progress[data-percentage="56"] .progress-left .progress-bar {
  animation: loading-6 1.5s linear forwards 1.5s;
}

.circular-progress[data-percentage="57"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.circular-progress[data-percentage="57"] .progress-left .progress-bar {
  animation: loading-7 1.5s linear forwards 1.5s;
}

.circular-progress[data-percentage="58"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.circular-progress[data-percentage="58"] .progress-left .progress-bar {
  animation: loading-8 1.5s linear forwards 1.5s;
}

.circular-progress[data-percentage="59"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.circular-progress[data-percentage="59"] .progress-left .progress-bar {
  animation: loading-9 1.5s linear forwards 1.5s;
}

.circular-progress[data-percentage="60"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.circular-progress[data-percentage="60"] .progress-left .progress-bar {
  animation: loading-10 1.5s linear forwards 1.5s;
}

.circular-progress[data-percentage="61"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.circular-progress[data-percentage="61"] .progress-left .progress-bar {
  animation: loading-11 1.5s linear forwards 1.5s;
}

.circular-progress[data-percentage="62"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.circular-progress[data-percentage="62"] .progress-left .progress-bar {
  animation: loading-12 1.5s linear forwards 1.5s;
}

.circular-progress[data-percentage="63"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.circular-progress[data-percentage="63"] .progress-left .progress-bar {
  animation: loading-13 1.5s linear forwards 1.5s;
}

.circular-progress[data-percentage="64"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.circular-progress[data-percentage="64"] .progress-left .progress-bar {
  animation: loading-14 1.5s linear forwards 1.5s;
}

.circular-progress[data-percentage="65"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.circular-progress[data-percentage="65"] .progress-left .progress-bar {
  animation: loading-15 1.5s linear forwards 1.5s;
}

.circular-progress[data-percentage="66"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.circular-progress[data-percentage="66"] .progress-left .progress-bar {
  animation: loading-16 1.5s linear forwards 1.5s;
}

.circular-progress[data-percentage="67"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.circular-progress[data-percentage="67"] .progress-left .progress-bar {
  animation: loading-17 1.5s linear forwards 1.5s;
}

.circular-progress[data-percentage="68"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.circular-progress[data-percentage="68"] .progress-left .progress-bar {
  animation: loading-18 1.5s linear forwards 1.5s;
}

.circular-progress[data-percentage="69"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.circular-progress[data-percentage="69"] .progress-left .progress-bar {
  animation: loading-19 1.5s linear forwards 1.5s;
}

.circular-progress[data-percentage="70"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.circular-progress[data-percentage="70"] .progress-left .progress-bar {
  animation: loading-20 1.5s linear forwards 1.5s;
}

.circular-progress[data-percentage="71"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.circular-progress[data-percentage="71"] .progress-left .progress-bar {
  animation: loading-21 1.5s linear forwards 1.5s;
}

.circular-progress[data-percentage="72"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.circular-progress[data-percentage="72"] .progress-left .progress-bar {
  animation: loading-22 1.5s linear forwards 1.5s;
}

.circular-progress[data-percentage="73"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.circular-progress[data-percentage="73"] .progress-left .progress-bar {
  animation: loading-23 1.5s linear forwards 1.5s;
}

.circular-progress[data-percentage="74"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.circular-progress[data-percentage="74"] .progress-left .progress-bar {
  animation: loading-24 1.5s linear forwards 1.5s;
}

.circular-progress[data-percentage="75"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.circular-progress[data-percentage="75"] .progress-left .progress-bar {
  animation: loading-25 1.5s linear forwards 1.5s;
}

.circular-progress[data-percentage="76"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.circular-progress[data-percentage="76"] .progress-left .progress-bar {
  animation: loading-26 1.5s linear forwards 1.5s;
}

.circular-progress[data-percentage="77"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.circular-progress[data-percentage="77"] .progress-left .progress-bar {
  animation: loading-27 1.5s linear forwards 1.5s;
}

.circular-progress[data-percentage="78"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.circular-progress[data-percentage="78"] .progress-left .progress-bar {
  animation: loading-28 1.5s linear forwards 1.5s;
}

.circular-progress[data-percentage="79"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.circular-progress[data-percentage="79"] .progress-left .progress-bar {
  animation: loading-29 1.5s linear forwards 1.5s;
}

.circular-progress[data-percentage="80"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.circular-progress[data-percentage="80"] .progress-left .progress-bar {
  animation: loading-30 1.5s linear forwards 1.5s;
}

.circular-progress[data-percentage="81"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.circular-progress[data-percentage="81"] .progress-left .progress-bar {
  animation: loading-31 1.5s linear forwards 1.5s;
}

.circular-progress[data-percentage="82"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.circular-progress[data-percentage="82"] .progress-left .progress-bar {
  animation: loading-32 1.5s linear forwards 1.5s;
}

.circular-progress[data-percentage="83"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.circular-progress[data-percentage="83"] .progress-left .progress-bar {
  animation: loading-33 1.5s linear forwards 1.5s;
}

.circular-progress[data-percentage="84"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.circular-progress[data-percentage="84"] .progress-left .progress-bar {
  animation: loading-34 1.5s linear forwards 1.5s;
}

.circular-progress[data-percentage="85"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.circular-progress[data-percentage="85"] .progress-left .progress-bar {
  animation: loading-35 1.5s linear forwards 1.5s;
}

.circular-progress[data-percentage="86"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.circular-progress[data-percentage="86"] .progress-left .progress-bar {
  animation: loading-36 1.5s linear forwards 1.5s;
}

.circular-progress[data-percentage="87"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.circular-progress[data-percentage="87"] .progress-left .progress-bar {
  animation: loading-37 1.5s linear forwards 1.5s;
}

.circular-progress[data-percentage="88"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.circular-progress[data-percentage="88"] .progress-left .progress-bar {
  animation: loading-38 1.5s linear forwards 1.5s;
}

.circular-progress[data-percentage="89"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.circular-progress[data-percentage="89"] .progress-left .progress-bar {
  animation: loading-39 1.5s linear forwards 1.5s;
}

.circular-progress[data-percentage="90"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.circular-progress[data-percentage="90"] .progress-left .progress-bar {
  animation: loading-40 1.5s linear forwards 1.5s;
}

.circular-progress[data-percentage="91"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.circular-progress[data-percentage="91"] .progress-left .progress-bar {
  animation: loading-41 1.5s linear forwards 1.5s;
}

.circular-progress[data-percentage="92"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.circular-progress[data-percentage="92"] .progress-left .progress-bar {
  animation: loading-42 1.5s linear forwards 1.5s;
}

.circular-progress[data-percentage="93"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.circular-progress[data-percentage="93"] .progress-left .progress-bar {
  animation: loading-43 1.5s linear forwards 1.5s;
}

.circular-progress[data-percentage="94"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.circular-progress[data-percentage="94"] .progress-left .progress-bar {
  animation: loading-44 1.5s linear forwards 1.5s;
}

.circular-progress[data-percentage="95"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.circular-progress[data-percentage="95"] .progress-left .progress-bar {
  animation: loading-45 1.5s linear forwards 1.5s;
}

.circular-progress[data-percentage="96"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.circular-progress[data-percentage="96"] .progress-left .progress-bar {
  animation: loading-46 1.5s linear forwards 1.5s;
}

.circular-progress[data-percentage="97"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.circular-progress[data-percentage="97"] .progress-left .progress-bar {
  animation: loading-47 1.5s linear forwards 1.5s;
}

.circular-progress[data-percentage="98"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.circular-progress[data-percentage="98"] .progress-left .progress-bar {
  animation: loading-48 1.5s linear forwards 1.5s;
}

.circular-progress[data-percentage="99"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.circular-progress[data-percentage="99"] .progress-left .progress-bar {
  animation: loading-49 1.5s linear forwards 1.5s;
}

.circular-progress[data-percentage="100"] .progress-right .progress-bar {
  animation: loading-50 1.5s linear forwards;
}
.circular-progress[data-percentage="100"] .progress-left .progress-bar {
  animation: loading-50 1.5s linear forwards 1.5s;
}

@keyframes loading-1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(3.6);
    transform: rotate(3.6deg);
  }
}
@keyframes loading-2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(7.2);
    transform: rotate(7.2deg);
  }
}
@keyframes loading-3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(10.8);
    transform: rotate(10.8deg);
  }
}
@keyframes loading-4 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(14.4);
    transform: rotate(14.4deg);
  }
}
@keyframes loading-5 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(18);
    transform: rotate(18deg);
  }
}
@keyframes loading-6 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(21.6);
    transform: rotate(21.6deg);
  }
}
@keyframes loading-7 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(25.2);
    transform: rotate(25.2deg);
  }
}
@keyframes loading-8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(28.8);
    transform: rotate(28.8deg);
  }
}
@keyframes loading-9 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(32.4);
    transform: rotate(32.4deg);
  }
}
@keyframes loading-10 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(36);
    transform: rotate(36deg);
  }
}
@keyframes loading-11 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(39.6);
    transform: rotate(39.6deg);
  }
}
@keyframes loading-12 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(43.2);
    transform: rotate(43.2deg);
  }
}
@keyframes loading-13 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(46.8);
    transform: rotate(46.8deg);
  }
}
@keyframes loading-14 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(50.4);
    transform: rotate(50.4deg);
  }
}
@keyframes loading-15 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(54);
    transform: rotate(54deg);
  }
}
@keyframes loading-16 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(57.6);
    transform: rotate(57.6deg);
  }
}
@keyframes loading-17 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(61.2);
    transform: rotate(61.2deg);
  }
}
@keyframes loading-18 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(64.8);
    transform: rotate(64.8deg);
  }
}
@keyframes loading-19 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(68.4);
    transform: rotate(68.4deg);
  }
}
@keyframes loading-20 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(72);
    transform: rotate(72deg);
  }
}
@keyframes loading-21 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(75.6);
    transform: rotate(75.6deg);
  }
}
@keyframes loading-22 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(79.2);
    transform: rotate(79.2deg);
  }
}
@keyframes loading-23 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(82.8);
    transform: rotate(82.8deg);
  }
}
@keyframes loading-24 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(86.4);
    transform: rotate(86.4deg);
  }
}
@keyframes loading-25 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(90);
    transform: rotate(90deg);
  }
}
@keyframes loading-26 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(93.6);
    transform: rotate(93.6deg);
  }
}
@keyframes loading-27 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(97.2);
    transform: rotate(97.2deg);
  }
}
@keyframes loading-28 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(100.8);
    transform: rotate(100.8deg);
  }
}
@keyframes loading-29 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(104.4);
    transform: rotate(104.4deg);
  }
}
@keyframes loading-30 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(108);
    transform: rotate(108deg);
  }
}
@keyframes loading-31 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(111.6);
    transform: rotate(111.6deg);
  }
}
@keyframes loading-32 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(115.2);
    transform: rotate(115.2deg);
  }
}
@keyframes loading-33 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(118.8);
    transform: rotate(118.8deg);
  }
}
@keyframes loading-34 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(122.4);
    transform: rotate(122.4deg);
  }
}
@keyframes loading-35 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(126);
    transform: rotate(126deg);
  }
}
@keyframes loading-36 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(129.6);
    transform: rotate(129.6deg);
  }
}
@keyframes loading-37 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(133.2);
    transform: rotate(133.2deg);
  }
}
@keyframes loading-38 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(136.8);
    transform: rotate(136.8deg);
  }
}
@keyframes loading-39 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(140.4);
    transform: rotate(140.4deg);
  }
}
@keyframes loading-40 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(144);
    transform: rotate(144deg);
  }
}
@keyframes loading-41 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(147.6);
    transform: rotate(147.6deg);
  }
}
@keyframes loading-42 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(151.2);
    transform: rotate(151.2deg);
  }
}
@keyframes loading-43 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(154.8);
    transform: rotate(154.8deg);
  }
}
@keyframes loading-44 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(158.4);
    transform: rotate(158.4deg);
  }
}
@keyframes loading-45 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(162);
    transform: rotate(162deg);
  }
}
@keyframes loading-46 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(165.6);
    transform: rotate(165.6deg);
  }
}
@keyframes loading-47 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(169.2);
    transform: rotate(169.2deg);
  }
}
@keyframes loading-48 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(172.8);
    transform: rotate(172.8deg);
  }
}
@keyframes loading-49 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(176.4);
    transform: rotate(176.4deg);
  }
}
@keyframes loading-50 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(180);
    transform: rotate(180deg);
  }
}
.bg-black-50 {
  background-color: rgba(236, 236, 236, 0.1);
}

.ratio img {
  object-fit: cover;
}

.spinner-border {
  --bs-spinner-width: 24px;
  --bs-spinner-height: 24px;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 1s;
  --bs-spinner-animation-name: spinner-border;
  border: 3px solid currentcolor;
  border-right-color: transparent;
}

@media print {
  hr {
    display: none;
  }
  .mb-3,
  .mb-4,
  .mb-5 {
    margin-bottom: 1rem !important;
  }
  .mt-3,
  .mt-4,
  .mt-5 {
    margin-top: 1rem !important;
  }
  .my-3,
  .my-4,
  .my-5 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .progress-stacked {
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
  }
  .bg-black {
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
  }
  .owl-carousel,
  .navigation {
    display: none !important;
  }
  .laranja,
  .azul {
    -webkit-print-color-adjust: exact !important;
  }
  .progress-bar,
  .p-1.bg-dark.rounded-5 {
    -webkit-print-color-adjust: exact !important;
  }
  .bg-primary {
    -webkit-print-color-adjust: exact !important;
    color: #ff5d0b !important;
  }
  .bg-primary.text-light {
    -webkit-print-color-adjust: exact !important;
    color: #fff !important;
  }
  .bg-secondary {
    -webkit-print-color-adjust: exact !important;
    color: #5a73fb !important;
  }
  .bg-secondary.text-light {
    -webkit-print-color-adjust: exact !important;
    color: #fff !important;
  }
  .p-1.bg-dark.rounded-5 {
    -webkit-print-color-adjust: exact !important;
  }
  .dragscroll-container,
  .dragscroll-container canvas {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: auto !important;
    max-height: auto !important;
  }
  .dragscroll-container {
    -webkit-print-color-adjust: exact !important;
    background-color: rgba(0, 0, 0, 0.9) !important;
  }
}
.navbar-toggler {
  border: none;
  border-radius: 0;
  color: #ececec;
}
.navbar-toggler:focus, .navbar-toggler:active {
  outline: none;
  box-shadow: none;
}

.owl-gallery .owl-item img {
  width: 100%;
  height: 280px;
  object-fit: cover;
}
@media (min-width: 992px) {
  .owl-gallery .owl-item img {
    height: 600px;
  }
}

.owl-emps .owl-item .img-thumb {
  max-width: 140px;
  border-radius: 8px;
  overflow: hidden;
}
.owl-emps .owl-item .img-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gallery-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
}
.gallery-nav button {
  background-color: transparent;
  border: none;
  padding: 0;
}
.gallery-nav .gallery-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
}
.gallery-nav .gallery-dots button {
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.2);
}
.gallery-nav .gallery-dots button.active {
  background-color: rgb(255, 255, 255);
}

.h1 {
  font-size: 32px;
}

/*# sourceMappingURL=main.css.map */