.sell-container{
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 columns for laptop */
    grid-gap: 20px; /* Adjust the gap between cards as needed */
    margin: 40px 0;
    padding: 14px 6%;
}
.sell-container .card{
    padding: 13px;
    text-align: center;
    text-decoration: none;
    background-color: #f90;
    color: white;
    font-size: .8rem;
}

.frequent{
text-align: center;
font-size: 1.8rem;
font-weight: 600;
padding: 10px;
}
.frequent-container{
margin: 20px 0;
padding: 14px 6%;
}
.frequent-container .frequent-header{
background-color: #fff7e9;
padding: 10px;
border: dotted #f90;
font-size: 1rem;
font-weight: 600;
}
.frequent-container div{
margin: 3.5px 0;
font-size: .85rem;
}
.need-help{
background-color:  #f90;
color: white;
font-size: 1.8rem;
font-weight: 600;
text-align: center;
padding: 10px 0;
margin-top: 120px;


}
.hero-image-contact{
display: flex;
width: 70%;
margin: 6px 0;

}
.hero-section-contact{
display: flex;
justify-content: center;

}
.hero-image-contact .card1{


display: flex;
justify-content: center;
}
.hero-image-contact .card1 .wrapper{
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;


padding: 20px;

}
.hero-image-contact .card1 .wrapper p{
text-align: center;
font-size: .8rem;
}
.hero-image-contact .card1 .wrapper .chat{
background-color: #f90;
color: white;
padding: 10px 20px ;
font-size: .9rem;
font-weight: 900;
position: relative;
border-radius: 8px;
cursor: pointer;
}
.hero-image-contact .card1 .wrapper .chat i{
position: absolute;
background-color: white;
color: black;
height: 40px;
width: 40px;
border-radius: 40px;
display: flex;
align-items: center;
justify-content: center;
top: -1.5px;
left: -22px;
box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.2);

}
.hero-image-contact .card1 .wrapper .chat span{
font-size: .8rem;
}

.hero-image-contact .card2 img{
object-fit: contain;
}


@media screen and (max-width:900px) {
.hero-section-contact .hero-image-contact{
   flex-direction: column-reverse;
    width: 100%;
}
.hero-image-contact .card2 img{
    object-fit: contain;
    width: 100%;
}
.need-help{
    font-size: 1rem;
    margin-top: 67px;

}


}


@media screen and (max-width: 767px) {
    .about-info-container{
        grid-template-columns: repeat(2, 1fr); /* 2 columns for mobile */
    }
    .sell-container{
        grid-template-columns: repeat(2, 1fr); /* 2 columns for mobile */
    }
}