body{background:#fff ;margin:0;padding:0;font:14px ramin;direction:rtl;color:#777}
@font-face 
{
	font-family:'ram';font-style:normal;font-weight:normal;
	src:url('../font/Shabnam.woff') format('woff');
	src:url('../font/Shabnam.ttf') format('truetype');
}
@font-face 
{
	font-family:'ramin';font-style:normal;font-weight:normal;
	src:url('../font/Shabnam.woff') format('woff');
	src:url('../font/Shabnam.ttf') format('truetype');

}
@font-face 
{
	font-family:'raminb';font-style:normal;font-weight:normal;
	src:url('../font/Shabnam-Bold.woff') format('woff');
	src:url('../font/Shabnam-Bold.ttf') format('truetype');

}








/*________________________ Root __________________________*/
:root {	
	--color1: #ff9d43;

}


.color1{color: var(--color1) !important;}
.bg1{background: var(--color1) !important;background:#ff9d43}






/*________________________ Master __________________________*/
.mainplaceholder{margin-top:150px;margin-bottom:150px;boorder:solid 1px red;min-height:500px}

.icon-mobile{display:none;}

.header{padding:12px 5%;position:fixed;left:0;right:0;top:0;background:#fff;z-index:100;font-size:0}
.header *{boorder:solid 1px red;vertical-align:top;}
.header-right{display:inline-block;width:200px;boorder:solid 1px blue}
.header-center{display:inline-block;width:calc(100% - 500px);border:soolid 1px blue}
.header-left{display:inline-block;width:300px;border:soolid 1px blue}


.header img{width:100%;}
.header h2{font:18px raminb;display:block;text-align:center;}

.header-center{padding-right:20px;}
.header-link:first-child{margin-right:0;}
.header-link{display:inline-block;margin:0 20px;color:#555;font-size:16px;}
.header-link i{text-align:center;display:block; color:#ccc;font-size:20px;margin-bottom:5px;}

.searchbox{background:#f5f5f5;border-radius:15px;margin-top:28px;height:50px;padding:3px 10px;}
.searchbox input[type=text]{border:none;padding:8px;width:calc(100% - 36px);vertical-align:top;font-size:18px;background:#f5f5f5;}
.searchbox a{display:inline-block;background:var(--color1);color:#fff;width:36px;height:36px;border-radius:50%;text-align:center;line-height:35px;font-size:20px;margin-top:4px;}


.header-left-address{position:relative;text-align:left;padding:7px 0;padding-left:40px;margin-bottom:3px;}
.header-left-address:before{content:'';display:block;background:#e8f3f3;border-radius:10px;width:30px;height:30px;left:0;position:absolute;top:0;transform:rotate(15deg)}
.header-left-address i{position:absolute;left:0;width:30px;text-align:center;color:#777;font-size:16px;}


.header-left{direction:ltr}
.header-left a{height:50px;width:50px;text-align:center;line-height:48px; display:inline-block;border-radius:15px;background:#f5f5f5;color:#777;font-size:24px;margin-right:10px;margin-top:5px;position:relative;}
.header-left a span{border-radius:10px;position:absolute;right:-10px;bottom:-7px; font:13px ram;padding:2px 4px;min-width:22px;text-align:center;}
.header-left-offer{margin-top:11px !important;border:solid 2px #cc8cff}

.header-left b{
    position: absolute;bottom:-6px;right:0;
    width: 10px;
    height: 10px;
    background-color: #ff2d2d;
    border-radius: 50%;
    box-shadow: 0 0 0 rgba(255, 45, 45, 0.7);
    animation: pulse 3.2s infinite;
  }

@keyframes pulse {
0% {box-shadow: 0 0 0 0 rgba(255, 45, 45, 0.7);}
40% {box-shadow: 0 0 0 10px rgba(255, 45, 45, 0);}
100% {box-shadow: 0 0 0 0 rgba(255, 45, 45, 0);}
}
.header-left-login{width:150px !important;; background:var(--color1) !important;color:#fff !important;font-size:16px !important;}
.header-left-profile{background:#fff !important;font-size:16px !important;height:50px;line-height:27px;color:#eb005e !important;border:solid 1px #bbb;}
.header-left-profile i{color:#eb005e !important;margin:0 7px;}




/*----------------------- Foooter ---------------------*/
.footer{box-shadow:0 -10px 15px RGBA(0,0,0,0.05);color:#b6a18c;background:#fffcf7 url(../images/def-slider-bg-tehran.png)repeat-x bottom;background-size:contain; padding-top:15px;position:relative;z-index:100;}

.footer-curve{width:auto;margin:0 auto; ;filter: drop-shadow(0 -15px 10px rgba(0,0,0,0.05));z-index:111;
			 position:absolute;text-align:center;top:-88px;left:50%;margin-left:-175px;}
.footer-curve-logo{width:150px;margin:0 auto; position:absolute;top:-65px;left:50%;margin-left:-75px;z-index:112}

.footer-top div{display:inline-block;float:right;width:25%;text-align:center;}
.footer-top i{padding:5px 0;font-size:25px;display:block;color:#7a6d5a;}
.footer-top span {display:block;color:#b6a995;font:13px ram}

.footer-part h4{font:14px ramin;background:#ebddce;color:#806d58; border-radius:7px;padding:2px 15px;display:inline-block;margin-bottom:12px;}

.footer-part1 a{display:block;color:#b29b83;margin:5px 0;font:14px ram}
.footer-part1 a:before{content:'\f111';margin-left:5px; font:10px fonticon;}
.footer-part1 a:hover{color:#ebceb0}

.footer-part4 img{width:40%;float:left;border-radius:40px;box-shadow:0 0 18px RGBA(0,0,0,0.9);margin-right:15px;}

.footer-callme i{margin:8px 0 0 5px;display:inline-block;}


.footer-majazi{display:block;margin:0 auto;width:300px;text-align:center;color:#aca59b;font:15px ram}
.footer-majazi a{display:inline-block; width:60px; height:60px; transition: all 0.3s ; -moz-transition:all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;}
.footer-majazi a:hover{filter:drop-shadow(0px 7px 7px rgba(0,0,0,0.3));transform: scale(1.08)}
.telegram{background:url(../images/majazi.png) 0 0 !important;}
.inista{background:url(../images/majazi.png) -60px 0 !important;}
.aparat{background:url(../images/majazi.png) -120px 0 !important;}
.whats{background:url(../images/majazi.png) -180px 0 !important;}
.eata{background:url(../images/majazi.png) -240px 0 !important;}














/*________________________ Default __________________________*/
.def-baner{height:400px; position:relative;booorder:solid 3px #000;overflow:hidden;background:url(../images/def-slider-bg-tehran.png)repeat-x;background-size:cover; }

.def-banner-slide{position:absolute;booorder:solid 1px red;top:30px;right:10%;text-align:center;}
.def-banner-slide h3{font:55px raminb;color:#666;}
.def-banner-slide h4{font:36px raminb;color:#00d9b8;margin:15px 0;}
.def-banner-slide a{box-shadow:0 10px 40px rgba(255, 125, 0,0.8);margin-top:20px;animation:sliderpulse 3s infinite}
@keyframes sliderpulse {
0% {box-shadow: 0 0 0 0 rgba(255, 148, 0, 0.7);}
40% {box-shadow: 0 0 0 15px rgba(255, 148, 0, 0.00);}
100% {box-shadow: 0 0 0 0 rgba(255, 148, 0, 0.00);}
}

.def-baner-leftimg{position:absolute;left:5%;top:10px;width:400px;}
.def-baner-line{position:absolute;left:4%;top:10px;width:400px;z-index:-1;animation:def-baner-line 10s ease-in-out infinite}
.def-baner-circles{position:absolute;right:-350px;top:-130px; animation:def-baner-circle 100s linear infinite;transform:  rotate(0);z-index:-1;opacity:0.5}
@keyframes def-baner-circle {
  0% { transform:  rotate(0);}
  100% { transform:  rotate(360deg);}
}

@keyframes def-baner-line {
  0% { left:4%}
  50% { left:8%}
  100% { left:4%}
}







.box-4{padding:30px 5%;font-size:0;}
.box-4-box{display:inline-block; width:22%;margin-left:4%; background:#fafafa;padding:25px 0;border-radius:10px;vertical-align:top;}
.box-4-box:last-child{margin-left:0;}
.box-4-box i{float:right;margin-right:-20px;margin-top:5px; display:block;width:50px;height:50px;background:#eb005e;color:#fff;font-size:22px;text-align:center;line-height:48px;border-radius:5px;}
.box-4-box b{font:18px raminb; display:block;margin-right:50px;color:#555;margin-bottom:10px;}
.box-4-box span{font:16px ram;display:block;margin-right:50px;color:#aaa;}

.box4-1 i{background:#ff568a;box-shadow:0 0 30px #ff568a}
.box4-2 i{background:#A4DE79;box-shadow:0 0 30px #A4DE79}
.box4-3 i{background:#FECD6D;box-shadow:0 0 30px #FECD6D}
.box4-4 i{background:#65dbf1;box-shadow:0 0 30px #65dbf1}












.def-about{margin:30px 5%;font-size:0;}
.def-about-right{display:inline-block;width:calc(100% - 40%);padding-left:10%;vertical-align:top;padding-top:30px;}
.def-about-title{font:32px raminb;color:#ff6d00;margin-bottom:10px;}
.def-about-right h3{font:26px raminb;color:red;margin-top:30px;}
.def-about-right label{display:block; font:16px ramin;color:#aaa;line-height:30px;}

.def-about-left{display:inline-block; width:40%;vertical-align:top;}
.def-about-left img{width:80%}


.def-about-stoyy{width:90px;display:inline-block;margin:20px 20px;margin-right:0; text-align:center;boorder:solid 1px blue}
.def-about-stoyy span{display:block;font:14px ramin;color:#555;margin-top:10px;}
.def-about-stoyy:hover{transform:scale(1.07)}

.story-dashed{position:relative;border-radius:50%;}

.story-dashed img{width:90px;height:90px;border-radius:50%; object-fit:cover;border:solid 5px #fff;}
.story-dashed-fixed:before{border:solid 3px red !important}
.story-dashed::before {
  content: " ";
  position: absolute;
  inset: 0;
  transform:scale(1);
  border-radius: 50%;
  border:dashed 3px red;
  animation:spinnn 2s linear infinite
}

@keyframes spinnn {
  0% {    transform: rotate(0deg);  }
  100% {    transform: rotate(36deg);  }
}









.def-news{background:#fffbf7;padding:70px 10%;padding-left:15%;;}
.def-news-box{background:#fff;box-shadow:0 0 25px rgba(0,0,0,0.1);padding:40px;border-radius:10px;height:480px;}
.dn-right-side{width:350px;display:inline-block;boorder:solid 1px red;}
.dn-left-side{width:calc(100% - 355px);display:inline-block;vertical-align:top;padding-right:40px;position:relative;}

.dn-right-side a{background:#fafafa;display:block;padding:20px 10px;color:#888;line-height:45px;border-radius:15px;margin-bottom:15px;}
.dn-right-side a img{float:right;width:50px;height:50px;object-fit:cover;border-radius:15px;margin-left:10px;}
.dn-right-side a i{float:left;font-size:22px;color:#eee}
.dn-right-side-active{background:#fff5e3 !important}
.dn-right-side-active i{color:#ff9400 !important;animation:dn-left-icon 3s linear infinite}


@keyframes dn-left-icon {
  0% { margin-left:0}
  90% {margin-left:-30px;opacity:0.3}
  100% {margin-left:0px;opacity:0}
}

.dn-left-box{position:absolute;right:20px;boorder:solid 1px red;visibility:hidden;opacity:0}
.dn-left-box img{position:absolute;top:40px;left:-25%;;border-radius:15px;width:40%;height:320px;object-fit:cover;}
.dn-left-box h3{font:36px ramin;color:#888;margin-bottom:30px;}
.dn-left-box h3 i{color:#ff9400;float:right;margin-top:7px;margin-left:10px;}
.dn-left-box span{font:18px ramin;color:#aaa;line-height:35px;display:block;margin-left:22%;}
.dn-left-box b{font:14px ramin;color:#777; display:block;padding:7px 0;line-height:22px;}
.dn-left-box b:before{content:'\21';color:#9dd763;font:20px fonticon;margin-left:10px;float:right;}

.dn-left-box-active{visibility:visible !important;opacity:1}







/* def Teacher */
.def-teacher{margin:40px 5%;font-size:0;}
.def-teacher h5{margin-bottom:130px;color:#ff9400;font:28px raminb;}
.dt-box{display:inline-block;background:#fff;border-radius:10px;padding-bottom:20px;width:18%;margin-left:2.5%; box-shadow:0 0 20px rgba(0,0,0,0.1);text-align:center;}
.dt-box:last-child{margin-left:0;}
.dt-box img{width:70%;height:250px;object-fit:cover;display:block;margin:0 auto;margin-top:-100px;border-radius:15px;}
.dt-box b{display:block;font:18px raminb;padding:10px 0;color:#444}
.dt-box div i{font-size:20px;margin:15px 3px;color:#ffbc01}
.dt-box a{display:inline-block;background:#fff;color:#78cb00;padding:7px 15px;border-radius:7px;;font-size:14px;}
.dt-box a:hover{;background:#78cb00;color:#fff;}
.dt-box:hover > img{transform:scale(1.05)}






/* def panel */
.def-panel{margin:80px 20%;padding:45px 60px; border:solid 5px #fff;border-radius:15px;background:#FFF6EB;box-shadow:0 0 40px rgba(255, 148, 0, 0.2);position:relative;}
.def-panel img{position:absolute;inset:-10% auto auto -20%;width:50%;transition: transform 0.2s ease-out;}
.def-panel h3{color:#333;margin-bottom:10px;font:38px ramin;}
.def-panel span{color:#555;margin-bottom:10px;font:18px ramin;display:block;width:60%;}
.def-panel label{color:#555;display:inline-block;padding:10px 0;margin-left:25px;  }
.def-panel label i{color:orange;margin-left:7px;  }
.def-panel a{display:inline-block;margin:30px;margin-bottom:0; background:#ff9400;color:#fff;padding:15px 30px;border-radius:10px;font-size:18px;box-shadow:0 0 40px rgba(255, 148, 0, 0.5) }











/* def comment Std ____________________________ with AI _____*/ 
:root{
--gap: 40px;
--visible: 3; /* تعداد کارت‌های قابل نمایش */
--card-border-radius: 12px;
--card-bg: #ffffff;
--track-bg: #f2f5f8;
--card-padding:30px;
}
.carousel-wrap{
margin:0;
padding:80px 5%;background:url(../images/comment-bg.png) fixed;
direction:ltr;
}


.carousel{
border-radius:16px;
padding:50px 50px;
overflow:hidden;
box-shadow:0 0px 18px rgba(0,0,0,0.1);
backgroudnd:rgba(255,255,255,0.01);backdrop-filter:blur(4px);
}
.carousel h2{font:26px raminb;text-align:right;color:#555;padding-bottom: 30px;border-radius:20px 20px 0 0 ;display:block;direction:rtl;}

.viewport{
overflow:hidden; /* مخفی کردن چیزهایی که بیرون هستند */
}

.track{
display:flex;
gap:var(--gap);
align-items:stretch;
/* we'll move the track using transform */
}

.card{
flex: 0 0 calc((100% - (var(--visible) - 1) * var(--gap)) / var(--visible));
background:var(--card-bg);
border-radius:var(--card-border-radius);
padding:var(--card-padding);
min-height:130px;
display:flex;
flex-direction:column;
justify-content:space-between;
direction:rtl;
}

.quote{font-size:15px;line-height:1.5;margin-bottom:12px;color:#0f172aef;}

.meta{display:flex;align-items:center;gap:10px;}

.avatar{width:44px;height:44px;border-radius:50%;background:#dbeafe;display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:#1e293b}

.name{font-weight:700;font-size:14px}
.role{font-size:13px;color:#475569}

/* responsive: وقتی فضا کمتر شد، تعداد مرئی را کمتر کن */
@media (max-width:900px){
:root{--visible:2}
}
@media (max-width:520px){
:root{--visible:1}
}

/* optional small controls */
.controls{display:flex;gap:8px;margin-top:12px;justify-content:center}
.btn{display:inline-block;width:50px;height:50px;font-size:24px;border-radius:8px; line-height:38px; background:#fff;cursor:pointer;border:solid 1px #ccc;}
.btn:hover{background:#fff5e8;}






































.anim-border{animation: anim-border 3s linear infinite;}
@keyframes anim-border {
  0% {  }
  18% { border:solid 2px red }

  28% { border:solid 2px green }
  100% {  }
}







.shake{animation: shake 3s linear infinite;}
@keyframes shake {
  0% {  }
  18% { transform:  rotate(0deg); }
  20% { transform:  rotate(-15deg); }
  21% { transform:  rotate(15deg); }
  22% { transform:  rotate(0deg); }
  24% { transform:  rotate(15deg); }
  26% { transform:  rotate(-15deg); }
  28% { transform:  rotate(0deg); }
  100% {  }
}










.mobile-menu{display:none;}
.popup-menu-mobile{display:none}







@media only screen and (max-width:700px) {
.mainplaceholder{margin-top:80px;margin-bottom:10px;}

.header{padding:10px 0 0 0;boorder:solid 1px red;}
.header h2{display:none;;}
.header-right{width:120px;boorder:solid 1px red;}
.header-center{width:calc(100% - 240px);padding:0;}
.header-left{width:120px;boorder:solid 1px red;}
.searchbox{margin-top:0;}
.searchbox input[type=text]::placeholder{font:13px ramin;}
.responsive1{display:none;}

.header-left *{display:none !important;}
.header-left-address{display:none;}
.icon-mobile{height:50px;width:50px;text-align:center;line-height:48px; display:inline-block !important;border-radius:15px;background:#f5f5f5;color:#777;font-size:24px;margin-left:15px;margin-top:0px;position:relative;}

.footer-top div{width:33%;margin-bottom:15px}
.footer-part h4{;padding:2px 15px;display:inline-block;margin:12px 0;}
.responsive2{display:block;color:#ffa461 !important}

/*________________________ Default __________________________*/
.def-baner{height:600px;background:url(../images/def-slider-bg-tehran.png)repeat-x;background-size:cover; background-size:100%;background-position:bottom;}
.def-banner-slide{top:30px;right:0;left:0;}
.def-banner-slide h3{font:36px raminb;}
.def-banner-slide h4{font:26px raminb;}

.def-baner-leftimg{left:50%;margin-left:-200px; top:auto;bottom:0; width:400px;}
.def-baner-line{opacity:0.3;}


.box-4{padding:30px 20px;}
.box-4-box{display:block; width:auto !important;margin:10px !important;margin-right:20px !important; background:#fafafa;padding:25px 0;border-radius:10px;vertical-align:top;}



.def-about{margin:30px 20px;}
.def-about-right{display:block;width:auto;padding-left:0;padding-top:0px;}
.def-about-left{display:none;}
.responsive3{text-align:center;}





.def-news{padding:70px 20px;}
.def-news-box{padding:30px 20px;height:680px;boorder:solid 1px red;}
.dn-right-side{width:100%;display:inline-block;boorder:solid 1px red;}
.dn-right-side a{font-size:0;width:22%;margin:0 1%; text-align:center;display:inline-block;padding:10px 5px !important;color:#888;line-height:0;}
.dn-right-side a img{float:none;margin-left:0;}
.dn-right-side a i{display:none;}

.dn-left-side{width:100%;padding-right:0;}
.dn-left-box{position:absolute;right:0;left:0;width:100%; boorder:solid 1px blue;visibildity:hidden;opadcity:0}

.dn-left-box img{position:relative;top:10px;left:0;width:90%;margin:0 auto;display:block; height:150px;object-fit:cover;}
.dn-left-box h3{font:20px ramin;margin:20px;color:#333}
.dn-left-box h3 i{margin-top:4px;}
.dn-left-box span{font:16px ramin;color:#777;line-height:30px;margin-left:0;}
.dn-right-side-active{border:solid 1px #ff9400}


/* def Teacher */
.def-teacher{margin:40px 20px;}
.def-teacher h5{margin-bottom:20px;}
.dt-box{padding-bottom:20px;width:45%;margin:40px 2%;}
.dt-box img{height:120px;margin-top:-40px;}

.dt-box:nth-child(5){display:none;} /*فقط 4 تا باکس نمایش بده*/







.def-panel{margin:80px 20px;padding:45px 30px;padding-top:120px;}
.def-panel img{position:absolute;inset:-20% 5% auto 0; width:80%;}
.def-panel h3{color:#333;margin-bottom:10px;font:24px raminb;}

.def-panel span{width:auto;}
.def-panel a{display:inline-block;margin:30px auto;padding:10px 25px;font-size:16px;}








.popup-menu-mobile{visibility:hidden;opacity:0; position:fixed;background:#fff;left:0;right:0;bottom:0;top:0;z-index:1110;display:block}
.popup-menu-mobile-logo{width:50%;margin:20px auto;display:block;}
.popup-menu-mobile h3{border-bottom:dashed 2px #ffded2;padding-bottom:20px;margin:0 10%;color:#444;}
.popup-menu-mobile a{display:block;padding:15px 20px;color:#777;font-size:18px;text-align:center;}

.popup-menu-close{position:fixed;top:15px;left:20px;}
.pmm-img{display:inline-block;width:70px;height:70px; border-radius:50%;object-fit:cover;text-align:center;border:solid 3px #fff;box-shadow:0 0 0px 3px red;margin:25px 1%}

}