.footer-list {
    padding-left: 0.5rem;
}

.input-wrapper input {
    padding-right: 1rem;
}

.input-wrapper button,
.input-wrapper a {
    right: 0;
}

.header-box {
    background: linear-gradient(267.33deg, #26aeea 28.13%, #6fcff0 97.99%);
}

@media (min-width: 577px) {
    .header-box {
        background: url(../assets/images/moon2-flipped.svg),
        linear-gradient(267.33deg, #26aeea 28.13%, #6fcff0 97.99%);
            background-repeat: no-repeat;
            background-size: contain;
            background-position-y: bottom;
            background-position-x: right;
    }
}

@media (max-width: 576px) {
    .header-image:before {
        content: url(../assets/images/moon2-full.svg);
    }
}

.custom-btn1 {
    background: url(../assets/images/quran-flipped.svg),
        linear-gradient(229.59deg, #0c9883 27.01%, #ffffff 175.62%);
    background-size: auto;
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
}

.custom-btn2 {
    background: url("../assets/images/nabawi-mosque-flipped.svg"),
        linear-gradient(239.63deg, #fdd750 49.12%, #ffffff 159.79%);
    background-size: auto;
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
}

.custom-btn3 {
    background: url("../assets/images/moon-flipped.svg"),
        linear-gradient(226.93deg, #945ceb 25.84%, #ffffff 213.46%);
    background-size: auto;
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
}

.form-group .form-control {
    padding-left: 2.7rem;
}

.sidenav {
    left: -300px;
}

.sidenav.open-side {
    left: 0;
}

.sidebar-back:before {
    font-family: "Font Awesome\ 5 Free";
    content: "\f053";
    margin-right: 0.5rem;
}

.select2-selection__clear {
    margin-right: 1rem;
}

[class*="custom-btn"] {
    padding-right: 25%;
}

.rotate-out {
    --fa-rotate-angle: 90deg;
}

.search-overlay > div .closebtn {
    right: 25px;
}

.navbar .nav-item {
    margin-right: 2rem;
}

.nav-item.current:after {
    background: linear-gradient(90.03deg, #1b2537 2.82%, #ffffff 137.46%);
}

.btn-close {
    right: 1.5rem;
}

.dropdown-menu {
    right: 0;
}