.Exhibit-profile-wrapper {
    padding-block: clamp(3.125rem, 1.9886rem + 5.6818vw, 6.25rem);
    background-color: #f9f9f9;

    h2 {
        font-size: clamp(1.5625rem, 1.3352rem + 1.1364vw, 2.1875rem);
        text-align: center;


        span {
            font-weight: 600;
        }

        &:hover {
            color: var(--primary-color);

            span {
                color: var(--secondry-color);
            }
        }
    }

    .dot-dot {
        margin-inline: auto;
        background: #2575fc;

    }
}

.EP-Box {
    background-color: #fff;
    text-align: center;
    padding-block: clamp(1.875rem, 1.1932rem + 3.4091vw, 3.75rem);
    padding-inline: clamp(1.25rem, 0.7955rem + 2.2727vw, 2.5rem);
    height: 100%;
    position: relative;
    border-radius: 5px;
    overflow: hidden;

    svg {
        font-size: 42px;
        color: #2575fc;
        transition: all .6s ease;
        position: relative;
    }

    h3 {
        color: #000000;
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 20px;
        margin-top: 10px;
        transition: all .6s ease;
        position: relative;
    }

    p {
        color: #656565d6;
        transition: all .6s ease;
        position: relative;
    }

    &::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 0;
        background-color: transparent;
        background-image: linear-gradient(90deg, var(--primary-color) 0%, #002B68FA 100%);
        transition: all .6s ease;
    }

    &:hover {
        &::before {
            height: 100%;
        }

        p {
            color: #fff;
        }

        h3 {
            color: #fff;
        }

        svg {
            color: #fff;
        }
    }
}