.modal-content {
    border-radius: 0;
    border: none;
    background:var(----ffffff);
    top: 3rem;
    position: absolute;
}

.modal-header {
    border-bottom: none;
    padding: 1rem 1rem 0.5rem;
}

.modal-body {
    padding: 0.5rem 1rem 1rem;
}

.modal-body p {
    color: var(---000000);
    font-weight: 300;
}
.powered-by text{

    fill: var(---666666);
    
}

.modal-close-btn {
    top:1.5rem;
    right:1.5rem;
    position: absolute;
    opacity: 1;
}
/* Fix for page shift */
.modal-open {
    padding-right: 0 !important;
}
.select2-container--open{
    z-index: 10000;
}
.share-modal {
    display: none;
    position: absolute;
    z-index: 1000;
    border-radius: 4rem;
    border: none;
    background: var(----ffffff);
    border: 1px solid var(---000000);
    padding: 5px 10px;
    overflow: hidden;
    top: -10px; 
    right: -20px; 
    transform-origin: right center;
    will-change: width;
    z-index: 1;
}
.share-modal .svg-icon-circle-white{
    border: none;
}

/* Keyframes for opening - expanding from right to left */
@keyframes slide-open {
    0% {
        width: 40px;
    }
    100% {
        width: 270px; /* Final width */
    }
}

/* Keyframes for closing - contracting from left to right */
@keyframes slide-close {
    0% {
        width: 270px;
    }
    100% {
        width: 40px;
    }
}

/* Class for active modal */
.share-modal.active {
    display: block;
    animation: slide-open 0.15s ease-out forwards;
}

/* Class for closing modal */
.share-modal.closing {
    display: block !important;
    animation: slide-close 0.15s ease-in forwards;
    pointer-events: none;
}

.share-button .svg-icon-circle rect, circle{
    fill: var(----ffffff);
}

.social-sharing-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    white-space: nowrap; /* Keep everything on a single line */
}

/* Notification for copied link */
.copy-notification {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 14px;
    z-index: 1100;
    pointer-events: none;
}

@media (max-width: 576px) {

    .share-modal.in-lightbox{
        left: -5rem;
    }

}