:root { --background: #07091b; --primary: #6248ff; --secondary1: #AC50EF; --secondary2: #7059FB; --secondary3: #2ECFF6; --font-d1: 1.156em; --font-d2: 64px; --font-d3: 38px; --font-d4: 22px; --font-h1: 1.222em; --font-h2: 1.316em; --font-h3: 1.417em; --font-h4: 1.273em; --font-h5: 1.333em; --font-h6: 1.375em; --font-body-large: 1.583em; --font-body-normal: 1.667em; --font-body-small: 1.714em; --main-gradient: linear-gradient(45deg, #ac50ef, #7059fb 50%, #2ecff6); }
* { z-index: 5; }
body, html { overflow-x: hidden !important; }
.navbar-dark .navbar-toggler { padding: 0px !important; }
.navbar-dark .navbar-brand { margin: 0px !important; }
.text-muted { color: rgb(181, 182, 187) !important; }
.text-gradient { background-image: linear-gradient(45deg, rgb(172, 80, 239), rgb(112, 89, 251) 50%, rgb(46, 207, 246)); background-clip: text; -webkit-text-fill-color: transparent; }
body, html { color: white; background-color: var(--background) !important; font-family: "Poppins", sans-serif; }
.def-padding { padding-top: 80px; padding-bottom: 90px; }
.nav-link { font-size: 18px !important; color: white !important; transition: opacity 300ms, color 300ms; }
.nav-link:hover { opacity: 0.6; }
.b-btn-primary { background-image: linear-gradient(45deg, rgb(172, 80, 239), rgb(112, 89, 251) 50%, rgb(46, 207, 246)); color: white; transition: 0.15s; border-radius: 5px; border: 0px solid transparent; }
.b-btn-secondary { background-color: rgba(255, 255, 255, 0.1); background-image: none; color: white; transition: 0.15s; border-radius: 5px; border: 1px solid transparent; }
.b-btn-secondary:hover { background-color: rgb(255, 255, 255); opacity: 1; transform: translate3d(0px, -3px, 0.01px); color: rgb(7, 9, 27); }
.b-sm { padding: 18px 24px; font-size: 16px; line-height: 1.125em; }
.b-def { padding: 26px 38px; font-size: 16px; line-height: 1.125em; }
.b-btn-primary:hover { box-shadow: rgba(98, 72, 255, 0.9) 0px 2px 15px 0px; opacity: 1; transform: translate3d(0px, -3px, 0.01px); color: rgb(255, 255, 255); }
.welcome { position: relative; z-index: 2; }
.main-head { font-size: var(--font-d2) !important; font-weight: 600; color: white; }
.section-title { font-size: var(--font-d3) !important; font-weight: 600; color: white; }
.b-card { overflow: hidden; border-style: solid; border-width: 1px; border-color: rgba(255, 255, 255, 0.25); border-radius: 12px; background-color: rgb(7, 9, 27) !important; min-height: 450px; transition: transform 300ms, transform 300ms; }
.b-card:hover { transform: translate3d(0px, -8px, 0.01px); box-shadow: rgba(98, 72, 255, 0.4) 0px 6px 20px 0px; }
.plan-image { max-width: 64px; }
.empha-simple { color: var(--secondary3); }
.adv-card { overflow: hidden; border-style: solid; border-width: 1px; border-color: rgba(255, 255, 255, 0.25); border-radius: 12px; background-color: rgb(7, 9, 27); transition: transform 300ms, transform 300ms; }
.adv-card:hover { transform: translate3d(8px, 0px, 0.01px); box-shadow: rgba(98, 72, 255, 0.4) 0px 6px 20px 0px; }
.adv-v { position: absolute; top: 5px; right: 5px; max-width: 32px; }
.calc-card { overflow: hidden; border-style: solid; border-width: 1px; border-color: rgba(255, 255, 255, 0.25); border-radius: 12px; background-color: rgb(7, 9, 27); transition: transform 300ms, transform 300ms; }
.b-input { padding: 20px; font-size: 18px; width: 100%; color: white !important; border-radius: 5px; background-color: var(--background); border: 1px solid rgba(255, 255, 255, 0.25); }
.background-glow { position: fixed; inset: 0%; z-index: 2 !important; display: block; margin-right: auto; margin-left: auto; background-position: 50% 0%; background-size: cover; opacity: 0.3; }
.how-image { max-width: 120px; }
.how-title { font-size: var(--font-d4); color: white; font-weight: 600; }
.howtouse .b-card { min-height: 180px; background-color: rgba(7, 9, 27, 0.4); }
.img-rotating { position: absolute; max-width: 500px; left: -7vw; top: 150px; animation: 60s ease-in infinite rotate; }
.sec-float { animation: 5s ease-in infinite float; }
@keyframes rotate {
  0% { transform: rotate3d(0, 0, 1, 0deg); }
  50% { transform: rotate3d(0, 0, 1, 180deg); }
  100% { transform: rotate3d(0, 0, 1, 360deg); }
}
@keyframes float {
  0% { transform: translateY(20px); }
  50% { transform: translateY(0px); }
  100% { transform: translateY(20px); }
}
.nd-margin { margin-top: 100px !important; }
.site-footer { padding-top: 50px; padding-bottom: 50px; }
.b-dark { background-color: black !important; }
.btn-link { text-decoration: none !important; display: inline-block; }
.btn-link:hover { cursor: pointer; }
.active { border-bottom: 2px solid var(--primary); }
@media (max-width: 996px) {
  .def-padding { padding-top: 30px; padding-bottom: 30px; }
}
::-webkit-input-placeholder { color: rgb(117, 117, 117) !important; opacity: 1 !important; }
::placeholder { color: rgb(117, 117, 117) !important; opacity: 1 !important; }
::placeholder { color: rgb(117, 117, 117) !important; opacity: 1 !important; }
@media (max-width: 840px) {
  .main-head { font-size: 46px !important; }
  [data-aos^="fade"][data-aos^="fade"].aos-animate { text-align: center; }
  .sec-float { display: none; }
}
@media (max-width: 450px) {
  .main-head { font-size: 30px !important; }
  .sec-float { display: none; }
  .container-fluid.align-items-center { padding: 0px; }
  .navbar-toggler-icon { width: 1.3em !important; height: 1.3em !important; }
}