*{
	box-sizing: border-box;
}
p,span,a,h1,h2,h3,h4,h5,h6,button,body{
	color: #fff !important;
}
 :root{
	--bs-body-font-size: 1.5rem !important;
  }
.bg-custom{
	background:linear-gradient(to right ,#EFB2BC, #BB5C6A); 
}
.competition-section {
	position: relative;
	overflow: hidden; /* Hide any overflow caused by the image scaling */
  }
  
  .competition-section img {
	transition: transform 0.5s ease; /* Smooth transition for zoom effect */
  }
  
  .competition-section:hover img {
	transform: scale(1.1); /* Slight zoom-in on hover  */
  }
 

/* For Chrome, Safari, Edge, and Opera */
input[type="range"]::-webkit-slider-runnable-track {
    background:#0D0E1C;
    height: 12px; /* Adjust track height as needed */
    border-radius: 5px; /* Optional: to make the track rounded */
    border:1px solid #A94955;
}

/* For Firefox */
input[type="range"]::-moz-range-track {
    background: #0D0E1C;
    height: 12px;
    border-radius: 5px;
    border:1px solid #A94955;
}

/* For Internet Explorer */
input[type="range"]::-ms-track {
    background:#0D0E1C;
    height: 12px;
    border-radius: 5px;
    border-color: transparent; /* Removes extra borders on IE */
    border:1px solid #A94955;
}



.custom-btn-color{
	background:linear-gradient(to right , #E2AF9A , #BD5D65,#993949) !important;
	-webkit-background-clip: text;
	color: transparent;
	border-radius: 100px;
	border:none;
	color: #f1f1f1;
	transition: background 0.4s ease;
}
.custom-btn-color:hover{
	color: white;
	background: linear-gradient(to right, #855549, #5e2127, #3d060c) !important; /* Darker gradient for hover */
	transition: background 0.4s ease;
}

input::placeholder{
	color:lightslategray
}
.bgcolor{
	background: #261B2A;
	color: #f1f1f1;
}
.color{
	color: #EFB2BC
}
.bg1{
	background-image: url('../images/4827933_10550.jpg');
	background-size: cover;
}
#circle{
	background: linear-gradient(to right, #E2AF9A, #BD5D65, #993949);
	-webkit-background-clip: text;
	color: transparent;
	margin-top: -15px;
}

.icon-link {
	position: relative; /* Make sure parent is positioned */
 }
 
 .icon-link::after {
	content: '';
  display: block;
  background-image: url("../images/linee.png");
  background-size: cover;
  background-repeat: no-repeat;
  width: .7px;
  height: 45px;
  position: absolute;
  bottom: -8px;
  right: 0;
  z-index: 999999999999;
 }

 .icon-link:first-child::before {
    content: '';
    display: block;
    background-image: url("../images/linee.png");
    background-size: cover;
    background-repeat: no-repeat;
    width: 0.7px;
    height: 45px;
    position: absolute;
    bottom: -8px;
    left: 0;
    z-index: 999999999999;
}

 

.bgimage1{
	background-image: url("../images/955640_4456.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
}
.mySwiper{
	/* height: 260px !important; */
}
/*Login Button Start*/

.icon-gradiant{
	background: linear-gradient(to right, #E2AF9A, #BD5D65, #993949);
	width: 60px;
	height: 60px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;

}
.loginregisterbtn {
    min-height: 30px;
	background: linear-gradient(to right, #E2AF9A, #BD5D65, #993949);
    border-radius: 0px 50px 50px 0px;
    padding: 5px 15px 5px 36px;
}
@media (max-width: 576px){
  .icon-gradiant{
		width: 50px; /* Reduced size for small devices */
		height: 50px; /* Reduced size for small devices */
  }
  .loginregisterbtn{
	 padding:0px 20px 0px 30px;
	 text-align:center
  }
  .loginregisterbtn span{
	  font-size: 12px !important; /* Smaller font size for small devices */
  }
}
/*Login Buttoo End*/
/*Feature Start*/
.feature-section{
	width:277px;
	background: black;
	border-radius: 100px;
	display: flex;
	gap:10px;
	align-items: center;
	padding: 10px 15px
}
.feature-section .icon{
	width: 30%
}
.feature-section .desc{
	width: 70%
}
@media (max-width:992px){
   .feature-section{
	   width:160px !important;
	   gap:7px;
	   align-items: center;
	   padding: 8px 12px
    }
	.feature-section h4{
		font-size: 13px !important;
	}
}
h2{
	font-weight: 600 !important;
}
@media (max-width:768px){ 
   .feature-section{
	   width:130px !important;
	   gap:5px;
	   align-items: center;
	   padding: 8px 12px
    }
	.feature-section h4{
		font-size: 10px !important;
	}
	:root{
		--bs-body-font-size: 1.1rem !important;
	  }
	  .how-img-1{
		width: 100% !important;
		text-align: center;
	  }
	  .ms-how-play img{
		max-width: 250px !important;
	  }
	  .competition .mt-5,
	  .competition .pt-5{
		padding: 0 !important;
	  }

	  html body .winnersectionfirst .swiper-wrapper {
		height: auto !important;
	  }

	  html body .img.coin-img{
		margin: 0 auto !important;
	  }
	  html body .f-logo.w-75{
		max-width: 250px !important;
		margin: 0 auto !important;
	  }
}



h1,
h2,
h3{
	background-image: url(../images/h2.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding-right:10px;
background-size: 25px;
background-position:left;
padding-left: 40px;
}
.swiper-slide h1,
.swiper-slide h2,
.swiper-slide h3{
	background-image: none;
    padding-left: 0;
}

@media (max-width:576px){
   .feature-section{
	   width:130px !important;
	   gap:5px;
	   align-items: center;
	   padding: 8px 12px
    }
	.feature-section h4{
		font-size: 10px !important;
	}
}
/*Feature End*/
/*competition-section tart*/
.competition-section{
	border: 2px solid #993949;
	border-radius: 40px;
	overflow: hidden;
	min-height: 315px !important;
	position: relative;
	width: 100%
}
.competition-section img{
	object-fit: cover;
}
.competition-section .contant, .competition-section .contant3{
	background:rgba(0, 0, 0, 0.69);
	color: #f1f1f1;
	position: absolute;
	bottom: 0px;
	width: 100%;
	padding: 15px

}
.competition-section .outlinebtn{
	border: 1px solid #BB5C6A;
	border-radius: 100px;
	width: 100%;
	color: #f1f1f1;
	line-height: 15px;
	font-size: 13px
}
.competition-section .contant .tab p{
	background: linear-gradient(to right, #E2AF9A, #BD5D65, #993949);
	border-radius: 100px ;
	color : #f1f1f1;
	text-align: center;
	font-size: 13px;
	line-height: 21px;
	padding: 8px 0px;
	margin: 0px
}
.competition-section .contant3 .tab p{
	background: linear-gradient(to right, #E2AF9A, #BD5D65, #993949);
	border-radius: 15px ;
	color : #f1f1f1;
	text-align: center;
	font-size: 13px;
	line-height: 21px;
	padding: 8px 0px;
	margin: 0px;
	width: 50px
}
.competition-section .contant3 .tabcontainer{
	width: 100%;
	display: flex; 
	gap:10px;
	justify-content: space-between;
}		
/* .competition-section input[type=range]{
  width: 100%;
  -webkit-appearance: none;
  appearance: none;
  height: 6px;
  border-radius: 10px;
  background: linear-gradient(90deg, #e8af56 50%, #ccc 50%);
  outline: none;
  opacity: 0.7;
  transition: opacity 0.2s;
} */
/* .competition-section input[type=range]::-webkit-slider-thumb{
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: linear-gradient(to right, #E2AF9A, #BD5D65, #993949);
  cursor: pointer;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
} */
/* .competition-section input[type=range]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: linear-gradient(to right, #E2AF9A, #BD5D65, #993949);
  cursor: pointer;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
} */
/*competition-section End*/
/*newsletter*/
.newsletter{
	padding: 40px 0px 30px 0px
}
.newsletter .newsletterform .email{
   border-radius: 50em !important; 
   border: 1px solid #993949 !important; 
   padding: 15px 25px !important;
   background: transparent !important;
}
.newsletter .newsletterform input:focus{
	border-color: #993949 !important;
	background: transparent !important;
	color: white !important;
}
.newsletter .newsletterform .btn{
	padding : 10 25px !important;
	font-size: 25px !important;
}
.newsletter .newsletterform input::placeholder{
	color: #848484 !important;
}

@media (max-width: 320px){
	.newsletter .circleImg{
		width : 100px;
		margin-top: 3px;
	}
	
}
/*Backgroun Top Swiper Start*/
.bgswiper{
	height: 450px !important
}
.bgswiper h1{
		font-size: 5rem !important
	}
@media (max-width: 992px){
	.bgswiper h1{
		font-size: 3rem !important
	}
}
@media (max-width: 768px){
	.bgswiper h1{
		font-size: 2rem !important
	}
}
@media (max-width: 576px){
	.bgswiper{
		height: 300px !important
	}
	.bgswiper h1{
		font-size: 1.5rem !important
	}
	.bgswiper p{
		font-size: 10px
	}
}
/*Backgroun Top Swiper End*/
/*Banner Space start*/
.bannerspace p{
	font-size: 110px;
}
@media (max-width: 992px){
	.bannerspace p{
		font-size: 4.4rem !important;
	}
}
@media (max-width: 767px){
	.ms-banner{
		text-align: center !important;
	}
	.ms-banner img{
		max-width: 170px !important;
		margin: 0 auto !important;
	}
	.bannerspace p{
		font-size: 4rem !important;
	}
	.swiper.bgswiper{
		height: 100% !important;
	}
	.swiper.bgswiper a.btn{
		margin-bottom: 3rem;
	}
	.bgswiper p,
	p.small {
		font-size: 14px !important;
	  }
	  .w-75,
	  .row .w-75{
		width: 100% !important;
	  }
	  .display-4{
		display: none !important;
	  }

	  .ms-how-play .d-flex,
	  .ms-how-play .ms-f{
        width: 100% !important;
		text-align: center !important;
	  }
}
@media (max-width: 576px){
	.bannerspace p{
		font-size: 3rem !important;
	}
}
/*Banner Space End*/
.swiper{
	width: 100%;
	/* height: 100%; */
}
.swiper-wrapper{
	
	height: auto !important;
}
.swiper-backface-hidden .swiper-slide{
	/* height: max-content !important; */
}



















.bgdradian{
	background-image: url("../images/bg.png") !important;
	background-repeat: no-repeat;
	background-size:cover;
/*background: radial-gradient(circle, rgba(58,20,90,1) 0%, rgba(19,9,30,1) 100%);*/
	padding: 40px 0 20px 0px;
	color: #f1f1f1;
}

.ms-how-play{
	background-image: url("../images/11.png") !important;
}
.cliensection{
	background-image: url("../images/12.png") !important;
}
.cliensection,
.ms-how-play{
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center;
}
.swiper-pagination-bullet{
	width: 12px !important;
	height: 12px !important;
	background: white !important;
}
@media (max-width:992px){
  .swiper-pagination-bullet{
	width: 15px !important;
	height: 15px !important
   }
}
@media (max-width:768px){
  .swiper-pagination-bullet{
	width: 10px !important;
	height: 10px !important
   }
}
.swiper-pagination-bullet-active{
	background:#dad6d6;
}
.swiper-pagination-bullet-active{
	background: linear-gradient(to right, #E2AF9A, #BD5D65, #993949) !important;
}

/*cliensection*/

.cliensection .img img{
	width: 80px;
	height: 80px;
	border-radius: 100px;
	object-fit: cover
}
.winnersectionfirst {
	height :470px
 }
.winnersectionfirst .swiper-wrapper{
   height: 400px !important;
}
.equalsectionimg div{
	overflow: hidden
}
.equalsectionimg img{
	height: 150px;
	object-fit: cover;
	border:2px solid #993949;
	border-radius: 10px;
	background-position: center
}
.winnersectionfirst .img1 img{
	height: 224px;
	object-fit: cover;
	border:2px solid #993949;
	border-radius: 10px;
	background-position: center
}
.winnersectionfirst .img2 img{
	height:104px;
	object-fit: cover;
	border:2px solid #993949;
	border-radius: 10px;
	background-position: center
}
.winnersectionfirst .img3 img{
	height: 390px;
	object-fit: cover;
	border:2px solid #993949;
	border-radius: 10px;
	background-position: center
}
.winnersectionfirst .img4 img{
	height: 188px;
	object-fit: cover;
	border:2px solid #993949;
	border-radius: 10px;
	background-position: center
}
@media (max-width:992px){
	.winnersectionfirst .swiper-wrapper{
        height: 230px;
    }
	.equalsectionimg img{
		height: 84px !important
	}
   .winnersectionfirst .img1 img{
	  height: 110px !important;
   }
   .winnersectionfirst .img2 img{
	  height:47px !important;
   }
   .winnersectionfirst .img3 img{
	  height: 210px !important;
   }
   .winnersectionfirst .img4 img{
	  height: 96px !important;
   }
}
@media (max-width:768px){
	.winnersectionfirst .swiper-wrapper{
       height: 230px;
    }
	.equalsectionimg img{
		height: 84px !important
	}
   .winnersectionfirst .img1 img{
	  height: 110px !important;
   }
   .winnersectionfirst .img2 img{
	  height:47px !important;
   }
   .winnersectionfirst .img3 img{
	  height: 210px !important;
   }
   .winnersectionfirst .img4 img{
	  height: 96px !important;
   }
}
@media (max-width:576px){
   .winnersectionfirst .swiper-wrapper{
       height: 230px;
   }
   .equalsectionimg img{
		height: 84px !important
   }
   .winnersectionfirst .img1 img{
	  height: 110px !important;
   }
   .winnersectionfirst .img2 img{
	  height:47px !important;
   }
   .winnersectionfirst .img3 img{
	  height: 210px !important;
   }
   .winnersectionfirst .img4 img{
	  height: 96px !important;
   }
  
}
/*Footer Section Start*/
footer{
	background-image: url("../images/footer.png") !important;
	background-repeat: no-repeat;
	background-size:cover;
	color: #f1f1f1;
	padding:100px 0 80px 0px;
	background-position: right;
}
footer .boder-img img{
	width: 4px;
	height:100%;
	object-fit:fill
}
@media(max-width:992px){
	footer .boder-img img{
		display: none;
	}
}
@media(max-width:768px){
	footer .boder-img img{
		display: none;
	}
}
@media(max-width:576px){
	footer .boder-img img{
		display: none;
	}
}
footer .small{
	font-size: 12px !important
}
/*Footer Section End*/




/*Registration Page Start*/
.form{
	border:1px solid #993949;
	border-radius: 30px
}
.signup{
	background: linear-gradient(to right, #E2AF9A, #BD5D65, #993949) !important;
	border-radius: 100px;
	border:none;
	color: #f1f1f1;
	width: 100%;
	padding: 20px 0px;
	font-size: 25px;
	font-weight: 700
}
.signup:hover{
	color: #f1f1f1 !important;
}
.signup:focus{
	color: #f1f1f1 !important;
}
#signupbtn , #loginbtn{
	font-size: 25px !important;
	border-radius: 0px;
	color: #f1f1f1;
	width: 100%;
	font-weight: 700;
	padding: 20px 0px;
	border-bottom: 1px solid #993949
}
.formfeild input{
   border-radius: 50em !important; 
   border: 2px solid #993949; 
   padding: 30px;
   background: transparent;       
}
.formfeild input:focus{
	border-color: #FFC0CB !important;
	background: transparent;
	color: white;
}
.formfeild input::placeholder{
	color: #848484;
}
.formfeild input{
	color: #f1f1f1
}		
@media (max-width:992px){
	.form{
		border-radius: 20px
	}
	.formfeild input{
	   padding: 15px; 
	 }
	.signup{
	   padding: 15px 0px;
	   font-size: 15px;
	   font-weight: 500
     }
	 #signupbtn , #loginbtn{
		font-size: 15px !important;
		padding: 14px 0px;
	 }			
}
@media (max-width:768px){
	.formfeild input{
	   padding: 10px 15px; 
	 }
	.signup{
	  padding: 10px 0px
	}
	#signupbtn , #loginbtn{
		font-size: 15px !important;
		padding: 10px 0px;
	}
}
@media (max-width:576px){
	.formfeild input{
	   padding: 10px 15px; 
	 }
	.signup{
		background: linear-gradient(to right, #E2AF9A, #BD5D65, #993949) !important;
	   border-radius: 100px;
	   border:none;
	   color: #f1f1f1;
	   width: 100%
	}
	#signupbtn , #loginbtn{
		font-size: 15px !important;
		padding: 10px 0px;
	}
}

/* Package Section */
.packagesection{
	border: 2px solid #993949;
	border-radius:40px 40px 30px 30px;
	color: white;
	text-align: center;
	background: black;
}
.packagesection .title{
	background: linear-gradient(to right, #E2AF9A, #BD5D65, #993949) !important;
	border-radius: 100px;
	padding: 10px;
	text-align: center;
	border: 2px solid black;
	margin-top: -5px;
}
.packagesection .coin{
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
	gap: 10px;
	font-weight: 500;
}

.packagesection .expiry .favelogo{
	width: 40px !important;
	height: 40px !important;
}
.packagesection .expiry p{
color: #FFC0CB;
font-size: 45px;
font-weight: 400;
line-height: 52px;
}
.packagesection .paymentsection{
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: center;
	margin-bottom: 15px;
}
.packagesection .paymentsection h4{
	color: #FFC0CB;
	margin: 10px 0px;
}
.packagesection .paymentsection img{
width: 70px;
}
.packagesection .btn{
	background: linear-gradient(to right, #E2AF9A, #BD5D65, #993949) !important;
	border: none;
	padding: 10px 30px;
	color: white;
	border-radius: 100px;
	font-size: 20px;
	margin: 10px 0px 15px 0px;
}


.ms-how-play .row-cols-md-2 h1, .ms-how-play .row-cols-md-2 h2, .ms-how-play .row-cols-md-2 h3,
.footer h1, .footer h2, .footer h3{
  background-image: none !important;
  padding: 0 !important;
}

@media only screen and (max-width:767px){
	.mb-d-none,
	.newsletter img{
		display: none !important;
	  }
	  .competition-section .row.row-cols-2{
		display: block !important;
	  }
	  .competition-section .row.row-cols-2 > *{
		width: 100% !important;
	  }
	  .competition-section .text-decoration-none{
		margin: 0 !important;
	  }
	  .competition-section .weeelll.row .sss{
		margin-top: 1rem !important;
		margin-bottom: 1rem !important;
		transform: unset !important;
	  }
	  .discount-btn .small.custom-btn-color {
		font-size: 20px;
	  }
	  .newsletterform input{
		width: 100% !important;
	  }
	  .ms-how-play .pt-5.mt-5{
		padding-top: 0 !important;
  margin-top: 0 !important;
	  }

	  .ms-how-play .row.row-cols-sm-2.row-cols-2{
		margin: 0 !important;
	  }
}

@media only screen and (min-width:768px) and (max-width:991px){
	.container-sm, .container {
		max-width: 700px;
	  }
	  .competition-section .row.row-cols-2 {
		display: block !important;
		align-items: center;
	  }
	  .competition-section .row.row-cols-2 .d-grid,
	  .competition-section .row.row-cols-2 .my-3,
	  .competition-section .text-decoration-none .col-lg-4.my-auto{
		max-width: 100% !important;
        width: 100% !important;
	  }
	  .custom-border-outline{
		margin: 0 !important;
	}
	
}
/* Hide the border item after the last nav-item */
.navbar-nav .nav-item:nth-last-child(2) a {
    border: none !important;
}


@media only screen and (min-width:768px) and (max-width:1024px){
	:root{
		--bs-body-font-size: 1rem !important;
	  }
	  .ms-how-play img{
		max-width:250px !important;
		margin: 0 auto !important;
	  }

	  .competition{
		padding: 4rem 30px 0;
	  }

	  html body .ms-how-play .how-img-1,
	  html body .ms-how-play .d-flex{
		text-align: center !important;
		justify-content: center !important;
	  }

	  .newsletterform .custom-btn-color{
		width: 100% !important;
	  }
	  .mb-d-none{
		display: none !important;
	  }
	  .ms-footer-logo{
		text-align: center !important;
	  }
	  .ms-footer-logo .f-logo{
		text-align: center;
		width: 100% !important;
	  }
	  .ms-footer-logo img{
		max-width: 250px !important;
	  }
	  .winnersectionfirst .swiper-wrapper {
		height: auto !important;
	  }
	  .competition-section .weeelll .text-decoration-none{
        width: 100% !important;
	  }
	  .competition .mt-5, .competition .pt-5 {
		padding: 0 !important;
	  }
	  .ms-token{
		padding: 5px 0px 5px 0px !important;
	}
}
.copy-text{
	padding: 7px 0;
}
.copy-text p{
	margin: 0 !important;
}
@media only screen and (min-width:600px) and (max-width:992px){
  .competition-section .text-decoration-none p{
	width: 65%;
  display: block;
  }
}
@media only screen and (min-width:768px) and (max-width:1200px){
	.ms-banner .custom-btn-color{
	  width: 120px;
	}

  }
@media only screen and (min-width:992px) and (max-width:1200px){
	.competition-section .contant3 .tabcontainer .mbl-seconds{
        display:none !important;
	  }
	  .competition-section .col-lg-4.my-auto,
	  .competition-section .weeelll.row a{
		width: 100% !important;
	  }
	.footer .row.align-items-center{
		justify-content: space-between;
	}
	.mb-d-none {
		display: none !important;
	  }
	  .footer .container .row{
		justify-content: space-around;
	  }
	  .footer .col-lg-3 {
		padding-left: 0 !important;
	  }
	/* .footer .col-lg-3{
		padding-left: 3rem !important;
	}  */
	.competition-section .row.row-cols-2 {
		display: block !important;
		align-items: center;
	  }
	  .competition-section .row.row-cols-2 .d-grid,
	  .competition-section .row.row-cols-2 .my-3{
		max-width: 100% !important;
        width: 100% !important;
	  }
	  .custom-border-outline{
		margin: 0 !important;
	}
	.ms-token{
		padding: 5px 0px 5px 0px !important;
	}
}

@media only screen and (min-width:992px) and (max-width:9000px){
	/* .competition-section .contant3 .tabcontainer{
		overflow-x: auto;
        padding-bottom: 15px;
	}
	
	
	  .competition-section .tabcontainer{
		overflow-x: auto;
  padding-bottom: 15px;
  scroll-behavior: smooth;
	  } */
	  .ms-how-play .gap-3.pt-5.mt-5{
		padding-top: 0 !important;
		margin-top: 0 !important;
	  }
}