/* Bound partner logos at every breakpoint, including legacy inline sizes. */
.custom-header-icons img,.custom-header-icons.resize-img img{width:100%!important;max-width:150px!important;height:60px!important;max-height:60px!important;min-width:0;object-fit:contain;margin:auto!important}
.custom-header-icons{grid-template-columns:repeat(5,minmax(0,1fr));max-width:960px;margin-left:auto;margin-right:auto}
.custom-header-icons.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));max-width:780px}
.icons-row.footer-partners img{width:100%!important;max-width:150px!important;height:68px!important;max-height:68px!important;object-fit:contain}
/* Decorative pink underlines belong to section titles, not CTA buttons. */
a.support-button,a.support-button:hover,a.support-button:focus{border-bottom:0!important;text-decoration:none!important}
a.support-button::after,a.support-button::before,.support-button-holder::after,.support-button-holder::before{content:none!important;display:none!important}
@media(max-width:700px){.custom-header-icons,.custom-header-icons.grid-4{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:0 16px}.custom-header-icons img,.custom-header-icons.resize-img img{width:calc(33.333% - 20px)!important;flex:0 1 120px;height:48px!important;max-height:48px!important}.icons-row.footer-partners img{height:56px!important;max-height:56px!important;max-width:130px!important}}

/* Put the accent on the heading itself so wrapper clipping cannot hide it. */
.row-title:has(>h2)::after,.row-title:has(>h3)::after,.row-title:has(>h4)::after{display:none!important}
h1,h2.h2class,h3.h3class:not(:empty),h4.h4class,#enquiry-title{position:relative;padding-bottom:20px!important}
h1::after,h2.h2class::after,h3.h3class:not(:empty)::after,h4.h4class::after,#enquiry-title::after{content:""!important;display:block!important;position:absolute;bottom:0;left:50%;width:58px;height:2px;margin-left:-29px;background:#f16ff9!important}
#enquiry-title::after{left:0;margin-left:0}
/* Purple sections use clean headings without the pink accent. */
#header-holder h1::after,#header-holder h2.h2class::after,
#clients h3.h3class::after,#infra h3.h3class::after,
.faq-accordion-section h4.h4class::after,#contact-form #enquiry-title::after,
#clients .row-title::after,#infra .row-title::after{content:none!important;display:none!important}

/* Main headings on white sections retain the pink accent. */
.white-section-title{position:relative;padding-bottom:20px!important}
.white-section-title::after{content:""!important;display:block!important;position:absolute;bottom:0;left:50%;width:58px;height:2px;margin-left:-29px;background:#f16ff9!important}

/* Compact heading rhythm: no reserved underline space on purple sections. */
#page-head .h1class{margin-top:16px!important;margin-bottom:12px!important;padding-bottom:0!important}
#page-head .h2class{margin-top:0!important;margin-bottom:14px!important;padding-bottom:0!important;line-height:1.2}
#page-head .h2class p{margin:0!important}
#page-head .head-content>p{line-height:1.5!important;margin-bottom:20px!important}
#clients .h3class,#infra .h3class,#contact-form #enquiry-title{padding-bottom:0!important;margin-bottom:18px!important}
.faq-accordion-section .h4class{padding-top:0!important;padding-bottom:0!important;margin-bottom:24px!important}
@media(max-width:767px){#page-head .h1class{margin-top:12px!important}#page-head .h2class{margin-bottom:12px!important}}
#page-head .head-content>p{font-size:16px!important;line-height:24px!important}

.datacentre-photo{outline:3px solid transparent;outline-offset:0;transition:outline-color .18s ease}
.datacentre-photo:hover{outline-color:#55d4e4}
@media(prefers-reduced-motion:reduce){.datacentre-photo{transition:none}}