/*
/* COLORS
*/
/*
/* FONT WEIGHT
*/
/*
/* Side Gutter Margin
*/
/*
/* COLORS
*/
/*
/* FONT WEIGHT
*/
/*
/* Side Gutter Margin
*/
.hero .main-image {
  position: relative;
  max-height: 350px;
  overflow: hidden; }
  .hero .main-image .img-wrapper {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative; }
    .hero .main-image .img-wrapper img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .hero .main-image .img-wrapper::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(0, 0, 0, 0.4); }
  .hero .main-image .hero-content {
    position: absolute;
    top: 45%;
    left: 50%;
    z-index: 1;
    width: 100%;
    transform: translate(-50%, -50%);
    max-width: 70ch; }
    .hero .main-image .hero-content h2,
    .hero .main-image .hero-content p {
      text-align: center; }

.hero .hero-content {
  top: 50% !important; }

.paragraph-quote {
  text-align: center;
  display: grid;
  place-items: center; }
  @media only screen and (min-width: 67.5em) {
    .paragraph-quote {
      max-width: 80ch;
      margin: 80px auto !important; } }

.overview .accordion details {
  padding: 15px 20px;
  border: 1px solid #dddedf;
  border-radius: 3px; }
  @media only screen and (min-width: 67.5em) {
    .overview .accordion details {
      padding: 20px 30px; } }
  .overview .accordion details summary {
    position: relative;
    padding-right: 40px; }
    .overview .accordion details summary::after {
      content: "";
      position: absolute;
      right: 0;
      top: 0;
      height: 30px;
      width: 30px;
      background-image: url("/iwov-resources/mibg/images/plus.svg");
      background-size: contain; }
  .overview .accordion details[open] {
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-color: #fec32f; }
    .overview .accordion details[open] summary::after {
      background-image: url("/iwov-resources/mibg/images/dash.svg"); }

.overview .accordion details {
  padding: 20px; }
  @media only screen and (min-width: 48em) {
    .overview .accordion details {
      padding: 15px 30px; } }
  .overview .accordion details summary {
    padding-top: 5px;
    padding-bottom: 5px; }
    @media only screen and (min-width: 48em) {
      .overview .accordion details summary {
        padding-top: 10px;
        padding-bottom: 10px; } }
    .overview .accordion details summary::after {
      top: 50%;
      transform: translateY(-50%); }

.overview .accordion:nth-child(1) .col {
  max-width: 1000px; }

.overview .accordion .accordion-content .col * + * {
  margin-top: 20px; }

.overview .accordion > * + * {
  margin-top: 20px; }

.grid .grid-list {
  display: grid;
  grid-gap: 30px; }
  @media only screen and (min-width: 48em) {
    .grid .grid-list {
      grid-template-columns: repeat(2, 1fr); } }
  @media only screen and (min-width: 67.5em) {
    .grid .grid-list {
      grid-template-columns: repeat(3, 1fr); } }
  .grid .grid-list .grid-item .img-wrapper, .grid .grid-list .grid-item img {
    width: 100%;
    max-width: 55px;
    max-height: 55px; }
    @media only screen and (min-width: 48em) {
      .grid .grid-list .grid-item .img-wrapper, .grid .grid-list .grid-item img {
        max-width: 95px;
        max-height: 95px; } }
  .grid .grid-list .grid-item .services-list {
    margin-top: 10px; }
    .grid .grid-list .grid-item .services-list * + * {
      margin-top: 5px; }
    .grid .grid-list .grid-item .services-list li {
      list-style-type: disc; }
      .grid .grid-list .grid-item .services-list li::marker {
        color: #575a62; }

.contact-us {
  background-color: #f7f7f7; }
  .contact-us .contact-content {
    max-width: 1440px; }
  @media only screen and (min-width: 48em) {
    .contact-us .heading {
      display: flex;
      align-items: center;
      margin-bottom: 40px;
      justify-content: space-between; } }
  .contact-us .heading h3 {
    margin-bottom: 10px;
    flex-basis: 40%; }
  .contact-us .heading p {
    flex-basis: 60%; }
  .contact-us .hotline-grid {
    display: grid;
    grid-gap: 30px; }
    @media only screen and (min-width: 48em) {
      .contact-us .hotline-grid {
        grid-template-columns: repeat(3, 1fr); } }
    .contact-us .hotline-grid .hotline-item .img-wrapper, .contact-us .hotline-grid .hotline-item img {
      width: 100%;
      max-width: 55px;
      max-height: 55px; }
      @media only screen and (min-width: 48em) {
        .contact-us .hotline-grid .hotline-item .img-wrapper, .contact-us .hotline-grid .hotline-item img {
          max-width: 95px;
          max-height: 95px; } }
    .contact-us .hotline-grid .hotline-item p {
      color: #575a62; }
    .contact-us .hotline-grid .hotline-item a {
      color: #178ede; }
      .contact-us .hotline-grid .hotline-item a:hover {
        color: #356ea7; }
    .contact-us .hotline-grid .hotline-item .address {
      line-height: 16px; }
  .contact-us > p {
    margin: 10px 0;
    color: #575a62; }
    .contact-us > p a {
      color: #178ede; }
      .contact-us > p a:hover {
        color: #356ea7; }

.footer-content {
  margin-top: 0px; }
