.timeline {position: relative;margin: 1em auto;padding: 28px 0;list-style: none;border: 0px solid red;}.timeline:before {position: absolute;display: block;content: '';top: 0;right: auto;bottom: 0;left: 25px;width: 8px;margin: auto;background: #ccc;border-radius: 6px;}.timeline li {position: relative;width: calc(100% - 80px);height: auto;margin-left: auto;padding: 0;border-radius:6px;border: 1px solid rgb(0,0,0,.2);background: #f1f1f1;box-shadow: 0 0 8px rgba(0,0,0,.2);transition: all 0.28s;transition: background 0.6s ease-in-out;}.timeline li:hover {border: 1px solid #ccc;background: #fff;;}.timeline li:not(:last-of-type) {margin-bottom: 45px;}.timeline li .timeline_item_details {margin-bottom: 15px;}.timeline li .timeline_item_details h6 {display: flex;align-items: center;justify-content: center;width: 64px;height: 64px;margin: 0 0 10px;background: var(--color-primary);color: #fff;font-size: 1.3rem;font-weight: 100;border-radius: 50%;position: absolute;top: 10px;right: calc(100% + 14px);left: auto;}.timeline li .timeline_item_details p {margin: 0;padding: 1em 1em 0 1em;font-size: 1.02rem;font-weight: 80;}.timeline li .timeline_item_image {text-align: center;margin: 0;}.timeline li .timeline_item_image img {max-width: 100%;height: auto;object-fit: contain;vertical-align: top;margin: 0;border-radius: 6px;border: 1px solid var(--img-bdr-col);}@media (min-width: 768px) {.timeline:before {right: 0;left: 0;}.timeline li {width: calc(50% - 42px);margin-left: 0;}.timeline li:nth-child(even) {margin-left: auto;}.timeline li:nth-child(even) .timeline_item_details h6 {left: auto;right: calc(100% + 10px);}.timeline li .timeline_item_details {margin-right: 15px;}.timeline li .timeline_item_details h6 {left: calc(100% + 10px);right: auto;}.timeline li .timeline_item_image {left: calc(100% + 10px);}}@media (min-width: 992px) {.timeline li {display: flex;flex-grow: 0;}.timeline li .timeline_item_image {flex-shrink: 0;width: 50%;}}@media (min-width: 993px) {.timeline li .timeline_item_image img {width: auto;height: 100%;margin: 0;object-position: top;}}@media (max-width: 992px) {.timeline li .timeline_item_image img {width: 100%;height: auto;margin: 0;}}