.case_study_section{position:relative;background-color:#191919;color:#fff}.case_study_section .link-button,.case_study_section .secondary-button{color:#fff}.case_study_section .link-button{border-bottom:2px solid #fff}@media screen and (min-width:577px){.case_study_section .header-and-button-container{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.case_study_section .header-and-button-container .section-header{max-width:704px}.case_study_section .header-and-button-container .link-button{flex:0 0 max-content}}.case_study_section .case-studies_container{display:flex;flex-wrap:wrap;gap:24px;position:relative}@media screen and (max-width:992px){.case_study_section .case-studies_container.desktop{display:none}}@media screen and (min-width:993px){.case_study_section .case-studies_container.desktop{height:858px;margin-top:64px}}.case_study_section .case-studies_container.mobile{margin-top:32px}@media screen and (min-width:993px){.case_study_section .case-studies_container.mobile{display:none}}.case_study_section .case-studies{display:flex;gap:0;position:relative}.case_study_section .case-study{position:relative;background-color:#202020;display:flex}.case_study_section .case-study_big{display:none;width:1224px;height:500px}@media screen and (max-width:1224px){.case_study_section .case-study_big{width:100%}}.case_study_section .case-study_big .image-side{flex:0 0 50%;height:500px;display:flex;align-items:center}.case_study_section .case-study_big .case-image{width:100%;height:auto}.case_study_section .case-study_big .info-side{padding:20px 20px 40px;gap:32px}.case_study_section .active{top:0!important;left:0!important}.case_study_section .active .case-study_big{display:flex}.case_study_section .active .case-study_small{display:none}.case_study_section .case-study_small{width:288px;height:334px;flex-direction:column;cursor:pointer}@media screen and (max-width:1224px){.case_study_section .case-study_small{width:calc(25dvw - 24px);height:400px}}.case_study_section .case-study_small .info-side h3{font-size:24px;line-height:24px}.case_study_section .case-study_small .info-side p{display:none}.case_study_section .case-study_small .info-side{padding:24px}.case_study_section .case-study_small .case-image{width:auto;height:202px}.case_study_section .case-study_wrapper{position:absolute;height:-moz-max-content;height:max-content}.case_study_section .case-study_mobile{flex:0 0 calc(100vw - 60px);flex-direction:column}.case_study_section .case-study_mobile .info-side{padding:20px;gap:20px}.case_study_section .case-study_mobile .info-side h3{font-size:20px;line-height:20px;text-transform:none}.case_study_section .case-study_mobile .info-side p{display:none}.case_study_section .case-study_mobile .case-image{width:100%;height:auto}.case_study_section .image-side{align-self:center}.case_study_section .case-image{max-width:100%;-o-object-fit:contain;object-fit:contain}.case_study_section .case-video{width:100%;height:auto}.case_study_section .info-side{display:flex;flex-direction:column}.case_study_section .info-side h3{font-family:var(--leobit-font-futura-xblk-bt);font-size:32px;font-weight:400;line-height:32px;text-align:left;text-transform:capitalize}.case_study_section .case-labels{overflow:hidden;max-height:80px}@media screen and (max-width:991px){.case_study_section .case-labels{max-height:164px}}.case_study_section .text-wrapper{margin-bottom:0}.case_study_section .text-wrapper p{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;text-align:left}.case_study_section .progress-bar{transform-origin:left;transform:scaleX(0);bottom:0;background:0 0}@keyframes fillProgress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}
