:root {
    --background-color: #3b3b3b;
    --border-color: #669bbc;
    --highlight-color: rgb(24, 47, 76);
}
@font-face { 
  font-family: "Geist", system-ui, sans-serif;
  font-display: swap;
  font-weight: 400;
  src: url(/Geist-Regular.ttf)
}

* {
    font-family: 'Geist', sans-serif;
    box-sizing: border-box;
    user-select: none;
    text-decoration: none;
    white-space: nowrap;
}
body {
    display: flex;
    flex-direction: column;
    min-height: 200vh;
    margin: 0px;
    overflow-x: hidden;
}
img {
    object-fit: contain;
    z-index: -1;
}
.menu:hover {
    width: 270px;
}
.menu {
    width: 114px;
    height: 34px;
    background-color: rgb(255, 255, 255);
    border-radius: 6px;
    transition: .5s;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-right: 7px;
    z-index: 120000;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
span.dot{
    background-color: #000000;
    border-radius: 50%;
    height: 70%;
    left: 25%;
    position: absolute;
    top: 25%;
    width: 70%;
    display: inline-block;
    transition: .5s;
}
.menu:hover span.dot.dot1 {
    translate: none;
    rotate: none;
    transform: translate(100%, -50%) rotate(90deg) !important;
}

.menu:hover span.dot.dot2 {
    translate: none;
    rotate: none;
    scale: none;
    transform: translate(100%, -50%) rotate(90deg) !important;
}

.menu:hover span.dot.dot3 {
    translate: none;
    rotate: none;
    scale: none;
    transform: translate(-100%, -50%) rotate(90deg) !important;
}

.menu:hover span.dot.dot4 {
    translate: none;
    rotate: none;
    scale: none;
    transform: translate(-100%, -50%) rotate(90deg) !important;
}
.menu nav {
    display: flex;
    visibility: hidden;
    width: 0;
    pointer-events: none;
}
.menu:hover nav {
    pointer-events: auto;
    visibility: visible;
    position: relative;
    display: flex;
    width: calc(100% * (1 / 1.85));
    justify-content: space-around;
    height: min-content;
    top: 50%;
    transform: translateY(-50%);
}
nav span {
    width: auto;
}
.menu nav .first_a {
    opacity: 0;
    transform: translateY(5px);
    transition: opacity 0.3s ease-in-out 0.3s;
}

.menu:hover nav a {
    opacity: 1;
    transform: translateY(0);
}

.menu span .second_a {
    opacity: 0;
    transform: translateY(5px);
    transition: opacity 0.6s ease-in-out 0.6s;
}
.a_clr_blc__a_clrBlc_Fe3a9{
    color: #000000;
}
.Section_section__mRxGN.Section_gutter__BS6Ao {
    z-index: 150000;
    padding-left: var(--layout-margin);
    padding-right: var(--layout-margin);
}
@media (min-width: 1024px) {
    .Header_header{
        height: auto;
    }
}
.Header_fixed__PFqXi .Header_left__LL1Ja {
    display: flex;
    align-items: center;
}
.Header_header {
    width: 100vw;
    display: flex;
    position: fixed;
    flex-direction: row;
    z-index: 150000;
    margin-top: var(--layout-margin);
}
.MenuCover_menuCover__2c3ab {
    padding-left: var(--layout-margin);
    padding-right: var(--layout-margin);
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}
.Hc9ef {
    translate: none;
    rotate: none;
    scale: none;
    transform: translate(100%, 100%);
}

.eR3a5 {
    translate: none;
    rotate: none;
    scale: none;
    transform: translate(-100%, 100%);
}

.a7RO9 {
    translate: none;
    rotate: none;
    scale: none;
    transform: translate(-100%, -100%);
}

.po6ZX {
    translate: none;
    rotate: none;
    scale: none;
    transform: translate(100%, -100%);
}

span.main-dot.lowerParent {
    translate: none;
    rotate: none;
    scale: none;
    transform: translate(-50%, -50%);
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    left: 50%;
    position: absolute;
    top: 50%;
    width: .3rem;
    height: .3rem;
    display: block;
    transition: .5s;
}

span.topParent {
    top: 50%;
    transform: translateY(-50%);
    position: relative;
    width: .9rem;
    display: inline-block;
    transition: 3s;
}

span.spanNav {
    padding-left: .7rem;
    width: auto;
    height: auto;
    top: 50%;
    transform: translateY(-50%);
    position: relative;
    display: inline-block;
    transition: .5s;
}

a.a_clr_blc__a_clrBlc_Fe3a9.fontNav {
    font-weight: 800;
}
.j2RqE{
    padding-top: 134%;
}
.sKdUS{
    filter: none !important; z-index: 0 !important;
}
.QJmj9{
    cursor:pointer; color:#000000; text-transform: uppercase; text-decoration:underline;
}
.XhC4z {
    white-space: break-spaces;
    text-align: justify;
    word-spacing: 0px;
    font-variant-ligatures: common-ligatures;
    user-select: text;
}

.C9a5U {
    padding-top: 76px;
    user-select: all;
}