text: import { cardTitle, title } from "assets/jss/material-kit-react.js";
  import imagesStyle from "assets/jss/material-kit-react/imagesStyles.js";
  
  const solutionsBlueBlack = {
    section: {
      padding: "70px 0",
      textAlign: "center"
    },
    root: {
      flexGrow: 1,
    },
    paper: {
      textAlign: "center",
    },
    text: {
      padding: "10px",
      color: "white",
      textAlign: "left",
      border: 0,
      borderRadius: 3,
      fontSize: "16px",
      lineHeight: "35px",
      paddingLeft: "15%",
      paddingRight: "15%",
      fontWeight: 500
  
    },
    block: {
      padding: "20px",
      color: "white",
      textAlign: "center",
      backgroundColor: "rgb(2, 46, 105)",
      border: 0,
      borderRadius: 30,
    },
    socials: {
      color: "white",
      marginTop: "0",
      width: "100%",
      transform: "none",
      left: "0",
      top: "0",
      height: "100%",
      lineHeight: "35px",
      fontSize: "26px",
      fontWeight: 300
    },
    featuresText: {
      marginTop: "0",
      width: "100%",
      transform: "none",
      left: "0",
      top: "0",
      height: "100%",
      lineHeight: "35px",
      fontSize: "16px",
      color: "white",
      textAlign: "left",
      fontWeight: 500
  
    },
    image: {
      borderRadius: 30,
      height: "auto",
      width: "100%",
      paddingLeft: "10px",
      paddingTop: "10px",
      paddingBottom: "10px",
      paddingRight: "10px",
      justifyContent: "center",
    },
    margin5: {
      margin: "5px"
    }
  };
  
  export default solutionsBlueBlack;
  