@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700;900&family=Open+Sans:wght@400;600&display=swap');

body {
    font-family: 'Open Sans', sans-serif;
}

.font-montserrat {
    font-family: 'Montserrat', sans-serif;
}

.service-card {
    background-color: #050608;
    border: 1px solid #2d3748;
    border-radius: 0.5rem;
    padding: 2rem;
    transition: all 0.3s ease;
}

.service-card:hover {
    border-color: #F79C3D;
    transform: translateY(-5px);
}

.service-card:hover i {
    color: #F79C3D !important;
}

.gallery-item {
    overflow: hidden;
    border-radius: 0.5rem;
    transition: all 0.3s ease;
}
.project-showcase {
    background: #050608;
    padding: 2rem;
    border-radius: 0.5rem;
    border: 1px solid #2d3748;
}

.project-showcase:hover {
    border-color: #F79C3D;
}

.project-showcase img {
    transition: transform 0.3s ease;
}

.project-showcase:hover img {
    transform: translateY(-5px);
}

.project-showcase h3 {
    color: #F79C3D;
    position: relative;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}

.project-showcase h3:after {
    content: '';
    position: absolute;
    width: 50%;
    height: 2px;
    bottom: -8px;
    left: 25%;
    background-color: #F79C3D;
}
/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #050608;
}

::-webkit-scrollbar-thumb {
    background: #F79C3D;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #e68c2d;
}