:root{--primary:linear-gradient(to bottom right,#0a0057,#3f00ee);--secondary:gold;--text:#fff}*{box-sizing:border-box}body{align-items:center;background-color:#f1f1f1;color:#4b4b4b;display:flex;flex-direction:column;font-family:Roboto;margin:0;padding:0}.nav-bar{animation-duration:1s;animation-name:slidein}@keyframes slidein{0%{transform:translateY(-100px)}to{transform:translateY(0)}}.nav-bar{bottom:auto;color:#646464;justify-content:space-between;left:0;margin-left:auto;margin-right:auto;max-width:1200px;padding-left:72px;padding-right:72px;position:fixed;right:0;top:32px;z-index:6}.lang-box,.nav-bar{align-items:center;display:flex}.back-button-holder{display:flex;justify-content:left}.back-button{align-items:center;background-color:#ebebeb;border-radius:50%;box-shadow:5px 5px 20px hsla(0,0%,67%,.8);cursor:pointer;display:flex;height:55px;justify-content:center;transition:all .1s ease-in-out;width:55px}.back-button:hover{background-color:#e6e6e6;scale:.93}.back-button-img{height:20px;opacity:.4}.empty-box{justify-content:space-between}.empty-box,.en-button,.fr-button{align-items:center;display:flex;justify-content:center}.en-button,.fr-button{border-radius:30%;cursor:pointer;height:55px;margin:0 5px;transform:translate3d(.73892px,.7382px,0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg,0deg);transform-style:preserve-3d;width:55px;will-change:transform}.en-button{background-image:linear-gradient(117deg,#fce3e3,#e9acac);border:2px solid #8f8f8f}.fr-button{background-image:linear-gradient(117deg,#e3effa,#a2b8e2)}.right-button{flex-direction:column;row-gap:15px}.right-button,.right-button-text{display:flex;justify-content:center}.right-button-text{align-items:center;background-color:#ebebeb;border:none;border-radius:12px;box-shadow:5px 5px 20px hsla(0,0%,67%,.8);column-gap:5px;cursor:pointer;height:55px;transition:scale .1s ease-in-out;width:120px}.right-button-text:hover{background-color:#e6e6e6;scale:.98}.arrow{border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #fff;transition:transform .3s ease-in-out}.arrow2{height:20px}.arrow-inactive{rotate:0deg}.arrow-active,.arrow-inactive{transition:all .2s ease-in-out}.arrow-active{rotate:90deg}.drop-down{animation-duration:1s;animation-name:slideins;background-color:#ebebeb;border-radius:10px;box-shadow:5px 5px 20px hsla(0,0%,67%,.8);display:flex;flex-direction:column;position:absolute;right:70px;top:70px;transition:all .2s ease-in-out;width:400px}@keyframes slideins{0%{transform:translateY(-10px)}to{transform:translateY(0)}}.drop-down-inactive{display:none}.case-holder{align-items:center;border-radius:10px;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:35px;margin:5px;padding:10px}.case-holder:hover{background-color:#e2e2e2}.case-study{display:flex;flex-direction:column;font-size:18px;letter-spacing:.5px;line-height:1.6;margin-top:50px;row-gap:30px;width:1000px}p{margin:0}.banner-img-holder{display:flex;justify-content:center}.banner{width:600px}.company-logo{height:30px}.case-info{display:flex;flex-direction:column;row-gap:5px}.case-name{-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(180deg,#ee86b3,#659edf);color:transparent;font-size:38px;font-weight:700}.container{display:grid;flex-direction:column;grid-template-columns:1.8fr 1.2fr;padding:20px 10px;text-transform:capitalize}.main-video video{border-radius:.5rem;width:100%}.title{font-size:18px;font-weight:700}.video img{height:50px;width:50px}.main-video,.video-playlist{width:100%}.video-playlist{height:100%;margin-left:10px}.video-playlist p{font-size:14px}.playlist-title{font-size:24px;font-weight:700}.video,.videos{display:flex}.videos{flex-direction:column;height:50%;margin-top:10px;overflow-y:auto;padding:10px;row-gap:10px}.videos::-webkit-scrollbar{background-color:#e6e6e6;border-radius:10px;width:5px}.videos::-webkit-scrollbar-thumb{background-color:gray;border-radius:10px}.video{align-items:center;background-color:#ebebeb;border-radius:10px;column-gap:5px;cursor:pointer;justify-content:center;padding:10px}.active,.video:hover{background-color:#d8d8d8}.video img{filter:invert(80%);height:25px;margin-left:10px;margin-right:10px;width:25px}.video-info,.video-title{font-size:16px}.video-title{font-weight:700;margin-left:8px;width:250px}.video.active img{filter:invert(20%)}.footer{align-items:center;background-color:#ddd;color:gray;display:flex;flex-direction:column;height:200px;justify-content:center;margin-top:50px;row-gap:20px;width:100%}.logo-holder{column-gap:20px;display:flex}.social-logo{cursor:pointer;height:45px;opacity:.8;transition:all .5s ease-in-out}.social-logo:hover{opacity:1;transition:all .5s ease-in-out}@media screen and (max-width:1000px){.container{grid-template-columns:1fr}.case-study{display:flex;flex-direction:column;font-size:16px;letter-spacing:.5px;line-height:1.4;margin-top:150px;row-gap:30px;width:800px}}@media screen and (max-width:800px){.container{grid-template-columns:1fr}.case-study{display:flex;flex-direction:column;font-size:16px;letter-spacing:.5px;line-height:1.4;margin-top:150px;row-gap:30px;width:600px}}@media screen and (max-width:600px){.nav-bar{scale:1.2}.back-button,.en-button,.fr-button{height:55px;width:55px}.en-button,.fr-button{font-size:24px}.right-button-text{font-size:18px;height:75px;width:140px}.case-study{display:flex;flex-direction:column;font-size:16px;letter-spacing:.5px;line-height:1.4;margin-top:150px;row-gap:30px;width:350px}.banner{border-radius:15px;box-shadow:5px 5px 10px hsla(0,0%,67%,.8);width:350px}.case-name{font-size:30px}.info{background-color:#e6e6e6;border-radius:20px;display:flex;flex-direction:column;justify-content:center;line-height:2;padding:30px}.container{grid-template-columns:1fr;padding:0}.main-video,.video-playlist{width:80%}.videos{flex-direction:column;height:100%;margin-top:10px;overflow-y:auto;padding:10px;row-gap:10px}.playlist-title{display:none}.video-playlist{margin-left:0}.footer{font-size:14px;padding:10px}.copyright{text-align:center}}