.main{width:100%;height:auto;display:grid;place-items:center;padding:50px 0}.main .head{font-size:79px;color:rgba(91,14,216,.767);position:relative;margin-bottom:100px;font-weight:500}.main .head:after{content:" ";position:absolute;width:50%;height:3px;left:50%;bottom:-5px;transform:translateX(-50%)}.container{width:70%;height:auto;margin:auto 0;position:relative}.container ul{list-style:none}.container ul:before{content:" ";position:absolute;width:4px;height:100%;top:0;transform:translateX(-50%);background-image:linear-gradient(180deg,rgba(255,255,255,.767),rgba(255,255,255,.747))}.container ul li{height:auto;padding:15px 20px;position:relative;margin-bottom:30px;z-index:99}.container ul li:nth-child(4){margin-bottom:0}.container ul li .circle{position:absolute;width:50px;height:50px;top:0;display:grid;place-items:center}.circle:after{content:" ";width:50px;height:50px;border:2px solid white;border-radius:20%}.container ul li:nth-child(){float:right;clear:left;transform:translateX(30px)}ul li .heading{font-size:27px;color:white}ul li p{font-size:13px;color:white;line-height:18px;margin:15px 0 4px}ul li a{font-size:13px;text-decoration:none;color:rgb(18,54,214);transition:all .3s ease}@media only screen and (min-width:798px) and (max-width:1100px){.container{width:80%}}@media only screen and (max-width:798px){.container{width:70%;transform:translateX(20px)}.container ul:after{left:-40px}.container ul li{width:100%;float:none;clear:none;margin-bottom:80px}.container ul li .circle{left:-40px;transform:translate(-50%,-50%)}.container ul li .date{left:20px}.container ul li:nth-child(odd){transform:translateX(0);text-align:left}.container ul li:nth-child(2n){transform:translateX(0)}}@media only screen and (max-width:550px){.container{width:80%}.container ul li .circle,.container ul:after{left:-20px}}