@media (min-width: 999px) {
.benefit{
width:100%;
height:max-content;
position:relative;
display:;
z-index:-1;
border: ;
padding-top:;
}

.b1{
width:100%;
height:;
font-size:15px;
line-height:1em;
position:relative;
display:;
z-index:0;
border: ;
background: ;
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(15.4px);
-webkit-backdrop-filter: blur(15.4px);
border: 1px solid rgba(28, 24, 24, 0.31);

}
.b1 h1{
width:100%;
height:;
position:relative;
display:inline-block;
z-index:;
border: ;
font-size:30px;
font-weight:;
line-height:1em;
margin:2px;
padding:2px;
}
.b1 p{
width:100%;
height:;
position:relative;
display:inline-block;
z-index:;
border: ;
font-size:25px;
font-weight:;
line-height:1.5em;
margin:;
padding:2px;
text-wrap:wrap;
letter-spacing:1px;
}
.b2{
width:100%;
height:fit-content;
position:relative;
display:block;
z-index:0;

background: ;
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid rgba(45, 117, 99, 0.45);

}
.points{
list-style-type:none;
font-size:20px;
font-weight:;
line-height:1.5em;
margin:2px;
padding:;
text-wrap:wrap;
letter-spacing:1.5px;
position:relative;
display:inline-block;
z-index:0;
}
.points li{
width:fit-content;
border:1px solid red;
height:auto;
background: black;
position:relative;
display:inline-block;
z-index:;
text-wrap:wrap;
margin-bottom:-10px;
padding-bottom:;
background:rgba(156, 130, 130, 0);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(20, 202, 244, 0.64);
backdrop-filter: blur(11.7px);
-webkit-backdrop-filter: blur(11.7px);
border:1px solid rgba(57, 213, 184, 0.65);

/*
border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  255, 0.3);
  background: linear-gradient(
  135deg,
  rgba(255, 255, 255, 0.2) 0%,
  rgba(255, 255, 255, 0.08) 50%,
  rgba(255, 255, 255, 0.03) 100%
);




 -webkit-animation: moveBackground 60s linear infinite;
         animation: moveBackground 60s linear infinite;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 */
}
.line{
width:100%;
border:1px solid red;
height:auto;
background: black;
position:relative;
display:inline-block;
z-index:;
text-wrap:nowrap;
margin-bottom:30px;
padding-bottom:;

background: #305cde1f;
border-radius: 16px;
box-shadow: 0 4px 30px rgba(78, 185, 249, 0.5);
backdrop-filter: blur(11.7px);
-webkit-backdrop-filter: blur(11.7px);
border: 1px solid rgba(57, 73, 134, 0.3);
}

.pointsbox{
list-style-type:none;
font-size:20px;
font-weight:;
line-height:1.3em;
margin:;
padding:;
text-wrap:wrap;
letter-spacing:1px;
position:relative;
display:inline-block;
z-index:0;
left:0;

}

.pointsbox li{
width:fit-content;

height:auto;
background: black;
position:relative;
display:inline-block;
z-index:;
text-wrap:wrap;
margin-bottom:-10px;
padding-bottom:;
background: rgba(213, 242, 75, 0.12);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(11.7px);
-webkit-backdrop-filter: blur(11.7px);
border: 1px solid rgba(57, 213, 120, 0.3);
}
.linebox{
width:100%;
height:80px;
left:0;
position:relative;
display:flex;
z-index:0;
text-wrap:wrap;
margin-bottom:3px;
padding-bottom:;

background: rgba(242, 64, 64, 0.12);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(11.7px);
-webkit-backdrop-filter: blur(11.7px);
border: 1px solid rgba(57, 73, 134, 0.3);
}
.pointsbox2{
list-style-type:none;
font-size:20px;
font-weight:;
line-height:1.3em;
margin:;
padding:;
text-wrap:wrap;
letter-spacing:1px;
position:relative;
display:inline-block;
z-index:0;
left:0;

}
.pointsbox2 li{
width:fit-content;

height:auto;
background: black;
position:relative;
display:inline-block;
z-index:;
text-wrap:wrap;
margin-bottom:-10px;
padding-bottom:;
background:rgba(1, 2, 7, 0);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(11.7px);
-webkit-backdrop-filter: blur(11.7px);
border: 1px solid rgba(57, 213, 120, 0.3);
}
.pointsbox2 .linebox{
width:95%;
height:auto;
left:5px;
position:relative;
display:inline-block;
z-index:0;
text-wrap:wrap;
margin-bottom:40px;
padding-bottom:;

background: rgba(242, 64, 64, 0.12);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(197, 194, 51, 0.43);
backdrop-filter: blur(11.7px);
-webkit-backdrop-filter: blur(11.7px);
border: 1px solid rgba(57, 73, 134, 0.3);
}
.linebox p{
text-wrap:wrap;
margin-bottom:-10px;
padding-bottom:;
font-size:20px;
font-weight:;
line-height:1em;
}
.pointsbox3{
list-style-type:none;
font-size:20px;
font-weight:;
line-height:1.3em;
margin:;
padding:;
text-wrap:wrap;
letter-spacing:1px;
position:relative;
display:inline-block;
z-index:0;
left:0;

}

.pointsbox3 .linebox{
width:95%;
height:auto;
left:5px;
position:relative;
display:inline-block;
z-index:0;
text-wrap:wrap;
margin-bottom:0px;
padding-bottom:;

background: rgba(242, 64, 64, 0.12);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(197, 194, 51, 0.43);
backdrop-filter: blur(11.7px);
-webkit-backdrop-filter: blur(11.7px);
border: 1px solid rgba(57, 73, 134, 0.3);
}
.pointsbox3 li{
width:fit-content;

height:auto;
background: black;
position:relative;
display:inline-block;
z-index:;
text-wrap:wrap;
margin-bottom:-10px;
padding-bottom:;
background: rgba(1, 2, 7, 0);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(11.7px);
-webkit-backdrop-filter: blur(11.7px);
border: 1px solid rgba(57, 213, 120, 0.3);
}
}
/*555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555*/
@media (max-width: 768px) {

.benefit{
width:100%;
height:max-content;
position:relative;
display:;
z-index:-1;
border: ;

}

.b1{
width:100%;
height:;
font-size:15px;
line-height:1em;
position:relative;
display:;
z-index:0;
border: ;
background: rgba(6, 57, 71, 0.14);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(15.4px);
-webkit-backdrop-filter: blur(15.4px);
border: 1px solid rgba(28, 24, 24, 0.31);

}
.b1 h1{
width:100%;
height:;
position:relative;
display:inline-block;
z-index:;
border: ;
font-size:30px;
font-weight:;
line-height:1em;
margin:2px;
padding:2px;
}
.b1 p{
width:100%;
height:;
position:relative;
display:inline-block;
z-index:;
border: ;
font-size:25px;
font-weight:;
line-height:1.5em;
margin:;
padding:2px;
text-wrap:wrap;
letter-spacing:1px;
}
.b2{
width:100%;
height:fit-content;
position:relative;
display:block;
z-index:0;
left:5px;
right:5px;
background: rgba(2, 7, 50, 0.35);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid rgba(45, 117, 99, 0.45);

}
.points{
list-style-type:none;
font-size:20px;
font-weight:;
line-height:1.5em;
margin:2px;
padding:;
text-wrap:wrap;
letter-spacing:1.5px;
position:relative;
display:inline-block;
z-index:0;
left:5px;
right:5px;
}
.points li{
width:fit-content;
border:1px solid red;
height:auto;
background: black;
position:relative;
display:inline-block;
z-index:;
text-wrap:wrap;
margin-bottom:-10px;
padding-bottom:;
background: rgba(213, 242, 75, 0.12);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(11.7px);
-webkit-backdrop-filter: blur(11.7px);
border: 1px solid rgba(57, 213, 120, 0.3);

/*
border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  255, 0.3);
  background: linear-gradient(
  135deg,
  rgba(255, 255, 255, 0.2) 0%,
  rgba(255, 255, 255, 0.08) 50%,
  rgba(255, 255, 255, 0.03) 100%
);




 -webkit-animation: moveBackground 60s linear infinite;
         animation: moveBackground 60s linear infinite;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 */
}
.line{
width:95%;
border:1px solid red;
height:auto;
background: black;
position:relative;
display:inline-block;
z-index:;
text-wrap:wrap;
margin-bottom:30px;
padding-bottom:;

background: rgba(242, 64, 64, 0.12);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(11.7px);
-webkit-backdrop-filter: blur(11.7px);
border: 1px solid rgba(57, 73, 134, 0.3);
}

.pointsbox{
list-style-type:none;
font-size:20px;
font-weight:;
line-height:1.3em;
margin-bottom:;
padding:10px;
text-wrap:wrap;
letter-spacing:1px;
position:relative;
display:inline-block;
z-index:0;
left:0;
right:10px;
height:auto;
width:fit-content;
}

.pointsbox li{
width:fit-content;

height:auto;
background: black;
position:relative;
display:inline-block;
z-index:;
text-wrap:wrap;
margin-bottom:-10px;
padding-bottom:;
background: rgba(213, 242, 75, 0.12);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(11.7px);
-webkit-backdrop-filter: blur(11.7px);
border: 1px solid rgba(57, 213, 120, 0.3);
}
.linebox{
width:95%;
height:auto;
left:5px;
position:relative;
display:flex;
z-index:0;
text-wrap:wrap;
margin-bottom:40px;
padding-bottom:;

background: rgba(242, 64, 64, 0.12);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(11.7px);
-webkit-backdrop-filter: blur(11.7px);
border: 1px solid rgba(57, 73, 134, 0.3);
}
.pointsbox2{
list-style-type:none;
font-size:20px;
font-weight:;
line-height:1.3em;
margin:;
padding:;
text-wrap:wrap;
letter-spacing:1px;
position:relative;
display:inline-block;
z-index:0;
left:0;
right:0;

}
.pointsbox2 li{
width:fit-content;

height:auto;
background: black;
position:relative;
display:inline-block;
z-index:;
text-wrap:wrap;
margin-bottom:-10px;
padding-bottom:;
background: rgba(213, 242, 75, 0.12);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(11.7px);
-webkit-backdrop-filter: blur(11.7px);
border: 1px solid rgba(57, 213, 120, 0.3);
}
.pointsbox2 .linebox{
width:95%;
height:auto;
left:5px;
position:relative;
display:inline-block;
z-index:0;
text-wrap:wrap;
margin-bottom:40px;
padding-bottom:;

background: rgba(242, 64, 64, 0.12);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(197, 194, 51, 0.43);
backdrop-filter: blur(11.7px);
-webkit-backdrop-filter: blur(11.7px);
border: 1px solid rgba(57, 73, 134, 0.3);
}
.linebox p{
text-wrap:wrap;
margin-bottom:-10px;
padding-bottom:;
font-size:20px;
font-weight:;
line-height:1em;
}
.pointsbox3{
list-style-type:none;
font-size:20px;
font-weight:;
line-height:1.3em;
margin:;
padding:;
text-wrap:wrap;
letter-spacing:1px;
position:relative;
display:inline-block;
z-index:0;
left:0;

}

.pointsbox3 .linebox{
width:95%;
height:auto;
left:5px;
position:relative;
display:inline-block;
z-index:0;
text-wrap:wrap;
margin-bottom:0px;
padding-bottom:;

background: rgba(242, 64, 64, 0.12);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(197, 194, 51, 0.43);
backdrop-filter: blur(11.7px);
-webkit-backdrop-filter: blur(11.7px);
border: 1px solid rgba(57, 73, 134, 0.3);
}
.pointsbox3 li{
width:fit-content;

height:auto;
background: black;
position:relative;
display:inline-block;
z-index:;
text-wrap:wrap;
margin-bottom:-10px;
padding-bottom:;
background: rgba(213, 242, 75, 0.12);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(11.7px);
-webkit-backdrop-filter: blur(11.7px);
border: 1px solid rgba(57, 213, 120, 0.3);
}



}
