@font-face {
  font-family: "Gilroy";
  src: url("../fonts/gilroy/Gilroy-ExtraBold.woff2") format("woff2"), url("../fonts/gilroy/Gilroy-ExtraBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/gilroy/Gilroy-Bold.woff2") format("woff2"), url("../fonts/gilroy/Gilroy-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/gilroy/Gilroy-Black.woff2") format("woff2"), url("../fonts/gilroy/Gilroy-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/gilroy/Gilroy-Regular.woff2") format("woff2"), url("../fonts/gilroy/Gilroy-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/gilroy/Gilroy-SemiBold.woff2") format("woff2"), url("../fonts/gilroy/Gilroy-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
html {
  box-sizing: border-box;
}

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

html {
  font-size: 16px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  margin: 0;
  padding: 0;
}

body {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  color: #2C2C2C;
  background-color: #FFFFFF;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  padding: 0;
  position: relative;
}

main {
  min-height: 100vh;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0;
}

p {
  margin-top: 0;
}

ul, ol, dl {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

a,
button,
input,
select {
  transition-property: transform, background, background-color, border-color, color;
  transition-duration: 0.3s;
}

textarea {
  resize: vertical;
}

a {
  color: #2C2C2C;
  text-decoration: none;
}
a:hover {
  color: #2C2C2C;
  text-decoration: underline;
}
a:focus {
  outline: none;
}

img {
  vertical-align: middle;
}

a,
area,
button,
[role=button],
input,
label,
select,
summary,
textarea {
  touch-action: manipulation;
}

[role=button] {
  cursor: pointer;
}

[hidden] {
  display: none !important;
}
.text-highlight,
.link {
  font-family: "Gilroy";
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.375rem;
  letter-spacing: 0.05em;
  color: #E44100;
}
.text-highlight,
.link.link-bold{
  font-weight: 800;
  font-size: 1.5rem;
}
.link--primary {
  color: #2A6FD6;
  font-weight: 400;
}

.explanation {
  background-color: rgba(224, 247, 255, 0.5);
  padding: 4.875rem 0;
  display: flex;
  align-items: center;
}
.explanation-text {
  font-size: 2rem;
  line-height: 2.3125rem;
  font-family: "Gilroy";
}
.explanation-text p {
  font-weight: 400;
  margin-bottom: 0;
}
.explanation-text b {
  font-weight: 700;
}

.howitworks {
  padding: 7.5rem 0;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.howitworks p {
  font-family: "Open Sans";
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
  color: #2C2C2C;
  margin-bottom: 0;
}
.howitworks h2 {
  font-family: "Gilroy";
  font-weight: 400;
  font-size: 3.75rem;
  line-height: 3.125rem;
  color: #2C2C2C;
}
.howitworks h2 b {
  display: block;
  color: #2A6FD6;
}
.howitworks-deco-1 {
  position: absolute;
  top: 0;
  left: 0;
}
.howitworks-deco-2 {
  position: absolute;
  bottom: 0;
  right: -60px;
}

.howparticipate {
  background-color: rgba(224, 247, 255, 0.5);
  padding: 7.5rem 0;
}
.howparticipate h3 {
  font-family: "Gilroy";
  font-weight: 400;
  font-size: 3.75rem;
  line-height: 3.5rem;
  color: #2C2C2C;
  display: flex;
  flex-direction: column;
}
.howparticipate h3 b {
  font-family: "Gilroy";
  font-weight: 700;
  color: #E44100;
}
.howparticipate p {
  font-family: "Open Sans";
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
  color: #2C2C2C;
}

.signup {
  min-height: 1024px;
}
.signup h4 {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 400;
  font-size: 3.75rem;
  line-height: 60px;
  color: #2C2C2C;
}
.signup h4 b {
  font-weight: 700;
  color: #006EDC;
  display: block;
}
.signup h4 p {
  font-family: "Open Sans";
  font-size: 1.5rem;
  line-height: 2rem;
  color: #2C2C2C;
}
.signup-form {
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 2rem;
}
.signup .swiper {
  position: relative;
  z-index: 1;
}
.signup-slider {
  background-color: #2AC1D6;
  height: 100%;
  position: relative;
}
.signup-deco-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.signup-deco-2 {
  position: absolute;
  top: 2rem;
  right: 2rem;
  z-index: 2;
}
.signup-deco-3 {
  position: absolute;
  bottom: -45px;
  right: 0;
  z-index: 3;
}
.signup .swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  overflow: hidden;
  padding-top: 7.5rem;
}
.signup .swiper-slide img {
  width: 100%;
  height: auto;
}
.signup .swiper-pagination {
  display: flex;
  justify-content: flex-start;
  padding: 0 3.125rem;
  bottom: 40px !important;
}
.signup .swiper-pagination .swiper-pagination-bullet {
  width: 30px;
  border-radius: 0;
  background-color: #fff;
  height: 7px;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}
.signup .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 74px;
  background-color: #FB3F00;
}

.companies {
  padding-top: 7.5rem;
  padding-bottom: 8rem;
  position: relative;
}
.companies h5 {
  font-family: "Gilroy";
  font-weight: 400;
  font-size: 3.75rem;
  line-height: 3.125rem;
  color: #2C2C2C;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.companies h5 b {
  font-family: "Gilroy";
  font-weight: 700;
  font-size: 3.75rem;
  line-height: 3.125rem;
  color: #FB3F00;
}
.companies .col-6.col-md-2 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.companies .container {
  position: relative;
  z-index: 3;
}
.companies-comment {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.companies .col-6.col-md-2 img {
  width: 60%;
  height: auto;
}

.grid-companies {
  display: grid;
  gap: 1rem;
  row-gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 10rem), 1fr));
}

.brands-item,
.entity {
  display: flex;
  justify-content: center;
  align-items: center;
}
.brands-item img,
.entity img {
  max-width: 110px;
  width: 100%;
  height: auto;
}

.figure {
  border-radius: 3.125rem;
  overflow: hidden;
  position: relative;
}
.figure .picture {
  width: 100%;
  height: auto;
}
.figure-deco-1 {
  position: absolute;
  top: 50%;
  transform: translateY(-90%);
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

.trainings {
  background-color: #E0F7FF;
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.trainings h2 {
  font-family: "Gilroy";
  font-weight: 400;
  font-size: 2rem;
  line-height: 3.75rem;
  color: #006ED9;
}
.trainings h2 b {
  font-weight: 700;
}
.trainings h2 p {
  font-family: "Open Sans";
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
  color: #2C2C2C;
}
.trainings .swiper-wrapper {
  padding-bottom: 40px;
}
.trainings .swiper-pagination-bullet {
  width: 1.1875rem;
  height: 1.1875rem;
  border-radius: 1.1875rem;
  background-color: #2A6FD6;
}
.trainings .swiper-pagination {
  bottom: -1px;
}

.videos {
  position: relative;
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
}
.videos h3 {
  font-family: "Gilroy";
  font-weight: 700;
  font-size: 2rem;
  line-height: 3.75rem;
  color: #FB3F00;
}

.video-play-deco {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  transform: translate3D(100%, -25%, 0);
}
.video-thumb {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  text-decoration: none;
}
.video-thumb b {
  font-family: "Gilroy";
  font-weight: 700;
  font-size: 1.625rem;
  line-height: 2rem;
  color: #006ED9;
}
.video-thumb span {
  font-family: "Open Sans";
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
  color: #2C2C2C;
}
.video-thumb:hover {
  text-decoration: none;
}
.video-thumb:hover b, .video-thumb:hover span {
  text-decoration: none;
}
.video-figure {
  width: 220px;
  height: 220px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 2rem;
  position: relative;
}
.video-figure .video-picture {
  overflow: hidden;
  border: solid 15px #B3D3F4;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.video-figure::after {
  display: none;
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjEiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCA2MSA2NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF8xMzc4Xzg4MzYpIj4KPHBhdGggZD0iTTM4LjM2OTQgMjQuNDAwN0wyMy4yMjQ0IDE1LjIwNTVDMjAuNTU4NyAxMy41ODcxIDE3LjE0ODQgMTUuNTA2MiAxNy4xNDg0IDE4LjYyNDdWMzcuMDE1MUMxNy4xNDg0IDQwLjEzMzYgMjAuNTU4NyA0Mi4wNTI3IDIzLjIyNDQgNDAuNDM0MkwzOC4zNjk0IDMxLjIzOUM0MC45MzQ4IDI5LjY4MTQgNDAuOTM0OCAyNS45NTgzIDM4LjM2OTQgMjQuNDAwN1oiIGZpbGw9IiNGQjNGMDAiLz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9kXzEzNzhfODgzNiIgeD0iMC43OTA0MzkiIHk9IjAuMzA0OTE1IiB3aWR0aD0iNTkuOTUiIGhlaWdodD0iNjMuMjA4OCIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KPGZlT2Zmc2V0IGR4PSIyLjA0NDc1IiBkeT0iNC4wODk1Ii8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjkuMjAxMzciLz4KPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0ib3V0Ii8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAuMTY0NzA2IDAgMCAwIDAgMC40MzUyOTQgMCAwIDAgMCAwLjgzOTIxNiAwIDAgMCAwLjMgMCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvd18xMzc4Xzg4MzYiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfMTM3OF84ODM2IiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPgo=");
  width: 46px;
  height: 62px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  bottom: 0;
  right: -30px;
}
.video-icon-play {
  position: absolute;
  top: 160px;
  left: 230px;
}

.downloadable {
  background-color: #F0FBFF;
  position: relative;
  padding-top: 7.5rem;
  padding-bottom: 8rem;
}
.downloadable-title {
  font-family: "Gilroy";
  font-weight: 400;
  font-size: 2rem;
  line-height: 3.75rem;
  color: #006ED9;
}
.downloadable-title b {
  font-weight: 700;
}
.downloadable-shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.downloadable-shape-2 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
  transform: translateY(-50%);
}
.downloadable-shape-3 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}

