.swiper-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background: rgb(0 34 80 / var(--tw-bg-opacity, 1)) !important;
    transition: all 0.3s ease-in;
}

.swiper-pagination .swiper-pagination-bullet-active {
    width: 20px !important;
    border-radius: 7px;
    background: rgb(0 34 80 / var(--tw-bg-opacity, 1)) !important;
}
.material-symbols-outlined {
    font-variation-settings:
        "FILL" 0,
        "wght" 400,
        "GRAD" 0,
        "opsz" 24;
    vertical-align: middle;
}

.micro-shadow:hover {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    transform: translateY(-2px);
    transition: all 0.2s ease;
}

.technical-callout {
    position: relative;
}

.technical-callout::after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: #17386c;
    border: 1px solid white;
}

.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

.thin-scrollbar {
    scrollbar-color: #d8e2ff transparent;
    scrollbar-width: thin;
}