.styled-link {
    color: #fff;
    text-decoration: none; 
    font-size: 1.2em;
    position: relative; 
    display: inline-block; 
    cursor: pointer;
  }

  .styled-link::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -3px; 
    width: 70%; 
    height: 4px; 
    background-color: #b200ff; 
  }



  /* .styled-link-con::after {
    content: '';
    position: absolute; 
    left: 0; 
    bottom: -4px; 
    width: 100%; 
    height: 4px; 
    background-color: #b200ff;
  } */

           .horizontal-line {
            width: 100%;
            margin: 0 auto;
            margin-top: 20px;
            position: relative;
            background: #000000; 
            padding-bottom: 8px; 
        }
        
 .horizontal-line::after {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 8px; 
            background: linear-gradient(to right, #4f00ff, #b200ff);
        }




.card-with-line {
    position: relative; 
    background-color: #1c1c1c; 
    overflow: hidden;
}

.card-with-line::after {
    content: ''; 
    position: absolute; 
    top: 0;
    right: 0; 
    width: 6px;
    height: 100%; 
    background: linear-gradient(to bottom, #b200ff, #4f00ff); 
}


.genral-text {
            font-size: .5em; 
            font-weight: bold; 
            background: linear-gradient(to right, #4f00ff, #b200ff); 
            -webkit-background-clip: text; 
            -webkit-text-fill-color: transparent; 
            background-clip: text; 
            color: transparent; 
        }