body{
    color: #455963;
    overflow: auto;
    line-height: normal;
}

.container.o-container--no-padding {
    max-width: none !important;
}

.m-t-100{
    margin-top: 100px;
  }

.p-t-b-50 {
    padding: 50px 0;
}

.m-b-50{
    margin-bottom: 50px;
}
    
h1, h2, h3, h4, h5, h6{
    font-weight: 800;
}
 

.seo-optimasation4 .page_title {
    margin:0 0 40px 0!important;
  } 

  .page_title {
    font-size: 30px;
}
.slider-testi .mention > p {
    padding: 15px;
}


@keyframes spin {
    from {
      transform: rotate(0);
    }
    to {
      transform: rotate(1turn);
    }
  }

  .shape {
    animation: spin 18s linear infinite;
  }

  .paused {
    background-color: #ddd;
  }

  .paused .shape {
    animation-play-state: paused;
  }


/*--------------------------------- home--------------------------------- */

h3.c-headings-block__main.h3 {
    font-family: Roboto Slab, serif;
    font-weight: 700;
    font-size: 4rem;
    line-height: 1.4;
    letter-spacing: 0;
    font-weight: 800 !important;
}

.valign-top {
    z-index: 0;
}

.apps_tabs li a {
    padding: 108px 0 0;
}

.tab_content h5 {
    font-size: 15px;
}

.c-headings-block__special.h4 {
    font-size: 20px;
    font-weight: 700;
}

h3.c-headings-block__main.h1 {
    font-size: 6.5rem ;
    font-weight: 700 ;
}

h3.h6 {
    font-size: 2.4rem;
    line-height: 1.6;
}

h3.c-headings-block__main.h2 {
    font-size: 6.5rem ;
    font-weight: 700 ;
}

.tab_content > section ul li {
    margin-top: 10px;
    background-position: -880px -20px;
}

@media (max-width: 1024px){
    .c-event-date__day, .c-tile__event-day { 
       font-size: 170px ;
       padding-top: 25px;
    }
}

@media (max-width: 837px){
    .c-event-date__day, .c-tile__event-day { 
       font-size: 150px ;
       padding-top: 18px;
    }
}

@media (max-width: 837px){
    .c-event-date__day, .c-tile__event-day { 
        font-size: 90px ;
        padding: 10px 0;
     }

    .c-tile__image {
        height: calc(14vw + 1rem);
    }

    h3.c-tile__heading.h6 {
        font-size: 16px;
    }
}


@media (max-width: 599px){

    .c-tile__image {
        height: calc(20vw + 1rem);
    }


    h3.c-headings-block__main.h1 {
        font-size: 4rem;
    } 

    h3.c-headings-block__main.h2 {
        font-size: 4rem;
    }
}

@media (max-width: 479px){

    .c-tile__image {
        height: calc(35vw + 1rem);
    }

    .c-tile__event-day {
        font-size: 105px;
        padding: 25px 0;
    }

    h3.c-headings-block__main.h3 {
        font-size: 3rem;
    }

    h3.c-headings-block__main.h1, h3.c-headings-block__main.h1 {
        font-size: 3rem;
    }


    h3.c-headings-block__main.h2 {
        font-size: 3rem;
    }
}

@media (max-width: 375px){

    .c-tile__event-day {
        padding: 8px 0;
    }
}


/*--------------------------------- about--------------------------------- */




.images_text-wp .width-50:first-child {
    padding-left: 15px;
}

.page_btn-wp{
    border-radius: 10px;
}

.text-top-buttom-center p{
    color: #000;
}

.testimo-slider {
    background-image:none;
    padding: 50px 0;
    color: #fff;
    background-color: #f4f6f7;
}


.testimo-slider .owl-carousel .owl-item img {
    position: relative;
    display: initial;
    width: 75%;

}

.testimo-slider .item > p {
    position: absolute;
    top: 42%;
    padding: 0 350px;
}

.testimo-slider h3 {
    text-align: center;
    margin-bottom: 50px;
}

.we-love-what-we-do {
    background-image: url(../image/Involve-IT-Solutions-Value-Added-Reseller-VAR-1920.jpg);
    color: #fff;
    padding: 10% 0;
    text-align: center;
}

.work-with-us {
    border-radius: 10%;
}

.border-for-work {
    background-color: #A0278E;
    border-radius: 10%;
}   

.connect-with-us {
    background-image: url(../image/1.jpg);
    padding: 15% 0;
}

.leading-heads-wp .team-person-wp:hover {
    border-top: 5px solid #A73194;
    background-color: #583290;
}   

.team-person-wp:hover h2,
.team-person-wp:hover p,
.team-person-wp:hover a  {
    color: #fff;
}

.core-value{
    display: contents;
}

.fa-angle-double-right:before {
    padding-left: 10px;
}

