.hero {position: relative;display: flex;align-items: center;justify-content: flex-start;height: min(100vh, 600px);background: url("/assets/images/toronto.jpg") top/cover no-repeat;padding: 1.25em;color: var(--secondary);}.hero::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);z-index: 1;}.hero .cs-container {position: relative;z-index: 2;margin: 0 auto;max-width: 80rem;display: flex;flex-direction: column;gap: 1rem;color: #fff;}.hero .cs-container .cs-title {max-width: 100%;font-weight: normal;color: #fff;}.hero .cs-container h1 {font-size: clamp(2.5rem, 5vw, 4rem);color: #fff;line-height: 1.2;}.hero .cs-container .cs-button-solid {max-width: fit-content;}.services-container {padding: 2em var(--sectionPadding);}.services-container .cs-topper {text-align: center;margin-bottom: 1.25em;}.services-container .cs-center {text-align: center;margin-top: 1.25em;}.services-container .cs-container {display: grid;gap: 5rem;padding: 1.25em;margin: 0 auto;width: 100%;}.services-container .cs-container .card {text-decoration: none;color: inherit;width: 100%;display: flex;flex-direction: column;align-items: center;}.services-container .cs-container .card:hover {transform: scale(1.05);transition: transform 0.3s ease;}.services-container .cs-container .card picture {width: 100%;margin: 0 auto;display: flex;justify-content: center;}.services-container .cs-container .card picture img {max-width: 100px;aspect-ratio: 1/1;max-height: 100px;margin: 0 auto;}.services-container .cs-container .card h2 {text-align: center;width: 100%;font-size: 1.8em;font-weight: 500;margin-top: 1.25em;}.services-container .cs-container .card p {margin-top: 1.25em;width: 100%;line-height: 1.8em;}@media only screen and (max-width: 768px) {.services-container .cs-container {grid-template-columns: 1fr;padding: 0em;}}@media only screen and (min-width: 769px) and (max-width: 1100px) {.services-container .cs-container {grid-template-columns: repeat(2, 1fr);max-width: 50em;grid-auto-rows: auto;}.services-container .cs-container .card:nth-child(5) {grid-column: span 1;justify-self: center;}}@media only screen and (min-width: 1101px) {.services-container .cs-container {grid-template-columns: repeat(3, 1fr);grid-auto-rows: auto;max-width: 80rem;}.services-container .cs-container .card:nth-child(4) {grid-column: 1/2;justify-self: start;}.services-container .cs-container .card:nth-child(5) {grid-column: 2/3;justify-self: start;}}@media only screen and (min-width: 0rem) {body.dark-mode #services {background: var(--medium);}body.dark-mode #services picture {background: var(--primaryDark);}body.dark-mode #services h2 {font-weight: bold;color: #fff;}}@media only screen and (max-width: 768px) {.services-container .services {max-width: 50rem;display: grid;grid-template-columns: repeat(2, 1fr);gap: 1.25em;justify-content: center;}.services-container .services .card {margin: 0 auto;max-width: 9.375em;}.services-container .services:nth-child(5) {grid-column: span 2;justify-self: center;}}@media only screen and (min-width: 768px) and (max-width: 1100px) {.services-container .services {max-width: 50rem;display: grid;grid-template-columns: repeat(3, 1fr);}.services-container .services .card {margin: 0 auto;max-width: 12.5em;}.services-container .services:nth-child(4), .services-container .services:nth-child(5) {grid-column: span 2;justify-self: center;}}@media only screen and (min-width: 1100px) {.services-container .services {max-width: 50rem;display: grid;grid-template-columns: repeat(5, 1fr);gap: 1.25em;}.services-container .services .card {margin: 0 auto;max-width: 15.625em;}}