body {

  --wdh-primary: #004AAD;
  --wdh-secondary: #1b87da;
  --wdh-tertiary: #190f76;

  --wdh-bg-primary: #eff2f6;
  --wdh-bg-secondary: #e5eaf1;
  
  --wdh-text: #0b2128;
  --bs-body-color: #0b2128;
  --bs-border-color: #9389f05f;

}

body.wdh-dark {
  
  --wdh-primary: #002d69;
  --wdh-secondary: #45a1e8;
  --wdh-tertiary: #9389f0;

  --wdh-bg-primary: #090c15;
  --wdh-bg-secondary: #030407;
  
  --wdh-text: #e5eaf5;
  --bs-body-color: #e5eaf5;
  --bs-border-color: #9389f05f;
}

h1, .h1, h2, h3, h4, h5, h6, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 700;
    line-height: 1.25;
    font-family: "Inter",sans-serif;
    color: var(--wdh-text);
}

.blue-dark-bg h1, .blue-dark-bg .h1, .blue-dark-bg h2, .blue-dark-bg h3, .blue-dark-bg h4, .blue-dark-bg h5, .blue-dark-bg h6, .blue-dark-bg .blue-dark-bg .h2, .blue-dark-bg .h3, .blue-dark-bg .h4, .blue-dark-bg .h5, .blue-dark-bg .h6 {
    font-weight: 700;
    line-height: 1.25;
    font-family: "Inter",sans-serif;
    color: #fff;
}

.blue-dark-bg {
    background-color:var(--wdh-primary) !important;
}

.blue-darker-bg {
    background-color:var(--wdh-primary) !important;
}

.topbar-nav li a {
    color:#fff;
}

.topbar-nav li a:hover {
    color:#014cda;
}


.blue-dark-link {
    background-color:#1e293b;
    color:#fff;
}
.blue-dark-link:hover {
    background-color:#182232;
}

.table > tbody > tr > td, 
.table > tbody > tr > th {
    vertical-align: middle;
}

.hero-shapes .n-1 {
    left: 5%;
    top: -50px;
  }
  .hero-shapes .n-2 {
    top: 450px;
  }
  .hero-shapes .n-3 {
    top: -120px;
    left: 35%;
  }
  .hero-shapes .n-4 {
    top: 250px;
    left: 7%;
  }
  .hero-shapes .n-5 {
    top: 600px;
    left: 30%;
  }
  .hero-shapes .n-6 {
    top: 550px;
    left: 42%;
  }
  .hero-shapes .n-8 {
    right: 6%;
    top: -80px;
  }


  .w-880-px {
    width: 880px!important;
  }


@media(max-width: 1199px) {
    ul.navbar-nav > li.dropdown > .dropdown-menu {
      width: 100%!important;
    }
}

.services-addons-nav {
    width:400px;
}

.services-addons-nav .nav-link {
  overflow: hidden;
  position: relative;
  display: block;
  width: 100%;
  padding: 0.5rem 0.75rem;
  font-weight: 600;
  color: #6a798c;
  border-radius: 12px;
}


@media(max-width: 1199px) {
  .services-addons-nav {
      width:100%;
  }
}
@media (min-width: 576px) {
  .position-sm-static {
    position: static !important;
  }
  .position-sm-relative {
    position: relative !important;
  }
  .position-sm-absolute {
    position: absolute !important;
  }
  .position-sm-fixed {
    position: fixed !important;
  }
  .position-sm-sticky {
    position: sticky !important;
  }
}

@media (min-width: 768px) {
  .position-md-static {
    position: static !important;
  }
  .position-md-relative {
    position: relative !important;
  }
  .position-md-absolute {
    position: absolute !important;
  }
  .position-md-fixed {
    position: fixed !important;
  }
  .position-md-sticky {
    position: sticky !important;
  }
}

@media (min-width: 992px) {
  .position-lg-static {
    position: static !important;
  }
  .position-lg-relative {
    position: relative !important;
  }
  .position-lg-absolute {
    position: absolute !important;
  }
  .position-lg-fixed {
    position: fixed !important;
  }
  .position-lg-sticky {
    position: sticky !important;
  }
}

@media (min-width: 1200px) {
  .position-xl-static {
    position: static !important;
  }
  .position-xl-relative {
    position: relative !important;
  }
  .position-xl-absolute {
    position: absolute !important;
  }
  .position-xl-fixed {
    position: fixed !important;
  }
  .position-xl-sticky {
    position: sticky !important;
  }
}

.mega-menu-nav-pills {
  width: 220px;
  max-width: 220px;
  min-width: 220px;
}

.mega-menu-nav-pills .nav-link {
  padding:14px;
  font-size:15px;
  text-align:left;
  font-weight: 600;
  color:rgb(71, 85, 105);
}

.mega-menu-nav-pills .nav-link.active {
  padding:14px;
  font-size:15px;
  color:#fff;
}

.mega-menu-nav-pills .nav-link .menu-item-icon {
  font-size:13px;
}


.owl-stage-outer {
  width:100%!important;
}