.efectoOthers{
        width:100%;
        display: flex;
        justify-content: space-between;
    }

    .controlImgEfectOthers{
        display:flex;
        justify-content:center;
        align-items: center;
        width:80px;
        height:auto;
    }

    .controlImgEfectOthers img {
        width: 100%;
        height: auto;
        animation: gentleFade 6s infinite;
    }

    @keyframes gentleFade {
        0%, 100% { opacity: 0.7; }
        50% { opacity: 1; }
    }


    .flexLeftRight{
        display:flex;
        justify-content: space-between;
        align-items: start;
        color:var(--white);gap:20px;
        margin-top:50px;
    }

    .titleLeft h2{
        font-size:30px;
        margin-bottom:20px;
        line-height: 1;
    }

    .btnLinkEn a button{
        border:2px solid var(--principal);
        background-color: transparent;
        color:var(--white);
        font-weight:600;
        padding:10px 35px;
        border-radius:4px;
        font-size:16px;
        cursor: pointer;
        transition: all ease .3s;
    }

     .btnLinkEn a button:hover{
        background-color:var(--principal);
        color:var(--black);
     }

     .flexDivsControl{
        padding-top:50px;
        display:flex;
        gap:20px;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom:20px;
     }

     .servDiv{
        color:var(--white);
        text-align:center;
        width:32%;
        border:4px solid var(--principal);
        background-color: transparent;
        flex-direction:column;
        padding-bottom:35px;
        transition: all ease .3s;
     }

     .servDiv h3,.servDiv span{
        display:block;padding:15px;
     }

      .servDiv h3{
        color:var(--principal);
        font-size:22px;
        line-height:1.2;
        padding-top:30px;
        transition: all ease .3s;
      }

       .servDiv span{
        font-size:20px;
        font-weight:600;
        line-height:1.2;
        padding-top:0px;
        padding-bottom:20px;
        transition: all ease .3s;
      }

      .servDiv:hover{
        background-color:var(--black);
        box-shadow: rgba(0, 255, 0, 0.518) 0px 10px 20px 0px;
      }

       .servDiv:hover h3{
        color:var(--white);
       }

       .servDiv:hover span{
        color:var(--principal);
       }


     .containerImgervGb{
        width:100%;
        overflow: hidden;
        display: block;
        height:300px;
        transition: all ease .3s;
     }

      .containerImgervGb img{
        width:100%;
        height:100%;
        object-fit: cover;
        transition: all ease .3s;
     }

      .servDiv:hover .containerImgervGb img{
        transform: scale(1.2);
      }



     /*-- Proyects --*/

     .flexProyects{
        display:flex;
        justify-content: space-between;
        gap:20px;
        flex-wrap:wrap;
        align-items:center;
        margin:50px 0px;
     }

     .proyectGlobal{
        width:48%;
        background-color:var(--black);
        border:3px solid var(--white);
        transition: all ease .3s;

        display:flex;
        justify-content: space-between;
        gap:20px;
        padding:20px;
        border-radius:5px;
        align-items: center;
     }

     .containerImgProyect{
        width:39%;
        height:auto;
        max-height:200px;
        overflow: hidden;
        border-radius:5px;
        display: block;
     }

     .containerImgProyect img{
        width:100%;
        height:100%;
        object-fit: cover;
        transition: all ease .3s;
     }

      .proyectGlobal:hover{
        border-color:var(--principal);
        box-shadow: rgba(0, 255, 0, 0.518) 0px 10px 20px 0px;
      }
      .proyectGlobal:hover .containerImgProyect img{
        transform:scale(1.2);
      }

      .infoProyectGlobal{
        width:55%;
      }

      .infoProyectGlobal h4{
        color:var(--white);
        font-size:22px;
        line-height:1.2;
        padding-bottom:20px;
      }






    @media(max-width:1150px){
     .containerImgervGb{
        height:200px;
     }
    }

    @media(max-width:900px){
      .flexDivsControl{
        justify-content: center;
     }

      .containerImgervGb{
        height:300px;
      }

     .servDiv{
        width:48%;
     }


     .proyectGlobal{
        width:100%;
     }
    }



    @media(max-width:768px){
      .containerImgervGb{height:auto;}
      .servDiv{width:100%;}
    }



     @media(max-width:500px){
        .flexLeftRight{flex-direction: column;align-items: center;}
        .servDiv{width:100%}


        .flexLeftRight .titleLeft{
            display: flex;
            align-items:center;
            flex-wrap: wrap;
            flex-direction: column;
        }

        .proyectGlobal{
            flex-direction: column;
        }
        .infoProyectGlobal,.containerImgProyect{
            width:100%;
            text-align:center;
        }
     }