/*===================================================================================*/
/*  Global | Variables | Partial
/*===================================================================================*/
.app-tab {
  background: #00aeef;
  margin-top: 12rem;
}
@media screen and (min-width: 0) and (max-width: 47.9375em) {
  .app-tab {
    margin-top: 0rem;
  }
}
.app-tab__wrapper {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 124.5rem;
}
@media screen and (min-width: 0) and (max-width: 63.9375em) {
  .app-tab__wrapper {
    max-width: 119.5rem;
  }
}
@media screen and (min-width: 0) and (max-width: 63.9375em) {
  .app-tab__wrapper {
    padding-left: 1.6666666667rem;
    padding-right: 1.6666666667rem;
  }
}
@media screen and (min-width: 64em) {
  .app-tab__wrapper {
    padding-left: 3.75rem;
    padding-right: 3.75rem;
  }
}
@media screen and (min-width: 0) and (max-width: 47.9375em) {
  .app-tab__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 48em) {
  .app-tab__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (min-width: 64em) {
  .app-tab__wrapper {
    padding-left: 3.75rem;
    padding-right: 3.75rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.app-tab__col-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 48em) {
  .app-tab__col-1 {
    width: 40%;
  }
}
.app-tab__title {
  max-width: 26rem;
}
@media screen and (min-width: 48em) {
  .app-tab__col-2 {
    width: 60%;
  }
}
.app-tab__content__wrapper {
  -webkit-transition: height 1.5s cubic-bezier(0.77, 0, 0.175, 1);
  transition: height 1.5s cubic-bezier(0.77, 0, 0.175, 1);
}
/*# sourceMappingURL=app-tab.css.map */