body{
    margin:0;
    padding:0;
    background: #dbdae9;
}

.nav{
    border-radius: 20px !important; 
}
.update{
    background: #ffffffb7;
    height:65vh;
    border-radius: 20px; 
}
.update:hover{
    box-shadow: 5px 5px 4px 5px #888888b9;
}
.update-inner{
    height:50vh;
    overflow-y: scroll;
}
.update h2{
    color:#e1e0e9d8;
    text-align: center;
    background-color: #000000e5;
    border-radius: 20px 20px 0px 0px;
    padding: 10px;
}
.intro_card{
    background: #000000e5;
    height:auto;
    border-radius: 20px; 
    padding:10px;
}
.intro_card:hover{
    box-shadow: 5px 5px 4px 5px #888888b9;
}
.intro_card h2{
  color: aliceblue;
  text-align: center;
}
.intro_card p{
    color:#ffffff;
    text-align: justify;
    padding-left: 10px;
}
.intro{
    background: #9c0303fd;
    height:auto;
    position: relative;
    padding: 10px;
    border-radius: 20px;
    margin-bottom: 20px; 
}
.intro:hover{
    box-shadow: 5px 5px 4px 5px #888888b9;
}
.about p{
    color:#ffffff;
    text-align: justify;
    padding-left: 10px;
}
.about_heading{
    color:#ffffff;
    text-align: center;
}
.about_img{
    -webkit-filter: grayscale(100%); 
    filter: grayscale(100%);
}

.testimonial{
    background: #ffffff;
    border: 1px solid #f5f5f5; 
    border-radius: 20px;
    height: 40vh;
    padding:10px;
}
.testimonial:hover{
    box-shadow: 5px 5px 4px 5px #888888b9;
}
.testimonial h2{
    color:#060213d8;
    text-align: center;
}

.portfolio{
    background: #ffffff;
    border: 1px solid #f5f5f5; 
    border-radius: 20px;
    height: auto;
    padding:0;
}
.portfolio:hover{
    box-shadow: 5px 5px 4px 5px #888888b9;
}
.portfolio h2{
    color:#060213d8;
    text-align: center;
}
.carousel-inner{
    border-radius: 20px;
}
.consulting{
    background:#ffffffb7;
    height:auto;
    border-radius: 20px;
}
.consulting:hover{
    box-shadow: 5px 5px 4px 5px #888888b9;
}
.consulting-inner{
    height:80vh;
    overflow-y: scroll;
}
.consulting h2{
    color:#e1e0e9d8;
    text-align: center;
    background-color: #9c0303fd;
    border-radius: 20px 20px 0px 0px;
    padding: 10px;
}
.contact{
    background: #000000e5;
    border-radius: 20px;
    height: 414px;
    padding:0;
}
.contact:hover{
    box-shadow: 5px 5px 4px 5px #888888b9;
}
.contact h2{
    color:#060213d8;
    text-align: center;
}
.card-scroll{
    height: 280px;
    overflow-y: scroll;
}
/*scroll bar */
/* width */
::-webkit-scrollbar {
    width: 5px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #888;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #555;
  }