.datehome {
	font-weight: 700;
 
	color: #fff !important;
	font:   12px "verdana", Cairo, Droid Arabic Kufi, Noto Naskh Arabic, Almarai, sans-serif;
	
}
 
 
.f12 {    font-size: 12px!important;	}
.f14 {    font-size: 14px!important;	}
.f16 {    font-size: 16px!important;	}
.f18 {    font-size: 18px!important;	}
.f20 {    font-size: 20px!important;	}
.f22 {    font-size: 22px!important;	}
.f24 {    font-size: 24px!important;	}
.f26 {    font-size: 26px!important;	}
.f28 {    font-size: 28px!important;	}

.verdana {
	font-family: 'verdana';
	}
 
 
.pull-right {
  float: left !important;
}
.pull-left {
  float: right !important;
}
.hide {
  display: none !important;
}


.font-yellow {
  color: #c49f47 !important; }
.font-yellow-gold {
  color: #E87E04 !important; }
.font-yellow-saffron {
  color: #F4D03F !important; }
.font-yellow-casablanca {
  color: #f2784b !important; }
.font-yellow-crusta {
  color: #f3c200 !important; }
.font-yellow-lemon {
  color: #F7CA18 !important; }
  
.font-green {
  color: #26a69a !important; }
.font-green-meadow {
  color: #1BBC9B !important; }
.font-green-seagreen {
  color: #1BA39C !important; }
.font-green-turquoise {
  color: #36D7B7 !important; }
.font-green-haze {
  color: #44b6ae !important; }
.font-green-jungle {
  color: #26C281 !important; }
.font-green-sharp {
  color: #4DB3A2 !important; }
.font-green-soft {
  color: #3faba4 !important; }
  
.font-grey {
  color: #E5E5E5 !important; }
.font-grey-steel {
  color: #e9edef !important; }
.font-grey-cararra {
  color: #fafafa !important; }
.font-grey-gallery {
  color: #555555 !important; }
.font-grey-cascade {
  color: #95A5A6 !important; }
.font-grey-silver {
  color: #BFBFBF !important; }
.font-grey-salsa {
  color: #ACB5C3 !important; }
.font-grey-salt {
  color: #bfcad1 !important; }
  
.font-purple {
  color: #8e5fa2 !important; }
.font-purple-plum {
  color: #8775a7 !important; }
.font-purple-medium {
  color: #BF55EC !important; }
.font-purple-studio {
  color: #8E44AD !important; }
.font-purple-wisteria {
  color: #9B59B6 !important; }
.font-purple-seance {
  color: #9A12B3 !important; }
.font-purple-intense {
  color: #8775a7 !important; }
  
.font-red {
  color: #cb5a5e !important; }
.font-red-pink {
  color: #E08283 !important; }
.font-red-sunglo {
  color: #E26A6A !important; }
.font-red-intense {
  color: #e35b5a !important; }
.font-red-thunderbird {
  color: #D91E18 !important; }
.font-red-flamingo {
  color: #EF4836 !important; }
  
.font-blue {
  color: #3598dc !important; }
.font-blue-madison {
  color: #578ebe !important; }
.font-blue-chambray {
  color: #2C3E50 !important; }
.font-blue-ebonyclay {
  color: #22313F !important; }
  
  
  
  
 .esebg-info {
    background-color: #F4F4FF;
}
.esebg-orange {
    background-color: #FCF4DC;
}
.esebg-green {
    background-color: #F0FFF0;
}
.esebg-grey {
    background-color: #eee;
}
.esebg-sec {
    background-color: #c6cbd4;
}
.oval {
  margin: 20px;
} 

.bold {
  font-weight: 700 !important; }


  

.facyellowgold {	color:#E87E04 !important; }
.facblue {	color:#3598dc !important; }
.facgreen {	color:#26a69a !important;
  font-weight: 700; }
.faccolor4 {	color:#CB992B !important; }
 
.Kufi10 {
    font-family: 'Droid Arabic Kufi' ;
    font-size: 10px;
}
.Kufi14 {
    font-family: 'Droid Arabic Kufi' ;
    font-size: 14px;
}
.Kufi16 {
    font-family: 'Droid Arabic Kufi' ;
	font-size: 16px;
}
.Noto14 {
    font-family: 'Noto Naskh Arabic' ;
    font-size: 14px;
}
.Noto16 {
    font-family: 'Noto Naskh Arabic' ;
	font-size: 16px;
}
.Noto18 {
    font-family: 'Noto Naskh Arabic' ;
  font-size: 18px;
}
.Noto20 {
	font-family: 'Noto Naskh Arabic' ;
	font-size: 20px;font-weight: 500;
}
.sans22 {
	font-family:Almarai;
	font-size: 22px;
	color: #26a69a;
}
.responsive-logo-footer {
  width: 100%;
  max-width: 200px;
  height: auto;
}


.card .card-body {
  padding: 1rem;
}



.work-container.work-classic .work-image {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.work-container.work-classic .work-image:hover {
  -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
          box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
}

.work-container.work-classic .content .title, .work-container.work-grid .content .title, .work-container.work-modern .content .title {
  font-size: 18px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.work-container.work-classic .content .title:hover, .work-container.work-grid .content .title:hover, .work-container.work-modern .content .title:hover {
  color: #2f55d4 !important;
}

.work-container.work-classic .content .tag, .work-container.work-grid .content .tag, .work-container.work-modern .content .tag {
  font-size: 15px !important;
}

.work-container.work-modern img,
.work-container.work-modern .overlay-work,
.work-container.work-modern .content,
.work-container.work-modern .client,
.work-container.work-modern .read_more,
.work-container.work-modern .icons,
.work-container.work-modern .icons .work-icon {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.work-container.work-modern .overlay-work,
.work-container.work-modern .content,
.work-container.work-modern .client,
.work-container.work-modern .read_more,
.work-container.work-modern .icons {
  position: absolute;
}

.work-container.work-modern .overlay-work {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  z-index: 1;
}

.work-container.work-modern .content {
  z-index: 1;
  bottom: 5%;
  left: 5%;
}

.work-container.work-modern .content,
.work-container.work-modern .client {
  opacity: 0;
}

.work-container.work-modern .client,
.work-container.work-modern .read_more {
  z-index: 1;
  right: 5%;
  top: 5%;
}

.work-container.work-modern .read_more {
  height: 30px;
  width: 30px;
  line-height: 30px;
}

.work-container.work-modern .icons {
  right: 0;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
  opacity: 0;
}

.work-container.work-modern .icons .work-icon {
  height: 45px;
  width: 45px;
  line-height: 45px;
}

.work-container.work-modern .icons .work-icon:hover {
  background: #2f55d4 !important;
  color: #ffffff !important;
}

.work-container.work-modern:hover img {
  -webkit-transform: scale(1.1) rotate(3deg);
          transform: scale(1.1) rotate(3deg);
}

.work-container.work-modern:hover .overlay-work {
  opacity: 0.65;
}

.work-container.work-modern:hover .icons {
  opacity: 1;
}

.work-container.work-modern:hover .personal-port,
.work-container.work-modern:hover .content,
.work-container.work-modern:hover .client {
  opacity: 1;
}

.work-container.work-grid {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.work-container.work-grid img, .work-container.work-grid .content, .work-container.work-grid .content .title {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.work-container.work-grid .content {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  -webkit-transform: translateY(150px);
          transform: translateY(150px);
  overflow: hidden;
}

.work-container.work-grid:hover {
  -webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
          box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
}

.work-container.work-grid:hover img {
  -webkit-transform: translateY(-40px);
          transform: translateY(-40px);
}

.work-container.work-grid:hover .content {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}



.faq-container .question {
  font-size: 20px;
}

.faq-content .card .faq .card-header {
  padding-right: 40px !important;
}

.faq-content .card a.faq[data-toggle=collapse] {
  background-color: #ffffff;text-decoration: none;
  color: #2f55d4;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.faq-content .card a.faq[data-toggle=collapse]:before {
  content: '\F0143';
  display: block;text-decoration: none;
  font-family: 'Material Design Icons';
  font-size: 18px;
  color: #3c4858;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.faq-content .card a.faq[data-toggle=collapse].collapsed {
  background-color: #ffffff;
  color: #3c4858 !important;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;text-decoration: none;
}

.faq-content .card a.faq[data-toggle=collapse].collapsed:before {
  top: 15px;text-decoration: none;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  color: #3c4858 !important;
}

.faq-content .card .title {
  font-size: 16px;
}


.rounded {
  border-radius: 6px !important;
}

.rounded-top {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
}

.rounded-left {
  border-top-left-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
}

.rounded-bottom {
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}

.rounded-right {
  border-top-right-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}

.rounded-md {
  border-radius: 10px !important;
}

.rounded-lg {
  border-radius: 30px !important;
}

 .overflow-hidden{overflow:hidden!important}.position-static{position:static!important}
 .position-relative{position:relative!important}
 
 .rounded-sm{border-radius:.2rem!important}
 .rounded{border-radius:.25rem!important}
 .rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}
 .rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}
 .rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}
 .rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}
 .rounded-lg{border-radius:.3rem!important}.rounded-circle{border-radius:50%!important}
 .rounded-pill{border-radius:50rem!important}.rounded-0{border-radius:0!important}
 
 .d-inline-block{display:inline-block!important}
.img-fluid{max-width:100%;height:auto}
 .p-3{padding:1rem!important}
 .bg-white{background-color:#fff!important}
 .p-0{padding:0!important}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
.bill-ese {
	margin: 2px 0px 3px 0px;
	padding: 12px 15px 12px 12px;
	background-color: #fbfbfb ;
 
	border: 1px dashed #eeeeee; }

.bill1-ese {
 
	padding: 12px 15px 5px 12px !important;
	background-color: #fbfbfb ;
 
	border: 1px dashed #c0c5cc;
  border-radius: 10px !important;
	}

.explore-feature {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.explore-feature .icon {
  height: 80px;
  width: 80px;
  line-height: 80px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.explore-feature:hover {
  -webkit-box-shadow: 0 10px 25px rgba(60, 72, 88, 0.15) !important;
          box-shadow: 0 10px 25px #802d07 !important;
		  
 

		  
}

.explore-feature:hover .icon,
.explore-feature:hover .title {
  color: #2f55d4 !important;
}


.customer-testi {
  cursor: e-resize;
}

.customer-testi .content:before {
  content: "";
  position: absolute;
  top: 30px;
  left: 0;
  margin-left: 13px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 8px solid #3c4858;
  border-color: transparent #ffffff #ffffff transparent;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  -webkit-box-shadow: 2px 2px 2px -1px rgba(60, 72, 88, 0.15);
          box-shadow: 2px 2px 2px -1px rgba(60, 72, 88, 0.15);
}



.blog {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.blog .content h4 {
  line-height: 1.2;
}

.blog .content .title {
  font-size: 20px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.blog .content .title:hover {
  color: #2f55d4 !important;
  
}

.blog .content .post-meta .like, .blog .content .post-meta .comments, .blog .content .post-meta .readmore {
  font-size: 15px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.blog .content .post-meta .like:hover {
  color: #e43f52 !important;
}

.blog .content .post-meta .comments:hover {
  color: #2eca8b !important;
}

.blog .content .post-meta .readmore:hover {
  color: #2f55d4 !important;
}

.blog .author,
.blog .teacher,
.blog .course-fee {
  position: absolute;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.blog .author {
  top: 5%;
  left: 5%;
}

.blog .teacher {
  bottom: 6%;
  left: 5%;
}

.blog .course-fee {
  bottom: -5%;
  right: 5%;
  width: 50px;
  height: 50px;
}

.blog .course-fee .fee {
  line-height: 50px;
}

.blog.blog-detail:hover {
  -webkit-transform: translateY(0px) !important;
          transform: translateY(0px) !important;
}

.blog:hover {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}

.blog:hover .overlay {
  opacity: 0.4;
}

.blog:hover .author,
.blog:hover .teacher,
.blog:hover .course-fee {
  opacity: 1;
}

.blog .blog-list-meta {
  position: absolute;
  bottom: 24px;
}


.bg-light {
  background-color: #fff !important;
}


.rounded {
  border-radius: 6px !important;
}

.rounded-top {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
}

.rounded-left {
  border-top-left-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
}

.rounded-bottom {
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}

.rounded-right {
  border-top-right-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}

.rounded-md {
  border-radius: 10px !important;
}

.rounded-lg {
  border-radius: 30px !important;
}



.shadow-in {
	border: 1px solid #ddd !important;
	border-radius: 15px !important;
	-webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15) !important;
	box-shadow: 0 0 3px rgba(60, 72, 88, 0.15) !important;
}

.shadow {
	border: 0px solid #20754D !important;
	border-radius: 15px !important;
	-webkit-box-shadow: 0 0 3px rgba(60, 72, 88, 0.15) !important;
	box-shadow: 0 0 3px rgba(60, 72, 88, 0.15) !important;
}

.shadow:hover {
  -webkit-box-shadow: 0 10px 25px rgba(60, 72, 88, 0.15) !important;	
          box-shadow: 0 10px 25px #ddd !important;
}	
	
.shadow-lg {
  -webkit-box-shadow: 0 10px 25px rgba(60, 72, 88, 0.15) !important;
          box-shadow: 0 10px 25px rgba(60, 72, 88, 0.15) !important;
}
.shadow-md {
  -webkit-box-shadow: 0 5px 13px rgba(60, 72, 88, 0.2) !important;
          box-shadow: 0 5px 13px rgba(60, 72, 88, 0.2) !important;
}



 .border-0{border:0!important}
 .border-top-0{border-top:0!important}
 .border-right-0{border-right:0!important}
 .border-bottom-0{border-bottom:0!important}
 .border-left-0{border-left:0!important}
 .border-primary{border-color:#007bff!important}
 .border-secondary{border-color:#6c757d!important}
 .border-success{border-color:#28a745!important}
 .border-info{border-color:#17a2b8!important}
 .border-warning{border-color:#ffc107!important}
 .border-danger{border-color:#dc3545!important}
 .border-light{border-color:#f8f9fa!important}
 .border-dark{border-color:#343a40!important}
 .border-white{border-color:#fff!important}


 
 
 
 
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}

	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Droid Arabic Kufi", Noto Naskh Arabic;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.4;
  visibility: visible;
 
}

.tooltip.in {
  filter: alpha(opacity=90);
  opacity: .9;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: right;
  text-decoration: none;
  background-color: #333;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  right: 50%;
  margin-right: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  left: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}


.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Noto Naskh Arabic", Droid Arabic Kufi;
  font-size: 14px;

  font-weight: normal;
  line-height: 1.42857143;
  text-align: right;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 0 0 5px;
}
.popover-content {
  padding: 9px 14px;
  color: #666;
  font-weight: normal;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  content: "";
  border-width: 10px;
}
.popover.top > .arrow {
  bottom: -11px;
  right: 50%;
  margin-right: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, .25);
  border-bottom-width: 0;
}
.popover.top > .arrow:after {
  bottom: 1px;
  margin-right: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, .25);
  border-left-width: 0;
}
.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}
.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, .25);
}
.popover.bottom > .arrow:after {
  top: 1px;
  margin-right: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, .25);
}
.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}