.elementor-428 .elementor-element.elementor-element-60fb024{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-428 .elementor-element.elementor-element-60fb024.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-428 .elementor-element.elementor-element-f3bb587{--display:flex;--min-height:225px;--justify-content:center;--border-radius:25px 25px 25px 25px;}.elementor-428 .elementor-element.elementor-element-f3bb587:not(.elementor-motion-effects-element-type-background), .elementor-428 .elementor-element.elementor-element-f3bb587 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://tubagroup.org/wp-content/uploads/2025/06/General.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-428 .elementor-element.elementor-element-f3bb587:hover{border-style:solid;border-width:0px 0px 4px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:4px;--border-left-width:0px;border-color:var( --e-global-color-astglobalcolor2 );--border-color:var( --e-global-color-astglobalcolor2 );}.elementor-428 .elementor-element.elementor-element-f3bb587, .elementor-428 .elementor-element.elementor-element-f3bb587::before{--border-transition:0.3s;}.elementor-428 .elementor-element.elementor-element-471763c.elementor-element{--align-self:center;}.elementor-428 .elementor-element.elementor-element-471763c .elementor-heading-title{font-family:"IBM Plex Sans Arabic", Sans-serif;font-size:55px;font-weight:bold;color:var( --e-global-color-astglobalcolor5 );}.elementor-428 .elementor-element.elementor-element-68bf270{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:45px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-428 .elementor-element.elementor-element-9a0115a{--display:flex;}.elementor-428 .elementor-element.elementor-element-7c0afe2{--display:flex;--justify-content:center;}.elementor-428 .elementor-element.elementor-element-0625191{text-align:right;}.elementor-428 .elementor-element.elementor-element-0625191 .elementor-heading-title{font-family:"IBM plx arabic", Sans-serif;font-size:40px;font-weight:bold;color:var( --e-global-color-astglobalcolor1 );}.elementor-428 .elementor-element.elementor-element-6236341 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-428 .elementor-element.elementor-element-6236341{text-align:right;}.elementor-428 .elementor-element.elementor-element-6236341 .elementor-heading-title{font-family:"IBM Plex Sans Arabic", Sans-serif;font-size:22px;font-weight:300;line-height:30px;}.elementor-428 .elementor-element.elementor-element-3fba4ec{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-81px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-428 .elementor-element.elementor-element-3fba4ec.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-428 .elementor-element.elementor-element-564bf84{--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:center;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--border-radius:100px 100px 100px 100px;}.elementor-428 .elementor-element.elementor-element-564bf84:not(.elementor-motion-effects-element-type-background), .elementor-428 .elementor-element.elementor-element-564bf84 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(266deg, var( --e-global-color-astglobalcolor1 ) 0%, #167EB4 100%);}.elementor-428 .elementor-element.elementor-element-564bf84.e-con{--align-self:center;}.elementor-428 .elementor-element.elementor-element-c8beb18.elementor-element{--align-self:flex-start;}.elementor-428 .elementor-element.elementor-element-3ddd382.elementor-element{--align-self:center;}.elementor-428 .elementor-element.elementor-element-3ddd382 .elementor-heading-title{font-family:"IBM Plex Sans Arabic", Sans-serif;font-size:35px;font-weight:600;color:var( --e-global-color-astglobalcolor5 );}.elementor-428 .elementor-element.elementor-element-c14b2f7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-428 .elementor-element.elementor-element-30fa810{--spacer-size:75px;}@media(max-width:1024px){.elementor-428 .elementor-element.elementor-element-0625191 .elementor-heading-title{font-size:28px;}.elementor-428 .elementor-element.elementor-element-6236341 .elementor-heading-title{font-size:19px;line-height:1.3em;}.elementor-428 .elementor-element.elementor-element-3fba4ec{--margin-top:-60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-428 .elementor-element.elementor-element-564bf84{--gap:0px 20px;--row-gap:0px;--column-gap:20px;}.elementor-428 .elementor-element.elementor-element-3ddd382{text-align:right;}.elementor-428 .elementor-element.elementor-element-3ddd382 .elementor-heading-title{font-size:23px;}.elementor-428 .elementor-element.elementor-element-30fa810{--spacer-size:55px;}}@media(max-width:767px){.elementor-428 .elementor-element.elementor-element-60fb024{--justify-content:center;--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-428 .elementor-element.elementor-element-f3bb587:not(.elementor-motion-effects-element-type-background), .elementor-428 .elementor-element.elementor-element-f3bb587 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://tubagroup.org/wp-content/uploads/2025/06/General.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-428 .elementor-element.elementor-element-f3bb587.e-con{--align-self:center;}.elementor-428 .elementor-element.elementor-element-471763c.elementor-element{--align-self:center;}.elementor-428 .elementor-element.elementor-element-471763c .elementor-heading-title{font-size:50px;}.elementor-428 .elementor-element.elementor-element-9a0115a.e-con{--order:99999 /* order end hack */;}.elementor-428 .elementor-element.elementor-element-0625191 .elementor-heading-title{font-size:36px;}.elementor-428 .elementor-element.elementor-element-6236341 .elementor-heading-title{font-size:18px;line-height:1.4em;}.elementor-428 .elementor-element.elementor-element-3fba4ec{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-428 .elementor-element.elementor-element-3fba4ec.e-con{--align-self:center;}.elementor-428 .elementor-element.elementor-element-564bf84{--min-height:190px;--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;--align-items:center;--gap:7px 0px;--row-gap:7px;--column-gap:0px;--border-radius:25px 25px 25px 25px;}.elementor-428 .elementor-element.elementor-element-c8beb18.elementor-element{--align-self:center;}.elementor-428 .elementor-element.elementor-element-3ddd382.elementor-element{--order:-99999 /* order start hack */;}.elementor-428 .elementor-element.elementor-element-3ddd382{text-align:center;}.elementor-428 .elementor-element.elementor-element-3ddd382 .elementor-heading-title{font-size:27px;line-height:1.5em;}.elementor-428 .elementor-element.elementor-element-30fa810{--spacer-size:50px;}}@media(min-width:768px){.elementor-428 .elementor-element.elementor-element-9a0115a{--width:50%;}.elementor-428 .elementor-element.elementor-element-7c0afe2{--width:63%;}}@media(max-width:1024px) and (min-width:768px){.elementor-428 .elementor-element.elementor-element-60fb024{--content-width:725px;}.elementor-428 .elementor-element.elementor-element-7c0afe2{--width:73%;}}@media(min-width:1025px){.elementor-428 .elementor-element.elementor-element-f3bb587:not(.elementor-motion-effects-element-type-background), .elementor-428 .elementor-element.elementor-element-f3bb587 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for heading, class: .elementor-element-471763c */.white-text {
  color: white !important;
}

