/*
 * Why choose us.
 *
 * 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-heading .title-inner .title{color:#0a0a0a;font-family:Poppins,sans-serif;font-weight:600;position:relative;margin-bottom:18px}
.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-item.img-left{display:flex;vertical-align:top;margin-bottom:0}
.rs-services-default .services-item.img-left .services-icon{float:left;width:75px;margin-top:10px}
.rs-services-default .services-item.img-left .services-desc{padding-left:25px;float:left}
.rs-services-default.services-left .services-item.img-left{display:flex;vertical-align:top;margin-bottom:0}
.rs-services-default.services-left .services-item.img-left .services-icon{float:left;width:75px;margin-top:0}
.rs-services-default.services-left .services-item.img-left .services-desc{padding-left:25px;float:left}
.rs-services-default.services-left:hover{box-shadow:0 0 250px 10px rgba(0,0,0,.08);background:#f9f9f9!important}
@media only screen and (max-width: 1199px){
.rs-heading .title-inner .title{font-size: 25px;line-height: 40px}
.rs-services-default .services-wrap .services-item .services-title{font-size: 18px;margin-bottom: 0 !important}
}
@media only screen and (max-width: 991px){
.rs-heading h2{font-size: 32px}
}
@media only screen and (max-width: 767px){
.rs-heading .title-inner .title{font-size: 28px}
.rs-heading h2{font-size: 25px;line-height: 36px}
}
@media only screen and (max-width: 480px){
.rs-heading h2{font-size: 20px;line-height: 30px}
.rs-heading .title-inner .title{line-height: 34px;font-size: 24px}
.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}
.rs-heading .description{font-size: 15px;line-height: 26px}
}

/* The section's own rules. */
.ctwb-why-us{margin-top:150px !important;padding-top:30px !important;padding-right:30px !important;padding-bottom:30px !important;padding-left:30px !important;border-radius:5px !important}
/* Straight after the intro and form band (landing page) the box starts 30px below the band's own margin. */
.ctwb-intro-form + .sec-row-full-width + .ctwb-why-us{margin-top:30px !important}
.ctwb-why-us-text{padding-right:30px !important}
.ctwb-why-us-media{padding-left:30px !important}
.ctwb-why-us-heading{margin-bottom:30px !important}
.ctwb-why-us-image{margin-bottom:0 !important}
/* Reason title colour on hover (the old theme's script set it inline). */
.ctwb-why-us .services-title a:hover{color:#0473aa !important}