/* contact */
#contact {
    padding: 30px 20px;
    text-align: center;
    margin-bottom: 0;
    background: linear-gradient(90deg, rgb(0, 0, 153) 0%, rgb(43, 43, 255) 25%, rgb(43, 43, 255) 75%, rgb(0, 0, 153) 100%);
    display: flex;
    justify-content: center; /* Centers the child horizontally */
    align-items: center; /* Optional: Centers the child vertically if needed */
}

#contact .team-border-head3 {
    background: linear-gradient(90deg, #808080 0%, #c5c5c5 25%, #eeeeee 50%, #c5c5c5 75%, #808080 100%);
	transition: opacity 0.3s ease, box-shadow 0.05s ease;
    padding: 15px; /* Adjust based on your design preference */
    margin-bottom: 20px; /* Provides spacing between rows of team members */
    border-radius: 30px; /* Optional: Adds rounded corners */
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.8); /* Soft shadow for depth */
}

#contact .team-border-head3:hover {  
    transform: scale(1.05); /* Enlarge the element */
    color: white;
    transition: 0.2s ease;
    text-shadow: 0 0 10px black, /* White */
                 0 0 20px black, /* White */
                 0 0 30px black; /* White */
    box-shadow: 0 0 10px white, /* White */
                 0 0 20px white, /* White */
                 0 0 30px white, /* White */
                 0 0 40px white; /* White - Optional: Adjust or add spread-radius if needed */
    
    p, h4,
    .instagram-special,
    .facebook-special {
        text-shadow: none!important;
    }
}

.facebook-special {
    background-color: #2867B2;
    color: white;
    font-size: 28px; 
    padding: 12px;
    border-radius: 50%;
    transition: transform 0.8s ease-in-out;
    margin-bottom: 15px;
    margin-top: 10px;
    box-shadow: 0 0 10px black;
    margin-right: 10px;
}

.facebook-special:hover {
    transform: scale(1.1); 
    color: #0f5bb8; 
}

.instagram-special {
    color: white;
    background: #E4405F; 
    font-size: 28px; 
    padding: 12px;
    border-radius: 50%;
    transition: transform 0.8s ease-in-out;
    margin-bottom: 15px;
    margin-top: 10px;
    box-shadow: 0 0 10px black;
    margin-left: 10px;
}

.instagram-special:hover {
    color: #e48740; 
    transform: scale(1.1); 
    background: #e53051;
}

@keyframes neonBlackShadowHeaders {
    0%, 100% {
        color: rgb(43, 43, 255);
        text-shadow: 0 0 3px black;
    }
    50% {
        color: white;
        text-shadow: 0 0 10px black, 0 0 20px black;
    }
}

#contact h2 {
    font-size: 20px;
    color: white;
    font-weight: bold;
    text-shadow: 0 0 10px black, 0 0 15px black, 0 0 30px black, 0 0 40px black;
}

@keyframes neonBlueShadow {
    0%, 100% {
        text-shadow: none;
        color: white;
    }
    50% {
        color: black;
        text-shadow: 0 0 10px blue, /* White */
                     0 0 20px blue, /* White */
                     0 0 30px blue, /* White */
                     0 0 40px blue, /* White */
                     0 0 50px blue, /* White */
                     0 0 60px blue; /* White */
    }
}

@keyframes neonWhiteShadow {
    0%, 100% {
        text-shadow: none;
    }
    50% {
        text-shadow: 0 0 10px white, /* White */
                     0 0 20px white, /* White */
                     0 0 30px white, /* White */
                     0 0 40px white, /* White */
                     0 0 50px white, /* White */
                     0 0 60px white; /* White */
    }
}

@keyframes neonBlackShadow {
    0%, 100% {
        text-shadow: none;
        color: black;
    }
    50% {
        color: white;
        text-shadow: 0 0 10px black, /* black */
                     0 0 20px black, /* black */
                     0 0 30px black, /* black */
                     0 0 40px black, /* black */
                     0 0 50px black, /* black */
                     0 0 60px black; /* black */
    }
}

@keyframes whiteToBlackFade {
    0%, 100% {
        color: white;
        background: black;
    }
    50% {
        background: white;
        color: black;
    }
}

@keyframes blackToBlueFade {
    0%, 100% {
        background: white;
    }
    50% {
        background: blue;
    }
}

@keyframes blackToWhiteFade {
    0%, 100% {
        background: white;
    }
    50% {
        background: black;
    }
}

@keyframes whiteToBlueFade {
    0%, 100% {
        background: white;
    }
    50% {
        background: blue;
    }
}

#contact h4 {
    font-size: 16px;
    color: black;
}

#contact p {
    font-style: italic;
    color: black;
}

#contact .team-border-keyur {
	transition: opacity 0.3s ease, box-shadow 0.05s ease;
    padding: 15px; /* Adjust based on your design preference */
    margin-bottom: 20px; /* Provides spacing between rows of team members */
    border-radius: 30px; /* Optional: Adds rounded corners */
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.8); /* Soft shadow for depth */
}

#contact .team-border-keyur:hover {  
    transform: scale(1.05); /* Enlarge the image */
    color: white;
}

#contact .team-border-keyur:hover h2 {
    color: white;
}

#contact .team-border-keyur:hover {
	color: white;
	box-shadow: 0 0 5px white,
    0 0 25px white, 0 0 50px white,
    0 0 100px white, 0 0 200px white; 
	background: linear-gradient(45deg, grey, crimson, red, crimson, grey); /* First child gradient */
}
/* contact */