.main-container{
    width: 100% !important;
    /* height: 100% !important; */
    padding: 60px 100px 100px 100px;
    /* border: 1px solid black; */
    display: flex;
}
.map{
    width: 100% !important;
    height: 500px !important;
}
/* .position-relative{
    margin-bottom: 70px !important;
} */

.map iframe{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 1px solid black;
    border-radius: 24px;
}

.map img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.card-box{
    width: 100%;
    /* border: 1px solid black; */
    padding: 10px 30px;

    height: 70vh;
    /* overflow-y: auto; */
}
.card-img-box{
    width: 100%;
    /* height: 150px; */
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    /* overflow: hidden; */
}
.card-img-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* border-radius: 0; */
}
.card-content{
    padding: 8px 12px;
}
.branch-card-title{
    font-size: 13.9;
    word-break: break-all;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden;
    color: #0b113a;
    -webkit-box-orient: vertical;
    font-weight: 900 !important;
}
.location{
    font-size: 12px;
}
.icon-img{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid black;
    overflow: hidden;
}
.icon-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width:375px){
    .card-box{
    /* width: 100%; */
    border: 1px solid black;
    padding: 10px 40px;
    height: 65vh;
    /* overflow-y: auto; */
}
}

@media (max-width:412px){
    .main-container{
        padding:40px 20px;
    }
    .map{
        display:none;
    }
}

@media (max-width:991px){
    .main-container{
        padding:40px 20px;
    }
    .map{
        display:none ;
    }
}