#digital-grow{
    padding: 100px 0px 50px;
}

#digital-grow h4{
    font-size:56px;
    color: var( --service-h3);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

#digital-grow p{
    color: var(--color-dark);
}

#digital-section{
    padding: 50px 0px 50px;
    
}

#digital-section h4{
    font-size: 40px;
    color: var(--color-dark);
}
#digital-section p{
    font-size: 16px;
    color: var(--color-dark);
    text-align: justify;
}
.digital-col-6{
    padding: 20px 20px 0px;
}

#seo{
    padding: 150px 0px 50px;
    position: relative;
}
#seo h4{
    font-size: 60px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: var(--about-color);
}

#seo p{
    text-align: justify;
    color: var(--about-p);
}

.seo-form{
    padding: 20px 20px 20px;
    color: #333;
    border-radius: 10px;
}
.seo-form h4{
    font-size: 30px;
    text-align: center;
    padding: 10px 0px 10px;
    color:#202d5d;
}
.seo-form input{
    margin-bottom: 15px;
    background: #fff;
    border-radius:5px;
}
.seo-btn{
    width: 100%;
    background: rgb(17, 17, 17);
    padding: 5px 20px 5px;
    color: #fff;
    border-radius: 5px;
    margin-bottom: 10px;
    text-align: center;
}
.seo-service1{
    background: #f3f3ffdd;
    padding: 10px 10px 10px;
    border-radius: 10px;
    color: #212121;
    border: 1px rgb(225 229 255) solid;
    height: 100%;
}
.seo-service1 h5{
    font-size: 24px;
    font-weight: 600;
}
.mb-20{
    margin-bottom: 20px;
}


/* Flexy Bootstrap */
@media only screen and (min-width : 481px) {
    .flex-row.row {
      display: flex;
       flex-wrap: wrap;
    }
    .flex-row.row > [class*='col-'] {
      display: flex;
      flex-direction: column;
       flex-grow: 1;
  
    }
    .flex-row.row:after, 
    .flex-row.row:before {
       display: flex;
    }
  }
  
  /* Flexy Bootstrap addon for bordered grid boxes */
  @media only screen and (min-width: 992px) {
      .bordered-grid-boxes .row.flex-row .col-md-4:first-child > a, .first-service-box, .service-box-2 {
          display: flex;
          flex-grow: 1;
          flex-direction: column;
      }
  }
  
  .bordered-grid-boxes .flex-row .col-md-4:nth-child(1) .service-box-2 {
      border: 1px solid #dfdfdf;
      border-width: 0px 1px 1px 1px;
  }
  .bordered-grid-boxes .flex-row .col-md-4:nth-child(2) .service-box-2 {
      border: 1px solid #dfdfdf;
      border-width: 0px 1px 1px 0;
  }
  .bordered-grid-boxes .flex-row .col-md-4:nth-child(3) .service-box-2 {
      border: 1px solid #dfdfdf;
      border-width: 0px 1px 1px 0;
  }
  
  .bordered-grid-boxes .col-md-4 {
      padding: 0;
      background-color:var(--result-bg);
  }
  .bordered-grid-boxes .service-box-2 {
      padding: 50px;
  }
  .bordered-grid-boxes .flex-row:nth-child(1) {
      border: 1px solid rgb(226, 226, 226);
      border-width: 1px 0 0 0;
  }
  
  .bordered-grid-boxes .row.flex-row {
      margin-left: 0px;
      margin-right: 0px;
  }
  
  .bordered-grid-boxes p {
  font-family: 'Montserrat', sans-serif;
  font-family: 'Merriweather', serif;
  font-family: 'Lato', sans-serif;
  }
  
  .bordered-grid-boxes h4 {
  font-family: 'Montserrat', sans-serif;
  font-family: 'Merriweather', serif;
  font-family: 'Lato', sans-serif;    
  font-size: 36px;
  color:var(--result);
  padding: 0px 0px 20px;
  }
  
  .bordered-grid-boxes .first-service-box .read-more {
      color: #fff;
  }
  
  .bordered-grid-boxes .first-service-box h4 {
      font-size: 32px;
      line-height: 40px;
  font-family: 'Montserrat', sans-serif;
  font-family: 'Merriweather', serif;
  font-family: 'Lato', sans-serif;	color: #fff;
  }
  
  .bordered-grid-boxes .color-background:hover * {
      background: #202d5d;
      color: #fff;
  }
  
  .service-box-2 i {
      color: #0097db;
      font-size: 36px;
      margin-bottom: 5px;
  }
  
  .icon-container {
      margin-bottom: 10px;
  }

  .service-bnr{
    padding: 150px 0px 50px;
    color: #fff;
  }

  .service-bnr h4{
    text-align: center;
    color: #fff;
  }
  .smo-one{
    position: relative;
    padding: 50px 0px 50px;
    background:var(--about-bg);
    border: 1px #d1e1d1;
    border-bottom: 1px #e1e1e1 solid;
    border-top: 1px #e1e1e1 solid;
  }
  .smo-one p{
    position: relative;
    text-align: justify;
    color: var(--about-p);
  }
  .cro-img{
    position:absolute;
    position: fixed;
    z-index: -999;
    top: 20%;
    -webkit-animation: mover 1s infinite;
    animation: mover 1s infinite  alternate;
    -webkit-animation: mover 1s infinite;
    animation: mover 1s infinite  alternate;  
  }

