.tbox{
    margin-top: 20vh;
    margin-left: 4vw;
    margin-right: 4vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 9vh;
    color: black;
}
.tcontainer{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 4vh 0px;
    padding-left:3vw;
    row-gap: 2vh;

}
.tbox h1{
    color:grey;
}

.project-title{
    color: black;
}
.hr{
    margin: 4vh 0px;
}

.t1{
    display: flex;
    flex-direction: column;
    background-color: #fff;
    height: 55vh;
    width:20vw;
    margin:0px 4vw;
    margin-left: 4vw;

    border-radius: 2%;
    box-shadow: 0px 4px 6px rgb(129, 123, 123);
    margin-bottom: 1vh;
    transition: all 1s ease;
    overflow:hidden;

}
.t1:hover{
    transform:scale(1.04);
    overflow:hidden;
}

.t11{
    background-image: url("naveen.jpg");
    background-size: 100% 100%;
    height: 25vh;
    margin: 1.5vh 2.6vw;
    overflow:hidden;
    border-radius: 100%;



}
.t12{
    margin: 2vh;
    overflow:hidden;
}

.t13{
    display: flex;
    margin-top: 1.5vh;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    overflow:hidden;
}
.t13 div{
    color: rgb(62, 62, 238);
    padding:2px 12px;
    border:solid 1px rgb(62, 62, 238);
    border-radius: 20%;
    overflow:hidden;
}
.t14{
    display: flex;
    margin-top: 3.5vh;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    overflow:hidden;
}
.t14 i{
   font-size: 30px; 
   overflow:hidden;
   margin: 0px 2vh;
    
}

.t15{
    margin:0px 2vh;
    overflow:hidden;
}
.t2{
    display: flex;
    flex-direction: column;
    background-color: #fff;
    height: 55vh;
    width:20vw;
    margin:0px 4vw;
    margin-left: 4vw;

    border-radius: 2%;
    box-shadow: 0px 4px 6px rgb(129, 123, 123);
    margin-bottom: 1vh;
    transition: all 1s ease;
    overflow:hidden;

}
.t2:hover{
    transform:scale(1.04);
    overflow:hidden;
}

.t21{
    background-image: url("aditya.jpg");
    background-size: 100% 100%;
    height: 25vh;
    margin: 1.5vh 2.6vw;
    overflow:hidden;
    border-radius: 100%;



}
.t22{
    margin: 2vh;
    overflow:hidden;
}

.t23{
    display: flex;
    margin-top: 1.5vh;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    overflow:hidden;
}
.t23 div{
    color: rgb(62, 62, 238);
    padding:2px 6px;
    border:solid 1px rgb(62, 62, 238);
    border-radius: 20%;
    overflow:hidden;
}
.t24{
    display: flex;
    margin-top: 3.5vh;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    overflow:hidden;
}
.t24 i{
   font-size: 30px; 
   overflow:hidden;
   margin: 0px 2vh;
    
}
.t25{
    margin:0px 2vh;
    overflow:hidden;
}
.t3{
    display: flex;
    flex-direction: column;
    background-color: #fff;
    height: 55vh;
    width:20vw;
    margin:0px 4vw;
    margin-left: 4vw;

    border-radius: 2%;
    box-shadow: 0px 4px 6px rgb(129, 123, 123);
    margin-bottom: 1vh;
    transition: all 1s ease;
    overflow:hidden;

}
.t3:hover{
    transform:scale(1.04);
    overflow:hidden;
}

.t31{
    background-image: url("ykabra.jpg");
    background-size: 100% 100%;
    height: 25vh;
    margin: 1.5vh 2.6vw;
    overflow:hidden;
    border-radius: 100%;



}
.t32{
    margin: 2vh;
    overflow:hidden;
}

.t33{
    display: flex;
    margin-top: 1.5vh;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    overflow:hidden;
}
.t33 div{
    color: rgb(62, 62, 238);
    padding:2px 6px;
    border:solid 1px rgb(62, 62, 238);
    border-radius: 20%;
    overflow:hidden;
}
.t34{
    display: flex;
    margin-top: 3.5vh;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    overflow:hidden;
}
.t34 i{
   font-size: 30px; 
   overflow:hidden;
   margin: 0px 2vh;
    
}
.t35{
    margin:0px 2vh;
    overflow:hidden;
}
.t4{
    display: flex;
    flex-direction: column;
    background-color: #fff;
    height: 55vh;
    width:20vw;
    margin:0px 4vw;
    margin-left: 4vw;

    border-radius: 2%;
    box-shadow: 0px 4px 6px rgb(129, 123, 123);
    margin-bottom: 1vh;
    transition: all 1s ease;
    overflow:hidden;

}
.t4:hover{
    transform:scale(1.04);
    overflow:hidden;
}

