.elementor-1593 .elementor-element.elementor-element-e3a3841{--display:flex;}.elementor-1593 .elementor-element.elementor-element-e3a3841:not(.elementor-motion-effects-element-type-background), .elementor-1593 .elementor-element.elementor-element-e3a3841 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #D0C8D6 100%);}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-1593 .elementor-element.elementor-element-4de62fa.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1593 .elementor-element.elementor-element-4de62fa img{opacity:1;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-1593 .elementor-element.elementor-element-9755e8f .elementor-heading-title{font-family:"Droid Arabic Kufi", Sans-serif;font-size:2rem;font-weight:600;line-height:2em;color:#A063D2;}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-1593 .elementor-element.elementor-element-4de62fa{width:var( --container-widget-width, 100px );max-width:100px;--container-widget-width:100px;--container-widget-flex-grow:0;text-align:center;}.elementor-1593 .elementor-element.elementor-element-4de62fa.elementor-element{--align-self:center;}.elementor-1593 .elementor-element.elementor-element-4de62fa img{width:100%;max-width:100%;height:100px;border-radius:50% 50% 50% 50%;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-1593 .elementor-element.elementor-element-9755e8f{text-align:center;}.elementor-1593 .elementor-element.elementor-element-9755e8f .elementor-heading-title{font-size:16px;}}/* Start custom CSS for container, class: .elementor-element-e3a3841 *//* ================== GLOBAL RTL & FONT (keep your base) ================== */
.forminator-ui.forminator-design--default {
  direction: rtl;
  text-align: right;
  font-family: "Cairo", sans-serif !important;
}

/* ================== Base fields look (unchanged) ================== */
.forminator-input,
.forminator-select-wrapper,
.forminator-select,
.forminator-select select {
  border-radius: 18px !important;
  border: 1px solid rgba(160, 99, 210, 0.45) !important;
  padding: 14px !important;
  background: #fff !important;
  font-size: 16px !important;
  color: #000 !important;
  box-shadow: 0 0 4px rgba(160,99,210,0.12) !important;
}

/* ================== FORCE remove native blue focus / outline ================== */
/* targets native select, select2, and common browser focus rings */
.forminator-select select,
.forminator-select,
.select2-selection,
.select2-selection--single,
.select2-container--default .select2-selection--single,
.select2-container--open .select2-selection--single,
.select2-container .select2-dropdown,
.select2-results__option {
  outline: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  border-color: rgba(160,99,210,0.45) !important;
}

/* extra catch: remove any UA focus highlight */
*:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* ================== SELECT (visible field) ================== */
.forminator-select-wrapper,
.forminator-select {
  background: #fff !important;
  overflow: visible !important;
  border-radius: 18px !important;
  border: 2px solid rgba(160,99,210,0.45) !important;
}

/* hide the gray native inner box that some browsers add */
.select2-selection,
.select2-selection__rendered {
  background: transparent !important;
  border: none !important;
  color: #000 !important;
}

/* ================== DROP DOWN SHELL ================== */
.select2-container--open .select2-dropdown,
.select2-dropdown,
.forminator-select-dropdown,
.select2-container .select2-dropdown {
  background: #fff !important;                     /* white background */
  border: 2px solid rgba(160,99,210,0.45) !important; /* purple border */
  border-radius: 12px !important;
  box-shadow: 0 8px 20px rgba(160,99,210,0.12) !important; /* nice shadow */
  overflow: hidden !important;
  backdrop-filter: none !important; /* prevent weird UA dim */
}

