.elementor-widget-section .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-section .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-201 .elementor-element.elementor-element-b55fd66{padding:0px 0px 80px 0px;}.elementor-widget-dc_element_easy_steps .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-dc_element_easy_steps .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-201 .elementor-element.elementor-element-ea4ab33:not(.elementor-motion-effects-element-type-background), .elementor-201 .elementor-element.elementor-element-ea4ab33 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://zibayito.com/wp-content/uploads/2021/09/banner-img-1.png");}.elementor-201 .elementor-element.elementor-element-ea4ab33{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:80px 0px 0px 0px;}.elementor-201 .elementor-element.elementor-element-ea4ab33 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-dc_element_contact_us_form .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-dc_element_contact_us_form .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-201 .elementor-element.elementor-element-7800dbf > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS *//* --- کد CSS برای زیباسازی صفحه تماس با ما --- */

/* 1. استایل بخش‌های سه گانه تماس (تلفن، ایمیل، واتس‌اپ) */
/* افزودن سایه، گوشه‌های گرد و انیمیشن جذاب هنگام هاور */
.dc-welcomecontent {
    background-color: #ffffff; /* پس‌زمینه سفید خالص */
    border-radius: 15px; /* گوشه‌های نرم‌تر */
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.07); /* سایه ظریف برای عمق دادن */
    border: 1px solid #e9f0f4; /* یک حاشیه بسیار محو */
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; /* انیمیشن نرم */
    padding: 20px;
    margin-bottom: 30px; /* فاصله بیشتر از پایین */
}

.dc-welcomecontent:hover {
    transform: translateY(-8px); /* هنگام هاور کمی به بالا حرکت کند */
    box-shadow: 0 12px 35px rgba(0, 157, 168, 0.15); /* سایه رنگی و برجسته‌تر */
}

/* 2. بهبود ظاهر عنوان‌های اصلی بخش‌ها */
/* افزودن یک خط رنگی زیر عنوان برای تاکید بیشتر */
.dc-sectionhead .dc-sectiontitle h2 {
    position: relative;
    padding-bottom: 15px; /* ایجاد فضا برای خط زیرین */
    font-size: 2.1rem; /* کمی بزرگ‌تر کردن فونت عنوان */
    color: #333; /* رنگ تیره‌تر برای خوانایی بهتر */
}

.dc-sectionhead .dc-sectiontitle h2::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%); /* وسط‌چین کردن خط */
    width: 70px; /* طول خط */
    height: 4px; /* ضخامت خط */
    background: linear-gradient(90deg, #009DA8, #00C9D8); /* گرادینت زیبا با رنگ برند شما */
    border-radius: 2px;
}


/* 3. استایل فرم تماس (فیلدها و دکمه) */
/* مدرن‌سازی ظاهر فیلدهای ورودی */
.wpcf7-form .form-control {
    background-color: #f7f9fc; /* پس‌زمینه کمی خاکستری برای فیلدها */
    border: 1px solid #dfe6ed;
    border-radius: 10px; /* گوشه‌های گردتر */
    padding: 15px;
    transition: border-color 0.3s ease, box-shadow 0.3s ease; /* انیمیشن نرم */
    font-size: 1rem;
}

/* تغییر استایل فیلدها هنگام فوکوس (وقتی کاربر داخل آن کلیک می‌کند) */
.wpcf7-form .form-control:focus {
    border-color: #009DA8; /* تغییر رنگ حاشیه به رنگ اصلی سایت */
    background-color: #ffffff;
    box-shadow: 0 0 0 4px rgba(0, 157, 168, 0.1); /* افزودن یک هاله رنگی دور فیلد */
    outline: none; /* حذف حاشیه پیش‌فرض مرورگر */
}

/* 4. استایل دکمه ارسال پیام */
/* ایجاد یک دکمه جذاب و مدرن */
.wpcf7-submit.dc-btnactive {
    background: linear-gradient(45deg, #007E87, #009DA8); /* پس‌زمینه گرادینت */
    color: white;
    font-weight: bold;
    border-radius: 10px;
    padding: 14px 30px;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(0, 126, 135, 0.3); /* سایه متناسب با رنگ دکمه */
    width: 100%; /* تمام عرض والد خود را بگیرد */
    font-size: 1.1rem;
}

/* افکت هاور برای دکمه ارسال */
.wpcf7-submit.dc-btnactive:hover {
    transform: translateY(-3px); /* کمی حرکت به بالا */
    box-shadow: 0 8px 25px rgba(0, 126, 135, 0.4); /* سایه قوی‌تر */
    background: linear-gradient(45deg, #008D96, #00ADB9); /* کمی روشن‌تر شدن گرادینت */
}/* End custom CSS */