/* Banner section css */
.aboutus-banner{width:100%;float:left;position:relative;background-image:url(/wp-content/themes/dotstore/images/contactus-banner.jpg);background-size:cover;background-repeat:no-repeat;padding:144px 0 53px;text-align:center}
.aboutus-banner .banner-content{padding:0}
.aboutus-banner .banner-content h1{padding-right:0;font-size:42px;margin-bottom:0}

/* About hero section css */
.about-hero{width:100%;margin:0 auto;background-image:url(/wp-content/themes/dotstore/images/about-bg.webp);background-repeat:no-repeat;background-size:cover;max-width:100%;float:left;background-position:center;position:relative;height:100%;padding:100px 0}
.about-hero.forprojects{background-image:url(/wp-content/themes/dotstore/images/forprojects.png)}
.about-hero .row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-ms-flex-wrap:wrap;flex-wrap:wrap}
.about-hero .about-main{background:#fff;padding:37px 25px 25px;display:inline-block}
.about-hero .about-main .headline{display:block;padding:20px 0 17px}
.about-main .headline h2{padding-left:79px;position:relative}
.about-main .headline h2::before{content:"";width:61px;height:61px;position:absolute;left:0;top:0;background-image:url(/wp-content/themes/dotstore/images/aboutus-icons-prite.png);background-repeat:no-repeat;background-position:0 0}
.about-hero.forprojects .about-main .headline h2::before{background-position:-1646px 0}
.about-main .counter-data{text-align:center;padding:20px;width:100%;float:left}
.about-main .counter-box{padding:15px 15px}
.about-main .counter-box.col-xs-6:nth-child(odd){border-right:1px dashed #ebebeb}
.about-main .counter-box.col-xs-6:nth-child(3){border-top:1px dashed #ebebeb}
.about-main .counter-box.col-xs-6:last-child{border-top:1px dashed #ebebeb}
.about-main .counter-box h4{color:#404c5a;margin:0}
.about-main .counter-box p{line-height:39px;text-transform:uppercase;font-weight:500}
.about-hero .about-sub{background-color:#fabb5e;padding:60px 70px;vertical-align:bottom;text-align:center}
.about-hero .about-sub h4{color:#fff;font-weight:500;margin-bottom:0}

/* .about-hero .counter-data .counter-box h4:after { content: "+"; } */

/* .about-hero .counter-data .counter-box h4.percentage-suffix:after { content: "%"; } */

/* Why choose section css */
.why-choose{background-color:#f8fafc;float:left;width:100%;padding:80px 0;text-align:center}
.why-choose .choose-reason .reason{background-color:#fff;padding:40px 45px;margin-bottom:30px}
.choose-reason .reason h3{font-weight:500;line-height:26px;margin-bottom:6px;color:#495665}
.choose-reason .reason h3::after{content:'';height:4px;width:100%;background-color:#ff826e;max-width:50px;display:block;margin:9px auto 0;border-radius:5px}
.choose-reason .reason .reason-img{width:95px;height:95px;background-image:url(/wp-content/themes/dotstore/images/aboutus-icons-prite.webp);background-repeat:no-repeat;margin:0 auto 26px}
.choose-reason .reason .reason-img.save-time{background-position:-134px 0}
.choose-reason .reason .reason-img.convo{background-position:-335px 0}
.choose-reason .reason .reason-img.budget{background-position:-525px 0}
.choose-reason .reason .reason-img.install{background-position:-701px 0}
.choose-reason .reason .reason-img.support{background-position:-875px 0}
.choose-reason .reason .reason-img.customization{background-position:0 -134px}

/* Multidots services css */
.multidots-services{width:100%;float:left;padding:85px 0 70px;background-color:#f8fafc;text-align:center}
.multidots-services .service{background-color:#FFF;-webkit-box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.05);box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.05);border:1px solid #e8e8f9;padding:49px 31px 34px;margin-bottom:30px}
.multidots-services .service:hover{-webkit-box-shadow:0 0 5px 5px rgba(0, 0, 0, 0.05);box-shadow:0 0 5px 5px rgba(0, 0, 0, 0.05)}
.multidots-services .service h6{padding:20px 0 8px}
.multidots-services .service .service-img{width:163px;height:90px;background-image:url(/wp-content/themes/dotstore/images/aboutus-icons-prite.png);background-repeat:no-repeat;margin:0 auto 2px}
.multidots-services .service .service-img.wp-logo{background-position:-1446px 0}
.multidots-services .service .service-img.woo-comm-logo{background-position:-1052px 0}
.multidots-services .service .service-img.plugin-logo{background-position:-1264px 0}

/* Team section css */
.team-section{width:100%;float:left;text-align:center;background-color:#f8fafc;padding-top:107px}
@media (max-width:1199px){.why-choose .choose-reason .reason{padding:15px}
  .multidots-services .service{padding:49px 15px 34px}}
@media (max-width:991px){.about-hero .row{display:inline}
  .about-main .counter-box.col-md-6:nth-child(3){border:none}
  .about-main .counter-box.col-md-6:nth-child(odd){border:none}
  .about-main .counter-box.col-md-6:last-child{border:none}
  .why-choose .choose-reason .reason{min-height:386px;padding:25px}
  .about-hero{padding:40px 0}
  .about-hero .about-sub{padding:20px 0}
  .multidots-services .service{min-height:370px}
  .aboutus-banner{padding:90px 0 40px}
  .why-choose{padding:40px 0}
  .multidots-services{padding:45px 0 40px}
  .team-section{padding-top:60px}}
@media (max-width:767px){.why-choose .choose-reason .reason, .multidots-services .service{min-height:auto}
  .aboutus-banner .banner-content h1{font-size:34px}}
@media (max-width:480px){.about-main .headline h2::before{top:-10px}
  .about-main .counter-data{padding:20px 0}
  .about-main .counter-box p{min-height:50px;margin-bottom:0;line-height:normal;font-size:14px}}
@media (max-width:360px){.about-main .counter-box p{font-size:12px}
  .about-main .counter-box h4{font-size:24px}}