.quick-intro {
  line-height: 1.5;
}

.startpage-section {
  font-size: var(--font-size-3);
  position: relative; /* for flag */
}

.inner-container {
  /*border-top: 24px solid var(--gray-01);*/
  display: flex;
  flex-direction: column;
  padding: 44px 32px 32px 32px; 
}

.inner-container > *:not(:last-child) {
  margin-bottom: 24px;
}

.section-pic {
  height: auto;
  max-width: 400px;
  width: 100%;
  border: 1px solid var(--gray-03);
}

@media (min-width: 1200px) {
  .inner-container {
    display: grid;
    grid-template-columns: 1fr 42% 3% 42% minmax(60px, 1fr);
    padding: 44px 0;
  }

  .inner-container > *:not(:last-child) {
    margin-bottom: 0;
  }

  .inner-container:not(.reverse-md) > *:last-child,
  .inner-container.reverse-md > *:first-child {
    grid-column: 4 / 5;
    grid-row: 1;
  }

  .inner-container:not(.reverse-md) > *:first-child,
  .inner-container.reverse-md > *:last-child {
    grid-column: 2 / 3;
    grid-row: 1;
  }
}

@media (min-width: 1500px) {
  .inner-container {
    grid-template-columns: 20% 32% min(4%, 44px) 35% 1fr;
    padding: 60px 0;
  }
}

@media (min-width: 1920px) {
  .inner-container {
    grid-template-columns: 1fr 28% min(3%, 56px) 28% 1fr;
  }
}

.section-text-with-symbols {
  margin-bottom: 16px;
}

.section-text-with-symbols p::before {
  content: '';
  display: inline-block;
  flex: 0 0 24px;
  height: 24px;
  margin-right: 8px;
}

.quick-intro > *:last-child {
  margin-bottom: 40px;
}

.section-text-with-symbols--item {
  display: flex;
  margin-bottom: 24px;
}

.section-text-with-symbols span {
  flex: 1;
}

.section-text-with-symbols {
  & .symbol-folder {
    margin-bottom: 4px;
  }

  & ul {
    margin-bottom: 24px;
    margin-top: 0;
    padding-left: 48px;
  }
}

.symbol-workbook {
  margin-bottom: 16px;
}

.section-text-with-symbols .symbol-folder::before {
  /* folder.svg */
  background: center / contain no-repeat url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgPHBhdGggZD0iTTIwIDIwSDRhMiAyIDAgMDEtMi0yVjZhMiAyIDAgMDEyLTJoNmExIDEgMCAwMS43MS4yOUwxMi40MSA2SDIwYTIgMiAwIDAxMiAydjEwYTIgMiAwIDAxLTIgMnpNNCA2djEyaDE2VjhoLThhMSAxIDAgMDEtLjcxLS4yOUw5LjU5IDZ6Ii8+Cjwvc3ZnPg==');
  height: 22px;
}

.section-text-with-symbols .symbol-glass::before {
  /* search.svg */
  background: center / contain no-repeat url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgPHBhdGggZD0iTTE5LjcxIDE4LjI5bC01LTVhNi41MiA2LjUyIDAgMTAtMS40MSAxLjQxbDUgNWExIDEgMCAwMDEuNDIgMCAxIDEgMCAwMC0uMDEtMS40MXpNNSA5LjVBNC41IDQuNSAwIDExOS41IDE0IDQuNTEgNC41MSAwIDAxNSA5LjV6Ii8+Cjwvc3ZnPg==');
  height: 22px;
}

