@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap);

        
        .feature-box .list,
        .job-list ul li,
        .new .content-text,
        .openings h4,
        .openings h4~span,
        .work-item>div,
        .workit {
            text-align: center
        }

        .feature-box h3 {
            text-align: center;
            font-family: Poppins;
            font-size: 32px;
            margin: 20px
        }

        .feature-title {
            font-family: Poppins;
            font-size: 18px;
            color: #000
        }

        .feature-box .list>span {
            width: 35%;
            display: flex;
            margin: auto auto 30px;
            color: #60626b;
            font-family: Poppins, sans-serif;
            font-size: 14px;
            font-weight: 400;
            line-height: 26px
        }

        .feature-box .container {
            background: #f8f8f8;
            padding: 30px !important;
            margin-bottom: 100px
        }

        .feature-box .list ul {
            display: flex;
            flex-wrap: wrap;
            margin-bottom: 50px
        }

        .feature-box .list ul li {
            padding-right: 30px;
            width: 33.3%;
            display: flex
        }

        .feature-box .list ul li:nth-child(3n) {
            padding-right: 0
        }

        .feature-box .list li.active a,
        .feature-box .list li:hover a {
            background: #fff;
            box-shadow: 0 3px 30px #0000001A
        }

        .feature-box .list li.active a::before,
        .feature-box .list li:hover a::before {
            position: absolute;
            content: '';
            left: 0;
            height: 80%;
            background: #fdc40c;
            width: 1px
        }

        .feature-box .list ul li>a {
            display: flex;
            flex-direction: column;
            margin-top: 30px;
            padding: 15px 30px 15px 15px;
            border-radius: 10px;
            transition: box-shadow .5s cubic-bezier(.34, .4, .44, .63);
            position: relative
        }

        .feature-box .list li .ivr_adv_div>div,
        .feature-box .list li a>div {
            display: flex;
            align-items: center;
            margin-bottom: 8px
        }

        .feature-box .list li .ivr_adv_div>div>span:first-of-type,
        .feature-box .list li a>div>span:first-of-type {
            width: 38px;
            height: 38px;
            border-radius: 5px;
            margin-right: 15px;
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain
        }

        .feature-box .list li .ivr_adv_div>div>span:nth-of-type(2),
        .feature-box .list li a>div>span:nth-of-type(2) {
            font-size: 14px;
            font-family: Poppins;
            color: #000;
            font-weight: 600
        }

        .feature-box .list li .ivr_adv_div>span,
        .feature-box .list li a>span {
            color: #60626b;
            font-family: Poppins, sans-serif;
            font-weight: 300;
            font-size: 14px;
            text-align: left;
            line-height: 24px
        }

        @media screen and (max-width :991px) {

            .feature-box .list ul li {
                width: 50%
            }

            .feature-box .list>span {
                width: 100%;
                align-items: center;
                justify-content: center
            }
        }

        @media (max-width :640px) {

            .feature-box .container {
                padding: 20px !important
            }

            .feature-box .list>span {
                width: 100%
            }

            .feature-box .list ul li {
                width: 100%;
                padding-right: 0
            }
        }