@charset "UTF-8";

/* =====================================================
   ARABIC RTL BASE
===================================================== */

html,
body {
    direction: rtl;
    text-align: right;
    overflow-x: hidden;
}

/* =====================================================
   ARABIC FONT
===================================================== */

body,
body *,
.elementor-widget-container,
.elementor-heading-title,
.elementor-text-editor,
.elementor-button,
.menu-item a,
.sub-menu a {
    font-family: "Cairo", sans-serif !important;
}

/* =====================================================
   TYPOGRAPHY
===================================================== */

p,
li,
td,
th,
label,
blockquote,
.elementor-text-editor,
.elementor-icon-list-text {
    text-align: right;
    direction: rtl;
}

h1,
h2,
h3,
h4,
h5,
h6,
.elementor-heading-title {
    text-align: right;
}

/* =====================================================
   FORMS
===================================================== */

input,
textarea,
select {
    direction: rtl;
    text-align: right;
}

input::placeholder,
textarea::placeholder {
    text-align: right;
}

/* =====================================================
   LISTS
===================================================== */

ul,
ol {
    padding-right: 20px;
    padding-left: 0;
}

/* =====================================================
   TABLES
===================================================== */

table {
    direction: rtl;
}

th,
td {
    text-align: right;
}

/* =====================================================
   BUTTONS
===================================================== */

.elementor-button,
button {
    direction: rtl;
}

/* =====================================================
   MENUS
===================================================== */

.menu-item,
.sub-menu,
.sub-menu li,
.sub-menu a {
    text-align: right;
}

/* =====================================================
   IMAGES
===================================================== */

img {
    max-width: 100%;
    height: auto;
}

/* =====================================================
   ELEMENTOR FIXES
===================================================== */

.elementor-widget-heading,
.elementor-widget-text-editor,
.elementor-widget-icon-list {
    direction: rtl;
}

/* =====================================================
   PREVENT HORIZONTAL SHIFT
===================================================== */

body,
.elementor,
.elementor-section,
.elementor-container,
.e-con {
    max-width: 100%;
}

/* =====================================================
   ARABIC NUMBERS ALIGNMENT
===================================================== */

.elementor-counter-number-wrapper,
.elementor-counter-number {
    direction: ltr;
    display: inline-block;
}

.depicter-layer{
    text-align:right !important;
}