.subtitle {
  font-family: "Open Sans";
  font-weight: 400;
  font-size: 2.5rem;
  line-height: 2.5rem;
  color: #2C2C2C;
}
.subtitle span {
  font-family: "Open Sans";
  font-weight: 600;
  color: #006ED9;
}

.benefit {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.benefit-info {
  font-family: "Open Sans";
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.25rem;
}
.benefit-info b {
  color: #006ED9;
  font-weight: 600;
}
.benefit-info p {
  color: #6C6C6C;
  font-weight: 500;
}

.fieldset-title {
  font-family: "Open Sans";
  font-weight: 600;
  font-size: 24px;
  line-height: 107.8%;
  text-transform: uppercase;
  color: #006ED9;
}
.button-toogle {
  width: 13px;
  height: 13px;
  border: 0;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 10px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNyAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeT0iMC45MzcwMTIiIHdpZHRoPSIxNi4yMjA4IiBoZWlnaHQ9IjIuMjQ5NDciIGZpbGw9IiM2QzZDNkMiLz4KPHJlY3QgeT0iNi4zNDQyNCIgd2lkdGg9IjE2LjIyMDgiIGhlaWdodD0iMi4yNDk0NyIgZmlsbD0iIzZDNkM2QyIvPgo8cmVjdCB5PSIxMS43NTA1IiB3aWR0aD0iMTYuMjIwOCIgaGVpZ2h0PSIyLjI0OTQ3IiBmaWxsPSIjNkM2QzZDIi8+Cjwvc3ZnPgo=");
}
.active .button-toogle {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMi4xNzA5IiB5PSIwLjkzODcyMSIgd2lkdGg9IjE2LjIyMDgiIGhlaWdodD0iMi4yNDk0NyIgdHJhbnNmb3JtPSJyb3RhdGUoNDUgMi4xNzA5IDAuOTM4NzIxKSIgZmlsbD0iIzZDNkM2QyIvPgo8cmVjdCB4PSIxMy42NDA2IiB5PSIyLjUyOTU0IiB3aWR0aD0iMTYuMjIwOCIgaGVpZ2h0PSIyLjI0OTQ3IiB0cmFuc2Zvcm09InJvdGF0ZSgxMzUgMTMuNjQwNiAyLjUyOTU0KSIgZmlsbD0iIzZDNkM2QyIvPgo8L3N2Zz4K");
}
.sub-header-mobile {
  display: none;
}
.link--back {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
  color: #5B5B5B;
}
.content-wizzard {
  width: 100%;
}
.select2-container {
  width: 100% !important;
}
.page-hero-shape-1 {
  transform: translateX(300px);
}
.galeria-comment {
  transform: translateX(-125px);
}
.text-gray {
  color: #595959;
}
span.error {
  border-color: #D7372C;
  font-family: "Gilroy";
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 0.875rem;
  letter-spacing: -0.009px;
  color: #D7372C;
  margin-top: 0.25rem;
}
.steps-description .raw-html-embed p {
  font-size: 24px;
}
.success-item {
  display: flex;
  gap: 24px;
  align-items: flex-start;
}
.item-numer {
  position: relative;
}
.item-numer svg {
  position: relative;
  z-index: 1;
}
.item-numer span {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  min-width: 47px;
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 700;
  font-size: 32.634px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  color: #FFFFFF;
  z-index: 2;
}
.item-info {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  color: #2C2C2C;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 80px;
}
.item-info h5 {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 100%;
  color: #2C2C2C;
}
@media screen and (min-width: 992px) {
.signup-slider {
  position: sticky;
  top: 0;
  }
  #template-form .visual,
#template-message .visual {
    position: absolute;
    right: 0;
  }
}
.button {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 1;
  text-transform: uppercase;
  color: #FFFFFF;
  border-radius: 3.125rem;
  border: 0;
  padding: 1.25rem 1.875rem;
  transition: all 0.3s ease-in-out;
}
.button--primary {
  background-color: #FB3F00;
}
.button--primary:hover {
  text-decoration: none;
  cursor: pointer;
  color: #fff;
  background-color: #fa5822;
}
.button--secondary {
  background-color: #006ED9;
}
.button--secondary:hover {
  background-color: #3196f8;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
}
.button--play {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTA3IiBoZWlnaHQ9IjY5IiB2aWV3Qm94PSIwIDAgMTA3IDY5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBvcGFjaXR5PSIwLjEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzQuMTAzMiAxMS40MDE4TDE4LjA1NDggMTEuNDAyTDM2LjEwOTMgMzQuOTE4NEwxOC4wNTQ4IDU4LjQzNDdMMzQuMTAzMSA1OC40MzQ3TDUyLjE1NzcgMzQuOTE4MUwzNC4xMDMyIDExLjQwMThaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBvcGFjaXR5PSIwLjEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNODguMTIwOCAxMS40MDE4TDcyLjA3MjQgMTEuNDAyTDkwLjEyNjkgMzQuOTE4NEw3Mi4wNzI0IDU4LjQzNDdMODguMTIwNiA1OC40MzQ3TDEwNi4xNzUgMzQuOTE4MUw4OC4xMjA4IDExLjQwMThaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBvcGFjaXR5PSIwLjMiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNjEuOTQ3IDExLjQwMThMNDUuODk4NiAxMS40MDJMNjMuOTUzMSAzNC45MTg0TDQ1Ljg5ODYgNTguNDM0N0w2MS45NDY4IDU4LjQzNDdMODAuMDAxNSAzNC45MTgxTDYxLjk0NyAxMS40MDE4WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right -0.5rem center;
  padding-right: 4.25rem;
  padding-left: 2.25rem;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
  transform-origin: bottom;
}
.button--play:hover {
  animation-name: animatedBtnPlayBackground;
  animation-timing-function: ease-in-out;
}
.button--download {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjkiIGhlaWdodD0iNjIiIHZpZXdCb3g9IjAgMCA2OSA2MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC4xIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTU4LjA2NyAzLjQ3MDQxTDU4LjA2NjggLTEyLjU3OEwzNC41NTA0IDUuNDc2NTJMMTEuMDM0IC0xMi41NzhMMTEuMDM0IDMuNDcwMjRMMzQuNTUwNiAyMS41MjQ5TDU4LjA2NyAzLjQ3MDQxWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggb3BhY2l0eT0iMC4xIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTU4LjA2NyA1Ny40ODhMNTguMDY2OCA0MS40Mzk2TDM0LjU1MDQgNTkuNDk0MUwxMS4wMzQgNDEuNDM5NkwxMS4wMzQgNTcuNDg3OEwzNC41NTA2IDc1LjU0MjVMNTguMDY3IDU3LjQ4OFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIG9wYWNpdHk9IjAuMyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01OC4wNjcgMzEuMzE0Mkw1OC4wNjY4IDE1LjI2NThMMzQuNTUwNCAzMy4zMjAzTDExLjAzNCAxNS4yNjU4TDExLjAzNCAzMS4zMTRMMzQuNTUwNiA0OS4zNjg3TDU4LjA2NyAzMS4zMTQyWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top 0 right;
  padding-right: 4.25rem;
  padding-left: 2.25rem;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
  transform-origin: bottom;
}
.button--download:hover {
  animation-name: animatedBtnDownloadBackground;
  animation-timing-function: ease-in-out;
}
.button--save {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzciIGhlaWdodD0iMzciIHZpZXdCb3g9IjAgMCAzNyAzNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgb3BhY2l0eT0iMC4yIj4KPHBhdGggZD0iTTEyIDBIMjVWOUgxMlYwWiIgZmlsbD0iIzAwNkVEOSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTI4IDEyVjAuMjI0ODU0TDM3IDkuMjI0ODVWMzdIMFYwSDlWMTJIMjhaTTE4LjUgMjlDMjEuNTM3NSAyOSAyNCAyNi41Mzc1IDI0IDIzLjVDMjQgMjAuNDYyNSAyMS41Mzc1IDE4IDE4LjUgMThDMTUuNDYyNSAxOCAxMyAyMC40NjI1IDEzIDIzLjVDMTMgMjYuNTM3NSAxNS40NjI1IDI5IDE4LjUgMjlaIiBmaWxsPSIjMDA2RUQ5Ii8+CjwvZz4KPC9zdmc+Cg==");
  background-size: 25px;
  background-repeat: no-repeat;
  background-position: right 20px center;
  padding-right: 4.25rem;
  padding-left: 2.25rem;
}
.button--save:hover {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzciIGhlaWdodD0iMzciIHZpZXdCb3g9IjAgMCAzNyAzNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgb3BhY2l0eT0iMC4yIj4KPHBhdGggZD0iTTEyIDBIMjVWOUgxMlYwWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yOCAxMlYwLjIyNDg1NEwzNyA5LjIyNDg1VjM3SDBWMEg5VjEySDI4Wk0xOC41IDI5QzIxLjUzNzUgMjkgMjQgMjYuNTM3NSAyNCAyMy41QzI0IDIwLjQ2MjUgMjEuNTM3NSAxOCAxOC41IDE4QzE1LjQ2MjUgMTggMTMgMjAuNDYyNSAxMyAyMy41QzEzIDI2LjUzNzUgMTUuNDYyNSAyOSAxOC41IDI5WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8L3N2Zz4K");
}
.button--outline {
  background-color: transparent;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.button--outline span {
  line-height: 1;
}
.button--outline.button--secondary {
  border: solid 1px #006ED9;
  color: #006ED9;
  transition: background-color 0.3s ease-in-out;
}
.button--outline.button--secondary:hover {
  background-color: #006ED9;
  color: #fff;
}
.button--outline.button--primary {
  border: solid 1px #E44100;
  color: #E44100;
  transition: background-color 0.4s ease-in-out;
}
.button--outline.button--primary:hover {
  background-color: #E44100;
  color: #fff;
}
.button:focus {
  outline: none;
}

.header-landing {
  position: relative;
  background-color: #fff;
  padding: 1rem;
  z-index: 10;
}

.sesion,
.principal,
.secondary {
  display: flex;
  justify-content: flex-end;
}
.sesion ul,
.principal ul,
.secondary ul {
  display: flex;
  gap: 2.3125rem;
  align-items: center;
}
.sesion ul li a,
.principal ul li a,
.secondary ul li a {
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}
.sesion ul li a:hover,
.principal ul li a:hover,
.secondary ul li a:hover {
  text-decoration: none;
}

.principal a {
  color: #006EDC;
}
.principal a:hover {
  color: #E44100;
}

.secondary a {
  color: #E44100;
}
.secondary a:hover {
  color: #006EDC;
}

.navigations {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.sesion {
  display: none !important;
}
.sesion ul {
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem !important;
}
.sesion a {
  color: #595959;
  display: flex;
  gap: 0.25rem;
}

.hero {
  padding-top: 1.5rem;
  overflow: hidden;
}
.hero small {
  font-family: "Gilroy";
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0.05em;
  color: #2C2C2C;
}
.hero small b {
  font-family: "Gilroy";
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0.05em;
  color: #2C2C2C;
}
.hero p {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 400;
  font-size: 25.69px;
  line-height: 31px;
  color: #006EDC;
  transform: rotate(-0.15deg);
}
.hero p > span {
  color: #FB3F00;
}
.hero h1 {
  font-family: "Gilroy";
  font-size: 81.3173px;
  line-height: 79px;
  color: #2A6FD6;
}
.hero-figure {
  position: relative;
}
.hero-figure .bubble-thought {
  position: absolute;
  top: 0;
  transform: translate3D(50%, -25%, 0);
}
.hero-figure .hero-deco {
  position: absolute;
  top: 0;
  left: 100%;
  transform: translatex(-60%);
  height: 100%;
  width: auto;
}
.hero-figure .hero-picture {
  margin-right: 140px;
  overflow: hidden;
}

.cta small {
  font-family: "Gilroy";
  font-size: 1rem;
  line-height: 22px;
  letter-spacing: 0.05em;
  color: #2C2C2C;
}
.cta small b {
  font-family: "Gilroy";
  font-size: 1rem;
  line-height: 22px;
  letter-spacing: 0.05em;
  color: #2C2C2C;
  font-weight: 700;
}
.cta p {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 100%;
  color: #006EDC;
  transform: rotate(-0.15deg);
  margin-bottom: 0;
}
.cta p > span {
  color: #FB3F00;
}
.cta .button {
  font-size: 1rem;
}

.steps {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.steps-item {
  display: flex;
  align-items: center;
  gap: 2.25rem;
}
.steps-indicator {
  position: relative;
}
.steps-indicator b {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 700;
  font-size: 4.25rem;
  line-height: 1;
  color: #FFFFFF;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 2.75rem;
  transform: translateY(-50%);
}
.steps-indicator svg {
  position: relative;
  z-index: 1;
}
.steps-title b {
  font-family: "Gilroy";
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 2rem;
  color: #2C2C2C;
}
.steps-description {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
}
.steps-description b {
  font-family: "Gilroy";
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 2rem;
  color: #2C2C2C;
}
.steps-description p b {
  font-size: 1.5rem;
}

.page {
  padding-top: 5rem;
  padding-bottom: 5rem;
  position: relative;
}
.page .text {
  font-family: "Open Sans";
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
  color: #2C2C2C;
}
.page-hero {
  min-height: 524px;
  position: relative;
  overflow: hidden;
}
.page-hero-deco-joke {
  position: absolute;
  right: -40px;
  bottom: 10px;
}
.page-comment {
  position: absolute;
  bottom: 0;
  left: 0;
}

.title {
  font-family: "Gilroy";
  font-weight: 400;
  font-size: 3.5rem;
  line-height: 3.75rem;
  margin-bottom: 2rem;
  color: #2A6FD6;
}
.title--ml {
  font-size: 2.25rem;
  line-height: 100%;
}
.title b {
  font-family: "Gilroy";
  font-weight: 900;
  color: #FB3F00;
}

.card-base {
  border-radius: 1.25rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background: #FFFFFF;
  border: 6px solid #FB3F00;
  padding: 1.75rem 2.1875rem;
  height: 100%;
}
.card-base p {
  margin-bottom: 2rem;
  font-size: 1.25rem;
}
.card-title {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1;
  text-transform: uppercase;
  color: #2C2C2C;
  display: flex;
  flex-direction: column;
  margin-bottom: 1.25rem;
}
.card-title span {
  color: #E44100;
}
.card-time {
  margin-bottom: 2.125rem;
  display: flex;
  align-items: flex-end;
  gap: 1rem;
}
.card-time b {
  font-family: "Gilroy";
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 0.875rem;
  color: #2C2C2C;
  display: block;
}
.card-button {
  font-family: "Open Sans";
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.25rem;
  text-transform: uppercase;
  border-radius: 3.125rem;
  color: #FFFFFF;
  padding: 0.75rem 1.5rem;
  background: #2A6FD6;
  box-shadow: 0px 0px 24px rgba(42, 111, 214, 0.25);
  display: block;
}
.card-button:hover {
  text-decoration: none;
  color: #fff;
}
.card-button.addeventatc {
  font-family: "Open Sans";
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.25rem;
  text-transform: uppercase;
  border-radius: 3.125rem;
  color: #FFFFFF !important;
  padding: 0.75rem 1.5rem !important;
  background: #2A6FD6;
  box-shadow: 0px 0px 24px rgba(42, 111, 214, 0.25) !important;
  display: block;
  background: #2A6FD6 !important;
  background-image: none !important;
}
.card-button.addeventatc:hover {
  text-decoration: none;
  color: #fff;
}
.card-button.addeventatc svg {
  display: none !important;
}
.card-button.addeventatc .addeventatc_icon.atc_node.notranslate {
  display: none !important;
}

.masonry {
  padding: 1rem;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 18.75rem), 1fr));
  grid-template-rows: 255px 255px 255px;
  grid-gap: 1rem;
}
.masonry a {
  display: block;
}
.masonry-a {
  grid-row: 1/3;
}
.masonry-b {
  grid-column: 3/5;
}
.masonry-c {
  grid-row: 2/4;
}
.masonry-d {
  grid-column: 3/5;
}
.masonry img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 3.125rem;
}

