/* Scoped presentation for Cloud, Software and ERP service pages. */
.cloud-services-page .cloud-benefits-section {
  background: #f4f7fa;
}
.cloud-services-page .cloud-industries-section {
  background: #ffffff;
}
.cloud-services-page :is(.cloud-benefits-section, .cloud-industries-section) > div > h3 {
  color: #0a192f !important;
  font-size: clamp(27px, 3vw, 38px) !important;
  line-height: 1.25;
  margin-bottom: 28px;
}
.cloud-services-page .cloud-industries-section > div > p {
  color: #526479;
  text-align: center !important;
  margin-bottom: 28px;
}
.cloud-services-page :is(.cloud-benefits-section .cloud-benefit-card, .cloud-industries-section .cloud-industry-card) {
  background: #ffffff !important;
  border: 1px solid #dce5ee !important;
  box-shadow: 0 6px 24px #123b6008 !important;
  color: #0a192f;
  padding: 26px !important;
}
.cloud-services-page .cloud-benefits-section .cloud-benefit-card h4 {
  color: #0a192f !important;
  font-size: 20px;
  line-height: 1.4;
}
.cloud-services-page .cloud-benefits-section .cloud-benefit-card p {
  color: #526479;
}
.cloud-services-page .cloud-benefits-section .cloud-icon,
.cloud-services-page .cloud-industries-section .cloud-industry-card i {
  background: #eaf1f8;
  color: #0a192f !important;
  border: 0;
}
.cloud-services-page .cloud-industries-section .cloud-industry-card span {
  display: block;
  font-size: 17px;
  line-height: 1.5;
  font-weight: 700;
}
.cloud-services-page :is(.cloud-benefits-section .cloud-benefit-card, .cloud-industries-section .cloud-industry-card):hover {
  background: #f8fafc !important;
  border-color: #e6394666 !important;
  box-shadow: 0 16px 32px #123b6012 !important;
  transform: translateY(-4px);
}
.cloud-services-page .cloud-benefits-section .cloud-benefit-card:hover .cloud-icon,
.cloud-services-page .cloud-industries-section .cloud-industry-card:hover i {
  background: #e63946;
  color: #ffffff !important;
}
.development-overview {
  background: #f4f7fa;
}
.development-overview-inner {
  width: calc(100% - 48px);
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: 48px;
  align-items: center;
}
.development-subtitle {
  display: inline-block;
  color: #e63946;
  border-left: 3px solid #e63946;
  padding-left: 12px;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 3px;
  margin-bottom: 12px;
}
.development-heading {
  color: #0a192f;
  margin-bottom: 16px !important;
}
.development-heading span {
  color: #e63946;
}
.development-desc {
  color: #4a5568;
  margin-bottom: 14px;
}
.development-expertise-panel {
  background: #032a58 url('../image/home-navy-pattern.svg?v=4') center / cover no-repeat;
  color: #ffffff;
  border-radius: 20px;
  padding: 32px;
}
.development-expertise-panel h3 {
  color: #ffffff;
  font-size: 20px;
  line-height: 1.4;
  font-weight: 700;
  margin-bottom: 20px;
}
.development-expertise-row {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 12px 14px;
  margin-bottom: 10px;
  border-radius: 10px;
  background: #ffffff08;
  border: 1px solid #ffffff14;
  font-size: 15px;
  line-height: 1.5;
  transition: transform 220ms ease, background 220ms ease, border-color 220ms ease;
}
.development-expertise-row:last-child {
  margin-bottom: 0;
}
.development-expertise-row i {
  flex: 0 0 22px;
  color: #ff6572;
  font-size: 18px;
  text-align: center;
}
.development-expertise-row:hover {
  background: #ffffff14;
  border-color: #e63946;
  transform: translateX(5px);
}
.development-expertise-row:hover i {
  color: #ffffff;
}
@media (max-width: 991px) {
  .development-overview-inner {
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
  }
}
@media (max-width: 767px) {
  .development-overview-inner {
    width: 100%;
  }
  .development-expertise-panel {
    padding: 24px 20px;
  }
}
:is(.cloud-services-page, .software-development-page, .erp-page) {
  --tech-navy: #0a192f;
  --tech-red: #e63946;
  --tech-muted: #526479;
  background: #ffffff;
}

:is(.cloud-services-page, .software-development-page, .erp-page) > section:not(.inner-hero) {
  padding-top: clamp(40px, 5vw, 72px) !important;
  padding-bottom: clamp(40px, 5vw, 72px) !important;
}

