@import url("contact.css");

/* Match the established Services and Industries rhythm. */
.cbmcce .cbmcce-hero{padding:64px 0 66px}
.cbmcce .cbmcce-section{padding:64px 0}
.cbmcce .cbmcce-heading{margin-bottom:28px}
.cbmcce .cbmcce-cards article{min-height:0;padding:24px 26px;border-radius:16px;box-shadow:0 10px 30px rgba(18,59,93,.055)}
.cbmcce .cbmcce-cards h3{margin:6px 0 8px}
.cbmcce .cbmcce-cards p{margin:0}

/* Dark sections need explicit light copy because the global body-copy rule is strong. */
.cbmcce .cbmcce-band{padding:58px 0}
.cbmcce .cbmcce-band h2{max-width:760px;margin:4px 0 12px;color:#fff!important}
.cbmcce .cbmcce-band p{max-width:800px;margin:0;color:rgba(255,255,255,.84)!important}
.cbmcce .cbmcce-band .cbmcce-kicker{color:#8fe0cb!important}

/* An address is supporting information, not a display heading. */
.cbmcce .cbmcce-two{gap:72px;align-items:start}
.cbmcce .cbmcce-office h2{margin:0 0 18px}
.cbmcce .cbmcce-office address{max-width:560px;margin:0;color:var(--ce-muted);font-size:20px;font-style:normal;font-weight:400;line-height:1.65}
.cbmcce .cbmcce-before{padding:28px 30px;border:1px solid var(--ce-border);border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(18,59,93,.05)}
.cbmcce .cbmcce-before .cbmcce-kicker{margin-bottom:10px}
.cbmcce .cbmcce-before h3{margin:0 0 10px}
.cbmcce .cbmcce-before p{margin:0 0 22px}

/* Keep hierarchy consistent while preventing long utility copy from becoming oversized. */
.cbmcce .cbmcce-consult h2{font-size:30px!important;line-height:1.2!important}
.cbmcce .cbmcce-contact-options h2{max-width:900px}
.cbmcce .cbmcce-faq details{padding:20px 22px}

/* Contact methods: compact, premium and unmistakably interactive. */
.cbmcce .cbmcce-contact-options .cbmcce-cards article{position:relative;overflow:hidden;padding:25px 26px 24px;background:linear-gradient(145deg,#fff 0%,#fbfdfe 100%);border-color:#d7e4ea;box-shadow:0 12px 34px rgba(18,59,93,.065);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.cbmcce .cbmcce-contact-options .cbmcce-cards article:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#1b6a9b,#49a996);opacity:.9}
.cbmcce .cbmcce-contact-options .cbmcce-cards article:after{position:absolute;top:22px;right:24px;display:grid;width:34px;height:34px;place-items:center;border:1px solid #d8e6eb;border-radius:10px;background:#f3f8fa;color:#1b6a9b;font-size:16px;font-weight:800}
.cbmcce .cbmcce-contact-options .cbmcce-cards article:nth-child(1):after{content:"☎"}
.cbmcce .cbmcce-contact-options .cbmcce-cards article:nth-child(2):after{content:"@"}
.cbmcce .cbmcce-contact-options .cbmcce-cards article:nth-child(3):after{content:"↗"}
.cbmcce .cbmcce-contact-options .cbmcce-cards article:hover{transform:translateY(-3px);border-color:#bcd3dc;box-shadow:0 18px 42px rgba(18,59,93,.1)}
.cbmcce .cbmcce-contact-options .cbmcce-cards article>span{padding-right:46px;font-size:12px;letter-spacing:.1em}
.cbmcce .cbmcce-contact-options .cbmcce-cards h3{margin:12px 0 8px;font-size:21px!important;line-height:1.35!important}
.cbmcce .cbmcce-contact-options .cbmcce-cards h3 a{display:inline-block;color:#123b5d!important;border-bottom:1px solid transparent;text-decoration:none;transition:color .2s ease,border-color .2s ease}
.cbmcce .cbmcce-contact-options .cbmcce-cards h3 a:hover,.cbmcce .cbmcce-contact-options .cbmcce-cards h3 a:focus-visible{color:#1b6a9b!important;border-bottom-color:#1b6a9b;outline:none}
.cbmcce .cbmcce-contact-options .cbmcce-cards p{font-size:16px!important;line-height:1.6!important}

/* Common enquiries: two balanced routes with aligned content. */
.cbmcce .cbmcce-common .cbmcce-cards{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.cbmcce .cbmcce-common .cbmcce-cards article{display:flex;min-height:170px;flex-direction:column;justify-content:center;padding:28px 32px}
.cbmcce .cbmcce-common .cbmcce-cards h3{margin:0 0 10px}
.cbmcce .cbmcce-common .cbmcce-cards p{max-width:540px;margin:0}

@media(max-width:900px){
  .cbmcce .cbmcce-two{gap:32px}
  .cbmcce .cbmcce-band-grid{gap:24px}
}
@media(max-width:680px){
  .cbmcce .cbmcce-hero,.cbmcce .cbmcce-section,.cbmcce .cbmcce-band{padding:52px 0}
  .cbmcce .cbmcce-consult,.cbmcce .cbmcce-before{padding:24px}
  .cbmcce .cbmcce-office address{font-size:18px}
  .cbmcce .cbmcce-common .cbmcce-cards{grid-template-columns:1fr}
  .cbmcce .cbmcce-common .cbmcce-cards article{min-height:0;padding:24px}
}