.company_history.vertical_standard {
  width: 100%;
  margin: 40px 0; }
  .company_history.vertical_standard.rtl .history_wrapper .history-item .year-wrapper {
    order: 4; }
    @media (max-width: 767px) {
      .company_history.vertical_standard.rtl .history_wrapper .history-item .year-wrapper {
        order: 1;
        text-align: right; } }
  .company_history.vertical_standard.rtl .history_wrapper .history-item .item-info {
    text-align: right; }
    .company_history.vertical_standard.rtl .history_wrapper .history-item .item-info .item-description-wrapper {
      max-width: 90%; }
      @media (max-width: 767px) {
        .company_history.vertical_standard.rtl .history_wrapper .history-item .item-info .item-description-wrapper {
          max-width: 100%; } }
  .company_history.vertical_standard .item-info .item-title {
    padding: 0;
    margin: 0 0 10px 0;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    font-family: var(--con_primary_font_family); }
    .company_history.vertical_standard .item-info .item-title:before, .company_history.vertical_standard .item-info .item-title:after {
      display: none; }
  .company_history.vertical_standard .item-info .item-description {
    font-size: 14px;
    line-height: 24px;
    font-family: var(--con_secondary_font_family);
    color: #9a9a9a; }
  .company_history.vertical_standard .image-wrapper {
    max-width: 350px;
    order: 2;
    padding-left: 70px;
    width: 100%; }
    @media (max-width: 767px) {
      .company_history.vertical_standard .image-wrapper {
        max-width: 300px;
        padding-left: 0;
        padding-bottom: 20px; } }
    .company_history.vertical_standard .image-wrapper img {
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .company_history.vertical_standard .history_wrapper:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 10%;
    bottom: 0px;
    width: 2px;
    background: #eaeaea; }
  .company_history.vertical_standard .history-item {
    clear: both;
    text-align: left;
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 40px; }
    @media (max-width: 767px) {
      .company_history.vertical_standard .history-item {
        flex-direction: column;
        align-items: baseline;
        padding-left: 22%;
        padding-right: 50px; } }
    .company_history.vertical_standard .history-item .year-wrapper {
      width: 10%;
      padding-right: 30px;
      position: relative; }
      @media (max-width: 767px) {
        .company_history.vertical_standard .history-item .year-wrapper {
          width: 100%;
          padding-right: 0;
          padding-bottom: 15px; } }
      .company_history.vertical_standard .history-item .year-wrapper .year {
        font-size: 20px;
        line-height: 24px;
        font-weight: 700;
        font-family: var(--con_primary_font_family);
        color: var(--con_base_color); }
    .company_history.vertical_standard .history-item .point-no-icon {
      content: '';
      position: absolute;
      width: 12px;
      height: 12px;
      background-color: var(--con_third_color);
      border-radius: 100%;
      top: 46%;
      left: calc( 10.1% - 12px / 2);
      z-index: 99; }
    .company_history.vertical_standard .history-item .point {
      position: absolute;
      top: 36%;
      left: calc( 10.1% - 48px /2);
      font-size: 20px;
      width: 48px;
      height: 48px;
      border-radius: 100%;
      background-color: #f1f1f1;
      display: flex;
      align-items: center;
      justify-content: center; }
      .company_history.vertical_standard .history-item .point .point_icon {
        width: 100%;
        text-align: center;
        color: var(--con_third_color); }
    .company_history.vertical_standard .history-item .item-info {
      width: 70%;
      padding-left: 30px;
      order: 3; }
      @media (max-width: 767px) {
        .company_history.vertical_standard .history-item .item-info {
          width: 100%;
          padding-left: 0; } }
      @media (min-width: 768px) and (max-width: 1023px) {
        .company_history.vertical_standard .history-item .item-info {
          width: 60%; } }
      .company_history.vertical_standard .history-item .item-info .item-title:before, .company_history.vertical_standard .history-item .item-info .item-title:after {
        display: none; }