.react-tabs {
  display: flex;
  width: 100%;
}
.dreamfox-tab-left {
  width: 15.5%;
  float: left;
}
.dreamfox-tab-left__box {
  border: 1px solid #ccc;
  float: left;
  border-right: 0;
  padding-left: 2px;
  min-height: 525px;
  width: 100%;
}
.dreamfox-tab-right {
  float: left;
  background: #fff;
  padding: 0px 20px 10px 25px;
  border-left: 1px solid #ccc;
  min-height: 516px;
  position: relative;
  width: 80%;
}
.dreamfox-tab-right__box {
  padding: 10px;
  margin: 10px 0px;
}
.react-tabs__tab-list {
  width: 100%;
  padding: 0;
  margin: 13px 0;
}
.react-tabs__tab {
    text-decoration: none;
    display: block;
    padding: 10px 0px 10px 13px;
    color: #2271b1;
    margin: 0 0 6px 0;
    cursor: pointer;
}
.react-tabs__tab:focus {
  box-shadow: none;
  outline: none;
}
.dreamfox-information__hero {
  display: block;
  width: 100%;
  max-width: 720px;
  height: auto;
  margin: 0 0 20px;
  border-radius: 6px;
  border: 1px solid #dcdcde;
}

.dreamfox-information__badge {
  display: inline-block;
  background: #f0f6fc;
  color: #2271b1;
  border: 1px solid #c3d9ed;
  border-radius: 4px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 12px;
}

.dreamfox-information__badge--premium {
  background: #edfaef;
  color: #1e7e34;
  border-color: #b8e0c0;
}

.dreamfox-information__intro {
  font-size: 14px;
  line-height: 1.6;
  max-width: 760px;
}

.dreamfox-information__heading {
  margin: 24px 0 10px;
  font-size: 15px;
}

.dreamfox-information__list {
  margin: 0 0 16px 18px;
  list-style: disc;
  max-width: 760px;
}

.dreamfox-information__list li {
  margin-bottom: 6px;
  line-height: 1.5;
}

.dreamfox-information__list--premium li {
  color: #3c434a;
}

.dreamfox-information__upgrade-box {
  border: 1px solid #dcdcde;
  background: #f6f7f7;
  padding: 20px 24px;
  margin: 24px 0;
  max-width: 760px;
  border-radius: 4px;
}

.dreamfox-information__upgrade-box h3 {
  margin-top: 0;
}

.dreamfox-information__cta-row {
  margin: 16px 0 0;
}

.dreamfox-information__cta {
  margin-right: 12px;
}

.dreamfox-information__link {
  font-weight: 500;
}

.dreamfox-information__feature-block {
  margin-bottom: 8px;
}

.dreamfox-information__links {
  margin-top: 24px;
  padding: 16px 20px;
  background: #f6f7f7;
  border: 1px solid #dcdcde;
  border-radius: 4px;
  max-width: 760px;
}

.dreamfox-information__links p {
  margin: 0 0 8px;
}

.dreamfox-information__links p:last-child {
  margin-bottom: 0;
}

.dreamfox-line {
  margin: 24px 0;
  border: 0;
  border-top: 1px solid #dcdcde;
}

.dreamfox-newsletter__intro {
  max-width: 760px;
  line-height: 1.6;
  margin-bottom: 16px;
}

.dreamfox-newsletter__banner {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 0 20px;
}

.dreamfox-newsletter__iframe {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  border: none;
  background: transparent;
}

.dreamfox-support__image {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 0 20px;
}

.dreamfox-support__faq {
  margin: 0 0 24px;
  max-width: 760px;
}

.dreamfox-support__faq-item {
  margin-bottom: 16px;
  padding: 12px 16px;
  background: #f6f7f7;
  border: 1px solid #dcdcde;
  border-radius: 4px;
}

.dreamfox-support__faq-item dt {
  font-weight: 600;
  margin-bottom: 6px;
  color: #1d2327;
}

.dreamfox-support__faq-item dd {
  margin: 0;
  line-height: 1.5;
  color: #3c434a;
}

.dreamfox-support__cta {
  margin-bottom: 16px;
}

.react-tabs__tab--selected {
  background: #fff;
  border-left: 2px solid #00a0d2;
  margin-left: -6px;
  position: relative;
  width: 167px;
  z-index: 9999;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding-left: 18px;
  font-weight: bold;
}