*{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:150px;row-gap:30px;width:850px}p{margin:10px}.banner{border-radius:15px;box-shadow:5px 5px 10px hsla(0,0%,67%,.8);width:850px}.banner:hover{opacity:.92;transform:scale(1.005);transition:all .5s ease-in-out}.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,#afafaf,#000);color:transparent;font-size:38px;font-weight:700}.intro{text-align:justify}.info{background-color:#e6e6e6;border-radius:20px;display:flex;justify-content:center;line-height:2;padding:30px}.heading{-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(180deg,#afafaf,#000);color:transparent;font-size:22px;font-weight:500}.sub-heading{color:#888;font-weight:600;margin-bottom:8px}.role-resp-holder{display:flex;flex:1;flex-direction:column;width:280px}.resp-holder{margin-top:10px}.team-holder{flex:1}.challenge{background-image:linear-gradient(117deg,#f7e6e6,#f1d6d6);padding:30px;row-gap:10px;text-align:justify}.challenge,.strategy{border-radius:20px;display:flex;flex-direction:column}.strategy{row-gap:30px}.strat-head-holder{row-gap:10px}.chart-holder,.strat-head-holder{display:flex;flex-direction:column}.chart-holder{align-items:center;margin-bottom:60px;margin-top:15px}#pie-chart,#pie-chart2,#pie-chart3{max-width:700px;width:100%}.rating{align-items:center;column-gap:5px;display:flex;justify-content:center;margin-top:30px}.box-dark,.box-light{background-color:#bbb;border:1px solid #bbb;border-radius:50%;height:20px;width:20px}.box-light{background-color:#fff}.bullet-points{margin:10px 1px}.results{background-image:linear-gradient(117deg,#d8eed5,#c2eccb);border-radius:20px;padding:30px;row-gap:10px;text-align:justify}.footer,.results{display:flex;flex-direction:column}.footer{align-items:center;background-color:#ddd;color:gray;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: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}.box-dark,.box-light{background-color:#bbb;border:1px solid #bbb;border-radius:50%;height:15px;width:15px}.box-light{background-color:#fff}.footer{font-size:14px;padding:10px}.copyright{text-align:center}}