/* Reskin Code */
@import url('https://fonts.googleapis.com/css2?family=Host+Grotesk:ital,wght@0,300..800;1,300..800&display=swap');
h1, h2, h3, h4, h5, h6 {
	font-family: "Host Grotesk", sans-serif !important;
	letter-spacing: -0.2px !important;
}

body, button, input, select, textarea {
	font-family: "Host Grotesk", sans-serif !important;
	letter-spacing: -0.4px !important;
}

#hero_banner{
    background: #050821 !important;
}
#hero_banner .page-title, #hero_banner p, #hero_banner h2 {
    color: #ffffff !important;
    text-shadow: unset;
}

/* Buttons */
#hero_banner .kw-btn.kw-bg-primary, .kw-container-header .kw-header-btn{
    background-color: rgba(0,0,0,0.2) !important;
    border: 2px solid #ffc400;
    color: #ffc400 !important;
    border-radius: 20px !important;
    padding: 15px 35px;
    text-decoration: none;
    font-size: 18px;
    transition: background-color 0.3s ease;
    box-shadow: inset 0 0 28px rgba(255, 196, 0, 0.12), 0 0 14px rgba(255, 196, 0, 0.18);
    text-decoration:none !important;
}
#hero_banner .kw-btn.kw-bg-primary:hover, .kw-container-header .kw-header-btn:hover {
  background-color: rgba(0,0,0,0.5) !important;
  box-shadow: inset 0 -24px 30px rgba(255, 196, 0, 0.18), 0 18px 28px -22px rgba(255, 196, 0, 0.45);
}

#hero_banner .kw-btn.kw-bg-primary.is-pressed, .kw-container-header .kw-header-btn.is-pressed {
  background-color: rgba(0,0,0,0.6) !important;
  transform: translateY(1px);
  box-shadow:
    inset 0 -28px 36px rgba(255, 196, 0, 0.24),
    inset 0 0 18px rgba(255, 196, 0, 0.10),
    0 14px 24px -24px rgba(255, 196, 0, 0.55);
}
#hero_banner .kw-btn.kw-bg-primary:active, .kw-container-header .kw-header-btn:active{
  background-color: rgba(0,0,0,0.6) !important;
  transform: translateY(1px);
  box-shadow:
    inset 0 -28px 36px rgba(255, 196, 0, 0.24),
    inset 0 0 18px rgba(255, 196, 0, 0.10),
    0 14px 24px -24px rgba(255, 196, 0, 0.8);
}

/* Buttons */
#hero_banner  .kw-btn.kw-bg-secondary {
    background: rgba(0,0,0,0.2);
    border: 2px solid #4D60FB;
    color: #4D60FB !important;
    border-radius: 20px !important;
    padding: 15px 35px;
    text-decoration: none !important;
    font-size: 18px;
    transition: background-color 0.3s ease;
    box-shadow: inset 0 0 28px rgba(77, 96, 251, 0.12), 0 0 14px rgba(77, 96, 251, 0.18);
}

#hero_banner  .kw-btn.kw-bg-secondary:hover {
    background: rgba(0,0,0,0.5);
    box-shadow: inset 0 -24px 30px rgba(77, 96, 251, 0.18), 0 18px 28px -22px rgba(77, 96, 251, 0.45);
    text-decoration: none !important;
}

#hero_banner  .kw-btn.kw-bg-secondary.is-pressed {
    background: rgba(0,0,0,0.6);
    transform: translateY(1px);
    box-shadow:
        inset 0 -28px 36px rgba(77, 96, 251, 0.24),
        inset 0 0 18px rgba(77, 96, 251, 0.10),
        0 14px 24px -24px rgba(77, 96, 251, 0.55);
}

#hero_banner  .kw-btn.kw-bg-secondary:active {
    background: rgba(0,0,0,0.6);
    transform: translateY(1px);
    box-shadow:
        inset 0 -28px 36px rgba(77, 96, 251, 0.24),
        inset 0 0 18px rgba(77, 96, 251, 0.10),
        0 14px 24px -24px rgba(77, 96, 251, 0.8);
}

.in-page-menu{
    background-color: #4D60FB !important;
}