@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800&display=swap');
:root {
  --eg-red: #D7193F;
  --eg-red-dark: #C81035;
  --eg-dark: #1F2733;
  --eg-dark-2: #2E3745;
  --eg-bg-light: #F5F6F8;
  --eg-text: #4B5563;
  --eg-gray: #A7ADB7;
  --eg-white: #FFFFFF;
}

body {
  font-family: "Tajawal", "Cairo", Arial, sans-serif;
  color: var(--eg-text);
  background-color: var(--eg-white);
}

h1, h2, h3, h4, h5, h6 {
  color: var(--eg-dark);
  font-weight: 700;
}

a {
  color: var(--eg-red);
}

a:hover,
a:focus {
  color: var(--eg-red-dark);
}

.btn-primary,
.btn.btn-primary,
button.btn-primary {
  background-color: var(--eg-red);
  border-color: var(--eg-red);
  color: var(--eg-white);
  font-weight: 600;
  border-radius: 8px;
}

.btn-primary:hover,
.btn.btn-primary:hover,
button.btn-primary:hover {
  background-color: var(--eg-red-dark);
  border-color: var(--eg-red-dark);
  color: var(--eg-white);
}

.btn-outline-primary,
.btn.btn-outline-primary {
  color: var(--eg-red);
  border-color: var(--eg-red);
  font-weight: 600;
  border-radius: 8px;
}

.btn-outline-primary:hover,
.btn.btn-outline-primary:hover {
  background-color: var(--eg-red);
  border-color: var(--eg-red);
  color: var(--eg-white);
}
/* EngoServ Header & Menu */

.t4-header,
.header-wrap,
.t4-mainnav {
  background-color: #FFFFFF;
  border-bottom: 1px solid #E5E7EB;
}

.t4-navbar .navbar-nav > li > a,
.t4-navbar .navbar-nav > li > .nav-link,
.navbar .navbar-nav .nav-link {
  color: var(--eg-dark);
  font-weight: 600;
}

.t4-navbar .navbar-nav > li > a:hover,
.t4-navbar .navbar-nav > li > .nav-link:hover,
.navbar .navbar-nav .nav-link:hover {
  color: var(--eg-red);
}

.t4-navbar .navbar-nav > li.active > a,
.t4-navbar .navbar-nav > li.active > .nav-link,
.navbar .navbar-nav .active > .nav-link {
  color: var(--eg-red);
}

.t4-topbar,
.t4-topbar a {
  color: var(--eg-dark);
}

.t4-topbar {
  background-color: #F5F6F8;
}
/* EngoServ Dropdown Menu */

.dropdown-menu {
  border: 1px solid #E5E7EB;
  box-shadow: 0 12px 30px rgba(31, 39, 51, 0.10);
}

.dropdown-menu .dropdown-item,
.dropdown-menu a {
  color: var(--eg-text);
  font-weight: 500;
}

.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus,
.dropdown-menu a:hover,
.dropdown-menu a:focus {
  color: var(--eg-red) !important;
  background-color: #F5F6F8;
}

.dropdown-menu .active,
.dropdown-menu .dropdown-item.active,
.dropdown-menu a.active {
  color: var(--eg-red) !important;
  background-color: #F5F6F8;
}
/* EngoServ Hero Typography */

.acm-features h1,
.acm-features h2,
.acm-features .feature-title,
.hero h1,
.hero h2 {
  color: var(--eg-dark) !important;
  font-weight: 700;
  line-height: 1.35;
}

.acm-features p,
.acm-features .feature-description,
.hero p {
  color: var(--eg-text) !important;
  font-weight: 400;
  line-height: 1.9;
}

.acm-features .btn,
.hero .btn {
  font-family: "Tajawal", "Cairo", Arial, sans-serif;
}
/* EngoServ Sections & Cards */

.t4-section,
.section,
.acm-container {
  color: var(--eg-text);
}

.section-light,
.bg-light,
.bg-gray,
.t4-section.bg-light {
  background-color: var(--eg-bg-light) !important;
}

