.artcard1 {
        background-color: #FC2E11;
    }

    .artcard2 {
        background-color: #FAA414;
    }

    .artcard3 {
        background-color: #CB1828;
    }

    .artcard4 {
        background-color: #6CADDF;
    }

    .artcard5 {
        background-color: #03274F;
    }

    .artcard6 {
        background-color: rgb(180, 10, 47);
    }
[x-cloak] { display: none !important; }

/* Default styles for all screen sizes */
.plus-sign {
    position: relative;
}

.plus-sign:not(:last-child)::after {
    content: "+";
    position: absolute;
    top: 20px;
    right: -20px;
    font-size: 30px;
    font-weight: bold;
    color: #000;
}


/* Styles for screens smaller than md */
@media (max-width: 767px) {
  .grid-cols-2 .plus-sign:not(:last-child)::after,
  .grid-cols-1 .plus-sign::after {
      display: none;
  }
  
  .video-wrapper iframe{
        width : 100%;    
    }

}

.group:hover .circle {
            background-color: #fff;
        }
  

strong {font-family:'Metropolis Bold', sans-serif;font-weight:700;}
    /* mobile menu */

/* Common styles for slider navigation buttons */
.slider-next7,
.slider-prev7 {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 400px;
    width: 30px;
    height: 30px;
    padding: 25px;
    background-color: #fff;
    border-radius: 100%;
    color: #000;
    cursor: pointer;
    margin-top: 0;
}

/* Disabled state styles */
.slider-next7.swiper-button-disabled,
.slider-prev7.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}

/* Icon styles */
.slider-next7:after,
.slider-prev7:after {
    font-family: swiper-icons;
    font-size: 30px;
    font-weight: 700;
    text-transform: none;
    line-height: 1;
    letter-spacing: 0;
    font-variant: normal;
}

/* Individual button content */
.slider-prev7:after {
    content: "prev";
}

.slider-next7:after {
    content: "next";
}

/* Mobile styles */
@media only screen and (max-width: 767px) {
    .swiper.slidermaincommunity {
        height: 560px;
    }

    .slider-prev7 {
        left: 10px;
        right: auto;
        top: 270px;
        z-index: 20;
    }

    .slider-next7 {
        left: auto;
        right: 10px;
        top: 270px;
        z-index: 20;
    }

    .swiper-button-nextmain,
    .swiper-button-prevmain {
        display: none;
    }
}

/* Desktop styles */
@media only screen and (min-width: 768px) {
    .slider-prev7 {
        left: 10px;
        right: auto;
        z-index: 20;
    }

    .slider-next7 {
        left: auto;
        right: 10px;
        z-index: 20;
    }
}