h1.title404{font-size:300px;background:-webkit-linear-gradient(314deg,#664ae9,#c7a5eb00 95%);font-weight:600;line-height:.8;text-align:center;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.CaseStudie-grid{margin-right:calc((100vw - 100% - (var(--bace-size) * 3)) * -1);overflow:auto;width:calc((100% + ((100vw - 100%) / 2)) - var(--bace-size))}.CaseStudie-grid,.CaseStudie-grid-row{display:flex;flex-flow:row;gap:calc(var(--bace-size) * 4)}.CaseStudieItem{flex:1;justify-content:center;overflow:hidden}.CaseStudieItem,.CaseStudieItem .textBox{display:flex;position:relative;height:100%}.CaseStudieItem .textBox{flex:2;flex-direction:column;justify-content:space-between;z-index:4;text-align:left}.CaseStudieItem .imgBox{flex:3;display:flex;justify-content:center;align-items:center;z-index:1;overflow:hidden;width:100%;min-height:397px;max-height:397px;position:relative}.CaseStudieItem .imgBox img,.CaseStudieItem .imgBox video{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;min-height:100%}.CaseStudieLightBox{position:fixed;bottom:0;z-index:10;background:rgba(0,0,0,.5);width:100%;height:100%;overflow:auto;overflow-x:hidden;display:flex;align-items:flex-end;justify-content:center}.CaseStudieLightBox .body{border-radius:calc(var(--bace-size) * 4) calc(var(--bace-size) * 4) 0 0;height:calc(100% - (var(--bace-size) * 10));width:calc(100% - (var(--bace-size) * 20));overflow:auto;overflow-x:hidden;display:flex;flex-direction:column;background:#000;max-width:1024px;box-shadow:0 15px 30px #000}.CaseStudieLightBox .body .header{height:220px;overflow:hidden;display:flex;align-items:flex-end;justify-content:flex-start;position:relative;padding:calc(var(--bace-size) * 4);box-shadow:0 15px 30px #000}.CaseStudieLightBox .header .imgBox{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:.3;z-index:0;left:0;top:0}.CaseStudieLightBox .header .imgBox img,.CaseStudieLightBox .header .imgBox video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:relative}.CaseStudieLightBox .body .sections{display:flex;flex-direction:column;overflow:auto;height:calc(100% - 220px);padding:calc(var(--bace-size) * 4);padding-bottom:calc(var(--bace-size) * 10);gap:calc(var(--bace-size) * 4)}.CaseStudieLightBox .sections .section{display:flex;align-items:center;background-color:#070708;border-radius:calc(var(--bace-size) * 4);height:auto}.CaseStudieLightBox .sections .section:nth-child(2n){flex-direction:row-reverse}.CaseStudieLightBox .section .left,.CaseStudieLightBox .section .rigth{flex:60%;padding:calc(var(--bace-size) * 6) calc(var(--bace-size) * 8);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:calc(var(--bace-size) * 2)}.CaseStudieLightBox .section .rigth{flex:40%;border-radius:0 calc(var(--bace-size) * 4) calc(var(--bace-size) * 4) 0;background-color:#111519;padding:0;overflow:hidden;display:flex;align-items:center;justify-content:center;height:100%}.CaseStudieLightBox .section .rigth .imgBox{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.CaseStudieLightBox .section .rigth .imgBox img,.CaseStudieLightBox .section .rigth .imgBox video{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.CaseStudieLightBox .section:nth-child(2n) .rigth{border-radius:calc(var(--bace-size) * 4) 0 0 calc(var(--bace-size) * 4)}.CaseStudieLightBox .left h1{font-weight:900;font-size:calc(var(--bace-size) * 5);text-transform:uppercase;line-height:1.2}.CaseStudieLightBox .header button{position:absolute;right:calc(var(--bace-size) * 4);top:calc(var(--bace-size) * 4);width:calc(var(--bace-size) * 6);height:calc(var(--bace-size) * 6);border-radius:50%;background:hsla(0,0%,100%,.9);z-index:5;display:flex;align-items:center;justify-content:center;transition:.3s;transform:rotate(0deg)}.CaseStudieLightBox .header button:after,.CaseStudieLightBox .header button:before{content:"";width:55%;transform:rotate(45deg);height:3px;border-radius:50px;background:#000;position:absolute;display:block;transition:.4s}.CaseStudieLightBox .header button:before{transform:rotate(-45deg)}.CaseStudieLightBox .header button:hover{transform:rotate(-90deg)}.CaseStudieLightBox .header button:hover:before{transform:rotate(-220deg)}.ctaContainer{display:flex;gap:calc(var(--bace-size) * 2)}@media screen and (max-width:900px){.CaseStudieItem .imgBox{flex:3;display:flex;justify-content:center;align-items:center;z-index:1;overflow:hidden;width:100%;min-height:300px;max-height:300px;position:relative}.CaseStudieLightBox .body{border-radius:calc(var(--bace-size) * 4) calc(var(--bace-size) * 4) 0 0;height:calc(100% - var(--bace-size));width:calc(100% - (var(--bace-size) * 2))}.CaseStudieLightBox .header button{right:calc(var(--bace-size) * 2);top:calc(var(--bace-size) * 2);width:calc(var(--bace-size) * 5);height:calc(var(--bace-size) * 5)}.CaseStudieLightBox .body .sections{height:calc(100% - 185px);padding:calc(var(--bace-size) * 4) calc(var(--bace-size) * 1) calc(var(--bace-size) * 8)}.CaseStudieLightBox .sections .section,.CaseStudieLightBox .sections .section:nth-child(2n){flex-direction:column-reverse}.CaseStudieLightBox .section .left{flex:auto;padding:calc(var(--bace-size) * 4) calc(var(--bace-size) * 4);gap:calc(var(--bace-size) * 2)}.CaseStudieLightBox .section .rigth,.CaseStudieLightBox .section:nth-child(2n) .rigth{flex:auto;height:250px;overflow:hidden;width:100%;border-radius:calc(var(--bace-size) * 4) calc(var(--bace-size) * 4) 0 0}.CaseStudieLightBox .left h1{font-size:calc(var(--bace-size) * 3.4)}.CaseStudieLightBox .textBox h1{font-size:calc(var(--bace-size) * 3)}.CaseStudieItem button{padding:calc(var(--bace-size) * 3);gap:calc(var(--bace-size) * 3)}}.ServiceRendering-grid{display:flex;flex-wrap:wrap;margin:auto;gap:calc(var(--bace-size) * 4)}.ServiceItem{flex:calc(33% - calc(var(--bace-size) * 2));display:flex;justify-content:center;background:#070809;box-shadow:0 10px 30px #000;border-radius:calc(var(--bace-size) * 4);overflow:hidden;position:relative}.ServiceItem:first-child,.ServiceItem:nth-child(4){flex:calc(60% - calc(var(--bace-size) * 2))}.ServiceItem:nth-child(2),.ServiceItem:nth-child(3){flex:calc(40% - calc(var(--bace-size) * 2))}.ServiceItem a{width:100%;min-height:100%;display:flex;justify-content:space-between;align-items:stretch;padding:calc(var(--bace-size) * 5);gap:calc(var(--bace-size) * 3);position:relative;flex:1;overflow:hidden}.ServiceItem a:after{width:200vw;height:200vw;background:rgba(90,1,126,.3);transition:.3s;transition-delay:.2s;z-index:2}.ServiceItem a:after,.ServiceItem a:before{content:"";display:block;position:absolute;border-radius:100%;transform:scale(1) translate(-10%,-40%);opacity:1;pointer-events:none}.ServiceItem a:before{width:150vw;height:150vw;background:rgba(0,103,134,.4);transition:.6s;z-index:0}.ServiceItem:hover a:after,.ServiceItem:hover a:before{transform:scale(0) translate(-10%,-40%)}.ServiceItem a .textBox{flex:60%;height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:calc(var(--bace-size) * 2);position:relative;z-index:4}.ServiceItem a .imgBox{flex:40%;display:flex;justify-content:flex-end;align-items:center;position:relative;z-index:1}.ServiceItem a .imgBox img,.ServiceItem a .imgBox video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;max-height:230px}.ServiceItem a .textBox>div{display:flex;flex-direction:column;gap:calc(var(--bace-size) * 2)}.ServiceItem a .textBox h6{font-size:calc(var(--bace-size) * 1.5);opacity:.8}.ServiceItem a .textBox h1{font-size:calc(var(--bace-size) * 4);line-height:1.2;opacity:1}.ServiceItem a .textBox p{font-size:calc(var(--bace-size) * 2);opacity:.9}.CaseStudie .ServiceItem a:after{width:100%;height:100%;top:0;left:0;border-radius:0;transform:scale(1) translate(0)}.CaseStudie .ServiceItem:hover a:after{background:rgba(0,0,0,.5)}.CaseStudie .ServiceItem a:before{display:none}.CaseStudie .ServiceItem a .imgBox{position:absolute;width:100%;height:100%;left:0;top:0}.CaseStudie .ServiceItem a .imgBox img,.CaseStudie .ServiceItem a .imgBox video{max-height:inherit}.CaseStudie .ServiceItem a .textBox{min-height:380px}.ContentAcc_HWWIcon{width:40px;height:40px;overflow:hidden;display:flex;justify-content:center;align-items:center}.ContentAcc_HWW_Column{background:linear-gradient(150deg,#21262f,#050310)}@media screen and (max-width:900px){.invertColumnInMobile{flex-flow:column-reverse}.ServiceItem{min-width:260px}.ServiceItem a{flex-flow:column-reverse}.ServiceItem a:after,.ServiceItem a:before{display:none}}