.card,
.acm-features .features-item,
.features-item,
.item-inner {
  background-color: var(--eg-white);
  border: 1px solid #E5E7EB;
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(31, 39, 51, 0.06);
}

.card:hover,
.acm-features .features-item:hover,
.features-item:hover,
.item-inner:hover {
  border-color: var(--eg-red);
  box-shadow: 0 14px 36px rgba(31, 39, 51, 0.10);
}

.card h3,
.card h4,
.features-item h3,
.features-item h4,
.item-inner h3,
.item-inner h4 {
  color: var(--eg-dark) !important;
  font-weight: 700;
}

.card p,
.features-item p,
.item-inner p {
  color: var(--eg-text) !important;
  line-height: 1.8;
}

.card i,
.features-item i,
.item-inner i,
.acm-features .font-icon {
  color: var(--eg-red) !important;
}
/* EngoServ CTA Section */

.section-9,
.t4-section.section-9 {
  background: linear-gradient(135deg, #1F2733 0%, #2E3745 100%) !important;
  color: #FFFFFF;
}

.section-9 h1,
.section-9 h2,
.section-9 h3,
.section-9 .section-title {
  color: #FFFFFF !important;
}

.section-9 p,
.section-9 .section-desc {
  color: #F5F6F8 !important;
}

.section-9 .btn-primary,
.section-9 .btn.btn-primary {
  background-color: #D7193F !important;
  border-color: #D7193F !important;
  color: #FFFFFF !important;
}

.section-9 .btn-primary:hover,
.section-9 .btn.btn-primary:hover {
  background-color: #C81035 !important;
  border-color: #C81035 !important;
}

.section-9 .btn-outline-light,
.section-9 .btn-outline-primary,
.section-9 .btn-outline-dark {
  background-color: transparent !important;
  border-color: #FFFFFF !important;
  color: #FFFFFF !important;
}

.section-9 .btn-outline-light:hover,
.section-9 .btn-outline-primary:hover,
.section-9 .btn-outline-dark:hover {
  background-color: #FFFFFF !important;
  color: #1F2733 !important;
  /* EngoServ CTA Custom Module */

.eg-cta,
.eg-cta .acm-cta,
.eg-cta .section-inner,
.eg-cta .container,
.eg-cta .cta {
  background: linear-gradient(135deg, #1F2733 0%, #2E3745 100%) !important;
  color: #FFFFFF !important;
}

.eg-cta h1,
.eg-cta h2,
.eg-cta h3,
.eg-cta .section-title,
.eg-cta .cta-title {
  color: #FFFFFF !important;
}

.eg-cta p,
.eg-cta .section-desc,
.eg-cta .cta-desc {
  color: #F5F6F8 !important;
}

.eg-cta .btn-primary,
.eg-cta .btn.btn-primary {
  background-color: #D7193F !important;
  border-color: #D7193F !important;
  color: #FFFFFF !important;
}

.eg-cta .btn-primary:hover,
.eg-cta .btn.btn-primary:hover {
  background-color: #C81035 !important;
  border-color: #C81035 !important;
}

.eg-cta .btn-outline-light,
.eg-cta .btn-outline-primary,
.eg-cta .btn-outline-dark {
  background-color: transparent !important;
  border-color: #FFFFFF !important;
  color: #FFFFFF !important;
}

.eg-cta .btn-outline-light:hover,
.eg-cta .btn-outline-primary:hover,
.eg-cta .btn-outline-dark:hover {
  background-color: #FFFFFF !important;
  color: #1F2733 !important;
}
}
/* EngoServ CTA Final Fix */

.t4-mod-wrap.eg-cta,
.t4-mod-wrap.eg-cta[data-bg-color="bg-indigo"],
#Mod201.eg-cta {
  background: linear-gradient(135deg, #1F2733 0%, #2E3745 100%) !important;
  color: #FFFFFF !important;
}

.t4-mod-wrap.eg-cta .section-inner,
.t4-mod-wrap.eg-cta .section-ct,
.t4-mod-wrap.eg-cta .ja-acm,
.t4-mod-wrap.eg-cta .acm-hero,
#Mod201 .section-inner,
#Mod201 .section-ct {
  background: transparent !important;
}

.t4-mod-wrap.eg-cta h1,
.t4-mod-wrap.eg-cta h2,
.t4-mod-wrap.eg-cta h3,
.t4-mod-wrap.eg-cta .hero-heading,
.t4-mod-wrap.eg-cta .section-title,
#Mod201 h1,
#Mod201 h2,
#Mod201 h3 {
  color: #FFFFFF !important;
}

