#hero {
    background-image: url('/images/blue-painting-header-bg.png');
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}
.lower-header-section{
    background-image: url('/images/blue-painting/our_story_bg.png');
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}
.brittany-font {
  font-family: 'Brittany Signature', cursive;
}
.divider-section{
    background-image: url('/images/blue-painting/fancy-divider.jpg');
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

.swiper-pagination-bullet {
    background-color: #f3f3f3 !important; /* Tailwind gray-400 */
    width: 20px !important;
    height: 20px !important;
    opacity: 1 !important;
    border: 1px solid #9ca3af;
}
.swiper-pagination-bullet-active{
    background-color: #1D4BAF !important; /* Tailwind green-600 */
}
@media (max-width: 768px) {
  .swiper-pagination-bullet {
    width: 12px !important;
    height: 12px !important;
  }
}