@charset "utf-8";
body {
    background-image: url(images/AdobeStock_899082788.jpeg);
    background-attachment: fixed; /* Keeps the background fixed while content scrolls */
    background-size: cover;       /* Ensures the background covers the viewport */
    background-position: center;  /* Centers the background image */
}
.row .col-xl-6 .img-fluid {
}
.container-fluid .container .navbar.fixed-top.navbar-expand-lg.navbar-light.bg-light {
    background-image: -webkit-linear-gradient(270deg,rgba(0,31,63,0.70) 0%,rgba(255,255,255,0.85) 51.30%,rgba(0,31,63,0.70) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(0,31,63,0.70) 0%,rgba(255,255,255,0.85) 51.30%,rgba(0,31,63,0.70) 100%);
    background-image: -o-linear-gradient(270deg,rgba(0,31,63,0.70) 0%,rgba(255,255,255,0.85) 51.30%,rgba(0,31,63,0.70) 100%);
    background-image: linear-gradient(180deg,rgba(0,31,63,0.70) 0%,rgba(255,255,255,0.85) 51.30%,rgba(0,31,63,0.70) 100%);

}
/* Calendly widget container with the required background color */
    .calendly-container {
      background-color: rgba(0, 31, 63, 0.7);
      padding: 1rem;
      max-width: 700px;
      margin: 2rem auto;
    }
    .calendly-inline-widget {
  width: 100%;
  height: 950px;
  background-color: #fff;   /* Ensure the iframe area is white */
  border-radius: 0.25rem;   /* optional */
  box-shadow: 0 0 10px rgba(0,0,0,0.3); /* optional, for emphasis */
}

    /* Optional footer styling for consistency */
    footer {
      text-align: center;
      padding: 1rem;
      background: rgba(0, 31, 63, 0.7);
    }
.container-fluid .container .container {
    background-color: rgba(0,31,63,0.70);
    color: rgba(255,255,255,1.00);
}
.container-fluid .container .row {
    color: rgba(255,255,255,1.00);
    font-size: x-large;
}
.container-fluid .container footer {
    color: rgba(255,255,255,1.00);
}
.navbar-nav.mr-auto .nav-item.active .nav-link {
    text-shadow: 0px 0px 2px;
}
.navbar-nav.mr-auto .nav-item .nav-link {
    text-shadow: 0px 0px 2px;
}
.container-fluid .container footer {
    background-image: url(images/BKD_Hexagon.jpeg);
    background-size: cover;
    text-align: center;
}
