button[id*="modal"] [class*="ph-duotone"]:after,
#modal-upgrade-seo-button [class*="ph-duotone"]:after,
#admin-sidebar [class*="ph-duotone"]:after,
#admin-quick-links-button [class*="ph-duotone"]:after {
    margin-right: -1em;
    margin-left: unset !important;
}

#notifications-drawer[role="dialog"] {
    right: auto;
}

.fileuploader-items .fileuploader-items-list {
    text-align: right;
}

.peer:checked ~ .peer-checked\:bg-primary-600 {
    direction: ltr;
}

:is([dir="rtl"] select.rtl\:\!pr-4) {
    padding-right: 2rem !important;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel {
    left: 8px;
    right: unset !important;
}
.input_width {
    width: 400px;
}

@media (min-width: 1400px) and (max-width: 2500px) {
    .input_width {
        width: 500px !important;
    }
}

.hover-shadow:hover {
    box-shadow: 1px 0px 10.7px 10px #b5c3ff4f;
    height: 202px;
    transition: all 0.5s ease-in-out;
}
.slider-img {
    width: 160px;
    height: 110px;
    opacity: 7%;
    top: 15%;
}
@media (max-width: 990px) {
    .hover-shadow:hover {
        height: auto;
    }
}
.diagonal-light-lines {
    position: relative;
    width: 100%;
    height: 200px; /* Adjust as needed */
    background-color: #fff;
    background-image: repeating-linear-gradient(
        -45deg,
        /* Diagonal direction */ rgba(0, 0, 0, 0.03) 0px,
        /* Light shadow start */ rgba(0, 0, 0, 0.03) 4px,
        /* Shadow width */ transparent 4px,
        /* Gap start */ transparent 24px /* Gap width */
    );
}
.diagonal-light-lines::after {
    content: "";
    position: absolute;
    inset: 0;
    background: inherit;
    filter: blur(1px);
    opacity: 0.8;
    z-index: 1;
}

.gig-slide {
    width: 50%;
    box-sizing: border-box;
}
[x-cloak] {
    display: none !important;
}
.section-bg {
    transition: all 0.5s ease-in-out;
    background: linear-gradient(90deg, #eaeff9 0%, #e2e8f7 100%);
}
.section-bg img {
    opacity: 0;
    box-shadow: 1px 0px 10.7px 10px transparent;
}
.section-bg:hover img {
    opacity: 1;
}
.section-bg:hover {
    box-shadow: 1px 0px 10.7px 10px #b5c3ff4f;
    height: 202px;
    background: white;
}
@media (max-width: 991px) {
    .section-bg:hover {
        height: auto;
    }
}