.section-text-with-symbols .symbol-info::before {
  /* info-small.svg */
  background: center / contain no-repeat url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgPHBhdGggZD0iTTEyIDIwLjVhOC41IDguNSAwIDExOC41LTguNSA4LjUxIDguNTEgMCAwMS04LjUgOC41em0wLTE1YTYuNSA2LjUgMCAxMDYuNSA2LjVBNi41MSA2LjUxIDAgMDAxMiA1LjV6bTEgMTB2LTNhMSAxIDAgMDAtMiAwdjNhMSAxIDAgMDAyIDB6bS0uMTItNS42MmExLjI2IDEuMjYgMCAwMC4yOC0uNCAxLjI4IDEuMjggMCAwMC4wOS0uNDggMS45NCAxLjk0IDAgMDAwLS4yNCAxLjEzIDEuMTMgMCAwMC0uMDgtLjI0IDIuMTIgMi4xMiAwIDAwLS4xNy0uMjEgMS40NiAxLjQ2IDAgMDAtLjE2LS4xOSAxIDEgMCAwMC0uMTUtLjEybC0uMjEtLjExYTEuMDkgMS4wOSAwIDAwLS4yNC0uMDcgMS4yOSAxLjI5IDAgMDAtLjQ4IDAgMS4wOSAxLjA5IDAgMDAtLjI0LjA3bC0uMjEuMTFhMSAxIDAgMDAtLjE5LjE2IDEuNDYgMS40NiAwIDAwLS4xNi4xOSAyLjEyIDIuMTIgMCAwMC0uMTEuMjEgMS4wOSAxLjA5IDAgMDAtLjA3LjI0IDEgMSAwIDAwMCAuMjQgMS4yOCAxLjI4IDAgMDAuMDkuNDggMS4yNiAxLjI2IDAgMDAuMjguNCAxLjIzIDEuMjMgMCAwMDEuNzYgMHoiLz4KPC9zdmc+');
}

.symbol-workbook::before {
  /* create-workbook.svg */
  background: center / contain no-repeat url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjUgNEM0LjY1MiA0IDQgNC42NTIgNCA1LjV2OS4wMjNBNC4xOTggNC4xOTggMCAwIDEgNiAxNGgxMHYtMmExIDEgMCAxIDEgMiAwdjNhMSAxIDAgMCAxLTEgMUg2Yy0uOTg0IDAtMiAuNjc5LTIgMiAwIC43MjkuMjYzIDEuMjAyLjYwMiAxLjUwMy4zNTcuMzE3Ljg2MS40OTcgMS4zOTguNDk3aDExYTEgMSAwIDEgMSAwIDJINmMtLjk2MyAwLTEuOTU5LS4zMi0yLjcyNy0xLjAwM0MyLjQ4NyAyMC4yOTggMiAxOS4yNzEgMiAxOFY1LjVDMiAzLjU0OCAzLjU0OCAyIDUuNSAySDE0YTEgMSAwIDEgMSAwIDJINS41ek0xOSAyYTEgMSAwIDAgMSAxIDF2MmgyYTEgMSAwIDEgMSAwIDJoLTJ2MmExIDEgMCAxIDEtMiAwVjdoLTJhMSAxIDAgMSAxIDAtMmgyVjNhMSAxIDAgMCAxIDEtMXpNNSAxOGExIDEgMCAwIDEgMS0xaDEwYTEgMSAwIDEgMSAwIDJINmExIDEgMCAwIDEtMS0xeiIvPgo8L3N2Zz4K');
}



/* Section 2 */

.symbol-navigator::before {
  /* navigation-menu.svg */
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgPHBhdGggZD0iTTQgMThoMTZhMSAxIDAgMDAxLTEgMSAxIDAgMDAtMS0xSDRhMSAxIDAgMDAtMSAxIDEgMSAwIDAwMSAxem0wLTVoMTZhMSAxIDAgMDAxLTEgMSAxIDAgMDAtMS0xSDRhMSAxIDAgMDAtMSAxIDEgMSAwIDAwMSAxek0zIDdhMSAxIDAgMDAxIDFoMTZhMSAxIDAgMDAxLTEgMSAxIDAgMDAtMS0xSDRhMSAxIDAgMDAtMSAxeiIvPgo8L3N2Zz4K');
}

/* Section 2 END */

/* Section 5 */
.symbol {
  align-items: center;
  display: flex;
}

.symbol::before {
  content: '';
  display: inline-block;
  height: 24px;
  margin-right: 4px;
  width: 24px;
}

