@charset "UTF-8";

chtml, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none; }

[hidden] {
  display: none; }

strong {
  font-weight: bold; }

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  background: #fff; }

.content {
  width: 980px;
  margin: 0 auto; }

.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

div {
  transition: all 0.2s ease-in-out; }

/* Text
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1 {font-family: "Maven Pro", sans-serif; font-size: 55px !important; line-height: 55px !important; letter-spacing: -1px !important; font-weight: 700 !important;}
h2 {font-family: "Maven Pro", sans-serif; font-size: 40px !important; line-height: 40px !important; letter-spacing: 0px !important; font-weight: 700 !important; color: #1f2a44;}
h3 {font-family: "Maven Pro", sans-serif; font-size: 38px !important; line-height: 38px !important; letter-spacing: 0px !important; font-weight: 700 !important; color: #1f2a44;}
h4 {font-family: "Maven Pro", sans-serif; font-size: 35px !important; line-height: 35px !important; letter-spacing: 0px !important; font-weight: 700 !important; color: #1f2a44;}
h5 {font-family: "Maven Pro", sans-serif; font-size: 28px !important; line-height: 28px !important; letter-spacing: 0px !important; font-weight: 700 !important; color: #1f2a44;}
h6 {font-family: "Maven Pro", sans-serif; font-size: 20px !important; line-height: 20px !important; letter-spacing: 0px !important; font-weight: 600 !important; text-transform: uppercase; color: #1f2a44;}
p, a {font-family: "Open Sans", sans-serif; font-size: 16px; margin-bottom: 1.8rem !important; letter-spacing: 0.5px !important;}
a {text-decoration: none;}

/* Form
–––––––––––––––––––––––––––––––––––––––––––––––––– */
form {margin-bottom: 0 !important;}