@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}

  .smo-two{
    padding: 50px 0px 50px;
    background: #ffffffdd;
    border: 1px #d1e1d1;
  }
  
  .smo-box-tow{
    padding: 20px 0px 20px;
  }
  .smo-box-tow p{
    text-align: justify;
  }
  .smo-box-tow ul li{
    padding:5px;
    font-size: 18px;
    font-family: 600;
}

.smo-three{
    background: #e8edfd;
    border: 1px #c9d0e5 solid;
}

.smo-three-product{
    margin: 40px 0px 20px;
    background: #ffffff;
    padding: 30px 20px 30px;
    border: 1px #ced8fd solid;
    border-radius: 10px;
}
.smo-four-product{
    height: 100%;
    padding: 30px 0px 30px;
}
.mtb-10{
    margin: 30px 0px 30px;
    text-align: justify;
}

.ppc-service{
    padding: 50px 0px 50px;
    background: var(--about-bg);
    border: 1px #d1e1d1;
}

.ppc-service p{
    margin: 10px 0px 10px;
    color: var(--about-p);
}
 
 
.service-ppc{
    margin: 30px 0px 30px;
    border: 5px #202d5d solid;
    padding: 30px 20px 30px;
    border-radius: 25px;
    cursor: pointer;
}

.t-color{
    color: var(--about-p);
}
.cro-important{
    background: var(--about-bg);
}
.cro-important p{
    margin: 20px 0px 20px;
    color:var(--color-dark);
}

.cro-important-2{
    background: var(--crobg);
}
.cro-important-2 p{
    margin: 10px 0px 10px;
    color:var(--color-dark)
}
.content-writing{
    background: var(--content-bg);
}
.content-writing p{
    margin-bottom: 30px;
    color: var(--color-dark);
    text-align: justify;
}

.link-building{
    background: #c2cce1;
}

.link-building .box{
    margin: 20px 0px 20px;
    background: #ffffff;
    padding: 20px;
    border-radius: 5px;
    font-weight: 500;
    border-right: 5px rgb(136, 163, 202) solid;
    border-left: 5px rgb(136, 163, 202) solid;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.list-group {
    --bs-list-group-color: #212529;
    --bs-list-group-bg: #fff;
    --bs-list-group-border-color: rgba(0, 0, 0, 0.125);
    --bs-list-group-border-width: 1px;
    --bs-list-group-border-radius: 0.375rem;
    --bs-list-group-item-padding-x: 1rem;
    --bs-list-group-item-padding-y: 1rem;
    --bs-list-group-action-color: #495057;
    --bs-list-group-action-hover-color: #495057;
    --bs-list-group-action-hover-bg: #f8f9fa;
    --bs-list-group-action-active-color: #212529;
    --bs-list-group-action-active-bg: #e9ecef;
    --bs-list-group-disabled-color: #6c757d;
    --bs-list-group-disabled-bg: #fff;
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #0d6efd;
    --bs-list-group-active-border-color: #0d6efd;
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: var(--bs-list-group-border-radius);
}
.cursor-pointer{
    cursor: pointer;
}
.link-building-2{
    background: #fafafa;
}
.link-building-2 h4{
    font-size: 34px;
    text-align: center;
}
.link-building-2 p{
    margin-bottom: 20px;
    color: #212121;
}
.link-building-3{
    background: #dae2ff;
    border: 1px #adb9e5 solid;
}
.link-building-3 h4{
    font-size: 34px;
}
.link-building-3 ul li{
    padding: 10px 0px 10px;
}
 .logo-business{
    background: #202d5d;
    padding: 30px 0px 30px;
 }
 .logo-business h4{
    font-size: 54px;
    color: #fff;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
 }
 .logo-business p{
    color: #fff;
    font-size: 20px;
    margin-bottom: 20px;
 }

 .logo-business-2{
    background: #f6f6f6;
    padding: 30px 0px 30px;
 }
 .logo-business-2 h4{
    font-size: 34px;
    color: rgb(28, 28, 28);
    margin-bottom: 20px;
    text-transform: uppercase;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
 }
 .logo-business-2 p{
    color: rgb(19, 19, 19);
    font-size: 20px;
    margin-bottom: 20px;
 }