:is(.cloud-services-page, .software-development-page, .erp-page) > section:not(.inner-hero) :is(h2, .cloud-section-heading) {
  font-size: clamp(27px, 3vw, 38px) !important;
  line-height: 1.25 !important;
  font-weight: 800;
  letter-spacing: -0.6px;
  margin-bottom: 28px;
}

:is(.cloud-services-page, .software-development-page, .erp-page) > section:not(.inner-hero) p {
  font-size: 16px !important;
  line-height: 1.8 !important;
  text-align: left !important;
}

:is(.cloud-services-page, .software-development-page, .erp-page) > section .grid {
  gap: 24px !important;
}

.cloud-services-page .cloud-intro {
  background: linear-gradient(180deg, #f0f5fa, #ffffff) !important;
}

.cloud-services-page .cloud-intro > div,
.software-development-page .bento-header > div {
  max-width: 1000px;
}

.software-development-page .bento-header {
  background: linear-gradient(180deg, #f0f5fa, #ffffff) !important;
}

:is(.cloud-services-page .cloud-intro, .software-development-page .bento-header) p {
  text-align: center !important;
  color: var(--tech-muted);
  margin-bottom: 16px;
}

:is(.cloud-services-page .cloud-service-card, .cloud-services-page .cloud-why-card,
    .software-development-page .im-card, .erp-page .glass-card-light) {
  background: #ffffff !important;
  border: 1px solid #dce5ee !important;
  border-radius: 16px !important;
  padding: 28px !important;
  box-shadow: 0 6px 24px #123b6008 !important;
  transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

:is(.cloud-services-page .cloud-service-card, .cloud-services-page .cloud-why-card,
    .software-development-page .im-card, .erp-page .glass-card-light):hover {
  transform: translateY(-5px);
  border-color: #e6394640 !important;
  box-shadow: 0 20px 40px #e6394619 !important;
}

:is(.cloud-services-page .cloud-service-card, .cloud-services-page .cloud-why-card,
    .software-development-page .im-card) :is(h3, h4) {
  font-size: 20px !important;
  line-height: 1.4 !important;
  font-weight: 700;
  color: var(--tech-navy);
  margin-bottom: 12px;
}

.software-development-page .content-list {
  font-size: 15px;
  line-height: 1.8;
  color: var(--tech-muted);
  margin-top: 12px;
}

.software-development-page .content-list li::marker {
  color: var(--tech-red);
}

:is(.cloud-services-page .cloud-icon, .software-development-page .im-card > i) {
  width: 56px;
  height: 56px;
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  background: #eaf1f8;
  color: var(--tech-navy);
  border-radius: 14px;
  font-size: 26px;
  margin-bottom: 20px !important;
  transition: background 220ms ease, color 220ms ease;
}

.cloud-services-page .cloud-service-card:hover .cloud-icon,
.software-development-page .im-card:hover > i {
  background: var(--tech-red);
  color: #ffffff;
  transform: none;
}

:is(.cloud-services-page .dark-cloud-section, .software-development-page .dark-section) :is(.cloud-benefit-card, .cloud-industry-card, .benefit-card),
.erp-page .glass-card-dark {
  background: #ffffff0d !important;
  border: 1px solid #ffffff24 !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}

:is(.cloud-services-page .dark-cloud-section, .software-development-page .dark-section) :is(.cloud-benefit-card, .cloud-industry-card, .benefit-card):hover,
.erp-page .glass-card-dark:hover {
  background: #ffffff16 !important;
  border-color: #82b6e5 !important;
}

.software-development-page .dark-section .benefit-card h3,
.erp-page .glass-card-dark h4 {
  color: #ffffff !important;
  font-size: 19px !important;
  line-height: 1.45 !important;
}

.software-development-page .dark-section .benefit-card p {
  color: #d5e2f2 !important;
}

.cloud-services-page .cloud-industry-card i {
  display: inline-flex;
  width: 52px;
  height: 52px;
  align-items: center;
  justify-content: center;
  background: #ffffff12;
  border-radius: 14px;
  color: #ffffff !important;
  font-size: 25px !important;
}

.erp-page .erp-strategy-section h2 span {
  color: var(--tech-red) !important;
  background: none !important;
  -webkit-text-fill-color: currentColor;
}

.erp-page > section:not(.inner-hero) .glass-card-light :is(h3, h4) {
  font-size: 21px !important;
  line-height: 1.4 !important;
}

.erp-page > section .erp-strategy-card::before {
  background: var(--tech-red);
}

:is(.cloud-services-page, .software-development-page, .erp-page) > section.technology-cta {
  background: #082b55 url('../image/home-navy-pattern.svg?v=4') center / cover no-repeat !important;
  color: #ffffff;
  border: 0;
}

:is(.cloud-services-page, .software-development-page, .erp-page) > section.technology-cta h2 {
  color: #ffffff !important;
  max-width: 850px;
  margin: 0 auto 20px !important;
  text-shadow: none;
}

:is(.cloud-services-page, .software-development-page, .erp-page) > section.technology-cta p {
  color: #d5e2f2 !important;
  text-align: center !important;
  max-width: 820px;
  margin: 0 auto 20px !important;
  font-weight: 400;
  letter-spacing: 0;
}

:is(.cloud-services-page, .software-development-page, .erp-page) > section.technology-cta a[href='contact.php'] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  background: var(--tech-red) !important;
  color: #ffffff !important;
  border: 1px solid var(--tech-red) !important;
  border-radius: 8px !important;
  padding: 14px 28px !important;
  font-size: 16px;
  line-height: 1.5;
  margin-top: 8px;
  box-shadow: 0 8px 24px #00000020 !important;
}

:is(.cloud-services-page, .software-development-page, .erp-page) > section.technology-cta a[href='contact.php']:hover {
  background: #a8001c !important;
  border-color: #a8001c !important;
  color: #ffffff !important;
  transform: translateY(-2px);
}

:is(.cloud-services-page, .software-development-page, .erp-page) > section a:focus-visible {
  outline: 3px solid #80b8ed;
  outline-offset: 5px;
}

@media (max-width: 767px) {
  :is(.cloud-services-page, .software-development-page, .erp-page) > section:not(.inner-hero) {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  :is(.cloud-services-page, .software-development-page) > section .grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  :is(.cloud-services-page .cloud-service-card, .cloud-services-page .cloud-why-card,
      .software-development-page .im-card, .erp-page .glass-card-light) {
    padding: 22px !important;
  }
  .erp-page > section.container {
    width: 100% !important;
  }
}

/* ERP hover states use explicit colors so icons retain contrast. */
body.erp-page > section :is(.glass-card-light, .glass-card-dark) {
  transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease, background-color 220ms ease !important;
}
body.erp-page > section .glass-card-light:hover {
  transform: translateY(-4px) !important;
  border-color: #e6394660 !important;
  box-shadow: 0 14px 30px #123b6015 !important;
}
body.erp-page > section .glass-card-dark:hover {
  transform: translateY(-4px) !important;
  background: #ffffff16 !important;
  border-color: #82b6e5 !important;
}
body.erp-page > section .glass-card-light .erp-icon-heading i {
  transition: background-color 220ms ease, color 220ms ease !important;
}
body.erp-page > section .glass-card-light:hover .erp-icon-heading i {
  background: #e63946 !important;
  color: #ffffff !important;
  transform: none !important;
}
body.erp-page > section :is(.glass-card-light, .glass-card-dark) i {
  opacity: 1;
  visibility: visible;
}
body.erp-page > section.technology-cta > div.absolute {
  pointer-events: none;
}
body.erp-page > section.technology-cta a[href='contact.php'] {
  transition: background-color 220ms ease, border-color 220ms ease, transform 220ms ease !important;
}
body.erp-page > section.technology-cta a[href='contact.php']:hover {
  opacity: 1;
  background: #a8001c !important;
  border-color: #a8001c !important;
  color: #ffffff !important;
}
body.erp-page > section.technology-cta a[href='contact.php'] i {
  color: inherit;
  transition: transform 220ms ease;
}
body.erp-page > section.technology-cta a[href='contact.php']:hover i {
  transform: translateX(3px);
}
@media (prefers-reduced-motion: reduce) {
  body.erp-page > section :is(.glass-card-light, .glass-card-dark):hover,
  body.erp-page > section.technology-cta a[href='contact.php']:hover,
  body.erp-page > section.technology-cta a[href='contact.php']:hover i {
    transform: none !important;
  }
  :is(.cloud-services-page, .software-development-page, .erp-page) > section * {
    transition: none !important;
  }
}