.ag-format-container{margin:0 auto;position:relative}.ag-timeline-block{overflow:hidden;direction:ltr;padding:32px 0}.ag-timeline_title-box{padding:0 0 30px;text-align:center}.ag-timeline_tagline{font-size:40px;color:#54595f}.ag-timeline_title{background-image:url(https://raw.githubusercontent.com/SochavaAG/example-mycode/master/pens/timeline/images/bg.jpg);background-repeat:no-repeat;background-position:50% 50%;background-size:cover;-webkit-background-clip:text;background-clip:text;color:transparent;font-size:80px}.ag-timeline_item{margin:0 0 200px;position:relative}.ag-timeline_item:last-child{margin:0}.ag-timeline_item:nth-child(2n){text-align:right}.ag-timeline{display:inline-block;width:100%;max-width:100%;margin:0 auto;position:relative}.ag-timeline_line{width:4px;background-color:#393935;position:absolute;top:2px;left:50%;bottom:0;overflow:hidden;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translate(-50%)}.ag-timeline_line-progress{width:100%;height:20%;background-color:var(--secondary)}.ag-timeline-card_box{padding:0 0 20px 50%}.ag-timeline_item:nth-child(2n) .ag-timeline-card_box{padding:0 50% 20px 0;display:flex;flex-direction:row-reverse;align-items:center}.ag-timeline-card_point-box{display:inline-block;margin:0 14px 0 -60px}.ag-timeline_item:nth-child(2n) .ag-timeline-card_point-box{margin:0 -60px 0 14px}.ag-timeline-card_point{direction:rtl;height:80px;line-height:80px;width:80px;background-color:var(--tertiary);text-align:center;font-family:IRANYekanXVF;font-size:24px;font-weight:700;color:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.js-ag-active .ag-timeline-card_point{color:var(--white);background-color:var(--secondary)}.ag-timeline-card_meta-box{display:inline-block}.ag-timeline-card_meta{margin:10px 0 0;font-family:IRANYekanXVF;font-weight:700;font-size:28px;color:var(--secondary)}.ag-timeline-card_item{display:inline-block;width:45%;margin:-120px 0 0;background-color:var(--tertiary);opacity:0;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 0 0 0 rgba(0,0,0,.5);-moz-box-shadow:0 0 0 0 rgba(0,0,0,.5);-o-box-shadow:0 0 0 0 rgba(0,0,0,.5);box-shadow:0 0 #00000080;-webkit-transition:-webkit-transform .5s,opacity .5s;-moz-transition:-moz-transform .5s,opacity .5s;-o-transition:-o-transform .5s,opacity .5s;transition:transform .5s,opacity .5s;position:relative}.ag-timeline_item:nth-child(odd) .ag-timeline-card_item{-webkit-transform:translateX(-200%);-moz-transform:translateX(-200%);-ms-transform:translateX(-200%);-o-transform:translateX(-200%);transform:translate(-200%)}.ag-timeline_item:nth-child(2n) .ag-timeline-card_item{-webkit-transform:translateX(200%);-moz-transform:translateX(200%);-ms-transform:translateX(200%);-o-transform:translateX(200%);transform:translate(200%)}.js-ag-active.ag-timeline_item:nth-child(odd) .ag-timeline-card_item,.js-ag-active.ag-timeline_item:nth-child(2n) .ag-timeline-card_item{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translate(0)}.ag-timeline-card_arrow{height:18px;width:18px;margin-top:20px;background-color:var(--tertiary);z-index:-1;position:absolute;top:0;right:0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.ag-timeline_item:nth-child(odd) .ag-timeline-card_arrow{margin-left:-9px;margin-right:-9px}.ag-timeline_item:nth-child(2n) .ag-timeline-card_arrow{margin-left:-9px;right:auto;left:0}.ag-timeline-card_img{width:100%}.ag-timeline-card_info{padding:20px 30px}.ag-timeline-card_title{display:none;margin:10px 0 0;font-family:IRANYekanXVF;font-weight:700;font-size:28px;color:var(--secondary)}.ag-timeline-card_desc{line-height:44px;font-size:22px;color:#fff;direction:rtl;text-align:right}@media only screen and (max-width:1350px){.ag-timeline_line{left:40px}.ag-timeline-card_box,.ag-timeline_item:nth-child(2n) .ag-timeline-card_box{padding:0 0 20px}.ag-timeline-card_meta-box{display:none}.ag-timeline-card_point-box,.ag-timeline_item:nth-child(2n) .ag-timeline-card_point-box{margin:0 0 0 8px}.ag-timeline-card_point{font-size:32px}.ag-timeline-card_item{width:auto;margin:-75px 0 0 95px}.ag-timeline_item:nth-child(odd) .ag-timeline-card_item,.ag-timeline_item:nth-child(2n) .ag-timeline-card_item{-webkit-transform:translateX(200%);-moz-transform:translateX(200%);-ms-transform:translateX(200%);-o-transform:translateX(200%);transform:translate(200%)}.ag-timeline_item:nth-child(odd) .ag-timeline-card_arrow{right:auto;left:0}.ag-timeline-card_title{display:block}.ag-timeline-card_arrow{margin-top:12px}.ag-timeline-card_point-box,.ag-timeline_item:nth-child(2n) .ag-timeline-card_point-box{margin:0}.ag-timeline-card_item{padding:0;direction:rtl}.ag-timeline-card_title{font-size:42px;color:var(--white);text-align:right}.ag-timeline-card_item{width:80%}.ag-timeline_item:nth-child(2n){text-align:left}.ag-timeline-card_desc{line-height:32px;font-size:32px}.ag-timeline_item:nth-child(2n) .ag-timeline-card_box{flex-direction:row}}@media only screen and (max-width:767px){.ag-format-container{width:96%}.ag-timeline-card_img{height:auto;width:auto}}@media only screen and (max-width:639px){.ag-timeline_title{font-size:60px}.ag-timeline-card_info{padding:10px 15px}.ag-timeline-card_desc{font-size:28px;line-height:32px;padding-bottom:12px}.ag-timeline-card_title{font-weight:700;font-size:36px;color:var(--white);text-align:right}.ag-timeline-card_point-box,.ag-timeline_item:nth-child(2n) .ag-timeline-card_point-box{margin:0}}@media only screen and (max-width:479px){.ag-timeline-card_item{width:auto}}@media(min-width:768px)and (max-width:1350px){.ag-format-container{width:750px}}@media(min-width:980px)and (max-width:1161px){.ag-format-container{width:960px}}@media screen and (min-width:1281px){.ag-timeline-card_point{direction:rtl;height:120px;line-height:120px;width:120px;background-color:var(--tertiary);text-align:center;font-family:IRANYekanXVF;font-size:20px;font-weight:700;color:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}}