/* Page-specific variation: benefits, setup sequence and essentials have distinct structures. */
body.page-business-email-hosting-mauritius #main :is(.email-benefits,.email-setup,.email-essentials) {
  color:#0a1b2e;
}
body.page-business-email-hosting-mauritius #main :is(.email-benefit,.email-step-copy,.email-feature) {
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  min-width:0;
}
body.page-business-email-hosting-mauritius #main :is(.email-benefit,.email-step-copy,.email-feature) h3::before {
  content:none;
  display:none;
}
body.page-business-email-hosting-mauritius #main :is(.email-benefit,.email-step-copy,.email-feature) h3 {
  margin:0 0 12px;
  font-size:20px;
  font-weight:600;
  line-height:1.3;
  letter-spacing:-.35px;
}
body.page-business-email-hosting-mauritius #main :is(.email-benefit,.email-step-copy,.email-feature) p {
  margin:0;
  color:#52627a;
  font-size:16px;
  line-height:1.65;
  overflow-wrap:anywhere;
}
body.page-business-email-hosting-mauritius #main :is(.email-benefit,.email-step-copy) a {
  align-self:flex-start;
  margin-top:auto;
  padding-top:20px;
  color:#2563eb;
  font-size:14px;
  font-weight:600;
  line-height:1.5;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:4px;
}
body.page-business-email-hosting-mauritius #main .email-icon {
  display:grid;
  place-items:center;
  width:52px;
  height:52px;
  flex:none;
  color:#2563eb;
  background:#fff;
  border:1px solid #d7e4f7;
  border-radius:12px;
}
body.page-business-email-hosting-mauritius #main .email-icon svg {
  display:block;
  width:26px;
  height:26px;
}

/* A quiet pale band with icons replaces a row of boxed cards. */
body.page-business-email-hosting-mauritius #main .email-benefits { background:#f3f7fd; }
body.page-business-email-hosting-mauritius #main .email-benefits .section-title { margin-bottom:40px; }
body.page-business-email-hosting-mauritius #main .email-benefit-grid { gap:0; }
body.page-business-email-hosting-mauritius #main .email-benefit {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding:0 32px;
}
body.page-business-email-hosting-mauritius #main .email-benefit:first-child { padding-left:0; }
body.page-business-email-hosting-mauritius #main .email-benefit:last-child { padding-right:0; }
body.page-business-email-hosting-mauritius #main .email-benefit + .email-benefit { border-left:1px solid #d5e1f1; }
body.page-business-email-hosting-mauritius #main .email-benefit .email-icon { margin-bottom:22px; }
body.page-business-email-hosting-mauritius #main .email-benefit-copy {
  display:flex;
  flex-direction:column;
  flex:1;
  min-width:0;
}

/* An ordered list makes the sequence explicit; connectors are decorative only. */
body.page-business-email-hosting-mauritius #main .email-setup .section-title { margin-bottom:38px; }
body.page-business-email-hosting-mauritius #main .email-steps {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:36px;
  margin:0;
  padding:0;
  list-style:none;
}
body.page-business-email-hosting-mauritius #main .email-step {
  position:relative;
  display:flex;
  flex-direction:column;
  min-width:0;
}
body.page-business-email-hosting-mauritius #main .email-step:not(:last-child)::after {
  content:"";
  position:absolute;
  top:24px;
  left:64px;
  right:-20px;
  border-top:1px solid #b4c8e6;
}
body.page-business-email-hosting-mauritius #main .email-step-number {
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  flex:none;
  margin:0 0 24px;
  border:1px solid #c8daf5;
  border-radius:50%;
  color:#2563eb;
  background:#edf4ff;
  font-size:16px;
  font-weight:600;
  line-height:1;
}
body.page-business-email-hosting-mauritius #main .email-step-copy {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  flex:1;
}

/* The essentials use a compact two-by-two feature list beside their introduction. */
body.page-business-email-hosting-mauritius #main .email-essentials { background:#f3f7fd; }
body.page-business-email-hosting-mauritius #main .email-essentials-layout {
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);
  gap:64px;
  align-items:start;
}
body.page-business-email-hosting-mauritius #main .email-essentials .section-title { margin:0; }
body.page-business-email-hosting-mauritius #main .email-feature-grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:30px 32px;
}
body.page-business-email-hosting-mauritius #main .email-feature {
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  gap:15px;
  align-items:start;
  padding-top:22px;
  border-top:1px solid #d1deef;
}
body.page-business-email-hosting-mauritius #main .email-feature .email-icon {
  width:40px;
  height:40px;
  border:0;
  border-radius:9px;
  background:#edf4ff;
}
body.page-business-email-hosting-mauritius #main .email-feature .email-icon svg { width:22px; height:22px; }
body.page-business-email-hosting-mauritius #main .email-feature h3 { font-size:18px; margin-bottom:9px; }

@media (max-width:1100px) {
  body.page-business-email-hosting-mauritius #main .email-benefit { padding:0 23px; }
  body.page-business-email-hosting-mauritius #main .email-essentials-layout { grid-template-columns:minmax(0,1fr); gap:32px; }
}
@media (max-width:760px) {
  body.page-business-email-hosting-mauritius #main .email-benefits .section-title,
  body.page-business-email-hosting-mauritius #main .email-setup .section-title { margin-bottom:30px; }
  body.page-business-email-hosting-mauritius #main .email-benefit-grid { grid-template-columns:minmax(0,1fr); gap:25px; }
  body.page-business-email-hosting-mauritius #main .email-benefit {
    display:grid;
    grid-template-columns:44px minmax(0,1fr);
    gap:18px;
    padding:0;
  }
  body.page-business-email-hosting-mauritius #main .email-benefit + .email-benefit { border-left:0; border-top:1px solid #d5e1f1; padding-top:25px; }
  body.page-business-email-hosting-mauritius #main .email-benefit .email-icon { width:44px; height:44px; margin:0; border-radius:10px; }
  body.page-business-email-hosting-mauritius #main .email-benefit .email-icon svg { width:24px; height:24px; }
  body.page-business-email-hosting-mauritius #main .email-benefit h3,
  body.page-business-email-hosting-mauritius #main .email-step-copy h3 { font-size:19px; }
  body.page-business-email-hosting-mauritius #main .email-steps { grid-template-columns:minmax(0,1fr); gap:30px; }
  body.page-business-email-hosting-mauritius #main .email-step { display:grid; grid-template-columns:48px minmax(0,1fr); gap:20px; }
  body.page-business-email-hosting-mauritius #main .email-step-number { margin:0; }
  body.page-business-email-hosting-mauritius #main .email-step:not(:last-child)::after { top:63px; bottom:-14px; left:23px; right:auto; border-top:0; border-left:1px solid #b4c8e6; }
  body.page-business-email-hosting-mauritius #main :is(.email-benefit,.email-step-copy) a { padding-top:16px; }
}
@media (max-width:600px) {
  body.page-business-email-hosting-mauritius #main .email-feature-grid { grid-template-columns:minmax(0,1fr); gap:23px; }
  body.page-business-email-hosting-mauritius #main .email-feature { gap:16px; padding-top:23px; }
}