@import url("https://fonts.googleapis.com/css2?family=Castoro+Titling&family=Poppins&display=swap");

.title-font {
    font-family: "Castoro Titling", serif;
    font-weight: 400;
    font-style: normal;
}

.body-font {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.navBar {
    width: 100%;
    z-index: 1000;
}

#nav-dialog {
    transform: translateX(100%) translateY(5%);
}

/* Additional styles for better mobile interaction faq section in  contact us */
.faq-toggle {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent; /* Removes the tap highlight on mobile */
}

.faq-item.active .faq-plus {
    opacity: 0;
}

/* Add this to ensure proper touch area */
.faq-toggle {
    padding: 1.25rem 0; /* Increased touch target size */
}

/* Ensure content area expands properly */
.faq-content {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.3s ease-in-out;
}

//blogs button hover style
.cat-btn-active {
    color: white !important;
    background-color: #8b9a84 !important;
}

.cat-btn-active:hover {
    color: white !important;
    background-color: #8b9a84 !important;
}


.bg-main{
    background-color: #606C5A;

}


/* Blog Pagination Styles */
.blog-pagination {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 0.75rem;
}

.blog-page-item {
    display: inline-block;
}

.blog-page-link {
    display: inline-block;
    padding: 0.5rem 1.1rem;
    background: #515c4c;
    color: #fff;
    font-weight: 500;
    text-decoration: none;
    transition: background 0.2s, color 0.2s;
    border: 1px solid #515c4c;
}

.blog-page-link:hover {
    background: #333e2e;
    color: #fff;
    border-color: #333e2e;
}

.blog-page-link.active,
.blog-page-link.pagination-bg {
    background: #fff;
    color: #515c4c;
    border-color: #515c4c;
    cursor: default;
    pointer-events: none;
}