@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: 'BoxingStriped';
  src: url('../fonts/transfonter.org-20250914-064039/BOXING.woff2') format('woff2'),
       url('../fonts/transfonter.org-20250914-064039/BOXING.woff') format('woff')''
       url('../fonts/transfonter.org-20250914-064039/BOXING.eot') format('eot');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}



html {
  background-color: black;
}
body {
  font-family: Montserrat, sans-serif;
  scroll-behavior: smooth;
  padding: 0;
  margin: 0;
  color: white;
  background-color: #000000;
  position: relative;
  overflow: visible;
  position: relative;
}
a {
  text-decoration: none;
  color: white;
}
p {
  line-height: 1.5;
}

[class~="navigation"] { width: 100%; display: flex; padding: 1.5rem 5rem; box-shadow: rgba(5, 5, 5, 0.907) 0rem 0.0625rem 0.25rem 0.1875rem; z-index: 1; background: #09090b; position: fixed; top: 0%; z-index: 100; } [class~="navigation"] [class~="navigation-container"] { width: 100%; display: flex; justify-content: space-between; margin: auto; } [class~="navigation"] [class~="navigation-container"] [class~="leftside"] [class~="logo"] img { max-width: 6.5625rem; } [class~="navigation"] [class~="navigation-container"] [class~="rightside"] { display: flex; align-items: center; justify-content: center; gap: 2rem; } [class~="navigation"] [class~="navigation-container"] [class~="rightside"] [class~="list"] { display: flex; gap: 0.9375rem; color: white; } [class~="navigation"] [class~="navigation-container"] [class~="rightside"] [class~="list"] a { display: flex; align-items: center; gap: 0.3125rem; cursor: pointer; } [class~="navigation"] [class~="navigation-container"] [class~="rightside"] [class~="list"] a h3 { font-size: 1rem; transition: 0.3s ease-in-out; display: flex; align-items: center; justify-content: flex-start; font-weight: 500; font-size: 1rem; color: rgb(255, 255, 255); cursor: pointer; } [class~="navigation"] [class~="navigation-container"] [class~="rightside"] button { width: 100%; justify-content: center; padding: 0.5rem 1rem; border-radius: 0.625rem; outline: none; background: transparent; color: white; cursor: pointer; transition: ease-in 0.2s; display: flex; background-color: #51e0cf; font-family: Montserrat, sans-serif; display: flex; align-items: center; gap: 0.5rem; border: none; } [class~="navigation"] [class~="navigation-container"] [class~="rightside"] button img { width: 1.5rem; height: 1.5rem; } [class~="navigation"] [class~="navigation-container"] [class~="rightside"] button p { font-size: 0.875rem; color: #09090b; font-weight: 700; } [class~="navigation"] [class~="navigation-container"] [class~="rightside"] [class~="menu"] { display: none; cursor: pointer; }


.header {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  background: black;
  height: 600px;
  text-align: center;

  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
    url("../images/background.png");
  background-image: radial-gradient(
      circle at center,
      transparent 0%,
      rgba(0, 0, 0, 50) 100%
    ),
    url("../images/background.png");
  background-size: cover;
  background-position: 50% -10px; /* Moves the background image up by 10 pixels */
}



[class~="header"] [class~="header-container"] { display: flex; flex-direction: column; width: 100%; justify-content: center; align-items: center; } [class~="header"] [class~="header-container"] [class~="h1s"] { display: flex; } [class~="header"] [class~="header-container"] h1 { display: flex; flex-direction: column; justify-content: center; align-items: center; font-family: BOXING; font-size: 3.375rem; color: rgb(255, 255, 255); text-align: center; font-style: normal; margin: 0rem auto; position: relative; font-family: "BoxingStriped", sans-serif; text-transform: uppercase; letter-spacing: 2; } [class~="header"] [class~="header-container"] p { font-size: 0.8125rem; padding: 2rem; } [class~="levelone"] { display: flex; width: 100%; padding: 4rem; } [class~="levelone"] [class~="levelone-container"] { display: flex; flex-direction: column; width: 75rem; margin: auto; justify-content: center; align-items: center; text-align: center; } [class~="levelone"] [class~="levelone-container"] [class~="h1ss"] { display: flex; } [class~="levelone"] [class~="levelone-container"] h1 { display: flex; flex-direction: column; display: flex; flex-direction: column; font-family: "BoxingStriped", sans-serif; font-size: 3.75rem; text-transform: uppercase; letter-spacing: 2; } [class~="levelone"] [class~="levelone-container"] [class~="sub"] { display: flex; width: 100%; padding: 2rem 0rem; } [class~="levelone"] [class~="levelone-container"] [class~="sub"] [class~="box"] { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0.625rem; width: 100%; padding: 0 1rem; } [class~="levelone"] [class~="levelone-container"] [class~="sub"] [class~="box"] [class~="round"] { display: flex; width: fit-content; border-radius: 50%; background: #51e0cf; width: 2.1875rem; height: 2.1875rem; align-items: center; justify-content: center; position: relative; } [class~="levelone"] [class~="levelone-container"] [class~="sub"] [class~="box"] [class~="something"]::after { content: ""; position: absolute; width: fit-content; border: solid white 0.0.0625rem; width: 900%; right: 100%; color: red; font-weight: bold; z-index: -1; } [class~="levelone"] [class~="levelone-container"] [class~="sub"] [class~="box"] [class~="somethingColored"]::after { content: ""; position: absolute; width: fit-content; border: solid #51e0cf 0.0.0625rem; width: 850%; right: 100%; color: red; font-weight: bold; z-index: -1; } [class~="levelone"] [class~="levelone-container"] [class~="sub"] [class~="box"] [class~="round"] p { color: white; font-weight: 700; } [class~="levelone"] [class~="levelone-container"] [class~="sub"] [class~="box"] [class~="somethingColored"] p { color: black; font-weight: 700; } [class~="levelone"] [class~="levelone-container"] [class~="sub"] [class~="box"] [class~="none"] { background: black; border: solid 0.125rem #51e0cf; } [class~="levelone"] [class~="levelone-container"] [class~="sub"] [class~="box"] [class~="bond"] { display: flex; flex-direction: column; gap: 0.3125rem; } [class~="levelone"] [class~="levelone-container"] [class~="sub"] [class~="box"] [class~="bond"] h2 { font-size: 1.3125rem; padding-top: 1rem; } [class~="levelone"] [class~="levelone-container"] [class~="sub"] [class~="box"] [class~="bond"] [class~="detail"] { font-size: 0.75rem; display: flex; gap: 0.3125rem; align-items: center; justify-content: center; border: 0.125rem solid #51e0cf; padding: 0.3125rem 0.9375rem; border-radius: 0.625rem; margin-top: 0.5rem; } [class~="levelone"] [class~="levelone-container"] [class~="sub"] [class~="box"] [class~="bond"] [class~="detail"] p { color: #51e0cf; } [class~="levelone"] [class~="levelone-container"] [class~="sub"] [class~="box"] [class~="bond"] [class~="detail"] img { width: 0.875rem; height: 0.875rem; } [class~="levelone"] [class~="levelone-container"] [class~="sub"] [class~="box"] [class~="bond"] [class~="empty"] { border: none; } [class~="levelone"] [class~="levelone-container"] [class~="sub"] [class~="box"] [class~="bond"] [class~="empty"] p { color: white; } [class~="striped-text"] { font-family: "Impact", sans-serif; font-size: 2rem; font-weight: bold; text-transform: uppercase; background-image: linear-gradient( to bottom, white 0%, transparent 2%, white 4%, transparent 6%, white 8%, transparent 10%, #ffffff 12%, transparent 14%, white 16%, transparent 18%, white 20%, transparent 22%, white 24%, transparent 26%, #ffffff 28%, transparent 30%, white 32%, transparent 34%, white 36%, white 37%, transparent 38%, white 40%, transparent 42%, #ffffff 44%, transparent 46%, white 48%, transparent 50%, white 51%, white 52%, transparent 54%, white 56%, transparent 58%, #ffffff 60%, transparent 62%, white 64%, white 66%, transparent 67%, #ffffff 68%, transparent 70%, white 72%, white 74%, white 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } [class~="leveltwo"] { display: flex; width: 100%; padding: 2rem; } [class~="leveltwo"] [class~="leveltwo-container"] { display: flex; flex-direction: column; width: 75rem; margin: auto; justify-content: center; align-items: center; text-align: center; } [class~="leveltwo"] [class~="leveltwo-container"] [class~="cage"] { display: flex; flex-direction: column; background: #111112; border-radius: 0.625rem; width: 68.75rem; margin: auto; justify-content: center; align-items: center; text-align: center; padding: 1rem; } [class~="leveltwo"] [class~="leveltwo-container"] [class~="cage"] [class~="upperside"] { display: flex; justify-content: center; align-items: center; text-align: center; } [class~="leveltwo"] [class~="leveltwo-container"] [class~="cage"] [class~="upperside"] [class~="one"] { display: flex; flex-direction: column; padding: 1rem; align-items: center; justify-content: center; width: 100%; } [class~="leveltwo"] [class~="leveltwo-container"] [class~="cage"] [class~="upperside"] [class~="one"] img { width: 6.25rem; } [class~="leveltwo"] [class~="leveltwo-container"] [class~="cage"] [class~="upperside"] [class~="one"] h5 { margin: 1rem 0; font-size: 1.0625rem; font-weight: 500; } [class~="leveltwo"] [class~="leveltwo-container"] [class~="cage"] [class~="upperside"] [class~="one"] p { color: #a2a2a2; font-size: 0.875rem; margin-bottom: 2rem; } [class~="leveltwo"] [class~="leveltwo-container"] [class~="cage"] [class~="upperside"] [class~="one"] h2 { font-weight: 600; font-size: 1.625rem; margin-bottom: 1rem; } [class~="leveltwo"] [class~="leveltwo-container"] [class~="cage"] [class~="upperside"] [class~="one"] h2 span { color: #51e0cf; } [class~="leveltwo"] [class~="leveltwo-container"] [class~="cage"] [class~="downside"] { display: flex; padding: 2rem; padding-bottom: 3rem; height: 3.125rem; width: 100%; } [class~="leveltwo"] [class~="leveltwo-container"] [class~="cage"] [class~="downside"] [class~="fading-line"] { display: flex; flex-direction: column; width: 100%; height: 0.0625rem; background: linear-gradient( to right, transparent 0%, #51e0cf 20%, #51e0cf 80%, transparent 100% ); }

.levelthree {
  display: flex;
  width: 100%;
  padding: 2rem;
}
.levelthree .levelthree-container {
  display: flex;
  flex-direction: column;
  width: 1100px;
  margin: auto;
  justify-content: center;
  align-items: center;
}
.levelthree .levelthree-container .topside {
  display: flex;
  width: 100%;
}
.levelthree .levelthree-container .topside .h1s {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.levelthree .levelthree-container .topside .h1s h1 {
  font-size: 64px;
}
.levelthree .levelthree-container .bottomside {
  display: flex;
  flex-direction: column;
  padding: 3rem 0;
  width: 100%;
}
/* .levelthree .levelthree-container .bottomside  .one{
    display: flex;
    flex-direction: column;
 
}
.levelthree .levelthree-container .bottomside  .one .question{
    display: flex;
    justify-content: space-between;
    width: 100%;
    cursor: pointer;
    padding: 1rem;
 
}
.levelthree .levelthree-container .bottomside  .one .question h5{
    font-size: 15px;
 
}
.levelthree .levelthree-container .bottomside  .one .reply{
    display: flex;
    width: 100%;
    cursor: pointer;
    padding:1rem  2rem;
 
}
.levelthree .levelthree-container .bottomside  .one .reply p{
    font-size: 13px;
    color: #a2a2a2;
 
} */

.one {
  display: block; /* Changed to block for normal flow */
  width: 100%;
  margin-bottom: 20px; /* Spacing between dropdowns */
}

.question.dropdown-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px;
  cursor: pointer;
  border-radius: 4px;
  width: 100%;
}

.question.dropdown-button h5 {
  margin: 0;
  font-size: 14px;
  color: white;
  font-weight: 600;
}

.question.dropdown-button svg {
  transition: transform 0.3s ease;
}

.question.dropdown-button.active svg {
  transform: rotate(180deg);
}

.reply.dropdown-menu {
  display: none; /* Hidden by default */

  padding: 15px;

  border-radius: 4px;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
  margin-top: 10px; /* Space between button and menu */
}

.reply.dropdown-menu.show {
  display: block !important; /* Show when active */
}

.reply.dropdown-menu p {
  margin: 0;
  font-size: 14px;
  color: #a2a2a2;
  padding: 0 2rem;
}
[class~="footer"] { width: 100%; display: flex; flex-direction: column; background: #0b0c0b; } [class~="footer"] [class~="footer-container"] { width: 100%; display: flex; overflow: hidden; } [class~="footer"] [class~="footer-container"] { display: flex; flex-direction: column; max-width: 68.75rem; margin: auto; overflow: hidden; } [class~="footer"] [class~="footer-container"] [class~="line"] { display: flex; width: 100%; position: relative; height: 0.125rem; overflow: hidden; } [class~="footer"] [class~="footer-container"] [class~="line"] [class~="lines"] { position: absolute; width: 6.25rem; right: 100%; height: 1.25rem; background: #51e0cf; animation: moveLine 4s linear infinite; overflow: hidden; } @keyframes moveLine { 0% { transform: translateX(0%); } 50% { transform: translateX(1200%); } 100% { transform: translateX(0%); } } [class~="footer"] [class~="footer-container"] [class~="topside"] { width: 100%; display: flex; justify-content: space-between; padding: 2rem; padding-top: 2rem; } [class~="footer"] [class~="footer-container"] [class~="topside"] [class~="leftside"] { width: 100%; display: flex; flex-direction: column; } [class~="footer"] [class~="footer-container"] [class~="topside"] [class~="leftside"] img { width: 8.5625rem; } [class~="footer"] [class~="footer-container"] [class~="topside"] [class~="leftside"] h5 { padding: 2rem 0rem; } [class~="footer"] [class~="footer-container"] [class~="topside"] [class~="leftside"] [class~="hidden"] { padding: 2rem 0rem; display: none; gap: 2rem; } [class~="footer"] [class~="footer-container"] [class~="topside"] [class~="leftside"] [class~="hidden"] img { width: 1.6875rem; color: white; } [class~="footer"] [class~="footer-container"] [class~="topside"] [class~="leftside"] img { width: 8.5625rem; } [class~="footer"] [class~="footer-container"] [class~="topside"] [class~="leftside"] h5 { padding: 2rem 0rem; } [class~="footer"] [class~="footer-container"] [class~="topside"] [class~="rightside"] { width: 100%; display: flex; } [class~="footer"] [class~="footer-container"] [class~="topside"] [class~="rightside"] [class~="one"] { width: 40%; } [class~="footer"] [class~="footer-container"] [class~="topside"] [class~="rightside"] [class~="middle"] { width: 100%; } [class~="footer"] [class~="footer-container"] [class~="topside"] [class~="rightside"] [class~="one"] [class~="head"] h4 { font-size: 0.8125rem; font-weight: 600; padding: 1rem 0; } [class~="footer"] [class~="footer-container"] [class~="topside"] [class~="rightside"] [class~="one"] [class~="sub"] { display: flex; flex-direction: column; } [class~="footer"] [class~="footer-container"] [class~="topside"] [class~="rightside"] [class~="middle"] [class~="sub"] { display: grid; grid-template-rows: 7 (1fr); grid-template-columns: 1fr 1fr; } [class~="footer"] [class~="footer-container"] [class~="topside"] [class~="rightside"] [class~="one"] [class~="sub"] a { font-size: 0.8125rem; color: #a2a2a2; width: 100%; padding-bottom: 1rem; } [class~="footer"] [class~="bottomside"] { display: flex; justify-content: space-between; align-items: center; border-top: solid 0.0.3125rem rgba(128, 128, 128, 0.349); width: 100%; padding: 2rem 0; } [class~="footer"] [class~="bottomside"] [class~="bottomside-container"] { display: flex; justify-content: space-between; align-items: center; width: 69.375rem; margin: auto; padding: 0 2rem; } [class~="footer"] [class~="bottomside"] [class~="bottomside-container"] [class~="leftside"] { display: flex; } [class~="footer"] [class~="bottomside"] [class~="bottomside-container"] [class~="leftside"] p { font-size: 0.75rem; color: #a2a2a2; } [class~="footer"] [class~="bottomside"] [class~="bottomside-container"] [class~="rightside"] [class~="logo"] { display: flex; gap: 2rem; } [class~="footer"] [class~="bottomside"] [class~="bottomside-container"] [class~="rightside"] [class~="logo"] img { width: 1.6875rem; color: white; } @media (max-width: 75rem) { [class~="leveltwo"] [class~="leveltwo-container"] [class~="cage"] { width: 100%; } [class~="levelthree"] [class~="levelthree-container"] { width: 100%; } [class~="footer"] [class~="footer-container"] { width: 100%; } } @media (max-width: 64rem) { [class~="navigation"] { padding: 1.5rem; } [class~="navigation"] [class~="navigation-container"] [class~="rightside"] [class~="list"] { display: none; } [class~="levelone"] [class~="levelone-container"] [class~="sub"] { display: flex; flex-direction: column; gap: 4rem; padding-left: 3rem; padding-top: 6rem; } [class~="levelone"] [class~="levelone-container"] [class~="sub"] [class~="box"] { display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 2rem; width: 100%; padding: 0 1rem; } [class~="levelone"] [class~="levelone-container"] [class~="sub"] [class~="box"] [class~="bond"] h2 { padding-top: 0rem; text-align: start; } [class~="levelone"] [class~="levelone-container"] [class~="sub"] [class~="box"] [class~="something"]::after { content: ""; position: absolute; width: fit-content; border: solid #a2a2a2 0.0.0625rem; background: #a2a2a2; width: 0.0.0625rem; height: 800%; right: 50%; color: red; font-weight: bold; z-index: -1; } [class~="levelone"] [class~="levelone-container"] [class~="sub"] [class~="box"] [class~="somethingColored"]::after { content: ""; position: absolute; width: fit-content; border: solid #51e0cf 0.0.0625rem; background: #51e0cf; width: 0.0.0625rem; height: 800%; right: 50%; color: red; font-weight: bold; z-index: -1; } [class~="levelone"] [class~="levelone-container"] [class~="sub"] [class~="box"] [class~="nothing"]::after { display: none; } [class~="leveltwo"] [class~="leveltwo-container"] [class~="cage"] { padding: 0rem; background: transparent; } [class~="leveltwo"] [class~="leveltwo-container"] [class~="cage"] [class~="upperside"] { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; } [class~="leveltwo"] [class~="leveltwo-container"] [class~="cage"] [class~="upperside"] [class~="one"] { background: #111112; border-radius: 0.625rem; } [class~="footer"] [class~="footer-container"] [class~="topside"] { flex-direction: column; gap: 2rem; } [class~="footer"] [class~="footer-container"] [class~="topside"] [class~="leftside"] [class~="hidden"] { display: flex; } [class~="footer"] [class~="footer-container"] [class~="topside"] [class~="rightside"] { flex-direction: column; } [class~="footer"] [class~="bottomside"] [class~="bottomside-container"] { display: flex; justify-content: space-between; align-items: center; justify-content: center; width: 69.375rem; margin: auto; padding: 0 2rem; } [class~="footer"] [class~="bottomside"] [class~="bottomside-container"] [class~="rightside"] [class~="logo"] { display: none; gap: 2rem; } } @media (max-width: 46.875rem) { [class~="header"] [class~="header-container"] h1 { font-size: 3rem; } [class~="striped-text"] { font-size: 3rem; } [class~="levelone"] [class~="levelone-container"] h1 { font-size: 2.25rem; } } @media (max-width: 34.375rem) { [class~="navigation"] { padding: 1rem; } [class~="navigation"] [class~="navigation-container"] [class~="leftside"] [class~="logo"] img { max-width: 5rem; } [class~="navigation"] [class~="navigation-container"] [class~="rightside"] { display: flex; align-items: center; justify-content: center; gap: 1rem; } [class~="navigation"] [class~="navigation-container"] [class~="rightside"] button { padding: 0.5rem; } [class~="header"] [class~="header-container"] h1 { font-size: 3rem; } [class~="striped-text"] { font-size: 3rem; } [class~="levelone"] { display: flex; width: 100%; padding: 4rem 1rem; } [class~="levelone"] [class~="levelone-container"] h1 { font-size: 2.25rem; } } @media (max-width: 25rem) { [class~="navigation"] { padding: 1rem; } [class~="navigation"] [class~="navigation-container"] [class~="rightside"] button p { font-size: 0.75rem; } [class~="header"] [class~="header-container"] h1 { font-size: 1.25rem; } [class~="striped-text"] { font-size: 1.25rem; } [class~="levelone"] [class~="levelone-container"] h1 { font-size: 1.25rem; } } @media (max-width: 21.875rem) { [class~="header"] [class~="header-container"] h1 { font-size: 1.25rem; } [class~="striped-text"] { font-size: 1.25rem; } [class~="levelone"] [class~="levelone-container"] h1 { font-size: 1.25rem; } }