.gradient-line--container{height:8px;margin:10px 0 5px;position:relative;z-index:2}.gradient-line{background:linear-gradient(90deg,#e05600,#ff8f27 25%,#ffc400 50%,#5cb5e8 75%,#1664d2);border-radius:0;height:8px;transform:translateX(-100%);transition:all 1s;transition-delay:.25s;width:100%}.gradient-line.right-left{left:100%;position:absolute;top:0;transform:scaleX(-1) translateX(0)}.inView .gradient-line{transform:translateX(0)}.inView .gradient-line.right-left{left:0;transform:scaleX(-1) translateX(0)}.sec-header{background:#fff;border-radius:0 0 0 10px;color:#1f2830;font-family:Encode Sans Expanded;font-size:22px;font-weight:900;max-height:0;overflow:hidden;padding:0 12px;position:absolute;right:0;transition:all .5s;transition-delay:1.25s}.inView .sec-header{max-height:50px;padding:3px 12px}