.elementor-kit-2167{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-kadence1:#2B6CB0;--e-global-color-kadence2:#215387;--e-global-color-kadence3:#1A202C;--e-global-color-kadence4:#2D3748;--e-global-color-kadence5:#4A5568;--e-global-color-kadence6:#718096;--e-global-color-kadence7:#EDF2F7;--e-global-color-kadence8:#F7FAFC;--e-global-color-kadence9:#ffffff;--e-global-color-f40fb94:#003942;--e-global-color-40fab4d:#008375;--e-global-color-f26d004:#00BDA2;--e-global-color-68d041b:#D77900;--e-global-color-feb0f8c:#F5A800;--e-global-color-5208931:#B0B0B0;--e-global-color-c2e32e1:#FFFFFF;--e-global-color-2f3c757:#1A1A1A;--e-global-typography-primary-font-family:"LamaSans";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"SpaceGrotesk";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-2167 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.ltall {
      backdrop-filter: blur(5px);
clip-path: polygon(75px 0, 100% 0%, 100% 100%, 0 100%, 0 75px);


}
.csul {
      backdrop-filter: blur(5px);
clip-path: polygon(35% 0, 100% 0, 100% 50%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 35%);

}


.cut-serv-right-down {
clip-path: polygon(0% 0%, 100% 0, 100% 80%, 80% 100%, 0% 100%);


}











.cut-triangle-left-up {
      backdrop-filter: blur(5px);
clip-path: polygon(22% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 38%);


}


.cut-wus-left-up {
      backdrop-filter: blur(5px);
clip-path: polygon(22% 0, 100% 0%, 100% 100%, 0 100%, 0 35%);


}
.cut-serv-left-up {
      backdrop-filter: blur(5px);
clip-path: polygon(21% 0, 100% 0%, 100% 100%, 0 100%, 0 15%);

}



.cbutR {
  position: relative;
  overflow: hidden;
  backdrop-filter: blur(5px);
  clip-path: polygon(0 0, 100% 0, 100% 45%, 88% 100%, 0 100%);
}
.cbutl {
  position: relative;
  overflow: hidden;
  backdrop-filter: blur(5px);
clip-path: polygon(15% 0, 100% 0%, 100% 100%, 0 100%, 0 57%);

}


.p3{
    clip-path: polygon(0 0, 100% 0, 100% 0, 100% 70%, 70% 100%, 0 100%, 0 100%, 0 0);
}

.p4{
    clip-path: polygon(0 0, 100% 0, 100% 0, 100% 73%, 73% 100%, 0 100%, 0 100%, 0 0);
}

.main-box {
  position: relative;
}

.shifted-box {
  position: absolute;
  inset: 0;
  transform: translate(10px, 10px); /* مقدار الإزاحة المبدئية */
 transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);   /* سلاسة الحركة */
}

/* عند هوفر على الكونتينر الأساسي ترجع المزاحة لمكانها */
.main-box:hover .shifted-box {
  transform: translate(0, 0);
}


.p5{
    clip-path: polygon(20% 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 20%);
}

.p6{ clip-path: polygon(50% 0%, 100% 0, 100% 0, 100% 75%, 75% 100%, 50% 100%, 0 100%, 0 100%, 0 25%, 25% 0);
}

.csur {clip-path: polygon(75% 0, 100% 25%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0);
}

.csbl {clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%, 25% 100%, 0 75%, 0 0);
}

.cut-triangle-right-down  {
    clip-path: polygon(0 0, 100% 0, 100% 0, 100% 300px, 300px 100%, 0 100%, 0 100%, 0 0);
}

.elementor-field-type-submit .elementor-button {
      backdrop-filter: blur(5px);

clip-path: polygon(50% 0%, 100% 0, 100% 0, 100% 34%, 95% 100%, 50% 100%, 0 100%, 0 100%, 0 66%, 6% 0);
}



/*loader*/

/* خلفية اللودر */
#site-preloader {
  position: fixed;
  inset: 0;
  background: #003942;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  transition: opacity 0.4s ease;
}

/* غلاف اللوجو + العنصر المتحرك */
.loader-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* اللوجو */
#site-preloader .img {
  width: 90px;
  animation: logoPulse 1.4s ease-in-out infinite;
}

/* الحلقة الدائرة */
.loader-spinner {
  position: absolute;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  border: 3px solid rgba(0,0,0,0.08);
  border-top-color: #008c7e;
  border-right-color: #008c7e;
  animation: spin 1s linear infinite;
}

/* إخفاء اللودر عند إضافة الكلاس */
#site-preloader.preloader-hidden {
  opacity: 0;
  pointer-events: none;
}

/* أنيميشن */
@keyframes spin {
  to { transform: rotate(360deg); }
}

@keyframes logoPulse {
  0% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.05); opacity: 0.85; }
  100% { transform: scale(1); opacity: 1; }
}

/* أي قائمة طويلة تخليها سكرول */
.scroll-list {
  max-height: 660px;   /* عدّل الارتفاع اللي يناسبك */
  overflow-y: auto;    /* سكرول رأسي فقط */
  overscroll-behavior: contain; /* يمنع سحب الصفحة مع السكرول (اختياري) */
}

/* لو العناصر نفسها <li> أو أزرار داخل الحاوية */
.scroll-list > * {
  display: block;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'LamaSans';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.bawader-sa.net/wp-content/uploads/2025/12/LamaSans-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'LamaSans';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://www.bawader-sa.net/wp-content/uploads/2025/12/LamaSans-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'LamaSans';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://www.bawader-sa.net/wp-content/uploads/2025/12/LamaSans-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'LamaSans';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://www.bawader-sa.net/wp-content/uploads/2025/12/LamaSans-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'LamaSans';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://www.bawader-sa.net/wp-content/uploads/2025/12/LamaSans-ExtraBold.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'SpaceGrotesk';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.bawader-sa.net/wp-content/uploads/2025/12/SpaceGrotesk-VariableFont_wght.ttf') format('truetype');
}
@font-face {
	font-family: 'SpaceGrotesk';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://www.bawader-sa.net/wp-content/uploads/2025/12/SpaceGrotesk-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'SpaceGrotesk';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://www.bawader-sa.net/wp-content/uploads/2025/12/SpaceGrotesk-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'SpaceGrotesk';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.bawader-sa.net/wp-content/uploads/2025/12/SpaceGrotesk-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'SpaceGrotesk';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://www.bawader-sa.net/wp-content/uploads/2025/12/SpaceGrotesk-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'SpaceGrotesk';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://www.bawader-sa.net/wp-content/uploads/2025/12/SpaceGrotesk-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */