/* creativesplanet-ele-fid-style-7 */

.creativesplanet-ele-fid-style-7 .cspt-sbox-icon-wrapper {
    font-size: 55px;
    line-height: 65px;
    opacity: .50;
}

.creativesplanet-ele-fid-style-7 .cspt-fid-inner {
    font-size: 55px;
    line-height: 55px;
    font-weight: 600;
    margin: 15px 0;
    color: var(--cspt-greenly-secondary-color);
    letter-spacing: -0.5px;
}

.creativesplanet-ele-fid-style-7 .cspt-fid-title {
    margin: 90px 0 0 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #999999;
    position: relative;
}

.creativesplanet-ele-fid-style-7 .cspt-fid-title:before {
    position: absolute;
    content: '';
    height: 1px;
    width: 100%;
    background-color: rgb(var(--cspt-greenly-secondary-color-rgb), .10);
    top: -18px;
}

.creativesplanet-ele-fid-style-7 .cspt-fid-sub sub {
    bottom: 10px;
    left: -12px;
    font-family: auto;
}

.creativesplanet-ele-fid-style-7 .cspt-fid-sub {
    color: var(--cspt-greenly-global-color);
    margin-left: -12px;
}

.creativesplanet-ele-fid-style-7 .cspt-fid-title span a,
.creativesplanet-ele-fid-style-7 .cspt-fid-span {
    font-weight: 600;
    color: var(--cspt-greenly-secondary-color);
}

.creativesplanet-ele-fid-style-7 .cspt-fid-title span a:hover {
    color: var(--cspt-greenly-secondary-color);
}

.creativesplanet-ele-fid-style-7 .cspt-fld-contents {
    border: 1px solid rgb(var(--cspt-greenly-secondary-color-rgb), .10);
    padding: 30px;
    border-bottom: 3px solid var(--cspt-greenly-global-color);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.creativesplanet-ele-fid-style-7:hover .cspt-fld-contents {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    border-bottom: 3px solid var(--cspt-greenly-secondary-color);
}