/*
	Theme Name: ما هو اسم القالب؟
	Theme URI: https://www.elnooronline.com/
	Author: تم تصميم وتطوير بواسطة شركة النور أون لاين
	Author URI: https://www.elnooronline.com/
*/
/* start part basic */
@import url(assets/css/helper\ v0.2.css);
@import url(assets/css/all.min.css);
@import url(assets/css/bootstrap-rtl-4.5.3.min.css);
@import url(assets/css/aos.css);
@import url(assets/css/slick-theme.css);
@import url(assets/css/slick.css);
@import url(assets/css/animate.min.css);
@import url(assets/css/splide.min.css);
@font-face {
  font-family: arabic;
  src: url(assets/FONT/GE_SS_Two_Medium.otf);
}
@font-face {
  font-family: eng;
  src: url(assets/FONT/Rubik-Regular.ttf);
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
a {
  color: var(--text) !important;
  text-decoration: none !important;
}
body {
  font-family: arabic;
  overflow-x: hidden !important;
}
:root {
  --title: rgb(172, 172, 172);
  --prime: #065cb9;
  --second: #1c90ce;
  --third: #6dcff6;
  --sodark: #0d217a;
  --border: transparent;
  --bg: rgb(20, 20, 20);
  --text: white;
}

.backgroun {
  background-color: var(--bg);
  color: var(--text);
}
p::selection,
h1::selection,
h2::selection,
h4::selection,
h5::selection,
h6::selection {
  background-color: var(--prime);
  color: white;
}
ul {
  list-style: none;
}
input:focus {
  outline: none;
}
.load {
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background-color: white;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
}
.load img {
  width: 20%;
  height: 20%;
}
/* end basic */
/* start  */
.bg-landing {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: -2;
}
.bg-landing img {
  width: 100%;
  height: 80vh;
  object-fit: cover;
  filter: brightness(.5);
  clip-path: polygon(100% 0, 100% 60%, 75% 100%, 25% 100%, 0 60%, 0 0);
}
.coming-soon {
  background-image: url(assets/image/Layer_1.png);
  width: 100%;
  height: 100vh;
  background-size: cover;
}
.head {
  width: 40%;
  margin: auto;
}
.head span img {
  width: 100px;
  height: 100px;
}
.landing-content {
  margin-top: 100px !important;
}
.landing-content .countdown {
  display: flex;
  justify-content: center;
  font-size: 40px;
  font-family: eng;
  margin-top: 50px;
}
.landing-content .countdown div {
  display: flex;
  flex-direction: column;
  margin: 0px 50px;
  font-weight: bolder;
}
.list-option {
  position: absolute;
  left: 12.5%;
  right: 12.5%;
  width: 80%;
  bottom: 5%;
}

.list-option .col {
  margin: 0% 1%;
  background-color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 350px;
  border-radius: 30px;
  font-weight: bolder;
}
.list-option .col div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.row-cols-3>* {
  -ms-flex: 0 0 31.33333%;
  flex: 0 0 31.333333%;
  max-width: 31.333333%;
}
.list-option div p {
  margin-top: 20px;
  text-align: center;
  font-size: 20px;
}
/*--------- Responsive ----- */
@media (max-width: 1500px) {
      .head {
    width: 70%;
  }
  .landing-content {
    margin-top: 0px !important;
  }
  .landing-content h1 {
    font-size: 60px;
    
  }
  .landing-content .countdown {
    font-size: 30px;
    margin-top:20px;
  }
  .landing-content .countdown div {
    margin: 0px 30px;
  }
  .list-option {
    bottom: 5%;
  }
  .list-option div p {
    margin-top: 20px;
    font-size: 20px;
  }
  .list-option .col {
    height: 170px;
  }
  .list-option div img {
    height: 70px;
    width: 70px;
  }
}
@media (max-width: 992px) {
  .head {
    width: 80%;
  }
  .head span img {
    height: 75px;
  }
  .landing-content {
    margin-top: 50px !important;
  }
  .landing-content h1 {
    font-size: 60px;
  }
  .landing-content .countdown {
    font-size: 30px;
    margin-top: 25px;
  }
  .list-option div p {
    margin-top: 20px;
    font-size: 20px;
  }
  .list-option {
    bottom: 5%;
  }
  .list-option .col {
    height: 170px;
  }
}
@media (max-width: 768px) {
  .head {
    width: 100%;
  }
  .head span img {
      width:75px;
    height: 50px;
  }
  .landing-content {
    margin-top: 150px !important;
  }
  .landing-content h1 {
    font-size: 40px;
  }
  .landing-content .countdown {
    font-size: 20px;
  }
  .landing-content .countdown div {
    margin: 0px 15px;
  }
  .list-option div p {
    margin-top: 20px;
    font-size: 15px;
  }
  .list-option {
    bottom: 10%;
  }
  .list-option div img {
    height: 50px;
    width: 50px;
  }
  .list-option .col {
    height: 150px;
  }
  .l-logo {
  font-size: 8px !important;
}
}
@media (max-width: 500px) {
  .head {
    width: 100%;
  }
  /*.head span img {*/
  /*  height: 50px;*/
  /*}*/
  .landing-content {
    margin-top: 150px !important;
  }
  .landing-content h1 {
    font-size: 35px;
  }

  .list-option div p {
    margin-top: 20px;
    font-size: 10px;
  }
  .list-option {
    bottom: 5%;
    width: 95%;
    left: 5%;
    right: 5%;
  }
  .list-option div img {
    height: 50px;
    width: 50px;
  }
  .list-option .col {
    height: 150px;
  }
}
@media (max-width: 375px) {
}
.d-block{
  display:block !important;
}
.d-none{
  display:none !important;
}


.l-logo{
  position: relative;
  right: 20px;
  margin: auto;
color: #009d8e !important;

}
.l-logo::after{
  content: "";
  position: absolute;
  right: -10px;
  top: 0;
width: 2px;
background-color: #009d8e;
height: 100%;
}
.social{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  background-color: #009d8e;
  margin: 0;
}
.social li{
  margin: 0px 5px;
  font-weight: bolder;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 5px;
}
.social i{
  font-size: 20px;
  padding: 8px;
  background-color: white;
color:  #009d8e;
border-radius: 10px;
}