/* remove thin blue UA outlines inside dropdown */
.select2-dropdown * {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

/* ================== EACH OPTION: purple divider + small card style ================== */
/* add purple divider between options and a subtle card border around each option */
.select2-results__option,
.forminator-select-dropdown ul li {
  background: #fff !important;
  color: #000 !important;
  padding: 12px 14px !important;
  margin: 6px 8px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(160,99,210,0.12) !important; /* light purple border around each item */
  box-shadow: 0 2px 6px rgba(160,99,210,0.04) !important;
}

/* Add clear purple separator between items (also works if list uses full-width items) */
.select2-results__option + .select2-results__option,
.forminator-select-dropdown ul li + .forminator-select-dropdown ul li {
  margin-top: 8px !important;
}

/* last-child: remove extra bottom spacing (keeps layout neat) */
.select2-results__option:last-child,
.forminator-select-dropdown ul li:last-child {
  margin-bottom: 6px !important;
}

/* highlighted (hover/keyboard) */
.select2-results__option--highlighted,
.forminator-select-dropdown ul li:hover {
  background: rgba(160,99,210,0.08) !important; /* soft purple on hover */
  color: #000 !important;
  border-color: rgba(160,99,210,0.35) !important;
  box-shadow: 0 6px 18px rgba(160,99,210,0.12) !important;
}

/* ================== remove gray bars above/below (some themes add pseudo elements) ================== */
.forminator-select-dropdown:before,
.forminator-select-dropdown:after,
.select2-dropdown:before,
.select2-dropdown:after {
  display: none !important;
}

/* ================== MOBILE SPECIFICS: kill Android blue outline on options ================== */
/* Android/Samsung may draw native focus rings inside pseudo-native list — override strongly */
select, select option, .select2-results__option, .select2-results__option:focus {
  outline: none !important;
  -webkit-tap-highlight-color: transparent !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  background: #fff !important;
  color: #000 !important;
}

/* Force dropdown to use our boxed style (prevent UA inner framing) */
.select2-container--open .select2-dropdown {
  border: 2px solid rgba(160,99,210,0.45) !important;
  box-shadow: 0 10px 30px rgba(160,99,210,0.14) !important;
}

/* small helpers: ensure spacing matches other inputs */
.select2-selection__rendered,
.forminator-select .select2-selection__rendered {
  padding: 0 8px !important;
  line-height: 1.6 !important;
}

/* ================== final safety (very high specificity) ================== */
/* targets the exact Forminator/select2 structures to override any theme rules */
div.forminator-form .select2-container--default .select2-selection--single,
div.forminator-form .select2-container--open .select2-dropdown,
div.forminator-form .select2-results__option {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}
/* ✅ إزالة الإطار المزدوج وترك إطار واحد فقط للقائمة المنسدلة */
.select2-container--open .select2-selection--single,
.select2-container--default .select2-selection--single {
  border: none !important;
  box-shadow: none !important;
}

/* ✅ إجبار القائمة المنسدلة على استخدام نفس الإطار بالظبط */
.select2-container--open .select2-dropdown {
  border: 2px solid rgba(160,99,210,0.45) !important; /* نفس لون الحقول */
  border-radius: 18px !important; /* نفس النفخ */
  box-shadow: none !important;
}

/* ✅ إزالة الإطار الداخلي الثاني من داخل القائمة */
.forminator-select-dropdown {
  border: none !important;
  box-shadow: none !important;
}
/* ===== زر التسجيل ===== */
.forminator-button-submit {
    background: #41d89f !important;
    color: #fff !important;
    border-radius: 16px !important;
    padding: 12px 20px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    border: none !important;
    width: 100% !important;
    box-shadow: 0 4px 12px rgba(65,216,159,0.35) !important;
    transition: 0.2s ease-in-out;
}
.forminator-button-submit:hover {
    background: #32c48a !important;
    box-shadow: 0 6px 18px rgba(65,216,159,0.45) !important;
}

/* ===== إخفاء أسماء الحقول ===== */
.forminator-label {
    display: none !important;
}

/* ===== ظل واحد للقائمة المنسدلة ===== */
.select2-container--open .select2-dropdown {
    box-shadow: 0 10px 22px rgba(160,99,210,0.18) !important; /* ظل واحد فقط */
    border: 2px solid rgba(160,99,210,0.45) !important;
}

/* منع أي ظل أو تأطير للحقل لما يفتح */
.select2-container--open .select2-selection--single {
    box-shadow: none !important;
}

/* ===== تصغير عرض قائمة الخيارات ===== */
.select2-dropdown {
    width: 88% !important; /* قللنا العرض شوي */
    margin-right: auto !important;
    margin-left: auto !important;
    border-radius: 14px !important;
}/* End custom CSS */