/*!
* Version: 5.2.0
* Template: SocialV - Responsive Bootstrap 5 Admin Dashboard Template
* Author: iqonic.design
* Design and Developed by: iqonic.design
* NOTE: This file contains the styling for responsive Template.
*
*/
.offcanvas.live-customizer {
    border: 0
}

.offcanvas.live-customizer .btn.btn-border {
    color: var(--bs-body-color);
    border-color: var(--bs-border-color)
}

.offcanvas.live-customizer .btn.btn-border:hover {
    color: var(--bs-primary);
    border-color: var(--bs-primary)
}

.offcanvas.live-customizer .btn.btn-border:active {
    color: var(--bs-primary);
    border-color: var(--bs-primary)
}

.offcanvas.live-customizer .btn-check:active+.btn.btn-border,
.offcanvas.live-customizer .btn-check:checked+.btn.btn-border,
.offcanvas.live-customizer .btn.btn-border.active,
.offcanvas.live-customizer .btn.btn-border:active {
    color: var(--bs-white);
    border-color: var(--bs-primary)
}

.offcanvas.live-customizer .btn-check:active+.btn.btn-border.bg-transparent,
.offcanvas.live-customizer .btn-check:checked+.btn.btn-border.bg-transparent,
.offcanvas.live-customizer .btn.btn-border.active.bg-transparent,
.offcanvas.live-customizer .btn.btn-border:active.bg-transparent {
    color: var(--bs-primary)
}

@media (min-width:768px) {
    .offcanvas.live-customizer {
        width: 450px
    }

    .theme-fs-lg .offcanvas.live-customizer {
        width: 500px
    }
}

@media (min-width:768px) {
    .live-customizer {
        width: 450px
    }

    .theme-fs-lg .live-customizer {
        width: 500px
    }
}

.notification .content-inner {
    padding-top: 1.5rem
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: capitalize
}

.font-size-10 {
    font-size: .625rem
}

.font-size-12 {
    font-size: .75rem
}

.font-size-14 {
    font-size: .875rem
}

.font-size-16 {
    font-size: 1rem
}

.font-size-18 {
    font-size: 1.125rem
}

.font-size-20 {
    font-size: 1.25rem
}

.font-size-24 {
    font-size: 1.5rem !important
}

.font-size-21 {
    font-size: 1.313rem
}

.font-size-30 {
    font-size: 1.875rem
}

.fw-500 {
    font-weight: 500
}

.letter-spacing-1 {
    letter-spacing: 1px
}

.letter-spacing-2 {
    letter-spacing: 2px
}

.letter-spacing-3 {
    letter-spacing: 3px
}

.letter-spacing-4 {
    letter-spacing: 4px
}

.cursor-pointer {
    cursor: pointer
}

.auto-vh-100 {
    height: 100vh
}

.iq-error-img {
    margin-left: auto;
    margin-right: auto;
    width: 70%
}

.img-light {
    display: block
}

.img-dark {
    display: none
}

@media (max-width:991px) {
    br {
        display: none
    }

    .auto-vh-100 {
        height: auto
    }
}

/* noUiSlider'ın dolu kısmı için stil */
.noUi-connect {
    background: #fff1c4 !important;
    /* Aralık rengini mavi yap */
}

input,
textarea,
select {
    border: 2px solid #ffffff !important;
    /* Gri kenar çizgisi rengi */
    outline: none;
    /* Odaklandığında varsayılan görünümü kaldır */
}

input:focus,
textarea:focus,
select:focus {
    border-color: #ffffff !important;
    /* Odaklandığında kenar rengini daha koyu gri yap */
    box-shadow: 0 0 5px rgba(153, 153, 153, 0.5);
    /* Hafif bir gölge ekle */
}

.storiesWrapper {
    overflow-x: auto;
    -ms-overflow-style: none;
    /* Internet Explorer */
    scrollbar-width: none;
    /* Firefox */
}

.storiesWrapper::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari, Edge */
}

.swal-dark {
    background-color: #000 !important;
}

.swal-title-white {
    color: #000000 !important;
}

.swal-text-white {
    color: #000000 !important;
}

.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen)>.swal2-modal {
    background-color: #fff1c4 !important;
    color: #000 !;
}

.swal2-confirm,
.swal2-cancel {
    background-color: #fff1c4 !important;
    color: #000000 !important;
    border: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    background: #fff1c4 !important;
    color: rgb(0, 0, 0) !important;
}

.select2-search__field {
    background: #fff1c4 !important;
    color: #000 !important;
}

.form-control[type=date],
.form-control[type=datetime-local],
.form-control[type=month],
.form-control[type=time],
.form-control[type=week] {
    background: #fff1c4 !important;
    color: #000 !important;
}

.noUi-horizontal .noUi-handle {
    width: 14px !important;
}

.nav-pills .nav-link.active {
    background: #fff1c4 !important;
    color: #000 !important;

}
.accordion-button::after
{
    background-color: #fff1c4 !important;
}