text: import { makeStyles } from '@mui/styles';
  
  
  
  const useStyles = makeStyles((theme) => ({
     opportunityInfoRoot: {
        display: 'flex',
        flexDirection: 'column',
        justifyContent: 'space-between',
        backgroundColor: 'rgb(248, 250, 251)',
        padding: '126px 120px 120px 120px',
        minHeight: '100vh',
     },
     row: {
        display: 'flex',
        flexDirection: 'row',
        alignItems: 'center'
     },
     banner: {
        background: 'rgb(129,199,132)',
        background: 'linear-gradient(90deg, rgba(129,199,132,0) 0%, rgba(129,199,132,1) 100%)',
        padding: 50,
        borderRadius: 20
     },
     medium: {
        fontSize: 40,
     },
     regular: {
        fontSize: 30,
     },
     description: {
       fontSize: 20
     },
     infoButtons: {
        display: 'flex',
        flexDirection: 'row',
        alignItems: 'center',
        width: 330,
        justifyContent: 'space-between',
     },
      
      landingPagecontiner1: {
           background: 'rgb(245, 250, 251)',
           paddingLeft: '120px',
           paddingRight: '120px',
           alignItems: 'center',
           justifyContent: 'center',
           display: 'flex',
           flexDirection: 'column',
           width: '100vw',
           marginBottom: '72px',
           paddingBottom:'64px',
        },
     landingPagecontiner2: {
           display: 'flex',
           flexDirection: 'row',
           width: '100vw',
           paddingLeft: '120px',
           paddingRight: '120px',
           justifyContent: 'space-between',
        },
     landingPagecontiner3: {
           background: 'rgb(245, 250, 251)',
           paddingLeft: '120px',
           paddingRight: '120px',
           alignItems: 'center',
           justifyContent: 'center',
           display: 'flex',
           width: '100vw',
           marginBottom: '72px',
           paddingTop:'64px',
           
        },
        landingPagecontiner4: {
           background: '#FFFFFF',
           padding: '120px',
           
           width: '100vw',
           marginTop: '50px',
          
           
           
        },
     
     landingPagecontiner5: {
           display: 'flex',
           alignItems: 'center',
           justifyContent: 'space-evenly',
        },
     landingPagecontainer6: {
         //  display:'flex',        
          // alignItems: 'center',
         //  justifyContent: 'center',
         //  flexDirection: 'column',
        },
     iconGaval:{
           width: '450px',
           height: '210px',
         },
  
  
     iconBackground: {
           width: '105px',
           height: '94px',
           background: '#F8FAFB',
           borderRadius: '100px',
           justifyContent: 'center',
           alignItems: 'center',
           display: 'flex', 
           margin:'50px'
        },
     landingPagepapper1: {
           background: '#FFFFFF',
           borderRadius: '20px',
           width: '100%',
           height: 'auto',
           display: 'flex',
           flexDirection: 'row',
           alignItems: 'center',
           justifyContent: 'space-around',
           padding: '50px',
        },
     landingPagepapper2: {
           background: '#FFFFFF',
           borderRadius: '20px',
           padding: '100px',
           height: '550px',
           
          
           display: 'flex',
           flexDirection: 'column',
           alignItems: 'center',
           justifyContent: 'space-evenly',  
        },
     landingPagepaper3: {
           background: '#FFFFFF',
           width: '100%',
           height: 'auto',    
           padding: '100px',
        },
     
  
      
      
     landingPagegrid2: {
           textAlign:'center',
           justifyContent: 'evenly',
           alignItems: 'center',
           paddingTop: '50px',
          
           
  
         
     },
     landingPagegrid3: {
        marginTop: '100px'
        
        
  
      
  },
     
     landingPagebox1: {
           width: '528px',
           flexWrap: 'yes',
           textAlign: 'center',
           
           
        },
     landingPagebox2: {
  
         
           
           
        },
     landingPagebox3: {
          
           
        },
     landingPagebutton: {
           marginTop:'5px',
           marginBottom:'5px',
           color:'#81C784',
  
        },
     landingPagedivider:{
  
        margin:'10px',
  
  
     },
     landingPagepicture1:{
  
  
     
  
        width: '100%',
        height: '100%',
  
  
     },
     landingPagepicture2:{
  
  
     
  
        width: '100%',
        height: '100%',
  
  
     },
     
  
     
  
      
  }))
  
  
  
  export default useStyles;
  