[data-component="services-body"] {
    background-image: linear-gradient(to right, #ffffff, #cfcfcf);
    border-radius: 15px;
    padding: 20px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 10px;
    position: relative;
    z-index: 2;
    padding-bottom: 100px; 
  }



    /* custom tabs */
    [data-component="services-body"] .nav {
      flex-direction: column;
      align-items: flex-start;
    }
    
    [data-component="services-body"] .nav-link {
      width: 100%;
      display: flex;
      color: #333;
      text-decoration: none;
      border-radius: 0;
      text-align: left;
    }
    
    [data-component="services-body"] .nav-link.active {
      color: #fff;
      text-decoration: none;
      background-color: #006fae;
      
    }
    
    [data-component="services-body"] .nav-link:hover {
      color: #fff;
      text-decoration: none;
      background-color: #006fae;
    }
    
    
    [data-component="services-body"] .nav-item {
      width: 100%;
      background: linear-gradient(to bottom right, #cccccc, #dddddd);
      align-items: center center;
    }
    
    [data-component="services-body"] .nav-item i {
      padding-right: 15px;
    }
    
    @media (max-width: 1200px) {
      /* Estilos para telas menores */
      [data-component="services-body"] .row {
        flex-direction: column;
      }
    
      [data-component="services-body"] .col-3, .col-9 {
        padding-top: 25px;
        width: 100%;
      }
    
    }
    
    [data-component="services-body"] .circle {
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #006fae;
      color: #fff;
      width: 50px;
      height: 50px;
      border-radius: 50%;
      font-size: 24px;
      font-weight: bold;
      margin: 0 auto 10px auto;
    }
    
    [data-component="services-body"] .arrow{
      color: #006fae;
      width: 50px;
      height: 50px;
      border-radius: 50%;
      font-size: 24px;
      font-weight: bold;
      margin: 0 auto 10px auto;
    }