.azdc-wrap{
    position:relative;
    overflow:hidden;
    background:#fdfefe;
    padding:110px 0;
    isolation:isolate;
}

.azdc-container{
    width:92%;
    max-width:1300px;
    margin:auto;
}

.azdc-layout{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    align-items:center;
    gap:40px;
}

.azdc-left{
    position:relative;
    z-index:5;
}

.azdc-label{
    display:inline-block;
    padding:10px 22px;
    border-radius:100px;
    background:#eaf6ff;
    color:#0066d6;
    font-size:14px;
    font-weight:700;
    letter-spacing:.5px;
    margin-bottom:25px;
}

.azdc-title{
    font-size:72px;
    line-height:1;
    font-weight:800;
    color:#111827;
    margin:0 0 25px;
}

.azdc-desc{
    max-width:620px;
    color:#667085;
    font-size:18px;
    line-height:1.9;
    margin-bottom:35px;
}

.azdc-action{
    display:flex;
    gap:16px;
    flex-wrap:wrap;
}

.azdc-btn-main{
    text-decoration:none;
    background:#0f6fff;
    color:#fff;
    padding:16px 34px;
    border-radius:60px;
    font-weight:700;
    transition:.4s;
}

.azdc-btn-main:hover{
    transform:translateY(-5px);
}

.azdc-btn-lite{
    text-decoration:none;
    border:2px solid #dbeafe;
    color:#0f172a;
    padding:16px 34px;
    border-radius:60px;
    font-weight:700;
    transition:.4s;
}

.azdc-btn-lite:hover{
    background:#f1f5f9;
}

.azdc-right{
    position:relative;
    min-height:550px;
    display:flex;
    justify-content:center;
    align-items:center;
}

.azdc-ring{
    position:absolute;
    width:550px;
    height:550px;
    border-radius:50%;
    border:2px dashed rgba(0,119,255,.15);
    animation:azdcRotate 35s linear infinite;
}

.azdc-product{
    position:relative;
    width:100%;
    max-width:520px;
    z-index:5;
    animation:azdcFloat 5s ease-in-out infinite;
}

.azdc-orb{
    position:absolute;
    border-radius:50%;
    filter:blur(80px);
    z-index:0;
}

.azdc-orb-one{
    width:350px;
    height:350px;
    background:rgba(0,119,255,.12);
    top:-100px;
    left:-100px;
    animation:azdcMoveA 10s infinite alternate;
}

.azdc-orb-two{
    width:300px;
    height:300px;
    background:rgba(0,214,255,.12);
    bottom:-100px;
    right:-100px;
    animation:azdcMoveB 12s infinite alternate;
}

@keyframes azdcFloat{
    0%,100%{
        transform:translateY(0px);
    }
    50%{
        transform:translateY(-22px);
    }
}

@keyframes azdcRotate{
    from{
        transform:rotate(0deg);
    }
    to{
        transform:rotate(360deg);
    }
}

@keyframes azdcMoveA{
    from{
        transform:translate(0,0);
    }
    to{
        transform:translate(80px,60px);
    }
}

@keyframes azdcMoveB{
    from{
        transform:translate(0,0);
    }
    to{
        transform:translate(-80px,-60px);
    }
}

@media(max-width:991px){

    .azdc-layout{
        grid-template-columns:1fr;
        text-align:center;
    }

    .azdc-title{
        font-size:52px;
    }

    .azdc-desc{
        margin-left:auto;
        margin-right:auto;
    }

    .azdc-action{
        justify-content:center;
    }

    .azdc-right{
        min-height:420px;
    }

    .azdc-ring{
        width:400px;
        height:400px;
    }
}

@media(max-width:576px){

    .azdc-title{
        font-size:38px;
    }

    .azdc-product{
        max-width:320px;
    }

    .azdc-ring{
        width:300px;
        height:300px;
    }
}