@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;1,200&display=swap');
:root {
    --faded-white: #EDEDED;
    --culture-bg: url(./images/HerobgRight.svg), rgb(23, 23, 23);
    --culture-bgx: #2E2F2E;
  
  }

  .dark-theme {
    --faded-white: #2E2F2E;
    --culture-bg:  url(./images/HerobgRightlight.svg), #E4E4E4;
    --culture-bgx:  #E4E4E4;
   
  }

  .culture{
    padding-top:3rem;
    padding-bottom:8rem;
    background:var(--culture-bgx);
    width:100%;
    padding-left:5%;
    padding-right:5%;
   }

   .culturetopic{
     color: var(--faded-white);
     font-size:1.8rem;
     font-family: 'Poppins', sans-serif;
     font-weight: bolder;
     line-height: 132.4%;
     letter-spacing: -0.005em;
 
   }
   .culturesubtopic{
    color:#F36F2E;
   }

   .culturedescription{

    font-size:0.73rem;
    color:var(--faded-white);
    font-family: 'Poppins', sans-serif;
    margin-top: 0.5rem;
    line-height: 147%;
    font-weight: 400;
    padding-bottom:1rem;

   }
   .cultureRight{
    display: block;
   }
  
   
 
 
   
    
     
     /* Small devices (landscape phones, 576px and up) */
     @media (min-width: 576px) {  
      .cultureRight{
        display: none;
       }
      
        
     }

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