.elementor-908 .elementor-element.elementor-element-a8e3fb1{--display:flex;}.elementor-908 .elementor-element.elementor-element-6b57c22{--display:flex;}.elementor-908 .elementor-element.elementor-element-223509a{--display:flex;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-908 .elementor-element.elementor-element-9399e49{--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;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-908 .elementor-element.elementor-element-c8cf7be{margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-908 .elementor-element.elementor-element-c8cf7be .elementor-heading-title{font-family:"digibold", Sans-serif;font-size:30px;font-weight:600;color:var( --e-global-color-86279ff );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;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-908 .elementor-element.elementor-element-a472f82{font-family:"iran sens", Sans-serif;font-size:18px;font-weight:400;line-height:30px;letter-spacing:4.7px;color:var( --e-global-color-secondary );}.elementor-908 .elementor-element.elementor-element-83ee710{--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;}.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-908 .elementor-element.elementor-element-b6260cb img{width:60%;}.elementor-908 .elementor-element.elementor-element-f201154{--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;}.elementor-908 .elementor-element.elementor-element-29bd6c3{--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;}.elementor-908 .elementor-element.elementor-element-a761c1d{--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;}.elementor-908 .elementor-element.elementor-element-a761c1d:not(.elementor-motion-effects-element-type-background), .elementor-908 .elementor-element.elementor-element-a761c1d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://benaresh.org/wp-content/uploads/2026/07/ChatGPT-Image-Jul-29-2026-08_20_39-AM-1.png");background-position:-59px 408px;}.elementor-908 .elementor-element.elementor-element-ae1f48b{--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;}.elementor-908 .elementor-element.elementor-element-ae1f48b:not(.elementor-motion-effects-element-type-background), .elementor-908 .elementor-element.elementor-element-ae1f48b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://benaresh.org/wp-content/uploads/2026/07/ChatGPT-Image-Jul-29-2026-08_20_39-AM-1.png");background-position:-59px 408px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-908 .elementor-element.elementor-element-a761c1d:not(.elementor-motion-effects-element-type-background), .elementor-908 .elementor-element.elementor-element-a761c1d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-908 .elementor-element.elementor-element-ae1f48b:not(.elementor-motion-effects-element-type-background), .elementor-908 .elementor-element.elementor-element-ae1f48b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(min-width:768px){.elementor-908 .elementor-element.elementor-element-9399e49{--width:66.6666%;}.elementor-908 .elementor-element.elementor-element-83ee710{--width:33.3333%;}}@media(max-width:767px){.elementor-908 .elementor-element.elementor-element-29bd6c3{--min-height:100vh;}.elementor-908 .elementor-element.elementor-element-a761c1d:not(.elementor-motion-effects-element-type-background), .elementor-908 .elementor-element.elementor-element-a761c1d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-908 .elementor-element.elementor-element-ae1f48b{--min-height:0vh;--margin-top:1815px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-908 .elementor-element.elementor-element-ae1f48b:not(.elementor-motion-effects-element-type-background), .elementor-908 .elementor-element.elementor-element-ae1f48b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}/* Start custom CSS for html, class: .elementor-element-2bfb34f *//* ==========================
   CUSTOM SQUARE CURSOR
========================== */


body,
a,
button,
.bn-link,
.bn-dropdown a{

    cursor:none;

}



.bn-cursor{

    position:fixed;

    width:14px;

    height:14px;

    background:#111;

    pointer-events:none;

    z-index:999999;


    transform:translate(-50%,-50%);


    transition:

    width .25s ease,
    height .25s ease,
    background .25s ease;

}




/* هاور روی لینک ها */

body:has(a:hover) .bn-cursor,
body:has(button:hover) .bn-cursor{


    width:28px;

    height:28px;

    background:#827d55;


}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a472f82 */.bn-about-text p{

    text-align:justify;

    direction:rtl;

    line-height:2.2;

    word-spacing:2px;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-064b2b0 */<style>


@font-face{

font-family:'Digibold';

src:url('https://benaresh.org/wp-content/uploads/2026/06/DIGI-RASTIN-BOLD-1.ttf');

}



.bn-team{

width:100%;

padding:80px 30px;

background:#fff;

}



.bn-team-grid{

max-width:1200px;

margin:auto;

display:grid;

grid-template-columns:repeat(3,1fr);

gap:30px;

}




.bn-card{


position:relative;


aspect-ratio:1/1;


background:white;


border:1px dashed #111;


display:flex;


flex-direction:column;


align-items:center;


justify-content:center;


overflow:hidden;


cursor:pointer;


transition:.5s ease;


}



.bn-card:hover{

transform:translateY(-6px);

}





/* آیکون */


.bn-avatar svg{


width:90px;


height:90px;


fill:none;


stroke:#111;


stroke-width:1.5;


}





.bn-name{


margin-top:25px;


font-family:'Digibold';


font-size:18px;


color:#111;


}







/* اطلاعات */

.bn-role{


position:absolute;


inset:0;


background:#fff;


display:flex;


flex-direction:column;


align-items:center;


justify-content:center;


text-align:center;


padding:30px;



opacity:0;


transition:.5s ease;


}





.bn-role h3{


font-family:'Digibold';


font-size:22px;


margin-bottom:15px;


color:#111;


}




.bn-role p{


font-family:'Digibold';


font-size:13px;


line-height:2;


color:#555;


max-width:230px;


}






/* هاور دسکتاپ */


@media(min-width:769px){


.bn-card:hover .bn-role{


opacity:1;


}



}






/* تبلت */


@media(max-width:1000px){


.bn-team-grid{


grid-template-columns:repeat(2,1fr);

}


}






/* موبایل */


@media(max-width:768px){


.bn-team{


padding:50px 20px;


}



.bn-team-grid{


grid-template-columns:1fr;


gap:20px;


}



.bn-card{


aspect-ratio:1/1;


}



.bn-role{


opacity:0;


}



.bn-card.active .bn-role{


opacity:1;


}



.bn-name{


font-size:16px;


}


}



</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4d6e017 *//* ==========================
   CUSTOM SQUARE CURSOR
========================== */


body,
a,
button,
.bn-link,
.bn-dropdown a{

    cursor:none;

}



.bn-cursor{

    position:fixed;

    width:14px;

    height:14px;

    background:#111;

    pointer-events:none;

    z-index:999999;


    transform:translate(-50%,-50%);


    transition:

    width .25s ease,
    height .25s ease,
    background .25s ease;

}




/* هاور روی لینک ها */

body:has(a:hover) .bn-cursor,
body:has(button:hover) .bn-cursor{


    width:28px;

    height:28px;

    background:#827d55;


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-949b5b9 */<style>


@font-face{

font-family:Digibold;

src:url("https://benaresh.org/wp-content/uploads/2026/06/DIGI-RASTIN-BOLD-1.ttf");

}




/* =========================
   CONTACT WRAPPER
========================= */


.bn-contact-box{


width:340px;

height:340px;


position:relative;


margin:auto;


font-family:Digibold,sans-serif;


}





/* =========================
   CENTER
========================= */


.bn-contact-center{


position:absolute;


left:50%;

top:50%;


transform:translate(-50%,-50%);



width:120px;

height:120px;



background:#111;



color:#fff;



display:flex;


align-items:center;


justify-content:center;



font-size:18px;



cursor:pointer;



z-index:5;



transition:.35s ease;


}





.bn-contact-center:hover{


background:#827d55;


}





/* =========================
   OPTIONS
========================= */


.bn-contact-option{


position:absolute;


left:50%;

top:50%;



width:65px;

height:65px;



background:#827d55;



border:0;



border-radius:0;



display:flex;


align-items:center;


justify-content:center;



opacity:0;


pointer-events:none;



transform:translate(-50%,-50%) scale(.5);



transition:

.65s cubic-bezier(.16,1,.3,1);



text-decoration:none;


}




.bn-contact-option svg{


width:27px;

height:27px;



stroke:#fff;


fill:none;



stroke-width:1.6;



stroke-linecap:round;


stroke-linejoin:round;



transition:.3s;


}





/* =========================
   OPEN ON HOVER
========================= */


.bn-contact-box:hover 
.bn-contact-option{


opacity:1;


pointer-events:auto;


}





.bn-contact-box:hover 
.bn-contact-instagram{


transform:
translate(-50%,-150px)
scale(1);


}





.bn-contact-box:hover 
.bn-contact-linkedin{


transform:
translate(85px,-50%)
scale(1);


}





.bn-contact-box:hover 
.bn-contact-phone{


transform:
translate(-50%,85px)
scale(1);


}





.bn-contact-box:hover 
.bn-contact-map{


transform:
translate(-150px,-50%)
scale(1);


}







/* =========================
   ICON HOVER
========================= */


.bn-contact-option:hover{


background:#111;


}





.bn-contact-option:hover svg{


transform:scale(1.1);


}





/* =========================
   POPUP
========================= */


.bn-contact-popup{


position:fixed;


inset:0;



background:rgba(130,125,85,.92);



display:flex;


align-items:center;


justify-content:center;



opacity:0;


visibility:hidden;



transition:.4s;



z-index:999999;


}





.bn-contact-popup.active{


opacity:1;


visibility:visible;


}







.bn-contact-popup-card{


width:350px;


background:#fff;


padding:40px;



position:relative;



font-family:Digibold,sans-serif;



transform:

translateY(30px)
scale(.95);



opacity:0;



transition:.45s cubic-bezier(.16,1,.3,1);


}





.bn-contact-popup.active 
.bn-contact-popup-card{


transform:

translateY(0)
scale(1);



opacity:1;


}






.bn-contact-popup-card h2{


text-align:center;


font-size:25px;


margin-bottom:30px;


color:#111;


}





.bn-contact-close{


position:absolute;


right:15px;


top:10px;



background:none;


border:0;



font-size:30px;



cursor:pointer;


color:#111;


}





#bnLinks{


display:flex;


flex-direction:column;


gap:12px;


}





#bnLinks a{


height:50px;


border:1px solid #111;



display:flex;


align-items:center;


justify-content:center;



text-decoration:none;


color:#111;



font-family:Digibold,sans-serif;



transition:.3s;


}





#bnLinks a:hover{


background:#827d55;


color:#fff;


}





/* =========================
   MOBILE
========================= */


@media(max-width:600px){


.bn-contact-box{


width:250px;

height:250px;


}



.bn-contact-center{


width:95px;


height:95px;


font-size:15px;


}



.bn-contact-option{


width:55px;

height:55px;


}



.bn-contact-option svg{


width:22px;


height:22px;


}





.bn-contact-box:hover 
.bn-contact-instagram{


transform:

translate(-50%,-115px)
scale(1);


}





.bn-contact-box:hover 
.bn-contact-linkedin{


transform:

translate(65px,-50%)
scale(1);


}





.bn-contact-box:hover 
.bn-contact-phone{


transform:

translate(-50%,65px)
scale(1);


}





.bn-contact-box:hover 
.bn-contact-map{


transform:

translate(-115px,-50%)
scale(1);


}




.bn-contact-popup-card{


width:85%;


padding:30px;


}


}

/* =========================
   FINAL PREMIUM TOUCH
========================= */


/* فاصله کمی بیشتر از مربع اصلی */

.bn-contact-option{

will-change:transform,opacity;

}





/* ورود نرم‌تر هر مربع */


.bn-contact-box:hover 
.bn-contact-instagram{

transition-delay:.05s;

}



.bn-contact-box:hover 
.bn-contact-linkedin{

transition-delay:.12s;

}



.bn-contact-box:hover 
.bn-contact-phone{

transition-delay:.18s;

}



.bn-contact-box:hover 
.bn-contact-map{

transition-delay:.25s;

}






/* حرکت خیلی ظریف هنگام باز شدن */


.bn-contact-box:hover 
.bn-contact-option{


filter:blur(0);


}






/* حالت خروج نرم */

.bn-contact-option{


transition:

opacity .4s ease,

transform .7s cubic-bezier(.16,1,.3,1),

background .3s ease;


}





/* پاپ آپ ورود حرفه ای‌تر */


.bn-contact-popup-card{


box-shadow:

0 30px 80px rgba(0,0,0,.15);


}





.bn-contact-close:hover{


background:#827d55;


color:#fff;


}







/* موبایل - جلوگیری از خروج از صفحه */


@media(max-width:600px){


.bn-contact-box{


overflow:visible;


}



.bn-contact-popup{


padding:20px;


}


}
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f0d93d4 */<style>


@font-face{

font-family:Digibold;

src:url("https://benaresh.org/wp-content/uploads/2026/06/DIGI-RASTIN-BOLD-1.ttf");

}




/* =========================
   CONTACT WRAPPER
========================= */


.bn-contact-box{


width:340px;

height:340px;


position:relative;


margin:auto;


font-family:Digibold,sans-serif;


}





/* =========================
   CENTER
========================= */


.bn-contact-center{


position:absolute;


left:50%;

top:50%;


transform:translate(-50%,-50%);



width:120px;

height:120px;



background:#111;



color:#fff;



display:flex;


align-items:center;


justify-content:center;



font-size:18px;



cursor:pointer;



z-index:5;



transition:.35s ease;


}





.bn-contact-center:hover{


background:#827d55;


}





/* =========================
   OPTIONS
========================= */


.bn-contact-option{


position:absolute;


left:50%;

top:50%;



width:65px;

height:65px;



background:#827d55;



border:0;



border-radius:0;



display:flex;


align-items:center;


justify-content:center;



opacity:0;


pointer-events:none;



transform:translate(-50%,-50%) scale(.5);



transition:

.65s cubic-bezier(.16,1,.3,1);



text-decoration:none;


}




.bn-contact-option svg{


width:27px;

height:27px;



stroke:#fff;


fill:none;



stroke-width:1.6;



stroke-linecap:round;


stroke-linejoin:round;



transition:.3s;


}





/* =========================
   OPEN ON HOVER
========================= */


.bn-contact-box:hover 
.bn-contact-option{


opacity:1;


pointer-events:auto;


}





.bn-contact-box:hover 
.bn-contact-instagram{


transform:
translate(-50%,-150px)
scale(1);


}





.bn-contact-box:hover 
.bn-contact-linkedin{


transform:
translate(85px,-50%)
scale(1);


}





.bn-contact-box:hover 
.bn-contact-phone{


transform:
translate(-50%,85px)
scale(1);


}





.bn-contact-box:hover 
.bn-contact-map{


transform:
translate(-150px,-50%)
scale(1);


}







/* =========================
   ICON HOVER
========================= */


.bn-contact-option:hover{


background:#111;


}





.bn-contact-option:hover svg{


transform:scale(1.1);


}





/* =========================
   POPUP
========================= */


.bn-contact-popup{


position:fixed;


inset:0;



background:rgba(130,125,85,.92);



display:flex;


align-items:center;


justify-content:center;



opacity:0;


visibility:hidden;



transition:.4s;



z-index:999999;


}





.bn-contact-popup.active{


opacity:1;


visibility:visible;


}







.bn-contact-popup-card{


width:350px;


background:#fff;


padding:40px;



position:relative;



font-family:Digibold,sans-serif;



transform:

translateY(30px)
scale(.95);



opacity:0;



transition:.45s cubic-bezier(.16,1,.3,1);


}





.bn-contact-popup.active 
.bn-contact-popup-card{


transform:

translateY(0)
scale(1);



opacity:1;


}






.bn-contact-popup-card h2{


text-align:center;


font-size:25px;


margin-bottom:30px;


color:#111;


}





.bn-contact-close{


position:absolute;


right:15px;


top:10px;



background:none;


border:0;



font-size:30px;



cursor:pointer;


color:#111;


}





#bnLinks{


display:flex;


flex-direction:column;


gap:12px;


}





#bnLinks a{


height:50px;


border:1px solid #111;



display:flex;


align-items:center;


justify-content:center;



text-decoration:none;


color:#111;



font-family:Digibold,sans-serif;



transition:.3s;


}





#bnLinks a:hover{


background:#827d55;


color:#fff;


}





