/*Slider*/

#Slider{
    padding-top: 98px;
}

/* Featured Products Section */

.featured-products .btn-primary {
    background-color: #000;
    color: #fff;
}

.featured-products .btn-primary:hover {
    background-color: #333; 
}

.featured-products {
    background-color: #f8f8f8;
    padding: 70px 0; 
    margin-bottom: 30px; 
}

.featured-products .card img {
    max-height: 250px; 
    object-fit: contain; 
}

.featured-products .card:hover {
    box-shadow: 0 8px 16px rgba(0,0,0,.2);
    transform: translateY(-5px);
}

/*About*/

#About .title{
    text-align: center;
    padding-bottom: 20px;
}

@media (min-width: 1000px){

    /*Display-Products*/

    #Display-Products .card{
        padding-bottom: 10px;
    }
    

     /*Community*/

     .community-container{
        display: flex;
        padding-top: 80px;
        margin-left: 20em;
        margin-right: 20em;
    }

    .TXT-community{
        padding-top: 0px;
    }
    .title-learn{
        padding-top: 50px;
        text-align: center;
    }
    .text{
        margin: 10em;
        height: 65vh;
        color: white;
        background-image: linear-gradient(
            0deg,
            rgba(0,0,0,0.5),
            rgba(0,0,0,0.5)
        )   ,url(IMG/Mission.png);
        align-items: center ;
        width: 1350px;
    }
    
    .text h2{
        text-align:center ;
        padding-top: 5em;
    }

    .text p{
        text-align:center ;
        margin-left: 8em;
        margin-right: 8em;
    }
    
    .btn-learn{
        padding-left: 40em;
    }
    
    #community h2{
        padding-top: 25px;
    }

    #About{
        padding-top: 50px;
        padding-bottom: 80px;
    }
    #About .title{
        text-align: center;
        padding-bottom: 20px;
    }
}