﻿.solution-container {

}

    .solution-container .solution-content {
        width: 1000px;
        margin: 0 auto;
    }

        .solution-container .solution-content .item {
            font-size: 46px;
            letter-spacing: 2px;
            color: #000;
        }

    .solution-container .solution-intro {
        background: #d8d8d8;
        height: 260px;
    }

    .solution-container .intro-container {
        padding: 40px 0px;
    }

        .solution-container .intro-container .intro-item {
            width: 18%;
            background-color: #fff;
            border-radius: 20px;
            height: 180px;
            margin-left: 2%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

            .solution-container .intro-container .intro-item img {
                width: 50px;
                height: 50px;
                margin-bottom: 20px;
            }

            .solution-container .intro-container .intro-item span {
                font-size: 13px;
                color: #000;
            }

.solution-video {
    height: 80vh;
    border: 6px #2ab4a5 solid;
    border-radius: 25px;
    overflow: hidden;
    padding: 0;
}

.solution-desc {
    margin-top: 10vh;
}

    .solution-desc h2 {
        font-size: 2vw;
        text-align: center;
        line-height: 5vw;
    }

    .solution-desc p {
        text-align: center;
        line-height: 2vw;
    }

    .solution-desc .solution-detail {
        display: flex;
        margin: 30px auto 0;
        justify-content: space-around;
    }

        .solution-detail .solution-detail-item {
            max-width: 260px;
            align-items: center;
            display: flex;
            flex-direction: column;
        }

            .solution-detail .solution-detail-item img {
                width: 50px;
            }

            .solution-detail .solution-detail-item p {
                margin: 15px 0 0;
                font-size: 16px;
                color: #006941;
                display: block;
                text-align: center;
                line-height: 100%;
            }

            .solution-detail .solution-detail-item span {
                color: #a9a9a9;
                font-size: 14px;
                text-align: center;
                margin-top: 10px;
            }

.solution-table {
    padding: 12vh 0;
    margin: 0 auto;
}

.solution-qa {
}

    .solution-qa .accordion-item {
    }

        .solution-qa .accordion-item ul {
            font-size: 16px;
            color: #595959;
            padding-left: 0;
        }

            .solution-qa .accordion-item ul li {
                list-style-type: none;
                line-height: 200%;
            }

    .solution-qa .accordion-button:not(.collapsed) {
        color: #fff;
        background-color: #2ab4a5;
    }

        .solution-qa .accordion-button:not(.collapsed)::after {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
        }

.green-text {
    color: #006941;
}
