/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 05-Jan-2024, 9:35:02 pm
    Author     : Vaibhavi
*/

@media screen and  (min-device-width:910px) and (max-device-width: 1920px)
{
   
    /*projects*/   
    
.projects{
    
 }
.projects_block{
    display: flex;
    height: auto;
}

.projects_head{
    text-align: center;
    background-color: #404040;
    color: white;
}

.projects_head p{
    margin: 130px;
    font-size: 50px;
}
/*css*/
.title {
    margin: 20px 0;
    font-size: 24px;
}

.title a {
    text-decoration: none;
    color: black;
    font-weight: bold;
}

.project_container {
    display: flex;
    justify-content: center;
    gap: 20px;
/*    flex-wrap: wrap;*/
    padding: 30px;
    margin-left: 4.66%;
}

.project {
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease;
}

.project:hover {
    transform: scale(1.05);
}

.project img {
    width: 100%;
    height: 360px;
    display: block;
}

.label {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgb(0 0 0 / 80%);
    color: white;
    font-size: 20px;
    padding: 10px 0;
    text-align: center;
}
.m_project_container{
    display: none;
}
}