#content{position:relative;z-index:2;background:url(/build/assets/solutions-constructions-C6_3_UCB.png);background-repeat:no-repeat;background-size:cover}.back-white{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffffe6;pointer-events:none;z-index:-1}#img-paves-card{width:60%;height:auto;scale:1;margin-top:5px;transform:rotate(0);align-items:center}.close-button{display:flex;justify-content:right;align-items:right;background-color:transparent;outline:none;border:none;position:absolute;top:50px;right:20px}.close-button img{transition:all .5s;width:30px;height:30px!important}.close-button:hover img{transform:rotate(180deg);cursor:pointer}.home__bg-image--content{margin-left:0;height:100%;width:100%;object-fit:cover;opacity:.1}.text__2{font-family:Dax-Light;color:#787876}.text__2:hover{font-family:Dax-Bold}.text{font-family:Dax-Light;color:#787876}.title_P u p{font-family:Dax-Bold;font-size:30px;color:#252d4b}.title_P u{text-decoration:none}.text_plancher{color:#252d4b;font-size:18px;font-family:Dax-Light;text-align:justify}.customer-logos{display:grid;align-items:center;justify-content:center;margin-top:20px}.logo1,.logo2,.logo3{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:180px;align-items:center;justify-content:center}.slide img{width:200px;height:auto;padding:0;margin:0}.slide:hover{transition:all .3s;transform:scale(1.2)}.card{position:relative;width:200px;height:200px;border:none;background-color:#fff0;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all .6s cubic-bezier(.23,1,.32,1)}.card img{width:150px;transition:all .6s cubic-bezier(.23,1,.32,1)}.card:hover{transform:rotate(0) scale(1.1)}.card__content{position:absolute;top:50%;left:50%;text-align:center;transform:translate(-50%,-50%) rotate(-45deg);box-sizing:border-box;opacity:0;transition:all .6s cubic-bezier(.23,1,.32,1)}.card__title{margin:0;font-size:20px;color:#333;font-weight:700;text-align:center;line-height:20px}.card__description{margin:10px 0 0;font-size:12px;color:#777}.card:hover .card__content{transform:translate(-50%,-50%) rotate(0);opacity:1}.card:hover img{scale:0;transform:rotate(-45deg)}.button{--width: 100px;--height: 35px;--tooltip-height: 35px;--tooltip-width: 90px;--gap-between-tooltip-to-button: 18px;--button-color: #252d4b;--tooltip-color: #fff;width:var(--width);height:var(--height);background:var(--button-color);position:relative;text-align:center;border-radius:.45em;font-family:Arial;transition:background .3s;margin-left:7px}.button:before{position:absolute;content:attr(data-tooltip);width:var(--tooltip-width);height:var(--tooltip-height);background-color:var(--tooltip-color);font-size:.9rem;color:#111;border-radius:.25em;line-height:var(--tooltip-height);bottom:calc(var(--height) + var(--gap-between-tooltip-to-button) + 10px);left:calc(50% - var(--tooltip-width) / 2)}.button:after{position:absolute;content:"";width:0;height:0;border:10px solid transparent;border-top-color:var(--tooltip-color);left:calc(50% - 10px);bottom:calc(100% + var(--gap-between-tooltip-to-button) - 10px)}.button:after,.button:before{opacity:0;visibility:hidden;transition:all .5s}.text{display:flex;align-items:center;justify-content:center;font-size:12px;font-family:Dax-Light}.button-wrapper,.text,.icon{overflow:hidden;position:absolute;width:100%;height:100%;left:0;color:#fff}.text{top:0}.text,.icon{transition:top .5s}.icon{color:#fff;top:100%;display:flex;align-items:center;justify-content:center}.icon svg{width:24px;height:24px}.button:hover{background:#2b3763}.button:hover .text{top:-100%}.button:hover .icon{top:0}.button:hover:before,.button:hover:after{opacity:1}.button:hover:after{bottom:calc(var(--height) + var(--gap-between-tooltip-to-button) - 20px)}.button:hover:before{bottom:calc(var(--height) + var(--gap-between-tooltip-to-button))}@media screen and (max-width:800px){.text__2{font-family:Dax-Light;color:#787876}.text__2:hover{font-family:Dax-Bold}.text{font-family:Dax-Light;color:#787876}.title_P u p{font-family:Dax-Bold;font-size:30px;color:#252d4b}.title_P u{text-decoration:none}.text_plancher{color:#252d4b;font-size:.7em;font-family:Dax-Light;text-align:justify}.customer-logos{display:grid;gap:10px;align-items:center;justify-content:center;margin-top:20px}.logo1,.logo2,.logo3{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:180px;align-items:center;justify-content:center}.card{position:relative;border:none;background-color:#fff0;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .6s cubic-bezier(.23,1,.32,1)}.card img{height:100px;width:100px;transition:all .6s cubic-bezier(.23,1,.32,1)}.card:hover{transform:rotate(0) scale(1.1)}.card__content{position:absolute;top:50%;left:50%;text-align:center;transform:translate(-50%,-50%) rotate(-45deg);box-sizing:border-box;opacity:0;transition:all .6s cubic-bezier(.23,1,.32,1)}#img-paves-card{width:40%;height:auto;scale:1;margin-top:5px;transform:rotate(0);align-items:center}.card__title{margin:0;font-size:20px;color:#333;font-weight:700}.card__description{margin:2px 0 0;font-size:10px;color:#777}.button{--width: 100px;--height: 30px;--tooltip-height: 35px;--tooltip-width: 90px;--gap-between-tooltip-to-button: 18px;--button-color: #252d4b;--tooltip-color: #fff;width:var(--width);height:var(--height);background:var(--button-color);position:relative;text-align:center;border-radius:.45em;font-family:Arial;transition:background .3s;margin-left:7px}}