.elementor-7 .elementor-element.elementor-element-49694bc{--display:flex;--min-height:0px;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-7 .elementor-element.elementor-element-009dc9a .elementor-repeater-item-82932e9 .swiper-slide-bg{background-color:#000000;background-image:url(https://artroya.ir/wp-content/uploads/2026/08/2147483648_-210026.jpg);background-size:cover;}.elementor-7 .elementor-element.elementor-element-009dc9a .elementor-repeater-item-4225333 .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://artroya.ir/wp-content/uploads/2026/08/2147483648_-210022.jpg);background-size:cover;}.elementor-7 .elementor-element.elementor-element-009dc9a .swiper-slide{transition-duration:calc(5000ms*1.2);height:415px;}.elementor-7 .elementor-element.elementor-element-009dc9a{border-radius:40px 40px 40px 40px;box-shadow:0px 0px 35px 16px rgba(0,0,0,0.5);}.elementor-7 .elementor-element.elementor-element-009dc9a .swiper-slide-contents{max-width:66%;text-shadow:0px 0px 42px rgba(0,0,0,0.3);}.elementor-7 .elementor-element.elementor-element-009dc9a .swiper-slide-inner{text-align:center;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-7 .elementor-element.elementor-element-4efa6c5{--divider-border-style:solid;--divider-color:#0000000D;--divider-border-width:1px;}.elementor-7 .elementor-element.elementor-element-4efa6c5 .elementor-divider-separator{width:100%;}.elementor-7 .elementor-element.elementor-element-4efa6c5 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-7 .elementor-element.elementor-element-5da3e01{--display:flex;--min-height:0px;--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;--overlay-opacity:0.5;}.elementor-7 .elementor-element.elementor-element-5da3e01::before, .elementor-7 .elementor-element.elementor-element-5da3e01 > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-5da3e01 > .e-con-inner > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-5da3e01 > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-5da3e01 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-5da3e01 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-7 .elementor-element.elementor-element-8d5a905{--display:flex;}.elementor-7 .elementor-element.elementor-element-90ca9e3{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-7 .elementor-element.elementor-element-90ca9e3 .elementor-divider-separator{width:2%;margin:0 auto;margin-center:0;}.elementor-7 .elementor-element.elementor-element-90ca9e3 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-7 .elementor-element.elementor-element-8cf8042{--e-image-carousel-slides-to-show:3;}.elementor-7 .elementor-element.elementor-element-ce0047d{--display:flex;}.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-7 .elementor-element.elementor-element-7be37f5 .elementor-button{background-color:#F0F3F100;fill:#1F0303;color:#1F0303;box-shadow:-3px 0px 10px 0px rgba(27.200000000000014, 18.042173913043484, 19.371054111531194, 0.96);}.elementor-7 .elementor-element.elementor-element-7be37f5 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-7 .elementor-element.elementor-element-1b1a29a{--divider-border-style:solid;--divider-color:#000000;--divider-border-width:1px;}.elementor-7 .elementor-element.elementor-element-1b1a29a .elementor-divider-separator{width:6%;margin:0 auto;margin-center:0;}.elementor-7 .elementor-element.elementor-element-1b1a29a .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-7 .elementor-element.elementor-element-19262ec .elementor-button{background-color:#000000;}.elementor-7 .elementor-element.elementor-element-59ce796 .elementor-button{background-color:#000000;}.elementor-7 .elementor-element.elementor-element-517ad84{--display:flex;}.elementor-7 .elementor-element.elementor-element-0df1916{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-7 .elementor-element.elementor-element-0df1916 .elementor-divider-separator{width:65%;margin:0 auto;margin-center:0;}.elementor-7 .elementor-element.elementor-element-0df1916 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-7 .elementor-element.elementor-element-1e0624b{--display:flex;--min-height:148px;}.elementor-7 .elementor-element.elementor-element-1e0624b:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-1e0624b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://artroya.ir/wp-content/uploads/2026/08/2147483648_-210014-1.jpg");}.elementor-7 .elementor-element.elementor-element-bdb6198 .elementor-button{background-color:#000000;font-family:"Open Sans Hebrew", Sans-serif;font-weight:500;letter-spacing:-2px;}.elementor-7 .elementor-element.elementor-element-e976b74{--display:flex;}@media(min-width:768px){.elementor-7 .elementor-element.elementor-element-5da3e01{--width:42%;}}@media(max-width:767px){.elementor-7 .elementor-element.elementor-element-009dc9a{border-radius:45px 45px 45px 45px;}.elementor-7 .elementor-element.elementor-element-009dc9a .swiper-slide{height:282px;}.elementor-7 .elementor-element.elementor-element-5da3e01{--min-height:173px;}.elementor-7 .elementor-element.elementor-element-90ca9e3 .elementor-divider-separator{width:28%;}.elementor-7 .elementor-element.elementor-element-8cf8042{--e-image-carousel-slides-to-show:3;margin:9px 9px calc(var(--kit-widget-spacing, 0px) + 9px) 9px;padding:-53px -53px -53px -53px;}.elementor-7 .elementor-element.elementor-element-8cf8042.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-7 .elementor-element.elementor-element-8cf8042 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-7 .elementor-element.elementor-element-8cf8042 .elementor-swiper-button.elementor-swiper-button-next{font-size:17px;}.elementor-7 .elementor-element.elementor-element-8cf8042 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:2px;--swiper-pagination-bullet-vertical-gap:2px;width:5px;height:5px;}}/* Start custom CSS for container, class: .elementor-element-49694bc *//* =========================
   ROYA DANA HEADER
   ========================= */

.roya-header {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 15% 50%, rgba(190, 150, 130, 0.12), transparent 28%),
        radial-gradient(circle at 85% 50%, rgba(220, 175, 165, 0.14), transparent 30%),
        linear-gradient(135deg, #fbf7f2 0%, #f5eee7 50%, #fbf8f5 100%);
    
    border-bottom: 1px solid rgba(120, 90, 75, 0.12);
    
    animation: royaHeaderEnter 1.2s ease-out both;
}


/* نور نرم و متحرک پشت هدر */

.roya-header::before {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    
    background: rgba(203, 155, 145, 0.12);
    filter: blur(45px);
    
    top: -130px;
    left: 8%;
    
    animation: royaGlow 7s ease-in-out infinite alternate;
    
    pointer-events: none;
}


/* یک نور دوم */

.roya-header::after {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    
    background: rgba(170, 130, 105, 0.10);
    filter: blur(50px);
    
    bottom: -140px;
    right: 12%;
    
    animation: royaGlow2 9s ease-in-out infinite alternate;
    
    pointer-events: none;
}


/* =========================
   ANIMATION
   ========================= */

@keyframes royaHeaderEnter {

    0% {
        opacity: 0;
        transform: translateY(-25px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}


@keyframes royaGlow {

    0% {
        transform: translate(0, 0) scale(1);
    }

    100% {
        transform: translate(90px, 25px) scale(1.35);
    }
}


@keyframes royaGlow2 {

    0% {
        transform: translate(0, 0) scale(1);
    }

    100% {
        transform: translate(-80px, -20px) scale(1.3);
    }
}


/* =========================
   MENU HOVER
   ========================= */

.roya-header .elementor-nav-menu a {
    position: relative;
    transition: all 0.3s ease;
}


/* خط ظریف زیر منو */

.roya-header .elementor-nav-menu a::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -5px;
    
    width: 0;
    height: 2px;
    
    background: #c98780;
    border-radius: 10px;
    
    transform: translateX(-50%);
    transition: width 0.3s ease;
}


.roya-header .elementor-nav-menu a:hover {
    color: #9d625c;
    transform: translateY(-2px);
}


.roya-header .elementor-nav-menu a:hover::after {
    width: 22px;
}


/* =========================
   BUTTON
   ========================= */

.roya-header .elementor-button {
    border-radius: 30px;
    transition: all 0.35s ease;
    box-shadow: 0 8px 20px rgba(160, 100, 90, 0.15);
}


.roya-header .elementor-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 25px rgba(160, 100, 90, 0.25);
}


/* =========================
   MOBILE
   ========================= */

@media (max-width: 767px) {

    .roya-header {
        padding: 12px 18px;
    }

    .roya-header::before {
        width: 180px;
        height: 180px;
    }

    .roya-header::after {
        width: 160px;
        height: 160px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5da3e01 */.elementor-7 .elementor-element.elementor-element-5da3e01 {
    animation: royaTitle 1.3s ease-out both;
}

.elementor-7 .elementor-element.elementor-element-5da3e01 .elementor-heading-title {
    transition: all 0.4s ease;
    text-shadow: 0 8px 25px rgba(0,0,0,0.12);
}

/* هاور */
.elementor-7 .elementor-element.elementor-element-5da3e01:hover .elementor-heading-title {
    letter-spacing: 3px;
    transform: translateY(-3px);
    text-shadow: 0 12px 30px rgba(0,0,0,0.18);
}

@keyframes royaTitle {
    from {
        opacity: 0;
        transform: translateY(25px);
        letter-spacing: 8px;
    }

    to {
        opacity: 1;
        transform: translateY(0);
        letter-spacing: normal;
    }
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-90ca9e3 */.elementor-7 .elementor-element.elementor-element-90ca9e3 {
    animation: royaTitle 1.3s ease-out both;
}

.elementor-7 .elementor-element.elementor-element-90ca9e3 .elementor-heading-title {
    transition: all 0.4s ease;
    text-shadow: 0 8px 25px rgba(0,0,0,0.12);
}

/* هاور */
.elementor-7 .elementor-element.elementor-element-90ca9e3:hover .elementor-heading-title {
    letter-spacing: 3px;
    transform: translateY(-3px);
    text-shadow: 0 12px 30px rgba(0,0,0,0.18);
}

@keyframes royaTitle {
    from {
        opacity: 0;
        transform: translateY(25px);
        letter-spacing: 8px;
    }

    to {
        opacity: 1;
        transform: translateY(0);
        letter-spacing: normal;
    }
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-8cf8042 */.elementor-7 .elementor-element.elementor-element-8cf8042 .swiper-slide {
    transition: all 0.5s ease;
}

.elementor-7 .elementor-element.elementor-element-8cf8042 .swiper-slide img {
    width: 100%;
    height: 420px;
    object-fit: cover;
    border-radius: 22px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.15);
    transition: all 0.5s ease;
}

/* عکس وسط برجسته‌تر */
.elementor-7 .elementor-element.elementor-element-8cf8042 .swiper-slide-active img {
    transform: scale(1.03);
    box-shadow: 0 20px 45px rgba(0,0,0,0.22);
}

/* افکت هاور */
.elementor-7 .elementor-element.elementor-element-8cf8042 .swiper-slide img:hover {
    transform: scale(1.04);
}
/* موبایل */
@media (max-width: 767px) {
    .elementor-7 .elementor-element.elementor-element-8cf8042 .swiper-slide img {
        height: 300px;
        border-radius: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8d5a905 */.elementor-7 .elementor-element.elementor-element-8d5a905 {
    animation: royaTitle 1.3s ease-out both;
}

.elementor-7 .elementor-element.elementor-element-8d5a905 .elementor-heading-title {
    transition: all 0.4s ease;
    text-shadow: 0 8px 25px rgba(0,0,0,0.12);
}

/* هاور */
.elementor-7 .elementor-element.elementor-element-8d5a905:hover .elementor-heading-title {
    letter-spacing: 3px;
    transform: translateY(-3px);
    text-shadow: 0 12px 30px rgba(0,0,0,0.18);
}

@keyframes royaTitle {
    from {
        opacity: 0;
        transform: translateY(25px);
        letter-spacing: 8px;
    }

    to {
        opacity: 1;
        transform: translateY(0);
        letter-spacing: normal;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce0047d */.elementor-7 .elementor-element.elementor-element-ce0047d {
    animation: royaTitle 1.3s ease-out both;
}

.elementor-7 .elementor-element.elementor-element-ce0047d .elementor-heading-title {
    transition: all 0.4s ease;
    text-shadow: 0 8px 25px rgba(0,0,0,0.12);
}

/* هاور */
.elementor-7 .elementor-element.elementor-element-ce0047d:hover .elementor-heading-title {
    letter-spacing: 3px;
    transform: translateY(-3px);
    text-shadow: 0 12px 30px rgba(0,0,0,0.18);
}

@keyframes royaTitle {
    from {
        opacity: 0;
        transform: translateY(25px);
        letter-spacing: 8px;
    }

    to {
        opacity: 1;
        transform: translateY(0);
        letter-spacing: normal;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-517ad84 */.elementor-7 .elementor-element.elementor-element-517ad84 {
    animation: royaTitle 1.3s ease-out both;
}

.elementor-7 .elementor-element.elementor-element-517ad84 .elementor-heading-title {
    transition: all 0.4s ease;
    text-shadow: 0 8px 25px rgba(0,0,0,0.12);
}

/* هاور */
.elementor-7 .elementor-element.elementor-element-517ad84:hover .elementor-heading-title {
    letter-spacing: 3px;
    transform: translateY(-3px);
    text-shadow: 0 12px 30px rgba(0,0,0,0.18);
}

@keyframes royaTitle {
    from {
        opacity: 0;
        transform: translateY(25px);
        letter-spacing: 8px;
    }

    to {
        opacity: 1;
        transform: translateY(0);
        letter-spacing: normal;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1e0624b */.elementor-7 .elementor-element.elementor-element-1e0624b {
    animation: royaTitle 1.3s ease-out both;
}

.elementor-7 .elementor-element.elementor-element-1e0624b .elementor-heading-title {
    transition: all 0.4s ease;
    text-shadow: 0 8px 25px rgba(0,0,0,0.12);
}

/* هاور */
.elementor-7 .elementor-element.elementor-element-1e0624b:hover .elementor-heading-title {
    letter-spacing: 3px;
    transform: translateY(-3px);
    text-shadow: 0 12px 30px rgba(0,0,0,0.18);
}

@keyframes royaTitle {
    from {
        opacity: 0;
        transform: translateY(25px);
        letter-spacing: 8px;
    }

    to {
        opacity: 1;
        transform: translateY(0);
        letter-spacing: normal;
    }
}/* End custom CSS */
/* Start custom CSS *//* ===== انیمیشن ورود صفحه ===== */

.hero {
    animation: heroEnter 1.2s ease-out forwards;
}

@keyframes heroEnter {
    from {
        opacity: 0;
        transform: translateY(35px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* عنوان */
.hero h1 {
    animation: titleEnter 1s ease-out 0.3s both;
}

@keyframes titleEnter {
    from {
        opacity: 0;
        transform: translateY(25px);
        letter-spacing: 8px;
    }

    to {
        opacity: 1;
        transform: translateY(0);
        letter-spacing: normal;
    }
}

/* متن */
.hero p {
    animation: textEnter 1s ease-out 0.6s both;
}

@keyframes textEnter {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* دکمه */
.hero .btn {
    animation: buttonEnter 1s ease-out 0.9s both;
}

@keyframes buttonEnter {
    from {
        opacity: 0;
        transform: scale(0.8);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}/* End custom CSS */