@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

* {
    font-family: "Poppins", serif;
    font-optical-sizing: auto;
}

.blur-header {
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    background-color: rgba(255, 255, 255, 0.90) !important;
}

.card {
    transition: box-shadow 0.3s ease !important;
}

/* .card:hover {
    box-shadow:
        0 12px 20px rgba(13, 102, 165, 0.05),
        8px 8px 20px rgba(13, 102, 165, 0.05),
        -8px 8px 20px rgba(13, 102, 165, 0.05) !important;
} */

/* .txt-primary {
    color: #0d66a5 !important;
} */

/* .hero-span {
    background-color: #0d66a579;
    color: whitesmoke;
    border: 1px solid #0d66a5;
    padding: 8px 15px;
    border-radius: 50px;
} */

/* .bgc-primary {
    background-color: #0d66a5 !important;
} */

.card:hover {
    box-shadow:
        0 12px 20px rgba(105, 0, 0, 0.05),
        8px 8px 20px rgba(105, 0, 0, 0.05),
        -8px 8px 20px rgba(105, 0, 0, 0.05) !important;
}

.txt-primary {
    color: #6d0202 !important;
}

.hero-span {
    background-color: #460101;
    color: whitesmoke;
    border: 1px solid #6d0202;
    padding: 8px 15px;
    border-radius: 50px;
}

.bgc-primary {
    background-color: #6d0202 !important;
}

#h-item:hover {
    color: #0d66a5 !important;
}

/* #hero-banner {
    background:
        linear-gradient(rgba(0, 8, 16, 0.64), rgba(0, 8, 16, 0.64)),
        url('../img/hero-bg.jpg') no-repeat center center;
    background-size: cover;
} */

#hero-banner {
    background:
        linear-gradient(rgba(0, 8, 16, 0.80), rgba(0, 8, 16, 0.65)),
        url('../img/hero-bg.jpg') no-repeat center center;
    background-size: cover;
}

/* #hero-btn1 {
    background-color: #0d66a5;
    text-decoration: none;
    font-weight: 600;
    color: #fff;
    border-radius: 10px;
    padding: 15px 40px;
    border: 1.8px solid #0d66a5;
    transition: background-color 0.3s ease;
}

#hero-btn1:hover {
    background-color: #094a73;
} */

#hero-btn1 {
    background-color: #6d0202;
    text-decoration: none;
    font-weight: 600;
    color: #fff;
    border-radius: 10px;
    padding: 15px 40px;
    border: 1.8px solid #6d0202;
    transition: background-color 0.3s ease;
}

#hero-btn1:hover {
    background-color: #460101;
}

#hero-btn2 {
    text-decoration: none;
    font-weight: 600;
    color: #fff;
    border-radius: 10px;
    padding: 15px 40px;
    border: 1.8px solid gray;
    transition: background-color 0.3s ease;
}

#hero-btn2:hover {
    background-color: #3f3f3f7d;
}

.bg-custom{
    background-color: #e1e8ef3a;
}

.project-img-container {
    overflow: hidden;
    border-radius: 12px 12px 0 0;
}

.project-img {
    transition: transform 0.4s ease-in-out;
}

.project-img-container:hover .project-img {
    transform: scale(1.07);
}

.fade-in {
    animation: fadeInAnimation 1s ease-in-out;
}

@keyframes fadeInAnimation {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* footer {
    background: linear-gradient(to right, rgb(17, 31, 52), rgb(34, 45, 64));
} */