/* Start custom CSS for html, class: .elementor-element-e827355 */.contact-us{
    background:#101314;
    padding:80px 20px;
    color:#fff;
}

.contact-hero{
    max-width:900px;
    margin:0 auto 50px;
    text-align:center;
}

.contact-badge{
    display:inline-block;
    padding:8px 18px;
    border-radius:50px;
    background:rgba(58,214,210,.12);
    border:1px solid rgba(58,214,210,.25);
    color:#3AD6D2;
    font-size:12px;
    letter-spacing:2px;
    margin-bottom:20px;
}

.contact-hero h1{
    font-size:56px;
    font-weight:800;
    margin-bottom:20px;
}

.contact-hero p{
    max-width:650px;
    margin:auto;
    color:#c8d7d9;
    line-height:1.8;
    font-size:18px;
}

/* Layout */
.contact-container{
    max-width:1100px;
    margin:auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px;
}

/* Info Box */
.contact-info-box{
    display:flex;
    flex-direction:column;
    gap:20px;
}

.info-item{
    background:rgba(255,255,255,.03);
    border:1px solid rgba(58,214,210,.12);
    border-radius:18px;
    padding:25px;
    transition:.3s;
}

.info-item:hover{
    background:rgba(58,214,210,.04);
}

.info-item h3{
    color:#3AD6D2;
    margin-bottom:10px;
    font-size:18px;
}

.info-item p{
    color:#dbe8ea;
    line-height:1.7;
    margin:0;
}

/* Support Box */
.contact-support-box{
    background:rgba(255,255,255,.03);
    border:1px solid rgba(58,214,210,.12);
    border-radius:24px;
    padding:40px;
    backdrop-filter:blur(10px);
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.contact-support-box h2{
    color:#3AD6D2;
    font-size:26px;
    margin-bottom:15px;
}

.contact-support-box p{
    color:#dbe8ea;
    line-height:1.9;
    margin-bottom:20px;
    font-size:16px;
}

.support-highlight{
    padding:15px 18px;
    border-radius:12px;
    background:rgba(58,214,210,.08);
    border:1px solid rgba(58,214,210,.2);
    color:#3AD6D2;
    font-size:14px;
    line-height:1.6;
}

/* Responsive */
@media(max-width:900px){
    .contact-container{
        grid-template-columns:1fr;
    }
}

@media(max-width:768px){

    .contact-hero h1{
        font-size:38px;
    }

    .contact-hero p{
        font-size:16px;
    }

    .contact-support-box{
        padding:25px;
    }
}/* End custom CSS */
/* Start custom CSS for wpforms, class: .elementor-element-439d2da */.elementor-widget-wpforms .wpforms-form.wpformyaaua{

    background: rgba(255,255,255,0.03) !important;
    border: 1px solid rgba(58,214,210,0.15) !important;
    border-radius: 22px;

    padding: 30px;

    backdrop-filter: blur(12px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.35);
}

/* ALL FIELD LABELS (covers first/last/name/email etc.) */
.elementor-widget-wpforms .wpforms-form .wpforms-field-label{
    color: #dbe8ea !important;
    font-size: 14px;
}

/* ALL INPUTS (covers wpforms-field-medium etc.) */
.elementor-widget-wpforms .wpforms-form input,
.elementor-widget-wpforms .wpforms-form textarea,
.elementor-widget-wpforms .wpforms-form select,
.elementor-widget-wpforms .wpforms-field-medium{

    background: rgba(0,0,0,0.28) !important;
    border: 1px solid rgba(255,255,255,0.10) !important;

    color: #dbe8ea !important;

    border-radius: 14px !important;
    padding: 14px 16px !important;

    box-shadow: none !important;
}

/* Focus override (important for Elementor conflict) */
.elementor-widget-wpforms .wpforms-form input:focus,
.elementor-widget-wpforms .wpforms-form textarea:focus,
.elementor-widget-wpforms .wpforms-form select:focus{

    border-color: #3AD6D2 !important;
    box-shadow: 0 0 0 3px rgba(58,214,210,0.12) !important;
    outline: none !important;
}

/* Submit button (ALL POSSIBLE WPForms BUTTON CLASSES) */
.elementor-widget-wpforms .wpforms-form .wpforms-submit,
.elementor-widget-wpforms .wpforms-form button.wpforms-submit,
.elementor-widget-wpforms .wpforms-submit-container button,
.sfgsdw{

    background: linear-gradient(135deg, #3AD6D2, #2bb9b5) !important;
    color: #0b0f10 !important;

    border: none !important;
    border-radius: 14px !important;

    padding: 14px 18px !important;

    font-weight: 700 !important;

    cursor: pointer;

    box-shadow: 0 10px 20px rgba(58,214,210,0.18) !important;

    transition: 0.3s ease;
}

/* Hover */
.elementor-widget-wpforms .wpforms-form .wpforms-submit:hover,
.sfgsdw:hover{

    transform: translateY(-2px);
    box-shadow: 0 14px 28px rgba(58,214,210,0.25) !important;
}

/* Error text */
.elementor-widget-wpforms .wpforms-error,
.elementor-widget-wpforms .wpforms-field-error{
    color: #ff6b6b !important;
    font-size: 13px;
}/* End custom CSS */