.c-evidencias .c-evidencias__grid .grid-item {
  display: flex;
  margin-bottom: 30px;
  width: 22.9%;
  border-radius: 2.5rem;
  overflow: hidden;
}
@media (max-width: 992px) {
  .c-evidencias .c-evidencias__grid .grid-item {
    width: 49%;
  }
}
.c-evidencias .c-evidencias__grid .grid-item:nth-of-type(3n+1) {
  height: 400px;
}
.c-evidencias .c-evidencias__grid .grid-item:nth-of-type(4n) {
  height: 400px;
}
.c-evidencias .c-evidencias__grid .grid-item .info {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 40px;
}
.c-evidencias .c-evidencias__grid .grid-item .info h3 {
  text-align: left;
  font-weight: 800;
  font-size: 24px;
  line-height: 33px;
  text-transform: uppercase;
  color: #FFFFFF;
  margin-bottom: 11px;
}
.c-evidencias .c-evidencias__grid .grid-item .info p {
  font-weight: 400;
  font-size: 18px;
  line-height: 23px;
  text-align: left;
  color: #FFFFFF;
}
.c-evidencias .c-evidencias__grid .grid-item .info a {
  display: inline-flex;
  background: #F8A931;
  box-shadow: 0px 0px 24px rgba(228, 65, 0, 0.25);
  width: 327px;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  margin-right: 22px;
  color: #FFFFFF;
  transition: all 250ms;
  height: 60px;
}
.c-evidencias .c-evidencias__grid .grid-item .info a:hover {
  background: #f39608;
}
@media (max-width: 992px) {
  .c-evidencias .c-evidencias__grid .grid-item .info a {
    margin-bottom: 20px;
    width: 100%;
  }
}
.c-evidencias .c-evidencias__grid .grid-item a {
  display: flex;
  width: 100%;
  height: 100%;
}
.c-evidencias .c-evidencias__grid .grid-item img {
  object-fit: cover;
  width: 100%;
}
.c-evidencias .c-evidencias__grid .grid-item.xl {
  width: 48.6%;
}
@media (max-width: 992px) {
  .c-evidencias .c-evidencias__grid .grid-item.xl {
    width: 100%;
  }
}
@media (max-width: 992px) {
  .c-evidencias .c-evidencias__grid .grid-item.lar {
    width: 100%;
  }
}
.gutter-sizer {
  width: 2.7%;
}
@media (max-width: 992px) {
  .gutter-sizer {
    width: 2%;
  }
}
.breadcrumbs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.breadcrumbs::before {
  content: "(";
  color: #006ED9;
}
.breadcrumbs::after {
  content: ")";
  color: #006ED9;
}
.breadcrumbs li a {
  color: #006ED9;
  font-family: "Gilroy";
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.375rem;
}
.breadcrumbs li a:not([href]):not([class]), .breadcrumbs li a:not([href]):not([class]):hover {
  color: #006ED9;
}
.breadcrumbs li::after {
  content: "/";
  color: #006ED9;
  margin-left: 2px;
  margin-right: 2px;
}
.breadcrumbs li:last-child a {
  pointer-events: none;
}
.breadcrumbs li:last-child::after {
  display: none;
}