input {padding: 0 !important; background-color: #fff !important; font-family: "Inter", sans-serif !important; font-size: 16px !important; border: none !important; border-radius: 5px !important; padding-left: 15px !important; height: 50px !important; color: #000 !important;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #000;}
::-moz-placeholder { /* Firefox 19+ */ color: #000;}
:-ms-input-placeholder { /* IE 10+ */ color: #000;}
:-moz-placeholder { /* Firefox 18- */ color: #000;}

textarea {padding: 0 !important; background-color: #fff !important; font-family: "Inter", sans-serif !important; font-size: 16px !important; border: none !important; border-radius: 5px !important; padding-left: 15px !important; padding-top: 15px !important; height: 150px !important; color: #000 !important;}

form button {color: #fff !important; text-transform: capitalize !important; font-size: 18px !important; font-weight: 800 !important; border: none !important; width: 35% !important; background: linear-gradient(90deg, #2bb673 0%, #45c05a 100%); transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; letter-spacing: 0 !important; font-family: "DM Sans", sans-serif !important;}
form button:hover {background-color: #1f2a44;}

input:focus, textarea:focus, button:focus, .btn-check:focus + .btn, .btn:focus {
  outline: none !important;
}

.btn-check:focus + .btn, .btn:focus {box-shadow: none !important; color: #fff !important; border: none !important;}

/* Model
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#page-wrapper {position: relative; overflow: hidden;}
#page-content {width: 100%; min-height: 100vh; transition: filter 0.3s;}
#page-content.blurred {filter: blur(5px);}

.modal-backdrop.show {opacity: 0; z-index: 91; position: relative;}
.modal-dialog {max-width: 42%; z-index: 91; -webkit-box-shadow: 0px 12px 17px 0px rgb(0 0 0 / 30%); box-shadow: 0px 12px 17px 0px rgb(0 0 0 / 30%); border-radius: 10px !important; margin-top: 6rem;}
.modal-dialog .modal-content {border-radius: 0; border: none; outline: none; border-radius: 10px !important; background-color: #1f2a44;}
.modal-dialog .modal-content .modal-header {padding: 3rem 6rem; border: none;}
.modal-dialog .modal-content .modal-header #logo {width: 100%; margin: 0;}
.modal-dialog .modal-content .modal-header #logo img {width: 250px; float: left;}
.modal-dialog .modal-content .modal-header button {background: transparent; border: none; margin-bottom: 0; width: 100%;}
.modal-dialog .modal-content .modal-header button i {color: #fff; font-size: 30px; float: right;}
.modal-dialog .modal-content .modal-body {padding: 1rem 6rem 6rem 6rem;}
.modal-dialog .modal-content .modal-body .contactForm {width: 100%; margin: 0 auto;}
.modal-dialog .modal-content .modal-body input, .modal-dialog .modal-content .modal-body textarea {border: 1px solid #efefef !important; width: 100%;}
.modal-dialog .modal-content .modal-body [type=submit] {margin-bottom: 0 !important; margin-top: 0rem !important; font-size: 18px !important; font-family: "Inter", sans-serif !important; height: 50px; width: 100% !important; background: linear-gradient(90deg, #2bb673 0%, #45c05a 100%); color: #fff;}
.modal-dialog .modal-content .modal-body form {margin: 0;}

/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.btn {font-family: "Open Sans", sans-serif; font-weight: bold; font-size: 17px; border-radius: 7px; padding: 16px 17px; margin-bottom: 0 !important; text-transform: uppercase;}

.btn-red {background: linear-gradient(90deg, #2bb673 0%, #45c05a 100%); color: #fff; border: none; transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out;}
.btn-red:hover {background: linear-gradient(90deg, #45c05a 0%, #2bb673 100%); color: #fff;}

.btn-grey {background-color: #1f2a44; color: #fff;}
.btn-grey:hover {background-color: #151d2f; color: #fff;}

.btn-black {background-color: #1f2a44; color: #fff !important;}
.btn-black:hover {background-color: #151d2f; color: #fff !important;}

.btn-white {background-color: #fff; color: #1f2a44 !important;  border: 1px solid #fff;}
.btn-white:hover {background-color: #fff; color: #000 !important;}

.btn-border {border: 2px solid #2bb673 !important; color: #1f2a44;}
.btn-border:hover {color: #2bb673;}
.btn-border i {vertical-align: middle; color: #2bb673;}
.btn-border:hover i {vertical-align: middle; color: #1f2a44;}

.btn-text {padding: 0 !important; font-size: 15px; text-transform: capitalize;}
.btn-text i {vertical-align: middle;}
.text-green {color: #2bb673 !important;}
.text-blue {color: #1f2a44 !important;}

button {width: 100% !important; padding: 0 17px !important; margin: 0; height: 58px !important; margin-bottom: 0 !important; border: none !important;}

/* Other
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.bg-black {background-color: #1f2a44 !important;}

.bulletPoint {padding: 0; margin: 0;}
.bulletPoint li.tick {list-style: none; font-family: "Open Sans", sans-serif; font-size: 16px; margin-bottom: 1rem; letter-spacing: 0.5px; display: grid; grid-template-columns: 20px 1fr; column-gap: 15px; align-items: start;}
.bulletPoint li.tick::before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 2px solid #2bb673;
    background-color: #2bb673;
    color: #fff;
    font-size: 14px;
}

/* Header
–––––––––––––––––––––––––––––––––––––––––––––––––– */
header {padding: 1.3rem 0; background-color: #fff; height: 129px;}
header .container {width: 90%;}

  /* Accred Logos
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  #accredLogos {background-color: #1f2a44; padding: 0.6rem 0;}
  #accredLogos .container {width: 75%; margin: 0 auto;}
  #accredLogos span {text-align: center; margin: 0 auto;}
  #accredLogos p {color: #fff; font-size: 15px;}
  #accredLogos .icon {width: 6%; display: inline-block; vertical-align: middle; margin-right: 7px;}
  #accredLogos .mob {font-weight: 100; font-size: 18px; color: #8f8f8f;}

  /* Logo
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  header #logo img {width: 280px;}
  header #logo a {display: inline-block; margin-bottom: 0 !important;}
  header #logo img {display: block;}
  
  /* Right
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  header .right {margin-left: auto;}
  header .right .contactToday {display: inline-block;}
  header .right .contactToday button {height: 55px !important; vertical-align: baseline; font-size: 17px;}
  header .right .btn-grey {padding: 13px 17px 13px 17px;}
  
  /* Nav
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  header nav {display: inline-block;}
  header nav ul {margin: 0;}
  header nav ul li {display: inline-block; margin-left: 40px; margin-bottom: 0; line-height: 40px;}
  header nav ul li:first-child {margin-left: 0;}
  header nav ul li a {color: #1f2a44 !important; font-family: "Open Sans", sans-serif; font-size: 17px; position: relative; text-decoration: none; margin-bottom: 0 !important; font-weight: 400;}
  header nav ul li a::after {content: ''; position: absolute; left: 50%; bottom: -1px; width: 8px; height: 8px; background-color: #1f2a44; border-radius: 50%; transform: translateX(-50%) scale(0); transition: transform 0.3s ease; color: #1f2a44 !important;}
  header nav ul li a:hover::after, header nav ul li a:focus::after {transform: translateX(-50%) scale(1); color: #1f2a44 !important;}
  header #selected > a::after {transform: translateX(-50%) scale(1);}
  
  header nav ul {list-style: none; padding: 0; margin: 0;}
  header nav ul li {position: relative; display: inline-block;}
  header nav ul li a {display: block; text-decoration: none;}
  
  header #header-row .d-flex {
    align-items: center;
    justify-content: space-between;
  }
  
  header .right {
    display: flex;
    align-items: center;
    gap: 50px;
    margin-left: auto;
  }
  
  header .right nav ul {
    align-items: center;
    gap: 35px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  
  header .divider {
    width: 1px;
    height: 80px;
    background: #a9b2b7;
    flex-shrink: 0;
  }
  
  header .contactToday {
    display: flex;
    align-items: center;
  }
  
  /* Dropper
  ––––––––––––––––––––––––––––––––––––––––––––––––––  */
  .subMenu {display: none; position: absolute; top: 100%; left: 0; background: #2bb673; min-width: 220px; box-shadow: 0 4px 10px rgba(0,0,0,0.15); z-index: 999; border-radius: 10px;}
  .subMenu li {display: block; margin-left: 0; line-height: initial; list-style: none;}
  .subMenu li a {padding: 14px 15px; white-space: nowrap; margin-bottom: 0 !important; color: #fff !important;}
  .subMenu li a:hover {background-color: #45c05a; color: #fff;}
  .subMenu li:first-child a:hover, .subMenu li:first-child#selected a {border-radius: 10px 10px 0 0 !important;}
  .subMenu li:last-child a:hover, .subMenu li:last-child#selected a {border-radius: 0 0 10px 10px !important;}
  .subMenu li#selected a {background-color: #45c05a; color: #fff;}
  .dropper:hover .subMenu {display: block;}
  .subMenu li a::after, .dropper a::after {display: none !important;}
  .subMenu li a:hover::after {display: none !important;}
  
  /* Navbar
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  header .navbar {display: none;}
  .navicon-line {width: 30px; height: 3px; border-radius: 1px; margin-bottom: 6px; background-color: #1f2a44;}
  .navicon-line:last-child {margin-bottom: 0;}
  .sb-slidebar.sb-active {background: #2bb673 !important;}
  .sb-slidebar.sb-active .sb-menu {padding: 0; margin: 0; list-style-type: none;}
  .sb-slidebar.sb-active .sb-menu > li:first-child {border-top: none;}
  .sb-slidebar.sb-active .sb-menu li {width: 100%; padding: 0; margin: 0; border-top: 1px solid rgba(110, 190, 196, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); list-style: none;}
  .sb-slidebar.sb-active .sb-left .sb-menu li a:hover, .sb-slidebar.sb-active .sb-left .sb-menu li#selected a {border-left: 3px solid #fff !important; color: #fff !important;}
  .sb-slidebar.sb-active .sb-left .sb-menu li a {border-left: 3px solid transparent;}
  .sb-slidebar.sb-active .sb-menu li a {width: 100%; display: inline-block; padding: 1.5rem; color: #fff; text-transform: uppercase; margin-bottom: 0 !important;}
  .sb-slidebar.sb-active .sb-menu ul {margin: 0 !important;}
  .submenu {
      display: none;
      padding-left: 0px;
  }
  
  .has-submenu > a {
      position: relative;
  }
  
  .has-submenu > a:after {
      content: "▼";
      float: right;
      font-size: 12px;
  }

/* Home
–––––––––––––––––––––––––––––––––––––––––––––––––– */

  /* Banner
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  #banner {position: relative;}
  #banner .container {width: 90%;}
  #banner .after {position: absolute; bottom: 0%; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .6); z-index: 9;}
  #banner .bannerText {position: absolute; top: 15%; left: 0; width: 100%; z-index: 9;}
  #banner .bannerText h1, #banner .bannerText p {color: #fff;}
  #banner .bannerText h1 {width: 100%; margin-bottom: 2.5rem;}
  #banner .bannerText .textP {width: 70%;}
  #banner .bannerText .trusted {width: 55%; float: right; margin-top: 20rem;}
  #banner .bannerText .width {margin-top: 4rem; width: 52%;}
  #banner .bannerText .width .btn {display: block;}
  
  #banner .liveBy {width: 75%; margin-top: 5rem;}
  #banner .liveBy img {width: 39%; display: inline-block; vertical-align: middle; margin-right: 8px; margin-bottom: 0; border: 3px solid #2bb673; border-radius: 100%; padding: 0.7rem;}
  #banner .liveBy p {display: inline-block; vertical-align: middle; line-height: 20px;}
  
  #banner .section-heading {
      position: relative;
      display: inline-block; /* keeps line aligned to text width */
      color: #2bb673; /* your green */
  }
  
  #banner .section-heading::after {
      content: "";
      display: block;
      width: 90px;
      height: 3px;
      background: #2bb673;
      margin-top: 15px;
  }
  
  #banner {
    position: relative;
    overflow: hidden;
  }
  
  #banner .main {
    width: 100%;
    height: 700px; /* adjust */
    object-fit: cover;
    display: block;
  }
  
  #banner .after {
    position: absolute;
    inset: 0;
    z-index: 1;
  }
  
  #banner .bannerText {
    position: relative;
    z-index: 2;
  }
  
  .banner-curve {
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 120px;
    z-index: 3;
    pointer-events: none;
  }
  
  .banner-curve svg {
    display: block;
    width: 100%;
    height: 100%;
  }
  
  .banner-curve path {
    fill: #fefdfd; /* same as services section background */
  }
  
  #services {
    position: relative;
    z-index: 4;
    background: #fefdfd;
    padding-top: 80px;
  }
  
  #banner {
      position: relative;
  }
  
  #banner img.main {
      width: 100%;
      display: block;
  }
  
  #banner .after {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  
      background: linear-gradient(
          90deg,
          rgba(0, 40, 85, 0.98) 0%,   /* very dark start */
          rgba(0, 40, 85, 0.95) 10%,  /* keep it dark for first 10% */
          rgba(0, 40, 85, 0.8) 30%,
          rgba(0, 40, 85, 0.55) 55%,
          rgba(0, 40, 85, 0.25) 75%,
          rgba(0, 40, 85, 0.0) 90%    /* fade ends later (longer effect) */
      );
  
      z-index: 1;
  }
  
  /* Make sure text sits above overlay */
  #banner .bannerText {
      position: relative;
      z-index: 2;
      color: #fff;
  }
  
  /* Services
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  #services {padding: 5rem 0; background-color: #fefdfd;}
  #services h3 {margin-bottom: 2.5rem;}
  #services .heading {margin-bottom: 4rem;}
  #services .col-lg-4.col-md-6 {margin-bottom: 3rem !important;}
  #services .box img {border-radius: 10px 10px 0 0; margin-bottom: -0.3rem;}
  #services .box .imgB {margin-bottom: -0.4rem !important;}
  #services .box a {color: #fff;}
  #services .box {display: flex; flex-direction: column; height: 100%; transition: transform 0.2s ease, box-shadow 0.2s ease;}
  #services .box img {width: 100%; height: 220px; object-fit: cover;}  
  #services .padd {flex: 1; display: flex; flex-direction: column; justify-content: flex-start; padding: 2rem 2rem; background-color: #fff; box-shadow: 0 8px 12px -6px rgba(0, 0, 0, 0.25); border-radius: 0 0 10px 10px;}
  #services .padd h5, #services .padd p {color: #1f2a44;}
  #services .padd h5 {margin-bottom: 1rem;}
  #services .padd p {margin-top: 0; margin-bottom: auto; font-size: 14px; line-height: 21px;}
  #services .padd .btn {margin-top: 0rem; padding: 10px 17px}
  #services .box:hover {transform: translateY(-4px);}
  
  #services .icon {width: 100% !important; height: auto !important; border-radius: 0 !important; margin-bottom: 0 !important; margin-top: -3.5rem;}
  #services .btn-text {padding-left: 20px !important;}
  #services .text-content {
      position: relative;
      padding-left: 20px; /* space for the line */
  }
  
  #services .text-content::before {
      content: "";
      position: absolute;
      left: 0;
      top: 46px;
      width: 2px;
      height: 95px;
      background: #2bb673;
  }
  
  .section-title {
      display: flex;
      align-items: center;
      text-align: center;
      justify-content: center;
      font-weight: 600;
      color: #2bb673;
      gap: 10px;
  }
  
  .section-title::before,
  .section-title::after {
      content: "";
      width: 30px;
      height: 2px;
      background: #2bb673;
  }
  
  /* Why Section
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  #whySection {background-color: #faf8f9; padding: 6rem 0;}
  #whySection .bulletPoints {margin-top: 5rem;}
  #whySection .bulletPoints ul {padding: 0; margin: 0;}
  #whySection .bulletPoints ul li.tick {list-style: none; font-family: "Open Sans", sans-serif; font-size: 20px; margin-bottom: 1.2rem; letter-spacing: 0.5px; display: grid; grid-template-columns: 20px 1fr; column-gap: 15px; align-items: start; color: #fff;}
  #whySection .bulletPoints ul li.tick::before {content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #2bb673; line-height: 1.3;font-size: 25px;}
  #whySection .backgroundColour {padding: 3.5rem; background-color: #1f2a44; box-shadow: 0 8px 12px -6px rgba(0, 0, 0, 0.25); border-radius: 10px;}
  #whySection .tt-review-snippet {border-radius: 10px;}
  
  /* Welcome
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  #welcome {background-color: #1f2a44; padding: 7rem 0;}
  #welcome h2 {color: #fff; text-align: center;}
  #welcome .heading {margin-bottom: 5rem;}
  #welcome .box {border-radius: 12px; padding: 2rem 3rem;}
  #welcome .box .qoute {width: 20%;}
  #welcome .box .left {width: 50%;}
  #welcome .box .right {margin-left: auto;}
  #welcome .box .right i {font-size: 20px; color: #fdb707; margin-left: 5px;}
  #welcome .box .name, #welcome .box .location {line-height: 20px;}
  #welcome .box .name {font-weight: 800; color: #00022b;}
  #welcome .box .location {color: #2bb673;}
  
  /* why Home Section
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  #whyHomeSection {background-color: #faf8f9;}
  #whyHomeSection .padding {padding: 4rem 5.5rem 4rem 6rem;}
  #whyHomeSection .icon {width: 50%; margin: 0 auto; display: block; margin-bottom: 1.5rem; background-color: #efefef; border-radius: 100%; padding: 1.5rem;}
  #whyHomeSection .reasons h5, #whyHomeSection .reasons p {text-align: center;}
  #whyHomeSection .reasons h5 {font-size: 20px !important; line-height: 20px !important; margin-bottom: 0.5rem !important;}
  #whyHomeSection .reasons p {font-size: 15px; line-height: 20px;}
  #whyHomeSection .img-fluid {margin-bottom: -0.5rem;}
  #whyHomeSection .row {display: flex; align-items: stretch;}
  #whyHomeSection .col-lg-5 {display: flex;}
  #whyHomeSection .col-lg-5 img {height: 100%; object-fit: cover;}
  #whyHomeSection .section-title {align-items: left; text-align: left; justify-content: left;}
  #whyHomeSection .col-lg-3 {border-right: 1px solid #efefef;}
  #whyHomeSection .col-lg-3:last-child {border-right: none;}
  #whyHomeSection h2 {width: 92%;}
  #whyHomeSection p {width: 70%;}
  #whyHomeSection .reasons p {width: 100%;}
  
/* Sub Banner
–––––––––––––––––––––––––––––––––––––––––––––––––– */
  #subBanner {position: relative;}
  #subBanner .container {width: 90%;}
  #subBanner .bannerText {position: absolute; top: 15%; left: 0; width: 100%; z-index: 9;}
  #subBanner .bannerText h1, #subBanner .bannerText p {color: #fff;}
  #subBanner .bannerText h1 {width: 52%;}
  #subBanner .bannerText .textP {width: 70%;}
  #subBanner .bannerText .trusted {width: 55%; float: right; margin-top: 20rem;}
  #subBanner .bannerText .width {margin-top: 4rem; width: 52%;}
  #subBanner .bannerText .width .btn {display: block; width: 100%;}
  #subBanner .liveBy {width: 75%; margin-top: 5rem;}
  #subBanner .liveBy img {width: 39%; display: inline-block; vertical-align: middle; margin-right: 8px; margin-bottom: 0; border: 3px solid #2bb673; border-radius: 100%; padding: 0.7rem;}
  #subBanner .liveBy p {display: inline-block; vertical-align: middle; line-height: 20px;}
  #subBanner .section-heading {position: relative; display: inline-block; color: #2bb673;}
  #subBanner .section-heading::after {content: ""; display: block; width: 90px; height: 3px; background: #2bb673; margin-top: 15px;}
  #subBanner img.main {width: 100%; display: block;}
  #subBanner .after {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(0, 40, 85, 0.98) 0%, rgba(0, 40, 85, 0.95) 10%, rgba(0, 40, 85, 0.8) 30%, rgba(0, 40, 85, 0.55) 55%, rgba(0, 40, 85, 0.25) 75%, rgba(0, 40, 85, 0.0) 90%); z-index: 1;}
  
  #serviceProblem .section-title, #methodsServices .section-title {align-items: left; text-align: left; justify-content: left;}
  
