#timeline-desktop,.ellipse-div{display:flex}#timeline-mobile{display:none}@media screen and (max-width:767px){#timeline-desktop{display:none}#timeline-mobile{display:block;margin-top:50px;display:flex;align-content:center;flex-direction:column;justify-content:flex-start;align-items:flex-start}.timeline-svg{width:100%;height:77px!important;top:71vh}.skewed-card{width:41vw!important;padding:3vw 0!important;margin-left:-18vw;top:76vh!important}.ellipse-div .text,.skewed-card .text{font-size:3.5vw!important}.ellipse-div{width:19vw!important;height:19vw!important;margin-left:26vw;top:76vh!important}}.time-line-main{position:relative;width:100%;height:80vh;display:flex;justify-content:center}.timeline-svg{position:absolute;height:100%}.timeline-item{position:absolute;z-index:2;will-change:transform,opacity,top}.ellipse-div{width:130px;height:130px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#f6f4f4;box-shadow:16px 4px 36px rgba(35,17,11,.11);border-radius:9999px;justify-content:center;align-items:center}.ellipse-div .text{text-align:center;color:#9747ff;font-size:24px;font-family:IRANSans,sans-serif;font-weight:700;white-space:nowrap}.skewed-card{width:270px;padding:32px 0;position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%) skewX(-15deg);background:rgba(255,255,255,.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 32px 0 rgba(0,0,0,.1);border:1px solid rgba(255,255,255,.18);border-radius:12px}.skewed-card .text{transform:skewX(15deg);background:linear-gradient(to left,#8a4fff,#3ec5e7);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:20px;font-weight:700;text-align:center}