.t41{
    background-image: url("yshimpi.jpg");
    background-size: 100% 100%;
    height: 25vh;
    margin: 1.5vh 2.6vw;
    overflow:hidden;
    border-radius: 100%;



}
.t42{
    margin: 2vh;
    overflow:hidden;
}

.t43{
    display: flex;
    margin-top: 1.5vh;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    overflow:hidden;
}
.t43 div{
    color: rgb(62, 62, 238);
    padding:2px 6px;
    border:solid 1px rgb(62, 62, 238);
    border-radius: 20%;
    overflow:hidden;
}
.t44{
    display: flex;
    margin-top: 3.5vh;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    overflow:hidden;
}
.t44 i{
   font-size: 30px; 
   overflow:hidden;
   margin: 0px 2vh;
    
}
.t45{
    margin:0px 2vh;
    overflow:hidden;
}
.t5{
    display: flex;
    flex-direction: column;
    background-color: #fff;
    height: 55vh;
    width:20vw;
    margin:0px 4vw;
    margin-left: 4vw;

    border-radius: 2%;
    box-shadow: 0px 4px 6px rgb(129, 123, 123);
    margin-bottom: 1vh;
    transition: all 1s ease;
    overflow:hidden;

}
.t5:hover{
    transform:scale(1.04);
    overflow:hidden;
}

.t51{
    background-image: url("divyansh.jpg");
    background-size: 100% 100%;
    height: 25vh;
    margin: 1.5vh 2.6vw;
    overflow:hidden;
    border-radius: 100%;



}
.t52{
    margin: 2vh;
    overflow:hidden;
}

.t53{
    display: flex;
    margin-top: 1.5vh;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    overflow:hidden;
}
.t53 div{
    color: rgb(62, 62, 238);
    padding:2px 6px;
    border:solid 1px rgb(62, 62, 238);
    border-radius: 20%;
    overflow:hidden;
}
.t54{
    display: flex;
    margin-top: 3.5vh;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    overflow:hidden;
}
.t54 i{
   font-size: 30px; 
   overflow:hidden;
   margin: 0px 2vh;
    
}
.t55{
    margin:0px 2vh;
    overflow:hidden;
}

