/* @font-face {
  font-family: "CeraRoundPro";
  src: url("/fonts/CeraRoundPro.otf") format("otf");
       /* url("/fonts/OpenSans-Regular-webfont.woff") format("woff"); */

 
@font-face {
	font-family: 'CeraRoundProBlack';
	src: url('/fonts/CeraRoundProBlack.eot');
	src: local('☺'), url('/fonts/CeraRoundProBlack.woff') format('woff'), url('/fonts/CeraRoundProBlack.ttf') format('truetype'), url('/fonts/CeraRoundProBlack.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
footer {
    background-color: #443f3f;
  }
  .bar {
    border-right: 1px solid #8c8c8c;
    height: 500px;
    margin-left: 10px;
  }
  a {
    /* font-family: "CeraRoundProBlack"; */
    text-decoration: none !important;
    color: #8c8c8c;
  }
  #line {
    color: #8c8c8c;
    padding-left: 10px;
    width: 85%;
    height: 2px;
  }
  .vertical {
    width: 1px;
    height: 5px;
    color: #8c8c8c;
  }

ul li .nav-link:hover{
    color: #fe9d00 !important;
}
.footer-link:hover{
    color: #fe9d00 !important;
}
 ul li .nav-link{
    color:black !important;
} 
.zoom {
  /* box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);
  width: 500px;
  height: 500px; */
  box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);
  transition: transform 0.2s; /* Animation */
  width: 510px;
  height: 500px;
  margin: 0 auto;
  padding: 2px;
}
.zoom:hover {
  transform: scale(1.1);
}
.zoom1 {
  box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);
  transition: transform 0.2s; /* Animation */
  width: 510px;
  height: 200px;
  margin: 0 auto;
  padding: 2px;
}
.zoom1:hover {
  transform: scale(1.1);
}
.zoom2 {
  box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);
  transition: transform 0.2s; /* Animation */
  width: 550px;
  height: 300px;
  margin: 0 auto;
  padding: 2px;
}
.zoom2:hover {
  transform: scale(1.1);
}
.row .effect:hover {
  box-shadow: 4px 4px 4px grey;
}
.card-img-top {
  /* width: 100%;  */
 height: 30vh;
 object-fit: cover;
}

.text {
 background-color: #000;
 font-size: 16px;
 padding: 16px 107px;
 opacity: 0.4;
}

.middle {
 transition: .5s ease;
 opacity: 0.1;
 position: absolute;
 top: 90%;
 left: 50%;
 transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 text-align: center;
}

.card-border:hover {
 box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);
 transition: transform 0.2s;
}

.key:hover .image {
 opacity: 0.3;
}

.key:hover .middle {
 opacity: 1;
}
.cursor-pointer{
  cursor: pointer; 
}
@media only screen and (max-width: 767px) and (min-width: 300px) {
    /* For tablets: */
    .heading{
        text-align: center;
    }
    .contact-info{
        display: flex;
    }
   
}