.casestudy{width:100%;height:auto}.casestudy.next{padding-bottom:40px}.casestudy_container{color:#fff;text-align:center;background:linear-gradient(90deg,#0e2043 0% 15.17%,#0e2043cc 100%) 100%/cover;flex-direction:column;justify-content:space-between;align-items:center;gap:50px;width:100%;height:50%;margin:auto;display:flex}@media (max-width:600px){.casestudy_container{max-width:100%}}.casestudy_container_title{margin-top:150px}.casestudy_container p{font-size:24px}.casestudy_container h2{margin-top:20px;font-size:50px;font-weight:700}.casestudy_container .carousel{display:none}.casestudy_container .carousel button{margin-top:20px}.casestudy_container .carousel button.next{margin-bottom:200px}.casestudy_container .carousel .line{border:1px solid #ffffff4d;width:250px;margin-top:-35px}.casestudy_container .carousel.active{flex-direction:column;justify-content:center;align-items:center;gap:50px;width:85%;animation:2s fadeInAnimation;display:flex}@media (max-width:600px){.casestudy_container .carousel.active{width:100%}}.casestudy_container .carousel.next{flex-direction:column;justify-content:center;align-items:center;gap:50px;display:flex}.dots{justify-content:center;align-items:center;margin-bottom:50px;display:flex}.dots .dot{cursor:pointer;background-color:#fff;border-radius:50%;width:6px;height:6px;margin:0 10px;position:relative}.dots .dot:before{content:"";opacity:0;border:1px solid #fff;border-radius:50%;transition:opacity .3s;position:absolute;inset:-10px}.dots .dot.active:before{opacity:1}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}
