:root {
  --bs-primary-rgb: 18, 138, 189; /* Example RGB values for a shade of blue */
  --bs-link-color: #128abd;
  --bs-link-hover-color: #2c51ad;
}

body {
  background: #fff;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #128abd;
  --bs-btn-border-color: #0a5893;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #2c51ad;
  --bs-btn-hover-border-color: #0a5893;
  --bs-btn-focus-shadow-rgb: 170, 71, 187;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a5893;
  --bs-btn-active-border-color: #0a5893;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #06414a;
  --bs-btn-disabled-border-color: #06414a;
}

.btn-outline-primary {
  --bs-btn-color: #128abd;
  --bs-btn-border-color: #0a5893;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #2c51ad;
  --bs-btn-hover-border-color: #0a5893;
  --bs-btn-focus-shadow-rgb: 155, 39, 175;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a5893;
  --bs-btn-active-border-color: #0a5893;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #06414a;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #06414a;
  --bs-gradient: none;
}

.btn-red {
  --bs-btn-color: #000;
  --bs-btn-bg: #eb5647;
  --bs-btn-border-color: #eb5647;
}

a {
  color: var(--bs-link-color);
}

a:hover {
  color: var(--bs-link-hover-color);
}

.form-control:focus {
  border-color: #4a7696;
  box-shadow: 0 0 0 0.25rem rgb(53 115 211 / 25%);
}

.form-check-input:focus {
  border-color: #4a7696;
  box-shadow: 0 0 0 0.25rem rgb(53 115 211 / 25%);
}

.form-check-input:checked {
  background-color: #2c51ad;
  border-color: #4a7696;
}

.dropdown-item:hover,
.nav-link:hover {
  background-color: transparent !important;
  color: #2c51ad !important;
}

.header-item-new:hover {
  background: #fdf2ff;
  border: 1px solid #0a5893;
  color: #2c51ad;
}

/* .header-item-new:hover .header-img, .header-item:hover .header-img {
            filter: invert(20%) sepia(100%) saturate(2536%) hue-rotate(280deg) brightness(77%) contrast(66%);
        } */

.header-item-new:hover .header-img,
.header-item:hover .header-img {
  filter: invert(23%) sepia(95%) saturate(6000%) hue-rotate(188deg)
    brightness(90%) contrast(90%);
}

.header-item-new:hover .header-arrow {
  background: #2c51ad;
}

.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.header-arrow {
  background: #eef2ff;
  height: 26px;
  width: 26px;
}

.type-card-link:hover .type-card-insert {
  background-color: #eef2ff;
  border-color: #0a5893;
}

.different-types:hover {
  background-color: #eef2ff;
  outline: 1px solid #0a5893;
}

.dynamic:hover,
.trackable:hover,
.analytics:hover,
.samples:hover,
.code-design:hover,
.scanning:hover,
.access:hover {
  background-color: #eef2ff;
  outline: 1px solid #0a5893;
}

.img-fluid,
.img-thumbnail {
  filter: hue-rotate(95deg);
}

.new-pricing-bg {
  background-color: #fbf7e7;
}

.btn-check:active + .btn:focus,
.btn-check:checked + .btn:focus,
.btn.active:focus,
.btn.show:focus,
.btn:active:focus,
.btn:focus {
  box-shadow: none;
}

.refer {
  background: linear-gradient(
    253.63deg,
    #faefc4 2.07%,
    #fffff8 39.95%,
    #f7f6e7 96.93%
  );
}

.generator-dropdown button.show {
  background-color: #0a5893 !important;
}

.dropdown-item:hover .icon,
.nav-link:hover .icon {
  fill: #2c51ad;
}

.top-block {
  background: linear-gradient(
      297.73deg,
      #fff -16.06%,
      #fff0e5 53.73%,
      #ffedcc 96.08%
    ),
    #f3b897;
  padding: 40px 0;
}

.btn.register-card-left-btn {
  background: #128abd;
}

.btn.register-card-left-btn:hover {
  background: #2c51ad;
}

.register-card-right {
  background: #fafcff;
}

.accordion {
  --bs-accordion-active-bg: #ffeece;
}

.nav-pills {
  --bs-nav-pills-link-active-bg: none;
}

@media (max-width: 1024px) {
  .container.mobile-container {
    max-width: 100% !important;
  }
}
