/* Add custom CSS styles below */ 

[dir="rtl"] .end-2, [dir="rtl"] .rounded-be-xl {
    background: #f65922 !important;
}

.dark .s-block__title h2, .s-block__title h2 {
    color: #414042 !important;
    padding: 3px 3px 3px 10px;
    border-radius: 0px 0 0 0px;
    background: var(--color-primary) !important;
    color: white !important;
}
.link--primary {
    font-size: 1.5rem;
}

@media only screen and (min-width: 1024px){
[dir=rtl] .main-menu li:not(.menu-user-login).root-level>a {
    padding-left: 0.9rem;
}}

.navbar-brand img {
    transform: scale(1.5);
}

#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--features.angel-features.\31 .py-8.angel_anime.animate__.animate__fadeIn > div > div.s-block__title > div{
width:auto !important;
}

#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--features.angel-features.\31 .py-8.angel_anime.animate__.animate__fadeIn > div > div.s-block__title{
    justify-content: center;
}

#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--features.angel-features.\31 .py-8.angel_anime.animate__.animate__fadeIn > div > div.s-block__title > div > h2{
border-radius:30px !important
}

#app > div.app-inner.flex.flex-col.min-h-full > header > div.inner.nav-header > div > div.flex.items-center.justify-end.relative.w-max.items-center.md\:gap-4 > div > a:nth-child(1) > i,
#app > div.app-inner.flex.flex-col.min-h-full > footer > div > div > div.footer-middle.footer-container.flex.align-center.flex-col.md\:flex-row.da-brdr.md\:gap-4 > div.flex.flex-col.md\:max-w-xs > div > ul > div > a:nth-child(1) > i{
color:#760000
}

#app > div.app-inner.flex.flex-col.min-h-full > header > div.inner.nav-header > div > div.flex.items-center.justify-end.relative.w-max.items-center.md\:gap-4 > div > a:nth-child(2) > i,
#app > div.app-inner.flex.flex-col.min-h-full > footer > div > div > div.footer-middle.footer-container.flex.align-center.flex-col.md\:flex-row.da-brdr.md\:gap-4 > div.flex.flex-col.md\:max-w-xs > div > ul > div > a:nth-child(2) > i{
color:#f2ff00
}



.s-block__title p:where([dir="rtl"], [dir="rtl"] *) {
   
    text-align: center;
    color:#f39823;
}

.s-block__title h2 {
   
    text-align: center;
   
}

.dark .s-block__title h2, .s-block__title h2 {
   
   
     background: none !important; 
    color: #09182f !important;
}




/*this is for bullets acessbility*/
/* Maintain original visual style */
.swiper-pagination-bullet {
  position: relative; /* Required for pseudo-element */
  /* Keep your original size and styles */
}

/* Create invisible touch target */
.swiper-pagination-bullet::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 44px; /* Minimum recommended touch target size */
  height: 44px;
  opacity: 0;
  z-index: 1;
}

/* Optional: Visual feedback for testing */
.swiper-pagination-bullet:hover::before {
  opacity: 0.1;
  background: rgba(0,0,0,0.1);
  border-radius: 50%;
}

.swiper-pagination-bullet {
  position: relative;
  margin: 0 8px !important; /* Maintain original spacing */
}

.swiper-pagination-bullet::after {
  content: '';
  position: absolute;
  top: -15px;
  left: -15px;
  right: -15px;
  bottom: -15px;
}



/*this is for performance*/
/* 000000000000000*/