.bgimage {
    width:100%;
    min-height:100vh;
    background: url('/assets/images/small-business-talking-min.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size:cover;
    background-attachment: fixed;
  }
  .bgimage h5 {
    color:white;
    text-shadow:2px 2px #333;
  }

.bg-body-tertiary {
  background-color: #ffffff !important;
  box-shadow: 0px 1px 1px 0px rgba(189,178,189,1);
}


.digital-voice-hero {
  width:100%;
  min-height:100vh;
  background: url('/assets/images/digital-voice-hero.JPG');
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  background-attachment: fixed;
}
.digital-voice-hero h5 {
  color:white;
  text-shadow:2px 2px #333;
}

.cloud-ippbx-hero {
  width:100%;
  min-height:100vh;
  background: url('/assets/images/cloud-ippbx-hero.JPG');
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  background-attachment: fixed;
}
.cloud-ippbx-hero h5 {
  color:white;
  text-shadow:2px 2px #333;
}

.sip-trunking-hero {
  width:100%;
  min-height:100vh;
  background: url('/assets/images/sip-trunking-hero.JPG');
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  background-attachment: fixed;
}
.sip-trunking-hero h5 {
  color:white;
  text-shadow:2px 2px #333;
}

.features-hero {
  width:100%;
  min-height:100vh;
  background: url('/assets/images/alcatel-phone.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  background-attachment: fixed;
}
.features-hero h5 {
  color:white;
  text-shadow:2px 2px #333;
}

/* Add this to your CSS file */
.whatsapp-button {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 999;
}

.whatsapp-button img {
  width: 60px; /* Adjust the size as needed */
  height: auto;
}

#main-body {
  background-color: #ffffff;
}

.tiles .row .col-6 {
  padding:0.8em;
  background-color: #ffffff;
}

.tile {
  border-radius: 0px;
  background: #ffffff !important;
  box-shadow: 6px 6px 12px #bfbfbf, -6px -6px 12px #ffffff;
}

.card{
  border-radius: 0px;
  background: #ffffff !important;
  box-shadow: 6px 6px 12px #bfbfbf, -6px -6px 12px #ffffff;
}

.primary-bg-color {
  background-color: #ffffff !important;
}