/* =========================
   MOBILE
========================= */


@media(max-width:600px){


.bn-contact-box{


width:250px;

height:250px;


}



.bn-contact-center{


width:95px;


height:95px;


font-size:15px;


}



.bn-contact-option{


width:55px;

height:55px;


}



.bn-contact-option svg{


width:22px;


height:22px;


}





.bn-contact-box:hover 
.bn-contact-instagram{


transform:

translate(-50%,-115px)
scale(1);


}





.bn-contact-box:hover 
.bn-contact-linkedin{


transform:

translate(65px,-50%)
scale(1);


}





.bn-contact-box:hover 
.bn-contact-phone{


transform:

translate(-50%,65px)
scale(1);


}





.bn-contact-box:hover 
.bn-contact-map{


transform:

translate(-115px,-50%)
scale(1);


}




.bn-contact-popup-card{


width:85%;


padding:30px;


}


}

/* =========================
   FINAL PREMIUM TOUCH
========================= */


/* فاصله کمی بیشتر از مربع اصلی */

.bn-contact-option{

will-change:transform,opacity;

}





/* ورود نرم‌تر هر مربع */


.bn-contact-box:hover 
.bn-contact-instagram{

transition-delay:.05s;

}



.bn-contact-box:hover 
.bn-contact-linkedin{

transition-delay:.12s;

}



