/*-----------------------------------------
/  Ignore For WP CSS
/-----------------------------------------*/
section.Header-Topbar01 {
  background-color: #fff;
}

/*-----------------------------------------
  /  02. Home service Css
  /-----------------------------------------*/
.hm1-ServiceSection {
  padding: 335px 0px 50px;
  background: #fbf7f4;
}

.hm1-ServiceSection:before {
  position: absolute;
  content: "";
  top: 58px;
  left: -257px;
  width: 1146px;
  height: 689px;
  z-index: -1;
  background-image: url(../images/home1/H-serviceShape-l.png);
  background-repeat: no-repeat;
  background-size: auto;
}

.hm1-ServiceSection:after {
  position: absolute;
  content: "";
  top: -50px;
  right: 0px;
  width: 664px;
  height: 582px;
  z-index: -1;
  background-image: url(../images/home1/H-serviceShape-r.png);
  background-repeat: no-repeat;
  background-size: auto;
}

/* home2 partners & service  */
.partnersSection {
  padding: 127px 0 0;
  background: #ffffff;
}

.Service02-Section {
  padding: 0 0 111px;
  background: #ffffff;
}

/*-----------------------------------------
  /  03. Home Company Css
  /-----------------------------------------*/
.aboutCompany01 {
  padding: 40px 0px;
  /* padding: 73px 0px 147px; */
  background-color: #fbf7f4;
}

.home2-OurAgency {
  padding: 97px 0px 168px;
  background: #f9f9f9;
}

/* About page  */
.aboutPage {
  padding: 132px 0 160px;
  background: #ffffff;
}

section.Our-Mission-area {
  padding: 0 0 154px;
}

/*-----------------------------------------
  /  04. What We Do Css
  /-----------------------------------------*/
.ServiceWhatWE-do {
  padding: 133px 0 243px;
  background-color: #ffffff;
  background-image: url(../images/home1/H-what-weDo-bg.png);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: bottom left;
}

.ServiceWhatWE-do:before {
  position: absolute;
  content: "";
  top: 243px;
  left: 105px;
  background-image: url(../images/home1/Rope-shap.png);
  height: 96px;
  width: 66px;
  -webkit-animation: bounce 5s infinite both;
  animation: bounce 5s infinite both;
}

.ServiceWhatWE-do:after {
  position: absolute;
  content: "";
  top: 288px;
  right: 105px;
  background-image: url(../images/home1/Rope-shap-r.png);
  height: 84px;
  background-size: cover;
  width: 78px;
  z-index: 1;
  -webkit-animation: swing 5s infinite both;
  animation: swing 5s infinite both;
}

/* Service page  */
.MainService-section {
  padding: 129px 0 0;
  background: #ffffff;
}

.serviceDetails-section {
  padding: 132px 0 0;
  background: #ffffff;
}

/*-----------------------------------------
  /  05. Home What We Do Css
  /-----------------------------------------*/
.agency-Card-placeHolder {
  background-color: #1b1d20;
  position: relative;
}

.agency-Card-placeHolderRow {
  margin-top: -80px;
}

/* Home2 About Digital Agency  */
.aboutDigitalAgency {
  padding: 134px 0 148px;
  background: #ffff;
}

/*-----------------------------------------
  /  06. Project css
  /-----------------------------------------*/
.projectSection01 {
  background-color: #1b1d20;
  padding: 109px 0 104px;
  background-image: url(../images/home1/project01-bg.png);
  background-repeat: no-repeat;
  background-position: center top 174px;
  background-size: contain;
  position: relative;
}

.projectSection01:before {
  position: absolute;
  content: "";
  top: 63px;
  left: 219px;
  width: 14px;
  height: 14px;
  background: url("../images/home1/white-Plus-img.png") no-repeat scroll 0 0 / cover;
  -webkit-animation: tada 7s infinite both;
  animation: tada 7s infinite both;
}

.projectSection01 .secTitle:after {
  position: absolute;
  content: "";
  top: 0px;
  right: -65px;
  width: 114px;
  height: 50px;
  background: url(../images/home1/Red-rectangle-shape.png) no-repeat scroll 0 0 / cover;
  -webkit-animation: shake 18s infinite both;
  animation: shake 18s infinite both;
}

.Project-items-row {
  margin-top: 70px;
}

/* home 2 Project  */
.projectSection02 {
  padding: 118px 0 108px;
  background: #ffffff;
}

/* Project page   */
.ProjectMain-section {
  padding: 131px 0 0;
  background: #ffffff;
}

.ProjectMainV2 {
  padding: 126px 0 117px;
  background-position: center 190px;
}

.ProjectMainV2:before {
  top: 80px;
}

.projectDetails-section {
  padding: 132px 0 120px;
}

/*-----------------------------------------
  /  07. Home Testimonial css
  /-----------------------------------------*/
