.cs-grid-container {max-width: 1280px;margin: 0 auto 2rem auto;}.cs-grid-2x2, .cs-grid-3x2 {display: grid;gap: 1rem;justify-content: center;}.cs-grid-2x2 {grid-template-columns: repeat(3, 1fr);}.cs-grid-3x2 {grid-template-columns: repeat(3, 1fr);}.cs-grid-2x2 .cs-card-bg {margin: 0 auto;}@media (max-width: 1100px) {.cs-grid-2x2, .cs-grid-3x2 {grid-template-columns: repeat(2, 1fr);}}@media (max-width: 768px) {.cs-grid-2x2, .cs-grid-3x2 {grid-template-columns: 1fr;}}.cs-card-bg {position: relative;display: flex;align-items: flex-end;aspect-ratio: 3/2;border-radius: 5px;overflow: hidden;text-decoration: none;width: 100%;}.cs-card-btn {cursor: pointer;transition: transform 0.3s ease;}.cs-card-btn:hover {transform: scale(1.05);}.cs-card-img {position: absolute;inset: 0;background-size: cover;background-position: center;z-index: 1;}.cs-card-overlay {position: absolute;inset: 0;background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 40%, rgba(0, 0, 0, 0) 100%);z-index: 2;}.cs-card-title {position: relative;z-index: 3;color: white;font-size: 1.5rem;font-weight: bold;padding: 1rem;margin: 0;width: 100%;text-align: center;text-transform: uppercase;}.hero {position: relative;display: flex;align-items: center;justify-content: flex-start;height: min(100vh, 500px);background: url("/assets/images/header.jpeg") 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.8);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;width: 100%;}.hero .cs-container .cs-title {max-width: 100%;color: #fff;font-weight: bold;width: 100%;}.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;}@media (max-width: 768px) {.hero {justify-content: center;text-align: center;}.hero .cs-container {align-items: center;}.hero .cs-container .cs-title, .hero .cs-container h1, .hero .cs-container .cs-button-solid {text-align: center;margin-left: auto;margin-right: auto;}}.services-container {padding: 4em;}@media (max-width: 768px) {.services-container {padding: 2em;padding-left: 1em;padding-right: 1em;}}.services-container .cs-topper {text-align: center;margin-bottom: 1.25em;}.services-container .cs-title {text-align: center;margin: 0 auto;}.services-container .cs-subtitle {text-align: center;margin: 0 auto;margin-bottom: 1em;}.services-container .cs-small {font-size: 1.75em;text-align: center;}.services-container .cs-center {text-align: center;margin-top: 1.25em;}.services-container .cs-container {display: grid;gap: 2.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: 80px;margin: 0 auto;}.services-container .cs-container .card h2 {text-align: center;width: 100%;font-size: 1.5em;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(4, 1fr);grid-auto-rows: auto;max-width: 80rem;}.services-container .cs-container .card:nth-child(5) {grid-column: 1/2;justify-self: start;}.services-container .cs-container .card:nth-child(6) {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;}}.cs-contact-sticky {position: fixed;bottom: 20px;right: 20px;z-index: 9999;background-color: var(--primary);color: #fff;padding: 12px 20px;border-radius: 50px;font-weight: bold;font-size: 14px;display: flex;align-items: center;text-decoration: none;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);transition: transform 0.2s ease, box-shadow 0.2s ease;}.cs-contact-sticky:hover {transform: translateY(-2px);box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25);}