/* font-family */
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

/* html{height:100%;} */
body {
  font-family: "Rubik", sans-serif;
  font-weight: 400;
  line-height: 1.4;
  color: #030301;
  overflow-x: hidden;
  width: 100%;
  min-height: 100vh;
  position: relative;
  background: url(../images/bg.png)no-repeat;
  background-position: 100% 100%;
  background-size: cover;
  background-attachment: fixed;
  background-color: #030E16;
  /* Dark fallback color */
  color: #fff;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: flex;
  flex-direction: column;
}

main {
  flex: 1;
}

body.headitemshow {
  overflow: hidden;
}

.bg {
  background: url(../images/background.png)no-repeat;
  background-position: 100% 100%;
  background-size: cover;
  background-attachment: fixed;
  background-color: #030E16;
}

/* a:hover, :hover{
  color: #030301;
} */
a,
a:hover {
  text-decoration: none;
  -webkit-transition: ease-in-out 0.5s;
  -moz-transition: ease-in-out 0.5s;
  -o-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}


.main-wrapper {
  text-align: center;
  padding: 20px 0 0;
  position: relative;
}

.main-wrapper1 {
  /* text-align: center; */
  padding: 20px 0 0;
  position: relative;
}

#bgVideo {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  z-index: -1;
  pointer-events: none;
  opacity: 0.29;
  mix-blend-mode: screen;
  /* Smoothness + GPU acceleration */
  will-change: transform;
  backface-visibility: hidden;
  transform: translateZ(0);
  /* Removes frame jitter */
  image-rendering: optimizeQuality;
  /* Prevents any stutter on browser resize */
  min-width: 100%;
  min-height: 100%;
}

body::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 450px;
  background: linear-gradient(360deg, #030E16 0%, rgba(3, 14, 22, 0.949937) 18.5%, rgba(3, 14, 22, 0.774552) 42%, rgba(3, 14, 22, 0.548954) 59%, rgba(3, 14, 22, 0) 100%);
  z-index: -1;
}

@keyframes moveGlow {
  0% {
    transform: translateX(-40px) translateY(20px);
  }

  100% {
    transform: translateX(40px) translateY(-20px);
  }
}

@keyframes moveBg {
  0% {
    transform: scale(1) translateY(0px);
  }

  100% {
    transform: scale(1.3) translateY(-80px);
  }
}

/* Top Logo */
.top-logo img {
  object-fit: contain;
  height: 125px;
  /* width: 250px; */
  /* filter: drop-shadow(0 0 20px #b5ff2e90);
  animation: glowPulse 3s infinite ease-in-out; */
}

@keyframes glowPulse {
  0% {
    filter: drop-shadow(0 0 10px #b5ff2e40);
  }

  50% {
    filter: drop-shadow(0 0 25px #b5ff2e);
  }

  100% {
    filter: drop-shadow(0 0 10px #b5ff2e40);
  }
}

/* Globe Animation */
.globe-box {
  margin: 0 auto 20px;
  position: relative;
}

.globe {
  /* width: 350px; */
  animation: float 10s ease-in-out infinite, spin 60s linear infinite;
  /* filter: drop-shadow(0 0 20px #ffe400); */
}

.dollar_bx {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transform: translate(3px, 27%);
  /* box-shadow: 0px 20.36px 54.31px 0px #000000E5; */
}

.dollar_img {
  position: relative;
}

.dollar_img::before {
  content: '';
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  bottom: 0;
  width: 176px;
  height: 309px;
  background: url(../images/dollor-shadow.png) no-repeat;
  background-size: cover;
  background-position: center;
  filter: blur(14px);
  z-index: -1;
  margin: 0 auto;
  /* opacity: 0.7; */
  /* transform: scale(1.05); */
  /* border-radius: 12px; */
}

@keyframes float {
  0% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-12px);
  }

  100% {
    transform: translateY(0px);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.content h1 {
  font-weight: 500;
  font-size: 70px;
  color: #fff;
  margin-bottom: 8px;
}

.content p {
  color: rgba(255, 255, 255, 0.6);
  font-size: 20px;
  line-height: 25px;
  text-align: center;
  margin-bottom: 22px;
}

.btn_grp {
  display: flex;
  align-items: center;
  grid-gap: 20px;
  justify-content: center;
  margin-bottom: 15px;
}

.btn_grp a {
  background: #FFFFFF1A;
  padding: 10px 15px;
  border-radius: 10px;
}

.btn_grp a {
  transition: 0.3s ease;
  filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.1));
}

.btn_grp a:hover {
  transform: scale(1.07);
  filter: drop-shadow(0 0 15px rgba(255, 253, 3, 0.5));
}

.foot_border {
  display: block;
}

.foot_flx {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 0;
}

.foot_menu {
  display: flex;
  align-items: center;
  grid-gap: 70px;
}

.foot_menu li {
  position: relative;
}

.foot_menu li a {
  font-weight: 400;
  font-size: 16px;
  color: #fff;
}

.foot_menu li::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  margin: 10px -35px 0 0;
  background: #fffd03;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}

.foot_menu li:last-child::before {
  display: none;
}

.social_media {
  display: flex;
  align-items: center;
  grid-gap: 12px;
}

.social_media li {
  display: block;
  position: relative;
  background: #FFFFFF1A;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
}

.media_brder {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  border-radius: 20px;
  border: 1px solid transparent;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.6) 0%, rgba(239, 58, 157, 0) 100%) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  transition: all ease 0.6s;
}

.social_media li:hover .media_brder {
  background: linear-gradient(0deg, rgb(255, 253, 3) 0%, rgba(239, 58, 157, 0) 100%) border-box;
}

.social_media li a {
  width: 43px;
  height: 43px;
  background: #FFFFFF1A;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 99;
}

.social_media li:hover a svg path {
  fill: #fffd03;
}

/* Privacy Policy */
.policy-area {
  padding: 15px 0;
}

/* .policy-area h2{
  font-weight: 500;
  font-size: 50px;
  color: #fff;
}
.policy-area ol{
  margin-top: 30px;
  padding-left: 30px;
}
.policy-area ol li{
  list-style: decimal;
  margin-bottom: 15px;
  color: #fff;
}
.policy-area ol li h5{
  font-weight: 500;
  font-size: 20px;
  color: #fff;
  margin-bottom: 10px;
  text-align: left;
}
.policy-area ol li p{
  font-weight: 400;
  font-size: 16px;
  color: #fff;
  text-align: left;
  margin-bottom: 15px;
}
.policy-area ol li p:last-child{
  margin-bottom: 0;
}
.policy-area ol li ul{
  padding-left: 30px;
}
.policy-area ol li ul li{
  list-style: disc;
  margin-bottom: 6px;
  text-align: left;
  font-weight: 400;
  font-size: 16px;
  color: #fff;
}
.policy-area ol li ul li p{
  font-weight: 400;
  font-size: 16px;
  color: #fff;
  margin-bottom: 10px;
} */
.carrer-txt-side p a {
  color: #FFFD03;

  font-size: 25px;
}

/* .policy-area ol li p a{
  color: #FFFD03;
} */