text: import imagesStyle from "assets/jss/nextjs-material-kit/imagesStyles.js";
  
  const pricingCardStyle = {
    marginAuto: {
      marginLeft: "auto !important",
      marginRight: "auto !important",
    },
    pricingCard: {
      border: "2px #3f51b5 solid",
      transition: "all .3s ease-in-out",
      position: "relative",
      willChange: "transform",
      "&:hover": {
        webkitTransform: "scale(1.02)",
        transform: "scale(1.02)",
        webkitBoxShadow: "0 20px 35px 0 rgba(0,0,0,.1)",
        boxShadow: "0 20px 35px 0 rgba(0,0,0,.1)",
      },
      "&:hover:after, &:after": {
        width: "100%",
      },
      "&:after": {
        content: "''",
        position: "absolute",
        top: "0",
        left: "0",
        width: "0",
        height: "5px",
        backgroundColor: "#3f51b5",
        webkitTransition: ".5s",
        transition: ".5s",
      },
    },
    sectionTitle: {
      fontSize: "30px",
      fontWeight: "bold",
      color: "grey"
    },
    ...imagesStyle,
    itemGrid: {
      margin: "30px auto 20px auto",
    },
    cartTitleSection: {
      display: "flex",
      justifyContent: "center",
      alignItems: "center",
      paddingTop: "30px",
    },
    cardTitleIcon: {
      fontSize: "50px",
      color: "#3f51b5",
      marginRight: "20px"
    },
    cardTitle: {
      color: "#3f51b5",
      fontSize: "28px",
      fontWeight: "700",
      lineHeight: "1.5"
    },
    smallTitle: {
      color: "#3f51b5",
      fontSize: "14px"
    },
    cardBody: {
      minHeight: "200px",
      padding: "20px 40px",
    },
    description: {
      display: "flex",
      textAlign: "start",
      color: "#333"
    },
    justifyCenter: {
      justifyContent: "center !important"
    },
    button: {
      backgroundColor: "#3f51b5",
      marginBottom: "30px",
      "&:hover": {
        backgroundColor: "#3f51b5",
      },
      "&:focus": {
        backgroundColor: "#3f51b5",
      }
    },
    priceFont: {
      fontSize: '20px',
    },
    checkImgSize: {
      width: '20px',
      height: '20px',
    },
    liTextMargin: {
      marginTop: '15px !important'
    },
    backgroundImg: {
      display: 'flex',
      justifyContent: 'center',
      alignItems: 'center',
      width: '100%',
      height: '100%',
    },
    paypalImg: {
      width: '400px',
      height: 'auto',
      paddingLeft: '30px',
    },
  };
  
  export default pricingCardStyle;
  