:root {
    --bg: #F0EFEB;
    --header-bg: #898046;
    --nav-li: #AEA9A6;
    --second-head: #443C3A;
    --btn-bg: #F7D840;
    --heading-font: "Barlow", sans-serif;
    --banner-font: "DM Serif Display", serif;
}

html {
    scroll-behavior: smooth;
}

h1 {
    font-family: var(--heading-font);
    word-spacing: 3px;
    /* letter-spacing: 1px; */
    font-weight: 600;
    color: var(--header-bg);
    /* color: #7C7C29; */
}


h2 {
    font-family: 'Times New Roman', Times, serif;
    color: #244924;

}

h4 {
    font-family: 'Times New Roman', Times, serif;
    color: #244924;

}

h6{
    font-family: 'Times New Roman', Times, serif;
}

.nav-group {
    list-style: none;
    display: flex;
    gap: 20px;
}

.nav-items a {
    font-family: var(--heading-font);
    letter-spacing: 1px;
    text-decoration: none;
    position: relative;
    /* color: black; */
}

.nav-items a::after {
    content: "";
    position: absolute;
    left: -3PX;
    bottom: 20PX;
    width: 100%;
    height: 7px;
    background: var( --btn-bg);
    /* background-color: red; */

    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.8s ease;
}

.nav-items a:hover::after {
    transform: scaleX(1);
}

li {
    font-family: var(--heading-font);

}
.items{
    color: aqua;
}


p {
    font-family: var(--heading-font);
}

.slide {
    /* background-image: url("/assets/hero1.jpg"); */
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    /* opacity: 0; */
    animation: fadeSlide 12s infinite;
}

.slide:nth-child(1) {
    animation-delay: 0s;
}

.slide:nth-child(2) {
    animation-delay: 4s;
}

.slide:nth-child(3) {
    animation-delay: 8s;
}

@keyframes fadeSlide {
    0% {
        opacity: 0;
        /* transform: translateX(-100vw); */
    }

    8% {
        opacity: 1;
        /* transform: translateX(0); */
    }

    30% {
        opacity: 1;
        /* transform: translateX(0); */
    }

    38% {
        opacity: 0;
        /* transform: translateX(100vw); */
    }

    100% {
        opacity: 0;
        /* transform: translateX(100vw); */
    }
}

.email {
   
}

.about {
    background-image: url(../assets/LOGO\ transparency.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.card{
    transition: scale .5s ease-in-out;
}

.para {
    display: none;
}
.footer{
     background-image: url('/assets/bottom\ 001.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}