.t4-mod-wrap.eg-cta p,
.t4-mod-wrap.eg-cta .lead,
.t4-mod-wrap.eg-cta .hero-intro,
.t4-mod-wrap.eg-cta .section-desc,
#Mod201 p {
  color: #F5F6F8 !important;
}

.t4-mod-wrap.eg-cta .btn-primary,
#Mod201 .btn-primary {
  background-color: #D7193F !important;
  border-color: #D7193F !important;
  color: #FFFFFF !important;
}

.t4-mod-wrap.eg-cta .btn-primary:hover,
#Mod201 .btn-primary:hover {
  background-color: #C81035 !important;
  border-color: #C81035 !important;
}
/* EngoServ CTA Parent Background Fix */

.t4-section:has(#Mod201),
.t4-section:has(.t4-mod-wrap.eg-cta) {
  background: linear-gradient(135deg, #1F2733 0%, #2E3745 100%) !important;
}

.t4-section:has(#Mod201) .t4-section-inner,
.t4-section:has(.t4-mod-wrap.eg-cta) .t4-section-inner {
  background: transparent !important;
}

#Mod201,
#Mod201.eg-cta,
#Mod201[data-bg-color="bg-indigo"] {
  background: transparent !important;
}
/* EngoServ CTA - No Image */

#acm-hero-wrap-201,
#Mod201 .acm-hero,
#Mod201 .section-inner,
#Mod201 .section-ct {
  background-image: none !important;
  background: transparent !important;
}

#acm-hero-wrap-201::before,
#acm-hero-wrap-201::after,
#Mod201 .acm-hero::before,
#Mod201 .acm-hero::after {
  display: none !important;
  background: none !important;
}

#Mod201 img,
#Mod201 picture,
#Mod201 .hero-img,
#Mod201 .hero-image,
#Mod201 .acm-hero-img {
  display: none !important;
}

#Mod201 {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}

#Mod201 .acm-hero,
#Mod201 .section-inner,
#Mod201 .section-ct {
  min-height: 0 !important;
  padding: 0 !important;
}

#Mod201 .hero-content,
#Mod201 .hero-intro,
#Mod201 .hero-heading {
  max-width: 780px;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}
/* EngoServ CTA - Remove Inline Background Image */

#acm-hero-201,
#Mod201 #acm-hero-201,
#Mod201 .acm-hero-item,
#Mod201 .acm-hero-item.has-bg {
  background-image: none !important;
  background: transparent !important;
}

#Mod201 .acm-hero-item::before,
#Mod201 .acm-hero-item::after,
#acm-hero-201::before,
#acm-hero-201::after {
  background: none !important;
  display: none !important;
}

#Mod201 .container,
#Mod201 .row {
  background: transparent !important;
}
/* EngoServ CTA - Reduce Height */

#Mod201,
#Mod201 .t4-mod-wrap,
#Mod201 .section-inner,
#Mod201 .section-ct,
#Mod201 .ja-acm,
#Mod201 .acm-hero,
#acm-hero-wrap-201,
#acm-hero-201 {
  min-height: 0 !important;
  height: auto !important;
}

#acm-hero-201 {
  padding-top: 55px !important;
  padding-bottom: 55px !important;
}

#Mod201 .container,
#Mod201 .row {
  min-height: 0 !important;
  height: auto !important;
}

#Mod201 .hero-content,
#Mod201 .acm-hero-item,
#Mod201 .hero-heading,
#Mod201 .hero-intro {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
/* EngoServ CTA - Compact spacing */

