:root {
  --pp-dark: #37668f;
  --pp-light: #568ab0;
  --pp-gradient: linear-gradient(90deg, #37668f 0%, #568ab0 100%);
}

.navbar-brand {
  padding-top: 6px;
  padding-bottom: 6px;
}

.navbar-brand img {
  filter: none !important;
  -webkit-filter: none !important;
  mix-blend-mode: normal !important;
  background: transparent !important;
  height: 68px !important;
  width: auto !important;
  max-width: 250px;
  object-fit: contain;
}

@media (max-width: 991px) {
  .navbar-brand img {
    height: 56px !important;
    max-width: 210px;
  }
}

.navbarAlgin {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.92) 0%, rgba(86, 138, 176, 0.88) 100%);
}

.main-banner-home {
  background: linear-gradient(270deg, rgba(55, 102, 143, 0.82) 18%, rgba(86, 138, 176, 0.55) 100%), url(../images/main_banner.jpg) center / cover no-repeat;
}

.main-banner {
  background: linear-gradient(270deg, rgba(55, 102, 143, 0.78) 30%, rgba(86, 138, 176, 0.45) 100%), url(../images/banner-img.webp) center / cover no-repeat;
}

.form-div-btn input,
.ban-form input[type="submit"],
.halloween-popup-inner .halloween_btn,
.serv-cta-chat2,
.best-heading-here,
.indus-tab-img,
.client-logo,
.fancybox-close-small.close,
.industry-sec .nav-tabs .nav-link.active,
.industry-sec .nav-tabs .nav-item.show .nav-link {
  background: var(--pp-gradient) !important;
  border-color: #37668f !important;
  color: #fff !important;
}

.flip-box .back,
.flip-box .front {
  background-color: #568ab0;
}

.our-serv-sec,
.cta__2,
.bg-cta-n {
  background: linear-gradient(270deg, rgba(55, 102, 143, 0.92) 40%, rgba(86, 138, 176, 0.88) 100%), url(../images/service-bg.webp) center / cover no-repeat;
}

.footer-bottom {
  background: #37668f;
}

.footer-last {
  background: #2d5878;
}

.disclaimer-area,
.copy-sec,
.darkHeader,
.top-bar-main,
.serv-cta-div,
.testi-box-st {
  background: var(--pp-gradient);
}

.dropdown-menu,
ul.dropdown-menu.show {
  background: linear-gradient(180deg, #37668f 0%, #568ab0 100%) !important;
  border: 0;
  min-width: 250px;
  z-index: 10000;
  padding: 6px 0;
}

.dropdown-menu .dropdown-item,
a.dropdown-item.black {
  color: #fff !important;
  background: transparent;
  border-color: rgba(255, 255, 255, 0.25);
  white-space: nowrap;
  padding: 8px 16px;
}

.dropdown-item:focus,
.dropdown-item:hover,
.dropdown-menu .dropdown-item:hover {
  background: #2d5878 !important;
  color: #fff !important;
}

.color-primary,
.get-in-touch p a i,
.fa-map-marker,
.social span,
.process-box span,
.banner-form h3,
.banner-form h3 span {
  color: #568ab0;
}

.halloween-popup h3 span {
  background: var(--pp-gradient);
  color: #fff !important;
}

.platform-sec {
  background: #fff;
  padding: 8px 0 18px;
}

.branding-style {
  max-height: 64px;
  width: auto !important;
  margin: 0 auto;
  object-fit: contain;
}

.section1 {
  padding: 180px 0 80px;
  min-height: 60vh;
  background: linear-gradient(180deg, #37668f 0%, #568ab0 100%);
}

.section1 h1 {
  color: #fff !important;
}

@media (min-width: 992px) {
  .navbar-nav .dropdown:hover > .dropdown-menu {
    display: block;
    margin-top: 0;
  }
}

@media (max-width: 991px) {
  .navbar,
  .navbar-collapse,
  .navbarAlgin {
    background: linear-gradient(90deg, #ffffff 0%, #568ab0 100%) !important;
  }

  .main-banner .form-st form,
  .industry-sec .tab-content .col-sm-12 {
    flex-wrap: wrap;
  }

  .main-banner .form-st .form-div,
  .form-div-btn {
    width: 100%;
    margin: 8px 0 !important;
  }
}

@keyframes blinker-bg {
  0% { background: #37668f; }
  50% { background: #568ab0; }
  100% { background: #37668f; }
}

@keyframes blinker {
  0%, 49% { color: #37668f; }
  60%, 99% { color: #c9a24d; }
  100% { color: #37668f; }
}