.testimonials-section{
        border-top-right-radius:40px; 
        border-top-left-radius: 40px;
        position: relative;
        background: #040E12;
        background-image: url('/assets/images/homepage/test.webp');
        background-position: center 0;
        background-repeat: no-repeat;
        background-size: contain;
        color: #fff;
    }
    .testimonials-section::before{
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
    }
    .testimonials-section .top-background{
        position: absolute;
        height: 100px;
        width: 100vw;
        background: var(--primary);
        top: 0;
        z-index: -1;
    }
    .testimonials-section .container{
        /* background: var(--primary); */
    } 
/* HEADER */
.testimonials-header {
    max-width: 1111px;
    margin-bottom: 70px;
}

.testimonials-header h2 {
    margin: 10px 0 20px;
}

.testimonials-header .subtext {
    max-width: 654px;
}

/* GRID */
.testimonials-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-areas:
        "big big small1 small1"
        "big big small2 small3";
    gap: 25px;
}

/* Assign areas to elements */
.testimonial-card.large { grid-area: big; }
.testimonial-card:nth-child(2) { grid-area: small1; }
.testimonial-card:nth-child(3) { grid-area: small2; }
.testimonial-card:nth-child(4) { grid-area: small3; }

/* CARD STYLES */
.testimonial-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.05);
    padding: 40px 32px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}

.testimonial-card.large {
    padding: 77px 55px;
}

.testimonial-card.large .testimonial-text {
    margin-bottom: 50px;
    margin-top: 25px;
}
/* QUOTE MARK */
.quote-icon {
    top: 20px;
    left: 28px;
    color: #57E3FF;
    pointer-events: none;
}

/* TEXT */
.testimonial-text {
    margin-top: 16px;
}

/* AUTHOR */
.testimonial-author {
    margin-top: 35px;
}

.testimonial-author h5 {
    letter-spacing: 1px;
    color: var(--gayser);
}

.testimonial-author p {
    margin-top: 4px;
    color: #879195;
}
   @media(min-width:1920px){
        .testimonials-section{
            background-size: cover;
            border-top-right-radius:5%;
            border-top-left-radius:5%;
        }
    }
/* RESPONSIVE */
@media (max-width: 1024px) {
    
    .testimonials-grid {
        grid-template-columns: 1fr;
        grid-template-areas:
            "big"
            "small1"
            "small2"
            "small3";
    }
    
}
@media(max-width:768px){
    .testimonials-section{
        background-image: url('/assets/images/homepage/mobile/test.png');
        background-position: center 0;
        background-repeat: no-repeat;
        background-size: 768px;
    }
    
    .testimonial-card.large,.testimonial-card{
        padding: 30px 24px 24px 24px;
    }
}