.PlatFormStats { padding: 20px 10px 20px ; border-radius: 10px; background-color: rgb(235, 235, 235) ; width: 100% ; margin: 0 0 70px ; display: flex; justify-content: center; flex-wrap: wrap; }
.PlatFormStats2 { padding: 0 0 0 ; border-radius: 10px; background-color: rgba(235, 235, 235, 0) ; width: 100% ; margin: 0 0 70px ; display: flex; justify-content: center; flex-wrap: wrap; }
.PlatFormStatsTextLeft { font-weight: 600; font-size: 1.2rem ; text-align: left; width: 100% ; margin-bottom: 10px ; }
.PlatFormStatsTextCen { font-weight: 600; font-size: 1.2rem ; text-align: center; width: 100% ; margin-bottom: 20px ; }
.PlatformParts {  width: 6.5rem ; height: 10rem; display: flex; align-items: center; justify-content: center; margin: 0.7rem; font-size: 1.3rem; border-radius: 10px; box-shadow: 0 5px 8px rgb(0, 0, 0); 
    background-image: linear-gradient( 180deg , rgb(0, 0, 0) , rgb(0, 0, 0) ); color: white ;
}



.MainFeaturesBox0  { position: relative; float: left; width: 20rem; height: fit-content ; float: left ; margin: 0 2% 2rem ; display: flex ; align-items: center; flex-direction: column ; border-radius: 1px ; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3 ); transition-duration: 0.3s ; padding: 3rem 2rem 3rem  ; cursor: default;}
.MainFeaturesBox0:hover { box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4 ) ;  transition-duration: 0.3s ;  }
.MainFeaturesIconBox { float: left; width: auto ; height: 2.5rem ; }
.MainFeaturesIcon { height: 100% ; }
.MainFeaturesName { float: left; width: 100%; font-size: 1.3rem ; margin: 1rem 0 1.5rem ; text-transform: uppercase; font-weight: 600; text-align: center; }
.MainFeaturesDescription { float: left; width: 100%; height: 4rem; font-size: 0.9rem ;  text-align: center;  line-height: 1.3rem; margin-bottom: 4rem ; }
.MainFeaturesBtn { float: left; min-width: fit-content; padding: 9px 20px 9px ; background-color: rgba(0, 0, 0, 0); border: solid 0.1px ; border-radius: 0; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.MainFeaturesArt { position: absolute; bottom: 0; width: 100% ; border-style: solid; border-width: 0.2rem; }




.FeaturesBox0  { float: left; width: 8rem ; padding: 1rem ;  margin: 0 0.7rem 3rem ; border-radius: 1rem ; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3); transition-duration: 0.3s ;  cursor: default;
    /* background-image: linear-gradient( 45deg , rgb(162, 206, 2) , rgb(60, 200, 13)  ); */
}
.FeaturesBox0:hover { box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4 ) ;  transition-duration: 0.3s ;  }
.FeaturesIconBox { width: 1.7rem; height: 1.7rem ; display: flex ; justify-content: center ; }
.FeaturesIcon { height: 100% ; opacity: 1 ; filter: invert( 100% );  }
.FeaturesName { float: left; width: 100%; font-size: 1rem ; margin: 0.7rem 0 0 ; text-transform: capitalize; text-align: center ; background-color: rgba(137, 43, 226, 0); color: white; }
.FeaturesDescription { float: left; width: 100%; text-align: center ; }



.CostTextSize { font-size: 1.2rem ; width: fit-content ; }



@media screen and ( max-width: 4000px ) {

}

@media screen and ( max-width: 3000px ) {

}

@media screen and ( max-width: 2000px ) {

}

@media screen and ( max-width: 1500px ) {

}

@media screen and ( max-width: 1000px ) {

}

@media screen and ( max-width: 500px ) {
}