/* header css */

@media (min-width: 1201px) {
  .navbar-brand.image-height svg {
    width: auto;
    height: 74px;
  }

  .navColor .navbar-brand.navbar-brand-sticky {
    position: absolute;
    top: -25px;
  }

  .navColor .navbar-brand.navbar-brand-sticky svg {
    height: 74px !important;
  }
}

@media (min-width: 1201px) and (max-width: 1331px) {
  .navColor .navbar-brand.navbar-brand-sticky {
    position: absolute;
    top: 0px;
  }
}

@media (min-width: 0px) and (max-width: 1331px) {
  .navbar-brand.image-height svg {
    height: 50px !important;
    width: auto;
  }

  .navColor .navbar-brand.navbar-brand-sticky svg {
    height: 50px !important;
    width: auto;
  }

  .navColor .navbar-brand.navbar-brand-sticky {
    padding: 10px 20px;
  }
}

@media (min-width: 0px) and (max-width: 768px) {
  .navColor .navbar-brand.navbar-brand-sticky {
    padding: 10px 20px 10px 5px;
  }
}

.case-study-box {
  border: none;
  background: transparent;
}

.logo-white,
.logo-teal {
  display: none;
}

.logo-white.active,
.logo-teal.active {
  display: block;
  left: 0;
}

@media (min-width: 0) and (max-width: 1199px) {
  .navbar-nav.primary-nav .dropdown .dropdown-toggle-hover {
    font-size: 24px;
    padding: 30px 10px 30px 0px;
    line-height: normal;
  }

  .navbar-nav.primary-nav .dropdown.open .dropdown-toggle-hover {
    padding: 35px 10px 10px 0px;
  }

  .navbar-nav.primary-nav .dropdown .arrow-sec.arrow-down::before {
    position: absolute;
    right: unset;
    left: 26px;
  }

  .navbar-nav.primary-nav .dropdown .arrow-sec.arrow-down::after {
    position: absolute;
    right: unset;
    left: 31px;
  }
}