.table .link {
  color: #6BA4D9;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  line-height: 1;
  display: flex;
  margin-bottom: 1rem;
}
.table .link:last-child {
  margin-bottom: 0;
}
.table .link--edit {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMyAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iNy43NzczNCIgeT0iMS45MDMzMiIgd2lkdGg9IjQiIGhlaWdodD0iOSIgdHJhbnNmb3JtPSJyb3RhdGUoNDUgNy43NzczNCAxLjkwMzMyKSIgZmlsbD0iIzZCQTREOSIvPgo8cmVjdCB4PSI5LjE5MTQxIiB5PSIwLjQ4OTI1OCIgd2lkdGg9IjQiIGhlaWdodD0iMiIgdHJhbnNmb3JtPSJyb3RhdGUoNDUgOS4xOTE0MSAwLjQ4OTI1OCkiIGZpbGw9IiNCMkQ0RjQiLz4KPHBhdGggZD0iTTEuNDE0MDYgMTEuMDk2VjguMjY3NThMNC4yNDI0OSAxMS4wOTZIMS40MTQwNloiIGZpbGw9IiM2QkE0RDkiLz4KPC9zdmc+Cg==");
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 1.125rem;
}
.table .link--plus {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuMzE1NzkgMC4xNDg0MzhWNi42NTIzOEgwVjkuMDkxMzZINi4zMTU3OVYxNS41OTUzSDguNjg0MjFWOS4wOTEzNkgxNVY2LjY1MjM4SDguNjg0MjFWMC4xNDg0MzhINi4zMTU3OVoiIGZpbGw9IiM2QkE0RDkiLz4KPC9zdmc+Cg==");
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 1.5rem;
}
.table .link--check {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMyAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgN0w1IDEwTDEyIDEiIHN0cm9rZT0iIzAxODExNSIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=");
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 1.5rem;
  color: #018115;
}
.table .link--save {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMyAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMSIgeT0iMSIgd2lkdGg9IjExIiBoZWlnaHQ9IjExIiBzdHJva2U9IiM3RjkzOUIiIHN0cm9rZS13aWR0aD0iMiIvPgo8cmVjdCB4PSI1IiB5PSIxIiB3aWR0aD0iMyIgaGVpZ2h0PSIyIiBzdHJva2U9IiM3RjkzOUIiIHN0cm9rZS13aWR0aD0iMiIvPgo8cmVjdCB4PSI0IiB5PSI4IiB3aWR0aD0iNSIgaGVpZ2h0PSI0IiBzdHJva2U9IiM3RjkzOUIiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 1.5rem;
  color: #7F939B;
}
.table .link:hover {
  opacity: 0.8;
}
.table--custom thead tr th {
  border-bottom: solid 6px #F5F3F4;
  font-family: "Open Sans";
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #6A6A6A;
  opacity: 0.8;
  padding: 0.75rem;
}
.table--custom tbody tr {
  background-color: #F5F3F4;
}
.table--custom tbody tr td {
  padding: 1.375rem 0.75rem;
  font-family: "Open Sans";
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #000000;
}
.table--custom.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: #fff;
}

