/**
 * Card Section Block Styles (Frontend)
 *
 * This file contains the frontend styles for the card-section block.
 * Most styling is handled via Tailwind utility classes in the PHP output.
 */
.wp-block-ttk-website-card-section[style*="--news-bg-color"] {
  background-color: var(--news-bg-color);
}
.wp-block-ttk-website-card-section.ttk-card-section-has-background {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 768px) {
  .wp-block-ttk-website-card-section.ttk-card-section-has-background {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.wp-block-ttk-website-card-section .ttk-card-section__inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 90rem;
}
.wp-block-ttk-website-card-section .carousel-container {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.wp-block-ttk-website-card-section .carousel-container::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}