#t4-section-9 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#t4-section-9 .t4-section-inner {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#Mod201.t4-mod-wrap,
#Mod201.top-large,
#Mod201.bottom-large,
#Mod201.eg-cta {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#Mod201 .section-inner,
#Mod201 .section-ct,
#Mod201 .ja-acm,
#Mod201 .acm-hero,
#acm-hero-wrap-201,
#acm-hero-201,
#Mod201 .acm-hero-item {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  min-height: 0 !important;
  height: auto !important;
}
/* EngoServ CTA - Force real compact height */

#t4-section-9,
#t4-section-9 .t4-section-inner,
#Mod201,
#Mod201 .section-inner,
#Mod201 .section-ct,
#Mod201 .ja-acm,
#Mod201 .acm-hero,
#acm-hero-wrap-201,
#acm-hero-201,
#Mod201 .acm-hero-item,
#Mod201 .container,
#Mod201 .row {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#t4-section-9 #acm-hero-201 {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}

#t4-section-9 .row.align-items-center {
  align-items: center !important;
}

#Mod201 .hero-content,
#Mod201 .hero-heading,
#Mod201 .hero-intro,
#Mod201 .hero-actions,
#Mod201 .btn-actions {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
/* EngoServ CTA - Final Compact Override */

#t4-section-9 {
  padding: 0 !important;
  margin: 0 !important;
}

#t4-section-9 > .t4-section-inner {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#t4-section-9 #Mod201,
#t4-section-9 .t4-mod-wrap.eg-cta,
#t4-section-9 .top-large,
#t4-section-9 .bottom-large {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#t4-section-9 #acm-hero-wrap-201,
#t4-section-9 #acm-hero-201,
#t4-section-9 .acm-hero,
#t4-section-9 .acm-hero-item,
#t4-section-9 .item-container,
#t4-section-9 .container,
#t4-section-9 .row {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  min-height: 0 !important;
  height: auto !important;
}

#t4-section-9 .hero-heading {
  margin-top: 0 !important;
  margin-bottom: 12px !important;
}

#t4-section-9 .hero-intro {
  margin-bottom: 18px !important;
}
/* EngoServ CTA - Fixed elegant height */

#t4-section-9 {
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
}

#t4-section-9 .t4-section-inner,
#t4-section-9 #Mod201,
#t4-section-9 .section-inner,
#t4-section-9 .section-ct,
#t4-section-9 .ja-acm,
#t4-section-9 .acm-hero,
#t4-section-9 #acm-hero-wrap-201,
#t4-section-9 #acm-hero-201,
#t4-section-9 .acm-hero-item,
#t4-section-9 .item-container,
#t4-section-9 .container,
#t4-section-9 .row {
  height: auto !important;
  min-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#t4-section-9 #Mod201 {
  padding-top: 55px !important;
  padding-bottom: 55px !important;
}

#t4-section-9 .hero-heading,
#t4-section-9 h1,
#t4-section-9 h2 {
  margin-top: 0 !important;
  margin-bottom: 14px !important;
}

#t4-section-9 .hero-intro,
#t4-section-9 p {
  margin-bottom: 20px !important;
}

#t4-section-9 .btn {
  margin-top: 0 !important;
}
/* EngoServ CTA - Compact visible content */

#t4-section-9 {
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

#t4-section-9 .t4-section-inner,
#t4-section-9 #Mod201,
#t4-section-9 .section-inner,
#t4-section-9 .section-ct,
#t4-section-9 .ja-acm,
#t4-section-9 .acm-hero,
#t4-section-9 #acm-hero-wrap-201,
#t4-section-9 #acm-hero-201,
#t4-section-9 .acm-hero-item,
#t4-section-9 .item-container,
#t4-section-9 .container,
#t4-section-9 .row {
  height: auto !important;
  min-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#t4-section-9 #Mod201 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

#t4-section-9 .hero-heading {
  margin-top: 0 !important;
  margin-bottom: 14px !important;
}

#t4-section-9 .hero-intro {
  margin-bottom: 20px !important;
}
/* EngoServ Footer Socials */

