.border{border:1px solid red}#references{padding-bottom:100px}#references>p{font-size:20px}#references .main{margin-bottom:30px}#references .main:after{display:block;width:80px;height:3px;content:"";background-color:#e11431;margin-top:10px;transition:width .5s linear}#references .flex-container{display:flex;flex-direction:row;justify-content:center;margin-top:80px;margin-bottom:80px;gap:30px;row-gap:100px;flex-wrap:wrap}#references .flex-container .item{width:calc(100% / 4);max-width:250px;aspect-ratio:1/1;perspective:1000px;overflow:visible}#references .flex-container .item h2{font-size:20px;text-align:center}#references .flex-container .item .item-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}#references .flex-container .item:hover .item-inner{transform:rotateY(180deg)}#references .flex-container .item .back,#references .flex-container .item .front{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;position:absolute;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.15)}#references .flex-container .item .front img{width:100%;height:100%;object-fit:cover;object-position:top}#references .flex-container .item .back{transform:rotateY(180deg);color:#fff}#references .flex-container .item .back img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top;z-index:0}#references .flex-container .item .back .wrapper{background-color:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:relative;z-index:10;width:100%;height:100%;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center}#references .flex-container .item .back .wrapper p{font-size:13px;margin:0}#references .flex-container .item .back .wrapper .custom-button{margin-top:15px}#references .flex-container .item .back .wrapper .custom-button a{font-size:14px;padding:10px 45px;font-weight:600;background-color:#333}#references .flex-container .item .back .wrapper .custom-button a:hover{background-color:#fff;border-color:#fff;color:#e62832}#references .button-group-center{clear:both;margin-top:50px}#references #seo-text{margin-top:40px;width:100%;max-width:1000px;display:block;margin-right:auto;margin-left:auto}#references #seo-text a{color:#e11431}#references #seo-text a:hover{text-decoration:none}#references #seo-text h3{font-size:20px;line-height:30px}.button-group-center#filter{margin-top:40px;flex-wrap:wrap}.button-group-center#filter .custom-button a{padding:6px 15px;font-size:15px;background-color:#fff;color:#333;border-color:#e62832;font-weight:500}.button-group-center#filter .custom-button a.active,.button-group-center#filter .custom-button a:hover{background-color:#e62832;color:#fff}.button-group-center#filter .custom-button a.active:before{display:none}.button-group-center#filter .custom-button a:before{border-color:#e62832}#references-list{display:flex;flex-wrap:wrap;justify-content:center;gap:40px;flex-basis:50%;margin-top:40px;margin-bottom:40px}#references-list .item{width:calc(50% - 20px);aspect-ratio:1/1;background:linear-gradient(120deg,#f3f3f3 4%,#f1f1f1);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative;cursor:pointer}#references-list .item .mockup{width:100%;transition:all .2s linear}#references-list .item .mockup img{width:100%;height:100%;object-fit:cover}#references-list .item .hidden-caption{height:0;display:none}#references-list .item .caption{position:absolute;bottom:0;margin-bottom:2rem;width:90%;background-color:#fff;box-shadow:0 0 20px rgba(0,0,0,.1);padding:20px;overflow:hidden}#references-list .item .caption p{text-align:center;font-style:italic}#references-list .item .caption .industry{display:block;text-align:center;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8a8a8a;margin-bottom:6px}#references-list .item .caption ul{display:flex;flex-wrap:wrap;list-style:none;align-items:center;justify-content:center;row-gap:5px;column-gap:10px;padding:20px 0 10px}#references-list .item .caption ul li{font-weight:700}#references-list .item .caption ul li span{color:#e62832}#references-list .item .caption h2{margin-top:0;margin-bottom:0;font-size:20px;font-weight:700;text-align:center;color:#e62832}#references-list .item .caption .button-group-center{margin-top:0}#references-list .item .caption .custom-button{margin-bottom:10px}#references-list .item .caption .custom-button a{font-size:15px;padding:5px 15px}#references-detail{padding-bottom:50px}#references-detail #client-review{max-width:800px;margin:40px auto 50px;text-align:center}#references-detail #client-review h2{margin-bottom:25px}#references-detail #client-review h2:after{margin-left:auto;margin-right:auto}#references-detail #client-review blockquote{background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.15);border-radius:4px;padding:30px;margin:0}#references-detail #client-review blockquote .stars{color:#e62832;margin-bottom:15px}#references-detail #client-review blockquote .stars svg{margin:0 2px}#references-detail #client-review blockquote p{font-style:italic;font-size:17px;line-height:27px;margin-bottom:15px}#references-detail #client-review blockquote footer{font-style:normal;font-weight:600;color:#333}#references-detail #seo-text{margin-top:40px;width:100%;max-width:1000px;display:block;margin-right:auto;margin-left:auto}#references-detail #seo-text a{color:#e11431}#references-detail #seo-text a:hover{text-decoration:none}#references-detail #seo-text h3{font-size:20px;line-height:30px}#references-detail #detail-header{display:flex;align-items:center;flex-direction:column;margin-bottom:60px;gap:40px}#references-detail #detail-header #logo{max-width:200px;max-height:200px}#references-detail #detail-header #logo img{width:100%;height:100%;object-fit:contain}#references-detail #detail-header #mockup{width:100%;height:100%;max-width:600px;object-fit:contain}#references-detail #detail-info{display:flex;flex-wrap:wrap;gap:40px;margin-top:40px;padding-bottom:80px;align-items:flex-start}#references-detail #detail-info .item{flex:1 1;max-width:calc(50% - 20px)}#references-detail #detail-info .item#gallery{display:flex;flex-wrap:wrap;gap:20px}#references-detail #detail-info .item#gallery .image{flex:1 1;flex-basis:400px;aspect-ratio:1;max-width:calc(50% - 10px);box-shadow:4px 10px 10px rgba(0,0,0,.4);overflow:hidden}#references-detail #detail-info .item#gallery .image.full{flex:2 1;min-width:100%;aspect-ratio:unset}#references-detail #detail-info .item#gallery .image.full img{aspect-ratio:3/4}#references-detail #detail-info .item#gallery .image:hover img{transform:scale(1.1)}#references-detail #detail-info .item#gallery .image img{transition:transform 4s linear;aspect-ratio:1;width:100%;height:100%;object-fit:cover;object-position:top}#references-detail #detail-info .item h2{position:relative;margin-bottom:30px}#references-detail #detail-info .item h2:after{display:block;width:80px;height:3px;content:"";background-color:#e11431;margin-top:10px}#references-detail #detail-info .item .link a{color:#e11431;text-decoration:none;display:inline-flex;align-items:center;text-transform:uppercase;gap:10px}#references-detail #detail-info .item .link a span{text-decoration:underline;margin-top:2px}#references-detail #detail-info .item .link a:hover span{text-decoration:none}#references-detail #detail-info .item .description{display:block;margin-top:40px;margin-bottom:20px;font-size:20px;line-height:35px}#references-detail #detail-info .item .content{margin-top:50px}#references-detail #detail-info .item .content h3{font-size:22px}#references-detail #detail-info .item .content h3 span{color:#e11431}#references-detail #detail-info .item .content ul{padding-left:0;margin-top:20px;list-style:none;display:flex;flex-direction:column;row-gap:10px}#references-detail #detail-info .item .content ul li{display:flex;align-items:center;gap:20px;font-size:18px}#references-detail #detail-info .item .content ul li svg{color:#e11431}@media screen and (max-width:1024px){#references-detail #detail-info{flex-direction:column}#references-detail #detail-info .item{flex:unset;max-width:100%;width:100%}#references-detail #detail-info .item#gallery{display:flex;flex-wrap:wrap;gap:40px}#references-detail #detail-info .item#gallery .image{flex:1 1;flex-basis:400px;aspect-ratio:1;max-width:calc(50% - 20px);box-shadow:4px 10px 10px rgba(0,0,0,.4);overflow:hidden}#references-detail #detail-info .item#gallery .image.full{flex:2 1;min-width:100%;aspect-ratio:unset}#references-detail #detail-info .item#gallery .image.full img{aspect-ratio:3/4}#references-detail #detail-info .item#gallery .image:hover img{transform:scale(1.1)}#references-detail #detail-info .item#gallery .image img{transition:transform 4s linear;aspect-ratio:1;width:100%;height:100%;object-fit:cover;object-position:top}#references-detail #detail-info .item h2{position:relative;margin-bottom:30px}#references-detail #detail-info .item h2:after{display:block;width:80px;height:3px;content:"";background-color:#e11431;margin-top:10px}#references-detail #detail-info .item .link a{color:#e11431;text-decoration:none;display:inline-flex;align-items:center;text-transform:uppercase;gap:10px}#references-detail #detail-info .item .link a span{text-decoration:underline;margin-top:2px}#references-detail #detail-info .item .link a:hover span{text-decoration:none}#references-detail #detail-info .item .description{display:block;margin-top:40px;margin-bottom:20px;font-size:20px;line-height:35px}#references-detail #detail-info .item .content{margin-top:50px}#references-detail #detail-info .item .content h3{font-size:22px}#references-detail #detail-info .item .content h3 span{color:#e11431}#references-detail #detail-info .item .content ul{padding-left:0;margin-top:20px;list-style:none;display:flex;flex-direction:column;row-gap:10px}#references-detail #detail-info .item .content ul li{display:flex;align-items:center;gap:20px;font-size:18px}#references-detail #detail-info .item .content ul li svg{color:#e11431}}@media screen and (max-width:768px){#references-detail{padding-bottom:50px}#references-detail #detail-header{gap:10px}#references-list .item .caption p,#references-list .item .caption ul{display:none}#references-list .item .caption h2{font-size:16px}#references-list .item .caption .custom-button{margin-top:30px}}@media screen and (max-width:480px){#references{padding-bottom:50px!important}#references .button-group-center{margin-top:30px!important}.button-group-center{flex-wrap:wrap}.button-group-center#filter{margin-top:40px;flex-wrap:wrap;gap:20px}.button-group-center#filter .custom-button a{padding:6px 15px;font-size:15px;background-color:#fff;color:#333;border-color:#e62832;font-weight:500}.button-group-center#filter .custom-button a.active,.button-group-center#filter .custom-button a:hover{background-color:#e62832;color:#fff}.button-group-center#filter .custom-button a.active:before{display:none}.button-group-center#filter .custom-button a:before{border-color:#e62832}#references-list .item{width:100%}}