#home3-services-area {
    position: relative;
}
.home3-services-area {
    background-color: #fff;
    padding-top: 40px;
    padding-bottom: 40px;
}
.home3-services-content {
    padding-top: 18px;
}

.home3-services-item {
    position: relative;
    z-index: 1;
    -webkit-box-shadow: 0px 0px 30px -8px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 30px -8px rgba(0, 0, 0, 0.4);
    padding: 40px 48px 60px;
    margin-top: 50px;
}

i.flaticon-note {
    color: #fd6c98;
}

.home3-services-item i::before {
    font-size: 80px;
}

.home3-services-item i.flaticon-note::after {
    background-image: url(../tooiv6/img/mix/h3-bg-s1.png);
}

.home3-services-item i::after {
    content: '';
    position: absolute;
    left: 0px;
    top: -1px;
    width: 213px;
    height: 168px;
    border-radius: 0px 30px 74px 37px;
    z-index: -1;
    background-size: cover;
    background-repeat: no-repeat;
}
.home3-services-item h4 {
    padding-bottom: 20px;
    padding-top: 77px;
}

i.flaticon-cloud-computing {
    color: #8960ef;
}

.home3-services-item i.flaticon-cloud-computing::after {
    background-image: url(../tooiv6/img/mix/h3-bg-s2.png);
}

.home3-services-item i.flaticon-document::after {
    background-image: url(../tooiv6/img/mix/h3-bg-s3.png);
}

@media (max-width: 575.98px){
.home3-services-animation {
    display: none;
}}

@media (max-width: 575.98px){
.home3-services-area {
    padding-top: 107px;
    padding-bottom: 101px;
}}

@media (min-width: 992px) and (max-width: 1199.98px){
.home3-services-area {
    padding-top: 107px;
    padding-bottom: 101px;
}}


.title-shape {
    position: relative;
    padding-top: 15px;
}
.section-title {
    margin-bottom: 65px;
}


.title-shape.text-center:before {
    left: 50%;
    margin-left: -30px;
}
.title-shape:after, .title-shape:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 3px;
    border-radius: 50px;
    content: "";
    background-color: #5551ef;
}

.section-title h2 {
    font-size: 36px;
    line-height: 1.35;
    margin-bottom: 12px;
}

.title-shape.text-center:after {
    left: 50%;
    margin-left: 0;
}
.title-shape:after {
    width: 20px;
    left: 30px;
    background-color: #fff;
}
.title-shape:after, .title-shape:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 3px;
    border-radius: 50px;
    content: "";
    background-color: #5551ef;
}

.single-feature, .solution-img {
    position: relative;
}
.single-feature, .single-feature .feature-icon {
    margin-bottom: 30px;
}
.single-feature {
    padding: 60px 45px 55px;
}
.accordion>div, .hover-effect, .ov-hidden, .single-feature, .single-team {
    overflow: hidden;
}
.box-shadow2, .news-letter-form-wrapper, .single-blog .blog-content, .single-feature, .single-price, .single-service {
    -webkit-box-shadow: 10px 10px 60px rgba(0,0,0,.07);
    box-shadow: 10px 10px 60px rgba(0,0,0,.07);
}
.radius-10, .single-feature, .single-price, .single-service, .single-team, .single-testimonial {
    border-radius: 10px;
}
#countdown li, .banner.style--two .banner-content .btn-wrap .btn:after, .banner.style--two .banner-content .btn-wrap span, .btn.btn-white, .coming-soon-newsletter .btn-wrap .btn:after, .coming-soon-newsletter .btn-wrap span, .footer .widget .widget-title:after, .footer-bottom-text:after, .header-main.sticky, .header-top .info-bar ul li:not(:last-child):after, .news-letter-form-wrapper h3:after, .offcanvas-wrapper, .page-title ul li:not(:last-child):after, .single-blog .blog-content, .single-feature, .single-price, .single-service, .single-team, .single-team .member-img .btn-rounded, .single-testimonial, .white-bg {
    background-color: #fff;
}

.single-feature, .single-feature .feature-icon {
    margin-bottom: 30px;
}

.single-blog .blog-content h3, .single-feature .feature-content h3 {
    margin-bottom: 16px;
}

.single-feature:after {
    content: "01";
    position: absolute;
    right: -29px;
    top: -68px;
    font-size: 150px;
    opacity: .03;
}
#countdown .single-countdown h2, .extra-bold, .single-feature:after {
    font-weight: 800;
}

.single-feature.two:after {
    content: "02";
}
.single-feature.three:after {
    content: "03";
}