.eg-footer-socials {
  list-style: none;
  display: flex;
  direction: ltr;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 0;
}

.eg-footer-socials li {
  margin: 0;
  padding: 0;
}

.eg-footer-socials a {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px solid #A7ADB7;
  color: #4B5563;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 15px;
  text-decoration: none;
  transition: all 0.2s ease;
}

.eg-footer-socials a:hover {
  background-color: #D7193F;
  border-color: #D7193F;
  color: #FFFFFF;
}
/* EngoServ Anchors */

.eg-services {
  scroll-margin-top: 120px;
}
/* EngoServ Contact Section */

.eg-contact-section {
  background: linear-gradient(135deg, #1F2733 0%, #2E3745 100%);
  color: #FFFFFF;
  padding: 65px 20px;
  text-align: center;
}

.eg-contact-inner {
  max-width: 920px;
  margin: 0 auto;
}

.eg-contact-section h2 {
  color: #FFFFFF !important;
  font-weight: 700;
  margin-bottom: 16px;
}

.eg-contact-intro {
  color: #F5F6F8;
  font-size: 18px;
  line-height: 1.9;
  max-width: 760px;
  margin: 0 auto 28px;
}

.eg-contact-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 26px;
}

.eg-contact-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 46px;
  padding: 12px 22px;
  border-radius: 8px;
  background: #FFFFFF;
  color: #1F2733 !important;
  text-decoration: none;
  font-weight: 600;
  border: 1px solid #FFFFFF;
  transition: all 0.2s ease;
}

.eg-contact-btn:hover {
  background: #D7193F;
  border-color: #D7193F;
  color: #FFFFFF !important;
}

.eg-whatsapp-btn {
  background: #D7193F;
  border-color: #D7193F;
  color: #FFFFFF !important;
}

.eg-whatsapp-btn:hover {
  background: #C81035;
  border-color: #C81035;
}

.eg-contact-address {
  color: #F5F6F8;
  line-height: 1.8;
  font-size: 15px;
  opacity: 0.9;
}
/* EngoServ About Page */

.eg-about-page {
  font-family: "Tajawal", "Cairo", Arial, sans-serif;
  color: #4B5563;
  background: #FFFFFF;
}

.eg-about-hero {
  background: linear-gradient(135deg, #1F2733 0%, #2E3745 100%);
  color: #FFFFFF;
  text-align: center;
  padding: 80px 20px;
  border-radius: 0 0 28px 28px;
}



.eg-about-hero h1 {
  color: #FFFFFF !important;
  font-size: 42px;
  line-height: 1.4;
  font-weight: 800;
  margin: 0 0 18px;
}

.eg-about-hero p {
  color: #F5F6F8;
  font-size: 19px;
  line-height: 1.9;
  max-width: 820px;
  margin: 0 auto;
}

.eg-about-content {
  max-width: 1180px;
  margin: 0 auto;
  padding: 60px 20px;
}

.eg-about-card {
  background: #FFFFFF;
  border: 1px solid #E5E7EB;
  border-radius: 18px;
  padding: 30px;
  box-shadow: 0 12px 32px rgba(31, 39, 51, 0.06);
}

.eg-about-main {
  margin-bottom: 32px;
}

.eg-about-card h2 {
  color: #1F2733 !important;
  font-size: 30px;
  font-weight: 800;
  margin: 0 0 18px;
  position: relative;
}

.eg-about-card h2::after {
  content: "";
  display: block;
  width: 58px;
  height: 3px;
  background: #D7193F;
  margin-top: 12px;
  border-radius: 3px;
}

.eg-about-card h3 {
  color: #1F2733 !important;
  font-size: 21px;
  font-weight: 800;
  margin: 0 0 12px;
}

.eg-about-card p {
  color: #4B5563;
  font-size: 17px;
  line-height: 1.95;
  margin: 0 0 14px;
}

.eg-about-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  margin-bottom: 32px;
}

.eg-about-icon {
  width: 54px;
  height: 54px;
  border-radius: 16px;
  background: #F5F6F8;
  color: #D7193F;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  font-weight: 800;
  margin-bottom: 18px;
}

