.badge {
  display: inline-flex;
  align-items: center;
  padding: 6px 14px;
  border-radius: 30px;
  background: rgba(59,130,246,0.1);
  border: 1px solid rgba(59,130,246,0.2);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  color: #60a5fa;
}

/* --- Font Avesome start ------------------------- */
.menu-home > a:before {
  content: "\f015";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-right: 8px;
}

.menu-about > a:before {
  content: "\f05a";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-right: 8px;
}

.menu-contact > a:before {
  content: "\f0e0";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-right: 8px;
}

.menu-shop > a:before {
  content: "\f07a";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-right: 8px;
}

.menu-signin > a:before {
  content: "\f2f6";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-right: 8px;
}

.menu-signup > a:before {
  content: "\f234";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-right: 8px;
}

.menu-profile > a:before {
  content: "\f007";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-right: 8px;
}

.menu-edit-profile > a:before {
  content: "\f044";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-right: 8px;
}

.menu-logout > a:before {
  content: "\f2f5";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-right: 8px;
}

.menu-services > a:before {
  content: "\f013";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-right: 8px;
}

.menu-blog > a:before {
  content: "\f02d";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-right: 8px;
}

.menu-work > a:before {
  content: "\f0ae";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-right: 8px;
}

.menu-portfolio > a:before {
  content: "\f0b1";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-right: 8px;
}

.menu-careers > a:before {
  content: "\f0f2";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-right: 8px;
}
/* --- Font Avesome end --------------------------- */

/* --- Menu start --------------------------------- */
.et-fixed-header {
  backdrop-filter: blur(16px);
}

#et-secondary-nav li {
  text-align: center !important;
}

#et-secondary-nav li ul {
  background: rgba(25,89,255,0.95) !important;
  border: 1px solid rgba(255,255,255,0.25);
  backdrop-filter: blur(16px);
  margin-top: 1px;
  border-radius: 10px;
}

#et-secondary-nav ul li a {
  color: #ffffff !important;
}

#et-secondary-nav ul li a:hover {
  background-color: rgba(0,0,0,0.2) !important;
  backdrop-filter: blur(10px);
  border-radius: 50px;
  color: #ffffff;
}

#et-secondary-menu > ul > li > a img {
  margin-bottom: -3px;
  border-radius: 50px;
}
/* --- Menu end ----------------------------------- */

/* --- WooCommerce pagination start --------------- */
.woocommerce nav.woocommerce-pagination ul {
  border: none !important;
}

.woocommerce nav.woocommerce-pagination ul li {
  border: 1px solid rgba(0,0,0,0.1);
  padding: 3px !important;
  margin: 2px !important;
  border-radius: 20px;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
  border-radius: 20px;
  background: rgba(75, 99, 41, 0.2) !important;
  color: rgba(75, 99, 41, 1) !important;
}

.woocommerce nav.woocommerce-pagination ul li a {
  line-height: 0.7 !important;
  color: #4b6329 !important;
  border-radius: 20px;
}
/* --- WooCommerce pagination end ------------------ */

/* --- Main Header logo start ---------------------- */
@media only screen and (min-width: 981px) {
  #logo {
    max-height: 85% !important;
  }
}
/* --- Main Header logo end ------------------------ */