footer{
      /* background: #0B0B0C;
      background: linear-gradient(90deg,rgba(11, 11, 12, 1) 23%, rgba(84, 84, 84, 1) 100%); */
      background-color: #525252;
      color: #EDEDED;
      border-top:1px solid #1a1a1d; 
      padding:36px 0 60px
    }
    /* footer::after {
            content: "";
        position: absolute;
        inset: -10% -10% 0;
        
        mask: linear-gradient(#000, rgba(0, 0, 0, .4));
    } */
    .fgrid{
        display:grid; 
        grid-template-columns:2fr 1fr 1fr 1fr; 
        gap:24px
    }
    footer h5{
        margin:0 0 12px; 
        color:#EDEDED;
    }
    footer a{
       color: #EDEDED; 
        display:block; 
        padding:6px 0; 
        font-size:14px;
        transition: color 0.3s ease;
    }
    footer a:hover {
      opacity: 0.8;
    }

    footer .brand span{
      color: #e7e7e9;
    }