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

  .dark-theme {
    --faded-white: #EDEDED;
    --product-bg:#E5E5E5;
    
   
  }



.Products{
    background-image: url(./images//productbg.png);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
   
    padding-left:5%;
    padding-right:5%;
    padding-top:6rem;
    padding-bottom:6rem;
    width:100%;
    height:auto;
}

.Productshead{
    color:white;
    font-size:2.5em;
    font-family: 'Poppins', sans-serif;
    font-weight: bolder;
    margin-bottom:4rem;
}
.carousel-item{
    background-color:var(--product-bg);

}
.productyear{
    width:2rem;
    color:white;
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 2.8rem;
}
.producttitle{
    font-size:1.8rem;
    color:white;
    font-family: 'Poppins', sans-serif;
    font-weight:bolder;
}
.productparagraph{
    font-size:0.7rem;
    line-height:198%;
    color:white;
    font-family: 'Poppins', sans-serif;
   
}
.carousel-left{
    margin-top:4rem;
}
.head{
    color:white;
    font-size:2.6rem;
    font-family: 'Poppins', sans-serif;
    font-weight:bolder;
    margin-top: 1rem;
    margin-bottom: 1.3rem;
}
.carousel-image{
    display: none;
}
.break{
    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) { 
    .Products{
        background-image: url(./images//productbg.png);
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
   
        padding-right:2rem;
        padding-left:2rem;
        padding-top:9rem;
        padding-bottom:9rem;
        height:auto;
    }
    .carousel-item{
        background-color:var(--product-bg);
    
    }
    .productyear{
        width:2rem;
        color:white;
        font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 2.8rem;
    }
    .producttitle{
        font-size:2rem;
        
        color:white;
        font-family: 'Poppins', sans-serif;
        font-weight:bolder;
    }
    .carousel-left{
        margin-top:4rem;
    }
    .head{
        color:white;
        font-size:2.6rem;
        font-family: 'Poppins', sans-serif;
        font-weight:bolder;
        margin-top: 1rem;
        margin-bottom: 1.3rem;
    }
    .carousel-image{
        display: none;
    }
    
    
 

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    .Products{
        background-image: url(./images//productbg.png);
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
       
        padding-left:5%;
        padding-right:5%;
        padding-top:9rem;
        padding-bottom:9rem;
        height:auto;
    }
    .carousel-item{
        background-color:var(--product-bg);
    
    }
    .productyear{
        width:2rem;
        color:white;
        font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 4.8rem;
    }
    .producttitle{
        font-size:2rem;
        color:white;
        font-family: 'Poppins', sans-serif;
        font-weight:bolder;
    }
    .carousel-left{
        margin-top:4rem;
    }
    .head{
        color:white;
        font-size:2.6rem;
        font-family: 'Poppins', sans-serif;
        font-weight:bolder;
        margin-top: 1rem;
        margin-bottom: 1.3rem;
    }
    .carousel-image{
        display: block;
    }
    .break{
        display: block;
    }
    

}


/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .Products{
        background-image: url(./images//productbg.png);
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        
        padding-left:6%;
        padding-right:6%;
        padding-top:6rem;
        padding-bottom:6rem;
        height:auto;
    }
    .carousel-item{
        background-color:var(--product-bg);
    
    }
    .productyear{
        width:2rem;
        color:white;
        font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 4.8rem;
    }
    .producttitle{
        font-size:2rem;
        color:white;
        font-family: 'Poppins', sans-serif;
        font-weight:bolder;
    }
    .carousel-left{
        margin-top:4rem;
    }
    .head{
        color:white;
        font-size:2.6rem;
        font-family: 'Poppins', sans-serif;
        font-weight:bolder;
        margin-top: 1rem;
        margin-bottom: 1.3rem;
    }
    

}