#about{
     margin-bottom: 200px;
    }

    #clients {
     margin-top: 100px;
     margin-bottom: 100px;
        }


        .metric-item img {
            width: 50px;
            height: 50px;
            border-radius: 50%;
        }
        .metric-item h5 {
            margin-bottom: 5px;
        }
        .metric-item p {
            margin-bottom: 0;
            color: #555;
        }
 
    .clientsfix {
     margin-top: 60px;
        }

    .measuringsucessfix {
     margin-bottom: 40px;
        }
   

    .copyright-section {
            background-color: #F0F0F0;
            padding: 20px 0;
        }
        .copyright-text {
            color: #333;
            font-size: 10px;
        }

    #footer {
           background: #F0F0F0;
           padding-top: 20px;
           padding-bottom: 20px;
        }



    .highlight {
      color: #0051B3;
    }
    .overview-box {
      background-color: #F7F7F8;
      border-radius: 15px;
      padding: 35px 45px;
    }
    .border-top-black {
      border-top: 2px solid black;
      padding-top: 20px;
    }
    .border-bottom-black {
      border-bottom: 2px solid black;
      padding-bottom: 20px;
    }
    .image-placeholder {
      background-color: #ccc;
      width: 100%;
      height: 300px;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #555;
      font-size: 20px;
      border: 2px dashed #aaa;
    }
    .two-column-box {
      background-color: #F7F7F8;
      border-radius: 15px;
      padding: 10px 40px;
      display: flex;
      gap: 130px;
    }
    /* Padding between titles and bullets */
    /*.two-column-box .title {
      padding-bottom: 15px;
    }*/
    .two-column-box .content {
      padding-top: 15px;
    }
    /* New Section: Previous Product List */
    .previous-product-list, .product-list-issues, .key-opportunities {
      padding: 20px;
      border-top: 2px solid black;
      border-bottom: 2px solid black;
      margin-top: 30px;
      text-align: left; /* Aligning the title to the left */
    }
/* padding overview */
.overpadding {
      padding: 10px 40px;
    }


/* padding entre secciones */
.py-custom {
            padding-top: 100px;
           
        }


/* padding para metrics */
.py-custom2 {
            padding-top: 30px;
            padding-bottom: 30px;
        }




/* padding para metrics */
.custom-color {
    color: #0051B3; /* Color personalizado */
}



.navbar {
            background-color: white; /* Fondo blanco */
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Sombra ligera */
        }
        .navbar-brand {
            font-weight: normal;
        }
        .navbar-nav .nav-link {
            font-weight: 500;
        }
        .content-container {
            padding-top: 20px; /* Mayor espaciado superior */
            padding-bottom: 10px; /* Mayor espaciado inferior */
        }


/* solo para el home*/
        .content-container-home {
            padding-top: 170px; /* Mayor espaciado superior */
            padding-bottom: 10px; /* Mayor espaciado inferior */
        }


/* css the home page */

.founder-section {
            display: flex;
            align-items: center;
            /* Espacio entre la sección Founder y Results */
        }
        .founder-img-container {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
        }
        .founder-img {
            width: 394.11px; /* Tamaño personalizado */
            height: 400px; /* Tamaño personalizado */
            object-fit: cover; /* Asegura que la imagen mantenga su forma sin distorsionarse */
            background-color: #ddd; /* Fondo gris en caso de que la imagen no cargue */
        }
        .founder-content {
            flex: 2;
            padding-left: 20px;
        }
        .founder-title {
            font-size: 12px;
            font-weight: bold;
        }
        .founder-subtitle {
            font-size: 36px;
            font-weight: bold;
            padding-top: 30px;
            padding-bottom: 30px;
        }
        .founder-text {
            font-size: 16px;
        }




        #portfolio {
            margin-top: 60px;  /* Incrementé el margen superior para más espacio */
            background-color: #f0f0f0;
            padding: 30px;
            width: 100%;  /* Ocupa todo el ancho de la pantalla */
            position: relative;
            left: 0;
        }






        .brand-logo {
            filter: grayscale(100%);
            max-width: 150px;
        }

        .no-color{
            background-color: transparent;
        }
        .results-title {
            font-size: 12px;
            
            font-weight: bold;
        }
        .results-subtitle {
            font-size: 36px;
            
            font-weight: bold;
        }
        .results-text {
            font-size: 16px;
            color: black;
        }
        .col-md-6.d-flex {
            gap: 50px; /* Ajusta el valor según lo necesites */
        }

        .case-study {
            text-align: center;
        }

        .case-study img {
            width: 365.47px;
            height: 479.78px;
            background-color: #ddd;
        }

        .case-study-title {
            font-size: 20px;
            font-weight: bold;
            margin-top: 10px;
        }

        .case-study-text {
            font-size: 14px;
        }
        .read-more {
            font-size: 14px;
            text-decoration: underline;
            cursor: pointer;
        }
        .clients-section {
            margin-top: 110px;
            margin-bottom: 20px;
            text-align: left;
        }
        .clients-title {
            font-size: 20px;
            font-weight: regular;
            margin-bottom: 20px;
        }
        .clients-logos {
            display: flex;
            justify-content: center;
            gap: 20px;
        }
        .clients-logos img {
            width: 248px;
            height: 124px;
            background-color: #ddd;
        }
        

/* css the home page  para espacio final de pagina*/

        .clients-section .row:last-child .col-md-4 {
            margin-bottom: 4.5rem; /* Ajusta el valor si es necesario */
        }

/* css the home page  para espacio final de pagina*/
.logismo {
            margin-top: 50px;
            
            text-align: left;
        }