.elementor-4054 .elementor-element.elementor-element-7e7a25c6{--display:flex;--min-height:100px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--overlay-opacity:0.2;}.elementor-4054 .elementor-element.elementor-element-7e7a25c6:not(.elementor-motion-effects-element-type-background), .elementor-4054 .elementor-element.elementor-element-7e7a25c6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-4054 .elementor-element.elementor-element-7e7a25c6::before, .elementor-4054 .elementor-element.elementor-element-7e7a25c6 > .elementor-background-video-container::before, .elementor-4054 .elementor-element.elementor-element-7e7a25c6 > .e-con-inner > .elementor-background-video-container::before, .elementor-4054 .elementor-element.elementor-element-7e7a25c6 > .elementor-background-slideshow::before, .elementor-4054 .elementor-element.elementor-element-7e7a25c6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4054 .elementor-element.elementor-element-7e7a25c6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-4054 .elementor-element.elementor-element-7e7a25c6.e-con{--align-self:center;}.elementor-4054 .elementor-element.elementor-element-1d75b8f0{--spacer-size:30px;}.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 );color:var( --e-global-color-primary );}.elementor-4054 .elementor-element.elementor-element-1a0b9de4 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:40px;font-weight:600;color:var( --e-global-color-accent );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4054 .elementor-element.elementor-element-5241ddc4{text-align:center;font-family:"Poppins", Sans-serif;font-weight:500;color:#FFFFFF;}.elementor-4054 .elementor-element.elementor-element-49d651ed{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4054 .elementor-element.elementor-element-49d651ed .box{width:-45deg;}@media(max-width:1366px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-4054 .elementor-element.elementor-element-1a0b9de4 .elementor-heading-title{font-size:32px;}.elementor-4054 .elementor-element.elementor-element-5241ddc4{font-size:17px;}.elementor-4054 .elementor-element.elementor-element-5241ddc4 > .elementor-widget-container{margin:0px 40px 0px 40px;}.elementor-4054 .elementor-element.elementor-element-49d651ed{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}@media(max-width:1024px){.elementor-4054 .elementor-element.elementor-element-7e7a25c6{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-4054 .elementor-element.elementor-element-1a0b9de4 .elementor-heading-title{font-size:30px;}.elementor-4054 .elementor-element.elementor-element-5241ddc4{font-size:15px;}.elementor-4054 .elementor-element.elementor-element-49d651ed{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-4054 .elementor-element.elementor-element-1a0b9de4{text-align:center;}.elementor-4054 .elementor-element.elementor-element-1a0b9de4 .elementor-heading-title{font-size:28px;line-height:1.6em;}}@media(min-width:768px){.elementor-4054 .elementor-element.elementor-element-49d651ed{--width:100%;}}@media(max-width:1366px) and (min-width:768px){.elementor-4054 .elementor-element.elementor-element-49d651ed{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-5f1e28a *//* ===== Container الأزرار مع خلفية تغطي الأزرار فقط ===== */
.tabs-buttons{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;

  background:#f0f0f0;
  padding:10px 15px;
  border-radius:20px;

  width:fit-content;
  margin:0 auto;
}

/* ===== Buttons Base (غير نشط) ===== */
.tab-btn{
  padding:10px 30px;
  border:none; /* حذف border */
  border-radius:20px; /* radius جديد */
  background:#fff;
  color:#210E4E;
  font-size:16px;
  font-weight:600;
  cursor:pointer;
  transition:all 0.3s ease;
  text-align:center;
  margin:0;
}

/* ===== FIRST BUTTON ===== */
.tabs-buttons .tab-btn:nth-child(1):hover,
.tabs-buttons .tab-btn:nth-child(1).active{
  background:#1e3a8a;
  color:#ffffff;
}

/* ===== SECOND BUTTON ===== */
.tabs-buttons .tab-btn:nth-child(2):hover,
.tabs-buttons .tab-btn:nth-child(2).active{
  background:#6d28d9;
  color:#ffffff;
}

/* ===== THIRD BUTTON ===== */
.tabs-buttons .tab-btn:nth-child(3):hover,
.tabs-buttons .tab-btn:nth-child(3).active{
  background:#065f46;
  color:#ffffff;
}

/* ===== FOURTH BUTTON ===== */
.tabs-buttons .tab-btn:nth-child(4):hover,
.tabs-buttons .tab-btn:nth-child(4).active{
  background:#991b1b;
  color:#ffffff;
}

/* ===== FIFTH BUTTON ===== */
.tabs-buttons .tab-btn:nth-child(5):hover,
.tabs-buttons .tab-btn:nth-child(5).active{
  background:#ff7a00;
  color:#ffffff;
}

/* ===== Content Sections ===== */
.tab-content{
  display:none;
}

.tab-content.active{
  display:block;
}

/* ===== Responsive: Up to 1366px ===== */
@media (max-width:1366px){
  .tabs-buttons{
    padding:8px 12px;
    gap:10px;
  }

  .tab-btn{
    padding:9px 28px;
    font-size:13px;
  }
}

/* ===== Responsive: Up to 1024px ===== */
@media (max-width:1024px){
  .tabs-buttons{
    padding:7px 20px;
    gap:6px;
  }

  .tab-btn{
    padding:7px 22px;
    font-size:13px;
  }
}

/* ===== Responsive: Up to 767px ===== */
@media (max-width:767px){
  .tabs-buttons{
    padding:6px 8px;
    gap:4px;
  }

  .tab-btn{
    padding:6px 16px;
    font-size:11px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5f1e28a *//* ===== Container الأزرار مع خلفية تغطي الأزرار فقط ===== */
.tabs-buttons{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;

  background:#f0f0f0;
  padding:10px 15px;
  border-radius:20px;

  width:fit-content;
  margin:0 auto;
}

/* ===== Buttons Base (غير نشط) ===== */
.tab-btn{
  padding:10px 30px;
  border:none; /* حذف border */
  border-radius:20px; /* radius جديد */
  background:#fff;
  color:#210E4E;
  font-size:16px;
  font-weight:600;
  cursor:pointer;
  transition:all 0.3s ease;
  text-align:center;
  margin:0;
}

/* ===== FIRST BUTTON ===== */
.tabs-buttons .tab-btn:nth-child(1):hover,
.tabs-buttons .tab-btn:nth-child(1).active{
  background:#1e3a8a;
  color:#ffffff;
}

/* ===== SECOND BUTTON ===== */
.tabs-buttons .tab-btn:nth-child(2):hover,
.tabs-buttons .tab-btn:nth-child(2).active{
  background:#6d28d9;
  color:#ffffff;
}

/* ===== THIRD BUTTON ===== */
.tabs-buttons .tab-btn:nth-child(3):hover,
.tabs-buttons .tab-btn:nth-child(3).active{
  background:#065f46;
  color:#ffffff;
}

/* ===== FOURTH BUTTON ===== */
.tabs-buttons .tab-btn:nth-child(4):hover,
.tabs-buttons .tab-btn:nth-child(4).active{
  background:#991b1b;
  color:#ffffff;
}

/* ===== FIFTH BUTTON ===== */
.tabs-buttons .tab-btn:nth-child(5):hover,
.tabs-buttons .tab-btn:nth-child(5).active{
  background:#ff7a00;
  color:#ffffff;
}

/* ===== Content Sections ===== */
.tab-content{
  display:none;
}

.tab-content.active{
  display:block;
}

/* ===== Responsive: Up to 1366px ===== */
@media (max-width:1366px){
  .tabs-buttons{
    padding:8px 12px;
    gap:10px;
  }

  .tab-btn{
    padding:9px 28px;
    font-size:13px;
  }
}

/* ===== Responsive: Up to 1024px ===== */
@media (max-width:1024px){
  .tabs-buttons{
    padding:7px 20px;
    gap:6px;
  }

  .tab-btn{
    padding:7px 22px;
    font-size:13px;
  }
}

/* ===== Responsive: Up to 767px ===== */
@media (max-width:767px){
  .tabs-buttons{
    padding:6px 8px;
    gap:4px;
  }

  .tab-btn{
    padding:6px 16px;
    font-size:11px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5f1e28a *//* ===== Container الأزرار مع خلفية تغطي الأزرار فقط ===== */
.tabs-buttons{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;

  background:#f0f0f0;
  padding:10px 15px;
  border-radius:20px;

  width:fit-content;
  margin:0 auto;
}

/* ===== Buttons Base (غير نشط) ===== */
.tab-btn{
  padding:10px 30px;
  border:none; /* حذف border */
  border-radius:20px; /* radius جديد */
  background:#fff;
  color:#210E4E;
  font-size:16px;
  font-weight:600;
  cursor:pointer;
  transition:all 0.3s ease;
  text-align:center;
  margin:0;
}

/* ===== FIRST BUTTON ===== */
.tabs-buttons .tab-btn:nth-child(1):hover,
.tabs-buttons .tab-btn:nth-child(1).active{
  background:#1e3a8a;
  color:#ffffff;
}

/* ===== SECOND BUTTON ===== */
.tabs-buttons .tab-btn:nth-child(2):hover,
.tabs-buttons .tab-btn:nth-child(2).active{
  background:#6d28d9;
  color:#ffffff;
}

/* ===== THIRD BUTTON ===== */
.tabs-buttons .tab-btn:nth-child(3):hover,
.tabs-buttons .tab-btn:nth-child(3).active{
  background:#065f46;
  color:#ffffff;
}

/* ===== FOURTH BUTTON ===== */
.tabs-buttons .tab-btn:nth-child(4):hover,
.tabs-buttons .tab-btn:nth-child(4).active{
  background:#991b1b;
  color:#ffffff;
}

/* ===== FIFTH BUTTON ===== */
.tabs-buttons .tab-btn:nth-child(5):hover,
.tabs-buttons .tab-btn:nth-child(5).active{
  background:#ff7a00;
  color:#ffffff;
}

/* ===== Content Sections ===== */
.tab-content{
  display:none;
}

.tab-content.active{
  display:block;
}

/* ===== Responsive: Up to 1366px ===== */
@media (max-width:1366px){
  .tabs-buttons{
    padding:8px 12px;
    gap:10px;
  }

  .tab-btn{
    padding:9px 28px;
    font-size:13px;
  }
}

/* ===== Responsive: Up to 1024px ===== */
@media (max-width:1024px){
  .tabs-buttons{
    padding:7px 20px;
    gap:6px;
  }

  .tab-btn{
    padding:7px 22px;
    font-size:13px;
  }
}

/* ===== Responsive: Up to 767px ===== */
@media (max-width:767px){
  .tabs-buttons{
    padding:6px 8px;
    gap:4px;
  }

  .tab-btn{
    padding:6px 16px;
    font-size:11px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5f1e28a *//* ===== Container الأزرار مع خلفية تغطي الأزرار فقط ===== */
.tabs-buttons{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;

  background:#f0f0f0;
  padding:10px 15px;
  border-radius:20px;

  width:fit-content;
  margin:0 auto;
}

/* ===== Buttons Base (غير نشط) ===== */
.tab-btn{
  padding:10px 30px;
  border:none; /* حذف border */
  border-radius:20px; /* radius جديد */
  background:#fff;
  color:#210E4E;
  font-size:16px;
  font-weight:600;
  cursor:pointer;
  transition:all 0.3s ease;
  text-align:center;
  margin:0;
}

/* ===== FIRST BUTTON ===== */
.tabs-buttons .tab-btn:nth-child(1):hover,
.tabs-buttons .tab-btn:nth-child(1).active{
  background:#1e3a8a;
  color:#ffffff;
}

/* ===== SECOND BUTTON ===== */
.tabs-buttons .tab-btn:nth-child(2):hover,
.tabs-buttons .tab-btn:nth-child(2).active{
  background:#6d28d9;
  color:#ffffff;
}

/* ===== THIRD BUTTON ===== */
.tabs-buttons .tab-btn:nth-child(3):hover,
.tabs-buttons .tab-btn:nth-child(3).active{
  background:#065f46;
  color:#ffffff;
}

/* ===== FOURTH BUTTON ===== */
.tabs-buttons .tab-btn:nth-child(4):hover,
.tabs-buttons .tab-btn:nth-child(4).active{
  background:#991b1b;
  color:#ffffff;
}

/* ===== FIFTH BUTTON ===== */
.tabs-buttons .tab-btn:nth-child(5):hover,
.tabs-buttons .tab-btn:nth-child(5).active{
  background:#ff7a00;
  color:#ffffff;
}

/* ===== Content Sections ===== */
.tab-content{
  display:none;
}

.tab-content.active{
  display:block;
}

/* ===== Responsive: Up to 1366px ===== */
@media (max-width:1366px){
  .tabs-buttons{
    padding:8px 12px;
    gap:10px;
  }

  .tab-btn{
    padding:9px 28px;
    font-size:13px;
  }
}

/* ===== Responsive: Up to 1024px ===== */
@media (max-width:1024px){
  .tabs-buttons{
    padding:7px 20px;
    gap:6px;
  }

  .tab-btn{
    padding:7px 22px;
    font-size:13px;
  }
}

/* ===== Responsive: Up to 767px ===== */
@media (max-width:767px){
  .tabs-buttons{
    padding:6px 8px;
    gap:4px;
  }

  .tab-btn{
    padding:6px 16px;
    font-size:11px;
  }
}/* End custom CSS */