/* =====================
  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 --*/
.compare-entry-wrapper {
  overflow: hidden; }
  .compare-entry-wrapper .container.content {
    max-width: 800px; }
    .compare-entry-wrapper .container.content p {
      font-size: 17px;
      margin-bottom: 1.2rem; }
      .compare-entry-wrapper .container.content p img {
        display: inline-block;
        padding: 30px;
        width: 130%;
        position: relative;
        left: calc(-65% + 50%); }
  .compare-entry-wrapper strong {
    font-weight: 600; }
  .compare-entry-wrapper h1, .compare-entry-wrapper h2 {
    font-weight: 700;
    margin-bottom: 15px;
    color: #24292e; }
  .compare-entry-wrapper h1 {
    font-size: 3rem;
    margin-top: 0; }
  .compare-entry-wrapper h2 {
    margin-top: 60px;
    font-size: 1.75rem; }
  .compare-entry-wrapper h3 {
    margin-top: 2rem;
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 12px;
    color: #24292e; }
  .compare-entry-wrapper ul {
    margin-bottom: 1.2rem;
    font-size: 16px; }
  .compare-entry-wrapper li {
    margin-bottom: 0.8rem;
    font-size: 16px; }
  .compare-entry-wrapper li:last-child {
    margin-bottom: 32px; }
  .compare-entry-wrapper li > ul {
    margin-top: 4px; }
  .compare-entry-wrapper .float-child {
    width: 1200px;
    position: relative;
    left: calc(-200px); }
    @media (max-width: 1230px) {
      .compare-entry-wrapper .float-child {
        width: 100%;
        left: 0; } }
  .compare-entry-wrapper .testimonials {
    padding: 60px 60px 40px 60px;
    position: relative;
    border-radius: 8px;
    margin: 30px auto; }
    @media (max-width: 768px) {
      .compare-entry-wrapper .testimonials {
        width: 100%;
        padding: 60px 30px 20px; } }
  .compare-entry-wrapper .explain-section {
    margin: 25px 0;
    display: flex; }
    .compare-entry-wrapper .explain-section__icon {
      display: flex;
      width: 110px;
      justify-content: center; }
      .compare-entry-wrapper .explain-section__icon img {
        width: 30px;
        height: 30px; }
    .compare-entry-wrapper .explain-section__paragraph {
      width: calc(100% - 110px); }
      .compare-entry-wrapper .explain-section__paragraph h3 {
        margin-top: 0; }
  .compare-entry-wrapper .data-insights, .compare-entry-wrapper .item-section {
    width: 120%;
    position: relative;
    left: calc(-60% + 50%); }
    @media (max-width: 991px) {
      .compare-entry-wrapper .data-insights, .compare-entry-wrapper .item-section {
        width: 100%;
        left: 0; } }
  .compare-entry-wrapper .spread-container {
    margin: 60px 0;
    width: 140%;
    position: relative;
    left: calc(-70% + 50%); }
    @media (max-width: 991px) {
      .compare-entry-wrapper .spread-container {
        width: 100%;
        left: 0; } }