@font-face {
  font-family: "Dukas";
  src: url(../Fonts/DukasCFSemiBold-Regular.ttf);
}
@font-face {
  font-family: "Ral";
  src: url(../Fonts/Raleway-Bold.ttf);
}
@font-face {
  font-family: "Gotu";
  src: url(../Fonts/Gotu-Regular.ttf);
}
.link a:-webkit-any-link,a:link,a:visited,a:hover,a:active {
  color: #0091CE;
  cursor: pointer;
  text-decoration: none;
}
#title a:-webkit-any-link,a:link,a:visited,a:hover,a:active {
  color: #155577;
  cursor: pointer;
  text-decoration: none;
}

.header2{
  /* background-image: url("../Images/Landing_page_image.jpg");
  background-position:top;
  background-size: cover; */
  padding-bottom: 40px;
  left: 0;
  margin-left: 0;
  padding-left: 4%;
}
.contain{
  display: flex;
  margin-top: 5% ;

}
.sidebar {
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin: 1.5rem;
  flex:4;
  gap: 0.1rem;
  /* border: 5px solid #155577; */
  border-radius: 10px;
  display: grid;
height: 110vh;
}

@media (max-width: 800px) {
  .sidebar,.nav-links,.nav-links2{
    display: none!important;
  }
  .header2{
    background-image: none;
  }
}

.sidebar .side-content {

  color: white;
  font-family: "Ral",sans-serif;
  font-size: 1.5rem;
  font-weight: bold;
  display: grid;
  justify-content: center;
}
/* #gallery,.gallery,#gallery3,#gallery4,#gallery5,#gallery6,#gallery7,#gallery8,#gallery9
,#gallery10,#gallery11,#gallery12,#gallery13,#gallery14,#gallery15,#gallery16,#gallery17{
  flex:21;
} */


/*Side bar css*/

.sidebar{
  max-width:200px;
  background:#fff;
  margin:0px auto;
  padding:10px 0px 20px 0px;
  /* border:1px solid #111;
  border-radius:4px;
  box-shadow:0px 4px 5px #155577; */
}
.link{
  font-family: "Gotu", sans-serif;
  font-size:20px;
  font-weight:700;
  text-align:center;
  position:relative;
  height:40px;
  line-height:40px;
  /* margin-top:10px; */
  overflow:hidden;
  width:90%;
  margin-left:5%;
  cursor:pointer;
}
.link:after{
  content: '';
  position:absolute;
  width:80%;
  border-bottom:1px solid rgba(255, 255, 255, 0.5);
  bottom:50%;
  left:-100%;
  transition-delay: all 0.5s;
  transition: all 0.5s;
}
.link:hover:after,
.link.hover:after{
  left:100%;
}
.link .text{
  text-shadow:0px -40px 0px #0091CE;
  transition:all 0.75s;
  transform:translateY(100%) translateZ(0);
  transition-delay:all 0.25s;
}
.link:hover .text,
.link.hover .text{
  color: #0091CE;
  font-size: 1.8rem;
  text-shadow:0px -40px 0px rgba(255, 255, 255, 0);
  transform:translateY(0%) translateZ(0) scale(1.1);
  font-weight:600;
}
#title{
  font-family: "Dukas", sans-serif;
  color: #155577;
  font-size: 2.5rem;
  font-weight:800;
  text-align:center;
  position:relative;
  height:40px;
  line-height:40px;
  margin-top:10px;
  margin-bottom: 10px;
  overflow:hidden;
  width:90%;
  margin-left:5%;
  cursor:pointer;
  border: 2px solid #fff;
  border-radius: 3px;
}