/* tailwind-equivalent.css */

/* Display utilities */
.hidden { display: none; }
 .block { display: block; }
.time_line .flex { display: flex; }
.time_line .grid { display: grid; }
.time_line .contents { display: contents; }
.time_line .inline-flex { display: inline-flex; }

/* Flex direction */
.time_line .flex-col { flex-direction: column; }

/* Justify & Align */
.time_line .justify-between { justify-content: space-between; }
.time_line .align-items-center { align-items: center; }
.time_line .place-items-center { place-items: center; }

/* Gap (converted rem → px) */
.time_line .gap-20 { gap: 50px; }
.time_line .gap-\[5\.1rem\] { gap: 51px; }
.time_line .gap-\[10\.1rem\] { gap: 101px; }
.time_line .gap-\[15\.1rem\] { gap: 151px; }
.time_line .gap-\[9rem\] { gap: 90px; }
.time_line .gap-\[8\.7rem\] { gap: 87px; }

/* Padding Start (ps) - logical property (rem → px) */
.time_line .ps-4 { padding-inline-start: 10px; }
.time_line .md\:ps-8 { padding-inline-start: 20px; }
.time_line .lg\:ps-16 { padding-inline-start: 40px; }
.time_line .xl\:ps-20 { padding-inline-start: 50px; }

/* Max-width */
.time_line .max-w-\[61rem\] { max-width: 610px; }
.time_line .max-w-full { max-width: 100%; }

/* Width & Margin */
.time_line .w-full { width: 100%; }
.time_line .mx-auto { margin-left: auto; margin-right: auto; }

/* Positioning */
.time_line .relative { position: relative; }
.time_line .absolute { position: absolute; }
.time_line .top-0 { top: 0; }
.time_line .bottom-0 { bottom: 0; }
.time_line .left-0 { left: 0; }
.time_line .right-0 { right: 0; }
.time_line .z-1 { z-index: 1; }

/* Text */
.time_line .text-white { color: #fff; }
.time_line .fz-40 { font-size: clamp(15px, 3.5vw, 25px); }

/* Borders */
.time_line .border { border-width: 1px; }
.time_line .border-0 { border: 0; }
.time_line .rounded { border-radius: 2.5px; } /* 0.25rem → 2.5px */
.time_line .rounded-full { border-radius: 9999px; }

/* Background */
.time_line .bg-secondary { background-color: #111; }

/* Sizing */
.time_line .w-auto { width: auto; }
.time_line .h-auto { height: auto; }

/* Grid Columns */
.time_line .grid-cols-1 { grid-template-columns: 1fr; }
.time_line .grid-cols-2 { grid-template-columns: 1fr 1fr; }

/* Container (Tailwind-style) */
.time_line .container {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-right: 30px;
	padding-left: 30px;
}

/* Responsive: Mobile to Desktop */
@media (min-width: 768px) {
   .md\:block { display: block; }
    .md\:hidden { display: none; }
     .md\:ps-8 { padding-inline-start: 20px; }
	 .md\:gap-\[10\.1rem\] { gap: 101px; }
}

@media (min-width: 1024px) {
  .time_line .lg\:ps-16 { padding-inline-start: 40px; }
	.time_line .lg\:gap-\[15\.1rem\] { gap: 151px; }
}

@media (min-width: 1280px) {
    .time_line .xl\:ps-20 { padding-inline-start: 50px; }
}

@media (min-width: 1750px) {
  .time_line .container {
    max-width: 1750px;
  }
}