@charset "UTF-8";
a.nav-link {
    transition: none;
    font-family: 'Lato', sans-serif;
    font-size: 10pt !important;
    font-weight: 700;
  color: #eee;
    margin-bottom: -11px;
    text-transform: uppercase;
}
p {
	font-size: 1.05rem;
    line-height: 1.75rem;
}
section.hero {
padding-top: 11rem;
padding-bottom: 2rem;
}

.btn {
	border: none!important;
}
.navbar-toggler {
  background-color: #b7c7d7!important; 
  color: #365462!important;
}
.nav-link:hover, .nav-link:focus {
    color: #efefef;
}
.navbar-nav .nav-link.show, .navbar-nav .nav-link.active  {
	color: #efefef!important;
}
a:hover {
    color: #aecbf6!important;
}
.accordion-body a {
    color: #0343a2 !important;
    text-decoration: none;
}
.navbar-expand-xl .navbar-nav .nav-link.active, .navbar-expand-xl .navbar-nav .nav-link:hover, .navbar-expand-xl .navbar-nav .nav-link.show
 {
    background-color: rgba(var(--bs-secondary-rgb), 0.1);
}
.bg-primary-grad{
    background: -webkit-gradient(linear, left top, left bottom, from(#4d4db4), to(#fd5151));
    background: linear-gradient(180deg, #4d4db4 0%, #fd5151 100%);
}
.bg-secondary-grad{
    background: -webkit-gradient(linear, left top, right top, from(rgba(77, 77, 180, 0.75)), color-stop(51%, rgba(255, 78, 93, 0.75)), to(rgba(242, 189, 197, 0.75)));
	
    background: linear-gradient(45deg, rgba(77, 77, 180, 0.65) 0%, rgba(226, 199, 218, 0.75) 51%, rgba(255, 78, 93, 0.75) 100%);
}
h1 {
font-size: 4rem;
}
.lead {
	line-height: 1.35em!important;
	letter-spacing: -.01em!important;
	font-weight: 500!important;
}
.fill-mode {
	color: #ffffff
}
#background-video {
	position: absolute;
	z-index: -1;
}
.content {
  position: relative; 
  z-index: 1;
}

.video-background-section {
  position: relative;
  overflow: hidden; /* Hide overflowing video */
}

.video-background-section video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -100; /* Place video behind content */
}
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(256, 256, 256, 0.75); /* Semi-transparent black background */
  z-index: 0; /* Place overlay above video but below content */
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1
 {
    line-height: .95!important;
}
h1 .h1 {
color: #0a1f44;
}
.bg-purple{
    --bs-bg-opacity: 1;
    background-color: rgb(10 31 68 / 95%) !important;
}
.breadcrumb-item a {
    color: #577ac1!important;
    text-decoration: underline;
}
.breadcrumb, .breadcrumb-item.active  {
	color: #82a6ef!important;
}
@media (min-width: 1200px) {
    header.header-sticky-on {
		box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2)!important;
	   background-color: rgb(10 31 68 / 95%) !important;
		border-bottom: none!important;
	}
}
@media (max-width: 1200px) {
	.lead {
	  font-size: 1.1rem;
	  line-height: 1.25rem;
}
	a.nav-link {
	  margin-bottom: 6px;
      color:#365462
}
h1 {
font-size: 3.5rem;
}
}
@media (max-width: 800px) {
	.lead {
	  font-size: 1.1rem;
	  line-height: 1.25rem;
}
	a.nav-link {
	  margin-bottom: 6px;
      color:#365462
}
h1 {
font-size: 3rem;
}
}

@media (min-width: 1200px) {
    .navbar-expand-xl .dropdown-menu.dropdown-menu-center.dropdown-menu-size-xl {
        left: -1rem;
        top: 2.8rem;
    }
}

.panel {
      transition: all 0.3s ease;
      cursor: pointer;
      border-radius: 1rem;
      padding: 2rem;
      height: 100%;
    }
.panel:hover {
      transform: translateY(-5px);
      box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    }
.problem-item, .solution-item {
      padding: 1.5rem;
      border-radius: 0.5rem;
      margin-bottom: 0.5rem;
      transition: all 0.2s ease;
    }
.problem-item.active {
      background-color: #f7e5cb;
    }
.solution-item {
      display: none;
      background-color: #d1e7dd;
    }
.solution-item.active {
      display: block;
      animation: fadeIn 0.3s ease;
    }

@keyframes fadeIn {
      from { opacity: 0; transform: translateY(5px); }
      to { opacity: 1; transform: translateY(0); }
    }
  

@media screen and (max-device-width: 480px) {
  video {
    display: none;
  }
}