body{margin:5rem 0 0}#contact{padding:4rem 2rem;background:var(--medium-gray);position:relative;box-shadow:0 10px 30px #0003;overflow:hidden;margin:5rem 0 0}#contact:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary-orange),var(--primary-blue))}#contact h2{color:var(--original-white);text-align:center;margin-bottom:3rem;font-size:2.8rem;position:relative;font-weight:700;letter-spacing:.5px}#contact h2:after{content:"";position:absolute;bottom:-1rem;left:50%;transform:translate(-50%);width:100px;height:5px;background:linear-gradient(90deg,var(--primary-orange),var(--primary-blue));border-radius:5px;transition:width .3s ease}#contact h2:hover:after{width:120px}#partenaire img{width:100%;height:auto;display:block;transition:transform .3s ease,filter .3s ease}#partenaire img:hover{transform:scale(1.02);filter:brightness(1.05)}.carrer{border:2px solid rgba(0,0,0,.1);border-radius:1rem;display:flex;justify-content:center;align-items:center;padding:1.5rem 0;background-color:#ffffff0d;transition:all .3s ease;position:relative;overflow:hidden}.carrer:hover{border-color:#ffffff4d;box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.carrer a{margin:0 2rem;font-size:2rem;position:relative;padding-left:1.5rem;color:inherit;text-decoration:none;transition:all .3s ease;display:inline-block}.carrer a:before{content:"→";position:absolute;left:-1rem;top:50%;transform:translateY(-50%);opacity:0;transition:all .3s ease;color:var(--primary-orange)}.carrer a:hover{transform:translate(10px);color:var(--primary-orange)}.carrer a:hover:before{left:0;opacity:1}.d-grid button{transition:all .3s ease;position:relative;overflow:hidden;z-index:1}.d-grid button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,var(--primary-orange),var(--primary-blue));opacity:0;z-index:-1;transition:opacity .3s ease}.d-grid button:hover{background-color:#1a74fb;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.d-grid button:hover:after{opacity:.2}@media(max-width:768px){#contact{padding:3rem 1.5rem}#contact h2{font-size:2.2rem}.carrer{flex-direction:column;padding:1rem}.carrer a{margin:.5rem 0;font-size:1.5rem}}