.navbar
    {
      background : linear-gradient(to right, rgb(39, 28, 42),rgb(61, 44, 67));
      padding-right: 10rem;
      transition: all 0.3s ease;
    }

    .navbar-nav .nav-link
    {
      font-size: 20px;

    }
    .nav-link:hover {
      color:rgb(255, 255, 255);
      }
    .nav-link 
    {

      color:rgb(130, 95, 167);
    }
    .navbar-brand
    {
      color: white
    }

    .container .p 
    {
      font-size: 50px;
    }
    .container .h3
    {
      color:rgb(130, 95, 167);
    }
    .container
    {
      color: white
    }
    .btn-primary
    {
      border-radius: 50px;
      background-color:rgb(130, 95, 167);
      padding: 0.8rem 2rem;
      border: none;
      transition:   0.3s ease;
    }

    .btn-primary:hover
    {
      transform: scale(1.1);
      background-color: rgb(109, 85, 118);
      color:rgb(248, 248, 249); 
    }
    .hero
    {
      padding-top: 10rem;
      padding-right: 23rem;
      height: 90vh;
      background : linear-gradient(to right, rgb(39, 28, 42),rgb(61, 44, 67));
    }
    .hero-section
    {
      background : linear-gradient(to right, rgb(39, 28, 42),rgb(61, 44, 67));
      height: 100vh;
    }

    .section i{
      border-radius:50px;
      background-color: #a141cd;
      color: #000;
      padding: 0.5rem 0;
    }
    
    .card:hover{
      background-color: #0b131a;
      transform: translateY(-10px);
      border: 4px solid #c290f4;
    }
  
    .card
    {
      transition: all 0.5s;
      background-color: #8b4f9841;
    }

    .card
    {
      background-color: rgb(255,255,255,0);
      border:4px solid rgb(150, 70, 207);
      border-radius: 25px;
    }
    .card{
      background-color: #00000041;
      color: rgba(130, 95, 167);
    }

    .card-question
    {
      background-color: #00000021;
      border:4px solid rgb(150, 70, 207);
      border-radius: 25px;
    }
   
    .hero-section .container h1
    {
      color:rgb(122, 91, 180);

    }
    .hero-section .container h5
    {
      color:rgb(88, 62, 120);

    }
    .hero-section .container p
    {
      color:rgb(255, 255, 255);
    }
    .form-check-label
    {
      color:rgb(255, 255, 255);
    }
    .hero-section .container h4
    {
      color:rgb(109, 79, 130);
    }



    .py-5 .text{
      color: #7a5ca0;
    }
    
    
    .card img 
    {
      width: 100%;
      height: 300px;
      object-fit: cover;
      border-radius: 15px;
      
    }
    
    .active1{
    
          border-radius: 50px;
          background-color:rgb(122, 91, 180);
          color: white;
          padding: 8px 20px;
          transition: all 1.5s;
    }
    
     .card-body{
      background-color: #1f2421e8;
    }  
   
    .card{
    background-color: #00000041;
    color: rgb(255, 255, 255);
    }
        
    .img-fluid{
      fill: rgb(211, 207, 214);
    }