/*===================== TABLE OF CONTENT =======================
1.  Reset Styling
2.  General Styling (All variable CSS)
3.  Header 1 ( 3 style)
4.  Home content (Home 1, Home 2, Home 3)
5.  Page default (Contact, About, ...)
6.  Sidebar (Shop, Post, Service, Project)
7.  Shop (Category, Single)
8.  Project (Category, Single)
9.  Footer
10. Responsive
=============================================================*/

@import "reset-styles.css";
@import "general.css";

@import "header.css";
@import "home.css";
@import "pages.css";
@import "blog.css";
@import "sidebar.css";
@import "shop.css";
@import "project.css";
@import "footer.css";

@import "responsive.css";

.jellysoft {
    font-family: 'Satisfy', cursive;
    font-size: 18px;
    font-weight: bold;
    /* color:rgb(255 7 7); */
}
.jellysoft:hover {
    font-family: 'Satisfy', cursive;
    font-size: 22px;
    font-weight: bold;
    /* color: #ffffff !important; */
}


#Whatsapp img {
    width:100%;
}
@keyframes animate {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7), 0 0 0 0 rgba(37, 211, 102, 0.7);
    }

    40% {
        box-shadow: 0 0 0 50px rgba(37, 211, 102, 0), 0 0 0 0 rgba(37, 211, 102, 0.7);
    }

    80% {
        box-shadow: 0 0 0 50px rgba(37, 211, 102, 0), 0 0 0 30px rgba(37, 211, 102, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0), 0 0 0 30px rgba(37, 211, 102, 0);
    }
}
#Whatsapp {
    position: fixed;
    bottom: 20%;
    right: .5%;
    width: 60px;
    z-index: 999;
    border: 2px solid #18970e;
    border-radius: 50px;
    height: 60px;
    background-color: #fff;
    padding: 7px;
    line-height: 40px;
    text-align: center;
    animation: animate 2s infinite 2s;
}

.active {
    color: #2cabf5 !important;
}


.summary {
    color: black;
    text-align: justify;
}
.custom-pagination {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
}

.custom-pagination li {
    margin: 0 5px;
}

.custom-pagination a,
.custom-pagination .active {
    display: inline-block;
    padding: 8px 12px;
    background-color: #f0f0f0;
    border: 1px solid #ddd;
    text-decoration: none;
    color: #333;
    transition: background-color 0.3s, color 0.3s;
}

.custom-pagination a:hover {
    background-color: #2cabf5;
    color: #fff;
}

.custom-pagination .active {
    background-color: #2cabf5;
    color: #fff;
}

.featured-image img {
    width: 415px;
    height: 310px;
}