.elementor-100861 .elementor-element.elementor-element-01c8e7b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-100861 .elementor-element.elementor-element-13805fd{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-100861 .elementor-element.elementor-element-dad619e{--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--swiper-slides-gap:10px;}@media(min-width:768px){.elementor-100861 .elementor-element.elementor-element-13805fd{--width:90%;}}@media(max-width:767px){.elementor-100861 .elementor-element.elementor-element-01c8e7b{--z-index:0;}.elementor-100861 .elementor-element.elementor-element-c791bdf{z-index:1;}.elementor-100861 .elementor-element.elementor-element-13805fd{--width:90%;--z-index:2;}}/* Start custom CSS for container, class: .elementor-element-01c8e7b *//* کانتینر نگهدارنده کل گوشی */
.elementor-100861 .elementor-element.elementor-element-01c8e7b {
    --phone-width: 400px; /* عرض گوشی را اینجا تنظیم کنید */
    --aspect-ratio: 800 / 400.9; /* مطابق با viewBox فایل شما */
    position: relative;
    width: var(--phone-width);
    margin: auto;
}

/* استایل فایل SVG */
.elementor-100861 .elementor-element.elementor-element-01c8e7b .phone-frame svg {
    width: 100%;
    height: auto;
    display: block;
}

/* کانتینر محتوا که باید داخل گوشی بیفتد */
.elementor-100861 .elementor-element.elementor-element-01c8e7b .phone-content {
    position: absolute;
    /* این مقادیر را بر اساس طرح گوشی خود کمی بالا و پایین کنید */
    top: 2%; 
    left: 4.5%;
    right: 4.5%;
    bottom: 2%;
    
    /* گرد کردن لبه‌های محتوا متناسب با گوشی */
    border-radius: 40px; 
    overflow: hidden;
    z-index: 1;
}

/* ریسپانسیو کردن برای موبایل */
@media (max-width: 767px) {
    .elementor-100861 .elementor-element.elementor-element-01c8e7b {
        --phone-width: 280px;
    }
}/* End custom CSS */