body {
  background: #F6EFE8;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}

/* * {
  outline: 1px solid #f00 !important;
} */

.index-masthead {
  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('images/index-image-lq.jpg');
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  clip-path: polygon(0px 0px, 100% 0px, 100% 85%, 0px 100%);
  top: 0;
}

.lead {
  font-size: 4vh;
}

  .headline , .lead {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: white;

  }

.headline {
  font-size: 7vh;
}

.lead-sub {
  color: white;
}

.services-card {
  border: solid 1px #12629b;
  padding: 10px;
  border-radius: 5px;
}

.services-icon {
  font-size: 8vh;
  color: #12629b;
  
}

.services-header {
  color: #12629b;
}

.services-print {
  color: #12629b;

}


.services-title {
  color: #12629b;
  font-size: 5vh;
}

.services-title:after {
  content: "";
  display: block;
  width: 35%;
  padding-top: 3px;
  border-bottom: 4px solid #12629b;
}

.providing-section {
  background-color: #23405a;
  clip-path: polygon(0 0, 100% 7%, 100% 93%, 0% 100%);

}

.providing-title {
  color: #F6EFE8;
  font-size: 5vh;
}

.providing-title:after {
  content: "";
  display: block;
  width: 35%;
  padding-top: 3px;
  border-bottom: 4px solid #F6EFE8;
}

.providing-header, .providing-print {
  color: #F6EFE8
}

.providing-text {
  border-left: solid 3px #F6EFE8;
  padding-left: 10px;
}

.providing-image {
  height: 200px;
  width: 200px;
  border-radius: 50%;

}

.providing-card {
  padding: 10px;
  height: 450px;
}

.specialising-title {
  color: #12629b;
  font-size: 5vh;
}

.specialising-title:after {
  content: "";
  display: block;
  width: 35%;
  padding-top: 3px;
  border-bottom: 4px solid #12629b;
}

.luxury {
  height: 300px;
  background-image: url('images/luxury.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}


.maintenance {
  height: 300px;
  background-image: url('images/maintenance.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.luxury-text, .maintenance-text, .contact-text {
  color: #12629b;
}

.luxury-text {
  border-left: solid 3px #12629b;
  padding-left: 10px;
}

.maintenance-text {
  border-right: solid 3px #12629b;
  padding-right: 10px;
}

.quote-1, .quote-2 {
  height: 50px;
}

.quote-2 {
  transform: rotate(180deg)
}

.testimonials-section {
  background-color: #23405a;
  clip-path: polygon(0 0, 100% 10%, 100% 90%, 0% 100%);

}

.testimonials-card {
  padding: 10px;
  height: 350px;
}



.testimonials-title {
  color: #F6EFE8;
  font-size: 5vh;
}

.testimonials-title:after {
  content: "";
  display: block;
  width: 35%;
  padding-top: 3px;
  border-bottom: 4px solid #F6EFE8;
}

.testimonials-header, .testimonials-print {
  color: #F6EFE8
}

.testimonials-print {
  border-left: solid 3px #F6EFE8;
  padding-left: 10px;
}

.btn {
  border: solid 1px #23405a;
  width: 200px;

  font-size:2.2vh;
  color: #12629b;
}

.btn:hover {
  border: solid 1px #23405a;
  color: #F6EFE8;
  background-color: #23405a;
}

.contact-number {
  margin-bottom: 0;
}

.navbar {
  background-color: #23405a;
  border-bottom: solid 1px #F6EFE8;
  color: #F6EFE8;
}

.nav-link {
  color: #F6EFE8;
}

.navbar-brand {
font-family: 'Roboto', sans-serif;
font-weight: 900;
color: #F6EFE8;
}

.navbar-toggler {
  color: #F6EFE8;
  border: none;
}

.telephone {
  font-size: 16px;
  color: #23405a;
}

.contact-title {
  color: #12629b;
  font-size: 4vh;
}

.contact-title:after {
  content: "";
  display: block;
  width: 35%;
  padding-top: 3px;
  border-bottom: 4px solid #12629b;
}

footer {
  background-color: #23405a;
}

.footer-brand, .footer-text {
  color: #F6EFE8;
}

.footer-brand {
font-family: 'Roboto', sans-serif;
font-weight: 900;
}

.pricing-title {
  color: #12629b;
  font-size: 5vh;
}


/* .pricing-title:after {
  content: "";
  display: block;
  width: 10%;
  padding-top: 3px;
  border-bottom: 4px solid #12629b;
} */

  .custom-table{
    background-color: #f6efe8;
    color: #12629b; 
    border: solid 1px #12629b;
  }
  
  .pricing .custom-table thead th {
    background-color: #12629b !important; 
    color: #f6efe8 !important;
  }

  .custom-table th,
.custom-table td {
  padding: 15px;
  border-bottom: solid 1px #12629b;
}

/* material icons: */
.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 200,
  'GRAD' 0,
  'opsz' 48
}