.elementor-510 .elementor-element.elementor-element-9c20561{--display:flex;}/* Start custom CSS for html, class: .elementor-element-939816d *//* =========================
   DREAM STUDIO DARK CARDS
========================= */

.dream-subjects-section{
    position:relative;
    padding:90px 30px;
    overflow:hidden;

    background:
    radial-gradient(circle at top left,
    rgba(90,0,160,0.35),
    transparent 35%),
    radial-gradient(circle at top right,
    rgba(0,180,255,0.18),
    transparent 30%),
    #050505;
}

/* CONTAINER */

.dream-subjects-container{
    max-width:1400px;
    margin:0 auto;

    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:28px;
}

/* CARD */

.dream-subject-card{
    position:relative;

    min-height:320px;

    border-radius:28px;

    overflow:hidden;

    text-decoration:none;

    background:
    linear-gradient(
        145deg,
        rgba(255,255,255,0.05),
        rgba(255,255,255,0.015)
    );

    border:1px solid rgba(255,255,255,0.08);

    backdrop-filter:blur(18px);

    padding:30px;

    transition:0.35s ease;

    box-shadow:
    0 15px 50px rgba(0,0,0,0.45);

    isolation:isolate;
}

/* GLOW */

.dream-subject-card::before{
    content:"";

    position:absolute;

    top:-120px;
    right:-120px;

    width:240px;
    height:240px;

    border-radius:50%;

    background:
    radial-gradient(
        circle,
        rgba(0,200,255,0.28),
        transparent 70%
    );

    z-index:0;
}

.dream-subject-card::after{
    content:"";

    position:absolute;

    bottom:-140px;
    left:-140px;

    width:260px;
    height:260px;

    border-radius:50%;

    background:
    radial-gradient(
        circle,
        rgba(124,58,237,0.32),
        transparent 70%
    );

    z-index:0;
}

/* IMAGE */

.dream-subject-card img{
    position:absolute;
    inset:0;

    width:100%;
    height:100%;

    object-fit:cover;

    opacity:0.12;

    z-index:-2;

    transition:0.45s ease;
}

/* OVERLAY */

.dream-card-overlay{
    position:absolute;
    inset:0;

    background:
    linear-gradient(
        180deg,
        rgba(0,0,0,0.15),
        rgba(0,0,0,0.88)
    );

    z-index:-1;
}

/* CONTENT */

.dream-card-content{
    position:relative;
    z-index:2;
}

/* NUMBER */

.dream-subject-number{
    width:54px;
    height:54px;

    border-radius:18px;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:24px;
    font-weight:800;
    color:white;

    margin-bottom:25px;

    background:
    linear-gradient(
        135deg,
        #7c3aed,
        #00bfff
    );

    box-shadow:
    0 10px 30px rgba(124,58,237,0.45);
}

/* TITLE */

.dream-card-content h3{
    color:white;

    font-size:34px;
    line-height:1.1;

    margin-bottom:16px;

    font-weight:800;

    letter-spacing:-1px;
}

/* TEXT */

.dream-card-content p{
    color:#cfcfcf;

    font-size:16px;
    line-height:1.7;

    margin:0 0 28px;
}

/* BUTTON */

.dream-card-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;

    color:#59e1ff;

    font-size:16px;
    font-weight:700;

    transition:0.25s ease;
}

/* HOVER */

.dream-subject-card:hover{

    transform:
    translateY(-10px)
    scale(1.02);

    border-color:
    rgba(124,58,237,0.45);

    box-shadow:
    0 25px 80px rgba(0,0,0,0.55),
    0 0 35px rgba(124,58,237,0.22);
}

.dream-subject-card:hover img{
    transform:scale(1.08);
    opacity:0.18;
}

.dream-subject-card:hover .dream-card-btn{
    transform:translateX(6px);
}

/* MOBILE */

@media(max-width:768px){

    .dream-subjects-section{
        padding:50px 18px;
    }

    .dream-subject-card{
        min-height:280px;
        border-radius:24px;
        padding:24px;
    }

    .dream-card-content h3{
        font-size:28px;
    }

    .dream-card-content p{
        font-size:15px;
    }

}/* End custom CSS */