header .default-logo {
  height: auto;
  width: auto;
}
.btn-link.text-black,
.text-black,
a.text-black-hover:hover {
  color: white;
}

.change-bg {
  background-color: rebeccapurple;
}

.text-gradient-base-color {
  color: red;
}
.bg-base-color {
  background-color: #1bc2f3;
}

.text-gradient-base-color {
  background-image: linear-gradient(to right, #1bc2f3 0%, #00ad4e 100%);
}

.btn-gradient-fuel-yellow-blue {
  background-image: linear-gradient(to right, #00ad4e, #1bc2f3, #00ad4e);
}

.btn-double-text {
  color: #00ad4e;
}

.btn-double-text:hover {
  background-color: #1bc2f3;
  color: white;
}
.logo-green {
    color: #00ad4e;
}
.text-blue {
    color: #1bc2f3
}
.bg-blue {
    background-color: #1bc2f3
}

.image-overlay {
    position: relative;
}
.image-overlay::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 40%; /* adjust how much white you want */
    background: linear-gradient(to right, white 5%, transparent 100%);
    z-index: 2; /* make sure it’s above the image but below the text */
}

.image-overlay-right::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%; /* adjust how much white you want */
    background: linear-gradient(to left, white 1%, transparent 20%);
    z-index: 2; /* make sure it’s above the image but below the text */
}

header .navbar-brand, header.sticky .disable-fixed .navbar-brand, header.sticky .fixed-header .navbar-brand, header.sticky .navbar-brand{
    padding:6px 0 !important;
}