.symbol-dashboard::before {
  /* dashboard.svg */
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgPHBhdGggZD0iTTE5IDNINWEyIDIgMCAwMC0yIDJ2MTRhMiAyIDAgMDAyIDJoMTRhMiAyIDAgMDAyLTJWNWEyIDIgMCAwMC0yLTJ6bTAgMTBoLTZWNWg2em0tOC04djRINVY1em0tNiA2aDZ2OEg1em04IDh2LTRoNnY0eiIvPgo8L3N2Zz4K');
}

.symbol-table::before {
  /* table-individual-values.svg */
  background-image: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yIDRhMSAxIDAgMCAxIDEtMWgxOGExIDEgMCAwIDEgMSAxdjE1YTEgMSAwIDAgMS0xIDFIM2ExIDEgMCAwIDEtMS0xVjR6bTIgMXYzaDdWNUg0em05IDB2M2g3VjVoLTd6bTcgNWgtN3YzaDd2LTN6bTAgNWgtN3YzaDd2LTN6bS05IDN2LTNINHYzaDd6bS03LTVoN3YtM0g0djN6IiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPC9zdmc+Cg==');
}

.symbol-chart::before {
  /* chart-column.svg */
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgPHJlY3QgeD0iMTciIHk9IjUiIHdpZHRoPSIyIiBoZWlnaHQ9IjE0Ii8+CiAgPHJlY3QgeD0iOSIgeT0iMTAiIHdpZHRoPSIyIiBoZWlnaHQ9IjkiLz4KICA8cmVjdCB4PSI1IiB5PSIxMyIgd2lkdGg9IjIiIGhlaWdodD0iNiIvPgogIDxyZWN0IHg9IjEzIiB5PSIxMSIgd2lkdGg9IjIiIGhlaWdodD0iOCIvPgo8L3N2Zz4K');
}

.symbol-map::before {
  /* map.svg */
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgPHBhdGggZD0iTTIxLjUzIDMuMTVhMSAxIDAgMDAtMSAwTDE1IDUuODggOS40NSAzLjExYS45My45MyAwIDAwLS44NCAwbC02IDNBMSAxIDAgMDAyIDd2MTNhMSAxIDAgMDAuNDcuODVBMSAxIDAgMDAzIDIxYTEgMSAwIDAwLjQ1LS4xMUw5IDE4LjEybDUuNTUgMi43N2EuOTMuOTMgMCAwMC44NCAwbDYtM0ExIDEgMCAwMDIyIDE3VjRhMSAxIDAgMDAtLjQ3LS44NXpNMTAgNS42Mmw0IDJ2MTAuNzZsLTQtMnptLTYgMmw0LTJ2MTAuNzZsLTQgMnptMTYgOC43NmwtNCAyVjcuNjJsNC0yeiIvPgo8L3N2Zz4K');
}

/* Section 5 END */

