/*alphabet carousel*/
.alphabet-carousel__slide-content h3 {
  font-size: 22px;
}

.alphabet-carousel__current-count {
  color: var(--violet);
}
.alphabet-carousel__counter-text {
  font-weight: 600;
}
div.alphabet-carousel__slide-content {
  padding: 40px;
}

.alphabet-carousel__slide-content .btn-primary-1{
  color: var(--red);
  background: transparent;
  font-family: var(--primaryFont);
  font-weight: 400;
}

.alphabet-carousel .alphabet-carousel__slide-content {
  border-radius: 16px;
}
.alphabet-carousel .tns-controls button[data-controls=next], .alphabet-carousel .tns-controls button[data-controls=prev] {
    width: 70px;
    height: 70px;
}
.alphabet-carousel__slide-content h1.flex{
  justify-content: flex-start;
}
.alphabet-carousel__slide-content h3{
  margin-bottom: 0;
}
@media (max-width: 992px) {
  .alphabet-carousel__slide-content h1.flex{
    justify-content: center;
  }

  .alphabet-carousel__slide-content{
    text-align: center;
  }
}
@media (min-width: 1200px) {
  .alphabet-carousel .alphabet-carousel__slide-content h3 {
    text-align: left;
  }

  div.alphabet-carousel__slide-img img {
    border-radius: 20px;
  }
}

@media (max-width: 1200px) {

  .alphabet-carousel__slide-img {
    overflow: hidden;
  }

  div.alphabet-carousel__slider{
    padding-top: 0;
  }
}

@media (max-width: 992px) {
  .alphabet-carousel .tns-controls button[data-controls=next], .alphabet-carousel .tns-controls button[data-controls=prev] {
    width: 50px;
    height: 50px;
  } 
  div.alphabet-carousel__slide-content {
    padding: 30px 20px 80px;
  }

  .alphabet-carousel__counter.hidden{
    display: flex;
    position: relative;
  }
  .alphabet-carousel__counter-text {
    position: absolute;
    top: -50px;
    left: -50%;
    right: -50%;
    transform: translateX(50%);
    letter-spacing: 2px;
  }

  .alphabet-carousel__slide-content .btn-primary-1{
    width: 100%;
  }
}

.acc {
  border-radius: 12px;
  margin-top: 30px;
}
.acc-description {
  padding-top: 1rem;
}
.acc-panel p {
  line-height: 26px;
}

.visit-us {
  width: 100vw;
  transform: translateX(-50%);
  left: 50%;
  right: 50%;
  position: relative;
  margin-inline: 0 !important;
}
.-theme--mapsText{
  position: relative;
}
.visit-us .-theme--mapsText::after{
  content: '';
  background-image: url('data:image/svg+xml,<svg width="246" height="212" viewBox="0 0 246 212" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M245.874 1.07475e-05L245.622 1.07365e-05C244.74 8.12904 243.103 16.3504 233.278 27.2507C211.739 50.8064 193.853 39.2595 172.313 62.9076C150.774 86.4633 168.661 98.0102 147.121 121.658C125.582 145.214 107.696 133.667 86.2826 157.315C64.7435 180.871 82.6298 192.418 61.0906 216.066C39.5515 239.622 21.7911 228.167 0.251925 251.723C0.125964 251.815 0.125949 251.908 -1.10153e-05 252L246 252L246 1.0753e-05L245.874 1.07475e-05Z" fill="%23F7B1B6"/></svg>');
  background-repeat: repeat;
  width: 200px;
  height: 200px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.visit-us .-theme--mapsText > div{
  position: relative;
  z-index: 1;
}
@media (min-width: 992px) {
  .visit-us .map__container > div {
    min-height: 100% !important;
  }
}
@media (max-width: 992px) {
  .visit-us .btn-primary-1{
    width: 100%;
  }

  .article-page iframe{
  
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
    
  }

  .article-page{
    text-align: center;
  }

  .article-page .btn-primary-1{
    display: block;
  }
}
.article-page a>img{
  margin-inline: auto;
}
.article-page iframe{
  margin-inline: auto;
  border-radius: 12px;
}
.article-page img:not(a > img){
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    border-radius: 12px;
}
/*.article-list*/

.image-grid .row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
}
@media (max-width: 992px) {
  .image-grid .row {
    gap:0;
  }
}
@media (max-width: 1024px) {
  .image-grid .row {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 768px) {
  .image-grid .row {
    grid-template-columns: 1fr;
  }
}

.image-grid .btn-primary-1 {
  width: 100%;
}


.image-grid .card .card__title {
  text-align: left;
}
/*Article listing*/
.image-grid .card__item{
    background: white;
    border-radius: 16px;
    overflow: hidden;
}
.image-grid .card__content{
    padding: 30px 40px;
}
@media(max-width: 992px){
  .image-grid .card__content{
    padding: 30px 20px;
  }
}
.image-grid .card.list-with-date .content-title{
    font-size: 20px;
    line-height: 26px;
    margin-top: 0;
    text-transform: capitalize;
}
.image-grid div.card .card__bg{
    border-radius: unset;
}

@media (min-width: 768px) {
   .card.list-with-date .content-title{
    -webkit-line-clamp: 1 !important;
   }
}
/*promo*/
@media (min-width: 992px) {
  .promo-grid-1.flex{
    flex-direction: row;
  }
}
.promo .logo-grid__flex {
  display: flex;
  margin-top: 32px;
  gap: 32px;
}
.promo .logo-grid__flex-item {
  width: 50%;
}
.promo .logo-grid__flex-item img {
  width: 100%;
  height: 100%;
}
@media (max-width: 992px) {
  .promo .logo-grid__flex {
    flex-direction: column;
  }
}


@media (min-width: 992px) {
  .banner-overlay {
    display: flex;
    gap: 30px;
    margin-bottom: 25px;
    align-items: center;
  }
  .banner-overlay > div {
    flex: 50%;
    gap: 20px;
  }
}

.banner-overlay iframe {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  aspect-ratio: 16/9;
}
@media (min-width: 992px) {
  .community > .component-content {
    position: relative;
  }
  .banner-overlay__container.community {
    min-height: 250px;
  }
  .banner-overlay__container.community > .component-content {
    z-index: 30;
  }
  .banner-overlay__container {
    background: var(--gray);
  }

  .top-right__container:has(.community) .top-right img {
    z-index: 2;
  }
}

.blob {
  z-index: -99;
}

/* Select all images within the promo-container */
.promo-container img {
  /* Default styles for all images */
  border-radius: 12px;
  width: 100%;
}
/* Alternative: More specific targeting */
@media (max-width: 768px) {
  .logo-grid__flex-item img {
    width: 335px !important;
    height: 170px !important;
    object-fit: cover;
  }

  /* Stack the logo grid items vertically */
  .logo-grid__flex {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
}
.card__cta-button a{
  border: 1px solid rgb(230, 30, 63, 0.3)
}

