@font-face {
  font-family: ltbukralight;
  src: url("../fonts/29ltbukralight.otf");
}
@font-face {
  font-family: ltbukraregular;
  src: url("../fonts/29ltbukraregular.otf");
}
@font-face {
  font-family: ltbukrabold;
  src: url("../fonts/29ltbukrabold.otf");
}

/* //////////////////////////////// */


*{
  font-family: ltbukraregular;
}


.ltbukraregular{
  font-family: ltbukraregular ;
}


.navbar *{
  font-family: ltbukraregular;
}

.navList{
  font-size: 14px;
}

.btnLang{
  font-size: 14px;
}

.textV{
  font-family: ltbukraregular;
}

.bluerHomeContant h1{
  font-family: ltbukralight;
  font-size: 38px;
  font-weight: lighter;
}
.bluerHomeContant p{
  font-family: ltbukrabold;
  font-weight: bold;
  font-size: 25px;
}
.textHeaderPage h1{
  font-family: ltbukralight;
  font-size: 28px;
  margin-bottom: 4px;
  font-weight: lighter;
}
.textHeaderPage p{
  font-family: ltbukrabold;
  font-weight: bold;
  font-size: 18px;
}

.cardPage h3{
  font-family: ltbukrabold;
  font-size: 16px;
}
 
.cardPage p{
  font-family: ltbukraregular;
  font-size: 16px;
}

.titlesec{
  font-family: ltbukraregular;
  font-size: 18px;
}

.textbtn{
  transform: translateX(-10px);
  font-size: 16px;
  font-family: ltbukraregular;
}
.arrowbtn{
  transform: translateX(10px);
}
.btnArrow:hover .arrowbtn{
  transform: translateX(-5px) rotate(-180deg);
}
.btnArrow:hover .textbtn{
  transform: translateX(5px);
}
/* .headerSideFollow{
  left: 0;
  right: unset;
  transform: translateY(-50%)
} */

.footer{
  left: 0;
}
.footer h1{
  font-family: ltbukrabold;
  font-weight: bold;
  font-size: 90px;
  line-height: 100%;
  margin-bottom: 15px;
}

@media (max-width:1200px) {
  .bluerHomeContant h1{
    font-size: 30px;
  }
  .bluerHomeContant p{
    font-size: 22px;
  }
}

@media (max-width:900px) {
  .bluerHomeContant h1{
    font-size: 25px;
  }
  .bluerHomeContant p{
    font-size: 20px;
  }
}

@media (max-width:700px) {
  .headerSideFollow {
    right: unset;
    left: 15px;
    bottom: 20px;
}
  .footer h1{
    font-size: 60px;
  }
}
@media (max-width:500px) {
  .bluerHomeContant h1{
    font-size: 25px;
  }
  .bluerHomeContant p{
    font-size: 18px;
  }
  .footer h1{
    font-size: 50px;
  }
  .textHeaderPage h1{
    font-size: 24px;
  }
  .textHeaderPage p{
    font-size: 15px;
  }
  .cardPage h3{
    font-size: 15px;
  }
  .cardPage p{
    font-size: 14px;
  }
  .titlesec{
    font-size: 15px;
  }
  .formInput label{
    font-size: 15px;
  }
  .formInput input{
    font-size: 14px;
  }
  .inputCheck label{
    font-size: 14px;
  }
  .formInput textarea{
    font-size: 14px;
  }
}

@media (max-width: 450px) {

  .footer h1 {
    font-size: 40px;
  }
}


@media (max-width: 340px) {
  .footer h1 {
    font-size: 30px;
  }
}