.developed_by_text {
    font-size: 15px;
    margin: 10px auto;
}

@media(min-width:991px) {
    .pricing-paln-section-area .pricing-plans.compare-paln .table-area .price-table tbody tr .check {
        left: -30%;
    }
}

/* Language Toggle Styles */
.mobile_language_li {
    position: relative;
}

.mobile_language_li>a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background-color: #6E24FF;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.mobile_language_li>a:hover {
    background-color: #5a1dd4;
}

.mobile_language_li .language-icon {
    transition: transform 0.3s ease;
}

.mobile_language_li.active .language-icon {
    transform: rotate(180deg);
}

.mobile_language_li .dropdown-padding {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #6E24FF;
    border-radius: 6px;
    margin-top: 5px;
    padding: 10px;
    display: none;
    z-index: 1000;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    max-height: 250px;
    overflow-y: auto;
}

.mobile_language_li.active .dropdown-padding {
    display: block;
    animation: fadeIn 0.3s ease;
}

.mobile_language_li .dropdown-padding li {
    margin: 5px 0;
}

.mobile_language_li .dropdown-padding li a {
    display: block;
    padding: 8px 12px;
    border-radius: 4px;
    transition: background-color 0.3s;
}

.mobile_language_li .dropdown-padding li a:hover {
    background-color: #5a1dd4;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Existing styles with improvements */
header .header-elements .main-menu ul li ul.dropdown-padding {
    max-height: 260px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #6E24FF #f0f0f0;
}

header .header-elements .main-menu ul li ul.dropdown-padding::-webkit-scrollbar {
    width: 6px;
}

header .header-elements .main-menu ul li ul.dropdown-padding::-webkit-scrollbar-track {
    background: #f0f0f0;
    border-radius: 3px;
}

header .header-elements .main-menu ul li ul.dropdown-padding::-webkit-scrollbar-thumb {
    background-color: #6E24FF;
    border-radius: 3px;
}

.mobile_language_li,
.mobile_language_li a {
    color: #ffffff;
}

.mobile_language_li ul {
    transition: all ease 0.5s;
}

/* Desktop language dropdown hover effect */
header .header-elements .main-menu ul li:has(> a[href="javascript:void(0)"]) {
    position: relative;
    /* Əgər düymənin özündə padding azdırsa, bunu artırmaq olar ki, sahə böyüsün */
    padding-bottom: 10px;
    margin-bottom: -10px;
    /* Layout pozulmasın deyə margin ilə kompensasiya edirik */
}

header .header-elements .main-menu ul li>ul.dropdown-padding {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #6E24FF;
    min-width: 150px;
    padding: 10px;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    top: 22px;
}

header .header-elements .main-menu ul li:hover>ul.dropdown-padding {
    display: block;
    animation: fadeIn 0.3s ease;
}

/* Mövcud custom.css kodlarınızın altına əlavə edin */

/* Əgər sayt RTL rejimindədirsə (Məs: Ərəb), Noto Sans Arabic birinci gəlsin */
html[dir="rtl"] body,
body.rtl-homepage {
    font-family: "Noto Sans Arabic", "Noto Sans", sans-serif !important;
    text-align: right;
}

/* RTL rejimində başlıqlar üçün də eyni qayda */
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6 {
    font-family: "Noto Sans Arabic", "Noto Sans", sans-serif !important;
}

/* Bootstrap və digər kitabxanalar üçün ümumi RTL düzəlişləri */
html[dir="rtl"] .float-left {
    float: right !important;
}

html[dir="rtl"] .float-right {
    float: left !important;
}

html[dir="rtl"] .text-left {
    text-align: right !important;
}

html[dir="rtl"] .text-right {
    text-align: left !important;
}

/* Sizin master.css-də bəzi yerlərdə padding-left sərt verilib,
   onları avtomatik tərsinə çevirmək üçün kiçik bir köməkçi */
html[dir="rtl"] .ms-auto {
    margin-right: auto !important;
    margin-left: 0 !important;
}

html[dir="rtl"] .me-auto {
    margin-left: auto !important;
    margin-right: 0 !important;
}


.header-area.homepage1 .header-elements .main-menu ul li ul.dropdown-padding {
    top: 39px
}

header .header-elements .main-menu ul li>ul.dropdown-padding {
    display: none;
    position: absolute;
    /* top: 39px; əvəzinə faiz və ya daha kiçik piksel istifadə etmək daha təhlükəsizdir,
       amma dizaynı qorumaq üçün körpü yaradacağıq */
    top: 100%;
    left: 0;
    background-color: #6E24FF;
    min-width: 150px;
    padding: 10px;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    /* Animasiya üçün */
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
    z-index: 999;
}

header .header-elements .main-menu ul li>ul.dropdown-padding::before {
    content: "";
    position: absolute;
    top: -20px;
    /* Menyudan yuxarıya doğru sahə yaradır */
    left: 0;
    width: 100%;
    height: 20px;
    /* Boşluğun hündürlüyü qədər olmalıdır */
    background: transparent;
    /* Rəngsizdir, görünmür */
    display: block;
}

header .header-elements .main-menu ul li:hover>ul.dropdown-padding {
    display: block;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    /* top: 39px və ya dizayna uyğun məsafə */
    margin-top: 10px;
    /* Elementdən bir az aralı durması üçün margin istifadə edirik */
}