/*===== GOOGLE FONTS =====*/
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");

/*===== VARIABLES CSS =====*/
:root {
  --header-height: 0;
  --nav-width: 75px;
  --nav-height: 75px;

  /*===== Colors =====*/
  --main-color: #fff !important;
  --main-color-light: #9bc0eb;
  --white-color: #fdfdfd;
  --white-color-gray: #aaa;
  --white-color-moregray: #eeeeee;
  --gray-color: #aaa;
  --red-color: #ff5751;
  --dark-blue-color: #002CBA;
  --blue-color: #2F80ED;
  --orange-color: #E6A546;
  --blue-color-transparent: #2F80ED, 50%;
  --blue-color-light: #2F80ED;
  --green-color: #00C89F;
  --yellow-color: #d3ca20;
  --map-color-bg: #F1EFE9;
  --dark-blue-color-rgba: rgba( 12, 43, 179, 60%) !important;

  /* ========== Hover Background RGBA ========= */
  /* Black */
  --hover-background-rgba-black: rgba(0, 0, 0, 20%);
  /* White */
  --hover-background-rgba-blue: rgba( 70, 125, 229, 70%);

  /*===== Font and typography =====*/
  --body-font: "Poppins", sans-serif;
  --normal-font-size: 0.8rem;

  /*===== Property =====*/
  --z-fixed: 100;
  --transition: 0.2s;
  --blur-strength: 10px !important;
  --box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;


  /* ====== Styel Map ===== */
  --button-radius: 14px;
  --blue-color-rgba-hover: rgba(10, 29, 112, 0.5);


  /*TODO ============= MAIN COLOR THEME ==============*/
  --background-linear: linear-gradient(133deg, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 100%) !important;
  --background-accent: var(--blue-color);
  --background-accent-dark: var(--dark-blue-color);
  --background-accent-hover: var(--blue-color-transparent);
  --hover-text-color: var(--dark-blue-color);

}



/* TOAST ALERT */
.toast-alert {
  text-align: center;
  border-radius: 15px;
}
.toast-alert i{
  font-size: 2rem !important;
}