#header-ul {
    text-align: left !important;
}
.s-img {
    transform: rotate(-14deg) !important;
}

/* rtl.css */
html[dir="rtl"] body {
    direction: rtl;
}
html[dir="rtl"] .text-left {
    text-align: right !important;
}
html[dir="rtl"] .text-right {
    text-align: left !important;
}
.choose-content p {
    text-align: right !important;
    padding-right: 0px !important;
}
.app-work-content h4 {
    text-align: right !important;
}
.details__content {
    text-align: right;
}
.cat__list li {
    padding-bottom: 10px;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 10px;
    text-align: right;
}
.faq-btn {
    text-align: right !important;
}
.faq-wrap .card-body {
    text-align: right !important;
}
.newslater input {
    margin-right: 123px;
}
/* Add RTL-specific tweaks */
html[dir="rtl"] .slider-content,
html[dir="rtl"] .section-title,
html[dir="rtl"] .contact-form,
html[dir="rtl"] .pricing-box {
    text-align: right;
}
.slider-bg2 .slider-content h2 {
    color: #190a32;
    padding-right: 0px !important;
}
.video-content ul {
    direction: rtl;
}

.swiper-slide-active::before {
    content: "";
    position: absolute;
    width: 400px !important;
    height: 750px !important;
    top: -38px !important;
    left: -45px !important;
    background-image: url(../img/bg/iphone-slider.png) !important;
    z-index: 99 !important;
}

@media (max-width: 767px) {
    html[dir="rtl"] .responsive {
        float: left !important; /* Ensure it moves left on smaller screens */
    }
}
html[dir="rtl"] .dripicons-align-right:before {
    color: black !important;
}
.pricing-amount .currency {
    font-size: 25px;
    font-weight: 500;
    position: absolute;
    top: -16px;
    left: 0px !important;
}
.related__post {
    text-align: right;
}

.matchmaking-form-wrapper {
    text-align: right !important;
}

.matchmaking-radio-wrapper {
    gap: 10px;
}

/* Custom Select2 Styles */
.select2-container--default .select2-selection--multiple {
    border: 1px solid #ccc;
    border-radius: 0.25rem;
    padding: 0.375rem 0.75rem;
    min-height: 38px;
}

.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice {
    background-color: #ff3494;
    border: none;
    border-radius: 0.25rem;
    color: rgb(85, 85, 85);
    padding: 0 0.5rem;
    margin-top: 0.25rem;
    margin-right: 0.25rem;
}

/* For RTL, adjust Select2 alignment if needed */
.rtl .select2-container--default .select2-selection--multiple {
    text-align: right;
}

/* Adjust specific components if needed */
.onboarding-steps-indicator {
    right: auto;
    left: 10px;
}
.onboarding-steps {
    direction: rtl;
    text-align: right !important;
}