body{
    font-size: 13px;
    padding: 10px;
}

.image{
    width: 200px;
    height: auto;
}
@media (max-width: 700px){
    .image{
        width: 130px;
        height: auto;
    }

    #proccess{
        width: 90%;
    }
}

#identity{
    padding-bottom: 10px;
    text-align: center;
}

a{
    text-decoration: none !important;
}

.row a{
    color: white;
}

.grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
    gap: 20px;
    margin: 20px auto;
}

.grid-item {
    background-color: #eaeaea;
    padding: 5px;
    border-radius: 8px;
    text-align: center;
    transition: transform 0.3s ease;
    cursor: pointer;
}

.grid-item:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

#contact-info-message #contact-instagram{
    background-color: rgb(197, 112, 8);
    color: blue;
    font-weight: 900;
}

#contact-info-message #contact-telegram{
    background-color: #229ED9;
    color: white;
    font-weight: 900;
}

#contact-info-message #contact-whatsapp{
    background-color: green;
    color: white;
    font-weight: 900;
}

#contact-info-message #contact-facebook{
    background-color: #0070C0;
    color: white;
    font-weight: 900;
}

#contact-info-message #contact-email{
    background-color: gray;
    color: white;
    font-weight: 900;
}

#contact-info-message #contact-tiktok{
    background-color: rgb(30, 123, 194);
    color: white;
    font-weight: 900;
}

#contact-info-message .label{
    color: white;
}

#contact-info-message .labelMTN{
    color: blue;
}

#contact-info-message .labeltiktok{
    color: red;
}

#contact-info-message .labelinstagram{
    color: yellow;
}

.button-palette {
    text-align: center;
  }
  
.button-palette button {
    display: inline-block;
    margin: 5px;
    padding: 5px 10px;
    border: none;
    border-radius: 15px;
    color: #333;
    cursor: pointer;
    font-weight: bold;
    font-size: 12px;
    width: 113px;
}

.new_lg {
    padding: 10px;
    background: white;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
    text-align: center;
    z-index: 1;
    max-width: 98%;
}

.new_lg a{
    text-decoration: none;
}

@media (max-width: 700px){
    .new_lg .button-palette{
        width: 300px !important;
    }

    .new_lg .button-palette button{
        width: 80px !important;
    }

    .button-palette button{
        width: 87px;
        font-size: 11px;
    }

}.button-palette {
    text-align: center;
  }
  
.button-palette button {
    display: inline-block;
    margin: 5px;
    padding: 5px 10px;
    border: none;
    border-radius: 15px;
    color: #333;
    cursor: pointer;
    font-weight: bold;
    font-size: 12px;
    width: 100px;
}