.py-5 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important;
}

@media (min-width: 992px) {
    .pb-lg-5 {
        padding-bottom: 3rem !important;
    }
}

@media (min-width: 992px) {
    .pt-lg-4 {
        padding-top: 1.5rem !important;
    }
}

@media (min-width: 768px) {
    .pb-md-4 {
        padding-bottom: 1.5rem !important;
    }
}

@media (min-width: 768px) {
    .pt-md-2 {
        padding-top: .5rem !important;
    }
}

.mt-3 {
    margin-top: 1rem !important;
}

@media (min-width: 768px) {
    .pb-md-0 {
        padding-bottom: 0 !important;
    }
}

@media (min-width: 768px) {
    .mb-md-5 {
        margin-bottom: 3rem !important;
    }
}

.mx-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
}

.btn:not([class^=btn-outline-]):not([class*=" btn-outline-"]):not(.btn-secondary):not(.btn-light):not(.btn-link) {
    --si-btn-color: #fff;
}

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
}

.btn-next, .btn-next:focus, .btn-prev, .btn-prev:focus {
    background-color: #1D59F0;
    box-shadow: var(--si-carousel-nav-btn-box-shadow);
}



.btn-icon {
    --si-btn-size: 2.75rem;
    --si-btn-icon-size: 1.25rem;
    flex-shrink: 0;
    height: var(--si-btn-size);
    padding: 0;
    width: var(--si-btn-size);
}

.btn {
    align-items: center;
    display: inline-flex
;
    justify-content: center;
}

.ms-n5 {
    margin-left: -3rem !important;
}
.translate-middle-y {
    transform: translateY(-50%) !important;
}
.start-0 {
    right: 100% !important;
}
.top-50 {
    top: 50% !important;
}


[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button;
}

:root, [data-bs-theme=light] {
    --si-user-selection-color: rgba(var(--si-primary-rgb), 0.22);
    --si-heading-link-color: #33354d;
    --si-heading-link-hover-color: #6366f1;
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
    transform: translate3d(0px, 0, 0);
}

@media (min-width: 768px) {
    .mobile-app-slider .swiper-slide {
        opacity: .8;
        transition: opacity .3s ease-in-out;
    }
}

@media (min-width: 768px) {
    .mt-md-3 {
        margin-top: 1rem !important;
    }
}
.pt-4 {
    padding-top: 1.5rem !important;
}
.mt-2 {
    margin-top: .5rem !important;
}

.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal {
    height: var(--si-carousel-pagination-progressbar-height);
}

.swiper-pagination-progressbar {
    background-color: var(--si-carousel-pagination-progressbar-bg);
}

.swiper-pagination {
    --si-carousel-pagination-bullet-width: 0.3125rem;
    --si-carousel-pagination-bullet-height: 0.3125rem;
    --si-carousel-pagination-bullet-spacer: 0.875rem;
    --si-carousel-pagination-bullet-border-radius: 50rem;
    --si-carousel-pagination-bullet-bg: #b4b7c9;
    --si-carousel-pagination-bullet-active-width: 1.5rem;
    --si-carousel-pagination-bullet-active-bg: #6366f1;
    --si-carousel-pagination-progressbar-height: 0.1875rem;
    --si-carousel-pagination-progressbar-bg: var(--si-border-color);
    --si-carousel-pagination-progressbar-fill-bg: #6366f1;
    align-items: center;
    bottom: 1.25rem;
    display: flex
;
    justify-content: center;
}

.bottom-0 {
    bottom: 0 !important;
}

.btn:not([class^=btn-outline-]):not([class*=" btn-outline-"]):not(.btn-secondary):not(.btn-light):not(.btn-link) {
    --si-btn-color: #fff;
}

.bg-repeat-0 {
    background-repeat: no-repeat !important;
}
.bg-size-cover {
    background-size: cover !important;
}

@media (min-width: 768px) {
    .mt-md-3 {
        margin-top: 1rem !important;
    }
}

.justify-content-center {
    justify-content: center !important;
}

.swiper-tabs {
    height: 100%;
    position: relative;
}

@media (min-width: 1200px) {
    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%;
    }
}
@media (min-width: 992px) {
    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
}
@media (min-width: 768px) {
    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
}

.swiper-tab.active {
    opacity: 1;
    position: relative;
    visibility: visible;
}
.swiper-tab {
    display: flex
;
    flex-direction: column;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
    width: 100%;
}


.swiper-slide {
  width: 328px !important;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

/* Ortadaki slide net, kenardakiler loş */
.mobile-app-slider .swiper-slide {
  opacity: 0.6;
}

.mobile-app-slider .swiper-slide.swiper-slide-active {
  opacity: 1;
}

/* Slider container responsive sınırlandırma */
.mobile-app-slider {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
}

:root {
    --swiper-navigation-size: 44px;
}
:root {
    --swiper-theme-color: #007aff;
}


.btn-next>i, .btn-prev>i {
    font-size: 1.5em;
}

.btn-icon img {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-prev,
.btn-next {
    z-index: 10;
    background-color: #f9f9f9;
    box-shadow: 0 0 9px #00000033;
    border-radius: 50%;
}

.btn-prev:hover,
.btn-next:hover {
    z-index: 10;
    background-color: #0d6efd;
}

.end-0 {
    left: 100%;
}

@media (max-width: 767.98px) {
  .mobile-app-slider .swiper-slide img {
    width: 200px !important;
    height: auto !important;
  }
}

@media (max-width: 767.98px) {
  /* Slide içindeki img'ler */
  .mobile-app-slider .swiper-slide img {
    width: 200px !important;
    height: auto !important;
  }

  /* Phone frame ve screen container'ları */
  .position-absolute.w-md-33,
  .position-absolute.w-md-33 > .d-flex {
    max-width: 200px !important;
  }
}