:root{--ypsos-primary:#f9f9f9;--ypsos-secondary:#ffe39b;--ypsos-text:#f9f9f9;--ypsos-bg:#1a1a1b;--ypsos-bg-dark:#1a1a1b}.case-study-page.ypsos .bg .ipad_mockup{display:flex;justify-content:center;align-items:center;padding:0 10px 154px}.case-study-page.ypsos .bg .images-container{display:flex;justify-content:center;gap:20px;width:100%}.case-study-page.ypsos .bg .images-container .images-container-macbook1,.case-study-page.ypsos .bg .images-container .images-container-macbook2{width:calc(50% - 10px);object-fit:cover}.headingPadding{padding:120px 10px}.case-study-page.ypsos .bg{background-color:var(--ypsos-bg)}.case-study-page.ypsos .intro-wrapper .list-check>li:after{background-color:var(--ypsos-secondary)}.case-study-page.ypsos .intro-wrapper .intro-content .intro-item span{color:var(--ypsos-secondary)}.case-study-page.ypsos .text-column .column .description,.case-study-page.ypsos .text-column .column h2,.case-study-page.ypsos .text-column .column h4,.case-study-page.ypsos .tiles-points .offert-container .product .text{color:var(--ypsos-text)}.case-study-page.ypsos .text-column .column p,.case-study-page.ypsos .tiles-points .offert-container .product .title{color:var(--ypsos-text);opacity:.75}.case-study-page.ypsos .realization-texts h2,.case-study-page.ypsos .realization-texts h4,.case-study-page.ypsos .realization-texts h6{color:var(--ypsos-primary)}@media screen and (max-width:1024px){.case-study-page.ypsos .bg .ipad_mockup{padding-bottom:100px}.case-study-page.ypsos .bg .image-padding{padding-bottom:90px}.headingPadding{padding:80px 10px}}@media screen and (max-width:767px){.case-study-page.ypsos .bg .images-container{flex-direction:column}.case-study-page.ypsos .bg .images-container .images-container-macbook1,.case-study-page.ypsos .bg .images-container .images-container-macbook2{width:100%;aspect-ratio:16/9;object-fit:cover}.case-study-page.ypsos .bg .ipad_mockup{padding-bottom:70px}.case-study-page.ypsos .bg .image-padding{padding-bottom:60px}.headingPadding{padding:50px 10px}}@media screen and (max-width:480px){.case-study-page.ypsos .bg .ipad_mockup{padding-bottom:50px}.case-study-page.ypsos .bg .image-padding{padding-bottom:40px}.headingPadding{padding:30px 10px}.case-study-page.ypsos .bg .realizations-banner{min-height:100vh;background-size:cover;background-position:center center;padding-bottom:280px}}