.Values {
    padding-top: 120px;
    padding-bottom: 125px;
    background-color: #F2F8FF;
    position: relative;
}

    .Values::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 50%;
        top: -25%;
        left: 0;
        background-color: #F2F8FF;
        z-index: -1;
    }

    .Values h3 {
        font-size: 2.1875rem;
        font-family: 'DIMedium';
        color: #080031;
        margin-bottom: 80px;
        text-align: center;
    }

        .Values h3 img {
            margin-left: 24px;
        }

    .Values .values-card {
        background-color: #E3EBF3;
        position: relative;
        -webkit-transition: 500ms;
        transition: 500ms;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 32px;
        margin-bottom: 30px;
        min-height: 450px;
    }

        .Values .values-card .logo-wz-title {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-bottom: 21px;
        }

        .Values .values-card .img-box {
            margin-left: 30px;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 85px;
            flex: 0 0 85px;
        }

        .Values .values-card .title h4 {
            font-size: 1.7rem;
            font-family: 'DIMedium';
            color: #80057C;
            margin-bottom: 0;
        }

        .Values .values-card p {
            font-size: 1.375rem;
            line-height: 34px;
            margin-bottom: 0;
        }

        .Values .values-card::after {
            content: "";
            position: absolute;
            left: 5px;
            bottom: 5px;
            width: 43px;
            height: 44px;
            opacity: 0;
            -webkit-transition: 500ms;
            transition: 500ms;
        }

        .Values .values-card:hover {
            background-color: #fff;
            -webkit-filter: drop-shadow(0 3px 25px rgba(0, 0, 0, 0.1));
            filter: drop-shadow(0 3px 25px rgba(0, 0, 0, 0.1));
        }

            .Values .values-card:hover::after {
                opacity: 1;
                left: -5px;
                bottom: -5px;
            }

        .Values .values-card.val-1 .title h4 {
            color: #80057C;
        }

        .Values .values-card.val-1::after {
            background-image: url(/css/assets/images/about/val-h-1.svg);
        }

        .Values .values-card.val-2 .title h4 {
            color: #2A6EBB;
        }

        .Values .values-card.val-2::after {
            background-image: url(/css/assets/images/about/val-h-2.svg);
        }

        .Values .values-card.val-3 .title h4 {
            color: #38BEA2;
        }

        .Values .values-card.val-3::after {
            background-image: url(/css/assets/images/about/val-h-3.svg);
        }

        .Values .values-card.val-4 .title h4 {
            color: #080031;
        }

        .Values .values-card.val-4::after {
            background-image: url(/css/assets/images/about/val-h-4.svg);
        }







@media (max-width: 1650px) {
    .inner-serv-card .inner-cards-two .inner-card {
        max-width: 500px;
        height: 400px;
    }

    .Values .values-card p {
        font-size: 1.175rem;
        line-height: 30px;
    }

    .msg-vision .vision, .msg-vision .msg {
        max-width: 460px;
    }
}


@media (max-width: 1400px) {
    .about-main {
        margin-bottom: 119px;
    }

        .about-main .content-box p {
            font-size: 1.25rem;
            line-height: inherit;
            margin-bottom: 15px;
        }

    .msg-vision .vision, .msg-vision .msg {
        max-width: 395px;
    }

    .msg-vision .vision {
        margin-left: 40px;
    }

    .goals .goal-card .content-box p {
        font-size: 1.25rem;
    }

    .Values .values-card {
        min-height: 330px;
    }
}

@media (min-width: 1200px) and (max-width: 1440px) {
    .Values .container .col-xl-3.col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
    }
}


@media (max-width: 767.98px) {
    .Values .values-card .title h4 {
        font-size: 1.5rem;
    }
}

@media (max-width: 574.98px) {

    .Values .values-card {
        padding: 30px 15px 40px;
    }

}

/*******************/

.grid-section .Values::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 50%;
    top: -25%;
    left: 0;
    background-color: transparent !important;
    z-index: -1;
}