.main{
    justify-items: center;
    justify-content: center;
}
.heading{
    margin-top: 115px;
    text-align: center;
    font-size: 40px;
    border-radius:15px; 
    padding: 15px 3px;
    background: rgba(196, 196, 196, 0.39); 
    width: 400px;
    position:relative;
}
.container{
    width: 98%;
    margin: 1%;
    justify-content: center;
    background:rgba(141, 251, 244, 0.18);
    margin-top: 20px;
    justify-items: center;  
}
.container .row{
    padding: 0px;
    margin: 0px;
    justify-items: center;
    justify-content: center;
    display: flex;
    flex-wrap:wrap ;
}
.container .row .column{
    width:275px;
    height:300px;
    background:rgba(255, 255, 255, 0.5);
    margin: 2% 2%;
    border:2px solid #DEDEDE;
    /* box-sizing: border-box;  */
    text-decoration: none;
    border-radius: 30px;
    box-shadow: 0 0 10px lightgray;
}
.container .row .column .TOP{
    width: 278px;
    height:50px;
    line-height: 50px;
    background: #DEDEDE;    
    text-align: center;
    color:black;
    font-size: 20px;
    margin-top: 29%;
    border-bottom-right-radius: 30px ;
    border-bottom-left-radius: 30px ;
    margin-left: -.7%;
}
.circle{
    width: 140px;
    height: 140px;
    margin-top:  12%;
    margin-left: 22%;
    text-align: center;
    border-radius: 50%;
    background: #9E9A9A;
    box-shadow: 10px 15px 20px rgba(148, 148, 148, 0.25);
    font-size: 40px;
}
.content{
    width: 85px;
    height: 65px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 36px;
    /* line-height: 42px; */
    text-align: center;
    color: #FFFFFF;
    margin-left: 19%;
    padding-top: 16%;
}
.column:hover{
    cursor: pointer;
    transform: scale(1.05);
}
@media screen and (max-width:780px){
    .heading{
        margin-top: 115px;

    }
    .column{
       margin-bottom: 5%;
       margin-top: 5%;
       min-width: 250px;
       min-height:350px;
       border-radius: 30px;
       box-shadow: 0 0 10px lightgray;
       
    }
    .row{
        column-count: 1;
    }
    .container .row .column .TOP{
        height:50px;
        line-height: 60px;
        font-size: 35px;
        margin-top: 20.7%;
        border-bottom-right-radius: 30px ;
        border-bottom-left-radius: 30px ;
        width: 101.5%;
        /* margin-left: -0.1%; */
        
    }
    .circle{
        width: 200px;
        height: 200px;
        margin-top:  16%;
        margin-left: 14%;
        text-align: center;
        border-radius: 50%;
        background: #9E9A9A;
        font-size: 50px;
    }
    .content{
        margin-left: 27%;
        padding-top: 18%;
        font-size: 50px;
        text-align: center;
    }
}