.elementor-28 .elementor-element.elementor-element-329df18{--display:flex;--min-height:100vh;--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;--justify-content:center;--align-items:center;}.elementor-28 .elementor-element.elementor-element-1fe7b9c{--display:flex;}.elementor-28 .elementor-element.elementor-element-b231864{--display:flex;--justify-content:space-around;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-feature-settings:var( --e-global-typography-text-font-feature-settings );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-853346e{--display:flex;}.elementor-28 .elementor-element.elementor-element-4ffad8a{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-28 .elementor-element.elementor-element-5d6f799{--display:flex;--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;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-28 .elementor-element.elementor-element-990fe1e.elementor-element{--align-self:center;}.elementor-28 .elementor-element.elementor-element-990fe1e{text-align:center;}}/* Start custom CSS for container, class: .elementor-element-1fe7b9c *//*==========================
        LOGO
===========================*/

.elementor-28 .elementor-element.elementor-element-1fe7b9c .rj-logo{

position:relative;

width:280px;

height:280px;

display:flex;

justify-content:center;

align-items:center;

margin:0 auto 50px;

}

.elementor-28 .elementor-element.elementor-element-1fe7b9c .rj-logo-glow{

position:absolute;

width:240px;

height:240px;

border-radius:50%;

background:radial-gradient(circle,
rgba(214,179,106,.28),
rgba(214,179,106,.10),
transparent 72%);

filter:blur(30px);

animation:rjGlow 6s ease-in-out infinite;

}

.elementor-28 .elementor-element.elementor-element-1fe7b9c .rj-logo-ring{

position:absolute;

width:250px;

height:250px;

border-radius:50%;

border:1px solid rgba(214,179,106,.22);

}

.elementor-28 .elementor-element.elementor-element-1fe7b9c .rj-logo-ring::before{

content:"";

position:absolute;

inset:12px;

border-radius:50%;

border:1px solid rgba(214,179,106,.12);

}

.elementor-28 .elementor-element.elementor-element-1fe7b9c .rj-logo-image{

position:relative;

z-index:3;

width:170px;

height:170px;

display:flex;

justify-content:center;

align-items:center;

}

.elementor-28 .elementor-element.elementor-element-1fe7b9c .rj-logo-image img{

width:100%;

height:auto;

display:block;

filter:drop-shadow(0 15px 35px rgba(0,0,0,.35));

}

@keyframes rjGlow{

0%,100%{

transform:scale(1);

opacity:.9;

}

50%{

transform:scale(1.08);

opacity:1;

}

}

/*=========================
      SHAMSA
=========================*/

.elementor-28 .elementor-element.elementor-element-1fe7b9c .rj-shamsa{

position:absolute;

width:360px;

height:360px;

display:flex;

justify-content:center;

align-items:center;

z-index:1;

opacity:.45;

animation:rjRotate 70s linear infinite;

}

.elementor-28 .elementor-element.elementor-element-1fe7b9c .rj-shamsa svg{

width:100%;

height:100%;

overflow:visible;

}

.elementor-28 .elementor-element.elementor-element-1fe7b9c .rj-shamsa circle{

fill:none;

stroke:#d6b36a;

stroke-width:1.2;

}

.elementor-28 .elementor-element.elementor-element-1fe7b9c .rj-shamsa line{

stroke:#d6b36a;

stroke-width:1.5;

stroke-linecap:round;

}

@keyframes rjRotate{

from{

transform:rotate(0deg);

}

to{

transform:rotate(360deg);

}

}


/*==========================
ISLAMIC PATTERN
==========================*/

.elementor-28 .elementor-element.elementor-element-1fe7b9c .rj-pattern{

position:absolute;

width:900px;

height:900px;

display:flex;

justify-content:center;

align-items:center;

opacity:.045;

z-index:0;

animation:rjFloat 18s ease-in-out infinite;

}

.elementor-28 .elementor-element.elementor-element-1fe7b9c .rj-pattern svg{

width:100%;

height:100%;

}

.elementor-28 .elementor-element.elementor-element-1fe7b9c .rj-pattern path{

fill:none;

stroke:#d6b36a;

stroke-width:1.6;

}

.elementor-28 .elementor-element.elementor-element-1fe7b9c .rj-pattern circle{

fill:none;

stroke:#d6b36a;

stroke-width:1.4;

}

@keyframes rjFloat{

0%,100%{

transform:translateY(0px) scale(1);

}

50%{

transform:translateY(-18px) scale(1.03);

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d27a317 */.elementor-28 .elementor-element.elementor-element-d27a317{
    display:flex;
    justify-content:center;
    align-items:center;
}

.rj-hero-buttons{
    display:flex;
    gap:22px;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
}

.rj-btn{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-width:210px;
    height:62px;

    padding:0 34px;

    border-radius:60px;

    font-family:"Vazirmatn",sans-serif;
    font-size:17px;
    font-weight:700;
    letter-spacing:.2px;

    text-decoration:none;

    transition:.35s ease;

    overflow:hidden;
}

.rj-btn span{
    position:relative;
    z-index:2;
}

/* دکمه اصلی */

.rj-btn-primary{

    color:#1E4A40;

    background:linear-gradient(
        135deg,
        #E5C98B,
        #D4B06D
    );

    box-shadow:
        0 12px 35px rgba(212,176,109,.28),
        inset 0 1px 1px rgba(255,255,255,.45);

}

.rj-btn-primary::before{

    content:"";

    position:absolute;

    top:0;
    left:-120%;

    width:70%;
    height:100%;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.45),
        transparent
    );

    transform:skewX(-25deg);

    transition:.7s;

}

.rj-btn-primary:hover::before{

    left:150%;

}

.rj-btn-primary:hover{

    transform:translateY(-5px);

    box-shadow:
        0 18px 45px rgba(212,176,109,.40);

}

/* دکمه دوم */

.rj-btn-outline{

    color:#F8F5EE;

    border:1px solid rgba(212,176,109,.55);

    background:rgba(255,255,255,.03);

    backdrop-filter:blur(10px);

}

.rj-btn-outline:hover{

    background:rgba(212,176,109,.10);

    border-color:#D4B06D;

    color:#D4B06D;

    transform:translateY(-5px);

    box-shadow:
        0 10px 35px rgba(0,0,0,.18);

}

@media(max-width:767px){

    .rj-hero-buttons{

        flex-direction:column;

        width:100%;

    }

    .rj-btn{

        width:100%;
        max-width:320px;

        font-size:16px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ffad8a */.rj-clock-card{

position:relative;

max-width:520px;
width:100%;

margin:auto;

padding:40px 30px;

background:rgba(255,255,255,.06);

border:1px solid rgba(212,176,109,.25);

border-radius:28px;

overflow:hidden;

text-align:center;

backdrop-filter:blur(10px);

box-shadow:0 20px 50px rgba(0,0,0,.15);

}

/* نور پشت ساعت */

.rj-clock-glow{

position:absolute;

left:50%;

top:-120px;

transform:translateX(-50%);

width:360px;

height:360px;

border-radius:50%;

background:radial-gradient(circle,
rgba(212,176,109,.20),
transparent 72%);

animation:rjGlow 6s ease-in-out infinite;

}

/* شمسه */

.rj-clock-shamsa{

position:relative;

z-index:2;

font-size:28px;

color:#D4B06D;

margin-bottom:14px;

animation:rjRotate 60s linear infinite;

}

/* ساعت */

.rj-clock-time{

position:relative;

z-index:2;

font-family:Vazirmatn;

font-size:60px;

font-weight:700;

color:#FFFFFF;

line-height:1.1;

text-shadow:0 0 20px rgba(212,176,109,.25);

}

/* خط */

.rj-clock-divider{

width:100px;

height:2px;

margin:22px auto;

background:linear-gradient(90deg,
transparent,
#D4B06D,
transparent);

}

/* روز */

.rj-clock-day{

font-family:Shabnam;

font-size:23px;

color:#F5D27B;

margin-bottom:8px;

}

/* تاریخ ها */

.rj-clock-date,
.rj-clock-hijri{

font-family:Vazirmatn;

font-size:18px;

color:#EEE4CF;

margin:6px 0;

}

/* میلادی */

.rj-clock-miladi{

direction:ltr;

unicode-bidi:isolate;

font-family:Arial,sans-serif;

font-size:18px;

color:#EEE4CF;

margin-top:10px;

letter-spacing:.5px;

}

/* نور */

@keyframes rjGlow{

0%,100%{

transform:translateX(-50%) scale(1);

opacity:.7;

}

50%{

transform:translateX(-50%) scale(1.1);

opacity:1;

}

}

/* چرخش شمسه */

@keyframes rjRotate{

from{

transform:rotate(0deg);

}

to{

transform:rotate(360deg);

}

}

/* موبایل */

@media(max-width:767px){

.rj-clock-card{

padding:30px 18px;

}

.rj-clock-time{

font-size:42px;

}

.rj-clock-day{

font-size:20px;

}

.rj-clock-date,
.rj-clock-hijri,
.rj-clock-miladi{

font-size:15px;

}

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-329df18 */.elementor-28 .elementor-element.elementor-element-329df18{
    position:relative;
    overflow:hidden;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;

    min-height:100vh;
    padding:50px 40px 180px;

    background:linear-gradient(
        180deg,
        #173B34 0%,
        #1E4A40 35%,
        #27564A 70%,
        #2F6052 100%
    );
}

/* الگوی پس‌زمینه */
.elementor-28 .elementor-element.elementor-element-329df18::before{
    content:"";
    position:absolute;

    top:-500px;
    left:-500px;
    right:-500px;
    bottom:-500px;

    background-image:
        radial-gradient(circle,
            rgba(212,176,109,.10) 1px,
            transparent 1px);

    background-size:34px 34px;

    opacity:.45;

    pointer-events:none;

    z-index:1;
}

/* نور پشت لوگو */
.elementor-28 .elementor-element.elementor-element-329df18::after{
    content:"";
    position:absolute;

    left:50%;
    top:-260px;
    transform:translateX(-50%);

    width:1000px;
    height:1000px;

    border-radius:50%;

    background:
        radial-gradient(circle,
            rgba(212,176,109,.30) 0%,
            rgba(212,176,109,.12) 35%,
            transparent 72%);

    filter:blur(35px);

    pointer-events:none;

    z-index:1;
}

.elementor-28 .elementor-element.elementor-element-329df18 > *{
    position:relative;
    z-index:2;
}



/*بک گراند پشت */ 

.elementor-28 .elementor-element.elementor-element-329df18::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    opacity:.12;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cg fill='none' stroke='%23D4B06D' stroke-width='1.1' opacity='.35'%3E%3Cpath d='M110 18 L126 62 L170 78 L126 94 L110 138 L94 94 L50 78 L94 62 Z'/%3E%3Ccircle cx='110' cy='78' r='20'/%3E%3Cpath d='M18 110H202'/%3E%3Cpath d='M110 18V202'/%3E%3C/g%3E%3C/svg%3E");

    background-repeat:repeat;
    background-size:220px 220px;
    background-position:center center;
}/* End custom CSS */