/* Memberships / licenses & certificates strip (#started-now on anasayfa). */

/* Swiper stretches every slide to the tallest one, which left a large empty
   white area under each logo. Centering the wrapper lets each card size to
   its own content, and the fixed card height keeps the strip uniform. */
#started-now .swiper-wrapper {
    align-items: center;
}
#started-now .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 120px !important;
    padding: 15px !important;
}
#started-now .swiper-slide a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
#started-now .swiper-slide img {
    max-width: 100%;
    max-height: 90px;
    width: auto;
    height: auto;
    object-fit: contain;
}

@media (max-width: 767px) {
    #started-now .swiper-slide {
        height: 100px !important;
    }
    #started-now .swiper-slide img {
        max-height: 70px;
    }
}

/* Card treatment matching the site's soft-card design system (reused for
   the footer's certification strip too, so both read as the same
   component recurring in two places). */
.marinex-cert-card {
    border-radius: 14px !important;
    box-shadow: 0 12px 30px rgba(15, 52, 80, 0.10);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.marinex-cert-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 38px rgba(15, 52, 80, 0.16);
}

/* Intro copy above the swiper: this text is Blade-owned (the <p> wrapper
   lives in anasayfa.blade.php, only the string comes from CMS), so it's
   safe to target directly. */
.marinex-memberships-intro {
    position: relative;
    z-index: 1;
}