.visible-xs {
	display: none !important;
}

.hidden-xs {
	display: block !important;
}

@media(min-width: 1200px) {

	.verified-sec .container,
	.footer .container {
		max-width: 1140px;
	}
}

@media(max-width: 1400px) {
	.bg-grad {
    position: absolute;
    width: 73rem;
    top: -41rem;
    left: calc(50% - 39rem);
}
}

@media(max-width: 1200px) {

	html,
	body {
		font-size: 13px;
	}
	.owl-carousel2 .owl-stage{
		padding-left: 0 !important
	}
	.point-sec h1 {
    font-size: 2rem;
}
}

@media(max-width: 992px) {

	html,
	body {
		font-size: 12px;
	}

	.footer-menu ul {
		padding: 0;
	}
	.wallet-dollar {
    margin-left: 2rem;
}
.payment-time img{
	width: 2rem;
}
.wallet-dollar img{
	width: 2rem;
}
.payment-card {
    min-height: 7rem;
}
.payment-card img{
	max-width: 90%;
}
.footer-logo {
    width: 7.4rem;
    height: 7.4rem;
    margin-top: -4.9rem;
}
}

@media(max-width: 767px) {
	.visible-xs {
		display: block !important;
	}

	.hidden-xs {
		display: none !important;
	}

	.navbar-toggler svg {
		width: 2.2rem;
		height: 2.2rem;
	}

	.register-sec .two-btn {
		align-items: center;
		gap: 1rem;
	}

	.register-sec .d-btn2 {
		margin-top: 0;
	}

	.under-nav {
		padding-right: calc(var(--bs-gutter-x) * .5)
	}

	.or-img,
	.dollar-img {
		display: none;
	}

	.modsfire::after {
		border-radius: 1rem
	}

	.register-sec {
		margin-left: 0;
		margin-right: 1.5rem;
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.flame-sec,
	.dollar-sec1.dollar-sec {
		width: calc(50% - .5rem);
		padding-left: 4rem;
	}

	.group-six {
		flex-wrap: wrap;
	}

	.bg-grad {
		position: absolute;
		width: 100%;
		top: -40%;
		left: 0%;
	}

	.verified-sec .mt-5 {
		margin-top: 0 !important
	}

	.verified-sec .offer-content {
		margin-bottom: 2rem;
	}

	.footer .container {
		background: rgba(96, 109, 121, 0.2);
	}

	.footer-menu ul {
		flex-wrap: wrap;
		justify-content: center
	}

	.footer-logo {
		width: 6.8rem;
		height: 6.8rem;
		margin-top: -4.1rem;
		padding: 1.4rem;
	}

	.footer {
		padding: 0 1rem;
		padding-bottom: 2rem;
	}

	.footer-social ul li {
		margin-right: 0.5rem;
	}

	.navbar-collapse {
		background: rgba(96, 109, 121, 0.5);
		text-align: center;
		padding: 1rem;
	}

	.nav-pro1,
	.game-character {
		display: none;
	}

	.navbar-nav .nav-link:after {
		display: none;
	}

	.bg-grad1 {
		position: absolute;
		width: 100%;
		top: -12%;
		left: 0%;
	}

	.mountain-sec {
		margin-top: -14rem;
	}

	.verified-sec {
		padding-top: 2rem;
	}
	.game-character2,
	.game-character3,
	.reviews-slider:after, .reviews-slider:before{
		display: none;
	}
	.tree-sec{
		padding-top: 0;
	}
	html, body{
		overflow-x: hidden;
	}
	.point-sec img {
    width: 70rem;
    max-width: initial;
    }
    .payment-content {
        border-bottom: 1px solid #064B55;
        padding: 3rem 2rem;
    }
    .payment-sec-col1 .mt-5{
        margin-top: 0 !important;
    }
    .reviews-slider {
        padding: 0 1rem;
    }
    .owl-carousel2{
        padding-left: 0 !important
    }
    .owl-carousel2 .owl-stage-outer{
        padding-left: 2rem;
    }
    .under-tree-2 .under-arrow{
        gap: 0 !important;
        padding-left: 0 !important
    }
    .under-tree-1 .gap-4{
        gap: 0 !important;
        padding-right: 0 !important
    }
    .hero-sec2{
        background-position: 50% 15%;
    }
    .flame-sec img {
        width: initial !important;
        margin-left: -0.5rem;
        margin-bottom: 0.5rem;
        height: 6rem;
    }


}


/* rewards update */


 .hero-sec {
     background-color: #020202 !important;
     background-image: none !important;
     position: relative;
     padding: 1rem 0;
     padding-bottom: 10rem;
}
 .spacecraft, .star, .bottom-image {
     position: absolute;
}
 .spacecraft {
     top: 10px;
     right: 0;
     width: 30%;
     animation: moveUpAndDown 2s infinite alternate linear;
     z-index: 3;
}
 .star {
     top: 0;
    /* Adjust as needed */
     left: 0;
    /* Adjust as needed */
     width:100%;
     opacity: .7;
    /*animation: moveRight 35s infinite linear;
    */
}
 .bottom-image {
     bottom: -40px;
     width: 100%;
     opacity: .4;
     left: 0;
     position: absolute;
     z-index: 1;
    /*transform: translateX(-50%);
     animation: moveRightLeft 15s infinite alternate linear;
    */
}
 .man {
     bottom: -9px;
     left: 20%;
     position: absolute;
     width: 15%;
     z-index: 2;
}
 @keyframes moveUpAndDown {
     0% {
         transform: translateY(0);
    }
     100% {
         transform: translateY(20px);
    }
    /* Adjust as needed */
}
 @keyframes moveRight {
     from {
         transform: translateX(0);
    }
     to {
         transform: translateX(100%);
    }
}
 @keyframes moveRightLeft {
     0% {
         transform: translateX(-100px);
    }
     100% {
         transform: translateX(100px);
    }
}
 @keyframes move-background {
     0% {
         -webkit-transform: translate3d(0, 0, 0);
         opacity: 1;
    }
     93% {
         -webkit-transform: translate3d(1000px, 0, 0);
         opacity: 1;
    }
     95% {
         -webkit-transform: translate3d(1000px, 0, 0);
         opacity: 0;
    }
     96% {
         -webkit-transform: translate3d(0, 0, 0);
         opacity: 0;
    }
     100% {
         -webkit-transform: translate3d(0, 0, 0);
         opacity: 1;
    }
}
 @-webkit-keyframes move-background {
     0% {
         -webkit-transform: translate3d(0, 0, 0);
         opacity: 1;
    }
     93% {
         -webkit-transform: translate3d(1000px, 0, 0);
         opacity: 1;
    }
     95% {
         -webkit-transform: translate3d(1000px, 0, 0);
         opacity: 0;
    }
     96% {
         -webkit-transform: translate3d(0, 0, 0);
         opacity: 0;
    }
     100% {
         -webkit-transform: translate3d(0, 0, 0);
         opacity: 1;
    }
}
 @-moz-keyframes move-background {
     0% {
         -webkit-transform: translate3d(0, 0, 0);
         opacity: 1;
    }
     93% {
         -webkit-transform: translate3d(1000px, 0, 0);
         opacity: 1;
    }
     95% {
         -webkit-transform: translate3d(1000px, 0, 0);
         opacity: 0;
    }
     96% {
         -webkit-transform: translate3d(0, 0, 0);
         opacity: 0;
    }
     100% {
         -webkit-transform: translate3d(0, 0, 0);
         opacity: 1;
    }
}
 @-webkit-keyframes move-background {
     0% {
         -webkit-transform: translate3d(0, 0, 0);
         opacity: 1;
    }
     93% {
         -webkit-transform: translate3d(1000px, 0, 0);
         opacity: 1;
    }
     95% {
         -webkit-transform: translate3d(1000px, 0, 0);
         opacity: 0;
    }
     96% {
         -webkit-transform: translate3d(0, 0, 0);
         opacity: 0;
    }
     100% {
         -webkit-transform: translate3d(0, 0, 0);
         opacity: 1;
    }
}
 .stars{
     width:10000px;
     height: 100%;
     background: transparent url("../images/stars.svg") repeat-x;
     background-size: 20% auto;
     position: absolute;
     right: 0;
     top: 30px;
     bottom: 0;
     z-index: 2;
     -moz-animation:move-background 70s linear infinite;
     -ms-animation:move-background 70s linear infinite;
     -o-animation:move-background 70s linear infinite;
     -webkit-animation:move-background 70s linear infinite;
     animation:move-background 70s linear infinite;
}
 .reward-block {
    width: calc(25% - 0.5rem);
}
 .rewards-h3 {
    font-size: 1.3rem;
     color: #fff;
     font-weight: 200;
     text-align: center;
     margin-top: 20px;
     margin-bottom: 40px;
}
 .rewards-section {
    padding-bottom: 20rem;
}
 .new-padding-re {
    padding-bottom: 5rem !important;
}
 @media (max-width: 1630px){
     .stars{
         height: 400px;
    }
     .spacecraft {
         top: 30px;
         width: 30%;
    }
}
 @media (max-width: 1399px){
     .stars{
         height: 400px;
    }
     .spacecraft {
         top: 10%;
    }
     .man {
         left: 15%;
         width: 17%;
    }
}

@media (min-width: 1200px) and (max-width: 1299px) {
    /* Subscription Page Start */
    .footer-waves img {height: 500px;}
    /* Subscription Page End */
}

@media (max-width: 1200px){
     .man {
         left: 10%;
         width: 20%;
    }
}
@media (max-width: 1100px){
     .reward-block {
         width: calc(50% - 0.5rem);
         padding-left: 4rem;
    }
     .spacecraft {
         top: 10%;
         width: 35%;
    }
     .bottom-image {
         bottom: -20px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    /* Subscription Page Start */
    .footer-waves img {height: 420px;}
    /* Subscription Page End */
}

@media (max-width: 1100px){
     .reward-block {
         width: calc(50% - 0.5rem);
         padding-left: 4rem;
    }
     .bottom-image {
         bottom: 0px;
    }
}
@media (max-width: 990px){
    .man { display: none; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-brand {max-width: 170px;}
    .navbar-expand-md .navbar-nav {margin-bottom: 0 !important;}

    .subscription-footer .footer-logo { width: 6.8rem; height: 7rem; }
    .footer-waves img {height: 400px;}
}

@media (max-width: 767px){
     .two-btn a, .two-btn .d-btn, .under-mods a, .under-mods .r-btn, .mountain-sec-con a, .mountain-sec-con .d-btn{
         width: 100%;
         padding: 10px 0px;
         font-size: 1.5rem;
         font-weight: 600;
         margin-top: -5px;
    }
     .mountain-sec-con a, .mountain-sec-con .d-btn {
        height: auto !important;
    }
    .navbar-collapse { border-radius: 10px; margin-top: 10px; }
    .navbar-nav .nav-link { font-size: 1.7rem; }
     .under-mods {
        width: 90%;
    }
     .modsfire::after {
         background: none;
    }
     .register-sec {
        border: none;
         background: none;
         margin-right: 0;
         margin-left: 0;
    }
     .filesvg {
         margin-right: 0.7rem;
         height: 3rem;
    }
     .new-padding-re {
         padding-bottom: 5rem !important;
    }
     .rewards-section {
         padding-bottom: 20rem;
    }
     .modsfire h6 {
         font-size: 1.5rem;
         max-width: 100%;
         margin-bottom: 2rem;
         text-align: center;
    }
     .spacecraft {
         display: none;
    }
     .bottom-image {
         display: none;
    }
     .stars{
         height: 100%;
    }
     .game-mode h1 {
         font-size: 2.8rem;
         margin-top: -6rem;
         text-align: center;
    }

    .subscription-footer .social-media ul li { padding: 0 4px; }
    .subscription-footer .container { background-image: none; backdrop-filter: blur(7.5px); -webkit-backdrop-filter: blur(7.5px);}
    .footer.subscription-footer { padding: 0 1rem 2.275rem; }
    .subscription-footer .footer-menu ul li { margin: 0.3rem .5rem; }
    .footer-waves img { height: 440px; }

    .sub-bg-img img { width: 1000px; max-width: unset; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); }

    .navbar-brand {max-width: 160px;}

}
 @media (max-width: 450px){
     .reward-block {
         width: calc(100% - 0.5rem);
         padding-left: 4rem;
    }
     .flame-sec, .dollar-sec1.dollar-sec {
         width: calc(100% - 0.5rem);
         padding-left: 4rem;
    }
}

.gradient-left,
.gradient-right {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 20%; /* Adjust this value to control the gradient width */
  z-index: 1;
}

.gradient-left {
  left: 0;
  background: linear-gradient(to right, black 1%, transparent 70%);
}

.gradient-right {
  right: 0;
  background: linear-gradient(to left, black 1%, transparent 70%);
}