@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

/* Apply Work Sans for English text */
:lang(en),
[lang^="en"],
[dir="ltr"] {
    font-family: "Work Sans", serif;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;
}

/* Apply Cairo for Arabic text */
:lang(ar),
[lang^="ar"],
[dir="rtl"] {
    font-family: "Cairo", serif;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;
    font-variation-settings: "slnt" 0;
}


/* Default state: No border */
.btn--theme, .theme--dark .btn--theme {
    color: var(--white) !important;
    background-color: var(--theme-color) !important;
    border-color: transparent !important; /* Ensure the border is not visible */
}

/* On hover: Add border */
.hover--theme:hover,
.theme--dark .hover--theme:hover,
.color--white .hover--theme:hover,
.scroll .hover--theme:hover,
.theme--dark .color--white .hover--theme:hover,
.theme--dark .scroll .hover--theme:hover {
    color: var(--white) !important;
    background-color: var(--theme-color) !important;
    border-color: var(--theme-color) !important; /* Show border on hover */
}


[dir='rtl'] .txt-block .accordion-1 .accordion-item .accordion-thumb:after,
[dir='rtl'] .txt-block .accordion-1 .accordion-item.is-active .accordion-thumb:after {
    right: auto;
    left: 0;
}

[dir='rtl'] .footer h6.m-title:after {
    left: 5px;
    right: auto;
}


.footer-socials.ico-25 [class*="flaticon-"]:before, .footer-socials.ico-25 [class*="flaticon-"]:after {
    display: block;
}