.elementor-24 .elementor-element.elementor-element-79dae75{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:65px 65px;--row-gap:65px;--column-gap:65px;--padding-top:0px;--padding-bottom:0px;--padding-left:80px;--padding-right:80px;}.elementor-24 .elementor-element.elementor-element-55ad493{--display:flex;--min-height:250px;--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;--justify-content:center;--border-radius:48px 48px 48px 48px;--margin-top:145px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:100px;--padding-right:100px;}.elementor-24 .elementor-element.elementor-element-55ad493:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-55ad493 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://noghtecode.ir/wp-content/uploads/2026/06/Group-3961115.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-24 .elementor-element.elementor-element-9a36ff5{--display:flex;--justify-content:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-24 .elementor-element.elementor-element-36cc9d5 .elementor-heading-title{font-family:"Mikhak", Sans-serif;font-size:1.5rem;font-weight:900;color:var( --e-global-color-24d54c3 );}.elementor-24 .elementor-element.elementor-element-0bdc4ab .elementor-heading-title{font-family:"Mikhak", Sans-serif;font-size:1rem;font-weight:400;color:var( --e-global-color-24d54c3 );}.elementor-24 .elementor-element.elementor-element-208ee0b{--grid-template-columns:repeat(0, auto);text-align:right;--icon-size:20px;--grid-column-gap:10px;--grid-row-gap:0px;}.elementor-24 .elementor-element.elementor-element-208ee0b .elementor-social-icon{background-color:#FFFFFF54;--icon-padding:11px;}.elementor-24 .elementor-element.elementor-element-208ee0b .elementor-social-icon i{color:var( --e-global-color-a026fc9 );}.elementor-24 .elementor-element.elementor-element-208ee0b .elementor-social-icon svg{fill:var( --e-global-color-a026fc9 );}.elementor-24 .elementor-element.elementor-element-208ee0b .elementor-icon{border-radius:14px 14px 14px 14px;}.elementor-24 .elementor-element.elementor-element-95538e5{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.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-24 .elementor-element.elementor-element-3096416{--display:flex;}@media(min-width:768px){.elementor-24 .elementor-element.elementor-element-95538e5{--width:30%;}}@media(max-width:1024px){.elementor-24 .elementor-element.elementor-element-79dae75{--padding-top:0px;--padding-bottom:0px;--padding-left:25px;--padding-right:25px;}.elementor-24 .elementor-element.elementor-element-55ad493{--padding-top:0px;--padding-bottom:0px;--padding-left:25px;--padding-right:25px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-24 .elementor-element.elementor-element-0bdc4ab{width:var( --container-widget-width, 360px );max-width:360px;--container-widget-width:360px;--container-widget-flex-grow:0;}.elementor-24 .elementor-element.elementor-element-0bdc4ab .elementor-heading-title{line-height:1.5em;}}@media(max-width:767px){.elementor-24 .elementor-element.elementor-element-79dae75{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-24 .elementor-element.elementor-element-55ad493{--min-height:400px;--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;--justify-content:flex-end;--border-radius:24px 24px 24px 24px;--margin-top:35px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-24 .elementor-element.elementor-element-9a36ff5{--width:100%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-24 .elementor-element.elementor-element-36cc9d5 .elementor-heading-title{font-size:1.2rem;}.elementor-24 .elementor-element.elementor-element-0bdc4ab{text-align:justify;}.elementor-24 .elementor-element.elementor-element-0bdc4ab .elementor-heading-title{font-size:0.9rem;line-height:1.5em;}.elementor-24 .elementor-element.elementor-element-208ee0b{--icon-size:17px;}.elementor-24 .elementor-element.elementor-element-95538e5{--width:100%;}}/* Start custom CSS for image, class: .elementor-element-01c5a19 *//* =========================================================
   سکشن اصلی
========================================================= */

.elementor-element-55ad493 {
    position: relative !important;

    /*
     * در دسکتاپ گوشی اجازه دارد
     * از بالای سکشن بیرون بزند.
     */
    overflow: visible !important;
}


/* =========================================================
   DESKTOP
   کانتینر اصلی گوشی
========================================================= */

.elementor-element.elementor-element-95538e5 {
    position: absolute !important;

    /*
     * جای کل مجموعه گوشی
     */
    left: 90px !important;
    top: -155px !important;
    right: auto !important;

    /*
     * انتهای ماسک برابر انتهای سکشن
     */
    bottom: 0 !important;

    width: 380px !important;
    height: auto !important;

    /*
     * گوشه‌های گوشی نباید قیچی شوند
     */
    overflow: visible !important;

    /*
     * فقط پایین گوشی در انتهای سکشن بریده شود
     */
    clip-path: inset(
        -500px
        -500px
        0
        -500px
    );

    z-index: 5 !important;
    pointer-events: none !important;
}


/* =========================================================
   خود ویجت تصویر گوشی
========================================================= */

.elementor-element.elementor-element-01c5a19 {
    position: absolute !important;

    left: 35px !important;
    top: 5px !important;
    right: auto !important;
    bottom: auto !important;

    z-index: 6 !important;

    /*
     * زاویه گوشی در دسکتاپ
     */
    transform: rotate(-14deg) !important;
    transform-origin: center center !important;
}


/* =========================================================
   خود تصویر
========================================================= */

.elementor-element.elementor-element-01c5a19 img {
    width: 260px !important;
    max-width: none !important;
    height: auto !important;

    display: block !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-element.elementor-element-95538e5 {
        left: 10px !important;
        top: -130px !important;
        right: auto !important;
        bottom: 0 !important;

        width: 350px !important;
        height: auto !important;

        overflow: visible !important;

        clip-path: inset(
            -500px
            -500px
            0
            -500px
        );
    }


    .elementor-element.elementor-element-01c5a19 {
        left: 30px !important;
        top: 10px !important;

        transform: rotate(-12deg) !important;
        transform-origin: center center !important;
    }


    .elementor-element.elementor-element-01c5a19 img {
        width: 245px !important;
        max-width: none !important;
        height: auto !important;
    }
}


