:root {
  --color-white: #ffffff !important;
  --color-black: #2f2b2b !important;
  --color-blue: #3f81fb !important;
  --color-grey: #8c8c8c !important;
  --color-light-grey: #F0F0F0 !important;
  --bs-body-color: #8C8C8C !important;
  --bs-heading-color: #2F2B2B !important;
  --bs-accordion-btn-color: var(--bs-heading-color) !important;
  --gradient-primary:radial-gradient(circle, #0A2658, #04183E);
  --color-blue: 0, 123, 255;
      /* no rgb() */
}
.custom-secondary-radial {
    background: var(--gradient-primary) !important;
}

.color-white {
  color: var(--color-white) !important;
}
.color-black {
  color: var(--color-black) !important;
}
.color-grey{
  color: var(--color-grey) !important;
}
.color-blue {
  color: var(--color-blue) !important;
}
.color-light-grey {
  color: var(--color-light-grey) !important;
}

.bg-white {
  background-color: var(--color-white) !important;
}
.bg-black {
  background-color: var(--color-black) !important;
}
.bg-grey {
  background-color: var(--color-grey) !important;
}
.bg-blue {
  background-color: var(--color-blue) !important;
}

.text-white {
  color: var(--color-white) !important;
}
.text-black {
  color: var(--color-black) !important;
}
.text-grey{
  color: var(--color-grey) !important;
}
.text-blue {
  color: var(--color-blue) !important;
}

.h-fit {
  height: fit-content !important;
}

.h-100vh {
  height: 100vh !important;
}

.text-center {
  align-items: center;
}

.text-blue {
  color: var(--color-blue);
}

#submit_loader:empty {
  display: none;
}

.single-post ul.list-disc li {
  position: relative;
  padding-left: 15px;
  margin-bottom: 10px;
}

.single-post ul.list-disc li::after {
  content: "";
  width: 5px;
  height: 5px;
  background-color: var(--color-grey);
  position: absolute;
  top: 44%;
  left: 0px;
  transform: translateY(-50%);
  border-radius: 50px;
}

button.blue-btn {
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  color: var(--color-white);
  background: var(--color-blue);
  border: 1px solid var(--color-blue);
  transition: 0.5s ease;
  padding: 15px 25px;
  letter-spacing: 1px;
  font-family: "Nunito", sans-serif;
}

button.blue-btn:hover {
  background: var(--color-white);
  color: var(--color-blue);
}

button.blue-outline {
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  color: #2f2b2b;
  background: var(--color-white);
  border: 1px solid var(--color-blue);
  transition: 0.5s ease;
  padding: 15px 25px;
  letter-spacing: 1px;
  font-family: "Nunito", sans-serif;
}

button.blue-outline:hover {
  background: var(--color-blue);
  color: var(--color-white);
}


/* Padding */
.pt-120 {
  padding-top: 100px;
}

.pb-120 {
  padding-bottom: 100px;
}

.text-grey p,
.text-grey h1,
.text-grey h2,
.text-grey h3,
.text-grey h4,
.text-grey h5
{
  color: var(--color-grey) !important;
}

.text-black p,
.text-black h1,
.text-black h2,
.text-black h3,
.text-black h4,
.text-black h5
{
  color: var(--color-black) !important;
}

.text-blue p,
.text-blue h1,
.text-blue h2,
.text-blue h3,
.text-blue h4,
.text-blue h5
{
  color: var(--color-blue) !important;
}

.text-white p,
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5
{
  color: var(--color-white) !important;
}
.icon-30{
  width: 30px !important;
  height: 30px !important;
}
.icon-40{
  width: 40px !important;
  height: 40px !important;
}
.icon-60{
  width: 60px !important;
  height: 60px !important;
}
.invert{
  filter: invert(1) brightness(100) !important;
}
 .listing-expertise ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
 .listing-expertise ul li {
    display: flex;
    gap: 12px;
}
.brands .brand-img{
    max-height: 65px;
    width: auto !important;
    max-width: 100%;
}
@media only screen and (max-width: 1440px) {
  .pt-120 {
    padding-top: 45px;
  }

  .pb-120 {
    padding-bottom: 45px;
  }
}