.rtl .sppb-panel-heading .sppb-toggle-direction {
    left: 15px;
  right:auto;
}
.rtl .fa-chevron-right:before {
    content: "\f053";
}
.rtl .fa-chevron-left:before {
    content: "\f054";
}
#sp-footer .container-inner {
    padding: 12px 0 !important;
    text-align: center;
}
body.rtl .sp-scroll-up {
    background: #008dcf;
    left: 16px;
    bottom: 68px;
}
#sp-bottom .sp-module ul>li {
    margin-bottom: 4px !important;
}
#sp-bottom5 .mod-stats li.list-group-item{     
    color: #ffffff;
    background-color: transparent;
    border: none;
  font-size:16px;
  }
#sp-bottom5 .mod-stats span.badge{
    float: left !important;
    margin-right: 28px;
    font-size: 14px;
  background-color:rgb(0 140 209) !important;
}
/*#sp-bottom-down{display:none;}*/
/*error*/
html.error-page .error-message {
    color: #008dcf;
}
html.error-page .btn.btn-secondary {
    background: #04437a;
    border-color: #004078;
}
html.error-page .btn.btn-secondary:hover,
html.error-page .btn.btn-secondary:focus {
    color: #fff;
    background: #008dcf;
}
/*fix for an extra arrow in the rtl of the template- it hides the second arrow*/
body.rtl .sp-megamenu-parent>li.sp-has-child>a:before,
body.rtl .sp-megamenu-parent>li.sp-has-child>span:before {
   content: "" !important;
}
body.rtl .sp-mf-project-carousel .sppb-carousel-extended-nav-control  {
    right: 90%  !important;   
} 
body.rtl div.sppb-carousel-extended-dots {
    right: 95%  !important;   
}

/*carousel*/
body.rtl .sp-mf-project-carousel .sppb-carousel-extended-item>.sppb-carousel-extended-team-content .sppb-carousel-extended-team-content-wrap {
    text-align: right;
}
body.rtl .sp-mf-project-carousel .sppb-carousel-extended-item>.sppb-carousel-extended-team-content .sppb-carousel-extended-team-content-wrap a.sppb-btn {
    text-align: right;
}
.sp-mf-project-carousel .sppb-carousel-extended-item:hover>.sppb-carousel-extended-team-content .sppb-carousel-extended-team-content-wrap a.sppb-btn {
    color: #ebb30d!important;
}
.sp-mf-project-carousel .sppb-carousel-extended-item:hover>.sppb-carousel-extended-team-content .sppb-carousel-extended-team-content-wrap .sppb-carousel-extended-team-name {
    color:  #ebb30d!important;
}
@media (max-width: 991px) {
    #sp-header {
        height: 71px!important;
    }
  .logo-image {
        height: 50px!important;
    }
  #sp-logo {
    justify-items: right;
}
  body.view-article {
    font-size: 16px   !important;
}
}

@media (max-width: 576px) {
    .logo-image-phone {
        height: 59px!important;
    }
}

/*header menu*/
#sp-logo {
    justify-items: center;
}
#sp-logo a {
    padding: 10px 12px!important;
    margin-top: 30px!important;
    background: linear-gradient(0deg, rgb(255 255 255 / 80%) 29px, #ffffff00 10px);
    border-radius: 0px 0px 10px 10px;  
}
#sp-header.header-sticky #sp-logo a{
      background: linear-gradient(0deg, rgb(255 255 255 / 80%) 29px, #ffffff00 10px) !important;
}
#sp-header {
  border-bottom:none!important;
}
.sp-megamenu-parent>li>a,
.sp-megamenu-parent>li>span {
  opacity: 1!important;
}
body.rtl .sp-megamenu-parent>li.sp-has-child>a:after,
body.rtl .sp-megamenu-parent>li.sp-has-child>span:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "";
    float: left;
    margin-right: 7px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > span{

  font-weight:400 !important;
}
/*-----blog-------*/
.article-list .article {
    background: #fff;
}

body.rtl .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    float: right;
    padding-left: .5rem;
    padding-right: 0;
}
.sp-page-title {
    padding: 60px 0 50px 0!important;
  background-position:center!important;
}
.pagenavigation .sppb-btn,
.pagenavigation .btn {
    margin: 0px 10px;
  background-color: #008dcf;
  border-color:#008dcf;
}
.pagenavigation .sppb-btn:hover,
.pagenavigation .btn:hover,
.pagenavigation .sppb-btn:active,
.pagenavigation .btn:active{
    margin: 0px 10px;
  background-color: #0d72a8;
  border-color:#0d72a8;
}
.article-details .article-info {    
    justify-content: center;
}
.article-details .article-header {
    text-align: center;
}
.article-header  .label-warning{
  display:none;
}
@media(max-width:991px){
.article-details .article-header h1,
.article-details .article-header h2 {
    font-size: 1.25rem !important;
}
}
/*----visform -------*/
.visforms .form-control{    
margin: 6px 0px;
  }
.visforms label{  
padding:0;
}