#contactUsPage {
    width: 70%;
    display: flex;
    flex-direction: column;
    margin-bottom: 50px;
    margin-top: 80px;
    justify-content: center;
    align-items: center;
    align-self: center;
    backdrop-filter: blur(10px); /* blur for glass effect */
    -webkit-backdrop-filter: blur(10px); /* Safari support */
    /* Card look */
    background: rgba(102, 166, 255, 0.2); /* light transparent blue */
    border-radius: 12px;
    padding: 20px;

      box-shadow:
        0 0 5px rgba(102, 166, 255, 0.6),
        0 0 10px rgba(102, 166, 255, 0.4),
        0 0 20px rgba(102, 166, 255, 0.2);
              transition: box-shadow 1s ease, transform 0.3s ease;

    
}

#contactUsPage:hover {
box-shadow:
        0 0 15px rgba(102, 166, 255, 0.6),
        0 0 30px rgba(102, 166, 255, 0.4),
        0 0 60px rgba(102, 166, 255, 0.2);
      transition: box-shadow 1s ease, transform 0.3s ease;
    transform: translateY(-10px); /* lift up */
}


#getInTouch {
    color: white;   
    text-align: center;
    animation: heartbeat 1.5s ease-in-out infinite;
    transform-origin: center;
}

@keyframes heartbeat {
    0%   { transform: scale(1); }
    14%  { transform: scale(1.3); }
    28%  { transform: scale(1); }
    42%  { transform: scale(1.3); }
    70%  { transform: scale(1); }
    100% { transform: scale(1); }
}


#contactUsPage>p{
    margin-top: 10px;
    font-size: clamp(1rem,calc(2vw+1rem),1.3rem);
    color: white;
    text-align: center;
}


#contactUsPage>p>span{
    text-decoration: underline;
}
#contactUsPage>p>span:hover{
    color: lightskyblue;
    cursor: pointer;
    text-decoration: underline;
}

#email-contact2:hover{
    color: lightskyblue;
    cursor: pointer;
    text-decoration: underline;
}

#whatsApp-number:hover{
    color: lightskyblue;
    cursor: pointer;
    text-decoration: underline; 
}