.eg-about-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-top: 28px;
}

.eg-about-steps div {
  background: #F5F6F8;
  border-radius: 14px;
  padding: 18px;
  text-align: center;
}

.eg-about-steps strong {
  display: block;
  color: #D7193F;
  font-size: 24px;
  font-weight: 800;
  margin-bottom: 8px;
}

.eg-about-steps span {
  color: #1F2733;
  font-weight: 700;
}

.eg-about-cta {
  background: linear-gradient(135deg, #1F2733 0%, #2E3745 100%);
  border-radius: 22px;
  padding: 45px 30px;
  text-align: center;
  color: #FFFFFF;
}

.eg-about-cta h2 {
  color: #FFFFFF !important;
  font-size: 30px;
  font-weight: 800;
  margin: 0 0 16px;
}

.eg-about-cta p {
  color: #F5F6F8;
  font-size: 18px;
  line-height: 1.9;
  max-width: 780px;
  margin: 0 auto 24px;
}

.eg-about-cta a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #D7193F;
  color: #FFFFFF !important;
  padding: 13px 32px;
  border-radius: 8px;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.2s ease;
}

.eg-about-cta a:hover {
  background: #C81035;
  color: #FFFFFF !important;
}

@media (max-width: 768px) {
  .eg-about-hero {
    padding: 55px 18px;
  }

  .eg-about-hero h1 {
    font-size: 30px;
  }

  .eg-about-hero p {
    font-size: 17px;
  }

  .eg-about-grid {
    grid-template-columns: 1fr;
  }

  .eg-about-steps {
    grid-template-columns: 1fr 1fr;
  }

  .eg-about-card {
    padding: 24px;
  }
}

@media (max-width: 480px) {
  .eg-about-steps {
    grid-template-columns: 1fr;
  }
}
/* EngoServ - Clean Article Pages */

.article-info,
.article-info-term,
.article-aside,
.article-footer,
.article-navigation,
.pager,
.pagination,
.tags,
.icons,
.item-page .article-info,
.item-page .article-aside,
.item-page .pagenavigation,
.com-content-article__info,
.com-content-article__navigation {
  display: none !important;
}

/* Hide article sidebar blocks like author/read next if template prints them */
.item-page .author,
.item-page .author-box,
.item-page .article-author,
.item-page .read-next,
.item-page .related-items,
.item-page .mod-articles-category,
.item-page aside,
.com-content-article aside {
  display: none !important;
}
/* Hide offcanvas toggle on mobile */

.t4-offcanvas-toggle,
.offcanvas-toggle,
.btn-offcanvas {
  display: none !important;
}
.eg-founder-signature {
  margin-top: 18px;
  color: #1F2733 !important;
  font-weight: 600;
  font-size: 18px;
}

.eg-founder-signature strong {
  color: #D7193F;
  font-weight: 800;
}
/* EngoServ Service Page - 3D Printing & Laser */

.eg-service-page {
  font-family: "Tajawal", "Cairo", Arial, sans-serif;
  color: #4B5563;
  background: #FFFFFF;
}

.eg-service-hero {
  background: linear-gradient(135deg, #1F2733 0%, #2E3745 100%);
  color: #FFFFFF;
  text-align: center;
  padding: 76px 24px;
  border-radius: 0 0 28px 28px;
}

.eg-service-hero h1 {
  color: #FFFFFF !important;
  font-size: 42px;
  line-height: 1.4;
  font-weight: 800;
  margin: 0 0 18px;
}

.eg-service-hero p {
  color: #F5F6F8;
  font-size: 19px;
  line-height: 1.9;
  max-width: 850px;
  margin: 0 auto;
}

.eg-service-content {
  max-width: 1180px;
  margin: 0 auto;
  padding: 60px 20px;
}

.eg-service-card {
  background: #FFFFFF;
  border: 1px solid #E5E7EB;
  border-radius: 18px;
  padding: 30px;
  box-shadow: 0 12px 32px rgba(31, 39, 51, 0.06);
}

.eg-service-main {
  margin-bottom: 32px;
}

.eg-service-card h2 {
  color: #1F2733 !important;
  font-size: 30px;
  font-weight: 800;
  margin: 0 0 18px;
}

.eg-service-card h2::after {
  content: "";
  display: block;
  width: 58px;
  height: 3px;
  background: #D7193F;
  margin-top: 12px;
  border-radius: 3px;
}

.eg-service-card h3 {
  color: #1F2733 !important;
  font-size: 21px;
  font-weight: 800;
  margin: 0 0 12px;
}

.eg-service-card p {
  color: #4B5563;
  font-size: 17px;
  line-height: 1.95;
  margin: 0 0 14px;
}

.eg-service-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  margin-bottom: 32px;
}

