.transparent-header.elementor-sticky--effects {
    background: #033539 !important;
    
  }
@media (min-width: 768px) {
  .transparent-header {
    background: transparent !important;
    transition: background 0.3s ease, box-shadow 0.3s ease;
  }

  
  .transparent-header .elementor-widget-heading,
  .transparent-header .elementor-nav-menu a,
  .transparent-header .elementor-button {
    color: white;
  }

  .transparent-header.elementor-sticky--effects .elementor-nav-menu a,
  .transparent-header.elementor-sticky--effects .elementor-widget-heading,
  .transparent-header.elementor-sticky--effects .elementor-button {
    color: white; 
  }
}

.transparent-header.hover-mega {
  background-color: #fff !important;
  transition: background 0.3s ease;
}
#gid_header.hover-mega::before {
  background-color: transparent !important;
}
.transparent-header.hover-mega .elementor-nav-menu a,
.transparent-header.hover-mega .elementor-widget-heading,
.transparent-header.hover-mega .elementor-button {
  color: #000 !important;
}
.transparent-header {
  position: relative;
  z-index: 1000;
  overflow: visible !important;
}

#gid_mega_content {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  display: none;
}

#gid_mega_content.active {
  display: block;
}



#gid_mobile_mega_content {
  display: none;
  transition: all 0.3s ease;
}

#gid_mobile_mega_content.active {
  display: block;
}


.circle {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  position: relative;
  background: conic-gradient(#d6a53b 0% 0%, #eee 0% 100%);
  display: flex;
  align-items: center;
  justify-content: center;
	font-family: "Bebas Neue", Sans-serif;
  font-weight: 400;
  color: #333;
  font-size: 24px;
  margin: auto;
  transition: background 1s ease;
  animation: fillCircle 2s ease forwards;
}

.circle::before {
  content: '';
  position: absolute;
  inset: 10px;
  background: #fff;
  border-radius: 50%;
  z-index: 1;
}

.circle span {
  position: relative;
  z-index: 2;
}

@keyframes fillCircle {
  from {
    background: conic-gradient(#d6a53b 0% 0%, #eee 0% 100%);
  }
}