@charset "UTF-8";
h1,
h2,
h3,
h4,
h5,
h6,
p,
div,
a {
  font-family: "roboto", sans-serif;
}

#main {
  margin-top: 0 !important;
  padding: 0;
}

section {
  padding: 4rem 0;
}

#anchor-shortcode .col-12 {
  padding: 0 !important;
}

#anchor-shortcode h2 {
  margin-bottom: 1rem;
}

@media (max-width: 768px) {
  #anchor-areas-we-cover,
  #anchor-shortcode {
    max-width: 95%;
  }
}
header {
  top: 0;
  position: sticky;
  z-index: 2;
  box-shadow: 0px 2px 10px 0px rgba(54, 54, 54, 0.2);
}
header .navbar-brand img {
  height: auto;
}
header #menu-main-menu {
  margin-left: auto;
}
header #menu-main-menu .nav-link {
  color: #333;
  padding: 0px 15px;
}
@media (max-width: 767px) {
  header #menu-main-menu .nav-link {
    padding: 5px 15px;
  }
}
header #menu-main-menu .nav-link:hover {
  color: #000;
}

#header {
  background-color: #fff !important;
}

.navbar-brand img {
  max-height: 80px;
}

footer {
  background-color: #333 !important;
}
footer p {
  color: #fff;
  text-align: center;
}

.hero {
  height: 75vh;
  padding: 0;
}
.hero .background-image {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: cover;
  background-position: top;
}
.hero .background-image .hero-overlay {
  background-color: rgba(0, 0, 0, 0.3);
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hero .background-image .hero-overlay .hero-text {
  color: #fff;
  font-size: 2rem;
  text-align: center;
  padding: 0 1rem;
}
.hero .background-image .hero-overlay .hero-call {
  margin-top: 20px;
}
.hero .background-image .hero-overlay .hero-call a {
  text-decoration: underline;
  color: #fff;
}
.hero .background-image .hero-overlay .hero-services {
  display: flex;
  justify-content: center;
  gap: 1.25rem;
}
.hero .background-image .hero-overlay .hero-services h2 {
  position: relative;
  margin: 0;
  font-size: 1.5rem;
}
.hero .background-image .hero-overlay .hero-services h2 + h2::before {
  content: "•";
  margin-right: 0.75rem;
  color: currentColor;
  font-weight: bold;
}
@media (max-width: 768px) {
  .hero .background-image .hero-overlay .hero-services {
    gap: 0.25rem;
  }
  .hero .background-image .hero-overlay .hero-services h2::before {
    margin-right: 0.25rem !important;
  }
}

.services {
  padding: 4rem 0;
}
.services h2 {
  margin-bottom: 1rem;
}
.services .service img {
  width: 100%;
  max-height: 400px;
  object-fit: cover;
  border-radius: 5px;
}
.services .service-title-and-icon {
  display: flex;
  margin: 1rem 0;
  align-items: center;
}
.services .service-title-and-icon .service-title {
  margin-bottom: 0;
}
.services .service-title-and-icon .service-icon {
  background-color: #0aa2d3;
  border-radius: 50%;
  padding: 4px;
  margin-right: 10px;
}
.services .service-title-and-icon .service-icon img {
  height: 30px;
}
@media (max-width: 768px) {
  .services .service-title-and-icon .service-icon img {
    width: 30px;
  }
}

.center-text {
  background-color: #0aa2d3;
  background: #0d8fba;
  background: linear-gradient(219deg, rgb(13, 143, 186) 30%, rgb(14, 109, 140) 100%);
}
.center-text a {
  color: #fff;
  text-decoration: underline;
}
.center-text .row {
  justify-content: center;
}
.center-text .row h2 {
  text-align: center;
  color: #fff;
}
.center-text .row p {
  color: #fff;
}
.center-text .row .col-6 {
  margin: 0 auto;
  text-align: center;
}
.center-text .socials-row a {
  background: #fff;
  padding: 12px;
  border-radius: 50%;
}
.center-text .socials-row a img {
  max-width: 30px;
}

.two-column-text {
  background-color: #0aa2d3;
  background: linear-gradient(219deg, rgb(10, 162, 211) 30%, rgb(15, 130, 168) 100%);
  padding: 2rem !important;
  border-radius: 5px;
}
.two-column-text .row {
  align-items: center;
}
.two-column-text .row h2,
.two-column-text .row h3,
.two-column-text .row h4,
.two-column-text .row p {
  color: #fff;
}

.cards-section h4 {
  margin-bottom: 1rem;
}
.cards-section .card {
  box-shadow: 5px 5px 10px 0px #efefef;
}

/*# sourceMappingURL=main.css.map */