@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;1,200&display=swap');
:root {
    --faded-white: #EDEDED;
    --whatwedo-bg:linear-gradient(0deg, rgba(55, 55, 55, 0.4), rgba(55, 55, 55, 0.4)), 
    linear-gradient(0deg, rgba(55, 55, 55, 0.4), rgba(55, 55, 55, 0.4)), url(./images/whatwedobg.png);
  
  }

  .dark-theme {
    --faded-white: #2E2F2E;
    --whatwedo-bg:linear-gradient(0deg, rgba(255, 253, 253, 0.55), rgba(255, 253, 253, 0.55)), 
    linear-gradient(0deg, rgba(255, 253, 253, 0.55), rgba(255, 253, 253, 0.55)), url(./images/whatwedobg.png);
   
  }
 
  .whatwedo{
   padding-top:8rem;
   padding-bottom:8rem;
   background:var(--whatwedo-bg);
   width:100%;
   background-size: cover;
   padding-left:0.9rem;
   padding-right:0.9rem;
  }
  .whatwedotopic{
    color: var(--faded-white);
    font-size:1.8rem;
    font-family: 'Poppins', sans-serif;
    font-weight: bolder;
    line-height: 132.4%;
    letter-spacing: -0.005em;

  }
  .whatwedoparagraph{
    color: var(--faded-white);
    font-size:0.77rem;
    line-height: 170.9%;
    font-family: 'Poppins', sans-serif;
    letter-spacing: -0.005em;
  }
  .whatwedonothing{
    display:none;
  }


  
   
    
    /* Small devices (landscape phones, 576px and up) */
    @media (min-width: 576px) {  
       
    }
    
    
    /* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
    @media (min-width: 768px) { 
        .whatwedo{
            padding-top:6rem;
            padding-bottom:6rem;
            background:var(--whatwedo-bg);
            width:100%;
            background-size: cover;
            padding-left:2rem;
            padding-right:2rem;
           }
           .whatwedotopic{
             color: var(--faded-white);
             font-size:1.8rem;
             font-family: 'Poppins', sans-serif;
             font-weight: bolder;
             line-height: 132.4%;
             letter-spacing: -0.005em;
         
           }
           .whatwedoparagraph{
             color: var(--faded-white);
             font-size:0.77rem;
             line-height: 170.9%;
             font-family: 'Poppins', sans-serif;
             letter-spacing: -0.005em;
           }
           .whatwedonothing{
            display:block;
          }
        
       
    }
    
    /* Large devices (desktops, 992px and up) */
    @media (min-width: 992px) { 
        .whatwedo{
            padding-top:6rem;
            padding-bottom:6rem;
            background:var(--whatwedo-bg);
            width:100%;
            background-size: cover;
            padding-left:5%;
            padding-right:5%;
           }
           .whatwedotopic{
             color: var(--faded-white);
             font-size:1.8rem;
             font-family: 'Poppins', sans-serif;
             font-weight: bolder;
             line-height: 132.4%;
             letter-spacing: -0.005em;
         
           }
           .whatwedoparagraph{
             color: var(--faded-white);
             font-size:0.77rem;
             line-height: 170.9%;
             font-family: 'Poppins', sans-serif;
             letter-spacing: -0.005em;
           }
      
  
    }
    
    
    /* Extra large devices (large desktops, 1200px and up) */
    @media (min-width: 1200px) {
        .whatwedo{
            padding-top:6rem;
            padding-bottom:6rem;
            background:var(--whatwedo-bg);
            width:100%;
            background-size: cover;
            padding-left:4%;
            padding-right:4%;
           }
           .whatwedotopic{
             color: var(--faded-white);
             font-size:1.8rem;
             font-family: 'Poppins', sans-serif;
             font-weight: bolder;
             line-height: 132.4%;
             letter-spacing: -0.005em;
         
           }
           .whatwedoparagraph{
             color: var(--faded-white);
             font-size:0.77rem;
             line-height: 170.9%;
             font-family: 'Poppins', sans-serif;
             letter-spacing: -0.005em;
           }
    
    }