@font-face {
  font-family: Dinpro;
  src: url('../fonts/DINPro-Italic.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: auto;
}

:root {
  --oren: #e7422a;
  --grey: #3a3535;
  --light-oren: #fdece9;
  --lime-green: #5ec045;
  --orange: #2380bd;
  --light-grey: #cfc8c8;
}

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

.w-embed-youtubevideo {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-previous-icon {
  margin-right: 4px;
}

.w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-next-icon {
  margin-left: 4px;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: #333;
  background-color: #0000;
  height: 100%;
  font-family: Source Sans Pro, sans-serif;
  font-size: 15px;
  line-height: 23px;
}

h1 {
  color: var(--oren);
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
}

h2 {
  color: var(--oren);
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: Khula, sans-serif;
  font-size: 29px;
  font-weight: 700;
  line-height: 36px;
}

h3 {
  color: var(--oren);
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Khula, sans-serif;
  font-size: 24px;
  line-height: 30px;
}

h4 {
  color: var(--oren);
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 17px;
  font-weight: 700;
  line-height: 24px;
}

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

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

p {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-right: 0;
  font-family: Khula, sans-serif;
  font-size: 16px;
  line-height: 18px;
}

a {
  float: none;
  color: var(--grey);
  text-align: left;
  text-decoration: underline;
  display: inline-block;
  position: static;
  right: -38px;
}

a:hover {
  color: #000;
}

li {
  margin-bottom: -3px;
  padding-left: 8px;
}

img {
  border-radius: 3px;
  max-width: 100%;
  display: inline-block;
  position: relative;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-bottom: 30px;
  padding: 0 20px;
  font-size: 20px;
  line-height: 29px;
}

figcaption {
  color: #9e9e9e;
  text-align: center;
  background-color: #0000000a;
  border-radius: 3px;
  margin-top: 5px;
  padding-top: 5px;
  padding-bottom: 2px;
  font-size: 12px;
  line-height: 18px;
}

.navbar {
  background-color: #0000;
  border-bottom: 1px solid #ffffff1a;
  padding-top: 40px;
  padding-bottom: 45px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: visible;
}

.navbar.with-color-button {
  background-color: #0000001a;
  padding-bottom: 30px;
}

.navbar.white {
  background-color: #fff;
  padding-top: 30px;
  padding-bottom: 30px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  box-shadow: 0 0 33px #0003;
}

.logo-block {
  z-index: 10;
  margin-right: 30px;
}

.logo-block.no-menu {
  z-index: 0;
  text-align: left;
  position: relative;
  inset: 0% 0% auto;
}

.nav-menu {
  z-index: 1;
  border-radius: 4px;
  margin-top: 5px;
}

.nav-link {
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: 5px;
  margin-right: 3px;
  padding: 11px 15px;
  font-size: 13px;
  line-height: 12px;
  transition: background-color .2s, border .2s;
}

.nav-link:hover {
  background-color: #0000;
  border-color: #0003;
}

.nav-link.dropdown-toggle {
  padding-right: 30px;
}

.nav-link.dropdown-toggle.w--open {
  background-color: #0000001a;
}

.nav-link.dropdown-toggle.light {
  padding-right: 30px;
}

.nav-link.dropdown-toggle.color {
  margin-left: -10px;
  margin-right: -10px;
  padding-right: 30px;
}

.nav-link.dropdown-toggle.thin-light {
  padding-right: 29px;
}

.nav-link.dropdown-toggle.color {
  font-family: Khula, sans-serif;
  font-size: 15px;
  font-weight: 700;
}

.nav-link.light {
  color: #fff;
  margin-right: 2px;
  padding-top: 12px;
  padding-left: 12px;
  padding-right: 12px;
}

.nav-link.light:hover, .nav-link.light.w--current {
  border-color: #fff3;
}

.nav-link.color {
  background-color: #cfcfcf1a;
  margin-bottom: 4px;
  margin-right: 0;
  display: block;
}

.nav-link.with-color {
  color: #fff;
  background-color: #1fdb6a;
}

.nav-link.with-color:hover {
  background-color: #2f3338;
}

.nav-link.thin-light {
  color: #fff;
  margin-right: 2px;
  padding-left: 12px;
  padding-right: 12px;
}

.nav-link.thin-light.w--current {
  color: #fff;
}

.dropdown-list {
  padding-bottom: 0;
}

.dropdown-list.w--open {
  background-color: #fff;
  border-radius: 3px;
  margin-top: 0;
  font-weight: 400;
  overflow: hidden;
}

.dropdown-list.sidebar.w--open {
  border: 1px solid #0000001a;
  border-radius: 10px;
  margin-bottom: 10px;
  padding-right: 0;
  font-family: Khula, sans-serif;
  font-weight: 700;
  position: static;
  box-shadow: 0 0 3px #0000;
}

.dropdown-link {
  color: var(--grey);
  background-color: #0000;
  font-family: Khula, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  transition: background-color .2s, color .2s;
  right: auto;
}

.dropdown-link:hover {
  color: #fff;
  background-color: #1f6fff;
}

.dropdown-link.w--current {
  color: var(--grey);
  font-size: 12px;
  line-height: 16px;
  right: auto;
}

.dropdown-link.w--current:hover {
  color: #fff;
}

.container {
  background-color: #0000;
  margin-top: auto;
  margin-bottom: auto;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: relative;
}

.container.hero-container {
  text-align: center;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin-top: auto;
  margin-bottom: auto;
  padding-left: 0;
  display: block;
}

.container.bottom-footer {
  background-color: #313438;
  border-radius: 4px;
  padding: 21px 21px 18px;
}

.container.footer-container {
  border: 1px solid #0000001a;
  border-radius: 5px;
  margin-bottom: 20px;
  padding: 25px;
  font-size: 13px;
}

.button {
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #1f6fff;
  border-radius: 3px;
  margin-top: 20px;
  padding-left: 25px;
  padding-right: 25px;
  font-size: 12px;
  font-weight: 600;
  transition: background-color .2s, background-position .2s, color .2s, border .2s, box-shadow .2s;
}

.button:hover {
  color: #fff;
  background-color: #0b4fc9;
  box-shadow: 0 8px 16px 4px #0000004d;
}

.button.continue-reading {
  background-color: var(--oren);
  color: #fff;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border: 1px solid #fff;
  margin-top: auto;
  margin-bottom: auto;
  padding-left: 15px;
  padding-right: 15px;
  font-family: Khula, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  transition: none;
  top: auto;
  right: auto;
}

.button.continue-reading:hover {
  background-color: #1f6fff;
  box-shadow: 6px 6px 16px 4px #0003;
}

.button.continue-reading.hover {
  background-color: var(--oren);
  color: #fff;
  transition: background-color .2s, background-position .2s, color .2s, border .2s, box-shadow .2s;
}

.button.cta-button {
  float: right;
  text-align: center;
  background-color: #5ec045;
  width: 20%;
  margin-top: 5px;
  line-height: 31px;
}

.button.cta-button:hover {
  background-color: #73d65a;
}

.button.cta-button.white {
  color: #000;
  background-color: #fff;
}

.mytheo-difference {
  -webkit-text-fill-color: inherit;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid #0000;
  max-height: 400px;
  margin: 0 auto;
  padding-top: 100px;
  padding-bottom: 100px;
  padding-left: 0;
  display: block;
  position: relative;
  overflow: visible;
}

.mytheo-difference.cta-section {
  color: #fff;
  background-color: #2a323f;
}

.mytheo-difference.blue-cta-section {
  color: #fff;
  background-color: #1f6fff;
}

.section-title-wrapper {
  text-align: center;
  width: 60%;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.section-title-wrapper.full {
  z-index: 3;
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 60px;
  margin-bottom: auto;
  padding-top: 0;
  display: flex;
  position: relative;
  top: auto;
}

.section-title-wrapper.full-centered {
  z-index: 2;
  width: 100%;
  margin-bottom: 0;
  margin-left: auto;
  padding-left: 0;
  position: relative;
  top: -56px;
}

.section-title-wrapper.full-centered.tablet-portrait {
  flex-direction: column;
  flex: 0 auto;
  margin-top: 0;
  margin-bottom: auto;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 20px;
  display: block;
}

.section-title-wrapper.full-centered {
  z-index: 2;
  width: auto;
  margin-top: -76px;
  margin-bottom: 106px;
  margin-left: auto;
  padding-top: 0;
  padding-left: 0;
  position: relative;
  top: auto;
}

.section-title-wrapper.full-centered.strat {
  margin-top: -49px;
  margin-bottom: 0;
  position: static;
}

.portfolio-overlay-block {
  background-color: #2c2d31cc;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  position: relative;
}

.portfolio-block-title {
  font-size: 18px;
  font-weight: 700;
}

.portfolio-block-subtitle {
  margin-top: 10px;
  font-size: 14px;
}

.footer {
  color: #a0a0a0;
  background-color: #3e4346;
  padding-top: 65px;
  padding-bottom: 65px;
}

.footer-column {
  padding-right: 30px;
}

.menu-button {
  color: #fff;
  border: 1px solid #ffffff1a;
  border-radius: 4px;
  transition: background-color .2s;
}

.menu-button:hover {
  background-color: #212429;
  border-color: #212429;
}

.menu-button.w--open {
  background-color: #1fdb6a;
  border-color: #1fdb6a;
}

.menu-button.blue.w--open {
  background-color: #25395e;
  border-color: #25395e;
}

.hero-mockup-description-block {
  text-align: left;
  background-color: #e2f0d9;
  border-radius: 10px;
  width: 680px;
  max-width: 100%;
  margin-top: 285px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 50px;
}

.hero-description {
  color: #fff;
  text-align: center;
  text-shadow: 1px 1px 12px #000;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Khula, sans-serif;
  font-size: 50px;
  font-weight: 700;
  line-height: 65px;
  display: block;
  transform: translate(0);
}

.info-block-left {
  float: none;
  clear: none;
  text-align: left;
  width: 100%;
  padding-left: 165px;
  padding-right: 165px;
  display: block;
  position: relative;
  top: -38px;
}

.footer-title {
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
}

.footer-link {
  color: #949494;
  margin-top: 7px;
  font-family: Montserrat, sans-serif;
  text-decoration: none;
  display: block;
}

.footer-link:hover {
  color: #fff;
}

.footer-link.social {
  background-image: url('../images/Icon-facebook.png');
  background-position: 0;
  background-repeat: no-repeat;
  background-size: 12px;
  padding-left: 20px;
}

.footer-link.social.youtube {
  background-image: url('../images/Icon-play-white.png');
}

.footer-link.social.google {
  background-image: url('../images/Icon-google.png');
}

.footer-link.social.twitter {
  background-image: url('../images/Icon-twitter.png');
}

.simple-footer {
  background-color: #2a2d30;
  padding-top: 45px;
}

.simple-bottom-footer {
  color: #979da5;
  background-color: #424549;
  margin-top: 45px;
  padding-top: 35px;
  padding-bottom: 32px;
}

.footer-inline-link {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 5px;
  margin-right: 15px;
  font-size: 13px;
  text-decoration: none;
  display: inline-block;
}

.footer-inline-link:hover {
  color: #fff6;
}

.footer-social-icon {
  text-align: center;
  background-color: #4a4f53;
  border-radius: 100%;
  width: 35px;
  height: 35px;
  margin-top: -2px;
  margin-right: 5px;
  padding-top: 5px;
  transition: background-color .2s;
}

.footer-social-icon:hover {
  background-color: #1f6fff;
}

.footer-small-social-icon {
  height: 15px;
}

.field {
  background-color: #fff3;
  border: 0 solid #000;
  border-radius: 4px;
  height: 50px;
  transition: background-color .2s;
}

.field:hover, .field:focus {
  background-color: #fff;
}

.field.area {
  height: 200px;
  padding-top: 12px;
}

.field.line {
  border-bottom-width: 2px;
  border-bottom-color: #e2e2e2;
  border-radius: 0;
  height: 46px;
  margin-bottom: 5px;
  padding-bottom: 12px;
  padding-left: 0;
  padding-right: 0;
  font-size: 13px;
  transition: background-color .2s, border .2s;
}

.field.line:hover {
  border-bottom-color: #b6b6b6;
}

.field.line:focus {
  border-bottom-color: #1f6fff;
}

.field.line.area {
  height: 95px;
}

.success-message {
  color: #fff;
  background-color: #5ec045;
  border-radius: 5px;
  padding-top: 30px;
}

.error-bg {
  color: #e42121;
  text-align: center;
  border-radius: 3px;
  padding-top: 12px;
  padding-bottom: 1px;
  font-size: 12px;
}

.footer-logo {
  color: #fff;
  text-transform: uppercase;
  font-size: 19px;
  font-weight: 700;
  line-height: 17px;
}

.footer-logo.subtitle {
  opacity: .5;
  text-transform: none;
  font-size: 11px;
  font-weight: 400;
}

.footer-social-col-right {
  text-align: right;
}

.bottom-footer-paragraph {
  float: left;
  margin-bottom: 0;
  font-size: 12px;
}

.bottom-footer-paragraph.right {
  float: right;
}

.bottom-footer-paragraph.dark {
  color: #94979e;
}

.bottom-footer-link {
  color: #91959c;
}

.bottom-footer-link:hover {
  color: #ffffffb3;
}

.bottom-footer-link.dark {
  color: #1f6fff;
  text-decoration: none;
}

.dark-field {
  background-color: #edeef1;
  border: 0 solid #000;
  border-radius: 2px;
  height: 40px;
  margin-bottom: 7px;
  padding-left: 20px;
  font-size: 13px;
  transition: box-shadow .2s, border .2s, background-color .2s;
}

.dark-field:hover {
  background-color: #dbdce2;
}

.dark-field:focus {
  background-color: #fff;
  box-shadow: 3px 3px 16px #0003;
}

.white-footer {
  background-color: #fff;
  padding-top: 80px;
  padding-bottom: 80px;
  font-size: 16px;
}

.dark-footer-title {
  color: #1f6fff;
  text-transform: uppercase;
  margin-bottom: 21px;
  font-size: 18px;
  font-weight: 300;
}

.light-footer-link {
  color: #94979e;
  margin-bottom: 7px;
  font-size: 13px;
  text-decoration: none;
  display: block;
}

.color-social-button {
  text-align: center;
  background-color: #4e5f97;
  border-radius: 4px;
  width: 30px;
  height: 30px;
  margin-bottom: 4px;
  margin-right: 2px;
  padding-top: 3px;
}

.color-social-button:hover {
  opacity: .8;
}

.color-social-button.twitter {
  background-color: #37a5e4;
}

.color-social-button.google {
  background-color: #e22047;
}

.footer-contact-info-block {
  color: #94979e;
  margin-top: 20px;
  font-size: 14px;
}

.bottom-footer-block {
  border-top: 1px solid #0000001a;
  margin-top: 30px;
  padding-top: 30px;
}

.bottom-footer-block.white-footer-block {
  color: #e1e1e4;
  margin-top: 40px;
}

.dark-bottom-footer {
  color: #6d7077;
  background-color: #181a1d;
  padding-top: 0;
  padding-bottom: 55px;
}

.small-footer-title {
  color: #fff;
  margin-bottom: 20px;
  font-size: 17px;
  font-weight: 700;
}

.footer-row-bottom {
  margin-bottom: 50px;
}

.dropdown-icon {
  opacity: .4;
  margin-right: 10px;
}

.right-nav-menu {
  text-align: left;
  background-color: #fff;
  width: 300px;
  margin-left: 0;
  margin-right: 60px;
  padding: 31px;
  box-shadow: 0 0 60px #0000004d;
}

.header-mytheo {
  float: none;
  clear: none;
  text-align: center;
  object-fit: fill;
  background-color: #353942;
  background-image: url('../images/iStock-1175437021edit.jpg');
  background-position: 50% 0;
  background-repeat: repeat;
  background-size: cover;
  justify-content: flex-start;
  align-items: stretch;
  display: block;
  position: static;
  overflow: visible;
}

.nav-menu-content-block {
  text-align: center;
  border: 2px solid #ebeef3;
  border-radius: 4px;
  margin-top: 40px;
  padding: 20px;
}

.app-store-button {
  border-radius: 4px;
  height: 46px;
}

.app-store-link-button {
  margin-bottom: 4px;
}

.app-store-link-button:hover {
  opacity: .8;
}

.nav-paragraph {
  margin-bottom: 20px;
  font-size: 12px;
  line-height: 18px;
}

.nav-title {
  color: #1f6fff;
  margin-bottom: 8px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.subpage-title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Source Sans Pro, sans-serif;
  font-size: 50px;
  font-weight: 400;
  line-height: 40px;
}

.subpage-title.blog-post-title {
  color: #fff;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  font-family: Khula, sans-serif;
  font-size: 46px;
  font-weight: 700;
  line-height: 49px;
  display: block;
}

.contact-popup {
  z-index: 2000;
  background-color: #1f232ae6;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
}

.popup-block {
  background-color: #fff;
  border-radius: 4px;
  align-items: center;
  width: 360px;
  margin-left: auto;
  margin-right: auto;
  padding: 50px;
  position: relative;
  box-shadow: 0 0 30px #0006;
}

.popup-contact-form {
  margin-bottom: 0;
}

.popup-title {
  margin-bottom: 30px;
  font-size: 21px;
}

.popup-close-button {
  opacity: .2;
  position: absolute;
  top: 25px;
  right: 25px;
}

.popup-close-button:hover {
  opacity: .4;
}

.close-icon {
  height: 17px;
}

.gallery-overlay-block {
  background-color: #0000;
  width: 100%;
  height: 100%;
  transition: background-color .2s;
  display: none;
}

.gallery-overlay-block:hover {
  background-color: #fff3;
}

.small-dropdown-icon {
  opacity: .5;
  margin-right: 11px;
  font-size: 12px;
}

.logo {
  height: 40px;
  margin-top: 3px;
}

.logo.responsive-menu {
  height: 70px;
  margin-top: 12px;
}

.dark-footer-link {
  color: #6d7077;
  margin-bottom: 7px;
  text-decoration: none;
  display: block;
}

.dark-footer-link:hover {
  color: #fff;
}

.footer-paragraph {
  margin-bottom: 0;
}

.blog-posts-list {
  float: none;
  object-fit: fill;
  flex: none;
  order: 0;
  display: block;
  position: relative;
}

.blog-post-item {
  float: none;
  clear: none;
  text-align: left;
  object-fit: fill;
  flex-wrap: wrap;
  order: -1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  margin-bottom: 60px;
  padding-left: 210px;
  padding-right: 590px;
  display: block;
  position: relative;
}

.blog-post-overlay {
  background-color: #0003;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  transition: background-color .2s;
  position: relative;
  overflow: hidden;
}

.blog-post-overlay:hover {
  background-color: #1f6fff4d;
}

.blog-post-overlay.light {
  background-color: #0000001a;
  overflow: hidden;
}

.blog-post-overlay.light {
  background-color: #0000001a;
  transition: background-color .2s;
}

.blog-post-overlay.light:hover {
  background-color: #1f6fffb3;
}

.blog-post-overlay.light.hover {
  color: var(--grey);
  background-color: #0000;
  transition: background-color .2s;
}

.empty-state {
  text-align: center;
  background-color: #00000014;
  border-radius: 3px;
}

.blog-post-title-link {
  margin-bottom: 18px;
  font-size: 20px;
  line-height: 22px;
  text-decoration: none;
  display: block;
}

.blog-post-title-link.side-image {
  color: var(--oren);
  text-align: left;
  padding-right: 0;
  font-family: Khula, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 23px;
  position: static;
  right: auto;
}

.blog-post-summary {
  margin-top: 0;
  margin-bottom: 15px;
  padding-top: 0;
  padding-right: 15px;
  font-family: Khula, sans-serif;
  font-size: 16px;
  line-height: 18px;
  position: static;
}

.blog-post-date {
  color: var(--grey);
  letter-spacing: 0;
  text-transform: capitalize;
  margin-bottom: 7px;
  font-size: 15px;
  font-weight: 700;
}

.blog-post-header {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
}

.blog-post-header-overlay {
  color: #fff;
  text-align: center;
  background-color: #0000004d;
  width: 100%;
  height: 100%;
  padding-top: 230px;
  padding-bottom: 190px;
}

.dark-cta-title {
  float: left;
  width: 70%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 300;
  line-height: 28px;
}

.fields-column-left {
  padding-left: 0;
}

.fields-column-right {
  padding-left: 0;
  padding-right: 0;
}

.sign-up-popup {
  z-index: 2000;
  background-color: #1f232ae6;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0;
}

.popup-sign-up-form {
  width: 100%;
  margin-bottom: 0;
}

.sign-up-bottom-text {
  margin-top: 20px;
  margin-bottom: 5px;
  font-size: 13px;
  line-height: 20px;
}

.portfolio-lightbox-overlay {
  z-index: 5000;
  background-color: #0d192eb3;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0;
}

.container-4 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.mytheo-menu-header {
  z-index: 0;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  opacity: 1;
  -webkit-text-fill-color: inherit;
  object-fit: fill;
  background-color: #fff;
  background-clip: border-box;
  border-radius: 20px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr .25fr .25fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 100%;
  margin: 0 auto;
  padding: 15px 0;
  display: grid;
  position: fixed;
  inset: 0% 0% auto;
  overflow: visible;
}

.menu-button-2 {
  clear: none;
  object-fit: fill;
  border: 1px #0000;
  flex-wrap: wrap;
  flex: none;
  order: 0;
  justify-content: center;
  align-self: auto;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 25px 0;
  display: none;
  position: static;
  left: auto;
  overflow: visible;
}

.menu-button-2:hover {
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border: 0 #0000;
}

.menu-button-2:active {
  border-style: none;
}

.menu-button-2.w--open {
  background-color: #0000;
  margin-left: auto;
  padding-left: 0;
  left: 250px;
}

.icon {
  color: #e6432a;
  border-radius: 0;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  max-width: none;
  margin-left: -250px;
  padding-left: 0;
  font-size: 35px;
  line-height: 10px;
  display: block;
  position: static;
  overflow: visible;
}

.image-2 {
  clear: none;
  max-width: 250px;
  margin-left: 0;
  padding-top: 0;
  padding-left: 0;
  display: block;
  position: static;
  top: 0;
}

.nav-link-2 {
  border: 2px solid var(--oren);
  color: var(--oren);
  background-color: #0000;
  border-radius: 40px;
  padding: 10px 45px;
  font-family: Khula, sans-serif;
  font-weight: 700;
  inset: 0% 0% 0% -23px;
}

.nav-link-3 {
  color: #fff;
  background-color: #e6432a;
  border-style: none;
  border-color: #fff;
  border-radius: 40px;
  margin-right: 0;
  padding: 10px 20px;
  font-family: Khula, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 23px;
  right: auto;
}

.image-3 {
  z-index: 3;
  width: 85%;
  max-width: none;
  display: none;
  position: absolute;
  inset: 103px 0 0 86px;
}

.button-2 {
  z-index: 5;
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #e7422a;
  border-radius: 30px;
  flex: 1;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-left: 100px;
  margin-right: 100px;
  padding: 10px 30px 6px;
  font-family: Khula, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 28px;
  display: block;
  position: relative;
  left: auto;
  right: auto;
}

.image-5 {
  z-index: 50;
  width: auto;
  max-width: 85px;
  margin-bottom: 5px;
  margin-right: 5px;
  padding-right: 0;
  position: static;
  top: -286px;
  left: 705px;
  right: auto;
}

.heading {
  float: none;
  color: #e7422a;
  text-align: left;
  margin-left: -100px;
  padding-left: 0;
  font-family: Khula, sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 36px;
  text-decoration: none;
}

.text-block-4 {
  text-align: left;
  margin-left: -120px;
  margin-right: 0;
  padding-left: 0;
  padding-right: 236px;
  font-family: Khula, sans-serif;
  font-size: 16px;
  line-height: 20px;
}

.heading-2 {
  color: #3a3535;
  text-align: center;
  justify-content: center;
  width: 100%;
  margin-top: auto;
  margin-bottom: 0;
  font-family: Khula, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 35px;
  display: flex;
  position: relative;
  left: auto;
}

.heading-2.difference {
  align-self: stretch;
  margin-top: auto;
  margin-bottom: 50px;
  padding-top: 0;
  font-size: 40px;
  left: auto;
}

.columns-2, .columns-3 {
  margin-bottom: 30px;
}

.heading-3 {
  color: #3a3535;
  text-align: right;
  align-self: center;
  font-family: Khula, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 35px;
  display: block;
}

.text-block-5 {
  text-align: center;
  padding-top: 0;
  padding-bottom: 30px;
  font-family: Khula, sans-serif;
  font-size: 16px;
  line-height: 20px;
}

.image-9 {
  clear: none;
  text-align: left;
  border: 0 #0000;
  border-radius: 0;
  max-width: 50%;
}

.image-10 {
  border: 0 solid #0000;
  border-radius: 0;
  max-width: 50%;
}

.columns-4 {
  text-align: center;
  padding: 0 100px;
}

.image-11 {
  border: 1px solid #0000;
  border-radius: 0;
  max-width: 50%;
}

.heading-5, .heading-6, .heading-7 {
  color: #e7422a;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Khula, sans-serif;
  font-size: 31px;
  font-weight: 700;
  line-height: 29px;
}

.text-block-7, .text-block-8, .text-block-9 {
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
  font-family: Khula, sans-serif;
  font-size: 16px;
  line-height: 20px;
}

.heading-8 {
  color: var(--grey);
  text-align: center;
  border: 1px solid #fff;
  justify-content: center;
  margin-bottom: 40px;
  font-family: Khula, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 35px;
  display: flex;
}

.slide {
  opacity: 0;
  object-fit: fill;
  background-image: url('../images/testimonial-slider.png');
  background-position: 50%;
  background-size: 1620px;
  border: 0 #0000;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-right: 0;
  overflow: visible;
}

.text-block-10 {
  color: #3a3535;
  text-align: center;
  margin: 0;
  padding: 100px 60px 115px;
  font-family: Khula, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
}

.text-block-11 {
  color: #e7422a;
  text-align: center;
  font-family: Khula, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  position: relative;
  top: -110px;
}

.image-12 {
  margin-top: -19px;
  padding-top: 0;
  position: absolute;
  inset: 12% 0% 0% 47%;
}

.as-featured-in {
  background-color: #fff;
  margin-top: 0;
  padding-top: 50px;
  padding-bottom: 50px;
}

.featured-1-to-6 {
  text-align: left;
  justify-content: center;
  align-items: center;
  margin-left: 90px;
  margin-right: 90px;
  padding-bottom: 0;
  display: flex;
}

.column {
  padding-left: 10px;
  padding-right: 10px;
}

.cta {
  background-color: #fdece9;
  margin-bottom: -100px;
  padding-top: 0;
  padding-bottom: 0;
}

.heading-10 {
  color: #3a3535;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 20px;
  font-family: Khula, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 35px;
}

.column-2 {
  flex-direction: column;
  justify-content: center;
  align-self: auto;
  align-items: flex-end;
  display: flex;
  position: static;
}

.image-14 {
  text-align: left;
  display: inline-block;
  position: static;
}

.text-block-12 {
  text-align: center;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 20px;
}

.heading-11 {
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Khula, sans-serif;
  font-size: 40px;
  line-height: 30px;
  display: block;
  position: static;
  top: 95px;
}

.heading-12 {
  color: #fffefe;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 10px;
  font-family: Khula, sans-serif;
  font-size: 15px;
  line-height: 18px;
  position: static;
  top: 78px;
}

.image-24 {
  margin-left: 123px;
  margin-right: 123px;
  display: block;
  position: absolute;
  top: 382px;
  left: 204px;
}

.background-video {
  z-index: 2;
  background-color: #0000;
  width: 300px;
  height: 300px;
  position: absolute;
  top: 161px;
  left: 847px;
  overflow: visible;
}

.slider-4 {
  background-color: #0000;
}

.image-27 {
  width: 250px;
  max-width: 100%;
  top: 50px;
  left: 45px;
}

.text-block-17 {
  color: #e7422a;
  font-family: Khula, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
  position: relative;
  top: -187px;
  left: 299px;
}

.div-block {
  position: relative;
  top: auto;
}

.text-block-18 {
  color: #3a3535;
  margin-right: 0;
  padding-left: 0;
  padding-right: 400px;
  font-family: Khula, sans-serif;
  font-size: 16px;
  line-height: 20px;
  position: relative;
  top: -173px;
  left: 299px;
}

.container-8 {
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.slide-nav {
  color: #fff;
  text-align: center;
  background-color: #0000;
  padding-bottom: 50px;
  font-size: 22px;
  line-height: 24px;
  bottom: -15px;
}

.paragraph-3 {
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
  font-family: Khula, sans-serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 30px;
  position: static;
  top: 85px;
}

.image-32 {
  width: 250px;
  max-width: 100%;
  display: block;
  position: static;
  top: 75px;
  left: 442px;
}

.image-33 {
  width: 250px;
  max-width: 100%;
  display: block;
  position: static;
  top: auto;
  left: auto;
}

.google-play {
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: static;
  top: 69px;
  right: auto;
}

.app-store {
  align-items: center;
  display: flex;
  position: static;
  top: -7px;
  left: 28px;
  right: auto;
}

.navbar-mytheo {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff;
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr .25fr .25fr;
  grid-auto-columns: 1fr;
  width: 100%;
  min-width: 100%;
  max-width: none;
  padding-bottom: 0;
  display: none;
  position: static;
  inset: 0% 0% auto;
}

.footer-wrapper {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  margin-left: 80px;
  margin-right: 80px;
  display: block;
}

.grid-2 {
  flex-direction: row;
  grid-template: "Area Area-2 Area-3 Area-4 Area-5"
  / 1fr 1fr 1fr 1fr 1fr;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.home {
  clear: left;
  color: #fff;
  text-align: left;
  font-family: Khula, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  text-decoration: none;
  display: block;
  position: relative;
  right: auto;
}

.hello {
  clear: left;
  color: #fff;
  text-align: left;
  font-family: Khula, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  text-decoration: none;
  display: block;
  position: relative;
  right: auto;
}

.link-3 {
  clear: left;
  color: #fff;
  text-align: left;
  font-family: Khula, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  text-decoration: none;
  display: block;
  position: relative;
  right: auto;
}

.link-3.w--current {
  font-family: Khula, sans-serif;
  font-size: 14px;
}

.link-6 {
  color: #fff;
  text-align: left;
  font-family: Khula, sans-serif;
  font-size: 12px;
  line-height: 17px;
  text-decoration: none;
  display: block;
  position: relative;
  right: auto;
}

.link-6.w--current {
  font-family: Khula, sans-serif;
  font-size: 12px;
}

.link-8 {
  clear: left;
  color: #fff;
  text-align: left;
  font-family: Khula, sans-serif;
  font-size: 12px;
  line-height: 17px;
  text-decoration: none;
  display: block;
  position: relative;
  right: auto;
}

.link-8.w--current {
  font-family: Khula, sans-serif;
  font-size: 12px;
}

.link-9 {
  clear: left;
  color: #fff;
  text-align: left;
  font-family: Khula, sans-serif;
  font-size: 12px;
  line-height: 17px;
  text-decoration: none;
  display: block;
  position: relative;
  right: auto;
}

.link-9.w--current {
  font-family: Khula, sans-serif;
  font-size: 12px;
}

.link-14 {
  clear: left;
  color: #fff;
  text-align: left;
  font-family: Khula, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  text-decoration: none;
  display: block;
  position: relative;
  right: auto;
}

.link-15, .link-16 {
  clear: left;
  color: #fff;
  text-align: left;
  font-family: Khula, sans-serif;
  font-size: 12px;
  line-height: 17px;
  text-decoration: none;
  display: block;
  position: relative;
  right: auto;
}

.link-18 {
  clear: left;
  color: #fff;
  text-align: left;
  font-family: Khula, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  text-decoration: none;
  display: block;
  position: relative;
  right: auto;
}

.link-18.w--current {
  text-align: left;
}

.link-19, .link-20, .link-21, .link-22 {
  clear: left;
  color: #fff;
  text-align: left;
  font-family: Khula, sans-serif;
  font-size: 12px;
  line-height: 17px;
  text-decoration: none;
  display: block;
  position: relative;
  right: auto;
}

.link-23 {
  clear: left;
  color: #fff;
  text-align: left;
  font-family: Khula, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  text-decoration: none;
  display: block;
  position: relative;
  right: auto;
}

.div-block-2 {
  float: right;
  margin-left: 190px;
  margin-right: auto;
  padding-left: 0;
  position: relative;
  top: -58px;
  left: -75px;
}

.text-block-19 {
  float: right;
  color: #fff;
  font-family: Khula, sans-serif;
  font-size: 12px;
  line-height: 17px;
  position: relative;
  top: 36px;
  right: 257px;
}

.columns-11 {
  float: right;
  width: 30%;
  margin-right: 66px;
  position: relative;
  left: 175px;
}

.fb {
  width: 150%;
  max-width: 150%;
  padding-left: 0;
  top: -10px;
  right: -12px;
}

.insta {
  width: 150%;
  max-width: 150%;
  top: -10px;
  left: auto;
}

.instagram {
  width: 150%;
  max-width: 150%;
  top: -10px;
  left: -12px;
}

.link-block {
  float: none;
  width: 60%;
  position: relative;
  top: -15px;
  left: 81px;
  right: auto;
}

.link-block-2 {
  float: none;
  width: 60%;
  position: relative;
  top: -15px;
  left: -18px;
  right: auto;
}

.link-block-3 {
  float: none;
  width: 60%;
  position: relative;
  top: -15px;
  left: -117px;
  right: auto;
}

.column-15, .column-16, .column-17 {
  padding-left: 0;
  padding-right: 0;
}

.text-block-20 {
  clear: none;
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: 0;
  padding-right: 0;
  font-family: Khula, sans-serif;
  font-size: 12px;
  line-height: 17px;
  display: inline-block;
  position: static;
  top: 0;
  left: auto;
}

.div-block-4 {
  position: relative;
  top: 9px;
  left: -100px;
}

.slide-nav-2 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 18px;
  line-height: 20px;
  top: auto;
}

.slider-5 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.mask-3 {
  margin-bottom: 0;
  padding-bottom: 0;
}

.image-37 {
  text-align: center;
  top: 25px;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.column-18 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: static;
}

.paragraph-7 {
  color: #5a5a5a;
  letter-spacing: .2px;
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
}

.paragraph-7.app {
  color: var(--grey);
  margin-bottom: 30px;
  padding-right: 0;
  font-family: Khula, sans-serif;
  font-weight: 400;
}

.heading-15 {
  color: #2380bd;
  text-align: left;
  text-shadow: 1px 1px 3px #5a5a5a;
  border: 0 solid #2380bd;
  border-radius: 0;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 44px;
  font-weight: 400;
}

.heading-15.app {
  color: var(--grey);
  text-shadow: none;
  font-family: Khula, sans-serif;
  font-size: 40px;
}

.heading-15.app.walkthrough-title {
  text-align: center;
}

.columns-14 {
  padding: 0;
}

.mask-4 {
  background-color: #fff;
  padding: 0;
}

.mask-4.app {
  background-color: var(--oren);
  background-color: var(--light-oren);
  background-image: url('../images/Obg.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.image-42 {
  max-width: 200px;
}

.column-20, .column-23 {
  text-align: center;
}

.bold-text-4 {
  color: var(--oren);
}

.legal-documents {
  background-color: #fff;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  height: auto;
  padding: 40px 150px 20px;
}

.link-legal {
  border: 10px solid var(--oren);
  background-color: var(--oren);
  color: #fff;
  border-radius: 20px;
  margin-left: 0;
  margin-right: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Khula, sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  display: inline;
  position: static;
  right: auto;
}

.div-block-8, .div-block-9 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.column-29 {
  text-align: right;
}

.column-30 {
  text-align: right;
  padding-left: 50px;
  padding-right: 0;
  left: 45px;
}

.column-31 {
  text-align: right;
}

.speak-to-us {
  z-index: 30;
  position: fixed;
  inset: auto 0% 0% auto;
}

.accordion-item-trigger {
  cursor: pointer;
}

.ewu-wrapper {
  background-color: #fffefe;
  border-radius: 30px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.accordion-item-trigger-general {
  cursor: pointer;
}

.accordion-item-content-general {
  overflow: hidden;
}

.paragraph-12 {
  color: #333;
  text-align: justify;
  margin: 15px 20px;
  padding: 0;
  font-family: Khula, sans-serif;
  font-size: 16px;
}

.image-46 {
  text-align: left;
  max-width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
  position: static;
}

.paragraph-13 {
  color: var(--grey);
  text-align: center;
  margin-bottom: 0;
  padding-right: 0;
  font-family: Khula, sans-serif;
  font-size: 40px;
  line-height: 44px;
  position: relative;
  top: -15px;
}

.div-block-11 {
  position: static;
  top: 15px;
}

.paragraph-15 {
  color: var(--grey);
  text-align: center;
  margin-bottom: 0;
  padding-right: 0;
  font-family: Khula, sans-serif;
  font-size: 16px;
  display: block;
}

.columns-16 {
  background-color: var(--light-oren);
  color: var(--light-oren);
  text-align: center;
  border-radius: 10px;
  flex-flow: row;
  place-content: space-between center;
  align-items: center;
  margin-top: 0;
  padding-top: 5px;
  padding-bottom: 8px;
  font-family: Khula, sans-serif;
  font-weight: 400;
  display: flex;
}

.paragraph-16 {
  color: var(--grey);
  text-align: center;
  margin-bottom: 0;
  padding-right: 0;
  font-family: Khula, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 44px;
  position: relative;
  top: -15px;
}

.div-block-13 {
  color: var(--grey);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  margin-left: 0;
  margin-right: 0;
  font-family: Khula, sans-serif;
  font-size: 16px;
  display: block;
}

.paragraph-17 {
  color: var(--grey);
  margin-top: 20px;
  margin-bottom: 20px;
  padding-right: 0;
  font-family: Khula, sans-serif;
  font-size: 16px;
  line-height: 23px;
}

.paragraph-18 {
  color: var(--grey);
  margin-top: 20px;
  margin-bottom: 20px;
  padding-right: 0;
  font-family: Khula, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
}

.list-8 {
  color: var(--grey);
  font-family: Khula, sans-serif;
  font-size: 16px;
  line-height: 23px;
  list-style-type: lower-roman;
}

.paragraph-19 {
  color: var(--grey);
  margin-top: 20px;
  margin-bottom: 20px;
  padding-right: 0;
  font-family: Khula, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  text-decoration: underline;
  position: static;
}

.list-item-2 {
  margin-bottom: 10px;
  font-family: Khula, sans-serif;
  font-size: 16px;
  line-height: 23px;
}

.paragraph-20 {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-right: 0;
}

.italic-text {
  font-family: Open Sans, sans-serif;
  font-size: 12px;
}

.image-49 {
  text-align: center;
  max-width: 100%;
  display: block;
  position: relative;
  left: auto;
}

.paragraph-21 {
  color: var(--grey);
  margin-top: 20px;
  margin-bottom: 20px;
  padding-right: 0;
  font-family: Khula, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
}

.bold-text-14 {
  color: var(--grey);
}

.icon-8 {
  color: #e7422a;
  background-color: #0000;
}

.icon-8.app {
  color: #fff;
  display: none;
}

.left-arrow-2 {
  background-color: #0000;
  display: none;
}

.icon-9 {
  color: #e7422a;
}

.icon-9.app {
  color: #fff;
  display: none;
}

.right-arrow-2 {
  background-color: #0000;
  display: none;
}

.heading-27 {
  color: #3a3535;
  text-align: center;
  font-family: Khula, sans-serif;
  font-size: 40px;
  font-weight: 400;
}

.bold-text-15 {
  color: var(--grey);
  font-weight: 400;
}

.paragraph-23 {
  color: #3a3535;
  text-align: justify;
  padding-right: 0;
  font-family: Khula, sans-serif;
  font-size: 16px;
}

.text-block-31 {
  color: #e7422a;
  font-family: Khula, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.paragraph-explained-2 {
  color: #3a3535;
  text-align: justify;
  padding-right: 0;
  font-family: Khula, sans-serif;
}

.text-block-strat {
  color: var(--grey);
  text-align: justify;
  margin-left: -194px;
  margin-right: -7px;
  padding-left: 0;
  padding-right: 206px;
  font-family: Khula, sans-serif;
  font-size: 16px;
  line-height: 20px;
}

.heading-strat {
  color: var(--oren);
  text-align: left;
  margin-left: 0;
  padding-left: 0;
  font-family: Khula, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
  text-decoration: none;
}

.container-strat {
  background-color: #0000;
  height: 500px;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: relative;
}

.image-53 {
  text-align: left;
  max-width: 30%;
  padding-bottom: 30px;
}

.column-32, .column-33, .column-34 {
  text-align: center;
}

.heading-28 {
  color: #e7422a;
  text-align: center;
  font-family: Khula, sans-serif;
  font-size: 30px;
  line-height: 32px;
}

.paragraph-24 {
  color: #3a3535;
  text-align: center;
  margin-left: 151px;
  margin-right: 151px;
  padding-left: 0;
  padding-right: 0;
  font-family: Khula, sans-serif;
}

.image-54 {
  max-width: 60%;
  padding-bottom: 30px;
}

.paragraph-8-left {
  color: #3a3535;
  text-align: justify;
  margin: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Khula, sans-serif;
  font-size: 16px;
}

.heading-17-left {
  color: #3a3535;
  text-align: left;
  font-family: Khula, sans-serif;
  font-size: 40px;
  font-weight: 400;
}

.header-price-structure {
  background-image: linear-gradient(#fff, #fff);
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
  max-height: none;
  margin-bottom: 0;
  padding: 100px 166px 80px;
  font-family: Khula, sans-serif;
}

.header-mytheo-explained {
  background-image: linear-gradient(#3a35352e, #3a35352e), url('../images/circle.png'), url('../images/pexels-rajesh-tp-2098134.jpg'), linear-gradient(#000, #000);
  background-position: 0 0, 50% 0, 50% -50%, 0 0;
  background-repeat: repeat, no-repeat, no-repeat, repeat;
  background-size: auto, cover, cover, auto;
  background-attachment: scroll, scroll, scroll, scroll;
  max-height: none;
  margin-bottom: 0;
  padding: 250px 165px 200px;
}

.globally-diversified-explained {
  -webkit-text-fill-color: inherit;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid #0000;
  max-height: none;
  margin: 0;
  padding: 140px 40px 40px;
  display: block;
  position: relative;
  overflow: visible;
}

.bk-app-walkthrough-explained-resources {
  background-color: #0000;
  display: none;
}

.logical-investing-explained {
  background-color: #fff;
  background-image: url('../images/Obg.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  height: auto;
  padding: 100px 150px;
}

.maintains-portfolio-explained {
  background-color: #fff;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  height: auto;
  padding: 100px 150px;
}

.invest-assurance-explained {
  background-color: #fff;
  background-image: url('../images/Obg.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  height: auto;
  padding: 100px 154px;
}

.header-who-we-are {
  background-image: linear-gradient(#3a35352e, #3a35352e), url('../images/circle.png'), url('../images/shayna-douglas-THOndKhP1jY-unsplash.jpg');
  background-position: 0 0, 50% 0, 50%;
  background-repeat: repeat, no-repeat, no-repeat;
  background-size: auto, cover, cover;
  background-attachment: scroll, scroll, scroll;
  max-height: none;
  margin-bottom: 0;
  padding: 250px 165px 200px;
}

.paragraph-head-logical {
  color: var(--light-oren);
  text-align: left;
  margin-top: 0;
  margin-left: 25px;
  margin-right: 25px;
  padding: 25px;
  font-family: Khula, sans-serif;
}

.tabs {
  cursor: pointer;
}

.paragraph-portfolio-maintenance {
  color: #3a3535;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  padding: 10px 11px;
  font-family: Khula, sans-serif;
}

.image-63 {
  max-width: 75%;
  left: 50px;
}

.faq-link-learning {
  float: none;
  clear: none;
  border: 10px solid var(--oren);
  background-color: var(--oren);
  color: #fff;
  text-align: center;
  border-radius: 20px;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Khula, sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  display: block;
  position: relative;
  top: 0;
  bottom: 0;
  right: auto;
}

.faq-link-learning.w--current {
  position: static;
}

.etf-link-learning {
  border: 10px solid var(--oren);
  background-color: var(--oren);
  color: #fff;
  text-align: center;
  border-radius: 20px;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Khula, sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  display: block;
  position: relative;
  top: 15px;
  bottom: 0;
  right: auto;
}

.welcome-the-the-learning-centre {
  background-color: var(--light-oren);
  background-image: url('../images/Obg.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
  padding: 40px 150px;
}

.column-35, .column-36, .column-37, .column-38, .column-39, .column-40, .column-41 {
  top: 110px;
}

.app-walkthrough-slider {
  height: auto;
  top: auto;
}

.copy-white-paper {
  color: var(--grey);
  list-style-type: decimal;
}

.copy-references-white-paper {
  color: var(--grey);
  margin-top: 20px;
  margin-bottom: 20px;
  padding-right: 0;
}

.copy-2-references-white-paper {
  color: var(--grey);
  font-family: Open Sans, sans-serif;
  font-size: 12px;
}

.list-style-white-paper {
  color: var(--grey);
  font-family: Khula, sans-serif;
  font-size: 16px;
  line-height: 23px;
}

.references-style-2-white-paper {
  color: var(--grey);
  margin-top: 20px;
  margin-bottom: 20px;
  padding-right: 0;
  font-family: Khula, sans-serif;
}

.list-style-2-white-paper {
  color: var(--grey);
  font-family: Khula, sans-serif;
  font-size: 16px;
  list-style-type: decimal;
}

.list-style-3-white-paper {
  color: var(--grey);
  font-family: Khula, sans-serif;
  list-style-type: decimal;
}

.references-style-3-white-paper {
  color: var(--grey);
  margin-top: 20px;
  margin-bottom: 20px;
  padding-right: 0;
  font-family: Khula, sans-serif;
}

.list-style-4-white-paper {
  color: var(--grey);
  font-family: Khula, sans-serif;
  list-style-type: decimal;
}

.references-style-4-white-paper {
  color: var(--grey);
  margin-top: 20px;
  margin-bottom: 20px;
  padding-right: 0;
  font-family: Khula, sans-serif;
}

.list-style-5-white-paper {
  color: var(--grey);
  margin-bottom: 0;
  padding-left: 90px;
  padding-right: 0;
  font-family: Khula, sans-serif;
  font-size: 16px;
  line-height: 26px;
  list-style-type: lower-roman;
}

.list-style-6-white-paper, .list-value-etf-white-paper {
  color: var(--grey);
  font-family: Khula, sans-serif;
  font-size: 16px;
  list-style-type: decimal;
}

.references-style-5-white-paper {
  color: var(--grey);
  font-family: Khula, sans-serif;
  font-size: 12px;
}

.list-style-7-white-paper {
  color: var(--grey);
  font-family: Khula, sans-serif;
  font-size: 16px;
  list-style-type: decimal;
}

.list-style-8-white-paper {
  color: var(--grey);
  font-family: Khula, sans-serif;
  font-size: 16px;
  line-height: 26px;
}

.list-style-9-white-paper {
  color: var(--grey);
  font-family: Khula, sans-serif;
  font-size: 16px;
  list-style-type: decimal;
}

.list-style-10-white-paper {
  color: var(--grey);
  font-family: Khula, sans-serif;
  font-size: 16px;
  line-height: 26px;
}

.body-copy-white-paper {
  color: var(--grey);
  margin-top: 20px;
  margin-bottom: 20px;
  padding-right: 0;
  font-family: Khula, sans-serif;
  font-size: 16px;
  line-height: 23px;
}

.white-paper-content-all {
  background-color: var(--light-oren);
  color: var(--grey);
  height: auto;
  padding: 230px 150px 150px;
  text-decoration: none;
}

.bold-text-17 {
  color: #e7422a;
}

.tab-link-tab-1-4 {
  background-color: #0000;
  width: auto;
  padding-left: 0;
  padding-right: 20px;
  right: auto;
}

.tab-link-tab-1-4.w--current {
  background-color: #0000;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  width: auto;
  padding-left: 0;
  padding-right: 20px;
}

.tabs-2 {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.tab-link-tab-2-4 {
  background-color: #0000;
  padding-left: 0;
  padding-right: 20px;
  right: auto;
}

.tab-link-tab-2-4.w--current {
  background-color: #0000;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
}

.tab-link-tab-3-4 {
  background-color: #0000;
  padding-left: 0;
  padding-right: 20px;
  right: auto;
}

.tab-link-tab-3-4.w--current {
  background-color: #0000;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
}

.bold-text-18 {
  font-size: 16px;
}

.image-64 {
  margin-bottom: 30px;
}

.columns-18 {
  align-items: center;
  display: block;
}

.columns-19 {
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  display: block;
}

.column-43 {
  padding: 0 20px 0 0;
}

.tab-link-tab-4 {
  background-color: #0000;
  padding-left: 0;
  padding-right: 20px;
  right: auto;
}

.tab-link-tab-4.w--current {
  background-color: #0000;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
}

.tabs-menu-3 {
  margin-bottom: 30px;
  display: flex;
}

.header-right-etfs {
  background-color: var(--light-oren);
  height: auto;
  padding: 200px 60px 40px;
}

.etfs-portfolio-tabs {
  background-color: var(--light-oren);
  height: auto;
  padding: 60px 150px 40px;
}

.growth-etf-portfolio-table {
  background-color: var(--light-oren);
  height: auto;
  padding: 60px 150px;
}

.income-etf-portfolio-table {
  background-color: var(--light-oren);
  height: auto;
  padding: 20px 150px 60px;
}

.inflation-etf-portfolio-table {
  background-color: var(--light-oren);
  height: auto;
  padding: 20px 150px 40px;
}

.column-44 {
  font-family: Khula, sans-serif;
  font-size: 16px;
}

.link-42 {
  clear: none;
  color: var(--grey);
  text-align: right;
  display: inline;
  position: static;
}

.header-contact-us-drop-a-line {
  background-image: url('../images/Obg.png'), linear-gradient(#fff, #fff);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: cover, auto;
  background-attachment: scroll, scroll;
  max-height: none;
  margin-bottom: 0;
  padding: 250px 165px 165px;
  font-family: Khula, sans-serif;
  display: block;
}

.columns-20 {
  padding-top: 50px;
  position: relative;
  left: -30px;
}

.right-etf-block-portfolio {
  position: static;
  top: 15px;
}

.right-etf-title-portfolio {
  color: var(--grey);
  text-align: center;
  margin-bottom: 0;
  padding-right: 0;
  font-family: Khula, sans-serif;
  font-size: 40px;
  line-height: 44px;
  position: relative;
  top: -15px;
}

.right-etf-copy-portfolio {
  color: var(--grey);
  text-align: center;
  margin: 0 150px;
  padding: 20px;
  font-family: Khula, sans-serif;
  font-size: 20px;
  line-height: 22px;
}

.paragraph-9-left {
  color: #3a3535;
  text-align: left;
  margin: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Khula, sans-serif;
  font-size: 16px;
}

.columns-21, .columns-22 {
  align-items: center;
  display: flex;
}

.create-moment-heading {
  color: #fff;
  text-align: center;
  text-shadow: 2px 2px 3px var(--grey);
  margin-right: 0;
  padding-top: 0;
  padding-left: 0;
  font-family: Khula, sans-serif;
  font-weight: 400;
}

.create-moment-paragraph {
  color: #fff;
  text-align: center;
  text-shadow: 2px 2px 3px var(--grey);
  background-color: #0000;
  border-radius: 20px;
  margin-bottom: 0;
  margin-left: 150px;
  margin-right: 150px;
  padding: 20px;
  font-family: Khula, sans-serif;
  font-size: 20px;
  line-height: 22px;
}

.heading-how-do-we-do-what-we-do {
  color: #fff;
  text-align: center;
  text-shadow: 2px 2px 3px var(--grey);
  margin-right: 0;
  padding-top: 0;
  padding-left: 0;
  font-family: Khula, sans-serif;
  font-weight: 400;
}

.paragraph-what-we-do {
  color: #fff;
  text-align: center;
  text-shadow: 2px 2px 3px var(--grey);
  background-color: #0000;
  border-radius: 20px;
  margin: 0 50px;
  padding: 20px;
  font-family: Khula, sans-serif;
  font-size: 20px;
  line-height: 22px;
}

.footer-mytheo-updated {
  background-color: #22252a;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  margin-top: 0;
  padding-top: 80px;
  padding-bottom: 80px;
  display: block;
}

.header-resources-mountain {
  background-image: url('../images/circle.png'), url('../images/cristina-gottardi-iEGXkSXRXN4-unsplash.jpg');
  background-position: 50% 0, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: cover, cover;
  background-attachment: scroll, scroll;
  max-height: none;
  margin-bottom: 0;
  padding: 250px 165px 200px;
}

.heading-resources-title {
  color: #fff;
  text-align: center;
  text-shadow: 2px 2px 3px var(--grey);
  margin-right: 0;
  padding-top: 0;
  padding-left: 0;
  font-family: Khula, sans-serif;
  font-weight: 400;
}

.paragraph-reources-copy {
  color: #fff;
  text-align: center;
  text-shadow: 2px 2px 3px #614141;
  background-color: #0000;
  border-radius: 20px;
  margin-bottom: 0;
  margin-left: 150px;
  margin-right: 150px;
  padding: 20px;
  font-family: Khula, sans-serif;
  font-size: 20px;
  line-height: 22px;
}

.grow-your-wealth-homepage {
  -webkit-text-fill-color: inherit;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid #0000;
  max-height: 400px;
  margin: 0 auto;
  padding-top: 100px;
  padding-bottom: 100px;
  padding-left: 0;
  display: block;
  position: relative;
  overflow: visible;
}

.grow-your-wealth-homepage.tint {
  background-color: #f5f5f5;
}

.grow-your-wealth-homepage.tint.overflow-none {
  z-index: 1;
  background-color: #fff;
  margin-bottom: 0;
  padding-top: 130px;
  padding-bottom: 0;
  padding-right: 0;
  display: block;
  overflow: visible;
}

.grow-your-wealth-homepage.tint.overflow-none.new-cta {
  background-color: #0000;
  padding-top: 60px;
  padding-bottom: 0;
}

.grow-your-wealth-homepage.overflow-none {
  overflow: hidden;
}

.team-mytheo {
  background-color: #fff;
  background-image: url('../images/Obg.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding: 50px 100px;
}

.div-block-14 {
  background-image: url('../images/invest-now-box-red.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  flex-flow: column wrap;
  place-content: center space-around;
  align-items: center;
  padding: 125px 0 100px;
  display: flex;
  position: relative;
}

.column-45, .column-46 {
  position: static;
}

.columns-23 {
  justify-content: center;
  margin-left: 100px;
  margin-right: 100px;
  display: flex;
}

.columns-23.mytheo-protect {
  margin-left: 0;
  margin-right: 0;
}

.columns-23.download-app {
  margin-bottom: 20px;
}

.columns-24 {
  justify-content: center;
  align-items: center;
  margin-left: 130px;
  margin-right: 130px;
  padding-bottom: 0;
  display: block;
}

.div-block-15, .div-block-16 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.section-title-2 {
  margin-top: 0;
  font-size: 46px;
  font-weight: 300;
  line-height: 39px;
}

.section-title-2.dont-miss {
  color: var(--grey);
  font-size: 24px;
  font-weight: 700;
  line-height: 29px;
}

.blog-left-image-block-mytheo {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  border-radius: 4px;
  width: 180px;
  height: 180px;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.container-11 {
  position: relative;
}

.section-blog-post-template {
  background-color: #fff;
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}

.section-blog-post-template.blog-page-section {
  background-color: var(--light-oren);
}

.blog-post-page-content-2 {
  background-color: #fff;
  border-radius: 4px;
  width: 80%;
  margin: -140px auto 60px;
  padding: 70px;
  font-family: Khula, sans-serif;
  display: block;
  box-shadow: 0 0 33px #0000000a;
}

.rich-text-block-blog-template {
  font-family: Khula, sans-serif;
  font-size: 16px;
  position: static;
}

.next {
  background-color: var(--oren);
  color: #fff;
  border-radius: 4px;
  font-family: Khula, sans-serif;
  font-weight: 700;
}

.previous {
  background-color: var(--oren);
  color: #fff;
  border-radius: 4px;
  font-weight: 700;
}

.section-blog-resources {
  background-color: #fff;
  margin-bottom: 0;
  padding-top: 80px;
  padding-bottom: 130px;
  display: none;
  position: relative;
}

.heading-30 {
  color: var(--grey);
  text-align: center;
  margin-bottom: 0;
  padding-left: 150px;
  padding-right: 150px;
  font-family: Khula, sans-serif;
  font-size: 40px;
  font-weight: 400;
}

.section-blog-list-all {
  background-color: var(--light-oren);
  margin-bottom: 0;
  padding-top: 80px;
  padding-bottom: 140px;
  position: relative;
  overflow: hidden;
}

.container-blog-list-all {
  position: relative;
  top: 100px;
}

.div-block-17 {
  text-align: center;
  cursor: pointer;
  padding-top: 0;
  padding-bottom: 40px;
  position: relative;
  top: 0;
}

.button-view-all-blogs {
  background-color: var(--oren);
  cursor: pointer;
  border-radius: 5px;
  font-family: Khula, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.container-blog-post-resources {
  position: relative;
  top: 100px;
}

.container-blog-post-mytheo {
  position: relative;
}

.column-47 {
  padding-right: 10px;
}

.heading-31 {
  background-color: var(--oren);
  color: #fff;
  text-align: center;
  border-radius: 20px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 18px;
  font-size: 18px;
  line-height: 20px;
}

.paragraph-40 {
  text-align: center;
  padding-top: 10px;
  font-family: Khula, sans-serif;
  line-height: 25px;
}

.heading-black {
  color: var(--grey);
  font-family: Khula, sans-serif;
  font-size: 40px;
  font-weight: 400;
}

.heading-black.centre {
  text-align: center;
}

.bold-text-19 {
  color: var(--grey);
}

.para-black {
  color: var(--grey);
  text-align: left;
  padding-top: 0;
  padding-right: 0;
  font-family: Khula, sans-serif;
  font-size: 16px;
  line-height: 23px;
}

.para-black.right-align {
  text-align: right;
}

.tabs-content {
  padding-top: 0;
}

.tab-pane-tab-1-2 {
  background-color: var(--oren);
  border-radius: 40px;
  padding: 0;
}

.image-65 {
  max-width: 75%;
}

.image-66 {
  text-align: left;
  max-width: 75%;
}

.image-67, .image-68 {
  max-width: 75%;
}

.mytheo-at-a-glance-landing-page {
  z-index: 2;
  background-color: var(--light-oren);
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 60px;
  padding-bottom: 60px;
  display: block;
  position: relative;
}

.the-mytheo-difference-landing-page {
  -webkit-text-fill-color: inherit;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid #0000;
  max-height: 400px;
  margin: 0 auto;
  padding-top: 100px;
  padding-bottom: 100px;
  padding-left: 0;
  display: block;
  position: relative;
  overflow: visible;
}

.the-mytheo-difference-landing-page.bottom-space {
  background-color: #fff;
  border-style: none;
  border-width: 0;
  flex-direction: column;
  max-height: none;
  margin-top: 80px;
  padding: 0 100px;
  display: flex;
}

.the-mytheo-difference-landing-page.bottom-space.en {
  width: 80%;
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.the-mytheo-difference-landing-page.bottom-space {
  background-color: #0000;
  border-style: none;
  border-width: 0;
  flex-direction: column;
  align-items: center;
  width: 60%;
  max-height: none;
  margin-top: auto;
  margin-bottom: auto;
  padding: 60px 0;
  display: block;
}

.the-abc-s-of-getting-started-landing-page {
  z-index: 2;
  background-color: #ecebeb;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-height: none;
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
  position: relative;
  overflow: visible;
}

.how-mytheo-works-for-you-landing-page {
  background-color: #fff;
  border: 1px solid #0000;
  padding: 60px 50px;
}

.testimonials-mytheo-landing-page {
  -webkit-text-fill-color: inherit;
  object-fit: fill;
  background-color: #fff;
  background-clip: border-box;
  border: 0 #0000;
  padding-top: 0;
  padding-bottom: 0;
  display: none;
  position: static;
}

.our-awards-landing-page {
  background-color: var(--light-oren);
  color: var(--grey);
  padding-bottom: 60px;
}

.left-nav-all-menu-mytheo {
  z-index: auto;
  text-align: left;
  background-color: #fff;
  width: 300px;
  height: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding: 31px;
  display: block;
  position: static;
  box-shadow: 0 0 60px #0000004d;
}

.contact-us-left-menu {
  color: var(--grey);
  text-align: left;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #cfcfcf1a;
  border: 1px solid #0000;
  border-radius: 5px;
  margin-bottom: 4px;
  margin-left: -10px;
  margin-right: -10px;
  padding-top: 11px;
  padding-bottom: 11px;
  padding-right: 30px;
  font-family: Khula, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  transition: border .2s, background-color .2s;
  display: block;
  position: relative;
  right: auto;
}

.a-partnership-for-good-page {
  background-color: #fff;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  height: auto;
  padding: 100px;
}

.link-block-18 {
  flex-wrap: nowrap;
  flex: none;
  order: 0;
  place-content: space-around;
  align-self: auto;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-left: 0;
  display: block;
  position: absolute;
  top: -6px;
  left: auto;
  right: auto;
  overflow: visible;
}

.link-block-18.w--current {
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-left: 0;
  display: block;
  position: absolute;
  inset: -7px auto auto;
}

.youtube-3 {
  text-align: left;
  width: auto;
  max-width: none;
  height: auto;
  max-height: none;
  margin: 0;
  overflow: visible;
}

.list-item-4 {
  color: #fff;
  padding-left: 0;
}

.learning-centre-list-link {
  margin-bottom: 0;
  padding-left: 20px;
  font-family: Khula, sans-serif;
  font-size: 12px;
  line-height: 17px;
}

.faq-learning-centre-link {
  color: #fff;
  padding-left: 0;
}

.link-44, .link-45 {
  color: #fff;
  text-align: left;
  text-decoration: none;
}

.blog-post-date-template, .blog-post-date-resources {
  color: var(--grey);
  letter-spacing: 0;
  text-transform: capitalize;
  margin-bottom: 7px;
  font-size: 15px;
  font-weight: 700;
}

.paper-7 {
  background-image: url('../images/news7a.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: auto;
  max-width: 150px;
  height: auto;
}

.paper-12 {
  background-image: url('../images/news13a.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: auto;
  max-width: 150px;
  height: auto;
}

.paper-4 {
  background-image: url('../images/news4a.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: auto;
  max-width: 150px;
  height: auto;
}

.paper-9 {
  background-image: url('../images/news9a.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: auto;
  max-width: 150px;
  height: auto;
}

.paper-8 {
  background-image: url('../images/news8a.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: auto;
  max-width: 150px;
  height: auto;
}

.paper-6 {
  background-image: url('../images/news6a.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: auto;
  max-width: 150px;
  height: auto;
}

.paper-5 {
  background-image: url('../images/news5a.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: auto;
  max-width: 150px;
  height: auto;
}

.paper-3 {
  background-image: url('../images/news3a.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: auto;
  max-width: 150px;
  height: auto;
}

.paper-10 {
  background-image: url('../images/news10a.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: auto;
  max-width: 150px;
  height: auto;
}

.paper-11 {
  background-image: url('../images/news11a.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: auto;
  max-width: 150px;
  height: auto;
}

.paper-2 {
  background-image: url('../images/news2a.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: auto;
  max-width: 150px;
  height: auto;
}

.hovericon {
  opacity: 0;
  border-radius: 0;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.hovericon:hover {
  opacity: 1;
  text-align: center;
  border-radius: 0;
  max-width: 150px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  left: auto;
}

.container-12 {
  margin-top: -14px;
  padding-top: 0;
}

.paper-13 {
  background-image: url('../images/news1a.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: auto;
  max-width: 150px;
  height: auto;
}

.hovericon-2 {
  opacity: 0;
  max-width: 100%;
}

.hovericon-2:hover {
  opacity: 1;
}

.popup-heading {
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin: auto;
  padding: 0;
  font-family: Khula, sans-serif;
  font-size: 40px;
  line-height: 30px;
  display: block;
  position: static;
  top: auto;
}

.popup-app-store, .popup-google-play {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
}

.image-70 {
  max-width: 15px;
}

.popup-box {
  background-color: #e7422a;
  background-image: url('../images/circle.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  border-radius: 20px;
  width: 600px;
  height: 350px;
  margin: auto;
  padding: 80px 50px 50px;
  display: block;
  position: absolute;
  inset: 0%;
}

.popup-app-store-img {
  width: auto;
  max-width: 250px;
  position: static;
  top: auto;
  left: auto;
}

.popup-google-play-img {
  max-width: 250%;
  position: static;
  top: auto;
  left: auto;
}

.popup-x {
  cursor: pointer;
  padding: 5px 10px 10px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.popup-small-heading {
  color: #fffefe;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Khula, sans-serif;
  font-size: 15px;
  line-height: 18px;
  position: static;
  top: auto;
}

.popup-para {
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Khula, sans-serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 30px;
  position: static;
  top: auto;
}

.general-questions-faq-button {
  background-color: var(--oren);
  color: #fff;
  border-radius: 10px;
  margin: 15px 10px;
  padding-right: 15px;
  font-weight: 700;
}

.getting-started-faq-button, .operation-of-mytheo-faq-button, .deposit-and-withdrawal-faq-button {
  background-color: var(--oren);
  color: #fff;
  border-radius: 10px;
  margin-left: 10px;
  margin-right: 10px;
  padding-right: 15px;
  font-weight: 700;
}

.regular-savings-faq-button {
  background-color: var(--oren);
  color: #fffefe;
  border-radius: 10px;
  margin-bottom: 15px;
  margin-left: 10px;
  margin-right: 10px;
  padding-right: 15px;
  font-weight: 700;
}

.portfolios-faq-button, .multiple-portfolio-faq-button, .portfolio-switching-faq-button, .fees-faq-button {
  background-color: var(--oren);
  color: #fff;
  border-radius: 10px;
  margin-left: 10px;
  margin-right: 10px;
  padding-right: 15px;
  font-weight: 700;
}

.taxes-faq-button {
  background-color: var(--oren);
  color: #fdfdfd;
  border-radius: 10px;
  margin-left: 10px;
  margin-right: 10px;
  padding-right: 15px;
  font-weight: 700;
}

.security-faq-button, .others-faq-button {
  background-color: var(--oren);
  color: #fff;
  border-radius: 10px;
  margin-left: 10px;
  margin-right: 10px;
  padding-right: 15px;
  font-weight: 700;
}

.etfs-portfolio-tab {
  cursor: pointer;
}

.tabs-menu-etfs {
  text-align: center;
  cursor: pointer;
}

.bold-text-20 {
  color: var(--grey);
  font-family: Khula, sans-serif;
}

.tab-pane-tab-1-2-copy {
  background-color: #0000;
  border-radius: 40px;
}

.tab-pane-tab-2-copy, .tab-pane-tab-3-copy {
  text-align: center;
  background-color: #0000;
  border-radius: 40px;
}

.image-71, .image-72, .image-73 {
  max-width: 75%;
}

.toggle {
  width: 100%;
}

.search-wrap {
  position: relative;
}

.search-icon {
  width: 18px;
  position: absolute;
  inset: 11px auto 0% 10px;
}

.search-input-3 {
  background-color: #fff;
  border-radius: 5px;
  max-width: 800px;
  margin-right: 0;
  padding-left: 40px;
  font-family: Khula, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.faq-search-form {
  margin-top: 40px;
  margin-bottom: 40px;
}

.general-questions-title {
  color: var(--oren);
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 0;
  font-family: Khula, sans-serif;
  font-size: 23px;
  font-weight: 700;
  line-height: 25px;
}

.qa-2, .qa-1, .qa-3, .qa-4, .qa-5 {
  color: var(--oren);
}

.frequently-asked-qa {
  color: var(--grey);
  text-align: center;
  font-family: Khula, sans-serif;
  font-size: 38px;
  line-height: 44px;
  position: relative;
  top: -50px;
}

.faq-heading-content {
  color: var(--grey);
  text-align: center;
  font-family: Open Sans, sans-serif;
  position: relative;
  top: -55px;
  left: 8px;
}

.faq-wrapper {
  background-color: var(--light-oren);
  width: 100%;
  min-height: 100vh;
  padding-top: 60px;
  padding-bottom: 60px;
}

.faq-button-section-wrap {
  padding-bottom: 50px;
  font-family: Khula, sans-serif;
}

.qa-6, .qa-7 {
  color: var(--oren);
}

.faq-wrapping-div {
  width: 100%;
  max-width: 800px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 150px;
}

.faq-answer-2 {
  background-color: #fff;
  padding: 20px;
  display: none;
  position: relative;
}

.faq-answer-2.w--open {
  border-radius: 10px;
  display: block;
}

.wrapping-div-new {
  margin-top: 40px;
  font-family: Khula, sans-serif;
  font-size: 16px;
  position: static;
}

.text-block-37 {
  color: var(--oren);
  font-weight: 700;
}

.general-questions-1, .general-questions-2, .general-questions-3, .general-questions-4, .general-questions-5, .general-questions-6, .general-questions-7, .general-questions-8, .general-questions-9 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.qa-8 {
  color: var(--oren);
}

.general-questions-10 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.qa-10 {
  color: var(--oren);
}

.general-questions-11 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.qa-11 {
  color: var(--oren);
}

.general-questions-12 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.qa-12 {
  color: var(--oren);
}

.general-questions-13 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.qa-13 {
  color: var(--oren);
}

.general-questions-14 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.qa-14, .qa-15 {
  color: var(--oren);
}

.general-questions-15, .general-questions-16 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.qa-16 {
  color: var(--oren);
}

.general-questions-17 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.qa-17 {
  color: var(--oren);
}

.general-questions-18 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.qa-18 {
  color: var(--oren);
}

.general-questions-19 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.qa-19 {
  color: var(--oren);
}

.general-questions-20 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.qa-20 {
  color: var(--oren);
}

.general-questions-21 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.qa-21 {
  color: var(--oren);
}

.general-questions-22 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.qa-22 {
  color: var(--oren);
}

.general-questions-23 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.qa-23 {
  color: var(--oren);
}

.general-questions-24 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.qa-24 {
  color: var(--oren);
}

.general-questions-26 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.qa-26 {
  color: var(--oren);
}

.getting-started-title {
  color: var(--oren);
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 0;
  font-family: Khula, sans-serif;
  font-size: 23px;
  font-weight: 700;
  line-height: 25px;
}

.getting-started-1 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.gs-1 {
  color: var(--oren);
}

.getting-started-2 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.gs-2 {
  color: var(--oren);
}

.getting-started-3 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.gs-3 {
  color: var(--oren);
}

.rich-text-block-6 {
  text-align: left;
  line-height: 1px;
  display: block;
  position: static;
}

.getting-started-4 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.gs-4 {
  color: var(--oren);
}

.getting-started-5 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.gs-5 {
  color: var(--oren);
}

.getting-started-6 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.gs-6 {
  color: var(--oren);
}

.getting-started-7 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.gs-7 {
  color: var(--oren);
}

.getting-started-8 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.gs-8 {
  color: var(--oren);
}

.getting-started-9 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  display: none;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.gs-9 {
  color: var(--oren);
}

.operation-of-mytheo-title {
  color: var(--oren);
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 0;
  font-family: Khula, sans-serif;
  font-size: 23px;
  font-weight: 700;
  line-height: 25px;
}

.operation-mytheo-1 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.op-1 {
  color: var(--oren);
}

.operation-mytheo-2 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.op-2 {
  color: var(--oren);
}

.operation-mytheo-3 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.op-3 {
  color: var(--oren);
}

.operation-mytheo-4 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.op-4 {
  color: var(--oren);
}

.operation-mytheo-5 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.op-5 {
  color: var(--oren);
}

.operation-mytheo-6 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.op-6 {
  color: var(--oren);
}

.operation-mytheo-7 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.op-7 {
  color: var(--oren);
}

.operation-mytheo-8 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.op-8 {
  color: var(--oren);
}

.operation-mytheo-9 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.op-9 {
  color: var(--oren);
}

.operation-mytheo-10 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.op-10 {
  color: var(--oren);
}

.deposit-and-withdrawal-title {
  color: var(--oren);
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 0;
  font-family: Khula, sans-serif;
  font-size: 23px;
  font-weight: 700;
  line-height: 25px;
}

.deposit-withdrawal-1 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.dw-1 {
  color: var(--oren);
}

.deposit-withdrawal-2 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.dw-2 {
  color: var(--oren);
}

.deposit-withdrawal-3 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.dw-3 {
  color: var(--oren);
}

.deposit-withdrawal-4 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.dw-4 {
  color: var(--oren);
}

.deposit-withdrawal-5 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.dw-5 {
  color: var(--oren);
}

.deposit-withdrawal-6 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.dw-6 {
  color: var(--oren);
}

.deposit-withdrawal-7 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.dw-7 {
  color: var(--oren);
}

.deposit-withdrawal-8 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.dw-8 {
  color: var(--oren);
}

.deposit-withdrawal-9 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.dw-9 {
  color: var(--oren);
}

.deposit-withdrawal-10-new {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.dw-10-new {
  color: var(--oren);
}

.deposit-withdrawal-12 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.dw-11 {
  color: var(--oren);
}

.regular-savings-title {
  color: var(--oren);
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 0;
  font-family: Khula, sans-serif;
  font-size: 23px;
  font-weight: 700;
  line-height: 25px;
}

.regular-savings-1 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.rs-1 {
  float: none;
  clear: none;
  color: var(--oren);
}

.regular-savings-2 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.text-regular-savings {
  white-space: normal;
}

.rs-2 {
  float: none;
  clear: none;
  color: var(--oren);
}

.regular-savings-3 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.rs-3 {
  float: none;
  clear: none;
  color: var(--oren);
}

.regular-savings-4 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.rs-4 {
  float: none;
  clear: none;
  color: var(--oren);
}

.regular-savings-5 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.rs-5 {
  float: none;
  clear: none;
  color: var(--oren);
}

.regular-savings-6 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.rs-6 {
  float: none;
  clear: none;
  color: var(--oren);
}

.regular-savings-7 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.rs-7 {
  float: none;
  clear: none;
  color: var(--oren);
}

.regular-savings-8 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.rs-8 {
  float: none;
  clear: none;
  color: var(--oren);
}

.regular-savings-10 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.rs-10 {
  float: none;
  clear: none;
  color: var(--oren);
}

.regular-savings-9-new {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.rs-9-new {
  float: none;
  clear: none;
  color: var(--oren);
}

.regular-savings-11 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.rs-11 {
  float: none;
  clear: none;
  color: var(--oren);
}

.regular-savings-12 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.rs-12 {
  float: none;
  clear: none;
  color: var(--oren);
}

.regular-savings-13 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.rs-13 {
  float: none;
  clear: none;
  color: var(--oren);
}

.regular-savings-14 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.rs-14 {
  float: none;
  clear: none;
  color: var(--oren);
}

.regular-savings-15 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.rs-15, .rs-16 {
  float: none;
  clear: none;
  color: var(--oren);
}

.regular-savings-16, .regular-savings-17 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.rs-17 {
  float: none;
  clear: none;
  color: var(--oren);
  white-space: normal;
}

.regular-savings-18 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.rs-18 {
  float: none;
  clear: none;
  color: var(--oren);
  white-space: normal;
}

.regular-savings-19 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.rs-19 {
  float: none;
  clear: none;
  color: var(--oren);
}

.regular-savings-20 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.rs-20 {
  float: none;
  clear: none;
  color: var(--oren);
}

.portfolios-title {
  color: var(--oren);
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 0;
  font-family: Khula, sans-serif;
  font-size: 23px;
  font-weight: 700;
  line-height: 25px;
}

.porfolios-1 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.pf-1 {
  float: none;
  clear: none;
  color: var(--oren);
}

.porfolios-2 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.pf-2 {
  float: none;
  clear: none;
  color: var(--oren);
}

.porfolios-3 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.pf-3 {
  float: none;
  clear: none;
  color: var(--oren);
}

.porfolios-4 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.pf-4, .pf-5 {
  float: none;
  clear: none;
  color: var(--oren);
}

.porfolios-5 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.multiple-portfolios-title {
  color: var(--oren);
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 0;
  font-family: Khula, sans-serif;
  font-size: 23px;
  font-weight: 700;
  line-height: 25px;
}

.multiple-portfolio-1 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.mp-1 {
  float: none;
  clear: none;
  color: var(--oren);
}

.multiple-portfolio-2 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.mp-2 {
  float: none;
  clear: none;
  color: var(--oren);
}

.multiple-portfolio-3, .multiple-portfolio-4 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.mp-3 {
  float: none;
  clear: none;
  color: var(--oren);
  white-space: normal;
}

.mp-4 {
  float: none;
  clear: none;
  color: var(--oren);
}

.multiple-portfolio-5 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.mp-5 {
  float: none;
  clear: none;
  color: var(--oren);
}

.multiple-portfolio-6 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.mp-6 {
  float: none;
  clear: none;
  color: var(--oren);
}

.multiple-portfolio-7 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.mp-7 {
  float: none;
  clear: none;
  color: var(--oren);
}

.multiple-portfolio-8 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.mp-8 {
  float: none;
  clear: none;
  color: var(--oren);
}

.portfolio-switching-title {
  color: var(--oren);
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 0;
  font-family: Khula, sans-serif;
  font-size: 23px;
  font-weight: 700;
  line-height: 25px;
}

.portfolio-switching-1 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.ps-1 {
  float: none;
  clear: none;
  color: var(--oren);
}

.portfolio-switching-2 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.ps-2 {
  float: none;
  clear: none;
  color: var(--oren);
}

.portfolio-switching-3 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.ps-3 {
  float: none;
  clear: none;
  color: var(--oren);
}

.portfolio-switching-4 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.ps-4 {
  float: none;
  clear: none;
  color: var(--oren);
}

.portfolio-switching-5 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.ps-5 {
  float: none;
  clear: none;
  color: var(--oren);
}

.portfolio-switching-6 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.ps-6 {
  float: none;
  clear: none;
  color: var(--oren);
}

.portfolio-switching-7 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.ps-7 {
  float: none;
  clear: none;
  color: var(--oren);
  white-space: normal;
}

.portfolio-switching-8 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.ps-8 {
  float: none;
  clear: none;
  color: var(--oren);
}

.portfolio-switching-9 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.ps-9 {
  float: none;
  clear: none;
  color: var(--oren);
}

.portfolio-switching-10, .portfolio-switching-11, .portfolio-switching-12 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.ps-10 {
  float: none;
  clear: none;
  color: var(--oren);
  white-space: normal;
}

.ps-11, .ps-12 {
  float: none;
  clear: none;
  color: var(--oren);
}

.fees-title {
  color: var(--oren);
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 0;
  font-family: Khula, sans-serif;
  font-size: 23px;
  font-weight: 700;
  line-height: 25px;
}

.fees-1 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.fs-1 {
  float: none;
  clear: none;
  color: var(--oren);
}

.rich-text-block-fees {
  text-align: left;
  padding-top: 10px;
  position: static;
}

.taxes-title {
  color: var(--oren);
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 0;
  font-family: Khula, sans-serif;
  font-size: 23px;
  font-weight: 700;
  line-height: 25px;
}

.taxes-1 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.tx-1 {
  float: none;
  clear: none;
  color: var(--oren);
}

.taxes-2 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.tx-2 {
  float: none;
  clear: none;
  color: var(--oren);
}

.security-title, .others-title {
  color: var(--oren);
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 0;
  font-family: Khula, sans-serif;
  font-size: 23px;
  font-weight: 700;
  line-height: 25px;
}

.security-1 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.st-1 {
  float: none;
  clear: none;
  color: var(--oren);
}

.security-2, .security-3 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.st-2, .st-3 {
  float: none;
  clear: none;
  color: var(--oren);
}

.security-4, .security-5 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.st-4, .st-5 {
  float: none;
  clear: none;
  color: var(--oren);
}

.security-6, .security-7 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.st-6, .st-7 {
  float: none;
  clear: none;
  color: var(--oren);
}

.security-8, .security-9 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.st-8, .st-9 {
  float: none;
  clear: none;
  color: var(--oren);
}

.others-1 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.ot-1 {
  float: none;
  clear: none;
  color: var(--oren);
}

.others-2, .others-3, .others-4, .others-5, .others-7 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.ot-2, .ot-3, .ot-4, .ot-5 {
  float: none;
  clear: none;
  color: var(--oren);
}

.others-6-new {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.ot-6, .ot-7 {
  float: none;
  clear: none;
  color: var(--oren);
}

.text-block-39 {
  z-index: 5;
  text-align: center;
  justify-content: center;
  align-self: center;
  margin-top: 25px;
  font-family: Khula, sans-serif;
  font-size: 16px;
  line-height: 20px;
  display: flex;
  position: relative;
  top: 10px;
}

.text-block-39.mobile {
  width: 80%;
  margin-top: 20px;
}

.home-button-dropdown {
  display: block;
}

.home-dropdown {
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: 5px;
  margin-right: 3px;
  padding: 11px 15px;
  font-size: 13px;
  line-height: 12px;
  transition: background-color .2s, border .2s;
}

.home-dropdown:hover {
  background-color: #0000;
  border-color: #0003;
}

.home-dropdown.dropdown-toggle {
  padding-right: 30px;
}

.home-dropdown.dropdown-toggle.w--open {
  background-color: #0000001a;
}

.home-dropdown.dropdown-toggle.color {
  margin-left: -10px;
  margin-right: -10px;
  padding-right: 30px;
  overflow: visible;
}

.home-dropdown.color {
  background-color: #cfcfcf1a;
  margin-bottom: 4px;
  margin-right: 0;
  display: block;
}

.home-text-block {
  font-family: Khula, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
}

.dropdown-home-1 {
  text-align: left;
  margin-left: -40px;
  font-family: Khula, sans-serif;
  font-size: 13px;
  font-weight: 700;
  transition: background-color .2s, color .2s;
}

.dropdown-home-1:hover {
  color: #fff;
  background-color: #1f6fff;
}

.dropdown-home-1.w--current {
  color: #1f6fff;
}

.dropdown-home-1.w--current:hover {
  color: #fff;
}

.dropdown-home-2 {
  text-align: left;
  margin-left: -40px;
  font-family: Khula, sans-serif;
  font-size: 13px;
  transition: background-color .2s, color .2s;
}

.dropdown-home-2:hover {
  color: #fff;
  background-color: #1f6fff;
}

.dropdown-home-2.w--current {
  color: #1f6fff;
}

.dropdown-home-2.w--current:hover {
  color: #fff;
}

.dropdown-home-4 {
  text-align: left;
  margin-left: -40px;
  font-size: 13px;
  transition: background-color .2s, color .2s;
}

.dropdown-home-4:hover {
  color: #fff;
  background-color: #1f6fff;
}

.dropdown-home-4.w--current {
  color: #1f6fff;
}

.dropdown-home-4.w--current:hover {
  color: #fff;
}

.dropdown-home-5 {
  text-align: left;
  margin-left: -40px;
  font-size: 13px;
  transition: background-color .2s, color .2s;
}

.dropdown-home-5:hover {
  color: #fff;
  background-color: #1f6fff;
}

.dropdown-home-5.w--current {
  color: #1f6fff;
}

.dropdown-home-5.w--current:hover {
  color: #fff;
}

.dropdown-home-6 {
  text-align: left;
  margin-left: -40px;
  font-size: 13px;
  transition: background-color .2s, color .2s;
}

.dropdown-home-6:hover {
  color: #fff;
  background-color: #1f6fff;
}

.dropdown-home-6.w--current {
  color: #1f6fff;
}

.dropdown-home-6.w--current:hover {
  color: #fff;
}

.dropdown-home-7 {
  text-align: left;
  margin-left: -40px;
  font-size: 13px;
  transition: background-color .2s, color .2s;
}

.dropdown-home-7:hover {
  color: #fff;
  background-color: #1f6fff;
}

.dropdown-home-7.w--current {
  color: #1f6fff;
}

.dropdown-home-7.w--current:hover {
  color: #fff;
}

.dropdown-list-home.w--open {
  background-color: #fff;
  border-radius: 3px;
  margin-top: 10px;
  overflow: hidden;
  box-shadow: 0 0 30px #0000001a;
}

.dropdown-list-home.sidebar {
  height: auto;
}

.dropdown-list-home.sidebar.w--open {
  border: 1px solid #0000001a;
  border-radius: 10px;
  margin-bottom: 10px;
  padding-right: 0;
  font-family: Khula, sans-serif;
  font-weight: 700;
  position: static;
  box-shadow: 0 0 3px #0000;
}

.text-block-41 {
  line-height: 18px;
}

.mytheo-explained-button-dropdown {
  display: block;
}

.mytheo-explained-dropdown {
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: 5px;
  margin-right: 3px;
  padding: 11px 15px;
  font-size: 13px;
  line-height: 12px;
  transition: background-color .2s, border .2s;
}

.mytheo-explained-dropdown:hover {
  background-color: #0000;
  border-color: #0003;
}

.mytheo-explained-dropdown.dropdown-toggle {
  padding-right: 30px;
}

.mytheo-explained-dropdown.dropdown-toggle.w--open {
  background-color: #0000001a;
}

.mytheo-explained-dropdown.dropdown-toggle.color {
  margin-left: -10px;
  margin-right: -10px;
  padding-right: 30px;
  font-family: Khula, sans-serif;
  font-size: 15px;
  font-weight: 700;
  position: relative;
}

.mytheo-explained-dropdown.color {
  background-color: #cfcfcf1a;
  margin-bottom: 4px;
  margin-right: 0;
  display: block;
}

.dropdown-list-mytheo-explained.w--open {
  background-color: #fff;
  border-radius: 3px;
  margin-top: 10px;
  overflow: hidden;
  box-shadow: 0 0 30px #0000001a;
}

.dropdown-list-mytheo-explained.sidebar.w--open {
  border: 1px solid #0000001a;
  border-radius: 10px;
  margin-bottom: 10px;
  padding-right: 0;
  font-family: Khula, sans-serif;
  font-weight: 700;
  position: static;
  box-shadow: 0 0 3px #0000;
}

.dropdown-link-mytheo-explained-1 {
  margin-left: -40px;
  font-size: 13px;
  transition: background-color .2s, color .2s;
}

.dropdown-link-mytheo-explained-1:hover {
  color: #fff;
  background-color: #1f6fff;
}

.dropdown-link-mytheo-explained-1.w--current {
  color: var(--grey);
}

.dropdown-link-mytheo-explained-1.w--current:hover {
  color: #fff;
}

.dropdown-link-mytheo-explained-2 {
  margin-left: -40px;
  font-size: 13px;
  transition: background-color .2s, color .2s;
}

.dropdown-link-mytheo-explained-2:hover {
  color: #fff;
  background-color: #1f6fff;
}

.dropdown-link-mytheo-explained-2.w--current {
  color: #1f6fff;
}

.dropdown-link-mytheo-explained-2.w--current:hover {
  color: #fff;
}

.dropdown-link-mytheo-explained-3 {
  margin-left: -40px;
  font-size: 13px;
  transition: background-color .2s, color .2s;
}

.dropdown-link-mytheo-explained-3:hover {
  color: #fff;
  background-color: #1f6fff;
}

.dropdown-link-mytheo-explained-3.w--current {
  color: #1f6fff;
}

.dropdown-link-mytheo-explained-3.w--current:hover {
  color: #fff;
}

.dropdown-link-mytheo-explained-4 {
  margin-left: -40px;
  font-size: 13px;
  transition: background-color .2s, color .2s;
}

.dropdown-link-mytheo-explained-4:hover {
  color: #fff;
  background-color: #1f6fff;
}

.dropdown-link-mytheo-explained-4.w--current {
  color: #1f6fff;
}

.dropdown-link-mytheo-explained-4.w--current:hover {
  color: #fff;
}

.dropdown-link-mytheo-explained-5 {
  margin-left: -40px;
  font-size: 13px;
  transition: background-color .2s, color .2s;
}

.dropdown-link-mytheo-explained-5:hover {
  color: #fff;
  background-color: #1f6fff;
}

.dropdown-link-mytheo-explained-5.w--current {
  color: #1f6fff;
}

.dropdown-link-mytheo-explained-5.w--current:hover {
  color: #fff;
}

.dropdown-link-mytheo-explained-6 {
  margin-left: -40px;
  font-size: 13px;
  transition: background-color .2s, color .2s;
}

.dropdown-link-mytheo-explained-6:hover {
  color: #fff;
  background-color: #1f6fff;
}

.dropdown-link-mytheo-explained-6.w--current {
  color: #1f6fff;
}

.dropdown-link-mytheo-explained-6.w--current:hover {
  color: #fff;
}

.who-we-are-button-dropdown, .resources-button-dropwdown {
  display: block;
}

.who-we-are-dropdown {
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: 5px;
  margin-right: 3px;
  padding: 11px 15px;
  font-size: 13px;
  line-height: 12px;
  transition: background-color .2s, border .2s;
}

.who-we-are-dropdown:hover {
  background-color: #0000;
  border-color: #0003;
}

.who-we-are-dropdown.dropdown-toggle {
  padding-right: 30px;
}

.who-we-are-dropdown.dropdown-toggle.w--open {
  background-color: #0000001a;
}

.who-we-are-dropdown.dropdown-toggle.color {
  margin-left: -10px;
  margin-right: -10px;
  padding-right: 30px;
  font-family: Khula, sans-serif;
  font-size: 15px;
  font-weight: 700;
}

.who-we-are-dropdown.color {
  background-color: #cfcfcf1a;
  margin-bottom: 4px;
  margin-right: 0;
  display: block;
}

.dropdown-list-who-we-are.w--open {
  background-color: #fff;
  border-radius: 3px;
  margin-top: 10px;
  overflow: hidden;
  box-shadow: 0 0 30px #0000001a;
}

.dropdown-list-who-we-are.sidebar.w--open {
  border: 1px solid #0000001a;
  border-radius: 10px;
  margin-bottom: 10px;
  padding-right: 0;
  font-family: Khula, sans-serif;
  font-weight: 700;
  position: static;
  overflow: hidden;
  box-shadow: 0 0 3px #0000;
}

.dropdown-who-we-are-1 {
  margin-left: -40px;
  font-size: 13px;
  transition: background-color .2s, color .2s;
}

.dropdown-who-we-are-1:hover {
  color: #fff;
  background-color: #1f6fff;
}

.dropdown-who-we-are-1.w--current {
  color: #1f6fff;
}

.dropdown-who-we-are-1.w--current:hover {
  color: #fff;
}

.dropdown-who-we-are-2 {
  margin-left: -40px;
  font-size: 13px;
  transition: background-color .2s, color .2s;
}

.dropdown-who-we-are-2:hover {
  color: #fff;
  background-color: #1f6fff;
}

.dropdown-who-we-are-2.w--current {
  color: #1f6fff;
}

.dropdown-who-we-are-2.w--current:hover {
  color: #fff;
}

.resources-dropdown {
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: 5px;
  margin-right: 3px;
  padding: 11px 15px;
  font-size: 13px;
  line-height: 12px;
  transition: background-color .2s, border .2s;
}

.resources-dropdown:hover {
  background-color: #0000;
  border-color: #0003;
}

.resources-dropdown.dropdown-toggle {
  padding-right: 30px;
}

.resources-dropdown.dropdown-toggle.w--open {
  background-color: #0000001a;
}

.resources-dropdown.dropdown-toggle.color {
  margin-left: -10px;
  margin-right: -10px;
  padding-right: 30px;
  font-family: Khula, sans-serif;
  font-size: 15px;
  font-weight: 700;
}

.resources-dropdown.color {
  background-color: #cfcfcf1a;
  margin-bottom: 4px;
  margin-right: 0;
  display: block;
}

.dropdown-list-resources.w--open {
  background-color: #fff;
  border-radius: 3px;
  margin-top: 10px;
  overflow: hidden;
  box-shadow: 0 0 30px #0000001a;
}

.dropdown-list-resources.sidebar.w--open {
  border: 1px solid #0000001a;
  border-radius: 10px;
  margin-bottom: 10px;
  padding-right: 0;
  font-family: Khula, sans-serif;
  font-weight: 700;
  position: static;
  box-shadow: 0 0 3px #0000;
}

.dropdown-list-resources.sidebar {
  position: static;
}

.dropdown-list-resources.sidebar.w--open {
  border: 1px solid #0000001a;
  border-radius: 10px;
  margin-bottom: 10px;
  overflow: visible;
  box-shadow: 0 0 3px #0000;
}

.dropdown-resources-1 {
  margin-left: -40px;
  font-size: 13px;
  transition: background-color .2s, color .2s;
}

.dropdown-resources-1:hover {
  color: #fff;
  background-color: #1f6fff;
}

.dropdown-resources-1.w--current {
  color: #1f6fff;
}

.dropdown-resources-1.w--current:hover {
  color: #fff;
}

.dropdown-resources-2 {
  margin-left: -40px;
  font-size: 13px;
  transition: background-color .2s, color .2s;
}

.dropdown-resources-2:hover {
  color: #fff;
  background-color: #1f6fff;
}

.dropdown-resources-2.w--current {
  color: var(--grey);
}

.dropdown-resources-2.w--current:hover {
  color: #fff;
}

.dropdown-resources-3 {
  margin-left: -40px;
  font-size: 13px;
  transition: background-color .2s, color .2s;
}

.dropdown-resources-3:hover {
  color: #fff;
  background-color: #1f6fff;
}

.dropdown-resources-3.w--current {
  color: var(--grey);
}

.dropdown-resources-3.w--current:hover {
  color: #fff;
}

.dropdown-resources-4 {
  margin-left: -40px;
  font-size: 13px;
  transition: background-color .2s, color .2s;
}

.dropdown-resources-4:hover {
  color: #fff;
  background-color: #1f6fff;
}

.dropdown-resources-4.w--current {
  color: var(--grey);
}

.dropdown-resources-4.w--current:hover {
  color: #fff;
}

.dropdown-resources-5 {
  margin-left: -40px;
  font-size: 13px;
  transition: background-color .2s, color .2s;
}

.dropdown-resources-5:hover {
  color: #fff;
  background-color: #1f6fff;
}

.dropdown-resources-5.w--current {
  color: #1f6fff;
}

.dropdown-resources-5.w--current:hover {
  color: #fff;
}

.dropdown-resources-6 {
  margin-left: -40px;
  font-size: 13px;
  transition: background-color .2s, color .2s;
}

.dropdown-resources-6:hover {
  color: #fff;
  background-color: #1f6fff;
}

.dropdown-resources-6.w--current {
  color: #1f6fff;
}

.dropdown-resources-6.w--current:hover {
  color: #fff;
}

.blog-posts-list-wrapper-copy {
  float: none;
  text-align: left;
  object-fit: fill;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  font-family: Khula, sans-serif;
  display: flex;
  position: relative;
}

.blog-posts-list-wrapper-full {
  text-align: left;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  font-family: Khula, sans-serif;
  display: block;
}

.blog-posts-listfull {
  float: none;
  object-fit: fill;
  flex: none;
  order: 0;
  display: block;
  position: relative;
}

.blog-post-item-full {
  float: left;
  clear: none;
  text-align: left;
  object-fit: fill;
  flex-wrap: wrap;
  order: -1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  margin-bottom: 140px;
  padding-left: 210px;
  padding-right: 0;
  display: block;
  position: relative;
}

.blog-posts-list-wrapper-resources {
  text-align: left;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  font-family: Khula, sans-serif;
  display: block;
}

.blog-posts-list-resources {
  float: none;
  object-fit: fill;
  flex: none;
  order: 0;
  display: block;
  position: relative;
}

.blog-post-item-resources {
  float: left;
  clear: none;
  text-align: left;
  object-fit: fill;
  flex-wrap: wrap;
  order: -1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  margin-bottom: 140px;
  padding-left: 210px;
  padding-right: 0;
  display: block;
  position: relative;
}

.div-block-21 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.body {
  background-color: #fff;
  max-width: 100%;
  height: auto;
}

.column-50 {
  margin-bottom: 57px;
}

.columns-home {
  text-align: center;
  flex-direction: column;
  margin-bottom: 30px;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.column-62.as-featured-in {
  background-color: #0000;
  padding-top: 0;
  padding-bottom: 0;
}

.heading-white-paper {
  color: var(--grey);
  margin-left: 0;
  font-family: Khula, sans-serif;
  font-size: 35px;
  font-weight: 400;
  line-height: 40px;
}

.columns-globally {
  margin-bottom: 30px;
  margin-left: -10px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.image_portfolio_allocation {
  text-align: center;
  max-width: 100%;
  display: block;
  position: relative;
  left: auto;
}

.image_value_of_etf {
  top: 202px;
  left: 159px;
}

.blog-left-image-mytheo-resources-featured_1 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  border-radius: 4px;
  width: 180px;
  height: 265px;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.container-home {
  background-color: #0000;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: relative;
}

.container-home.en {
  flex-direction: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: center;
  align-items: flex-start;
  max-width: 80%;
  height: auto;
  max-height: none;
  display: flex;
  position: relative;
}

.columns-3-home {
  margin-bottom: 30px;
}

.tabs-logical {
  background-color: var(--light-oren);
  border-radius: 20px;
}

.tabs-logical.w--current {
  background-color: var(--oren);
  border-radius: 20px;
}

.tabs-menu-4 {
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  display: flex;
  left: -34px;
  right: auto;
}

.paragraph-41 {
  padding-top: 30px;
}

.columns-3-copy {
  margin-bottom: 30px;
}

.image-52-copy {
  top: -431px;
  left: 448px;
}

.heading-2-copy {
  color: #3a3535;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 0;
  font-family: Khula, sans-serif;
  font-size: 45px;
  font-weight: 400;
  line-height: 35px;
  position: relative;
  left: -8px;
}

.heading-2-copy.strat {
  color: var(--grey);
  margin-top: 0;
  padding-top: 17px;
  padding-bottom: 38px;
}

.slide-15-copy {
  padding: 100px 150px 150px;
  top: auto;
}

.columns-13-copy {
  padding: 0;
}

.slide-nav-4-copy {
  color: #fff;
  text-align: center;
  background-color: #0000;
  flex-flow: row;
  justify-content: center;
  align-items: stretch;
  margin-bottom: 40px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 22px;
  display: block;
  bottom: 60px;
}

.column-price {
  background-color: var(--light-oren);
  border-radius: 20px;
  margin-bottom: 20px;
  padding: 10px;
}

.section-title-copy {
  float: none;
  clear: none;
  color: #3a3535;
  text-align: center;
  margin: 0 0 35px;
  padding-right: 0;
  font-family: Khula, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
  display: block;
  position: static;
}

.section-description-copy {
  text-align: center;
  margin-top: 30px;
  padding-left: 12px;
  padding-right: 12px;
  font-family: Khula, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  display: block;
  position: relative;
  top: -20px;
}

.tab-link-tab-1-3-copy, .tab-link-tab-1-3-copy.w--current, .tab-link-tab-1-3-copy, .tab-link-tab-1-3-copy.w--current {
  background-color: var(--oren);
  border-radius: 20px;
  right: auto;
}

.tab-link-tab-1-3-copy {
  background-color: var(--light-oren);
  border-radius: 20px;
  right: auto;
}

.tab-link-tab-1-3-copy.w--current {
  background-color: var(--oren);
  border-radius: 20px;
  right: auto;
}

.paragraph-15-title, .paragraph-15-title_2, .paragraph-15-title_3, .paragraph-15-title_4, .paragraph_income_title_1, .paragraph_income_title_2, .paragraph_income_title_3, .paragraph_income_title_4, .paragraph_hedge_title_1, .paragraph_hedge_title_2, .paragraph_hedge_title_3, .paragraph_hegde_title_4 {
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 0;
  padding-right: 0;
  font-family: Khula, sans-serif;
  font-size: 16px;
  font-weight: 700;
  display: block;
}

.columns_body_content_growth {
  background-color: var(--light-oren);
  color: var(--light-oren);
  text-align: center;
  border-radius: 10px;
  flex-flow: row;
  place-content: space-between center;
  align-items: center;
  margin-top: 0;
  padding-top: 5px;
  padding-bottom: 8px;
  font-family: Khula, sans-serif;
  font-weight: 400;
  display: flex;
}

.columns_title_growth_bg {
  background-color: var(--oren);
  color: var(--light-oren);
  text-align: center;
  border-radius: 10px;
  flex-flow: row;
  place-content: space-between center;
  align-items: center;
  margin-top: 0;
  padding-top: 5px;
  padding-bottom: 8px;
  font-family: Khula, sans-serif;
  font-weight: 400;
  display: flex;
}

.columns_body_income {
  background-color: var(--light-oren);
  color: var(--light-oren);
  text-align: center;
  border-radius: 10px;
  flex-flow: row;
  place-content: space-between center;
  align-items: center;
  margin-top: 0;
  padding-top: 5px;
  padding-bottom: 8px;
  font-family: Khula, sans-serif;
  font-weight: 400;
  display: flex;
}

.columns_title_income_portofolio_bg, .columns_title_hedge_bg {
  background-color: var(--oren);
  color: var(--light-oren);
  text-align: center;
  border-radius: 10px;
  flex-flow: row;
  place-content: space-between center;
  align-items: center;
  margin-top: 0;
  padding-top: 5px;
  padding-bottom: 8px;
  font-family: Khula, sans-serif;
  font-weight: 400;
  display: flex;
}

.paragraph-23-copy {
  color: #3a3535;
  text-align: justify;
  padding-right: 0;
  font-family: Khula, sans-serif;
  font-size: 16px;
}

.image-75 {
  display: none;
}

.nav-link-3-copy {
  color: #fff;
  background-color: #e6432a;
  border-style: none;
  border-color: #fff;
  border-radius: 40px;
  margin-right: 0;
  padding: 10px 20px;
  font-family: Khula, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 23px;
  display: none;
  right: auto;
}

.footer-mytheo-mobile {
  background-color: #3a3535;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  margin-top: 0;
  padding-top: 80px;
  padding-bottom: 80px;
  display: none;
}

.text-block-19-copy {
  float: right;
  color: #fff;
  font-family: Khula, sans-serif;
  font-size: 12px;
  line-height: 17px;
  position: relative;
  top: 36px;
  right: 257px;
}

.div-block-2-copy {
  float: right;
  margin-left: 190px;
  margin-right: auto;
  padding-left: 0;
  position: relative;
  top: -58px;
  left: -75px;
}

.text-block-20-copy {
  clear: left;
  color: #fff;
  text-align: left;
  margin-left: 190px;
  padding-right: 0;
  font-family: Khula, sans-serif;
  font-size: 12px;
  line-height: 17px;
  display: inline-block;
  position: relative;
  top: -28px;
  left: -108px;
}

.image-37-copy {
  text-align: center;
  top: 25px;
}

.image-76 {
  display: none;
}

.dropdown-who-we-are-introduction-home {
  margin-left: -40px;
  font-size: 13px;
  transition: background-color .2s, color .2s;
}

.dropdown-who-we-are-introduction-home:hover {
  color: #fff;
  background-color: #1f6fff;
}

.dropdown-who-we-are-introduction-home.w--current {
  color: #1f6fff;
}

.dropdown-who-we-are-introduction-home.w--current:hover {
  color: #fff;
}

.dropdown-resources-making-it-look-easy {
  margin-left: -40px;
  font-size: 13px;
  transition: background-color .2s, color .2s;
}

.dropdown-resources-making-it-look-easy:hover {
  color: #fff;
  background-color: #1f6fff;
}

.dropdown-resources-making-it-look-easy.w--current {
  color: var(--grey);
}

.dropdown-resources-making-it-look-easy.w--current:hover {
  color: #fff;
}

.link-block-19 {
  color: var(--grey);
  text-decoration: none;
}

.abc_getting_started {
  text-align: left;
  margin-left: -40px;
  font-size: 13px;
  transition: background-color .2s, color .2s;
}

.abc_getting_started:hover {
  color: #fff;
  background-color: #1f6fff;
}

.abc_getting_started.w--current {
  color: #1f6fff;
}

.abc_getting_started.w--current:hover {
  color: #fff;
}

.link-block-20, .link-block-21, .link-block-22 {
  color: var(--grey);
  text-decoration: none;
}

.div-block-25 {
  max-width: 70%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.en-link {
  color: var(--oren);
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: 20px;
  padding: 5px 5px 0;
  font-family: Khula, sans-serif;
  font-weight: 700;
  text-decoration: none;
  display: block;
  position: relative;
  top: 0;
  left: -434px;
  right: auto;
}

.bm-link {
  color: var(--grey);
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: 20px;
  padding: 5px 5px 0;
  font-family: Khula, sans-serif;
  font-weight: 700;
  text-decoration: none;
  position: relative;
  top: 0;
  left: -430px;
  right: auto;
}

.bm-link.w--current {
  left: -416px;
}

.link-46, .link-47, .link-48, .link-49, .link-50 {
  color: var(--grey);
  display: inline-block;
}

.you-invest {
  top: 385px;
}

.dropdown-home_you_invest {
  margin-left: -40px;
  font-size: 13px;
  transition: background-color .2s, color .2s;
}

.dropdown-home_you_invest:hover {
  color: #fff;
  background-color: #1f6fff;
}

.dropdown-home_you_invest.w--current {
  color: #1f6fff;
}

.dropdown-home_you_invest.w--current:hover {
  color: #fff;
}

.blog_body {
  background-color: var(--light-oren);
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  height: auto;
  padding: 0;
  font-size: 16px;
}

.blog_header_all {
  object-fit: fill;
  background-image: url('../images/BlogBanner2.jpg'), linear-gradient(#fff, #fff);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: cover, auto;
  background-attachment: scroll, scroll;
  max-height: none;
  margin-bottom: 0;
  padding: 250px 165px 165px;
  font-family: Khula, sans-serif;
  display: block;
}

.blog_title {
  color: var(--grey);
  font-family: Khula, sans-serif;
  font-size: 40px;
  font-weight: 400;
}

.blog_title.centre {
  color: var(--grey);
  text-align: center;
  line-height: 40px;
}

.blog_title.centre.orange {
  color: var(--grey);
}

.blog_title.centre.black {
  color: #000;
}

.blog_body_post {
  color: #3a3535;
  text-align: left;
  align-self: flex-start;
  margin: 0 100px;
  padding: 0 10px;
  font-family: Khula, sans-serif;
  font-size: 16px;
  display: inline-block;
}

.blog_body_post.small {
  margin-left: 90px;
  margin-right: 80px;
  font-size: 14px;
  line-height: 16px;
}

.image-77 {
  text-align: left;
  margin: 10px 100px 0;
  display: block;
}

.image-77.gap {
  margin-bottom: 20px;
  padding-bottom: 0;
}

.div-block-26 {
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  margin-top: 0;
  margin-left: 200px;
  margin-right: 200px;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  position: relative;
  top: -50px;
}

.button-8 {
  background-color: var(--oren);
  color: #fff;
  border-radius: 5px;
  margin-top: 20px;
}

.button-read {
  background-color: var(--oren);
  border-radius: 5px;
}

.blog-date {
  margin-bottom: 10px;
  font-size: 14px;
}

.blog-title {
  margin-top: 0;
  line-height: 24px;
}

.blog-excerpt {
  color: var(--grey);
  margin-top: 0;
  margin-bottom: 10px;
  padding-right: 0;
  font-family: Khula, sans-serif;
  font-size: 16px;
  line-height: 23px;
}

.main-blog-title {
  color: var(--grey);
  text-align: center;
  margin-left: 0;
  font-family: Khula, sans-serif;
  font-size: 35px;
  font-weight: 400;
  line-height: 40px;
  display: block;
}

.column-64 {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.column-65 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.blog-index {
  background-color: var(--light-oren);
  color: var(--grey);
  height: auto;
  padding: 230px 150px 150px;
  text-decoration: none;
}

.section-blog-index {
  background-color: #fff;
  margin-bottom: 0;
  padding-top: 80px;
  padding-bottom: 100px;
  position: relative;
}

.container-blog-index {
  position: relative;
  top: 50px;
}

.button-read-1, .button-read-2 {
  background-color: var(--oren);
  border-radius: 5px;
}

.button-read-3 {
  background-color: var(--oren);
  border-radius: 5px;
  padding-top: 13px;
}

.bold-text-32 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--grey);
  line-height: 40px;
}

.caption {
  color: #3a3535;
  text-align: center;
  align-self: auto;
  margin: 0 100px;
  padding: 5px 10px 0;
  font-family: Khula, sans-serif;
  font-size: 12px;
  font-style: italic;
  line-height: 14px;
}

.image-78 {
  object-fit: fill;
  border-radius: 5px;
  width: 500px;
  max-width: 100%;
  height: 250px;
  overflow: visible;
}

.image-79 {
  object-fit: fill;
  background-color: #fff;
  border-radius: 5px;
  width: 500px;
  height: 250px;
  overflow: visible;
}

.image-80, .image-81, .image-82, .image-83, .image-84, .image-85 {
  object-fit: cover;
  border-radius: 5px;
  width: 500px;
  height: 250px;
}

.blog-list-item {
  color: var(--grey);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  margin-left: 0;
  margin-right: 0;
  font-family: Khula, sans-serif;
  font-size: 16px;
  display: block;
}

.blog-page-button {
  text-align: center;
  cursor: pointer;
  justify-content: center;
  display: flex;
  position: relative;
  top: 40px;
}

.button-10 {
  background-color: var(--oren);
  border-radius: 5px;
  margin-left: 5px;
  margin-right: 5px;
  display: none;
}

.button-10.w--current {
  display: none;
}

.button-11 {
  background-color: var(--oren);
  color: #fff;
  border-radius: 5px;
  margin-left: 5px;
  margin-right: 5px;
  display: none;
}

.blog-page-nav {
  color: var(--oren);
  text-align: center;
  margin-left: 5px;
  margin-right: 5px;
  text-decoration: none;
}

.image-86 {
  border-radius: 5px;
}

.success-message-2 {
  background-color: #0000;
}

.header-promotion {
  background-image: url('../images/promo-cv.jpg'), linear-gradient(#fff, #fff);
  background-position: 50% 0, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: cover, auto;
  background-attachment: scroll, scroll;
  max-height: none;
  margin-bottom: 0;
  padding: 250px 165px 165px;
  font-family: Khula, sans-serif;
  display: block;
}

.header-promotion.mytheo-protect {
  padding-top: 165px;
}

.promotion_body {
  background-color: var(--light-oren);
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  height: auto;
  padding: 0;
  display: block;
}

.promotion_title {
  color: var(--grey);
  font-family: Khula, sans-serif;
  font-size: 40px;
  font-weight: 400;
}

.promotion_title.centre {
  color: #fff;
  text-align: center;
  line-height: 40px;
}

.promotion-image {
  text-align: left;
  margin-bottom: 0;
  margin-left: 100px;
  margin-right: 100px;
  display: block;
}

.promotion-block {
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  margin-left: 200px;
  margin-right: 200px;
  padding-top: 100px;
  padding-bottom: 100px;
  font-size: 16px;
  display: flex;
  position: relative;
  top: -50px;
}

.promotion-post {
  color: #3a3535;
  text-align: left;
  object-fit: fill;
  align-self: flex-start;
  margin: 0 100px;
  padding: 0 10px;
  font-family: Khula, sans-serif;
  font-size: 16px;
  line-height: 23px;
}

.promo-link, .link-51 {
  display: inline-block;
}

.promotion-left-menu {
  color: var(--grey);
  text-align: left;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #cfcfcf1a;
  border: 1px solid #0000;
  border-radius: 5px;
  margin-bottom: 4px;
  margin-left: -10px;
  margin-right: -10px;
  padding-top: 11px;
  padding-bottom: 11px;
  padding-right: 30px;
  font-family: Khula, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  transition: border .2s, background-color .2s;
  display: block;
  position: relative;
  right: auto;
}

.popup-bg-2 {
  z-index: 10;
  background-color: #3a35358c;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
}

.blog_body_post-justify {
  color: #3a3535;
  text-align: left;
  align-self: flex-start;
  margin: 0 100px;
  padding: 0 10px;
  font-family: Khula, sans-serif;
  font-size: 16px;
  font-style: normal;
  line-height: 23px;
  text-decoration: none;
}

.link-52, .link-53, .link-54, .link-55, .link-56, .link-59, .link-60, .link-61, .link-62, .link-63, .link-64, .link-65, .link-66, .link-67 {
  display: inline-block;
}

.link-68, .link-69 {
  display: inline;
}

.referafriend-image {
  text-align: left;
  margin-bottom: 0;
  margin-left: 100px;
  margin-right: 100px;
  display: block;
}

.promo-index {
  background-color: var(--light-oren);
  color: var(--grey);
  height: auto;
  padding: 230px 150px 150px;
  text-decoration: none;
}

.button-12 {
  background-color: var(--oren);
  color: #fff;
  border-radius: 5px;
  margin-top: 20px;
  padding-top: 9px;
  font-weight: 700;
}

.newcomer-image {
  text-align: left;
  margin-bottom: 0;
  margin-left: 100px;
  margin-right: 100px;
  display: block;
}

.columns-26 {
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: block;
}

.columns-27 {
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: block;
}

.image-87 {
  text-align: left;
  margin-bottom: 0;
  margin-left: 100px;
  margin-right: 100px;
  display: block;
}

.header-slide {
  background-color: #353942;
}

.header-slide._2 {
  background-color: var(--lime-green);
  background-image: url('../images/fields-edit.jpg');
}

.header-slide._3 {
  background-color: #fff;
  background-image: none;
}

.header-slide._4 {
  background-color: #00bcf6;
  background-image: url('../images/Architecture_1.jpg');
}

.slider-6 {
  -webkit-text-fill-color: inherit;
  background-color: #ddd;
  background-clip: border-box;
  flex: 1;
  height: 100vh;
  display: flex;
}

.header-slider-icon {
  color: #e5e5e5;
  margin-top: 339px;
}

.header-slider-icon.r {
  color: #e5e5e5;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
}

.slide-18 {
  background-color: var(--lime-green);
  background-image: url('../images/fields-edit_1.jpg');
  background-position: 50% 0;
  background-size: cover;
}

.header-img-esg {
  width: 360px;
  max-width: none;
  margin-bottom: 0;
  padding-bottom: 10px;
  display: inline-block;
}

.hero-description-slider {
  color: #32a354;
  text-align: left;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Khula, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 1.2em;
  display: block;
}

.hero-description-slider.sub {
  color: var(--grey);
  font-size: 18px;
  transform: none;
}

.link-70 {
  color: #32a354;
}

.global-esg-banner {
  background-image: url('../images/fields-edit_1.jpg');
  background-position: 50% 0;
  background-size: cover;
  min-height: 55vh;
  padding-top: 180px;
  padding-bottom: 120px;
}

.global-esg-header-txt {
  color: #fff;
  text-align: left;
  text-shadow: 1px 1px 8px #000;
  width: 70%;
  margin: 30px auto;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.2em;
}

.image-88 {
  width: 70%;
  margin-top: auto;
  margin-bottom: auto;
  display: block;
}

.container-13 {
  margin-top: auto;
  padding-top: 60px;
  position: relative;
}

.global-esg-header-sub-txt {
  color: #fff;
  text-shadow: 1px 1px 6px #000;
  align-self: center;
  margin-left: 50px;
  margin-right: 50px;
  font-family: Khula, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.columns-28 {
  max-width: 60%;
}

.div-block-27 {
  justify-content: center;
  padding-top: 25px;
  padding-bottom: 25px;
  display: none;
}

.div-block-28 {
  border-left: 2px solid #fff;
  min-height: 50px;
  transform: skew(22deg);
}

.div-block-28.r {
  transform: skew(-22deg);
}

.global-esg-hero-btn {
  text-align: center;
  background-image: linear-gradient(#0b0bf7, #0076ff);
  border: 1px solid #fff;
  border-radius: 60px;
  min-width: 200px;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 15px;
  padding-bottom: 12px;
  font-family: Khula, sans-serif;
  font-size: 18px;
  font-weight: 400;
  transition: filter .6s;
}

.global-esg-hero-btn:hover {
  filter: brightness(110%);
  color: #fff;
  background-image: linear-gradient(#ffffff4d, #ffffff4d), linear-gradient(#0b0bf7, #0076ff);
}

.global-esg-hero-btn._2 {
  background-image: linear-gradient(#f70b1d, #ff00c4);
}

.global-esg-hero-btn._2:hover {
  background-image: linear-gradient(#ffffff4d, #ffffff4d), linear-gradient(#f70b1d, #ff00c4);
}

.div-block-27-copy {
  justify-content: center;
  display: none;
}

.quote {
  background-image: url('../images/watercolour-edit.jpg');
  background-position: 50% 0;
  background-size: cover;
  padding-top: 60px;
  padding-bottom: 60px;
}

.quote-p {
  color: #fff;
  text-shadow: 1px 1px 6px #0006;
  font-size: 18px;
  line-height: 2.2em;
}

.quote-main {
  color: #fff;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 34px;
  line-height: 1.2em;
}

.body-3 {
  background-color: #fff;
}

.global-esg-anchor-menu {
  border: 1px solid #00d080;
  border-radius: 110px;
  margin-top: 60px;
  padding-top: 35px;
  padding-bottom: 20px;
}

.column-66 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.esg-anchor-menu-link-txt {
  color: #00d080;
  font-family: Khula, sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}

.link-block-23 {
  color: #0a3161;
  text-align: center;
  border-bottom: 1px solid #fff;
  align-self: center;
  min-width: 80px;
  text-decoration: none;
  transition: border-width .5s;
}

.link-block-23:hover {
  border-bottom: 1px solid #df7a1b;
  border-radius: 0;
}

.image-89 {
  width: 16px;
}

.what-is-esg {
  padding-top: 60px;
  padding-bottom: 60px;
}

.display-shadow {
  opacity: .3;
  color: #00d080;
  text-align: center;
  text-transform: uppercase;
  font-family: Khula, sans-serif;
  font-size: 90px;
  line-height: 1em;
}

.what-is-esg-sub-heading {
  text-align: center;
  max-width: 60%;
  margin: -60px auto 50px;
  font-family: Khula, sans-serif;
  font-size: 24px;
  font-weight: 600;
}

.div-block-29 {
  flex-wrap: wrap;
  place-content: space-around center;
  margin-bottom: 20px;
  display: flex;
}

.about-element {
  order: 0;
  width: 50%;
  padding: 20px;
}

.image-90 {
  border-radius: 12px;
}

.about-element-heading {
  color: var(--grey);
  margin-top: 20px;
  font-size: 24px;
}

.about-element-p {
  line-height: 1.2em;
}

.what-is-esg-diagram-heading {
  color: #00d080;
  text-align: center;
  max-width: 80%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  font-family: Khula, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2em;
}

.how-global-esg {
  background-color: #f2f6f9;
  padding-top: 60px;
  padding-bottom: 60px;
}

.how-to-esg-heading {
  color: var(--grey);
  text-align: center;
  font-family: Khula, sans-serif;
  font-weight: 600;
  line-height: 1.2em;
}

.how-to-esg-element {
  width: 20%;
  padding-left: 10px;
  padding-right: 10px;
}

.how-to-esg-element-p {
  color: #fff;
  background-color: #00d080;
  min-height: 120px;
  max-height: 120px;
  margin-top: 10px;
  padding: 20px;
  line-height: 1.2em;
  overflow: auto;
}

.number-circle {
  z-index: 29;
  background-color: #fff;
  border: 1px solid #00d080;
  border-radius: 100%;
  width: 80px;
  height: 80px;
  position: relative;
}

.image-91 {
  margin-top: -25px;
}

.text-block-44 {
  color: #00d080;
  text-align: center;
  max-width: 80%;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  font-family: Khula, sans-serif;
  font-weight: 600;
  line-height: 1.2em;
}

.text-block-45 {
  color: #00d080;
  text-align: center;
  font-family: Khula, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.2em;
}

.wide {
  max-width: 1060px;
}

.how-to-esg-headin2 {
  color: var(--grey);
  text-align: center;
  margin-top: 10px;
  font-family: Khula, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2em;
}

.how-to-esg-sub {
  text-align: center;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  font-family: Khula, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2em;
}

.faq {
  padding-top: 60px;
  padding-bottom: 60px;
}

.faq-sub-heading-copy {
  text-align: center;
  max-width: 60%;
  margin: -50px auto 50px;
  font-family: Khula, sans-serif;
  font-size: 32px;
  font-weight: 700;
}

.accordion-item {
  object-fit: fill;
  width: 100%;
  display: inline-block;
  overflow: hidden;
}

.accordion-item:active {
  filter: blur(5px);
  object-fit: fill;
}

.accordion-item.margin-bottom {
  margin-bottom: 10px;
}

.accordion-toggle {
  pointer-events: auto;
  text-overflow: clip;
  overflow-wrap: normal;
  -webkit-text-fill-color: inherit;
  background-color: #f2f6f9;
  background-clip: border-box;
  border-radius: 12px;
  align-items: center;
  height: 80px;
  display: flex;
}

.faq-list-q {
  white-space: normal;
  flex: none;
  width: 100%;
  font-family: Khula, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2em;
}

.dropdown-list-2 {
  background-color: #fff;
  padding: 20px;
  display: block;
  position: static;
}

.faq-list-a {
  line-height: 1.2em;
}

.disclaimer-heading {
  color: var(--grey);
  margin-top: 60px;
  margin-bottom: 10px;
  font-family: Khula, sans-serif;
  font-size: 24px;
  line-height: 1.2em;
}

.disclaimer-txt {
  padding-left: 20px;
  font-size: 14px;
  line-height: 1.5em;
}

.list-item-5 {
  line-height: 1.3em;
}

.text-block-46 {
  font-family: Khula, sans-serif;
  font-size: 16px;
  line-height: 1.2em;
}

.esg-etf-portfolio-table {
  background-color: var(--light-oren);
  height: auto;
  padding: 20px 150px 40px;
}

.cta-esg-button {
  color: #fff;
  background-color: #32a354;
  border-radius: 5px;
  margin-top: 20px;
}

.image-78-left {
  object-fit: fill;
  object-position: 0% 50%;
  border-radius: 5px;
  width: 500px;
  max-width: 100%;
  height: 250px;
  overflow: visible;
}

.cta-button {
  background-color: var(--oren);
  color: #fff;
  border-radius: 5px;
  margin: 20px 5px;
}

.div-block-30 {
  flex: 0 auto;
  max-width: 100%;
}

.image-92 {
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  max-width: none;
  height: auto;
  position: absolute;
  inset: auto 7vw 0% auto;
}

.div-block-31 {
  z-index: 90;
  width: 100%;
  padding-left: 10vw;
  padding-right: 10vw;
  position: relative;
}

.heading-32 {
  margin-top: 206px;
  font-size: 45px;
}

.heading-33 {
  max-width: 50%;
}

.heading-34 {
  color: #3a3535;
  max-width: 50%;
  margin-bottom: 25px;
  font-family: Khula, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.button-3 {
  z-index: 5;
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #e7422a;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  margin-bottom: 25px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 40px;
  padding-right: 40px;
  font-family: Khula, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 28px;
  display: inline-block;
  position: relative;
  left: auto;
  right: auto;
}

.image-93 {
  max-width: 10%;
  display: block;
}

.div-block-32 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.heading-35 {
  color: var(--grey);
  align-self: flex-start;
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 30px;
}

.bold-text-33 {
  margin-left: 100px;
  margin-right: 100px;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 30px;
  display: block;
}

.heading-36 {
  color: var(--grey);
  margin-left: 100px;
  margin-right: 100px;
  padding-left: 10px;
  padding-right: 10px;
}

.modal-wrapper {
  z-index: 9999;
  background-image: linear-gradient(#ffffff80, #ffffff80);
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  inset: 7% 0% 0%;
}

.close-modal-button {
  width: 40px;
  padding: 5px;
  display: block;
  position: absolute;
  inset: 81% 27% auto auto;
}

.promo-banner {
  text-align: center;
  margin-left: 300px;
  margin-right: 300px;
}

.div-block-33 {
  max-width: 70%;
  height: auto;
  margin: 161px auto 160px;
}

.video {
  margin-left: auto;
  margin-right: auto;
}

.youtube-4 {
  width: auto;
  max-width: none;
  height: auto;
  max-height: none;
}

.video-2 {
  width: 600px;
  display: block;
}

.blog_body_post-justify-center {
  color: #3a3535;
  text-align: center;
  align-self: flex-start;
  margin: 0 100px;
  padding: 0 10px;
  font-family: Khula, sans-serif;
  font-size: 16px;
  line-height: 23px;
}

.image77 {
  max-width: 100%;
  margin-left: 100px;
  margin-right: 100px;
  padding-left: 140px;
  padding-right: 140px;
  display: block;
}

.italic-text-2 {
  font-size: 18px;
  font-weight: 600;
  line-height: 23px;
}

.quotes {
  color: #3a3535;
  text-align: center;
  align-self: auto;
  margin: 0 100px;
  padding: 0 10px;
  font-family: Khula, sans-serif;
  font-size: 16px;
  font-style: italic;
  line-height: 14px;
}

.video-3 {
  width: 600px;
}

.link-block-24 {
  margin-left: 100px;
  margin-right: 100px;
}

.growth_grid_title_col {
  text-align: center;
  background-color: #b73226;
  border: 1px solid #0000;
  border-radius: 5px;
  width: 80%;
  max-width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.growth_grid_data {
  text-align: center;
  border-bottom: 1px solid #3a353599;
  border-left: 1px solid #3a353599;
  border-right: 1px solid #3a353599;
  width: 80%;
  max-width: 100%;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.growth_grid_title {
  color: #fff;
}

.paragraph-42 {
  padding-bottom: 10px;
}

.income_grid_title_col {
  text-align: center;
  background-color: #ef7e2b;
  border: 1px solid #0000;
  border-radius: 5px;
  width: 80%;
  max-width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.income_grid_data {
  text-align: center;
  border-bottom: 1px solid #3a353599;
  border-left: 1px solid #3a353599;
  border-right: 1px solid #3a353599;
  width: 80%;
  max-width: 100%;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.income_grid_data.blog-income-data {
  overflow: auto;
}

.income_grid_data.new-to-mytheo {
  border-top: 1px solid #3a353599;
  border-right-style: solid;
  flex: 0 auto;
  align-self: auto;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.inflation_grid_title_col {
  text-align: center;
  background-color: #f49987;
  border: 1px solid #0000;
  border-radius: 5px;
  width: 80%;
  max-width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.esg_grid_title_col {
  text-align: center;
  background-color: #66bb54;
  border: 1px solid #0000;
  border-radius: 5px;
  width: 80%;
  max-width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.esg_grid_data, .inflation_grid_data {
  text-align: center;
  border-bottom: 1px solid #3a353599;
  border-left: 1px solid #3a353599;
  border-right: 1px solid #3a353599;
  width: 80%;
  max-width: 100%;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.italic-text-3 {
  font-style: italic;
}

.link-block-25 {
  max-width: 100%;
  margin-left: 100px;
  margin-right: 100px;
}

.ewt-wrapper, .eww-wrapper, .ewz-wrapper, .ewg-wrapper {
  background-color: #fffefe;
  border-radius: 30px;
  margin-top: 15px;
  margin-bottom: 15px;
  display: none;
}

.vwo-wrapper {
  background-color: #fffefe;
  border-radius: 30px;
  margin-top: 15px;
  margin-bottom: 15px;
  display: block;
}

.ief-wrapper, .vgit-wrapper, .numg-wrapper {
  background-color: #fffefe;
  border-radius: 30px;
  margin-top: 15px;
  margin-bottom: 15px;
  display: none;
}

.esgu-wrapper, .iei-wrapper, .lqd-wrapper {
  background-color: #fffefe;
  border-radius: 30px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.ewh-wrapper {
  background-color: #fffefe;
  border-radius: 30px;
  margin-top: 15px;
  margin-bottom: 15px;
  display: none;
}

.ewc-wrapper {
  background-color: #fffefe;
  border-radius: 30px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.ewc-wrapper.ewa-wrapper {
  display: none;
}

.ewy-wrapper, .iws-wrapper, .epi-wrapper {
  background-color: #fffefe;
  border-radius: 30px;
  margin-top: 15px;
  margin-bottom: 15px;
  display: none;
}

.list-9 {
  text-align: justify;
  align-self: flex-start;
  margin-left: 100px;
  margin-right: 100px;
}

.list-item-6 {
  margin-bottom: 10px;
  font-family: Khula, sans-serif;
  font-size: 16px;
}

.main-webinar-title {
  text-align: center;
  margin-left: 0;
  font-family: Khula, sans-serif;
  font-weight: 700;
  line-height: 40px;
  display: block;
}

.webinar-page-button {
  text-align: center;
  cursor: pointer;
  justify-content: center;
  display: none;
  position: relative;
  top: 40px;
}

.webinar-list-item {
  color: var(--grey);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  margin-left: 0;
  margin-right: 0;
  font-family: Khula, sans-serif;
  font-size: 16px;
  display: block;
}

.webinar-cover-image {
  text-align: left;
  margin-bottom: 0;
  display: block;
}

.webinar-cover-image.gap {
  margin-bottom: 20px;
  padding-bottom: 0;
}

.link-block-26 {
  margin-top: 10px;
  margin-left: 0;
  margin-right: 0;
}

.key-value {
  background-color: var(--grey);
  border-radius: 11px;
  width: 600px;
  height: 80px;
  margin-bottom: 20px;
  margin-left: 100px;
  margin-right: 100px;
  display: flex;
}

.key-text {
  color: #fff;
  text-align: center;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 400px;
  margin: auto;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-weight: 600;
  display: flex;
}

.columns-29 {
  max-width: 100%;
  margin-left: 100px;
  margin-right: 100px;
  display: flex;
}

.text-block-47 {
  margin-top: auto;
  margin-bottom: auto;
  margin-right: auto;
  font-size: 16px;
  font-weight: 700;
  display: block;
}

.column-67 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.column-68 {
  display: flex;
}

.image-95, .image-96 {
  max-width: 100%;
}

.share-div {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  background-color: #0000;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: 100px;
  margin-right: auto;
  padding-top: 5px;
  display: block;
}

.image-97 {
  max-width: 50px;
  padding-left: 10px;
}

.social-share-url {
  display: none;
}

.paragraph-43 {
  color: var(--oren);
  font-weight: 600;
  display: none;
}

.html-embed {
  display: none;
}

.image-98 {
  width: 30px;
  margin-right: 10px;
}

.social-embed {
  display: inline-block;
}

.link-24 {
  clear: left;
  color: #fff;
  text-align: left;
  margin-top: 13px;
  font-family: Khula, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  text-decoration: none;
  display: block;
  position: relative;
  right: auto;
}

.dropdown-link-2 {
  margin-left: -40px;
  font-size: 13px;
}

.webinar-left-menu {
  color: var(--grey);
  text-align: left;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #cfcfcf1a;
  border: 1px solid #0000;
  border-radius: 5px;
  margin-bottom: 4px;
  margin-left: -10px;
  margin-right: -10px;
  padding-top: 11px;
  padding-bottom: 11px;
  padding-right: 30px;
  font-family: Khula, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  transition: border .2s, background-color .2s;
  display: block;
  position: relative;
  right: auto;
}

.main-promotion-title {
  text-align: center;
  margin-left: 0;
  font-family: Khula, sans-serif;
  line-height: 40px;
  display: block;
}

.dropdown-mytheoxringgitplus {
  margin-left: -40px;
  font-size: 13px;
  transition: background-color .2s, color .2s;
}

.dropdown-mytheoxringgitplus:hover {
  color: #fff;
  background-color: #1f6fff;
}

.dropdown-mytheoxringgitplus.w--current {
  color: #1f6fff;
}

.dropdown-mytheoxringgitplus.w--current:hover {
  color: #fff;
}

.dropdown-mytheoxaa {
  margin-left: -40px;
  font-size: 13px;
  transition: background-color .2s, color .2s;
}

.dropdown-mytheoxaa:hover {
  color: #fff;
  background-color: #1f6fff;
}

.dropdown-mytheoxaa.w--current {
  color: #1f6fff;
}

.dropdown-mytheoxaa.w--current:hover {
  color: #fff;
}

.igov-wrapper {
  background-color: #fffefe;
  border-radius: 30px;
  margin-top: 15px;
  margin-bottom: 15px;
  display: block;
}

.rpg-wrapper {
  background-color: #fffefe;
  border-radius: 30px;
  margin-top: 15px;
  margin-bottom: 15px;
  display: none;
}

.link-block-27 {
  margin-top: 60px;
  margin-left: 100px;
  margin-right: 100px;
}

.speaker-cio {
  margin-left: 100px;
  margin-right: 100px;
  padding-left: 10px;
  padding-right: 10px;
}

.paragraph-44 {
  max-width: 50%;
  margin-top: 10px;
  margin-bottom: 25px;
  line-height: 20px;
}

.image-100 {
  margin-left: 100px;
  margin-right: 100px;
  padding-left: 10px;
  padding-right: 10px;
}

.image-101, .image-102 {
  margin-left: 100px;
  margin-right: 100px;
  padding-left: 20px;
  padding-right: 20px;
}

.must-title {
  color: var(--oren);
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 0;
  font-family: Khula, sans-serif;
  font-size: 23px;
  font-weight: 700;
  line-height: 25px;
}

.must-1, .must-2, .must-3, .must-4, .must-5, .must-6 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.must-faq-button {
  background-color: var(--oren);
  color: #fff;
  border-radius: 10px;
  margin-left: 10px;
  margin-right: 10px;
  padding-right: 15px;
  font-weight: 700;
}

.link-must {
  border: 10px solid var(--oren);
  background-color: var(--oren);
  color: #fff;
  border-radius: 20px;
  margin-left: 0;
  margin-right: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Khula, sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  display: inline;
  position: static;
  right: auto;
}

.must-header-txt {
  color: #fff;
  text-align: center;
  text-shadow: 1px 1px 8px #000;
  width: auto;
  margin: 30px auto auto;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.2em;
  display: block;
}

.must-anchor-menu-link-txt {
  color: #0a3161;
  font-family: Khula, sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}

.what-is-must-sub-heading {
  text-align: center;
  max-width: 60%;
  margin: -60px auto 50px;
  font-family: Khula, sans-serif;
  font-size: 24px;
  font-weight: 600;
  display: none;
}

.must-number-circle {
  z-index: 29;
  background-color: #fff;
  border: 1px solid #0a3161;
  border-radius: 100%;
  width: 80px;
  height: 80px;
  position: relative;
}

.how-to-must-element-p {
  color: #fff;
  background-color: #0a3161;
  min-height: 120px;
  max-height: 120px;
  margin-top: 10px;
  padding: 20px;
  line-height: 1.2em;
  overflow: auto;
}

.how-must-step {
  color: #0a3161;
  text-align: center;
  max-width: 80%;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  font-family: Khula, sans-serif;
  font-weight: 600;
  line-height: 1.2em;
}

.must-banner {
  background-image: url('../images/Architecture_2.jpg');
  background-size: cover;
  align-items: center;
  min-height: 55vh;
  padding-top: 180px;
  padding-bottom: 120px;
  display: flex;
  position: relative;
}

.what-is-must {
  padding-top: 60px;
  padding-bottom: 60px;
}

.how-must {
  background-color: #f2f6f9;
  padding-top: 60px;
  padding-bottom: 60px;
}

.how-must-step-number {
  color: #0a3161;
  text-align: center;
  font-family: Khula, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.2em;
}

.must-anchor-menu {
  border: 1px solid #0a3161;
  border-radius: 110px;
  margin-top: 60px;
  padding-top: 35px;
  padding-bottom: 20px;
}

.link-block-28 {
  color: #0a3161;
  text-align: center;
  border-bottom: 1px solid #fff;
  align-self: center;
  min-width: 80px;
  text-decoration: none;
  transition: border-width .5s;
}

.link-block-28:hover {
  border-bottom: 1px solid #0a3161;
  border-radius: 0;
}

.must-quote {
  background-color: #0a3161;
  padding-top: 60px;
  padding-bottom: 60px;
}

.must-description-block {
  text-align: left;
  background-color: #cee8f0;
  border-radius: 10px;
  width: 680px;
  max-width: 100%;
  margin-top: 285px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 50px;
}

.header-img-must {
  width: 360px;
  margin-bottom: 10px;
}

.link-to-must {
  color: #0a3161;
}

.must-display-shadow {
  opacity: .3;
  color: #0a3161;
  text-align: center;
  text-transform: uppercase;
  font-family: Khula, sans-serif;
  font-size: 90px;
  line-height: 1em;
}

.link-block-29 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.iwp-wrapper, .rpv-wrapper {
  background-color: #fffefe;
  border-radius: 30px;
  margin-top: 15px;
  margin-bottom: 15px;
  display: block;
}

.ewj-wrapper, .ews-wrapper, .ewa-wrapper {
  background-color: #fffefe;
  border-radius: 30px;
  margin-top: 15px;
  margin-bottom: 15px;
  display: none;
}

.product-button-dropdown {
  display: block;
}

.product-dropdown {
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: 5px;
  margin-right: 3px;
  padding: 11px 15px;
  font-size: 13px;
  line-height: 12px;
  transition: background-color .2s, border .2s;
}

.product-dropdown:hover {
  background-color: #0000;
  border-color: #0003;
}

.product-dropdown.dropdown-toggle {
  padding-right: 30px;
}

.product-dropdown.dropdown-toggle.w--open {
  background-color: #0000001a;
}

.product-dropdown.dropdown-toggle.color {
  margin-left: -10px;
  margin-right: -10px;
  padding-right: 30px;
  font-family: Khula, sans-serif;
  font-size: 15px;
  font-weight: 700;
}

.product-dropdown.color {
  background-color: #cfcfcf1a;
  margin-bottom: 4px;
  margin-right: 0;
  display: block;
}

.dropdown-link-mytheo-explained-1-copy {
  margin-left: -40px;
  font-size: 13px;
  transition: background-color .2s, color .2s;
}

.dropdown-link-mytheo-explained-1-copy:hover {
  color: #fff;
  background-color: #1f6fff;
}

.dropdown-link-mytheo-explained-1-copy.w--current {
  color: var(--grey);
}

.dropdown-link-mytheo-explained-1-copy.w--current:hover {
  color: #fff;
}

.dropdown-link-product {
  margin-left: -40px;
  font-size: 13px;
  transition: background-color .2s, color .2s;
}

.dropdown-link-product:hover {
  color: #fff;
  background-color: #1f6fff;
}

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

.dropdown-link-product.w--current:hover {
  color: #fff;
}

.partner-dropdown {
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: 5px;
  margin-right: 3px;
  padding: 11px 15px;
  font-size: 13px;
  line-height: 12px;
  transition: background-color .2s, border .2s;
}

.partner-dropdown:hover {
  background-color: #0000;
  border-color: #0003;
}

.partner-dropdown.dropdown-toggle {
  padding-right: 30px;
}

.partner-dropdown.dropdown-toggle.w--open {
  background-color: #0000001a;
}

.partner-dropdown.dropdown-toggle.color {
  margin-left: -10px;
  margin-right: -10px;
  padding-right: 30px;
  font-family: Khula, sans-serif;
  font-size: 15px;
  font-weight: 700;
}

.partner-dropdown.color {
  background-color: #cfcfcf1a;
  margin-bottom: 4px;
  margin-right: 0;
  display: block;
}

.dropdown-list-partner.w--open {
  background-color: #fff;
  border-radius: 3px;
  margin-top: 10px;
  overflow: hidden;
  box-shadow: 0 0 30px #0000001a;
}

.dropdown-list-partner.sidebar.w--open {
  border: 1px solid #0000001a;
  border-radius: 10px;
  margin-bottom: 10px;
  padding-right: 0;
  font-family: Khula, sans-serif;
  font-weight: 700;
  position: static;
  box-shadow: 0 0 3px #0000;
}

.sclink {
  color: #555;
  font-family: Khula, sans-serif;
  font-size: 16px;
  line-height: 20px;
}

.or-heading {
  color: var(--grey);
  text-align: center;
  margin-top: 20px;
  margin-bottom: 0;
  font-family: Khula, sans-serif;
  font-weight: 600;
  line-height: 1.2em;
}

.method-header {
  color: var(--grey);
  font-size: 24px;
}

.must-headline {
  color: #fff;
  font-size: 24px;
}

.heading-37 {
  color: #fff;
  text-align: center;
  line-height: 28px;
}

.cta-register-button {
  background-color: var(--oren);
  color: #fff;
  border-radius: 5px;
  margin: 20px 5px;
}

.image-104 {
  margin: 10px 100px;
  padding-left: 100px;
  padding-right: 100px;
  display: block;
}

.brand-2 {
  align-self: auto;
  padding-right: 0;
}

.bm-link-2 {
  color: #3a3535;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: 20px;
  flex: 1;
  padding: 5px 0 0 5px;
  font-family: Khula, sans-serif;
  font-weight: 700;
  text-decoration: none;
  position: relative;
  top: 0;
  left: auto;
  right: auto;
}

.bm-link-2.w--current {
  left: -416px;
}

.navbar-3 {
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0;
  display: flex;
  position: fixed;
  inset: 0% 0 auto;
}

.image-105 {
  max-width: none;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-right: 0;
  display: block;
  position: relative;
}

.container-17 {
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  inset: 0% 2% 0% auto;
}

.div-block-35 {
  grid-column-gap: 0%;
  grid-row-gap: 0%;
  text-align: center;
  flex: 0 auto;
  justify-content: space-between;
  align-self: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 60px;
  padding-right: 60px;
  font-size: 14px;
  display: flex;
  position: relative;
  left: auto;
  right: auto;
}

.dropdown-link-3 {
  color: #3a3535;
  background-color: #0000;
  margin-left: auto;
  margin-right: auto;
  padding-top: 14px;
  padding-bottom: 12px;
  font-family: Khula, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 16px;
  transition: background-color .2s, color .2s;
  right: auto;
}

.dropdown-link-3:hover {
  color: #fff;
  background-color: #e44232;
}

.dropdown-link-3.w--current {
  color: #3a3535;
  font-size: 15px;
  line-height: 16px;
  right: auto;
}

.dropdown-link-3.w--current:hover {
  color: #fff;
}

.div-block-36 {
  color: #fff;
  text-align: left;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  margin-left: 40px;
  margin-right: auto;
  padding-right: 0;
  display: flex;
  position: relative;
  right: 0;
}

.text-block-48 {
  letter-spacing: 1.5px;
  margin-top: 5px;
  padding-top: 0;
  font-family: Khula, sans-serif;
  font-size: 15px;
  font-weight: 700;
}

.dropdown-menu {
  font-family: Khula, sans-serif;
  font-weight: 600;
}

.dropdown-menu.w--open {
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
}

.header {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr .5fr 0fr;
  place-content: stretch space-between;
  align-self: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.dropdown-list-3 {
  background-color: #ca8e8e;
  display: none;
}

.dropdown-list-3.w--open {
  background-color: #fff;
}

.dropdown-list-4 {
  background-color: #7c6969;
}

.dropdown-list-4.w--open {
  text-align: left;
  background-color: #fff;
  flex-direction: column;
  align-items: flex-start;
  width: auto;
  min-width: auto;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
  display: block;
  left: 0;
}

.image-106 {
  margin-right: 40px;
  display: none;
}

.container-19 {
  flex-flow: row;
  flex: 0 auto;
  justify-content: space-between;
  align-self: center;
  align-items: center;
  padding-left: 0;
  display: flex;
  position: relative;
}

.nav-link-4 {
  color: #e7422a;
  background-color: #0000;
  border: 2px #e7422a;
  border-radius: 40px;
  padding: 10px 20px 4px 0;
  font-family: Khula, sans-serif;
  font-weight: 700;
  position: relative;
  inset: auto;
}

.nav-link-5 {
  color: #fff;
  background-color: #e6432a;
  border-style: none;
  border-color: #fff;
  border-radius: 40px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: 10px;
  padding: 10px 20px 6px;
  font-family: Khula, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 23px;
  display: flex;
  position: relative;
  right: auto;
}

.en-link-2 {
  color: #e7422a;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: 20px;
  padding: 5px 0 0 5px;
  font-family: Khula, sans-serif;
  font-weight: 700;
  text-decoration: none;
  display: block;
  position: relative;
  top: 0;
  left: auto;
  right: auto;
}

.header-mytheo-2 {
  float: none;
  clear: none;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  object-fit: fill;
  background-color: #353942;
  background-image: url('../images/Website-Header.png');
  background-position: 50%;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  position: static;
  overflow: visible;
}

.header-hidden {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto 1fr auto;
  grid-template-columns: 1fr;
  place-items: center start;
  max-width: 65%;
  margin-top: 220px;
  margin-bottom: auto;
  margin-left: 100px;
  display: block;
}

.header-hidden.mobile.show {
  display: none;
}

.header-hidden.desktop {
  display: block;
}

.header-hidden.hidden {
  display: none;
  position: relative;
}

.heading-38 {
  margin-bottom: 20px;
}

.paragraph-45 {
  color: #666;
  white-space: normal;
  width: 65%;
  margin-top: 10px;
  margin-right: auto;
  padding-right: 0;
  line-height: 25px;
  overflow: visible;
}

.paragraph-45.promotion-flashing {
  display: none;
}

.button-view-all-blogs-2 {
  text-align: center;
  cursor: pointer;
  background-color: #e7422a;
  border-radius: 50px;
  margin-top: 500px;
  margin-bottom: 20px;
  margin-left: 500px;
  padding: 11px 40px 5px;
  font-family: Khula, sans-serif;
  font-size: 16px;
  font-weight: 700;
  display: inline-block;
}

.text-block-49 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 40px;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 20px;
}

.text-block-49.header {
  text-align: left;
}

.superscript {
  color: #333;
  align-items: center;
  font-size: 12px;
  font-style: normal;
  line-height: 20px;
  text-decoration: none;
  display: flex;
}

.header-mytheo-3 {
  float: none;
  clear: none;
  object-fit: fill;
  background-color: #353942;
  background-image: url('../images/Website-Header.png');
  background-position: 50%;
  background-size: cover;
  padding-top: 0;
  padding-right: 0;
  display: none;
  position: static;
  overflow: visible;
}

.header-mytheo-4 {
  float: none;
  clear: none;
  color: #fff;
  object-fit: fill;
  background-color: #fff;
  background-image: url('../images/main-file-V1.png');
  background-position: 50%;
  background-size: cover;
  margin-top: -11px;
  padding: 220px;
  display: block;
  position: static;
  overflow: visible;
}

.header-mytheo-4.white-bg-header {
  background-attachment: fixed;
}

.image-107 {
  float: right;
  clear: none;
  text-align: left;
  object-fit: fill;
  flex: 1;
  align-self: flex-end;
  max-width: none;
  margin: auto;
  padding-top: 0;
  padding-right: 0;
  display: block;
  position: relative;
  top: 0%;
  bottom: 0%;
  right: 0%;
  overflow: scroll;
}

.as-featured-in-2 {
  background-color: #fdece9;
  margin-top: 0;
  padding-top: 60px;
  padding-bottom: 60px;
}

.heading-39 {
  color: #3a3535;
  text-align: center;
  border: 1px #fff;
  justify-content: center;
  margin-top: auto;
  margin-bottom: 20px;
  padding-top: 0;
  font-family: Khula, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 50px;
  display: flex;
}

.image-108 {
  width: 200px;
  max-width: 100%;
  margin-bottom: 10px;
  display: block;
  position: static;
  top: 75px;
  left: 442px;
}

.cta-2 {
  background-color: #fff;
  margin-top: -80px;
  margin-bottom: -100px;
  padding-top: 0;
  padding-bottom: 0;
}

.cta-2.en {
  margin-top: auto;
  padding-top: 0;
}

.image-109 {
  width: 200px;
  max-width: 100%;
  display: block;
  position: static;
  top: auto;
  left: auto;
}

.div-block-37 {
  background-image: url('../images/invest-now-box-red.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex-flow: column wrap;
  place-content: center space-around;
  align-items: center;
  margin-top: -60px;
  padding: 100px;
  display: flex;
  position: relative;
}

.paragraph-46 {
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  padding: 9px 0 10px;
  font-family: Khula, sans-serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 30px;
  position: static;
  top: 85px;
}

.heading-40 {
  color: #fffefe;
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
  padding-top: 20px;
  padding-bottom: 0;
  font-family: Khula, sans-serif;
  font-size: 15px;
  line-height: 18px;
  position: static;
  top: 78px;
}

.heading-41 {
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 32px;
  margin-bottom: 0;
  font-family: Khula, sans-serif;
  font-size: 40px;
  line-height: 30px;
  display: block;
  position: static;
  top: 95px;
}

.en-link-3 {
  color: #e7422a;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: 20px;
  padding: 5px 5px 0;
  font-family: Khula, sans-serif;
  font-weight: 700;
  text-decoration: none;
  display: block;
  position: relative;
  top: 0;
  left: -434px;
  right: auto;
}

.navbar-mytheo-2 {
  z-index: 30;
  -webkit-text-fill-color: inherit;
  background-color: #fff;
  background-clip: border-box;
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  position: fixed;
  inset: auto 0%;
  overflow: visible;
}

.bm-link-3 {
  color: #3a3535;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: 20px;
  padding: 5px 5px 0;
  font-family: Khula, sans-serif;
  font-weight: 700;
  text-decoration: none;
  position: relative;
  top: 0;
  left: -430px;
  right: auto;
}

.bm-link-3.w--current {
  left: -416px;
}

.dropdown-link-mytheo-explained-7 {
  margin-left: -40px;
  font-size: 13px;
  transition: background-color .2s, color .2s;
}

.dropdown-link-mytheo-explained-7:hover {
  color: #fff;
  background-color: #1f6fff;
}

.dropdown-link-mytheo-explained-7.w--current {
  color: #3a3535;
}

.dropdown-link-mytheo-explained-7.w--current:hover {
  color: #fff;
}

.nav-link-3-copy-2 {
  color: #fff;
  background-color: #e6432a;
  border-style: none;
  border-color: #fff;
  border-radius: 40px;
  margin-right: 0;
  padding: 10px 20px;
  font-family: Khula, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 23px;
  display: none;
  right: auto;
}

.dropdown-resources-7 {
  margin-left: -40px;
  font-size: 13px;
  transition: background-color .2s, color .2s;
}

.dropdown-resources-7:hover {
  color: #fff;
  background-color: #1f6fff;
}

.dropdown-resources-7.w--current {
  color: #3a3535;
}

.dropdown-resources-7.w--current:hover {
  color: #fff;
}

.contact-us-left-menu-2 {
  color: #3a3535;
  text-align: left;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #cfcfcf1a;
  border: 1px solid #0000;
  border-radius: 5px;
  margin-bottom: 4px;
  margin-left: -10px;
  margin-right: -10px;
  padding-top: 11px;
  padding-bottom: 11px;
  padding-right: 30px;
  font-family: Khula, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  transition: border .2s, background-color .2s;
  display: block;
  position: relative;
  right: auto;
}

.dropdown-link-product-2 {
  margin-left: -40px;
  font-size: 13px;
  transition: background-color .2s, color .2s;
}

.dropdown-link-product-2:hover {
  color: #fff;
  background-color: #1f6fff;
}

.dropdown-link-product-2.w--current {
  color: #3a3535;
}

.dropdown-link-product-2.w--current:hover {
  color: #fff;
}

.nav-link-6 {
  color: #e7422a;
  background-color: #0000;
  border: 2px solid #e7422a;
  border-radius: 40px;
  padding: 10px 45px;
  font-family: Khula, sans-serif;
  font-weight: 700;
  inset: 0% 0% 0% -23px;
}

.link-block-30 {
  color: #3a3535;
  text-decoration: none;
}

.mytheo-menu-header-2 {
  z-index: 0;
  opacity: 1;
  -webkit-text-fill-color: inherit;
  background-color: #fff;
  background-clip: border-box;
  border-radius: 20px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 15px;
  display: flex;
  position: static;
  inset: 0% 0% auto;
  overflow: visible;
}

.nav-link-7 {
  color: #fff;
  background-color: #e6432a;
  border-style: none;
  border-color: #fff;
  border-radius: 40px;
  margin-right: 0;
  padding: 10px 20px;
  font-family: Khula, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 23px;
  right: auto;
}

.promotion-left-menu-2 {
  color: #3a3535;
  text-align: left;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #cfcfcf1a;
  border: 1px solid #0000;
  border-radius: 5px;
  margin-bottom: 4px;
  margin-left: -10px;
  margin-right: -10px;
  padding-top: 11px;
  padding-bottom: 11px;
  padding-right: 30px;
  font-family: Khula, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  transition: border .2s, background-color .2s;
  display: block;
  position: relative;
  right: auto;
}

.icon-10 {
  display: block;
}

.bm-link-4 {
  color: #e7422a;
  background-color: #0000;
  border: 1px #0000;
  border-radius: 20px;
  padding: 5px 5px 0;
  font-family: Khula, sans-serif;
  font-weight: 700;
  text-decoration: none;
  position: relative;
  top: 0;
  left: -419px;
  right: auto;
}

.bm-link-4.w--current {
  color: #e7422a;
  background-color: #0000;
  border-style: none;
  border-color: #0000;
  text-decoration: none;
  left: -416px;
}

.dropdown-who-we-are-bm_1 {
  float: none;
  margin-left: -40px;
  font-size: 13px;
  transition: background-color .2s, color .2s;
}

.dropdown-who-we-are-bm_1:hover {
  color: #fff;
  background-color: #1f6fff;
}

.dropdown-who-we-are-bm_1.w--current {
  color: #1f6fff;
}

.dropdown-who-we-are-bm_1.w--current:hover {
  color: #fff;
}

.nav-link-8 {
  color: #fff;
  background-color: #e6432a;
  border-style: none;
  border-color: #fff;
  border-radius: 40px;
  margin-right: 0;
  padding: 10px 20px;
  font-family: Khula, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 23px;
  right: auto;
}

.dropdown-laman-utama_bm_1 {
  float: none;
  margin-left: -40px;
  font-size: 13px;
  transition: background-color .2s, color .2s;
}

.dropdown-laman-utama_bm_1:hover {
  color: #fff;
  background-color: #1f6fff;
}

.dropdown-laman-utama_bm_1.w--current {
  color: #1f6fff;
}

.dropdown-laman-utama_bm_1.w--current:hover {
  color: #fff;
}

.dropdown-mytheo_explained_bm_6 {
  float: none;
  margin-left: -40px;
  font-size: 13px;
  transition: background-color .2s, color .2s;
}

.dropdown-mytheo_explained_bm_6:hover {
  color: #fff;
  background-color: #1f6fff;
}

.dropdown-mytheo_explained_bm_6.w--current {
  color: #1f6fff;
}

.dropdown-mytheo_explained_bm_6.w--current:hover {
  color: #fff;
}

.contact-us-left-menu-3 {
  color: #3a3535;
  text-align: left;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #cfcfcf1a;
  border: 1px solid #0000;
  border-radius: 5px;
  margin-bottom: 4px;
  margin-left: -10px;
  margin-right: -10px;
  padding-top: 11px;
  padding-bottom: 11px;
  padding-right: 30px;
  font-family: Khula, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  transition: border .2s, background-color .2s;
  display: block;
  position: relative;
  right: auto;
}

.dropdown-mytheo_explained_bm_5 {
  float: none;
  margin-left: -40px;
  font-size: 13px;
  transition: background-color .2s, color .2s;
}

.dropdown-mytheo_explained_bm_5:hover {
  color: #fff;
  background-color: #1f6fff;
}

.dropdown-mytheo_explained_bm_5.w--current {
  color: #1f6fff;
}

.dropdown-mytheo_explained_bm_5.w--current:hover {
  color: #fff;
}

.en-link-4 {
  color: #3a3535;
  border: 1px #0000;
  border-radius: 20px;
  padding: 5px 5px 0;
  font-family: Khula, sans-serif;
  font-weight: 700;
  text-decoration: none;
  display: block;
  position: relative;
  top: 0;
  left: -424px;
  right: auto;
}

.dropdown-mytheo_explained_bm_2 {
  float: none;
  margin-left: -40px;
  font-size: 13px;
  transition: background-color .2s, color .2s;
}

.dropdown-mytheo_explained_bm_2:hover {
  color: #fff;
  background-color: #1f6fff;
}

.dropdown-mytheo_explained_bm_2.w--current {
  color: #1f6fff;
}

.dropdown-mytheo_explained_bm_2.w--current:hover {
  color: #fff;
}

.left-nav-all-menu-mytheo-2 {
  z-index: auto;
  text-align: left;
  background-color: #fff;
  width: 300px;
  height: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding: 31px;
  position: static;
  overflow: visible;
  box-shadow: 0 0 60px #0000004d;
}

.dropdown-sumber_bm_5 {
  float: none;
  margin-left: -40px;
  font-size: 13px;
  transition: background-color .2s, color .2s;
}

.dropdown-sumber_bm_5:hover {
  color: #fff;
  background-color: #1f6fff;
}

.dropdown-sumber_bm_5.w--current {
  color: #1f6fff;
}

.dropdown-sumber_bm_5.w--current:hover {
  color: #fff;
}

.dropdown-sumber_bm_4 {
  float: none;
  margin-left: -40px;
  font-size: 13px;
  transition: background-color .2s, color .2s;
}

.dropdown-sumber_bm_4:hover {
  color: #fff;
  background-color: #1f6fff;
}

.dropdown-sumber_bm_4.w--current {
  color: #1f6fff;
}

.dropdown-sumber_bm_4.w--current:hover {
  color: #fff;
}

.dropdown-who-we-are-bm_2 {
  float: none;
  margin-left: -40px;
  font-size: 13px;
  transition: background-color .2s, color .2s;
  overflow: visible;
}

.dropdown-who-we-are-bm_2:hover {
  color: #fff;
  background-color: #1f6fff;
}

.dropdown-who-we-are-bm_2.w--current {
  color: #1f6fff;
}

.dropdown-who-we-are-bm_2.w--current:hover {
  color: #fff;
}

.dropdown-sumber_bm_6 {
  float: none;
  margin-left: -40px;
  font-size: 13px;
  transition: background-color .2s, color .2s;
}

.dropdown-sumber_bm_6:hover {
  color: #fff;
  background-color: #1f6fff;
}

.dropdown-sumber_bm_6.w--current {
  color: #1f6fff;
}

.dropdown-sumber_bm_6.w--current:hover {
  color: #fff;
}

.home-button-dropdown-2 {
  z-index: auto;
  height: auto;
  overflow: visible;
}

.dropdown-mytheo_explained_bm_4 {
  float: none;
  margin-left: -40px;
  font-size: 13px;
  transition: background-color .2s, color .2s;
}

.dropdown-mytheo_explained_bm_4:hover {
  color: #fff;
  background-color: #1f6fff;
}

.dropdown-mytheo_explained_bm_4.w--current {
  color: #1f6fff;
}

.dropdown-mytheo_explained_bm_4.w--current:hover {
  color: #fff;
}

.dropdown-mytheo_explained_bm_1 {
  float: none;
  margin-left: -40px;
  font-size: 13px;
  transition: background-color .2s, color .2s;
}

.dropdown-mytheo_explained_bm_1:hover {
  color: #fff;
  background-color: #1f6fff;
}

.dropdown-mytheo_explained_bm_1.w--current {
  color: #1f6fff;
}

.dropdown-mytheo_explained_bm_1.w--current:hover {
  color: #fff;
}

.dropdown-who-we-are-bm_3 {
  float: none;
  margin-left: -40px;
  font-size: 13px;
  transition: background-color .2s, color .2s;
}

.dropdown-who-we-are-bm_3:hover {
  color: #fff;
  background-color: #1f6fff;
}

.dropdown-who-we-are-bm_3.w--current {
  color: #1f6fff;
}

.dropdown-who-we-are-bm_3.w--current:hover {
  color: #fff;
}

.menu-button-3 {
  object-fit: fill;
  border: 1px #0000;
  flex: none;
  order: 0;
  justify-content: center;
  align-self: auto;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 25px 0;
  display: block;
  position: static;
  left: auto;
  overflow: visible;
}

.menu-button-3:hover {
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border: 0 #0000;
}

.menu-button-3:active {
  border-style: none;
}

.menu-button-3.w--open {
  background-color: #0000;
  margin-left: auto;
  padding-left: 0;
  left: 250px;
}

.nav-link-9 {
  color: #e7422a;
  background-color: #0000;
  border: 2px solid #e7422a;
  border-radius: 40px;
  padding: 10px 16px;
  font-family: Khula, sans-serif;
  font-weight: 700;
  inset: 0% 0% 0% -23px;
}

.dropdown-sumber_bm_1 {
  float: none;
  margin-left: -40px;
  font-size: 13px;
  transition: background-color .2s, color .2s;
}

.dropdown-sumber_bm_1:hover {
  color: #fff;
  background-color: #1f6fff;
}

.dropdown-sumber_bm_1.w--current {
  color: #1f6fff;
}

.dropdown-sumber_bm_1.w--current:hover {
  color: #fff;
}

.nav-link-3-copy-3 {
  color: #fff;
  background-color: #e6432a;
  border-style: none;
  border-color: #fff;
  border-radius: 40px;
  margin-right: 0;
  padding: 10px 20px;
  font-family: Khula, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 23px;
  display: none;
  right: auto;
}

.promosi-left-menu {
  color: #3a3535;
  text-align: left;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #cfcfcf1a;
  border: 1px solid #0000;
  border-radius: 5px;
  margin-bottom: 4px;
  margin-left: -10px;
  margin-right: -10px;
  padding-top: 11px;
  padding-bottom: 11px;
  padding-right: 30px;
  font-family: Khula, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  transition: border .2s, background-color .2s;
  display: block;
  position: relative;
  right: auto;
}

.div-block-38 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.dropdown-sumber_bm_3 {
  float: none;
  margin-left: -40px;
  font-size: 13px;
  transition: background-color .2s, color .2s;
}

.dropdown-sumber_bm_3:hover {
  color: #fff;
  background-color: #1f6fff;
}

.dropdown-sumber_bm_3.w--current {
  color: #1f6fff;
}

.dropdown-sumber_bm_3.w--current:hover {
  color: #fff;
}

.dropdown-sumber_bm_7 {
  float: none;
  margin-left: -40px;
  font-size: 13px;
  transition: background-color .2s, color .2s;
}

.dropdown-sumber_bm_7:hover {
  color: #fff;
  background-color: #1f6fff;
}

.dropdown-sumber_bm_7.w--current {
  color: #1f6fff;
}

.dropdown-sumber_bm_7.w--current:hover {
  color: #fff;
}

.icon-11 {
  color: #e6432a;
  border-radius: 0;
  width: auto;
  max-width: none;
  margin-left: -250px;
  padding-left: 0;
  font-size: 35px;
  line-height: 10px;
  position: static;
}

.link-block-31 {
  flex-wrap: nowrap;
  flex: 0 auto;
  order: 0;
  place-content: space-around;
  align-self: auto;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-left: 0;
  display: block;
  position: absolute;
  top: -6px;
  left: auto;
  right: auto;
  overflow: visible;
}

.link-block-31.w--current {
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-left: 0;
  display: block;
  position: absolute;
  inset: -7px auto auto;
}

.dropdown-mytheo_explained_bm_3 {
  float: none;
  margin-left: -40px;
  font-size: 13px;
  transition: background-color .2s, color .2s;
}

.dropdown-mytheo_explained_bm_3:hover {
  color: #fff;
  background-color: #1f6fff;
}

.dropdown-mytheo_explained_bm_3.w--current {
  color: #1f6fff;
}

.dropdown-mytheo_explained_bm_3.w--current:hover {
  color: #fff;
}

.dropdown-sumber_bm_2 {
  float: none;
  margin-left: -40px;
  font-size: 13px;
  transition: background-color .2s, color .2s;
}

.dropdown-sumber_bm_2:hover {
  color: #fff;
  background-color: #1f6fff;
}

.dropdown-sumber_bm_2.w--current {
  color: #1f6fff;
}

.dropdown-sumber_bm_2.w--current:hover {
  color: #fff;
}

.nav-list-link {
  display: none;
}

.div-block-39 {
  min-width: 100%;
  position: relative;
}

.div-block-41, .list-item-8, .list-item-8.login {
  display: none;
}

.div-block-43 {
  display: flex;
}

.image-111 {
  width: 15px;
  height: 15px;
  margin-right: 5px;
  font-size: 20px;
  line-height: 20px;
}

.link-72 {
  text-decoration: none;
}

.dropdown-aarow {
  margin-right: 22px;
}

.div-block-47 {
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: auto;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.text-block-53 {
  text-align: left;
  margin-left: -120px;
  margin-right: 0;
  padding-left: 0;
  padding-right: 236px;
  font-family: Khula, sans-serif;
  font-size: 16px;
  line-height: 20px;
}

.columns-home-2 {
  margin-bottom: 30px;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.heading-46 {
  color: #3a3535;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 0;
  font-family: Khula, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 35px;
  position: relative;
  left: -8px;
}

.heading-46.difference {
  margin-top: auto;
  margin-bottom: 60px;
  font-size: 40px;
  left: auto;
}

.heading-44 {
  color: #e7422a;
  text-align: left;
  margin-left: -100px;
  padding-left: 0;
  font-family: Khula, sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 36px;
  text-decoration: none;
}

.image-114 {
  float: right;
  clear: none;
  flex: 1;
  align-self: flex-end;
  max-width: none;
  margin-top: -780px;
  margin-bottom: auto;
  margin-right: -150px;
  padding-top: 0;
  padding-right: 0;
  display: block;
  position: relative;
  inset: auto auto 0%;
  overflow: scroll;
}

.column-72 {
  align-self: flex-start;
}

.image-116 {
  display: none;
}

.link-block-32 {
  align-items: center;
  display: flex;
}

.hero-mockup-description-block-2 {
  box-sizing: border-box;
  float: none;
  clear: none;
  text-align: center;
  object-fit: fill;
  background-color: #fffc;
  border-radius: 10px;
  flex: 0 auto;
  width: 680px;
  margin-top: 500px;
  margin-left: 300px;
  padding: 30px 50px;
  text-decoration: none;
  position: static;
}

.container-20 {
  background-color: #fff;
  padding-left: 40px;
  padding-right: 0;
  display: block;
  position: relative;
}

.container-20.hero-container {
  text-align: center;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.header-slide-2 {
  background-color: #353942;
  background-image: url('../images/iStock-1175437021edit.jpg');
  background-position: 50% 0;
  background-size: cover;
}

.header-slide-2._2 {
  background-color: #5ec045;
  background-image: url('../images/fields-edit_1.jpg');
}

.header-slider-icon-2 {
  margin-top: 339px;
}

.slider-7 {
  height: 80vh;
  margin: auto;
  position: relative;
}

.header-slider {
  background-image: url('../images/main-file-V4.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100ch;
  margin: auto;
  padding-top: 0;
}

.header-with-3-sliders {
  background-color: #0000;
  height: 100ch;
  margin-top: 65px;
}

.header-slider-esg {
  background-image: url('../images/fields-edit.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.slider-9 {
  display: none;
}

.links {
  color: var(--grey);
  display: inline;
}

.bold-text-36 {
  color: var(--grey);
}

.slide-21 {
  background-image: url('../images/Architecture_1.jpg');
  background-position: 0 0;
  background-size: auto;
}

.link-80 {
  color: #fff;
}

.link-81 {
  color: #0a3161;
}

.header-img-esg-2 {
  width: auto;
  max-width: 100%;
  margin-bottom: auto;
  padding-bottom: 20px;
}

.header-img-esg-2.header-must {
  background-image: none;
  width: 360px;
  padding-bottom: 0;
}

.link-82 {
  color: #38a257;
}

.link-block-33, .image-118 {
  margin-left: 100px;
  margin-right: 100px;
}

.html-embed-2 {
  margin-left: 0;
  margin-right: 0;
}

.susa-wrapper {
  background-color: #fffefe;
  border-radius: 30px;
  margin-top: 15px;
  margin-bottom: 15px;
  display: block;
}

.she-wrapper, .fm-wrapper {
  background-color: #fffefe;
  border-radius: 30px;
  margin-top: 15px;
  margin-bottom: 15px;
  display: none;
}

.slv-wrapper {
  background-color: #fffefe;
  border-radius: 30px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.susa-growth-wrapper, .mbb-wrapper {
  background-color: #fffefe;
  border-radius: 30px;
  margin-top: 15px;
  margin-bottom: 15px;
  display: none;
}

.flot-wrapper {
  background-color: #fffefe;
  border-radius: 30px;
  margin-top: 15px;
  margin-bottom: 15px;
  display: block;
}

.fxi-wrapper, .iwn-wrapper, .qqq-wrapper {
  background-color: #fffefe;
  border-radius: 30px;
  margin-top: 15px;
  margin-bottom: 15px;
  display: none;
}

.image-119 {
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
}

.image-119._100-margin {
  margin-left: 0;
  margin-right: 0;
}

.link-block-34 {
  margin-left: 100px;
  margin-right: 100px;
}

.flashing {
  color: #666;
}

.paragraph-48 {
  width: 65%;
  display: none;
}

.bold-text-39 {
  color: #666;
}

.grid-3 {
  grid-template-areas: "Area";
  max-width: 100%;
}

.columns-30 {
  width: 70%;
  max-width: 100%;
}

.column-73, .column-74, .column-75, .column-76 {
  border: 1px solid #000;
}

.text-block-58 {
  text-align: center;
  cursor: pointer;
  background-image: linear-gradient(#0000, #cfcece);
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
}

.columns-31 {
  border: 1px solid #000;
  width: 80%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  display: none;
}

.text-block-59 {
  text-align: left;
}

.readmore {
  text-align: center;
  cursor: pointer;
  background-image: linear-gradient(#0000 29%, #adadad);
  border: 1px solid #0000;
  width: 80%;
}

.readmore-block {
  aspect-ratio: auto;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  max-width: 100%;
  height: 150px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  overflow: hidden;
}

.image-120 {
  max-width: 70%;
  margin-left: 100px;
  margin-right: 100px;
  padding-top: 10px;
}

.essential-products-banner {
  background-image: url('../images/mytheo-essential-products-kv.png');
  background-position: 50% 0;
  background-size: cover;
  background-attachment: scroll;
  height: auto;
  min-height: 100%;
  padding-top: 180px;
  padding-bottom: 120px;
}

.essential-quote {
  background-color: #df7a1b;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.global-esg-anchor-menu-copy {
  border: 1px solid #00d080;
  border-radius: 110px;
  margin-top: 60px;
  padding-top: 35px;
  padding-bottom: 20px;
}

.essential-anchor-menu {
  border: 1px solid #df7a1b;
  border-radius: 110px;
  margin-top: 60px;
  padding-top: 35px;
  padding-bottom: 20px;
}

.essential-anchor-menu-link-txt {
  color: #df7a1b;
  font-family: Khula, sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}

.what-is-essential-products {
  padding-top: 60px;
  padding-bottom: 60px;
}

.essential-display-shadow {
  opacity: .3;
  color: #df7a1b;
  text-align: center;
  text-transform: uppercase;
  font-family: Khula, sans-serif;
  font-size: 90px;
  line-height: 1em;
}

.what-is-essential-sub-heading {
  text-align: center;
  max-width: 60%;
  margin: -60px auto 50px;
  font-family: Khula, sans-serif;
  font-size: 24px;
  font-weight: 600;
}

.what-is-essential-diagram-heading {
  color: #df7a1b;
  text-align: center;
  max-width: 80%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  font-family: Khula, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2em;
}

.faq-essential {
  padding-top: 60px;
  padding-bottom: 60px;
}

.how-essential {
  background-color: #f2f6f9;
  padding-top: 60px;
  padding-bottom: 60px;
}

.how-to-essential-heading {
  color: var(--grey);
  text-align: center;
  font-family: Khula, sans-serif;
  font-weight: 600;
  line-height: 1.2em;
}

.how-to-essential-element {
  width: 20%;
  padding-left: 10px;
  padding-right: 10px;
}

.essential-number-circle {
  z-index: 29;
  background-color: #fff;
  border: 1px solid #df7a1b;
  border-radius: 100%;
  width: 80px;
  height: 80px;
  position: relative;
}

.ess-how-step {
  color: #df7a1b;
  text-align: center;
  max-width: 80%;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  font-family: Khula, sans-serif;
  font-weight: 600;
  line-height: 1.2em;
}

.ess-how-step-num {
  color: #df7a1b;
  text-align: center;
  font-family: Khula, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.2em;
}

.how-to-ess-element-p {
  color: #fff;
  background-color: #df7a1b;
  min-height: 160px;
  max-height: 160px;
  margin-top: 10px;
  padding: 20px;
  line-height: 1.2em;
  overflow: auto;
}

.ess-headline {
  color: var(--light-oren);
  text-align: center;
}

.ess-headline-p {
  color: var(--light-oren);
}

.mmp-banner {
  background-image: url('../images/mytheo-money-market-portfolios-kv.png');
  background-position: 50% 0;
  background-size: cover;
  background-attachment: scroll;
  height: auto;
  min-height: 80vh;
  padding-top: 180px;
  padding-bottom: 120px;
}

.what-is-mmf {
  padding-top: 60px;
  padding-bottom: 60px;
}

.mmf-display-shadow {
  opacity: .3;
  color: #8d5bdc;
  text-align: center;
  -webkit-text-stroke-color: #8d5bdc;
  text-transform: uppercase;
  font-family: Khula, sans-serif;
  font-size: 90px;
  line-height: 1em;
}

.what-is-mmf-sub-heading {
  text-align: center;
  max-width: 60%;
  margin: -60px auto 50px;
  font-family: Khula, sans-serif;
  font-size: 24px;
  font-weight: 600;
}

.mmp-header-txt {
  color: #fff;
  text-align: left;
  text-shadow: 1px 1px 8px #000;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.2em;
}

.mmp-anchor-menu {
  border: 1px solid #8d5bdc;
  border-radius: 110px;
  margin-top: 60px;
  padding-top: 35px;
  padding-bottom: 20px;
}

.mmf-quotes {
  background-color: #8d5bdc;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.faq-mmp {
  padding-top: 60px;
  padding-bottom: 60px;
}

.mmp-display-shadow {
  opacity: .3;
  color: #8d5bdc;
  text-align: center;
  -webkit-text-stroke-color: #8d5bdc;
  text-transform: uppercase;
  font-family: Khula, sans-serif;
  font-size: 90px;
  line-height: 1em;
}

.how-mmp {
  background-color: #f2f6f9;
  padding-top: 60px;
  padding-bottom: 60px;
}

.how-to-mmp-heading {
  color: var(--grey);
  text-align: center;
  font-family: Khula, sans-serif;
  font-weight: 600;
  line-height: 1.2em;
}

.how-to-mmp-element {
  width: 20%;
  padding-left: 10px;
  padding-right: 10px;
}

.mmp-number-circle {
  z-index: 29;
  background-color: #fff;
  border: 1px solid #8d5bdc;
  border-radius: 100%;
  width: 80px;
  height: 80px;
  position: relative;
}

.how-to-mmp-element-p {
  color: #fff;
  background-color: #8d5bdc;
  min-height: 120px;
  max-height: 120px;
  margin-top: 10px;
  padding: 20px;
  line-height: 1.2em;
  overflow: auto;
}

.mmp-how-step {
  color: #8d5bdc;
  text-align: center;
  -webkit-text-stroke-color: #8d5bdc;
  max-width: 80%;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  font-family: Khula, sans-serif;
  font-weight: 600;
  line-height: 1.2em;
}

.mmp-how-step-num {
  color: #8d5bdc;
  text-align: center;
  font-family: Khula, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.2em;
}

.mmp-anchor-menu-link-txt {
  color: #8d5bdc;
  font-family: Khula, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.ess-header-txt {
  color: #fff;
  text-align: left;
  text-shadow: 1px 1px 8px #000;
  width: 70%;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: auto;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.2em;
}

.header-slider-ess {
  background-image: url('../images/mytheo-essential-products-kv.png');
  background-position: 50% 0;
  background-size: cover;
}

.header-img-ess {
  width: 500px;
  max-width: none;
  margin-bottom: 0;
  padding-bottom: 10px;
  display: inline-block;
}

.link-ess {
  color: #df7a1b;
}

.slide-23 {
  background-image: url('../images/mytheo-money-market-portfolios-kv.png');
  background-position: 50% 0;
  background-size: cover;
}

.header-img-mmp {
  width: 500px;
  max-width: none;
  margin-bottom: 0;
  padding-bottom: 10px;
  display: inline-block;
}

.link-mmp {
  color: #8d5bdc;
}

.header-slider-mmp {
  background-image: url('../images/mytheo-money-market-portfolios-kv.png');
  background-position: 50% 0;
  background-size: cover;
}

.hyg-wrapper {
  background-color: #fffefe;
  border-radius: 30px;
  margin-top: 15px;
  margin-bottom: 15px;
  display: none;
}

.vpl-wrapper {
  background-color: #fffefe;
  border-radius: 30px;
  margin-top: 15px;
  margin-bottom: 15px;
  display: block;
}

.fez-wrapper {
  background-color: #fffefe;
  border-radius: 30px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.paragraph-50 {
  text-align: justify;
  margin-left: 40px;
  margin-right: 40px;
  padding-bottom: 40px;
  font-size: 18px;
}

.text-block-60 {
  text-align: center;
  margin-top: 40px;
  padding-bottom: 20px;
  font-size: 28px;
  line-height: 30px;
}

.promotion-referral {
  color: #3a3535;
  text-align: left;
  align-self: flex-start;
  margin: 0;
  padding: 0;
  font-family: Khula, sans-serif;
  font-size: 16px;
}

.referral-list {
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
  font-size: 16px;
  line-height: 18px;
  list-style-type: lower-alpha;
}

.referral-list-item.bullet-list {
  list-style-type: disc;
}

.div-block-57 {
  margin-left: 100px;
  margin-right: 100px;
  padding-left: 10px;
  padding-right: 10px;
}

.app-walkthrough-explained-resources {
  background-color: #0000;
}

.paragraph-51 {
  margin-top: 0;
}

.paragraph-51-copy {
  text-align: center;
  margin-top: 0;
  padding-top: 20px;
}

.video-slide-15 {
  margin-right: 0;
  padding: 100px 150px 150px;
  top: auto;
}

.step-paragraph-51 {
  text-align: center;
  margin-top: 0;
  padding-top: 20px;
}

.annoucement-list {
  align-self: flex-start;
  margin-left: 100px;
  margin-right: 100px;
  padding-right: 10px;
}

.blog-youtube-link {
  margin-left: 100px;
  margin-right: 100px;
  padding-left: 10px;
  padding-right: 10px;
}

.download-app-col {
  justify-content: center;
  margin-left: 100px;
  margin-right: 100px;
  display: none;
}

.blog-link {
  align-self: flex-start;
  margin-left: 100px;
  margin-right: 100px;
  padding-left: 10px;
  padding-right: 10px;
}

.blog-link-2 {
  align-self: flex-start;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.growth_grid_title_col-copy {
  text-align: center;
  background-color: #b73226;
  border: 1px solid #0000;
  border-radius: 5px;
  width: 80%;
  max-width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: auto;
}

.income_grid_title_col-copy {
  text-align: center;
  text-align: center;
  background-color: #ef7e2b;
  border: 1px solid #0000;
  border-radius: 5px;
  width: 80%;
  max-width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: auto;
}

.inflation_grid_title_col-copy {
  text-align: center;
  text-align: center;
  background-color: #f49987;
  border: 1px solid #0000;
  border-radius: 5px;
  width: 80%;
  max-width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: auto;
}

.esg_grid_title_col-copy {
  text-align: center;
  text-align: center;
  background-color: #66bb54;
  border: 1px solid #0000;
  border-radius: 5px;
  width: 80%;
  max-width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: auto;
}

.growth_grid_data-copy, .inflation_grid_data-copy, .esg_grid_data-copy {
  text-align: center;
  text-align: center;
  border-bottom: 1px solid #3a353599;
  border-left: 1px solid #3a353599;
  border-right: 1px solid #3a353599;
  width: 80%;
  max-width: 100%;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: auto;
}

.product-link {
  text-decoration: underline;
}

.div-block-58 {
  width: 100%;
}

.youtube-5 {
  width: auto;
}

.youtube-image-link {
  align-self: center;
  width: 100%;
}

.feature-blog {
  order: 0;
  width: 50%;
  padding: 20px 10px 0;
}

.feature-blog.margin-left {
  padding-left: 0;
}

.feature-blog.margin-right {
  padding-right: 0;
}

.feature-blog-heading {
  color: var(--grey);
  margin-top: 20px;
  font-size: 24px;
}

.feature-blog-p {
  line-height: 1.2em;
}

.section {
  margin-left: 100px;
  margin-right: 100px;
}

.qqqm-wrapper {
  background-color: #fffefe;
  border-radius: 30px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.container-22 {
  display: none;
}

.accordion-toggle-mmp {
  background-color: #f2f6f9;
  border-radius: 12px;
  align-items: center;
  height: 80px;
  display: flex;
}

.accordion-item-mmp, .accordion-item-copy {
  width: 100%;
  overflow: hidden;
}

.container-23 {
  display: none;
}

.accordion-item-esp {
  width: 100%;
  display: inline-block;
  overflow: hidden;
}

.accordion-toggle-esp {
  background-color: #f2f6f9;
  border-radius: 12px;
  align-items: center;
  height: 80px;
  display: flex;
}

.about-video-p {
  line-height: 1.2em;
}

.cgw-wrapper {
  background-color: #fffefe;
  border-radius: 30px;
  margin-top: 15px;
  margin-bottom: 15px;
  display: block;
}

.fiw-wrapper, .fan-wrapper, .icln-wrapper {
  background-color: #fffefe;
  border-radius: 30px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.vegi-wrapper {
  background-color: #fffefe;
  border-radius: 30px;
  margin-top: 15px;
  margin-bottom: 15px;
  display: block;
}

.epp-etf-portfolio-table {
  background-color: var(--light-oren);
  height: auto;
  padding: 20px 150px 40px;
}

.moo-wrapper {
  background-color: #fffefe;
  border-radius: 30px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.xle-wrapper, .lit-wrapper {
  background-color: #fffefe;
  border-radius: 30px;
  margin-top: 15px;
  margin-bottom: 15px;
  display: block;
}

.esential_grid_title_col-copy {
  text-align: center;
  background-color: #1b6bc4;
  border: 1px solid #0000;
  border-radius: 5px;
  width: 80%;
  max-width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: auto;
}

.esential_grid_data-copy {
  text-align: center;
  border-bottom: 1px solid #3a353599;
  border-left: 1px solid #3a353599;
  border-right: 1px solid #3a353599;
  width: 80%;
  max-width: 100%;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: auto;
}

.close-modal-button-copy {
  inset: 81% 27% auto auto;
  width: 40px;
  padding: 5px;
  display: block;
  position: absolute;
  inset: 81% 27% auto auto;
}

.modal-wrapper-copy {
  z-index: 9999;
  background-image: linear-gradient(#ffffff80, #ffffff80);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 7% 0% 0%;
}

.promo-banner-copy {
  text-align: center;
  margin-left: 0;
  margin-right: 0;
}

.close-modal-button-copy {
  width: 40px;
  padding: 5px;
  display: block;
  position: absolute;
  inset: auto 3% 3% auto;
}

.container-24 {
  position: relative;
}

.banner-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: 300px;
  margin-right: 300px;
  display: block;
  position: relative;
}

.the-mytheo-difference-landing-page-copy {
  -webkit-text-fill-color: inherit;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid #0000;
  max-height: 400px;
  margin: 0 auto;
  padding-top: 100px;
  padding-bottom: 100px;
  padding-left: 0;
  display: block;
  position: relative;
  overflow: visible;
}

.the-mytheo-difference-landing-page-copy.bottom-space {
  background-color: #fff;
  border-style: none;
  border-width: 0;
  flex-direction: column;
  max-height: none;
  margin-top: 80px;
  padding: 0 100px;
  display: flex;
}

.the-mytheo-difference-landing-page-copy.bottom-space.en {
  width: 80%;
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.the-mytheo-difference-landing-page-copy.bottom-space {
  background-color: #0000;
  border-style: none;
  border-width: 0;
  flex-direction: column;
  align-items: center;
  width: 60%;
  max-height: none;
  margin-top: auto;
  margin-bottom: auto;
  padding: 60px 0;
  display: block;
}

.columns-home-copy {
  flex-direction: column;
  margin-bottom: 30px;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.column-72-copy {
  align-self: flex-start;
}

.heading-copy {
  float: none;
  color: #e7422a;
  text-align: left;
  object-fit: scale-down;
  margin-top: 20px;
  padding-left: 0;
  font-family: Khula, sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 36px;
  text-decoration: none;
}

.column-78 {
  display: flex;
}

.columns-33 {
  align-self: stretch;
  display: flex;
}

.column-79 {
  display: block;
}

.columns-34 {
  flex-flow: column;
  display: flex;
}

.container-25 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  display: grid;
}

.the-mytheo-difference-landing-page-copy-2 {
  -webkit-text-fill-color: inherit;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid #0000;
  max-height: 400px;
  margin: 0 auto;
  padding-top: 100px;
  padding-bottom: 100px;
  padding-left: 0;
  display: block;
  position: relative;
  overflow: visible;
}

.the-mytheo-difference-landing-page-copy-2.bottom-space {
  background-color: #fff;
  border-style: none;
  border-width: 0;
  flex-direction: column;
  max-height: none;
  margin-top: 80px;
  padding: 0 100px;
  display: flex;
}

.the-mytheo-difference-landing-page-copy-2.bottom-space.en {
  width: 60%;
  margin-top: auto;
  margin-bottom: 150px;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.the-mytheo-difference-landing-page-copy-2.bottom-space {
  background-color: #0000;
  border-style: none;
  border-width: 0;
  flex-direction: column;
  align-items: center;
  width: 60%;
  max-height: none;
  margin-top: auto;
  margin-bottom: auto;
  padding: 60px 0;
  display: block;
}

.stdout-div {
  z-index: 2;
  max-width: none;
  margin-bottom: auto;
  padding-right: 20px;
  display: block;
  position: relative;
}

.heading-47 {
  color: #e7422a;
  text-align: left;
  margin-left: -100px;
  padding-left: 0;
  font-family: Khula, sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 36px;
  text-decoration: none;
}

.columns-35 {
  margin-bottom: 30px;
}

.text-block-61 {
  text-align: left;
  margin-left: -120px;
  margin-right: 0;
  padding-left: 0;
  padding-right: 236px;
  font-family: Khula, sans-serif;
  font-size: 16px;
  line-height: 20px;
}

.image-122 {
  float: right;
  clear: none;
  flex: 1;
  align-self: flex-end;
  max-width: none;
  margin-top: -500px;
  margin-bottom: auto;
  margin-right: -150px;
  padding-top: 0;
  padding-right: 0;
  display: block;
  position: relative;
  inset: auto auto 0%;
  overflow: scroll;
}

.pff-wrapper {
  background-color: #fffefe;
  border-radius: 30px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.image-88-copy {
  text-align: center;
  width: 70%;
  margin: auto;
  display: block;
}

.list-11 {
  margin-left: 100px;
  margin-right: 100px;
  padding-left: 30px;
  font-size: 16px;
}

.list-11.blog-key-list {
  align-self: flex-start;
}

.list-11.blog-key-list.short-sentense {
  align-self: flex-start;
  margin-left: 100px;
}

.list-11-copy {
  margin-left: 100px;
  margin-right: 100px;
  padding-left: 30px;
  font-size: 16px;
  list-style-type: decimal;
}

.blog_body_post-justify-copy {
  color: #3a3535;
  text-align: left;
  align-self: flex-start;
  margin: 0 100px;
  padding: 0 10px;
  font-family: Khula, sans-serif;
  font-size: 16px;
  font-style: normal;
  line-height: 23px;
  text-decoration: none;
  display: block;
}

.list-item-9, .list-item-10, .list-item-11, .list-item-12, .list-item-13, .list-item-15 {
  margin-bottom: 10px;
}

.blog-link-2-copy {
  align-self: flex-start;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.link-88 {
  margin-left: 100px;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
}

.blog_header_all-copy {
  object-fit: fill;
  background-image: url('../images/BlogBanner2.jpg'), linear-gradient(#fff, #fff);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: cover, auto;
  background-attachment: scroll, scroll;
  max-height: none;
  margin-bottom: 0;
  padding: 250px 165px 165px;
  font-family: Khula, sans-serif;
  display: block;
}

.italic-text-4 {
  font-weight: 400;
}

.caption-copy {
  color: #3a3535;
  text-align: center;
  align-self: auto;
  margin: 0 100px;
  padding: 5px 10px 0;
  font-family: Khula, sans-serif;
  font-size: 12px;
  font-style: italic;
  line-height: 14px;
}

.blog_body_post-justify-copy-copy {
  color: #3a3535;
  text-align: left;
  text-align: left;
  align-self: flex-start;
  margin: 0 100px;
  padding: 0 10px;
  font-family: Khula, sans-serif;
  font-size: 16px;
  font-style: normal;
  line-height: 23px;
  text-decoration: none;
  display: block;
}

.image-79-copy {
  object-fit: fill;
  object-fit: fill;
  background-color: #fff;
  border-radius: 5px;
  width: 500px;
  height: 250px;
  overflow: visible;
}

.grid-4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1.25fr;
}

.looking-back-table {
  text-align: center;
  background-color: #b73226;
  border: 1px solid #0000;
  border-radius: 5px;
  width: 80%;
  max-width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: auto;
}

.paragraph-42-copy {
  margin-left: 100px;
  margin-right: auto;
  padding-bottom: 10px;
  padding-left: 10px;
}

.list-12 {
  margin-left: 100px;
  margin-right: auto;
  list-style-type: decimal;
}

.limited-seat {
  color: #e7422a;
  font-size: 18px;
}

.blog_body_post-justify-copy.webinar-how-do-us {
  align-self: auto;
}

.list-13 {
  margin-left: 100px;
  margin-right: 100px;
  padding-left: 30px;
  padding-right: 10px;
  list-style-type: decimal;
  overflow: visible;
}

.list-15 {
  padding-left: 30px;
  list-style-type: lower-alpha;
}

.blog-key {
  color: #3a3535;
  text-align: left;
  align-self: flex-start;
  margin: 0 100px;
  padding: 0 10px;
  font-family: Khula, sans-serif;
  font-size: 17px;
  font-style: normal;
  line-height: 23px;
  text-decoration: none;
}

.list-16 {
  margin-left: 100px;
  margin-right: 100px;
  padding-left: 30px;
}

.div-block-60 {
  margin-left: 0;
  margin-right: 0;
}

.paragraph-52 {
  font-size: 15px;
  line-height: 23px;
}

.grid-5 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto auto auto auto;
  grid-template-columns: .25fr 1fr 1fr 1fr;
}

.paragraph-53, .paragraph-54, .paragraph-55, .paragraph-56, .paragraph-57 {
  font-size: 15px;
}

.div-block-61 {
  max-width: 100%;
  height: 240px;
  overflow: hidden;
}

.div-block-61.promo-read-more {
  object-fit: fill;
  border: 1px #000;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: 200px;
  font-size: 16px;
  display: block;
  position: relative;
  overflow: hidden;
}

.list-item-23 {
  overflow: visible;
}

.container-27 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  display: grid;
}

.new-to-mytheo-col {
  border-right: 1px #000;
  flex-flow: column-reverse wrap-reverse;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  display: block;
}

.new-to-mytheo-col.col-2 {
  border-left: 1px solid #000;
}

.invest-now {
  align-self: flex-start;
  margin-left: 100px;
  margin-right: 100px;
  padding-left: 10px;
  padding-right: 10px;
}

.list-item-24, .list-item-25, .list-item-26 {
  font-size: 16px;
}

.portfolio-switching-13, .general-questions-27, .deposit-withdrawal-11, .deposit-withdrawal-13 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.tnc-ul {
  padding-left: 30px;
  list-style-type: disc;
}

.list-17 {
  list-style-type: decimal;
}

.list-18 {
  list-style-type: lower-alpha;
}

.tnc-orderlist-ab {
  padding-left: 30px;
  list-style-type: lower-alpha;
}

.promotion-list {
  margin-left: 0;
  margin-right: 0;
  padding-left: 20px;
  padding-right: 10px;
  list-style-type: decimal;
  overflow: visible;
}

.promotion-para {
  color: #3a3535;
  text-align: left;
  align-self: flex-start;
  margin: 0;
  padding: 0 10px;
  font-family: Khula, sans-serif;
  font-size: 16px;
  font-style: normal;
  line-height: 23px;
  text-decoration: none;
}

.readmore-block-copy {
  aspect-ratio: auto;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  max-width: 100%;
  height: 240px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  overflow: hidden;
}

.paragraph-58 {
  line-height: 23px;
}

.tnc-sub-ul {
  padding-left: 20px;
  list-style-type: disc;
}

.button-14 {
  background-image: url('../images/Enjoy-3-Months-of-Waived-Management-Fees-with-MYTHEO.png');
  background-position: 0 0;
  background-size: auto;
  width: 400px;
  height: 100px;
}

.image-123 {
  width: 400px;
  height: 130px;
}

.link-block-35 {
  -webkit-text-fill-color: inherit;
  cursor: pointer;
  background-clip: border-box;
  width: 50%;
  height: auto;
  padding-top: 20px;
  font-family: Open Sans, sans-serif;
  text-decoration: none;
  display: inline-block;
  position: relative;
  right: auto;
}

.image-124 {
  width: 60%;
  height: auto;
  display: block;
}

.image-125 {
  object-fit: fill;
  width: auto;
  transition: filter .3s;
}

.image-125:hover {
  filter: brightness(95%);
}

.text-block-62 {
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  text-decoration: none;
  position: absolute;
  inset: 30% auto auto 5%;
}

.blog_body_post-justify-copy {
  color: #3a3535;
  text-align: left;
  align-self: flex-start;
  margin: 0 100px;
  padding: 0 10px;
  font-family: Khula, sans-serif;
  font-size: 16px;
  font-style: normal;
  line-height: 23px;
  text-decoration: none;
}

.cocoa_grid_title_col {
  text-align: center;
  background-color: #92663a;
  border: 1px solid #0000;
  border-radius: 5px;
  width: 80%;
  max-width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: auto;
}

.cocoa_grid_data_1st {
  text-align: center;
  border-bottom: 1px solid #3a353599;
  border-left: 1px solid #3a353599;
  border-right: 1px solid #3a353599;
  width: 80%;
  max-width: 100%;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: auto;
}

.cocoa_grid_title {
  color: #fff;
}

.cocoa_grid_data, .deepseek_grid_data_1st, .deepseek_grid_data {
  text-align: center;
  border-bottom: 1px solid #3a353599;
  border-left: 1px solid #3a353599;
  border-right: 1px solid #3a353599;
  width: 80%;
  max-width: 100%;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: auto;
}

.youtube-7 {
  margin-left: 0;
  margin-right: 0;
}

.div-block-63 {
  width: 100%;
  margin-left: 100px;
  margin-right: 100px;
}

.deepseek_grid_title_col {
  text-align: center;
  background-color: #5a5cb2;
  border: 1px solid #0000;
  border-radius: 5px;
  width: 80%;
  max-width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: auto;
}

.list-19 {
  margin-left: 100px;
  margin-right: 100px;
}

.list-item-29 {
  margin-top: 20px;
}

.deposit-withdrawal-11-2 {
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
  position: static;
  box-shadow: 0 0 3px #0000004d;
}

.code-embed {
  width: 560px;
  height: 315px;
  margin-left: 100px;
  margin-right: 100px;
}

.vug-wrapper, .voe-wrapper {
  background-color: #fffefe;
  border-radius: 30px;
  margin-top: 15px;
  margin-bottom: 15px;
  display: block;
}

.blog-list-ol {
  margin-left: 100px;
  margin-right: 100px;
  padding-left: 40px;
  list-style-type: decimal;
}

.reallocation_grid_title_col {
  text-align: center;
  background-color: #5a5cb2;
  border: 1px solid #0000;
  border-radius: 5px;
  width: 80%;
  max-width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: auto;
}

.reallocation_grid_data {
  text-align: center;
  border-bottom: 1px solid #3a353599;
  border-left: 1px solid #3a353599;
  border-right: 1px solid #3a353599;
  width: 80%;
  max-width: 100%;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: auto;
}

.izdihar-banner {
  background-image: url('../images/MYTHEO_Izdihar.png');
  background-size: cover;
  align-items: center;
  min-height: 55vh;
  padding-top: 180px;
  padding-bottom: 120px;
  display: flex;
  position: relative;
}

.mytheo-izdihar-header-text {
  color: #fff;
  text-align: center;
  text-shadow: 1px 1px 8px #000;
  width: auto;
  margin: 30px auto auto;
  font-size: 40px;
  font-weight: 400;
  line-height: 1.2em;
  display: block;
}

.how-mytheo-izdihar {
  background-color: #f2f6f9;
  padding-top: 60px;
  padding-bottom: 60px;
}

.what-is-mytheo-izdihar {
  padding-top: 60px;
  padding-bottom: 60px;
}

.mytheo-izdihar-display-shadow {
  opacity: .3;
  color: #eec38c;
  text-align: center;
  text-transform: uppercase;
  font-family: Khula, sans-serif;
  font-size: 90px;
  line-height: 1em;
}

.image-126 {
  width: 100%;
}

.myteo-izdihar-anchor-menu {
  border: 1px solid #eec38c;
  border-radius: 110px;
  margin-top: 60px;
  padding-top: 35px;
  padding-bottom: 20px;
}

.link-block-36 {
  color: #0a3161;
  text-align: center;
  border-bottom: 1px solid #fff;
  align-self: center;
  min-width: 80px;
  text-decoration: none;
  transition: border-width .5s;
}

.link-block-36:hover {
  border-bottom: 1px solid #0a3161;
  border-radius: 0;
}

.link-block-36.w--current {
  color: #eec38c;
}

.mytheo-izdihar-anchor-menu-link-txt {
  color: #f38b06;
  font-family: Khula, sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}

.image-127 {
  color: #f38b06;
  width: 16px;
}

.code-embed-2 {
  width: 1200px;
}

.code-embed-3 {
  box-sizing: border-box;
  object-fit: fill;
}

.code-embed-4 {
  margin-top: 0;
  padding-top: 0;
}

.code-embed-5, .code-embed-6, .code-embed-7, .code-embed-8 {
  margin-top: 0;
}

.code-embed-9 {
  padding-bottom: 0;
}

.slide-24 {
  box-sizing: border-box;
  object-fit: fill;
  background-image: url('../images/Architecture_1.jpg');
  background-position: 0 0;
  background-size: auto;
}

.slide-25 {
  background-image: url('../images/Social-Media-Posting_EDM-Version-04.jpg');
  background-position: 0 0;
  background-size: auto;
}

.toggle-copy {
  width: 100%;
}

.code-embed-10, .code-embed-11, .code-embed-12, .code-embed-13, .code-embed-14, .code-embed-15, .code-embed-16, .code-embed-17, .code-embed-18, .code-embed-19, .code-embed-20, .code-embed-21, .code-embed-22 {
  margin-top: 20px;
}

.cta-mainpage {
  text-align: center;
  cursor: pointer;
  background-color: #e7422a;
  border-radius: 50px;
  margin: 15px auto 20px;
  padding: 11px 40px 5px;
  font-family: Khula, sans-serif;
  font-size: 16px;
  font-weight: 700;
  display: inline-block;
}

.cta-mainpage-mb {
  text-align: center;
  cursor: pointer;
  background-color: #e7422a;
  border-radius: 50px;
  margin: 500px 57.2px 20px;
  padding: 11px 40px 5px;
  font-family: Khula, sans-serif;
  font-size: 16px;
  font-weight: 700;
  display: inline-block;
}

.columns-27-copy {
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: block;
}

.code-embed-23, .code-embed-24, .code-embed-25, .code-embed-26, .code-embed-27, .code-embed-28, .code-embed-29, .code-embed-30, .code-embed-31, .code-embed-32, .code-embed-33, .code-embed-34 {
  margin-top: 20px;
}

.izdihar_grid_title_col {
  text-align: center;
  background-color: #477926;
  border: 1px solid #0000;
  border-radius: 5px;
  width: 80%;
  max-width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: auto;
}

.izdihar_grid_data {
  text-align: center;
  border-bottom: 1px solid #3a353599;
  border-left: 1px solid #3a353599;
  border-right: 1px solid #3a353599;
  width: 80%;
  max-width: 100%;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: auto;
}

.bold-text-42 {
  text-decoration: underline;
}

.izdihar-etf-portfolio-table {
  background-color: var(--light-oren);
  height: auto;
  padding: 20px 150px 40px;
}

.hlal-wrapper {
  background-color: #fffefe;
  border-radius: 30px;
  margin-top: 15px;
  margin-bottom: 15px;
  display: block;
}

.umma-wrapper, .spus-wrapper, .spwo-wrapper, .spte-wrapper {
  background-color: #fffefe;
  border-radius: 30px;
  margin-top: 15px;
  margin-bottom: 15px;
}

html.w-mod-js [data-ix="hide-block-title"] {
  opacity: 0;
  transform: translate(0, -10px);
}

html.w-mod-js [data-ix="hide-block-description"] {
  opacity: 0;
  transform: translate(0, 10px);
}

html.w-mod-js [data-ix="hide-block-button"] {
  opacity: 0;
}

html.w-mod-js [data-ix="hide-block-overlay"] {
  opacity: 0;
  display: none;
}

html.w-mod-js [data-ix="fade-in-on-load"] {
  opacity: 0;
  transform: translate(0, 30px);
}

html.w-mod-js [data-ix="fade-in-on-load-2"], html.w-mod-js [data-ix="fade-in-on-load-3"], html.w-mod-js [data-ix="fade-in-on-load-4"] {
  opacity: 0;
}

html.w-mod-js [data-ix="fade-in-on-scroll"], html.w-mod-js [data-ix="fade-in-on-scroll-2"], html.w-mod-js [data-ix="fade-in-on-scroll-3"], html.w-mod-js [data-ix="slide-title"], html.w-mod-js [data-ix="slide-title-2"], html.w-mod-js [data-ix="slide-title-3"], html.w-mod-js [data-ix="slide-title-4"] {
  opacity: 0;
  transform: translate(0, 20px);
}

html.w-mod-js [data-ix="mockup-fade-in"], html.w-mod-js [data-ix="mockup-fade-in-2"] {
  opacity: 0;
  transform: translate(-50px);
}

html.w-mod-js [data-ix="mockup-move"] {
  transform: translate(50px);
}

html.w-mod-js [data-ix="fade-in-zoom"], html.w-mod-js [data-ix="fade-in-zoom-2"], html.w-mod-js [data-ix="fade-in-zoom-3"] {
  opacity: 0;
  transform: scale(.9);
}

html.w-mod-js [data-ix="hide-popup"] {
  opacity: 0;
  display: none;
  transform: scale(1.1);
}

html.w-mod-js [data-ix="hide-gallery-overlay"] {
  opacity: 0;
  display: none;
}

html.w-mod-js [data-ix="fade-in-on-load-5"] {
  opacity: 0;
  transform: translate(0, 30px);
}

html.w-mod-js [data-ix="hide-lightbox"] {
  opacity: 0;
  display: none;
}

@media screen and (min-width: 1280px) {
  .section-title-wrapper.full {
    padding-top: 0;
  }

  .section-title-wrapper.full-centered.tablet-portrait {
    flex-direction: column;
    flex: 0 auto;
    align-self: center;
    align-items: flex-start;
    width: auto;
    margin: auto 358px auto 0;
    padding-right: 0;
    display: block;
    position: relative;
  }

  .info-block-left {
    top: auto;
  }

  .header-mytheo {
    background-image: url('../images/iStock-1175437021edit.jpg');
    background-position: 50% 0;
  }

  .mytheo-menu-header {
    background-color: #fff;
    border-radius: 20px;
    padding: 15px;
  }

  .image-2 {
    padding-top: 11px;
  }

  .nav-link-2 {
    color: var(--oren);
  }

  .image-3 {
    display: none;
    top: 107px;
    left: 87px;
  }

  .image-5 {
    max-width: 85px;
  }

  .heading {
    margin-left: auto;
  }

  .heading-3 {
    text-align: right;
    position: relative;
  }

  .heading-8 {
    margin-bottom: 40px;
  }

  .featured-1-to-6 {
    margin-left: 102px;
    margin-right: 102px;
  }

  .cta {
    margin-bottom: -100px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .column-2 {
    align-items: flex-end;
  }

  .heading-11 {
    margin-top: 0;
    margin-bottom: 0;
    position: static;
    top: 93px;
  }

  .heading-12 {
    margin-top: 0;
    margin-bottom: 0;
    position: static;
    top: 76px;
  }

  .image-24 {
    left: 239px;
  }

  .background-video {
    left: 926px;
  }

  .paragraph-3 {
    margin-bottom: 0;
    padding-bottom: 10px;
    position: static;
    top: 79px;
  }

  .image-32 {
    max-width: 100%;
    display: block;
    position: static;
    top: auto;
    left: auto;
  }

  .image-33 {
    width: 250px;
    max-width: 100%;
    display: block;
    position: static;
    top: auto;
    left: auto;
  }

  .google-play {
    justify-content: flex-end;
    align-items: center;
    display: flex;
    position: static;
    top: 70px;
    right: auto;
  }

  .app-store {
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: static;
    top: 70px;
    left: 473px;
    right: auto;
  }

  .navbar-mytheo {
    z-index: 30;
    background-color: #fff;
    margin-bottom: 0;
    position: fixed;
    top: auto;
    bottom: auto;
  }

  .text-block-19 {
    top: 41px;
  }

  .column-18 {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .paragraph-7.app {
    color: var(--grey);
    padding-right: 0;
    font-family: Khula, sans-serif;
  }

  .heading-15.app {
    color: var(--grey);
    text-shadow: none;
    font-family: Khula, sans-serif;
    font-size: 40px;
  }

  .mask-4.app {
    background-color: var(--light-oren);
    background-image: url('../images/Obg.png');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .column-20, .column-23 {
    text-align: center;
  }

  .legal-documents {
    padding-bottom: 20px;
  }

  .link-legal {
    border-color: var(--oren);
    background-color: var(--oren);
    color: #fff;
  }

  .speak-to-us {
    inset: auto 0% 0% auto;
  }

  .accordion-item-general {
    cursor: pointer;
  }

  .div-block-13 {
    margin-left: 0;
    margin-right: 0;
  }

  .paragraph-explained-2 {
    text-align: left;
  }

  .text-block-strat {
    margin-left: -223px;
    padding-right: 244px;
  }

  .column-32, .column-33, .heading-28, .paragraph-24 {
    text-align: center;
  }

  .paragraph-8-left {
    text-align: left;
  }

  .header-price-structure {
    padding: 100px 152px 80px;
  }

  .header-mytheo-explained {
    background-color: #0000;
    background-image: linear-gradient(#3a35352e, #3a35352e), url('../images/circle.png'), url('../images/pexels-rajesh-tp-2098134.jpg');
    background-position: 0 0, 50% 0, 50% -30%;
    background-attachment: scroll, scroll, scroll;
    padding-bottom: 200px;
  }

  .globally-diversified-explained {
    padding-top: 120px;
    padding-bottom: 65px;
  }

  .logical-investing-explained, .maintains-portfolio-explained {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .invest-assurance-explained {
    padding: 100px 146px;
  }

  .header-who-we-are {
    background-image: linear-gradient(#3a35352e, #3a35352e), url('../images/circle.png'), url('../images/shayna-douglas-THOndKhP1jY-unsplash.jpg');
    background-position: 0 0, 50% 0, 50%;
    background-repeat: repeat, no-repeat, no-repeat;
    background-size: auto, cover, cover;
    background-attachment: scroll, scroll, scroll;
    padding-bottom: 200px;
  }

  .paragraph-head-logical {
    text-align: left;
    padding-left: 0;
    padding-right: 0;
  }

  .paragraph-portfolio-maintenance {
    text-align: left;
    padding-left: 11px;
    padding-right: 11px;
  }

  .image-63 {
    max-width: 75%;
  }

  .welcome-the-the-learning-centre {
    padding-bottom: 40px;
  }

  .column-43 {
    padding-right: 20px;
  }

  .header-right-etfs {
    padding-bottom: 20px;
  }

  .header-contact-us-drop-a-line {
    background-image: url('../images/Obg.png'), linear-gradient(to bottom, null, null);
    background-position: 50%, 0 0;
  }

  .right-etf-copy-portfolio {
    text-align: center;
    margin-left: 150px;
    margin-right: 150px;
    padding: 20px;
    font-size: 20px;
    line-height: 22px;
  }

  .paragraph-9-left {
    text-align: left;
  }

  .create-moment-paragraph {
    background-color: #0000;
  }

  .paragraph-what-we-do {
    margin-left: 80px;
    margin-right: 80px;
  }

  .header-resources-mountain {
    padding-bottom: 200px;
  }

  .heading-resources-title {
    text-shadow: 2px 2px 3px var(--grey);
  }

  .paragraph-reources-copy {
    text-shadow: 2px 2px 3px var(--grey);
    background-color: #0000;
  }

  .grow-your-wealth-homepage.tint.overflow-none.new-cta {
    padding-bottom: 60px;
  }

  .team-mytheo {
    background-color: #fff;
    background-image: url('../images/Obg.png');
  }

  .div-block-14 {
    background-image: url('../images/invest-now-box-red.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    flex-flow: column wrap;
    place-content: center space-around;
    align-items: center;
    padding: 125px 100px 100px;
    display: flex;
    position: relative;
  }

  .column-45, .column-46 {
    position: static;
  }

  .columns-23 {
    justify-content: center;
    display: flex;
  }

  .div-block-15, .div-block-16 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .section-blog-resources {
    background-color: #fff;
  }

  .image-65, .image-66, .image-67, .image-68 {
    max-width: 75%;
  }

  .the-mytheo-difference-landing-page.bottom-space {
    width: 80%;
  }

  .left-nav-all-menu-mytheo {
    position: fixed;
  }

  .link-block-18 {
    top: -18px;
    left: auto;
  }

  .link-block-18.w--current {
    top: -17px;
    left: auto;
  }

  .paper-7, .paper-12, .paper-4, .paper-9, .paper-8, .paper-6, .paper-5, .paper-3, .paper-10, .paper-11, .paper-2 {
    width: auto;
    max-width: 150px;
    height: auto;
  }

  .hovericon {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .paper-13 {
    width: auto;
    max-width: 150px;
    height: auto;
  }

  .hovericon-2 {
    max-width: 100%;
  }

  .popup-heading {
    margin-top: auto;
    top: 59px;
  }

  .popup-app-store, .popup-google-play {
    top: auto;
  }

  .popup-small-heading {
    top: 47px;
  }

  .popup-para {
    top: 48px;
  }

  .tabs-menu-etfs {
    text-align: center;
  }

  .bold-text-20 {
    color: var(--grey);
  }

  .tab-pane-tab-1-2-copy, .tab-pane-tab-2-copy {
    background-color: #0000;
  }

  .tab-pane-tab-3-copy {
    text-align: center;
    background-color: #0000;
  }

  .faq-button-section-wrap {
    padding-bottom: 50px;
  }

  .image-52-copy {
    top: -435px;
    left: 416px;
  }

  .slide-15-copy {
    padding-top: 100px;
  }

  .tab-link-tab-1-3-copy {
    background-color: var(--light-oren);
    border-radius: 20px;
  }

  .tab-link-tab-1-3-copy.w--current {
    background-color: var(--oren);
    border-radius: 20px;
    right: auto;
  }

  .text-block-19-copy {
    top: 41px;
  }

  .blog_body {
    padding-top: 0;
    padding-bottom: 0;
  }

  .blog_header_all {
    background-image: url('../images/Obg.png'), linear-gradient(to bottom, null, null);
    background-position: 50%, 0 0;
  }

  .blog_body_post {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-26 {
    flex-direction: column;
    align-items: center;
    display: flex;
    top: -50px;
  }

  .column-64 {
    flex-direction: column;
    align-items: flex-end;
    display: flex;
  }

  .column-65 {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .section-blog-index {
    background-color: #fff;
  }

  .caption {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
  }

  .blog-list-item {
    margin-left: 0;
    margin-right: 0;
  }

  .header-promotion {
    background-image: url('../images/Obg.png'), linear-gradient(to bottom, null, null);
    background-position: 50%, 0 0;
  }

  .promotion_body {
    padding-top: 0;
    padding-bottom: 0;
  }

  .promotion-block {
    flex-direction: column;
    align-items: center;
    display: flex;
    top: -50px;
  }

  .promotion-post {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
  }

  .popup-bg-2 {
    display: block;
  }

  .blog_body_post-justify {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
  }

  .heading-36 {
    align-self: flex-start;
    margin-top: 10px;
  }

  .modal-wrapper {
    display: none;
  }

  .promo-banner {
    margin-left: 330px;
    margin-right: 330px;
  }

  .blog_body_post-justify-center {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
  }

  .image77 {
    padding-left: 220px;
    padding-right: 220px;
  }

  .quotes {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
  }

  .webinar-list-item {
    margin-left: 0;
    margin-right: 0;
  }

  .key-text {
    font-weight: 600;
  }

  .link-must {
    border-color: var(--oren);
    background-color: var(--oren);
    color: #fff;
  }

  .bm-link-2 {
    padding-left: 5px;
    padding-right: 0;
  }

  .navbar-3 {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    position: fixed;
    inset: 0% 0% auto;
  }

  .image-105 {
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
  }

  .container-17 {
    justify-content: flex-end;
    align-self: center;
    padding-left: 0;
    padding-right: 0;
    position: static;
    right: 0%;
  }

  .div-block-35 {
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-36 {
    margin-left: 50px;
    margin-right: 50px;
    display: flex;
  }

  .header {
    background-color: #fff;
    justify-content: space-between;
    align-self: flex-start;
    width: 100%;
    position: fixed;
  }

  .container-19 {
    flex-direction: row;
    flex: 0 auto;
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }

  .nav-link-4 {
    color: #e7422a;
  }

  .en-link-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .header-mytheo-2 {
    background-image: url('../images/Website-Header.png');
    background-position: 50% 0;
  }

  .header-hidden {
    flex-direction: column;
    justify-content: start;
    align-items: flex-start;
    width: 45%;
    max-width: none;
    margin-top: 140px;
    margin-left: 100px;
    margin-right: auto;
    padding: 100px 0 103px;
    display: flex;
    position: static;
  }

  .header-hidden.hidden {
    display: none;
  }

  .paragraph-45 {
    width: 90%;
    margin-right: 0;
    padding-right: 0;
  }

  .header-mytheo-3 {
    background-image: url('../images/Website-Header.png');
    background-position: 50% 0;
  }

  .header-mytheo-4 {
    background-color: #fff;
    background-image: url('../images/main-file-V1.png');
    background-position: 50%;
    display: block;
  }

  .image-107 {
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
    top: 0%;
  }

  .heading-39 {
    margin-bottom: 40px;
  }

  .image-108 {
    max-width: 100%;
    display: block;
    position: static;
    top: auto;
    left: auto;
  }

  .cta-2 {
    margin-bottom: -100px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .image-109 {
    width: 200px;
    max-width: 100%;
    display: block;
    position: static;
    top: auto;
    left: auto;
  }

  .div-block-37 {
    background-image: url('../images/invest-now-box-red.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    flex-flow: column wrap;
    place-content: center space-around;
    align-items: center;
    padding: 125px 100px 100px;
    display: flex;
    position: relative;
  }

  .paragraph-46 {
    margin-bottom: 0;
    padding-bottom: 10px;
    position: static;
    top: 79px;
  }

  .heading-40 {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 20px;
    position: static;
    top: 76px;
  }

  .heading-41 {
    margin-top: 0;
    margin-bottom: 0;
    position: static;
    top: 93px;
  }

  .navbar-mytheo-2 {
    z-index: 30;
    background-color: #fff;
    margin-bottom: 0;
    position: fixed;
    top: auto;
    bottom: auto;
  }

  .nav-link-6 {
    color: #e7422a;
  }

  .mytheo-menu-header-2 {
    background-color: #fff;
    border-radius: 20px;
    padding: 15px;
  }

  .left-nav-all-menu-mytheo-2 {
    position: fixed;
  }

  .nav-link-9 {
    color: #e7422a;
  }

  .link-block-31 {
    top: -18px;
    left: auto;
  }

  .link-block-31.w--current {
    top: -17px;
    left: auto;
  }

  .div-block-47 {
    flex-direction: row;
    flex: 1;
    justify-content: center;
    align-self: center;
    align-items: center;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    position: relative;
    inset: 0% 0% auto;
  }

  .text-block-53 {
    margin-left: auto;
    margin-right: 0;
    padding-right: 0;
  }

  .column-71 {
    padding-right: 0;
  }

  .heading-44 {
    margin-left: 0;
  }

  .image-114 {
    margin-top: -734px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
  }

  .hero-mockup-description-block-2 {
    margin-top: 285px;
    margin-bottom: 140px;
  }

  .container-20.hero-container {
    padding-top: 0;
    padding-bottom: 0;
  }

  .header-slide-2._1 {
    background-color: #fff;
    background-image: url('../images/main-file-V1.png');
    background-position: 50%;
    background-attachment: fixed;
    border: 1px solid #fff;
    margin: auto;
    padding-top: 150px;
    padding-bottom: 100px;
    position: relative;
  }

  .header-slide-2._2 {
    padding-top: 150px;
    padding-bottom: 100px;
  }

  .slider-7 {
    background-color: #fff;
    height: auto;
    position: static;
  }

  .mask-7 {
    margin: auto;
    position: relative;
  }

  .header-slider {
    background-image: url('../images/main-file-V4.jpg');
    background-position: 50%;
    background-size: cover;
    background-attachment: scroll;
  }

  .header-with-3-sliders {
    background-color: #0000;
  }

  .slider-9 {
    display: none;
  }

  .image-119._100-margin {
    margin-left: auto;
    margin-right: auto;
  }

  .readmore-block {
    flex-direction: column;
    align-items: center;
    display: flex;
    top: -50px;
  }

  .image-120 {
    max-width: 60%;
  }

  .paragraph-49 {
    font-size: 12px;
  }

  .promotion-referral {
    text-align: left;
    padding-left: 0;
    padding-right: 0;
  }

  .video-slide-15 {
    padding-top: 100px;
  }

  .download-app-col {
    justify-content: center;
    display: flex;
  }

  .div-block-58.blog-youtube {
    margin-left: 0;
    margin-right: 0;
  }

  .youtube-5 {
    width: auto;
    max-width: 687px;
    margin-left: 100px;
    margin-right: 100px;
  }

  .accordion-item-esp, .accordion-item-esp.test-last-close {
    display: inline-block;
  }

  .about-video-p {
    padding-left: 0;
    padding-right: 0;
  }

  .modal-wrapper-copy {
    display: flex;
  }

  .promo-banner-copy {
    margin-left: 0;
    margin-right: 0;
  }

  .banner-container {
    margin-left: 330px;
    margin-right: 330px;
  }

  .the-mytheo-difference-landing-page-copy.bottom-space {
    width: 80%;
  }

  .heading-copy {
    margin-left: auto;
  }

  .column-78 {
    padding-left: 60px;
    padding-right: 60px;
    display: flex;
  }

  .the-mytheo-difference-landing-page-copy-2.bottom-space.en {
    width: 80%;
    margin-bottom: auto;
  }

  .the-mytheo-difference-landing-page-copy-2.bottom-space {
    width: 80%;
  }

  .heading-47 {
    margin-left: 0;
  }

  .column-81 {
    padding-right: 0;
  }

  .text-block-61 {
    margin-left: auto;
    margin-right: 0;
    padding-right: 0;
  }

  .image-122 {
    margin-top: auto;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    position: absolute;
    inset: 0% 0% 0% auto;
  }

  .list-11.blog-key-list {
    text-align: left;
  }

  .list-11.blog-key-list.short-sentense {
    align-self: flex-start;
    margin-left: 100px;
  }

  .list-11-copy {
    margin-right: auto;
  }

  .list-item-10.invisible-point {
    display: none;
  }

  .link-88 {
    margin-right: auto;
  }

  .blog_header_all-copy {
    background-image: url('../images/Obg.png'), linear-gradient(to bottom, null, null);
    background-position: 50%, 0 0;
  }

  .caption-copy {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
  }

  .blog_body_post-justify-copy-copy, .blog_body_post-justify-copy {
    text-align: left;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
  }

  .list-12 {
    margin-right: auto;
  }

  .list-13, .list-14 {
    list-style-type: decimal;
  }

  .list-15 {
    list-style-type: lower-alpha;
  }

  .blog-key {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-60 {
    margin-left: 100px;
    margin-right: 100px;
  }

  .invest-now {
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .tnc-ul {
    list-style-type: disc;
  }

  .promotion-list {
    list-style-type: decimal;
  }

  .promotion-para {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
  }

  .readmore-block-copy {
    flex-direction: column;
    align-items: center;
    display: flex;
    top: -50px;
  }

  .tnc-sub-ul {
    list-style-type: disc;
  }

  .link-block-35 {
    width: 65%;
    padding-top: 10px;
  }

  .text-block-62 {
    font-size: 13px;
    top: 25%;
  }

  .blog_body_post-justify-copy {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
  }

  .youtube-7 {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 1440px) {
  .container {
    margin-top: auto;
  }

  .section-title-wrapper.full {
    padding-top: 0;
  }

  .section-title-wrapper.full-centered.tablet-portrait {
    width: auto;
    margin-bottom: auto;
  }

  .section-title-wrapper.full-centered {
    width: auto;
  }

  .section-title-wrapper.full-centered.strat {
    z-index: 0;
    margin-top: 0;
  }

  .hero-mockup-description-block {
    margin-top: 350px;
  }

  .info-block-left {
    padding-top: 0;
  }

  .header-mytheo {
    background-image: url('../images/iStock-1175437021edit.jpg');
    background-position: 50% 25%;
    background-size: cover;
  }

  .blog-post-summary {
    text-align: justify;
  }

  .mytheo-menu-header {
    background-color: #fff;
    border-right: 0 solid #000;
    border-radius: 20px;
    flex-wrap: nowrap;
    padding: 15px;
  }

  .image-2 {
    padding-top: 13px;
  }

  .nav-link-2 {
    color: var(--oren);
  }

  .image-3 {
    z-index: 3;
    display: none;
    top: 108px;
  }

  .button-2 {
    margin-top: auto;
    margin-bottom: auto;
  }

  .image-5 {
    max-width: 85px;
    top: -141px;
    right: -235px;
  }

  .heading-2 {
    text-align: center;
    margin-top: auto;
    margin-bottom: auto;
    position: relative;
    left: -9px;
  }

  .heading-2.difference {
    padding-top: 0;
  }

  .heading-8 {
    margin-bottom: 40px;
  }

  .featured-1-to-6 {
    margin-left: 176px;
    margin-right: 176px;
    padding-bottom: 0;
  }

  .cta {
    margin-bottom: -75px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .heading-10 {
    padding-top: 0;
    padding-bottom: 24px;
  }

  .column-2 {
    flex-wrap: nowrap;
    align-content: center;
    align-items: flex-end;
  }

  .heading-11 {
    margin-top: 0;
    margin-bottom: 0;
    position: static;
    top: 88px;
  }

  .heading-12 {
    margin-top: 0;
    margin-bottom: 0;
    position: static;
    top: 63px;
  }

  .image-24 {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    top: 378px;
    left: 436px;
  }

  .background-video {
    top: 216px;
    left: 1030px;
  }

  .text-block-17 {
    top: -145px;
  }

  .text-block-18 {
    top: -131px;
  }

  .container-8 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .paragraph-3 {
    margin-bottom: 0;
    padding-bottom: 10px;
    position: static;
    top: 74px;
  }

  .image-32, .image-33 {
    width: 250px;
    max-width: 100%;
    display: block;
    position: static;
    top: auto;
    left: auto;
  }

  .google-play {
    justify-content: flex-end;
    align-items: center;
    display: flex;
    position: static;
    top: 53px;
    left: auto;
    right: auto;
  }

  .app-store {
    align-items: center;
    display: flex;
    position: static;
    top: 53px;
    left: auto;
    right: auto;
  }

  .navbar-mytheo {
    z-index: 30;
    background-color: #fff;
    margin-bottom: 0;
    position: fixed;
    top: auto;
    bottom: auto;
    left: 0;
  }

  .text-block-19 {
    top: 53px;
  }

  .column-18 {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .paragraph-7.app {
    color: var(--grey);
    padding-right: 0;
    font-family: Khula, sans-serif;
  }

  .heading-15.app {
    color: var(--grey);
    text-shadow: none;
    font-family: Khula, sans-serif;
    font-size: 40px;
  }

  .mask-4.app {
    background-color: var(--light-oren);
    background-image: url('../images/Obg.png');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    padding-left: 140px;
    padding-right: 140px;
  }

  .column-20 {
    text-align: center;
    padding-left: 10px;
  }

  .column-23 {
    text-align: center;
  }

  .legal-documents {
    background-color: #fff;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    height: auto;
    padding-bottom: 20px;
  }

  .link-legal {
    border-color: var(--oren);
    background-color: var(--oren);
    color: #fff;
  }

  .column-30 {
    text-align: left;
  }

  .column-31 {
    text-align: right;
  }

  .speak-to-us {
    inset: auto 0% 0% auto;
  }

  .div-block-13 {
    margin-left: 0;
    margin-right: 0;
  }

  .paragraph-explained-2 {
    font-size: 16px;
  }

  .text-block-strat {
    margin-left: -213px;
    padding-right: 268px;
  }

  .heading-strat {
    margin-left: 0;
  }

  .container-strat {
    padding-left: 0;
  }

  .image-53 {
    text-align: left;
  }

  .column-32 {
    text-align: center;
    padding-left: 0;
  }

  .column-33 {
    text-align: center;
    background-color: #0000;
    padding-left: 0;
  }

  .column-34 {
    background-color: #0000;
    background-image: url('../images/growth-ico.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    padding-left: 0;
    padding-right: 10px;
  }

  .heading-28 {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
  }

  .paragraph-24 {
    text-align: left;
    font-size: 16px;
  }

  .paragraph-24.auto-rebal {
    text-align: center;
  }

  .text-block-32 {
    font-size: 16px;
  }

  .text-block-33 {
    font-family: Khula, sans-serif;
    font-size: 16px;
  }

  .paragraph-8-left {
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
  }

  .header-price-structure {
    padding: 100px 303px 81px;
  }

  .header-mytheo-explained {
    background-image: linear-gradient(#3a35352e, #3a35352e), url('../images/circle.png'), url('../images/pexels-rajesh-tp-2098134.jpg');
    background-position: 0 0, 50% 0, 50% 0;
    background-repeat: repeat, no-repeat, no-repeat;
    background-size: auto, cover, cover;
    background-attachment: scroll, scroll, scroll;
  }

  .globally-diversified-explained {
    margin-left: auto;
    margin-right: auto;
    padding-left: 197px;
    padding-right: 197px;
  }

  .logical-investing-explained {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-left: 170px;
    padding-right: 170px;
  }

  .maintains-portfolio-explained {
    height: auto;
    padding-left: 224px;
    padding-right: 224px;
  }

  .invest-assurance-explained {
    height: auto;
    padding-left: 314px;
    padding-right: 314px;
  }

  .header-who-we-are {
    background-image: linear-gradient(#3a35352e, #3a35352e), url('../images/circle.png'), url('../images/shayna-douglas-THOndKhP1jY-unsplash.jpg');
    background-position: 0 0, 50% 0, 50%;
    background-repeat: repeat, no-repeat, no-repeat;
    background-size: auto, cover, cover;
    background-attachment: scroll, scroll, scroll;
    padding-bottom: 200px;
  }

  .paragraph-head-logical {
    font-size: 16px;
  }

  .paragraph-portfolio-maintenance {
    padding-left: 99px;
    padding-right: 99px;
    font-size: 16px;
  }

  .image-63 {
    max-width: 75%;
  }

  .welcome-the-the-learning-centre {
    height: auto;
    padding-bottom: 40px;
    padding-left: 250px;
    padding-right: 250px;
  }

  .white-paper-content-all {
    height: auto;
  }

  .column-43 {
    padding-right: 20px;
  }

  .header-right-etfs {
    height: auto;
    padding-bottom: 40px;
  }

  .etfs-portfolio-tabs, .growth-etf-portfolio-table, .income-etf-portfolio-table, .inflation-etf-portfolio-table {
    height: auto;
  }

  .header-contact-us-drop-a-line {
    background-image: url('../images/Obg.png'), linear-gradient(to bottom, null, null);
    background-position: 50%, 0 0;
  }

  .right-etf-copy-portfolio {
    text-align: center;
    margin-left: 150px;
    margin-right: 150px;
    padding: 20px;
    font-size: 20px;
    line-height: 22px;
  }

  .paragraph-9-left {
    font-size: 16px;
  }

  .create-moment-paragraph, .paragraph-what-we-do {
    background-color: #0000;
    padding-left: 20px;
    padding-right: 20px;
    font-family: Khula, sans-serif;
    font-size: 20px;
  }

  .header-resources-mountain {
    padding-bottom: 200px;
  }

  .heading-resources-title {
    text-shadow: 2px 2px 3px var(--grey);
  }

  .paragraph-reources-copy {
    text-shadow: 2px 2px 3px var(--grey);
    background-color: #0000;
    padding-left: 20px;
    padding-right: 20px;
    font-family: Khula, sans-serif;
    font-size: 20px;
  }

  .grow-your-wealth-homepage.tint.overflow-none.new-cta {
    background-color: #0000;
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 60px;
    padding-bottom: 0;
  }

  .team-mytheo {
    background-color: #fff;
    background-image: url('../images/Obg.png');
    background-size: cover;
    background-attachment: fixed;
    margin-right: 0;
    padding-left: 250px;
    padding-right: 250px;
  }

  .div-block-14 {
    background-image: url('../images/invest-now-box-red.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: scroll;
    flex-flow: column wrap;
    place-content: center space-around;
    align-items: center;
    padding: 125px 100px 100px;
    display: flex;
    position: relative;
  }

  .column-45 {
    flex: 0 auto;
    align-self: auto;
    position: static;
  }

  .column-46 {
    position: static;
  }

  .columns-23 {
    flex-flow: row;
    justify-content: center;
    align-items: stretch;
    display: flex;
  }

  .columns-24 {
    margin-left: 100px;
    margin-right: 100px;
    padding-bottom: 14px;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-15, .div-block-16 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .section-blog-resources {
    background-color: #fff;
  }

  .heading-black {
    color: var(--grey);
  }

  .tabs-content {
    padding-left: 51px;
    padding-right: 51px;
  }

  .tab-pane-tab-1-2 {
    padding: 20px;
  }

  .image-65, .image-66, .image-67 {
    max-width: 75%;
  }

  .column-48 {
    text-align: center;
    padding-left: 0;
  }

  .columns-25 {
    padding-left: 100px;
    padding-right: 100px;
  }

  .image-68 {
    text-align: right;
    max-width: 75%;
  }

  .mytheo-at-a-glance-landing-page {
    margin-top: 0;
    padding-top: 60px;
    padding-bottom: 60px;
    font-weight: 400;
  }

  .the-mytheo-difference-landing-page.bottom-space {
    background-color: #fff;
    margin-top: 0;
    padding-top: 70px;
  }

  .the-mytheo-difference-landing-page.bottom-space.en {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .the-mytheo-difference-landing-page.bottom-space {
    background-color: #fff;
    width: 80%;
    margin-top: 0;
    padding-top: 60px;
  }

  .the-abc-s-of-getting-started-landing-page {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .our-awards-landing-page {
    padding-top: 0;
  }

  .left-nav-all-menu-mytheo {
    position: fixed;
  }

  .a-partnership-for-good-page {
    height: auto;
    padding-left: 250px;
    padding-right: 250px;
  }

  .link-block-18, .link-block-18.w--current {
    margin-left: auto;
    margin-right: auto;
    top: -20px;
    left: auto;
  }

  .paper-7, .paper-12, .paper-4, .paper-9, .paper-8, .paper-6, .paper-5, .paper-3, .paper-10, .paper-11 {
    width: auto;
    max-width: 150px;
    height: auto;
  }

  .paper-2 {
    background-position: 50%;
    width: auto;
    max-width: 150px;
    height: auto;
  }

  .hovericon {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .hovericon:hover {
    margin-left: auto;
    margin-right: auto;
  }

  .paper-13 {
    background-position: 50%;
    width: auto;
    max-width: 150px;
    height: auto;
  }

  .hovericon-2 {
    max-width: 100%;
  }

  .popup-heading {
    margin-top: auto;
    top: 88px;
  }

  .popup-app-store, .popup-google-play {
    top: auto;
  }

  .popup-small-heading {
    margin-top: 0;
    margin-bottom: 0;
    top: 63px;
  }

  .popup-para {
    top: 74px;
  }

  .general-questions-faq-button {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .tabs-menu-etfs {
    text-align: center;
  }

  .tabs-content-etfs {
    padding-left: 51px;
    padding-right: 51px;
  }

  .bold-text-20 {
    color: var(--grey);
  }

  .tab-pane-tab-1-2-copy {
    background-color: #0000;
    padding-left: 101px;
    padding-right: 101px;
  }

  .tab-pane-tab-2-copy {
    background-color: #0000;
  }

  .tab-pane-tab-3-copy {
    text-align: center;
    background-color: #0000;
  }

  .faq-heading-content {
    left: auto;
  }

  .faq-button-section-wrap {
    padding-top: 0;
    padding-bottom: 50px;
  }

  .text-block-39.mobile {
    margin-top: 20px;
  }

  .column-62.as-featured-in {
    background-color: #0000;
    padding-top: 0;
    padding-bottom: 0;
  }

  .image-52-copy {
    position: relative;
    top: -476px;
    left: 410px;
  }

  .heading-2-copy {
    text-align: center;
    margin-bottom: 0;
    position: relative;
    left: -9px;
  }

  .slide-15-copy {
    padding-top: 100px;
  }

  .tab-link-tab-1-3-copy {
    background-color: var(--light-oren);
    text-align: left;
    border-radius: 20px;
    font-family: Khula, sans-serif;
  }

  .tab-link-tab-1-3-copy.w--current {
    background-color: var(--oren);
    right: auto;
  }

  .text-block-19-copy {
    top: 53px;
  }

  .en-link {
    left: -410px;
  }

  .bm-link {
    left: -405px;
  }

  .bm-link.w--current {
    left: -403px;
  }

  .you-invest {
    top: 325px;
  }

  .blog_body {
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .blog_header_all {
    background-image: url('../images/Obg.png'), linear-gradient(to bottom, null, null);
    background-position: 50%, 0 0;
  }

  .blog_title {
    color: var(--grey);
  }

  .blog_body_post {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
  }

  .div-block-26 {
    flex-direction: column;
    align-items: center;
    margin-left: 250px;
    margin-right: 250px;
    display: flex;
  }

  .column-64 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    display: flex;
  }

  .column-65 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .blog-index {
    height: auto;
  }

  .section-blog-index {
    background-color: #fff;
  }

  .caption {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
  }

  .blog-list-item {
    margin-left: 0;
    margin-right: 0;
  }

  .header-promotion {
    background-image: url('../images/Obg.png'), linear-gradient(to bottom, null, null);
    background-position: 50%, 0 0;
  }

  .promotion_body {
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .promotion_title {
    color: var(--grey);
  }

  .promotion-block {
    flex-direction: column;
    align-items: center;
    margin-left: 250px;
    margin-right: 250px;
    display: flex;
  }

  .promotion-post {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
  }

  .popup-bg-2 {
    display: block;
  }

  .blog_body_post-justify {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
  }

  .promo-index {
    height: auto;
  }

  .slider-6 {
    height: 100vh;
  }

  .header-slider-icon {
    margin-top: 300px;
  }

  .esg-etf-portfolio-table {
    height: auto;
  }

  .close-modal-button {
    display: none;
    right: 30%;
  }

  .promo-banner {
    margin-left: 400px;
    margin-right: 400px;
  }

  .blog_body_post-justify-center, .quotes {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
  }

  .webinar-list-item {
    margin-left: 0;
    margin-right: 0;
  }

  .image-95, .image-96 {
    max-width: 80%;
  }

  .link-must {
    border-color: var(--oren);
    background-color: var(--oren);
    color: #fff;
  }

  .must-description-block {
    margin-top: 350px;
  }

  .brand-2 {
    flex: 0 auto;
    margin-right: 0;
    padding-right: 0;
    display: flex;
    position: relative;
    right: 0;
  }

  .bm-link-2 {
    left: 0;
  }

  .bm-link-2.w--current {
    left: -403px;
  }

  .navbar-3 {
    padding-left: 180px;
    padding-right: 180px;
    position: fixed;
    inset: 0% 0% auto;
  }

  .image-105 {
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }

  .container-17 {
    justify-content: center;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-35 {
    flex-direction: row;
    flex: 0 auto;
    justify-content: center;
    align-self: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    position: relative;
  }

  .div-block-36 {
    flex: 0 auto;
    justify-content: flex-start;
    align-items: stretch;
    margin-left: 80px;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .header {
    justify-content: flex-start;
    padding-left: 100px;
    padding-right: 100px;
  }

  .container-19 {
    flex: 0 auto;
    justify-content: flex-start;
    padding-left: 0;
    padding-right: 0;
  }

  .nav-link-4 {
    color: #e7422a;
  }

  .en-link-2 {
    padding-left: 5px;
    left: auto;
    right: auto;
  }

  .header-mytheo-2 {
    background-image: url('../images/Website-Header.png');
    background-position: 50% 25%;
    background-size: cover;
  }

  .header-hidden {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto auto 1fr auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-items: start;
    max-width: 50%;
    margin-left: 200px;
    padding-left: 0;
    padding-right: 100px;
    display: grid;
  }

  .header-hidden.hidden {
    display: none;
  }

  .paragraph-45 {
    width: auto;
    padding-right: 0;
  }

  .button-view-all-blogs-2 {
    font-size: 15px;
  }

  .header-mytheo-3 {
    background-image: url('../images/Website-Header.png');
    background-position: 50% 25%;
    background-size: cover;
  }

  .header-mytheo-4 {
    background-image: url('../images/main-file-V1.png');
    background-position: 50%;
    background-size: cover;
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    position: relative;
  }

  .image-107 {
    margin-top: auto;
    margin-bottom: auto;
    margin-right: auto;
    padding-top: 0;
    padding-left: 0;
    overflow: auto;
  }

  .heading-39 {
    margin-bottom: 25px;
    padding-top: 0;
  }

  .image-108 {
    width: 250px;
    max-width: 100%;
    display: block;
    position: static;
    top: auto;
    left: auto;
  }

  .cta-2 {
    margin-bottom: -75px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .image-109 {
    width: 250px;
    max-width: 100%;
    display: block;
    position: static;
    top: auto;
    left: auto;
  }

  .div-block-37 {
    background-image: url('../images/invest-now-box-red.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: scroll;
    flex-flow: column wrap;
    place-content: center space-around;
    align-items: center;
    margin-top: auto;
    padding: 100px;
    display: flex;
    position: relative;
  }

  .paragraph-46 {
    margin-bottom: 0;
    padding-bottom: 10px;
    position: static;
    top: 74px;
  }

  .heading-40 {
    margin-top: 0;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 0;
    position: static;
    top: 63px;
  }

  .heading-41 {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 20px;
    position: static;
    top: 88px;
  }

  .en-link-3 {
    left: -410px;
  }

  .navbar-mytheo-2 {
    z-index: 30;
    background-color: #fff;
    margin-bottom: 0;
    position: fixed;
    top: auto;
    bottom: auto;
    left: 0;
  }

  .bm-link-3 {
    left: -405px;
  }

  .bm-link-3.w--current {
    left: -403px;
  }

  .nav-link-6 {
    color: #e7422a;
  }

  .mytheo-menu-header-2 {
    background-color: #fff;
    border-right: 0 solid #000;
    border-radius: 20px;
    flex-wrap: nowrap;
    padding: 15px;
  }

  .bm-link-4 {
    left: -405px;
  }

  .bm-link-4.w--current {
    left: -403px;
  }

  .en-link-4 {
    left: -410px;
  }

  .left-nav-all-menu-mytheo-2 {
    position: fixed;
  }

  .nav-link-9 {
    color: #e7422a;
  }

  .link-block-31, .link-block-31.w--current {
    margin-left: auto;
    margin-right: auto;
    top: -20px;
    left: auto;
  }

  .side-menu {
    display: none;
  }

  .text-block-50 {
    color: #666;
  }

  .div-block-47 {
    flex-direction: row;
    flex: 1;
    justify-content: center;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    position: relative;
    left: auto;
    right: auto;
  }

  .heading-46 {
    text-align: center;
    margin-bottom: 0;
    position: relative;
    left: -9px;
  }

  .image-114 {
    margin-top: -700px;
    margin-right: 0;
    overflow: auto;
  }

  .hero-mockup-description-block-2, .header-slider-icon-2 {
    margin-top: 300px;
  }

  .slider-7 {
    height: 70vh;
  }

  .header-slider {
    background-position: 50%;
  }

  .header-with-3-sliders {
    background-color: #0000;
  }

  .slider-9 {
    background-color: #0000;
    display: none;
  }

  .readmore-block {
    flex-direction: column;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .promotion-referral {
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
  }

  .video-slide-15 {
    padding-top: 100px;
  }

  .download-app-col {
    flex-flow: row;
    justify-content: center;
    align-items: stretch;
    display: flex;
  }

  .div-block-58.blog-youtube {
    margin-left: 0;
    margin-right: 0;
  }

  .youtube-5 {
    margin-left: 100px;
    margin-right: 100px;
  }

  .epp-etf-portfolio-table {
    height: auto;
  }

  .close-modal-button-copy {
    display: none;
    right: 30%;
  }

  .promo-banner-copy {
    margin-left: 0;
    margin-right: 0;
  }

  .close-modal-button-copy {
    display: block;
    inset: auto 3% 3% auto;
  }

  .banner-container {
    margin-left: 400px;
    margin-right: 400px;
  }

  .the-mytheo-difference-landing-page-copy.bottom-space {
    background-color: #fff;
    margin-top: 0;
    padding-top: 70px;
  }

  .the-mytheo-difference-landing-page-copy.bottom-space.en {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .the-mytheo-difference-landing-page-copy.bottom-space {
    background-color: #fff;
    width: 80%;
    margin-top: 0;
    padding-top: 60px;
  }

  .the-mytheo-difference-landing-page-copy-2.bottom-space {
    background-color: #fff;
    margin-top: 0;
    padding-top: 70px;
  }

  .the-mytheo-difference-landing-page-copy-2.bottom-space.en {
    margin-top: 0;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .the-mytheo-difference-landing-page-copy-2.bottom-space {
    background-color: #fff;
    width: 80%;
    margin-top: 0;
    padding-top: 60px;
  }

  .image-122 {
    margin-top: auto;
    margin-right: 0;
    display: block;
    position: absolute;
    inset: 7% 0% 0% auto;
    overflow: auto;
  }

  .list-11-copy {
    margin-right: auto;
  }

  .blog_header_all-copy {
    background-image: url('../images/Obg.png'), linear-gradient(to bottom, null, null);
    background-position: 50%, 0 0;
  }

  .caption-copy, .blog_body_post-justify-copy-copy, .blog_body_post-justify-copy-copy, .blog_body_post-justify-copy, .blog_body_post-justify-copy, .blog_body_post-justify-copy, .blog-key {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
  }

  .div-block-60 {
    margin-right: 100px;
  }

  .div-block-61.promo-read-more {
    height: 200px;
  }

  .promotion-para {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
  }

  .readmore-block-copy {
    flex-direction: column;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .link-block-35 {
    box-sizing: border-box;
    object-fit: fill;
    width: auto;
  }

  .image-125 {
    width: auto;
    height: 120px;
  }

  .text-block-62 {
    font-size: 16px;
    top: 30%;
    left: 5%;
  }

  .blog_body_post-justify-copy {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
  }

  .cta-mainpage, .cta-mainpage-mb {
    font-size: 15px;
  }

  .izdihar-etf-portfolio-table {
    height: auto;
  }
}

@media screen and (min-width: 1920px) {
  a {
    color: var(--grey);
  }

  .dropdown-list {
    outline-offset: 0px;
    outline: 3px #fff;
    display: none;
  }

  .dropdown-list.w--open {
    margin-top: auto;
  }

  .container {
    margin-top: auto;
    margin-bottom: auto;
  }

  .section-title-wrapper.full {
    min-width: 100%;
    margin-top: 50px;
    margin-bottom: auto;
    padding-top: 0;
  }

  .section-title-wrapper.full-centered.tablet-portrait {
    width: 70%;
    max-width: none;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: auto;
    padding-bottom: 0;
  }

  .hero-mockup-description-block {
    width: 800px;
    margin-top: 400px;
  }

  .info-block-left {
    padding-top: 0;
    top: auto;
  }

  .nav-link-2 {
    color: var(--oren);
  }

  .button-2 {
    object-fit: fill;
    margin: auto auto 20px;
    padding: 10px 35px 7px;
    font-size: 15px;
  }

  .image-5 {
    max-width: 85px;
  }

  .heading {
    margin-left: auto;
  }

  .text-block-4 {
    margin-left: 0;
    padding-left: 0;
  }

  .heading-2.difference {
    margin-bottom: 60px;
  }

  .columns-4 {
    max-width: 80%;
  }

  .heading-8 {
    margin-bottom: 50px;
  }

  .featured-1-to-6 {
    text-align: center;
    justify-content: center;
    align-items: stretch;
    margin-left: 0;
    margin-right: 0;
    display: flex;
    position: relative;
  }

  .column {
    padding-left: 0;
    padding-right: 0;
  }

  .heading-10 {
    padding-top: 40px;
    padding-bottom: 20px;
  }

  .background-video {
    left: 1247px;
  }

  .slide-nav {
    padding-bottom: 60px;
  }

  .columns-11 {
    margin-top: -17px;
  }

  .grow-your-wealth-homepage.tint.overflow-none {
    padding-bottom: 0;
  }

  .grow-your-wealth-homepage.tint.overflow-none.new-cta {
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .div-block-14 {
    margin-top: -10px;
  }

  .mytheo-at-a-glance-landing-page {
    background-image: none;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .the-mytheo-difference-landing-page.bottom-space {
    padding-left: 220px;
    padding-right: 220px;
  }

  .the-mytheo-difference-landing-page.bottom-space.en {
    padding-top: 60px;
  }

  .the-mytheo-difference-landing-page.bottom-space {
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-top: auto;
    margin-bottom: auto;
    padding: 60px 220px;
    display: block;
  }

  .the-abc-s-of-getting-started-landing-page {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    margin-top: auto;
    padding-top: 60px;
    display: flex;
  }

  .how-mytheo-works-for-you-landing-page {
    margin-bottom: auto;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .our-awards-landing-page {
    padding-bottom: 60px;
  }

  .body {
    background-color: #fff;
    max-width: none;
    display: block;
  }

  .div-block-22 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-align: center;
    flex: 1;
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 80%;
    display: flex;
    position: relative;
  }

  .column-62 {
    padding-right: 0;
  }

  .column-62.as-featured-in {
    align-self: stretch;
    padding: 0;
  }

  .column-62.feat-logo {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-title-copy {
    font-size: 45px;
    line-height: 35px;
  }

  .you-invest {
    top: 390px;
  }

  .image-77 {
    display: block;
  }

  .div-block-26 {
    flex-direction: column;
    align-items: center;
    margin-left: 400px;
    margin-right: 400px;
    display: flex;
  }

  .column-64 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    display: flex;
    position: relative;
  }

  .column-65 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .promotion-image {
    display: block;
  }

  .promotion-block {
    flex-direction: column;
    align-items: center;
    margin-left: 400px;
    margin-right: 400px;
    display: flex;
  }

  .referafriend-image, .newcomer-image, .image-87 {
    display: block;
  }

  .header-slide._1, .header-slide._3 {
    background-position: 50% 30%;
  }

  .slider-6 {
    height: 100vh;
  }

  .header-img-esg {
    width: 460px;
  }

  .image-88 {
    margin-top: auto;
  }

  .container-13 {
    padding-top: 170px;
  }

  .modal-wrapper {
    background-image: linear-gradient(#ffffff80, #ffffff80);
  }

  .image-94 {
    padding-left: 0;
    padding-right: 0;
  }

  .close-modal-button {
    width: 30px;
    padding: 5px;
    position: fixed;
    inset: 3% 3% auto auto;
  }

  .promo-banner {
    margin-left: 500px;
    margin-right: 500px;
  }

  .image77 {
    padding-left: 220px;
    padding-right: 220px;
  }

  .webinar-cover-image {
    display: block;
  }

  .must-banner {
    padding-bottom: 180px;
  }

  .must-description-block {
    width: 800px;
    margin-top: 400px;
  }

  .header-img-must {
    width: 460px;
  }

  .brand-2 {
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    width: auto;
    min-width: auto;
    margin-left: 0;
    padding-right: 0;
    display: flex;
  }

  .bm-link-2 {
    flex: 0 auto;
    padding-top: 0;
    position: static;
  }

  .navbar-3 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-align: center;
    background-color: #fff;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    width: auto;
    min-width: auto;
    margin: auto;
    padding: 0;
    display: block;
    position: fixed;
    inset: 0% 0% auto;
  }

  .image-105 {
    flex: 0 auto;
    min-width: auto;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    left: auto;
  }

  .container-17 {
    flex: 0 auto;
    align-self: center;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    position: static;
  }

  .div-block-35 {
    flex: 0 auto;
    justify-content: center;
    align-self: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    display: block;
    position: static;
  }

  .dropdown-link-3 {
    padding-top: 14px;
    padding-bottom: 12px;
    font-size: 15px;
    font-weight: 400;
    display: block;
  }

  .div-block-36 {
    justify-content: center;
    align-items: center;
    margin-left: 0;
    padding-left: 0;
    display: flex;
  }

  .text-block-48 {
    letter-spacing: 2px;
    margin-top: 5px;
    font-family: Khula, sans-serif;
    font-size: 15px;
    font-weight: 700;
  }

  .header {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    color: #fff;
    text-align: left;
    flex-direction: row;
    flex: 0 auto;
    grid-template-rows: auto;
    grid-template-columns: 1fr 3.25fr .25fr .5fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    justify-content: center;
    align-self: flex-start;
    align-items: center;
    width: 100%;
    min-width: auto;
    margin-left: 0;
    margin-right: 0;
    padding: 5px 0;
    display: flex;
    position: fixed;
    top: 0;
  }

  .container-19 {
    flex: 0 auto;
    justify-content: flex-end;
    align-self: auto;
    align-items: center;
    margin-top: auto;
    margin-bottom: auto;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    position: relative;
  }

  .nav-link-4 {
    color: #e7422a;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    position: relative;
  }

  .nav-link-5 {
    border-radius: 50px;
    flex-flow: row;
    flex: 0 auto;
    place-content: center;
    align-self: center;
    align-items: center;
    margin: auto 10px auto auto;
    padding-bottom: 7px;
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
    position: relative;
    overflow: auto;
  }

  .en-link-2 {
    padding-top: 0;
    position: relative;
    left: auto;
  }

  .header-mytheo-2 {
    background-image: url('../images/Website-Header.png');
    background-position: 0 0;
  }

  .header-hidden {
    width: auto;
    max-width: 50%;
    margin-top: 100px;
    margin-left: 220px;
    margin-right: auto;
    padding-bottom: 140px;
    padding-left: 0;
    padding-right: 250px;
  }

  .header-hidden.hidden {
    display: none;
  }

  .paragraph-45 {
    flex-direction: column;
    align-items: flex-start;
    width: 80%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .text-block-49.header {
    color: var(--grey);
    background-color: #0000;
    justify-content: flex-start;
  }

  .superscript {
    text-align: left;
    position: static;
  }

  .header-mytheo-3 {
    background-image: url('../images/Website-Header.png');
    background-position: 0 0;
  }

  .header-mytheo-4 {
    background-image: url('../images/main-file-V1.png');
    background-position: 50%;
    background-size: cover;
    justify-content: flex-start;
    margin-top: auto;
  }

  .header-mytheo-4.white-bg-header {
    background-color: #0000;
    background-position: 50%;
    background-repeat: repeat;
    background-size: cover;
    margin-left: auto;
    margin-right: auto;
    padding-top: 220px;
    display: block;
    position: static;
  }

  .image-107 {
    margin-top: auto;
    margin-right: auto;
    padding-top: 0;
    padding-left: 0;
    inset: 0% 0% 0% auto;
    overflow: scroll;
  }

  .as-featured-in-2 {
    flex-direction: column;
    align-items: center;
    padding-top: 60px;
    padding-bottom: 0;
    display: flex;
  }

  .heading-39 {
    margin-top: auto;
    margin-bottom: auto;
    line-height: 54px;
  }

  .cta-2 {
    margin-top: 0;
  }

  .div-block-37 {
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 100px;
    display: flex;
  }

  .heading-40 {
    padding-top: 20px;
    padding-bottom: 0;
  }

  .nav-link-6, .nav-link-9 {
    color: #e7422a;
  }

  .nav-list-link {
    display: none;
  }

  .text-block-50 {
    margin-top: -5px;
    padding-top: 0;
  }

  .div-block-41 {
    display: none;
  }

  .div-block-46 {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    position: relative;
  }

  .div-block-47 {
    flex-flow: row;
    flex: 1;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    margin: auto;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    position: relative;
    inset: auto;
  }

  .link-75 {
    color: #3a3535;
  }

  .image-114 {
    margin-top: -500px;
    top: auto;
    bottom: 20%;
    left: auto;
    overflow: scroll;
  }

  .link-block-32.w--current {
    object-fit: fill;
    flex-direction: row;
    justify-content: flex-start;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
  }

  .hero-mockup-description-block-2 {
    width: 800px;
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .container-20.hero-container {
    flex-direction: column;
    margin-top: 200px;
    margin-bottom: auto;
    display: flex;
  }

  .header-slide-2._1 {
    background-color: #fff;
    background-image: url('../images/Website-Header.png');
    background-position: 50% 30%;
    background-attachment: fixed;
    margin: auto;
    padding-top: 100px;
    padding-bottom: 100px;
    position: static;
  }

  .header-slide-2._2 {
    margin: auto;
    padding-top: 220px;
    position: static;
  }

  .slider-7 {
    height: auto;
    max-height: none;
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 0;
    padding-bottom: 0;
    display: block;
    position: relative;
  }

  .header-slider {
    background-position: 100%;
    max-width: none;
  }

  .header-with-3-sliders {
    background-image: url('../images/Website-Header.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100ch;
  }

  .header-slider-esg {
    background-image: url('../images/fields-edit.jpg');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .slider-9 {
    display: none;
  }

  .header-img-esg-2 {
    width: 460px;
  }

  .image-119._100-margin {
    display: block;
  }

  .readmore {
    margin-bottom: 10px;
  }

  .readmore-block {
    flex-direction: column;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .essential-products-banner {
    min-height: 100%;
  }

  .mmp-banner {
    min-height: 90vh;
  }

  .header-slider-ess {
    background-position: 50% 100%;
    background-attachment: scroll;
  }

  .header-img-ess {
    width: 460px;
  }

  .slide-23 {
    background-position: 50%;
    background-size: 100%;
    background-attachment: scroll;
  }

  .header-img-mmp {
    width: 460px;
  }

  .header-slider-mmp {
    background-position: 50%;
    background-size: 100%;
    background-attachment: scroll;
  }

  .promotion-referral {
    padding-left: 0;
  }

  .div-block-58.blog-youtube {
    margin-left: 0;
  }

  .youtube-5 {
    max-width: none;
    height: auto;
    margin-left: 100px;
    margin-right: 100px;
    padding-left: 0;
  }

  .close-modal-button-copy {
    inset: 3% 3% auto auto;
    inset: 3% 3% auto auto;
    width: 30px;
    padding: 5px;
    position: fixed;
    inset: 3% 3% auto auto;
  }

  .modal-wrapper-copy {
    background-image: linear-gradient(#ffffff80, #ffffff80);
  }

  .promo-banner-copy {
    margin-left: 0;
    margin-right: 0;
  }

  .close-modal-button-copy {
    width: 30px;
    padding: 5px;
    position: absolute;
    inset: auto 3% 3% auto;
  }

  .banner-container {
    margin-left: 500px;
    margin-right: 500px;
  }

  .the-mytheo-difference-landing-page-copy.bottom-space {
    padding-left: 220px;
    padding-right: 220px;
  }

  .the-mytheo-difference-landing-page-copy.bottom-space.en {
    padding-top: 60px;
  }

  .the-mytheo-difference-landing-page-copy.bottom-space {
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-top: auto;
    margin-bottom: auto;
    padding: 60px 220px;
    display: block;
  }

  .heading-copy {
    margin-left: auto;
  }

  .the-mytheo-difference-landing-page-copy-2.bottom-space {
    padding-left: 220px;
    padding-right: 220px;
  }

  .the-mytheo-difference-landing-page-copy-2.bottom-space.en {
    padding-top: 60px;
  }

  .the-mytheo-difference-landing-page-copy-2.bottom-space {
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-top: auto;
    margin-bottom: auto;
    padding: 60px 220px;
    display: block;
  }

  .link-86 {
    color: #3a3535;
  }

  .image-122 {
    margin-top: auto;
    inset: 10% 10% 0% auto;
    overflow: scroll;
  }

  .image-88-copy {
    margin-top: auto;
  }

  .list-11.blog-key-list.short-sentense {
    align-self: flex-start;
  }

  .italic-text-4, .caption-copy {
    text-align: center;
  }

  .div-block-60 {
    margin-right: 100px;
  }

  .readmore-block-copy {
    flex-direction: column;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .link-block-35 {
    width: auto;
  }

  .image-125 {
    width: 100%;
    height: 150px;
  }

  .text-block-62 {
    top: 35%;
  }

  .youtube-7 {
    width: 100%;
    height: 2px;
    margin-left: 100px;
    margin-right: 100px;
  }

  .izdihar-banner {
    padding-bottom: 180px;
  }
}

@media screen and (max-width: 991px) {
  a {
    color: #000;
  }

  li {
    font-size: 16px;
  }

  .navbar {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
  }

  .navbar.with-color-button {
    padding-bottom: 20px;
  }

  .navbar.white {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .nav-menu {
    background-color: #292c31;
    border-radius: 0;
    margin-top: 0;
  }

  .nav-link {
    color: #fff;
    border-radius: 0;
    width: 100%;
    max-width: 1200px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 35px;
  }

  .nav-link:hover {
    color: #fff;
    background-color: #000;
  }

  .nav-link.dropdown-toggle {
    color: #fff;
  }

  .nav-link.light {
    border-color: #0000;
    border-radius: 0;
    width: 100%;
    max-width: 1500px;
    margin-right: 0;
    padding-left: 35px;
    padding-right: 35px;
  }

  .nav-link.light:hover {
    background-color: #000;
  }

  .nav-link.light.w--current {
    border-color: #0000;
  }

  .nav-link.color {
    color: #000;
    border-radius: 60px;
    padding-left: 25px;
  }

  .nav-link.color:hover {
    color: #fff;
  }

  .dropdown {
    width: 100%;
    max-width: 1500px;
  }

  .dropdown-list.w--open {
    border-radius: 0;
    margin-top: 0;
    box-shadow: 0 0 #0000;
  }

  .dropdown-link {
    padding-left: 35px;
  }

  .container {
    padding-left: 0;
  }

  .container.hero-container {
    padding-left: 0;
    display: block;
  }

  .container.footer-container {
    font-size: 12px;
    line-height: 20px;
  }

  .button.cta-button {
    width: 30%;
    margin-top: 15px;
  }

  .mytheo-difference {
    padding: 45px;
  }

  .section-title-wrapper {
    width: 85%;
    margin-bottom: 40px;
  }

  .section-title-wrapper.full {
    margin-bottom: 20px;
    padding-right: 0;
  }

  .section-title-wrapper.full-centered {
    margin-top: -1px;
    margin-bottom: 100px;
    padding-top: 192px;
    top: 11px;
  }

  .section-title-wrapper.full-centered.tablet-portrait {
    margin-top: 40px;
    margin-bottom: 0;
    padding-right: 0;
  }

  .section-title-wrapper.full-centered.strat {
    margin-left: 0;
    margin-right: 0;
  }

  .section-title-wrapper.full-centered.strat.globally {
    margin-top: 0;
    padding-top: 51px;
  }

  .portfolio-block-title {
    font-size: 16px;
    line-height: 19px;
  }

  .portfolio-block-subtitle {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 11px;
    line-height: 18px;
  }

  .footer {
    padding: 45px;
  }

  .menu-button {
    margin-right: 20px;
  }

  .hero-mockup-description-block {
    width: 600px;
    margin-top: 250px;
  }

  .hero-description {
    margin-left: -45px;
    margin-right: -45px;
    padding-left: 0;
    padding-right: 0;
    font-size: 50px;
    line-height: 65px;
    top: 58px;
  }

  .info-block-left {
    padding-left: 0;
    padding-right: 0;
  }

  .footer-inline-link {
    margin-right: 9px;
    font-size: 12px;
  }

  .white-footer {
    padding-left: 45px;
    padding-right: 45px;
  }

  .dark-bottom-footer {
    padding-bottom: 45px;
    padding-left: 45px;
    padding-right: 45px;
    font-size: 12px;
    line-height: 20px;
  }

  .dropdown-icon {
    margin-right: 30px;
  }

  .right-nav-menu {
    z-index: 2000;
  }

  .subpage-title.blog-post-title {
    width: 90%;
    font-size: 40px;
  }

  .small-dropdown-icon {
    margin-right: 21px;
  }

  .transparant-menu-button {
    color: #fff;
    text-align: center;
    background-color: #0000001a;
    border-radius: 4px;
    width: 50px;
    height: 50px;
    margin-right: 20px;
    padding-top: 14px;
    padding-left: 0;
    padding-right: 0;
  }

  .transparant-menu-button:hover {
    background-color: #0000004d;
  }

  .transparant-menu-button.w--open {
    background-color: #000;
  }

  .fixed-nav-menu-button {
    color: #fff;
    text-align: center;
    background-color: #1f6fff;
    border-radius: 4px;
    width: 50px;
    height: 50px;
    margin-right: 10px;
    padding-top: 14px;
    padding-left: 0;
    padding-right: 0;
  }

  .fixed-nav-menu-button:hover {
    background-color: #1859cf;
  }

  .fixed-nav-menu-button.w--open {
    background-color: #000;
  }

  .blog-posts-list {
    flex-flow: wrap;
    place-content: space-between space-around;
    align-items: flex-start;
    display: flex;
  }

  .blog-post-item {
    order: -1;
    align-self: auto;
    width: 40%;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .blog-post-overlay.light {
    width: 100%;
    height: 100%;
    margin-right: 0;
    padding-right: 0;
  }

  .blog-post-summary {
    font-size: 14px;
    line-height: 22px;
  }

  .blog-post-header-overlay {
    padding-top: 170px;
    padding-bottom: 170px;
  }

  .dark-cta-title {
    width: 60%;
  }

  .mytheo-menu-header {
    margin-left: 31px;
    margin-right: 0;
    padding: 15px;
  }

  .menu-button-2 {
    align-self: auto;
    margin-left: 0;
    margin-right: 0;
    display: block;
    left: 227px;
    overflow: visible;
  }

  .icon {
    position: relative;
    top: 0;
    bottom: 0;
  }

  .image-2 {
    max-width: 250px;
    padding-top: 0;
    position: static;
    top: -1px;
  }

  .nav-link-2 {
    margin-left: 0;
    margin-right: 0;
    padding: 5px 38px;
    position: static;
    left: 0;
  }

  .nav-link-3 {
    order: 1;
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
  }

  .image-3 {
    display: none;
  }

  .button-2 {
    margin-left: 99px;
    margin-right: 99px;
    left: auto;
  }

  .heading {
    margin-left: 0;
  }

  .text-block-4 {
    margin-left: 0;
    padding-right: 0;
  }

  .heading-2.difference {
    margin-top: 100px;
    margin-bottom: -50px;
    top: -108px;
    left: auto;
  }

  .columns-3 {
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
  }

  .columns-3.historically {
    padding-top: 362px;
  }

  .columns-4 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-5, .heading-6, .heading-7 {
    margin-bottom: 20px;
  }

  .slide {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .text-block-10 {
    margin-top: -31px;
  }

  .image-12 {
    top: 2%;
  }

  .as-featured-in {
    padding-top: 20px;
    padding-bottom: 40px;
  }

  .featured-1-to-6 {
    margin-left: 70px;
    margin-right: 70px;
  }

  .column {
    align-self: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .cta {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .image-24 {
    top: 260px;
    left: auto;
  }

  .background-video {
    top: 28px;
    left: 225px;
  }

  .text-block-17 {
    width: 50%;
    left: 300px;
  }

  .navbar-mytheo {
    opacity: 1;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    display: none;
  }

  .footer-wrapper {
    flex: 0 auto;
    order: 0;
    align-self: flex-start;
    margin-top: 40px;
    margin-left: 40px;
    margin-right: 40px;
    position: static;
    top: 1px;
  }

  .grid-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: row;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-flow: row;
    place-content: stretch center;
    place-items: flex-start stretch;
    width: auto;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .home.w--current, .hello, .link-3, .link-6, .link-8, .link-9, .link-14, .link-15, .link-16, .link-18, .link-19, .link-20, .link-21, .link-22 {
    position: static;
  }

  .link-23 {
    flex-direction: column;
    margin-top: auto;
    display: flex;
    position: static;
  }

  .div-block-2 {
    margin-left: 0;
    margin-right: 0;
    top: -23px;
    left: 179px;
  }

  .text-block-19 {
    align-self: flex-start;
    position: relative;
    top: 203px;
    left: -175px;
    right: auto;
  }

  .columns-11 {
    left: auto;
  }

  .text-block-20 {
    clear: none;
    align-self: auto;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 0;
    padding-top: 20px;
    padding-left: 40px;
    padding-right: 40px;
    position: relative;
    top: auto;
    left: auto;
  }

  .div-block-4 {
    left: auto;
  }

  .slider-5 {
    overflow: hidden;
  }

  .mask-3 {
    margin-bottom: 0;
  }

  .image-37 {
    flex: 0 auto;
    align-self: flex-start;
    display: block;
    top: 58px;
  }

  .legal-documents {
    padding-bottom: 50px;
    padding-left: 0;
    padding-right: 0;
  }

  .column-30 {
    padding-left: 0;
  }

  .speak-to-us {
    width: auto;
    min-width: auto;
  }

  .text-block-strat {
    margin-left: -82px;
    padding-right: 0;
  }

  .heading-strat {
    margin-left: 0;
  }

  .container-strat {
    padding-left: 0;
  }

  .paragraph-24.auto-rebal {
    text-align: justify;
    margin-left: 41px;
    margin-right: 41px;
  }

  .header-price-structure {
    border-radius: 0;
    padding: 40px 20px 60px;
  }

  .header-mytheo-explained {
    background-image: url('../images/circle.png'), url('../images/pexels-rajesh-tp-2098134.jpg'), linear-gradient(#000, #000);
    background-position: 50% 0, 50% -200%, 0 0;
    background-repeat: no-repeat, no-repeat, repeat;
    background-size: cover, 768px, auto;
    background-attachment: scroll, scroll, scroll;
    padding: 220px 20px 100px;
  }

  .globally-diversified-explained {
    margin-left: 0;
    margin-right: 0;
    padding: 0 40px;
  }

  .logical-investing-explained {
    margin-top: 0;
    padding: 567px 20px 20px 40px;
  }

  .maintains-portfolio-explained {
    padding-left: 40px;
    padding-right: 40px;
  }

  .invest-assurance-explained {
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .header-who-we-are {
    padding: 220px 20px 100px;
  }

  .welcome-the-the-learning-centre {
    padding-left: 20px;
    padding-right: 20px;
  }

  .white-paper-content-all {
    padding: 220px 50px 100px;
  }

  .tabs-2 {
    margin-top: 0;
  }

  .bold-text-18 {
    line-height: 16px;
  }

  .column-43 {
    padding-top: 0;
    padding-left: 0;
  }

  .header-right-etfs {
    padding: 220px 50px 0;
  }

  .etfs-portfolio-tabs {
    padding-left: 60px;
    padding-right: 60px;
  }

  .growth-etf-portfolio-table {
    padding-bottom: 10px;
    padding-left: 60px;
    padding-right: 60px;
  }

  .income-etf-portfolio-table {
    padding: 40px 60px 10px;
  }

  .inflation-etf-portfolio-table {
    padding-top: 40px;
    padding-left: 60px;
    padding-right: 60px;
  }

  .header-contact-us-drop-a-line {
    border-radius: 0;
    padding: 220px 50px 100px;
  }

  .right-etf-copy-portfolio {
    margin-left: auto;
    margin-right: auto;
  }

  .create-moment-paragraph {
    margin-left: 0;
    margin-right: 0;
  }

  .paragraph-what-we-do {
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
  }

  .footer-mytheo-updated {
    text-align: center;
    object-fit: fill;
    flex-flow: wrap;
    place-content: stretch flex-start;
    align-items: stretch;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 0;
    padding-top: 0;
    padding-bottom: 60px;
    padding-left: 0;
    display: flex;
    overflow: visible;
  }

  .header-resources-mountain {
    padding: 220px 50px 100px;
  }

  .paragraph-reources-copy {
    margin-left: 0;
    margin-right: 0;
  }

  .grow-your-wealth-homepage {
    padding: 45px;
  }

  .grow-your-wealth-homepage.tint.overflow-none {
    padding: 100px 0 0;
  }

  .team-mytheo {
    padding: 40px;
  }

  .div-block-14 {
    background-size: cover;
    margin-top: 0;
    padding-top: 100px;
  }

  .section-title-2 {
    margin-bottom: 4px;
    font-size: 31px;
    line-height: 30px;
  }

  .blog-left-image-block-mytheo {
    width: 100%;
    height: 200px;
    margin-right: 0;
    position: static;
  }

  .section-blog-post-template {
    padding: 45px;
  }

  .blog-post-page-content-2 {
    width: 90%;
    padding: 50px;
  }

  .section-blog-resources {
    padding: 45px 40px 20px;
  }

  .heading-30 {
    padding-left: 0;
    padding-right: 0;
  }

  .section-blog-list-all {
    padding: 45px 0;
  }

  .div-block-17 {
    margin-top: 0;
    padding-top: 20px;
    top: -51px;
  }

  .container-blog-post-resources {
    padding-top: 0;
    top: 40px;
  }

  .heading-31 {
    clear: none;
    text-align: center;
    flex: none;
    align-self: auto;
    font-size: 15px;
    line-height: 18px;
  }

  .paragraph-40 {
    text-align: center;
    flex-direction: column;
    flex: 1;
    order: 0;
    justify-content: center;
    align-self: auto;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
    display: block;
  }

  .mytheo-at-a-glance-landing-page {
    padding-top: 60px;
    padding-bottom: 60px;
    display: block;
    position: relative;
  }

  .the-mytheo-difference-landing-page {
    padding: 45px;
  }

  .the-mytheo-difference-landing-page.bottom-space {
    margin-left: auto;
    margin-right: auto;
    padding: 0 40px 5px;
  }

  .the-mytheo-difference-landing-page.bottom-space.en {
    text-align: center;
    display: flex;
  }

  .the-mytheo-difference-landing-page.bottom-space {
    justify-content: space-between;
    align-items: center;
    width: 80%;
    margin: auto;
    padding: 50px 40px 5px;
  }

  .left-nav-all-menu-mytheo {
    z-index: 2000;
  }

  .a-partnership-for-good-page {
    padding: 60px 40px;
  }

  .link-block-18 {
    flex-flow: column;
    flex: none;
    justify-content: center;
    align-self: auto;
    align-items: center;
    display: block;
    position: absolute;
    top: -5px;
    left: auto;
    right: auto;
  }

  .link-block-18.w--current {
    top: -3px;
    left: 252px;
  }

  .youtube-3 {
    max-width: none;
  }

  .paper-3 {
    display: block;
  }

  .paper-2 {
    width: auto;
    max-width: 150px;
    height: auto;
  }

  .hovericon {
    width: auto;
    max-width: 100%;
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .hovericon:hover {
    max-width: 100%;
    display: inline-block;
    position: relative;
    overflow: visible;
  }

  .paper-13 {
    background-position: 50%;
  }

  .hovericon-2 {
    max-width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .faq-search-form {
    padding-left: 30px;
    padding-right: 30px;
  }

  .frequently-asked-qa {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    font-size: 38px;
    line-height: 44px;
    position: relative;
    top: -65px;
  }

  .faq-button-section-wrap {
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .wrapping-div-new {
    padding-left: 30px;
    padding-right: 30px;
  }

  .gs-5, .dw-9, .rs-12, .rs-14, .ps-9, .ps-12 {
    white-space: normal;
  }

  .text-block-39.mobile {
    padding-left: 20px;
    padding-right: 20px;
  }

  .home-button-dropdown {
    width: 100%;
    max-width: 1500px;
  }

  .home-dropdown {
    color: #fff;
    border-radius: 0;
    width: 100%;
    max-width: 1200px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 35px;
  }

  .home-dropdown:hover {
    color: #fff;
    background-color: #000;
  }

  .home-dropdown.dropdown-toggle {
    color: #fff;
  }

  .home-dropdown.color {
    color: #000;
    border-radius: 60px;
    padding-left: 25px;
  }

  .home-dropdown.color:hover {
    color: #fff;
  }

  .dropdown-home-1, .dropdown-home-2, .dropdown-home-4, .dropdown-home-5, .dropdown-home-6, .dropdown-home-7 {
    padding-left: 35px;
  }

  .dropdown-list-home.w--open {
    border-radius: 0;
    margin-top: 0;
    box-shadow: 0 0 #0000;
  }

  .mytheo-explained-button-dropdown {
    width: 100%;
    max-width: 1500px;
  }

  .mytheo-explained-dropdown {
    color: #fff;
    border-radius: 0;
    width: 100%;
    max-width: 1200px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 35px;
  }

  .mytheo-explained-dropdown:hover {
    color: #fff;
    background-color: #000;
  }

  .mytheo-explained-dropdown.dropdown-toggle {
    color: #fff;
  }

  .mytheo-explained-dropdown.color {
    color: #000;
    border-radius: 60px;
    padding-left: 25px;
  }

  .mytheo-explained-dropdown.color:hover {
    color: #fff;
  }

  .dropdown-list-mytheo-explained.w--open {
    border-radius: 0;
    margin-top: 0;
    box-shadow: 0 0 #0000;
  }

  .dropdown-link-mytheo-explained-1, .dropdown-link-mytheo-explained-2, .dropdown-link-mytheo-explained-3, .dropdown-link-mytheo-explained-4, .dropdown-link-mytheo-explained-5, .dropdown-link-mytheo-explained-6 {
    padding-left: 35px;
  }

  .who-we-are-button-dropdown, .resources-button-dropwdown {
    width: 100%;
    max-width: 1500px;
  }

  .who-we-are-dropdown {
    color: #fff;
    border-radius: 0;
    width: 100%;
    max-width: 1200px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 35px;
  }

  .who-we-are-dropdown:hover {
    color: #fff;
    background-color: #000;
  }

  .who-we-are-dropdown.dropdown-toggle {
    color: #fff;
  }

  .who-we-are-dropdown.color {
    color: #000;
    border-radius: 60px;
    padding-left: 25px;
  }

  .who-we-are-dropdown.color:hover {
    color: #fff;
  }

  .dropdown-list-who-we-are.w--open {
    border-radius: 0;
    margin-top: 0;
    box-shadow: 0 0 #0000;
  }

  .dropdown-who-we-are-1, .dropdown-who-we-are-2 {
    padding-left: 35px;
  }

  .resources-dropdown {
    color: #fff;
    border-radius: 0;
    width: 100%;
    max-width: 1200px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 35px;
  }

  .resources-dropdown:hover {
    color: #fff;
    background-color: #000;
  }

  .resources-dropdown.dropdown-toggle {
    color: #fff;
  }

  .resources-dropdown.color {
    color: #000;
    border-radius: 60px;
    padding-left: 25px;
  }

  .resources-dropdown.color:hover {
    color: #fff;
  }

  .dropdown-list-resources.w--open {
    border-radius: 0;
    margin-top: 0;
    box-shadow: 0 0 #0000;
  }

  .dropdown-resources-1, .dropdown-resources-2, .dropdown-resources-3, .dropdown-resources-4, .dropdown-resources-5, .dropdown-resources-6 {
    padding-left: 35px;
  }

  .blog-posts-list-wrapper-copy {
    white-space: normal;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .blog-posts-listfull {
    align-content: space-between;
  }

  .blog-post-item-full {
    order: -1;
    padding-left: 10px;
    padding-right: 20px;
  }

  .blog-posts-list-resources {
    align-content: space-between;
  }

  .blog-post-item-resources {
    order: -1;
    padding-left: 10px;
    padding-right: 20px;
  }

  .div-block-21 {
    flex-direction: column;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: block;
    position: relative;
    left: 225px;
  }

  .body {
    background-color: #fff;
  }

  .image-74 {
    display: inline-block;
    position: relative;
  }

  .column-52 {
    top: 161px;
  }

  .columns-home {
    margin-left: 0;
    margin-right: 0;
  }

  .column-59 {
    flex: 0 auto;
    padding-left: 0;
    padding-right: 0;
  }

  .column-62.as-featured-in {
    background-color: #0000;
  }

  .columns-globally {
    margin-left: 0;
    margin-right: 0;
  }

  .body-2 {
    background-color: #fff;
  }

  .blog-left-image-mytheo-resources-featured_1 {
    width: 100%;
    height: 130px;
    position: static;
  }

  .div-block-24 {
    padding-bottom: 0;
  }

  .container-home {
    padding-top: 0;
    padding-left: 0;
  }

  .columns-3-home, .columns-3-copy {
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
  }

  .image-52-copy {
    top: -839px;
    left: auto;
  }

  .heading-2-copy.strat {
    padding-top: 0;
    padding-bottom: 20px;
    left: auto;
  }

  .slide-15-copy {
    padding: 40px 0 80px;
  }

  .columns-13-copy {
    padding-left: 0;
    padding-right: 0;
  }

  .slide-nav-4-copy {
    margin-bottom: 0;
    bottom: 31px;
  }

  .section-title-copy {
    margin-bottom: 4px;
    font-size: 20px;
    line-height: 24px;
  }

  .section-description-copy {
    margin-top: 20px;
    font-size: 16px;
    line-height: 18px;
  }

  .image-75 {
    display: none;
  }

  .nav-link-3-copy {
    order: 1;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .footer-mytheo-mobile {
    object-fit: fill;
    flex-flow: wrap;
    place-content: stretch flex-start;
    align-items: stretch;
    margin-left: 0;
    padding-top: 0;
    padding-bottom: 40px;
    padding-left: 0;
    display: none;
    overflow: visible;
  }

  .text-block-19-copy {
    align-self: flex-start;
    position: relative;
    top: 203px;
    left: -175px;
    right: auto;
  }

  .div-block-2-copy {
    margin-left: 0;
    margin-right: 0;
    top: -23px;
    left: 179px;
  }

  .text-block-20-copy {
    clear: none;
    align-self: auto;
    margin-left: 0;
    padding-left: 40px;
    padding-right: 40px;
    position: relative;
    top: 19px;
    left: auto;
  }

  .image-37-copy {
    flex: 0 auto;
    align-self: flex-start;
    display: block;
    top: 58px;
  }

  .image-76 {
    display: none;
  }

  .dropdown-who-we-are-introduction-home, .dropdown-resources-making-it-look-easy, .abc_getting_started {
    padding-left: 35px;
  }

  .div-block-25 {
    max-width: 90%;
  }

  .en-link {
    flex: 0 auto;
    left: -156px;
  }

  .bm-link {
    flex: 0 auto;
    left: -151px;
  }

  .bm-link.w--current {
    left: -384px;
  }

  .you-invest {
    top: 290px;
  }

  .dropdown-home_you_invest {
    padding-left: 35px;
  }

  .blog_body {
    padding-left: 0;
    padding-right: 0;
  }

  .blog_header_all {
    border-radius: 0;
    padding: 220px 50px 100px;
  }

  .blog_title.centre {
    line-height: 40px;
  }

  .blog_body_post {
    margin-left: 40px;
    margin-right: 40px;
  }

  .blog_body_post.small {
    margin-left: 30px;
    margin-right: 20px;
  }

  .blog_body_post.small.looking-back-text {
    margin-left: 30px;
  }

  .div-block-26 {
    margin-left: 40px;
    margin-right: 40px;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .column-65 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .blog-index {
    padding: 220px 50px 100px;
  }

  .section-blog-index {
    padding: 45px 40px 75px;
  }

  .container-blog-index {
    padding-top: 0;
    top: 40px;
  }

  .button-read-3 {
    padding-top: 14px;
  }

  .caption {
    margin-left: 40px;
    margin-right: 40px;
  }

  .blog-page-button {
    margin-top: 0;
    padding-top: 0;
    top: 40px;
  }

  .header-promotion {
    border-radius: 0;
    padding: 220px 50px 100px;
  }

  .promotion_body {
    padding-left: 0;
    padding-right: 0;
  }

  .promotion_title.centre {
    line-height: 40px;
  }

  .promotion-block {
    margin-left: 40px;
    margin-right: 40px;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .promotion-post, .blog_body_post-justify {
    margin-left: 40px;
    margin-right: 40px;
  }

  .promo-index {
    padding: 150px 50px 100px;
  }

  .header-slide._2 {
    background-image: url('../images/fields-edit.jpg');
    background-position: 100% 0;
    background-size: cover;
  }

  .slider-6 {
    width: 100%;
    height: auto;
  }

  .header-slider-icon {
    margin-top: 240px;
  }

  .slide-nav-3 {
    font-size: 10px;
  }

  .hero-description-slider {
    margin-left: -45px;
    margin-right: -45px;
    padding-left: 0;
    padding-right: 0;
    font-size: 50px;
    line-height: 65px;
    top: 58px;
  }

  .hero-description-slider.sub {
    margin-left: 0;
    margin-right: 0;
    line-height: 1.2em;
  }

  .global-esg-banner {
    min-height: 40vh;
  }

  .global-esg-header-txt {
    width: auto;
  }

  .container-13 {
    max-width: 80%;
  }

  .quote-main {
    padding-right: 18px;
  }

  .about-element-heading {
    line-height: 1.2em;
  }

  .how-to-esg-element-p {
    min-height: 160px;
    padding: 10px;
    font-size: 15px;
  }

  .accordion-item, .accordion-item.margin-bottom {
    display: inline-block;
  }

  .esg-etf-portfolio-table {
    padding-top: 40px;
    padding-left: 60px;
    padding-right: 60px;
  }

  .image-92 {
    flex: 0 auto;
    width: 80%;
    height: auto;
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
    left: 0;
    right: 0;
  }

  .div-block-31 {
    text-align: center;
    display: block;
  }

  .heading-32 {
    margin-top: 10px;
  }

  .heading-34 {
    max-width: 100%;
  }

  .button-3 {
    margin-left: 99px;
    margin-right: 99px;
    left: auto;
  }

  .image-93 {
    float: none;
    width: 25%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
  }

  .div-block-32 {
    flex-direction: column;
  }

  .heading-36 {
    align-self: flex-start;
    margin-left: 40px;
    margin-right: 40px;
  }

  .modal-wrapper {
    position: fixed;
    inset: 7% 0% 0%;
  }

  .close-modal-button {
    position: fixed;
    inset: 3% 3% auto auto;
  }

  .promo-banner {
    margin-left: 60px;
    margin-right: 60px;
  }

  .blog_body_post-justify-center {
    margin-left: 40px;
    margin-right: 40px;
  }

  .image77 {
    padding-left: 100px;
    padding-right: 100px;
  }

  .quotes {
    margin-left: 40px;
    margin-right: 40px;
  }

  .link-block-25 {
    margin-left: 60px;
    margin-right: 60px;
  }

  .list-9 {
    margin-left: 40px;
    margin-right: 40px;
  }

  .webinar-page-button {
    margin-top: 0;
    padding-top: 0;
    top: 40px;
  }

  .webinar-cover-image {
    margin-left: 0;
    margin-right: 0;
  }

  .link-block-26 {
    margin-left: 40px;
    margin-right: 40px;
  }

  .key-value {
    margin-bottom: 20px;
  }

  .share-div {
    margin-left: 10px;
    margin-right: auto;
  }

  .link-24 {
    flex-direction: column;
    margin-top: 10px;
    display: flex;
    position: static;
  }

  .partnership {
    width: 100%;
    max-width: 1500px;
  }

  .dropdown-mytheoxringgitplus, .dropdown-mytheoxaa {
    padding-left: 35px;
  }

  .link-block-27 {
    margin-top: 40px;
    margin-left: 40px;
    margin-right: 40px;
  }

  .paragraph-44 {
    max-width: 100%;
  }

  .how-to-must-element-p {
    min-height: 160px;
    padding: 10px;
    font-size: 15px;
  }

  .must-banner {
    min-height: 40vh;
  }

  .must-description-block {
    width: 600px;
    margin-top: 250px;
  }

  .product-button-dropdown {
    width: 100%;
    max-width: 1500px;
  }

  .product-dropdown {
    color: #fff;
    border-radius: 0;
    width: 100%;
    max-width: 1200px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 35px;
  }

  .product-dropdown:hover {
    color: #fff;
    background-color: #000;
  }

  .product-dropdown.dropdown-toggle {
    color: #fff;
  }

  .product-dropdown.color {
    color: #000;
    border-radius: 60px;
    padding-left: 25px;
  }

  .product-dropdown.color:hover {
    color: #fff;
  }

  .dropdown-link-mytheo-explained-1-copy, .dropdown-link-product {
    padding-left: 35px;
  }

  .partner-dropdown {
    color: #fff;
    border-radius: 0;
    width: 100%;
    max-width: 1200px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 35px;
  }

  .partner-dropdown:hover {
    color: #fff;
    background-color: #000;
  }

  .partner-dropdown.dropdown-toggle {
    color: #fff;
  }

  .partner-dropdown.color {
    color: #000;
    border-radius: 60px;
    padding-left: 25px;
  }

  .partner-dropdown.color:hover {
    color: #fff;
  }

  .dropdown-list-partner.w--open {
    border-radius: 0;
    margin-top: 0;
    box-shadow: 0 0 #0000;
  }

  .method-header {
    line-height: 1.2em;
  }

  .image-104 {
    padding-left: 50px;
    padding-right: 50px;
  }

  .brand-2 {
    flex: 1;
    align-self: stretch;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .bm-link-2 {
    flex: 0 auto;
    display: flex;
    left: auto;
  }

  .bm-link-2.w--current {
    left: -384px;
  }

  .navbar-3 {
    z-index: 999;
    grid-column-gap: 1px;
    grid-row-gap: 16px;
    background-color: #fff;
    flex-wrap: wrap;
    grid-template-rows: auto;
    grid-template-columns: .25fr 1fr .25fr;
    grid-auto-columns: 1fr;
    place-content: center flex-end;
    align-items: center;
    margin: auto;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    position: fixed;
    inset: 0% 0% auto;
  }

  .image-105 {
    object-fit: fill;
    flex: 0 auto;
    align-self: center;
    margin-top: 0;
    margin-left: auto;
    display: block;
    position: fixed;
    inset: 0% auto auto 3%;
  }

  .container-17 {
    display: none;
  }

  .container-17.mobile {
    display: block;
  }

  .div-block-35 {
    padding-right: 60px;
    display: none;
  }

  .dropdown-link-3 {
    padding-left: 35px;
  }

  .div-block-36 {
    align-self: stretch;
    right: 0;
  }

  .header {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #fff;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: .5fr 1fr .5fr 0fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row dense;
    place-content: center space-between;
    align-self: center;
    justify-items: stretch;
    padding-right: 0;
    display: flex;
  }

  .image-106 {
    display: block;
  }

  .container-19 {
    display: none;
  }

  .nav-link-4 {
    margin-left: 0;
    margin-right: 0;
    padding: 5px 38px;
    position: static;
    left: 0;
  }

  .nav-link-5 {
    order: 1;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 25px;
    display: block;
  }

  .en-link-2 {
    color: #f8f6f6;
    flex: 0 auto;
    display: flex;
    left: auto;
  }

  .header-mytheo-2 {
    padding: 91px 91px 0;
  }

  .header-hidden {
    margin: 120px auto auto 50px;
    padding: 60px 40px 60px 0;
    display: block;
  }

  .header-hidden.mobile.show {
    display: none;
  }

  .heading-38 {
    margin-top: auto;
    margin-bottom: 20px;
  }

  .paragraph-45 {
    object-fit: fill;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 60%;
    padding-right: 0;
    font-size: 12px;
    line-height: 22px;
    display: flex;
    position: static;
    overflow: visible;
  }

  .button-view-all-blogs-2 {
    border-radius: 50px;
  }

  .superscript {
    display: flex;
  }

  .header-mytheo-3 {
    padding: 91px 91px 0;
  }

  .header-mytheo-4 {
    background-position: 50%;
    background-size: cover;
    margin-top: auto;
    padding: 60px 91px;
    position: relative;
  }

  .header-mytheo-4.white-bg-header {
    margin-bottom: auto;
  }

  .image-107 {
    float: none;
    text-align: center;
    align-self: center;
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 0;
    display: block;
    position: relative;
    top: auto;
    bottom: auto;
    right: auto;
  }

  .as-featured-in-2 {
    padding-top: 60px;
    padding-bottom: 40px;
  }

  .cta-2 {
    background-color: #0000;
    margin-top: 0;
    margin-bottom: -21px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .div-block-37 {
    background-size: cover;
    margin-top: 0;
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
  }

  .en-link-3 {
    flex: 0 auto;
    left: -156px;
  }

  .navbar-mytheo-2 {
    opacity: 1;
    padding-right: 0;
  }

  .bm-link-3 {
    flex: 0 auto;
    left: -151px;
  }

  .bm-link-3.w--current {
    left: -384px;
  }

  .dropdown-link-mytheo-explained-7 {
    padding-left: 35px;
  }

  .nav-link-3-copy-2 {
    order: 1;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .dropdown-resources-7, .dropdown-link-product-2 {
    padding-left: 35px;
  }

  .nav-link-6 {
    margin-left: 0;
    margin-right: 0;
    padding: 5px 38px;
    position: static;
    left: 0;
  }

  .mytheo-menu-header-2 {
    margin-left: 31px;
    margin-right: 0;
    padding: 15px;
  }

  .nav-link-7 {
    order: 1;
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
  }

  .icon-10 {
    color: #e44232;
    margin-right: auto;
    position: static;
    inset: 0% 0% auto auto;
  }

  .bm-link-4 {
    left: -390px;
  }

  .bm-link-4.w--current {
    flex: none;
    left: -156px;
  }

  .dropdown-who-we-are-bm_1 {
    padding-left: 35px;
  }

  .who-we-are-button-dropdown-2 {
    width: 100%;
    max-width: 1500px;
  }

  .nav-link-8 {
    order: 1;
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
  }

  .dropdown-laman-utama_bm_1, .dropdown-mytheo_explained_bm_6, .dropdown-mytheo_explained_bm_5 {
    padding-left: 35px;
  }

  .en-link-4 {
    flex: none;
    left: -160px;
  }

  .dropdown-mytheo_explained_bm_2 {
    padding-left: 35px;
  }

  .mytheo-explained-button-dropdown-2 {
    width: 100%;
    max-width: 1500px;
  }

  .left-nav-all-menu-mytheo-2 {
    z-index: 2000;
  }

  .dropdown-sumber_bm_5, .dropdown-sumber_bm_4, .dropdown-who-we-are-bm_2, .dropdown-sumber_bm_6 {
    padding-left: 35px;
  }

  .home-button-dropdown-2 {
    width: 100%;
    max-width: 1500px;
  }

  .dropdown-mytheo_explained_bm_4, .dropdown-mytheo_explained_bm_1, .dropdown-who-we-are-bm_3 {
    padding-left: 35px;
  }

  .menu-button-3 {
    align-self: auto;
    margin-left: 0;
    margin-right: 0;
    display: block;
    position: static;
    left: auto;
    overflow: visible;
  }

  .nav-link-9 {
    margin-left: 0;
    margin-right: 0;
    padding: 5px 45px;
    position: static;
    left: 0;
  }

  .dropdown-sumber_bm_1 {
    padding-left: 35px;
  }

  .nav-link-3-copy-3 {
    order: 1;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .div-block-38 {
    flex-flow: column;
    flex: none;
    justify-content: center;
    align-items: center;
    display: block;
    position: relative;
    left: 212px;
  }

  .dropdown-sumber_bm_3, .dropdown-sumber_bm_7 {
    padding-left: 35px;
  }

  .icon-11 {
    position: relative;
    top: 0;
    bottom: 0;
  }

  .link-block-31 {
    flex-flow: column;
    flex: none;
    justify-content: center;
    align-self: auto;
    align-items: center;
    display: block;
    position: absolute;
    top: -5px;
    left: auto;
    right: auto;
  }

  .link-block-31.w--current {
    top: -3px;
    left: 252px;
  }

  .dropdown-mytheo_explained_bm_3 {
    padding-left: 35px;
  }

  .resources-button-dropwdown-2 {
    width: 100%;
    max-width: 1500px;
  }

  .dropdown-sumber_bm_2 {
    padding-left: 35px;
  }

  .side-menu {
    z-index: 99;
    object-fit: fill;
    background-color: #e44232;
    justify-content: flex-start;
    align-items: stretch;
    max-width: 100%;
    height: 100vh;
    padding-left: 0;
    display: flex;
    position: fixed;
    inset: 0% auto 0% 0%;
  }

  .list-10 {
    flex: 1;
    height: auto;
    margin-top: 100px;
    margin-right: auto;
    padding-left: 0;
    position: relative;
  }

  .div-block-40 {
    flex: 0 auto;
    justify-content: flex-start;
    width: 100%;
    margin-left: auto;
    padding-left: 40px;
    padding-right: 0;
    display: block;
    position: relative;
    inset: 0% auto 0% 0%;
  }

  .div-block-41 {
    z-index: 998;
    background-color: #e24231;
    width: 50%;
    height: 100vh;
    padding-top: 0;
    padding-bottom: 0;
    position: fixed;
    inset: 0% auto 0% 0%;
  }

  .div-block-41.sidebar-menu {
    margin-top: 0;
    padding-top: 0;
    display: inline-block;
    overflow: auto;
  }

  .list-item-7 {
    height: auto;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .link-71 {
    color: #fff;
    font-family: Khula, sans-serif;
    font-size: 20px;
    text-decoration: none;
  }

  .link-text {
    color: #fff;
    flex-direction: column;
    margin-top: 0;
    font-family: Khula, sans-serif;
    font-size: 20px;
    text-decoration: none;
    display: block;
  }

  .div-block-42.hamburger {
    clear: right;
    color: #fff;
    flex: 0 auto;
    order: 0;
    justify-content: flex-end;
    align-self: auto;
    display: flex;
    position: relative;
    inset: 0% auto auto;
  }

  .link-subtext {
    color: var(--light-oren);
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 30px;
    text-decoration: none;
  }

  .list-item-8 {
    flex-direction: column;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    list-style-type: disc;
    display: flex;
    position: relative;
  }

  .list-item-8.login {
    padding-top: 10px;
    display: block;
  }

  .button-13 {
    color: #df4237;
    background-color: #fff;
    border-radius: 50px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 50%;
    margin-top: 10px;
    padding-top: 13px;
    padding-bottom: 10px;
    font-family: Khula, sans-serif;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    position: relative;
    inset: auto auto 3% 0%;
  }

  .menu-button-4 {
    padding-right: 0;
  }

  .menu-button-4.hover {
    clear: none;
    text-align: center;
    flex: 0 auto;
    justify-content: space-between;
    align-self: center;
    align-items: center;
    padding: 20px;
    display: flex;
    position: relative;
    inset: 0% 0% auto auto;
  }

  .menu-button-4.hover.w--open {
    background-color: #0000;
  }

  .link-72 {
    display: flex;
  }

  .div-block-44 {
    flex-direction: row;
    align-items: stretch;
    margin-left: auto;
    display: flex;
    position: static;
    inset: auto 0% -26%;
  }

  .div-block-44.en-bm {
    padding-bottom: 60px;
  }

  .div-block-47 {
    flex: 1;
    align-self: center;
    display: block;
  }

  .text-block-53 {
    margin-left: 0;
    padding-right: 0;
  }

  .columns-home-2 {
    margin-left: 0;
    margin-right: 0;
  }

  .link-75 {
    color: #3a3535;
  }

  .heading-46.difference {
    margin-top: auto;
    margin-bottom: auto;
    top: 0;
    left: auto;
  }

  .heading-44 {
    margin-left: 0;
  }

  .image-114 {
    align-self: center;
    margin-top: 50px;
    margin-bottom: 50px;
    margin-right: 0;
    padding-top: 0;
    top: auto;
    right: auto;
  }

  .image-116 {
    display: none;
  }

  .link-76, .link-77, .link-78 {
    color: #1f6fff;
  }

  .hero-mockup-description-block-2 {
    width: 600px;
    height: 100%;
    margin-top: 285px;
  }

  .container-20, .container-20.hero-container {
    padding-left: 0;
  }

  .header-slider-icon-2 {
    margin-top: 240px;
  }

  .slider-7 {
    height: 40vh;
  }

  .header-slider {
    background-position: 70%;
    height: 100%;
  }

  .link-79, .links {
    color: var(--grey);
  }

  .link-block-33 {
    margin-left: 40px;
    margin-right: 60px;
  }

  .html-embed-2, .link-block-34 {
    margin-left: 40px;
    margin-right: 40px;
  }

  .columns-30 {
    width: 80%;
  }

  .text-block-54, .text-block-55, .text-block-56, .text-block-57 {
    font-size: 16px;
  }

  .readmore {
    width: 90%;
  }

  .readmore-block {
    margin-left: 0;
    margin-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .image-120 {
    max-width: 80%;
  }

  .essential-products-banner {
    height: auto;
    min-height: 40vh;
  }

  .how-to-ess-element-p {
    min-height: 160px;
    padding: 10px;
    font-size: 15px;
  }

  .mmp-banner {
    height: auto;
    min-height: 40vh;
  }

  .how-to-mmp-element-p {
    min-height: 160px;
    padding: 10px;
    font-size: 15px;
  }

  .header-slider-mmp {
    background-position: 70% 0;
  }

  .text-block-60 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .promotion-referral {
    margin-left: 0;
    margin-right: 0;
  }

  .div-block-57 {
    margin-left: 40px;
    margin-right: 40px;
  }

  .video-slide-15 {
    padding: 40px 0 80px;
  }

  .download-app-col {
    margin-left: 40px;
    margin-right: 40px;
  }

  .blog-link, .blog-link-2 {
    align-self: flex-start;
    margin-left: 40px;
    margin-right: 40px;
  }

  .blog-link-2.no-margin {
    margin-left: 0;
    margin-right: 0;
  }

  .youtube-5 {
    width: auto;
    max-width: none;
    margin-left: 40px;
    margin-right: 40px;
  }

  .feature-blog-heading {
    line-height: 1.2em;
  }

  .section {
    margin-left: 40px;
    margin-right: 40px;
  }

  .epp-etf-portfolio-table {
    padding-top: 40px;
    padding-left: 60px;
    padding-right: 60px;
  }

  .close-modal-button-copy {
    inset: 3% 3% auto auto;
    inset: 3% 3% auto auto;
    position: fixed;
    inset: 3% 3% auto auto;
  }

  .modal-wrapper-copy {
    display: flex;
    position: fixed;
    inset: 7% 0% 0%;
  }

  .promo-banner-copy {
    margin-left: 60px;
    margin-right: 60px;
    position: static;
  }

  .banner-container {
    margin-left: 0;
    margin-right: 0;
  }

  .the-mytheo-difference-landing-page-copy {
    padding: 45px;
  }

  .the-mytheo-difference-landing-page-copy.bottom-space {
    margin-left: auto;
    margin-right: auto;
    padding: 0 40px 5px;
  }

  .the-mytheo-difference-landing-page-copy.bottom-space.en {
    text-align: center;
    display: flex;
  }

  .the-mytheo-difference-landing-page-copy.bottom-space {
    justify-content: space-between;
    align-items: center;
    width: 80%;
    margin: auto;
    padding: 50px 40px 5px;
  }

  .columns-home-copy {
    margin-left: 0;
    margin-right: 0;
  }

  .heading-copy {
    margin-left: 0;
  }

  .columns-33 {
    flex-direction: column;
  }

  .container-26 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    display: grid;
  }

  .the-mytheo-difference-landing-page-copy-2 {
    padding: 45px;
  }

  .the-mytheo-difference-landing-page-copy-2.bottom-space {
    margin-left: auto;
    margin-right: auto;
    padding: 0 40px 5px;
  }

  .the-mytheo-difference-landing-page-copy-2.bottom-space.en {
    text-align: center;
    width: 80%;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .the-mytheo-difference-landing-page-copy-2.bottom-space {
    justify-content: space-between;
    align-items: center;
    width: 80%;
    margin: auto;
    padding: 50px 40px 5px;
  }

  .link-86 {
    color: #3a3535;
  }

  .heading-47 {
    margin-left: 0;
  }

  .text-block-61 {
    margin-left: 0;
    padding-right: 0;
  }

  .image-122 {
    align-self: center;
    margin-top: 50px;
    margin-bottom: 50px;
    margin-right: 0;
    padding-top: 0;
    top: auto;
    right: auto;
  }

  .list-11 {
    margin-left: 40px;
    margin-right: 40px;
  }

  .list-11.blog-key-list {
    align-self: flex-start;
  }

  .list-11.blog-key-list.short-sentense {
    margin-left: 40px;
  }

  .list-11-copy {
    align-self: flex-start;
    margin-left: 40px;
    margin-right: 40px;
  }

  .blog_body_post-justify-copy {
    margin-left: 40px;
    margin-right: 40px;
    display: block;
  }

  .list-item-9, .list-item-10, .list-item-11, .list-item-12, .list-item-13, .list-item-14, .list-item-15 {
    font-size: 16px;
  }

  .blog-link-2-copy {
    align-self: flex-start;
    margin-left: 40px;
    margin-right: 40px;
  }

  .link-88 {
    text-align: left;
    margin-left: 40px;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 0;
  }

  .blog_header_all-copy {
    border-radius: 0;
    padding: 220px 50px 100px;
  }

  .caption-copy {
    margin-left: 40px;
    margin-right: 40px;
  }

  .blog_body_post-justify-copy-copy {
    margin-left: 40px;
    margin-right: 40px;
    display: block;
  }

  .paragraph-42-copy {
    margin-left: 45px;
    margin-right: auto;
  }

  .list-12 {
    margin-left: 40px;
    margin-right: auto;
  }

  .list-item-16 {
    margin-bottom: 0;
    font-size: 16px;
  }

  .list-item-17, .list-item-18, .list-item-19, .list-item-20 {
    font-size: 16px;
  }

  .list-item-21, .list-item-22 {
    margin-bottom: 0;
    font-size: 16px;
  }

  .blog_body_post-justify-copy, .list-13, .blog-key, .list-16.blog-point {
    margin-left: 40px;
    margin-right: 40px;
  }

  .div-block-60 {
    margin-left: 100px;
    margin-right: 100px;
  }

  .promotion-list, .promotion-para {
    margin-left: 40px;
    margin-right: 40px;
  }

  .readmore-block-copy {
    margin-left: 0;
    margin-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .link-block-35 {
    width: 70%;
    padding-top: 5px;
  }

  .text-block-62 {
    font-size: 10px;
    top: 20%;
  }

  .blog_body_post-justify-copy, .blog-list-ol {
    margin-left: 40px;
    margin-right: 40px;
  }

  .izdihar-banner {
    min-height: 40vh;
  }

  .cta-mainpage, .cta-mainpage-mb {
    border-radius: 50px;
  }

  .izdihar-etf-portfolio-table {
    padding-top: 40px;
    padding-left: 60px;
    padding-right: 60px;
  }
}

@media screen and (max-width: 767px) {
  p {
    margin-left: auto;
    margin-right: auto;
  }

  a {
    color: #020202;
  }

  .navbar {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 10px;
  }

  .navbar.white {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-link {
    padding-left: 25px;
  }

  .nav-link.light {
    padding-left: 25px;
    padding-right: 25px;
  }

  .dropdown-link {
    padding-left: 25px;
  }

  .container {
    padding-left: 20px;
    padding-right: 20px;
    position: static;
  }

  .container.hero-container {
    padding-left: 0;
    position: static;
  }

  .container.bottom-footer {
    border-radius: 0;
  }

  .container.footer-container {
    border-width: 0;
    border-radius: 0;
    margin-bottom: 0;
  }

  .button.cta-button {
    float: none;
    width: 50%;
  }

  .mytheo-difference {
    padding: 25px;
  }

  .mytheo-difference.cta-section {
    text-align: center;
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .section-title-wrapper {
    width: 95%;
    margin-bottom: 40px;
  }

  .section-title-wrapper.full {
    margin-top: auto;
    margin-bottom: 30px;
    padding-right: 0;
  }

  .section-title-wrapper.full-centered {
    margin-top: 0;
    margin-bottom: 0;
    top: 325px;
  }

  .section-title-wrapper.full-centered.tablet-portrait {
    align-items: center;
    margin-top: 50px;
    padding-right: 0;
    display: flex;
    top: 0;
  }

  .section-title-wrapper.full-centered.strat {
    height: auto;
    margin-left: 0;
    margin-right: 0;
  }

  .section-title-wrapper.full-centered.strat.globally {
    margin-top: 0;
    padding-top: 0;
  }

  .portfolio-block-subtitle {
    font-size: 12px;
  }

  .footer {
    padding: 0;
  }

  .footer-row {
    padding-left: 25px;
    padding-right: 25px;
  }

  .footer-row.block, .footer-row.white-footer-row {
    padding-left: 0;
    padding-right: 0;
  }

  .footer-column {
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .footer-column.last {
    padding-bottom: 0;
  }

  .menu-button {
    text-align: center;
    width: 50px;
    height: 50px;
    padding-top: 13px;
    padding-left: 0;
    padding-right: 0;
  }

  .hero-mockup-description-block {
    text-align: center;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
    display: block;
  }

  .hero-description {
    font-size: 26px;
    top: 44px;
  }

  .info-block-left {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    position: static;
  }

  .simple-bottom-footer {
    text-align: left;
    margin-top: 25px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .footer-social-col-right {
    text-align: left;
    padding-top: 10px;
    padding-left: 0;
  }

  .bottom-footer-paragraph {
    float: none;
    margin-bottom: 7px;
  }

  .bottom-footer-paragraph.right, .bottom-footer-paragraph.dark {
    float: none;
  }

  .footer-logo-column-left {
    padding-left: 0;
    padding-right: 0;
  }

  .footer-menu-column {
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .white-footer {
    padding: 25px;
  }

  .dark-footer-title {
    margin-bottom: 10px;
  }

  .light-footer-link {
    margin-bottom: 4px;
  }

  .bottom-footer-block.white-footer-block {
    margin-top: 0;
  }

  .dark-bottom-footer {
    padding-bottom: 25px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .footer-row-bottom {
    margin-bottom: 20px;
  }

  .right-nav-menu {
    width: 80%;
    padding: 20px;
  }

  .header-mytheo {
    text-align: center;
  }

  .app-store-link-button {
    margin-left: 2px;
    margin-right: 2px;
  }

  .subpage-title {
    font-size: 30px;
  }

  .subpage-title.blog-post-title {
    font-size: 32px;
    line-height: 39px;
  }

  .contact-popup {
    overflow: auto;
  }

  .popup-block {
    width: 90%;
    margin-bottom: 25px;
    top: 25px;
    transform: none;
  }

  .logo {
    height: 30px;
    margin-top: 10px;
  }

  .transparant-menu-button {
    width: 40px;
    height: 40px;
    padding-top: 8px;
  }

  .white-footer-column {
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .blog-posts-list {
    display: flex;
  }

  .blog-post-item {
    margin-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .blog-post-header-overlay {
    padding-top: 140px;
  }

  .dark-cta-title {
    float: none;
    width: 100%;
  }

  .fields-column-left {
    padding-right: 0;
  }

  .menu-button-2 {
    flex: none;
  }

  .nav-link-2 {
    order: 0;
    align-self: auto;
    margin-left: 0;
    margin-right: 0;
    padding: 5px 36px;
    position: relative;
    left: -2px;
  }

  .nav-link-3 {
    order: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    display: none;
  }

  .button-2 {
    margin-left: auto;
    margin-right: auto;
    top: 20px;
    left: auto;
    right: auto;
  }

  .heading {
    margin-left: 0;
  }

  .text-block-4 {
    margin-left: 0;
    padding-right: 0;
  }

  .heading-2 {
    margin-top: 0;
    position: static;
    left: auto;
  }

  .heading-2.difference {
    align-self: center;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 60px;
    position: static;
  }

  .heading-3 {
    justify-content: center;
    align-items: center;
    line-height: 47px;
    display: flex;
    position: relative;
  }

  .image-9 {
    max-width: 30%;
  }

  .image-10 {
    max-width: 30%;
    margin-top: 50px;
  }

  .image-11 {
    max-width: 30%;
  }

  .heading-5, .heading-6, .heading-7 {
    margin-bottom: 20px;
  }

  .heading-8 {
    line-height: 47px;
  }

  .text-block-10 {
    padding-top: 129px;
    font-size: 20px;
    line-height: 24px;
  }

  .image-12 {
    top: 7%;
  }

  .featured-1-to-6 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .cta {
    background-color: var(--oren);
  }

  .image-24 {
    margin-left: 0;
    margin-right: 0;
    display: none;
    position: relative;
    inset: auto;
  }

  .background-video {
    top: 65px;
    left: 223px;
  }

  .image-27 {
    top: auto;
    left: auto;
  }

  .text-block-17 {
    width: 100%;
    margin-bottom: 10px;
    top: auto;
    left: auto;
  }

  .div-block {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 49px;
    padding-right: 49px;
    display: flex;
  }

  .text-block-18 {
    padding-right: 0;
    top: auto;
    left: auto;
  }

  .slide-nav {
    top: 368px;
    bottom: auto;
  }

  .navbar-mytheo {
    display: none;
  }

  .footer-wrapper {
    flex-direction: column;
    margin-top: 0;
    margin-left: 40px;
    margin-right: 40px;
    padding-top: 40px;
    display: block;
  }

  .grid-2 {
    flex-direction: column;
    justify-content: space-between;
    align-self: flex-start;
    align-items: flex-start;
    width: auto;
  }

  .footer-links-1 {
    margin-right: 0;
    padding-left: 0;
    padding-right: 10px;
  }

  .footer-links-3, .footer-links-5 {
    padding-right: 10px;
  }

  .link-23 {
    margin-top: auto;
  }

  .footer-links-6 {
    padding-right: 0;
  }

  .footer-links-7 {
    padding-right: 10px;
  }

  .div-block-2 {
    float: none;
    display: block;
    top: -9px;
    left: -299px;
  }

  .text-block-19 {
    float: left;
    position: relative;
    top: 29px;
    left: 39px;
    right: auto;
  }

  .columns-11 {
    align-items: stretch;
    width: 30%;
    margin-right: 0;
    display: flex;
    left: auto;
  }

  .link-block, .link-block-2, .link-block-3 {
    left: auto;
  }

  .text-block-20 {
    top: -6px;
    left: auto;
  }

  .div-block-4 {
    top: auto;
    left: auto;
  }

  .slider-5 {
    padding-bottom: 0;
  }

  .image-37 {
    top: 30px;
  }

  .paragraph-7 {
    font-size: 16px;
    line-height: 20px;
  }

  .image-42 {
    max-width: 150px;
  }

  .legal-documents {
    padding-left: 20px;
    padding-right: 20px;
  }

  .link-legal {
    margin-top: 10px;
    padding-top: 0;
    display: block;
  }

  .div-block-8, .div-block-9 {
    display: none;
  }

  .column-30 {
    padding-left: 0;
  }

  .paragraph-15 {
    font-weight: 700;
  }

  .image-49 {
    left: auto;
  }

  .text-block-strat {
    margin-left: 0;
    padding-right: 0;
  }

  .heading-strat {
    margin-left: 0;
  }

  .container-strat {
    padding-left: 0;
    padding-right: 0;
  }

  .paragraph-24 {
    margin-left: 0;
    margin-right: 0;
  }

  .heading-17-left {
    text-align: center;
  }

  .header-price-structure {
    padding-left: 20px;
    padding-right: 20px;
  }

  .header-mytheo-explained {
    background-image: url('../images/circle.png'), url('../images/pexels-rajesh-tp-2098134.jpg'), linear-gradient(#000, #000);
    background-position: 50% 0, 50% 150%, 0 0;
    background-repeat: no-repeat, no-repeat, repeat;
    background-size: cover, 568px, auto;
    background-attachment: scroll, scroll, scroll;
    padding: 220px 20px 100px;
  }

  .globally-diversified-explained {
    margin-left: 0;
    margin-right: 0;
    padding: 100px 25px 25px;
  }

  .logical-investing-explained {
    margin-top: 650px;
    padding: 0 20px;
  }

  .maintains-portfolio-explained, .invest-assurance-explained {
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .header-who-we-are {
    padding: 220px 20px 100px;
  }

  .paragraph-head-logical {
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .image-63 {
    max-width: 100%;
    left: 14px;
  }

  .etf-link-learning {
    top: 10px;
  }

  .welcome-the-the-learning-centre {
    padding: 59px 0;
  }

  .column-35, .column-36, .column-37, .column-38, .column-39, .column-40, .column-41 {
    top: 20px;
  }

  .white-paper-content-all {
    padding-left: 40px;
    padding-right: 40px;
  }

  .tab-link-tab-1-4.w--current {
    background-image: none;
    background-size: auto;
  }

  .tabs-2 {
    margin-top: 0;
  }

  .tab-link-tab-2-4.w--current, .tab-link-tab-3-4.w--current {
    background-image: none;
    background-size: auto;
  }

  .image-64 {
    margin-top: 30px;
  }

  .columns-18 {
    flex-direction: column;
  }

  .column-42 {
    padding-left: 0;
    padding-right: 0;
  }

  .columns-19 {
    flex-direction: column;
  }

  .tab-link-tab-4.w--current {
    background-image: none;
    background-size: auto;
  }

  .tabs-menu-3 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    display: grid;
  }

  .header-right-etfs {
    padding-bottom: 10px;
  }

  .etfs-portfolio-tabs, .growth-etf-portfolio-table {
    padding-bottom: 10px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .income-etf-portfolio-table, .inflation-etf-portfolio-table {
    padding: 60px 40px 10px;
  }

  .header-contact-us-drop-a-line {
    padding: 220px 20px 100px;
  }

  .columns-20 {
    display: flex;
  }

  .right-etf-copy-portfolio {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .create-moment-paragraph, .paragraph-what-we-do {
    margin-left: 0;
    margin-right: 0;
  }

  .footer-mytheo-updated {
    display: none;
  }

  .header-resources-mountain {
    padding: 220px 20px 100px;
  }

  .paragraph-reources-copy {
    margin-left: 0;
    margin-right: 0;
  }

  .grow-your-wealth-homepage {
    padding: 25px;
  }

  .grow-your-wealth-homepage.tint.overflow-none {
    margin-left: 0;
    margin-right: 0;
    padding-top: 57px;
    padding-bottom: 57px;
  }

  .grow-your-wealth-homepage.tint.overflow-none.new-cta {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .team-mytheo {
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .columns-23 {
    margin-left: 40px;
    margin-right: 40px;
  }

  .columns-24 {
    margin-left: 53px;
    margin-right: 53px;
    display: flex;
  }

  .section-title-2 {
    margin-bottom: 10px;
    font-size: 26px;
    line-height: 30px;
  }

  .blog-left-image-block-mytheo {
    height: 195px;
  }

  .section-blog-post-template {
    padding: 25px;
  }

  .section-blog-post-template.blog-page-section {
    padding-left: 30px;
    padding-right: 30px;
  }

  .blog-post-page-content-2 {
    width: 100%;
    margin-bottom: 40px;
    padding: 25px;
  }

  .section-blog-resources {
    padding: 25px 25px 65px;
  }

  .heading-30 {
    padding-top: 19px;
    padding-left: 0;
    padding-right: 0;
  }

  .section-blog-list-all {
    padding: 60px 25px 140px;
  }

  .div-block-17 {
    padding-top: 0;
    padding-bottom: 40px;
    top: 0;
  }

  .container-blog-post-resources {
    margin-top: 0;
  }

  .image-65, .image-66, .image-67 {
    max-width: 50%;
  }

  .column-48 {
    text-align: center;
  }

  .image-68 {
    max-width: 100%;
  }

  .mytheo-at-a-glance-landing-page {
    background-size: cover;
    padding-top: 86px;
    padding-bottom: 164px;
    overflow: hidden;
  }

  .the-mytheo-difference-landing-page {
    padding: 25px;
  }

  .the-mytheo-difference-landing-page.bottom-space {
    margin-bottom: auto;
    padding-top: 20px;
    padding-bottom: 0;
  }

  .the-mytheo-difference-landing-page.bottom-space.en {
    text-align: center;
    width: 100%;
    display: none;
  }

  .the-mytheo-difference-landing-page.bottom-space {
    flex-direction: column;
    width: 80%;
    margin-bottom: auto;
    padding-top: 0;
    padding-bottom: 0;
    display: block;
    position: static;
  }

  .the-abc-s-of-getting-started-landing-page {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    margin-top: auto;
    padding-top: 60px;
    display: block;
    position: static;
  }

  .testimonials-mytheo-landing-page {
    margin-bottom: 0;
    padding-bottom: 49px;
  }

  .our-awards-landing-page {
    padding-bottom: 0;
  }

  .left-nav-all-menu-mytheo {
    width: 80%;
    padding: 20px;
  }

  .a-partnership-for-good-page {
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .link-block-18 {
    top: -3px;
    left: auto;
  }

  .link-block-18.w--current {
    left: auto;
  }

  .youtube-3 {
    max-width: none;
  }

  .paper-7, .paper-12, .paper-4, .paper-9, .paper-8, .paper-6, .paper-5, .paper-3, .paper-10, .paper-11, .paper-2 {
    width: auto;
    height: auto;
  }

  .hovericon {
    padding-left: 0;
    padding-right: 0;
    display: block;
    position: static;
  }

  .container-12 {
    margin-top: 0;
  }

  .paper-13 {
    width: auto;
    height: auto;
  }

  .image-71, .image-72, .image-73 {
    max-width: 50%;
  }

  .faq-search-form {
    padding-left: 20px;
    padding-right: 20px;
  }

  .title-faq-heading {
    padding-left: 0;
    padding-right: 0;
  }

  .frequently-asked-qa {
    text-align: center;
  }

  .faq-heading-content {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    left: auto;
  }

  .faq-button-section-wrap {
    padding-bottom: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .qa-7 {
    white-space: normal;
  }

  .wrapping-div-new {
    padding-left: 20px;
    padding-right: 20px;
  }

  .qa-10, .qa-17, .qa-22, .gs-5, .op-8, .dw-2, .dw-7, .dw-8, .dw-9, .rs-2, .rs-6, .rs-7, .rs-8, .rs-10, .rs-9-new, .rs-11, .rs-12, .rs-13, .rs-14, .rs-16, .rs-17, .rs-18, .rs-20, .pf-4, .pf-5, .mp-3, .ps-5, .ps-7, .ps-9, .ps-10, .ps-11, .ps-12, .st-2, .st-3, .st-7, .st-9 {
    white-space: normal;
  }

  .text-block-39 {
    top: 30px;
  }

  .text-block-39.mobile {
    padding-left: 0;
    padding-right: 0;
  }

  .home-dropdown, .dropdown-home-1, .dropdown-home-2, .dropdown-home-4, .dropdown-home-5, .dropdown-home-6, .dropdown-home-7, .mytheo-explained-dropdown, .dropdown-link-mytheo-explained-1, .dropdown-link-mytheo-explained-2, .dropdown-link-mytheo-explained-3, .dropdown-link-mytheo-explained-4, .dropdown-link-mytheo-explained-5, .dropdown-link-mytheo-explained-6, .who-we-are-dropdown, .dropdown-who-we-are-1, .dropdown-who-we-are-2, .resources-dropdown, .dropdown-resources-1, .dropdown-resources-2, .dropdown-resources-3, .dropdown-resources-4, .dropdown-resources-5, .dropdown-resources-6 {
    padding-left: 25px;
  }

  .blog-posts-list-wrapper-copy {
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 0;
    display: block;
  }

  .blog-posts-listfull {
    display: block;
  }

  .blog-post-item-full {
    margin-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .blog-posts-list-wrapper-resources {
    margin-left: 0;
    margin-right: 0;
  }

  .blog-posts-list-resources {
    display: block;
  }

  .blog-post-item-resources {
    margin-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-21 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
    left: 198px;
  }

  .body {
    background-color: #fff;
  }

  .div-block-22 {
    flex-flow: column;
    place-content: center;
    align-items: center;
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .mask-5 {
    overflow: visible;
  }

  .column-49 {
    top: 41px;
  }

  .image-74 {
    text-align: left;
    max-width: 50%;
  }

  .column-52 {
    text-align: center;
    top: 0;
  }

  .columns-home {
    flex-direction: column;
    align-self: center;
    align-items: center;
    position: relative;
  }

  .column-62 {
    flex: 0 auto;
    align-self: center;
    display: flex;
  }

  .column-62.as-featured-in {
    background-color: #0000;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
  }

  .columns-globally {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    position: static;
    left: auto;
  }

  .image_portfolio_allocation {
    left: auto;
  }

  .image_value_of_etf {
    top: 180px;
    left: 100px;
  }

  .blog-left-image-mytheo-resources-featured_1 {
    height: 195px;
  }

  .div-block-24 {
    padding-bottom: 60px;
  }

  .container-home {
    object-fit: fill;
    background-color: #0000;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-left: 0;
    display: flex;
    position: relative;
    top: -250px;
    bottom: auto;
  }

  .container-home.en {
    text-align: center;
    justify-content: center;
    max-width: 100%;
    margin-top: auto;
    margin-bottom: auto;
    top: auto;
  }

  .image-52-copy {
    top: -932px;
    left: auto;
  }

  .heading-2-copy {
    margin-top: 0;
    position: static;
    left: auto;
  }

  .heading-2-copy.strat {
    padding-top: 20px;
    padding-bottom: 40px;
    left: auto;
  }

  .slide-15-copy {
    padding: 57px 20px 77px;
    left: auto;
    right: auto;
  }

  .columns-13-copy {
    padding: 0;
  }

  .slide-nav-4-copy {
    top: 480px;
    bottom: auto;
  }

  .column-price {
    display: flex;
  }

  .section-title-copy {
    margin-bottom: 10px;
    font-size: 26px;
    line-height: 30px;
  }

  .section-description-copy {
    top: 2px;
  }

  .paragraph-15-title, .paragraph-15-title_2, .paragraph-15-title_3, .paragraph-15-title_4, .paragraph_income_title_1, .paragraph_income_title_2, .paragraph_income_title_3, .paragraph_income_title_4, .paragraph_hedge_title_1, .paragraph_hedge_title_2, .paragraph_hedge_title_3, .paragraph_hegde_title_4 {
    font-weight: 700;
  }

  .image-75 {
    display: none;
  }

  .nav-link-3-copy {
    order: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
  }

  .footer-mytheo-mobile {
    color: #22252a;
    background-color: #22252a;
    display: block;
  }

  .text-block-19-copy {
    float: left;
    position: relative;
    top: 29px;
    left: 39px;
    right: auto;
  }

  .div-block-2-copy {
    float: none;
    padding-bottom: 10px;
    display: block;
    top: auto;
    left: -299px;
  }

  .text-block-20-copy {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 0;
    top: auto;
    left: auto;
  }

  .image-37-copy {
    padding-top: 0;
    top: 57px;
  }

  .image-76 {
    margin-left: 0;
    margin-right: 0;
    display: none;
  }

  .dropdown-who-we-are-introduction-home, .dropdown-resources-making-it-look-easy, .abc_getting_started {
    padding-left: 25px;
  }

  .div-block-25 {
    max-width: 90%;
  }

  .en-link {
    position: absolute;
    top: 35px;
    left: 127px;
  }

  .bm-link {
    position: absolute;
    top: 35px;
    left: 157px;
  }

  .bm-link.w--current {
    left: -388px;
  }

  .you-invest {
    max-width: 80%;
    top: 265px;
  }

  .dropdown-home_you_invest {
    padding-left: 25px;
  }

  .blog_body {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .blog_header_all {
    padding: 220px 20px 100px;
  }

  .blog_title.centre {
    font-size: 30px;
    line-height: 30px;
  }

  .blog_body_post.small {
    margin-left: 0;
  }

  .column-64 {
    align-items: flex-start;
  }

  .column-65 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .blog-index {
    padding-left: 40px;
    padding-right: 40px;
  }

  .section-blog-index {
    padding: 25px 25px 65px;
  }

  .container-blog-index {
    margin-top: 0;
  }

  .blog-page-button {
    padding-top: 37px;
    top: 20px;
  }

  .header-promotion {
    padding: 220px 20px 100px;
  }

  .promotion_body {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .promotion_title.centre {
    font-size: 30px;
    line-height: 30px;
  }

  .blog_body_post-justify {
    text-align: left;
  }

  .promo-index {
    padding-left: 40px;
    padding-right: 40px;
  }

  .slider-6 {
    height: auto;
  }

  .header-slider-icon {
    margin-top: 230px;
  }

  .header-img-esg {
    float: left;
    clear: right;
    text-align: left;
  }

  .hero-description-slider {
    font-size: 26px;
    top: 44px;
  }

  .hero-description-slider.sub {
    float: left;
  }

  .global-esg-banner {
    min-height: 50vh;
  }

  .global-esg-header-txt {
    font-size: 20px;
  }

  .image-88 {
    text-align: center;
    max-width: 90%;
    display: inline-block;
  }

  .global-esg-header-sub-txt {
    font-size: 18px;
  }

  .div-block-28 {
    min-height: 40px;
  }

  .quote-p {
    padding-left: 20px;
    padding-right: 20px;
    line-height: 1.2em;
  }

  .quote-main {
    margin-bottom: 20px;
  }

  .what-is-esg-sub-heading {
    max-width: 70%;
  }

  .about-element {
    width: 100%;
  }

  .how-to-esg-heading {
    padding-left: 60px;
    padding-right: 60px;
  }

  .how-to-esg-element {
    width: 100%;
    padding: 25px 120px;
  }

  .how-to-esg-element-p {
    min-height: 0;
    padding: 20px;
    font-size: 16px;
  }

  .how-to-esg-headin2 {
    padding-left: 60px;
    padding-right: 60px;
  }

  .accordion-item {
    width: 96%;
    margin-left: 10px;
  }

  .disclaimer-heading {
    margin-top: 40px;
    margin-left: 15px;
    margin-right: 15px;
  }

  .disclaimer-txt {
    margin-left: 15px;
    margin-right: 15px;
  }

  .text-block-46 {
    clear: left;
    text-align: left;
  }

  .esg-etf-portfolio-table {
    padding: 60px 40px 10px;
  }

  .image-92 {
    width: 120%;
    max-width: none;
    margin-left: -96px;
  }

  .button-3 {
    top: 20px;
    left: auto;
    right: auto;
  }

  .image-93 {
    width: 30%;
  }

  .promo-banner {
    margin-left: 0;
    margin-right: 0;
  }

  .video-2 {
    width: 400px;
  }

  .div-block-34 {
    max-width: 100%;
    max-height: 100%;
  }

  .image77 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .video-3 {
    width: 500px;
  }

  .link-block-25 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .webinar-page-button {
    padding-top: 37px;
    top: 20px;
  }

  .link-block-26 {
    margin-left: 0;
    margin-right: 0;
  }

  .key-value {
    width: 400px;
    margin-left: 0;
    margin-right: 0;
  }

  .key-text {
    width: 380px;
    font-size: 18px;
  }

  .columns-29 {
    margin-left: 40px;
    margin-right: 40px;
  }

  .share-div {
    margin-left: 10px;
  }

  .link-24 {
    margin-top: auto;
  }

  .dropdown-mytheoxringgitplus, .dropdown-mytheoxaa {
    padding-left: 25px;
  }

  .link-block-27 {
    margin-left: 0;
    margin-right: 0;
  }

  .link-must {
    margin-top: 10px;
    padding-top: 0;
    display: block;
  }

  .must-header-txt {
    font-size: 20px;
  }

  .what-is-must-sub-heading {
    max-width: 70%;
  }

  .how-to-must-element-p {
    min-height: 0;
    padding: 20px;
    font-size: 16px;
  }

  .must-banner {
    min-height: 50vh;
  }

  .must-description-block {
    text-align: center;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
    display: block;
  }

  .header-img-must {
    float: left;
    clear: right;
    text-align: left;
  }

  .product-dropdown, .dropdown-link-mytheo-explained-1-copy, .dropdown-link-product, .partner-dropdown {
    padding-left: 25px;
  }

  .or-heading {
    padding-left: 60px;
    padding-right: 60px;
  }

  .brand-2 {
    flex: 0 auto;
    justify-content: flex-start;
    align-self: stretch;
    padding-top: 2px;
    padding-left: 10px;
    padding-right: 0;
    position: fixed;
    inset: 0% auto auto 0%;
  }

  .bm-link-2 {
    flex-direction: row;
    margin-left: -10px;
    margin-right: auto;
    padding-top: 0;
    padding-left: 0;
    display: flex;
    position: relative;
    top: auto;
    left: auto;
  }

  .bm-link-2.w--current {
    left: -388px;
  }

  .navbar-3 {
    object-fit: fill;
    flex-flow: wrap;
    place-content: stretch space-around;
    align-items: stretch;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    position: fixed;
    inset: 0% 0% auto;
  }

  .image-105 {
    clear: none;
    flex: 0 auto;
    margin-left: 0;
    position: relative;
    inset: 0% 0% auto;
  }

  .container-17 {
    padding-right: 0;
  }

  .div-block-35 {
    flex: 0 auto;
    order: 1;
    margin-left: 0;
    margin-right: 0;
    display: none;
  }

  .dropdown-link-3 {
    padding-left: 25px;
  }

  .div-block-36 {
    flex: 0 auto;
    justify-content: flex-start;
    align-self: auto;
    align-items: stretch;
    position: fixed;
    inset: 0% auto auto 0%;
  }

  .header {
    justify-content: space-between;
    align-self: stretch;
    margin-left: 0;
    padding-left: 0;
    display: flex;
  }

  .image-106 {
    display: inline-block;
  }

  .nav-link-4 {
    order: 0;
    align-self: auto;
    margin-left: 0;
    margin-right: 0;
    padding: 5px 36px;
    position: relative;
    left: -2px;
  }

  .nav-link-5 {
    order: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    display: none;
  }

  .en-link-2 {
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-left: 0;
    display: flex;
    position: relative;
    top: auto;
    left: auto;
  }

  .header-mytheo-2 {
    text-align: center;
    padding: 56px;
  }

  .header-hidden {
    text-align: left;
    flex-direction: column;
    align-items: flex-start;
    max-width: 75%;
    margin-top: 100px;
    margin-left: 55px;
    margin-right: auto;
    padding: 60px 165px 60px 0;
    display: block;
  }

  .header-hidden.mobile {
    display: block;
  }

  .header-hidden.mobile.show {
    display: none;
  }

  .heading-38 {
    text-align: left;
    flex: 0 auto;
    width: auto;
    margin-top: auto;
    margin-bottom: auto;
    padding-bottom: 20px;
  }

  .paragraph-45 {
    text-align: left;
    width: auto;
    padding-top: 0;
    padding-right: 0;
    display: block;
  }

  .button-view-all-blogs-2 {
    float: left;
    clear: none;
    text-align: center;
    border-radius: 50px;
    flex-direction: column;
    display: flex;
    position: relative;
    inset: 0% auto 0% 0%;
  }

  .superscript {
    text-align: left;
    display: block;
  }

  .header-mytheo-3 {
    text-align: center;
    padding: 56px;
  }

  .header-mytheo-4 {
    text-align: center;
    background-image: url('../images/main-file-V1.png');
    padding: 60px 0;
  }

  .image-107 {
    max-width: 100%;
    margin-top: 50px;
    margin-bottom: auto;
    position: relative;
  }

  .as-featured-in-2 {
    padding-bottom: 60px;
    font-size: 35px;
  }

  .heading-39 {
    margin-bottom: 20px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 35px;
    line-height: 47px;
  }

  .image-108 {
    margin-bottom: auto;
  }

  .cta-2 {
    background-color: #e7422a;
  }

  .cta-2.en {
    margin-bottom: auto;
  }

  .div-block-37 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .heading-41 {
    margin-top: auto;
  }

  .image-110 {
    margin-top: 50px;
  }

  .en-link-3 {
    position: absolute;
    top: 35px;
    left: 127px;
  }

  .bm-link-3 {
    position: absolute;
    top: 35px;
    left: 157px;
  }

  .bm-link-3.w--current {
    left: -388px;
  }

  .dropdown-link-mytheo-explained-7 {
    padding-left: 25px;
  }

  .nav-link-3-copy-2 {
    order: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
  }

  .dropdown-resources-7, .dropdown-link-product-2 {
    padding-left: 25px;
  }

  .nav-link-6 {
    order: 0;
    align-self: auto;
    margin-left: 0;
    margin-right: 0;
    padding: 5px 36px;
    position: relative;
    left: -2px;
  }

  .nav-link-7 {
    order: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    display: none;
  }

  .icon-10 {
    position: relative;
  }

  .bm-link-4 {
    position: absolute;
    top: 36px;
    left: 121px;
  }

  .bm-link-4.w--current {
    position: absolute;
    top: 36px;
    left: 159px;
  }

  .dropdown-who-we-are-bm_1 {
    padding-left: 25px;
  }

  .nav-link-8 {
    order: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 10px;
    display: block;
  }

  .dropdown-laman-utama_bm_1, .dropdown-mytheo_explained_bm_6, .dropdown-mytheo_explained_bm_5 {
    padding-left: 25px;
  }

  .en-link-4 {
    position: absolute;
    top: 36px;
    left: 131px;
  }

  .dropdown-mytheo_explained_bm_2 {
    padding-left: 25px;
  }

  .left-nav-all-menu-mytheo-2 {
    width: 80%;
    padding: 20px;
  }

  .dropdown-sumber_bm_5, .dropdown-sumber_bm_4, .dropdown-who-we-are-bm_2, .dropdown-sumber_bm_6, .dropdown-mytheo_explained_bm_4, .dropdown-mytheo_explained_bm_1, .dropdown-who-we-are-bm_3 {
    padding-left: 25px;
  }

  .nav-link-9 {
    order: 0;
    align-self: auto;
    margin-left: 0;
    margin-right: 0;
    padding: 5px 35px;
    font-size: 10px;
    position: relative;
    left: 0;
  }

  .dropdown-sumber_bm_1 {
    padding-left: 25px;
  }

  .nav-link-3-copy-3 {
    order: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    display: none;
  }

  .div-block-38 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: block;
    left: 195px;
  }

  .dropdown-sumber_bm_3, .dropdown-sumber_bm_7 {
    padding-left: 25px;
  }

  .link-block-31 {
    top: -3px;
    left: auto;
  }

  .link-block-31.w--current {
    left: auto;
  }

  .dropdown-mytheo_explained_bm_3, .dropdown-sumber_bm_2 {
    padding-left: 25px;
  }

  .text-block-50 {
    text-align: left;
  }

  .list-10 {
    margin-right: auto;
  }

  .div-block-40 {
    margin-left: auto;
  }

  .div-block-41.sidebar-menu {
    margin-top: 0;
    display: inline-block;
  }

  .div-block-42 {
    z-index: 999;
    position: relative;
  }

  .div-block-42.hamburger {
    flex: 1;
    order: 0;
    justify-content: flex-end;
    display: block;
    position: relative;
    inset: 0% 0% auto auto;
  }

  .list-item-8.login {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .button-13 {
    max-width: 50%;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .button-13.en {
    padding-left: 10px;
    padding-right: 10px;
  }

  .menu-button-4.hover {
    clear: none;
    flex-wrap: wrap;
    justify-content: flex-end;
    position: fixed;
    inset: 0% 0% auto auto;
  }

  .div-block-43 {
    clear: left;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    position: relative;
  }

  .div-block-44 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: left;
    object-fit: contain;
    flex-direction: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    margin: auto;
    padding-top: 0;
    padding-right: 0;
    display: flex;
    position: absolute;
    inset: auto auto -3%;
  }

  .div-block-44.en-bm {
    flex-direction: row;
    margin-bottom: auto;
    padding-bottom: 0;
    overflow: auto;
  }

  .div-block-45 {
    flex: 1;
    justify-content: space-between;
    display: flex;
  }

  .div-block-46 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    object-fit: contain;
    background-color: #fff;
    flex-flow: wrap;
    flex: 0 auto;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-content: flex-start;
    align-self: stretch;
    align-items: flex-start;
    width: 100%;
    height: auto;
    padding-left: 30px;
    display: block;
    position: fixed;
    inset: 0% 0% auto;
  }

  .text-block-53 {
    margin-left: 0;
    padding-right: 0;
  }

  .heading-46 {
    margin-top: 0;
    position: static;
    left: auto;
  }

  .heading-46.difference {
    margin-top: 0;
    margin-bottom: 0;
    position: static;
  }

  .heading-44 {
    margin-left: 0;
  }

  .image-114 {
    margin-top: 0;
    margin-bottom: 50px;
    position: relative;
  }

  .column-72 {
    align-self: center;
    align-items: center;
    display: flex;
  }

  .image-116 {
    display: none;
  }

  .hero-mockup-description-block-2 {
    text-align: center;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
    display: block;
  }

  .container-20, .container-20.hero-container {
    padding-left: 0;
    position: static;
  }

  .header-slider-icon-2 {
    margin-top: 230px;
  }

  .slider-7 {
    height: 90vh;
  }

  .header-slider {
    background-position: 80%;
    background-attachment: scroll;
  }

  .slider-9 {
    display: none;
  }

  .header-img-esg-2 {
    float: left;
    clear: right;
    text-align: left;
  }

  .link-85 {
    display: inline-block;
    overflow: visible;
  }

  .link-block-33 {
    margin-right: 40px;
  }

  .html-embed-2 {
    margin-left: 0;
    margin-right: 0;
  }

  .link-block-34 {
    margin-left: 40px;
    margin-right: 40px;
  }

  .paragraph-48 {
    width: auto;
    font-size: 12px;
  }

  .columns-30 {
    border: 1px solid #000;
  }

  .column-73 {
    border-style: none solid none none;
  }

  .column-74, .column-75 {
    border-style: none;
  }

  .column-76 {
    border-style: none solid none none;
  }

  .readmore-block {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
  }

  .image-120 {
    max-width: 100%;
    margin-left: 40px;
    margin-right: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .essential-products-banner {
    margin-top: 20px;
    padding-top: 40px;
  }

  .what-is-essential-sub-heading {
    max-width: 70%;
  }

  .how-to-essential-heading {
    padding-left: 60px;
    padding-right: 60px;
  }

  .how-to-essential-element {
    width: 100%;
    padding: 25px 120px;
  }

  .how-to-ess-element-p {
    min-height: 0;
    padding: 20px;
    font-size: 16px;
  }

  .mmp-banner {
    min-height: 50vh;
  }

  .what-is-mmf-sub-heading {
    max-width: 70%;
  }

  .mmp-header-txt {
    font-size: 20px;
  }

  .how-to-mmp-heading {
    padding-left: 60px;
    padding-right: 60px;
  }

  .how-to-mmp-element {
    width: 100%;
    padding: 25px 120px;
  }

  .how-to-mmp-element-p {
    min-height: 0;
    padding: 20px;
    font-size: 16px;
  }

  .ess-header-txt {
    width: 80%;
    font-size: 16px;
  }

  .header-slider-ess {
    background-position: 50% 0;
  }

  .header-img-ess, .header-img-mmp {
    float: left;
    clear: right;
    text-align: left;
    max-width: 100%;
  }

  .header-slider-mmp {
    background-position: 80% 0;
  }

  .video-slide-15 {
    padding: 57px 0 77px;
    left: auto;
    right: auto;
  }

  .blog-link, .blog-link-2 {
    overflow: hidden;
  }

  .blog-link-2.no-margin {
    margin-top: 0;
    padding-top: 0;
  }

  .youtube-5 {
    margin-left: 40px;
    margin-right: 40px;
  }

  .feature-blog {
    width: 100%;
  }

  .accordion-item-mmp, .accordion-item-copy, .accordion-item-esp {
    width: 96%;
    margin-left: 10px;
  }

  .epp-etf-portfolio-table {
    padding: 60px 40px 10px;
  }

  .promo-banner-copy {
    margin-left: 0;
    margin-right: 0;
  }

  .the-mytheo-difference-landing-page-copy {
    padding: 25px;
  }

  .the-mytheo-difference-landing-page-copy.bottom-space {
    margin-bottom: auto;
    padding-top: 20px;
    padding-bottom: 0;
  }

  .the-mytheo-difference-landing-page-copy.bottom-space.en {
    text-align: center;
    width: 100%;
    display: flex;
  }

  .the-mytheo-difference-landing-page-copy.bottom-space {
    flex-direction: column;
    width: 80%;
    margin-bottom: auto;
    padding-top: 0;
    padding-bottom: 0;
    display: block;
    position: static;
  }

  .columns-home-copy {
    flex-direction: column;
    align-self: center;
    align-items: center;
    position: relative;
  }

  .column-72-copy {
    align-self: center;
    align-items: center;
    display: flex;
  }

  .heading-copy {
    margin-left: 0;
  }

  .the-mytheo-difference-landing-page-copy-2 {
    padding: 25px;
  }

  .the-mytheo-difference-landing-page-copy-2.bottom-space {
    margin-bottom: auto;
    padding-top: 20px;
    padding-bottom: 0;
  }

  .the-mytheo-difference-landing-page-copy-2.bottom-space.en {
    text-align: center;
    width: 100%;
    display: flex;
  }

  .the-mytheo-difference-landing-page-copy-2.bottom-space {
    flex-direction: column;
    width: 80%;
    margin-bottom: auto;
    padding-top: 0;
    padding-bottom: 0;
    display: block;
    position: static;
  }

  .heading-47 {
    text-align: center;
    margin-left: 0;
  }

  .text-block-61 {
    text-align: center;
    margin-left: 0;
    padding-right: 0;
  }

  .image-122 {
    margin-top: 0;
    margin-bottom: 50px;
    position: relative;
  }

  .image-88-copy {
    text-align: center;
    max-width: 90%;
    display: block;
  }

  .blog-link-2-copy {
    overflow: hidden;
  }

  .link-88 {
    margin-left: 40px;
    margin-right: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .blog_header_all-copy {
    padding: 220px 20px 100px;
  }

  .blog_body_post-justify-copy-copy, .blog_body_post-justify-copy {
    text-align: left;
    text-align: left;
  }

  .blog_body_post-justify-copy.webinar-how-do-us {
    align-self: flex-start;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .blog-key {
    text-align: left;
  }

  .div-block-60 {
    margin-left: 0;
    margin-right: 0;
  }

  .new-to-mytheo-col.col-2 {
    border-left-style: none;
  }

  .promotion-para {
    text-align: left;
  }

  .readmore-block-copy {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
  }

  .link-block-35 {
    width: 100%;
    padding-top: 0;
  }

  .text-block-62 {
    font-size: 9px;
    inset: 5% auto auto 5%;
  }

  .blog_body_post-justify-copy {
    text-align: left;
  }

  .code-embed {
    max-width: 100%;
  }

  .izdihar-banner {
    min-height: 50vh;
  }

  .mytheo-izdihar-header-text {
    font-size: 30px;
  }

  .cta-mainpage, .cta-mainpage-mb {
    float: left;
    clear: none;
    text-align: center;
    border-radius: 50px;
    flex-direction: column;
    display: flex;
    position: relative;
    inset: 0% auto 0% 0%;
  }

  .izdihar-etf-portfolio-table {
    padding: 60px 40px 10px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 31px;
    line-height: 37px;
  }

  h2 {
    font-size: 24px;
    line-height: 29px;
  }

  p {
    width: 80%;
    max-width: none;
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
  }

  a {
    color: #000;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    display: inline;
    overflow: hidden;
  }

  blockquote {
    border-left-width: 3px;
    margin-bottom: 20px;
    padding-left: 15px;
    padding-right: 0;
    font-size: 17px;
    line-height: 23px;
  }

  .navbar {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
  }

  .navbar.white {
    padding-bottom: 10px;
  }

  .container {
    z-index: 5;
    margin-top: -25px;
    margin-bottom: 25px;
    padding-left: 0;
    padding-right: 0;
    position: static;
  }

  .container.hero-container {
    max-height: 100%;
  }

  .button {
    margin-top: 10px;
    padding-left: 19px;
    padding-right: 19px;
    font-size: 11px;
    line-height: 21px;
  }

  .button.cta-button {
    width: 80%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .mytheo-difference {
    padding: 25px;
  }

  .mytheo-difference.blue-cta-section {
    text-align: center;
  }

  .section-title-wrapper {
    width: 100%;
    margin-bottom: 30px;
  }

  .section-title-wrapper.full {
    margin-top: auto;
    margin-bottom: 50px;
    padding-right: 0;
    position: static;
    top: 0;
    left: auto;
  }

  .section-title-wrapper.full-centered {
    margin-top: 0;
    margin-bottom: 0;
    top: 316px;
  }

  .section-title-wrapper.full-centered.tablet-portrait {
    margin-top: 50px;
    margin-bottom: 1px;
    position: static;
  }

  .section-title-wrapper.full-centered.strat {
    height: 150vh;
    margin-top: -57px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .footer-row {
    padding-left: 20px;
    padding-right: 20px;
  }

  .menu-button {
    text-align: center;
    width: 40px;
    height: 40px;
    margin-top: 2px;
    padding-top: 8px;
    padding-left: 0;
    padding-right: 0;
  }

  .hero-mockup-description-block {
    width: 90%;
    margin-top: 300px;
  }

  .hero-description {
    margin-left: -9px;
    margin-right: 0;
    font-size: 16px;
    line-height: 18px;
    top: 70px;
    left: auto;
  }

  .info-block-left {
    z-index: 0;
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    position: static;
    top: -47px;
  }

  .simple-footer {
    padding-top: 35px;
  }

  .simple-bottom-footer {
    padding: 20px 20px 13px;
  }

  .footer-inline-link {
    margin-top: -1px;
    margin-right: 7px;
  }

  .bottom-footer-paragraph.right.dark {
    margin-top: 10px;
  }

  .footer-logo-column-left {
    padding-bottom: 10px;
  }

  .header-mytheo {
    background-color: #fff;
    background-image: url('../images/iStock-1175437021edit2.jpg');
    background-position: 50% -200%;
    background-repeat: no-repeat;
    background-size: 414px;
    background-attachment: scroll;
  }

  .nav-menu-content-block {
    margin-top: 20px;
    padding: 10px;
  }

  .app-store-button {
    height: 35px;
  }

  .subpage-title {
    font-size: 20px;
    line-height: 20px;
  }

  .subpage-title.blog-post-title {
    width: 90%;
    font-size: 23px;
    line-height: 29px;
  }

  .popup-block {
    width: 83%;
    padding: 20px;
  }

  .logo {
    margin-top: 5px;
  }

  .logo.fixed {
    margin-top: 6px;
  }

  .transparant-menu-button {
    margin-right: 0;
  }

  .white-footer-column {
    padding-bottom: 10px;
  }

  .fixed-nav-menu-button {
    width: 40px;
    height: 40px;
    margin-right: 0;
    padding-top: 9px;
  }

  .blog-posts-list {
    flex-direction: row;
    align-items: flex-start;
    display: flex;
  }

  .blog-post-item {
    float: left;
    white-space: normal;
    margin-bottom: 30px;
    padding-left: 0;
  }

  .blog-post-title-link {
    margin-bottom: 18px;
    font-size: 19px;
  }

  .blog-post-title-link.side-image {
    margin-bottom: 10px;
  }

  .blog-post-summary {
    margin-bottom: 9px;
    font-size: 16px;
    line-height: 18px;
  }

  .blog-post-date {
    margin-bottom: 5px;
    font-size: 11px;
    line-height: 20px;
  }

  .blog-post-header-overlay {
    padding-top: 120px;
    padding-bottom: 60px;
  }

  .dark-cta-title {
    font-size: 21px;
    line-height: 25px;
  }

  .mytheo-menu-header {
    flex-flow: row;
    justify-content: center;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 15px;
    line-height: 23px;
    position: absolute;
  }

  .menu-button-2 {
    flex: 1;
    justify-content: center;
    align-self: auto;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    display: block;
    position: static;
    left: auto;
    overflow: visible;
  }

  .icon {
    clear: none;
    -webkit-text-fill-color: transparent;
    background-color: #e7422a;
    -webkit-background-clip: text;
    background-clip: text;
    flex-direction: row;
    flex: 0 auto;
    order: 0;
    align-items: flex-start;
    max-height: none;
    margin-left: 0;
    padding-left: 0;
    display: block;
    position: relative;
    inset: 0% auto;
    overflow: visible;
  }

  .image-2 {
    max-width: 200px;
    padding-top: 35px;
    left: auto;
  }

  .nav-link-2 {
    color: var(--oren);
    flex: 0 auto;
    order: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 0 31px;
    font-family: Khula, sans-serif;
    font-size: 10px;
    font-weight: 700;
    position: static;
    inset: 0% 0% 0% -89px;
  }

  .nav-link-3 {
    border: 2px solid var(--oren);
    color: #fff;
    order: 1;
    padding-top: 0;
    padding-bottom: 0;
    font-family: Khula, sans-serif;
    font-size: 10px;
    font-weight: 700;
    display: block;
    position: static;
    inset: auto 0% auto 10px;
  }

  .image-3 {
    z-index: 3;
    width: 100%;
    top: 59px;
    left: auto;
    right: auto;
  }

  .button-2 {
    margin-left: 0;
    margin-right: 0;
    padding: 10px 20px 6px;
    position: relative;
    top: 20px;
    right: auto;
  }

  .image-5 {
    max-width: 85px;
    top: -17px;
    right: -179px;
  }

  .heading {
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    font-size: 26px;
    line-height: 28px;
    display: flex;
    position: static;
  }

  .text-block-4 {
    text-align: center;
    margin-left: 0;
    padding-right: 0;
    position: static;
  }

  .heading-2 {
    margin-top: 0;
    padding-top: 0;
    font-size: 26px;
    line-height: 28px;
    position: static;
    top: -24px;
    left: auto;
    overflow: hidden;
  }

  .heading-2.difference {
    max-width: none;
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 60px;
    padding-bottom: 20px;
    font-size: 26px;
    line-height: 40px;
    display: block;
    position: static;
    top: -106px;
  }

  .columns-3.historically {
    padding-top: 362px;
  }

  .heading-3 {
    text-align: center;
    font-size: 26px;
    line-height: 40px;
    display: block;
    position: relative;
  }

  .text-block-5 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .image-10 {
    margin-top: 40px;
  }

  .columns-4 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .heading-5 {
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
    font-size: 26px;
    line-height: 28px;
  }

  .heading-6, .heading-7 {
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
    font-size: 26px;
  }

  .text-block-7, .text-block-8, .text-block-9 {
    padding-left: 0;
    padding-right: 0;
  }

  .heading-8 {
    margin-bottom: 0;
    padding-bottom: 21px;
    font-size: 26px;
    line-height: 40px;
  }

  .slide {
    background-repeat: no-repeat;
    background-size: auto;
    background-attachment: scroll;
    margin-bottom: 0;
    padding-bottom: 0;
    overflow: visible;
  }

  .text-block-10 {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 130px;
    padding-bottom: 140px;
    font-size: 20px;
    line-height: 22px;
  }

  .image-12 {
    top: 10%;
    left: 40%;
  }

  .as-featured-in {
    padding-top: 63px;
    padding-bottom: 63px;
  }

  .featured-1-to-6 {
    flex-direction: column;
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .column {
    padding-left: 0;
    padding-right: 0;
  }

  .cta {
    background-color: #fff;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .heading-10 {
    font-size: 26px;
  }

  .image-14 {
    align-self: center;
  }

  .heading-11 {
    font-size: 30px;
    line-height: 32px;
  }

  .image-24 {
    margin-left: 0;
    margin-right: 0;
    display: none;
    position: relative;
    inset: 53px auto auto;
  }

  .background-video {
    margin-left: 0;
    top: 70px;
    left: 60px;
  }

  .slider-4 {
    object-fit: fill;
    flex-flow: row;
    place-content: flex-start center;
    align-items: center;
    max-width: 100%;
    margin: auto;
    padding-top: 0;
    padding-bottom: 0;
    display: block;
    top: auto;
    overflow: visible;
  }

  .image-27 {
    text-align: center;
    width: auto;
    display: block;
    position: static;
    top: auto;
    left: auto;
  }

  .text-block-17 {
    text-align: center;
    font-size: 26px;
    line-height: 28px;
    position: relative;
    top: auto;
    left: auto;
  }

  .div-block {
    flex-flow: column;
    flex: 1;
    justify-content: center;
    align-items: center;
    margin-top: 8px;
    margin-bottom: 8px;
    padding: 0 36px;
    display: block;
    position: static;
  }

  .text-block-18 {
    z-index: 50;
    color: var(--grey);
    text-align: center;
    object-fit: fill;
    flex-direction: row;
    justify-content: center;
    align-self: auto;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    display: block;
    position: relative;
    top: auto;
    left: auto;
    overflow: visible;
  }

  .container-8 {
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 40px;
    display: flex;
    position: relative;
  }

  .slide-nav {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 240px;
    padding-bottom: 0;
    display: flex;
    position: relative;
    top: auto;
  }

  .paragraph-3 {
    padding-bottom: 20px;
  }

  .navbar-mytheo {
    z-index: 999;
    margin-left: 0;
    margin-right: 0;
    position: fixed;
    left: 0%;
    right: 0%;
  }

  .footer-wrapper {
    align-self: auto;
    margin-left: 40px;
    margin-right: 40px;
    padding-top: 0;
  }

  .grid-2 {
    flex-direction: column;
    align-items: stretch;
    display: flex;
  }

  .footer-links-1, .footer-links-3, .footer-links-5 {
    padding-bottom: 10px;
    padding-right: 0;
  }

  .link-23 {
    margin-top: 0;
  }

  .footer-links-6 {
    padding-bottom: 10px;
    padding-right: 0;
  }

  .footer-links-7 {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-top: auto;
    margin-bottom: auto;
    padding-bottom: 10px;
    padding-right: 0;
    display: block;
  }

  .div-block-2 {
    margin-left: auto;
    top: -244px;
    left: -130px;
  }

  .text-block-19 {
    order: 0;
    align-self: flex-start;
    display: block;
    position: relative;
    inset: 537px auto auto -193px;
  }

  .columns-11 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    overflow: visible;
  }

  .fb {
    width: 150px;
    max-width: 150%;
    margin-left: auto;
    margin-right: 0;
    display: block;
    top: auto;
    left: auto;
    right: auto;
  }

  .fb.social {
    width: 150%;
    margin-right: auto;
    overflow: visible;
  }

  .insta {
    top: auto;
    overflow: visible;
  }

  .insta.social {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .instagram {
    top: auto;
    left: auto;
  }

  .instagram.social {
    margin-left: auto;
    margin-right: auto;
    display: block;
    overflow: visible;
  }

  .link-block {
    align-items: flex-start;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    top: auto;
    left: auto;
    overflow: visible;
  }

  .link-block-2 {
    justify-content: center;
    align-items: center;
    display: flex;
    top: auto;
    left: auto;
    overflow: visible;
  }

  .link-block-3 {
    justify-content: flex-end;
    align-items: center;
    display: flex;
    top: auto;
    left: auto;
    overflow: visible;
  }

  .column-15 {
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: block;
  }

  .column-16 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex: 0 auto;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
    overflow: visible;
  }

  .column-17 {
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .text-block-20 {
    margin-left: 0;
    padding-left: 40px;
    padding-right: 40px;
    top: -187px;
    left: auto;
  }

  .div-block-4 {
    display: block;
    top: auto;
    left: auto;
  }

  .slide-nav-2 {
    margin-top: -85px;
    position: static;
    top: auto;
    bottom: -67px;
  }

  .slider-5 {
    background-color: #ddd;
    height: 50vh;
    margin-bottom: 0;
    padding-bottom: 0;
    overflow: visible;
  }

  .mask-3 {
    margin-bottom: 0;
    padding-bottom: 0;
    overflow: visible;
  }

  .image-37 {
    align-self: auto;
    max-width: 350px;
    top: -29px;
  }

  .heading-15.app {
    text-align: center;
    font-size: 26px;
    line-height: 28px;
  }

  .mask-4.app {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    padding-top: 50px;
    padding-bottom: 87px;
    overflow: visible;
  }

  .image-42 {
    max-width: 100px;
  }

  .legal-documents {
    padding-left: 20px;
    padding-right: 20px;
  }

  .link-legal {
    line-height: 18px;
  }

  .div-block-8, .div-block-9 {
    display: none;
  }

  .column-29 {
    text-align: right;
    padding-bottom: 50px;
  }

  .column-30 {
    padding-left: 0;
    left: auto;
  }

  .speak-to-us {
    inset: auto 0% 0% auto;
  }

  .paragraph-12 {
    text-align: left;
    font-size: 13px;
  }

  .paragraph-15 {
    padding-left: 10px;
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
  }

  .image-49 {
    object-fit: fill;
    left: auto;
  }

  .heading-27 {
    font-size: 26px;
    line-height: 28px;
  }

  .bold-text-15 {
    font-size: 26px;
  }

  .paragraph-23 {
    width: auto;
    padding-left: 0;
  }

  .paragraph-explained-2 {
    width: auto;
    display: block;
  }

  .text-block-strat {
    margin-left: 0;
    padding-right: 0;
    line-height: 18px;
  }

  .heading-strat {
    margin-left: 0;
    font-size: 26px;
    line-height: 28px;
  }

  .container-strat {
    padding-left: 0;
    padding-right: 0;
  }

  .heading-28 {
    font-size: 26px;
    line-height: 28px;
  }

  .paragraph-24 {
    margin-left: 8px;
    margin-right: 8px;
  }

  .heading-17-left {
    font-size: 26px;
    line-height: 28px;
  }

  .header-price-structure {
    padding-top: 0;
    padding-left: 24px;
    padding-right: 24px;
  }

  .header-mytheo-explained {
    background-image: url('../images/circle.png'), url('../images/pexels-rajesh-tp-2098134.jpg'), linear-gradient(#000, #000);
    background-position: 50% 0, 50% 140%, 0 0;
    background-repeat: no-repeat, no-repeat, repeat;
    background-size: cover, 375px, auto;
    background-attachment: scroll, scroll, scroll;
    padding: 170px 20px 40px;
  }

  .globally-diversified-explained {
    margin-left: 0;
    margin-right: 0;
    padding: 40px 19px 0;
  }

  .bk-app-walkthrough-explained-resources {
    background-color: var(--light-oren);
    background-image: url('../images/Obg.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 0;
    overflow: hidden;
  }

  .logical-investing-explained {
    background-color: #0000;
    background-position: 50%;
    background-size: auto;
    padding-bottom: 0;
    padding-left: 13px;
    padding-right: 13px;
  }

  .maintains-portfolio-explained {
    padding-top: 20px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .invest-assurance-explained {
    padding-top: 20px;
    padding-left: 22px;
    padding-right: 22px;
  }

  .header-who-we-are {
    padding: 170px 20px 40px;
  }

  .paragraph-head-logical {
    margin-left: 1px;
    margin-right: 1px;
    font-size: 14px;
  }

  .faq-link-learning, .etf-link-learning {
    line-height: 18px;
  }

  .welcome-the-the-learning-centre {
    padding-left: 20px;
    padding-right: 20px;
  }

  .column-35, .column-36, .column-37, .column-38, .column-39, .column-40, .column-41 {
    top: 20px;
  }

  .list-style-6-white-paper {
    padding-left: 20px;
  }

  .white-paper-content-all {
    padding-left: 30px;
    padding-right: 30px;
  }

  .tab-link-tab-1-4 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .tab-link-tab-1-4.w--current {
    opacity: 1;
    background-color: #0000;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    background-attachment: scroll;
    border: 0 #000;
    border-radius: 0;
    padding-left: 5px;
    padding-right: 5px;
  }

  .tabs-2 {
    margin-top: 0;
  }

  .tab-link-tab-2-4 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .tab-link-tab-2-4.w--current {
    background-image: none;
    background-size: auto;
  }

  .tab-link-tab-3-4 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .tab-link-tab-3-4.w--current {
    background-image: none;
    background-size: auto;
  }

  .image-64 {
    margin-top: 31px;
  }

  .column-42 {
    padding-left: 0;
    padding-right: 0;
  }

  .tab-link-tab-4 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .tab-link-tab-4.w--current {
    background-image: none;
    background-size: auto;
  }

  .tabs-menu-3 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    align-items: stretch;
    margin-bottom: 0;
    display: grid;
  }

  .header-right-etfs {
    padding-bottom: 10px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .etfs-portfolio-tabs {
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .growth-etf-portfolio-table {
    padding: 100px 12px 10px;
  }

  .income-etf-portfolio-table, .inflation-etf-portfolio-table {
    padding: 40px 15px 10px;
  }

  .header-contact-us-drop-a-line {
    padding: 170px 20px 40px;
  }

  .columns-20 {
    flex-direction: column;
    align-items: center;
    display: flex;
    position: static;
    left: auto;
  }

  .right-etf-copy-portfolio {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .columns-21 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  .columns-22 {
    flex-flow: column;
    place-content: space-around center;
    align-items: center;
  }

  .create-moment-heading {
    font-size: 30px;
    line-height: 32px;
  }

  .create-moment-paragraph {
    margin-left: 0;
    margin-right: 0;
    font-size: 16px;
    line-height: 18px;
  }

  .heading-how-do-we-do-what-we-do {
    font-size: 30px;
    line-height: 32px;
  }

  .paragraph-what-we-do {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 40px;
    font-size: 16px;
    line-height: 18px;
    display: block;
  }

  .footer-mytheo-updated {
    padding-top: 47px;
    padding-bottom: 0;
    display: none;
  }

  .header-resources-mountain {
    padding: 170px 20px 40px;
  }

  .heading-resources-title {
    font-size: 26px;
    line-height: 28px;
  }

  .paragraph-reources-copy {
    margin-left: 0;
    margin-right: 0;
    font-size: 16px;
    line-height: 18px;
  }

  .grow-your-wealth-homepage {
    padding: 25px;
  }

  .grow-your-wealth-homepage.tint.overflow-none {
    z-index: 1;
    padding: 30px 20px 20px;
    display: none;
  }

  .grow-your-wealth-homepage.tint.overflow-none.new-cta {
    padding-top: 70px;
    padding-bottom: 14px;
    display: inline-block;
  }

  .team-mytheo {
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-14 {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    background-attachment: scroll;
    margin-bottom: -18px;
    padding: 76px 17px;
  }

  .columns-23 {
    margin-left: 0;
    margin-right: 0;
  }

  .columns-24 {
    flex-direction: column;
    justify-content: space-between;
    margin-left: 10px;
    margin-right: 10px;
    display: flex;
  }

  .div-block-15 {
    flex: 0 auto;
    align-self: stretch;
    margin-top: 40px;
  }

  .div-block-16 {
    align-self: stretch;
  }

  .section-title-2 {
    font-size: 25px;
    line-height: 26px;
  }

  .blog-left-image-block-mytheo {
    float: left;
    height: 105px;
    margin-bottom: 10px;
    margin-right: 20px;
    position: static;
  }

  .section-blog-post-template {
    padding: 25px;
  }

  .section-blog-post-template.blog-page-section {
    padding: 0;
  }

  .blog-post-page-content-2 {
    box-shadow: none;
    border-radius: 0;
    margin-top: 0;
    padding-bottom: 15px;
    font-size: 14px;
    line-height: 22px;
  }

  .next {
    margin-bottom: 60px;
    padding-bottom: 9px;
  }

  .section-blog-resources {
    padding: 25px 25px 100px;
  }

  .heading-30 {
    padding-top: 26px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 26px;
    line-height: 28px;
  }

  .section-blog-list-all {
    padding: 100px 25px 140px;
  }

  .div-block-17 {
    padding-top: 30px;
    top: 0;
  }

  .button-view-all-blogs {
    line-height: 18px;
  }

  .container-blog-post-resources {
    margin-top: -49px;
    padding-top: 0;
    top: 83px;
  }

  .heading-31 {
    margin-left: -3px;
    margin-right: -3px;
    padding: 17px 15px;
  }

  .heading-black {
    font-size: 26px;
    line-height: 28px;
  }

  .para-black {
    line-height: 18px;
  }

  .image-65, .image-66, .image-67 {
    max-width: 50%;
  }

  .column-48 {
    text-align: center;
  }

  .mytheo-at-a-glance-landing-page {
    object-fit: fill;
    background-color: #fbedeb;
    background-image: linear-gradient(#0000, #0000);
    width: auto;
    max-width: none;
    height: auto;
    margin: 0 auto auto;
    padding-top: 60px;
    padding-bottom: 300px;
    display: flex;
    position: static;
    top: -29px;
    overflow: hidden;
  }

  .the-mytheo-difference-landing-page {
    padding: 25px;
  }

  .the-mytheo-difference-landing-page.bottom-space.en {
    object-fit: fill;
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
    width: 80%;
    max-width: 100%;
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 0;
    padding-bottom: 0;
    display: block;
    position: relative;
    top: auto;
  }

  .the-mytheo-difference-landing-page.bottom-space {
    align-items: center;
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    display: block;
    position: relative;
    top: 0;
  }

  .the-abc-s-of-getting-started-landing-page {
    margin-top: auto;
    padding-top: 60px;
    padding-bottom: 60px;
    display: inline-block;
    position: static;
    top: 200px;
  }

  .how-mytheo-works-for-you-landing-page {
    padding: 58px 24px 68px;
  }

  .testimonials-mytheo-landing-page {
    background-color: #ccc;
    height: auto;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
  }

  .left-nav-all-menu-mytheo {
    float: none;
    width: 90%;
  }

  .contact-us-left-menu {
    color: #333;
    letter-spacing: normal;
    text-transform: none;
    margin-left: 0;
    margin-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 0;
    font-family: Khula, sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
    text-decoration: none;
  }

  .contact-us-left-menu.w--current {
    font-family: Khula, sans-serif;
    font-size: 15px;
  }

  .a-partnership-for-good-page {
    padding: 40px 20px 100px;
  }

  .link-block-18 {
    flex: 0 auto;
    top: -31px;
    left: 69px;
    right: auto;
  }

  .link-block-18.w--current {
    top: -31px;
    left: 61px;
    right: auto;
  }

  .youtube-3 {
    max-width: none;
  }

  .blog-post-date-template, .blog-post-date-resources {
    margin-bottom: 5px;
    font-size: 11px;
    line-height: 20px;
  }

  .paper-7 {
    width: auto;
    max-width: 150px;
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .paper-12, .paper-4, .paper-9, .paper-8, .paper-6, .paper-5, .paper-3, .paper-10, .paper-11, .paper-2 {
    width: auto;
    max-width: 150px;
    height: auto;
  }

  .hovericon {
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .container-12 {
    display: inline;
  }

  .paper-13 {
    width: auto;
    max-width: 150px;
    height: auto;
  }

  .getting-started-faq-button, .operation-of-mytheo-faq-button, .deposit-and-withdrawal-faq-button, .regular-savings-faq-button, .portfolios-faq-button, .multiple-portfolio-faq-button, .portfolio-switching-faq-button, .fees-faq-button, .taxes-faq-button, .security-faq-button, .others-faq-button {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .image-71, .image-72, .image-73 {
    max-width: 50%;
  }

  .toggle {
    padding-right: 20px;
  }

  .faq-search-form {
    padding-left: 20px;
    padding-right: 20px;
  }

  .general-questions-title {
    padding-left: 0;
  }

  .qa-1 {
    clear: none;
  }

  .qa-5 {
    float: none;
    clear: none;
    white-space: normal;
    object-fit: fill;
    width: auto;
    padding-right: 0;
    display: inline;
    overflow: visible;
  }

  .title-faq-heading {
    padding-left: 0;
  }

  .frequently-asked-qa {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .faq-heading-content {
    padding: 20px 15px;
    left: auto;
  }

  .faq-button-section-wrap {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .qa-6 {
    white-space: normal;
  }

  .qa-7 {
    clear: none;
    white-space: normal;
    object-fit: fill;
    margin-right: 0;
    padding-right: 0;
    display: inline;
  }

  .wrapping-div-new {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 13px;
    line-height: 18px;
  }

  .qa-10, .qa-11, .qa-12, .qa-13, .qa-16, .qa-17, .qa-18, .qa-20, .qa-21, .qa-22, .qa-23, .qa-26, .gs-1, .gs-2, .gs-4, .gs-5, .gs-7, .gs-8, .op-4, .op-6, .op-8, .op-9, .op-10, .dw-1, .dw-2, .dw-3, .dw-4, .dw-5, .dw-6, .dw-7, .dw-8, .dw-9, .dw-10-new {
    white-space: normal;
  }

  .rs-2 {
    text-align: left;
    white-space: normal;
  }

  .rs-3, .rs-4, .rs-5, .rs-6, .rs-7, .rs-8, .rs-10, .rs-9-new, .rs-11, .rs-12, .rs-13, .rs-14, .rs-15, .rs-16, .rs-17, .rs-18, .rs-19, .rs-20, .pf-1, .pf-2, .pf-4, .pf-5, .mp-3, .mp-4, .mp-5, .mp-6, .mp-7, .ps-3, .ps-4, .ps-5, .ps-6, .ps-7, .ps-8, .ps-9, .ps-10, .ps-11, .ps-12, .fs-1, .tx-1, .st-2, .st-3, .st-4, .st-5, .st-6, .st-7, .st-9, .ot-2, .ot-3, .ot-5, .ot-6, .ot-7 {
    white-space: normal;
  }

  .text-block-39 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-block-39.mobile {
    width: 80%;
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
  }

  .blog-posts-list-wrapper-copy {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .blog-posts-list-wrapper-full {
    margin-left: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .blog-post-item-full, .blog-post-item-resources {
    margin-bottom: 30px;
    padding-left: 0;
  }

  .div-block-21 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    display: block;
    left: -5px;
  }

  .body {
    object-fit: contain;
    background-color: #fff;
    flex-direction: column;
    align-items: center;
    height: auto;
    margin-top: 60px;
    display: block;
  }

  .div-block-22 {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-left: 0;
    display: flex;
    overflow: hidden;
  }

  .mask-5 {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    overflow: visible;
  }

  .slide-16 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .slide-17 {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .bold-text-24, .bold-text-25, .bold-text-26, .bold-text-27, .bold-text-28, .bold-text-29 {
    font-size: 26px;
    line-height: 28px;
  }

  .column-49 {
    top: 46px;
  }

  .column-50 {
    flex-direction: column;
    flex: 0 auto;
    order: 0;
    align-self: auto;
    display: flex;
  }

  .column-51 {
    order: -1;
  }

  .image-74 {
    max-width: 75%;
  }

  .column-52 {
    text-align: center;
  }

  .columns-home {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: auto;
    margin-left: 0;
    padding-top: 0;
    padding-left: 0;
    display: flex;
  }

  .column-53, .column-54, .column-55, .column-56, .column-57, .column-58, .column-59, .column-60, .column-61, .column-62 {
    padding-left: 0;
    padding-right: 0;
  }

  .column-62.as-featured-in {
    background-color: #0000;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 23%;
  }

  .column-63 {
    padding-left: 0;
    padding-right: 0;
  }

  .columns-globally {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-left: 0;
    padding-top: 0;
    padding-left: 0;
    display: flex;
  }

  .image_portfolio_allocation {
    object-fit: fill;
    left: auto;
  }

  .image_value_of_etf {
    top: 300px;
    left: auto;
  }

  .bold-text-30 {
    font-size: 13px;
  }

  .bold-text-31 {
    font-size: 12px;
  }

  .text-block-42 {
    margin-right: 0;
    padding-right: 0;
    display: inline;
  }

  .text-block-43 {
    clear: none;
    object-fit: fill;
    width: auto;
    margin-right: 0;
    padding-right: 0;
    display: block;
    overflow: visible;
  }

  .blog-left-image-mytheo-resources-featured_1 {
    float: left;
    height: 105px;
    margin-bottom: 10px;
    margin-right: 0;
    position: static;
  }

  .container-home {
    z-index: 5;
    object-fit: fill;
    background-color: #0000;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    display: block;
    position: relative;
    top: -250px;
  }

  .container-home.en {
    text-align: left;
    object-fit: fill;
    flex-direction: column;
    align-items: stretch;
    max-width: 100%;
    height: auto;
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 0;
    padding-bottom: 0;
    display: block;
    position: relative;
    top: auto;
  }

  .columns-3-home {
    margin-bottom: 38px;
  }

  .tabs-logical.w--current {
    flex: 0 auto;
    order: 0;
    align-self: auto;
  }

  .tabs-menu-4 {
    clear: none;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: auto;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 15px;
    left: -37px;
    right: auto;
  }

  .paragraph-41 {
    text-align: justify;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .image-52-copy {
    width: 300px;
    max-width: none;
    height: 300px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-left: 0%;
    padding-right: 0;
    display: block;
    position: absolute;
    top: 47px;
    left: auto;
  }

  .heading-2-copy {
    margin-top: 0;
    padding-top: 0;
    font-size: 26px;
    line-height: 28px;
    position: static;
    top: -24px;
    left: auto;
  }

  .heading-2-copy.strat {
    padding-top: 0;
    padding-bottom: 0;
  }

  .slide-15-copy {
    padding: 0 20px;
  }

  .columns-13-copy {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: flex;
  }

  .slide-nav-4-copy {
    margin-bottom: 0;
    top: auto;
    bottom: 40px;
  }

  .column-price {
    flex-direction: column;
    display: none;
  }

  .section-title-copy {
    margin: 0 auto;
    padding-right: 0;
    font-size: 16px;
    line-height: 18px;
    position: static;
    top: 50px;
    left: auto;
  }

  .section-description-copy {
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
    line-height: 18px;
    position: relative;
    top: 18px;
    left: auto;
  }

  .paragraph-15-title, .paragraph-15-title_2, .paragraph-15-title_3, .paragraph-15-title_4, .paragraph_income_title_1, .paragraph_income_title_2, .paragraph_income_title_3, .paragraph_income_title_4, .paragraph_hedge_title_1, .paragraph_hedge_title_2, .paragraph_hedge_title_3, .paragraph_hegde_title_4 {
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
  }

  .paragraph-23-copy {
    margin-top: 20px;
  }

  .image-75 {
    display: block;
  }

  .nav-link-3-copy {
    border-width: 2px;
    border-color: var(--oren);
    color: #fff;
    order: 1;
    padding-top: 0;
    padding-bottom: 0;
    font-family: Khula, sans-serif;
    font-size: 10px;
    font-weight: 700;
    display: none;
    position: static;
    inset: auto 0% auto 10px;
  }

  .footer-mytheo-mobile {
    background-color: #22252a;
    margin-left: auto;
    margin-right: auto;
    padding-top: 60px;
    padding-bottom: 0;
    overflow: hidden;
  }

  .text-block-19-copy {
    order: 0;
    align-self: flex-start;
    display: block;
    position: relative;
    inset: 8px auto auto 40px;
  }

  .div-block-2-copy {
    margin-left: auto;
    top: -9px;
    left: -130px;
  }

  .text-block-20-copy {
    text-align: center;
    margin-left: 0;
    padding: 60px 40px;
    top: auto;
    left: auto;
  }

  .image-37-copy {
    align-self: auto;
    max-width: 350px;
    top: 59px;
  }

  .image-76 {
    padding-top: 10px;
    padding-bottom: 20px;
    display: block;
  }

  .en-link {
    border-style: none;
    padding-top: 1px;
    font-size: 10px;
    position: absolute;
    top: 30px;
    left: 55px;
  }

  .bm-link {
    border-style: none;
    padding-top: 1px;
    font-size: 10px;
    position: absolute;
    top: 44px;
    left: 54px;
  }

  .bm-link.w--current {
    left: 54px;
  }

  .link-49 {
    text-align: center;
  }

  .you-invest {
    max-width: 80%;
    top: 265px;
  }

  .blog_body {
    padding: 0;
  }

  .blog_header_all {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 140px 20px 40px;
    display: flex;
  }

  .blog_title {
    font-size: 26px;
    line-height: 28px;
  }

  .blog_title.centre {
    width: auto;
    margin-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
    line-height: 30px;
    display: flex;
  }

  .blog_body_post {
    text-align: justify;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .blog_body_post.small {
    text-align: left;
    margin-left: 10px;
    margin-right: 10px;
  }

  .image-77 {
    max-width: 90%;
    margin-bottom: 20px;
  }

  .div-block-26 {
    margin-left: 10px;
    margin-right: 10px;
    padding: 40px 0;
    display: flex;
    top: -30px;
  }

  .blog-excerpt {
    width: 100%;
    padding-left: 0;
  }

  .column-65 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .blog-index {
    padding-top: 100px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .section-blog-index {
    padding: 25px 25px 100px;
  }

  .container-blog-index {
    margin-top: -49px;
    padding-top: 0;
    top: 83px;
  }

  .caption {
    margin-left: 10px;
    margin-right: 10px;
  }

  .image-78 {
    height: auto;
  }

  .blog-page-button {
    padding-top: 30px;
    top: 20px;
  }

  .header-promotion {
    padding: 170px 20px 40px;
  }

  .promotion_body {
    padding: 0;
  }

  .promotion_title {
    font-size: 26px;
    line-height: 28px;
  }

  .promotion_title.centre {
    text-align: center;
    width: 100%;
    line-height: 30px;
  }

  .promotion-block {
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 40px;
    padding-bottom: 40px;
    top: -30px;
  }

  .promotion-post {
    width: 95%;
    margin-left: 10px;
    margin-right: 10px;
  }

  .promotion-left-menu {
    color: #333;
    letter-spacing: normal;
    text-transform: none;
    margin-left: 0;
    margin-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 0;
    font-family: Khula, sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
    text-decoration: none;
  }

  .blog_body_post-justify {
    flex-direction: column;
    align-self: center;
    width: auto;
    max-width: 90%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    display: inline;
    position: static;
    overflow: visible;
  }

  .promo-index {
    padding-left: 30px;
    padding-right: 30px;
  }

  .slider-6 {
    height: auto;
  }

  .header-slider-icon {
    margin-top: 205px;
    margin-left: 0;
    margin-right: 0;
    font-size: 20px;
  }

  .header-slider-icon.r {
    inset: 0% 0% 0% auto;
  }

  .header-img-esg {
    max-width: 100%;
  }

  .hero-description-slider {
    margin-left: -9px;
    margin-right: 0;
    font-size: 16px;
    line-height: 18px;
    top: 70px;
    left: auto;
  }

  .hero-description-slider.sub {
    font-size: 14px;
  }

  .global-esg-banner {
    min-height: 30vh;
    padding-top: 130px;
    padding-bottom: 80px;
  }

  .global-esg-header-txt {
    margin-bottom: 20px;
    font-size: 16px;
    display: block;
  }

  .image-88 {
    display: inline-block;
  }

  .container-13 {
    max-width: 90%;
    padding-top: 40px;
    display: block;
  }

  .global-esg-header-sub-txt {
    font-size: 16px;
  }

  .global-esg-hero-btn {
    margin-bottom: 15px;
  }

  .div-block-27-copy {
    flex-direction: column;
  }

  .quote-p {
    width: 100%;
    font-size: 16px;
    line-height: 1.6em;
  }

  .quote-main {
    width: 100%;
    font-size: 24px;
  }

  .global-esg-anchor-menu {
    padding-top: 25px;
    padding-bottom: 15px;
  }

  .esg-anchor-menu-link-txt {
    min-height: 40px;
    font-size: 13px;
    line-height: 1em;
  }

  .display-shadow {
    font-size: 72px;
  }

  .what-is-esg-sub-heading {
    max-width: 80%;
    margin-top: -50px;
  }

  .about-element-p {
    display: block;
  }

  .what-is-esg-diagram-heading {
    margin-bottom: 60px;
    font-size: 24px;
  }

  .how-to-esg-heading {
    padding-left: 15px;
    padding-right: 15px;
  }

  .how-to-esg-element {
    padding-left: 40px;
    padding-right: 40px;
  }

  .how-to-esg-headin2 {
    padding-left: 30px;
    padding-right: 30px;
    font-size: 24px;
  }

  .how-to-esg-sub {
    font-size: 16px;
  }

  .text-block-46 {
    clear: left;
    text-align: left;
    font-size: 14px;
  }

  .esg-etf-portfolio-table {
    padding: 40px 15px 10px;
  }

  .image-92 {
    width: 170%;
    margin-left: -194px;
  }

  .button-3 {
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 5px;
    padding-left: 40px;
    padding-right: 40px;
    position: relative;
    right: auto;
  }

  .image-93 {
    width: 50%;
    padding-top: 10px;
    padding-bottom: 0;
  }

  .mask-6 {
    background-color: #fff;
  }

  .heading-36 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .close-modal-button {
    z-index: 2;
    width: 35px;
    display: block;
  }

  .video-2 {
    width: 300px;
  }

  .blog_body_post-justify-center {
    margin-left: 10px;
    margin-right: 10px;
  }

  .image77 {
    padding-left: 0;
    padding-right: 0;
  }

  .quotes {
    margin-left: 10px;
    margin-right: 10px;
  }

  .video-3 {
    width: 300px;
  }

  .link-block-25 {
    margin-left: 0;
    margin-right: 0;
  }

  .list-9 {
    flex-direction: column;
    justify-content: flex-start;
    align-self: flex-start;
    align-items: flex-start;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    display: flex;
    position: relative;
    overflow: visible;
  }

  .webinar-page-button {
    padding-top: 30px;
    top: 20px;
  }

  .key-value {
    width: 300px;
  }

  .key-text {
    width: 280px;
    font-size: 16px;
  }

  .columns-29 {
    flex-direction: column;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
  }

  .text-block-47 {
    text-align: center;
    justify-content: center;
    width: 300px;
    padding-bottom: 10px;
    display: flex;
  }

  .column-67 {
    margin-left: auto;
    margin-right: auto;
  }

  .image-95, .image-96 {
    max-width: 30%;
  }

  .column-69, .column-70 {
    justify-content: center;
    display: flex;
  }

  .share-div {
    margin-left: 20px;
  }

  .link-24 {
    margin-top: auto;
  }

  .webinar-left-menu {
    color: #333;
    letter-spacing: normal;
    text-transform: none;
    margin-left: 0;
    margin-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 0;
    font-family: Khula, sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
    text-decoration: none;
  }

  .image-102 {
    padding-left: 0;
    padding-right: 0;
  }

  .must-faq-button {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .link-must {
    line-height: 18px;
  }

  .must-header-txt {
    margin-bottom: 20px;
    font-size: 16px;
  }

  .must-anchor-menu-link-txt {
    min-height: 40px;
    font-size: 13px;
    line-height: 1em;
  }

  .what-is-must-sub-heading {
    max-width: 80%;
    margin-top: -50px;
  }

  .how-to-must-element-p {
    width: 100%;
  }

  .must-banner {
    min-height: 30vh;
    padding-top: 130px;
    padding-bottom: 80px;
  }

  .must-anchor-menu {
    padding-top: 25px;
    padding-bottom: 15px;
  }

  .must-description-block {
    width: 90%;
    margin-top: 300px;
  }

  .header-img-must {
    max-width: 100%;
  }

  .must-display-shadow {
    font-size: 72px;
  }

  .or-heading {
    padding-left: 15px;
    padding-right: 15px;
  }

  .image-104 {
    padding-left: 0;
    padding-right: 0;
  }

  .brand-2 {
    flex: 0 auto;
    padding-left: 0;
    position: relative;
  }

  .bm-link-2 {
    border-style: none;
    flex-direction: row;
    margin-left: auto;
    padding-top: 0;
    padding-left: 10px;
    font-size: 13px;
    display: block;
    position: relative;
    top: auto;
    left: auto;
  }

  .bm-link-2.w--current {
    left: 54px;
  }

  .navbar-3 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #fff;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-content: center space-between;
    align-items: center;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    inset: 0% 0% auto;
  }

  .image-105 {
    clear: none;
    flex: 0 auto;
    align-self: center;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    inset: 0% auto auto 0%;
  }

  .container-17 {
    display: none;
  }

  .container-17.mobile {
    justify-content: flex-start;
    display: flex;
    overflow: hidden;
  }

  .div-block-36 {
    display: flex;
    left: -35px;
    right: auto;
  }

  .header {
    flex-direction: row;
    flex: 0 auto;
    justify-content: space-between;
    margin-left: 0;
    display: flex;
  }

  .nav-link-4 {
    color: #e7422a;
    flex: 0 auto;
    order: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 0 31px;
    font-family: Khula, sans-serif;
    font-size: 10px;
    font-weight: 700;
    position: static;
    inset: 0% 0% 0% -89px;
  }

  .nav-link-5 {
    color: #fff;
    border: 2px solid #e7422a;
    order: 1;
    padding-top: 0;
    padding-bottom: 0;
    font-family: Khula, sans-serif;
    font-size: 10px;
    font-weight: 700;
    display: block;
    position: static;
    inset: auto 0% auto 10px;
  }

  .en-link-2 {
    border-style: none;
    padding-top: 0;
    font-size: 13px;
    display: flex;
    position: relative;
    top: auto;
    left: auto;
    right: 0;
  }

  .header-mytheo-2 {
    background-color: #fff;
    background-image: url('../images/Website-Header.png');
    background-position: 80%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    min-width: auto;
    max-width: none;
    padding: 34px 25px 80px;
  }

  .header-hidden {
    text-align: center;
    justify-content: start;
    align-self: center;
    place-items: center start;
    width: auto;
    max-width: none;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
    padding-top: 0;
    padding-bottom: 20px;
    display: block;
    position: relative;
    overflow: visible;
  }

  .header-hidden.mobile {
    display: none;
  }

  .header-hidden.mobile.show {
    padding: 15px 20px 40px;
    display: flex;
  }

  .heading-38 {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-self: center;
    align-items: center;
    width: auto;
    max-width: 100%;
    margin: auto;
    padding-top: 0;
    padding-bottom: 20px;
    display: block;
  }

  .paragraph-45 {
    text-align: center;
    align-self: center;
    width: auto;
    padding-left: 0;
    font-size: 14px;
    display: flex;
  }

  .button-view-all-blogs-2 {
    border-radius: 50px;
    margin-top: 20px;
    padding-left: 40px;
    padding-right: 40px;
    line-height: 18px;
    display: block;
  }

  .superscript {
    text-align: center;
    text-shadow: 0 0 #000;
    flex: 1;
    justify-content: center;
    align-items: center;
    max-width: none;
    margin-top: 3px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 0;
    font-size: 12px;
    display: flex;
    position: relative;
  }

  .header-mytheo-3 {
    background-color: #fff;
    background-image: url('../images/Website-Header.png');
    background-position: 80%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    min-width: auto;
    max-width: none;
    padding: 34px 25px 80px;
  }

  .header-mytheo-4 {
    mix-blend-mode: normal;
    object-fit: fill;
    background-color: #fff;
    background-image: none;
    flex-flow: column wrap;
    place-content: center;
    align-items: center;
    min-width: auto;
    max-width: none;
    margin-top: auto;
    padding: 20px 25px;
    display: flex;
    position: static;
    inset: -91% 0% 0%;
    overflow: hidden;
  }

  .header-mytheo-4.static {
    background-image: url('../images/main-file-V1.png');
    background-position: 0 0;
    display: inline-block;
    position: static;
    inset: 0% 0% auto;
  }

  .image-107 {
    float: none;
    text-align: center;
    object-fit: fill;
    width: 100%;
    max-width: none;
    margin-top: auto;
    margin-bottom: auto;
    padding-bottom: 60px;
    padding-left: 0;
    padding-right: 0;
    display: inline-block;
    position: relative;
    top: auto;
    bottom: auto;
  }

  .as-featured-in-2 {
    padding-top: 63px;
    padding-bottom: 63px;
  }

  .heading-39 {
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 20px;
    font-size: 26px;
    line-height: 28px;
  }

  .cta-2 {
    background-color: #fff;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .div-block-37 {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    background-attachment: scroll;
    margin-bottom: 0;
    padding: 0 17px 40px;
  }

  .paragraph-46 {
    padding-bottom: 40px;
  }

  .heading-41 {
    margin-top: 50px;
    font-size: 30px;
    line-height: 32px;
  }

  .image-110 {
    margin-top: 40px;
  }

  .bold-text-35 {
    text-align: center;
  }

  .en-link-3 {
    border-style: none;
    padding-top: 1px;
    font-size: 10px;
    position: absolute;
    top: 30px;
    left: 55px;
  }

  .navbar-mytheo-2 {
    z-index: 999;
    margin-left: 0;
    margin-right: 0;
    position: fixed;
    left: 0%;
    right: 0%;
  }

  .bm-link-3 {
    border-style: none;
    padding-top: 1px;
    font-size: 10px;
    position: absolute;
    top: 44px;
    left: 54px;
  }

  .bm-link-3.w--current {
    left: 54px;
  }

  .nav-link-3-copy-2 {
    color: #fff;
    border-width: 2px;
    border-color: #e7422a;
    order: 1;
    padding-top: 0;
    padding-bottom: 0;
    font-family: Khula, sans-serif;
    font-size: 10px;
    font-weight: 700;
    display: none;
    position: static;
    inset: auto 0% auto 10px;
  }

  .contact-us-left-menu-2 {
    color: #333;
    letter-spacing: normal;
    text-transform: none;
    margin-left: 0;
    margin-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 0;
    font-family: Khula, sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
    text-decoration: none;
  }

  .contact-us-left-menu-2.w--current {
    font-family: Khula, sans-serif;
    font-size: 15px;
  }

  .nav-link-6 {
    color: #e7422a;
    flex: 0 auto;
    order: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 0 31px;
    font-family: Khula, sans-serif;
    font-size: 10px;
    font-weight: 700;
    position: static;
    inset: 0% 0% 0% -89px;
  }

  .mytheo-menu-header-2 {
    flex-flow: row;
    justify-content: center;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 15px;
    line-height: 23px;
    position: absolute;
  }

  .nav-link-7 {
    color: #fff;
    border: 2px solid #e7422a;
    order: 1;
    padding-top: 0;
    padding-bottom: 0;
    font-family: Khula, sans-serif;
    font-size: 10px;
    font-weight: 700;
    display: block;
    position: static;
    inset: auto 0% auto 10px;
  }

  .promotion-left-menu-2 {
    color: #333;
    letter-spacing: normal;
    text-transform: none;
    margin-left: 0;
    margin-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 0;
    font-family: Khula, sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
    text-decoration: none;
  }

  .icon-10 {
    flex: 1;
    justify-content: flex-end;
    align-self: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: static;
  }

  .bm-link-4 {
    padding-top: 1px;
    font-size: 10px;
    position: absolute;
    top: 44px;
    left: 54px;
  }

  .bm-link-4.w--current {
    position: absolute;
    top: 44px;
    left: 54px;
  }

  .nav-link-8 {
    color: #fff;
    border: 2px solid #e7422a;
    order: 1;
    padding: 0 8px;
    font-family: Khula, sans-serif;
    font-size: 10px;
    font-weight: 700;
    display: block;
    position: static;
    inset: auto 0% auto 10px;
  }

  .contact-us-left-menu-3 {
    color: #333;
    letter-spacing: normal;
    text-transform: none;
    margin-left: 0;
    margin-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 0;
    font-family: Khula, sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
    text-decoration: none;
  }

  .en-link-4 {
    padding-top: 1px;
    font-size: 10px;
    position: absolute;
    top: 30px;
    left: 55px;
  }

  .left-nav-all-menu-mytheo-2 {
    float: none;
    width: 90%;
  }

  .menu-button-3 {
    flex: 1;
    justify-content: center;
    align-self: auto;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    display: block;
    position: static;
    left: auto;
    overflow: visible;
  }

  .nav-link-9 {
    color: #e7422a;
    flex: 0 auto;
    order: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 0 26px;
    font-family: Khula, sans-serif;
    font-size: 10px;
    font-weight: 700;
    position: static;
    inset: 0% 0% 0% -89px;
  }

  .nav-link-3-copy-3 {
    color: #fff;
    border-width: 2px;
    border-color: #e7422a;
    order: 1;
    padding-top: 0;
    padding-bottom: 0;
    font-family: Khula, sans-serif;
    font-size: 10px;
    font-weight: 700;
    display: none;
    position: static;
    inset: auto 0% auto 10px;
  }

  .promosi-left-menu {
    color: #333;
    letter-spacing: normal;
    text-transform: none;
    margin-left: 0;
    margin-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 0;
    font-family: Khula, sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
    text-decoration: none;
  }

  .div-block-38 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    display: block;
    left: auto;
  }

  .icon-11 {
    clear: none;
    -webkit-text-fill-color: transparent;
    background-color: #e7422a;
    -webkit-background-clip: text;
    background-clip: text;
    flex-direction: row;
    flex: 0 auto;
    order: 0;
    align-items: flex-start;
    max-height: none;
    margin-left: 0;
    padding-left: 0;
    display: block;
    position: relative;
    inset: 0% auto;
    overflow: visible;
  }

  .link-block-31 {
    flex: 0 auto;
    position: absolute;
    top: -31px;
    left: 69px;
  }

  .link-block-31.w--current {
    top: -31px;
    left: 61px;
    right: auto;
  }

  .text-block-50 {
    text-align: center;
    flex: 0 auto;
    align-self: center;
    margin-left: -10px;
  }

  .list-10 {
    flex-direction: column;
    flex: 0 auto;
    order: 0;
    justify-content: flex-start;
    align-self: flex-start;
    align-items: flex-start;
    width: 70%;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: auto;
    display: block;
  }

  .div-block-40 {
    flex-flow: column;
    align-items: flex-start;
    width: 100%;
    margin-left: 0;
    padding-left: 20px;
    padding-right: 0;
    display: flex;
    position: static;
    left: auto;
    overflow: hidden;
  }

  .div-block-41 {
    width: 100%;
  }

  .div-block-41.sidebar-menu {
    margin-top: 0;
    padding-top: 0;
    display: inline-block;
    overflow: scroll;
  }

  .list-item-7 {
    padding-left: 0;
  }

  .link-text {
    flex-direction: column;
    align-self: auto;
    align-items: flex-start;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    position: relative;
    inset: 0% auto 0% 0%;
  }

  .link-text.fade {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
    left: auto;
  }

  .div-block-42 {
    position: fixed;
    inset: 0% 0% 0% auto;
  }

  .link-subtext {
    width: 90%;
    display: block;
  }

  .list-item-8 {
    flex-flow: column wrap;
    flex: 1;
    align-self: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    list-style-type: disc;
    display: block;
  }

  .list-item-8.login {
    align-self: flex-start;
    max-width: 100%;
    margin-top: 0;
    padding-top: 10px;
    padding-bottom: 0;
    padding-left: 0;
    position: static;
  }

  .button-13 {
    justify-content: center;
    align-items: center;
    max-width: 100%;
    margin-top: 20px;
    padding: 12px 20px 8px;
    display: block;
    position: static;
    left: 6%;
  }

  .button-13.en {
    display: flex;
  }

  .menu-button-4 {
    padding-right: 15px;
  }

  .menu-button-4.hover {
    flex-direction: row;
    flex: 1;
    order: 0;
    justify-content: space-between;
    align-self: center;
    align-items: center;
    margin-top: 0;
    margin-right: auto;
    display: flex;
    position: relative;
    right: auto;
  }

  .div-block-43 {
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    padding-bottom: 20px;
  }

  .image-111 {
    margin-bottom: 16px;
    margin-left: -5px;
    margin-right: 5px;
    padding-left: 0;
  }

  .div-block-44 {
    clear: none;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    margin: 0 auto;
    display: flex;
    position: static;
    inset: 20px auto 0%;
  }

  .div-block-44.en-bm {
    justify-content: flex-start;
    align-items: center;
    margin-left: 0;
    padding-top: 10px;
    padding-bottom: 60px;
    display: flex;
    position: static;
    left: 0;
  }

  .div-block-45 {
    background-color: #fff;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    inset: 0% 0% auto;
  }

  .text-block-53 {
    text-align: center;
    margin-left: 0;
    padding-right: 0;
  }

  .columns-home-2 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-left: 0;
    padding-top: 0;
    padding-left: 0;
    display: flex;
  }

  .link-75 {
    color: #3a3535;
  }

  .heading-46 {
    margin-top: 0;
    padding-top: 0;
    font-size: 26px;
    line-height: 28px;
    position: static;
    top: -24px;
    left: auto;
  }

  .heading-46.difference {
    object-fit: contain;
    height: auto;
    font-size: 26px;
    line-height: 28px;
    top: -106px;
    overflow: visible;
  }

  .heading-44 {
    text-align: center;
    margin-left: 0;
    font-size: 26px;
    line-height: 28px;
  }

  .image-114 {
    float: none;
    text-align: center;
    object-fit: fill;
    width: 100%;
    max-width: none;
    margin-top: -100px;
    margin-bottom: 60px;
    padding-left: 0;
    padding-right: 0;
    display: inline-block;
    position: relative;
    top: 0;
  }

  .column-72 {
    justify-content: center;
  }

  .image-115 {
    object-fit: cover;
    position: absolute;
    inset: 0%;
  }

  .image-116 {
    float: none;
    clear: none;
    text-align: center;
    white-space: normal;
    object-fit: fill;
    border-radius: 0;
    width: auto;
    max-width: 100%;
    margin-top: 50px;
    display: block;
    position: relative;
    inset: 0% auto;
    overflow: auto;
  }

  .hero-mockup-description-block-2 {
    width: auto;
    height: auto;
    margin: 60px 60px auto;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .hero-mockup-description-block-2.most {
    margin-top: 60px;
  }

  .container-20 {
    z-index: 5;
    padding-left: 0;
    position: static;
  }

  .header-slider-icon-2 {
    margin-top: 205px;
    margin-left: 0;
    margin-right: 0;
    font-size: 20px;
  }

  .header-slider-icon-2.r {
    inset: 0% 0% 0% auto;
  }

  .slider-7 {
    height: 50vh;
  }

  .header-with-3-sliders, .header-with-3-sliders.hidden {
    display: none;
  }

  .slider-9 {
    margin-top: auto;
    margin-bottom: auto;
    display: block;
  }

  .text-mobile {
    text-align: center;
    flex-direction: column;
    display: block;
    position: relative;
  }

  .mb-main-slider {
    background-image: url('../images/main-file-V1.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .mb-esg-slider {
    background-image: url('../images/fields-edit.jpg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .links {
    max-width: 90%;
    display: inline;
    position: relative;
    right: auto;
    overflow: hidden;
  }

  .link-80 {
    font-family: Khula, sans-serif;
  }

  .mb-must-slider {
    background-image: url('../images/Architecture_1.jpg');
    background-position: 50%;
    background-size: cover;
  }

  .header-img-esg-2 {
    max-width: 100%;
  }

  .header-img-esg-2.header-must {
    padding-bottom: 10px;
  }

  .link-83 {
    color: #0a3161;
  }

  .bold-text-37 {
    margin-left: auto;
    margin-right: auto;
  }

  .paragraph-47 {
    width: 100%;
  }

  .bold-text-38 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-48, .div-block-49, .div-block-50 {
    display: flex;
  }

  .div-block-51 {
    justify-content: center;
    display: flex;
  }

  .div-block-52 {
    flex: 0 auto;
    display: flex;
  }

  .link-84 {
    display: block;
  }

  .div-block-53 {
    flex: 0 auto;
    justify-content: center;
    display: flex;
  }

  .div-block-54, .div-block-55 {
    flex: 1;
    display: flex;
  }

  .image-117 {
    padding-top: 20px;
  }

  .link-85 {
    display: inline-block;
  }

  .link-block-33 {
    margin-left: 0;
    margin-right: 0;
  }

  .div-block-56 {
    text-align: center;
  }

  .link-block-34 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .flashing {
    padding-top: 10px;
  }

  .readmore {
    width: 95%;
  }

  .readmore-block {
    max-width: 100%;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 0;
    padding-bottom: 0;
    top: -30px;
  }

  .image-120 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .essential-products-banner {
    min-height: 30vh;
    margin-top: 0;
    padding-top: 130px;
    padding-bottom: 80px;
  }

  .global-esg-anchor-menu-copy, .essential-anchor-menu {
    padding-top: 25px;
    padding-bottom: 15px;
  }

  .essential-anchor-menu-link-txt {
    min-height: 40px;
    font-size: 13px;
    line-height: 1em;
  }

  .essential-display-shadow {
    font-size: 72px;
  }

  .what-is-essential-sub-heading {
    max-width: 80%;
    margin-top: -50px;
  }

  .what-is-essential-diagram-heading {
    margin-bottom: 60px;
    font-size: 24px;
  }

  .how-to-essential-heading {
    padding-left: 15px;
    padding-right: 15px;
  }

  .how-to-essential-element {
    padding-left: 40px;
    padding-right: 40px;
  }

  .how-to-ess-element-p {
    display: block;
  }

  .ess-headline {
    font-size: 18px;
  }

  .ess-headline-p {
    display: block;
  }

  .mmp-banner {
    min-height: 30vh;
    padding-top: 130px;
    padding-bottom: 80px;
  }

  .mmf-display-shadow {
    font-size: 72px;
  }

  .what-is-mmf-sub-heading {
    max-width: 80%;
    margin-top: -50px;
  }

  .mmp-header-txt {
    margin-bottom: 20px;
    font-size: 16px;
    display: block;
  }

  .mmp-anchor-menu {
    padding-top: 25px;
    padding-bottom: 15px;
  }

  .mmp-display-shadow {
    font-size: 72px;
  }

  .how-to-mmp-heading {
    padding-left: 15px;
    padding-right: 15px;
  }

  .how-to-mmp-element {
    padding-left: 40px;
    padding-right: 40px;
  }

  .ess-header-txt {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 5px;
    margin-left: auto;
    font-size: 15px;
    display: block;
  }

  .header-img-ess, .header-img-mmp {
    max-width: 100%;
  }

  .mb-ess-slider {
    background-image: url('../images/mytheo-essential-products-kv.png');
    background-position: 50% 0;
    background-size: cover;
  }

  .mb-mmp-slider {
    background-image: url('../images/mytheo-money-market-portfolios-kv.png');
    background-position: 100% 0;
    background-size: cover;
  }

  .paragraph-50 {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .text-block-60 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .promotion-referral {
    width: 95%;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .referral-list {
    padding-left: 40px;
    padding-right: 10px;
  }

  .referral-list-item {
    font-size: 16px;
  }

  .div-block-57 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .app-walkthrough-explained-resources {
    background-color: var(--light-oren);
    background-image: url('../images/Obg.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 0;
    overflow: hidden;
  }

  .paragraph-51-copy {
    width: 100%;
  }

  .video-slide-15 {
    padding: 0;
  }

  .step-paragraph-51 {
    width: 100%;
  }

  .download-app-col {
    margin-left: 0;
    margin-right: 0;
  }

  .blog-link, .blog-link-2 {
    align-self: center;
    max-width: 90%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    overflow: auto;
  }

  .youtube-5 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .feature-blog {
    padding-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .feature-blog-heading {
    text-align: center;
  }

  .feature-blog-p {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .section {
    margin-left: 0;
    margin-right: 0;
  }

  .youtube-6 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .about-video-p {
    display: block;
  }

  .epp-etf-portfolio-table {
    padding: 40px 15px 10px;
  }

  .close-modal-button-copy {
    z-index: 2;
    z-index: 2;
    z-index: 2;
    z-index: 2;
    width: 35px;
    display: block;
  }

  .the-mytheo-difference-landing-page-copy {
    padding: 25px;
  }

  .the-mytheo-difference-landing-page-copy.bottom-space.en {
    object-fit: fill;
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
    width: 80%;
    max-width: 100%;
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 0;
    padding-bottom: 0;
    display: block;
    position: relative;
    top: auto;
  }

  .the-mytheo-difference-landing-page-copy.bottom-space {
    align-items: center;
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    display: block;
    position: relative;
    top: 0;
  }

  .columns-home-copy {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: auto;
    margin-left: 0;
    padding-top: 0;
    padding-left: 0;
    display: flex;
  }

  .column-72-copy {
    justify-content: center;
  }

  .heading-copy {
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    font-size: 26px;
    line-height: 28px;
    display: flex;
    position: static;
  }

  .the-mytheo-difference-landing-page-copy-2 {
    padding: 25px;
  }

  .the-mytheo-difference-landing-page-copy-2.bottom-space.en {
    object-fit: fill;
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
    width: 80%;
    max-width: 100%;
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 0;
    padding-bottom: 0;
    display: block;
    position: relative;
    top: auto;
  }

  .the-mytheo-difference-landing-page-copy-2.bottom-space {
    align-items: center;
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    display: block;
    position: relative;
    top: 0;
  }

  .link-86 {
    color: #3a3535;
  }

  .heading-47 {
    text-align: center;
    margin-left: 0;
    font-size: 26px;
    line-height: 28px;
  }

  .text-block-61 {
    text-align: center;
    margin-left: 0;
    padding-right: 0;
  }

  .image-122 {
    float: none;
    text-align: center;
    object-fit: fill;
    width: 100%;
    max-width: none;
    margin-top: auto;
    margin-bottom: 60px;
    padding-left: 0;
    padding-right: 0;
    display: inline-block;
    position: relative;
  }

  .image-88-copy {
    display: block;
  }

  .list-11 {
    max-width: 90%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
  }

  .list-11.blog-key-list, .list-11.blog-key-list.short-sentense {
    margin-left: 15px;
  }

  .list-11-copy {
    max-width: 90%;
    margin-left: 20px;
    margin-right: 0;
    padding-left: 20px;
  }

  .blog_body_post-justify-copy {
    text-align: left;
    flex-direction: column;
    align-self: center;
    width: 100%;
    max-width: 90%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    display: none;
    position: static;
    overflow: visible;
  }

  .link-87 {
    object-fit: fill;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
  }

  .blog-link-2-copy {
    align-self: center;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
  }

  .bold-text-41 {
    font-size: 25px;
  }

  .link-88 {
    max-width: 90%;
    padding-left: 0;
    font-size: 16px;
  }

  .blog_header_all-copy {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 110px 0 30px;
    display: flex;
  }

  .italic-text-4 {
    font-size: 11px;
    font-weight: 400;
  }

  .caption-copy {
    margin-left: 10px;
    margin-right: 10px;
  }

  .blog_body_post-justify-copy-copy {
    text-align: left;
    flex-direction: column;
    align-self: center;
    width: auto;
    max-width: 90%;
    margin-left: 10px;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    display: block;
    position: static;
    overflow: visible;
  }

  .paragraph-42-copy {
    max-width: 100%;
    margin-left: 15px;
    padding-left: 0;
    padding-right: 0;
  }

  .list-12 {
    margin-left: 0;
  }

  .limited-seat {
    text-align: center;
    width: 100%;
  }

  .blog_body_post-justify-copy.webinar-how-do-us {
    padding-left: 10px;
    padding-right: 10px;
  }

  .link-89 {
    overflow: hidden;
  }

  .list-13 {
    margin-left: 0;
    margin-right: 0;
    padding-right: 10px;
  }

  .blog-key {
    flex-direction: column;
    align-self: center;
    width: auto;
    max-width: 90%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    display: inline;
    position: static;
    overflow: visible;
  }

  .list-16.blog-point {
    margin-left: 10px;
    margin-right: 10px;
  }

  .div-block-60 {
    margin-left: 0;
    margin-right: 0;
  }

  .paragraph-52 {
    font-size: 16px;
  }

  .div-block-61.promo-read-more {
    height: 200px;
  }

  .list-item-23 {
    font-size: 16px;
  }

  .invest-now {
    margin-left: 10px;
    margin-right: auto;
  }

  .list-item-27, .list-item-28 {
    font-size: 16px;
  }

  .promotion-list {
    margin-left: 0;
    margin-right: 0;
    padding-right: 10px;
  }

  .promotion-para {
    flex-direction: column;
    align-self: center;
    width: auto;
    max-width: 90%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    display: inline;
    position: static;
    overflow: visible;
  }

  .readmore-block-copy {
    max-width: 100%;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 0;
    padding-bottom: 0;
    top: -30px;
  }

  .link-block-35 {
    text-align: center;
  }

  .image-125 {
    position: relative;
  }

  .text-block-62 {
    font-family: Open Sans, sans-serif;
    font-size: 14px;
    line-height: 22px;
    position: absolute;
    inset: 5% 0% 0%;
  }

  .div-block-62 {
    justify-content: center;
    align-items: center;
    position: relative;
  }

  .blog_body_post-justify-copy {
    flex-direction: column;
    align-self: center;
    width: auto;
    max-width: 90%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    display: inline;
    position: static;
    overflow: visible;
  }

  .code-embed {
    width: auto;
    height: auto;
    margin-left: 0;
    margin-right: 0;
  }

  .blog-list-ol {
    margin-left: 0;
    margin-right: 0;
  }

  .paragraph-59 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
  }

  .paragraph-60, .paragraph-61, .paragraph-62, .paragraph-63, .paragraph-64, .paragraph-65 {
    width: 100%;
  }

  .izdihar-banner {
    min-height: 30vh;
    padding-top: 130px;
    padding-bottom: 80px;
  }

  .mytheo-izdihar-header-text {
    margin-bottom: 20px;
    font-size: 20px;
  }

  .mytheo-izdihar-display-shadow {
    font-size: 72px;
  }

  .myteo-izdihar-anchor-menu {
    padding-top: 25px;
    padding-bottom: 15px;
  }

  .mytheo-izdihar-anchor-menu-link-txt {
    min-height: 40px;
    font-size: 13px;
    line-height: 1em;
  }

  .toggle-copy {
    padding-right: 20px;
  }

  .code-embed-10 {
    text-align: justify;
  }

  .cta-mainpage {
    border-radius: 50px;
    margin-top: 20px;
    padding-left: 40px;
    padding-right: 40px;
    line-height: 18px;
    display: block;
  }

  .cta-mainpage-mb {
    border-radius: 50px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px;
    line-height: 18px;
    display: block;
  }

  .mb-idzihar-slider {
    background-image: url('../images/Social-Media-Posting_EDM-Version-04.jpg');
    background-position: 0%;
    background-repeat: repeat-x;
    background-size: cover;
    background-attachment: scroll;
  }

  .izdihar-etf-portfolio-table {
    padding: 40px 15px 10px;
  }
}

#w-node-_83e93778-65a7-fc56-568e-0a1cd2a5ffcc-66d8f352, #w-node-_83e93778-65a7-fc56-568e-0a1cd2a5ffd0-66d8f352, #w-node-_83e93778-65a7-fc56-568e-0a1cd2a5ffd2-66d8f352, #w-node-_83e93778-65a7-fc56-568e-0a1cd2a5ffd4-66d8f352, #w-node-_83e93778-65a7-fc56-568e-0a1cd2a5ffd5-66d8f352, #w-node-a61d9159-637a-6906-f3d2-e0dcb0441b2d-66d8f352, #w-node-a61d9159-637a-6906-f3d2-e0dcb0441b31-66d8f352, #w-node-a61d9159-637a-6906-f3d2-e0dcb0441b33-66d8f352, #w-node-a61d9159-637a-6906-f3d2-e0dcb0441b35-66d8f352, #w-node-a61d9159-637a-6906-f3d2-e0dcb0441b36-66d8f352, #w-node-a10aabe9-c936-874f-ed16-1435a4635147-66d8f352, #w-node-a10aabe9-c936-874f-ed16-1435a463514b-66d8f352, #FrontPage_SliderBanner_GetStarted_Btn.w-node-a10aabe9-c936-874f-ed16-1435a463514d-66d8f352, #w-node-a10aabe9-c936-874f-ed16-1435a463514f-66d8f352, #w-node-a10aabe9-c936-874f-ed16-1435a4635150-66d8f352 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0b5e2d4c-8d48-da0e-ba97-957b37c48309-37c482cb {
  place-self: center;
}

@media screen and (min-width: 1920px) {
  #w-node-a10aabe9-c936-874f-ed16-1435a4635147-66d8f352 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a10aabe9-c936-874f-ed16-1435a463514b-66d8f352 {
    justify-self: auto;
  }
}

@media screen and (min-width: 1440px) {
  #w-node-_83e93778-65a7-fc56-568e-0a1cd2a5ffd6-66d8f352, #w-node-a61d9159-637a-6906-f3d2-e0dcb0441b37-66d8f352, #w-node-a10aabe9-c936-874f-ed16-1435a4635151-66d8f352 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_0b5e2d4c-8d48-da0e-ba97-957b37c48309-37c482cb {
    place-self: center;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_83e93778-65a7-fc56-568e-0a1cd2a5ffd0-66d8f352, #w-node-a61d9159-637a-6906-f3d2-e0dcb0441b31-66d8f352, #w-node-a10aabe9-c936-874f-ed16-1435a463514b-66d8f352 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_83e93778-65a7-fc56-568e-0a1cd2a5ffd0-66d8f352, #w-node-a61d9159-637a-6906-f3d2-e0dcb0441b31-66d8f352, #w-node-a10aabe9-c936-874f-ed16-1435a463514b-66d8f352 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_83e93778-65a7-fc56-568e-0a1cd2a5ffcc-66d8f352 {
    place-self: start;
  }

  #w-node-_83e93778-65a7-fc56-568e-0a1cd2a5ffd2-66d8f352 {
    justify-self: start;
  }

  #w-node-a61d9159-637a-6906-f3d2-e0dcb0441b2d-66d8f352 {
    place-self: start;
  }

  #w-node-a61d9159-637a-6906-f3d2-e0dcb0441b33-66d8f352 {
    justify-self: start;
  }

  #w-node-a10aabe9-c936-874f-ed16-1435a4635147-66d8f352 {
    place-self: start;
  }

  #FrontPage_SliderBanner_GetStarted_Btn.w-node-a10aabe9-c936-874f-ed16-1435a463514d-66d8f352 {
    justify-self: start;
  }
}


@font-face {
  font-family: 'Dinpro';
  src: url('../fonts/DINPro-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: auto;
}