/* --------------------------------------
 * static_box-style-3
 * ---------------------------------------*/

.cspt-static-box-style-3 {
    text-align: center;
}

.cspt-static-box-style-3 .creativesplanet-box-title h4 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    margin-bottom: 0;
}

.cspt-static-box-style-3 .cspt-img-wrapper img {
    height: 200px;
    width: 200px;
    border-radius: 50%;
    margin: 0 auto 30px;
    padding: 5px;
    border: 2px dashed #e6e6e6;
}

.cspt-static-box-style-3 .creativesplanet-static-box-desc {
    margin-top: 0px;
    padding: 10px 20px;
}

.cspt-element-static_box-style-3 .cspt-static-box-ele:nth-child(2) .cspt-static-box-style-3,
.cspt-element-static_box-style-3 .cspt-staticbox-ele:nth-child(2) .cspt-static-box-style-3 {
    transform: translateY(-30px);
}

.cspt-element-static_box-style-3 .cspt-static-box-ele:nth-child(2) .cspt-static-box-style-3 img,
.cspt-element-static_box-style-3 .cspt-staticbox-ele:nth-child(2) .cspt-static-box-style-3 img {
    height: 230px;
    width: 230px;
}

.cspt-static-box-style-3 .cspt-img-wrapper {
    position: relative;
	display: inline-block;
}

.cspt-element-static_box-style-3 .cspt-static-box-style-3 .cspt-img-wrapper:before,
.cspt-element-static-box-style-3 .cspt-static-box-style-3 .cspt-img-wrapper:before {
    content: counter(csptbox1, decimal-leading-zero) " ";
    counter-increment: csptbox1;
    color: #fff;
    background: #283138;
    height: 48px;
    width: 48px;
    font-size: 15px;
    line-height: 48px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    font-weight: 500;
    top: 25px;
    right: -14px;
    z-index: 99;
}

.cspt-element-static_box-style-3 .cspt-ihbox.cspt-ihbox-style-hsbox.cspt-align-center {
    margin-bottom: 80px;
}

.cspt-element-static_box-style-3 .cspt-static-box-style-3 .cspt-img-wrapper:before,
.cspt-element-static-box-style-3 .cspt-static-box-style-3 .cspt-img-wrapper:before {
    background-color: var(--cspt-greenly-global-color);
}

@media(max-width :1024px) {
    .cspt-element-static-box-style-3.creativesplanet-element-viewtype-row-column .cspt-static-box-ele {
        margin-bottom: 30px;
    }
}

@media(max-width :991px) {
    .cspt-element-static_box-style-3 .cspt-static-box-style-3 .cspt-img-wrapper:before,
    .cspt-element-static-box-style-3 .cspt-static-box-style-3 .cspt-img-wrapper:before {
        display: none;
    }
}

@media(max-width :767px) {
    .cspt-static-box-style-3 {
        margin-bottom: 30px;
    }
    .cspt-element-static_box-style-3 .cspt-staticbox-ele:nth-child(2) .cspt-static-box-style-3 {
        transform: translateY(0px);
    }
    .cspt-element-static_box-style-3 .cspt-staticbox-ele:nth-child(2) .cspt-static-box-style-3 img {
        height: 200px;
        width: 200px;
    }
    .cspt-element-static_box-style-3 .cspt-ihbox.cspt-ihbox-style-hsbox.cspt-align-center {
        margin-bottom: 40px;
    }
}