.az-card p {
    font-size: 20px;
}
.az-dots-container {
    display: none;
}

/* Main container for the carousel */
 .az-carousel-container {
     perspective: 1000px;
}



/* Carousel wrapper to position and animate slides */
 .az-carousel {
     display: flex;
     justify-content: center;
     align-items: center;
     transition: transform 0.5s ease-in-out;
     height: 360px;
     width: 100%;
}
/* Base styles for all cards */
 .az-card {
     align-items: stretch;
     position: absolute;
     width: 100%;
     max-width: 520px;
     color: white;
     display: flex;
     flex-direction: column;
     border-radius: 20px;
     cursor: pointer;
     transition: transform 0.5s ease-in-out, z-index 0.5s ease-in-out, opacity 0.5s;
     transform-origin: top left;
     padding: 20px 20px 14px 40px;
     height: auto;
/*      min-height: 300px; */
/*      background: linear-gradient(48.18deg, #FF00AF 1.96%, #DA00BA 8.01%, #A700CA 17.33%, #7A00D8 27.13%, #5400E4 37.22%, #3500EE 47.6%, #1E00F5 58.46%, #0D00FA 69.89%, #0300FD 82.48%, #0000FF 98.04%); */
     background-image: linear-gradient(209deg, var( --e-global-color-c651bd0 ) 63%, var( --e-global-color-d867cbe ) 100%);
     box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.5);
}
/* Active card (foreground) */
 .az-card.az-active {
     transform: none !important;
     z-index: 3 !important;
     padding-top: 30px;
}
/* Specific transforms for salon, spa, and gym cards */
 .az-card.az-salonCard {
     z-index: 2;
/*      background: linear-gradient(48.16deg, #FF00AF 1.95%, #FF07A8 5.41%, #FF2691 21.07%, #FF3D7E 37.6%, #FF4E71 55.09%, #FF5869 74.22%, #FF5C67 98.05%); */
     transform: rotate(-10deg);
}
 .az-card.az-spaCard {
     z-index: 1;
/* background: linear-gradient(47.5deg, #FF00AF 1.61%, #E213C3 12.64%, #C328D8 27.16%, #AC38E9 42.45%, #9B43F5 58.71%, #914AFC 76.32%, #8E4DFF 98.39%); */
transform: rotate(-20deg);

}
 .az-card.az-gym {
     transform: rotate(-15deg);
     z-index: 0;
/*      background: linear-gradient(to bottom right, #4b2cc6, #ff006e); */
}
/* Adjust rotation and z-index based on active state */
 .az-carousel:has(.az-card.az-salonCard.az-active) {
     .az-card.az-salonCard {
         transform: rotate(-5deg);
    }
     .az-card.az-spaCard {
         transform: rotate(-10deg);
         z-index: 2;
    }
     .az-card.az-gym {
         transform: rotate(-10deg);
         z-index: 1;
    }
}
 .az-carousel:has(.az-card.az-spaCard.az-active) {
     .az-card.az-salonCard {
         transform: rotate(-20deg);
        /* Push salon further back */
         z-index: 1;
        /* Push salon behind */
    }
     .az-card.az-spaCard {
         transform: none;
        /* Active state */
         z-index: 3;
        /* Front layer */
    }
     .az-card.az-gym {
         transform: rotate(-10deg);
        /* Bring gym forward */
         z-index: 2;
        /* Higher layer than salon */
    }
}
/* Styling for card text */
 .az-card p {
     font-size: var(--e-global-typography-d3d1a6b-font-size);
     text-align: left;
     line-height: normal;
}
 .az-card span {
     font-size: 14px;
     font-weight: bold;
}
.az-slideContent {
    padding-top: 0px;
    max-width: 310px;
    margin-right: 0;
}

.az-sliderImage {
    text-align: right;
    margin-top: -40px;
}

.az-card:before{
    content: '';
    background: url(/wp-content/uploads/2024/12/crosss-icon.svg);
    position: absolute;
    left: 15px;
    top: 15px;
    height: 10px;
    aspect-ratio: 1/1;
    background-repeat: no-repeat;
    background-size: contain;
    filter: brightness(0) invert(1);
	
}









@media(min-width:1025px) and (max-width:1220px){
.az-carousel-container {
    position: relative;
    left: -15px;
}
}

@media(min-width:1025px) and (max-width:1099px){
.az-card p {
    font-size: 20px;
}
}
@media(min-width:1100px) and (max-width:1099px){
.az-card p {
    font-size: 20px;
}
}
@media(min-width:1200px) and (max-width:2099px){
.az-card p {
    font-size: 20px;
}
}
@media(max-width:767px){
.az-card p {
    font-size: 20px;
    margin-bottom: 10px;
}
.az-carousel-container {
    /* position: relative; */
    /* left: -25px; */
}
.az-card {
    padding: 40px 30px 20px !important;
}
.az-slideContent {
    max-width: 100%;
}
.az-sliderImage {
    text-align: center;
    margin-top: 20px;
}
.az-carousel {
    min-height: 350px;
    height: auto !important;
}
.az-card.az-salonCard {
    transform: rotate(-7deg);
}
.az-card.az-spaCard {
    transform: rotate(-13deg);
}
.az-carousel:has(.az-card.az-salonCard.az-active) {
 .az-card.az-salonCard {
     transform: rotate(-5deg);
}
 .az-card.az-spaCard {
     transform: rotate(-7deg);
     z-index: 2;
}
 .az-card.az-gym {
     transform: rotate(-7deg);
     z-index: 1;
}
}
.az-carousel:has(.az-card.az-spaCard.az-active) {
 .az-card.az-salonCard {
     transform: rotate(-13deg);
}
 .az-card.az-gym {
     transform: rotate(-7deg);
}
}

}