section.timeline .wrapper{max-width:650px}section.timeline .wrapper .items{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;flex-wrap:auto;gap:48px;padding-left:20px;position:relative}section.timeline .wrapper .items:before{content:"";width:10px;background:#E0D0B4;height:100%;position:absolute;left:0;top:0;border-radius:10px}section.timeline .wrapper .items .item{width:100%;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;flex-wrap:auto}section.timeline .wrapper .items .item .image{width:100%;max-width:280px;max-height:300px;align-self:center;border-radius:8px 8px 0 0;overflow:hidden}section.timeline .wrapper .items .item .image picture{width:100%;height:100%}section.timeline .wrapper .items .item .image picture img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}section.timeline .wrapper .items .item .content{width:100%;padding:16px;border-radius:8px;position:relative;box-shadow:0 12px 12px #1f292d0d,0 8px 12px #1f292d14}section.timeline .wrapper .items .item .content p,section.timeline .wrapper .items .item .content p *{font-size:1.25rem}section.timeline .wrapper .items .item .content:before{content:"";position:absolute;left:-20px;top:calc(50% - 5px);width:10px;height:10px;border-radius:10px}section.timeline .wrapper .items .item .content:after{content:"";position:absolute;left:-10px;top:calc(50% - 10px);width:10px;height:10px;border-top:10px solid transparent;border-bottom:10px solid transparent}section.timeline .wrapper .items .item:nth-child(n) .content{background:#035431}section.timeline .wrapper .items .item:nth-child(n) .content:before{background:#035431}section.timeline .wrapper .items .item:nth-child(n) .content:after{border-right:10px solid #035431}section.timeline .wrapper .items .item:nth-child(n) .content *{color:#fff}section.timeline .wrapper .items .item:nth-child(2n) .content{background:#FFB548}section.timeline .wrapper .items .item:nth-child(2n) .content:before{background:#FFB548}section.timeline .wrapper .items .item:nth-child(2n) .content:after{border-right:10px solid #FFB548}section.timeline .wrapper .items .item:nth-child(2n) .content *{color:#3a3b3c}section.timeline .wrapper .items .item:nth-child(3n) .content{background:#66779C}section.timeline .wrapper .items .item:nth-child(3n) .content:before{background:#66779C}section.timeline .wrapper .items .item:nth-child(3n) .content:after{border-right:10px solid #66779C}section.timeline .wrapper .items .item:nth-child(3n) .content *{color:#fff}section.timeline .wrapper .items .item:nth-child(4n) .content{background:#F58345}section.timeline .wrapper .items .item:nth-child(4n) .content:before{background:#F58345}section.timeline .wrapper .items .item:nth-child(4n) .content:after{border-right:10px solid #F58345}section.timeline .wrapper .items .item:nth-child(4n) .content *{color:#fff}section.timeline .wrapper .items .item:nth-child(5n) .content{background:#54493A}section.timeline .wrapper .items .item:nth-child(5n) .content:before{background:#54493A}section.timeline .wrapper .items .item:nth-child(5n) .content:after{border-right:10px solid #54493A}section.timeline .wrapper .items .item:nth-child(5n) .content *{color:#fff}section.timeline .wrapper .items .item:nth-child(6n) .content{background:#5E2334}section.timeline .wrapper .items .item:nth-child(6n) .content:before{background:#5E2334}section.timeline .wrapper .items .item:nth-child(6n) .content:after{border-right:10px solid #5E2334}section.timeline .wrapper .items .item:nth-child(6n) .content *{color:#fff}@media only screen and (min-width: 992px){section.timeline .wrapper{max-width:1216px}section.timeline .wrapper .items{flex-direction:row;flex-wrap:wrap;padding:32px 0;gap:0}section.timeline .wrapper .items:before{left:calc(50% - 5px)}section.timeline .wrapper .items .item{flex-basis:calc(50% - 8px)}section.timeline .wrapper .items .item .image{max-width:350px}section.timeline .wrapper .items .item:nth-child(2n){align-self:flex-end;padding-left:23px;margin-top:10rem}section.timeline .wrapper .items .item:nth-child(odd){align-self:flex-start;padding-right:7px}section.timeline .wrapper .items .item:nth-child(odd) .content p,section.timeline .wrapper .items .item:nth-child(odd) .content p *{font-size:1.5rem}section.timeline .wrapper .items .item:nth-child(odd) .content:before{left:auto;right:-20px}section.timeline .wrapper .items .item:nth-child(odd) .content:after{left:auto;right:-10px;transform:rotate(180deg)}}