.text-center.mt-3>a {
  color: rgb(1, 78, 132) !important;
}

.text-center.mt-3>a:hover {
  color: #023051 !important;
}

.bg-white\/80.backdrop-blur-md.border-b.border-blue-100.sticky.top-0.z-50 {
  background-color: white;
}

#logo {
  background-color: #3276f2;
  padding: 3px;
}

#logo_name {
  color: #2765ec;
}

.bg-white\/80.backdrop-blur-md.border-b.border-blue-100.sticky.top-0.z-50 {
  background-color: white;
}

.bg-white\/60.backdrop-blur-md.p-6.rounded-3xl.shadow-lg.hover\:shadow-xl.transition-all.duration-300.transform.hover\:scale-105.border.border-white\/20>.bg-gradient-to-br {
  width: 50px;
  height: 50px;
}

.bg-white\/80.backdrop-blur-md.rounded-3xl.p-6.shadow-lg.hover\:shadow-xl.transition-all.duration-300.hover\:transform.hover\:scale-105.border.border-white\/20>.bg-gradient-to-br {
  width: 50px;
  height: 50px;
}

.bg-gradient-to-r.from-blue-600.via-purple-600.to-green-600.bg-clip-text.text-transparent {
  color: #1f46ba;
}

@media(max-width: 768px) {
  #logo_name {
    font-size: 11pt;
  }

  .hidden.md\:flex.items-center.space-x-8 {
    display: inherit;
  }

  .hidden.md\:flex.items-center.space-x-8>a {
    font-size: 10pt;
    margin-left: 5px;
  }

  .px-4 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
}

@media(max-width: 380px) {
  .hidden.md\:flex.items-center.space-x-8>a {
    font-size: 8pt;
  }
}