body {
    background-color: #f7f7f7;
}
.container-info-agen,
.agen-info-wrap,
.modal-info-agen {
    display: grid;
}
.container-info-agen {
    column-gap: 0.5rem;
    height: 100%;
    grid-template-columns: 2fr 3fr;
}
.agen-info-wrap {
    grid-template-columns: 50px 1fr;
    column-gap: 0.5rem;
    color: #000 !important;
    text-decoration: none !important;
}
.modal-info-agen {
    grid-template-columns: 1fr 1fr;
    row-gap: 0;
    column-gap: 0.5rem;
    align-items: center;
}
.data-info-agen {
    align-items: center;
}
.img-floating {
    position: fixed;
    right: 1.5em;
    bottom: 4em;
    z-index: 9999;
    width: 9em;
    height: 9em;
    transition: transform 500ms;
}
.img-floating:hover {
    transform: scale(1.2);
}
#topnav .topbar-main .logo {
    line-height: 40px;
    float: left;
}
.id-listing2 {
    text-align: left;
    font-size: 0.6rem;
    margin-top: auto;
}
.image-text {
    padding-bottom: 0.9rem !important;
}

.share-proyek-agen i {
    font-size: 1.3rem;
}
.share-proyek-agen i.share-icon:before {
    color: #fff !important;
}
.share-proyek-agen {
    background: #007bff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    width: 38px;
    height: 38px;
}

.share-btn-container .ri-facebook-box-line,
.bottom-sheet-share-container .ri-facebook-box-line,
.modal-content .modal-body .ri-facebook-box-line {
    color: #1877f2;
}
.share-btn-container .ri-whatsapp-line,
.bottom-sheet-share-container .ri-whatsapp-line,
.modal-content .modal-body .ri-whatsapp-line {
    color: #25d366;
}
.share-btn-container .ri-twitter-line,
.bottom-sheet-share-container .ri-twitter-line,
.modal-content .modal-body .ri-twitter-line {
    color: #1da1f2;
}
.share-btn-container-modal .ri-telegram-line,
.bottom-sheet-share-container .ri-telegram-line,
.modal-content .modal-body .ri-telegram-line {
    color: #0088cc;
}