/* ==========================================
   پس‌زمینه صفحه خانه هامون درب
   از زیر تصویر اصلی تا قبل از فوتر
   ========================================== */

body.home #wpb-content-root {
    position: relative !important;
    isolation: isolate !important;
    background: transparent !important;
}

/* زمینه سرمه‌ای با خطوط نارنجی */
body.home #wpb-content-root::before {
    content: "";
    position: absolute;
    top: 470px;
    bottom: 0;
    left: calc(50% - 50vw);
    width: 100vw;
    z-index: 0;
    pointer-events: none;

    background-color: #082B50;
    background-image:
        repeating-linear-gradient(
            115deg,
            transparent 0px,
            transparent 135px,
            rgba(255, 122, 24, 0.22) 137px,
            rgba(255, 122, 24, 0.22) 140px,
            transparent 143px,
            transparent 280px
        ),
        linear-gradient(
            135deg,
            #06192D 0%,
            #082B50 48%,
            #06192D 100%
        );
}

/* لوگوی ثابت؛ فقط یک لوگو در عرض صفحه */
body.home #wpb-content-root::after {
    content: "";
    position: absolute;
    top: 470px;
    bottom: 0;
    left: calc(50% - 50vw);
    width: 100vw;
    z-index: 0;
    pointer-events: none;

    background-image:
        url("https://hamoondarb.ir/wp-content/uploads/2023/08/logo-main.png");

    background-repeat: repeat-y;
    background-position: center top;
    background-size: 420px;
    background-attachment: fixed;

    opacity: 1;
}

/* محتوا روی پس‌زمینه نمایش داده شود */
body.home #wpb-content-root > * {
    position: relative;
    z-index: 1;
}

/* شفاف کردن پس‌زمینه ردیف‌های بعدی صفحه */
body.home #wpb-content-root > .vc_row ~ .vc_row ~ .vc_row {
    background-color: transparent !important;
    background-image: none !important;
}

/* تنظیم نمایش در موبایل */
@media only screen and (max-width: 767px) {

    body.home #wpb-content-root::before {
        top: 220px;
    }

    body.home #wpb-content-root::after {
        top: 220px;
        background-repeat: repeat-y;
        background-position: center top;
        background-size: 75vw;
        background-attachment: fixed;
        opacity: 1;
    }
}
/* سفید کردن فقط عنوان گروه هامون درب */
body.home #wpb-content-root .vc_custom_1791815993721
.iconbox > .box-content > h2:first-child,
body.home #wpb-content-root .vc_custom_1791815993721
.iconbox > .box-content > h2:first-child span {
    color: #ffffff !important;
}

/* سفید کردن فقط عنوان نصب */
body.home #wpb-content-root .vc_custom_1791815914946
.iconbox > .box-header > .box-title {
    color: #ffffff !important;
}
/* سفید کردن فقط عنوان باکس گروه هامون درب */
body.home #wpb-content-root
.vc_custom_1791815993721
.iconbox > .box-header > h3.box-title {
    color: #ffffff !important;
}
/* برابر کردن ارتفاع چهار باکس صفحه خانه هامون درب */

body.home #wpb-content-root
.vc_row.vc_custom_1730793584887 {
    display: flex !important;
    flex-wrap: wrap;
    align-items: stretch;
}

/* کشیده شدن ستون‌ها به ارتفاع یکسان */
body.home #wpb-content-root
.vc_row.vc_custom_1730793584887 > .vc_column_container {
    display: flex;
}

/* کشیده شدن فضای داخلی هر ستون */
body.home #wpb-content-root
.vc_row.vc_custom_1730793584887 > .vc_column_container > .vc_column-inner {
    display: flex;
    flex-direction: column;
    width: 100%;
}

/* یکسان شدن ارتفاع باکس‌ها */
body.home #wpb-content-root
.vc_row.vc_custom_1730793584887 .vc_column-inner > .wpb_wrapper {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

body.home #wpb-content-root
.vc_row.vc_custom_1730793584887 .iconbox {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    width: 100%;
    height: 100%;
}

/* عنوان در بالا و متن در فضای باقی‌مانده */
body.home #wpb-content-root
.vc_row.vc_custom_1730793584887 .iconbox > .box-header {
    flex-shrink: 0;
}

body.home #wpb-content-root
.vc_row.vc_custom_1730793584887 .iconbox > .box-content {
    flex: 1 1 auto;
}