.sectors-container                                      { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2.5rem; max-width: 1620px; padding: 0; margin: 0 auto; }

.sectors-container a                                    { background-color: #fff; padding: 0.625rem; border-radius: 8px; box-shadow: 0px 2px 12px 2px rgba(0,0,0,0.1); }
.sectors-container a .sector-image                      { line-height: 0; position: relative; }
.sectors-container a .sector-image picture { display: inline-block; height: 100%; }
.sectors-container a .sector-image:after   { content: '\f5aa'; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.4); opacity: 0; transition: ease-in all 0.3s; font-family: 'Font Awesome 5 Pro'; color: var(--gold); display: flex; justify-content: center; align-items: center; font-size: 2.5rem; font-weight: 400; }
.sectors-container a:hover .sector-image:after  { opacity: 1; }
.sectors-container a .sector-heading                    { display: flex; justify-content: space-between; align-items: center; border-left: 10px var(--imagegrey) solid; padding-left: 0.875rem; margin-top: 1rem; }
.sectors-container a .sector-heading h4                 { font-family: 'Poppins', sans-serif; font-size: 1.25rem; font-weight: 600; margin: 0.125rem; line-height: 1.2; color: var(--black); }
.sectors-container a .sector-heading span.icon          { width: 25px; height: 25px; border-radius: 100%; background-color: var(--gold); display: flex; justify-content: center; align-items: center; color: #fff; }
.sectors-container a .sector-content                    { margin-top: 0.5rem; }
.sectors-container a .sector-content p                  { font-family: 'Poppins', sans-serif; font-size: 1rem; color: var(--black); line-height: 1.3; padding: 0 1.625rem; margin: 0.125rem 0 1rem 0; }


@media only screen and (min-width: 0px) and (max-width: 1000px)
{
    .sectors-container                                  { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media only screen and (min-width: 0px) and (max-width: 500px)
{
    .sectors-container                                  { grid-template-columns: repeat(1, minmax(0, 1fr)); }
}