#splash-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    color:rgb(0, 0, 106);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000; /* Ensure the splash screen is on top */
    font-family: "Font Awesome 5 Free";
}

.splash-content {
    text-align: center;
}

.splash-content h1 {
    /* font-family: 'Courier New', Courier, monospace; */
    color: rgb(0, 0, 106);
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    font-size: 3em;
    margin: 0;
}

.splash-content p {
    font-family: "Font Awesome 5 Free";
    font-size: 1.5em;
    margin-top: 10px;
}

/* Optionally, add a fade-out effect */
#splash-screen.fade-out {
    opacity: 0;
    transition: opacity 1s ease-out;
}

/* Main content styling */
#main-content {
    font-family: "Font Awesome 5 Free";
    padding: 20px;
}

/* Services CSS */
.service .service-item:hover .service-content .service-content-inner .h6{
    color: var(--bs-white);
}
.service .service-item .service-content .service-content-inner .h6{
    transition: 0.5s;
}

/* Services CSS */


/* Gallery CSS Start */
/* Gallery Grid Styling */
.gallery-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); /* Creates a responsive grid */
    gap: 15px; /* Adds space between items */
    padding: 0;
}

.gallery-item img {
    width: 100%;
    height: auto; /* Maintains aspect ratio */
    border-radius: 8px; /* Optional: adds rounded corners to images */
    transition: transform 0.3s ease-in-out;
}

/* Optional: Add hover effect for images */
.gallery-item img:hover {
    transform: scale(1.05); /* Slight zoom on hover */
}

/* For extra-large screens */
@media (min-width: 1200px) {
    .gallery-grid {
        grid-template-columns: repeat(3, 1fr); /* 3 columns on large screens */
    }
}

/* For medium screens */
@media (max-width: 1200px) and (min-width: 768px) {
    .gallery-grid {
        grid-template-columns: repeat(2, 1fr); /* 2 columns on medium screens */
    }
}

/* For small screens */
@media (max-width: 768px) {
    .gallery-grid {
        grid-template-columns: 1fr; /* 1 column on small screens */
    }
}

/* Gallery CSS End */
.portfolio-menu{
	text-align:center;
}
.portfolio-menu ul li{
	display:inline-block;
	margin:0;
	list-style:none;
	padding:10px 15px;
	cursor:pointer;
	-webkit-transition:all 05s ease;
	-moz-transition:all 05s ease;
	-ms-transition:all 05s ease;
	-o-transition:all 05s ease;
	transition:all .5s ease;
}

/* .portfolio-item{
	/*width:100%;*/
/* } */
.portfolio-item .item{
	/*width:303px;*/
	float:left;
	margin-bottom:10px;
}