.elementor-29188 .elementor-element.elementor-element-9d94c9d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 0px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-29188 .elementor-element.elementor-element-9d94c9d:not(.elementor-motion-effects-element-type-background), .elementor-29188 .elementor-element.elementor-element-9d94c9d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#07131B;}.elementor-29188 .elementor-element.elementor-element-4adb2ee{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}#elementor-popup-modal-29188{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-29188 .dialog-message{width:540px;height:540px;align-items:flex-start;}#elementor-popup-modal-29188 .dialog-close-button{display:flex;top:37px;}#elementor-popup-modal-29188 .dialog-widget-content{border-radius:20px 20px 20px 20px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}body:not(.rtl) #elementor-popup-modal-29188 .dialog-close-button{right:24px;}body.rtl #elementor-popup-modal-29188 .dialog-close-button{left:24px;}#elementor-popup-modal-29188 .dialog-close-button i{color:#FFFFFF;}#elementor-popup-modal-29188 .dialog-close-button svg{fill:#FFFFFF;}/* Start custom CSS for html, class: .elementor-element-8530ae7 *//* Code Card */
.code-card{
    background:#07131b;
    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;
    padding:25px;
    position:relative;
    color:#fff;
    overflow:hidden;
    transition:max-height .4s ease;
    box-shadow:0 10px 30px rgba(0,0,0,.25);
}


/* Header */
.code-header{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    margin-bottom:20px;
}

/* Right Icons */
.code-icons{
    display:flex;
    align-items:center;
}

/* Copy Button */
.code-icons .copy{
    cursor:pointer;
    width:36px;
    height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:8px;
    transition:all .3s ease;
}

.code-icons .copy:hover{
    background:rgba(255,255,255,.08);
}

.code-icons .copy svg{
    transition:.3s;
}

.code-icons .copy:hover svg{
    transform:scale(1.08);
}

.code-icons .copy.copied svg rect{
    stroke:#22C55E;
}

/* Code Block */
.code-card pre{
    margin:0;
    white-space:pre-wrap;
    word-break:break-word;
    overflow:auto;
    font-family:Consolas, Monaco, monospace;
    font-size:14px;
    line-height:1.8;
    color:#E5E7EB;
}

/* Scrollbar */
.code-card::-webkit-scrollbar{
    width:8px;
}

.code-card::-webkit-scrollbar-track{
    background:#0d1b24;
}

.code-card::-webkit-scrollbar-thumb{
    background:#3d5667;
    border-radius:10px;
}

.code-card::-webkit-scrollbar-thumb:hover{
    background:#5b7485;
}/* End custom CSS */