.bowtie-container{align-items:center;height:250px;justify-content:space-between;width:100%}.bowtie-container,.stage{display:flex;position:relative}.stage{box-sizing:border-box;color:inherit;height:100%;overflow:hidden;padding:5px;text-decoration:none;transition:background-color .3s ease,color .3s ease;width:calc(20% - 10px);z-index:1}.stage:hover{background-color:#000!important}.stage:hover .label{color:#fff}#stage1{background-color:#f99;clip-path:polygon(5% 0,100% 13%,100% 87%,5% 100%)}#stage2{background-color:#fc9;clip-path:polygon(5% 13.68%,5% 86.32%,100% 74%,100% 26%)}#stage3{background-color:#ff9;clip-path:polygon(5% 27.36%,5% 72.64%,100% 61%,100% 39%)}#stage4{background-color:#9f9;clip-path:polygon(5% 25%,95% 25%,95% 75%,5% 75%)}#stage5{background-color:#9fc;clip-path:polygon(0 39%,0 61%,95% 72.64%,95% 27.36%)}#stage6{background-color:#9cf;clip-path:polygon(0 26%,0 74%,95% 86.32%,95% 13.68%)}#stage7{background-color:#99f;clip-path:polygon(0 13%,0 87%,95% 100%,95% 0)}.label{align-items:center;color:#000;display:flex;font-weight:700;height:100%;justify-content:center;width:100%;z-index:3}.bowtie-image{left:85.5%;opacity:.5;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:8%;z-index:2}.bowtie-image img{height:auto;width:100%}@media (max-width:768px){.stage{width:100%}.bowtie-image{display:none}}