/* Services Pages
–––––––––––––––––––––––––––––––––––––––––––––––––– */
  
  /* Service Problem
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  #serviceProblem {background-color: #faf8f9; padding: 6rem 0;}
  #serviceProblem .box {padding: 2rem; box-shadow: 0 8px 12px -6px rgba(0, 0, 0, 0.25); border-radius: 10px; text-align: center;}
  #serviceProblem .box img {width: 40%; margin: 0 auto; display: block;}
  #serviceProblem .box h5 {font-size: 25px !important; line-height: 25px !important;}
  
  /* Steps Services
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  #stepsServices {padding: 6rem 0;}
  #stepsServices .heading {margin-bottom: 5rem;}
  #stepsServices .steps {text-align: center;}
  #stepsServices .steps img {background-color: #2bb673; border-radius: 100%; padding: 1.5rem; width: 60%; margin: 0 auto; display: block;}
  #stepsServices .box {padding: 3rem; box-shadow: 0 8px 12px -6px rgba(0, 0, 0, 0.25); border-radius: 10px; background-color: #1f2a44;}
  #stepsServices .box h5 {color: #2bb673 !important;}
  #stepsServices .box p {color: #fff;}
  #stepsServices .box img {width: 15%; margin-right: 10px;}
  
  /* Methods Services
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  #methodsServices {background-color: #faf8f9; padding: 6rem 0;}
  #methodsServices .heading {margin-bottom: 4rem;}
  #methodsServices .methods img {border-radius: 10px 10px 0 0;}
  #methodsServices .methods .box {padding: 1.5rem; box-shadow: 0 8px 12px -6px rgba(0, 0, 0, 0.25); border-radius: 0 0 10px 10px;}
  #methodsServices .methods .box h5 {font-size: 21px !important; line-height: 21px !important;}
  #methodsServices .methods .col-lg-3 {
      display: flex;
      flex-direction: column;
  }
  
  #methodsServices .methods img {
      width: 100%;
  }
  
  #methodsServices .methods .box {
      flex-grow: 1;
      display: flex;
      flex-direction: column;
  }
  #methodsServices .contact .box {padding: 2rem; box-shadow: 0 8px 12px -6px rgba(0, 0, 0, 0.25); border-radius: 10px;}
  #methodsServices .contact .box img {width: 40%; margin: 0 auto; display: block; margin-bottom: 2rem !important;}
  #methodsServices .contact .box .bottom {border-top: 1px solid #efefef; padding-top: 2.5rem; margin-top: 2.5rem;}
  #methodsServices .contact .box .email a {font-size: 22px; line-height: 25px; vertical-align: middle;}
  #methodsServices .contact .box .email i {vertical-align: middle; color: #2bb673; font-size: 25px;}
  #methodsServices .contact .box a {color: #1f2a44;}
  #methodsServices .contact .box a:hover {color: #2bb673;}

/* Reviews Page
–––––––––––––––––––––––––––––––––––––––––––––––––– */
  
  /* Testimonials Section
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  #testimonialsSection {background-color: #1f2a44; padding: 6rem 0;}
  #testimonialsSection .heading {margin-bottom: 4rem;}
  #testimonialsSection .box {background-color: #fff; border-radius: 10px; padding: 4rem;}
  #testimonialsSection .box .stars {text-align: center;}
  #testimonialsSection .box .stars i {color: #f6ad1c; font-size: 29px; margin-right: 3px; text-align: center;}
  #testimonialsSection .box .stars i:last-child {margin-right: 0;}
  #testimonialsSection .box .review p {font-style: italic; text-align: center;}
  #testimonialsSection .box .review span {font-size: 19px; font-family: "Open Sans", sans-serif; font-weight: bold; text-align: center;}
  #testimonialsSection .box .review {display: flex; flex-direction: column;}
    
/* Gallery
–––––––––––––––––––––––––––––––––––––––––––––––––– */  
  #gallerySection {background-color: #1f2a44; padding: 6rem 0;}
  #gallerySection img {width: 100%; margin-bottom: 0rem; aspect-ratio: 15 / 11; object-fit: cover; border-radius: 10px;}
  #gallerySection h2 {color: #fff;}
  #gallerySection .backgroundColour {background-color: #fff; padding: 1.3rem 1rem 0.5rem 1rem; border-radius: 10px; margin-bottom: 2rem; box-shadow: 0 8px 12px -6px rgba(0, 0, 0, 0.25);}
  #gallerySection .ourGallery img {margin-bottom: 2rem;}
  