/* =========================================================
   MOBILE
   مهم‌ترین قسمت
========================================================= */

@media (max-width: 767px) {

    /* -----------------------------------------------------
       سکشن اصلی در موبایل
    ----------------------------------------------------- */

    .elementor-element.elementor-element-55ad493 {

        /*
         * محتوا در موبایل زیر هم قرار بگیرد
         */
        display: flex !important;
        flex-direction: column !important;

        /*
         * اجازه نده چرخش گوشی باعث
         * اسکرول افقی صفحه شود
         */
        overflow-x: clip !important;

        /*
         * بالا و پایین سکشن
         */
        padding-top: 35px !important;
        padding-bottom: 35px !important;
    }


    /* -----------------------------------------------------
       کانتینر گوشی در موبایل

       نکته اصلی:
       absolute کاملاً حذف شده.
       بنابراین گوشی وارد جریان صفحه می‌شود
       و متن‌ها را به پایین هل می‌دهد.
    ----------------------------------------------------- */

    .elementor-element.elementor-element-95538e5 {
        position: relative !important;

        /*
         * هرگونه مقدار absolute قبلی را خنثی می‌کنیم
         */
        inset: auto !important;

        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;

        /*
         * گوشی در مرکز سکشن
         */
        margin-left: auto !important;
        margin-right: auto !important;

        /*
         * فاصله گوشی از متن زیر آن
         */
        margin-top: -105px !important;
        margin-bottom: 30px !important;

        width: 100% !important;
        max-width: 310px !important;

        /*
         * ارتفاع توسط خود تصویر ایجاد شود
         */
        height: auto !important;
        min-height: 0 !important;

        /*
         * transform دسکتاپ را حذف می‌کنیم
         */
        transform: none !important;

        /*
         * در موبایل دیگر ماسک دسکتاپ نیاز نداریم
         */
        clip-path: none !important;

        overflow: visible !important;

        /*
         * اگر والد Flex باشد،
         * گوشی اول محتوا قرار می‌گیرد.
         */
        order: -1 !important;

        z-index: 5 !important;
    }


    /* -----------------------------------------------------
       خود ویجت تصویر گوشی در موبایل

       این هم دیگر absolute نیست.
       در نتیجه ارتفاع واقعی تصویر
       در صفحه محاسبه می‌شود.
    ----------------------------------------------------- */

    .elementor-element.elementor-element-01c5a19 {
        position: relative !important;

        inset: auto !important;

        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;

        /*
         * گوشی وسط باشد
         */
        margin-left: auto !important;
        margin-right: auto !important;

        /*
         * زاویه گوشی
         */
        transform: rotate(-10deg) !important;

        transform-origin: center center !important;

        z-index: 6 !important;
    }


    /* -----------------------------------------------------
       اندازه گوشی در موبایل
    ----------------------------------------------------- */

    .elementor-element.elementor-element-01c5a19 img {
        /*
         * قبلاً 301px بود و خیلی بزرگ شده بود.
         * این مقدار برای موبایل کنترل‌شده‌تر است.
         */
        width: 230px !important;

        max-width: none !important;
        height: auto !important;

        display: block !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }
}


/* =========================================================
   موبایل‌های خیلی کوچک
   مثل عرض 320 تا 390 پیکسل
========================================================= */

@media (max-width: 390px) {

    .elementor-element.elementor-element-95538e5 {
        max-width: 280px !important;

        /*
         * میزان بیرون‌زدگی گوشی از بالای باکس
         */
        margin-top: -90px !important;

        margin-bottom: 15px !important;
    }


    .elementor-element.elementor-element-01c5a19 img {
        width: 210px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-79dae75 */.elementor-widget-n-accordion .e-n-accordion-item:not(:last-child) {
    margin-block-end: var(--n-accordion-item-title-space-between);
    background: white;
    border-radius: 22px;
}

span.e-n-accordion-item-title-icon {
    background: #F3F8FF;
    padding: 8px;
    border-radius: 20px;
}

span.elementor-counter-number {
    font-family: "Mikhak", Sans-serif !important;
}

/* کدهای تغییر رنگ متن هدینگ */
.fb-blue-heading {
    color: var(--e-global-color-primary);
    font-weight: 900;
}

.fb-blue-heading {
    color: #c06a45;
    font-weight: 700;
}

.elementor-24 .elementor-element.elementor-element-5cd8ee5 .elementor-heading-title {
    line-height: 2em;
}


.elementor-image-box-description {
    font-family: "Mikhak", Sans-serif !important;
}


.elementor-element-7eba129 .elementor-heading-title {
    font-family: "Mikhak", sans-serif !important;
    line-height: 1.5em;
}

.elementor-counter-title {
    font-family: "Mikhak", Sans-serif !important;
}

.elementor-24 .elementor-element.elementor-element-79dae75 p.price {
    margin: 0 !important;
    
}

span.woocommerce-Price-currencySymbol {
    font-size: 0.8em !important;
    padding-right: 5px !important;
    color: var(--e-global-color-b9faba6) !important;
}

.elementor-24 .elementor-element.elementor-element-79dae75 {
    overflow: visible;
}

.elementor-24 .elementor-element.elementor-element-79dae75 .swiper-wrapper,
.elementor-24 .elementor-element.elementor-element-79dae75 .swiper-slide {
    overflow: visible;
}/* End custom CSS */