/* General APP styles */

/* FONTS */
@import url('./fonts.css');

body {
  background-color: var(--background);
  font-family: 'Fraktion sans', sans-serif;
  color: var(--light-black);
  font-size: 15px;
  line-height: 26px;
}

.h0 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 120px;
    line-height: 100px;
    font-weight: 700;
}

h1 {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 72px;
  line-height: 78px;
  font-weight: 700;
}

h2, .challenge-target-section h6 {
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 34px;
  line-height: 40px;
  font-weight: 700;
}

h3 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 26px;
  line-height: 34px;
  font-weight: 700;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 700;
}

p {
  margin-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-size: 15px;
  line-height: 26px;
  letter-spacing: 0.01em;
  line-break: auto;
}

a {
  color: var(--primary);
  line-height: 26px;
  text-decoration: none;
  cursor: pointer;
}
a[target="_blank"] {
    line-break: anywhere;
}
a *, .lessonHtml a {
    line-break: auto;
}

ul {
  margin-top: 0px;
  margin-bottom: 10px;
  padding-left: 40px;
  font-family: Roboto, sans-serif;
  font-size: 15px;
  line-height: 24px;
  letter-spacing: 0.01em;
}

ol {
  margin-top: 0px;
  margin-bottom: 10px;
  padding-left: 40px;
  font-family: Roboto, sans-serif;
  font-size: 15px;
  line-height: 24px;
  letter-spacing: 0.01em;
}

li {
  margin-bottom: 10px;
}
ol[type="A"] {
    font-style: italic;
}
ol[type="A"] li::marker {
    font-weight: bold;
}

blockquote {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 75px;
  padding: 10px 20px;
  border-left: 5px solid #e2e2e2;
  color: #737272;
  font-size: 26px;
  line-height: 30px;
  /* font-weight: 700; */
  line-break: anywhere;
}

table {
  border-collapse: collapse;
}

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

.color {
  background-color: #e05e94;
}

.disclaimer {
  font-size: 12px;
  line-height: 18px;
}

.grid {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}

.grid.grid-hide {
  display: none;
}

.block-center {
  border-radius: 5px;
  text-align: center;
}

.text-comments {
  margin-bottom: 10px;
}

.text-small {
  font-size: 13px;
}

.radio-button {
  width: 14px;
  height: 14px;
  min-width: 14px;
  min-height: 14px;
  border-color: #737272;
}

.radio-button:active {
  border-color: var(--primary);
  background-color: var(--primary);
}

.paragraph-center {
  text-align: center;
}

.paragraph-blue {
  color: var(--primary);
}

.bold-text {
  color: var(--primary);
  font-weight: 700;
}

.paragraph-justified {
  text-align: justify;
}

.w-checkbox {
  display: flex;
  margin-bottom: 5px;
  padding-left: 20px;
}

.line {
  height: 1px;
  background-color: #c9c9c9;
}

.line.line-short {
  width: 50%;
}

.line.line-short.line-margin {
  margin-bottom: 20px;
}

.line.line-space-below-30 {
  margin-bottom: 30px;
}

.line-dotted {
  height: 1px;
  border-bottom: 1px dashed rgba(115, 114, 114, 0.5);
}

.w-checkbox {
  display: flex;
  margin-bottom: 5px;
  padding-left: 20px;
}


.w-checkbox-input {
  float: left;
  height: 13px;
  width: 13px;
  margin-bottom: 0px;
  margin-left: -20px;
  margin-right: 5px;
  line-height: normal;
  cursor: pointer;
}

.w-checkbox-input--inputType-custom {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-color: #ccc;
  border-bottom-color: #ccc;
  border-left-color: #ccc;
  border-right-color: #ccc;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  width: 12px;
  height: 12px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  border-top-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  border-right-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0px 0px 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-color: #ccc;
  border-bottom-color: #ccc;
  border-left-color: #ccc;
  border-right-color: #ccc;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  width: 12px;
  height: 12px;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0px 0px 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-top-width: 4px;
  border-bottom-width: 4px;
  border-left-width: 4px;
  border-right-width: 4px;
  border-top-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  border-right-color: #3898ec;
}

/* GRIDS */

.w-layout-grid {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
}
.w-layout-grid-1 {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr !important;
    -ms-grid-columns: 1fr !important;
    grid-template-columns: 1fr !important;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    grid-row-gap: 16px;
    grid-column-gap: 16px;
}

.w-layout-grid-2 {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    grid-row-gap: 16px;
    grid-column-gap: 16px;
}

.w-layout-grid-3 {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: 1fr;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
}

.w-layout-grid-4 {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-rows: 1fr;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
}

.w-layout-grid-5 {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-rows: 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    grid-row-gap: 16px;
    grid-column-gap: 16px;
}

.w-layout-grid-2-left {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 30% 1fr;
    grid-template-columns: 30% 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    grid-row-gap: 16px;
    grid-column-gap: 16px;
}
.w-layout-grid-2-right {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 30%;
    grid-template-columns: 1fr 30%;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    grid-row-gap: 2rem;
    grid-column-gap: 16px;
}