.sidebar {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.sidebar > span {
  color: #909090;
  font-size: 0.75rem;
  padding: 0.75rem 0.9375rem;
}
.sidebar-title {
  background-color: #ECECEC;
  font-family: "Open Sans";
  font-weight: 600;
  font-size: 1rem;
  line-height: 0.875rem;
  color: #2F548E;
  padding: 0.6875rem 3.3125rem 0.6875rem 0.9375rem;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMCAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjA0OTMyNCA1LjM5Mzk5QzAuMjQ3NDU5IDYuNzIwOTQgMS4wMjgyOSA3Ljg3MDggMi4xMzkyNCA4LjYwNDgzTDUgMTNMNy44NjA3NiA4LjYwNDgzQzguOTcxNzEgNy44NzA4IDkuNzUyNTQgNi43MjA5NCA5Ljk1MDY4IDUuMzkzOTlMMTAgNS4zMTgxOEg5Ljk2MTMyQzkuOTg2ODQgNS4xMjQ2MSAxMCA0LjkyNzQgMTAgNC43MjcyN0MxMCAyLjExNjQ3IDcuNzYxNDIgMCA1IDBDMi4yMzg1OCAwIDAgMi4xMTY0NyAwIDQuNzI3MjdDMCA0LjkyNzQgMC4wMTMxNjA3IDUuMTI0NjEgMC4wMzg2ODEgNS4zMTgxOEgwTDAuMDQ5MzI0IDUuMzkzOTlaTTcuNDIxMjMgNS4zMTgxOEM3LjQ3MjY1IDUuMTI5MyA3LjUgNC45MzEzIDcuNSA0LjcyNzI3QzcuNSAzLjQyMTg2IDYuMzgwNzMgMi4zNjM2NCA1IDIuMzYzNjRDMy42MTkyNyAyLjM2MzY0IDIuNSAzLjQyMTg2IDIuNSA0LjcyNzI3QzIuNSA0LjkzMTMgMi41MjczNSA1LjEyOTMgMi41Nzg3NyA1LjMxODE4QzIuODU2MjkgNi4zMzc2MyAzLjgzNTA3IDcuMDkwOTEgNSA3LjA5MDkxQzYuMTIxODMgNy4wOTA5MSA3LjA3MTA4IDYuMzkyMzQgNy4zODc2MiA1LjQzMDE3QzcuMzk5NzkgNS4zOTMyNCA3LjQxMDk2IDUuMzU1ODcgNy40MjEyMyA1LjMxODE4WiIgZmlsbD0iIzU5NTk1OSIvPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-position: right 28px center;
  width: 100%;
}
.sidebar .link {
  background-color: transparent;
  border: 0;
  padding: 0.6875rem 3.3125rem 0.6875rem 0.9375rem;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 0.875rem;
  color: #595959;
  width: 100%;
  text-align: left;
}
.sidebar .link--start {
  background-repeat: no-repeat;
  background-position: right 28px center;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMiAwSDQuOFY2LjAwMDAySDcuMlYwWiIgZmlsbD0iIzU5NTk1OSIvPgo8cGF0aCBkPSJNNiAxMC4yQzguMzE5NTggMTAuMiAxMC4yIDguMzE5NiAxMC4yIDUuOTk5OThDMTAuMiA0LjU3Mjc0IDkuNDg4MDkgMy4zMTE3NyA4LjQgMi41NTI3OVYwLjQ5OTIyQzEwLjUxOTEgMS40MjUwOCAxMiAzLjUzOTU5IDEyIDUuOTk5OThDMTIgOS4zMTM2OSA5LjMxMzcgMTIgNiAxMkMyLjY4NjMgMTIgMCA5LjMxMzY5IDAgNS45OTk5OEMwIDMuNTM5NTkgMS40ODA5MiAxLjQyNTA4IDMuNiAwLjQ5OTIyVjIuNTUyNzlDMi41MTE5MSAzLjMxMTc3IDEuOCA0LjU3Mjc0IDEuOCA1Ljk5OTk4QzEuOCA4LjMxOTYgMy42ODA0MiAxMC4yIDYgMTAuMloiIGZpbGw9IiM1OTU5NTkiLz4KPC9zdmc+Cg==");
}
.sidebar .link--plus {
  background-repeat: no-repeat;
  background-position: right 28px center;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuMDUyNjMgMFY1LjA1MjYzSDBWNi45NDczN0g1LjA1MjYzVjEySDYuOTQ3MzdWNi45NDczN0gxMlY1LjA1MjYzSDYuOTQ3MzdWMEg1LjA1MjYzWiIgZmlsbD0iIzU5NTk1OSIvPgo8L3N2Zz4K");
}
.sidebar .link:hover {
  opacity: 0.8;
}

.frame {
  background-color: #32BEF0;
  border-radius: 3.125rem 0 0 0;
  overflow: hidden;
}
.frame-picture {
  width: 100%;
  height: auto;
}

.figure-deco-3 {
  transform: translate3d(50%, 25%, 0);
}
.figure-deco-4 {
  min-width: 740px;
  width: 100%;
  height: auto;
  transform: translate3d(0, -15%, 0);
}
.figure-deco-5 {
  min-width: 702px;
  width: 100%;
  height: auto;
}
.figure-faq {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  transform: translate3d(0, 20%, 0);
}
.figure-comments {
  display: block;
}

.accordion-custom .accordion-item {
  border: 0;
}
.accordion-custom .accordion-button {
  font-family: "Open Sans";
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  color: #2C2C2C;
}
.accordion-custom .accordion-button:not(.collapsed) {
  box-shadow: inherit;
  background-color: transparent;
}
.accordion-custom .accordion-button:not(.collapsed)::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iNSIgdmlld0JveD0iMCAwIDE1IDUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01LjMxNTc5IDAuNTAzOTA2SDBWNC45NDI4OEg1LjMxNTc5SDkuNjg0MjFIMTVWMC41MDM5MDZIOS42ODQyMUg1LjMxNTc5WiIgZmlsbD0iI0ZCM0YwMCIvPgo8L3N2Zz4K");
}
.accordion-custom .accordion-button::before {
  content: "";
  min-width: 15px;
  width: 15px;
  height: 15px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 1rem;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuMzE1NzkgMFY1LjUwMzk0SDBWOS45NDI5Mkg1LjMxNTc5VjE1LjQ0NjlIOS42ODQyMVY5Ljk0MjkySDE1VjUuNTAzOTRIOS42ODQyMVYwSDUuMzE1NzlaIiBmaWxsPSIjRkIzRjAwIi8+Cjwvc3ZnPgo=");
}
.accordion-custom .accordion-button::after {
  display: none;
}
.accordion-custom .accordion-button:focus {
  outline: none;
  box-shadow: inherit;
}

.wizzard-buttons {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.wizzard-buttons .wizzard-button {
  width: 24px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Gilroy";
  font-weight: 700;
  font-size: 0.875rem;
  color: #FFFFFF;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyNCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMDAyOTI5NjkgMEwxNi44MDc5IDEuNDI0NzRlLTA2QzIwLjc3NzIgMS43NjEyN2UtMDYgMjQgNC40NDk1MiAyNCA5LjkyOThDMjQgMTUuNDEwMSAyMC43NzcyIDE5Ljg1OTYgMTYuODA3OSAxOS44NTk2TDcuMTk4NzIgMTkuODU5NkMzLjIyOTM5IDE5Ljg1OTYgMC4wMDY2Mjc3NCAxNS40MTAxIDAuMDA2NjI4MjMgOS45Mjk4TDAuMDA2NjI5MTMgMy4xMzY0M2UtMTBMMC4wMDI5Mjk2OSAwWiIgZmlsbD0iIzAwNkVEQyIvPgo8L3N2Zz4K");
}
.wizzard-buttons .wizzard-button.active {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyNCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMEwxNi44MDUgMS40MjQ3NGUtMDZDMjAuNzc0MyAxLjc2MTI3ZS0wNiAyMy45OTcgNC40NDk1MiAyMy45OTcgOS45Mjk4QzIzLjk5NyAxNS40MTAxIDIwLjc3NDMgMTkuODU5NiAxNi44MDUgMTkuODU5Nkw3LjE5NTc5IDE5Ljg1OTZDMy4yMjY0NiAxOS44NTk2IDAuMDAzNjk4MDUgMTUuNDEwMSAwLjAwMzY5ODU1IDkuOTI5OEwwLjAwMzY5OTQ0IDMuMTM2NDNlLTEwTDAgMFoiIGZpbGw9IiNGQjNGMDAiLz4KPC9zdmc+Cg==");
}
.wizzard-buttons .wizzard-button:hover {
  text-decoration: none;
}
.wizzard-steps .wizzard-step {
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
}
.wizzard-steps .wizzard-step[data-state=active] {
  display: flex !important;
  align-items: stretch !important;
  gap: 2rem;
}
.wizzard-steps .wizzard-step p {
  font-size: 1.5rem;
}

.input {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.input small {
  font-family: "Gilroy";
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 0.875rem;
  letter-spacing: -0.009px;
  color: #2C2C2C;
  margin-top: 0.25rem;
}

.material-field {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.material-field .label {
  pointer-events: none;
  position: absolute;
  z-index: 3;
  left: 0;
  top: 0;
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 22px;
  letter-spacing: -0.009px;
  color: #2C2C2C;
  transition: 0.2s ease all;
  background-color: transparent;
  width: 100%;
}
.material-field textarea,
.material-field input {
  border: 0;
  border-bottom: 1px solid #2C2C2C;
  width: 100%;
  height: 42px;
  position: relative;
  z-index: 2;
  -webkit-appearance: none !important;
  -webkit-border-radius: 0 !important;
  border-radius: 0;
}
.material-field textarea:focus,
.material-field input:focus {
  outline: none;
}
.material-field textarea:focus ~ .label,
.material-field input:focus ~ .label {
  top: -12px;
  font-size: 13px;
}
.material-field textarea:not(:placeholder-shown) ~ .label,
.material-field input:not(:placeholder-shown) ~ .label {
  top: -12px;
  font-size: 13px;
}
.material-field textarea.error,
.material-field input.error {
  border-color: #D7372C;
  color: #D7372C;
}
.material-field textarea[disabled] ~ .label,
.material-field input[disabled] ~ .label {
  background-color: transparent;
}
.material-field textarea {
  height: inherit;
  border: 0;
  border-bottom: 1px solid #2C2C2C;
  padding-top: 0.5rem;
  resize: none;
  overflow: hidden;
}
.material-field textarea ~ .label {
  top: 10px;
}
label.error {
  border-color: #D7372C;
  font-family: "Gilroy";
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 0.875rem;
  letter-spacing: -0.009px;
  color: #D7372C;
  margin-top: 0.25rem;
}
.input-select label.error{
  order: 10;
}
.input-select .select2-container--default .select2-selection--single {
  height: 42px;
  border: 0;
  border-bottom: 1px solid #2C2C2C;
  border-radius: 0;
}
.input-select .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  padding-left: 0;
  letter-spacing: -0.009px;
  color: #2C2C2C;
}
.input-upload {
  margin-bottom: 0 !important;
}
.input-upload > span {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  padding-left: 0;
  letter-spacing: -0.009px;
  color: #2C2C2C;
  margin-bottom: 1rem;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
}
.dropzone {
  border: 1px solid #2C2C2C;
  filter: inherit;
}
.dropzone .dz-image-preview .dz-preview .dz-resuls-status {
  flex-direction: row;
  gap: 0.25rem;
}
.dropzone .dz-image-preview .dz-preview .dz-details .dz-img {
  border: solid 1px #ccc;
}
.dropzone .dz-image-preview.dz-error .dz-preview .dz-resuls-status .dz-error-mark {
  padding: 0;
}
.radio {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: 8px;
  position: relative;
}
.radio input {
  width: 20px;
  height: 20px;
  position: relative;
  appearance: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.radio input:after {
  width: 20px;
  height: 20px;
  position: absolute;
  background-color: transparent;
  content: '';
  border-radius: 100%;
  border: 1px solid #2C2C2C;
}
.radio input:before {
  width: 10px;
  height: 10px;
  position: absolute;
  background-color: transparent;
  content: '';
  border-radius: 100%;
}
.radio input[type=radio]:checked::before {
  background-color: #006ED9;
}
.radio label.error {
  position: absolute;
  bottom: -50px;
}
.count-title {
  margin: 0;
}
.count-title p {
  margin-bottom: 0;
}
.count-wrapper {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.count-wrapper label {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 59px;
  text-align: right;
  color: #595959;
  flex-basis: 25%;
}
.count-wrapper .count-items {
  display: flex;
  align-items: center;
  gap: 2.5rem;
  padding: 20px;
  border: solid 1px transparent;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.count-wrapper .count-items input {
  width: 28px;
  height: 28px;
  border: none;
  padding: 0;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 100%;
  vertical-align: middle;
  text-transform: uppercase;
  color: #9E9E9E;
  text-align: center;
}
.count-wrapper .count-items input:focus {
  outline: none;
}
.count-wrapper .count-items .count-action {
  color: #9E9E9E;
}
.count-wrapper .count-items:hover {
  border: solid 1px #006ED9;
}
.count-wrapper .count-items:hover a {
  color: #006ED9;
}
.count-wrapper .count-items:hover input {
  color: #006ED9;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
.input-checkbox {
  display: flex;
  gap: 12px;
  font-size: 12px;
  font-family: "Gilroy";
  align-items: center;
  position: relative;
}
.input-checkbox input {
  display: flex;
  align-items: center;
  justify-content: center;
  appearance: none;
  width: 20px;
  height: 20px;
}
.input-checkbox input:before {
  content: '';
  position: absolute;
  width: inherit;
  height: inherit;
  border: 1px solid #2c2c2c;
}
.input-checkbox input[type=checkbox]:checked::before {
  background-image: url('../images/icon-blue-check.svg');
  background-position: center;
  background-repeat: no-repeat;
}
.input-checkbox label.error {
  position: absolute;
  top: 20px;
}
.page-contact::before {
  content: "";
  width: 174px;
  height: 108px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzkiIGhlaWdodD0iMTA5IiB2aWV3Qm94PSIwIDAgNzkgMTA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNzkgNTMuNzQ4NkM3OSA4My43ODkgNTQuNjMxNSAxMDguMTU3IDI0LjU5MTIgMTA4LjE1N0wtOTUgMTA4LjE1N0MtNjUuMzE5OCAxMDguMTU3IC00MS4yODE3IDg0LjA4OSAtNDEuMjUxNyA1NC40MDg4VjUzLjc0ODZDLTQxLjI1MTcgMjQuMDY4NCAtNjUuMzE5OCAwIC05NSAwTDI1LjI4MTQgMEM1NC45NjE2IDAgNzkgMjQuMDY4NCA3OSA1My43NDg2WiIgZmlsbD0iIzVEMEVBRCIvPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: block;
  position: absolute;
  left: 0;
  transform: translateX(-90px);
}
@media (max-width: 1200px) {
  .hero h1 {
    font-size: 4.5rem;
    line-height: 100%;
    width: 100%;
  }
  .hero h1 img {
    max-width: 100%;
  }

  .hero-figure .hero-deco {
    width: auto;
    height: 100%;
    transform: translatex(-25px);
  }
  .hero-figure .hero-picture {
    margin-right: 0;
    width: 100%;
    height: auto;
  }
  .hero-figure .hero-picture img {
    max-width: 100%;
    height: auto;
  }

  .principal ul, .secondary ul {
    gap: 1rem;
  }

  .masonry-a,
.masonry-b,
.masonry-c,
.masonry-d,
.masonry a:not([class]) {
    grid-column: inherit;
  }

  .page-hero-deco-joke {
    max-height: 320px;
  }

  .figure-deco-1 {
    max-width: 130px;
  }

  .downloadable-shape-1 {
    max-height: 230px;
  }
}
@media (max-width: 992px) {
  .sub-header-mobile {
    display: flex;
    border-bottom: solid 1px #5EBCEC;
    padding-bottom: 16px;
    margin-bottom: 16px;
  }
  .header {
    display: none !important;
  }

  .header-landing {
    padding-left: 0;
    padding-right: 0;
  }
  .header-landing .container {
    max-width: inherit !important;
  }
  .header-landing.active {
    height: 100vh;
    background-image: url("../images/figure-menu.svg");
    background-position: right bottom;
    background-repeat: no-repeat;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
  }
  .header-landing.active .navigations {
    display: flex;
    overflow-y: auto;
  }
  .navigations {
    display: none;
    margin-top: 3.75rem;
  }
  .navigations .sesion,
  .navigations .secondary,
.navigations .principal {
    justify-content: flex-start;
  }
  .navigations .sesion ul,
  .navigations .secondary ul,
.navigations .principal ul {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.75rem;
  }
  .navigations .sesion ul li a,
  .navigations .secondary ul li a,
.navigations .principal ul li a {
    color: #006EDC;
    font-size: 0.875rem;
  }
  .navigations .sesion {
    display: flex;
    margin-bottom: 2.5rem;
  }
  .navigations .sesion ul li a {
    color: #595959;
  }
  .navigations .sesion ul li a.perfil {
    color: #006EDC;
  }
  .hero h1 {
    font-size: 3.5rem;
    line-height: 100%;
    width: 100%;
  }
  .hero h1 img {
    max-width: 100%;
  }

  .hero-figure .hero-deco {
    width: auto;
    height: 100%;
    transform: translatex(-50px);
  }
  .hero-figure .hero-picture {
    margin-right: 0;
    width: 100%;
    height: auto;
  }
  .hero-figure .hero-picture img {
    max-width: 100%;
    height: auto;
  }

  .explanation {
    overflow: hidden;
  }

  .masonry-a,
.masonry-b,
.masonry-c,
.masonry-d,
.masonry a:not([class]) {
    grid-column: inherit;
    grid-row: inherit;
  }

  .page-hero-deco-joke {
    bottom: 0;
    max-height: 330px;
  }

  .downloadable {
    overflow: hidden;
  }

  .downloadable-shape-1 {
    top: -130px;
    left: -50px;
  }

  .figure-faq {
    max-height: 600px;
    right: -60px;
    display: none;
  }
  .grid-companies {
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 6rem), 1fr));
  }

  .raw-html-embed small {
    font-size: 18px;
  }
  .home_explicacion .raw-html-embed p, .home_explicacion .raw-html-embed b {
    font-size: 20px;
  }
  .videos {
    overflow-x: clip;
  }
  .matcom_cabecera .raw-html-embed .title {
    min-height: 234px;
    background-image: url("../images/material-complementario-mobile.png");
    background-repeat: no-repeat;
    padding-right: 35%;
    background-position: right center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 16px;
  }
  .matcom_cabecera .raw-html-embed .text {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (max-width: 820px) {

  .explanation {
    overflow: inherit;
  }

  .hero h1 {
    font-size: 2.5rem;
    line-height: 100%;
    width: 100%;
  }
  .hero h1 img {
    max-width: 100%;
  }

  .hero-figure .bubble-thought {
    width: 50px;
    height: auto;
  }
  .hero-figure .hero-deco {
    width: auto;
    height: 100%;
    transform: translatex(-16px);
  }
  .hero-figure .hero-picture {
    margin-right: 0;
    width: 100%;
    height: auto;
  }
  .hero-figure .hero-picture img {
    max-width: 100%;
    height: auto;
  }

  .hero .button,
.hero small + p,
.hero small {
    display: none;
  }

  .figure-comments {
    max-height: 200px;
    width: auto;
  }

  .howitworks-deco-1 {
    position: absolute;
    top: -180px;
    left: 0;
    max-width: 100px;
  }
  .howitworks-deco-1 path[fill="#5D0EAD"] {
    display: none;
  }

  .howitworks-deco-2 {
    display: block;
    width: auto;
    max-height: 100px;
    right: -20px;
  }

  .signup {
    min-height: inherit;
  }

  .signup-deco-1 {
    max-width: 100px;
  }

  .signup-deco-2 {
    max-width: 100px;
  }

  .signup-deco-3 {
    max-width: 100px;
  }

  .card-base {
    padding: 1.5rem;
  }

  .video-thumb {
    align-items: center !important;
    text-align: center;
  }

  .video-icon-play {
    display: none;
  }

  .page-hero-deco-joke {
    bottom: 0;
    max-height: 280px;
  }

  .downloadable-shape-2 {
    display: none;
  }

  .steps-description p b {
    font-size: 1rem;
    line-height: 100%;
  }

  .figure-faq {
    max-height: 400px;
    right: -130px;
  }
  .select2-container {
    width: 100% !important;
  }
  .title {
    font-size: 1.875rem;
    line-height: 100%;
  }
  .page .text {
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
  .page {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .video-figure::after {
    display: block;
  }
  .visual-mobile img {
    transform: translateX(15px);
  }
  .grid-companies {
    margin-bottom: 4rem;
  }
  .page-hero {
    min-height: inherit;
  }
  .material-field .label {
    font-size: 14px;
    line-height: 14px;
    top: 12px;
  }
  .input-select .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 14px;
    line-height: 14px;
    transform: translateY(14px);
  }
  .input-upload > span {
    font-size: 14px;
    line-height: 100%;
  }
  .dropzone .dz-message button {
    font-size: 14px;
  }
  .wizzard-steps .wizzard-step p {
    font-size: 0.875rem;
  }
  .button {
    font-size: 1rem;
    padding: 1.25rem 1.5rem;
    white-space: nowrap;
  }
  .button--save {
    padding-right: 3.75rem;
  }
  .button--play {
    padding-right: 3.75rem;
  }
  .signup h4 {
    font-size: 2.5rem;
  }
  .success-item {
    gap: 1rem;
  }
  .item-info {
    font-size: 1rem;
    margin-bottom: 40px;
  }
  .item-info h5 {
    font-size: 24px;
  }
  .item-info p:last-child {
    margin-bottom: 0;
  }
  .footer {
    margin-top: 80px;
  }
}
@media (max-width: 576px) {

  .hero h1 {
    font-size: 1.75rem;
    line-height: 100%;
    width: 100%;
  }
  .hero h1 img {
    max-width: 100%;
  }

  .hero-figure .bubble-thought {
    width: 50px;
    height: auto;
  }
  .hero-figure .hero-deco {
    width: auto;
    height: 100%;
    transform: translatex(-16px);
  }
  .hero-figure .hero-picture {
    margin-right: 0;
    width: 100%;
    height: auto;
  }
  .hero-figure .hero-picture img {
    max-width: 100%;
    height: auto;
  }

  .hero .button,
.hero small + p,
.hero small {
    display: none;
  }

  .explanation {
    position: relative;
    padding-top: 140px;
  }

  .explanation-text {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .figure-comments {
    max-width: 180px;
    height: auto;
    position: absolute;
    top: -20px;
    right: 20px;
  }

  .howitworks h2 {
    font-size: 30px;
    line-height: 100%;
  }

  .howitworks p {
    font-size: 1.125rem;
    line-height: 1.25rem;
  }

  .howitworks-deco-1 {
    position: absolute;
    top: -180px;
    left: 0;
    max-width: 60px;
  }
  .howitworks-deco-1 path[fill="#5D0EAD"] {
    display: none;
  }

  .howitworks-deco-2 {
    display: block;
    width: auto;
    max-height: 80px;
    right: -20px;
  }

  .howparticipate h3 {
    font-size: 2.5rem;
    line-height: 100%;
    margin-bottom: 2.25rem;
  }

  .howparticipate p {
    font-size: 1.125rem;
    line-height: 1.25rem;
  }

  .repeater-buttons {
    display: flex;
    flex-direction: column;
    align-items: flex-end !important;
    margin-bottom: 2.5rem;
  }
  .button {
    font-size: 1.25rem;
  }

  .steps {
    gap: 1rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .steps-item {
    gap: 1.5rem;
  }

  .steps-indicator svg {
    display: block;
    max-height: 3.4375rem;
    width: auto;
  }

  .steps-indicator b {
    font-size: 2.5rem;
    left: 1.5rem;
    top: 55%;
  }

  .steps-title b {
    font-size: 1.125rem;
    line-height: 1.25rem;
  }
  .steps-title b br {
    display: none;
  }

  .signup h4 {
    font-size: 2.5rem;
    line-height: 100%;
  }

  .signup {
    min-height: inherit;
  }

  .companies h5 {
    font-size: 2.5rem;
    height: 100%;
  }

  .companies h5 b {
    font-size: 2.5rem;
    height: 100%;
  }

  .companies-comment {
    display: none;
  }

  .video-play-deco {
    transform: translate3D(40px, -25%, 0);
    left: inherit;
  }

  .videos {
    padding-top: 2rem;
  }
  .video-thumb {
    margin-top: 5rem;
  }
  .video-thumb span {
    font-size: 1.25rem;
    line-height: 130%;
  }

  .page-hero-deco-joke {
    display: none;
  }

  .figure-deco-4 {
    min-width: inherit;
  }

  .figure-faq {
    display: none;
  }
  .dropzone .dz-message button,
  .input-upload > span,
  .input-select .select2-container--default .select2-selection--single .select2-selection__rendered,
.material-field .label {
    font-size: 16px;
  }
  .subtitle {
    font-size: 1.875rem;
    line-height: 100%;
  }
  .benefit-info {
    font-size: 1.25rem;
    line-height: 120%;
  }
  .table.table-striped.table--custom thead {
    display: none;
  }
  .table.table-striped.table--custom tbody tr {
    display: flex;
    flex-direction: column;
    border: solid 1px #F5F3F4;
  }
  .table.table-striped.table--custom tbody tr td {
    padding: 0.75rem;
    border: 0;
    font-size: 1rem;
  }
  .table > :not(caption) > * > * {
    border-bottom-width: inherit;
  }
  .page-contact::before {
    display: none;
  }
  .actions .button {
    width: 100%;
  }
  .companies.empresas_participantes_home_activo {
    background-color: #F0FBFF;
    margin-top: 2.5rem;
    padding-top: 2.5rem;
    padding-bottom: 5rem;
  }
  .companies.empresas_participantes_home_activo h5 {
    font-size: 30px;
    line-height: 100%;
  }
  .companies.empresas_participantes_home_activo .col-6.col-md-2 img {
    max-width: 60%;
  }
  .downloadable-shape-1 {
    display: none;
  }
  .matcom_cabecera .raw-html-embed .title.mt-5.pt-5 {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  .trainings h2 {
    font-size: 30px;
    line-height: 120%;
  }
  .table.table-striped.table--custom {
    margin-bottom: 3rem;
  }
  .steps-item {
    align-items: flex-start;
  }
  .steps-description b.pt-4 {
    padding-top: 0 !important;
  }
  .steps-description .raw-html-embed p {
    font-size: 16px;
  }
  .accordion-custom .accordion-button::before {
    width: 22px;
    min-width: 22px;
    height: 22px;
  }
  .downloadable {
    padding-bottom: 4rem;
  }
}
@media (min-width: 992px) {
*[data-animate=true] .hero-figure .bubble-thought {
    opacity: 0;
    animation: slide-top-thought 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
*[data-animate=true] .hero-figure .hero-deco-semicircle-points {
  transform-origin: 117px 508px;
  animation: rotate-animation 4s infinite linear;
  }
  *[data-animate=true] .figure-comment-cian {
    transform-origin: center center;
    opacity: 0;
    animation: slide-left-comment 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s both;
  }
  *[data-animate=true] .figure-comment-azul {
    transform-origin: center center;
    opacity: 0;
    animation: slide-right-comment 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s both;
  }
  *[data-animate=true] .figure-comment-blanco {
    transform-origin: center center;
    opacity: 0;
    animation: slide-top-comment 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s both;
  }
  *[data-animate=true] .howitworks-deco-1 {
    transform-origin: center center;
    animation: slide-top-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s both;
  }
  *[data-animate=true] .howitworks-deco-2 {
    transform-origin: center center;
    animation: slide-right-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.75s both;
  }
  *[data-animate=true] .visual {
    transform-origin: center center;
    animation: animationVisual 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s both;
  }
  *[data-animate=true] #template-message .visual {
    transform-origin: center center;
    animation: animationVisualMessage 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s both;
  }
}

.step-bg-colors[data-animate=true] path:nth-child(1) {
  transform-origin: center center;
  animation: step-bg-colors-2 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s both;
}
.step-bg-colors[data-animate=true] path:nth-child(2) {
  transform-origin: center center;
  animation: step-bg-colors-1 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.page-comment[data-animate=true] > path:nth-child(1),
.companies-comment[data-animate=true] > path:nth-child(1) {
  animation: comment-path-1 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 2s both;
}
.page-comment[data-animate=true] > path:nth-child(2),
.companies-comment[data-animate=true] > path:nth-child(2) {
  opacity: 0;
  animation: comment-path-2 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s both;
}
.page-comment[data-animate=true] .comment-orange,
.companies-comment[data-animate=true] .comment-orange {
  animation: comment-orange-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s both;
}
@keyframes step-bg-colors-1 {
  0% {
    opacity: 0;
    transform: translateX(-50px);
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes step-bg-colors-2 {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes comment-orange-top {
  0% {
    opacity: 0;
    transform: translatey(120px);
  }
  100% {
    opacity: 1;
    transform: translatey(0);
  }
}
@keyframes comment-path-1 {
  0% {
    opacity: 0;
    transform: translateX(120px);
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes comment-path-2 {
  0% {
    opacity: 0;
    transform: translateX(60px);
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slide-right-left {
  0% {
    transform: translateX(240px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-top-bottom {
  0% {
    transform: translateY(-400px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slide-right-comment {
  0% {
    opacity: 0;
    transform: translateX(-320px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slide-top-comment {
  0% {
    opacity: 0;
    transform: translateY(130px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slide-top-thought {
  0% {
    opacity: 0;
    transform: translate3D(50%, 100%, 0);
  }
  100% {
    opacity: 1;
    transform: translate3D(50%, -25%, 0);
  }
}
@keyframes slide-left-comment {
  0% {
    opacity: 0;
    transform: translateX(210px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes rotate-animation {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes animatedBtnPlayBackground {
  0% {
    background-position: right -0.5rem center;
  }
  99% {
    background-position: right -4rem center;
  }
  100% {
    background-position: right -0.5rem center;
  }
}
@keyframes animatedBtnDownloadBackground {
  0% {
    background-position: top 0 right;
  }
  99% {
    background-position: top 60px right;
  }
  100% {
    background-position: top 0 right;
  }
}
@keyframes animationVisual {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform: translateX(50px);
  }
}
@keyframes animationVisualMessage {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform: translateX(40px);
  }
}
.repeater-items {
  gap: 3rem;
  display: flex;
  flex-direction: column;
}
.btn-upload {
  margin-top: -20px;
}
.howparticipate h3,
.repeater-btn {
  margin-bottom: 32px;
}

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