/* Timeline Section */ .timeline { background-color: white; scroll-margin-top: 225px; } .timeline-container { height: min-content; margin: 150px 0; position: relative; } .entries { display: flex; flex-direction: column; gap: 150px; padding: 50px 0; } .timeline-container::before { content: ""; position: absolute; top: 0; left: 50%; height: 100%; transform: translateX(-50%); width: 4.5px; background-color: #e2001e; background: repeating-linear-gradient( to bottom, rgb(255, 222, 222) 35%, #e2001e 55%, rgb(255, 222, 222) 75% ); } .entry { display: flex; align-items: center; gap: 8%; position: relative; } .entry::before { content: ""; position: absolute; width: 14px; height: 14px; border: 4px solid #e2001e; background-color: white; border-radius: 100%; top: 50%; right: 50%; transform: translate(50%, -50%); z-index: 1; } .timeline-img { width: 46%; aspect-ratio: 14 / 9; object-fit: cover; border-radius: 12px; } @media only screen and (min-width: 992px) { .img-mobile { display: none; } } .info-container { float: right; text-align: left; width: 46%; } .timeline .subheading { font-size: calc(14.4px + 0.390625vw); margin-bottom: 10px; } .timeline .section-title { font-size: 2.5vw; margin-bottom: 30px; } /* Counter Section */ .counter { background-color: #f9f9f9; } .counter-container { padding: 50px 0; display: grid; grid-template-columns: 30% 1fr 1fr; height: 300px; } .counter-content { display: flex; flex-direction: column; align-items: center; justify-content: center; grid-gap: 5px; } .value { font-size: calc(52px + 0.390625vw); font-weight: 600; color: rgba(0, 0, 0, 0.9); } .prefix { font-size: 17px; font-weight: 500; letter-spacing: 1.2px; color: rgba(0, 0, 0, 0.6); } /* Business Clients Section */ .business-clients { background-color: white; }