.elementor-kit-494{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--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-494 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 *//* =========================================
   MarkeTech About Us - FULL DARK (page id 38)
   ========================================= */

/* 1) اجعل خلفية الصفحة كاملة داكنة */
.page-id-38,
.page-id-38 body,
body.page-id-38 {
  background: #0B1220 !important;
}

/* 2) اخفاء عنوان الصفحة (About Us) وأي Page Header */
.page-id-38 .entry-header,
.page-id-38 header.entry-header,
.page-id-38 .page-header,
.page-id-38 .page-title,
.page-id-38 h1.entry-title {
  display: none !important;
}

/* 3) اخفاء السايدبار (Categories) */
.page-id-38 #secondary,
.page-id-38 .sidebar,
.page-id-38 .widget-area,
.page-id-38 aside,
.page-id-38 .secondary {
  display: none !important;
}

/* 4) خلي المحتوى ياخذ العرض كامل */
.page-id-38 #primary,
.page-id-38 .content-area,
.page-id-38 .primary,
.page-id-38 .site-main {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
}

/* 5) خفف قيود الكونتينر عشان يصير Full Dark فعلاً */
.page-id-38 .container,
.page-id-38 .site-content .container,
.page-id-38 .content-area,
.page-id-38 .site-content,
.page-id-38 #content,
.page-id-38 #page,
.page-id-38 .site,
.page-id-38 .content-inner,
.page-id-38 .content-wrap {
  background: transparent !important;
}

/* 6) إزالة هوامش بيضاء من الثيم */
.page-id-38 .site-content .container,
.page-id-38 .container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.page-id-38 .site-content {
  padding-top: 0 !important;
}

/* 7) ستايل عام للنصوص والروابط داخل بلوكنا */
.page-id-38 .mt-about-page{
  color: #EAF2FF !important;
}
.page-id-38 .mt-about-page a{
  color: #00E5FF !important;
}
.page-id-38 .mt-about-page a:hover{
  color: #7C4DFF !important;
}
.mt-shot img, .mt-mock img{
  filter: contrast(1.05) saturate(1.05);
}
.mt-attendance-landing{
  --primary:#1677ff;
  --primary2:#0f56c9;
  --bg:#f6f9ff;
  --text:#0b1b3f;
  --muted:#5b6b86;
  --radius:18px;
}

.mt-attendance-landing .mt-hero{
  background: linear-gradient(135deg, var(--primary) 0%, var(--primary2) 60%, #0b1b3f 130%);
  border-radius: calc(var(--radius) + 6px);
  padding: 42px 26px;
  color:#fff;
  overflow:hidden;
  position:relative;
}

.mt-attendance-landing .mt-hero:after{
  content:"";
  position:absolute;
  inset:-40% -20%;
  background: radial-gradient(circle at 25% 30%, rgba(255,255,255,.18), transparent 55%);
  transform: rotate(10deg);
  pointer-events:none;
}

.mt-attendance-landing .mt-badges span{
  display:inline-block;
  padding:8px 12px;
  border-radius:999px;
  background: rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.18);
  margin: 0 0 10px 10px;
  font-size: 13px;
}

.mt-attendance-landing .mt-card{
  background:#fff;
  border:1px solid rgba(10,30,60,.08);
  border-radius: var(--radius);
  padding:18px 16px;
  box-shadow: 0 10px 26px rgba(15,40,90,.08);
  transition:.2s ease;
}

.mt-attendance-landing .mt-card:hover{
  transform: translateY(-4px);
  box-shadow: 0 16px 34px rgba(15,40,90,.12);
}

.mt-attendance-landing .mt-section-title{
  color: var(--text);
  margin: 0 0 10px 0;
}

.mt-attendance-landing .mt-section-sub{
  color: var(--muted);
  margin: 0 0 18px 0;
}

.mt-attendance-landing .mt-btn{
  display:inline-block;
  padding:12px 16px;
  border-radius: 12px;
  text-decoration:none;
  font-weight:700;
  border:1px solid rgba(255,255,255,.25);
  margin-left:10px;
}

.mt-attendance-landing .mt-btn.primary{
  background:#fff;
  color: var(--primary2);
}

.mt-attendance-landing .mt-btn.ghost{
  background: rgba(255,255,255,.12);
  color:#fff;
}

.mt-attendance-landing .mt-kpi{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:14px;
}

.mt-attendance-landing .mt-kpi div{
  background: rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.16);
  border-radius: 14px;
  padding:10px 12px;
  min-width: 150px;
}

.mt-attendance-landing .mt-kpi b{display:block; font-size:16px;}
.mt-attendance-landing .mt-kpi span{font-size:12px; opacity:.9;}/* End custom CSS */