/* Pricing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
  #pricingSection {background-color: #faf8f9; padding: 6rem 0;}
  #pricingSection .heading p {width: 65%; margin: 0 auto; display: block; text-align: center;}
  #pricingSection .box {margin-bottom: 1.5rem; padding: 4rem; background-color: #1f2a44; box-shadow: 0 8px 12px -6px rgba(0, 0, 0, 0.25); border-radius: 10px;}
  #pricingSection .box h5 {margin-bottom: 0 !important; color: #fff;}
  #pricingSection .box h5 span {color: #2bb673;}
  #pricingSection .box .price {color: #2bb673; margin-bottom: 1rem !important; font-size: 20px !important; line-height: 25px !important;}
  #pricingSection .box p {margin-bottom: 0 !important; color: #fff;}
  
  #pricingSection .additional {font-size: 13px; line-height: 21px; margin-top: 1rem; margin-bottom: 0rem !important;}
  #pricingSection .backgroundColour {background-color: #1f2a44; padding: 4rem; border-radius: 10px;}
  #pricingSection .backgroundColour, #pricingSection .box {height: auto;}
  #pricingSection .backgroundColour h3 {color: #fff; margin-bottom: 4rem !important;}
  #pricingSection .backgroundColour .faq p, #faqsSection .faq b, #faqsSection .faq ul li {color: #fff;}
  #pricingSection .backgroundColour .faq {margin-bottom: 1rem; background: linear-gradient(90deg, #2bb673 0%, #45c05a 100%); border-radius: 10px; padding: 0 20px !important;}
  #pricingSection .backgroundColour .faq .answer {padding: 0 !important;}
  #pricingSection .backgroundColour .faq .answer iframe {max-width: 100%;}
  #pricingSection .backgroundColour .arrow {margin-left: auto;}
  #pricingSection .backgroundColour .faq ul {list-style-position: outside; padding-left: 17px; margin-bottom: 1.5rem;}
  #pricingSection .backgroundColour .faq ul li {margin-bottom: 0.5rem; color: #fff; letter-spacing: 0.5px; font-weight: 300; font-family: "Open Sans", sans-serif; font-size: 16px; list-style-position: outside; line-height: 24px;}
  #pricingSection .backgroundColour .faq ul li {list-style: disc;}
  #pricingSection .backgroundColour .faq button {background-color: transparent !important; text-transform: none; padding: 0 !important;}
  #pricingSection .backgroundColour .faq i {color: #fff; font-size: 16px;}
  
  .question .arrow {transition: transform 0.3s ease;}  
  .question[aria-expanded="true"] .arrow {transform: rotate(180deg);}
  
  #pricing #products {padding-bottom: 0 !important;}
  
/* About
–––––––––––––––––––––––––––––––––––––––––––––––––– */

  /* About Section
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  #aboutSection {background-color: #faf8f9; padding: 6rem 0;}
  #aboutSection .box {padding: 3rem; box-shadow: 0 8px 12px -6px rgba(0, 0, 0, 0.25); border-radius: 10px;}
  #aboutSection img {border-radius: 10px;}
  
  /* About How
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  #aboutHow {padding: 6rem 0; background-color: #f2f4fe;}
  #aboutHow img {border-radius: 10px;}
  
  /* About Services
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  #aboutSectionBottom {padding: 6rem 0; background-color: #faf8f9;}
  #aboutSectionBottom h5 {color: #fff;}
  #aboutSectionBottom ul {padding: 0; margin: 0;}
  #aboutSectionBottom ul li.tick {list-style: none; font-family: "Open Sans", sans-serif; font-size: 18px; margin-bottom: 1rem; letter-spacing: 0.5px; display: grid; grid-template-columns: 20px 1fr; column-gap: 15px; align-items: start; color: #fff;}
  #aboutSectionBottom ul li.tick::before {content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #2bb673; line-height: 1.3; font-size: 25px;}
  #aboutSectionBottom .backgroundColour {background-color: #1f2a44; padding: 4rem; border-radius: 10px; height: auto;}
  #aboutSectionBottom .backgroundColour h5 {margin-bottom: 4rem !important;}
  
  /* About Testimonial
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  #aboutTestimonial {padding: 6rem 0;}
  #aboutTestimonial .tt-review-snippet {border-radius: 10px;}
  
  /* Contact Form Section
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  #contactFormrepointingSection .padding {background-color: rgba(0, 0, 0, 0.8); padding: 3rem; border-radius: 10px;}
  #contactFormrepointingSection .padding h4 {color: #fff;}
  #contactFormrepointingSection .padding button {width: 100% !important; background: linear-gradient(90deg, #2bb673 0%, #45c05a 100%);} 
  #contactFormrepointingSection {background: url(/images/boom-home-banner-image-1.jpg) no-repeat; background-size: cover; padding: 8rem 0;}
  
/* Faq's
–––––––––––––––––––––––––––––––––––––––––––––––––– */
  #faqsSection {padding: 6rem 0; background-color: #faf8f9;}
  #faqsSection .box {padding: 3.5rem; box-shadow: 0 8px 12px -6px rgba(0, 0, 0, 0.25); border-radius: 10px;}
  #faqsSection .box h4 {margin-bottom: 3rem !important;}
  #faqsSection .faq p, #faqsSection .faq b, #faqsSection .faq ul li {color: #fff; font-size: 15px;}
  #faqsSection .faq {margin-bottom: 1rem; background-color: #1f2a44;  border-radius: 10px; padding: 0 20px !important;}
  #faqsSection .faq .answer {padding: 0 !important;}
  #faqsSection .faq .answer iframe {max-width: 100%;}
  #faqsSection .arrow {margin-left: auto;}
  
  #faqsSection .faq ul {list-style-position: outside; padding-left: 17px; margin-bottom: 1.5rem;}
  #faqsSection .faq ul li {margin-bottom: 0.5rem; color: #fff; letter-spacing: 0.5px; font-weight: 300; font-family: "Open Sans", sans-serif; font-size: 15px; list-style-position: outside; line-height: 24px;}
  #faqsSection .faq ul li {list-style: disc;}
  #faqsSection .faq button {background-color: transparent !important; text-transform: none; padding: 0 !important;}
  #faqsSection .faq i {color: #fff; font-size: 16px;}
  
  #faqsSection .top {margin-top: 5rem;}
  
  #faqsSection .bg-red {background: linear-gradient(90deg, #2bb673 0%, #45c05a 100%);}
  #faqsSection form button {width: 100% !important;}
  