.core-value > li {
    margin: 10px 0 0 50px;
}

.core-value > li:hover {
    background-color: #9D278E;
    color: #fff;
}

.testimo-slider:hover.testimo-slider .owl-nav i {
    background-color: #9D278E;
}

@media only screen and (max-width: 2685px) {
    .testimo-slider .item > p {
        position: absolute;
        top: 44%;
        padding: 0 475px;
    }

}

@media only screen and (max-width: 2685px){
    .testimo-slider .item > p {
        padding: 0 390px;
    }
}

@media only screen and (max-width: 1530px){
    .testimo-slider .item > p {
        padding: 0 295px;
    }
}

@media only screen and (max-width: 1440px){
    .testimo-slider .item > p {
        top: 40%;
        padding: 0 340px;
    }
}

@media only screen and (max-width: 1320px){
    .testimo-slider .item > p {
        top: 32%;
    }
}

@media only screen and (max-width: 1220px){
    .testimo-slider .item > p {
        top: 30%;
        padding: 0 290px;
    }
}

@media only screen and (max-width: 1180px){
    .testimo-slider .item > p {
        top: 27%;
        padding: 0 280px;
    }
}

@media only screen and (max-width: 1130px){
    .testimo-slider .item > p {
        font-size: 16px;
    }
}

@media only screen and (max-width: 1024px){
    .testimo-slider .item > p {
        font-size: 14px;
    }
}


@media only screen and (max-width: 992px){
    .testimo-slider .item > p {
        padding: 0 250px;
    }
}

@media only screen and (max-width: 930px){
    .testimo-slider .item > p {
        top: 34%;
        padding: 0px 230px;
        font-size: 12px;
    }
}

@media only screen and (max-width: 866px){
    .testimo-slider .item > p {
        top: 29%;
        padding: 0px 206px;
    }
}

@media only screen and (max-width: 831px){
    .testimo-slider .item > p {
        top: 30%;
        padding: 0px 189px;
    }
}

@media only screen and (max-width: 797px){
    .testimo-slider .item > p {
        top: 22%;
        padding: 0px 211px;
    }
}

@media only screen and (max-width: 768px){
    .testimo-slider .owl-carousel .owl-item img {
        width: 100%;
    }

    .testimo-slider .item > p {
        top: 33%;
        padding: 0px 155px;
    }
}

@media only screen and (max-width: 720px){
    .testimo-slider .item > p {
            padding: 0px 130px 0 102px;
        }
}

@media only screen and (max-width: 651px){
    .testimo-slider .item > p {
            top: 27%;
            padding: 0px 107px 0 107px;
        }
}

@media only screen and (max-width: 600px){
    .testimo-slider .item > p {
            top: 21%;
            padding: 0px 139px 0 79px;
        }
}


@media only screen and (max-width: 583px){
    .testimo-slider .item > p {
        top: 29%;
        padding: 0px 144px 0 100px;
        font-size: 10px;
    }
}

@media only screen and (max-width: 583px){
    .testimo-slider .item > p {
        top: 20%;
        }
}

@media only screen and (max-width: 521px){
    .testimo-slider .item > p {
        padding: 0px 150px 0 120px;
    }

    .testimo-slider .owl-carousel .owl-item img {
            height: 320px;
        }

}



@media only screen and (max-width: 470px){
    .testimo-slider .item > p {
    padding: 0px 110px 0 90px;
        }

    .testimo-slider .owl-carousel .owl-item img {
            height: 270px;
        }

}

@media only screen and (max-width: 425px){
    .testimo-slider .owl-carousel .owl-item img {
            display: none;
        }

    .testimo-slider .item > p {
            display: contents;
            color: #000;
            font-size: 12px;
        }
    .testimo-slider .item {
        padding: 0 80px;
        }
}



/*--------------------------------seo-packages--------------------------------- */

.services-wp2 {
    background-image: url(../image/gettyimages-1158404051_1200xx6000-3375-0-313.jpg) !important;
  }

  .seo-page1 .c-headings-block {
    padding-top: 80px ;
  }

  .services-wp2 .page_title {
     margin-bottom: 70px;
  }

  .seo-page1 .page_title {
      font-size: 34px;
  }

  h1.page-banner-hadding{
    font-size: 60px;
    margin-bottom: 70px;
    font-weight: 700;
  }

  .seo-pac-box{
    box-shadow: 0px 0px 5px #58318F;
    color: #000;
    text-align: center;
    padding: 30px;
    border-radius: 20px;
    margin-top: 20px;
  }

  .seo-pac-box:hover{
    background-color: #A0278E ;
    color: #FFF !important;
  }

  .seo-pac-box i{
    font-size: 80px;
    color:  #58318F;
    padding: 25px;
    border-radius: 70px;
    display: inline-block;
    border: 3px solid #A0278E;
    background-color: #E2E4E5;
  }

  .seo-pac-box:hover i{
    border: 3px solid #58318F !important;
  }

  .seo-pac-box h3{
    font-weight: 700;
    font-size: 19px;
  }

  .seo-pac-box p{
    line-height: inherit;
    height: 75px;
  }

  .seo-pac-box a{
    display: inline-block;
    text-decoration: none;
    font-size: 15px;
    color: #000;
    font-weight: 600;
  }

  .seo-pac-box:hover a{
    color: #fff !important;
  }




  
