/* ===================================
   HERO FORMS SECTION
=================================== */

.dr1059heroforms {
    position: relative;
    overflow: hidden;
    padding: 120px 20px;

    background:
        radial-gradient(circle at top left,
            rgba(20,184,166,.18),
            transparent 35%),
        radial-gradient(circle at bottom right,
            rgba(13,148,136,.14),
            transparent 40%),
        linear-gradient(
            135deg,
            #031c20,
            #062a30,
            #03161a
        );
}

.dr1059heroforms__bg{
    position:absolute;
    inset:0;
    pointer-events:none;
}

.dr1059heroforms__bg::before{
    content:"";
    position:absolute;
    width:700px;
    height:700px;

    background:
        radial-gradient(
            circle,
            rgba(20,184,166,.25),
            transparent 70%
        );

    filter:blur(80px);

    top:-250px;
    left:-150px;
}

.dr1059heroforms__container{
    position:relative;
    z-index:2;

    max-width:1400px;
    margin:auto;

    display:grid;
    grid-template-columns:1fr 650px;
    gap:80px;
    align-items:center;
}

.dr1059heroforms__badge{
    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:14px 24px;

    border-radius:999px;

    background:
        rgba(255,255,255,.08);

    backdrop-filter:blur(18px);

    border:1px solid rgba(255,255,255,.15);

    color:#5eead4;

    font-weight:700;
    letter-spacing:.8px;
    text-transform:uppercase;
    font-size:.85rem;
}

.dr1059heroforms h1{
    margin-top:25px;

    font-size:clamp(3rem,5vw,5.5rem);
    line-height:1.05;
    font-weight:800;

    color:#fff;
}

.dr1059heroforms h1 span{
    display:block;

    background:
        linear-gradient(
            90deg,
            #2dd4bf,
            #99f6e4,
            #14b8a6
        );

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.dr1059heroforms p{
    margin-top:25px;
    max-width:650px;

    color:rgba(255,255,255,.82);

    font-size:1.08rem;
    line-height:1.9;
}

.dr1059heroforms__highlights{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    margin-top:40px;
}

.dr1059heroforms__highlights div{
    min-width:180px;

    padding:24px;

    border-radius:24px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.12),
            rgba(255,255,255,.04)
        );

    backdrop-filter:blur(20px);

    border:1px solid rgba(255,255,255,.12);

    box-shadow:
        0 25px 60px rgba(0,0,0,.30);
}

.dr1059heroforms__highlights strong{
    display:block;

    color:#5eead4;
    font-size:1.8rem;
    margin-bottom:8px;
}

.dr1059heroforms__highlights span{
    color:rgba(255,255,255,.75);
}

.dr1059heroforms__visual{
    position:relative;
}

.dr1059heroforms__visual::before{
    content:"";

    position:absolute;

    width:420px;
    height:420px;

    background:
        radial-gradient(
            circle,
            rgba(45,212,191,.40),
            transparent 70%
        );

    filter:blur(70px);

    right:-50px;
    top:-60px;
}

.dr1059heroforms__card{
    position:relative;
    z-index:2;

    overflow:hidden;
    border-radius:36px;

    padding:12px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.18),
            rgba(255,255,255,.05)
        );

    border:1px solid rgba(255,255,255,.16);

    backdrop-filter:blur(25px);

    box-shadow:
        0 40px 90px rgba(0,0,0,.40);
}

.dr1059heroforms__card img{
    display:block;
    width:100%;
    height:700px;
    object-fit:cover;
    border-radius:28px;
}

/* Floating Premium Animation */

.dr1059heroforms__card{
    animation:dr1059FormsFloat 7s ease-in-out infinite;
}

@keyframes dr1059FormsFloat{

    0%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-18px);
    }

    100%{
        transform:translateY(0);
    }

}

@media (max-width:991px){

    .dr1059heroforms__container{
        grid-template-columns:1fr;
        gap:50px;
    }

    .dr1059heroforms__visual{
        order:-1;
    }

    .dr1059heroforms__card img{
        height:420px;
    }

    .dr1059heroforms{
        padding:80px 20px;
    }

}