body {
  direction: rtl;
  font-family: 'Beiruti', sans-serif; }


  @font-face {
    font-family: 'Beiruti';
    src: url('/assets/fonts/Beiruti/Beiruti-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'Beiruti-bold';
    src: url('/assets/fonts/Beiruti/Beiruti-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
  }
  @font-face {
    font-family: 'Beiruti-Medium';
    src: url('/assets/fonts/Beiruti/Beiruti-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }

  .color-main {
    color: var(--color-main) !important;
    font-family: 'Beiruti-bold';
}

  h5{
    font-weight: 500;
    font-family: 'Beiruti-bold',sans-serif;
    margin: 0;
    line-height: 1.4; 
  }  h6 {
  font-weight: 500;
  font-family: 'Beiruti',sans-serif;
  margin: 0;
  line-height: 1.4; }

  .text {
    font-family: 'Beiruti',sans-serif;
    font-size: 14px;
    line-height: 2; }
  
    .team.style-1 .content .team_box .info h6 {
      font-size: 30px;
      font-family: 'Beiruti-Medium', sans-serif;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
  }
  .navbar.style-2 .dropdown-menu {
    background: #348CB2;
    border-radius: 0; }
    .navbar.style-2 .dropdown-menu .dropdown-item {
      color: #fff;
      padding: 8px 15px; }
      .navbar.style-2 .dropdown-menu .dropdown-item.active, .navbar.style-2 .dropdown-menu .dropdown-item:active, .navbar.style-2 .dropdown-menu .dropdown-item:hover {
        background-color: #010049; }
  .dropdown-menu .dropdown-item {
    padding: 8px 20px;
    font-size: 12px; }
    .dropdown-menu {
      min-width: 170px;
      padding: 15px 0;
      border-radius: 15px;
      border: 0;
      -webkit-box-shadow: 0 0 20px #0001;
      box-shadow: 0 0 20px #0001;
      top: 100%; }

      .service-box{
        margin-bottom: 40px; /* Customize this value based on your requirements */

      }

      .services.style-1 .service-box .info .tags a {
        font-size: 11px;
        padding: 3px 7px;
        border-radius: 4px;
        background-color: #eef4f8;
        margin-top: 10px;
        font-family: 'Beiruti-bold';
    }

      .team.style-1 .content .team_box .info h6 {
        margin-left: 10px;
        font-size: 30px;
        font-family: 'Beiruti-Medium', sans-serif;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .team.style-1 .content .team_box .info h6 {
      margin-left: 10px;
      font-size: 30px;
      font-family: 'Beiruti-Medium', sans-serif;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
  }

      footer.style-1 a, footer.style-1 li {
        font-size: 15px;
        color: #aaa7a7;
      }
      


  .contact.style-1 .content .contact_info p {
    color: #fff;
    font-family: 'Beiruti',sans-serif;
    font-size: 13px; }

    .contact_info{
      font-size: 20px;
    }
    .contact_info a{
margin-right: 0px;  
  }

  .team.style-1 .content .team_box .info small {
    display: block;
    font-family: 'Beiruti', sans-serif;
    font-size: 13px;
    color: #888;
}

  /* @font-face {
    font-family: 'Rubik';
    src: url('/static/assets/fonts/Beiruti/Beiruti-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
  } */

.butn.sm-butn, .btn.sm-butn {
  padding: 12px 25px; }
  .butn.sm-butn span, .btn.sm-butn span {
    line-height: 1; }

.bi-arrow-right,
.bi-arrow-left,
.fa-chevron-right,
.fa-chevron-left {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.section-head.style-6 h2 span small {
  font-size: 40px; }

p {
  font-size: 18px; }

.navbar.style-6 .nav-item .nav-link {
  font-size: 13px; }
  .navbar.style-6 .nav-item .nav-link::after {
    right: auto;
    left: -16px; }

header.style-6 .info h6 {
  letter-spacing: 0; }

header.style-6 .info h1 {
  font-size: 70px; }
  header.style-6 .info h1 span small {
    font-size: 70px; }

header.style-6 .info .text {
  font-size: 18px; }

header.style-6 .info .form .form-group {
  border-right: 0;
  border-left: 1px solid #9994; }
  header.style-6 .info .form .form-group input {
    font-size: 13px; }

.about.style-6 {
  overflow: hidden; }
  .about.style-6 .content .info .text {
    font-size: 18px; }
  .about.style-6 .content .info .vid-btn {
    font-size: 13px; }
    .about.style-6 .content .info .vid-btn i {
      margin-right: auto;
      margin-left: 5px; }
  .about.style-6 .bubbles {
    right: auto;
    left: 0; }

.choose-us.style-6 {
  overflow: hidden; }
  .choose-us.style-6 .img {
    margin-right: -200px;
    margin-left: 0; }
    .choose-us.style-6 .img img {
      -webkit-transform: rotateY(180deg);
      transform: rotateY(180deg); }
  .choose-us.style-6 .bubbles {
    right: 0;
    left: auto; }

footer.style-6 .form .form-group .icon {
  right: 15px;
  left: auto; }

footer.style-6 .form .form-group button {
  right: auto;
  left: 5px; }
  footer.style-6 .form .form-group button i {
    margin-top: 5px; }

   

.to_top {
  right: auto;
  left: -50px; }
  .to_top.show {
    left: 30px;
    right: auto; }

.community.style-5 .content .commun-card {
  border-right: none;
  border-left: 1px solid #99999933; }
  .community.style-5 .content .commun-card .icon {
    margin-right: 0;
    margin-left: 25px; }

.number-card.style-6 {
  border-right: none;
  border-left: 1px solid #9993; }
  .number-card.style-6 .text {
    font-size: 18px; }

.features-card.style-5 {
  min-height: 330px; }

.shop-page .filter .filter-card .filter-card-item .search-group button {
  left: 8px;
  right: auto; }

.blog-page.style-5 .related-postes-slider .swiper-button-prev, .blog-page.style-5 .related-postes-slider .swiper-container-rtl .swiper-button-next {
  left: 50px;
  right: auto;
  top: -60px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.blog-page.style-5 .related-postes-slider .swiper-button-next, .blog-page.style-5 .related-postes-slider .swiper-container-rtl .swiper-button-prev {
  right: auto;
  top: -60px;
  left: 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.blog-page.style-5 .related-postes-slider .swiper-slide-prev::after,
.blog-page.style-5 .related-postes-slider .swiper-slide-active::after {
  left: -40px;
  right: auto; }

.about.style-4 .content.frs-content .bubble,
.about.style-4 .content.trd-content .bubble,
.about.style-4 .content.frs-content .lines,
.about.style-4 .content.trd-content .lines {
  right: 0;
  left: auto;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg); }

.about.style-4 .content.sec-content .bubble2 {
  right: auto;
  left: 0; }

.about.style-4 .btn-img .icon {
  padding-right: 0;
  margin-right: 0;
  border-right: 0 solid rgba(0, 0, 0, 0.067);
  padding-left: 15px;
  margin-left: 15px;
  border-left: 1px solid rgba(0, 0, 0, 0.067); }

.testimonials.style-4 .content .testi-cards .client_card .user_img {
  margin-right: 0;
  margin-left: 25px; }

.testimonials.style-4 .content .numbs .num-card:not(:last-of-type) {
  padding-right: 0;
  margin-right: 0;
  border-right: 0 solid rgba(153, 153, 153, 0.2);
  padding-left: 50px;
  margin-left: 50px;
  border-left: 1px solid rgba(153, 153, 153, 0.2); }

.pricing.style-4 .content .row .col-lg-6:nth-of-type(2) .price-card {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px; }

.pricing.style-4 .content .price-card .off {
  right: auto;
  left: 45px; }

.pricing.style-4 .content .row .col-lg-6:nth-of-type(1) .price-card {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-right: 1px solid #e9e8ee;
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0;
  margin-left: -1px; }

.community.style-4 .content .commun-card {
  border-right: 0 solid rgba(153, 153, 153, 0.2);
  border-left: 1px solid rgba(153, 153, 153, 0.2); }

.community.style-4 .content .commun-card .icon {
  margin-right: 0;
  margin-left: 25px; }

header.style-3 .main-img {
  right: auto;
  left: 0;
  -o-object-position: left;
  object-position: left;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

header.style-3 .content .info .form-group.input-with-icon .input-icon {
  left: auto;
  right: 20px; }

header.style-3 .content .info .form-group.input-with-icon .form-control {
  padding: 12px 40px 12px 20px; }

.testimonials.style-3 .testimonial-slider.style-3 .swiper-button-next {
  right: auto;
  left: 40px; }

.testimonials.style-3 .testimonial-slider.style-3 .swiper-button-prev {
  right: auto;
  left: 0; }

.section-head.style-3 h3 span::after {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  left: auto;
  right: 0; }

.about.style-3 .img-left {
  left: auto;
  right: 0; }
  .about.style-3 .img-left > img {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }

.about.style-3 .btm-content .img-right {
  right: auto;
  left: 0; }

.project-card.style-3:hover .info {
  left: auto;
  right: 20px; }
  .team {
    direction: ltr !important; /* إلغاء تأثير rtl على هذا المكون */
  }
  
  .team_box.rtl {
    direction: rtl; /* الحفاظ على الترجمة فقط للنصوص */
  }
  
  .info {
    text-align: inherit; /* محاذاة النص الافتراضية */
  }
  
  .avatar img {
    max-width: 100%;
    height: auto;
  }
  .about.style-1 .content .about-numbers .num-item .inf {
    color: #fff;
    font-size: 25px;
}

.about.style-1 .content .about-info .info p {
  font-size: 17px;
  font-family: 'Beiruti-Medium', sans-serif;
  color: #c7e9ff;
}

.about.style-1 .content .about-info .title h3 {
  color: #fff;
  font-weight: 600;
  font-size: 35px;
  font-family: 'Beiruti-bold', sans-serif;
}

.about.style-1 .content .about-info .title small {
  color: #fff;
  text-transform: uppercase;
  font-size: 25px;
  margin-top: 35px;
  font-family: 'Beiruti', sans-serif;
  display: block;
}
.counter {
  font-size: 39px;
  font-family: 'Beiruti-bold', sans-serif;

}
.about.style-1 .content .about-numbers .num-item .inf {
  color: #fff;
  font-size: 26px;
  font-family: 'Beiruti-bold', sans-serif;

}

.portfolio.style-1 .portfolio-card .info small {
  font-size: 15px;
  letter-spacing: 0px;
  margin-top: 5px;
 
    font-family: 'Beiruti';
}


/* .about.style-1 .content .about-numbers .num-item .num {
  color: #fff;
  font-size: 32px;
  font-weight: bold;
  flex-shrink: 0;
  min-width: 70px;
  text-align: center;
} */
.about.style-1 .content .about-numbers .num-item .num {
  color: #fff;
  font-size: 32px;
  font-weight: bold;
  flex-shrink: 0;
  min-width: 70px;
  text-align: center;
  margin-right: -12px;
}

a, span, img {
  display: inline-block;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: inherit;
  text-decoration: none !important;
}