body {
    margin: 0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    background: rgb(193, 193, 193);
    overflow-x: hidden;
}

html {
    cursor: url('VitalSparkMarketingCursor.png'), default;
}

/**Keyur.png**/
img[src="Images/Home/StockImages/Work1.png"],
img[src="Images/Home/StockImages/Work2.png"],
img[src="Images/Home/StockImages/Work3.png"]  {
	/* Your specific CSS styles for Keyur.png go here */
	border: 2px solid white; /* For example, adding a blue border */
	border-radius: 20px; /* Making the image circular */
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); /* Adding a shadow effect */  
    height: auto;
    width: 100%;
}

/* faq */
#faq,
#faq2,
#faq3,
#faq4,
#faq5,
#faq6,
#team  {
    padding-top: 30px;
    display: grid;
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 0px;
}

#faq2,
#faq4,
#team {
    background: linear-gradient(90deg, #808080 0%, #c5c5c5 25%, #eeeeee 50%, #c5c5c5 75%, #808080 100%);
}

#faq,
#faq3,
#faq5 {
    background: linear-gradient(90deg, rgb(0, 0, 153) 0%, rgb(43, 43, 255) 25%, rgb(43, 43, 255) 75%, rgb(0, 0, 153) 100%);
}

.keyur-border-head2 {
	transition: opacity 0.3s ease, box-shadow 0.05s ease;
    padding: 15px; /* Adjust based on your design preference */
    margin-bottom: 60px; /* 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 */
    background: linear-gradient(90deg, rgb(0, 0, 153) 0%, rgb(43, 43, 255) 25%, rgb(43, 43, 255) 75%, rgb(0, 0, 153) 100%);
}

.keyur-border-head2: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 */
                 0 0 40px white, /* White */
                 0 0 50px white, /* White */
                 0 0 60px white; /* 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 */
}

.keyur-border-head1 {
    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: 60px; /* Provides spacing between rows of team members */
    border-radius: 30px; /* Optional: Adds rounded corners */
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.8), 0 0px 30px rgba(0, 0, 0, 0.8); /* Soft shadow for depth */
}

.keyur-border-head1:hover {  
    transform: scale(1.05); /* Enlarge the element */
    color: black!important;
    transition: 0.2s ease;
    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 */
}

#faq .fab.fa-facebook, 
#faq .fab.fa-instagram {
    color: white;
    border: 1px solid white;
    padding: 5px 5px;
    border-radius: 50%;
}

#faq .fab.fab.fa-facebook:hover, 
#faq .fab.fa-instagram:hover {
    color: white;
    background: rgb(255, 255, 255, 0.7);
    cursor: pointer;
}

h3 {
    color: white;
}

@keyframes neonBlueShadow {
    0%, 100% {
        text-shadow: none;
    }
    50% {
        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 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;
    }
    50% {
        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;
    }
}

h4 {
    font-size: 16px;
    color: white;
}

#alternate {
    color: black!important;
}

.divider {
    border: 0;
    height: 2px; /* Adjust the thickness as needed */
    background-color: white; /* Solid white color */
}

p {
    font-style: italic;
    color: white;
    text-align: center;
}
/* faq */

/* team */
#team h2 {
    margin-top: 15px;
    margin-bottom: 10px;
    color: black;
    font-weight: bold;
}

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

#team h3 {
	font-size: 22px;
    color: white;
}

#team .keyur-border-head1 {
	transition: opacity 0.3s ease, box-shadow 0.05s ease;
    padding: 15px; /* Adjust based on your design preference */
    margin-bottom: 60px; /* 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), 0 0px 20px rgba(0, 0, 0, 0.8); /* Soft shadow for depth */
    background: linear-gradient(90deg, rgb(0, 0, 153) 0%, rgb(43, 43, 255) 25%, rgb(43, 43, 255) 75%, rgb(0, 0, 153) 100%);
}

#team .keyur-border-head1: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 */
                 0 0 40px white, /* White */
                 0 0 50px white, /* White */
                 0 0 60px white; /* 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 */
}

#team .img-responsive {
	top: 10px;
	left: 10px;
	position: absolute;	
}

#team .profile-pic h2 {
	font-size: 30px;
    color: white;
} 

#team .profile-pic h3 {
	font-size: 22px;
} 

#team .profile-pic h4 {
	font-size: 12px;
} 

#team ul {
    list-style-type: none;
    padding: 0;
    margin-top: 15px;
}

#team .row.justify-content-center {
  margin-top: 50px;
}
/* team */

@keyframes neonBlackShadow {
    0%, 100% {
        text-shadow: none;
    }
    50% {
        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;
    }
}

/* large tablets and laptop styles */
@media screen and (min-width: 960px) {



}
/* large tablets and computer styles */

/* large tablets navbar if some don't work */
@media screen and (min-width: 990px) {



}
/* large tablets navbar if some don't work */

/* deskstop styles */
@media screen and (min-width: 1200px) {
    h1, h3, h4 {
        text-align: center;
    }

}