.body-about{
    margin-top: 140px;
}

.column{
    width:33.33%;
    padding: 4px;
    float:left;
    margin-bottom: 20px;
    background: #eee;
    height: 320px;
  
    
}

.column p{
    margin-bottom: 6px;
}

.row::after{
    display: table;
    clear:both;
    content: "";
}

li{
    margin-top: 10px;
    
}


.expand-card{
    width:100%;
    background: #eee;
    padding:20px;
    cursor:pointer;
    transition:height 0.3s ease;
    overflow: hidden;
}

.card-content{
    display: none;
}

.expand-card.active .card-content{
    display: block;
}

.card h3{
    text-align: center;
    letter-spacing: 2px;
}

.card h4{
    text-align: center;
    letter-spacing: 4px;
    color: #fe5722;
}

.about-section{
    padding:50px;
    text-align: center;
    background-color: #474e5d;
    color:white;
}

.container{
    padding:0 16px;
}

.container::after{
    content:"";
    clear:both;

    display: table;
}



  .img{
    width:100%;
    object-fit: contain;
  }

.about-section2{
    padding:20px;
}

.about-section2 h1{
    text-align: center;
}

.about-section2 p{
    font-size: 24px;
}

.about-section2 ul{
    font-size: 24px;
}

.sidenav{
    height:100%;
    width:0;
    position:fixed;
    z-index:1;
    top:0;
    left:0;
    background-image:url('../Images/estate\ b7.jpg');
    overflow-x: hidden;
    transition: 1s;
    padding:1px;
}

.sidenav a{
    padding:8px 8px 8px 32px;
    text-decoration: none;
    font-size: 30px;
    color:#818181;
    display: block;
    transition: 1.1s;
}

.sidenav a:hover{
    color:#fe5722;
}

.sidenav .closebtn{
    position: absolute;
    bottom:5px;
    right:25px;
    font-size: 30px;
  
}

.menuMobile{
    display: none;
}

@media screen and (max-width:450px)
{
    .menuMobile{
        display: inline-block;
    }
    .column{
    width:100%;
    padding: 4px;
    float:left;
    height: auto;
    margin-bottom: 30px;
    
}

#hide{
    display: none;
}
    
}

@media screen and (max-width:1300px)
{
    .menuMobile{
        display: inline-block;
    }
    .column{
    width:100%;
    padding: 4px;
    float:left;
    height: auto;
    margin-bottom: 30px;
    
}

#hide{
    display: none;
}

.sidenav{
    display: none;
}
.menuMobile{
display: none;
}
    
}