/* Section 6 */
.symbol-databrowser {
  /* database.svg */
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjI5MiA2LjU4QzUuMDEgNi44MyA1IDYuOTc1IDUgN2MwIC4wMjYuMDEuMTcuMjkyLjQyLjI4LjI0OC43NDQuNTE4IDEuNDAyLjc2NUM4LjAwNCA4LjY3NSA5Ljg4IDkgMTIgOXMzLjk5Ny0uMzI0IDUuMzA2LS44MTVjLjY1OC0uMjQ3IDEuMTIxLS41MTcgMS40MDItLjc2NkMxOC45OSA3LjE3IDE5IDcuMDI2IDE5IDdjMC0uMDI2LS4wMS0uMTctLjI5Mi0uNDItLjI4LS4yNDgtLjc0NC0uNTE4LTEuNDAyLS43NjVDMTUuOTk2IDUuMzI1IDE0LjEyIDUgMTIgNXMtMy45OTcuMzI0LTUuMzA2LjgxNWMtLjY1OC4yNDctMS4xMjEuNTE3LTEuNDAyLjc2NnpNMTkgOS42MTdjLS4zMS4xNjQtLjY0My4zMS0uOTkyLjQ0Mi0xLjU4Ni41OTUtMy43MS45NDItNi4wMDguOTQyLTIuMjk3IDAtNC40MjItLjM0OC02LjAwOC0uOTQyQTguNTEyIDguNTEyIDAgMCAxIDUgOS42MTZWMTJjMCAuMDMuMDEyLjE3NC4yOS40MjMuMjc5LjI0OC43MzkuNTE3IDEuMzk1Ljc2M0M3Ljk5IDEzLjY3NiA5Ljg2NSAxNCAxMiAxNGMyLjEzNSAwIDQuMDEtLjMyMyA1LjMxNS0uODE0LjY1Ni0uMjQ2IDEuMTE2LS41MTUgMS4zOTUtLjc2My4yNzgtLjI0OS4yOS0uMzkzLjI5LS40MjNWOS42MTZ6TTIxIDdjMC0uODAzLS40MzgtMS40NDgtLjk2NS0xLjkxNi0uNTMtLjQ2OS0xLjIzOC0uODQ2LTIuMDI3LTEuMTQyQzE2LjQyMiAzLjM0NyAxNC4yOTggMyAxMiAzYy0yLjI5NyAwLTQuNDIyLjM0Ny02LjAwOC45NDItLjc5LjI5Ni0xLjQ5OC42NzMtMi4wMjcgMS4xNDJDMy40MzcgNS41NTIgMyA2LjE5NyAzIDd2MTBjMCAuOC40MzMgMS40NDYuOTYgMS45MTYuNTI3LjQ3IDEuMjMzLjg0NyAyLjAyMiAxLjE0M0M3LjU2NiAyMC42NTQgOS42OSAyMSAxMiAyMWMyLjMxIDAgNC40MzQtLjM0NiA2LjAxOC0uOTQxLjc4OS0uMjk2IDEuNDk1LS42NzMgMi4wMjItMS4xNDMuNTI3LS40Ny45Ni0xLjExNi45Ni0xLjkxNlY3em0tMiA3LjYyMWE4LjQ3MiA4LjQ3MiAwIDAgMS0uOTgyLjQzOEMxNi40MzQgMTUuNjU0IDE0LjMxIDE2IDEyIDE2Yy0yLjMxIDAtNC40MzQtLjM0Ny02LjAxOC0uOTQxQTguNDczIDguNDczIDAgMCAxIDUgMTQuNjJWMTdjMCAuMDMuMDEyLjE3NC4yOS40MjMuMjc5LjI0OC43MzkuNTE3IDEuMzk1Ljc2M0M3Ljk5IDE4LjY3NiA5Ljg2NSAxOSAxMiAxOWMyLjEzNSAwIDQuMDEtLjMyMyA1LjMxNS0uODE0LjY1Ni0uMjQ2IDEuMTE2LS41MTUgMS4zOTUtLjc2My4yNzgtLjI0OS4yOS0uMzkzLjI5LS40MjN2LTIuMzc5eiIvPjwvc3ZnPg==');
}

.symbol-designer {
  /* designer.svg */
  background-image: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yIDVhMSAxIDAgMDExLTFoMTZhMSAxIDAgMDExIDF2NWgtMlY5SDR2OWg2djJIM2ExIDEgMCAwMS0xLTFWNXptMiAyaDE0VjZINHYxem0xNS43OTMgMy43OTNhMSAxIDAgMDExLjQxNCAwbDIgMmExIDEgMCAwMTAgMS40MTRsLTcgN2ExIDEgMCAwMS0uMzkuMjQybC0zIDFhMSAxIDAgMDEtMS4yNjYtMS4yNjVsMS0zYTEgMSAwIDAxLjI0Mi0uMzkxbDctN3ptLTUuNDE5IDguMjQ3bC0uMjkzLjg3OS44NzktLjI5MyA2LjEyNi02LjEyNi0uNTg2LS41ODYtNi4xMjYgNi4xMjZ6IiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPC9zdmc+Cg==');
}

.section6 .d-stack-h {
  align-items: unset;
}

.w24 {
  width: 24px;
}

.h24 {
  height: 24px;
}

/* Section 6 END */

/* Section 7 */

.section7 .section-pic {
  max-width: 273px;
}

.outro-text {
  color: var(--primary-color);
  font-size: var(--font-size-4);
  margin: 0 auto;
  margin-top: 40px;
  max-width: 690px;
  padding: 0 32px;
  text-align: center;
}

/* Section 7 END */