@media screen and (max-width: 1023px) {
    .w-layout-grid-5 {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media screen and (max-width: 768px) {
    .w-layout-grid-2, .w-layout-grid-3, .w-layout-grid-4, .w-layout-grid-5 {
        -ms-grid-columns: 100%;
        grid-template-columns: 100% !important;
        grid-column-gap: 0;
    }
    .w-layout-grid-2-left {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
    }
    .w-layout-grid-2-right {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
    }
    .grid-col-2 {
        -ms-grid-columns: 100% !important;
        grid-template-columns: 100% !important;
    }
}

.hr-face-block {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url('../images/hr_face.svg');
  background-position: 50% 50%;
  background-size: auto;
  background-repeat: no-repeat;
}

.hr-face-block.hrfb-blink {
  background-image: url('../images/hr_face_blink.svg');
}

/** TAGS **/

.tag-title {
  position: absolute;
  left: 0px;
  top: 0px;
  display: none;
  margin-top: 0px;
  padding-top: 5px;
  padding-left: 18px;
  color: #222;
  font-size: 22px;
  line-height: 44px;
  font-weight: 500;
  text-transform: uppercase;
}

.type-column-2 {
  padding-top: 30px;
  padding-left: 20px;
}

.tags-subhead {
  margin-bottom: 40px;
  padding: 20px;
  border-radius: 4px;
  background-color: rgba(236, 56, 114, 0.1);
  color: #ec3872;
}

.tag-holder {
  margin-bottom: 10px;
  padding: 10px 10px 20px;
  border-radius: 5px;
  box-shadow: 0 0 50px 0 rgba(255,255,255,0);
  -webkit-transition: box-shadow 400ms ease;
  transition: box-shadow 400ms ease;
}

.tag-holder:hover {
  box-shadow: 0 0 75px 0 rgba(0, 0, 0, 0.07);
}

.tags-section {
  position: relative;
  display: block;
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
  padding: 30px;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 75px 0 rgba(0, 0, 0, 0.05);
}

.tag-divider {
  width: 100%;
  height: 1px;
  margin-top: 15px;
  margin-bottom: 10px;
  background-color: #f3f3f5;
}

.tag-label {
  margin-top: 10px;
  color: #aaa;
  font-size: 11px;
  line-height: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

/** end-TAGS **/

.text-user-achievements {
  display: inline;
  margin-right: 10px;
  font-family: 'Fraktion sans', sans-serif;
  color: var(--primary);
  font-weight: 500;
}

.text-user-achievements.card-point-achievement {
  font-size: 15px;
}

.dropdown-toggle {
  padding: 0px;
}

.dropdown-link {
  font-family: 'Fraktion sans', sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none !important;
}

.dropdown-link:hover {
  color: var(--primary);
}

.dropdown-link.w--current {
  color: var(--primary);
}

.dropdown-link.dropdown-link-darkmode {
  padding: 10px 20px;
  cursor: default;
  text-align: left;
}

.dropdown-link.dropdown-link-darkmode:hover {
  color: var(--light-black);
}

.dropdown-list {
  border-radius: 5px;
}

.dropdown-list.w--open {
  top: 53px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: var(--primary);
  background-color: #fff;
  box-shadow: -5px 5px 0 0 var(--primary);
  -webkit-transition-property: none;
  transition-property: none;
}

.section {
  padding: 80px 40px;
}

.section.section-challenge {
  padding-top: 20px;
}

.section.section-join {
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
}

.section.section-slider {
  padding-bottom: 80px;
  background-color: #f0e1f0;
}

.section.section-info-challenges {
  padding-top: 0px;
  padding-bottom: 50px;
}

.section.section-challenge-exec {
  padding-top: 30px;
}
@media screen and (max-width: 991px) {
    .section.section-challenge-exec {
        padding-top: 70px;
    }
}

.section.section-home-1 {
  background-image: none;
  background-size: auto;
  background-repeat: repeat;
  background-color: #F9F9F9;
}

.wrapper {
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1.75fr 1fr;
  grid-template-columns: 1.75fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}
.wrapper-header {
  position: relative;
}

.wrapper.wrapper-960, .wrapper-960 {
  max-width: 960px;
}

.wrapper.wrapper-left {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 0.75fr 0.25fr;
  grid-template-columns: 0.75fr 0.25fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.wrapper.wrapper-right {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 0.25fr 0.75fr;
  grid-template-columns: 0.25fr 0.75fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.wrapper.wrapper-quarter {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    -ms-grid-columns: 0.4fr 0.6fr;
    grid-template-columns: 0.4fr 0.6fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.wrapper.wrapper-600 {
  max-width: 600px;
}

.wrapper.wrapper-650 {
  max-width: 650px;
}

.wrapper.wrapper-center {
  text-align: center;
}

.section-title {
  margin-bottom: 30px;
  color: var(--primary);
  font-size: 66px;
  line-height: 72px;
}

.section-title.section-title-ranking {
  display: inline-block;
}

.section-title.section-title-search {
  margin: 0;
  color: #fff;
  font-size: 40px;
  line-height: 50px;
  text-align: center;
}

.ranking-title-block {
    position: relative;
}

.menu-select {
  margin: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
  border-style: solid;
  border-width: 1px;
  border-color: var(--primary);
  border-radius: 100px;
  background-color: #fff;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  font-family: 'Fraktion sans', sans-serif;
  color: var(--primary);
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}
.menu-select:first-child {
    margin-left: 0;
}
.menu-select:last-child {
    margin-right: 0;
}

.menu-select:hover {
  box-shadow: -4px 4px 0 0 var(--primary);
  -webkit-transform: translate(6px, -5px);
  -ms-transform: translate(6px, -5px);
  transform: translate(6px, -5px);
}

.menu-select:active {
  background-color: var(--primary);
  box-shadow: none;
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  color: #fff;
}

.menu-select.menu-select-selected {
  background-color: var(--primary);
  color: #fff;
}

.menu-select.menu-select-selected:hover {
  box-shadow: none;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.menu-select.menu-select-questions-button {
  margin-right: 15px;
  margin-left: 15px;
}

.menu-select-block {
  margin-top: 50px;
  margin-bottom: 50px;
}

.cards-block {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 35px;
    grid-template-areas: "Area";
    -ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}
.cards-block.cards-block--1 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
}
.cards-block.cards-block--2 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
}

.nav-link-content {
  position: relative;
  display: inline-block;
  margin-right: 25px;
}

.nl-content-resp {
  display: none;
}


@media screen and (min-width: 1024px) and (max-width: 1440px) {
    a.brand.w-nav-brand {
        margin-right: 10px;
    }
}

@media screen and (min-width: 1201px) and (max-width: 1470px) {
    .nav-link-content {
        margin-right: 20px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1370px) {
    .nav-link-content {
        margin-right: 10px;
    }
}

@media screen and (max-width: 992px) {
    .ranking-title-block {
        margin-bottom: 3rem;
    }
    .nav-link-content {
        margin-right: 0;
    }
}

@media screen and (min-width: 992px) {
    .cards-block {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .cards-block.cards-block--1 {
        grid-template-columns: 1fr;
    }
    .cards-block.cards-block--2 {
        grid-template-columns: 1fr 1fr;
    }
}

.cards-block.cards-block-learning-paths {
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}
.cards-block.cards-block-learning-paths.cards-block--1 {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}  

.cards-block.cards-block-learning-paths .card-content {
  /* min-height: 40vh; */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.cards-block.cards-block-academy {
  margin-top: 50px;
  margin-bottom: 50px;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}

.cards-block.cards-block-faqs {
  margin-bottom: 50px;
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}

.cards-block.cards-block-faqs-3col {
  margin-bottom: 100px;
  grid-column-gap: 30px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}

.cards-block.cards-block-faqs-2col {
  margin-top: 50px;
  margin-bottom: 100px;
  grid-column-gap: 30px;
  grid-row-gap: 16px;
  -ms-grid-columns: 0.5fr 1fr;
  grid-template-columns: 0.5fr 1fr;
}

.card-challenge {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 5px;
  box-shadow: 0 0 4px 0 rgba(19, 32, 217, 0.2);
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.card-challenge:hover {
  -webkit-transform: translate(7px, -7px);
  -ms-transform: translate(7px, -7px);
  transform: translate(7px, -7px);
}

.card-challenge.card-challenge-explore {
  position: relative;
}

.card-img {
  position: relative;
  /* z-index: 1; */
  -webkit-box-flex: 0;
  -webkit-flex: 0 150px;
  -ms-flex: 0 150px;
  flex: 0 150px;
  border-radius: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  height: 200px;
  /* background-image: url('../images/Img_code_bg.jpg'); */
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.card-img.card-img-learning {
  -webkit-flex-basis: 220px;
  -ms-flex-preferred-size: 220px;
  flex-basis: 220px;
}

.card-img.cid-human {
  background-image: url('../images/demo/Img_demo_3.jpg'), url('../images/Img_code_bg.jpg');
}

.card-img.cid-data {
  background-image: url('../images/demo/Img_demo_1.jpg'), url('../images/Img_code_bg.jpg');
}

.card-img.cid-soc {
  background-image: url('../images/demo/Img_demo_4.jpg'), url('../images/Img_code_bg.jpg');
}

.card-img.cid-com {
  background-image: url('../images/demo/Img_demo_8.jpg'), url('../images/Img_code_bg.jpg');
}

.card-img.cid-sys {
  background-image: url('../images/demo/Img_demo_7.jpg'), url('../images/Img_code_bg.jpg');
}

.card-img.cid-con {
  background-image: url('../images/demo/Img_demo_2.jpg'), url('../images/Img_code_bg.jpg');
}

.card-img.cid-sof {
  background-image: url('../images/demo/Img_demo_6.jpg'), url('../images/Img_code_bg.jpg');
}

.card-img.cid-learning {
  background-image: url('../images/Programmers_450_300.jpg');
  background-position: 0px 0px;
  background-size: auto;
}

.card-content {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 50px 20px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: left;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 5px;
  background-color: #fff;
}
.card-content .card-body {
    display: flex;
    flex-direction: column;
}

.cards-block .card-content, .carousel-cell .card-content, .home-challenges .card-content {
    border-radius: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.card-content.card-content-news {
  padding-top: 30px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.card-content-learningpath-dashboard .card-category {
    border-top-left-radius: 5px !important;
}

.card-category {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  max-width: 70%;
  display: inline-block;
  padding: 3px 10px 3px 15px;
  border-bottom-right-radius: 5px;
  background-color: var(--red);
  font-family: 'Fraktion sans', sans-serif;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
}
.card-category.card-category--txt {
    padding-left: 10px;
}

.card-category.cc-data {
  background-color: var(--purple);
}

.card-category.cc-component {
  background-color: var(--pink);
}

.card-category.cc-conection {
  background-color: var(--green);
}
.card-category.cc-conection.cc-header-chall {
  position: static;
  margin-top: 5px;
  margin-right: 30px;
}

.card-category.cc-human {
  background-color: var(--orange);
}

.card-category.cc-system {
  background-color: var(--light-grey);
}

.card-category.cc-lesson {
  background-color: var(--primary);
}
.card-category.cc-lesson.cc-header-chall {
  position: relative;
  margin-top: 5px;
  margin-right: 30px;
}

.card-category.cc-software {
  background-color: var(--blue);
}

.card-category.cc-societal {
  background-color: var(--yellow);
}

.card-category-title {
  display: inline-block;

  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow-wrap: break-word;
  white-space: nowrap;
}

.icon-card-category {
  display: inline-block;
  height: 20px;
  margin-right: 10px;
}

.card-category-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.card-subcategory-title {
  display: inline-block;
  font-family: 'Roboto Mono', sans-serif;
  color: #737272;
}

.card-points-block {
  display: inline-block;
}

.icon-card-achievement {
  width: 17px;
  margin-right: 5px;
}
.icon-card-achievement svg-icon svg, .icon-card-achievement i {
    width: 17px;
    height: 17px;
}
.cert-icon-mini svg-icon svg {
    width: 20px;
    height: auto;
}

.card-level-block {
  display: inline-block;
  float: right;
}

.card-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 5px;
}

.card-wrapper.card-wrapper-dash-chall {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.card-wrapper.card-wrapper-dash-chall.card-wrapper-dash-chall-completed {
  opacity: 0.3;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.card-wrapper.card-wrapper-dash-chall.card-wrapper-dash-chall-completed:hover {
  opacity: 1;
  -webkit-filter: none;
  filter: none;
}

.card-wrapper.card-wrapper-completed {
  opacity: 0.5;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.card-wrapper.card-wrapper-completed:hover {
  opacity: 1;
  -webkit-filter: none;
  filter: none;
}

.card-shadow {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: -1;
  border-radius: 6px;
  background-color: var(--primary);
}

.card-shadow.card-shadow-explore {
  z-index: 0;
}

.card-shadow.card-shadow-learning-path {
  border-top-left-radius: 0px;
}

.card-title {
  margin-top: 10px;
  margin-bottom: 15px;
  color: var(--light-black);
  line-height: 30px;
}

.card-title.card-title-user {
  margin-right: 200px;
}

.card-title.card-tittle-academy {
  display: inline-block;
  margin: 0;
  color: var(--light-black);
  font-size: 22px;
  line-height: 28px;
}

.brand-footer-content {
  display: inline-block;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.legal-text {
  display: inline;
  color: #fff;
  font-size: 10px;
  text-decoration: none;
}

.legal-text.legal-text-space {
  margin-right: 15px;
  margin-left: 15px;
}

.cards-filter {
  position: relative;
  z-index: 0;
  display: inline-block;
  margin-top: 20px;
  margin-right: 30px;
  margin-bottom: 30px;
}
.cards-filter-dropdown {
    z-index: 1;
}
.cards-filter-dropdown-1 {
    z-index: 2;
}
.cards-filter-dropdown-2 {
    z-index: 3;
}

.cards-filter-text {
  display: inline-block;
  margin-right: 10px;
  font-family: 'Fraktion sans', sans-serif;
  color: var(--primary);
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
}

.dropdown-toggle-filter {
  padding: 0px 21px 0px 0px;
  border-bottom: 1px solid var(--primary);
  font-family: 'Fraktion sans', sans-serif;
  color: var(--primary);
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
}
.dark-mode .dropdown-toggle-filter {
    border-color: var(--white);
}

.icon {
  margin-right: 0px;
}

.icon-new {
  position: relative;
  top: -10px;
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 200px;
  background: linear-gradient(
    to right,
    var(--primary) 0%,
    var(--primary-grad) 100%
  );
}

.icon-new.touched {
  display: none;
}

.dark-mode .icon-new {
  background: linear-gradient(
    to right,
    var(--light-grey) 0%,
    var(--white) 100%
  );
}

.pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 50px;
  padding-bottom: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.pagination-block {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.pagination-numbers {
  padding: 5px;
  font-family: 'Fraktion sans', sans-serif;
  font-size: 20px;
  text-decoration: none;
}

.number-block {
  padding: 5px;
  text-align: center;
  text-decoration: none;
}

.number-block:hover {
  text-decoration: underline;
}

.number-block.number-block-selected {
    position: relative;
    width: 30px;
    height: 30px;
    color: #fff;
    z-index: 1;
}
.number-block.number-block-selected::after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 35px;
    width: 35px;
    border-radius: 200px;
    background-color: var(--primary);
}
.number-block.number-block-selected.number-block--big::after {
    padding: 2px;
}

.pagination-filter {
  display: inline-block;
  margin-top: 20px;
  margin-right: 0px;
  margin-bottom: 30px;
}


.register-wrapper {
  display: -ms-grid;
  display: grid;
  margin-right: auto;
  margin-left: auto;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.register-title {
  margin-bottom: 20px;
  text-align: center;
}

.register-content {
  padding: 30px;
}

.register-block {
  padding-right: 90px;
  padding-left: 90px;
  text-align: center;
}

.register-block.register-block-questions {
  text-align: center;
}

.text-field {
  height: 45px;
  margin-bottom: 1rem;
  border-radius: 5px;
  font-size: 16px;
}

.text-field:focus {
  border-style: solid;
  border-width: 1px;
  border-color: var(--primary);
  border-radius: 5px;
  box-shadow: 0 0 0 2px #e9ebfe;
}

.text-field.text-field-comments {
  height: auto;
  min-height: 100px;
}

.text-field.text-field-twofactor {
  width: 67%;
}

.text-field.text-field-token {
  background-color: #fffbe0;
  background-position: 98% 50%;
  background-repeat: no-repeat;
  text-align: center;
}

.text-field.text-field-long {
  min-height: 150px;
}

.text-field.select-field {
  background-color: #fff;
}

.text-field.text-field-small {
  width: 45%;
  margin-right: 5px;
  float: left;
}

.text-field.text-field-small.text-field-cvv {
  width: 100%;
}

.text-field.text-field-code {
  width: 200px;
  height: 30px;
  border: 1px solid rgba(255,255,255,0);
  background-color: hsla(0, 0%, 78.8%, 0.3);
}

.text-field.text-field-ok {
  background-image: url('../images/Icon_form_ok.svg');
  background-position: 97% 50%;
  background-size: auto;
  background-repeat: no-repeat;
}

.text-field.text-field-copy {
  min-height: 100px;
  margin-bottom: 0px;
  background-color: #e9ebfe;
  color: var(--light-black);
}

.text-field.text-field-copy::-webkit-input-placeholder {
  color: var(--primary);
}

.text-field.text-field-copy:-ms-input-placeholder {
  color: var(--primary);
}

.text-field.text-field-copy::-ms-input-placeholder {
  color: var(--primary);
}

.text-field.text-field-copy::placeholder {
  color: var(--primary);
}

.register-legal-block {
  display: inline-flex;
  margin-top: 1rem;
  font-family: 'Roboto Mono', sans-serif;
  font-size: 12px;
}

.w-checkbox.register-legal-block .w-checkbox-input {
    align-self: self-start;
    margin-top: 7px;
}

.field-label {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-family: 'Roboto Mono', sans-serif;
}

.login-block {
  display: inline-block;
  padding: 15px 40px;
  float: right;
  color: var(--light-black);
  font-size: 20px;
  font-weight: 500;
}

.login-block.login-block-landing {
  margin-right: 30px;
  padding-left: 10px;
}

.icon-register {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  height: 17px;
  margin-right: 10px;
  float: left;
}

.disclaimer-close {
  position: absolute;
  left: auto;
  top: 0;
  right: 0%;
  bottom: 0;
  display: inline-block;
  margin-right: 10px;
  padding: 5px;
  float: right;
}

.register-questions-content {
  max-width: 950px;
  margin-right: auto;
  margin-left: auto;
  padding: 30px;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  border-radius: 5px;
  background-color: #fff;
  background-image: none;
  background-repeat: repeat;
  text-align: center;
}

.content-block {
  padding: 30px;
  border-radius: 5px;
}

.content-block.cb-blue {
    background-color: var(--light-blue);
}
.content-block.cb-light-pink {
    background-color: var(--light-pink);
}
.content-block.cb-red {
    background-color: var(--danger);
    color: var(--white);
}
.dark-mode .content-block.cb-red {
    background-color: var(--danger) !important;
}

.content-block.cb-user-profile {
  position: relative;
  background-color: #fff;
  text-align: center;
}

.content-block.cb-user-profile.cbup-right {
  text-align: left;
}

.content-block.cb-center {
  text-align: center;
}

.content-block.cb-center.cb-white {
  color: #fff;
}

.content-block.cb-badges {
  display: -ms-grid;
  display: grid;
  padding: 20px;
  grid-auto-columns: 1fr;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.content-block.cb-badges-none {
  display: block;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  background-color: #e9ebfe;
}

.content-block.cb-badges-info {
  display: -ms-grid;
  display: grid;
  padding: 0px;
  grid-auto-columns: 1fr;
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.ach-block-stats {
  display: inline-block;
  margin-top: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  text-align: center;
}
.ach-block-stats.d-flex {
    flex: 1 1 25%;
    max-width: 300px;
    align-items: stretch;
}
.ach-block-stats.d-flex .ach-img-content {
    margin: 0;
}

.ach-block-stats.ach-bs-first {
  width: 50%;
}

.ach-img-content {
    width: 60px;
    height: 60px;
    max-width: 60px;
    max-height: 60px;
    margin-right: auto;
    margin-left: auto;
    border-radius: 200px;
    background-color: #f0e1f0;
    text-align: center;
}
.ach-img-content--clip {
    clip-path: circle();
}
.ach-img-content div.ach-icon {
    font-size: 45px;
    padding-top: 10px;
    line-height: normal;
    animation: MoveUpDown 2s ease-in-out infinite;
}
  
.ach-img-content.ach-img-content-small {
    width: 45px;
    height: 45px;
    max-width: 45px;
    max-height: 45px;
    clip-path: circle();
}

.tabs-menu {
  padding-top: 100px;
  padding-bottom: 50px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
}

.h2-blue, .challenge-target-section h6 {
  display: inline-block;
  color: var(--primary);
  text-transform: none;
}

.h2-blue.h2-center {
  display: block;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.card-dashboard {
  position: relative;
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  -ms-grid-columns: 0.5fr 1fr;
  grid-template-columns: 0.5fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  border-radius: 5px;
}

.card-dashboard-img {
    min-height: 220px;
    height: 100%;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 0px;
    background-image: url('../images/Img_code_bg.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.card-dashboard-img .card-dashboard-img {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.card-dashboard-content {
  position: relative;
  padding: 50px 20px 20px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #fff;
}

.card-level-dashboard-block {
  display: inline-block;
  margin-right: 10px;
  float: left;
}

.card-level-dashboard-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.card-progress {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  display: inline-block;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 3px;
  border-bottom-right-radius: 5px;
  font-family: 'Fraktion sans', sans-serif;
  color: var(--primary);
  font-size: 14px;
  text-transform: uppercase;
}

.progress-block {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 10px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.progress-block.progress-block-find-block {
  max-width: 65px;
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.progress-circle {
  position: relative;
  width: 15px;
  height: 15px;
  border-radius: 200px;
  background-color: #8a96a5;
}

.progress-circle.pc-left.pcl-blue {
  background-color: var(--primary);
}

.progress-circle.pc-middle {
  margin-right: 10px;
  margin-left: 10px;
}

.progress-circle.pc-middle.pc-middle-completed {
  background-color: var(--primary);
}

.progress-circle.pc-right.pcr-completed {
  background-color: var(--primary);
}

.progress-bar {
  z-index: 0;
  width: 30%;
  height: 5px;
  float: left;
  background-color: var(--primary);
}

.progress-bar.progress-bar-grey {
  width: 70%;
  background-color: #8a96a5;
}

.progress-content-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.progress-bar-content {
  position: absolute;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.card-dashboard-wrapper {
  display: -ms-grid;
  display: grid;
  padding-top: 3rem;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 30px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.card-dashboard-wrapper.card-dashboard-wrapper-completed {
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.card-dashboard-wrapper.card-dashboard-wrapper-challenge-completed {
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.dashboard-block {
  margin-bottom: 100px;
}

.card-text, .card-text * {
  color: var(--dark-grey);
  font-size: 13px;
  line-height: 19px;
  flex-grow: 1;
  text-align: justify;
}
.dark-mode .card-text, .dark-mode .card-text * {
    color: var(--lighter-grey);
}

.card-progress-symbol {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  display: inline-block;
  padding: 20px 20px 3px;
  border-bottom-right-radius: 5px;
  font-family: 'Fraktion sans', sans-serif;
  color: var(--primary);
  font-size: 14px;
  text-transform: uppercase;
}
.card-progress-symbol.pos-rel {
    position: relative;
    padding: 0;
}

.progress-bar-symbol {
  z-index: 0;
  width: 100%;
  height: 4px;
  float: left;
  background-color: var(--primary);
}

.repeat-block {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 1;
  padding-top: 70px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.repeat-block.repeat-block-challenge {
  padding-top: 33px;
}

.icon-repeat-dashboard {
  width: 100px;
  padding: 10px;
  border-radius: 200px;
}

.repeat-content {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  text-align: center;
}

.repeat-text {
  position: absolute;
  width: 100%;
  background-color: #fff;
  text-align: center;
}

.dashboard-section-title-content {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1.5rem;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: center;
  color: var(--dark-grey);
  column-gap: 10px;
}

.profile-tab {
  margin: 0;
  margin-right: 30px;
  padding-right: 0px;
  padding-left: 0px;
  background-color: rgba(255,255,255,0);
  font-size: 18px;
  font-weight: 500;
}

.profile-tab.w--current {
  padding-left: 0px;
  background-color: rgba(255,255,255,0);
  color: var(--primary);
  font-size: 18px;
  font-weight: 500;
}

.tabs-profile-menu {
  padding-bottom: 30px;
}

.block-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  /* margin-top: 30px; */
  margin-bottom: 30px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.block-title.block-title-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.block-title.bt-hide {
  display: none;
}

.block-title h2, .block-title h6 {
    margin-top: 0;
}

.text-block {
  margin-bottom: 50px;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.information-block.info-block-2col {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 30px;
  grid-row-gap: 20px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.information-block.info-block-1col {
  width: 50%;
  grid-auto-columns: 1fr;
  grid-column-gap: 30px;
  grid-row-gap: 20px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.checkbox-label {
  margin-left: 10px;
  font-weight: 700;
  user-select: none;
}

.checkbox-field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'Roboto Mono', sans-serif;
  font-weight: 700;
}

.select-field {
  height: 45px;
  margin-bottom: 30px;
  border-radius: 5px;
  font-size: 16px;
}

.select-field.select-field-twofactor {
  display: inline-block;
  width: 30%;
  margin-right: 10px;
  float: left;
}

.form-twofactor {
  margin-top: 50px;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  text-align: left;
}


.log-block {
  display: -ms-grid;
  display: grid;
  padding-top: 5px;
  padding-bottom: 5px;
  justify-items: start;
  -webkit-box-align: end;
  -webkit-align-items: end;
  -ms-flex-align: end;
  align-items: end;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 0.5fr 0.25fr 0.75fr;
  grid-template-columns: 0.5fr 0.25fr 0.75fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  border-bottom: 1px solid rgba(115, 114, 114, 0.5);
}

.log-block.log-block-opened-sessions {
  -ms-grid-columns: 0.5fr 1fr 0.75fr 1fr 1fr 0.75fr;
  grid-template-columns: 0.5fr 1fr 0.75fr 1fr 1fr 0.75fr;
}

.log-block.log-block-receipts {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-grid-columns: 0.25fr 0.25fr 0.25fr 1fr;
  grid-template-columns: 0.25fr 0.25fr 0.25fr 1fr;
}

.tabs-content {
  padding-bottom: 50px;
}

.link-download-receipt {
  margin-bottom: 10px;
  font-size: 18px;
}

.ranking-block {
  display: grid;
  justify-items: start;
  align-items: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 5% 45px auto 5% 35% 10% 10%;
  grid-template-columns: 5% 45px auto 5% 35% 10% 10%;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  border-bottom-width: 1px;
  border-bottom-color: #737272;
  color: var(--light-black);
}

.ranking-block.rb-header {
  -webkit-box-align: end;
  -webkit-align-items: end;
  -ms-flex-align: end;
  align-items: end;
  border-bottom-style: none;
  color: #737272;
}

.user-avatar-ranking {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 48px !important;
  height: 48px;
  margin-right: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 200px;
  background-color: #e9ebfe;
}
.ranking-block .user-avatar-ranking {
    min-width: 48px;
}

.user-avatar-ranking.user-ar-best {
  width: 100px !important;
  height: 100px;
  margin-right: 20px;
  background-repeat: no-repeat;
  background-position: 50%;
}

.user-avatar-ranking.user-ar-best-clan {
    position: absolute;
    bottom: -1rem;
    left: -1rem;
    height: 60px;
    min-width: 60px;
    width: 60px !important;
    border-radius: 200px;
    background-color: #e9ebfe;
    background-repeat: no-repeat;
    background-position: 50%;
}
@media screen and (max-width: 768px) {
    .user-avatar-ranking.user-ar-best, .user-avatar-ranking.user-ar-best-clan {
        margin-top: 2rem;
    }
}

.user-name-ranking {
  color: var(--light-black);
}

.icon-avatar-ranking {
  width: 40px;
  filter: none !important;
}

.icon-avatar {
    filter: none !important;
}

.user-rank-number {
  color: var(--primary);
  font-size: 30px;
  line-height: 30px;
  font-weight: 500;
  justify-self: end;
}

.ranking-user-points {
  color: var(--primary);
  font-size: 20px;
  font-weight: 700;
}

.badges-ranking-block {
  display: flex;
  align-items: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 0;
  grid-row-gap: 0;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.morebadges-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 200px;
  background-color: #e9ebfe;
  color: var(--light-black);
}
.badges-ranking-content {
    display: flex;
}
.badges-ranking-content-all {
    display: none;
}

.ranking-user-level {
  font-size: 16px;
}

.ranking-best-month-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  float: right;
  position: relative;
}

.icon-bestof-ranking {
  margin-right: 10px;
}

.bestof-title {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 20px;
}

.bestof-name {
  color: var(--light-black);
  font-size: 30px;
  line-height: 30px;
  font-weight: 500;
  text-align: left;
}

.best-of-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.rank-filter-block {
  text-align: right;
}

.profile-ranking-block {
  display: -ms-grid;
  display: grid;
  margin-top: 50px;
  margin-bottom: 50px;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 0.5fr 1fr;
  grid-template-columns: 0.5fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.user-avatar-profile-ranking {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 150px;
  height: 150px;
  margin-top: -55px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 200px;
  background-color: #e9ebfe;
}

.icon-avatar-profile-ranking {
  min-width: 100px;
}

.user-profile-ranking-name {
  text-transform: none;
}

.profile-ranking-sentence {
  margin-top: 1rem;
  color: var(--dark-grey);
  font-size: 13px;
  line-height: 20px;
}

.link-back {
  display: inline-flex !important;
}

.icon-back {
  margin-right: 10px;
  width: auto !important;
}

.text-back {
  display: inline-block;
}

.text-profile-joined {
  display: inline-block;
  margin-bottom: 30px;
  color: #737272;
}

.text-block-3 {
  color: var(--primary);
}

.user-profile-achievements-title {
    color: var(--light-black);
}

.user-profile-achievements-title.upat-number {
  font-family: 'Fraktion sans', sans-serif;
  color: var(--primary);
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
}

.user-ranking-achievements-block {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 45px 1fr;
  grid-template-columns: 45px 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.title-mentoring-block {
  display: inline-block;
  margin-top: 0px;
  float: right;
  color: var(--primary);
  font-size: 18px;
  font-weight: 400;
  text-align: right;
}

.title-mentoring-block.title-mentoring-block-right {
  margin-top: 63px;
  float: right;
  line-height: 18px;
  font-weight: 700;
}

.profile-ranking-pointsblock {
  margin: -30px -30px 30px;
  padding: 30px 30px 20px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color: #e9ebfe;
  color: var(--primary);
}

.title-points-block {
  display: inline-block;
  text-transform: capitalize;
}

.title-profile-ranking {
  margin-top: 20px;
  margin-bottom: 20px;
  border-bottom: 1px dotted rgba(115, 114, 114, 0.5);
  color: #737272;
  line-height: 40px;
}

.icon-ranking-profile-points {
  height: 25px;
  width: auto;
  margin-right: 10px;
}

.badge-ranking-userprofile {
  margin-right: auto;
  margin-left: auto;
}
.badge-ranking-leaves {
    position: relative;
}
.badge-ranking-leaves img {
    position: absolute;
    z-index: 0;
    bottom: -1rem;
    margin: auto;
    height: 25px;
}
.badge-ranking-leaves img.badge-ranking-leaves--left {
    right: calc(100%);
}
.badge-ranking-leaves img.badge-ranking-leaves--right {
    left: calc(100%);
}

.badges-grid-ranking-user {
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.badge-ranking-up-block {
  color: #737272;
  text-align: center;
}

.section-header {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 500px;
  width: 100%;
  background-image:
    url('../images/Img_header_triangle_lavender.svg'),
    -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.6)), to(hsla(0, 0%, 100%, 0.6))),
    -webkit-gradient(linear, left top, left bottom, from(rgba(13, 179, 159, 0.5)), to(rgba(13, 179, 159, 0.5))),
    url('../images/demo/Img_demo_grey.jpg');
  background-image:
    url('../images/Img_header_triangle_lavender.svg'),
    linear-gradient(180deg, hsla(0, 0%, 100%, 0.6), hsla(0, 0%, 100%, 0.6)),
    linear-gradient(180deg, rgba(13, 179, 159, 0.5), rgba(13, 179, 159, 0.5)),
    url('../images/demo/Img_demo_grey.jpg');
  background-position: 50% 101%, 0px 0px, 0px 0px, 50% 50%;
  background-size: 102%, auto, auto, cover;
  background-repeat: no-repeat, repeat, repeat, no-repeat;
  background-attachment: scroll, scroll, scroll, scroll;
}
.body-wrapper--bg .section-header {
    background: none !important;
    z-index: 0;
}
.body-wrapper--bg .section-header::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image:
        linear-gradient(180deg, hsla(0, 0%, 100%, 0.6), hsla(0, 0%, 100%, 0.6)),
        linear-gradient(180deg, rgba(13, 179, 159, 0.5), rgba(13, 179, 159, 0.5)),
        url('../images/demo/Img_demo_grey.jpg');
    background-position: 0px 0px, 0px 0px, 50% 50%;
    background-size: auto, auto, cover;
    background-repeat: repeat, repeat, no-repeat;
    background-attachment: scroll, scroll, scroll;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 200px));
    z-index: -1;
}

.section-header.section-header-chall-dash {
  width: 100%;
  min-height: 300px;
  background-image: url('../images/Img_header_triangle_lavender.svg'), linear-gradient(-120deg, hsla(0, 0%, 100%, 0.7), hsla(0, 0%, 100%, 1)), linear-gradient(180deg, rgba(19, 32, 217, 0.5), rgba(19, 32, 217, 0.5)), url('../images/demo/Img_demo_grey.jpg');
  background-position: 50% 101%, 0px 0px, 0px 0px, 50% 50%;
  background-size: 102%, auto, auto, cover;
  background-repeat: no-repeat, repeat, repeat, no-repeat;
  background-attachment: scroll, scroll, scroll, scroll;
}

.section-header.section-header-general {
  min-height: 320px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-image: url('../images/Img_header_triangle_lavender.svg'), -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.65)), to(hsla(0, 0%, 100%, 0.65))), url('../images/Img_header_blue_programmers.jpg');
  background-image: url('../images/Img_header_triangle_lavender.svg'), linear-gradient(180deg, hsla(0, 0%, 100%, 0.65), hsla(0, 0%, 100%, 0.65)), url('../images/Img_header_blue_programmers.jpg');
  background-position: 50% 101%, 0px 0px, 50% 50%;
  background-size: 100%, auto, cover;
  background-repeat: no-repeat, repeat, no-repeat;
  background-attachment: scroll, scroll, scroll;
}

.section-header.section-header-info {
  min-height: 320px;
  padding-top: 60px;
  padding-right: 40px;
  padding-left: 40px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image:
    url('../images/Img_header_triangle_lavender.svg'),
    linear-gradient(180deg, hsla(0, 0%, 100%, 0.6), hsla(0, 0%, 100%, 0.6)),
    linear-gradient(180deg, rgba(255, 255, 255, 0.5),rgba(255, 255, 255, 0.5)),
    url('../images/Img_header_blue_programmers.jpg');
  background-position: 50% 101%, 0px 0px, 0px 0px, 50% 50%;
  background-size: 100%, auto, cover;
  background-repeat: no-repeat, repeat, no-repeat;
  background-attachment: scroll, scroll, scroll;
}
.dark-mode .section-header.section-header-info {
    background-image:
        url('/assets/images/Img_header_triangle_lavender_dark.svg'),
        linear-gradient(180deg, hsla(0, 0%, 0%, 0.6), hsla(0, 0%, 0%, 0.6)),
        linear-gradient(180deg, rgba(4,6,41,.5), rgba(4,6,41,.5)),
        url('/assets/images/Img_header_blue_programmers.jpg');
}
.body-wrapper--bg .section-header.section-header-info::after {
    background-image:
        linear-gradient(180deg, hsla(0, 0%, 100%, 0.6), hsla(0, 0%, 100%, 0.6)),
        linear-gradient(180deg, rgba(13, 179, 159, 0.5), rgba(13, 179, 159, 0.5)),
        url('/assets/images/Img_header_blue_programmers.jpg');
    background-position: 0px 0px, 0px 0px, 50% 50% !important;
}
.body-wrapper--bg .dark-mode .section-header.section-header-info::after {
    background-image:
        linear-gradient(-120deg, hsla(237, 82%, 9%, 0.7), hsla(237, 82%, 9%, 1)),
        linear-gradient(180deg, rgba(4, 6, 41, 0.5), rgba(4, 6, 41, 0.5)),
        url('/assets/images/Img_header_blue_programmers.jpg') !important;
}

.section-header.section-header-legal {
  min-height: 320px;
  padding-top: 60px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.section-header-content {
  position: relative;
  padding-top: 90px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 20px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.section-header-content.section-header-content-academy {
  background-image: none;
  background-position: 0px 0px;
  background-size: auto;
  background-repeat: repeat;
}

.header-block-content {
  position: relative;
  max-width: 800px;
  /* margin-left: -30px; */
  padding: 60px 280px 30px 30px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 4px 0 rgba(19, 32, 217, 0.2);
}
.header-block-content--full {
    max-width: none;
}

.header-block-content.header-block-content-dashboard {
  margin-left: 0px;
  padding-top: 0;
  padding-left: 0px;
  padding-right: 0px;
  background-color: rgba(255,255,255,0) !important;
  box-shadow: none;
}

.header-block-content.header-block-content-challenge, .body-wrapper--bg .dark-mode .header-block-content.header-block-content-challenge {
  margin-left: 0px;
  padding: 0px;
  background-color: rgba(255,255,255,0);
  box-shadow: none;
}

.challenge-header-title {
  margin-bottom: 30px;
  font-size: 50px;
  line-height: 58px;
}

.header-points-block {
  display: inline-block;
  margin-right: 10px;
}
.header-points-block-content {
    margin-bottom: 4rem;
}
@media screen and (max-width: 600px) {
    .header-points-block-content {
        margin-bottom: 7rem;
    }
}
@media screen and (max-width: 768px) {
    .header-points-block-content {
        margin-bottom: 1rem;
    }
}

.section-header-cat-img {
  position: absolute;
  left: auto;
  top: -15%;
  right: -19%;
  bottom: auto;
  display: inline-block;
  object-fit: contain;
}

.card-youll-learn {
  display: flex;
  flex-direction: column;
  min-width: 450px;
  padding: 10px 30px 30px;
  border-radius: 5px;
  background-color: #fff;
  background-image: none;
  box-shadow: -6px 6px 0 0 var(--light-pink);
}

.block-youll-learn {
    padding: 0 3rem;
}
.img-youll-learn {
  text-align: center;
}
.img-youll-learn--author {
    top: 5rem;
}
.img-youll-learn img {
    width: 230px;
}
.img-youll-learn .img-youll-learn--in {
    position: absolute;
    left: 100%;
    bottom: 50%;
    text-align: left;
    min-width: 100px;
}
.img-youll-learn .img-youll-learn--in h4 {
    transform: rotate(5deg);
    text-align: center;
    margin: 0;
    margin-left: 1rem;
    text-shadow:
        -1px -1px 0 var(--background),
        1px -1px 0 var(--background),
        -1px 1px 0 var(--background),
        1px 1px 0 var(--background);
}
.img-youll-learn .img-youll-learn--in svg-icon {
    margin-top: 5px;
    margin-left: 10px;
}
.img-youll-learn .img-youll-learn--in svg-icon svg {
    width: 50px;
    height: auto;
}

.youll-learn-feature {
  position: relative;
  display: inline-flex;
  align-items: flex-start;
  margin-top: 20px;
  padding-left: 2rem;
  font-family: 'Roboto Mono', sans-serif;
}

.youll-learn-feature .icon-svg {
    margin-right: 0.5rem;
    margin-top: 5px;
}

.youll-learn-feature .youll-learn-feature--text {
    display: inline-flex;
}
.youll-learn-feature .youll-learn-feature--text p {
   font-family: 'Roboto Mono', sans-serif;
   margin: 0 !important;
}

ul.youll-learn-feature {
    display: flex;
    flex-direction: column;
}

.challenge-target-section {
  -ms-grid-columns: 0.75fr 1fr;
  grid-template-columns: 0.75fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.previous-skills-content {
  background-color: rgba(0,0,0,0) !important;
}

.previous-skills-feature {
  position: relative;
  margin-top: 21px;
  padding-top: 9px;
  padding-left: 50px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.icon-previous-skills {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  width: 40px;
  height: 40px;
  float: left;
}

.previous-skills-block {
  z-index: -1;
  margin-top: 50px;
  margin-bottom: 50px;
}

.section-section-previous-skills {
  position: relative;
  padding-bottom: 100px;
}

.skills-rectangle {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: -1;
  width: 60vw;
  height: 90vh;
  max-height: 54vh;
  background-image: url('../images/Img_rectangle_bg.svg');
  background-position: 0px 0px;
  background-size: contain;
  background-repeat: no-repeat;
}
.dark-mode .skills-rectangle {
  background-image: url('../images/Img_rectangle_bg_dark.svg');
}

.join-challenge-button-block {
  padding-top: 20px;
  padding-bottom: 20px;
}
.icon-curved-join--left {
    order: 1;
}
.block-join--simple .icon-curved-join--left {
    transform: rotate(35deg);
}
.join-challenge-button-block a {
    order: 2;
}
.icon-curved-join--right {
    order: 3;
}
.block-join--simple .icon-curved-join--right {
    transform: rotate(-35deg);
}

.know-more-link {
  margin-bottom: 10px;
}

.know-more-title {
  display: inline-block;
  margin-right: 10px;
  margin-top: 1rem;
}

.previous-skills-wrapper {
  max-width: 600px;
}

.slider {
  height: 650px;
  padding-right: 25px;
  padding-left: 25px;
  background-color: rgba(255,255,255,0);
}

.slider-find-grid {
  padding-right: 30px;
  padding-left: 30px;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  border-style: solid;
  border-width: 1px;
  border-color: var(--primary);
  border-radius: 5px;
}

.mask {
  margin-top: 50px;
  padding-top: 50px;
}

/* W: necesario ???? */
.icon-slider-arrow {
  position: absolute;
  width: 50px;
  height: 50px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-style: solid;
  border-width: 1px;
  border-color: var(--primary);
  border-radius: 200px;
  background-color: #fff;
  background-image: url('../images/arrows/Arrow_slider_left.svg');
  background-position: 40% 50%;
  background-repeat: no-repeat;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.icon-slider-arrow:hover {
  background-color: var(--primary);
  background-image: url('../images/arrows/Arrow_slider_left_hover.svg');
  background-position: 40% 50%;
  background-size: auto;
  background-repeat: no-repeat;
}

.icon-slider-arrow.icon-slider-arrow-right {
  background-image: url('../images/arrows/Arrow_slider_right.svg');
  background-position: 60% 50%;
}

.icon-slider-arrow.icon-slider-arrow-right:hover {
  background-image: url('../images/arrows/Arrow_slider_right_hover.svg');
  background-position: 60% 50%;
  background-size: auto;
  background-repeat: no-repeat;
}

.right-arrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.slide-nav {
  display: none;
}

.discover-cards-block {
  margin-right: auto;
  margin-left: auto;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  max-width: 100% !important;
  column-gap: 16px;
  row-gap: 16px;
}
.discover-cards-block.w-layout-grid-1 {
    max-width: 650px;
}

.discover-cards-block.discover-cards-learning {
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}

.discover-cards-block .card-wrapper {
  flex: 1;
  max-width: 600px;
}

.discover-cards-block .card-content {
    border-radius: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.progress-content-block-header {
    width: 50%;
    max-width: 50%;
    margin-bottom: 10px;
    font-family: 'Fraktion sans', sans-serif;
    color: var(--primary);
    font-size: 14px;
    text-transform: uppercase;
}
@media screen and (max-width: 1200px) {
    .progress-content-block-header {
        width: 75%;
        max-width: 75%;
    }
}
@media screen and (max-width: 768px) {
    .progress-content-block-header {
        width: 100%;
        max-width: 100%;
    }
}

.header-chall-info-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 600px) {
    .header-chall-info-block {
        flex-direction: column;
        align-items: start;
    }
    .progress-content-block-header {
        width: 100%;
        max-width: 100%;
    }
    .join-challenge-button-block .button {
        width: 100%;
        max-width: 100%;
    }
}

.card-learningpath-dashboard {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 5px;
  box-shadow: 0 0 4px 0 rgba(19, 32, 217, 0.2);
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.breadcrumbs-block {
  margin-top: 30px;
  font-family: 'Roboto Mono', sans-serif;
  font-size: 13px;
}

/* Lessons content */
.lesson-content {
  padding: 60px;
  /* padding-bottom: 0; */
  border-radius: 5px 5px 0px 0px;
  background-color: #fff;
}

.lesson-content.lesson-content-start {
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 0.25fr;
  grid-template-columns: 1fr 0.25fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  border-radius: 5px;
}

.lesson-content.lesson-content-success {
  text-align: center;
}

.lesson-content.lesson-content-menu {
  position: -webkit-sticky;
  position: sticky;
  padding: 10px;
  top: 20px; /* header + 20 */
  padding-right: 0;
  padding-left: 30px;
  background-color: #e9ebfe;
}
.lesson-content.lesson-content-menu .index-content {
    padding-right: 20px;
}
@media screen and (max-width: 1023px) {
    .lesson-content.lesson-content-menu {
        position: relative;
        top: 0;
    }
}

.text-button-navigator {
  display: inline-block;
  margin-right: 10px;
  margin-left: 10px;
  color: var(--primary);
}

.about-card {
  padding: 30px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 4px 0 rgba(19, 32, 217, 0.2);
  color: var(--light-black);
  text-align: center;
  cursor: default;
}

.about-picture {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 250px;
    height: 250px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    border-radius: 250px;
    background-color: var(--light-blue);
}
.about-img {
    margin-right: auto;
    margin-left: auto;
    border-bottom-left-radius: 250px;
    border-bottom-right-radius: 250px;
}
.about-img--fill {
    height: 250px;
}

.login-wrapper {
  display: block;
  margin-right: auto;
  margin-left: auto;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.login-notregistered-link {
  font-size: 17px;
}

.profile-picture {
  margin-right: 30px;
  float: left;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.profile-picture-bg {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 150px;
    height: 150px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 200px;
    background-color: var(--light-blue);
}

.background-video {
  min-height: 80vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: rgba(233, 235, 254, 0.88);
  background-image: url('../images/Img_header_triangle.svg');
  background-position: 50% 100%;
  background-size: 100vw;
  background-repeat: no-repeat;
}

.linear-bg {
  position: absolute;
  z-index: -1;
  -webkit-transform: rotate(-17deg);
  -ms-transform: rotate(-17deg);
  transform: rotate(-17deg);
}

.icon-face {
  position: relative;
  top: -63px;
  z-index: 1;
  margin-top: 219px;
  margin-left: 73px;
}

.ach-title {
  font-size: 26px;
  line-height: 36px;
  font-weight: 700;
}

.icon-repeat-learning-path {
  width: 80px;
  padding: 10px;
  border-radius: 200px;
  background-color: var(--light-blue);
  filter: none !important;
}

.block-join-challenge {
  padding: 30px;
  border-width: 1px;
  border-color: var(--primary);
  border-radius: 5px;
}

.icon-curved-join svg {
  width: 70px;
  height: auto;
  margin-top: -50px;
  margin-right: 20px;
  margin-left: 20px;
}

.slide {
  padding-top: 55px;
}

.dashboard-section-title {
  margin-top: 0px;
}

@media screen and (max-width: 1440px) {
    .block-youll-learn {
        padding-right: 0;
        margin-top: 3rem;
    }
    .card-category {
        max-width: 60%;
    }
}

@media screen and (max-width: 1023px) {
  .wrapper.wrapper-left, .wrapper.wrapper.wrapper-quarter {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }

  .h0 {
    font-size: 72px;
    line-height: 78px;
  }
  h1 {
    font-size: 45px;
    line-height: 50px;
  }
  h2, .challenge-target-section h6 {
    font-size: 30px;
    line-height: 36px;
  }
  h3 {
    font-size: 24px;
    line-height: 28px;
  }
  p {
    line-height: 21px;
  }
  .user-profile-achievements-title.upat-number {
    line-height: 14px;
  }
  .nav-link {
    margin-right: 0px;
    text-align: center;
  }
  .nav-link.nl-user-resp {
    color: #737272;
    font-size: 18px;
    line-height: 18px;
  }
  .disclaimer-text {
    display: inline-block;
  }
  .disclaimer-link {
    display: inline-block;
  }
  .section {
    padding-top: 40px;
    padding-bottom: 100px;
  }
  .section.section-join {
    margin-top: 0px;
  }
  .section.section-home-1 {
    padding-top: 50px;
    padding-bottom: 30px;
  }
  .section.section-home-madebyhackers {
    padding-bottom: 20px;
  }
  .wrapper.wrapper-right {
    -ms-grid-columns: 0.5fr 1fr;
    grid-template-columns: 0.5fr 1fr;
  }
  .section-title {
    margin-bottom: 10px;
    font-size: 58px;
  }
  .menu-select {
    margin-right: 5px;
    margin-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14px;
  }
  .menu-select-block {
    margin-bottom: 0px;
  }
    .cards-block {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
    .cards-block.cards-block--1 {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .cards-block.cards-block--2 {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
  .cards-block.cards-block-faqs {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .card-content.card-content-faqs {
    min-height: 100px;
  }
  .card-category {
    font-size: 13px;
  }
  .card-subcategory-title {
    font-size: 13px;
  }
  .card-wrapper.card-wrapper-hide {
    display: none;
  }
  .card-title.card-title-user {
    margin-right: 100px;
  }
  .icon-new {
    position: relative;
  }
  .paragraph-3 {
    line-height: 18px;
  }
  .register-wrapper.register-wrapper-plan {
    -ms-grid-columns: 0.75fr 1fr;
    grid-template-columns: 0.75fr 1fr;
  }
  .register-block {
    padding-right: 20px;
    padding-left: 20px;
  }
  .search-input-button {
    min-width: 40px !important;
  }
  .login-block.login-block-landing {
    display: inline-block;
  }
  .content-block.cb-badges {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
  .content-block.cb-badges-info {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
  .tabs-menu.tabs-menu-ranking {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .card-dashboard {
    grid-row-gap: 0px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .card-dashboard-img {
    min-height: 250px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 5px;
  }
  .card-dashboard-img .card-dashboard-img {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }
  .card-progress {
    font-size: 13px;
  }
  .card-progress-symbol {
    font-size: 13px;
  }
  .tabs-profile-menu {
    padding-bottom: 10px;
  }
  .block-title {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .information-block.info-block-1col {
    width: 100%;
  }
  .log-block {
    -ms-grid-columns: 0.5fr 0.25fr 0.75fr;
    grid-template-columns: 0.5fr 0.25fr 0.75fr;
  }
  .ranking-block {
    -ms-grid-columns: 5% 35px auto 5% 10% 10% 10%;
    grid-template-columns: 5% 35px auto 5% 10% 10% 10%;
  }
  .user-avatar-ranking {
    width: 40px !important;
    height: 40px;
  }
  .ranking-block .user-avatar-ranking {
    min-width: 40px;
    max-width: 40px;
    min-height: 40px;
    max-height: 40px;
  }
  .user-rank-number {
    font-size: 20px;
  }
  .ranking-user-points {
    font-size: 18px;
  }
  .ranking-user-level {
    font-size: 14px;
    line-height: 14px;
  }
  .profile-ranking-block {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .user-avatar-profile-ranking {
    width: 150px;
    height: 150px;
  }
  .section-header {
    display: block;
    min-height: auto;
  }
  .section-header.section-header-general {
    display: block;
    min-height: auto;
  }
  .section-header.section-header-legal {
    display: block;
    min-height: auto;
  }
  .header-block-content {
    margin-left: 0 !important;
    padding-right: 230px; /* section-header-cat-img + 30px */
  }
  .header-block-content.header-block-content-dashboard {
    padding: 0px !important;
  }
  .header-block-content.header-block-content-challenge {
    margin-top: 0 !important;
    padding: 0px !important;
  }
  .header-block-content.header-block-content-faqs {
    padding-top: 30px;
    padding-right: 0px;
  }
  .section-header-cat-img {
    left: auto;
    top: 0% !important;
    right: 0% !important;
    bottom: auto;
    width: 200px;
    margin-top: 20px;
    margin-right: 20px;
  }
  .section-header-cat-img img {
    max-width: 100% !important;
  }
  .card-youll-learn {
    min-width: auto;
  }
  .block-youll-learn {
        padding: 0 !important;
        margin-top: 0 !important;
    }

    .img-youll-learn .img-youll-learn--in {
        position: relative;
        left: 0;
        bottom: auto;
    }

    .img-youll-learn .img-youll-learn--in h4 {
        transform: none;
    }

    .img-youll-learn .img-youll-learn--in .icon-svg {
        position: absolute;
        right: 10%;
        top: 100%;
    }

    .img-youll-learn--author {
        top: 1rem;
    }
  .challenge-target-section {
    grid-column-gap: 25px;
    grid-row-gap: 50px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .youll-learn-feature {
      padding-left: 0;
  }
  .skills-rectangle {
    width: 150%;
  }
  .slider {
    height: 1100px;
  }
  .slider-find-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .icon-slider-arrow {
    margin-top: 0px;
    margin-bottom: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .discover-cards-block {
    flex-direction: column;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .discover-cards-block .card-wrapper {
    width: 100%;
  }
  .lesson-content {
    padding: 50px 30px;
  }
  .lesson-content.lesson-content-menu {
    padding-bottom: 30px;
    padding-left: 20px;
  }
  .lesson-content.lesson-content-menu .index-content {
    padding-right: 10px;
  }
  .congratulations-title {
    font-size: 50px;
  }
  .background-video {
    min-height: 700px;
  }
  .icon-face {
    margin-top: 255px;
    margin-left: 0px;
  }
}

@media screen and (max-width: 991px) {
    .cards-filter {
        margin-top: 0;
    }
    .morebadges-block {
        display: none;
    }
    .badges-ranking-content {
        display: none;
    }
    .badges-ranking-content-all {
        display: flex;
    }
}

@media screen and (max-width: 768px) {
  .nav-link.nl-user-resp {
    color: #737272;
    font-size: 16px;
    line-height: 16px;
  }
  .brand {
    margin-top: 12px;
  }
  .section {
    padding-top: 40px;
  }
  .wrapper.wrapper-right {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
  .section-title {
    font-size: 54px;
    line-height: 60px;
  }
  .menu-select-block {
    margin-top: 30px;
    margin-bottom: 0px;
  }
    .cards-block, .cards-block.cards-block--1, .cards-block.cards-block--2 {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
  .cards-block.cards-block-learning-paths {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .cards-block.cards-block-faqs {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .cards-block.cards-block-faqs-3col {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .cards-block.cards-block-faqs-2col {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .card-content.card-content-learningpath-dashboard {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
  }
  .card-content.card-content-faqs {
    min-height: 80px;
  }
  .card-title.card-tittle-academy {
    margin-top: 4px;
    font-size: 20px;
  }
  .card-title.card-tittle-academy.cad-title-faq {
    margin-top: 10px;
  }
  .card-category {
    max-width: 70%;
  }
  .discover-cards-block {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .discover-cards-block.discover-cards-learning {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .register-wrapper {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .register-wrapper.register-wrapper-plan {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .register-content {
    padding-right: 0px;
    padding-left: 0px;
  }
  .text-field.text-field-twofactor {
    width: 100%;
    text-align: center;
  }
  .text-field.text-field-copy {
    margin-bottom: 0px;
  }
  .login-block {
    margin-top: 5px;
  }
  .login-block.login-block-landing {
    margin-right: 10px;
    padding-right: 30px;
    padding-left: 30px;
    font-size: 16px;
    line-height: 16px;
  }
  .questions-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .content-block.cb-badges {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .content-block.cb-badges-info {
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .profile-tab {
    margin-right: 20px;
  }
  .information-block {
    width: 100%;
  }
  .information-block.info-block-2col {
    display: block;
    grid-row-gap: 5px;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
  .select-field.select-field-twofactor {
    width: 50%;
    margin-right: 0px;
    margin-bottom: 10px;
  }
  .form-twofactor {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .log-block {
    -ms-grid-columns: 1fr 0.25fr 0.75fr;
    grid-template-columns: 1fr 0.25fr 0.75fr;
  }
  .ranking-block {
    -ms-grid-columns: 10% 25px auto 10% 15%;
    grid-template-columns: 10% 25px auto 10% 15%;
  }
  .user-avatar-ranking {
    width: 30px !important;
    height: 30px;
  }
  .ranking-block .user-avatar-ranking {
    min-width: 30px;
    max-width: 30px;
    min-height: 30px;
    max-height: 30px;
  }
  .ranking-user-points {
    font-size: 14px;
  }
  .badges-grid-ranking-user {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .morebadges-block {
    width: 40px;
    font-size: 13px;
  }
  .ranking-title-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .ranking-best-month-block {
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
  }
  .rank-name {
    font-size: 16px;
  }
  .title-mentoring-block.title-mentoring-block-right {
    margin-top: 30px;
    float: none;
  }
  .header-block-content {
    padding-right: 30px !important;
    padding-top: 60px !important;
  }
  .challenge-header-title {
    font-size: 44px;
    line-height: 52px;
  }
  .section-header-cat-img {
    display: none;
  }
  .slider {
    height: 1050px;
    margin-bottom: 50px;
  }
  .slider-find-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .ranking-resp-col {
    display: none;
  }
  .card-learningpath-dashboard {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
  }
  .lesson-content.lesson-content-menu {
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .lesson-pagination-circle {
    position: static;
  }
  .clue-submit-block {
    margin-top: 0px;
  }
  .background-video {
    min-height: 600px;
  }
  .hero-right-content {
    display: none;
  }
  .block-join-challenge {
    padding-right: 0px;
    padding-left: 0px;
  }
}
@media screen and (max-width: 600px) {
  .icon-curved-join {
    display: none !important;
  }
}

@media screen and (max-width: 479px) {
  h2, .challenge-target-section h6 {
    line-height: 30px;
  }
  h3 {
    line-height: 25px;
  }
  blockquote {
    margin-left: 0px;
  }
  .brand {
    max-width: 150px;
    margin-top: 9px;
    margin-right: 0px;
    padding-left: 0px;
  }
  .section {
    padding-right: 20px;
    padding-left: 20px;
  }
  .section.section-find {
    padding-right: 5px;
    padding-left: 5px;
  }
  .wrapper.wrapper-right {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
  .section-title {
    font-size: 50px;
    line-height: 57px;
  }
  .section-title.section-title-search {
    font-size: 30px;
    line-height: 36px;
  }
  .cards-block.cards-block-faqs {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .card-title.card-title-user {
    margin-right: 0px;
  }
  .legal-text.legal-text-space {
    display: none;
  }
  .cards-filter {
    margin-top: 10px;
    margin-right: 15px;
  }
  .register-block {
    padding-right: 0px;
    padding-left: 0px;
  }
  .search-input-button {
    min-width: 40px !important;
  }
  .login-block {
    margin-top: 9px;
    padding-right: 20px;
    padding-left: 20px;
  }
  .login-block.login-block-landing {
    padding-right: 10px;
    padding-left: 10px;
  }
  .register-questions-content {
    padding-right: 20px;
    padding-left: 20px;
  }
  .content-block.cb-badges {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .content-block.cb-badges-info {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .card-level-dashboard-content {
    display: block;
  }
  .dashboard-section-title-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .dashboard-section-title-content-btn {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .log-block {
    grid-row-gap: 0px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .ranking-block {
    -ms-grid-columns: 15% 25px auto 20%;
    grid-template-columns: 15% 25px auto 20%;
  }
  .badges-ranking-block {
    display: none;
  }
  .ranking-user-level {
    display: none;
  }
  .ranking-resp-sm-col {
    display: none !important;
  }
  .user-avatar-profile-ranking {
    width: 100px;
    height: 100px;
  }
  .icon-avatar-profile-ranking {
    min-width: 60px;
  }
  .badges-grid-ranking-user {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .section-header.section-header-info {
    padding-right: 20px;
    padding-left: 20px;
  }
  .section-header-content {
    padding-left: 20px;
    padding-right: 20px;
  }
  .section-header-content.section-header-content-academy {
    padding-left: 20px;
  }
  .challenge-header-title {
    font-size: 40px;
    line-height: 48px;
  }
  .slider {
    height: 1300px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .slider-find-grid {
    padding-right: 20px;
    padding-left: 20px;
  }
  .icon-slider-arrow {
    width: 30px;
    height: 30px;
    background-size: 9px;
  }
  .icon-slider-arrow.icon-slider-arrow-right.icon-slider-arrow-right-home:hover {
    background-image: url('../images/arrows/Arrow_slider_right_hover.svg');
    background-position: 60% 50%;
    background-size: 9px;
    background-repeat: no-repeat;
  }
  .icon-slider-arrow.icon-slider-arrow-home:hover {
    background-image: url('../images/arrows/Arrow_slider_left_hover.svg');
    background-position: 40% 50%;
    background-size: 9px;
    background-repeat: no-repeat;
  }
  .lesson-content {
    padding: 35px 15px;
    padding-bottom: 0;
  }
  .text-button-navigator {
    display: none;
  }
  .congratulations-title {
    font-size: 35px;
  }
  .card-subcategory-tag {
    margin-bottom: 5px;
    font-size: 11px;
  }
  .profile-picture {
    margin-right: 0px;
  }
  .background-video {
    min-height: 540px;
  }
}

/* WEBFLOW */

#w-node-33717846c24a-b21691bc {
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
}

#w-node-c6e9dbce18f9-b21691bc {
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
}

#w-node-807af01caab4-b21691bc {
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
}

#w-node-4e2d7b870890-7b870879 {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

#w-node-23fbaab66022-981691c5 {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

#w-node-23fbaab6602a-981691c5 {
  -ms-grid-column-align: end;
  justify-self: end;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

#w-node-c4f35d675760-771691c6 {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

#w-node-c4f35d675760-c31691c7 {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

#w-node-7f326df35928-c31691c7 {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

#w-node-c4f35d675760-5c1691c8 {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

#w-node-792ccca2eea9-5c1691c8 {
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-7f326df35928-5c1691c8 {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-0d070b95ac11-451691c9 {
  -webkit-align-self: end;
  -ms-flex-item-align: end;
  -ms-grid-row-align: end;
  align-self: end;
}

#w-node-0d070b95ac97-451691c9 {
  -ms-grid-column-align: start;
  justify-self: start;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

#w-node-0d070b95ac9c-451691c9 {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

#w-node-0d070b95aca0-451691c9 {
  -ms-grid-column-align: start;
  justify-self: start;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

#w-node-0d070b95aca5-451691c9 {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

#w-node-0d070b95aca9-451691c9 {
  -ms-grid-column-align: start;
  justify-self: start;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

#w-node-0d070b95acae-451691c9 {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

#w-node-0d070b95acb2-451691c9 {
  -ms-grid-column-align: start;
  justify-self: start;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

#w-node-0d070b95acb7-451691c9 {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

#w-node-0d070b95ac83-451691c9 {
  -ms-grid-column-align: center;
  justify-self: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

#w-node-c4f35d675760-ea1691ca {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

#w-node-ec5744723725-a81691cc {
  -webkit-align-self: end;
  -ms-flex-item-align: end;
  -ms-grid-row-align: end;
  align-self: end;
}

#w-node-ec5744723794-a81691cc {
  -ms-grid-column-align: center;
  justify-self: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

#w-node-ec57447237a8-a81691cc {
  -ms-grid-column-align: start;
  justify-self: start;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

#w-node-ec57447237ad-a81691cc {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

#w-node-ec57447237b1-a81691cc {
  -ms-grid-column-align: start;
  justify-self: start;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

#w-node-ec57447237b6-a81691cc {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

#w-node-ec57447237ba-a81691cc {
  -ms-grid-column-align: start;
  justify-self: start;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

#w-node-ec57447237bf-a81691cc {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

#w-node-ec57447237c3-a81691cc {
  -ms-grid-column-align: start;
  justify-self: start;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

#w-node-ec57447237c8-a81691cc {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

#w-node-c330605e6e89-4b1691cd {
  -ms-grid-column-align: end;
  justify-self: end;
}

#w-node-c330605e6e8e-4b1691cd {
  -ms-grid-column-align: end;
  justify-self: end;
}

#w-node-894050e2b62a-4b1691cd {
  -ms-grid-column-align: end;
  justify-self: end;
}

#w-node-c330605e6e93-4b1691cd {
  -ms-grid-column-align: end;
  justify-self: end;
}

#w-node-c330605e6e99-4b1691cd {
  -ms-grid-column-align: end;
  justify-self: end;
}

#w-node-9beb1ace9b1a-4b1691cd {
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column: span 2;
  grid-column-start: span 2;
  -ms-grid-column-span: 2;
  grid-column-end: span 2;
}

#w-node-bcf9eb0d83c1-4b1691cd {
  -ms-grid-column-align: end;
  justify-self: end;
}

#w-node-bcf9eb0d83c6-4b1691cd {
  -ms-grid-column-align: end;
  justify-self: end;
}

#w-node-bcf9eb0d83cb-4b1691cd {
  -ms-grid-column-align: end;
  justify-self: end;
}

#w-node-bcf9eb0d83d0-4b1691cd {
  -ms-grid-column-align: end;
  justify-self: end;
}

#w-node-bcf9eb0d83d6-4b1691cd {
  -ms-grid-column-align: end;
  justify-self: end;
}

#w-node-9896a64047bc-091691ce {
  -ms-grid-column-align: end;
  justify-self: end;
}

#w-node-9896a64047d3-091691ce {
  -ms-grid-column-align: end;
  justify-self: end;
}

#w-node-9896a64047eb-091691ce {
  -ms-grid-column-align: end;
  justify-self: end;
}

#w-node-9896a6404803-091691ce {
  -ms-grid-column-align: end;
  justify-self: end;
}

#w-node-390040873666-091691ce {
  -ms-grid-column-align: end;
  justify-self: end;
}

#w-node-39004087367d-091691ce {
  -ms-grid-column-align: end;
  justify-self: end;
}

#w-node-390040873696-091691ce {
  -ms-grid-column-align: end;
  justify-self: end;
}

#w-node-3900408736af-091691ce {
  -ms-grid-column-align: end;
  justify-self: end;
}

#w-node-08294d4c58e4-021691cf {
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
}

#w-node-cdf5afc82528-b21691d1 {
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-c897fef1f616-b21691d1 {
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-631f826d5c13-b21691d1 {
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-f6c2e5ff30de-b21691d1 {
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-f6c2e5ff30fa-b21691d1 {
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-cdf5afc82528-881691d2 {
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-89453b1ce57c-281691d7 {
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
}

#w-node-f7bb5f4c87eb-281691d7 {
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-85ce1e26d61f-281691d7 {
  -webkit-align-self: end;
  -ms-flex-item-align: end;
  -ms-grid-row-align: end;
  align-self: end;
}

#w-node-13d8db254c76-281691d7 {
  -webkit-align-self: end;
  -ms-flex-item-align: end;
  -ms-grid-row-align: end;
  align-self: end;
}

#w-node-1b906ce27069-281691d7 {
  -webkit-align-self: end;
  -ms-flex-item-align: end;
  -ms-grid-row-align: end;
  align-self: end;
}

#w-node-c4f35d675760-3a1691d8 {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

#w-node-c4f35d675760-021691d9 {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

#w-node-2a20a83bd763-021691d9 {
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column: span 2;
  grid-column-start: span 2;
  -ms-grid-column-span: 2;
  grid-column-end: span 2;
}

#w-node-09c0cd4804d0-021691d9 {
  -ms-grid-column-align: end;
  justify-self: end;
}

#w-node-9229912ffed9-021691d9 {
  -ms-grid-column-align: end;
  justify-self: end;
}

#w-node-fc07d02f14c2-021691d9 {
  -ms-grid-column-align: end;
  justify-self: end;
}

#w-node-b7d4886aa635-021691d9 {
  -ms-grid-column-align: end;
  justify-self: end;
}

#w-node-e7ccd5ad32bc-a91691de {
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
}

#w-node-610fbe737d99-a91691de {
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
}

#w-node-977bd0ef270b-a91691de {
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
}

#w-node-e7ccd5ad32bc-ab1691df {
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
}

#w-node-ff69cd727394-0c1691f1 {
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-6fc34f07b4c5-0c1691f1 {
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-2aae422a6f77-0c1691f1 {
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-260558475850-f6169213 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: Area;
}

.data-payment-block>#w-node-260558475850-f6169213 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
}

.cards-news>#w-node-260558475850-f6169213 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

.about-text-block>#w-node-260558475850-f6169213 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

.about-grid>#w-node-260558475850-f6169213 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

.hiring-grid>#w-node-260558475850-f6169213 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

.hiring-text-block>#w-node-260558475850-f6169213 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

.contact-grid>#w-node-260558475850-f6169213 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

#w-node-c4f35d675760-3f169224 {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

#w-node-6752ff5c490e-9c16924e {
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
}

#w-node-09474746ac13-9c16924e {
  -ms-grid-row-align: start;
  align-self: start;
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-75f97ef08405-9c16924e {
  -ms-grid-row-align: start;
  align-self: start;
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}


#w-node-4694be7daf23-a9169250 {
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-33717846c24a-a9169250 {
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
}

#w-node-c6e9dbce18f9-a9169250 {
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
}

#w-node-807af01caab4-a9169250 {
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
}

#w-node-c4f35d675760-eb169251 {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

@media screen and (max-width: 991px) {
  #w-node-72639e17b677-b21691bc {
    -ms-grid-column-align: center;
    justify-self: center;
  }
  #w-node-72639e17b677-a9169250 {
    -ms-grid-column-align: center;
    justify-self: center;
  }
}

@media screen and (max-width: 768px) {
}

@media screen and (max-width: 479px) {
}