h1, h2, h3, h4, h5, h6, nav, button {
    font-family: Poppins, sans-serif !important;
}

body {
    font-family: Inter, sans-serif;
}

.accordion-item {
    border: inherit;
}

.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Chevron animation */
.accordion-chevron {
    transition: transform 0.3s ease;
}

.accordion-item.open .accordion-chevron {
    transform: rotate(180deg);
}

.default-heading-style h1 {
    font: normal normal 600 2em Poppins;
}

.default-heading-style h2 {
    font: normal normal 600 1.5em Poppins;
}

.default-heading-style h3 {
    font: normal normal 600 1.17em Poppins;
}

.default-heading-style h4 {
    font: normal normal 600 1em Poppins;
}

.default-heading-style h5 {
    font: normal normal 600 0.83em Poppins;
}

.default-heading-style h6 {
    font: normal normal 600 0.67em Poppins;
}

/* Custom CSS */
.background-color-3 {
    background-color: #1472ba;
}

.border-color-1 {
    border-color: #7fc8ff !important;
}

.profile-position {
    font: normal normal normal 1rem / 17px Century Gothic;
    color: #666666;
}

/* Overwrite Tailwind */
.default-list-style ul,
.default-list-style ol {
    list-style: revert !important;
    padding-left: revert !important;
    margin-top: revert !important;
    margin-bottom: revert !important;
}

.default-list-style ul li {
    list-style: revert !important;
    padding-left: revert !important;
    margin-top: revert !important;
    margin-bottom: revert !important;
}

/* Navbar */
#navbar {
    color: white !important;
}

/* Post Carousel */
.custom-carousel {
    white-space: nowrap;
}

.carousel-indicators {
    list-style-type: none !important;
}

.img-carousel {
    /* height: 600px; */
    filter: brightness(88%);
    transition: filter 0.5s ease-in-out, transform 0.5s ease-in-out;
    /* Smooth transition for filter and scale */
    transform: scale(1);
    /* Initial scale */
}

.img-carousel:hover {
    filter: brightness(40%);
    transform: scale(1.05);
    /* Slight zoom on hover */
}

/* Initial state: Hide the caption */
.carousel-item>.carousel-caption {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
    position: absolute;
    bottom: 20px;
    /* Adjust to your preferred positioning */
    left: 20px;
    right: 20px;
    color: #fff;
    text-align: center;
    /* background: rgba(0, 0, 0, 0.6); */
    padding: 10px 15px;
    border-radius: 8px;
}

.carousel-image {
    height: 50vh;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 auto;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: white;
    /* white background */
    border-radius: 50%;
    /* circular shape */
    padding: 10px;
    /* space around the arrow */
    background-size: 80% 80%;
    /* resize the arrow inside */
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    /* total size of the round button */
    height: 40px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    /* optional: soft shadow */
}

/* Keep your arrow SVG background as is */
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%504846' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%504846' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

.carousel-control-next-icon:hover, .carousel-control-prev-icon:hover {
    background-color: #f0f0f0; /* lighter background on hover */
}

/* Show the caption on hover */
.img-carousel:hover+.carousel-caption {
    opacity: 1;
    visibility: visible;
}

/* Summernote Content CSS */
.post-content-wrapper h1 {
    font-size: 1.875rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.post-content-wrapper h2 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
}

.post-content-wrapper h3 {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.post-content-wrapper p {
    /* margin-bottom: 1rem; */
    line-height: 1.75;
    color: #374151;
}

.post-content-wrapper ul {
    list-style-type: disc;
    padding-left: 1.5rem;
    margin-bottom: 1rem;
}

.post-content-wrapper ol {
    list-style-type: decimal;
    padding-left: 1.5rem;
    margin-bottom: 1rem;
}

.post-content-wrapper li {
    margin-bottom: 0.5rem;
}

.post-content-wrapper a {
    color: #1e3a8a;
    text-decoration: underline;
    word-break: break-all;
}

.post-content-wrapper img {
    margin: 1rem 0;
    border-radius: 0.5rem;
}

.post-content-wrapper blockquote {
    border-left: 4px solid #1e3a8a;
    padding-left: 1rem;
    color: #6b7280;
    margin: 1rem 0;
    font-style: italic;
}