.elementor-13948 .elementor-element.elementor-element-cc2ea52{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13948 .elementor-element.elementor-element-343fbcc{width:100%;max-width:100%;}.elementor-13948 .elementor-element.elementor-element-343fbcc .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-13948 .elementor-element.elementor-element-18a15b3{--display:flex;--min-height:718px;--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-13948 .elementor-element.elementor-element-07f5f9c .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-13948 .elementor-element.elementor-element-a407661{--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-13948 .elementor-element.elementor-element-a407661.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13948 .elementor-element.elementor-element-3a73b3a > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-13948 .elementor-element.elementor-element-3a73b3a .elementor-heading-title{font-family:"doran", Sans-serif;font-weight:500;color:var( --e-global-color-primary );}.elementor-13948 .elementor-element.elementor-element-6dc5a54{--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-13948 .elementor-element.elementor-element-6dc5a54.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13948 .elementor-element.elementor-element-ae957fe{font-family:"doran", Sans-serif;}.elementor-13948 .elementor-element.elementor-element-da00442{--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-13948 .elementor-element.elementor-element-f609299 > .elementor-widget-container{margin:68px 0px 0px 0px;}.elementor-13948 .elementor-element.elementor-element-f609299 .elementor-heading-title{font-family:"doran", Sans-serif;}.elementor-13948 .elementor-element.elementor-element-9e76e54{--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-13948 .elementor-element.elementor-element-3962af4{--display:flex;}.elementor-13948 .elementor-element.elementor-element-2eeafa9{--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-13948 .elementor-element.elementor-element-d0d8728{--display:flex;}.elementor-13948 .elementor-element.elementor-element-01a8d67{--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-13948 .elementor-element.elementor-element-32b1347{--display:flex;}.elementor-13948 .elementor-element.elementor-element-8b61c73 img{width:32%;}.elementor-13948 .elementor-element.elementor-element-29bef78{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-color:var( --e-global-color-text );--n-tabs-title-color-active:#4D4A4A;}.elementor-13948 .elementor-element.elementor-element-29bef78.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"doran", Sans-serif;}.elementor-13948 .elementor-element.elementor-element-52277c0{--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-13948 .elementor-element.elementor-element-fa8ea3d > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-13948 .elementor-element.elementor-element-fa8ea3d .elementor-heading-title{font-family:"doran", Sans-serif;}.elementor-13948 .elementor-element.elementor-element-b7fd420{--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-13948 .elementor-element.elementor-element-b7fd420:not(.elementor-motion-effects-element-type-background), .elementor-13948 .elementor-element.elementor-element-b7fd420 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E8CB9D;}.elementor-13948 .elementor-element.elementor-element-20b1b99{--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:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-13948 .elementor-element.elementor-element-3a8228d > .elementor-widget-container{margin:25px 0px 0px 0px;}.elementor-13948 .elementor-element.elementor-element-3a8228d{text-align:center;}.elementor-13948 .elementor-element.elementor-element-3a8228d .elementor-heading-title{font-family:"doran", Sans-serif;font-size:24px;font-weight:500;line-height:39px;}@media(min-width:768px){.elementor-13948 .elementor-element.elementor-element-b7fd420{--content-width:600px;}}@media(max-width:767px){.elementor-13948 .elementor-element.elementor-element-a407661{--width:325px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:33px;}.elementor-13948 .elementor-element.elementor-element-3a73b3a{text-align:start;}.elementor-13948 .elementor-element.elementor-element-3a73b3a .elementor-heading-title{font-size:22px;}.elementor-13948 .elementor-element.elementor-element-6dc5a54{--width:322px;}.elementor-13948 .elementor-element.elementor-element-ae957fe{font-size:13px;}.elementor-13948 .elementor-element.elementor-element-f609299{text-align:center;}.elementor-13948 .elementor-element.elementor-element-29bef78{--n-tabs-title-font-size:19px;}.elementor-13948 .elementor-element.elementor-element-fa8ea3d{text-align:center;}.elementor-13948 .elementor-element.elementor-element-fa8ea3d .elementor-heading-title{font-size:23px;}.elementor-13948 .elementor-element.elementor-element-3a8228d .elementor-heading-title{font-size:14px;}}/* Start custom CSS for shortcode, class: .elementor-element-3ada90a *//* اعمال فونت به کل فرم، تیترها، پاراگراف‌ها و متن‌های HTML */
.elementor-13948 .elementor-element.elementor-element-3ada90a,
.elementor-13948 .elementor-element.elementor-element-3ada90a h1, .elementor-13948 .elementor-element.elementor-element-3ada90a h2, .elementor-13948 .elementor-element.elementor-element-3ada90a h3, .elementor-13948 .elementor-element.elementor-element-3ada90a h4, .elementor-13948 .elementor-element.elementor-element-3ada90a h5, .elementor-13948 .elementor-element.elementor-element-3ada90a h6,
.elementor-13948 .elementor-element.elementor-element-3ada90a p, .elementor-13948 .elementor-element.elementor-element-3ada90a span, .elementor-13948 .elementor-element.elementor-element-3ada90a div {
    font-family: 'doran', sans-serif !important;
}

/* اعمال فونت به لیبل‌ها و متن گزینه‌های رادیویی/چک‌باکس */
.elementor-13948 .elementor-element.elementor-element-3ada90a label,
.elementor-13948 .elementor-element.elementor-element-3ada90a .elementor-field-text {
    font-family: 'doran', sans-serif !important;
}

/* اعمال فونت به داخل فیلدهای ورودی و متنی */
.elementor-13948 .elementor-element.elementor-element-3ada90a input,
.elementor-13948 .elementor-element.elementor-element-3ada90a textarea,
.elementor-13948 .elementor-element.elementor-element-3ada90a select {
    font-family: 'doran', sans-serif !important;
}

/* اعمال فونت به دکمه ارسال فرم */
.elementor-13948 .elementor-element.elementor-element-3ada90a button,
.elementor-13948 .elementor-element.elementor-element-3ada90a input[type="submit"] {
    font-family: 'doran', sans-serif !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b7fd420 *//* =========================================
   ۱. مخفی کردن قطعی عنوان و توضیحات فرم
   ========================================= */
.gform_wrapper .gform_heading,
.gform_wrapper .gform_title,
.gform_wrapper .gform_description {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* =========================================
   ۲. استایل دکمه‌ای کردن وضعیت حضور (کلاس: radio-as-button)
   ========================================= */
.radio-as-button .gfield_radio {
    display: flex !important;
    flex-direction: row !important;
    gap: 15px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

.radio-as-button .gfield_radio .gchoice {
    flex: 1 !important;
    position: relative !important;
    margin: 0 !important;
}

.radio-as-button .gfield_radio input[type="radio"] {
    position: absolute !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    z-index: -1 !important;
}

.radio-as-button .gfield_radio label {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
    border: 1px solid #d4c4b7 !important;
    border-radius: 12px !important;
    padding: 12px 10px !important;
    text-align: center !important;
    cursor: pointer !important;
    color: #5a4b41 !important;
    background-color: transparent !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
    margin: 0 !important;
    max-width: 100% !important;
}

.radio-as-button .gfield_radio label:hover {
    background-color: #fcf9f7 !important;
}

/* تغییر رنگ کامل باکس به محض انتخاب شدن */
.radio-as-button .gfield_radio input[type="radio"]:checked + label {
    background-color: #ffffff !important; /* رنگ پس‌زمینه سفید میشه */
    color: #000000 !important; /* نوشته‌ها مشکی میشن */
    border-color: #000000 !important; /* کادر دورش رو هم مشکی کردم */
    font-weight: bold !important; /* یه مقدار نوشته رو بولد کردم */
}

/* =========================================
   ۳. افقی کردن رادیو باتن‌های بله/خیر (کلاس: inline-simple-radio)
   ========================================= */
.inline-simple-radio .gfield_radio {
    display: flex !important;
    flex-direction: row !important;
    gap: 30px !important;
    padding: 0 !important;
    margin: 10px 0 0 0 !important;
    list-style: none !important;
}

.inline-simple-radio .gfield_radio .gchoice {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
}

.inline-simple-radio .gfield_radio input[type="radio"] {
    margin: 0 0 0 8px !important; 
    width: 16px !important;
    height: 16px !important;
    cursor: pointer;
}

.inline-simple-radio .gfield_radio label {
    cursor: pointer;
    margin: 0 !important;
    color: #5a4b41 !important;
}

/* =========================================
   ۴. استایل دکمه ارسال (Submit Button)
   ========================================= */
.gform_wrapper .gform_button[type="submit"],
.gform_wrapper .gform_next_button,
.gform_wrapper .gform_previous_button {
    background-color: #5a4b41 !important; 
    color: #ffffff !important; 
    border: none !important;
    border-radius: 12px !important; 
    padding: 12px 35px !important; 
    font-size: 16px !important;
    font-family: inherit !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    display: block !important;
    margin-top: 20px !important;
}

.gform_wrapper .gform_button[type="submit"]:hover,
.gform_wrapper .gform_next_button:hover,
.gform_wrapper .gform_previous_button:hover {
    background-color: #7a685b !important; 
    transform: translateY(-2px) !important; 
    box-shadow: 0 6px 15px rgba(90, 75, 65, 0.25) !important; 
}

/* =========================================
   ۵. استایل فیلدهای متنی (حذف کادر مشکی و زیباسازی)
   ========================================= */
.gform_wrapper input[type="text"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="email"],
.gform_wrapper textarea {
    border: none !important; 
    background-color: #f4f0ec !important; 
    border-radius: 12px !important; 
    color: #5a4b41 !important; 
    box-shadow: none !important; 
    outline: none !important; 
    transition: all 0.3s ease !important; 
    padding: 12px 15px !important; 
}

/* افکت جذاب وقتی کاربر روی فیلد کلیک می‌کنه (Focus) */
.gform_wrapper input[type="text"]:focus,
.gform_wrapper input[type="tel"]:focus,
.gform_wrapper input[type="email"]:focus,
.gform_wrapper textarea:focus {
    background-color: #ffffff !important; 
    box-shadow: 0 0 0 2px #d4c4b7 !important; 
}

/* =========================================
   ۶. تنظیمات ریسپانسیو (موبایل و دسکتاپ)
   ========================================= */
@media (min-width: 768px) {
    /* جمع‌وجور کردن دکمه‌های وضعیت حضور در دسکتاپ */
    .radio-as-button .gfield_radio {
        max-width: 450px !important; 
    }
    
    /* جمع‌وجور کردن فیلدهای متنی در دسکتاپ */
    .gform_wrapper input[type="text"],
    .gform_wrapper input[type="tel"],
    .gform_wrapper input[type="email"],
    .gform_wrapper textarea {
        max-width: 600px !important; 
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'doran';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://ribbontehran.com/wp-content/uploads/2025/08/DORAN-REGULAR.ttf') format('truetype');
}
@font-face {
	font-family: 'doran';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://ribbontehran.com/wp-content/uploads/2025/08/DORAN-EXTRABOLD.ttf') format('truetype');
}
/* End Custom Fonts CSS */