.diagram{align-items:center;display:grid;gap:0;gap:20px;grid-template-columns:180px 180px 280px 120px 280px;grid-template-columns:200px 240px 240px 100px 200px;grid-template-columns:calc(20.41% - 1rem) calc(24.49% - 1rem) calc(24.49% - 1rem) calc(10.2% - 1rem) calc(20.41% - 1rem);grid-template-rows:1fr 1fr;max-width:1300px;width:100%}.diagram *{font-family:Ghost Meridian Sans,Arial,sans-serif}.hs-box{background-color:#fff;background-color:transparent;background-image:url(/hubfs/UTS%20College/Team%20Items/background-pattern.jpg);background-position:50% 25%;background-repeat:no-repeat;background-size:cover;border:0;font-size:1.5rem;font-weight:500;grid-column:1/2;grid-row:1/3;height:100%;line-height:1.25;padding:1rem;position:relative}.connector,.hs-box{align-items:center;display:flex;justify-content:center;text-align:center}.connector{flex-direction:column;flex-direction:row;gap:20px;padding:0 .5rem}.connector-text{font-size:1.1rem;font-size:1.275rem;font-weight:600;font-weight:400;line-height:1.2;line-height:1.33;margin-bottom:.25rem}.blue-text{color:#0f4beb}.red-text{color:#ff2305;font-weight:700}.arrow-svg{animation:bounceX 1s ease-in-out infinite;height:35px;width:65px}@keyframes bounceX{0%,to{transform:translateX(0)}50%{transform:translateX(8px)}}.conn-bottom-left .arrow-svg,.conn-bottom-right .arrow-svg{animation-delay:.3s}.pathway-box{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:500;height:120px;justify-content:center;padding:1.25rem .5rem;text-align:center}.blue-box{background-color:#1251ff;background-color:transparent;grid-column:3/4;grid-row:1/2;position:relative}.blue-box:before,.red-box:before{background-color:transparent;background-image:url(/hubfs/442455494/raw_assets/uts-college-theme-new/1540/js_client_assets/assets/tape-blue-Cb1wgZGB.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-size:140%;bottom:0;content:"";display:block;height:100%;left:0;position:absolute;right:0;top:0;transform:rotate(3deg);width:100%;z-index:-1}.red-box{background-color:#f20;background-color:transparent;grid-column:3/4;grid-row:2/3;position:relative}.red-box:before{background-image:url(/hubfs/442455494/raw_assets/uts-college-theme-new/1540/js_client_assets/assets/tape-red-ydx3ETck.png)}.conn-top-left{grid-column:2/3;grid-row:1/2}.conn-bottom-left{grid-column:2/3;grid-row:2/3}.conn-top-right{grid-column:4/5;grid-row:1/2}.conn-bottom-right{grid-column:4/5;grid-row:2/3}.final-box{align-items:center;animation:seqFinalBox var(--cycleDiagram) ease-out infinite,pulseShadow 2s ease-in-out infinite;background-color:#323232;background-color:transparent;background-image:url(/hubfs/UTS%20College/Team%20Items/background-pattern.jpg);background-position:50% 75%;background-repeat:no-repeat;background-size:cover;box-shadow:0 0 0 0 rgba(51,51,51,.5);color:#fff;display:flex;font-size:1.5rem;font-weight:500;grid-column:5/6;grid-row:1/3;height:100%;justify-content:center;line-height:1.3;opacity:0;padding:1.5rem .5rem;text-align:center}.final-box:before,.hs-box:before{bottom:0;content:"";display:block;height:100%;left:0;opacity:1;position:absolute;right:0;top:0;width:100%;z-index:-1}.final-box:before{background-color:#323232;mix-blend-mode:multiply}.blue-box,.final-box,.hs-box,.red-box{overflow:hidden}@keyframes pulseShadow{0%,to{box-shadow:0 0 0 0 rgba(51,51,51,.5)}50%{box-shadow:0 0 10px 5px rgba(51,51,51,.45)}}:root{--cycleDiagram:9.2s;--cycleDiagram:6.9s;--cycleDiagram:5.75s}@keyframes seqHsBox{0%,1.09%{opacity:0;transform:translateX(-24px)}7.61%,to{opacity:1;transform:translateX(0)}}@keyframes seqTextTL{0%,8.7%{opacity:0;transform:translateX(-24px)}13.04%,to{opacity:1;transform:translateX(0)}}@keyframes seqArrowTL{0%,11.96%{stroke-dashoffset:100}16.3%,to{stroke-dashoffset:0}}@keyframes seqBlueBox{0%,15.22%{opacity:0;transform:scale(.85)}19.57%,to{opacity:1;transform:scale(1)}}@keyframes seqArrowTR{0%,18.48%{stroke-dashoffset:100}22.83%,to{stroke-dashoffset:0}}@keyframes seqTextBL{0%,23.91%{opacity:0;transform:translateX(-24px)}28.26%,to{opacity:1;transform:translateX(0)}}@keyframes seqArrowBL{0%,27.17%{stroke-dashoffset:100}31.52%,to{stroke-dashoffset:0}}@keyframes seqRedBox{0%,30.43%{opacity:0;transform:scale(.85)}34.78%,to{opacity:1;transform:scale(1)}}@keyframes seqArrowBR{0%,33.7%{stroke-dashoffset:100}38.04%,to{stroke-dashoffset:0}}@keyframes seqFinalBox{0%,39.13%{opacity:0;transform:translateX(-24px)}45.65%,to{opacity:1;transform:translateX(0)}}.connector-text,.hs-box,.pathway-box{opacity:0}.arrow-svg path,.connector-text,.hs-box,.pathway-box{animation-duration:var(--cycleDiagram);animation-iteration-count:infinite;animation-timing-function:ease-out}.arrow-svg path{stroke-dasharray:100;stroke-dashoffset:100}.hs-box{animation-name:seqHsBox}.conn-top-left .connector-text{animation-name:seqTextTL}.conn-top-left .arrow-svg path{animation-name:seqArrowTL}.blue-box{animation-name:seqBlueBox}.conn-top-right .arrow-svg path{animation-name:seqArrowTR}.conn-bottom-left .connector-text{animation-name:seqTextBL}.conn-bottom-left .arrow-svg path{animation-name:seqArrowBL}.red-box{animation-name:seqRedBox}.conn-bottom-right .arrow-svg path{animation-name:seqArrowBR}@media (max-width:991px){.diagram{align-items:stretch;display:grid;gap:.75rem 1rem;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto auto;max-width:767px}.hs-box{font-size:1.275rem;grid-column:1/3;grid-row:1/2;height:auto;min-height:80px;width:100%}.conn-top-left{grid-column:1/2;grid-row:2/3}.blue-box{font-size:1.1rem;grid-column:1/2;grid-row:3/4;height:auto;line-height:1.1;min-height:70px;padding:.75rem;width:100%}.conn-top-right{grid-column:1/2;grid-row:4/5}.conn-bottom-left{grid-column:2/3;grid-row:2/3}.red-box{font-size:1.1rem;grid-column:2/3;grid-row:3/4;height:auto;line-height:1.1;min-height:70px;padding:.75rem;width:100%}.blue-box:before,.red-box:before{background-size:250%;transform:rotate(0deg)}.conn-bottom-right{grid-column:2/3;grid-row:4/5}.final-box{font-size:1.275rem;grid-column:1/3;grid-row:5/6;height:auto;min-height:80px;width:100%}.connector{flex-direction:column;gap:.35rem;padding:0}.connector-text{font-size:.85rem;font-size:1.15rem;margin-bottom:0}.arrow-svg{animation:bounceY 1s ease-in-out infinite;height:32px;width:32px}@keyframes bounceY{0%,to{transform:rotate(90deg) translateX(0)}50%{transform:rotate(90deg) translateX(8px)}}.conn-bottom-left .arrow-svg,.conn-bottom-right .arrow-svg{animation-delay:.3s}@keyframes seqHsBox{0%,1.09%{opacity:0;transform:translateY(-24px)}7.61%,to{opacity:1;transform:translateY(0)}}@keyframes seqTextTL{0%,8.7%{opacity:0;transform:translateY(-24px)}13.04%,to{opacity:1;transform:translateY(0)}}@keyframes seqTextBL{0%,23.91%{opacity:0;transform:translateY(-24px)}28.26%,to{opacity:1;transform:translateY(0)}}@keyframes seqBlueBox{0%,15.22%{opacity:0;transform:translateY(-16px) scale(.85)}19.57%,to{opacity:1;transform:translateY(0) scale(1)}}@keyframes seqRedBox{0%,30.43%{opacity:0;transform:translateY(-16px) scale(.85)}34.78%,to{opacity:1;transform:translateY(0) scale(1)}}@keyframes seqFinalBox{0%,39.13%{opacity:0;transform:translateY(-24px)}45.65%,to{opacity:1;transform:translateY(0)}}}