*{
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }
    a{
        text-decoration: none;
    }
    .culture-box{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .culture-box .culture-item {
        width: 50%;
        text-align: center;
        justify-content: center;
        border-right: none;
        padding: 0 1.25rem;
        height: auto;
        display: flex;
        align-items: center;
        transition: all 0.4s;
        margin-bottom: 3%;
    }

    .culture-box .culture-item .flex1 {
        padding: 1.8rem 1.25rem 0.75rem;
        border-radius: 1.25rem;
        background: rgba(255, 255, 255, 0.9);
        transition: all 0.4s;
        width: 100%;
        height: 100%;
    }

    .culture-box .culture-item .flex1 .icon {
        background: #0F419C;
        width: 3.75rem;
        height: 3.75rem;
        border-radius: 50%;
        line-height: 7.625rem;
        text-align: center;
        border: 1px solid rgba(255, 255, 255, 0.5);
        margin: 0 auto;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    @keyframes circle {
        from {
            transform: rotate(0deg);
        }

        to {
            transform: rotate(360deg);
        }
    }

    .culture-box .culture-item .flex1 .icon::before {
        content: "";
        position: absolute;
        top: -0.5rem;
        left: -0.5rem;
        opacity: 0;
        width: 4.625rem;
        height: 4.625rem;
        border-radius: 50%;
        background: url(../img/7.svg) no-repeat;
        background-size: contain;
        animation: circle 25s linear infinite;
    }

    .culture-box .culture-item .flex1 .icon::before {
        opacity: 1;
        transition: all 0.4s;
        /*filter: brightness(0) invert(1);*/
    }

    .culture-box .culture-item .flex1 .icon img {
        height: 2.25rem;
        filter: brightness(0) invert(1);
    }

    .culture-box .culture-item .flex1 .name {
        color: #0f419c;
        font-size: 1.175rem;
        font-weight: 400;
        line-height: 2rem;
        margin: 0.98rem 0 0;
    }
    .text {
        font-weight: 400;
    }
    .culture-box .culture-item .flex1 .text {
        padding-right: 0;
        margin-top: 1.25rem;
        color: #565656;
        text-align: center;
        height: auto;
        /* overflow-y: scroll; */
        text-align: center;
        /* text-indent: 2em; */
        font-size: 1rem;
        line-height: 1.575rem;
    }
    .culture-box .culture-item .flex1:hover {
        background: #0F419C;
        transition: all 0.4s;
    }
    .culture-box .culture-item .flex1:hover .icon {
        background: #fff;
        transition: all 0.4s;
    }
    .culture-box .culture-item .flex1:hover .icon img {
        filter: brightness(1) invert(0);
    }
    .culture-box .culture-item .flex1:hover .name,.culture-box .culture-item .flex1:hover .text {
        color: #fff;
    }
    @media (max-width: 767px){
        .culture-box{
            display: flex;
            flex-wrap: wrap;
        }
        .culture-box .culture-item{width: 50%;padding: 0 0.75rem;}
        .culture-box .culture-item .flex1 .name{font-size: 19px;}
        .culture-box .culture-item .flex1 .name{margin: 1.28rem 0 0.875rem;}
    }