/* ---------------------------------------------------

    C S S    A U T O M A T A     1.0

    - Release Date:  Octubre 2022
    - Developed by:  Eduardo León | Twitter: @SoyEduardoLeon

--------------------------------------------------- */
/*-----------------------------
    # V A R S
-----------------------------*/
/* F O N T S
-----------------------------*/
/* B R E A K P O I N T S
-----------------------------*/
/* C O L O R S
-----------------------------*/
/*-----------------------------
    # R E S E T   C S S
-----------------------------*/
*:before,
*:after,
*:not(dialog) {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  outline: none;
  border: none;
  background: none;
  color: inherit;
}
body {
  margin: 0;
  font-family: sans-serif;
}
img {
  max-width: 100%;
  height: auto;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
/*-----------------------------
    # B A S E
-----------------------------*/
*::selection {
  background-color: #006cb5;
  color: #ffffff;
}
html,
body {
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  color: #444444;
  line-height: 1.5;
  font-weight: 300;
  background-color: #fff;
}
h1 {
  font-size: 4rem;
  line-height: 1.2;
}
@media screen and (max-width: 960px) {
  h1 {
    font-size: 3rem;
  }
}
h2 {
  font-size: 3rem;
  line-height: 1.2;
}
h3 {
  font-size: 2rem;
  line-height: 1.2;
}
h4 {
  font-size: 1.875rem;
}
h5 {
  font-size: 1.5rem;
}
h6 {
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 400;
}
a {
  color: #006cb5;
}
p {
  margin-bottom: 1rem;
  color: #5b5d6b;
}
b,
strong {
  font-weight: bold;
}
img {
  max-width: 100%;
  height: auto;
  box-sizing: border-box;
  border: 0;
  vertical-align: middle;
}
hr {
  box-sizing: content-box;
  height: 0;
  margin: 5px 0 40px 0;
  border: 0;
  border-top: 1px solid #f5f5f5;
}
/*-----------------------------
    # A L E R T
-----------------------------*/
.alert {
  padding: 1rem;
  margin-bottom: 1em;
  border-radius: 6px;
  display: inline-block;
  width: 100%;
  line-height: 1.5;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.alert .alert__close {
  line-height: 1;
  cursor: pointer;
}
.alert p {
  flex: 1;
  margin-bottom: 0;
}
.alert.alert--info {
  color: #2196f3;
  background-color: #ecf6fe;
}
.alert.alert--success {
  color: #1abc9c;
  background-color: #e4fbf7;
}
.alert.alert--warning {
  color: #f1aa3f;
  background-color: #fef8ef;
}
.alert.alert--danger {
  color: #ff4550;
  background-color: #fff2f3;
}
/*-----------------------------
    # B U T T O N
-----------------------------*/
button {
  cursor: pointer;
}
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  gap: 0.5rem;
  font-family: 'DM Sans', sans-serif;
  white-space: normal;
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0.75rem 1rem 0.75rem 1.25rem;
  border: 1px solid transparent;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 600;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.button:hover {
  text-decoration: none;
}
.button:not(:last-child) {
  margin-right: 0.5rem;
}
.button .icon {
  color: inherit;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.button i {
  font-style: normal;
}
.button.button--link {
  background-color: transparent;
  font-size: 14px;
  font-weight: 600;
  color: #000000;
  padding: 0.5rem 0;
  position: relative;
  justify-content: start;
}
.button.button--link span {
  margin-right: 10px;
  color: #006cb5;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.button.button--link i {
  font-style: normal;
}
.button.button--link:hover {
  -webkit-transform: translate(10px, 0);
  -moz-transform: translate(10px, 0);
  -ms-transform: translate(10px, 0);
  -o-transform: translate(10px, 0);
  transform: translate(10px, 0);
}
.button.button--link:hover span {
  -webkit-transform: translate(5px, 0);
  -moz-transform: translate(5px, 0);
  -ms-transform: translate(5px, 0);
  -o-transform: translate(5px, 0);
  transform: translate(5px, 0);
}
.button.button--link-invert {
  background-color: transparent;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  padding: 0.5rem 0;
  position: relative;
  justify-content: start;
}
.button.button--link-invert span {
  margin-right: 10px;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.button.button--link-invert i {
  font-style: normal;
}
.button.button--link-invert:hover span {
  -webkit-transform: translate(10px, 0);
  -moz-transform: translate(10px, 0);
  -ms-transform: translate(10px, 0);
  -o-transform: translate(10px, 0);
  transform: translate(10px, 0);
}
.button.button--primary {
  background-color: #006cb5;
  border-color: #006cb5;
  color: #ffffff;
}
.button.button--primary:hover {
  background-color: #007bcf;
  border-color: #007bcf;
}
.button.button--secondary {
  background-color: #000000;
  border-color: #000000;
  color: #ffffff;
}
.button.button--secondary:hover {
  background-color: #0d0d0d;
  border-color: #0d0d0d;
}
.button.button--dark {
  background-color: #444444;
  border-color: #444444;
  color: #fff;
}
.button.button--dark:hover {
  background-color: #515151;
  border-color: #515151;
}
.button.button--light {
  background-color: #f5f5f5;
  border-color: #f5f5f5;
  color: #444444;
}
.button.button--success {
  background-color: #1abc9c;
  border-color: #1abc9c;
  color: #fff;
}
.button.button--success:hover {
  background-color: #1dd2af;
  border-color: #1dd2af;
}
.button.button--info {
  background-color: #2196f3;
  border-color: #2196f3;
  color: #fff;
}
.button.button--info:hover {
  background-color: #39a1f4;
  border-color: #39a1f4;
}
.button.button--warning {
  background-color: #f1aa3f;
  border-color: #f1aa3f;
  color: #fff;
}
.button.button--warning:hover {
  background-color: #f3b557;
  border-color: #f3b557;
}
.button.button--danger {
  background-color: #ff4550;
  border-color: #ff4550;
  color: #fff;
}
.button.button--danger:hover {
  background-color: #ff5f68;
  border-color: #ff5f68;
}
.button.button--primary-invert {
  background-color: #fff;
  border: none;
  color: #006cb5;
}
.button.button--primary-invert i {
  color: #000000;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.button.button--primary-invert::before {
  content: '';
  display: block;
  width: 0%;
  height: 3px;
  background-color: #006cb5;
  position: absolute;
  left: 0;
  bottom: 0;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.button.button--primary-invert:hover::before {
  width: 100%;
}
.button.button--primary-invert:hover i {
  color: #006cb5;
}
.button.button--primary-outline {
  background-color: #fff;
  border-color: #006cb5;
  color: #006cb5;
}
.button.button--primary-outline:hover {
  background-color: #006cb5;
  color: #ffffff;
}
.button.button--secondary-outline {
  background-color: #fff;
  border-color: #000000;
  color: #000000;
}
.button.button--secondary-outline:hover {
  background-color: #000000;
  color: #ffffff;
}
.button.button--dark-outline {
  background-color: #fff;
  border-color: #444444;
  color: #444444;
}
.button.button--dark-outline:hover {
  background-color: #444444;
  color: #fff;
}
.button.button--light-outline {
  background-color: #fff;
  border-color: #b3b5bd;
  color: #5b5d6b;
}
.button.button--light-outline:hover {
  background-color: #f5f5f5;
}
.button.button--success-outline {
  background-color: #fff;
  border-color: #1abc9c;
  color: #1abc9c;
}
.button.button--success-outline:hover {
  background-color: #1abc9c;
  color: #fff;
}
.button.button--info-outline {
  background-color: #fff;
  border-color: #2196f3;
  color: #2196f3;
}
.button.button--info-outline:hover {
  background-color: #2196f3;
  color: #fff;
}
.button.button--warning-outline {
  background-color: #fff;
  border-color: #f1aa3f;
  color: #f1aa3f;
}
.button.button--warning-outline:hover {
  background-color: #f1aa3f;
  color: #fff;
}
.button.button--danger-outline {
  background-color: #fff;
  border-color: #ff4550;
  color: #ff4550;
}
.button.button--danger-outline:hover {
  background-color: #ff4550;
  color: #fff;
}
.button.button--white-text {
  border-color: transparent;
  color: #ffffff;
  padding: 0.5rem 0;
  font-weight: 600;
}
.button.button--white-text:hover {
  background-color: none;
}
.button.button--primary-text {
  border-color: transparent;
  color: #006cb5;
  font-weight: 600;
}
.button.button--primary-text .icon {
  font-size: 18px;
}
.button.button--primary-text:hover {
  background-color: #78c8ff;
}
.button.button--secondary-text {
  border-color: transparent;
  color: #000000;
  padding: 0.5rem 0;
  font-weight: 600;
}
.button.button--secondary-text:hover .icon {
  margin-left: 5px;
  color: #000000;
}
.button.button--dark-text {
  border-color: transparent;
  color: #444444;
}
.button.button--dark-text:hover {
  background-color: #dddddd;
}
.button.button--light-text {
  border-color: transparent;
  color: #5b5d6b;
}
.button.button--light-text:hover {
  background-color: #fff;
}
.button.button--success-text {
  border-color: transparent;
  color: #1abc9c;
}
.button.button--success-text:hover {
  background-color: #e4fbf7;
}
.button.button--info-text {
  border-color: transparent;
  color: #2196f3;
}
.button.button--info-text:hover {
  background-color: #ecf6fe;
}
.button.button--warning-text {
  border-color: transparent;
  color: #f1aa3f;
}
.button.button--warning-text:hover {
  background-color: #fdf6ea;
}
.button.button--danger-text {
  border-color: transparent;
  color: #ff4550;
}
.button.button--danger-text:hover {
  background-color: #fff7f8;
}
.button.button--large {
  font-size: 1.25rem;
  padding: 1rem 2rem;
}
.button.button--small {
  font-size: 0.75rem;
  padding: 0rem 0.5rem;
}
.button.button--full-width {
  width: 100%;
}
.button.button--full-width:after {
  padding-top: 100%;
  padding-left: 100%;
}
.button:disabled,
.button[disabled],
.button.button--disabled {
  opacity: 0.6;
  pointer-events: none;
}
.button:after {
  content: "";
  background: #fff;
  display: block;
  position: absolute;
  top: auto;
  left: auto;
  padding-top: 200%;
  padding-left: 200%;
  opacity: 0;
  transition: all 0.8s;
  border-radius: 999px;
}
.button:active:after {
  padding: 0;
  margin: 0;
  opacity: 0.5;
  transition: 0s;
}
.button-group {
  display: flex;
}
.button-group .button {
  flex: auto;
}
.button-group.button-group--collapsed {
  gap: 0;
}
.button-group.button-group--collapsed .button {
  margin: auto;
  border-radius: 0px;
}
.button-group.button-group--collapsed .button:first-child {
  border-radius: 4px 0px 0px 4px;
}
.button-group.button-group--collapsed .button:last-child {
  border-radius: 0px 4px 4px 0px;
}
/*-----------------------------
    # B R E A D C R U M B
-----------------------------*/
.breadcrumb {
  display: inline-flex;
  list-style: none;
}
.breadcrumb li a {
  text-decoration: none;
  color: #777986;
}
.breadcrumb li icon {
  font-size: 18px;
}
.breadcrumb li:not(:first-child):before {
  content: "/";
  color: #9496a1;
  padding: 0 0.5rem;
}
.breadcrumb li.is--current a {
  color: #006cb5;
}
/*-----------------------------
    # C A R D
-----------------------------*/
.card {
  background: #fff;
  position: relative;
  padding: 2rem;
  width: 100%;
  margin-bottom: 2rem;
}
.card .card__header {
  padding: 1.25rem 1.75rem 0 1.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.card:has(>.card__header) {
  padding: 0;
}
.card:has(>.card__header) .card__body {
  padding: 1.25rem 1.75rem;
}
.card.card--primary {
  background: #006cb5;
}
.card.card--primary * {
  color: #ffffff;
}
.card.card--secondary {
  background: #000000;
}
.card.card--secondary * {
  color: #ffffff;
}
.card.card--light {
  background: #f5f5f5;
}
/*-----------------------------
    # C O L L A P S E
-----------------------------*/
.collapse {
  list-style: none;
  border: 1px solid #dddfe9;
  border-radius: 0.4rem;
  margin: 1rem 0;
}
.collapse .collapse__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  font-size: 1rem;
  font-weight: bold;
  padding: 0.75rem 1rem;
  box-shadow: inset 0px 1px 0px #dddfe9;
  cursor: pointer;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.collapse .collapse__title span {
  flex: 1;
}
.collapse .collapse__title icon {
  color: #006cb5;
  font-size: 19px;
}
.collapse .collapse__title icon.icon--chevron-down {
  color: #777986;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.collapse .collapse__title:hover {
  background-color: #f5f5f5;
}
.collapse .collapse__title.is--active {
  background-color: #f5f5f5;
  color: #006cb5;
}
.collapse .collapse__title.is--active .icon--chevron-down {
  transform: rotate(180deg);
}
.collapse .collapse__body {
  height: 0px;
  box-shadow: inset 0px 1px 0px #dddfe9;
  overflow: hidden;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.collapse .collapse__body .collapse__content {
  padding: 1rem;
}
.collapse li {
  overflow: hidden;
}
.collapse li:first-child .collapse__title {
  box-shadow: none;
}
.collapse.collapse--primary {
  border-color: #006cb5;
}
.collapse.collapse--primary .collapse__title {
  background: #006cb5;
  color: #ffffff;
  box-shadow: none;
}
.collapse.collapse--primary .collapse__title:hover {
  background-color: #0072bf;
}
.collapse.collapse--primary icon {
  color: #ffffff !important;
}
/*-----------------------------
    # C O L U M N S
-----------------------------*/
.row {
  display: flex;
  flex-wrap: wrap;
  gap: 0 1.5rem;
}
.row.row--auto > .column {
  flex-grow: 1;
}
@media screen and (min-width: 1281px) {
  .row > .widescreen--1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .widescreen--2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .widescreen--3 {
    flex: 0 0 25%;
    max-width: 25%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .widescreen--4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .widescreen--5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .widescreen--6 {
    flex: 0 0 50%;
    max-width: 50%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .widescreen--7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .widescreen--8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .widescreen--9 {
    flex: 0 0 75%;
    max-width: 75%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .widescreen--10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .widescreen--11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .widescreen--12 {
    flex: 100%;
    max-width: 100%;
    flex-basis: 100%;
    flex-grow: 1;
  }
}
@media screen and (min-width: 961px) and (max-width: 1280px) {
  .row > .desktop--1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .desktop--2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .desktop--3 {
    flex: 0 0 25%;
    max-width: 25%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .desktop--4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .desktop--5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .desktop--6 {
    flex: 0 0 50%;
    max-width: 50%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .desktop--7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .desktop--8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .desktop--9 {
    flex: 0 0 75%;
    max-width: 75%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .desktop--10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .desktop--11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .desktop--12 {
    flex: 100%;
    max-width: 100%;
    flex-basis: 100%;
    flex-grow: 1;
  }
}
@media screen and (min-width: 641px) and (max-width: 960px) {
  .row > .tablet--1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .tablet--2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .tablet--3 {
    flex: 0 0 25%;
    max-width: 25%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .tablet--4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .tablet--5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .tablet--6 {
    flex: 0 0 50%;
    max-width: 50%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .tablet--7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .tablet--8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .tablet--9 {
    flex: 0 0 75%;
    max-width: 75%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .tablet--10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .tablet--11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .tablet--12 {
    flex: 100%;
    max-width: 100%;
    flex-basis: 100%;
    flex-grow: 1;
  }
}
@media screen and (max-width: 640px) {
  .row > .mobile--1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .mobile--2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .mobile--3 {
    flex: 0 0 25%;
    max-width: 25%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .mobile--4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .mobile--5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .mobile--6 {
    flex: 0 0 50%;
    max-width: 50%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .mobile--7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .mobile--8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .mobile--9 {
    flex: 0 0 75%;
    max-width: 75%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .mobile--10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .mobile--11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .row > .mobile--12 {
    flex: 100%;
    max-width: 100%;
    flex-basis: 100%;
    flex-grow: 1;
  }
}
.row .column--expand {
  flex: 1;
  min-width: 1px;
  margin-left: auto;
}
.row .column--auto-height {
  align-self: stretch;
}
/*-----------------------------*\
    # C O N T A I N E R
\*-----------------------------*/
.container {
  width: 100%;
  max-width: 1250px;
  margin: auto;
  position: relative;
  padding: 0px 1rem;
}
@media screen and (max-width: 960px) {
  .container {
    padding: 0 1.5rem;
  }
}
.container.container--fluid {
  max-width: none;
}
.container.container--collapsed {
  padding: 0;
}
.container.container--small {
  max-width: 600px;
}
/*-----------------------------
    # F O R M
-----------------------------*/
.form .form__item {
  position: relative;
  margin-bottom: 1.5rem;
}
.form .form__item:last-child {
  margin-bottom: 0;
}
.form .form__item .form__input {
  display: block;
  padding: 0.75rem 1rem;
  border: 1px solid #dddfe9;
  font-size: 1rem;
  letter-spacing: 1px;
  width: 100%;
  font-family: 'DM Sans', sans-serif;
  color: #444444;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form .form__item .form__input:focus {
  border-color: #006cb5;
  color: #444444;
  box-shadow: 0px 6px 20px -12px rgba(68, 68, 68, 0.5);
}
.form .form__item .form__input:out-of-range {
  background-color: red;
}
.form .form__item .form__input::placeholder {
  color: #b3b5bd;
}
.form .form__item .form-arrow {
  font-family: 'feather' !important;
  position: absolute;
  content: '\e842';
  background: #fff;
  top: 2.35rem;
  right: 0.25rem;
  padding: 0.25rem;
  line-height: 1;
  font-size: 1.5rem;
  color: #9496a1;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form .form__item:has(input[type='file']) input {
  padding: 0px;
  border: none;
  box-shadow: 0 0 0 1px inset #dddfe9;
}
.form .form__item:has(input[type='file']) input::file-selector-button {
  font-family: 'DM Sans', sans-serif;
  letter-spacing: 1px;
  line-height: 1.5;
  background: #006cb5;
  color: #ffffff;
  border: none;
  padding: 0.75rem 1rem 0.75rem 2.5rem;
  margin-right: 1rem;
}
.form .form__item:has(input[type='file']) icon {
  top: 2.5rem;
  left: 0.5rem;
  right: auto;
  font-size: 18px;
  color: #fff;
}
.form .form__item .drag-file {
  width: 180px;
  height: 180px;
  background: #f5f5f5;
  border-radius: 6px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border: 2px dashed #dddfe9;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form .form__item .drag-file:hover {
  border-color: #b3b5bd;
}
.form .form__item .drag-file:hover label {
  color: #006cb5;
}
.form .form__item .drag-file:hover .drag-file__preview {
  opacity: 0;
}
.form .form__item .drag-file .drag-file__preview {
  background: #f5f5f5;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 70;
  top: 0;
  left: 0;
  opacity: 0.25;
  pointer-events: none;
  background-position: center;
  background-size: cover;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form .form__item .drag-file input {
  cursor: pointer;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
}
.form .form__item .drag-file icon {
  position: initial;
  color: #006cb5 !important;
}
.form .form__item label:has(input[type='checkbox']) {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: fit-content;
}
.form .form__item label:has(input[type='checkbox']):before {
  content: '';
  width: 1.5rem;
  height: 1.5rem;
  box-shadow: 0px 0px 0px 1px #b3b5bd;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form .form__item label:has(input[type='checkbox']):after {
  content: '';
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  left: 0.5rem;
  top: 0.25rem;
  width: 0.5rem;
  height: 0.75rem;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form .form__item label:has(input[type='checkbox']:checked):before {
  box-shadow: 0px 0px 0px 1px #006cb5;
  background-color: #006cb5;
}
.form .form__item label:has(input[type='radio']) {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
  width: fit-content;
}
.form .form__item label:has(input[type='radio']):before {
  content: '';
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 2rem;
  box-shadow: 0px 0px 0px 1px #b3b5bd;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form .form__item label:has(input[type='radio']):after {
  content: '';
  position: absolute;
  left: 4px;
  top: 4px;
  width: 0.95rem;
  height: 0.95rem;
  background-color: #006cb5;
  border-radius: 2rem;
  opacity: 0;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form .form__item label:has(input[type='radio']:checked):before {
  box-shadow: 0px 0px 0px 1px #006cb5;
}
.form .form__item label:has(input[type='radio']:checked):after {
  opacity: 1;
}
.form .form__item label.switch:has(input[type='checkbox']) {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: fit-content;
  line-height: 1rem;
}
.form .form__item label.switch:has(input[type='checkbox']):before {
  content: '';
  width: 36px;
  height: 16px;
  border-radius: 3rem;
  box-shadow: 0px 0px 0px 1px #b3b5bd;
  background: #f5f5f5;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form .form__item label.switch:has(input[type='checkbox']):after {
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  background: #fff;
  top: -2px;
  left: 0;
  box-shadow: 0px 0px 0px 1px #b3b5bd;
  border-radius: 3rem;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form .form__item label.switch:has(input[type='checkbox']:checked):before {
  box-shadow: 0px 0px 0px 1px #006cb5;
  background-color: #006cb5;
}
.form .form__item label.switch:has(input[type='checkbox']:checked):after {
  box-shadow: 0px 0px 0px 1px #006cb5;
  left: 1.25rem;
}
.form .form__item label input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  font-size: 18px;
}
.form .form__item:has(select) select {
  color: #b3b5bd !important;
}
.form .form__item:has(select) select:focus {
  color: #444444 !important;
}
.form .form__item:has(select):after {
  font-family: 'feather' !important;
  position: absolute;
  content: '\e842';
  background: #fff;
  top: 2.35rem;
  right: 0.25rem;
  padding: 0.25rem;
  line-height: 1;
  font-size: 1.5rem;
  color: #9496a1;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form .form__item:has(datalist) datalist {
  color: #b3b5bd !important;
}
.form .form__item:has(datalist) datalist:focus {
  color: #444444 !important;
}
.form .form__item:has(datalist):after {
  font-family: 'feather' !important;
  position: absolute;
  content: '\e842';
  background: #fff;
  top: 2.35rem;
  right: 0.25rem;
  padding: 0.25rem;
  line-height: 1;
  font-size: 1.5rem;
  color: #9496a1;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form .form__item [data-toggle="show-password"] {
  cursor: pointer;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form .form__item [data-toggle="show-password"]:hover {
  color: #006cb5;
}
.form .form__item [data-toggle="show-password"].is--active {
  color: #006cb5;
}
.form .form__item [data-toggle="show-password"].is--active:before {
  content: "\e86a" !important;
}
.form .form__item:has(input[type='text']) label,
.form .form__item:has(input[type='password']) label,
.form .form__item:has(input[type='file']) label,
.form .form__item:has(input[type='tel']) label,
.form .form__item:has(input[type='email']) label,
.form .form__item:has(textarea) label,
.form .form__item:has(datalist) label,
.form .form__item:has(select) label {
  font-weight: 800;
  letter-spacing: 0.1rem;
  line-height: 2.3;
  text-transform: uppercase;
  font-size: 0.78rem;
}
.form .form__item:has(icon) input {
  padding-right: 2.5rem;
}
.form .form__item icon {
  position: absolute;
  top: 2.4rem;
  right: 0.5rem;
  color: #9496a1;
  font-size: 18px;
  padding: 0.25rem;
}
.form .form__item .input__validation {
  font-size: 0.876rem;
  font-weight: bold;
  line-height: 1.2;
  margin-top: 0.5rem;
}
.form .form__item:not(:has(.form__input[required])):has(input[type='text']) label:after,
.form .form__item:not(:has(.form__input[required])):has(input[type='password']) label:after,
.form .form__item:not(:has(.form__input[required])):has(input[type='file']) label:after,
.form .form__item:not(:has(.form__input[required])):has(input[type='email']) label:after,
.form .form__item:not(:has(.form__input[required])):has(input[type='tel']) label:after,
.form .form__item:not(:has(.form__input[required])):has(textarea) label:after,
.form .form__item:not(:has(.form__input[required])):has(datalist) label:after,
.form .form__item:not(:has(.form__input[required])):has(select) label:after {
  content: ' (Opcional)';
  font-size: inherit;
  color: #777986;
  font-weight: 600;
}
.form .form__item.form__item--success .form__input {
  border-color: #1abc9c;
}
.form .form__item.form__item--success .input__validation {
  color: #1abc9c;
}
.form .form__item.form__item--danger .input__validation {
  color: #ff4550;
}
.form .form__item.form__item--danger:has(.form__input[required]) label:after {
  content: '*';
  font-size: 1rem;
  line-height: 1;
  vertical-align: sub;
  margin-left: 0.15rem;
  color: #ff4550;
}
.form .form__row {
  display: flex;
  flex-wrap: wrap;
  gap: 0 1.5rem;
}
.form .form__row .form__item {
  flex-grow: 1;
}
@media screen and (min-width: 1281px) {
  .form .form__row .widescreen--1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .widescreen--2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .widescreen--3 {
    flex: 0 0 25%;
    max-width: 25%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .widescreen--4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .widescreen--5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .widescreen--6 {
    flex: 0 0 50%;
    max-width: 50%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .widescreen--7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .widescreen--8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .widescreen--9 {
    flex: 0 0 75%;
    max-width: 75%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .widescreen--10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .widescreen--11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .widescreen--12 {
    flex: 100%;
    max-width: 100%;
    flex-basis: 100%;
    flex-grow: 1;
  }
}
@media screen and (min-width: 961px) and (max-width: 1280px) {
  .form .form__row .desktop--1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .desktop--2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .desktop--3 {
    flex: 0 0 25%;
    max-width: 25%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .desktop--4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .desktop--5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .desktop--6 {
    flex: 0 0 50%;
    max-width: 50%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .desktop--7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .desktop--8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .desktop--9 {
    flex: 0 0 75%;
    max-width: 75%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .desktop--10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .desktop--11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .desktop--12 {
    flex: 100%;
    max-width: 100%;
    flex-basis: 100%;
    flex-grow: 1;
  }
}
@media screen and (min-width: 641px) and (max-width: 960px) {
  .form .form__row .tablet--1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .tablet--2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .tablet--3 {
    flex: 0 0 25%;
    max-width: 25%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .tablet--4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .tablet--5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .tablet--6 {
    flex: 0 0 50%;
    max-width: 50%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .tablet--7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .tablet--8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .tablet--9 {
    flex: 0 0 75%;
    max-width: 75%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .tablet--10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .tablet--11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .tablet--12 {
    flex: 100%;
    max-width: 100%;
    flex-basis: 100%;
    flex-grow: 1;
  }
}
@media screen and (max-width: 640px) {
  .form .form__row .mobile--1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .mobile--2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .mobile--3 {
    flex: 0 0 25%;
    max-width: 25%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .mobile--4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .mobile--5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .mobile--6 {
    flex: 0 0 50%;
    max-width: 50%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .mobile--7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .mobile--8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .mobile--9 {
    flex: 0 0 75%;
    max-width: 75%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .mobile--10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .mobile--11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
    flex-basis: 0;
    flex-grow: 1;
  }
  .form .form__row .mobile--12 {
    flex: 100%;
    max-width: 100%;
    flex-basis: 100%;
    flex-grow: 1;
  }
}
/*-----------------------------
    # G R I D
-----------------------------*/
.grid {
  display: grid;
  gap: 1rem;
  margin-bottom: 1rem;
}
@media screen and (min-width: 1281px) {
  .grid.widescreen--1 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  .grid.widescreen--2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .grid.widescreen--3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .grid.widescreen--4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .grid.widescreen--5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
  }
  .grid.widescreen--6 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
  }
  .grid.widescreen--7 {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
  }
  .grid.widescreen--8 {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
  }
  .grid.widescreen--9 {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
  }
  .grid.widescreen--10 {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
  }
  .grid.widescreen--11 {
    display: grid;
    grid-template-columns: repeat(11, 1fr);
  }
  .grid.widescreen--12 {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
}
@media screen and (min-width: 961px) and (max-width: 1280px) {
  .grid.desktop--1 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  .grid.desktop--2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .grid.desktop--3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .grid.desktop--4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .grid.desktop--5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
  }
  .grid.desktop--6 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
  }
  .grid.desktop--7 {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
  }
  .grid.desktop--8 {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
  }
  .grid.desktop--9 {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
  }
  .grid.desktop--10 {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
  }
  .grid.desktop--11 {
    display: grid;
    grid-template-columns: repeat(11, 1fr);
  }
  .grid.desktop--12 {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
}
@media screen and (min-width: 641px) and (max-width: 960px) {
  .grid.tablet--1 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  .grid.tablet--2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .grid.tablet--3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .grid.tablet--4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .grid.tablet--5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
  }
  .grid.tablet--6 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
  }
  .grid.tablet--7 {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
  }
  .grid.tablet--8 {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
  }
  .grid.tablet--9 {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
  }
  .grid.tablet--10 {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
  }
  .grid.tablet--11 {
    display: grid;
    grid-template-columns: repeat(11, 1fr);
  }
  .grid.tablet--12 {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
}
@media screen and (max-width: 640px) {
  .grid.mobile--1 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  .grid.mobile--2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .grid.mobile--3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .grid.mobile--4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .grid.mobile--5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
  }
  .grid.mobile--6 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
  }
  .grid.mobile--7 {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
  }
  .grid.mobile--8 {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
  }
  .grid.mobile--9 {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
  }
  .grid.mobile--10 {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
  }
  .grid.mobile--11 {
    display: grid;
    grid-template-columns: repeat(11, 1fr);
  }
  .grid.mobile--12 {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
}
.grid.grid--collapsed {
  grid-gap: 0px;
  margin-bottom: 0;
}
/*-----------------------------
    # H I G H T
-----------------------------*/
.height.height--large {
  min-height: 800px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 640px) {
  .height.height--large {
    min-height: 600px;
  }
}
/*-----------------------------
    # I C O N S
-----------------------------*/
@font-face {
  font-family: 'feather';
  src: url('../fonts/feather/feather.eot?t=1525787366991');
  /* IE9*/
  src: url('../fonts/feather/feather.eot?t=1525787366991#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/feather/feather.woff?t=1525787366991') format('woff'), /* chrome, firefox */ url('../fonts/feather/feather.ttf?t=1525787366991') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('../fonts/feather/feather.svg?t=1525787366991#feather') format('svg');
  /* iOS 4.1- */
}
icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'feather' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 21px;
  line-height: 1;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon--alert-octagon:before {
  content: "\e81b";
}
.icon--alert-circle:before {
  content: "\e81c";
}
.icon--activity:before {
  content: "\e81d";
}
.icon--alert-triangle:before {
  content: "\e81e";
}
.icon--align-center:before {
  content: "\e81f";
}
.icon--airplay:before {
  content: "\e820";
}
.icon--align-justify:before {
  content: "\e821";
}
.icon--align-left:before {
  content: "\e822";
}
.icon--align-right:before {
  content: "\e823";
}
.icon--arrow-down-left:before {
  content: "\e824";
}
.icon--arrow-down-right:before {
  content: "\e825";
}
.icon--anchor:before {
  content: "\e826";
}
.icon--aperture:before {
  content: "\e827";
}
.icon--arrow-left:before {
  content: "\e828";
}
.icon--arrow-right:before {
  content: "\e829";
}
.icon--arrow-down:before {
  content: "\e82a";
}
.icon--arrow-up-left:before {
  content: "\e82b";
}
.icon--arrow-up-right:before {
  content: "\e82c";
}
.icon--arrow-up:before {
  content: "\e82d";
}
.icon--award:before {
  content: "\e82e";
}
.icon--bar-chart:before {
  content: "\e82f";
}
.icon--at-sign:before {
  content: "\e830";
}
.icon--bar-chart-2:before {
  content: "\e831";
}
.icon--battery-charging:before {
  content: "\e832";
}
.icon--bell-off:before {
  content: "\e833";
}
.icon--battery:before {
  content: "\e834";
}
.icon--bluetooth:before {
  content: "\e835";
}
.icon--bell:before {
  content: "\e836";
}
.icon--book:before {
  content: "\e837";
}
.icon--briefcase:before {
  content: "\e838";
}
.icon--camera-off:before {
  content: "\e839";
}
.icon--calendar:before {
  content: "\e83a";
}
.icon--bookmark:before {
  content: "\e83b";
}
.icon--box:before {
  content: "\e83c";
}
.icon--camera:before {
  content: "\e83d";
}
.icon--check-circle:before {
  content: "\e83e";
}
.icon--check:before {
  content: "\e83f";
}
.icon--check-square:before {
  content: "\e840";
}
.icon--cast:before {
  content: "\e841";
}
.icon--chevron-down:before {
  content: "\e842";
}
.icon--chevron-left:before {
  content: "\e843";
}
.icon--chevron-right:before {
  content: "\e844";
}
.icon--chevron-up:before {
  content: "\e845";
}
.icon--chevrons-down:before {
  content: "\e846";
}
.icon--chevrons-right:before {
  content: "\e847";
}
.icon--chevrons-up:before {
  content: "\e848";
}
.icon--chevrons-left:before {
  content: "\e849";
}
.icon--circle:before {
  content: "\e84a";
}
.icon--clipboard:before {
  content: "\e84b";
}
.icon--chrome:before {
  content: "\e84c";
}
.icon--clock:before {
  content: "\e84d";
}
.icon--cloud-lightning:before {
  content: "\e84e";
}
.icon--cloud-drizzle:before {
  content: "\e84f";
}
.icon--cloud-rain:before {
  content: "\e850";
}
.icon--cloud-off:before {
  content: "\e851";
}
.icon--codepen:before {
  content: "\e852";
}
.icon--cloud-snow:before {
  content: "\e853";
}
.icon--compass:before {
  content: "\e854";
}
.icon--copy:before {
  content: "\e855";
}
.icon--corner-down-right:before {
  content: "\e856";
}
.icon--corner-down-left:before {
  content: "\e857";
}
.icon--corner-left-down:before {
  content: "\e858";
}
.icon--corner-left-up:before {
  content: "\e859";
}
.icon--corner-up-left:before {
  content: "\e85a";
}
.icon--corner-up-right:before {
  content: "\e85b";
}
.icon--corner-right-down:before {
  content: "\e85c";
}
.icon--corner-right-up:before {
  content: "\e85d";
}
.icon--cpu:before {
  content: "\e85e";
}
.icon--credit-card:before {
  content: "\e85f";
}
.icon--crosshair:before {
  content: "\e860";
}
.icon--disc:before {
  content: "\e861";
}
.icon--delete:before {
  content: "\e862";
}
.icon--download-cloud:before {
  content: "\e863";
}
.icon--download:before {
  content: "\e864";
}
.icon--droplet:before {
  content: "\e865";
}
.icon--edit-2:before {
  content: "\e866";
}
.icon--edit:before {
  content: "\e867";
}
.icon--edit-1:before {
  content: "\e868";
}
.icon--external-link:before {
  content: "\e869";
}
.icon--eye:before {
  content: "\e86a";
}
.icon--feather:before {
  content: "\e86b";
}
.icon--facebook:before {
  content: "\e86c";
}
.icon--file-minus:before {
  content: "\e86d";
}
.icon--eye-off:before {
  content: "\e86e";
}
.icon--fast-forward:before {
  content: "\e86f";
}
.icon--file-text:before {
  content: "\e870";
}
.icon--film:before {
  content: "\e871";
}
.icon--file:before {
  content: "\e872";
}
.icon--file-plus:before {
  content: "\e873";
}
.icon--folder:before {
  content: "\e874";
}
.icon--filter:before {
  content: "\e875";
}
.icon--flag:before {
  content: "\e876";
}
.icon--globe:before {
  content: "\e877";
}
.icon--grid:before {
  content: "\e878";
}
.icon--heart:before {
  content: "\e879";
}
.icon--home:before {
  content: "\e87a";
}
.icon--github:before {
  content: "\e87b";
}
.icon--image:before {
  content: "\e87c";
}
.icon--inbox:before {
  content: "\e87d";
}
.icon--layers:before {
  content: "\e87e";
}
.icon--info:before {
  content: "\e87f";
}
.icon--instagram:before {
  content: "\e880";
}
.icon--layout:before {
  content: "\e881";
}
.icon--link-2:before {
  content: "\e882";
}
.icon--life-buoy:before {
  content: "\e883";
}
.icon--link:before {
  content: "\e884";
}
.icon--log-in:before {
  content: "\e885";
}
.icon--list:before {
  content: "\e886";
}
.icon--lock:before {
  content: "\e887";
}
.icon--log-out:before {
  content: "\e888";
}
.icon--loader:before {
  content: "\e889";
}
.icon--mail:before {
  content: "\e88a";
}
.icon--maximize-2:before {
  content: "\e88b";
}
.icon--map:before {
  content: "\e88c";
}
.icon--map-pin:before {
  content: "\e88e";
}
.icon--menu:before {
  content: "\e88f";
}
.icon--message-circle:before {
  content: "\e890";
}
.icon--message-square:before {
  content: "\e891";
}
.icon--minimize-2:before {
  content: "\e892";
}
.icon--mic-off:before {
  content: "\e893";
}
.icon--minus-circle:before {
  content: "\e894";
}
.icon--mic:before {
  content: "\e895";
}
.icon--minus-square:before {
  content: "\e896";
}
.icon--minus:before {
  content: "\e897";
}
.icon--moon:before {
  content: "\e898";
}
.icon--monitor:before {
  content: "\e899";
}
.icon--more-vertical:before {
  content: "\e89a";
}
.icon--more-horizontal:before {
  content: "\e89b";
}
.icon--move:before {
  content: "\e89c";
}
.icon--music:before {
  content: "\e89d";
}
.icon--navigation-2:before {
  content: "\e89e";
}
.icon--navigation:before {
  content: "\e89f";
}
.icon--octagon:before {
  content: "\e8a0";
}
.icon--package:before {
  content: "\e8a1";
}
.icon--pause-circle:before {
  content: "\e8a2";
}
.icon--pause:before {
  content: "\e8a3";
}
.icon--percent:before {
  content: "\e8a4";
}
.icon--phone-call:before {
  content: "\e8a5";
}
.icon--phone-forwarded:before {
  content: "\e8a6";
}
.icon--phone-missed:before {
  content: "\e8a7";
}
.icon--phone-off:before {
  content: "\e8a8";
}
.icon--phone-incoming:before {
  content: "\e8a9";
}
.icon--phone:before {
  content: "\e8aa";
}
.icon--phone-outgoing:before {
  content: "\e8ab";
}
.icon--pie-chart:before {
  content: "\e8ac";
}
.icon--play-circle:before {
  content: "\e8ad";
}
.icon--play:before {
  content: "\e8ae";
}
.icon--plus-square:before {
  content: "\e8af";
}
.icon--plus-circle:before {
  content: "\e8b0";
}
.icon--plus:before {
  content: "\e8b1";
}
.icon--pocket:before {
  content: "\e8b2";
}
.icon--printer:before {
  content: "\e8b3";
}
.icon--power:before {
  content: "\e8b4";
}
.icon--radio:before {
  content: "\e8b5";
}
.icon--repeat:before {
  content: "\e8b6";
}
.icon--refresh-ccw:before {
  content: "\e8b7";
}
.icon--rewind:before {
  content: "\e8b8";
}
.icon--rotate-ccw:before {
  content: "\e8b9";
}
.icon--refresh-cw:before {
  content: "\e8ba";
}
.icon--rotate-cw:before {
  content: "\e8bb";
}
.icon--save:before {
  content: "\e8bc";
}
.icon--search:before {
  content: "\e8bd";
}
.icon--server:before {
  content: "\e8be";
}
.icon--scissors:before {
  content: "\e8bf";
}
.icon--share-2:before {
  content: "\e8c0";
}
.icon--share:before {
  content: "\e8c1";
}
.icon--shield:before {
  content: "\e8c2";
}
.icon--settings:before {
  content: "\e8c3";
}
.icon--skip-back:before {
  content: "\e8c4";
}
.icon--shuffle:before {
  content: "\e8c5";
}
.icon--sidebar:before {
  content: "\e8c6";
}
.icon--skip-forward:before {
  content: "\e8c7";
}
.icon--slack:before {
  content: "\e8c8";
}
.icon--slash:before {
  content: "\e8c9";
}
.icon--smartphone:before {
  content: "\e8ca";
}
.icon--square:before {
  content: "\e8cb";
}
.icon--speaker:before {
  content: "\e8cc";
}
.icon--star:before {
  content: "\e8cd";
}
.icon--stop-circle:before {
  content: "\e8ce";
}
.icon--sun:before {
  content: "\e8cf";
}
.icon--sunrise:before {
  content: "\e8d0";
}
.icon--tablet:before {
  content: "\e8d1";
}
.icon--tag:before {
  content: "\e8d2";
}
.icon--sunset:before {
  content: "\e8d3";
}
.icon--target:before {
  content: "\e8d4";
}
.icon--thermometer:before {
  content: "\e8d5";
}
.icon--thumbs-up:before {
  content: "\e8d6";
}
.icon--thumbs-down:before {
  content: "\e8d7";
}
.icon--toggle-left:before {
  content: "\e8d8";
}
.icon--toggle-right:before {
  content: "\e8d9";
}
.icon--trash-2:before {
  content: "\e8da";
}
.icon--trash:before {
  content: "\e8db";
}
.icon--trending-up:before {
  content: "\e8dc";
}
.icon--trending-down:before {
  content: "\e8dd";
}
.icon--triangle:before {
  content: "\e8de";
}
.icon--type:before {
  content: "\e8df";
}
.icon--twitter:before {
  content: "\e8e0";
}
.icon--upload:before {
  content: "\e8e1";
}
.icon--umbrella:before {
  content: "\e8e2";
}
.icon--upload-cloud:before {
  content: "\e8e3";
}
.icon--unlock:before {
  content: "\e8e4";
}
.icon--user-check:before {
  content: "\e8e5";
}
.icon--user-minus:before {
  content: "\e8e6";
}
.icon--user-plus:before {
  content: "\e8e7";
}
.icon--user-x:before {
  content: "\e8e8";
}
.icon--user:before {
  content: "\e8e9";
}
.icon--users:before {
  content: "\e8ea";
}
.icon--video-off:before {
  content: "\e8eb";
}
.icon--video:before {
  content: "\e8ec";
}
.icon--voicemail:before {
  content: "\e8ed";
}
.icon--volume-x:before {
  content: "\e8ee";
}
.icon--volume-2:before {
  content: "\e8ef";
}
.icon--volume-1:before {
  content: "\e8f0";
}
.icon--volume:before {
  content: "\e8f1";
}
.icon--watch:before {
  content: "\e8f2";
}
.icon--wifi:before {
  content: "\e8f3";
}
.icon--x-square:before {
  content: "\e8f4";
}
.icon--wind:before {
  content: "\e8f5";
}
.icon--x:before {
  content: "\e8f6";
}
.icon--x-circle:before {
  content: "\e8f7";
}
.icon--zap:before {
  content: "\e8f8";
}
.icon--zoom-in:before {
  content: "\e8f9";
}
.icon--zoom-out:before {
  content: "\e8fa";
}
.icon--command:before {
  content: "\e8fb";
}
.icon--cloud:before {
  content: "\e8fc";
}
.icon--hash:before {
  content: "\e8fd";
}
.icon--headphones:before {
  content: "\e8fe";
}
.icon--underline:before {
  content: "\e8ff";
}
.icon--italic:before {
  content: "\e900";
}
.icon--bold:before {
  content: "\e901";
}
.icon--crop:before {
  content: "\e902";
}
.icon--help-circle:before {
  content: "\e903";
}
.icon--paperclip:before {
  content: "\e904";
}
.icon--shopping-cart:before {
  content: "\e905";
}
.icon--tv:before {
  content: "\e906";
}
.icon--wifi-off:before {
  content: "\e907";
}
.icon--minimize:before {
  content: "\e88d";
}
.icon--maximize:before {
  content: "\e908";
}
.icon--gitlab:before {
  content: "\e909";
}
.icon--sliders:before {
  content: "\e90a";
}
.icon--star-on:before {
  content: "\e90b";
}
.icon--heart-on:before {
  content: "\e90c";
}
.icon--archive:before {
  content: "\e90d";
}
.icon--arrow-down-circle:before {
  content: "\e90e";
}
.icon--arrow-up-circle:before {
  content: "\e90f";
}
.icon--arrow-left-circle:before {
  content: "\e910";
}
.icon--arrow-right-circle:before {
  content: "\e911";
}
.icon--bar-chart-line-:before {
  content: "\e912";
}
.icon--bar-chart-line:before {
  content: "\e913";
}
.icon--book-open:before {
  content: "\e914";
}
.icon--code:before {
  content: "\e915";
}
.icon--database:before {
  content: "\e916";
}
.icon--dollar-sign:before {
  content: "\e917";
}
.icon--folder-plus:before {
  content: "\e918";
}
.icon--gift:before {
  content: "\e919";
}
.icon--folder-minus:before {
  content: "\e91a";
}
.icon--git-commit:before {
  content: "\e91b";
}
.icon--git-branch:before {
  content: "\e91c";
}
.icon--git-pull-request:before {
  content: "\e91d";
}
.icon--git-merge:before {
  content: "\e91e";
}
.icon--linkedin:before {
  content: "\e91f";
}
.icon--hard-drive:before {
  content: "\e920";
}
.icon--more-vertical-:before {
  content: "\e921";
}
.icon--more-horizontal-:before {
  content: "\e922";
}
.icon--rss:before {
  content: "\e923";
}
.icon--send:before {
  content: "\e924";
}
.icon--shield-off:before {
  content: "\e925";
}
.icon--shopping-bag:before {
  content: "\e926";
}
.icon--terminal:before {
  content: "\e927";
}
.icon--truck:before {
  content: "\e928";
}
.icon--zap-off:before {
  content: "\e929";
}
.icon--youtube:before {
  content: "\e92a";
}
/*-----------------------------
    # L I S T
-----------------------------*/
ul.list,
ol.list {
  margin: 0px;
  padding: 0px;
  margin-bottom: 2rem;
}
ul.list li,
ol.list li {
  list-style-type: none;
  line-height: 2;
}
ul.list li icon,
ol.list li icon {
  margin: 0 5px 0 0;
}
ul.list.list--disc li,
ol.list.list--disc li {
  margin-left: 1.25rem;
  list-style-type: disc;
}
ul.list.list--circle li,
ol.list.list--circle li {
  margin-left: 1.25rem;
  list-style-type: circle;
}
ul.list.list--decimal,
ol.list.list--decimal {
  list-style: none;
  counter-reset: counter-list;
}
ul.list.list--decimal li,
ol.list.list--decimal li {
  counter-increment: counter-list;
}
ul.list.list--decimal li:before,
ol.list.list--decimal li:before {
  content: counters(counter-list, ".") ". ";
  color: #000000;
  margin-right: 0.5rem;
  width: 1rem;
  display: inline-block;
  text-align: right;
}
ul.list.list--square li,
ol.list.list--square li {
  margin-left: 1.25rem;
  list-style-type: square;
}
ul.list.list--alpha li,
ol.list.list--alpha li {
  margin-left: 1.25rem;
  list-style-type: upper-alpha;
}
ul.list.list--roman li,
ol.list.list--roman li {
  margin-left: 1.25rem;
  list-style-type: upper-roman;
}
ul.list.list--dash li,
ol.list.list--dash li {
  padding-left: 30px;
}
ul.list.list--dash li:before,
ol.list.list--dash li:before {
  content: "–";
  font-weight: 600;
  color: #006cb5;
  position: relative;
  left: -24px;
  width: 24px;
  height: 1.5em;
  margin-bottom: -1.5em;
  display: list-item;
  list-style-position: inside;
  text-align: right;
  padding-right: 24px;
}
@media screen and (min-width: 961px) {
  ul.list.list--columns,
  ol.list.list--columns {
    columns: 2;
  }
}
/*-----------------------------
    # M I X I N S
-----------------------------*/
/* Transitions
-----------------------------*/
/* Translate
-----------------------------*/
/* Scale
-----------------------------*/
/* Clear default apareance
-----------------------------*/
.appearance-none {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
/*-----------------------------
    # M O D A L
-----------------------------*/
.modal {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  background: rgba(68, 68, 68, 0.6);
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  z-index: 999;
  overflow-y: auto;
  pointer-events: none;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.modal .modal__container {
  margin: auto;
  width: 100%;
  max-width: 500px;
  background-color: #fff;
  box-shadow: 0 6px 24px -4px rgba(0, 0, 0, 0.4);
  border-radius: 0.4rem;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  -webkit-transform: scale(0.8, 0.8);
  -moz-transform: scale(0.8, 0.8);
  -ms-transform: scale(0.8, 0.8);
  -o-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8);
}
.modal .modal__container p {
  margin-bottom: 0;
}
.modal .modal__container .modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem 1rem 1.75rem;
  line-height: 1;
  border-bottom: 1px solid #f3f4f8;
}
.modal .modal__container .modal__body {
  padding: 1.75rem;
}
.modal .modal__container .modal__footer {
  padding: 1rem;
  text-align: right;
  border-top: 1px solid #f3f4f8;
}
.modal .modal__container .modal__close {
  cursor: pointer;
  line-height: 1;
  color: #444444;
  font-weight: 300;
  text-decoration: none;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.modal .modal__container .modal__close:hover {
  color: #006cb5;
}
.modal .modal__container .modal__close icon {
  pointer-events: none;
}
.modal.is--visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.modal.is--visible .modal__container {
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}
.modal.modal--small .modal__container {
  max-width: 300px;
}
.modal.modal--large .modal__container {
  max-width: 800px;
}
.modal.modal--loading {
  text-align: center;
  user-select: none;
}
/*-----------------------------
    # N A V
-----------------------------*/
.nav {
  display: block;
}
.nav .nav__item {
  color: #f5f5f5;
  list-style: none;
}
.nav .nav__item > a {
  display: flex;
  align-items: center;
  color: #444444;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  border-radius: 0.25rem;
  line-height: 2;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.nav .nav__item > a:hover {
  background-color: #006cb5;
  text-decoration: none;
  padding-left: 1.25rem;
}
.nav .nav__item span {
  flex: 1;
}
.nav .nav__item icon {
  font-size: 18px;
}
.nav .nav__item--parent {
  overflow: hidden;
}
.nav .nav__item--parent .nav__submenu {
  padding-left: 1.5rem;
  list-style: none;
  pointer-events: none;
  height: 0;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.nav .nav__item--parent .nav__submenu a {
  display: block;
  padding: 0.5rem 1rem;
  line-height: 2;
  border-radius: 0.25rem;
  opacity: 0.6;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.nav .nav__item--parent .nav__submenu a:hover {
  background: rgba(255, 255, 255, 0.06);
  opacity: 1;
  text-decoration: none;
  padding-left: 1.5rem;
}
.nav .nav__item--parent .nav__submenu.is--active {
  pointer-events: auto;
}
nav .nav__version {
  color: #9496a1;
  background: #444444;
  position: absolute;
  bottom: 0;
  width: 18rem;
  border-top: 1px solid #5b5d6b;
  padding: 1rem 1.75rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
nav .nav__version icon {
  font-size: 18px;
}
/*-----------------------------
    # P R O G R E S S
-----------------------------*/
.progress {
  border-radius: 2px;
  height: 8px;
  position: relative;
  overflow: hidden;
  margin: 0.5rem 0;
}
.progress:has(span) {
  background-color: #f5f5f5;
}
.progress span {
  background-color: #006cb5;
  border-radius: 2px;
  position: absolute;
  bottom: 0;
  top: 0;
  width: 50%;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: progress-loop;
}
.progress.progress--global {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.75rem;
  border-radius: 0px;
  margin: 0;
  z-index: 70;
  background: transparent;
}
.progress.progress--global span {
  border-radius: 0px;
}
@keyframes progress-loop {
  from {
    left: -50%;
  }
  to {
    left: 100%;
  }
}
/*-----------------------------
    # S E C T I O N
-----------------------------*/
.section {
  position: relative;
}
.section.section--small {
  padding: 3rem 0;
}
@media screen and (max-width: 960px) {
  .section.section--small {
    padding: 1rem 0;
  }
}
.section.section--medium {
  padding: 6.25rem 0;
}
.section.section--large {
  padding: 240px 0;
}
.section.section--fullheight {
  min-height: 100vh;
}
.section.section--light {
  background-color: #f5f5f5;
}
.section.section--dark {
  background-color: #444444;
}
.section.section--primary {
  background-color: #006cb5;
  color: #ffffff;
}
.section.section--secondary {
  background-color: #000000;
  color: #ffffff;
}
.section.section--collapsed {
  padding: 0;
}
/*-----------------------------
    # T A B S
-----------------------------*/
ul.tabs {
  padding: 0px;
  list-style: none;
  display: flex;
  width: 100%;
  justify-content: center;
  margin-top: -2rem;
}
@media screen and (max-width: 960px) {
  ul.tabs {
    flex-direction: column;
  }
}
ul.tabs li {
  background: none;
  color: inherit;
  display: flex;
  flex: auto;
  align-items: center;
  padding: 1rem 1.5rem;
  cursor: pointer;
  font-weight: 600;
  font-size: 15px;
  position: relative;
  border-right: 1px solid #dddfe9;
  background: #fff;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
@media screen and (max-width: 960px) {
  ul.tabs li {
    border-right: none;
    border: 1px solid #dddfe9;
    border-top: none;
  }
}
@media screen and (min-width: 961px) {
  ul.tabs li:last-child {
    border-right: none;
  }
  ul.tabs li::before {
    content: '';
    display: block;
    height: 4px;
    width: 100%;
    background: #dddfe9;
    position: absolute;
    bottom: 0;
    z-index: 1;
    left: 0;
    webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -ms-transform: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
  }
  ul.tabs li::after {
    content: '';
    display: block;
    height: 4px;
    width: 0%;
    background: #006cb5;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -ms-transform: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
  }
}
ul.tabs li:hover {
  color: #006cb5;
}
ul.tabs li:hover::after {
  background: #006cb5;
  width: 100%;
}
ul.tabs li icon {
  font-size: 14px;
  vertical-align: baseline;
  margin-right: 4px;
  color: inherit;
}
ul.tabs li.is--active {
  color: #006cb5;
  pointer-events: none;
}
@media screen and (max-width: 960px) {
  ul.tabs li.is--active {
    color: #fff;
    background: #006cb5;
    border-color: #006cb5;
  }
}
ul.tabs li.is--active::after {
  background: #006cb5;
  width: 100%;
}
.tabs-container .tab {
  display: none;
}
.tabs-container .tab.is--active {
  display: block;
  animation: fadeIn 0.5s;
}
/*-----------------------------
    # T A B L E
-----------------------------*/
.table-container {
  overflow-x: auto;
}
.table,
.datatable {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 1rem;
  overflow: auto;
  letter-spacing: 1px;
  border: 1px solid #dddfe9;
  line-height: 2;
  font-feature-settings: 'tnum';
  /* TABLE VERTICAL BORDERED */
  /* TABLE HORIZONTAL BORDER */
}
.table td,
.datatable td {
  padding: 0.5rem 1rem;
  position: relative;
}
.table tbody tr,
.datatable tbody tr {
  border-bottom: 1px solid #f5f5f5;
}
.table thead,
.datatable thead {
  background: #f5f5f5;
  text-align: left;
  vertical-align: bottom;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 0.85rem;
}
.table thead th,
.datatable thead th {
  cursor: pointer;
  padding: 0.5rem 1rem;
  position: relative;
}
.table thead th:hover,
.datatable thead th:hover {
  color: #006cb5;
}
.table thead th::after,
.datatable thead th::after {
  font-family: 'feather' !important;
  content: '\e82d';
  color: #9496a1;
  padding-left: 1rem;
}
.table thead th.sorting_asc::after,
.datatable thead th.sorting_asc::after {
  content: '\e82d';
  color: #006cb5;
}
.table thead th.sorting_desc::after,
.datatable thead th.sorting_desc::after {
  content: '\e82a';
  color: #006cb5;
}
.table.table--cols td,
.datatable.table--cols td,
.table.table--cols th,
.datatable.table--cols th {
  border-width: 0 0 0 1px;
}
.table.table--cols td > tr:last-child > td,
.datatable.table--cols td > tr:last-child > td,
.table.table--cols th > tr:last-child > td,
.datatable.table--cols th > tr:last-child > td {
  border-bottom-width: 0;
}
.table.table--rows td,
.datatable.table--rows td,
.table.table--rows th,
.datatable.table--rows th {
  border-width: 0 0 1px 0;
}
.table.table--rows td > tr:last-child > td,
.datatable.table--rows td > tr:last-child > td,
.table.table--rows th > tr:last-child > td,
.datatable.table--rows th > tr:last-child > td {
  border-bottom-width: 0;
}
.table button,
.datatable button {
  padding: 0.25rem;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.table button icon,
.datatable button icon {
  font-size: 18px;
}
.table button:hover,
.datatable button:hover {
  color: #006cb5;
}
.datatable {
  margin-top: 1rem;
}
.dataTables_length {
  float: left;
  position: relative;
  margin-bottom: 1rem;
}
.dataTables_length label {
  align-items: center;
  display: inline-flex;
  gap: 1rem;
}
.dataTables_filter {
  display: inline-flex;
  float: right;
  margin-bottom: 1rem;
}
.dataTables_paginate {
  display: inline-flex;
  margin-bottom: 1rem;
  align-items: center;
  border: 1px solid #dddfe9;
  border-radius: 4px;
  float: right;
}
.dataTables_paginate .paginate_button {
  padding: 0.5rem 0.75rem;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.dataTables_paginate .paginate_button:not(.disabled):hover {
  background: #f5f5f5;
}
.dataTables_paginate .paginate_button.disabled {
  color: #9496a1;
  cursor: auto;
}
.dataTables_paginate span {
  border-right: 1px solid #dddfe9;
}
.dataTables_paginate span:first-of-type {
  border-left: 1px solid #dddfe9;
}
.dataTables_info {
  display: inline-flex;
  margin-bottom: 1rem;
}
.table__input,
.table__select {
  display: block;
  padding: 0.5rem 0.75rem;
  border: 1px solid #dddfe9;
  border-radius: 0.3rem;
  font-size: 1rem;
  letter-spacing: 1px;
  width: 100%;
  font-family: 'DM Sans', sans-serif;
  color: #444444;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.table__input:focus,
.table__select:focus {
  border-color: #006cb5;
  color: #444444;
  box-shadow: 0px 6px 20px -12px rgba(68, 68, 68, 0.5);
}
.table__input:out-of-range,
.table__select:out-of-range {
  background-color: red;
}
.table__input::placeholder,
.table__select::placeholder {
  color: #b3b5bd;
}
.form-arrow {
  font-family: 'feather' !important;
  position: absolute;
  content: '\e842';
  background: #fff;
  top: 0.5rem;
  right: 5.5rem;
  padding: 0.25rem;
  line-height: 1;
  font-size: 1.25rem;
  pointer-events: none;
  color: #9496a1;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.dataTables_length:has(select) select {
  color: #b3b5bd !important;
}
.dataTables_length:has(select) select:focus {
  color: #444444 !important;
}
.dataTables_length:has(select):after {
  font-family: 'feather' !important;
  position: absolute;
  content: '\e842';
  background: #fff;
  top: 0.5rem;
  right: 5.5rem;
  padding: 0.25rem;
  line-height: 1;
  font-size: 1.25rem;
  pointer-events: none;
  color: #9496a1;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.dataTables_length .table__select {
  width: 6rem;
}
/*-----------------------------
    # T E X T
-----------------------------*/
.text--primary {
  color: #006cb5 !important;
}
.text--secondary {
  color: #000000 !important;
}
.text--primary-invert {
  color: #ffffff !important;
}
.text--secondary-invert {
  color: #ffffff !important;
}
.text--info {
  color: #2196f3 !important;
}
.text--success {
  color: #1abc9c !important;
}
.text--warning {
  color: #f1aa3f !important;
}
.text--danger {
  color: #ff4550 !important;
}
.text--muted {
  color: #777986 !important;
}
.text--left {
  text-align: left;
}
.text--right {
  text-align: right;
}
.text--center {
  text-align: center;
}
.text--justify {
  text-align: justify;
}
.text--medium {
  font-size: 1.5rem;
}
/*-----------------------------
    # T O A S T
-----------------------------*/
#toast-container {
  position: fixed;
  top: 2rem;
  right: 2rem;
  z-index: 999;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.toast {
  background: #fff;
  display: flex;
  align-items: center;
  width: auto;
  border: 1px solid #fff;
  max-width: 350px;
  box-shadow: 0 12px 24px -4px rgba(0, 0, 0, 0.1);
  padding: 1rem 1.5rem 1.4rem 2.85rem;
  gap: 0.5rem;
  border-radius: 4px;
  position: relative;
  margin-bottom: 1rem;
  overflow: hidden;
  animation: toast-show 0.3s ease, toast-hide 0.2s ease var(--duration) 1;
}
.toast::before {
  font-size: 18px;
  content: '';
  font-family: 'feather' !important;
  position: absolute;
  top: 0.85rem;
  left: 1rem;
}
.toast .toast__progress {
  display: block;
  width: 0%;
  height: 4px;
  position: absolute;
  bottom: 0;
  right: 0;
  animation-duration: var(--duration);
  animation-name: toast-progress;
  animation-timing-function: ease;
}
.toast.toast--info {
  color: #2196f3;
  background-color: #ecf6fe;
  border-color: #2196f3;
}
.toast.toast--info::before {
  content: '\e87f';
}
.toast.toast--info .toast__progress {
  background-color: #2196f3;
}
.toast.toast--success {
  color: #1abc9c;
  background-color: #e4fbf7;
  border-color: #1abc9c;
}
.toast.toast--success::before {
  content: '\e83e';
}
.toast.toast--success .toast__progress {
  background-color: #1abc9c;
}
.toast.toast--warning {
  color: #f1aa3f;
  background-color: #fef8ef;
  border-color: #f1aa3f;
}
.toast.toast--warning::before {
  content: '\e81c';
}
.toast.toast--warning .toast__progress {
  background-color: #f1aa3f;
}
.toast.toast--danger {
  color: #ff4550;
  background-color: #fff2f3;
  border-color: #ff4550;
}
.toast.toast--danger::before {
  content: '\e8f7';
}
.toast.toast--danger .toast__progress {
  background-color: #ff4550;
}
@keyframes toast-show {
  0% {
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0);
  }
  60% {
    -webkit-transform: translate(-10%, 0);
    -moz-transform: translate(-10%, 0);
    -ms-transform: translate(-10%, 0);
    -o-transform: translate(-10%, 0);
    transform: translate(-10%, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes toast-hide {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0);
  }
}
@keyframes toast-progress {
  0% {
    width: 100%;
  }
  100% {
    width: 0%;
  }
}
/*-----------------------------
    # S P I N N E R
-----------------------------*/
.spinner-container {
  width: 100%;
  min-height: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.spinner {
  display: inline-block;
  position: relative;
  width: 75px;
  height: 40px;
}
.spinner span {
  position: absolute;
  top: 15px;
  width: 12px;
  height: 12px;
  border-radius: 10px;
  background: #006cb5;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.spinner span:nth-child(1) {
  left: 8px;
  animation: spinner1 0.6s infinite;
}
.spinner span:nth-child(2) {
  left: 8px;
  animation: spinner2 0.6s infinite;
}
.spinner span:nth-child(3) {
  left: 32px;
  animation: spinner2 0.6s infinite;
}
.spinner span:nth-child(4) {
  left: 56px;
  animation: spinner3 0.6s infinite;
}
@keyframes spinner1 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes spinner2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
@keyframes spinner3 {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}
/*-----------------------------
    # U T I L I T Y
-----------------------------*/
/* DIVIDER
-----------------------------*/
.divider {
  width: 100%;
  height: 1px;
  margin: 2rem 0;
  display: inline-block;
}
.divider.divider--line {
  border-top: 1px solid #dddfe9;
  clear: both;
  display: block;
  height: 1px;
  width: 100%;
}
.divider.divider--dashed {
  border-top: 1px dashed #ccc;
}
.divider.divider--dotted {
  border-top: 1px dotted #ccc;
}
/* LINES
-----------------------------*/
.line {
  border-top: 1px solid #333333;
  clear: both;
  display: block;
  height: 1px;
  margin: 20px 0px;
  width: 100%;
}
.line.line--dashed {
  border-top: 1px dashed #eee;
}
.line.line--dotted {
  border-top: 1px dotted #eee;
}
.line.line--double {
  border-top: 1px double #eee;
}
/* SHADOWS
-----------------------------*/
.shadow--small {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.shadow--medium {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.shadow--large {
  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.1);
}
/* BORDER RADIUS
-----------------------------*/
.border--rounded {
  border-radius: 6px;
}
.border--circle {
  border-radius: 99px;
}
/* ANIMATIONS
-----------------------------*/
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*
@import "components/badge";
@import "components/avatar";
@import "components/badge";
@import "components/divider";
@import "components/flex";
@import "components/form";
@import "components/hero";
@import "components/list";
@import "components/modal";
@import "components/section";
@import "components/table";
@import "components/tab";
@import "components/text";
@import "components/utility";
@import "components/visibility";
@import "components/width";*/
/*------------------------------------
    # ZENCASE THEME
-------------------------------------*/
@media screen and (max-width: 960px) {
  html,
  body {
    font-size: 14px;
  }
}
.particles-js-canvas-el {
  position: absolute;
  z-index: 1;
}
.socialmedia {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 960px) {
  .socialmedia {
    justify-content: end;
    padding: 1rem 0;
    margin-right: -0.65rem;
  }
}
.socialmedia a {
  display: block;
  padding: 5px;
  aspect-ratio: 1;
}
@media screen and (max-width: 960px) {
  .socialmedia a {
    padding: 10px;
  }
}
.socialmedia a img {
  width: 18px;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.title-separator {
  display: grid;
  grid-template-columns: min-content auto;
  align-items: center;
  gap: 2rem;
}
.title-separator::after {
  content: '';
  display: block;
  height: 1px;
  width: 100%;
  background: #dddfe9;
}
.header {
  position: sticky;
  width: 100%;
  height: 76px;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 99;
  padding: 0 4rem;
  border-bottom: 1px solid #f3f4f8;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
@media screen and (max-width: 1280px) {
  .header {
    padding: 0 1rem;
  }
}
@media screen and (max-width: 960px) {
  .header {
    padding: 0 1rem;
    height: 60px;
  }
  .header .header__menu {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: #fff;
    z-index: 999;
    left: 0;
    top: 0;
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0);
    webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -ms-transform: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
  }
  .header .header__menu.is--open {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.header #open-menu {
  color: #006cb5;
  font-size: 2rem;
  cursor: pointer;
}
@media screen and (min-width: 961px) {
  .header #open-menu {
    display: none;
  }
}
.header #close-menu {
  color: #006cb5;
  position: absolute;
  font-size: 2rem;
  top: 1rem;
  right: 1.5rem;
  cursor: pointer;
  z-index: 999;
}
@media screen and (min-width: 961px) {
  .header #close-menu {
    display: none;
  }
}
.header .menu {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 960px) {
  .header .menu {
    padding: 0 2rem;
    display: flex;
    flex-direction: column;
    align-items: end;
    margin-top: 4rem;
  }
}
.header .menu #lang-menu {
  text-transform: capitalize;
}
.header .menu .menu__item {
  position: relative;
}
@media screen and (max-width: 960px) {
  .header .menu .menu__item {
    width: 100%;
    text-align: right;
  }
  .header .menu .menu__item:has(#lang-menu) > a {
    display: none;
  }
  .header .menu .menu__item #language-buttons {
    margin-top: 1rem;
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 1rem;
  }
  .header .menu .menu__item #language-buttons a {
    text-decoration: none;
  }
  .header .menu .menu__item #language-buttons img {
    width: 25px;
    height: auto;
    vertical-align: bottom;
  }
}
@media screen and (min-width: 961px) and (max-width: 1280px) {
  .header .menu .menu__item .socialmedia {
    display: none;
  }
}
.header .menu .menu__item > a {
  display: flex;
  padding: 1.5rem 2rem;
  color: inherit;
  font-weight: bold;
  text-decoration: none;
}
@media screen and (min-width: 961px) and (max-width: 1280px) {
  .header .menu .menu__item > a {
    padding: 1.5rem;
  }
}
@media screen and (max-width: 960px) {
  .header .menu .menu__item > a {
    flex-direction: row-reverse;
    padding: 1.5rem 0;
    font-size: 1.25rem;
  }
}
.header .menu .menu__item > a span {
  color: #b3b5bd;
  margin-left: 5px;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.header .menu .menu__item > a::before {
  content: '';
  display: block;
  height: 4px;
  width: 100%;
  background: #dddfe9;
  position: absolute;
  bottom: -2px;
  z-index: 1;
  left: 0;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
@media screen and (max-width: 960px) {
  .header .menu .menu__item > a::before {
    height: 1px;
  }
}
.header .menu .menu__item > a::after {
  content: '';
  display: block;
  height: 4px;
  width: 0%;
  background: #006cb5;
  position: absolute;
  bottom: -2px;
  left: 0;
  z-index: 2;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
@media screen and (min-width: 961px) {
  .header .menu .menu__item:hover .submenu {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translate(0, 2px);
    -moz-transform: translate(0, 2px);
    -ms-transform: translate(0, 2px);
    -o-transform: translate(0, 2px);
    transform: translate(0, 2px);
  }
  .header .menu .menu__item:hover a::after {
    background: #006cb5;
    width: 100%;
  }
  .header .menu .menu__item:hover span {
    color: #006cb5;
    -webkit-transform: translate(0, -3px);
    -moz-transform: translate(0, -3px);
    -ms-transform: translate(0, -3px);
    -o-transform: translate(0, -3px);
    transform: translate(0, -3px);
  }
}
.header .menu .submenu {
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
@media screen and (max-width: 960px) {
  .header .menu .submenu {
    margin-top: -1rem;
    padding-bottom: 0.5rem;
  }
}
.header .menu .submenu .submenu__item {
  list-style-type: none;
}
.header .menu .submenu .submenu__item a {
  padding: 0.5rem 0;
  display: block;
  font-size: 1.25rem;
  color: #5b5d6b;
}
@media screen and (min-width: 961px) {
  .header .menu .submenu {
    position: absolute;
    background: #fff;
    box-shadow: 0px 8px 16px -4px rgba(0, 0, 0, 0.25);
    opacity: 0;
    pointer-events: none;
    width: -webkit-fill-available;
    -webkit-transform: translate(0, 10px);
    -moz-transform: translate(0, 10px);
    -ms-transform: translate(0, 10px);
    -o-transform: translate(0, 10px);
    transform: translate(0, 10px);
  }
  .header .menu .submenu .submenu__item {
    list-style: none;
  }
  .header .menu .submenu .submenu__item a {
    display: block;
    padding: 0.5rem 1.5rem;
    font-weight: 600;
    color: #000000;
    text-decoration: none;
    font-size: 1rem;
    webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -ms-transform: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
  }
  .header .menu .submenu .submenu__item a img {
    width: 21px;
    height: auto;
    margin-left: 6px;
    vertical-align: sub;
  }
  .header .menu .submenu .submenu__item a:hover {
    color: #006cb5;
  }
  .header .menu .submenu .submenu__item:first-child a {
    padding-top: 1.5rem;
  }
  .header .menu .submenu .submenu__item:last-child a {
    padding-bottom: 1.5rem;
  }
}
.header.header--home {
  background-color: #fff;
}
.header.header--home .menu a {
  color: #000000;
}
.header .header__logo {
  width: 200px;
}
@media screen and (max-width: 960px) {
  .header .header__logo {
    width: 160px;
  }
}
.main-banner {
  background: url('../img/home-background.jpg') no-repeat center;
  background-size: cover;
  height: 940px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.main-banner .main-banner__title {
  display: flex;
  align-items: center;
  flex: 1;
}
.main-banner .main-banner__title .container {
  padding-right: 20%;
}
.main-banner .main-banner__title .container h1 {
  margin: 1rem 0 3rem 0;
}
.main-banner .main-banner__title .button {
  z-index: 9;
}
@media screen and (max-width: 960px) {
  .main-banner #higlights {
    padding: 0;
  }
}
.main-banner #higlights {
  z-index: 9;
}
.main-banner .higlights {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 960px) {
  .main-banner .higlights {
    flex-direction: column;
  }
}
.main-banner .higlights .higlight {
  background: #fff;
  padding: 2rem 0;
  text-decoration: none;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 960px) {
  .main-banner .higlights .higlight {
    width: 100%;
    display: block;
    padding: 1rem 2rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: -1px;
  }
}
.main-banner .higlights .higlight::before {
  content: '';
  display: block;
  width: 100%;
  height: 6px;
  position: absolute;
  background: #dddfe9;
  z-index: 10;
  top: 0;
  left: 0;
}
@media screen and (max-width: 960px) {
  .main-banner .higlights .higlight::before {
    height: 1px;
  }
}
.main-banner .higlights .higlight::after {
  content: '';
  display: block;
  height: 6px;
  position: absolute;
  background: #006cb5;
  z-index: 11;
  top: 0;
  left: 0;
  width: 0%;
  transition: width 0.5s;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.main-banner .higlights .higlight > .icon {
  font-size: 32px;
  color: #006cb5;
}
.main-banner .higlights .higlight .button i {
  display: none;
}
@media screen and (min-width: 961px) {
  .main-banner .higlights .higlight .button i {
    font-style: normal;
    opacity: 0;
    margin-left: -76%;
    transition: all 0.5s;
    display: block;
  }
}
.main-banner .higlights .higlight .button .icon {
  color: #006cb5;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.main-banner .higlights .higlight .higlight__title {
  font-size: 18px;
  font-weight: 600;
  color: #000000;
  margin: 1rem 0;
  width: 80%;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.main-banner .higlights .higlight:hover i {
  opacity: 1;
  margin-left: 0%;
}
.main-banner .higlights .higlight:hover .higlight__title {
  color: #006cb5;
}
.main-banner .higlights .higlight:hover::after {
  width: 100%;
  transition: width 0.5s;
}
.main-banner .higlights .higlights__bg {
  background: #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  left: -50%;
  top: 0;
  z-index: 0;
}
.about {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: end;
  margin-top: 2rem;
}
@media screen and (max-width: 960px) {
  .about {
    display: block;
  }
}
.about .about__content {
  max-width: 700px;
  padding: 4rem;
  background: #006cb5;
  margin-left: -100px;
  color: #fff;
  margin-bottom: 8rem;
}
@media screen and (max-width: 960px) {
  .about .about__content {
    margin-left: 0px;
    padding: 2rem;
    margin-bottom: 0;
    padding-bottom: 4rem;
  }
}
@media screen and (min-width: 961px) {
  #why-choose-us .container {
    padding-left: 12rem;
  }
}
@media screen and (min-width: 961px) {
  #why-choose-us .container .card {
    margin-top: -8rem;
    background: #fff;
    padding: 8rem 0rem 0rem 12rem;
  }
}
@media screen and (max-width: 960px) {
  #why-choose-us .container .card {
    margin-top: -2rem;
    box-shadow: 0px 6px 16px -6px rgba(0, 0, 0, 0.25);
  }
}
#why-choose-us .container .card h3 {
  margin-top: 1rem;
  margin-bottom: 3rem;
}
@media screen and (max-width: 960px) {
  #why-choose-us .container .card h3 {
    margin-bottom: 1.5rem;
  }
}
#why-choose-us .container .card p {
  font-size: 18px;
}
@media screen and (max-width: 960px) {
  #services {
    padding: 2rem 0;
  }
}
.services {
  display: grid;
  grid-template-columns: 1fr 2fr;
  align-items: center;
}
@media screen and (max-width: 960px) {
  .services {
    display: block;
    text-align: center;
  }
}
.services .services__text {
  background: #006cb5;
  padding: 2.5rem;
  color: #fff;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 960px) {
  .services .services__text {
    align-items: center;
  }
}
.services .services__text p {
  color: #fff;
  margin-top: 1rem;
}
.services .services__list {
  display: flex;
  align-items: center;
  height: 100%;
}
@media screen and (max-width: 640px) {
  .services .services__list {
    flex-direction: column;
    text-align: center;
  }
}
.services .services__list .service {
  padding: 2rem;
  text-decoration: none;
  height: 100%;
  position: relative;
  border: 1px solid #dddfe9;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
@media screen and (min-width: 961px) {
  .services .services__list .service {
    border-left: none;
    border-top: none;
  }
}
@media screen and (max-width: 960px) {
  .services .services__list .service {
    width: 100%;
    border-top: none;
    padding: 1.5rem;
  }
}
.services .services__list .service img {
  margin: 0 0 1rem 0;
  width: 60px;
  filter: grayscale(1);
  opacity: 0.45;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
@media screen and (max-width: 960px) {
  .services .services__list .service img {
    margin: 0 0 1rem 0;
  }
}
@media screen and (min-width: 961px) {
  .services .services__list .service h5 {
    margin-bottom: 6px;
    -webkit-transform: translate(0, 54px);
    -moz-transform: translate(0, 54px);
    -ms-transform: translate(0, 54px);
    -o-transform: translate(0, 54px);
    transform: translate(0, 54px);
    webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -ms-transform: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
  }
}
@media screen and (min-width: 961px) {
  .services .services__list .service p {
    max-width: 330px;
    opacity: 0;
    -webkit-transform: translate(0, 20px);
    -moz-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    -o-transform: translate(0, 20px);
    transform: translate(0, 20px);
    webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -ms-transform: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
  }
}
.services .services__list .service .button i {
  font-style: normal;
  opacity: 0;
  margin-left: -76%;
  transition: all 0.5s;
}
@media screen and (max-width: 960px) {
  .services .services__list .service .button i {
    display: none;
  }
}
.services .services__list .service .button .icon {
  color: #006cb5;
  webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transform: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
@media screen and (min-width: 961px) {
  .services .services__list .service::before {
    content: '';
    display: block;
    width: 100%;
    height: 6px;
    position: absolute;
    background: #dddfe9;
    z-index: 10;
    top: 0;
    left: 0;
  }
  .services .services__list .service::after {
    content: '';
    display: block;
    height: 6px;
    position: absolute;
    background: #006cb5;
    z-index: 11;
    top: 0;
    left: 0;
    width: 0%;
    transition: width 0.5s;
    webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -ms-transform: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
  }
  .services .services__list .service:hover p {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .services .services__list .service:hover h5 {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .services .services__list .service:hover i {
    opacity: 1;
    margin-left: 0%;
  }
  .services .services__list .service:hover img {
    opacity: 1;
    filter: grayscale(0);
  }
  .services .services__list .service:hover::after {
    width: 100%;
    transition: width 0.5s;
  }
}
@media screen and (max-width: 960px) {
  #team {
    padding-bottom: 1rem;
  }
}
.team {
  gap: 4rem;
  align-items: center;
}
.team h2 {
  margin-bottom: 1rem;
}
.team .founders {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}
@media screen and (max-width: 960px) {
  .team .founders {
    gap: 1rem;
  }
}
.team .founders .member figcaption {
  padding: 1rem;
  background: #fff;
}
.team .founders .member figcaption .member__name {
  font-size: 18px;
  color: #000000;
}
@media screen and (max-width: 960px) {
  .team .founders .member figcaption .member__name {
    font-size: 1rem;
  }
}
.team .founders .member figcaption .member__job {
  font-size: 16px;
  color: #5b5d6b;
}
@media screen and (max-width: 960px) {
  .team .founders .member figcaption .member__job {
    font-size: 0.9rem;
  }
}
.members {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 2rem;
  margin: 1rem 0 3rem 0;
}
@media screen and (min-width: 961px) and (max-width: 1280px) {
  .members {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (min-width: 641px) and (max-width: 960px) {
  .members {
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
  }
}
@media screen and (max-width: 640px) {
  .members {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
}
.members figcaption {
  padding-top: 0.75rem;
}
.members figcaption .member__name {
  font-size: 18px;
  color: #000000;
}
@media screen and (max-width: 960px) {
  .members figcaption .member__name {
    font-size: 1rem;
  }
}
.members figcaption .member__job {
  font-size: 16px;
  color: #5b5d6b;
}
#contact {
  display: grid;
  grid-template-columns: 60% auto;
  padding-bottom: 10rem;
  margin-bottom: 4rem;
}
@media screen and (max-width: 960px) {
  #contact {
    display: block;
    padding-bottom: 1.5rem;
    margin-bottom: 0rem;
  }
}
#contact h6 {
  margin-bottom: 0.5rem;
}
#contact .contact__map iframe {
  width: 100%;
  height: 100%;
  min-height: 380px;
  z-index: 1;
}
#contact .contact__form {
  padding: 4rem 2rem;
  max-width: 440px;
  z-index: 4;
}
@media screen and (max-width: 960px) {
  #contact .contact__form {
    padding: 1.5rem;
  }
}
#contact .contact__form .form {
  margin-top: 2rem;
}
#contact .contact__info {
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #fff;
}
@media screen and (max-width: 960px) {
  #contact .contact__info {
    position: initial;
  }
}
#contact .contact__info .container {
  z-index: 1;
}
#contact .contact__info .container a {
  display: block;
  color: #fff;
}
#contact .contact__info .container p {
  color: #fff;
  margin-bottom: 0;
  margin-top: 0.5rem;
}
#contact .contact__info .container .info__tel {
  font-size: 30px;
  font-weight: 600;
  margin: 0.5rem 0;
}
#contact .contact__info .container .info__content {
  width: 35%;
  padding: 3rem 3rem 3rem 0;
  background: #006cb5;
}
@media screen and (max-width: 960px) {
  #contact .contact__info .container .info__content {
    width: 100%;
    padding: 1.5rem;
  }
}
#contact .contact__info .info__bg {
  background: #006cb5;
  width: 40%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  padding: 2rem;
}
@media screen and (max-width: 960px) {
  #contact .contact__info .info__bg {
    display: none;
  }
}
footer .container {
  border-top: 1px solid #dddfe9;
}
footer .row {
  margin: 5rem 0 2rem 0;
}
@media screen and (max-width: 960px) {
  footer .row {
    text-align: center;
  }
}
footer .footer__menu {
  text-align: right;
}
@media screen and (max-width: 960px) {
  footer .footer__menu {
    text-align: center;
    padding-top: 2rem;
  }
}
footer .footer__menu .menu__item {
  color: #000000;
  font-weight: 600;
  font-size: 16px;
  display: inline-block;
  padding: 1rem;
}
@media screen and (max-width: 960px) {
  footer .footer__menu .menu__item {
    display: block;
    padding: 0.5rem 1rem;
  }
}
.footer__logo {
  width: 200px;
  display: block;
}
@media screen and (max-width: 960px) {
  .footer__logo {
    display: inline-block;
  }
}
.footer__disclaymer {
  font-size: 14px;
  padding-bottom: 3rem;
}
.footer__disclaymer p {
  color: #777986;
}
@media screen and (max-width: 960px) {
  .footer__disclaymer {
    text-align: center;
  }
}
.page-banner {
  background-color: #006cb5;
  background-size: cover;
  height: 400px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 960px) {
  .page-banner {
    height: 300px;
  }
}
.page-banner.derecho {
  background: url('../img/derecho-bg.jpg') no-repeat center;
}
.page-banner.ciberseguridad {
  background: url('../img/ciberseguridad-bg.jpg') no-repeat center;
}
.page-banner .main-banner__title {
  display: flex;
  align-items: center;
  flex: 1;
}
.page-banner .main-banner__title .container {
  padding-right: 20%;
}
.page-banner .main-banner__title .container h1 {
  margin: 1rem 0 3rem 0;
}
.service-detail {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  padding: 4rem;
  gap: 2rem;
}
@media screen and (max-width: 960px) {
  .service-detail {
    padding: 2rem 0;
    display: block;
  }
}
.tabs-header .container {
  z-index: 1;
}
.subservice {
  padding: 0 4rem;
}
@media screen and (max-width: 960px) {
  .subservice {
    padding: 0;
  }
}
.subservice h5 {
  width: 320px;
  display: flex;
  align-items: center;
  line-height: 1.2;
  margin-bottom: 0.75rem;
  color: #000000;
  gap: 0.75rem;
}
.subservice h5 span {
  color: #006cb5;
  font-size: 60px;
}
.subservice ul li {
  color: #5b5d6b;
  line-height: 1.3;
  margin: 10px 0;
}
.related-service {
  padding: 2rem;
}
@media screen and (max-width: 960px) {
  .related-service {
    padding: 1.5rem;
  }
}
.related-service .related-service__container {
  padding: 4rem 0;
  background-size: cover;
}
.related-service .related-service__container p {
  margin-top: 1rem;
}
@media screen and (min-width: 961px) {
  .related-service .related-service__container p {
    width: 50%;
  }
}
.related-service .related-service__container h6,
.related-service .related-service__container h2,
.related-service .related-service__container p {
  color: #fff;
}
.related-service .related-service__container.ciberseguridad {
  background: url('../img/ciberseguridad-banner-bg.jpg') no-repeat center;
}
.related-service .related-service__container.derecho {
  background: url('../img/derecho-banner-bg.jpg') no-repeat center;
}