@media (max-width: 991px) { :root{ --padding-hor: 6rem; } } @media (max-width: 767px) { :root{ --padding-hor: 3rem; } .mega-service-item .progressive-blur::after{ display: none !important; } } @media (max-width: 478px) { :root{ --padding-hor: 1.5rem; } } .text-highlight{ color: var(--orange-vif) !important; } .progressive-blur{ position: relative; } .progressive-blur::after{ z-index: 1; content: ""; position: absolute; inset: 0; backdrop-filter: blur(6px); background: linear-gradient( 180deg, rgba(4, 24, 44, 0) 0%, rgba(4, 24, 44, 0.8) 70%, rgba(4, 24, 44, 1) 100%); ); -webkit-mask-image: linear-gradient( to bottom, transparent 0%, black 50%, black 100% ); } .background-blur{ position: relative; } .background-blur::after{ z-index: 1; content: ""; position: absolute; inset: 0; backdrop-filter: blur(6px); background: linear-gradient(180deg, rgba(4, 24, 44, 0.00) 0%, rgba(4, 24, 44, 0.60) 84.62%); } .button-underline{ width: max-content; position: relative; } .button-underline::after { content: ""; position: absolute; width: 100%; transform: scaleX(1); height: 1px; bottom: 0px; left: 0; background-color: var(--gris-fonce); transform-origin: bottom left; transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); } .button-underline:hover::after { transform: scaleX(0); transform-origin: bottom right; } .text-small{ color: var(--bleu-coyac); font-size: 2rem; font-weight: 400; } .text-highlight-blue{ color: var(--bleu-coyac); } .text-highlight-light{ font-weight: 400; color: rgba(10, 59, 111, 0.40); } .bricks-button{ transition: var(--transition-300); } .item-realisation:hover .cta-arrow--hover{ opacity: 1 !important; transform: translateX(0%) !important; } .item-realisation:hover .item-realisation-title{ color: var(--bleu-coyac) !important; } .item-realisation-title { transition: var(--transition-300); }