#navbarDarkDropdownMenuLink{
    color: white;
    font-weight: 500;
}

#navbarDarkDropdownMenuLink :hover{
    color: thistle;
}
li{
    list-style: none;
}

.container{
    justify-content: space-between;
}

.heading_bar{
    display: flex;
}


h1{
    font-weight: bold;
    font-size: 34px;
    color: #151875;
}

.kotak1{
    position: relative;
    width: 100%;
    height: 250px;
    background-color: #F3F9FF;
}

#container-about{
    position: relative;
    vertical-align: middle;
    top:35% ;
}
h5{
    color: #151875;
}

 p{
    color: rgb(26, 11, 91,0.5)
}

.card:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.06);
  }
  
  .card {
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.08), 0 0 6px rgba(0, 0, 0, 0.05);
    transition: 0.3s transform cubic-bezier(0.155, 1.105, 0.295, 1.12),
      0.3s box-shadow,
      0.3s -webkit-transform cubic-bezier(0.155, 1.105, 0.295, 1.12);
    cursor: pointer;
  }

  .button-about:hover{
    background-color: #9F63B5;
  }

  .button-about{
    padding:5px; 
    background-color: #FB2E86; 
    color: white; 
    border-radius: 3px; 
    border-color: transparent;
  }

  .aboutUs li{
      font-weight: 500;
  }

  .aboutUs li:hover{
    color: #FB2E86;
    cursor:pointer;
  }