:root{--yawal-primary:#e9bf87;--yawal-secondary:#d7a461;--yawal-bg:#202945;--yawal-bg-dark:#1b2440;--yawal-text-red:#d70c38;--yawal-text-primary:#2f2e2e;--yawal-text-secondary:#737171}.justify-end{justify-content:end!important}.gap-7{gap:7%!important}.m-15{margin-left:15px;margin-right:15px}.rounded-10{border-radius:10px}.bg-image{background:url(../images/case-study/yawal/background-section-1.webp);background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;height:650px;margin-bottom:25%}.color-red{color:var(--yawal-text-red)!important}.text-separator{width:21px;height:3px;display:block;margin-top:15px;margin-bottom:15px;background-color:var(--yawal-text-red)}.realizations-banner.yawal{background-repeat:no-repeat;background-position:top;padding-bottom:0}.pt-0{padding-top:0!important}.ptb-50{padding-top:50px;padding-bottom:50px}.mb-100{margin-bottom:100px}.ms-50{margin-left:50px;margin-right:50px}.case-study-page.yawal .realization-main-image{margin-top:5%;z-index:2;position:relative}.case-study-page.yawal .realization-texts .subtitle{font-weight:700!important;line-height:1.25!important;color:var(--yawal-text-red)!important}.case-study-page.yawal .realization-main{display:flex;flex:1 1 auto;gap:10px;margin:100px 0}.case-study-page.yawal .realization-main .realization-main-left{width:calc(66% - 5px);object-fit:contain}.case-study-page.yawal .realization-main .realization-main-right{width:calc(34% - 5px);object-fit:cover}.case-study-page.yawal .first-photo-gallery{flex-direction:row!important;margin-top:150px;margin-bottom:150px}.case-study-page.yawal .intro-wrapper .intro-content .intro-item{border-bottom:1px solid #ffffff45;padding-bottom:15px}.case-study-page.yawal .text-column .column h2{color:var(--yawal-text-red)}.case-study-page.yawal .text-column .column .description{color:var(--yawal-text-primary);font-weight:600}.case-study-page.yawal .text-column .column p{color:var(--yawal-text-secondary);font-weight:500}.case-study-page.yawal .text-column .column .cpr{color:var(--yawal-text-secondary);font-weight:700}.case-study-page.yawal .projects-container{display:flex;justify-content:center}.case-study-page.yawal .projects-container div:last-child{border-right:none!important}.case-study-page.yawal .container{display:flex}.case-study-page.yawal .projects-container .container{flex-direction:column;justify-content:space-between;gap:30px;height:100%;padding:0}.case-study-page.yawal .container-50.bg-color{display:flex;gap:10px;margin-top:100px;margin-bottom:100px;padding:0;background:#f1f5f7;border-radius:10px;flex-direction:column}.case-study-page.yawal .container-50.bg-image .subtitle{color:white!important}.case-study-page.yawal .container-50.bg-image .description{color:#ffffffe5}.case-study-page.yawal .projects-container .container:last-child::before{display:none}.case-study-page.yawal .container-50 .realization-texts .title{color:var(--yawal-text-red);font-weight:700;margin-bottom:50px}.case-study-page.yawal .container-50 .realization-texts .subtitle{color:var(--yawal-text-red);font-weight:700}.case-study-page.yawal .realization-texts .description{font-weight:600;color:var(--yawal-text-primary)}.case-study-page.yawal .projects-container.container-100.row .col-12{margin-bottom:50px;border-right:1px solid #e6e8eb}.case-study-page.yawal .projects-container .container a{font-weight:700;color:#363636;text-decoration:none;transition:var(--transition)}.case-study-page.yawal .offert .offert-container .product .pair{display:flex;justify-content:start;flex-direction:column;gap:15px;height:100%}.case-study-page.yawal .projects-container .container a:hover{color:var(--yawal-text-red)!important}.case-study-page.yawal .container-50.bg-image{display:flex;justify-content:center}.case-study-page.yawal .ipad-line{display:flex;align-items:center;justify-content:center;overflow:hidden}.case-study-page.yawal .client-panel{background:url(../images/case-study/yawal/background-section-2.webp);background-position:center right;background-repeat:no-repeat;background-size:cover;background-size:115%;height:100vh;padding-top:20px;display:flex;flex-direction:column;justify-content:space-between;border-radius:10px}.case-study-page.yawal .client-panel img{height:100%!important}.case-study-page.yawal .client-panel .realization-texts{padding-top:100px;gap:0!important}.case-study-page.yawal .ipad-line img{object-fit:contain}.case-study-page.yawal .projects-container .container:nth-of-type(2) a{color:var(--yawal-text-red)}.case-study-page.yawal .offert .offert-container .product{background:none}.case-study-page.yawal .tiles-points .offert-container .product .check:before{background-color:var(--yawal-text-red)}.case-study-page.yawal .offert .offert-container .product .title{color:var(--yawal-text-primary);font-weight:600}.case-study-page.yawal .offert .offert-container .product .text{color:var(--yawal-text-secondary)}.case-study-page.yawal .realizations-photo-gallery.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-column-gap:10px}.case-study-page.yawal .realizations-photo-gallery .photo-container.center{grid-area:1 / 2 / 2 / 4}.case-study-page.yawal .text-column .column{flex:1 0 23%}.case-study-page.yawal .text-column .title{color:var(--yawal-text-red)}.case-study-page.yawal .text-column.smaller-text p{color:var(--yawal-text-primary);font-size:14px;font-weight:500}.case-study-page.yawal .text-column.smaller-text p:last-of-type{color:var(--yawal-text-secondary)}.case-study-page.yawal .realizations-photo-gallery .photo-container{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:end;gap:10%}.case-study-page.yawal .realization-devices{display:flex;width:100%;flex:1 1 auto;justify-content:flex-end;align-items:flex-start;flex-direction:row!important;gap:50px}.case-study-page.yawal .realization-devices img.phone{width:calc(23% - 3.5%);object-fit:cover}.case-study-page.yawal .realization-devices img.ipad{border-radius:0 0 10px 0;width:calc(67% - 3.5%);object-fit:cover}.case-study-page.yawal .container-50.bg-image .realization-texts{gap:0;padding-top:80px}.case-study-page.yawal .offert.tiles-points.end .offert-container{padding-top:48px;justify-content:flex-start}.case-study-page.yawal .tiles-points.styled-cards .product{border:1px solid #e3e3e3;border-radius:5px;flex-basis:calc(25% - 30px);box-shadow:0 10px 40px 0 #17224d14}.laptop-absolut{width:70%;height:100%;position:absolute;bottom:-50%;display:flex;align-items:center;justify-content:center}.case-study-page.yawal .tiles-points.styled-cards .product .text{color:var(--yawal-text-primary);font-weight:500}.case-study-page.yawal .tiles-points.styled-cards .offert-container{padding:80px 0!important}@media only screen and (max-height:850px){.case-study-page.yawal .container-50 .realization-texts .subtitle{margin-bottom:25px!important}.case-study-page.yawal .client-panel .realization-texts{padding-top:20px}}@media only screen and (max-width:1024px){.case-study-page.yawal .offert.tiles-points.styled-cards .offert-container .product{flex-basis:calc(50% - 10px)}}@media only screen and (max-width:850px){.case-study-page.yawal .realizations-photo-gallery.gallery-grid{grid-template-columns:repeat(2,1fr);grid-column-gap:5px;grid-row-gap:5px}.case-study-page.yawal .tiles-points.styled-cards .offert-container{padding:10px 0!important}.case-study-page.yawal .realization-main{margin:20px 0}.laptop-absolut{width:80%}.case-study-page.yawal .realizations-photo-gallery .photo-container.center{grid-area:1 / 1 / 2 / 3}.case-study-page.yawal .realizations-photo-gallery .photo-container img{width:100%}.case-study-page.yawal .realizations-photo-gallery .photo-container.center img{width:100%}.case-study-page.yawal .realizations-photo-gallery .photo-container{justify-content:start}.case-study-page.yawal .container-100 .text-column{flex-direction:column;text-align:center}.case-study-page.yawal .realization-main.container-50{flex-direction:column}.case-study-page.yawal .realization-main-left{width:100%!important}.case-study-page.yawal .realization-main-right{display:none}.case-study-page.yawal .container-50.bg-color .text-column{padding-top:0;flex-direction:column;gap:20px!important}.case-study-page.yawal .realization-devices{padding:0 0 0 20px!important}.case-study-page.yawal .realizations-photo-gallery.realization-devices.ipad-mockups{align-items:start}.case-study-page.yawal .bg-image{height:450px;margin-bottom:200px;margin-left:0!important;margin-right:0!important}.ms-50{margin-left:0;margin-right:0}.case-study-page.yawal .client-panel{background-size:cover;background-position:center}.case-study-page.yawal .client-panel img{display:none}}@media screen and (max-width:1450px){.case-study-page.yawal .realizations-photo-gallery{padding:0!important}}@media screen and (max-width:1600px){.case-study-page.yawal .realizations-photo-gallery{padding:0!important;gap:5px}}@media screen and (max-width:600px){.case-study-page.yawal .offert.tiles-points.styled-cards .offert-container .product{flex-basis:calc(100% - 40px)}.case-study-page.yawal .bg-image{height:400px;margin-bottom:150px;margin-left:0!important;margin-right:0!important}.case-study-page.yawal .realizations-photo-gallery.gallery-grid{display:flex;flex-direction:column}.case-study-page.yawal .realizations-photo-gallery .photo-container.center{order:1}.case-study-page.yawal .realizations-photo-gallery .photo-container.left{order:2}.case-study-page.yawal .realizations-photo-gallery .photo-container.right{order:3}.case-study-page.yawal .client-panel .realization-texts{padding-top:50px}}@media screen and (max-width:575px){.case-study-page.yawal .projects-container.container-100.row div:first-of-type{display:flex;text-align:center;flex-direction:column;align-items:center}.case-study-page.yawal .projects-container.container-100.row .col-12{border-right:none!important}}@media screen and (max-width:767px){.case-study-page.yawal .projects-container.container-100.row .col-12:nth-child(2){border-right:none!important}.case-study-page.yawal .ipad-line.first{flex-direction:column}}