@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;
   
  }

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

   

   .servicehead{
    font-size:2rem;
    color:var(--faded-white);
    font-family: 'Poppins', sans-serif;
    font-weight:bolder;
   }
   .serviceheadparagraph{
    color:var(--faded-white); 
    font-family: 'Poppins', sans-serif; 
    font-size:0.8rem;
    width:100%;
    line-height:157%;
   }
   .servicedescription{
    font-size:0.73rem;
    color:var(--faded-white);
    font-family: 'Poppins', sans-serif;
    margin-top: 0.5rem;
    line-height: 160%;
    padding-bottom:1rem;

   }
   
 
   
 
 
   
    
     
     /* 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) { 
        .service{
             padding-top:6rem;
             padding-bottom:2rem;
             background:var(--culture-bgx);
             width:100%;
             padding-left:4%;
             padding-right:4%;

            } 
        .serviceheadparagraph{
              color:var(--faded-white); 
              font-family: 'Poppins', sans-serif; 
              font-size:0.8rem;
              width:70%;
             }
            
       
         
        
     }
     
     /* Large devices (desktops, 992px and up) */
     @media (min-width: 992px) { 
        .service{
             padding-top:6rem;
             padding-bottom:2rem;
             background:var(--culture-bgx);
             width:100%;
             background-size: cover;
             padding-left:6%;
             padding-right:6%;
            }
            .serviceheadparagraph{
              color:var(--faded-white); 
              font-family: 'Poppins', sans-serif; 
              font-size:0.8rem;
              width:40%;
             }
          
   
     }
     
     
     /* Extra large devices (large desktops, 1200px and up) */
     @media (min-width: 1200px) {
        .service{
             padding-top:6rem;
             padding-bottom:2rem;
             background:var(--culture-bgx);
             width:100%;
             background-size: cover;
             padding-left:6%;
             padding-right:6%;
            }
          
          
     }