html{scroll-behavior: smooth;}
body{
  background: url(../images/service_background.jpg);
  background-size: contain;
  background-repeat: repeat-y;
  overflow-x: hidden;
}
@media (min-width:992px){
    .maincontainer{
        padding: 30px 110px 25px 110px;

    }
    }
#tile{
  margin: 15px auto;
}
#tile .responsivecard{height: 100%;}
.sidemenu{
    margin: 20px 0px 0px 20px;
    width: fit-content;
    position: fixed;
    padding: 15px;
    background-color: #e3e3e3;
    border: black solid 1px;
    box-shadow: 0 0 20px rgba(128, 128, 128, 0.8);
    border-radius: 25px;
    z-index: 0;
}
@media(max-width:990px){.sidemenu{margin-right: 15px;}}
.students,.graduates{
    text-align: center;
    margin-bottom: 20px;
}
#tile{
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}
#tile .responsivecard{width: 100%;padding-left: 0;color: black;box-shadow: 0 0 10px rgb(58, 58, 58);}
.responsivecard h3{color: black;}

@media(max-width:560px){
    .maincontainer{
        margin: 35px inherit 25px inherit;
        overflow-x: hidden;
        padding: 0 15px 0 15px;
    }
    .sidemenu{display: none;}
}
.sidemenu ul{width: fit-content;}
@media(min-width:560px){
.animation-element {
    opacity: 0;
    position: relative;
  }
  .animation-element{
    transition:all 1400ms ease;
    opacity: 0;
  }
  .animation-element.in-view{
    opacity: 1;
  }
  .animation-element.slide-left {
    -webkit-transition: all 1400ms ease;
    -moz-transition: all 1400ms ease;
    -o-transition: all 1400ms ease;
    transition: all 1400ms ease;
    opacity: 0;
    -moz-transform: translate3d(-100px, 0px, 0px);
    -webkit-transform: translate3d(-100px, 0px, 0px);
    -o-transform: translate(-100px, 0px);
    -ms-transform: translate(-100px, 0px);
    transform: translate3d(-100px, 0px, 0px);
  }
  .animation-element.slide-right {
    -webkit-transition: all 1400ms ease;
    -moz-transition: all 1400ms ease;
    -o-transition: all 1400ms ease;
    transition: all 1400ms ease;
    opacity: 0;
    -moz-transform: translate3d(100px, 0px, 0px);
    -webkit-transform: translate3d(100px, 0px, 0px);
    -o-transform: translate(100px, 0px);
    -ms-transform: translate(100px, 0px);
    transform: translate3d(100px, 0px, 0px);
  }
  .animation-element.slide-left.in-view, .animation-element.slide-right.in-view {
    opacity: 1;
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
  .animation-element.slide-left.in-view:hover, .animation-element.slide-right.in-view:hover{transform: scale(1.1);}}
  @media(min-width:560px){
    .students,.graduates{
      max-width: fit-content;
      margin-left: 300px;
    }
    .carousel-inner{padding:0;}
    #container2{padding:25px;}
  }
  p.row{padding: 0;margin: 0;display: inline;}
  
  #cards .card {
    border-radius: 20px;
    min-height: 100%;
    margin-top: 20px;
}
.whyustxt ul li{
  margin-top: 15px;
}
.teamwrapper{
  margin: 0 auto;
}
.container-fluid h1{
  font-weight: bold;
}
#cards .heading-border {
    position: absolute;
    width: 100%;
    top: 60%;
}

#cards .card .user-picture img {
    position: absolute;
    margin-top: 20px;
    top: -20%;
    right: 10%;
    background: #f8f9fa!important;
    padding: 10px;
}

#cards .card .user-content .user-name {
    margin-right: 150px;
}