@media only screen and (min-width:500px)and (max-width:1100px){

    .t1{
        display: flex;
        flex-direction: column;
        background-color: #fff;
        height: 48vh;
        width:35vw;
        margin:0px 4vw;
        margin-left: 4vw;
    
        border-radius: 2%;
        box-shadow: 0px 4px 6px rgb(129, 123, 123);
        margin-bottom: 1vh;
        transition: all 1s ease;
        overflow:hidden;
    
    }
    .t1:hover{
        transform:scale(1.04);
        overflow:hidden;
    }
    
    .t11{
        background-image: url("naveen.jpg");
        background-size: 100% 100%;
        height: 25vh;
        margin: 1.5vh 2.6vw;
        overflow:hidden;
        border-radius: 100%;
    
    
    
    }
    .t12{
        margin: 2vh;
        overflow:hidden;
    }
    
    .t13{
        display: flex;
        margin-top: 1.5vh;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-evenly;
        overflow:hidden;
    }
    .t13 div{
        color: rgb(62, 62, 238);
        padding:2px 12px;
        border:solid 1px rgb(62, 62, 238);
        border-radius: 20%;
        overflow:hidden;
    }
    .t14{
        display: flex;
        margin-top: 3.5vh;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        overflow:hidden;
    }
    .t14 i{
       font-size: 30px; 
       overflow:hidden;
       margin: 0px 2vh;
        
    }
    
    .t15{
        margin:0px 2vh;
        overflow:hidden;
    }
    .t2{
        display: flex;
        flex-direction: column;
        background-color: #fff;
        height: 48vh;
        width:35vw;
        margin:0px 4vw;
        margin-left: 4vw;
    
        border-radius: 2%;
        box-shadow: 0px 4px 6px rgb(129, 123, 123);
        margin-bottom: 1vh;
        transition: all 1s ease;
        overflow:hidden;
    
    }
    .t2:hover{
        transform:scale(1.04);
        overflow:hidden;
    }
    
    .t21{
        background-image: url("aditya.jpg");
        background-size: 100% 100%;
        height: 25vh;
        margin: 1.5vh 2.6vw;
        overflow:hidden;
        border-radius: 100%;
    
    
    
    }
    .t22{
        margin: 2vh;
        overflow:hidden;
    }
    
    .t23{
        display: flex;
        margin-top: 1.5vh;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-evenly;
        overflow:hidden;
    }
    .t23 div{
        color: rgb(62, 62, 238);
        padding:2px 6px;
        border:solid 1px rgb(62, 62, 238);
        border-radius: 20%;
        overflow:hidden;
    }
    .t24{
        display: flex;
        margin-top: 3.5vh;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        overflow:hidden;
    }
    .t24 i{
       font-size: 30px; 
       overflow:hidden;
       margin: 0px 2vh;
        
    }
    .t25{
        margin:0px 2vh;
        overflow:hidden;
    }
    .t3{
        display: flex;
        flex-direction: column;
        background-color: #fff;
        height: 48vh;
        width:35vw;
        margin:0px 4vw;
        margin-left: 4vw;
    
        border-radius: 2%;
        box-shadow: 0px 4px 6px rgb(129, 123, 123);
        margin-bottom: 1vh;
        transition: all 1s ease;
        overflow:hidden;
    
    }
    .t3:hover{
        transform:scale(1.04);
        overflow:hidden;
    }
    
    .t31{
        background-image: url("ykabra.jpg");
        background-size: 100% 100%;
        height: 25vh;
        margin: 1.5vh 2.6vw;
        overflow:hidden;
        border-radius: 100%;
    
    
    
    }
    .t32{
        margin: 2vh;
        overflow:hidden;
    }
    
    .t33{
        display: flex;
        margin-top: 1.5vh;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-evenly;
        overflow:hidden;
    }
    .t33 div{
        color: rgb(62, 62, 238);
        padding:2px 6px;
        border:solid 1px rgb(62, 62, 238);
        border-radius: 20%;
        overflow:hidden;
    }
    .t34{
        display: flex;
        margin-top: 3.5vh;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        overflow:hidden;
    }
    .t34 i{
       font-size: 30px; 
       overflow:hidden;
       margin: 0px 2vh;
        
    }
    .t35{
        margin:0px 2vh;
        overflow:hidden;
    }
    .t4{
        display: flex;
        flex-direction: column;
        background-color: #fff;
        height: 48vh;
        width:35vw;
        margin:0px 4vw;
        margin-left: 4vw;
    
        border-radius: 2%;
        box-shadow: 0px 4px 6px rgb(129, 123, 123);
        margin-bottom: 1vh;
        transition: all 1s ease;
        overflow:hidden;
    
    }
    .t4:hover{
        transform:scale(1.04);
        overflow:hidden;
    }
    
    .t41{
        background-image: url("yshimpi.jpg");
        background-size: 100% 100%;
        height: 25vh;
        margin: 1.5vh 2.6vw;
        overflow:hidden;
        border-radius: 100%;
    
    
    
    }
    .t42{
        margin: 2vh;
        overflow:hidden;
    }
    
    .t43{
        display: flex;
        margin-top: 1.5vh;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-evenly;
        overflow:hidden;
    }
    .t43 div{
        color: rgb(62, 62, 238);
        padding:2px 6px;
        border:solid 1px rgb(62, 62, 238);
        border-radius: 20%;
        overflow:hidden;
    }
    .t44{
        display: flex;
        margin-top: 3.5vh;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        overflow:hidden;
    }
    .t44 i{
       font-size: 30px; 
       overflow:hidden;
       margin: 0px 2vh;
        
    }
    .t45{
        margin:0px 2vh;
        overflow:hidden;
    }
    .t5{
        display: flex;
        flex-direction: column;
        background-color: #fff;
        height: 48vh;
        width:35vw;
        margin:0px 4vw;
        margin-left: 4vw;
    
        border-radius: 2%;
        box-shadow: 0px 4px 6px rgb(129, 123, 123);
        margin-bottom: 1vh;
        transition: all 1s ease;
        overflow:hidden;
    
    }
    .t5:hover{
        transform:scale(1.04);
        overflow:hidden;
    }
    
    .t51{
        background-image: url("divyansh.jpg");
        background-size: 100% 100%;
        height: 25vh;
        margin: 1.5vh 2.6vw;
        overflow:hidden;
        border-radius: 100%;
    
    
    
    }
    .t52{
        margin: 2vh;
        overflow:hidden;
    }
    
    .t53{
        display: flex;
        margin-top: 1.5vh;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-evenly;
        overflow:hidden;
    }
    .t53 div{
        color: rgb(62, 62, 238);
        padding:2px 6px;
        border:solid 1px rgb(62, 62, 238);
        border-radius: 20%;
        overflow:hidden;
    }
    .t54{
        display: flex;
        margin-top: 3.5vh;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        overflow:hidden;
    }
    .t54 i{
       font-size: 30px; 
       overflow:hidden;
       margin: 0px 2vh;
        
    }
    .t55{
        margin:0px 2vh;
        overflow:hidden;
    }
}