/* Contact
–––––––––––––––––––––––––––––––––––––––––––––––––– */
  
  /* Contact Page
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  #contactPage {background-color: #faf8f9; padding: 6rem 0;}
  #contactPage .copy {font-size: 13px; color: #fff;}
  #contactPage .contactDetails {margin-bottom: 3rem;}
  #contactPage .contactDetails .tel, #contactPage .contactDetails .tel a {font-size: 20px; line-height: 25px;}
  #contactPage .contactDetails .tel i {font-size: 17px;}
  #contactPage .contactDetails i {color: #fff; margin-right: 8px;}
  #contactPage .contactDetails a {color: #fff;}
  #contactPage .contactDetails a:hover {color: #fff; text-decoration: underline; text-underline-offset: 5px;}
  #contactPage .map iframe {border-radius: 10px;}
  #contactPage .box {padding: 3.5rem; box-shadow: 0 8px 12px -6px rgba(0, 0, 0, 0.25); border-radius: 10px; height: auto;}
  #contactPage .bg-red {background: linear-gradient(90deg, #2bb673 0%, #45c05a 100%);}
  #contactPage .bg-red h3, #contactPage .bg-red p {color: #fff;}
  
/* Areas We Cover
–––––––––––––––––––––––––––––––––––––––––––––––––– */
  #areasCovered {padding: 6rem 0;}
  #areasCovered .btn {margin-bottom: 0.8rem !important; margin-right: 0.5rem;}
  
