/*
	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);
@import url(assets/css/magnific-popup.css);
@import 'assets/css/bootstrap-datepicker.css';
@font-face {
  font-family: arabic;
  src: url(assets/FONT/GE_SS_Two_Medium.otf);
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
a {
  color: var(--text) ;
  font-weight: bold;
  text-decoration: none !important;
}
body {
  font-family:  "Cairo", sans-serif;
  overflow-x: hidden !important;
  -webkit-box-sizing:0;
  box-sizing:0;
  padding:0;
  margin:0;
  direction: rtl;
}
:root {
  --title: rgb(172, 172, 172);
  --prime: rgba(123, 167, 219, 1);
  --second: rgb(41, 81, 129);
  --third: rgba(169, 130, 176, 1);
  --sodark: rgb(98, 39, 109);
  --border: transparent;
--bg:rgb(20, 20, 20);
--text: white;
}
.backgroun{
background-color: var(--bg);
color:var(--text);
}
p,
h1,
h2,
h3,
h4,
h5,
h6{
  padding: 0px;
  margin: 0px;
}
h1,
h2,
h3,
h4,
h5,
h6{
  font-weight: bold;
}
p::selection,
h1::selection,
h2::selection,
h4::selection,
h5::selection,
h6::selection {
  background-color: var(--prime);
  color: white;
}
ul {
  list-style: none;
  margin: 0px;
}
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%;
}




.loaderlodging {
	height: 100vh;
	z-index: 10000;
	transition: .8s;
}
.loaderlodging__body {
	overflow: hidden;
}
.loaderlodging img{
  width: 250px  !important;
  height: 80px  !important;
  object-fit: contain;
}
.loaderlodging__body.afterloading {
	overflow: inherit;
}
.loaderlodging.remove {
	opacity: 0;
	visibility: hidden;
	z-index: -1;
}
.loader {
    width: 48px;
    height: 48px;
    border: 5px solid #cecece;
    border-bottom-color: var(--prime);
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}
.loaderlodging img{
  width: 100px;
  height: 100px;
}
@keyframes rotation {
    0% {
        transform: rotate(0deg);
	}
    100% {
        transform: rotate(-360deg);
	}
}
.bg-image{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
}
 .bg-image img{
  width: 100%;
  height: 100%;
object-fit: cover;
/* object-position: center -120px; */
}
/* end basic */
/* start header  */
header {
  height: 90px;
  background-color:white;
  position: absolute;
  width: 100%;
  top: 0px;
	z-index:101;
}
header .content-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header .content-header .logo img {
  width: 70px;
  height: 70px;
  object-fit: contain;
}
header .content-header .phone-menu {
  margin: auto;
}
header .content-header .phone-menu > ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
header .content-header ul li {
  margin: auto 20px;
}
header .slide ul > .dropdown{
	position:relative;
}
header .slide ul > .dropdown::after{
	content:'\f107';
	font-family:"Font Awesome 6 Free";
	font-weight:bolder;
	font-size:15px;
	color:var(--prime);
	position:absolute;
	left:-20px;
	top:50%;
	transform:translatey(-50%);
}
/*   header .dropdown:hover:after{
    left: -17px;
  } */
