:root { --section-space: 4.5rem; --section-space-tablet: 3.5rem; --section-space-mobile: 2.75rem; }
html, body, button, input, select, textarea { font-family: 'Jost', sans-serif !important; }
h1, h2, h3, h4, h5, h6, .nav-link, .btn { font-family: 'Jost', sans-serif !important; }
main > .section:not(.renewable-contact), main > section.section:not(.renewable-contact) { margin: 0 !important; padding-bottom: var(--section-space) !important; padding-top: var(--section-space) !important; }
main > .section > .container.py-5, main > section.section > .container.py-5 { padding-bottom: 0 !important; padding-top: 0 !important; }
.page-hero .container.py-5 { padding-bottom: 3.5rem !important; padding-top: 3.5rem !important; }
.renewable-contact { margin: 0 !important; padding-bottom: var(--section-space) !important; padding-top: var(--section-space) !important; }
.renewable-contact > .container.py-5 { padding-bottom: 0 !important; padding-top: 0 !important; }
.sector-card.renewable-service { border: 0; border-radius: 8px; box-shadow: 0 16px 45px #13403414; color: var(--tq-ink); display: flex; flex-direction: column; overflow: hidden; padding: 2rem; position: relative; text-decoration: none; }
.sector-card.renewable-service:hover { border-color: transparent; box-shadow: 0 20px 50px rgba(19,64,52,.14); color: var(--tq-ink); transform: translateY(-8px); }
.sector-card.renewable-service > i { color: var(--tq-blue-dark); font-size: 2.25rem; height: 58px; margin-bottom: 1.5rem; width: 58px; }
.sector-card.renewable-service h2 { font-size: 1.15rem; font-weight: 700; min-height: 56px; }
.sector-card.renewable-service p { color: #698077; font-size: .9rem; min-height: 96px; }
.sector-card.renewable-service small { border-top: 1px solid #e8eee6; color: #698077; display: block; font-size: .75rem; margin-bottom: 1rem; padding-top: 1rem; }
.sector-card.renewable-service strong { color: var(--tq-blue-dark); font-size: .85rem; margin-top: auto; }
.sector-card.renewable-service, .sector-card.renewable-service:hover, .sector-card.renewable-service:focus, .sector-card.renewable-service:active, .sector-card.renewable-service *, .sector-card.renewable-service:hover *, .sector-card.renewable-service:focus * { text-decoration: none !important; }
.sector-card.renewable-service:focus-visible { border-color: var(--tq-blue-dark); box-shadow: 0 0 0 4px rgba(60,156,209,.22), 0 20px 50px rgba(19,64,52,.14); outline: 0; }
.sector-service.renewable-service { border: 0; border-radius: 8px; box-shadow: 0 16px 45px #13403414; color: var(--tq-ink); display: flex; flex-direction: column; padding: 2rem; text-decoration: none !important; }
.sector-service.renewable-service > i { color: var(--tq-blue-dark); font-size: 2.25rem; height: 58px; margin-bottom: 1.5rem; width: 58px; }
.sector-service.renewable-service h3 { font-size: 1.15rem; font-weight: 700; min-height: 56px; }
.sector-service.renewable-service p { color: #698077; font-size: .9rem; min-height: 96px; }
.sector-service.renewable-service strong { color: var(--tq-blue-dark); font-size: .85rem; margin-top: auto; }
.sector-service.renewable-service, .sector-service.renewable-service:hover, .sector-service.renewable-service:focus, .sector-service.renewable-service *, .sector-service.renewable-service:hover *, .sector-service.renewable-service:focus * { text-decoration: none !important; }
.sector-service.renewable-service:hover { border-color: transparent; box-shadow: 0 20px 50px rgba(19,64,52,.14); color: var(--tq-ink); transform: translateY(-8px); }
.sector-service.renewable-service:focus-visible { box-shadow: 0 0 0 4px rgba(60,156,209,.22), 0 20px 50px rgba(19,64,52,.14); outline: 0; }
@media (max-width: 991px) { main > .section:not(.renewable-contact), main > section.section:not(.renewable-contact), .renewable-contact { padding-bottom: var(--section-space-tablet) !important; padding-top: var(--section-space-tablet) !important; } .sector-card.renewable-service h2, .sector-card.renewable-service p { min-height: auto; } }
@media (max-width: 575px) { main > .section:not(.renewable-contact), main > section.section:not(.renewable-contact), .renewable-contact { padding-bottom: var(--section-space-mobile) !important; padding-top: var(--section-space-mobile) !important; } .page-hero .container.py-5 { padding-bottom: 2.5rem !important; padding-top: 2.5rem !important; } }