:root{
    --thm-1:#2d3f6b;
    --thm-2:#da281c;
    --thm-3:#229ab6;
}
/*-----------------------------------------
/  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: 30px 0 0;
    background: var(--thm-1);
  }
  .Service02-Section {
    padding: 0 0 111px;
    background: #ffffff;
  }
  /*-----------------------------------------
  /  03. Home Company Css
  /-----------------------------------------*/
  .aboutCompany01 {
    padding: 73px 0px 147px;
    background-color: #fbf7f4;
  }
  .home2-OurAgency {
    padding: 97px 0px 168px;
    background:rgb(33, 154, 181, 0.6);
  }
  /* About page  */
  .aboutPage {
    padding: 132px 0 160px;
    background: #ffffff;
  }
  section.Our-Mission-area {
    /*padding: 30px 0 30px;*/
  }
  /*-----------------------------------------
  /  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:rgb(33, 154, 181, 0.6);
    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: 15px 0 0px;
  }
  
  /*-----------------------------------------
  /  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: var(--thm-1);
  }
  /*-----------------------------------------
  /  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;
  }
  
  .contact-section{padding: 30px 0 123px;}
  
  /*----------------========----------------
  /  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;
    }
  }