.eg-service-icon {
  width: 54px;
  height: 54px;
  border-radius: 16px;
  background: #F5F6F8;
  color: #D7193F;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  font-weight: 800;
  margin-bottom: 18px;
}

.eg-tags-list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}

.eg-tags-list span {
  background: #F5F6F8;
  color: #1F2733;
  border: 1px solid #E5E7EB;
  border-radius: 50px;
  padding: 9px 16px;
  font-weight: 600;
}

.eg-service-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-top: 28px;
}

.eg-service-steps div {
  background: #F5F6F8;
  border-radius: 14px;
  padding: 18px;
  text-align: center;
}

.eg-service-steps strong {
  display: block;
  color: #D7193F;
  font-size: 24px;
  font-weight: 800;
  margin-bottom: 8px;
}

.eg-service-steps span {
  color: #1F2733;
  font-weight: 700;
}

.eg-service-note {
  background: #F5F6F8;
  border-right: 4px solid #D7193F;
  border-radius: 18px;
  padding: 28px;
  margin-bottom: 32px;
}

.eg-service-note h2 {
  color: #1F2733 !important;
  font-size: 26px;
  font-weight: 800;
  margin-bottom: 12px;
}

.eg-service-note p {
  color: #4B5563;
  font-size: 17px;
  line-height: 1.9;
  margin: 0;
}

.eg-service-cta {
  background: linear-gradient(135deg, #1F2733 0%, #2E3745 100%);
  border-radius: 22px;
  padding: 45px 30px;
  text-align: center;
  color: #FFFFFF;
}

.eg-service-cta h2 {
  color: #FFFFFF !important;
  font-size: 30px;
  font-weight: 800;
  margin: 0 0 16px;
}

.eg-service-cta p {
  color: #F5F6F8;
  font-size: 18px;
  line-height: 1.9;
  max-width: 780px;
  margin: 0 auto 24px;
}

.eg-service-cta a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #D7193F;
  color: #FFFFFF !important;
  padding: 13px 32px;
  border-radius: 8px;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.2s ease;
}

.eg-service-cta a:hover {
  background: #C81035;
}

@media (max-width: 768px) {
  .eg-service-hero {
    padding: 55px 18px;
  }

  .eg-service-hero h1 {
    font-size: 30px;
  }

  .eg-service-hero p {
    font-size: 17px;
  }

  .eg-service-grid {
    grid-template-columns: 1fr;
  }

  .eg-service-steps {
    grid-template-columns: 1fr 1fr;
  }

  .eg-service-card {
    padding: 24px;
  }
}

@media (max-width: 480px) {
  .eg-service-steps {
    grid-template-columns: 1fr;
  }
}
/* EngoServ - Hide article author box/sidebar */

.item-page .article-aside,
.item-page .author-box,
.item-page .article-author,
.item-page .author,
.item-page .createdby,
.item-page .read-next,
.item-page .related-items,
.com-content-article .article-aside,
.com-content-article .author-box,
.com-content-article .article-author,
.com-content-article aside {
  display: none !important;
}
/* EngoServ - Hide article author/read-next block */

.author-block,
.author-block-post-detail,
.author-block.pos-before-content,
.author-avatar,
.author-other-info,
.author-socials,
.read-next,
.sidebar-article {
  display: none !important;
}