* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --primary-color: #eee8df;
    --bg-color: #2f0d68;
    --para-color: #2c365a;
    --head-font:  "Poppins", sans-serif;
    --body-font: "Lato", sans-serif;
    /* --text-color: #854F6C; */
}

body{
    background-color: #F4F8FB;
}

h1, h2, h3, h5, .blog-head{
    font-family: var(--body-font);
    color: var(--bg-color);
}
p, a{
    font-family: var(--body-font);
}
.list-group-item:active{
    background-color: var(--bg-color);
    color: #F4F8FB;
}

.logo{
    color: #6e11b0;
}
.banner {
    background-color: #f3e8ff;
    /* display: flex;
    border-radius:0 0 40px 40px;
    z-index:1;
    position: relative;
    position: sticky; */
}


.menu .nav-item .nav-link {
    color: var(--bg-color);
}

.menu .nav-item .nav-link:hover {
    color: #F4F8FB;
    background-color: #2f0d68;
    border-radius: 8px;
}
.info{
    padding-block: 2%;
}
.home-btn{
   background-color: #2f0d68;
}

.activity li:hover{
    background-color: #2f0d68;
    color: white;
}

.list-group-item {
    /* color: var(--para-color); */
    border: none;
    background: transparent;
}

.service .active{
    background-color: #2f0d68;
    color: white;
}

.link {
    text-decoration: none;
    color: var(--primary-color);
}
.link:hover{
    text-decoration: none;
    color: var(--primary-color);
}

.book-btn:hover{
    background-color: var(--bg-color);
    color: #F4F8FB;
}

.services{
    background-color: var(--bg-colors);
}
.services .btn{
    background-color: #3e1e73;
    opacity: 0.8;
}
.services li{
    color: #F4F8FB;
}

footer{
    background-color: #27272a;
    color: #F4F8FB  ;
}


/* @keyframes ani-1 {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0px);
    }
}

@keyframes ani-2 {
    from {
        opacity: 0;
        transform: translateY(-30px);
    }

    to {
        opacity: 1;
        transform: translateY(0px);
    }
} */