/* =====================
  Tokens in Design System
  (following https://medium.com/eightshapes-llc/tokens-in-design-systems-25dd82d58421)
===================== */
/* ==========[ TOKENS ]========== */
/* 1. Texts */
/* 2. Button */
/* 3. Brand */
/* 4. Background */
/* 5. Font */
/* 6. Border */
/* ==========[ DECISION ]========== */
/** VAR OLDS **/
/*-- Colors --*/
/*-- Text & Font --*/
/*-- Border, Shadow --*/
/*-- Main colors --*/
.feature-page-container .feature-page {
  padding: 30px 0; }
  .feature-page-container .feature-page .sidebar-menu {
    overflow: hidden;
    border-right: 1px solid #efefef; }
  .feature-page-container .feature-page__content {
    max-width: 670px; }
    @media (min-width: 768px) {
      .feature-page-container .feature-page__content {
        margin-left: 50px; } }
  .feature-page-container .feature-page .main-content {
    color: #333;
    padding-bottom: 20px; }
    .feature-page-container .feature-page .main-content .img-frame {
      display: inline-block;
      padding: 0; }
    .feature-page-container .feature-page .main-content strong {
      font-weight: 600; }
    .feature-page-container .feature-page .main-content .in-post-testimonial img {
      width: auto; }
    .feature-page-container .feature-page .main-content h1 {
      font-size: 42px;
      margin-bottom: 25px;
      margin-top: 0; }
    .feature-page-container .feature-page .main-content h2 {
      margin-top: 50px;
      margin-bottom: 12px; }
    .feature-page-container .feature-page .main-content h3 {
      margin-bottom: 12px;
      margin-top: 30px;
      font-size: 22px;
      line-height: 1; }

.books .sidebar-inner {
  border-right: 1px solid #efefef; }

.books .sidebar-menu {
  position: sticky;
  top: 100px;
  border-right: none; }

.feature-sections .general__wrapper a:hover .txt-title {
  color: #009f6f !important; }