.Testimonial01-area {
  background-color: #f4fafe;
  padding: 111px 0 98px;
  background-image: url(../images/home1/H-testimonial-bg.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
}

.Testimonial01-area:before {
  position: absolute;
  content: "";
  top: 208px;
  left: 161px;
  width: 144px;
  height: 50px;
  background-image: url(../images/home1/H-testimonial-dot-shape.png);
  -webkit-animation: shake 25s infinite both;
  animation: shake 25s infinite both;
}

.Testimonial01-area:after {
  position: absolute;
  content: "";
  bottom: 192px;
  right: 147px;
  width: 144px;
  height: 50px;
  background-image: url(../images/home1/H-testimonial-dot-shape.png);
  -webkit-animation: shake 25s infinite both;
  animation: shake 25s infinite both;
}

/* Home2 Testimonial  */
.Testimonail02-area {
  background-image: url(../images/home2/h2-Testimonial-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 112px 0 99px;
}

.Testimonail02-area:after {
  display: none;
}

.Testimonail02-area:before {
  display: none;
}

.Testimonail02-area .secTitle:after {
  display: none;
}

/*-----------------------------------------
  /  08. Home Free Consulation css
  /-----------------------------------------*/
.Free-consulation-section {
  padding: 113px 0 137px;
  background-color: #ffffff;
}

/* About Consulation  */
.about-Consulation {
  padding: 124px 0 140px;
}

/* .company-status  */
.CompanyStatus-Counter {
  padding: 62px 0 27px;
  background: #fdf8f4;
}

.countericonBox01 {
  text-align: center;
}

/* Subscrib section  */
.subscribeSection {
  padding: 96px 0 135px;
}

.service-Subscribe {
  padding: 113px 0 126px;
}

.service-SubscribeV2 {
  padding: 100px 0 126px;
}

.srvDetails-Subscribe {
  padding: 122px 0 126px;
}

/* Project page  */
.Projectv1-Subscribe {
  padding: 128px 0 126px;
}

/* contact page */
.Contact-Subscribe {
  padding: 159px 0 126px;
}

/*-----------------------------------------
  /  09. Home Latest Blog css
  /-----------------------------------------*/
.LatestBlogs01 {
  padding: 83px 0 119px;
  background-color: #faf6f3;
  background-image: url(../images/home1/H-blog-bg.png);
  background-position: left 150px top 163px;
  background-size: auto;
  background-repeat: no-repeat;
}

/* blog grid page  */
.blogMain-grid {
  padding: 134px 0 0;
}

/*-----------------------------------------
  /  10. Footer Info Css
  /-----------------------------------------*/
.siteInfoSection {
  background: #1e2023;
  padding: 28px 0 34px;
}

/*-----------------------------------------
  /  11. TeamCarousel & TeamMember Css
  /-----------------------------------------*/
.Our-teamMember-area {
  padding: 162px 0 119px;
  background: #f3f7f9;
  position: relative;
  z-index: 1;
}

.Our-teamMember-area:before {
  position: absolute;
  content: "";
  top: 161px;
  left: 86px;
  width: 25px;
  height: 25px;
  background: #f6b88a;
  border-radius: 50%;
  z-index: -1;
  -webkit-animation: tada 4s infinite both;
  animation: tada 4s infinite both;
}

.Our-teamMember-area:after {
  position: absolute;
  content: "";
  bottom: 404px;
  right: 84px;
  width: 25px;
  height: 25px;
  background: #a2c2f5;
  border-radius: 50%;
  z-index: -1;
  -webkit-animation: tada 3s infinite both;
  animation: tada 3s infinite both;
}

/* teamCarousel  */
.teamCarousel01-area {
  padding: 125px 0 147px;
  background: #f3f7f9;
  position: relative;
  z-index: 1;
}

.teamCarousel01-area:before {
  position: absolute;
  content: "";
  top: 161px;
  left: 86px;
  width: 25px;
  height: 25px;
  background: #f6b88a;
  border-radius: 50%;
  z-index: -1;
  -webkit-animation: tada 4s infinite both;
  animation: tada 4s infinite both;
}

.teamCarousel01-area:after {
  position: absolute;
  content: "";
  bottom: 74px;
  right: 84px;
  width: 25px;
  height: 25px;
  background: #f6b88a;
  border-radius: 50%;
  z-index: -1;
  -webkit-animation: tada 3s infinite both;
  animation: tada 3s infinite both;
}

/*-----------------------------------------
  /  12. Hero Area Css
  /-----------------------------------------*/
.Hero-Section {
  padding: 31px 0 26px;
  background: #3482ff;
}

/*-----------------------------------------
  /  13. Blog & blog Details Css
  /-----------------------------------------*/
.blogDetails-section {
  padding: 132px 0 0;
}

.blogDetails-subscribeSec {
  padding: 111px 0 126px;
}

/* Blog grid page  */
.blogGrid-subscribe {
  padding: 137px 0 126px;
}

/* Blog list  */
.blogList-Main-section {
  padding: 132px 0 0;
}

.blog-listSubscrive-section {
  padding: 126px 0 126px;
}

/*-----------------------------------------
  /  14. Contact Css
  /-----------------------------------------*/
.contactIconBox-section {
  padding: 137px 0 88px;
}

/*-----------------------------------------
  /  15. 404 Css
  /-----------------------------------------*/
.fofPage {
  padding: 184px 0 193px;
  background: -webkit-linear-gradient(315deg, #e5e1f3 0%, #fbeffc 100%);
  background: linear-gradient(135deg, #e5e1f3 0%, #fbeffc 100%);
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.fofPage:before {
  position: absolute;
  content: "";
  left: 114px;
  top: 168px;
  width: 162px;
  height: 383px;
  background: url(../images/shape/fof-2.png) no-repeat scroll;
  background-size: auto;
  background-position: left top;
  z-index: -1;
  -webkit-animation: swing 35s infinite both;
  animation: swing 35s infinite both;
}

.fofPage:after {
  position: absolute;
  content: "";
  right: 243px;
  top: 117px;
  width: 113px;
  height: 245px;
  background: url(../images/shape/fof-3.png) no-repeat scroll;
  background-size: auto;
  background-position: right top;
  z-index: -1;
  -webkit-animation: swing 35s infinite both;
  animation: swing 35s infinite both;
}

/*-----------------------------------------
  /  16. FAQ Css
  /-----------------------------------------*/
.faq-Section {
  padding: 117px 0 190px;
  background: #f3f7f9;
  position: relative;
  z-index: 1;
}

.faq-Section:before {
  position: absolute;
  content: "";
  top: 240px;
  left: 108px;
  width: 173px;
  height: 441px;
  background: url(../images/shape/Faq-bg-lShape.png);
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-animation: shake 28s infinite both;
  animation: shake 28s infinite both;
  z-index: -1;
}

.faq-Section:after {
  position: absolute;
  content: "";
  bottom: 320px;
  right: 135px;
  width: 164px;
  height: 161px;
  background: url(../images/shape/Faq-bg-rShape.png);
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-animation: shake 25s infinite both;
  animation: shake 25s infinite both;
  z-index: -1;
}

/*----------------========----------------
  /  17. max-width: 1199px
  /----------------========----------------*/
@media (max-width: 1199px) {
  .home2-OurAgency {
    padding: 97px 0px 118px;
  }
}

/*----------------========----------------
  /  18. max-width: 575px
  /----------------========----------------*/
@media (max-width: 991px) {
  .Our-teamMember-area {
    padding: 100px 0 70px;
  }

  .faq-Section {
    padding: 90px 0 120px;
  }

  .partnersSection {
    padding: 97px 0 0;
  }

  .Service02-Section {
    padding: 0 0 91px;
  }

  .Testimonial01-area .secTitle {
    margin-bottom: 37px;
  }

  .aboutDigitalAgency {
    padding: 100px 0 120px;
  }

  .subscribeSection {
    padding: 100px 0 95px;
  }
}

/*----------------========----------------
  /  19. max-width: 767px
  /----------------========----------------*/
@media (max-width: 767px) {
  section.testimonialNO-gb {
    padding: 80px 0 90px;
  }

  .service-Subscribe {
    padding: 100px 0 113px;
  }

  .MainService-section {
    padding: 100px 0 0;
  }

  .serviceDetails-section {
    padding: 100px 0 0;
  }

  .srvDetails-Subscribe {
    padding: 100px 0 106px;
  }

  .aboutPage {
    padding: 102px 0 120px;
  }

  section.Our-Mission-area {
    padding: 0 0 114px;
  }

  .about-Consulation {
    padding: 60px 0 100px;
  }

  .hm1-ServiceSection {
    padding: 300px 0px 30px;
  }
}

/*----------------========---------------- 
  / 20. max-width: 575px 
  /----------------========----------------*/
@media (max-width: 575px) {
  .faq-Section {
    padding: 65px 0 80px;
  }

  .Testimonial01-area {
    padding: 105px 0 70px;
  }

  .service-SubscribeV2 {
    padding: 100px 0 106px;
  }

  .LatestBlogs01 {
    padding: 83px 0 80px;
  }

  .Free-consulation-section {
    padding: 90px 0 100px;
  }

  .ServiceWhatWE-do {
    padding: 133px 0 185px;
  }
}

/*----------------========---------------- 
  / 21. max-width: 420px 
  /----------------========----------------*/
@media (max-width: 420px) {
  .Our-teamMember-area {
    padding: 80px 0 45px;
  }
}