header .content-header ul li {
  position: relative;
}
header .content-header ul li a {
  color: var(--prime) ;
  cursor: pointer;
}
header .dropdown-toggle::after{
  display: none;
}
header .dropdown-menu{
  background-color: var(--prime);
  transform: translate3d(30%, 40px, 0px) !important;
  border-radius: 15px;
  padding: 0px;
}
header .dropdown-menu  li{
  color: white;
  padding: 10px 0px;
  margin: 0px !important;
  text-align: center;
  transform: translate(0px ,0px);
  cursor: pointer;
  transition: 1s;
}
header .dropdown-menu  li a{
	color:white !important;
}
header .dropdown-menu  li:hover a{
	color:var(--prime) !important;
}
header .dropdown-menu  li:first-of-type{
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
header .dropdown-menu  li:last-of-type{
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 1
   5px;
  text-wrap: nowrap;
}
header .btn-outline-primary{
 color: var(--prime) !important; 
}
header .btn{
width: 160px;
margin: 5px;
	text-wrap:nowrap;
}
header .btn-outline-primary:hover{
  color: white !important; 
 }
 header .content-header .phone-menu > ul li::after {
  content: "";
  position: absolute;
  left: 0px;
  bottom: -10px;
  width: 0%;
  height: 2px;
  background-color: var(--prime);
  transition: 1s;
}
header .content-header .phone-menu > ul li::before {
  content: "";
  position: absolute;
  right: 0px;
  bottom: -10px;
  width: 0%;
  height: 2px;
  background-color: var(--prime);
  transition: 1s;
}

/* header .content-header ul li:hover:after {
  width: 100%;
}
header .content-header ul li:hover:before {
  width: 100%;
} */
/* for active header  */
/* header .content-header ul .active::before {
  width: 100%;
} */
/* header .content-header ul .active::after {
  width: 100%;
} */
/* header .content-header ul:hover .active::after {
  width: 0%;
}
header .content-header ul:hover .active::before {
  width: 0%;
}
header .content-header ul .active:hover:after {
  width: 100%;
}
header .content-header ul .active:hover:before {
  width: 100%;
} */
/* end header  */
/* ///////////////////////////////////////////////// */
/* start landing  */
.landing{
  position: relative; 
  top:-100px;
  height: 100vh;
}
.landing .bg-landing{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.landing .bg-landing{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}
.landing .bg-landing img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.landing .text-landing{
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translate(-25%,-25%);
}
.landing .text-landing > * {
  margin: 20px 0px ;
  color: white;
}
.landing .text-landing h1 {
  font-size: 60px;
}
.landing .text-landing h3 {
  font-size: 35px;
}
/* end landing  */
/* //////////////////////////////////////////// */
/* start who-us  */
.who-us{
  position: relative;
}

.who-us .col{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.who-us .col:first-of-type{
  align-items: flex-start;
}
.who-us .col:first-of-type > *{
  margin: 15px 0px;
}
.who-us .col:first-of-type > .title{
  font-size: 40px;
  font-weight: bolder;
  background-color: var(--third);
  padding: 5px 60px;
  border-radius: 40px;
  border-bottom-right-radius: 0px;
  color: white;
}
.who-us .col h2{
  font-size: 35px;
  font-weight: bolder;
}
.who-us .col img{
  width: 90%;
  height: 90%;
  object-fit: contain;
}
/* end who-us  */
/* ////////////////////////////////////////////// */
/* start services  */
.services{
  position: relative;
}
.services iframe{
	width:100%;
	height:250px;
}
.services .content-service  .col{
display: flex;
align-items: center;
justify-content: center;
}
.services .content-service  .col a:hover{
  background-color: var(--third);
  color: white;
  transition: 1s;
  cursor: pointer;
}
.services .content-service  .col a{
  position: relative;
  background-color: var(--prime);
  color: white;
  width: 250px;
  height: 75px;
  border-radius: 50px;
  margin: 20px;
  display: flex;
  align-items: center;
}
.services .box-serv-1 .card-body{
	width:100%;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.services .content-service  .col a img{
  position: absolute;
  top: 60%;
  transform: translateY(-50%);
  width: 130px;
  height: 130px;
  object-fit: contain;
}
.services .content-service  .col a:first-of-type {
  justify-content: flex-end;
  padding-left: 30px;
}
.services .content-service  .col a:last-of-type {
  justify-content: flex-start;
  padding-right: 30px;
}
.services .content-service  .col a:first-of-type img{
  right: -55px;
}
.services .content-service  .col a:last-of-type img{
  left: -55px;
}
/* end services  */
/* ////////////////////////////////////////////// */
/* start solution  */
.solution{
  position: relative;
}
.solution .col img{
  width: 100%;
  height: 100%;
  scale: 1;

}
.solution col {
  position: relative;
}
.solution .col img:hover {
  scale: 1.1;
  transition: 1s;
}

/* end solution  */
/* ///////////////////////////////////////////// */
/* start help  */
.help .blus-open-info{
position: relative;
width: 40px;
height: 40px;
background-color: var(--third) ;
border: none;
}
.help .blus-open-info span {
  font-weight: bolder;
  font-size: 20px;
  position: absolute;
  left: 50%;
  top: 10%;
  transform: rotate(90deg) !important;
  transition: .5s ;
}
.help .blus-open-info .rotate{
  top: 2px;
  left: 45%; 
  transform: rotate(0deg)  !important ;

}
.help .blus-open-info:hover .rotate{
  transform: rotate(90deg)  ;
}
.help .col{
  box-shadow:  0px 0px 5px 5px rgba(51, 51, 51, 0.178);
  padding: 20px ;
  border-radius: 10px;
  cursor: pointer;
  margin: 10px 0.5%;
  height: 100%;
}
.help .collapse{
  border-top: 1px solid rgba(100, 100, 100, 0.555);
  padding-top: 20px ;
  margin-top: 20px  ;
}
/* end help  */
/* ////////////////////////////////////////////// */
/* start another page  */
.singin  {
  position: relative;
  height: 100vh;
  display: flex;

}
.singin .container-90 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.singin .row {
  display: flex;
  justify-content: center;
  align-items: center;
}
.singin .row .col{
  height: 100%;
  width: 100%;
}
.singin .col img{
height: 92%;
width: 100%;
position: relative;
left: 40px;
top: 4%;
object-fit: cover;
border-radius: 15px;
}
.singin .singin-form{
  position: relative;
  right: 7px;
display: flex;
align-items: center;
justify-content: center;
padding: 40px;
background-color: white;
border-radius: 15px;
z-index: 1;
}
.singin .singin-form .col{
  margin: 15px 0px;
}
.singin .row .col form{
  text-align: center;
}
.singin .row .col form .col{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
.singin .row .col form .forget{
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}
.singin .row .col form .forget div{
  display: flex; 
  align-items: center;
  justify-content: flex-start;
}
.singin .row .col form .forget div:last-of-type{
  justify-content: flex-end !important;
}
.singin .row .col form .forget div input{
  margin: 10px;
}
.singin .row .col button{
  display: flex;
  justify-content: center;
}
.singin .row .col form div input{
  background-color: rgb(241, 241, 241);
  padding: 15px;
  border: none;
  border-radius: 5px;
  width: 100%;
}
.singin .singin-form label{
  margin-bottom: 5px !important;
}
.login .singin-form .col > *{
margin: 0px;
}
/* start services  */
.services .box-serv-1{
  padding: 10px;
  margin: 40px 0px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
 box-shadow: 0px 0px 5px 5px rgba(44, 44, 44, 0.137);
 border-radius: 15px;
}
.services .box-serv-1 {
  margin: 15px auto;
}
/* .services .box-serv-1 .card-body{
  padding: 0px;
} */
.services .box-serv-1 .card-img-top{
  padding: 0px;
  margin: 0px;
}
.services .box-serv-1 .card-img-top img{
  width: 100%;
}
.services .box-serv-1 > div{
  margin: 0px 10px;
}
.services .box-serv-1 > div:last-of-type{
	margin-right:20px !important;
}
.services .box-serv-1 > div > *{
  margin: 10px 0px;
}
/*.services .box-serv-1 > div > h3 {
    height: 65px;
    overflow: hidden;
}
 .services .box-serv-1 > div > p {
    height: 125px;
    overflow: hidden;
} */
.services .box-serv-1 .card-body img{
width:50px;
	height:50px;
	border-radius:50%;
}
.services .box-serv-1 > div img{
    width: 100%;
    height: 225px;
    object-fit: cover;
    border-radius: 15px;
}
.services .box-serv-1  .btn-serv{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
}
.services .box-serv-1  p{
  width: 80%;
}
.services .box-serv-1:last-of-type  p{
  width: 100%;
}
.services .box-serv-1  .btn-serv > div{
  margin: auto 0px;
  margin-left: 20px;
  display: flex;
  justify-content: center;
align-items: center;
}
.services .box-serv-1  .btn-serv > div i{
  margin: 0px 10px;
}
/* end another page  */
/* start order  */
.order .box-order {
  box-shadow: 0px 0px 5px 5px rgba(44, 44, 44, 0.137);
  padding: 20px;
  border-radius: 15px;

}
.order .box-order::-webkit-scrollbar {
  display: none;
}
.order .box-order .box-order-content{
  box-shadow: 0px 0px 5px 5px rgba(44, 44, 44, 0.137);
  padding: 20px;
  border-radius: 15px;
  width: 98%;
  margin: auto;
}
.order .box-order .box-order-content .col  img {
width: 100%;
height: 100%;
}
.order .box-order .box-order-content .col > * {
  margin: 10px 0px;
}
.order .box-order .box-order-content .col  ul li{
  margin-left: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.order .box-order .box-order-content .col  ul li{
  text-wrap: nowrap;
}
.order .box-order .box-order-content .col  ul li span{
  background-color: var(--third);
  color: white;
  padding: 5px 10px;
  border-radius: 5px;
  margin: 5px;
}
.order .box-order .box-order-content .col  ul li:nth-of-type(1) span{
  background-color: var(--prime);
}
.order .box-order .box-order-content .col  ul li:nth-of-type(3) span{
  background-color: green;
}
.order .chat {
  position: relative;
}
.order .chat .message{
width: 40%;
margin: 30px 0px;
background-color: rgba(235, 235, 235, 0.685);
padding: 15px;
border-radius: 15px;
} 
.order .chat .mes-left{
  position: relative;
  right: 60%;
  display: flex;
  flex-direction: column;
  text-align: left;
  border-top-left-radius: 0px;
}
.order .chat .message > *{
  margin: 10px 0px;
	overflow: hidden;
}
.order .chat .mes-left p:first-of-type{
  text-align: right;
}
.order .chat .mes-right{
  border-top-right-radius: 0px;
}
.order .chat .message img{
  width: 100%;
  height: 300px;
}
.order .chat .text-message{
  width: 100%;
  background-color: rgb(235, 235, 235);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px;
  border-radius: 10px;
}
.order .chat .text-message div{
  display: flex;
  align-items: center;
}
.order .chat .text-message div span{
margin: 0px 10px;
}
.order .chat .text-message div  input{
  border: none;
  width: 100%;
  background-color: transparent;
}
/* start question */
.quetion .question-content{
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin-bottom: 20px;
}
.quetion .question-content > *{
  margin: 10px 0px;
}
.quetion .question-content h3:first-of-type{
  color: var(--prime);
}
.quetion .question-content h3:last-of-type{
  color: var(--third);
}
.quetion .question-content .search{
  position: relative;
  width: 50%;
}
.quetion .question-content .search i{
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: rgb(77, 76, 76);
}
.quetion .question-content .search input{
  width: 100%;
  border: none;
  background-color: white;
  border: solid 1px rgb(204, 204, 204);
  padding: 10px 50px;
  border-radius: 10px ;
}
/* ///////////////////////////////////////////// */
/* start privace  */
.privace p{
  margin: 20px 0px;
}
/* end privace  */
/* ////////////////////////////////////////////// */
/* start contact us  */
.contact-us form input ,.contact-us form textarea{
width: 100%;
padding: 15px;
margin: 20px 0px;
border: solid 1px rgb(212, 212, 212) ;
border-radius: 5px;
}
.contact-us .col{
  position: relative;
}
.contact-us .col .contact-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 20px;
  color: white;
}
.contact-us .col .contact-content > * {
  margin: 10px 0px;
}
.contact-us .col ul{
  margin-top: 50px;
}
.contact-us .col  ul li{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: white;
  margin: 20px 0px;
}
.contact-us .col  ul li i{
  margin: 0px 10px;
}
.contact-us .col div h4 {
    word-break: break-all;
}
/* end contact us  */
/* ////////////////////////////////////////////// */
/* start about us 2  */
.about-us-2{
  position: relative;
}
.about-us-2 .col{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.about-us-2 .col img{
  width: 100%;
  height: 100%;
}
.about-us-2 .col:first-of-type{
  align-items: flex-start;
}
.about-us-2 .col:first-of-type >*{
  margin: 10px 0px;
}
.about-us-2 .col h2 img{
 width: 50px; 
 margin: 0px 20px;
}
.about-us-2  .title{
  font-size: 40px;
  font-weight: bolder;
  background-color: var(--third);
  padding: 5px 60px;
  border-radius: 40px;
  border-bottom-right-radius: 0px;
  color: white;
}
/* end about us 2  */
/* ////////////////////////////////////////////// */
.section-number {
  width: 100%;
}
.section-number .col{
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
border: solid 1px black;
border-radius: 10px;
margin: 20px 0.5%;
padding: 20px;
}
.section-number .col:first-of-type{
  align-items: center;
}
.section-number .col > *{
  margin: auto;
  margin: 10px 0px !important;
  text-align: center;
}
.section-number .col img{
width: 70px;
height: 70px;
}
.box-comment{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: solid 1px rgb(218, 218, 218);
  border-radius: 5px;
  width: 60%;
	margin: 22px auto;
}
.box-comment  div{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
}
.box-comment  div div > * {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}
.box-comment  .image-box{
  width: 50%;
}
.box-comment .image-box img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
}
.box-comment div:first-of-type{
justify-content: flex-start;
}
.stars ul{
  display: flex;
  align-items: center;
  justify-content: flex-start;
	flex-direction:row !important;
}
.stars  li {
  margin: 0px 3px;
}
.stars li i {
  color: goldenrod;
}
.profile .nav .nav-link:focus{
  border: none;
  outline: none;
}
/* start profile page  */
.order .box-order .box-order-content .col ul li{
  font-size: 12px;
}
/* start profile page  */
.profile .profile-content{
  position: relative;
  background-color: white;
  top: 0px;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  padding: 0px;
}
.profile .info-profile{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.profile .info-profile img{
  margin: 0px 20px;
  width: 100px ;
  height: 100px;
}
.profile .info-profile .text-info-profile{
  margin-left: 30px;
}
.profile .info-profile .text-info-profile > *{
  margin: 10px 0px;
}
.profile .nav {
  border: none;
}
.profile .nav {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 20px 0px;
  position: relative;
  z-index: 1;
}
.profile .nav::after {
  content: "";
  position: absolute;
  bottom: -1px;
  right: 0px;
  width:100%;
  height: 2px;
background-color: gainsboro;
z-index: -1;
}
.profile .nav  li {
  padding: 0px 30px;
  position: relative;
}
.profile .nav  .nav-link {
  border: none !important;
}
.profile .nav  .active {
  position: relative;
}
.profile .nav  .active::after {
  content: "";
  position: absolute;
  bottom: -20px;
  right: 0px;
  width:100%;
  height: 2px;
  background-color: var(--prime);
}
.profile .nav  li:last-of-type:after {
  display: none;
}
.profile .nav li button{
  color: gray;
  font-weight: bolder;
}
.profile .nav  .active   {
color: var(--second);
}
.profile .tab-content{
  margin: 25px 0px;
}
.profile .tab-content .col{
  flex-direction: column;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.profile  form .col {
  margin: 15px .5%;
}
.profile  form .col > input{
  padding: 15px ;
  background-color: rgb(250, 249, 249);
  border: none;
  width: 100%;
  border-radius: 10px;
}
.profile .col {
margin: 0px .5%;
display: flex;
justify-content: center;
}
.profile .col .num-cours{
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--prime);
  padding: 20px;
  border-radius: 15px;
  color: white;
  transition: 1s all;
  cursor: pointer;
}
.profile .col .num-cours:hover{
  scale: 1.1;
}
.profile .col .num-cours img{
  margin-right: 20px;
}
.profile .col:nth-of-type(1) .num-cours{
  background-color: #ffe0d7;
}
.profile .col:nth-of-type(2) .num-cours{
  background-color: #dddcff;
}
.profile
 .col:nth-of-type(3) .num-cours{
  background-color: #d3f2d6;
}
.profile .nav .nav-link{
  background-color: transparent;
}
.profile .nav .nav-link i{
  margin: 0px 10px;
}
.profile .box-order-content{
margin: 30px 0px !important;
}
.profile .box-order{
  overflow-y:visible;
  height: 100%;
}
.profile .box-order .red{
  background-color: red !important;
}
.profile .box-order .yellow{
  background-color: gold !important;
}
/* end another pages  */
/* ////////////////////////////////////////////// */
/* start check  */

.order-suc .order-content img {
  width: 150px;
  height: 150px;
}
.order-suc .order-content > * {
  margin: 10px 0px;
}
.order-suc .order-content .btns {
  display: flex;
  justify-content: center;
}
/* start pay  */
.box-form{
box-shadow: 0px 0px 5px 5px rgba(71, 71, 71, 0.116);
padding: 20px;
border-radius: 25px;
}
.pay div input{
  background-color: rgb(241, 241, 241);
  padding: 15px;
  border: none;
  border-radius: 5px;
  width: 100%;
}
.pay .row .col h5{
	font-size:15px;
}
.pay label{
  margin-bottom: 15px !important;
}
.pay form > div {
  margin: 20px 0px;
}
.pay .phone input {
  padding-left: 80px !important;
}
.pay .phone select {
position: absolute;
left: 30px;
top: 50%;
background-color: transparent;
border: none;
cursor: pointer;
}
.pay .phone select:focus {
  border: none;
  outline: none;
}
.box-pay{
  box-shadow: 0px 0px 5px 5px rgba(71, 71, 71, 0.116);
  padding: 20px;
  border-radius: 25px;
  }
  .box-pay img{
    width: 75px;
    height: 75px;
    margin-left:  20px;
    object-fit: cover;
    border-radius: 15px;
  }
  .box-pay > *{
    margin: 20px 0px;
  }
  .box-pay ul li {
    margin: 10px 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  }
  .box-form .upload{
    margin: 20px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-radius: 10px;
    padding: 10px;
    border: solid 1px rgb(179, 178, 178);
  }
  .box-form .upload img{
    margin: 0px 10px;
  }
/* end profile page  */
/* ///////////////////////////////////////////// */
.section-number .col:hover{
  background-color: var(--third);
  color: white;
  transition: 1s;
  cursor: pointer;
}
.book {
	margin-top:120px;
}
.book .book-content{
  margin: auto;
width: 70%;
box-shadow: 0px 0px 5px 5px rgba(107, 107, 107, 0.158);
border-radius: 15px;
position: relative;
overflow: hidden;
}
.book .book-content .title-book{
    color: white;
    font-weight: bolder;
    text-align: center;
    position: absolute;
    right: -70px;
    top: 10px;
    background-color: var(--prime);
    padding: 10px 100px;
    transform: rotate(30deg);
}
.book .book-content .book-back{
  position: absolute;
  left: 30px;
  top: 30px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
display: flex;
align-items: center;
justify-content: center;
z-index: 5;
}
.book .book-content .col{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  padding: 0px 35px 0px;
}
.book .book-content .col .profile-book {
  border-bottom: solid 1px var(--prime);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.book .book-content .col .profile-book img{
  width: 150px;
  margin: 20px;
  border-radius: 50%;
}
.book .book-content .left-book  {
  box-shadow: 0px 0px 5px 5px rgba(107, 107, 107, 0.158);
  border-radius: 5px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.book .book-content .left-book div {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  padding: 20px 0px;

}
.book .book-content .left-book span {
  margin: 10px 0px;
}
.book .book-content .left-book span i {
  color: var(--prime);
}
.book .book-content .left-book span p {
  margin-bottom: 10px;
	font-weight:bold;
}
.book .book-content .left-book .img-content {
width: 110px;
    height: 110px;
    margin-bottom: 10px;
    margin-top: 30px;
    border-radius: 50%;
    object-fit: cover;
}
.book .book-content .left-book .img-content img {
  border-radius: 50%;
}
.book .book-content .left-book  .buttons-book {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  width: 100%;
}
.book  form input{
  padding: 15px ;
  background-color: rgb(250, 249, 249);
  border: none;
  width: 100%;
  border-radius: 10px;
}
.book  form .btn-primary{

	transition:1s;
}
.book  form .btn-primary:hover{
	opacity:0.7;
}
.news {
  position: relative;
}

.news .card {
  padding: 15px;
  margin: 20px 0.5%;
  border: none;
  box-shadow: 0px 0px 5px 5px rgba(102, 102, 102, 0.116);
  border-radius: 15px;
  z-index: 1;
  overflow: hidden;
  transition: 1s;
  cursor: pointer;
}

.news .card::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0px;
  background-color: var(--prime);
  width: 100%;
  height: 0%;
  border-radius: 15px;
  z-index: -1;
  transition: 1s;
}

.news .card:hover:after {
  height: 100% !important;
}

.news .card h4,
.news .card p {
  transition: 1s;
}

.news .card:hover h4,
.news .card:hover p {
  color: white !important;
}

.news .col img {
  width: 100%;
  height: 100%;
}

.news .bg-news {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

.news .bg-news img {
  width: 100%;
  height: 100%;
}

.news .card div p {
  margin-top: 20px;
  color: rgba(128, 128, 128, 1);
}

.news a:hover {
  color: white !important;
}

.list-new {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 0px;
}

/* new articale edit  */
.list-new .box-list {
  width: 100%;
  margin-bottom: 20px;
}

.list-new .social-list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0px 0px;
}

.list-new .social-list li {
  margin: 15px 0px;
}

.list-new .social-list i {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: white;
}

.list-new .box-list .list-ser li {
  box-shadow: 0px 0px 5px 5px rgba(187, 187, 187, 0.199);
  border-radius: 5px;
  padding: 15px;
}

.list-new .box-list .list-ser li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 0px;

}

.fac {
  background-color: #1877f2;
}

.in {
  background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
}

.you {
  background-color: red;
}

.tw {
  background-color: black;
}





.list-new .title-list {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--prime);
  color: white;
  padding: 10px 20px;
  border-radius: 10px;
  width: 100%;
}

.list-new li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  box-shadow: var(--shadow);
  margin: 20px 0px;
  padding: 10px 5px;
  border-radius: 10px;
  position: relative;
  cursor: pointer;
  transition: 1s;
  z-index: 1;
}

.list-new li a {
  color: black !important;
  transition: 1s;

}

.list-new li:hover a {
  color: white !important;
}

.list-new li::after {
  content: "";
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 0%;
  background-color: var(--prime);
  border-radius: 5px;
  transition: 1s;
  z-index: -1;
}

.list-new li:hover::after {
  width: 100%;
}

.list-new li img {
  width: 40px;
  height: 40px;
  margin-left: 10px;
  border-radius: 5px;
  object-fit: cover;
  filter: brightness(0.7);
}

.list-new li p {
  font-size: 11px;
  font-weight: bold;
}

.news .title {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--prime);
  margin: 50px 0px;
}

.news .card img {
  border-radius: 10px !important;
}


.bg-new img {
  border-radius: 15px;
  height: 75vh;
  object-fit: cover;
}

.new h2 {
  margin: 40px 0px;
}

.new .text-new p {
  width: 90%;
  line-height: 35px;
}

.new .new-content {
  margin-bottom: 20px;
  padding-bottom: 50px;
  /* border-bottom: solid 1px var(--prime); */
}

.new-content-page {
  border: none !important;
  box-shadow: var(--shadow);
  padding: 10px;
  border-radius: 20px;
}

.new .new-share {}

.new .new-share {
  display: flex;
  justify-content: center;
  align-items: center;
}

.new .new-share ul {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.new .new-share ul h2 {
  position: relative;
  bottom: 15px;
}
.splide{
	z-index:100;
	width:100%;
}
.splide__arrow{
  display: none;
}


.paner .paner-content{
  position: relative;
  width: 80%;
  height: 150px;
	margin:auto;
	object-fit:cover;
}
	.paner.paner2 .paner-content{
  position: relative;
  width: 100%;
  height: 100%;
}
	.paner.paner3 .paner-content{
  position: relative;
  width: 100%;
  height: 300px !important;
}
/* .paner  .paner-content2{
  width: ;
} */
.paner img{
  width: 100%;
  height: 100%;
	border-radius:10px;
}
.float-paner {
  position: absolute;
  right: 20px;
  top: 20px;
}
.float-paner button{
  width: 30px;
  height: 30px;
  border-radius: 3px;
  border: none;
}

.splide{
	top:90px;
}
.contact-us .contact-content h4 {
    word-break: break-all;
}
/* end news pages  */
/* ///////////////////////////////////////////// */
/* start footer */
footer {
  position: relative;
  margin-top: 50px;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  padding-top: 40px;
}
footer::after{
  content: "";
  position: absolute;
  top: 0px;
  width: 100%;
  height: 1px;
  background-color: var(--prime);
}
footer .container-90 {
  border-radius: 20px;
}
footer .container-90 {
  padding-bottom: 0px !important;
  padding-top: 0px !important;
}
footer .col {
  margin: 20px 0%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  color: black;
}

footer .col h2 {
  margin-bottom: 30px;
  color: black;
  position: relative;
  font-size: 25px;
}
footer .col h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -20px;
  width: 100%;
  height: 1px;
  background-color: var(--prime);
}
footer .col ul {
  padding: 0;
  margin-right: 10px;
}
footer .col li {
  margin-bottom: 30px;
  text-align: right;
  color: black  ;
}
footer .col li a {
  color: black !important;
}
footer .col:last-of-type li a {
  display: flex;
  flex-direction: row;
  align-items: center;
}
footer .col li a svg {
  width: 35px;
  height: 25px;
  margin: 25px 35px;
  padding: 0px;
}
footer .col li a svg path {
  fill: white;
}
footer .logo {
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
/* footer .logo img {
  filter: drop-shadow(2px 10px 15px #176ea3);
} */
footer .logo img {
  width: 100%;
}
footer .logo div {
  margin: 0px 10px;
}
footer .logo ul {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0;
}
footer .logo ul li {
  margin: 0px 10px;
  padding: 0;
  width: 40px;
  height: 40px;
  color: black;
background-color: var(--prime);
display: flex;
justify-content: center;
align-items: center;
border-radius: 10px;
}

footer .logo ul li i {
  font-size: 25px;
  color: white;
}
footer .col a {
  color: var(--prime);
}
footer .search{
  margin-top: 20px;
}
footer .search-content{
  position: relative;
  width: 150%;
}
footer .search input {
  width: 100%;
  border-radius: 30px;
  margin-top: 20px;
  padding: 15px;
  border: none;
  font-size: 15px;
  padding-right: 20px;
  box-shadow: 0px 0px 5px 5px rgba(92, 92, 92, 0.199);
}
footer .search button {
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-25%);
}
footer .footer-new ul {
  margin: 0px;
}
footer .footer-new ul li {
  margin: 20px 0px;
  padding: 0px;
  color: black;

}
footer .footer-new ul li a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0px;
  color: black;
}
footer .footer-new ul li img {
  width: 75px;
  height: 70px;
  padding-left: 5px;
}
footer .footer-new ul li a span {
  margin-left: 0px;
}
footer .footer-new ul li a span p {
  font-size: 15px;
  margin-top: 5px;
}
footer .end-footer {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  padding: 15px;
  color: black;
  margin-top: 40px;
  border-top: solid 1px white;
  position: relative;
  text-align: center;
}
footer .end-footer::after{
  content: "";
  position: absolute;
  top: 0px;
  width: 100%;
  height: 1px;
  background-color: var(--prime);
}
footer .elnoor {
  width: 100px;
  height: 30px;
}
.end-footer a {
  display: flex !important;
  align-items: center;
  width: 250px;
}

.end {
  display: none;
  position: fixed;
  left: 30px;
  bottom: 30px;
  z-index: 60;
}
/* end footer  */
/* ////////////////////////////////////////////// */
/*--------- Responsive ----- */
@media (min-width: 992px) {

}
@media (max-width: 992px) {
    /* start header  */
    header {
      position: relative;
    }
    .bar1,
    .bar2,
    .bar3 {
      width: 35px;
      height: 5px;
      background-color: var(--prime);
      margin: 6px 0;
      transition: 0.4s;
    }
    .change .bar1 {
      transform: translate(0, 11px) rotate(-45deg);
      background-color: var(--prime);
    }
    .change .bar2 {
      opacity: 0;
    }
    .change .bar3 {
      transform: translate(0, -11px) rotate(45deg);
      background-color: var(--prime);
    }
    header .content-header {
      justify-content: space-between;
    }
    header .content-header {
    }
    header .content-header .logo {
      z-index: 100;
    }
	
    header .content-header .bars {
      z-index: 100;
    }
	header .slide{
		margin-top:80px;
	}
    header .content-header .phone-menu {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      height: 100vh;
      z-index: 99;
      overflow-x: hidden;
      display: none;
		background-color:white;
    }
    header .content-header .phone-menu > ul {
      position: absolute;
      left: -100%;
      top: 0px;
      width: 100%;
      height: 100%;
      background-color: black;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      padding-top: 100px;
      transition: 1s;
    }
    header .content-header .phone-menu ul li {
      margin: 15px 20px;
      width: 85%;
    }
    header .content-header .phone-menu ul li::after {
      transition: 0.5s;
    }
    header .content-header .phone-menu ul li::before {
      transition: 1.5s;
    }
    header .dropdown{
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      flex-direction: column;
    }
    header .dropdown-menu{
      position: relative !important;
      background-color: var(--prime);
      top: 0px !important;
      left: 0px !important;
      transform: translate3d(0, 0px, 0px) !important;
      border-radius: 15px;
      padding: 0px;
      margin-top: 20px;
      width: 100%;
    }
    header .dropdown-menu  li{
      color: white;
      padding: 10px 0px;
      margin: 0px !important;
      text-align: center;
      transform: translate(0px ,0px);
      cursor: pointer;
      transition: 1s;
      width: 100% !important ;
    }
    /* end header  */
.order .box-order .box-order-content .col  ul {
  display: flex;
  justify-content: center !important;
  align-items: center;
  flex-wrap: wrap;
  padding: 0px;
  width: 100%;
}
.order .box-order .box-order-content .col  ul li{
  display: flex;
  align-items: center;
  justify-content: space-between !important;
  margin: 10px 0px ;
  font-size: 14px;
}
.order .box-order .box-order-content .col .btn{
  margin: 50px 0px;
  width: 100% !important;
}
    /* start singin */
    .singin .container-90 >.row > .col:last-of-type{
      display: none !important;
    }
    .singin .singin-form{
      right: 0px !important;
    }
    .book .book-content{
    width: 95%;
    padding: 20px;
  }
  .book .book-content .row{
      flex-direction: column;
    }
    .book .book-content .col{
      border: none;
      box-shadow: none;
    }
    .book .book-content .col:first-of-type{
      border-bottom: solid 1px var(--prime);
      border-radius: 5px;
    }
    .book .book-content .col{
      padding:  5px;
    }
    .book .book-content .col h3{
      font-size: 20px;
    }
    .book .book-content .col h2{
      font-size: 20px;
    }
	  .list-new li{
    padding: 10 5px !important;
  }
  .list-new li a i{
    width: 35px !important;
    height: 35px !important;
    font-size: 15px !important;
  }
		.splide {

	position:absolute;
	top:120px;
}
	.wp-admin2{
		top:155px;
	}

}
@media (max-width: 768px) {
  /* landing */
  .landing .text-landing{
    position: absolute;
    left: 0%;
    top: 50%;
    width: 100%;
    transform: translate(0%,-50%);
    text-align: center;

  }
  .landing .text-landing > h1{
    font-size: 40px;
    color: rgb(226, 225, 225);
  }
  .landing .text-landing > h3{
    font-size: 30px;
    color: rgb(226, 225, 225);
  }
  /* end landing */
  /* start services  */
  .services .content-service  .col {
    flex-direction: column;
  }
  .services .box-serv-1 {
    flex-direction: column;
  }
  .services .box-serv-1 p{
    width: 100%;
  }
  .services .box-serv-1 .btn-serv{
    flex-direction: column;
  }
  .services .box-serv-1 .btn-serv > *{
    width: 100%;
  }
  .services .box-serv-1 .btn-serv .btn{
    margin: 15px 0px;
    width: 100% ;
  }
.order .box-order .box-order-content .col  ul {
  display: flex;
  justify-content: center !important;
  align-items: center;
  flex-wrap: wrap;
  padding: 0px;
  width: 100%;
}
.order .box-order .box-order-content .col  ul li{
  display: flex;
  align-items: center;
  justify-content: space-between !important;
  margin: 10px 0px ;
  font-size: 10px;
}
.order .box-order .box-order-content .col .btn{
  width: 100% !important;
}
.order .box-order .box-order-content .col .btn{
  margin: 15px 0px;
}
.order .chat .message{
  width: 100%;
 	overflow: hidden;
   text-wrap: wrap;
}
.order .chat .mes-left{
  right: 20%;
}
.order .chat .message img{
  height: 200px;
}
.quetion .question-content .search{
  width: 100%;
}
	.bg-new img{
		height:250px;
	}
  /* end services  */
  footer .col {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
  footer .col:last-of-type li i {
    margin: 25px 10px;
    font-size: 25px;
  }
  footer .col:last-of-type li a svg {
    margin: 25px 10px;
  }
	.services .content-service  .col div:last-of-type img{
  left: -45px;
}
	.about-us .title{
		width:90% !important;
	}

	.box-form h2{
		font-size:25px;
	}
		    .book .book-content{
    width: 100%;
    padding: 20px;
  }
	
	.paner .paner-content{
		width:100%;
	}
	.sp-float {
    right: 1px !important;
    top: 60% !important;
    transform: translateY(-50%) !important;
    padding: 5px 15px !important;
    border-radius: 3px;
}
	.wp-admin{
		top:0px !important;
	}
	    .wp-admin2 {
        top: 135px;
    }
}
@media (max-width: 500px) {
	footer .search-content{
		width:125%;
	}
/* 	footer .search button{
		left:35px;
	} */
}
@media (max-width: 375px) {
}
/* basic css  */
.header-fixed {
  position: fixed;
  top: 0%;
  left: 0;
  width: 100%;
  height: 90px;
  transition: 1s;
  z-index: 50;
  transition: 1s all;
  animation-name: down;
  animation-duration: 0.7s;
  transition-delay: 0s;
  background-color: var(--sodark);
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
}
.header-fixed ul {
  margin-bottom: 10px;
}
.header-fixed ul li a{
  color: white !important ;
}
.header-fixed .logo img {
  height: 60px !important;
  width: 60px !important;
}
.header-fixed .dropdown-menu{
  background-color: var(--third);
}
.header-fixed .btn-primary{
  background-color: var(--third);
  transition: .6s;
  border: none;
}
.header-fixed .btn-primary:hover{
  opacity: .7;
}
.header-fixed .btn-outline-primary{
  border: solid 1px white;
  color: white !important;
}
.header-fixed .btn-outline-primary:hover{
  border: solid 1px var(--third);
  color: var(--third) !important;
  background-color:white;
}
.header-fixed .bar1,.header-fixed .bar2,.header-fixed .bar3{
  background-color: white;
}
.header-fixed .content-header .phone-menu > ul li::after {
  background-color: var(--third);
}
.header-fixed .content-header .phone-menu > ul li::before {
  background-color: var(--third);
}
.header-fixed .dropdown::after{
	color:white;
}
/* header dropdown:hover:after{
	width:19% !important;
} */
header .content-header ul li:hover:after{
	width:auto;
}
/* .header-fixed ul li:first-of-type a {
  color: var(--prime);
}
.header-fixed ul li a {
  color: white;
}
.header-fixed ul:hover li a {
  color: white;
}
.header-fixed::after {
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
} */
@keyframes down {
  from {
    position: fixed;
    top: -100%;
  }
  to {
    position: fixed;
    top: 0%;
  }
}

.left-0 {
  left: 0 !important;
}
.d-none {
  display: none !important;
}
.d-flex {
  display: flex !important;
}
.d-block {
  display: block !important;
}

.rotate-90{
transform: rotate(90deg) !important;
}
.bg-prime{
  background-color: var(--prime) !important;
}
.services .fa-heart{
  color: rgb(212, 212, 212);
}
.courses .soon{
  position: relative;
}
.courses .soon::after{
  content: "قريبا";
  font-size: 55px;
  font-weight: bolder;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--prime);
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.788);
border-radius: 15px;
}
/* .autoplay2 img{
  width: 150px !important;
  height: 150px;
} */
.box-video .autoplay2 a {
  display: flex;
  justify-content: center;
  align-items: center;
}
.box-video .slick-arrow , .box-video .slick-dots{
  display: none !important;
}
 .box-video img{
width: 150px;
height:  150px;
object-fit: cover;
border-radius: 15px;

 }
 .box-video .autoplay2 a{
  position: relative;
	 margin-top:25px;
 }
 .box-video .autoplay2 a::after{
  content: "\f144";
  font-family: "Font Awesome 6 Free";
  font-weight: bolder;
  color: white;
  font-size: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 150px;
  height:  150px;
  background-color: rgba(0, 0, 0, 0.377);
  border-radius: 15px;
 }

.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
	display:flex;
	align-items:center;
    right: auto;
    left: 0px;
    background-color: transparent;
}

.iti--separate-dial-code .iti__selected-flag{
	background-color:transparent !important;
}
/* .iti-mobile .iti--container {
    top: 65% !important;
    bottom: auto !important;
    left: 30px;
    right: 30px;
    position: fixed;
    width: 80%;
    height: 200px;
} */
.iti-mobile .iti__country-list {
    max-height: 240px !important;
    width: 80% !important;
    left: 19%;
    top: 60%;
    border-radius: 15px;
    /* border: solid 1px black; */
    box-shadow: 0px 0px 5px 5px #4f505138;
}
.wp-admin{
	top:32px;
}
/* .wp-admin2{
	top:90px;
} */
.wpcf7-select{
	padding:5px !important;
}

.iti.iti--allow-dropdown.iti--separate-dial-code{
	display:block;
}
input#mobile_code {
    padding: 25px;
}
.box-privace ul{
	list-style:  initial !important;
}
.box-privace ul li{
	margin:15px 0px;
}
.box-privace li ul{
	margin-right:30px;
	list-style:circle !important;
}


.contact-us .col div h4{
	color:white !important;
}