<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">  ul.marker {
    text-align: justify;
    position: relative;
    padding: 0;
  }
  ul.marker:before {
    content: '';
    width: 85%;
    border: 8px solid #ee994a;
    position: absolute;
    top: 5em;
    margin-left: 50px;
  }
  ul:after {
    content: "";
    display: inline-block;
    width: 100%;
  }

  
  ul.marker li {
    width: 11em;
    height: 11em;
    text-align: center;
    line-height: 11em;
    border-radius: 50%;
    background: #ee994a;
    margin: 0em;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    color: white;
  }
  
  ul.marker span.icon {
  	z-index: 100;
  }

  ul.marker span.text {
    color: #FFFFFF;
    font-size: 22px;
    font-family: 'Gilroy', Sans-Serif;
    font-weight: 600;
    letter-spacing: 0.5px;
    line-height: 25px;
    margin-top: 15px;
    width: 120%;
  }
  
  @media screen and (max-width: 768px) {
  	ul.marker {
  		display: inline-grid;
  	}
  	ul.marker:before {
  		display: none;
  	}
  	.list-wrapper {
  		text-align: center;
  	}
  	ul.marker li {
  		margin-bottom: 5em;
  	}
  	ul.marker span.icon {
  		margin-top: 2em;
  	}
  	ul.marker span.text {
  		margin-top: 2em;
  	}
  }</pre></body></html>