/********** Template CSS **********/
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400&display=swap');

*{
    font-family: 'Cairo', sans-serif;

}

/*****************************************login**************************************************/

.img-pack {
  height: 100vh;
  width: 100%;
  background: url("../img/1.jpg")no-repeat center bottom fixed;
  background-size: cover;
  z-index: 1;
  color: #fff;
  position: relative;
}
.content {
 position: absolute;
  text-align: center;
  width: 100%;
  top: 5rem;}


  .color {
  height: 100vh;
  width: 100%;
  z-index: 3;
    background-color: rgb(11 38 82 / 60%);
}
.op{
         opacity: 0.6;
    transition: 0.5s;
}
.op:hover{
     opacity: 1;
}
.login-box{
  background: rgba(255, 255, 255, 0.815);
  padding: 20px;
  border-top: 0;
  color: #666;
  border-radius: 22px;
  transition: 0.5s ease;


 
    position: absolute;
    width: 50%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* margin: 7% auto; */
}
@media (max-width: 768px){
.login-box{
  width: 90%;

}
}




.contact .font {
    text-align: center;
    margin: 15px 0;
}
.contact .font li {
  display: inline-block;
  margin: 0 5px;
}
.contact .font li a {
  transition: 0.5s ease;
  color: #3f3d56;
}
.contact .font li a:hover {
  color: #0dcaf0;
}