/**************************** Home **********************************/
/* this id to control on the size of logo */
.top-line #logo{
    /* max-width: 17%; */
}
/* end logo */

/* this id to give space for about us words be in the same line */
.main-nav-list li #about{
    width: 69px;
 }
 /* end about */
 

 .header{
     padding: 0px;
 }

 .main-nav-list li a:hover, .main-nav-list li a.active-link {
    color: #009a74;
 }


 /* this classes to make the location and contacts showen in the middle right corner
  has the same color we use it in the project */
 .quickLinks-wrap .quickLinks-item:nth-child(1) .quickLinks-head, .quickLinks-wrap .quickLinks-item:nth-child(1) .quickLinks-desc,
 .quickLinks-wrap .quickLinks-item:nth-child(2) .quickLinks-head, .quickLinks-wrap .quickLinks-item:nth-child(2) .quickLinks-desc{
    background: #009a74;
 }
/* end classes same colors */


/* Begin main sldier */
 .main-slider .slide-content .content-head span{
    color: #009a74;
 }
 /* end main sldier */


 /* Begin text-block */
 .block-header p::after{
    background: #009a74;
 }
 .text-block span{
    /* color: #009a74 !important;  */
 }
 .read-more{
    color: #009a74
 }
 .read-more:hover{
    color: #009a74a1;
    transition: 1s;
 }
  /* end text-block */



  /*  Begin Courses-sldier  */
  .wave-block .h-sub{
    color: #009a74
  }
  /*  end Courses-sldier  */



/*  Begin video section  */

.video-section .main-color-font{
    color: #009a74;
}
.video-btn .play-ico span{
    background: #009a74;
}
.video-btn{
    color: #009a74;
}
.video-btn:hover{
    color: #009a74a6;
}

/*  end video section  */



/* Begin Blogs */
.section-header .h-sub{
   color: #009a74a6;
}
body .main-color-font{
   color: #009a74a6;
}
.news-block .news-block-description .news-block-description__short-text time{
   color: #009a74a6;
}
.slick-dots li button:after{
   background: #009a74;
}
.slick-dots li button:after{
  border: 3px solid #009a74 !important;
}
.news-block .news-block-description .news-block-description__short-text h4 a:hover{
   color: #009a74a6 !important;
}
/*  end Blogs  */




.f-subscribe .logo img{
   max-width: 25%;
}
footer .footer-top .logo{
   margin-bottom: 5px;
}
footer .flex-style a:hover{
   color:#009a74;
}
footer .f-nav ul.flex-style{
   display:unset;
   display: unset;
   display:unset;
   display: unset;
   -webkit-flex-wrap: unset;
   -ms-flex-wrap:unset;
   flex-wrap:unset;
}
footer ul li::after{
   color: #009a74;
}
footer .contact-list i{
   margin-right: 5px;
   margin-top: 5px;
   color:#009a74;
}
footer .contact-list a:hover{
   color:#009a74;
}
footer button{
   background: #009a74;
}
footer button i{
   color: #fff;
}
footer button:hover i{
   color: #009a74;
}








/* begin scroll up */
.up-btn{
   background: #009a74;
}
.up-btn i{
   color: #fff;
}
.up-btn:hover i{
   color: #009a74;
}
/* end scroll up */


/* begin blogs */
.blog-post .post-meta .post-meta-author a ,.blog-post .post-meta time{
   color: #009a74;
}
.blog-post .post-title:hover{
   color: #009a74;
}
/* end blog */








/* courses */
body ul li::after{
   color: #009a74;
}





/* begin contact  */
button, .button{
   background: #009a74;
}
button:hover, .button:hover{
   color: #009a74 !important
}
/*end contact */






/* begin  courses  page*/

.pro-item{
   width: 100%;
   position: relative;
   overflow: hidden;
   margin-bottom: 30px;
   transition: .2s;
}
.pro-item .rgbaHoverItem{
   display: none;
   transition: .2s;
}
.pro-item:hover .rgbaHoverItem{
   width: 100%;
   height:100%;
   display:block;
   position: absolute;
   top: 0;
   background: rgba(0,0,0,0.7);
  
}

.discrption{
   
   margin-top: 30px;
   transition: 1s;
   text-align: center;
}
.discrption h3,.discrption p, .discrption i{
   color: #FFF;
   text-align: center;
}

.discrption hr{
   background: #FFF;
   width: 50%;
}

.discrption h3{
   position: relative;
   right:100%;
   transition: 1s;
}
.rgbaHoverItem:hover .discrption h3{
   right: 0;
}
.discrption a , .discrption p, .discrption i{
   color: #FFF;
   position: relative;
   right:100%;
   transition: .2s;
   transition-delay: .1s;
}
.rgbaHoverItem:hover .discrption a ,.rgbaHoverItem:hover .discrption p,.rgbaHoverItem:hover .discrption i{
   right: 0;
}
/* end  courses page */









/* begin Series courses */
.slick-arrow:hover{
   background: #009a74;;
}
.slick-arrow i{
   color: #009a74;;
}
.program-preview .program-slider-wrap .program-nav-slider .program-slide.slick-current::after{
   border: 2px solid #009a74;
}
.program-preview .program-description .program-text p{
   margin-bottom: 8px;
}
.program-description  ul li {
   color: #777;
   margin-bottom: 0px !important;
 
}
.program-description  ul li span{
   color: #009a74;;
   font-size: 1   5px;
}
.program-description  ul li ::after{
   display: none;
}
/* end Series courses */





/* begin login */

.login form button{
  background: #009a74;
  color: #FFF !important;
}
.login form button:hover{
   background: #007e5ec7;;
}
/* end  login */




/* quickLinks */
.contact-list i{
   color:#009a74 ;
   margin-right: 5px;
   margin-top: 5px;
 
}
.contact-list a i{
   margin-right: 5px;
   margin-top: 5px;
}
a:hover{
   color: #009a74 !important;;
}



.preloader-container .preloader-item{
   background: #009a74 !important
}
.preloader-container .preloader-item::after{
   background: #009a74 !important
}