﻿

    .solution-card {
        background: #f5f4f2;
        border-radius: 15px;
        overflow: hidden;
        transition: .35s;
        box-shadow: none;
    }



    .solution-image {
        height: 270px;
        overflow: hidden;
    }

        .solution-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: .5s;
        }

    .solution-card:hover img {
        transform: scale(1.08);
    }

    .solution-content {
        padding: 30px;
        position: relative;
    }

    .solution-tag {
        display: inline-block;
        padding: 2px 15px;
        border: 1px solid #ddd;
        border-radius: 15px;
        font-size: 12px;
        font-weight: 600;
        margin-bottom: 20px;
    }

    .solution-arrow {
        position: absolute;
        top: 30px;
        right: 30px;
        width: 46px;
        height: 46px;
        border-radius: 50%;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        color: #000;
        box-shadow: 0 8px 20px rgba(0,0,0,.08);
    }



    .swiper {
        padding-bottom: 50px;
    }

    .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
    }

    .swiper-pagination-bullet-active {
        background: #0d6efd;
    }



    .featured-card {
        position: relative;
        height: 650px;
        overflow: hidden;
        border-radius: 15px;
    }

    .featured-bg {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform .5s ease;
    }

    .featured-card:hover .featured-bg {
        transform: scale(1.08);
    }

    .featured-card .solution-content {
        position: absolute;
        left: 30px;
        right: 30px;
        bottom: 0px; /* increase */
        z-index: 5;
    }

    .featured-card .solution-arrow {
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .featured-solution-tag {
        display: inline-block;
        padding: 2px 15px;
        border: 1px solid #000;
        border-radius: 15px;
        font-size: 12px;
        font-weight: 600;
        color: #000;
        margin-bottom: 20px;
    }
