/*
 * Service cards.
 *
 * First the old theme's rules this section uses, ported in their original order (generated, do not edit
 * by hand); then the section's own rules: the old page's spacing and colours, and its hover states.
 */

.rs-services-default .services-wrap{transition:all .5s ease}
.rs-services-default .services-wrap .services-item{margin-bottom:40px}
.rs-services-default .services-wrap .services-item .services-icon{font-size:60px;line-height:60px;width:100%;position:relative}
.rs-services-default .services-wrap .services-item .services-icon:hover{background-position:20px -30px}
.rs-services-default .services-wrap .services-item .services-title{font-size:20px;margin:0 0 10px;font-weight:600!important;line-height:34px}
.rs-services-default .services-wrap .services-item .services-desc p:last-child{margin-bottom:12px}
.rs-services-default.services-left:hover{box-shadow:0 0 250px 10px rgba(0,0,0,.08);background:#f9f9f9!important}
.service-home .services-wrap .services-item .services-icon:before{content:"";position:absolute;top:35px;left:0;right:0;width:0;height:0;transition:all .5s ease;border-right:60px solid transparent;border-top:60px solid #35ac39;border-left:60px solid #35ac39;border-bottom:60px solid #35ac39;border-radius:60px;opacity:.05;transform:rotate(-90deg);z-index:9}
.service-home .services-wrap:hover{box-shadow:0 0 50px #eee}
.service-home .services-wrap:hover .services-icon:before{left:150px}
.middle-column-shadow .rs-services-default .services-wrap{box-shadow:0 0 150px #eee}
@media only screen and (max-width: 1199px){
.service-home-responsive.service-home  .sec-col-sm-4 > .sec-col-inner{padding-left: 15px !important;padding-right: 15px !important}
.rs-services-default .services-wrap .services-item .services-title{font-size: 18px;margin-bottom: 0 !important}
}
@media only screen and (max-width: 991px){
body .mobl-pb20,body .moblc-pb20 > .sec-col-inner{padding-bottom: 20px !important}
.service-home-responsive.service-home > .sec-col-sm-4{width: 100%}
.service-home-responsive.service-home > .sec-col-sm-4 .sec-col-inner{max-width: 600px;margin: 0 auto !important}
.service-home.service-home-responsive{padding-bottom: 0 !important}
.service-home-responsive.service-home  .sec-col-sm-4 > .sec-col-inner{padding-left: 15px !important;padding-right: 15px !important}
}
@media only screen and (max-width: 480px){
.rs-blog-details h4,.rs-porfolio-details h3,.rs-cta .style1 .title-wrap .exp-title,.rs-blog-grid.rs-blog .blog-meta .blog-title,.rs-portfolio-style5 .portfolio-item .portfolio-content h4,.rs-services-default .services-wrap .services-item .services-title,.rs-services-default .services-wrap .services-item .services-title{font-size: 18px}
}
.service-home .services-wrap .services-item .services-icon:before{border-top-color:#1DA4D4 !important}
.service-home .services-wrap .services-item .services-icon:before{border-left-color:#1DA4D4 !important;border-bottom-color:#1DA4D4 !important}

/* The section's own rules. */
.ctwb-service-card{padding-top:50px !important;padding-right:60px !important;padding-bottom:20px !important;padding-left:60px !important}
.ctwb-service-cards-last{margin-bottom:40px !important}
/* Title colour on hover (the old theme's script set it inline). */
.ctwb-service-cards .services-title a:hover{color:#1da4d4 !important}