.elementor-33789 .elementor-element.elementor-element-cf6efa2{--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;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-33789 .elementor-element.elementor-element-0be62a5 img{width:61%;}.elementor-33789 .elementor-element.elementor-element-f52eeda{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}body.elementor-page-33789:not(.elementor-motion-effects-element-type-background), body.elementor-page-33789 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1856f4b );}/* Start custom CSS for shortcode, class: .elementor-element-5f77234 *//* استایل کامل فرم گرویتی - تم مشکی و قرمز */

.gform_wrapper {
    background: linear-gradient(135deg, #1a0000 0%, #0a0a0a 100%) !important;
    padding: 40px;
    border-radius: 16px;
    box-shadow: 
        0 0 50px rgba(220, 38, 38, 0.4),
        0 8px 32px rgba(0, 0, 0, 0.9),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
    border: 2px solid rgba(220, 38, 38, 0.3);
    max-width: 700px;
    margin: 40px auto;
}

.gform_wrapper .gform_title {
    color: #fff !important;
    font-size: 32px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 30px;
    text-shadow: 0 0 20px rgba(220, 38, 38, 0.6);
}

.gform_wrapper .gform_description {
    color: #fca5a5 !important;
    text-align: center;
    margin-bottom: 30px;
    font-size: 16px;
}

.gform_wrapper .gfield_label {
    color: #fca5a5 !important;
    font-weight: 600;
    margin-bottom: 8px;
    font-size: 15px;
}

.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="url"],
.gform_wrapper input[type="number"],
.gform_wrapper textarea,
.gform_wrapper select {
    background: rgba(30, 30, 30, 0.8) !important;
    border: 2px solid rgba(220, 38, 38, 0.3) !important;
    border-radius: 10px !important;
    padding: 14px 18px !important;
    color: #ffffff !important;
    font-size: 15px !important;
    width: 100% !important;
    transition: all 0.3s ease !important;
    box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.5) !important;
}

.gform_wrapper input[type="text"]::placeholder,
.gform_wrapper input[type="email"]::placeholder,
.gform_wrapper input[type="tel"]::placeholder,
.gform_wrapper input[type="url"]::placeholder,
.gform_wrapper input[type="number"]::placeholder,
.gform_wrapper textarea::placeholder {
    color: #888888 !important;
}

.gform_wrapper input[type="text"]:focus,
.gform_wrapper input[type="email"]:focus,
.gform_wrapper input[type="tel"]:focus,
.gform_wrapper input[type="url"]:focus,
.gform_wrapper input[type="number"]:focus,
.gform_wrapper textarea:focus,
.gform_wrapper select:focus {
    background: rgba(40, 40, 40, 0.9) !important;
    border-color: #dc2626 !important;
    outline: none !important;
    box-shadow: 
        0 0 20px rgba(220, 38, 38, 0.6),
        inset 0 2px 8px rgba(0, 0, 0, 0.5) !important;
    color: #ffffff !important;
}

.gform_wrapper textarea {
    min-height: 120px !important;
    resize: vertical !important;
}

.gform_wrapper .gfield {
    margin-bottom: 24px !important;
}

.gform_wrapper .gform_button,
.gform_wrapper input[type="submit"] {
    background: linear-gradient(135deg, #dc2626 0%, #991b1b 100%) !important;
    color: #fff !important;
    padding: 16px 50px !important;
    border: none !important;
    border-radius: 10px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 
        0 4px 20px rgba(220, 38, 38, 0.6),
        0 0 40px rgba(220, 38, 38, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
    width: 100% !important;
    margin-top: 10px !important;
}

.gform_wrapper .gform_button:hover,
.gform_wrapper input[type="submit"]:hover {
    background: linear-gradient(135deg, #b91c1c 0%, #7f1d1d 100%) !important;
    box-shadow: 
        0 6px 30px rgba(220, 38, 38, 0.8),
        0 0 60px rgba(220, 38, 38, 0.5),
        inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
    transform: translateY(-2px) !important;
}

.gform_wrapper .gform_button:active,
.gform_wrapper input[type="submit"]:active {
    transform: translateY(0) !important;
}

.gform_wrapper .gfield_error {
    background: rgba(220, 38, 38, 0.1) !important;
    border: 2px solid #dc2626 !important;
    border-radius: 10px !important;
    padding: 20px !important;
}

.gform_wrapper .gfield_error .gfield_label {
    color: #fca5a5 !important;
}

.gform_wrapper .validation_message {
    color: #fca5a5 !important;
    font-size: 13px !important;
    margin-top: 8px !important;
    font-weight: 500 !important;
}

.gform_wrapper .gform_footer {
    text-align: center !important;
    margin-top: 30px !important;
}

/* استایل چک‌باکس و رادیو */
.gform_wrapper input[type="checkbox"],
.gform_wrapper input[type="radio"] {
    accent-color: #dc2626 !important;
}

.gform_wrapper .gfield_checkbox label,
.gform_wrapper .gfield_radio label {
    color: #fca5a5 !important;
}

/* ریسپانسیو */
@media (max-width: 768px) {
    .gform_wrapper {
        padding: 30px 20px;
    }
    
    .gform_wrapper .gform_title {
        font-size: 24px;
    }
    
    .gform_wrapper .gform_button,
    .gform_wrapper input[type="submit"] {
        padding: 14px 40px !important;
    }
}/* End custom CSS */