.elementor-509 .elementor-element.elementor-element-6de54767{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS for text-editor, class: .elementor-element-269ce4ef *//* ==========================================
   CYAN DOMINANT PAYMENT PAGE DESIGN
   Primary Color: #00D4FF
========================================== */

:root{
    --cyan:#00D4FF;
    --cyan-light:#5CE6FF;
    --cyan-dark:#009FCC;

    --bg:#031228;
    --card:#071C34;

    --white:#FFFFFF;
    --text:rgba(255,255,255,.85);
}

/* PAGE */

body{
    margin:0;
    font-family:Inter,sans-serif;
    color:var(--white);

    background:
    radial-gradient(circle at top center,
    rgba(0,212,255,.25),
    transparent 35%),

    radial-gradient(circle at bottom right,
    rgba(0,212,255,.15),
    transparent 40%),

    radial-gradient(circle at left center,
    rgba(0,212,255,.12),
    transparent 45%),

    var(--bg);
}

/* PAYMENT WRAPPER */

.payment-wrapper{
    position:relative;
    max-width:700px;
    margin:60px auto;
    padding:20px;
}

.payment-wrapper::before{
    content:"";
    position:absolute;
    width:600px;
    height:600px;
    left:50%;
    top:-180px;
    transform:translateX(-50%);

    background:
    radial-gradient(circle,
    rgba(0,212,255,.25),
    transparent 70%);

    filter:blur(80px);
    z-index:-1;
}

/* CARD */

.payment-card{
    background:rgba(7,28,52,.92);

    border:1px solid rgba(0,212,255,.35);

    border-radius:24px;

    padding:40px;

    backdrop-filter:blur(20px);

    box-shadow:
    0 0 0 1px rgba(0,212,255,.15),
    0 0 40px rgba(0,212,255,.15),
    0 0 80px rgba(0,212,255,.08);
}

/* TITLE */

.payment-title{
    text-align:center;
    margin-bottom:30px;

    color:var(--cyan);

    font-size:42px;
    font-weight:800;

    text-shadow:
    0 0 20px rgba(0,212,255,.5),
    0 0 50px rgba(0,212,255,.2);
}

/* SUCCESS NOTICE */

.payment-notice{
    display:flex;
    align-items:center;
    gap:15px;

    padding:20px;
    margin-bottom:30px;

    border-radius:16px;

    background:
    linear-gradient(
    135deg,
    rgba(0,212,255,.12),
    rgba(0,212,255,.05));

    border:1px solid rgba(0,212,255,.25);
}

.payment-notice i{
    color:var(--cyan);
    font-size:24px;
}

.payment-notice strong{
    display:block;
    color:#fff;
    margin-bottom:4px;
}

.payment-notice p{
    margin:0;
    color:var(--text);
}

/* AMOUNT */

.payment-amount{
    text-align:center;
    margin:35px 0;
}

.payment-amount .amount{
    font-size:64px;
    font-weight:900;
    color:var(--cyan);

    text-shadow:
    0 0 20px rgba(0,212,255,.8),
    0 0 60px rgba(0,212,255,.3);
}

.payment-amount span{
    display:block;
    color:var(--text);
    margin-top:10px;
}

/* INPUTS */

.payment-card input,
.payment-card select,
.payment-card textarea{
    width:100%;
    box-sizing:border-box;

    padding:16px 18px;
    margin-bottom:18px;

    border-radius:14px;

    background:
    rgba(0,212,255,.04);

    border:
    1px solid rgba(0,212,255,.2);

    color:#fff;

    transition:.3s;
}

.payment-card input:focus,
.payment-card select:focus,
.payment-card textarea:focus{
    outline:none;

    border-color:var(--cyan);

    box-shadow:
    0 0 0 4px rgba(0,212,255,.1),
    0 0 25px rgba(0,212,255,.25);
}

/* PAYMENT METHODS */

.payment-methods{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:15px;
    margin:25px 0;
}

.payment-method{
    text-align:center;

    padding:20px;

    border-radius:16px;

    background:
    rgba(0,212,255,.04);

    border:
    1px solid rgba(0,212,255,.15);

    transition:.3s;
}

.payment-method:hover{
    transform:translateY(-4px);

    border-color:var(--cyan);

    box-shadow:
    0 0 25px rgba(0,212,255,.2);
}

/* CTA BUTTON */

.pay-btn{
    width:100%;

    padding:18px;

    border:none;
    border-radius:16px;

    cursor:pointer;

    font-size:17px;
    font-weight:800;

    color:#031228;

    background:
    linear-gradient(
    135deg,
    #00D4FF,
    #5CE6FF);

    box-shadow:
    0 0 30px rgba(0,212,255,.45),
    0 0 60px rgba(0,212,255,.15);

    transition:.3s;
}

.pay-btn:hover{
    transform:translateY(-3px);

    box-shadow:
    0 0 40px rgba(0,212,255,.7),
    0 0 90px rgba(0,212,255,.3);
}

/* TRUST BADGE */

.secure-payment{
    text-align:center;
    margin-top:20px;

    color:var(--text);
}

.secure-payment i{
    color:var(--cyan);
    margin-right:8px;
}

/* MOBILE */

@media(max-width:768px){

    .payment-card{
        padding:25px;
    }

    .payment-title{
        font-size:32px;
    }

    .payment-amount .amount{
        font-size:48px;
    }

    .payment-methods{
        grid-template-columns:1fr;
    }
}/* End custom CSS */