.bannerBox{height:450px;width:100%;overflow:hidden;position:relative}
.bannerBox figure {height:450px;width:100%;}
.bannerBox img{width:100%;object-fit: cover; height: 450px;}
.bannerBox .contentBox{display:flex;position:absolute;top:0;left:0;width:100%;height:450px;background-color:rgba(255,255,255,.5);align-items:center;text-align:center}
.bannerBox .contentBox .row{display:flex;align-items:center;text-align:center}
.bannerBox .contentBox h1{font-size:42px;line-height:60px;display:block;color:#3a3a3a;}
.bannerBox .contentBox p{padding-bottom:20px;font-size:24px;display:block;color:#f26155}
.bannerBox .contentBox .actBtn{background:#f26155;height:40px;width:150px;border-radius:8px;color:#fff;text-align:center;line-height:40px;display:inline-block;font-size:18px}
.bannerBox .btn{width:100%}
.aboutSection{padding:65px 0;display:block;overflow:hidden}
.aboutSection h2{margin-bottom:20px;display:block;font-size:40px; line-height:40px;}
.aboutSection p{margin-bottom:15px;font-size:18px;line-height: 30px;}
.aboutSection ul{display:block}
.aboutSection ul li{display:flex}
.aboutSection ul li figure{margin:0 15px 25px 0;width:40px}
.aboutSection ul li figure img{width:40px}
.aboutSection ul li h3{width:calc(100% - 55px);font-size:26px;color:#3a3a3a;}
.aboutSection ul li h3 span{padding-top:5px;display:block;font-size:18px;color:#666;font-weight:400;font-family:'rubikregular'}
.aboutSection .secondRow{padding-top:60px}
.servicesSection{padding:65px 0;display:block;text-align:center;background:#f1f1f16e;overflow:hidden}
.servicesSection h2{margin-bottom:15px;display:block;font-size:40px;}
.servicesSection span{margin:0 auto;display:block;max-width:600px;line-height: 30px;}
.servicesSection .servicesBox{padding-top:30px;display:flex}
.servicesSection .servicesTile{padding:20px 15px;margin-left:30px;display:flex;justify-content:center;border:#e6e6e6 solid 1px;border-radius:8px;margin-top:15px;width:100%;min-height:260px;flex-direction:column;transition:.5s;background:#fff;cursor:pointer}
.servicesSection .servicesTile:first-child{margin-left:0}
.servicesSection .servicesTile figure{margin-bottom:15px;height:80px;transition:.5s}
.servicesSection .servicesTile h3{margin-bottom:15px;font-size:22px;color:#000;text-transform:uppercase;transition:.5s}
.servicesSection .servicesTile .btn{display:none}
.servicesSection .servicesTile:hover{background:#f26155;transition:.5s}
.servicesSection .servicesTile:hover .btn{display:block}
.howItWorksSection{padding:65px 0;display:block;text-align:center;overflow:hidden}
.howItWorksSection h2{margin-bottom:15px;display:block;font-size:40px;}
.howItWorksSection span{margin:0 auto;display:block;max-width:600px;line-height: 30px;}
.howItWorksSection .setpBox{padding-top:30px;display:flex}
.howItWorksSection .setpTile{padding:15px;margin-left:30px;display:flex;justify-content:center;border:#e6e6e6 solid 1px;border-radius:8px;margin-top:15px;width:100%;min-height:150px;flex-direction:column;transition:.5s;position:relative;background:#f1f1f16e}
.howItWorksSection .setpTile:first-child{margin-left:0}
.howItWorksSection .setpTile small{padding:0 15px;position:absolute;top:-10px;right:10px;background:#f26155;font-size:11px;border-radius:55px;color:#fff;line-height:20px}
.howItWorksSection .setpTile p{padding-top:15px;margin-bottom:15px; line-height:30px;}
.clientsReviewsSection{padding:65px 0;display:block;text-align:center;background:#f1f1f16e;overflow:hidden}
.clientsReviewsSection h2{margin-bottom:15px;display:block;font-size:40px;}
.clientsReviewsSection .clientsReviewsSlider{padding:20px;margin:50px auto 0;width:100%;max-width:1000px;border-radius:20px;box-shadow:0 3px 6px 0 rgba(0,0,0,0.06);background:#fff;position:relative}
.clientsReviewsSection .clientsReviewsSlider:before{position:absolute;content:"";top:-17px;left:15px;width:42px;height:40px;background:url(../images/quote-top.png) no-repeat 0 0}
.clientsReviewsSection .clientsReviewsSlider:after{position:absolute;content:"";bottom:-22px;right:15px;width:42px;height:40px;background:url(../images/quote-bottom.png) no-repeat 0 0}
.clientsReviewsSection .client-say{padding:0 45px;float:left;width:100%;position:relative}
.clientsReviewsSection .client-say-content{float:left;width:100%;position:relative}
.clientsReviewsSection .client-comment{padding:15px 0;font-size:18px;width:100%;text-align:center;position:relative; line-height: 30px}
.clientsReviewsSection .client-comment strong{margin:20px 0 0;font-size:18px;color:#f26155;display:block;font-weight:400;line-height:25px}
.clientsReviewsSection .client-comment strong span{color:#3a3a3a;display:block;font-family:'rubikregular'}
.clientsReviewsSection .owl-theme .owl-nav.disabled+.owl-dots{position:relative;top:-30px}
.ourPartnerSection{padding:65px 0;display:block;text-align:center;overflow:hidden}
.ourPartnerSection h2{margin-bottom:15px;display:block;font-size:40px;}
.ourPartnerSection span{margin:0 auto;display:block;color:#666;max-width:600px;line-height: 30px;}
.ourPartnerSection .ourPartnerBox{padding-top:30px;display:block}
.ourPartnerSection .ourPartnerBox figure{display:inline-block}
.featuredInSection{padding:65px 0;display:block;text-align:center;background:#f1f1f16e;overflow:hidden}
.featuredInSection h2{margin-bottom:15px;display:block;font-size:40px;}
.featuredInSection span{margin:0 auto;display:block;max-width:600px;line-height: 30px;}
.featuredInSection .featuredInBox{padding-top:30px;display:block}
.featuredInSection .featuredInBox figure{display:inline-block}
.willCreationSection{padding:65px 0;display:block;text-align:center;overflow:hidden}
.willCreationSection h2{margin-bottom:15px;display:block;font-size:40px;line-height: 30px;}
.willCreationSection span{margin:0 auto;display:block;color:#666;max-width:600px}
.willCreationSection .willCreationBox{padding-top:30px;display:flex}
.willCreationSection .willCreatioTile{margin-left:30px;background:#fff;border-radius:8px;overflow:hidden;border:#e6e6e6 solid 1px;width:100%}
.willCreationSection .willCreatioTile:first-child{margin-left:0}
.willCreationSection .willCreatioTile figure{display:block;overflow:hidden}
.willCreationSection .willCreatioTile figure img{width:100%;float:left}
.willCreationSection .willCreatioTile figcaption{padding:15px;text-align:left}
.willCreationSection .willCreatioTile figcaption p{margin-bottom:10px}
.willCreationSection .willCreatioTile figcaption a{color:#f26155}
@media screen and (max-width:1024px) {
.bannerBox .contentBox h1{font-size:36px}
.aboutSection h2,.servicesSection h2,.howItWorksSection h2,.clientsReviewsSection h2,.ourPartnerSection h2,.featuredInSection h2,.willCreationSection h2{font-size:32px}
.aboutSection p,.aboutSection ul li h3 span,.servicesSection span,.howItWorksSection span,.howItWorksSection .setpTile p,.clientsReviewsSection span,.ourPartnerSection span,.featuredInSection span,.willCreationSection span{font-size:16px;line-height:25px}
}
@media screen and (max-width:768px) {
.bannerBox{height:630px;background:#fcfaf8}
.bannerBox figure,.bannerBox .contentBox{height:auto}
.bannerBox .contentBox{padding-top:45px}
.bannerBox .contentBox .row{display:block}
.bannerBox .contentBox .actBtn{margin-bottom:45px}
.servicesSection .servicesTile figure{height:60px}
.servicesSection .servicesTile{margin-left:15px;min-height:220px}
.servicesSection .servicesTile h3,.bannerBox .contentBox .actBtn,.clientsReviewsSection .client-comment{font-size:16px}
}
@media screen and (max-width:540px) {
.bannerBox{height:695px}
.bannerBox .contentBox h1{font-size:36px;line-height:38px}
.bannerBox .contentBox p{padding-top:20px;line-height:30px}
.servicesSection .servicesBox{display:block}
.servicesSection .servicesTile{margin:0 0 15px}
.servicesSection .servicesTile .btn{display:inline-block;background:#f1f1f1}
.howItWorksSection .setpBox{display:block}
.howItWorksSection .setpTile{padding:0 15px;margin-left:0;min-height:85px}
.clientsReviewsSection .client-say{padding:0}
.willCreationSection .willCreationBox{display:block}
.willCreationSection .willCreatioTile{margin:0 0 15px}
}