text: // const styles = (theme) => ({
  //   branchCard: {
  //     height: 724,
  //     borderRadius: 6,
  //     boxShadow: '0 23px 42px 0 rgba(106, 118, 154, 0.15)',
  //     backgroundColor: '#ffffff',
  //     display: 'flex',
  //     flexDirection: 'column',
  //     [theme.breakpoints.down('sm')]: {
  //       height: 'auto',
  //     },
  //     '& .bannerImg': {
  //       height: 350,
  //       width: '100%',
  //     },
  //     '& .branchCardData': {
  //       padding: theme.spacing(3.5, 3.5),
  //       flex: 1,
  //       display: 'flex',
  //       flexDirection: 'column',
  //       [theme.breakpoints.down('sm')]: {
  //         padding: theme.spacing(2),
  //       },
  //       '& .country': {
  //         display: 'flex',
  //         flexDirection: 'row',
  //         alignItems: 'center',
  //         '& img': {
  //           height: 33,
  //         },
  //         '& .countryName': {
  //           color: '#4c4c78',
  //           fontWeight: 500,
  //           marginLeft: theme.spacing(2),
  //         },
  //       },
  //       '& .infoTitle': {
  //         color: '#4c4c78',
  //         margin: theme.spacing(2, 0),
  //       },
  //       '& .infoData': {
  //         color: '#4c4c78',
  //         fontWeight: 500,
  //         margin: theme.spacing(0.5, 0),
  //         fontFamily: 'Raleway,sans-serif',
  //       },
  //     },
  //   },
  // })
  // export default styles
  