

.pricing-overages {
	text-decoration: none;
	border-bottom: 1px dotted #000000;
}


.timeline {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.timeline {
	list-style: none;
	margin: 0;
	
	
	padding: 0 0 5rem 0;
	width: 100%;
	.timeline-item {
	  position: relative;
	  padding-left: 2rem;
	  .timeline-info {
		white-space: nowrap;
		margin-bottom: 0.5rem;
	  }
	  .timeline-content {
		padding-bottom: 4rem;
		
	  }
	  .timeline-marker {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 0.6rem;
		color: var(--ar-primary);
		&:before,
		&:after {
		  content: "";
		  display: block;
		  position: absolute;
		}
		&:before {
		  background: currentColor;
		  border-radius: 100%;
		  width: 0.55rem;
		  height: 0.55rem;
		  top: 0.2rem;
		  left: 0;
		}
		&:after {
		  width: 1px;
		  background: var(--ar-gray-400);
		  top: 1rem;
		  left: 0.25rem;
		  bottom: 0;
		}
	  }
	  &:last-child {
		padding-bottom: 0;
		.timeline-content {
		  padding-bottom: 0;
		}
		.timeline-marker:after {
		  content: none;
		}
	  }
	}
  }
  @media (min-width: 768px) {
	.timeline {
	  display: table;
	  .timeline-item {
		display: table-row;
		padding: 0;
		.timeline-info,
		.timeline-marker,
		.timeline-content{
		  display: table-cell;
		  vertical-align: top;
		}
		.timeline-info {
		  text-align: right;
		  padding-right: 1.5rem;
		}
		.timeline-marker {
		  position: relative;
		}
		.timeline-content {
		  padding-left: 1.5rem;
		  .timeline-title {
			margin-top: -0.50rem;
			margin-bottom: 0.50rem;
		  }
		}
	  }
	}
  }

.pricing-card {
    min-width: 19rem;
}

@media (max-width: 991px) {
    .pricing-card {
        margin-bottom: 16px;
    }
}

.mobile-plan-tab {
    background: white;
    border: solid 1px rgba(0,0,0,0.1);
    border-right: none;
    font-weight: 500;
    color: rgba(0,0,0,0.6);
}

.mobile-plan-tab:last-child {
  border-right: 1px solid rgba(0,0,0,0.1);
}

.mobile-plan-tab.active {
    border: solid 1px #1a9ad8;
    background: #f6fbfe;
    color: #1a9ad8;
}

.mobile-plan-tab.active + .mobile-plan-tab {
  border-left: none;
}