/* Terms Pages
–––––––––––––––––––––––––––––––––––––––––––––––––– */
  #termsSection {background-color: #faf8f9; padding: 6rem 0;}
  #termsSection h3 {margin-bottom: 0.5rem !important; margin-top: 3rem;}
  #termsSection a {color: #000;}
  #termsSection a:hover {color: #2bb673;}
  #termsSection ul {margin: 0; padding: 0; padding-left: 15px; margin-bottom: 1.5rem;}
  #termsSection ul li {font-family: "Open Sans", sans-serif; font-size: 16px; margin-bottom: 0.5rem !important; letter-spacing: 0.5px !important; list-style: disc;list-style-position: outside;}
  
/* Location
–––––––––––––––––––––––––––––––––––––––––––––––––– */
  
  /* Location page
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  #locationWelcome {background-color: #faf8f9; padding: 6rem 0;}
  #locationWelcome .box {padding: 3.5rem; box-shadow: 0 8px 12px -6px rgba(0, 0, 0, 0.25); border-radius: 10px; height: auto;}
  #locationWelcome .bg-red {background: linear-gradient(90deg, #2bb673 0%, #45c05a 100%);}
  #locationWelcome .bg-red h3, #locationWelcome .bg-red p {color: #fff;}
  #locationWelcome .bg-red button {width: 100% !important; background: none !important; background-color: #000 !important;}
  #locationWelcome .bg-red .copy {font-size: 13px; line-height: 21px; margin-bottom: 0 !important;}
  #locationWelcome .accred {width: 90%;}
  #locationWelcome .accred img {width: 80%;}
  
  #locationService {padding: 6rem 0;}
  
  #locationWhySection {background-color: #faf8f9; padding: 6rem 0 0 0;}
  #locationWhySection .backgroundColour {background-color: #1f2a44; padding: 4rem; border-radius: 10px;}
  #locationWhySection .backgroundColour {height: auto;}
  #locationWhySection .backgroundColour ul li.tick, #locationWhySection .backgroundColour h2 {color: #fff;}
  #locationWhySection ul {padding: 0; margin: 0;}
  #locationWhySection ul li.tick {list-style: none; font-family: "Open Sans", sans-serif; font-size: 18px; margin-bottom: 1rem; letter-spacing: 0.5px; display: grid; grid-template-columns: 20px 1fr; column-gap: 15px; align-items: start;}
  #locationWhySection ul li.tick::before {content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #2bb673; line-height: 1.3; font-size: 25px;}

/* Footer
–––––––––––––––––––––––––––––––––––––––––––––––––– */

  footer {background-color: #093158; padding: 7rem 0 3rem 0;}
  footer h5 {text-transform: uppercase; font-size: 21px !important; line-height: 21px !important; font-weight: 600 !important;}
  footer p, footer a {color: #fff;}
  footer #footerlogo img {width: 300px; margin-bottom: 1.5rem;}
  footer a:hover {color: #fff; text-decoration-thickness: 1px; text-decoration: underline; text-underline-offset: 7px;}
  footer .email i {color: #2bb673; margin-right: 10px; font-size: 28px; vertical-align: middle;}
  footer .email a {vertical-align: middle;}
  footer .times i {color: #2bb673; margin-right: 10px; font-size: 28px; vertical-align: middle;}
  
  footer .margin {border-left: 1px solid #536684; padding-left: 30px;}
  
  footer .text .bulletPoint li {color: #fff; margin-bottom: 0.8rem;}
  footer .bulletPoint li.tick::before {font-size: 21px;}
  footer .bulletPoint li.tick::before {
      content: "\f00c";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
  
      display: flex;
      align-items: center;
      justify-content: center;
  
      width: 26px;
      height: 26px;
      border-radius: 50%;
      border: 2px solid #2bb673;
      background-color: transparent;
      color: #2bb673;
      font-size: 14px;
  }
  
  footer .address {
    display: flex;
    align-items: flex-start;
    gap: 15px;
  }
  
  footer .address-icon::before {
    content: "\f3c5";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #2bb673;
    font-size: 28px;
  }
  
  footer .address-text p {
    margin: 0 0 4px;
  }
  
  footer .section-heading {
      position: relative;
      display: inline-block; /* keeps line aligned to text width */
      color: #2bb673; /* your green */
  }
  
  footer .section-heading::after {
      content: "";
      display: block;
      width: 45px;
      height: 2px;
      background: #2bb673;
      margin-top: 10px;
  }
  
  /* Nav
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  footer ul {margin: 0;}
  footer ul li {margin-bottom: 1rem; list-style: none;}
  footer ul li:last-child {margin-left: 0;}
  footer ul li a {color: #fff; font-family: "Open Sans", sans-serif; font-size: 16px;}
  footer ul li a:hover {color: #2bb673; text-decoration: none;}
  footer ul li a i {margin-left: auto; color: #2bb673;}
  footer ul li a {
      display: flex;
      justify-content: space-between; /* pushes text left, icon right */
      align-items: center;
  }
  
  /* Footer Bottom
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  footer .footerBottom {margin-top: 8rem; border-top: 1px solid #536684; padding-top: 3rem;}
  footer .footerBottom img {width: 100%;}
  footer .footerBottom .middle {margin: 0 auto;}
  footer .footerBottom .line {font-size: 25px; margin: 0 2rem; font-weight: 100; color: #4b5469 !important; vertical-align: bottom;}
  footer .footerBottom .copywrite, footer .footerBottom .copywrite a {font-size: 15px; line-height: 20px; font-weight: 200; color: #a7bac9;}