@media only screen and (max-width: 425px){
    .seo-page1 .c-headings-block {
        padding-top: 0;
    }
}

 /*--------------------------------website-development-------------------------------- */

 .bg-seo-optimasation {
    background-image: none;
}

.web-devlopment {
    margin-top: 150px;
}

.web-devlopment p,
.web-devlopment-choose p{
    font-size: 18px;
}


.website-services-box-text{
    box-shadow: 0px 0px 5px #58318f;
    color: #000;
    text-align: center;
    padding: 30px;
    margin-top: 20px;
    text-align: left;
    height: 420px;
}

.website-services-box-text:hover{
  background-color: #A0278E;
  color: #fff;
}

.website-services-box-text:hover i{
  color: #fff;
}

.website-services-box-text i {
    font-size: 80px;
    color: #A0278E;
    display: inline-block;
}


.website-services-box-text h4 {
    font-size: 22px;
    font-weight: 700;
}

.web-devlopment-choose img{
    padding-top: 110px;
  }

  .bubbles-right-4box {
    padding: 0 12px;
  }

  .bubbles-right-4box .mention {
  height: 150px;
  background-color: #A0278E;
}

.slider-testi .mention {
  border-radius: 14px 35px 0 35px;
}


@media only screen and (max-width: 425px){
    .web-devlopment {
        margin-top: 100px;
    }
}



  /*--------------------------------search-engine-optimisation-------------------------------- */



.seo-optimasation4 {
  margin: auto auto 100px;
}

.serch-eng h1{
    margin: 150px 0 50px 0;
}



.serch-eng p{
font-size: 18px;
}

.what-our-icone{
text-align: center;
}

.what-our-icone i{
font-size: 80px;
color:  #A0278E;
display: inline-block;
margin-top: 30px;
}

.what-our-icone h4{
font-weight: 700;
font-size: 20px;
margin-top: 30px;
}

.what-our-icone h4:hover{
  color: #58318F;
}

