.container {

	margin-left: 10.12rem;
	margin-top: 10.17rem;
	width: 825.98px;
	position: relative;
  }
  
  .container .sub-container {
   
	 
	  width: 100%;
   }
  
  .container .text-container {
   
	}
  
  .container .heading {
	 color: #ffffff;
	font-size: 40px;
	 font-family: "Mont-Black", Helvetica;
	font-weight: 900;
  }
  
  .container .div {
	 font-size: 80px;
	 font-family: "Mont-Black", Helvetica;
	font-weight: 900;
	line-height: 6.25rem; /* 125% */
	margin: 0.88rem 0;
  }
  
  .container .text-wrapper {
	color: #80dc6a;
  }
  
  .container .span {
	color: #ffffff;
  }
  
  .container .paragraph {
	 font-weight: 600;
	color: #E4E4E7;
	font-size: 24px;
  }
  
  .container .button {
	margin-top: 3.12rem;
	padding: 18px 30px;
	background-color: #80dc6a;
	border-radius: 82px;
	border: none;
	cursor: pointer;
  }
  
  .container .text {
	font-family: "Mont-Bold", Helvetica;
	font-weight: 700;
	color: #1C1C1C;
	font-size: 18px;
  }

  .display-flex {
	display:flex;
}
.desktop {
	position:relative;
	background-color:#111;
	max-width:120rem;
	/* height:64rem;
	*/
	overflow:hidden;
	text-align:left;
	font-size:var(--font-size-sm);
	color:var(--color-white);
	font-family:var(--font-montserrat);
	margin:auto;
}
.header {
	justify-content:space-between;
	align-items:center;
	width:100%;
	padding:3.37rem 3.56rem 0 9.56rem;
	position: absolute;
	z-index: 100;
}
.desktop-item {
	position:relative;
	display:block;
	text-align:center;
	border-radius:5.125rem;
	background:#80DC6A;
	color:#ffffff;
	font-family:Mont;
	width: 17.25rem;
	height: 3.9375rem;
	font-size: 1.25rem;
	font-style:normal;
	font-weight:700;
	line-height:3.9375rem;
	text-transform:capitalize;
	cursor:pointer;
}
.betfrom-official-logo-no-symbo {
	/* position:absolute;
	*/
	/* top:4rem;
	left:3.375rem;
	*/
	
	/* height:3.0625rem; */
	/* overflow:hidden; */
	cursor:pointer;
	position:relative;
}
.betfrom-official-logo-no-symbo img {
	/* position:absolute;
	*/
	/* top:4rem;
	left:3.375rem;
	*/
	width:15.4375rem;
	/* height:3.0625rem;
	*/
}
.desktop-child {
	position:absolute;
	top:0;
	/* left:0; */
	/* width:100%;
	*/
	/* height:48.0625rem;
	*/
	left:50%;
	transform:translate(-50%,0);
	
	
}
.desktop-box {
	height:59.0625rem;
	position:relative;
	overflow:hidden;
}
.main-box {
	position:relative;
	padding-top:2rem;
	overflow:hidden;
}
.list-msg-list {
	max-width:21.4375rem;
	display:inline-block;
	margin:0 4rem 1.63rem 4rem;
	cursor:pointer;
}
.list-msg-list img {
	width:100%;
}
.list-msg-box {
	flex-wrap:wrap;
	margin:0 auto 0 auto;
	justify-content:space-between;
	position:relative;
	height:auto;
	text-align:center;
	max-width:90rem;
}
.desktop-child-image {
	position:absolute;
}
.child-image-one {
	top:0;
	left:0;
}
.child-image-two {
	right:0;
	top:-6rem;
}
.child-image-thr {
	right:0;
	bottom:0;
}
.show-box {
	position:absolute;
	top:-8.64rem;
	left:-29.3725rem;
	width:74.75rem;
	height:74.75rem;
	border-radius:74.75rem;
	opacity:0.5;
	background:radial-gradient(50% 50% at 50% 50%,#0EFF9E 0%,#181818 82.81%),radial-gradient(50% 50% at 50% 50%,#6E46CB 0%,#181818 82.81%);
	filter:blur(14.375rem);
}
.list-title {
	font-family:"Mont-SemiBold",Helvetica;
	/* font-weight:600;
	*/
  color:transparent;
	font-size:2rem;
	text-align:center;
	letter-spacing:0;
	line-height:3rem;
	text-align:center;
}
.list-title .text-wrapper {
	color:#ffffff;
}
.list-title .span {
	color:#52d332;
}
.frame {
	/* display:inline-flex;
	*/
  align-items:flex-start;
	gap:2rem;
	padding:0 1.25rem 2.5rem 1.25rem;
	position:relative;
	/* background-color:rgba(255,255,255,1);
	*/
  border-radius:0.75rem;
	/* border:0.1875rem solid transparent;
	*/
  /* border-color:#262626;
	*/
   background:linear-gradient(90deg,rgba(25.5,25.5,25.5,0.9) 0%,rgba(25.5,25.5,25.5,0.5) 40.27%);
	left:0.1875rem;
	top:0.1875rem;
	background-size:cover;
	background-position:50% 50%;
	/* margin:0.5rem auto 0 auto;
	*/
  /* border-image:linear-gradient(180deg,#414b28,#262626) 1;
	*/
}
.frame-box {
	max-width:100.25rem;
	position:relative;
	margin:0 auto 0.625rem auto;
	/* border-radius:1rem;
	*/
	/* height:6.25rem;
	*/
}
.frame-box::after {
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border-radius:1rem;
	background:linear-gradient(190deg,#414b28,#262626,#262626,#262626,#262626,#262626,#262626,#262626,#262626,#414b28   );
	/* background:linear-gradient(
      135deg,rgba(183,40,255,1),rgba(40,112,255,1)
    );
	*/

    padding:0.1875rem;
	--mask-bg:linear-gradient(red,red);
	--mask-clip:content-box,padding-box;
	-webkit-mask-image:var(--mask-bg),var(--mask-bg);
	-webkit-mask-clip:var(--mask-clip);
	mask-composite:exclude;
	-webkit-mask-composite:destination-out;
}
.frame {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.frame .text-container {
	display:inline-block;
	max-width:31.25rem;
	padding-top: 2.5rem;
}
.frame .icon-container {
	width:5rem;
	height:5rem;
	margin:auto;
	padding:0.9375rem;
	position:relative;
	border-radius:5rem;
	background:linear-gradient(180deg,rgba(202.47,255,51,0.1) 0%,rgba(202.47,255,51,0) 100%);
}
.frame .icon {
	width:3.125rem;
	height:3.125rem;
	position:relative;
	border-radius:3.125rem;
	/* border:0.0625rem solid transparent;
	*/
  border-color:transparent;
	text-align:center;
	font-family:"Mont-SemiBold",Helvetica;
	font-weight:600;
	color:#ffffff;
	font-size:1.5rem;
	text-align:center;
	letter-spacing:0;
	white-space:nowrap;
	line-height:3.125rem;
	background:linear-gradient(180deg,rgba(202.47,255,51,0.2) 0%,rgba(202.47,255,51,0) 46.77%);
}
.frame .heading {

}
.frame .paragraph {
	position:relative;
	font-family:"Mont-SemiBold",Helvetica;
	font-weight:600;
	color:#b3b3b3;
	font-size:1rem;
	text-align:center;
	letter-spacing:0;
	line-height:normal;
	margin-top:0.62rem;
}
.rectangle-image-box {
	width:100%;
}
.rectangle-image {
	display:block;
}
.left-image {
	/* position:absolute;
	top:16.69rem;
	*/
	/* left:5.78%;
	*/
	/* left:6.94rem;
	*/
	z-index:100;
}
.rectangle-image-thr {
	margin-top:2.88rem;
	/* margin-left:2rem; */
	cursor:pointer;
	width: 42.66%;
}
.rectangle-image-one {
	/* max-width:100%;
	width:48.3125rem;
	*/
	/* position:absolute;
	bottom:2.13rem;
	left:66.63rem;
	width:calc(100% - 71.69rem);
	*/
	/* width:calc(100% - 66.63rem);
	*/
	display:inline-block;
	width:100%;
	margin-left:-2.56rem;
	 top:30.06rem;
	 transform:translate(0,-50%);
	position: relative;
}
.right-image {
	/* position:absolute;
	bottom:2.13rem;
	left:66.63rem;
	width:calc(100% - 66.63rem);
	*/
}
.rectangle-image-box {
	position:relative;
}
.left-image {
	display:inline-block;
	margin-left:4.44rem;
	margin-top:19.63rem;
}
.rectangle-image-two {
	max-width:100%;
	width: 66.375rem;
}
.mobile-img{
	display: none;
	position: relative;
}
.mobile-img-two{
	width: 100%;
}
.mobile-img-thr{
	position: absolute;
	bottom: 0.75rem;
	width: calc(100% - 8.12rem);
	left: 0.81rem;
	cursor: pointer;
}

@media (max-width: 1604px){
	.frame-box {
		margin:0 1.2rem 0.625rem 1.2rem;
	}
	
}
@media (max-width: 1600px){
	/* .frame-box{
		margin:0 1.2rem 10px 1.2rem ;
	} */
	/* .left-image{
		position: absolute;
		top: 16.69rem;
		left:1.94rem;
	}

	.rectangle-image-one{
		left: 61.63rem;
		width: calc(100% - 61.63rem);
	} */
	.header {
		padding: 3.25rem 3.44rem 0 4.81rem;

	}
	.left-image{
		margin-left: 1.94rem;
	}
}
 
@media (max-width: 1279px){
	.frame-box{
		width: 80%;
		margin:0 auto 0.625rem auto ;
	}
	.frame{
		/* justify-content: center; */
		display: block;
	}
	.frame .text-container{
		/* width: 100%; */
		display: block;
		margin: auto;
	}
	.rectangle-image-box{
		position: unset;
	}
	.left-image{
		position: absolute;
		margin-top: 9.12rem;
		/* left:5.78%; */
		/* left: 6.94rem; */
	}
	.rectangle-image-one{
		position: absolute;
		top:45%;
		transform:none;
 		right: 0;
		width: auto;
		height: 50%;
	}
	.desktop-child {
		top:50%;
			
		left: 40%;
		transform: translate(-50%, -50%);
	}
}

@media (max-width: 1023px){
	.header{
		
		justify-content: space-between;
		align-items: center;
	}

	
}

@media (max-width: 767px){
	.desktop-box{
		display: none;
	}
	.rectangle-image-box{
		display: none;
	}
	.mobile-img{
		display: block;
	}
	.frame-box{
		width: 96%;
		margin:0 0 10px 0;
		left: 49.4%;
		transform: translate(-50%,0);
	}
	.frame {
		/* padding:2.5rem 0; */
	}	
	.betfrom-official-logo-no-symbo img{
		width: 6.91119rem;
	}
	.header{
		padding: 1.25rem 0.81rem 0.81rem 0.81rem;
		position: relative;
	}
	.desktop-item{
		width: 10.0625rem;
		height: 2.125rem;
		line-height: 2.125rem;
		font-size: 0.6875rem;
	}
	.left-image{
		margin: 2.12rem 0 0 0;
	}
	.rectangle-image-thr{
		width: 14.0625rem;
	}
	.desktop-box{
		height: 36.25rem;
	}
	.rectangle-image-one{
		width: 17.75rem;
		right:-0.5rem;
		bottom: -0.5rem;
	}
	.desktop-child {
		height: 36.25rem;
		left: 20%;
	}
	.desktop-child-image{
		display: none;
	}
}