@font-face{
	font-family:'Bahij';
	font-weight:300; /*(light)*/
	font-style: normal;
	src: url('css/fonts/Bahij/Bahij_TheSansArabic-Light.ttf') format('truetype');

}
@font-face{
	font-family:'Bahij';
	font-weight:400; /*(regular)*/
	font-style: normal;
	src: url('css/fonts/Bahij/Bahij_TheSansArabic-Plain.ttf') format('truetype');
}

@font-face{
	font-family:'Bahij';
	font-weight:700; /*(bold)*/
	font-style: normal;
	src: url('css/fonts/Bahij/Bahij_TheSansArabic-Bold.ttf') format('truetype');
}

body
{
  font-family: Bahij,sans-serif!important;
  background-color: #000!important;
}

*
{
    font-family: Bahij,sans-serif;
}
.imgc{max-width: 100%;max-height: 100%;}
.bgimg{background-repeat:no-repeat;background-size: cover;background-position: center;}
.gradtext
{
  background:-webkit-linear-gradient(323deg,#fba31d 30% 10%,#fd4852, #169fb0 65%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
a:hover
{
  text-decoration: none!important;
  color: inherit!important;
}
.mlink{
  width:150px;max-width: 100%;border:1px solid white;padding:5px;font-weight: 400;color:white;font-size:30px;
  height:150px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.3s ease;

}
.mlink:hover
{
    cursor: pointer;
    color:#000;
    transform: rotate(360deg);
    background: -webkit-linear-gradient(323deg,#fba31d 30% 10%,#fd4852, #169fb0 65%);
}
.vidwrap iframe
{
  width: 100%;
  height: 100%;
}

.slick-slide
{
  height: auto!important;
}

.slick-dots li button::before
{
  color:transparent;
  font-size: 15px;
  opacity: 1;
  border:1px solid white;
  border-radius:50%;
}
.slick-dots li.slick-active button::before
{
    background: -webkit-linear-gradient(323deg,#fba31d 30% 10%,#fd4852, #169fb0 65%);
}

.mainform input
{
  display: block;
  width: 100%;
  background-color: transparent;
  border:2px solid white;
  margin-bottom: 5px;
  color:white!important;
  direction: rtl!important;
  padding:8px 10px;
}
.mainform input::placeholder
{
  color:#fff!important;
}
.mainform input[type="submit"]
{
  cursor: pointer;
  color:#000;
  font-weight: 700;
  background: -webkit-linear-gradient(323deg,#fba31d 30% 10%,#fd4852, #169fb0 65%);
}
#mainvideo
{
  position: relative;
  padding-top: 50%;
  overflow: hidden;
}
#mainvideo .mainvid
{
  position: absolute;
  width: 100%;
  height: 115%;
  transform: translateY(-50%);
  left: 0;
  top:50%;
  right: 0;
}
#mute
{
  position: absolute;
  top:150px;

  right: 50px;
  z-index: 1000;
  margin: 0 auto;
  cursor: pointer;
}
.slick-slide
{
  float: right!important;
}

@media (max-width:575px){
  .mhfs35{font-size: 35px!important}
  .mlink{font-size: 20px;}
  .mpb20{padding-bottom: 20px!important;}
  .mhfs15{font-size: 15px!important;}
  .mfdcr{flex-direction: column-reverse!important;}
  .mbh200{height:200px!important;}
  .mbh300{height: 300px!important;}
  .mw100{width: 100%!important;}
  .mmp20{padding:20px!important;padding-left: 20px!important;padding-right: 20px!important;}
  .nofixed{background-attachment: inherit!important}
  #mute
  {
    max-width: 40px;
    top:40px;
    right: 30px;
  }
}