.yellow-text {
  color: #fcc62d !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6236341 */.elementor-428 .elementor-element.elementor-element-6236341 {
  position: relative;
  padding-right: 30px;
  direction: rtl;
  text-align: right;
}

.elementor-428 .elementor-element.elementor-element-6236341::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 3px;
  height: 100%;
  background-color: #53b04b;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c8beb18 */<style>
.my-btn,
.my-btn * {
  all: unset;
  box-sizing: border-box;
}

.my-btn {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  padding: 10px 22px;
  background: linear-gradient(90deg, #81c784, #4caf50); /* غريدينت ثابت */
  color: white !important;
  border-radius: 9999px;
  font-family: "IBM Plex Sans Arabic", sans-serif;
  font-weight: 600;
  font-size: 14px;
  direction: rtl;
  cursor: pointer;
  user-select: none;
  min-width: 140px;
  transition: transform 0.3s ease, color 0.3s ease; /* بدون تغير لون الخلفية */
  text-decoration: none !important;
  box-shadow: none;
}

/* إزالة تغيير الغريدينت عند الهوفير */
.my-btn:hover {
  /* لا تغير الخلفية */
  color: white !important;
  
  transform: translateX(-8px); /* تحريك كامل الزر لليسار */
}

@keyframes bouncePress {
  0% {
    transform: translateY(0) scale(1);
    box-shadow: none;
  }
  50% {
    transform: translateY(8px) scale(0.85);
    box-shadow: inset 0 8px 12px rgba(0,0,0,0.5);
  }
  70% {
    transform: translateY(-4px) scale(0.9);
    box-shadow: inset 0 6px 10px rgba(0,0,0,0.4);
  }
  100% {
    transform: translateY(0) scale(1);
    box-shadow: none;
  }
}

.my-btn:active {
  animation: bouncePress 0.7s ease forwards;
  color: white !important;
}

.my-btn .icon {
  background-color: white;
  color: #388e3c;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  font-size: 20px;
  transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease;
  transform-origin: right center;
  /* عند hover، نزود ازاحة الأيقونة لوحدها */
}

.my-btn:hover .icon {
  background-color: #053c59;
  color: #fff;
  transform: translateX(-8px); /* ازاحة اضافية للأيقونة */
}

.my-btn:active .icon {
  background-color: #2e7d32;
  color: #a5d6a7;
  transform: scale(1.2);
}
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-564bf84 */<style>
.my-btn,
.my-btn * {
  all: unset;
  box-sizing: border-box;
}

.my-btn {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  padding: 10px 22px;
  background: linear-gradient(90deg, #81c784, #4caf50); /* غريدينت ثابت */
  color: white !important;
  border-radius: 9999px;
  font-family: "IBM Plex Sans Arabic", sans-serif;
  font-weight: 600;
  font-size: 14px;
  direction: rtl;
  cursor: pointer;
  user-select: none;
  min-width: 140px;
  transition: transform 0.3s ease, color 0.3s ease; /* بدون تغير لون الخلفية */
  text-decoration: none !important;
  box-shadow: none;
}

/* إزالة تغيير الغريدينت عند الهوفير */
.my-btn:hover {
  /* لا تغير الخلفية */
  color: white !important;
  
  transform: translateX(-8px); /* تحريك كامل الزر لليسار */
}

@keyframes bouncePress {
  0% {
    transform: translateY(0) scale(1);
    box-shadow: none;
  }
  50% {
    transform: translateY(8px) scale(0.85);
    box-shadow: inset 0 8px 12px rgba(0,0,0,0.5);
  }
  70% {
    transform: translateY(-4px) scale(0.9);
    box-shadow: inset 0 6px 10px rgba(0,0,0,0.4);
  }
  100% {
    transform: translateY(0) scale(1);
    box-shadow: none;
  }
}

.my-btn:active {
  animation: bouncePress 0.7s ease forwards;
  color: white !important;
}

.my-btn .icon {
  background-color: white;
  color: #388e3c;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  font-size: 20px;
  transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease;
  transform-origin: right center;
  /* عند hover، نزود ازاحة الأيقونة لوحدها */
}

.my-btn:hover .icon {
  background-color: #053c59;
  color: #fff;
  transform: translateX(-8px); /* ازاحة اضافية للأيقونة */
}

.my-btn:active .icon {
  background-color: #2e7d32;
  color: #a5d6a7;
  transform: scale(1.2);
}
</style>/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'IBM Plex Sans Arabic';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://tubagroup.org/wp-content/uploads/2025/06/IBMPlexSansArabic-Bold.woff') format('woff');
}
@font-face {
	font-family: 'IBM Plex Sans Arabic';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://tubagroup.org/wp-content/uploads/2025/06/IBMPlexSansArabic-SemiBold.woff') format('woff');
}
@font-face {
	font-family: 'IBM Plex Sans Arabic';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://tubagroup.org/wp-content/uploads/2025/06/IBMPlexSansArabic-Regular.woff') format('woff');
}
@font-face {
	font-family: 'IBM Plex Sans Arabic';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://tubagroup.org/wp-content/uploads/2025/06/IBMPlexSansArabic-Light.woff') format('woff');
}
@font-face {
	font-family: 'IBM Plex Sans Arabic';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://tubagroup.org/wp-content/uploads/2025/06/IBMPlexSansArabic-Thin.woff') format('woff');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'IBM plx arabic';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://tubagroup.org/wp-content/uploads/2025/06/IBMPlexSansArabic-Bold.woff') format('woff');
}
@font-face {
	font-family: 'IBM plx arabic';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://tubagroup.org/wp-content/uploads/2025/06/IBMPlexSansArabic-SemiBold.woff') format('woff');
}
@font-face {
	font-family: 'IBM plx arabic';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://tubagroup.org/wp-content/uploads/2025/06/IBMPlexSansArabic-Regular.woff') format('woff');
}
@font-face {
	font-family: 'IBM plx arabic';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://tubagroup.org/wp-content/uploads/2025/06/IBMPlexSansArabic-Light.woff') format('woff');
}
@font-face {
	font-family: 'IBM plx arabic';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://tubagroup.org/wp-content/uploads/2025/06/IBMPlexSansArabic-Thin.woff') format('woff');
}
/* End Custom Fonts CSS */