/* :root{
  --lqd-heading-color: #005880
}

.bg-ca-blue-900{
  background-color: #005880;
} */

.payments .iconbox-circle .iconbox-icon-container {
  color: #005880;
}

.payments .iconbox-circle:hover .iconbox-icon-container {
  color: #ffffff;
  /* background-color: #62BEED; */
  background-color: #005880;
}

.carousel-text-lg .carousel-item-content {
  font-size: 5vw;
}

.carousel-text-lg .module-title-top h2 {
  background: linear-gradient(to right, #44A5D8, #44A5D8, #047BB5);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.subscribe .module-lines .divider:first-child,
.subscribe .module-lines .divider:nth-child(3),
.subscribe .module-lines .divider:nth-child(4) {
  --divider-color: #62BEED;
}

.subscribe .module-lines .divider:nth-child(2) {
  --divider-color: #005880;
}

.tab-box .lqd-tabs-nav>li>a,
.tab-box .lqd-tabs-nav .h3,
.tab-box .lqd-tabs-nav>li>a .lqd-tabs-nav-txt {
  line-height: unset;
}

.tab-box .lqd-tabs .lqd-tabs-nav li a.active {
  color: #005880;
}

.tab-box .lqd-tabs .lqd-tabs-nav li a.active,
.tab-box .lqd-tabs-style-5 .lqd-tabs-nav a:after {
  background-color: transparent;
  background-image: linear-gradient(180deg, #c8ecff 0%, rgb(255, 255, 255) 100%);
}

.link-badge::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  background: var(--lqd-color-blue-200);
  box-shadow: 0 8px 15px -8px var(--lqd-color-blue-200);
  opacity: .125;
}

.link-badge {
  margin-inline-start: 0.4em;
}

.text-badge {
  font-weight: bold;
  color: var(--lqd-color-blue-700);
  background-color: var(--lqd-color-blue-200);
}

.accordion-title-txt {
  line-height: 1.2;
}

.lqd-hide-onstuck {
  background-size: unset !important;
}

#site-header>section:first-child {
  /* background-image: linear-gradient(130deg, #005880 70%, #047BB5 110%, #118CC7 100%); */
  background: linear-gradient(89deg, #b30065, #005880);
  background-size: 400% 400% !important;
  animation: gradient 10s ease infinite;
}

.btn-solid {
  --btn-pt: 16px;
  --btn-pe: 31px;
  --btn-pb: 16px;
  --btn-ps: 31px;
  --icon-mt: 0;
  --icon-me: 18px;
  --icon-mb: 0;
  --icon-ms: 0;
}

.md-no-image {
  background-image: url('../images/persons.jpg');
  background-size: cover;
}

.hero-img {
  top: -103px;
  right: -83px;
  scale: 1.5;
}

#features,
#why-collabaudit,
#audit-collabaudit,
#testimonials,
#faq,
#docuverse,
#auditverse,
#issueverse,
#riskverse {
  scroll-margin-top: 100px;
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

@media (max-width: 767px) {
  #payments figure[data-stacking-factor] img {
    width: 90px !important;
  }

  .payments .module-icon-3 {
    left: -14px;
  }

  .top-230.module-icon-3 {
    top: 110px;
  }

  .top-20.module-icon-1 {
    top: 10px;
    left: 40px;
  }

  .module-icon-5 {
    top: 100px;
    left: 110px !important;
  }

  .module-icon-4 {
    top: 110px;
    left: 235px !important;
  }

  .module-icon-6 {
    top: 10px;
    left: 187px !important;
  }

  #why-collabaudit {
    margin-top: 80px;
  }

  .module-social {
    width: unset;
  }

  #banner-heading {
    font-size: 50px;
  }

  p.leading-1em.text-white {
    text-align: center;
    padding-inline: 30px;
    line-height: 1.2;
  }

  .md-no-image,
  .md-no-image div {
    background-image: none;
    padding-top: 0;
  }

  /* collabaudit-ai */
  #collabaudit-ai #services .lqd-iconbox-scale {
    padding-inline: 20px;
    text-align: center;
  }

  #collabaudit-ai #banner-heading {
    font-size: 40px;
  }

  #collabaudit-ai #services h2:first-child,
  #collabaudit-ai #more-to-collabaudit h2:first-child,
  #collabaudit-products .verse-headings {
    font-size: 38px;
  }

  #collabaudit-products #banner-heading {
    font-size: 50px;
  }

  #collabaudit-products #banner {
    height: 310px;
  }

  #collabaudit-products .iconbox-icon-wrap.mr-25 {
    margin-right: 5px;
  }

  #collabaudit-products .iconbox h3 {
    font-size: 15px;
    margin-top: 1px;
  }

  #contact-modal h2 {
    font-size: 50px !important;
  }

  #contact-modal .w-45percent {
    width: 90% !important;
  }


}

@media (max-width: 980px) {
  #contact-modal .min-h-100vh {
    flex-direction: column;
  }

  #collabaudit-home #banner #img-con {
    width: 400px !important;
  }

  #collabaudit-home #banner #img-con figure {
    top: unset !important;
  }

  .md\:pt-30 {
    padding-top: 30px;
  }

  .md\:mb-2em {
    margin-bottom: 2em;
  }
}

@media (max-width: 1199px) {
  .hero-img {
    top: unset;
    right: unset;
    scale: unset;
  }

  .md\:pl-10 {
    padding: 10px;
  }

  .lg\:w-90percent {
    width: 90%;
  }
}

@media (max-width: 320px) {
  .payments .module-icon-3 {
    left: -14px;
  }

  .top-230.module-icon-3 {
    top: 80px;
  }

  .top-20.module-icon-1 {
    top: 0;
    left: 30px;
  }

  .module-icon-5 {
    top: 80px;
    left: 85px !important;
  }

  .module-icon-4 {
    top: 80px;
    left: 185px !important;
  }

  .module-icon-6 {
    top: 0;
    left: 137px !important;
  }
}

@media (min-width: 321px) and (max-width: 375px) {
  .payments .module-icon-3 {
    left: -14px;
  }

  .top-230.module-icon-3 {
    top: 80px;
  }

  .top-20.module-icon-1 {
    top: 0;
    left: 30px;
  }

  .module-icon-5 {
    top: 80px;
    left: 85px !important;
  }

  .module-icon-4 {
    top: 80px;
    left: 185px !important;
  }

  .module-icon-6 {
    top: 5px;
    left: 197px !important;
  }
}

@media (min-width: 376px) and (max-width: 426px) {
  .payments .module-icon-3 {
    left: -1px;
  }

  .top-230.module-icon-3 {
    top: 110px;
  }

  .top-20.module-icon-1 {
    top: 10px;
    left: 70px;
  }

  .module-icon-5 {
    top: 110px;
    left: 140px !important;
  }

  .module-icon-4 {
    top: 110px;
    left: 279px !important;
  }

  .module-icon-6 {
    top: 10px;
    left: 207px !important;
  }
}
.ld-dropdown-menu a {
    color: black; 
    font-weight: normal;
}