#timeline-container{margin:70px 0 30px}#timeline-container>div:after{content:"";position:absolute;background-color:#32328e;transition:none}#timeline-container{display:grid;justify-content:center}.a{grid-area:a}.b{grid-area:b}.c{grid-area:c}.d{grid-area:d}.e{grid-area:e}.f{grid-area:f}.g{grid-area:g}.h{grid-area:h}.i{grid-area:i}.j{grid-area:j}.k{grid-area:k}.l{grid-area:l}@media screen and (max-width: 600px){#timeline-container{grid-template-columns:240px;grid-template-rows:repeat(12,auto);gap:40px;grid-template-areas:"a" "b" "c" "d" "e" "f" "g" "h" "i" "j" "k" "l"}#timeline-container>div:not(:last-child):after{height:40px;width:8px;top:calc(100% + 1px);left:calc(50% - 4px)}}@media screen and (min-width: 601px) and (max-width: 991px){#timeline-container{grid-template-columns:repeat(2,240px);grid-template-rows:repeat(6,auto);gap:40px 60px;grid-template-areas:"a b" "d c" "e f" "h g" "i j" "l k"}#timeline-container>div:nth-child(4n-3):after{height:8px;width:60px;top:calc(50% - 4px);left:calc(100% + 1px)}#timeline-container>div:nth-child(2n-1):after{height:8px;width:60px;top:calc(50% - 4px);right:calc(100% + 1px)}#timeline-container>div:nth-child(2n):not(:last-child):after{height:40px;width:8px;top:calc(100% + 1px);left:calc(50% - 4px)}}@media screen and (min-width: 992px) and (max-width: 1199px){#timeline-container{grid-template-columns:repeat(3,240px);grid-template-rows:repeat(4,auto);gap:40px 60px;grid-template-areas:"a b c" "f e d" "g h i" "l k j"}#timeline-container>div:nth-child(-n+2):after,#timeline-container>div:nth-child(n+7):nth-child(-n+8):after{height:8px;width:60px;top:calc(50% - 4px);left:calc(100% + 1px)}#timeline-container>div:nth-child(-n+5):after,#timeline-container>div:nth-child(n+10):nth-child(-n+11):after{height:8px;width:60px;top:calc(50% - 4px);right:calc(100% + 1px)}#timeline-container>div:nth-child(3n):not(:last-child):after{height:40px;width:8px;top:calc(100% + 1px);left:calc(50% - 4px)}}@media screen and (min-width: 1200px){#timeline-container{grid-template-columns:repeat(4,240px);grid-template-rows:repeat(3,auto);gap:40px 60px;grid-template-areas:"a b c d" "h g f e" "i j k l"}#timeline-container>div:nth-child(n+9):nth-child(-n+11):after,#timeline-container>div:nth-child(-n+3):after{height:8px;width:60px;top:calc(50% - 4px);left:calc(100% + 1px)}#timeline-container>div:nth-child(n+5):nth-child(-n+7):after{height:8px;width:60px;top:calc(50% - 4px);right:calc(100% + 1px)}#timeline-container>div:nth-child(4):after,#timeline-container>div:nth-child(8):after{height:40px;width:8px;top:calc(100% + 1px);left:calc(50% - 4px)}}#timeline-container>div{position:relative;display:flex;flex-direction:column;justify-content:center;border:1px solid #32328e;border-radius:10px;color:#32328e;padding:20px;background-color:#fff;transition:all .3s ease-in-out;min-height:200px}#timeline-container>div:nth-child(odd){background-color:#32328e;color:#fff}#timeline-container>div>h1{font-size:30px;text-align:center;color:#fff}#timeline-container>div>h2{font-size:24px;margin-bottom:10px;color:#fff}#timeline-container>div>span{font-size:14px;line-height:20px}#timeline-container>div:nth-child(2n)>h1,#timeline-container>div:nth-child(2n)>h2{color:#32328e}#timeline-container>div:hover{transform:scale(1.05);box-shadow:0 0 10px #3f3fb4;background-color:#3f3fb4}#timeline-container>div:nth-child(2n):hover{background-color:#fff}#timeline-container{counter-reset:card}#timeline-container>div{counter-increment:card;position:relative}#timeline-container>div:before{content:counter(card);position:absolute;top:10px;right:10px;font-size:18px;font-weight:700;width:30px;height:30px;line-height:28px;text-align:center;border-radius:50%;border:2px solid #32328e;background:#fff;color:#32328e}#timeline-container>div:nth-child(2n):before{background:#32328e;color:#fff}