.elementor-4402 .elementor-element.elementor-element-81e9bfd{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4402 .elementor-element.elementor-element-6e81267{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4402 .elementor-element.elementor-element-0d75d07{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:-1px;--padding-bottom:-1px;--padding-left:-1px;--padding-right:-1px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4402 .elementor-element.elementor-element-8388e9d .elementor-button{background-color:#FD9B01;}.elementor-4402 .elementor-element.elementor-element-1778260{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:-1px;--padding-bottom:-1px;--padding-left:-1px;--padding-right:-1px;}.elementor-4402 .elementor-element.elementor-element-bab2d41 .elementor-button{background-color:#FD9B01;}.elementor-4402 .elementor-element.elementor-element-3909d65{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:-1px;--padding-bottom:-1px;--padding-left:-1px;--padding-right:-1px;}.elementor-4402 .elementor-element.elementor-element-035d813 .elementor-button{background-color:#FD9B01;}.elementor-4402 .elementor-element.elementor-element-a9a0493{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:-1px;--padding-bottom:-1px;--padding-left:-1px;--padding-right:-1px;}.elementor-4402 .elementor-element.elementor-element-3f8c494 .elementor-button{background-color:#FD9B01;}.elementor-4402 .elementor-element.elementor-element-3b8e604{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:-1px;--padding-bottom:-1px;--padding-left:-1px;--padding-right:-1px;}.elementor-4402 .elementor-element.elementor-element-8df4d67 .elementor-button{background-color:#FD9B01;}.elementor-4402 .elementor-element.elementor-element-f09d78d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:-1px;--padding-bottom:-1px;--padding-left:-1px;--padding-right:-1px;}.elementor-4402 .elementor-element.elementor-element-ec4eef6 .elementor-button{background-color:#FD9B01;}@media(max-width:767px){.elementor-4402 .elementor-element.elementor-element-0d75d07{--width:46%;}.elementor-4402 .elementor-element.elementor-element-1778260{--width:46%;}.elementor-4402 .elementor-element.elementor-element-3909d65{--width:46%;}.elementor-4402 .elementor-element.elementor-element-a9a0493{--width:46%;}.elementor-4402 .elementor-element.elementor-element-3b8e604{--width:46%;}.elementor-4402 .elementor-element.elementor-element-f09d78d{--width:46%;}}@media(min-width:768px){.elementor-4402 .elementor-element.elementor-element-81e9bfd{--width:100%;}.elementor-4402 .elementor-element.elementor-element-6e81267{--width:100%;}.elementor-4402 .elementor-element.elementor-element-0d75d07{--width:15%;}.elementor-4402 .elementor-element.elementor-element-1778260{--width:15%;}.elementor-4402 .elementor-element.elementor-element-3909d65{--width:15%;}.elementor-4402 .elementor-element.elementor-element-a9a0493{--width:15%;}.elementor-4402 .elementor-element.elementor-element-3b8e604{--width:15%;}.elementor-4402 .elementor-element.elementor-element-f09d78d{--width:15%;}}@media(max-width:1024px) and (min-width:768px){.elementor-4402 .elementor-element.elementor-element-0d75d07{--width:31%;}.elementor-4402 .elementor-element.elementor-element-1778260{--width:31%;}.elementor-4402 .elementor-element.elementor-element-3909d65{--width:31%;}.elementor-4402 .elementor-element.elementor-element-a9a0493{--width:31%;}.elementor-4402 .elementor-element.elementor-element-3b8e604{--width:31%;}.elementor-4402 .elementor-element.elementor-element-f09d78d{--width:31%;}}/* Start custom CSS for html, class: .elementor-element-99805b5 */.gt-image-box {
    position: relative;
    display: inline-block;
    overflow: hidden;
    text-decoration: none;
}

.gt-image-box img {
    display: block;
    width: 100%;
    height: auto;
}

/* --- ربان --- */
.gt-ribbon-wrapper {
    position: absolute;
    top: 10%;
    left: -18%;
    width: 70%;
    aspect-ratio: 1/0.22;
    transform: rotate(-45deg);
    z-index: 10;
    pointer-events: none;
}

.gt-ribbon-bg {
    position: absolute;
    inset: 0;
    background: #FF9800;
}

.gt-ribbon-text {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--ribbon-font-size, 14px);  /* مقیاس‌پذیر */
    font-weight: 500;
    color: #000;
    text-align: center;
}

/* هاور */
.gt-image-box {
    overflow: hidden;
    position: relative;
    isolation: isolate;
}

.gt-image-box img {
    transition: transform 0.35s ease;
    transform-origin: center;
    backface-visibility: hidden;
    will-change: transform;
}

.gt-image-box:hover img {
    transform: scale(1.05);
}

/* --- تبلت --- */
@media (max-width: 768px) {
    .gt-ribbon-wrapper {
        width: 60%;
        left: -14%;
        top: 10%;
    }
    .gt-ribbon-text {
        font-size: var(--ribbon-font-size-tablet, 14px);
    }
}

/* --- موبایل کوچک --- */
@media (max-width: 480px) {
    .gt-ribbon-wrapper {
        width: 60%;
        left: -15%;
        top: 10%;
    }
    .gt-ribbon-text {
        font-size: var(--ribbon-font-size-mobile, 9px);
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8388e9d *//* حالت عادی */
.elementor-4402 .elementor-element.elementor-element-8388e9d .elementor-button {
    font-family: "ir-s", sans-serif;;
    border-radius: 36px;

    /* پس‌زمینه داخلی مشکی */
    background:
        linear-gradient(#000000, #000000) padding-box,
        linear-gradient(to bottom, rgb(146, 146, 146), #000000) border-box;

    border: 4px solid transparent;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a2e418a */.gs-image-box {
    position: relative;
    display: inline-block;
    overflow: hidden;
    text-decoration: none;
}

.gs-image-box img {
    display: block;
    width: 100%;
    height: auto;
}

/* --- ربان --- */
.gs-ribbon-wrapper {
    position: absolute;
    top: 10%;
    left: -18%;
    width: 70%;
    aspect-ratio: 1/0.22;
    transform: rotate(-45deg);
    z-index: 10;
    pointer-events: none;
}

.gs-ribbon-bg {
    position: absolute;
    inset: 0;
    background: #FF9800;
}

.gs-ribbon-text {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--ribbon-font-size, 14px);  /* مقیاس‌پذیر */
    font-weight: 500;
    color: #000;
    text-align: center;
}

/* هاور */
.gs-image-box {
    overflow: hidden;
    position: relative;
    isolation: isolate;
}

.gs-image-box img {
    transition: transform 0.35s ease;
    transform-origin: center;
    backface-visibility: hidden;
    will-change: transform;
}

.gs-image-box:hover img {
    transform: scale(1.05);
}

/* --- تبلت --- */
@media (max-width: 768px) {
    .gs-ribbon-wrapper {
        width: 60%;
        left: -14%;
        top: 10%;
    }
    .gs-ribbon-text {
        font-size: var(--ribbon-font-size-tablet, 14px);
    }
}

/* --- موبایل کوچک --- */
@media (max-width: 480px) {
    .gs-ribbon-wrapper {
        width: 60%;
        left: -15%;
        top: 10%;
    }
    .gs-ribbon-text {
        font-size: var(--ribbon-font-size-mobile, 9px);
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bab2d41 *//* حالت عادی */
.elementor-4402 .elementor-element.elementor-element-bab2d41 .elementor-button {
    font-family: "ir-s", sans-serif;;
    border-radius: 36px;

    /* پس‌زمینه داخلی مشکی */
    background:
        linear-gradient(#000000, #000000) padding-box,
        linear-gradient(to bottom, #0084ff, #000000) border-box;

    border: 4px solid transparent;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a058695 */.gp-image-box {
    position: relative;
    display: inline-block;
    overflow: hidden;
    text-decoration: none;
}

.gp-image-box img {
    display: block;
    width: 100%;
    height: auto;
}

/* --- ربان --- */
.gp-ribbon-wrapper {
    position: absolute;
    top: 10%;
    left: -18%;
    width: 70%;
    aspect-ratio: 1/0.22;
    transform: rotate(-45deg);
    z-index: 10;
    pointer-events: none;
}

.gp-ribbon-bg {
    position: absolute;
    inset: 0;
    background: #FF9800;
}

.gp-ribbon-text {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--ribbon-font-size, 14px);  /* مقیاس‌پذیر */
    font-weight: 500;
    color: #000;
    text-align: center;
}

/* هاور */
.gp-image-box {
    overflow: hidden;
    position: relative;
    isolation: isolate;
}

.gp-image-box img {
    transition: transform 0.35s ease;
    transform-origin: center;
    backface-visibility: hidden;
    will-change: transform;
}

.gp-image-box:hover img {
    transform: scale(1.05);
}

/* --- تبلت --- */
@media (max-width: 768px) {
    .gp-ribbon-wrapper {
        width: 60%;
        left: -14%;
        top: 10%;
    }
    .gp-ribbon-text {
        font-size: var(--ribbon-font-size-tablet, 14px);
    }
}

/* --- موبایل کوچک --- */
@media (max-width: 480px) {
    .gp-ribbon-wrapper {
        width: 60%;
        left: -15%;
        top: 10%;
    }
    .gp-ribbon-text {
        font-size: var(--ribbon-font-size-mobile, 9px);
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-035d813 *//* حالت عادی */
.elementor-4402 .elementor-element.elementor-element-035d813 .elementor-button {
    font-family: "ir-s", sans-serif;;
    border-radius: 36px;

    /* پس‌زمینه داخلی مشکی */
    background:
        linear-gradient(#000000, #000000) padding-box,
        linear-gradient(to bottom, #8c00ff, #000000) border-box;

    border: 4px solid transparent;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-335f0c8 */.ir-image-box {
    position: relative;
    display: inline-block;
    overflow: hidden;
    text-decoration: none;
}

.ir-image-box img {
    display: block;
    width: 100%;
    height: auto;
}

/* --- ربان --- */
.ir-ribbon-wrapper {
    position: absolute;
    top: 10%;
    left: -18%;
    width: 70%;
    aspect-ratio: 1/0.22;
    transform: rotate(-45deg);
    z-index: 10;
    pointer-events: none;
}

.ir-ribbon-bg {
    position: absolute;
    inset: 0;
    background: #FF9800;
}

.ir-ribbon-text {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--ribbon-font-size, 14px);  /* مقیاس‌پذیر */
    font-weight: 500;
    color: #000;
    text-align: center;
}

/* هاور */
.ir-image-box {
    overflow: hidden;
    position: relative;
    isolation: isolate;
}

.ir-image-box img {
    transition: transform 0.35s ease;
    transform-origin: center;
    backface-visibility: hidden;
    will-change: transform;
}

.ir-image-box:hover img {
    transform: scale(1.05);
}

/* --- تبلت --- */
@media (max-width: 768px) {
    .ir-ribbon-wrapper {
        width: 60%;
        left: -14%;
        top: 10%;
    }
    .ir-ribbon-text {
        font-size: var(--ribbon-font-size-tablet, 14px);
    }
}

/* --- موبایل کوچک --- */
@media (max-width: 480px) {
    .ir-ribbon-wrapper {
        width: 60%;
        left: -15%;
        top: 10%;
    }
    .ir-ribbon-text {
        font-size: var(--ribbon-font-size-mobile, 9px);
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3f8c494 *//* حالت عادی */
.elementor-4402 .elementor-element.elementor-element-3f8c494 .elementor-button {
    font-family: "ir-s", sans-serif;;
    border-radius: 36px;

    /* پس‌زمینه داخلی مشکی */
    background:
        linear-gradient(#000000, #000000) padding-box,
        linear-gradient(to bottom, #eb0101, #000000) border-box;

    border: 4px solid transparent;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8fe0e41 */.ch-image-box {
    position: relative;
    display: inline-block;
    overflow: hidden;
    text-decoration: none;
}

.ch-image-box img {
    display: block;
    width: 100%;
    height: auto;
}

/* --- ربان --- */
.ch-ribbon-wrapper {
    position: absolute;
    top: 10%;
    left: -18%;
    width: 70%;
    aspect-ratio: 1/0.22;
    transform: rotate(-45deg);
    z-index: 10;
    pointer-events: none;
}

.ch-ribbon-bg {
    position: absolute;
    inset: 0;
    background: #FF9800;
}

.ch-ribbon-text {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--ribbon-font-size, 14px);  /* مقیاس‌پذیر */
    font-weight: 500;
    color: #000;
    text-align: center;
}

/* هاور */
.ch-image-box {
    overflow: hidden;
    position: relative;
    isolation: isolate;
}

.ch-image-box img {
    transition: transform 0.35s ease;
    transform-origin: center;
    backface-visibility: hidden;
    will-change: transform;
}

.ch-image-box:hover img {
    transform: scale(1.05);
}

/* --- تبلت --- */
@media (max-width: 768px) {
    .ch-ribbon-wrapper {
        width: 60%;
        left: -14%;
        top: 10%;
    }
    .ch-ribbon-text {
        font-size: var(--ribbon-font-size-tablet, 14px);
    }
}

/* --- موبایل کوچک --- */
@media (max-width: 480px) {
    .ch-ribbon-wrapper {
        width: 60%;
        left: -15%;
        top: 10%;
    }
    .ch-ribbon-text {
        font-size: var(--ribbon-font-size-mobile, 9px);
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8df4d67 *//* حالت عادی */
.elementor-4402 .elementor-element.elementor-element-8df4d67 .elementor-button {
    font-family: "ir-s", sans-serif;;
    border-radius: 36px;

    /* پس‌زمینه داخلی مشکی */
    background:
        linear-gradient(#000000, #000000) padding-box,
        linear-gradient(to bottom, #ffd000, #000000) border-box;

    border: 4px solid transparent;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a9e98cb */.pl-image-box {
    position: relative;
    display: inline-block;
    overflow: hidden;
    text-decoration: none;
}

.pl-image-box img {
    display: block;
    width: 100%;
    height: auto;
}

/* --- ربان --- */
.pl-ribbon-wrapper {
    position: absolute;
    top: 10%;
    left: -18%;
    width: 70%;
    aspect-ratio: 1/0.22;
    transform: rotate(-45deg);
    z-index: 10;
    pointer-events: none;
}

.pl-ribbon-bg {
    position: absolute;
    inset: 0;
    background: #FF9800;
}

.pl-ribbon-text {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--ribbon-font-size, 14px);  /* مقیاس‌پذیر */
    font-weight: 500;
    color: #000;
    text-align: center;
}

/* هاور */
.pl-image-box {
    overflow: hidden;
    position: relative;
    isolation: isolate;
}

.pl-image-box img {
    transition: transform 0.35s ease;
    transform-origin: center;
    backface-visibility: hidden;
    will-plange: transform;
}

.pl-image-box:hover img {
    transform: scale(1.05);
}

/* --- تبلت --- */
@media (max-width: 768px) {
    .pl-ribbon-wrapper {
        width: 60%;
        left: -14%;
        top: 10%;
    }
    .pl-ribbon-text {
        font-size: var(--ribbon-font-size-tablet, 14px);
    }
}

/* --- موبایل کوچک --- */
@media (max-width: 480px) {
    .pl-ribbon-wrapper {
        width: 60%;
        left: -15%;
        top: 10%;
    }
    .pl-ribbon-text {
        font-size: var(--ribbon-font-size-mobile, 9px);
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ec4eef6 *//* حالت عادی */
.elementor-4402 .elementor-element.elementor-element-ec4eef6 .elementor-button {
    font-family: "ir-s", sans-serif;;
    border-radius: 36px;

    /* پس‌زمینه داخلی مشکی */
    background:
        linear-gradient(#000000, #000000) padding-box,
        linear-gradient(to bottom, #31f300, #000000) border-box;

    border: 4px solid transparent;
}/* End custom CSS */