@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap);.custom-alert-note {
  width: 100%;
  margin: 15px 0;
}
.custom-alert-note .custom-wrapper {
  background-color: rgba(29, 207, 159, 0.1);
  border-radius: 6px;
  border-left: 4px solid #1DCF9F;
  width: 100%;
}
.custom-alert-note .custom-icon-and-title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 30px 0 10px 20px;
}
.custom-alert-note .custom-main-icon {
  width: 20px;
  height: 20px;
}
.custom-alert-note .custom-main-content {
  padding: 0 20px 20px;
}
.custom-alert-note .custom-icon-and-title .title {
  margin-left: 1rem;
  font-size: 16px;
  font-weight: 700;
}
.custom-alert-note .custom-icon-and-title .title p {
  margin: 0;
}
.custom-alert-note .custom-code-style {
  background-color: #fff;
  color: #2C3E50;
  font-size: 15px;
  padding: 5px;
}

.custom-alert-warning {
  width: 100%;
  margin: 15px 0;
}
.custom-alert-warning .custom-wrapper {
  background-color: rgba(254, 206, 47, 0.16);
  border-radius: 6px;
  border-left: 4px solid #FECE2F;
  width: 100%;
}
.custom-alert-warning .custom-icon-and-title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 30px 0 10px 20px;
}
.custom-alert-warning .custom-main-icon {
  width: 20px;
  height: 20px;
}
.custom-alert-warning .custom-main-content {
  padding: 0 20px 20px;
}
.custom-alert-warning .custom-icon-and-title .title {
  margin-left: 1rem;
  font-size: 16px;
  font-weight: 700;
}
.custom-alert-warning .custom-icon-and-title .title p {
  margin: 0;
}
.custom-alert-warning .custom-code-style {
  background-color: #fff;
  color: #2C3E50;
  font-size: 15px;
  padding: 5px;
}

.custom-alert-error {
  width: 100%;
  margin: 15px 0;
}
.custom-alert-error .custom-wrapper {
  background-color: rgba(255, 58, 68, 0.16);
  border-radius: 6px;
  border-left: 4px solid rgb(255, 58, 68);
  width: 100%;
}
.custom-alert-error .custom-icon-and-title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 30px 0 10px 20px;
}
.custom-alert-error .custom-main-icon {
  width: 20px;
  height: 20px;
}
.custom-alert-error .custom-main-content {
  padding: 0 20px 20px;
}
.custom-alert-error .custom-icon-and-title .title {
  margin-left: 1rem;
  font-size: 16px;
  font-weight: 700;
}
.custom-alert-error .custom-icon-and-title .title p {
  margin: 0;
}
.custom-alert-error .custom-code-style {
  background-color: #fff;
  color: #2C3E50;
  font-size: 15px;
  padding: 5px;
}

.custom-alert-url {
  width: 100%;
  margin: 15px 0;
}
.custom-alert-url .custom-wrapper {
  background-color: rgba(30, 16, 92, 0.1);
  border-radius: 6px;
  border-left: 4px solid rgb(30, 16, 92);
  width: 100%;
}
.custom-alert-url .custom-icon-and-title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 30px 0 10px 20px;
}
.custom-alert-url .custom-main-icon {
  width: 20px;
  height: 20px;
}
.custom-alert-url .custom-main-content {
  padding: 0 20px 20px;
}
.custom-alert-url .custom-icon-and-title .title {
  margin-left: 1rem;
  font-size: 16px;
  font-weight: 700;
}
.custom-alert-url .custom-icon-and-title .title p {
  margin: 0;
}
.custom-alert-url .custom-code-style {
  background-color: #fff;
  color: #2C3E50;
  font-size: 15px;
  padding: 5px;
}

@font-face {
  font-family: "Graphik";
  src: url(../plugins/global/fonts/Graphik/Graphik-Semibold.ttf) format("opentype");
  font-weight: 600;
  font-style: normal;
}
@media (min-width: 992px) {
  .header {
    background-color: #F9FBFC;
  }
  .header-fixed .header {
    box-shadow: none;
    border-bottom: 1px solid rgba(165, 172, 192, 0.2);
  }
  .header .header-menu .menu-nav > .menu-item > .menu-link {
    border-radius: 4px;
  }
  .header .header-menu .menu-nav > .menu-item > .menu-link .menu-text {
    color: #6c7293;
    font-weight: 500;
  }
  .header .header-menu .menu-nav > .menu-item > .menu-link .menu-arrow {
    color: #6c7293;
  }
  .header .header-menu .menu-nav > .menu-item > .menu-link .menu-icon {
    color: #6c7293;
  }
  .header .header-menu .menu-nav > .menu-item > .menu-link svg g [fill] {
    transition: fill 0.3s ease;
    fill: #6c7293;
  }
  .header .header-menu .menu-nav > .menu-item > .menu-link svg:hover g [fill] {
    transition: fill 0.3s ease;
  }
  .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link, .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link {
    background-color: rgba(77, 89, 149, 0.06);
  }
  .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-text, .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-text {
    color: #1DCF9F;
  }
  .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-arrow, .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-arrow {
    color: #1DCF9F;
  }
  .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link .menu-icon, .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-icon {
    color: #1DCF9F;
  }
  .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link svg g [fill], .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link svg g [fill] {
    transition: fill 0.3s ease;
    fill: #1DCF9F;
  }
  .header .header-menu .menu-nav > .menu-item.menu-item-here > .menu-link svg:hover g [fill], .header .header-menu .menu-nav > .menu-item.menu-item-active > .menu-link svg:hover g [fill] {
    transition: fill 0.3s ease;
  }
  .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link, .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link {
    background-color: rgba(77, 89, 149, 0.06);
  }
  .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-text, .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-text {
    color: #1DCF9F;
  }
  .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-hor-arrow, .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-hor-arrow {
    color: #1DCF9F;
  }
  .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-icon, .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-icon {
    color: #1DCF9F;
  }
  .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link svg g [fill], .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link svg g [fill] {
    transition: fill 0.3s ease;
    fill: #1DCF9F;
  }
  .header .header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link svg:hover g [fill], .header .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link svg:hover g [fill] {
    transition: fill 0.3s ease;
  }
}
@media (max-width: 991.98px) {
  .topbar {
    background-color: #F9FBFC;
    box-shadow: none;
  }
  .topbar-mobile-on .topbar {
    box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.2);
    border-top: 1px solid #eff0f6;
  }
}