.sociales {
  text-align: center;
  margin-bottom: 20px;
}

  .timeline {
    width:100%;
    overflow: hidden;
    position: relative;
    background: url('../img/dot.png') left 45px repeat-x;
    text-align: center;
  }
  .timeline {
    margin-top: 20px;
}
   .dates {
    width: 900px;
    height: 60px;
    display: flex;
    gap: 8x;
    margin-bottom: 0;
    padding:6px 20px;
}
      .dates li {
        list-style: none;
        float: left;
        width: 100px;
        height: 45px;
        font-size:12px;
        font-weight: 500;
        text-align: center;
        background: url('../img/biggerdot.png') center bottom no-repeat;
      }
.dates a {
    line-height: 29px;
    padding-bottom: 10px;
    color: var(--heading1);
    font-size: 11px;
}
 .dates .selected {
    font-size: 18px;
    color: var(--theme-color);
    font-weight: 800;
}
    .roadmap-section .price-card {
    min-height:400px;
    padding: 10px;
}
.roadmap-section .price-card .box-title{
  padding-left: 10px;
  padding-top: 10px;
  padding-right: 10px;
}
    .issues {
      width: 400px;
      padding:20px;
      padding-bottom: 0px !important;
      padding-top:0px !important;
      overflow: hidden;
      margin-bottom: 0;

    } 
      .issues li {
        width:400px;
        list-style: none;
        text-align: center;
        float: left;
        margin-left: -20px;
        position: relative;
      }
        .issues li.selected img {
          -webkit-transform: scale(1.1,1.1);
          transform: scale(1.1,1.1);
        }
        .issues li img {
          background: transparent;
          -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */   
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE 6 & 7 */      
          zoom: 1;
          -webkit-transition: all 2s ease-in-out;
          transition: all 2s ease-in-out;
          -webkit-transform: scale(0.2,0.2);
          transform: scale(0.2,0.2);
          object-fit: contain;
          height:120px;
          width: 120px;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px dashed #ddd;
    border-radius: 50%;
        }
        .issues li h1 {
          color: #0b73b6;
          font-size: 48px;
          margin: 20px 0;
          text-shadow: #000 1px 1px 2px;
        }
       .issues li p {
    font-size: 13px;
    /* margin-right: 85px; */
    font-weight: normal;
    line-height: 18px;
    font-weight: 500;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: table;
}
    
    
    .next,
    .prev {
      position: absolute;
      top: 0;
      font-size: 70px;
      top: 170px;
      width: 22px;
      height: 38px;
      background-position: 0 0;
      background-repeat: no-repeat;
      text-indent: -9999px;
      overflow: hidden;
    }
      .next:hover,
      .prev:hover {
        background-position: 0 -76px;
      }
      .next {
        right:0px;
        background-image: url('../img/next.png');
      }
      .prev {
        left: 0;
        background-image: url('../img/prev.png');
      }
        .next.disabled,
        .prev.disabled {
          opacity: 0.2;
        }
.timeline ul li p {
    margin-bottom: 0;
}