:root {
  --primary-color: #008857;
}

.bg-primary {
  background-color: var(--primary-color) !important;
}

.text-primary {
  color: var(--primary-color) !important;
}

.gradient-gold {
  background: linear-gradient(
    to left,
    #e0d5ab,
    #aa956b,
    #e7dba6,
    #8e775a,
    #e0d5ab
  );
}

.text-gradient-gold {
  --text-background: linear-gradient(
    to left,
    #e0d5ab,
    #aa956b,
    #e7dba6,
    #8e775a,
    #e0d5ab
  );
}

.text-gradient {
  color: inherit;

  @supports (--css: variables) {
    background: var(--text-background);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
  }
}

.floating-button {
  position: fixed;
  bottom: 20px;
  left: 20px;
  border-radius: 50px;
  background-color: white;
  color: black;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.floating-button .circle-icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: black;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
}

.floating-button .float-btn-text {
  font-size: 16px;
  padding-left: 8px;
  padding-right: 16px;
}

.floating-button span {
  color: white;
}

.mobile {
  display: none !important;
}

.desktop {
  display: block !important;
}

@media (max-width: 768px) {
  .mobile {
    display: block !important;
  }

  .desktop {
    display: none !important;
  }
}

.main-header.header-white .navbar .navbar-nav li .dropdown-menu li a {
  padding: 16px auto;
}

@media only screen and (max-width: 991px) {
  .main-header .navbar .navbar-nav li .dropdown-menu li a {
    padding: 0.4rem 0.9375rem;
  }
}