.happy-3box {
    background-image: url(../image/SEO-scaled.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 88px 0 89px 0;
    color: #fff;
    margin-top: 100px;
}

.happy-3box i{
font-size: 70px;
}

h2.counter,span.counter-text {
  font-size: 32px;
  font-weight: 600;
}

h5.counter-text {
  font-size: 24px;
  font-weight: 600;
}

p.counter-text {
  font-size: 18px;
  line-height: initial;
}

.owl-carousel {
display: initial;
}

.bubbles-right .mention {
    padding: 10px 15px !important;
    background: #A0278E;
    border-radius: 100px 0;
    position: relative;
    height: 200px;
}

.bubbles-left, .bubbles-right {
  padding: 0 12px;
}

.bubbles-right .mention::after {
display: none;
}

@media only screen and (max-width: 768px){
    .serch-eng h1 {
        margin: 100px 0 30px 0;
    }
}

@media only screen and (max-width: 425px){
    .seo-optimasation5 .page_title {
        padding: 0 !important; 
    }
    .seo-optimasation4 {
        margin: auto auto 50px !important;
    }
}

/*--------------------------------pay-per-click-management-------------------------------- */ 
.ppc-service {
    margin: 150px 0 30px 0;
  }
  
  .ppc-service-text {
    background-image: url(../image/pay-per-click.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    padding: 100px 0;
  }
  
  .ppc-service-text p{
      font-size: 22px;
      padding-bottom: 20px;
  
  }
  

  
  .website-services-box {
      box-shadow: 0px 0px 5px #58318f;
      color: #000;
      text-align: center;
      padding: 30px;
      margin: 20px 10px;
      height: 315px;
      border-radius: 30px;
  }
  
  .website-services-box i {
      font-size: 80px;
      color: #A0278E;
      display: inline-block;
  }
  
  .website-services-box h4 {
      font-size: 22px;
      font-weight: 600;
      padding-bottom: 10px;
  }
  .website-services-box p{
    line-height: inherit;
  }

  .website-services-box:hover{
    background-color: #A0278E;
    color: #fff;
  }
  
  .website-services-box:hover i{
    color: #fff;
  }
  
  .how-help-text {
    background-image: url(../image/how-can-i-help.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    padding: 100px 0;
  }
  
  .how-help-text p{
      font-size: 22px;
      padding-bottom: 20px;
  
  }
  
  
  .bubbles-right .mention {
      padding: 30px 50px;
      background: #A0278E;
      border-radius:0 75px;
      position: relative;
      height: 150px;
    }
  
    .bubbles-left, .bubbles-right {
        padding: 0 12px;
    }
  
    .bubbles-right .mention::after {
      display: none;
    }
    

  
  .happy-3box {
      background-image: url(../image/Indian-websie-builders.jpg);
      background-position: center center;
      background-size: cover;
      background-repeat: no-repeat;
      padding: 88px 0 89px 0;
      color: #fff;
      margin-top: 100px;
  }
  
  .seo-optimasation4 {
      margin: auto auto 100px;
  }
  @media only screen and (max-width: 768px){
    .ppc-service {
        margin: 100px 0 30px 0;
    }
    
    .m-t-100 {
        margin-top: 50px;
    }
    
    }
  @media only screen and (max-width: 425px){
    .website-services-box {
        padding: 15px !important;
    }
}

@media only screen and (max-width: 353px){
    .website-services-box {
        height: 380px;

    }
}

  /*--------------------------------online-reputation-management-------------------------------- */ 
.online-service h1{
    margin: 150px 0 30px 0;
}

.online-service-text p{
    font-size: 18px;
}
  .the-basics-text {
    background-image: url(../image/Top-ORM-tools-for-your-business-in-2021..jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    padding: 100px 0;
  }
  
  .the-basics-text p{
      font-size: 22px;
      padding-bottom: 20px;
  
  }

  @media only screen and (max-width: 768px){
    .online-service h1 {
        margin: 100px 0 30px 0;
    }
    
    .seo-optimasation5 .page_title {
        padding:0!important; 
    }
    
    }


/*--------------------------------online-reputation-management-------------------------------- */ 

.reputation-management{
   background-image: url(../image/social_media_marketing.jpg); 
   background-position: center center;
   background-size: cover;
   background-repeat: no-repeat;
   color: #fff;
   padding: 100px 0;
}

.reputation-management p{
    font-size: 22px;
    padding-bottom: 20px;

}

.what-our-icone p {
    font-size: 16px;
}

/*--------------------------------SOFTWARE DEVELOPMENT-------------------------------- */ 

.soft-devo h1{
    margin: 150px 0 30px 0;
}

.soft-devo p{
    font-size: 18px;
}

.soft-devo img{
    padding-top: 40px;
}

.our-soft-devo {
    background-image: url(../image/social_media_marketing.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    padding: 100px 0;
}

.our-soft-devo p {
    padding-bottom: 10px;
    font-size: 22px;
}

@media only screen and (max-width: 768px){
    .soft-devo h1 {
        margin: 100px 0 0px 0;
    }

    .soft-devo img {
      padding-top: 0px;
    }
    
    }

/*--------------------------------online-it-services-new-------------------------------- */ 

    @media only screen and (max-width: 768px){
        .online-service h1 {
            margin: 100px 0 30px 0 ;
        }

        img.online-it-service-img {
           margin-top: 0px !important ; 
        }
        
}
/*--------------------------------e-commerce------------------------------- */ 
@media only screen and (max-width: 320px){
    
    .soft-devo-box-text {
        height: 380px !important;
    }
    
}
    

/*--------------------------------SOFTWARE DEVELOPMENT-------------------------------- */ 

img.online-it-service-img {
    margin-top: 50px;
}

.soft-devo-box-text{
    box-shadow: 0px 0px 5px #58318f;
    color: #000;
    text-align: center;
    padding: 30px;
    margin-top: 20px;
    text-align: left;
    height: 320px;
}

.soft-devo-box-text:hover{
  background-color: #A0278E;
  color: #fff;
}

.soft-devo-box-text:hover i{
  color: #fff;
}

.soft-devo-box-text i {
    font-size: 80px;
    color: #A0278E;
    display: inline-block;
}


.soft-devo-box-text h4 {
    font-size: 22px;
    font-weight: 700;
}

/*--------------------------------mobile-solutions-------------------------------- */ 

.creating-mobile-site {
    background-image: url(../image/mobile-seo-optimization.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    padding: 100px 0;
}

.creating-mobile-site p {
    padding-bottom: 10px;
    font-size: 22px;
}

/*--------------------------------animation-studio-------------------------------- */ 

.why-use-animation {
    background-image: url(../image/1-1.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    padding: 100px 0;
}

.why-use-animation p {
    padding-bottom: 10px;
    font-size: 22px;
}

/*---------------------------all css resonsiv----------------------------- */ 
@media only screen and (max-width: 768px){
    
    p {
        font-size: 16px !important;
        line-height: inherit;
    }

    h1.page_title ,
    h2.page_title {
        font-size: 25px !important;
    }
    
}