.bn-contact-box:hover 
.bn-contact-phone{

transition-delay:.18s;

}



.bn-contact-box:hover 
.bn-contact-map{

transition-delay:.25s;

}






/* حرکت خیلی ظریف هنگام باز شدن */


.bn-contact-box:hover 
.bn-contact-option{


filter:blur(0);


}






/* حالت خروج نرم */

.bn-contact-option{


transition:

opacity .4s ease,

transform .7s cubic-bezier(.16,1,.3,1),

background .3s ease;


}





/* پاپ آپ ورود حرفه ای‌تر */


.bn-contact-popup-card{


box-shadow:

0 30px 80px rgba(0,0,0,.15);


}





.bn-contact-close:hover{


background:#827d55;


color:#fff;


}







/* موبایل - جلوگیری از خروج از صفحه */


@media(max-width:600px){


.bn-contact-box{


overflow:visible;


}



.bn-contact-popup{


padding:20px;


}


}
</style>/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'digibold';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://benaresh.org/wp-content/uploads/2026/06/DIGI-RASTIN-BOLD-1.ttf') format('truetype');
}
@font-face {
	font-family: 'digibold';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: ;
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'iran sens';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://benaresh.org/wp-content/uploads/2026/06/Iranian-Sans.ttf') format('truetype');
}
/* End Custom Fonts CSS */