.hydra-line{
  position:relative;
	max-width:90rem;
	height:188.25rem;
	background-color:#733fd380;
	overflow:hidden;
	margin:auto;
}
.col-50{
  width: 50%;
}
.col-40{
width: 40%;
}
.col-45{
  width: 45%;
}
.col-55{
  width: 55%;
}
.text-right{
  text-align: right;
}
.display-flex{
  display: flex;
}
.display-ib{
  display: inline-block;
}
.betfrom-wrapper {
	/* position:absolute; */
	width:17.25rem;
	height:3.9375rem;
	border-radius:2.5rem;
	text-align:center;
	background:linear-gradient(90deg,#52D332 18.69%,#FFF 100%);
	cursor:pointer;
  display: inline-block;
}
 .betfrom-wrapper .text-wrapper-1 {
	color:#343045;
	font-family:"Mont-Bold",Helvetica;
	font-size:1.25rem;
	font-style:normal;
	font-weight:700;
	line-height:4.25rem;
}
 .betfrom-official {
	/* position:absolute; */
	width:18.5rem;
	height:3.6875rem;

}

.betfrom-header{
  z-index: 100;
  margin-right: auto;
  margin-left: auto;
  position: relative;
	padding :4.75rem  0 2.81rem 0;
}

.hero-text{
  position: relative;
  /* padding-left: 5.25rem; */
  padding-top: 5.69rem;
  z-index: 100;
}

.hydra-desktop-to{
	position:relative;
	max-width:90rem;
	/* height:188.25rem; */
	background-color:#733fd380;
	overflow:hidden;
	margin:auto;
  padding:0 5.25rem;

}
 .overlap {
	/* position:relative; */
	/* width:89.9375rem;
	height:62.625rem;
	top:0;
	left:0.0625rem; */
  width: 25%;
}
 .overlap-group {
	position:absolute;
	/* width:89.9375rem;
	height:62.625rem; */
	/* top:0;
	left:0; */
}
 .vector {
	position:absolute;
	width:25.9375rem;
	height:42.1875rem;
	/* top:10.4375rem;
	left:63.8125rem; */
  top:-0.75rem;
	/* left:57.8125rem; */
  right:-5.25rem;
}
 .vector-1 {
	position:absolute;
	width:46rem;
	height:26.375rem;
	/* top:26rem;
	left:43.9375rem; */
  top:14.82rem;
  right:-5.25rem;
}
 .vector-2 {
	position:absolute;
	width:23.9375rem;
	height:52.875rem;
  top: -11.4rem;
	/* left:57.8125rem; */
  right: 2.3rem;
  /* bottom: 3.19rem; */
}
.vector-3 {
	position:absolute;
	width:15.125rem;
	height:35.25rem;

	top:5.69rem;
	left:-5.25rem;
}
 .hero-section {
	/* width:80.625rem;
	height:50.75rem;
	top:11.875rem;
	left:5.1875rem; */
}
.hero-div-box{
  position: relative;
}
 .hero-div {
  position: relative;
  /* width:40.8125rem;
	height:34.8125rem; */
	/* top:0;
	left:38.6875rem; */
}
 .rectangle {
	position:absolute;
	width:32.75rem;
	height:28.4375rem;
  top: 50%;
  left: 61%;
  transform: translate(-50%, -50%);
	background-color:#00000021;
	border-radius:6.25rem 6.25rem 6.25rem 15rem;
}
.mask-group-box{
	position:relative;
	text-align: center;
}
 .mask-group {
	position:relative;
  max-width: 100%;
	width:39.9375rem;
	/* height:34.8125rem; */
  /* top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); */
}
 .grab-your-cash {
  max-width:34.9375rem;
	/* height:7.5rem; */

	top:8.5rem;
	left:0.125rem;
  color: #FFF;
  margin-top: 0.5rem;

  font-family:"Mont-Bold",Helvetica;
  font-size: 3.125rem;
  font-style: normal;
  font-weight: 800;
  /* line-height: 3.75rem;  */
}
 .grab-your-cash .text-wrapper-0{
  background: linear-gradient(269deg, #80DC6A -3.72%, #52D332 82.17%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

 .text-wrapper {
	top:5.1875rem;
	left:0;
	background:linear-gradient(180deg,rgb(128,220,106) 0%,rgb(82,211,50) 100%);
	-webkit-background-clip:text !important;
	background-clip:text;
	-webkit-text-fill-color:transparent;
	text-fill-color:transparent;
	font-family:"Mont-Bold",Helvetica;
	font-weight:700;
	color:transparent;
	font-size:1.875rem;
	letter-spacing:0;
	line-height:normal;
}
.div-wrapper-box{
  margin-top: 3rem;
  position: relative;

}


 .div-wrapper {
  display: inline-block;
	width:14.375rem;
	height:3rem;
  line-height: 3rem;
 
	border-radius:2.5rem;
	background:linear-gradient(90deg,#52D332 18.69%,#FFF 100%);

  color:#343045;
	font-family:"Mont-Bold",Helvetica;
  font-size: 0.75rem;
  font-style:normal;
	font-weight: 700;
	line-height:3rem;
  text-align: center;
  cursor: pointer;
}
 .text-wrapper-1 {
	color:#FFF;
	font-family:"Mont-Bold",Helvetica;
	font-size:3.125rem;
	font-style:normal;
	font-weight:800;
	line-height:3.75rem;
	/* 120% */
}
 .text-wrapper-2 {
	top:1.0625rem;
	left:1.5rem;
	font-family:"Montserrat",Helvetica;
	font-weight:700;
	color:#343045;
	font-size:0.75rem;
	letter-spacing:0;
	line-height:normal;
}
 .outline-arrow-small {
	width:6.25rem;
	height:6.25rem;
	top:24.8125rem;
	left:14.0625rem;
  vertical-align: middle;
  display: inline-block;
}
 .overlap-2 {
  display: flex;
	position:relative;
	max-width:79.5rem;
	/* height:10.4375rem; */
  margin: auto;
  margin-top: 0.81rem;
	/* top:40.3125rem;
	left:0; */
	border-radius:5.625rem;
	box-shadow:0rem 0.25rem 0.25rem #c0b7e703;
	background:radial-gradient(50% 50% at 50% 50%,rgba(57.9,51.64,86.06,0.95) 0%,rgb(32.92,30.08,45.69) 100%);
  padding: 2.58rem 4.13rem 1.5rem 2.37rem;
	
	-moz-user-select: none; 
	-o-user-select:none; 
	-khtml-user-select:none; 
	-webkit-user-select:none; 
	-ms-user-select:none; 
	user-select:none;
}
.swiper-wrapper{
	display: flex;
}
 .flexcontainer {
	/* width:23rem;
	height:2.5rem; */
	/* top:5rem;
	left:2.375rem; */
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:0.375rem;
	/* position:absolute; */
  width: 32%;
  cursor: pointer;
}
 .text {
	position:relative;
	align-self:stretch;
	font-family:"Montserrat",Helvetica;
	font-weight:400;
	color:#ffffff;
	font-size:0.875rem;
	letter-spacing:0;
	line-height:normal;
	margin-top: 0.5rem;
}
 .span {
	font-family:"Montserrat",Helvetica;
	font-weight:400;
	color:#ffffff;
	font-size:0.875rem;
	letter-spacing:0;
  line-height: 1.3rem;
}
 .text-wrapper-3 {
	top:2.5625rem;
	left:2.375rem;
	/* position:absolute; */
	font-family:"Montserrat",Helvetica;
	font-weight:700;
	color:#52d332;
	font-size:1.5rem;
	letter-spacing:0;
	line-height:normal;
}
 .flexcontainer-2 {
	width:21rem;
	height:3.9375rem;
	top:5rem;
	left:29.5rem;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:0.375rem;
	/* position:absolute; */
}
 .text-wrapper-4 {
	top:2.625rem;
	left:29.375rem;
	/* position:absolute; */
	font-family:"Montserrat",Helvetica;
	font-weight:700;
	color:#52d332;
	font-size:1.5rem;
	letter-spacing:0;
	line-height:normal;
}
 .flexcontainer-3 {
	width:20.4375rem;
	height:2.5rem;
	top:5rem;
	left:54.9375rem;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:0.375rem;
	/* position:absolute; */
}
 .text-wrapper-5 {
	top:2.625rem;
	left:54.875rem;
	/* position:absolute; */
	font-family:"Montserrat",Helvetica;
	font-weight:700;
	color:#52d332;
	font-size:1.5rem;
	letter-spacing:0;
	line-height:normal;
}
 .vector-4 {
	/* position:absolute; */
	width:0.0625rem;
	height:7.25rem;
	top:1.5625rem;
	left:27.5625rem;
  margin:0 1.5%;
}
 .vector-5 {
	/* position:absolute; */
	width:0.0625rem;
	height:7.25rem;
	top:1.6875rem;
	left:52.75rem;
  margin:0 1.5%;
}
 .welcome-to-the {
	max-width:34.625rem;
	top:28.375rem;
	left:5.1875rem;
	font-family:"Mont-Bold",Helvetica;
	font-weight:700;
	color:#ffffff;
	font-size:1.0625rem;
	letter-spacing:0;
	line-height:normal;
  margin-top: 1rem;
}
 .text-wrapper-6 {
	position:relative;
	margin-top:2rem;
	/* margin-left:7.625rem; */
	background:linear-gradient(180deg,rgb(128,220,106) 0%,rgb(82,211,50) 100%);
	-webkit-background-clip:text !important;
	background-clip:text;
	-webkit-text-fill-color:transparent;
	text-fill-color:transparent;
	font-family:"Mont-Bold",Helvetica;
	font-weight:700;
	color:transparent;
	font-size:1.875rem;
	letter-spacing:0;
	line-height:normal;
}
.mask-group-2-box{
  /* padding-left: 5.25rem; */
}
 .overlap-3 {
	position:relative;
  padding-top: 5.06rem;
	/* width:90rem;
	height:46.9375rem; */
	/* top:67.6875rem;
	left:0; */
}
 .vector-6 {
	position:absolute;
	width:90rem;
	height:16.3125rem;
  left: -5.25rem;
	/* top:11.375rem;
	left:0; */
}
 .vector-7 {
	position:absolute;
	width:90rem;
  height: 16.04225rem;
	 top:21.3rem;
   left: -5.25rem;
	/*left:0; */
}
 .about-section {
	/* position:absolute; */
	/* width:81.75rem;
	height:46.9375rem; */
  position: relative;
  justify-content: space-between;
	/* top:0;
	left:5.25rem; */
}
 .text-wrapper-7 {
	top:0.25rem;
	left:0;
	font-family:"Montserrat",Helvetica;
	font-weight:700;
	color:#ffffff;
	font-size:2.25rem;
	letter-spacing:0;
	line-height:normal;
}
 .to-betfrom-com {

  top:3.625rem;
	left:0;
	font-family:"Mont-Bold",Helvetica;
	font-weight:400;
	color:transparent;
	font-size:2.25rem;
	letter-spacing:0;
	line-height:normal;
}
 .text-wrapper-8 {
	font-weight:700;
	color:#ffffff;
  display: inline-block;
}
 .text-wrapper-9 {
	font-family:"Montserrat",Helvetica;
	font-weight:300;
	color:#ffffff;
  
}
 .text-wrapper-10 {
	font-weight:700;
	color:#52d332;
  display: inline-block;
}
 .flexcontainer-4 {
  
	/* width:29.625rem; */
	/* height:12.875rem; */
	/* top:15.25rem;
	left:39.4375rem; */
	/* display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:0.375rem; */
	/* position:absolute; */
}
.about-section-text{
	margin-top: 3.69rem;
	position: relative;
}
 .span-wrapper {
	font-weight:700;
	color:#80dc6a;
	font-size:6.25rem;
	line-height:6.25rem;
	position:relative;
	align-self:stretch;
	font-family:"Montserrat",Helvetica;
	letter-spacing:0;
}
 .text-wrapper-11 {
	font-family:"Montserrat",Helvetica;
	font-weight:700;
	color:#80dc6a;
	font-size:6.25rem;
	/* letter-spacing:0;
	line-height:6.25rem; */
}
 .flexcontainer-5 {
	max-width:42.5rem;
	height:6.375rem;
	top:0;
	left:38.75rem;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:0.375rem;
}
 .p {
	font-weight:400;
	color:#ffffff;
	font-size:1.0625rem;
	line-height:normal;
	position:relative;
	align-self:stretch;
	font-family:"Montserrat",Helvetica;
	letter-spacing:0;
}
 .text-wrapper-12 {

}
 .mask-group-2 {
	/* position:absolute; */
  max-width: 100%;
	width:33.25rem;
   position: relative;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}
 .component {
	/* position:absolute; */
	/* width:14.25rem;
	height:6.25rem; */
	top:1.875rem;
	left:20.3125rem;
  display: inline-block;
  vertical-align: middle;
}
 .overlap-group-2 {
	position:relative;
	height:6.25rem;
}
 .outline-arrow-small-2 {
	/* position:absolute; */
	width:6.25rem;
	height:6.25rem;
	top:0;
	left:8rem;
}
.component-box{
  padding-top: 5.31rem  ;
}
 .vector-8 {
	/* position:absolute; */
  	width: 14.25rem;
  /* height: 6.25rem; */
	top:3rem;
	left:0;
}
 .dive-into-a-world-of {
	/* position:absolute; */
	max-width:39.75rem;
	top:29.25rem;
	left:45rem;
	font-family:"Montserrat",Helvetica;
	font-weight:400;
	color:#ffffff;
	font-size:1.0625rem;
	letter-spacing:0;
	line-height:normal;
  margin-top: 1.19rem;
}
 .rectangle-2 {
	/* position:absolute; */
	width: 16.75rem;
height: 3.75rem;
	top:40.1875rem;
	left:45.3125rem;
	border-radius:2.5rem;
  margin-top: 2.5rem;
  color: #343045;
  line-height:  3.75rem;
  text-align: center;
  font-family:"Montserrat",Helvetica;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
	background:linear-gradient(90deg,#52D332 18.69%,#FFF 100%);
cursor: pointer;
}
 .text-wrapper-13 {
	/* position:absolute; */
	top:40.875rem;
	left:47rem;
	font-family:"Montserrat",Helvetica;
	font-weight:700;
	color:#343045;
	font-size:1.25rem;
	letter-spacing:0;
	line-height:normal;
	white-space:nowrap;
}
 .overlap-4 {
	position:relative;
	/* width:90rem;
	height:67.0625rem; */
	/* top:120.6875rem;
	left:0; */
}
 .vector-9 {
	position:absolute;
	/* width:90rem;
	height:51.25rem; */
  top:16rem;
  left: -5.25rem;
	/* left:0;  */
}
 .services-section {
	position:relative;
  justify-content: center;
  margin-top: 5rem;
	/* width:80.5rem;
	height:27.375rem; */
	/* top:0;
	left:5.25rem; */
}
 .overlap {
	/* position:absolute; */
	width:19.375rem;
	height:27.375rem;
	top:0;
	left:0;
	border-radius:2.5rem;
	background:radial-gradient(50% 50% at 50% 50%,rgb(66.94,60.56,95.62) 0%,rgb(32.92,30.08,45.69) 100%);
  text-align: center;
  margin: 0 0.3rem;
}
 .mask-group-wrapper {
	/* position:absolute; */
	width:13.6875rem;
	height:13.6875rem;
	top:1.4375rem;
	left:2.875rem;
	background-color:#0d0d0d52;
  line-height:13.6875rem;
	border-radius:50%;
  display: inline-block;
  margin-top: 1.44rem;
}
 .mask-group-3 {
	/* position:absolute; */
	width:11.9375rem;
	height:11.9375rem;
  margin-top: 0.875rem;
	top:0.875rem;
	left:0.875rem;
}
 .text-wrapper-14 {
	/* position:absolute; */
	top:16.4375rem;
	left:7.25rem;
	font-family:"Montserrat",Helvetica;
	font-weight:700;
	color:#ffffff;
	font-size:1.5rem;
	letter-spacing:0;
	line-height:normal;
  margin-top: 1.21rem;
}
 .vector-10 {
	/* position:absolute; */
	width:9.625rem;
	height:0.0625rem;
	top:19.3125rem;
	left:4.875rem;
	object-fit:cover;
  margin-top: 1.09rem;
}
 .overlap-group-3 {
	/* position:absolute; */
	width:9.625rem;
	height:3rem;
	top:21.5rem;
	left:4.875rem;
	border-radius:2.5rem;
  background: linear-gradient(90deg, #8176AF 0%, #C0B7E8 100%);
  color: #343045;
  cursor: pointer;

  font-family:"Montserrat",Helvetica;
  text-align: center;
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 3rem;
  margin: 2.15rem auto 0 auto;
}
 .text-wrapper-15 {
	/* position:absolute; */
	top:1rem;
	left:2.5625rem;
	font-family:"Montserrat",Helvetica;
	font-weight:700;
	color:#343045;
	font-size:0.8125rem;
	letter-spacing:0;
	line-height:normal;
}
 .overlap-6 {
	position:absolute;
	width:19.375rem;
	height:27.375rem;
	top:0;
	left:20.0625rem;
	border-radius:2.5rem;
	background:radial-gradient(50% 50% at 50% 50%,rgb(66.94,60.56,95.62) 0%,rgb(32.92,30.08,45.69) 100%);
}
 .text-wrapper-16 {
	position:absolute;
	top:16.4375rem;
	left:4.3125rem;
	font-family:"Montserrat",Helvetica;
	font-weight:700;
	color:#ffffff;
	font-size:1.5rem;
	letter-spacing:0;
	line-height:normal;
}
 .text-wrapper-17 {
	/* position:absolute; */
	top:1rem;
	left:2.4375rem;
	font-family:"Montserrat",Helvetica;
	font-weight:700;
	color:#343045;
	font-size:0.8125rem;
	letter-spacing:0;
	line-height:normal;
}
 .overlap-7 {
	position:absolute;
	width:19.375rem;
	height:27.375rem;
	top:0;
	left:40.0625rem;
	border-radius:2.5rem;
	background:radial-gradient(50% 50% at 50% 50%,rgb(66.94,60.56,95.62) 0%,rgb(32.92,30.08,45.69) 100%);
}
 .text-wrapper-18 {
	position:absolute;
	top:16.4375rem;
	left:3.9375rem;
	font-family:"Montserrat",Helvetica;
	font-weight:700;
	color:#ffffff;
	font-size:1.5rem;
	letter-spacing:0;
	line-height:normal;
}
 .overlap-8 {
	position:absolute;
	width:19.375rem;
	height:27.375rem;
	top:0;
	left:60.125rem;
	border-radius:2.5rem;
	background:radial-gradient(50% 50% at 50% 50%,rgb(66.94,60.56,95.62) 0%,rgb(32.92,30.08,45.69) 100%);
}
 .text-wrapper-19 {
	position:absolute;
	top:16.4375rem;
	left:4.75rem;
	font-family:"Montserrat",Helvetica;
	font-weight:700;
	color:#ffffff;
	font-size:1.5rem;
	letter-spacing:0;
	line-height:normal;
}
 .tech-section {
	position:relative;
	max-width:80.125rem;
	/* height:22.0625rem; */
 
  margin: auto;
}
.tech-section-box{
  margin-top: 7.31rem;
}
 .overlap-9 {
	position:relative;
	/* width:80.375rem;
	height:22.0625rem;
	left:-0.25rem; */
  text-align: center;
 padding-top: 4rem;

}
 .mask-group-4 {
	position:absolute;
  width: 100%;
	max-width:80.375rem;
	height:19.4375rem;
	top:0;
	left:0;
  object-fit: cover;
  object-position: bottom;
  border-radius:9.71875rem ;
}
 .text-wrapper-20 {
	/* position:absolute; */
	top:4.25rem;
	left:24.6875rem;
	font-family:"Mont-Bold",Helvetica;
	font-weight:700;
	color:#ffffff;
	font-size:2.625rem;
	letter-spacing:0;
	line-height:normal;
}
 .text-wrapper-21 {
	/* position:absolute; */
	top:7.6875rem;
	left:27.375rem;
	font-family:"Montserrat",Helvetica;
	font-weight:300;
	color:#ffffff;
	font-size:1.875rem;
	letter-spacing:0;
	line-height:normal;
}
 .ellipse {
	position:relative;
	width:6.25rem;
	height:6.25rem;
	/* top:15.8125rem;
	left:36.875rem; */
	background-color:#0d0d0d52;
	border-radius:3.125rem;
  margin: 1.31rem auto 0 auto;
  padding-top: 0.9375rem;
}
 .ellipse-2 {
	/* position:absolute; */
	width:4.375rem;
	height:4.375rem;
  margin: auto;
	/* top:16.75rem;
	left:37.8125rem; */
	border-radius:2.1875rem;
	background:linear-gradient(180deg,rgb(192.14,183.37,231.63) 0%,rgb(128.7,118.34,175.31) 100%);
  padding-top:0.3125rem;
}
 .outline-chevron {
	/* position:absolute; */
  margin: auto;
	width:3.75rem;
	height:3.75rem;
	top:17.0625rem;
	left:38.125rem;
}
 .rectangle-3 {
	/* position:absolute; */
	width: 16.75rem;
height: 3.75rem;
	top:46.0625rem;
	left:38.5rem;
	border-radius:2.5rem;
  display: block;
  margin: auto;
	background:linear-gradient(90deg,#52D332 18.69%,#FFF 100%);
  color: #343045;
  margin-top: 1.5rem;
  font-family:"Montserrat",Helvetica;
  text-align: center;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height:  3.75rem;
  cursor: pointer;
}
 .text-wrapper-22 {
	position:absolute;
	top:46.75rem;
	left:40.1875rem;
	font-family:"Montserrat",Helvetica;
	font-weight:700;
	color:#343045;
	font-size:1.25rem;
	letter-spacing:0;
	line-height:normal;
	white-space:nowrap;
}
 .flexcontainer-6 {
	/* width:57.625rem; */
	/* height:3.1875rem; */
	max-width: 57.625rem;
	text-align: center;
  margin : 6.5rem auto 0 auto;
	/* top:63.0625rem;
	left:16.1875rem; */
	/* display:flex;
	flex-direction:column;
	align-items:flex-start; */
	font-size: 1.0625rem;
	font-family:"Montserrat",Helvetica;
	font-weight:400;
	color:#ffffff;
	font-size:1.0625rem;
	letter-spacing:0;
	/* gap:0.375rem; */
	/* position:absolute; */
}
 .text-2 {
	font-weight:400;
	color:#ffffff;
	font-size:1.0625rem;
	text-align:center;
	line-height:normal;
	position:relative;
	align-self:stretch;
	font-family:"Montserrat",Helvetica;
	letter-spacing:0;
}
 .vector-11 {
	position:absolute;
	width:90.5625rem;
	height:10.1875rem;
	top:254.1875rem;
	left:-92.6875rem;
}
 .overlap-10 {
	position:absolute;
	width:89.8125rem;
	height:33.9375rem;
	top:330.5rem;
	left:-92rem;
}
 .vector-12 {
	position:absolute;
	width:89.8125rem;
	height:16.5rem;
	top:17.4375rem;
	left:0;
}
 .vector-13 {
	position:absolute;
	width:89.6875rem;
	height:22.6875rem;
	top:0;
	left:0.125rem;
}
 
.text-line{
	display: none;
}
.text-wrapper-6-arrow{
	display: none;
}
.overlap-btn{
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	cursor: pointer;
	display: none;
  }
  .overlap-right{
	right: 0.31rem;
  }
  .overlap-left{
	left: 0.31rem;
  }

  .ellipse-btn {
	position:relative;
	width: 3.875rem;
	height: 3.875rem;	
	/* top:15.8125rem;
	left:36.875rem; */
	background-color:#0d0d0d52;
	border-radius:1.9375rem;
  /* margin: 1.31rem auto 0 auto; */
	padding-top: 0.75rem;
	position: absolute;
	top: 13.5rem;
	display: none;
	z-index: 1000;
	cursor: pointer;
}
 .ellipse-btn-main {
	/* position:absolute; */
 	width: 2.375rem;
	height: 2.375rem;
 	margin: auto;
	/* top:16.75rem;
	left:37.8125rem; */
	border-radius:1.1875rem;
	background:linear-gradient(180deg,rgb(192.14,183.37,231.63) 0%,rgb(128.7,118.34,175.31) 100%);
 	 /* padding-top:0.3125rem; */
 	text-align: center;
}
.ellipse-btn-left{
	left: -1.9375rem;
}
.ellipse-btn-right{
	right: -1.9375rem;
}
  @media (min-width: 1024px){

	.overlap-one{
		width: 100%;
		pointer-events: none;
	}
	.overlap-one .flexcontainer{
		width: 32% !important;
	}
	.overlap-4-box{
		
		/* display: block!important; */
	}
	.overlap-4-box .overlap{
		width: 25%!important;
		height: 27.375rem;
		display: inline-block;
	}
  }
@media (max-width: 1279px){

  .hydra-desktop-to{
    padding:0 1.5rem;
  }
  .overlap{
    display: inline-block;
	margin-bottom: 1rem;
	
  }
  .overlap-4{
	/* margin-top: 3.62rem; */
  }
  .services-section{
    display: block;
	width: 80%;
    text-align: center;
	margin: 3.62rem auto 0 auto  ;
  }
  .overlap-4-box{
	display: block!important;
  }
  .overlap-4-box .overlap{
	width: 19.375rem!important;
	height: 27.375rem;
	display: inline-block;
	}
	.about-section{
		justify-content: unset;
	}
}
@media (max-width: 1023px){
  .hydra-desktop-to{
    padding:0 1rem;
  }
  .hero-section{
	flex-wrap: wrap-reverse;
  }
  .hero-section .col-50{
	width: 100%;
  }
  .hero-text{
	padding-top: 2rem;
  }
  .hero-text{
	text-align: center;
  }
  .text-wrapper{
	background: #FFF;
  }
  .grab-your-cash{
	margin:0.62rem auto 0 auto;
  }
  .text-wrapper-num{
	display: block;
	font-size: 10rem;
  }
  .welcome-to-the{
	margin:0.62rem auto 0 auto;
  }
  .div-wrapper-box{
	margin:1.5rem auto 0 auto;
  }
  .outline-arrow-small{
	display: none;
  }
  .text-line{
	display: block;
	text-align: center;
	margin: 2.18rem 0 1.88rem 0;
  }	
  .text-wrapper-6{
	text-align: center;
  }
  .text-wrapper-6-arrow{
	display: block;
	text-align: center;
	margin-top: 0.46;
  }
  .overlap-2{
	width: 80%;
	display: block;
	padding:1.5rem 2.37rem 1.5rem 2.37rem;
	background: radial-gradient(100% 100% at 50% 50%, rgba(58, 52, 86, 0.8) 0%, #211E2E 100%);
	/* box-shadow: 0px 4px 4px #c0b7e703;
	background: radial-gradient(50% 50% at 50% 50%, rgba(57.9, 51.64, 86.06, 0.95) 0%, rgb(32.92, 30.08, 45.69) 100%); */
  }
  .vector-4{
	display: none;
  }
  .flexcontainer{
	width: 100%;
	text-align: center;
  }
  .text-wrapper-3{
	margin: auto;
  }
  .swiper-wrapper{
	width: 80%;
	display: block;
  }
  .overlap-btn{
	display: block;
  }
  .overlap-one{
	width: 98%;
	margin: auto;
	overflow: hidden;
  }
  .flexcontainer-5 , .component{
	display: none;
  }
  .component-box{
	padding-top: 3.62rem;
	text-align: center;
  }
  .component-box-text{
	margin: auto;
	width: 100%;
  }
  .text-wrapper-7{
	font-size: 1.625rem;
  }
  .overlap-3{
	padding-top: 2.06rem;
  }
  .about-section{
	flex-wrap:  wrap;
  }
  .mask-group-2-box{
	width: 100%;
	text-align: center;
  }
  .about-section-text{
	max-width: 33.25rem	;
	width: auto;
	margin: -4rem auto 0 auto;
  }
  .services-section{
	border-radius: 2.5rem;
    background: radial-gradient(50% 50% at 50% 50%,rgb(66.94,60.56,95.62) 0%,rgb(32.92,30.08,45.69) 100%);
  }
  .overlap-4-box{
	display: flex!important;
  }
  .overlap-4-box .overlap{
	width: 20rem!important;
	height: 26.625rem!important;
	margin: auto;
	background: unset;
  }
  .overlap-4{
	width: 20rem;
	height: 26.625rem;
	margin: auto;
	-moz-user-select: none; 
	-o-user-select:none; 
	-khtml-user-select:none; 
	-webkit-user-select:none; 
	-ms-user-select:none; 
	user-select:none;
  }
  .services-section{
	width: 20rem;
	height: 26.625rem;
	overflow: hidden;
  }
  .ellipse-btn{
	display: block;
  }

}

@media (max-width: 767px){
	
	.hydra-desktop-to{
		padding:0 1.56rem;
	  }
	.betfrom-official{
		width: 9.75rem;
	}
	.betfrom-header {
		padding: 2.88rem 0 0 0;
	}
  .betfrom-wrapper{
	display: none;
  }
  .hero-section{
	padding-top: 2.31rem;
  }
  .rectangle{
	display: none;
	
  }
  .mask-group{
	width: 32.375rem;
	/* height: 17.875rem; */
	border-radius: 6.25rem 6.25rem 6.25rem 15rem;
  }
  .hero-div-box{
	text-align: center;
  }
  .mask-group-box{
	position: relative;
	border-radius: 6.25rem 6.25rem 6.25rem 15rem;
	overflow: hidden;
	background-color: #00000021;
	display: inline-block;
	padding: 1rem;
  }
  .text-wrapper{
	font-size: 1.25rem;
  }
  .grab-your-cash{
	margin-top: 0.62rem;
	font-size: 2rem;
  }
  .text-wrapper-num{
	font-size: 7rem;
  }
  .welcome-to-the{
	font-size: 0.75rem;
  }
  .overlap-2 {
	width: 100%;
  }
  .about-section-text{
	max-width: 33.25rem	;
	width: auto;
	margin: -2rem auto 0 auto;
  }
  .text-wrapper-11 {
	font-size: 3.125rem;
  }
  .dive-into-a-world-of{
	font-size: 0.8125rem;
  }
  .rectangle-2{
	margin-top: 1.5rem;
  }
  .tech-section-box{
	margin-top: 4rem;
  }
  .mask-group-4{
	border-radius: 4.859375rem;
	height: 12.4375rem;
  }
  .overlap-9{
	padding-top: 2.5rem;
  }
  .text-wrapper-20 {
	font-size: 1.1875rem;
  }
  .text-wrapper-21{
	font-size: 1.25rem;
  }
  .ellipse{
	display: none;
  }
  .rectangle-3{
	margin-top: 0.52rem;
	width: 12.625rem;
	height: 2.3125rem;
	font-size: 0.9375rem;
	line-height: 2.3125rem;
  }
  .flexcontainer-6{
	font-size: 0.5rem;
  }
}