body {
    font-family: IRANSans;
    font-weight: 500;
	overflow-x: hidden;
} 
h1{ font-family: tiyaam-bold;}
h2{ font-family: tiyaam-black;}
h3{ font-family: tiyaam-black;font-weight: normal;}
a{color: #000} 
:root{
    --color-bg-main: #FBFBFB;
    --color-bg-soft: #EFEDED;
    --color-accent-light: #F1E0B3;
    --color-accent: #EEC45E;
    --color-primary: #513191;
  --color-bg: #F5F2FF;
    
}
.container{width: 85%}
img{
max-width:100%;
height:auto;

}

.icon{
    width:20px;
    height:20px;
    fill:#fff;
    z-index: 4;
    position: relative;
  }

@font-face {
    font-family: tiyaam-bold;
    src: url("../../Fonts/abar/woff2/AbarMidFaNum-Bold.woff2") format("woff2"), url("../../Fonts/abar/woff/AbarMidFaNum-Bold.woff") format("woff");
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: tiyaam-black;
    src: url("../../Fonts/abar/woff2/AbarMidFaNum-Black.woff2") format("woff2"), url("../../Fonts/abar/woff/AbarMidFaNum-Black.woff") format("woff");
    font-style: normal;
    font-display: swap;
}  
@font-face {
    font-family: tiyaam-extrabold;
    src: url("../../Fonts/abar/woff2/AbarMidFaNum-ExtraBold.woff2") format("woff2"), url("../../Fonts/abar/woff/AbarMidFaNum-ExtraBold.woff") format("woff");
    font-style: normal;
    font-display: swap;
}  
@font-face {
    font-family: tiyaam-regular;
    src: url("../../Fonts/abar/woff2/AbarMidFaNum-Regular.woff2") format("woff2"), url("../../Fonts/abar/woff/AbarMidFaNum-Regular.woff") format("woff");
    font-style: normal;
    font-display: swap;
}    
@font-face {
    font-family: tiyaam-semibold;
    src: url("../../Fonts/abar/woff2/AbarMidFaNum-SemiBold.woff2") format("woff2"), url("../../Fonts/abar/woff/AbarMidFaNum-SemiBold.woff") format("woff");
    font-style: normal;
    font-display: swap;
}  
@font-face {
    font-family: tiyaam-special;
    src: url("../../Fonts/abar/woff2/DoranFaNum-ExtraBold.woff2") format("woff2"), url("../../Fonts/abar/woff/DoranFaNum-ExtraBold.woff") format("woff");
    font-style: normal;
    font-display: swap;
} 
  
/*widescreen*/
@media handheld, screen and (min-width: 641px){
	 #navigator > ul > li img {
	 float:right;
	 height: 64px;
 }
 /*added to give logo img background colour*/
 .logo {
	 height:100%;
 }
  .no_scroll{ overflow-y: hidden; }
  .abrir_menu{ display: none; }  

  #menu{
    max-width: 100%;/*960px;*/
    height: auto;
    margin: 0 auto;
	
    /*! border-bottom: solid 3px #7b7b7b; */
    }  
 
  #navigator{
    /*! height: 100%; */
    /*! line-height: 61px; */
		box-shadow: 0 7px 6px -7px #373435;
		-webkit-box-shadow: 0 7px 6px -7px #373435;
		-moz-box-shadow: 0 7px 6px -7px #373435;
    }
  
  
  #navigator .title{ display: none; }
  #navigator ul{ list-style: none; /*! height: 100%; */}
  #navigator > ul > li{   
    float: right;
    height: 100%;
    /*! line-height: 54px; */
    }
  
  #navigator > ul > li > a{
    color: #fff;
    font-family: IRANSans;
    text-transform: uppercase;
    /*! letter-spacing: 0.5px; */
    text-align: center;
    display: block;  
    font-size: 0.85vw;
    font-weight: 700;
    height: 100%;
    padding: 10px 0.7vw;
    line-height: 55px;
    }
  #navigator .hover{position: relative}
  #navigator .hover>a:after {
    content: "\e079";
    position: initial;
    top: 12px;
    display: inline-block;
    color: #838383;
    margin-right: 3px;
    font-family: "Glyphicons Halflings";
    font-size: 0.8vw;
	/*! line-height: 45px; */
  }
  #navigator > ul > li:hover > a{
    
  background: #a40000;
  color: #fff !important;
    }
    #navigator > ul > .logo:hover > a{    
  background: initial;
  color: initial !important;
    }
  
  #navigator ul li > ul,
  #navigator ul li li > ul,
  #navigator ul li li li > ul,
  #navigator ul li li li li> ul,
  #navigator ul li li li li li > ul{ display: none; }
  
  #navigator ul li:hover > ul,
  #navigator ul li li:hover > ul,
  #navigator ul li li li:hover > ul,
  #navigator ul li li li li:hover > ul,
  #navigator ul li li li li li:hover > ul{
    position: absolute;
    z-index: 10;
    width: 180px;
    line-height: 22px;
    display: block;
    /*! background: #020202; */
		
		box-shadow: 0 7px 6px -7px #373435;
		-webkit-box-shadow: 0 7px 6px -7px #373435;
		-moz-box-shadow: 0 7px 6px -7px #373435;
    height: auto;
    }
  
  #menu ul ul li ul{
    top: 0;
    right: 179px;
    min-height: 100%;
    border-right: 2px solid rgba(255,255,255,0.9);
  }
  
  #menu ul ul li{ position: relative; background: rgba(0,0,0,0.8);}
  #menu ul ul li a{
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    display: block;
    padding: 12px 7px;
    border-top: 1px solid rgba(255,255,255,0.15);
    border-bottom: 1px solid rgba(0,0,0,0.15);
    text-transform: uppercase;
    }
   
  #menu ul ul li:hover > a{ color: #f00 !important; }
  #menu ul ul li li:hover > a{}
  #menu ul ul li li li:hover > a{}
  #menu ul ul li li li li:hover > a{}
  #menu ul ul li li li li li:hover > a{}
}
.menu_aberto{/*! height: 100%; */}

/*mobile*/
@media handheld, screen and (max-width: 640px){
/*added by piccante for logo image*/
 #navigator > ul > li img {
	 display:none!important;
 }
 .logo {
	 display:none!important;
 }
  /* [ Open/Close =====================================*/
  /* ==================================================*/
  .abrir_menu{ display: block;}
  section {
	padding-top:61px;/*added by piccante to space mobile page content below menu*/
}
  .menu-icon{position: relative;}
  .menu-icon img {position: absolute; top: 1px; left: 5%}
  .abrir_menu span{
    color: #fbfbfb;
    font-size: 20px;
    text-align: center;
    letter-spacing: 5px;
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 61px;
    line-height: 61px;
    margin: 0 auto;
    display: block;
    cursor: pointer;
    background: #000 url() no-repeat 10px center;

    box-shadow: 0 7px 3px -7px #373435;
    -webkit-box-shadow: 0 7px 3px -7px #373435;
    -moz-box-shadow: 0 7px 3px -7px #373435;
    padding: 10px 25px;
    }
  
  .menu-icon div{text-align: left;}
 .abrir_menu span img {
	 max-height:61px;
	 text-align:center;
	 float:left;
 }
  
  .open > .abrir_menu{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: block; /*! background: rgba(0, 0, 0, 0.85); */ }
  .open > .abrir_menu span{ opacity: 0.1 !important; }
  
  .menu_aberto{
    position: fixed;
    z-index: 99;
    top: 0;
    left: -300px;
    width: 300px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    background: #0B0B0B;
    transition: 0.3s;

    box-shadow: -4px 0 15px 0px #373435;
    -webkit-box-shadow: -4px 0 15px 0px #373435;
    -moz-box-shadow: -4px 0 15px 0px #373435;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
  }
  .open > .menu_aberto{ left: 0; }	
  
  /* Open/Close ] =====================================*/
  /* ==================================================*/
  
  
  /* [ Menu ===========================================*/
  /* ==================================================*/
  #navigator .title{
    color: #acacac;
    font-size: 20px;
    text-transform: uppercase;
    /*! text-shadow: 0.8px 0.8px 3px #999; */
    height: 60px;
    line-height: 62px;
    display: block;
    padding: 0 20px;
    border-bottom: 1px solid rgba(0,0,0,0.045);
    background: #000 url() no-repeat 20px center;

    box-shadow: -4px 0 5px 0px #373435;
    -webkit-box-shadow: -4px 0 5px 0px #373435;
    -moz-box-shadow: -4px 0 5px 0px #373435;
    text-align: center;
  }

  #navigator ul li > ul,
  #navigator ul li li > ul,
  #navigator ul li li li > ul,
  #navigator ul li li li li > ul,
  #navigator ul li li li li li > ul{
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    border: none;
    background: rgba(0,0,0,0.1);

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
  }

  #navigator ul li{ float: none; display: block; text-align: center;}		
  #navigator ul li a{
    color: #fffdfd;
    font-size: 14px;
    display: block;
    padding: 20px;
    border-top: 1px solid rgba(255,255,255,0.045) !important;
    border-bottom: 1px solid rgba(0,0,0,0.045) !important;
  }

  #navigator > ul > li:hover > a{ color: #aaa; background: #F9F9F9; }
  #navigator li.hover a.parent:after { content: "\f0d9"; font-family: FontAwesome; margin:0 7px 0 0;}
  #navigator li:not(.hover) > a.parent:after{ content: "\f0d7"; font-family: FontAwesome; margin:0 7px 0 0;}

  /* Styles (Links/Hover/Ativo Sub Menu) ==============*/
  /* ==================================================*/
  #navigator > ul > li > .parent,
  #navigator > ul > li:hover > .parent,
  #navigator > ul > li.hover > .parent,

  #navigator ul li li > .parent,
  #navigator ul li li:hover > .parent,
  #navigator ul li li.hover > .parent{ background-repeat: no-repeat; background-position: 260px center; }

  #navigator > ul > li > .parent,
  #navigator > ul > li:hover > .parent{ color: #fff !important; background-color: inherit; background-image: url(); }	
  #navigator > ul > li.hover > .parent{ color: #fff !important; background-color: #000; background-image: url(); }	

  
  /* Styles (Links/Hover/Ativo Sub>Sub Menu) ==========*/
  /* ==================================================*/
  #navigator ul li li a{ color: #fdfcfc; font-size: 12px; background: #636363;}
  #navigator ul li li a:hover{ color: #fff !important; font-size: 13px; background: #000ccc;}
  #navigator ul li li > .parent,
  #navigator ul li li:hover > .parent{ color: #aaa; background-color: inherit; background-image: url(); }	
  #navigator ul li li.hover > .parent{ color: #fff; background-color: rgba(30, 30, 30, 0.8); background-image: url(); }
  #navigator .hover ul li li a {background: #2b2b2b;}
  .nav ul{ display: block; left: -9999px; }
  .nav li.hover > ul,
  .nav li li.hover > ul,
  .nav li li li.hover > ul,
  .nav li li li li.hover > ul,
  .nav li li li li li.hover > ul,
  .nav li li li li li li.hover > ul{
    position: static !important;
    display: none !important;
  }
  /* Menu ] ===========================================*/
  /* ==================================================*/
}

@media handheld, screen and (max-width: 480px){
	
  .open > .menu_aberto{ width: 200px; }
  #menu > ul > li > .parent,
  #menu > ul > li:hover > .parent,
  #menu > ul > li.hover > .parent,

  #menu ul li li > .parent,
  #menu ul li li:hover > .parent,
  #menu ul li li.hover > .parent{ background-repeat: no-repeat; background-position: 210px center; }
	
}

@media handheld, screen and (max-width: 319px){
	
  .open > .menu_aberto{ width: 90%; }
  #menu > ul > li > .parent,
  #menu > ul > li:hover > .parent,
  #menu > ul > li.hover > .parent,

  #menu ul li li > .parent,
  #menu ul li li:hover > .parent,
  #menu ul li li.hover > .parent{ background-repeat: no-repeat; background-position: 150px center; }

}










.header-top {
    background: var(--primary-color, #3a1a7a);
    color: #fff;
    padding: 8px 25px;
  border-radius: 20px 20px 0px 0px;
}

/* وسط‌چین عمودی تمام ستون‌ها */
.header-top .row {
    display: flex;
    align-items: center;      /* وسط عمودی */
    justify-content: space-between;
}

/* اطمینان از اینکه هر col اندازه خودش را نگه دارد */
.header-top .col-md-3,
.header-top .col-md-6 {/*! height: 59px; */}

.header-top .text-right {margin-top: 7px;text-align: right;}

.header-top .text-center {
    justify-content: center;
}

.header-top .text-left {
    justify-content: flex-start;
    text-align: center;
}

/* نمونه تنظیمات داخلی */
.site-logo img {
    height: 40px;
    margin-left: 8px;
}

.logo-text-box {
    font-size: 16px;
    /*! font-weight: 600; */
    color: var(--color-accent);
    font-family: tiyaam-extrabold;
}

.main-nav ul {
    margin: 0;
    padding: 0;
}

.main-nav a {
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    padding: 5px 10px;
    font-family: tiyaam-black;
}

.social-icons img {
    width: 22px;
    margin-right: 8px;
}

.list-inline li{padding: 0 14px}
.header-top .social-icons a {padding: 0 14px;}.hero-slider{
    position: relative;
    overflow: hidden;
}
.slider-shape{
    position:absolute;
    bottom:-32px;
    left:0;
    width:100%;
}

.slider-shape svg{
    width:100%;
    height:120px;
    display:block;
}

.slider-shape path{
    fill:#fff;
}
.site-footer{
    color:#fff;
	margin-top: 100px;
}

/* newsletter */

.footer-newsletter{
    padding:25px 0;
    background-color: #4B2C87;
    position: relative;
    box-shadow: 0 3px 14px #00000040;
}

.newsletter-text{
    font-size:16px;
    line-height:40px;
    font-family: tiyaam-semibold;
}

.newsletter-form form{
    display:flex;
}

.newsletter-form input{
    flex:1;
    height:40px !important;
    border:none;
    width: 68%;
    background: #e9e9e9;
    border-radius: 40px;
    padding-right: 20px;
    padding-left: 110px;
    font-size: 14px;
    outline: none;
}

.newsletter-form button{
    background:var(--color-accent);
    padding:0 25px;
    margin-right:10px;
    border-radius:30px 0 0px 30px;
    color:#fff;
    font-size:14px;
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    width: 136px;
    border: none;
    font-family: tiyaam-black;
}
.newsletter-input{
    position:relative;
    max-width:100%;
	color: #000000;
}
.newsletter-input input::placeholder{
    color:#b5b5b5;
}

.newsletter-input button:hover{
    background:#d6a847;
}

/* main footer */

.footer-main{
    padding:40px 0;
    background-color: #513191;
}

.footer-about p{
    line-height:30px;
    margin-top:0px;
    width: 73%;
    font-family: tiyaam-semibold;
}
.footer-logo{float: right;margin-left: 23px;}
.footer-logo img{
    height:80px;
}

.footer-contact p{
    margin-bottom:15px;
    font-family: tiyaam-semibold;
}

.footer-contact i{
    margin-left:8px;
}


/* social */

.footer-social{
    margin-top:0;
    margin-right: 72px;
}

.footer-social a{
    color:#fff; 
    margin-left:15px;
    font-size:18px;
}


/* copyright */

.footer-copyright{
    background:#e4b652;
    text-align:center;
    padding:12px 0;
    color:var(--color-primary);
    font-size:14px;
    border-radius: 0px 0px 20px 20px;
}
.newsletter-form{text-align: left;}
.parvande-content{margin-top: 58px;}
.parvande-subject{padding: 0 200px;text-align: center;position: relative;margin-bottom: 30px;}
.parvande-subject hr{border-color: #707070;}
.parvande-subject h2{position: absolute;top: -16px;left: 52%;background: #f7f4ff;padding: 0 6px;}
button{border: none; background: none}
button a{background-color: #3A1A7A;border: none;color: #fff;padding: 6px 17px;border-radius: 15px;}
.parvande-subject button{position: absolute;left: 193px;top: 10px;font-size: 12px;}
a:hover{text-decoration: none; color: var(--color-accent);}

.parvande-slider .subcategory-item {text-align: center;padding: 0 11px;position: relative;}
.parvande-slider .subcategory-item>a {display: inline-block;/*! height: 310px; */}
.parvande-slider{margin: 28px 0 100px 0;position: relative !important;}
.parvande-slider .subcategory-item .cat-name{position: absolute;bottom: 36px;color: #fff;font-size: 17px;line-height: 27px;max-height: 87px;overflow: hidden;width: calc(100% - 26px);padding: 0 7px;font-family: tiyaam-extrabold;display: none;}
.parvande-slider .subcategory-item img{object-fit: cover;width: 100%;border-radius: 30px;}
.parvande-slider:after{ width: 141px; height: 308px; content:''; background: linear-gradient(to right, var(--color-bg), transparent);position: absolute; left: 0px; top: 0; }
.parvande-slider:before{ width: 141px; height: 308px; content:''; background: linear-gradient(to left, var(--color-bg), transparent);position: absolute; right: -2px; top: 0; z-index: 2;}
.parvande-slider .slick-prev:before{  background: url(../images/icons/arrow2.svg) center center / contain no-repeat;width: auto;height: 33px;display: block;content: '' !important;transform: rotate(180deg);z-index: 3;position: relative;}
.parvande-slider .slick-next:before{  background: url(../images/icons/arrow2.svg) center center / contain no-repeat;width: auto;height: 33px;display: block;content: '' !important;}
.parvande-slider .slick-prev{right: 4px !important;z-index: 3;top: 45%;}
.parvande-slider .slick-next{left: 4px !important;z-index: 3;top: 45%;}
.parvande-slider .subcategory-item:before{background: linear-gradient(180deg, #0000 50%, #000 100%);  content: "";  display: block;  position: absolute;  bottom: 6px;      height: 100%;  width: calc(100% - 22px);right: 11px;border-radius: 30px;pointer-events: none;}


.podcast-content .parvande-subject{}
.podcast{margin-bottom: 100px;display: flex;/*! margin-top: 106px; */}
.podcast-content{margin-top: 106px}
.podcast-subject-box #red-text{font-size: 40px;font-family: tiyaam-special;font-weight: 900;text-align: center;display: block;color: #F82C2D;}
.podcast-subject-box h2{color: #000; font-family: tiyaam-special;text-align: center}
.podcast-subject-box{padding-left: 50px !important;}
.podcast-subject-box p{ text-align: justify; margin-right: 10%; margin-left: 10%} 
.podcast-slider .item .article-image img {width: 62px;  border-radius: 8px; float: right;aspect-ratio: 1 / 1;}
.podcast-slider .item .article-name{text-align: right;height: auto;overflow: hidden;margin-top: 1px;padding-right: 6px;}
.podcast-slider .item .article-name>a {border-radius: 16px;padding: 15px 17px;float: right;margin-left: 12px;font-size: 13px;}
.podcast-slider .item .article-strapline{width: 100%; display: inline-block;margin-top: 18px;}
.podcast-slider .slick-slide{background-color: var(--color-bg-soft);border-radius: 16px;padding: 15px 17px;height: 220px;width: 330px;float: right;margin-left: 12px;} 
.podcast-slider .slick-slide .article-writer img{border-radius: 30px}
.podcast-slider .slick-prev{z-index: 2;bottom: 10px;right: -75px !important;top: initial;} 
.podcast-slider .slick-next{top: initial;right: -125px !important;left: initial !important;bottom: 10px;z-index: 3;}
.podcast-slider .slick-prev:before, .related-slider .slick-prev:before{  background: url(../images/icons/arrow2.svg) center center / contain no-repeat;width: 35px;height: 35px;display: block;content: '' !important;/*! transform: rotate(180deg); */opacity: 1;background-size: 52%;}
.podcast-slider .slick-next:before, .related-slider .slick-next:before{  background: url(../images/icons/arrow2.svg) center center / contain no-repeat;width: 35px;height: 35px;display: block;content: '' !important;opacity: 1;transform: rotate(180deg);background-size: 52%;}
.podcast-slider audio{border-radius: 99px;}
.podcast-slider .item .article-image{width: 62px;display: inline-block;float: right;}
.podcast-slider .article-writer-date{margin-top: 5px;margin-right: 5px;}
.podcast-slider .article-writer a {margin-top: 0;display: inline-block;font-family: IRANSans;}
.podcast-slider .article-date, .podcast-slider .article-read-time{display: none;}
.podcast-slider .article-category{margin-top: 0;width: auto;margin-right: 10px;}
.podcast-slider .article-category a{font-family: IRANSans;font-size: 12px;font-weight: 300;margin-right: 10px;}
.podcast-slider .article-category:before{content:''; font-size: 20px;background-color: #BDBDBD; width: 3px; height: 3px; display: inline-block; border-radius: 50%; position: relative; /*! right: -10px */}


.notes-section{
background:#F9F8FF;
padding:30px 30px;
border-radius: 30px;
}


/* headers */

.notes-header-right{
margin-bottom:25px;
text-align:right;
}

.notes-header-left{
/*! margin-bottom:38px; */
text-align:left;
}

.notes-title{
font-size:24px;
font-weight:600;
margin: 0;
padding: 0;
}

.btn-all-notes{
background:#e4b55b;
padding:8px 18px;
border-radius:25px;
text-decoration:none;
color:#000;
font-size:13px;
}


/* ---------- کارت بزرگ ---------- */

.note-big-card{
background:var(--color-bg);
border-radius:25px;
overflow:hidden;
transition:.35s;
padding: 20px;
height: 530px;
}

.note-big-card:hover{
transform:translateY(-6px);
box-shadow:0 20px 40px rgba(0,0,0,.12);
}

.note-tak .article-image{
height:260px;
overflow:hidden;
border-radius: 25px
}

.note-tak .article-image img{
width:100%;
height:100%;
object-fit:cover;
object-position: center;
}

.big-card-body{
padding:22px;
}

.note-list .article-name{
font-size:16px;
line-height:30px;
margin-bottom:0;
width: 61%;
display: block; 
float: right;
margin-right: 2%;
}

.notes-section .btn-more{
border:1px solid #999;
padding:6px 16px;
border-radius:20px;
text-decoration:none;
color:#444;
font-size:13px;
float: left;
}
.notes-section .btn-more:hover{border-color: var(--color-accent-light);font-weight: bold;box-shadow: 1px 1px 8px #994f002b;}

/* ---------- کارت کوچک ---------- */

.note-small-card{
background:var(--color-bg);
border-radius:25px;
padding:10px;
margin-bottom:18px;
transition:.3s;
height: 165px;
}

.note-small-card:hover{
box-shadow:0 12px 30px rgba(0,0,0,.08);
transform:translateY(-4px);
}


.small-card-flex{
display:block;
width: 100%;
height: 100%;
float: right;
}


.note-list .article-strapline{width: 61%;float: left;}
.small-image{
width:37%;
height:100%;
flex-shrink:0;
overflow:hidden;
border-radius:12px;
float: right;
}

.small-image img{
width:100%;
height:100%;
object-fit:cover;
object-position: center;
} 

.note-list{margin-top: 0px;}
[data-anim]{
    opacity:0;
    transition: all .7s cubic-bezier(.2,.65,.3,1);
    will-change: transform, opacity;
}

[data-anim].anim-active{
    opacity:1;
    transform:none;
}

/* animation types */

[data-anim="fade-up"]{
    transform: translateY(40px);
}

[data-anim="fade-left"]{
    transform: translateX(40px);
}

[data-anim="fade-right"]{
    transform: translateX(-40px);
}

[data-anim="zoom-in"]{
    transform: scale(.85);
}

[data-anim="slide-up"]{
    transform: translateY(80px);
}
[data-stagger] > *{
    opacity:0;
    transform: translateY(30px);
    transition: all .6s ease;
}

[data-stagger].anim-active > *{
    opacity:1;
    transform:none;
}

[data-stagger].anim-active > *:nth-child(1){transition-delay:.1s;}
[data-stagger].anim-active > *:nth-child(2){transition-delay:.2s;}
[data-stagger].anim-active > *:nth-child(3){transition-delay:.3s;}
[data-stagger].anim-active > *:nth-child(4){transition-delay:.4s;}
[data-stagger].anim-active > *:nth-child(5){transition-delay:.5s;}
[data-stagger].anim-active > *:nth-child(6){transition-delay:.6s;}

.mobile-header-left, .mobile-icons-wrapper, .mobile-slide-menu{display: none}

.podcast .article-strapline-text .h_iframe-aparat_embed_frame{height: 105px;width: 188px;margin: 0 auto;}
.podcast .article-strapline-text .media-wrapper{margin-top: 30px;}

.product .mohtavaye-mortabet{border-top: solid 1px #707070;padding-top: 4px;margin-bottom: 53px;background-color: #fff;}
.product .mohtavaye-mortabet .dvq-subjects{margin: 30px 5px 10px 0;}
.product .mohtavayemortabet .blockheader{display: none}
.product .mohtavayemortabet{margin: 0}
.product .mohtavayemortabet .slick-slide{height: 320px;position: relative;display: inline-block;}
.product .mohtavayemortabet .item img{height: 100%;width: 100%;position: relative;border-radius: 30px;}
.product .mohtavayemortabet .item figure{height: 320px;border-radius: 30px;}
.product .mohtavayemortabet .item h3 a{color: #fff;}
.product .mohtavayemortabet .item .detail-block{position: absolute;bottom: 0;z-index: 1500000;right: 0;width: 40%;margin: 0;padding: 19px 22px;display: inline-block;color: #fff;}
.product .mohtavayemortabet .item .detail-block time{display: none}
.product .mohtavayemortabet .item .detail-block .details{position: relative;display: inline-block;}
.product .mohtavayemortabet .item .detail-block .details .lnkmore{position: absolute; left: 0;top: 22px;border-radius: 15px;background: initial !important;border: solid 1px;font-size: 10px;padding: 3px 28px;}
.product .mohtavayemortabet .item .detail-block .details .lnkmore:hover{background: #ffc00494 !important;box-shadow: 0px 2px 5px #00000082;}
.product .mohtavayemortabet .item .detail-block .details h3{width: 80%;}
.product .mohtavayemortabet .item .detail-block .details h3 a:hover{color: var(--color-accent);}
.product .mohtavayemortabet .item .detail-block .details .strapline{font-style: normal;font-size: 12px;text-align: justify;}
.product .mohtavayemortabet .slick-prev{left: 15px;z-index: 2;right: initial;}
.product .mohtavayemortabet .slick-next{right: 15px;z-index: 2;left: initial;}
.product .mohtavayemortabet .slick-prev:before{background: url(../images/icons/arrow2.svg) center center / contain no-repeat;width: auto;height: 33px;display: block;content: '' !important;z-index: 3;position: relative;}
.product .mohtavayemortabet .slick-next:before{background: url(../images/icons/arrow2.svg) center center / contain no-repeat;width: auto;height: 33px;display: block;content: '' !important;z-index: 3;position: relative;transform: rotate(180deg)}
.product .mohtavayemortabet .slick-dots{display: none}
.product .article-text .subjects h1{font-size: 25px;font-family: tiyaam-extrabold;margin-top: 30px;}
.product .mohtavayemortabet .item:before{background: linear-gradient(180deg, #0000 50%, #000 100%);  content: "";  display: block;  position: absolute;  bottom: 0;      height: 100%;  width: 100%;right: 0;border-radius: 30px;pointer-events: none;z-index: 2;left: 0;}
.category-items-section .category-image img{width: 100%;border-radius: 20px;max-height: 475px;}
.category-items-section .category-items, .category-items-section .category-items .subcategory-items{margin: 0}


/* ---------- Tablet ---------- */

@media (max-width:992px){

.notes-big-col{
margin-bottom:35px;
}

.article-image{
height:230px;
}

}



/* ---------- Mobile ---------- */

@media (max-width:768px){

.notes-section{
padding:40px 0;
}

.article-image{
height:200px;
}

.small-image{
width:95px;
height:70px;
}

.article-name{
font-size:14px;
line-height:26px;
}

.small-text{
font-size:13px;
line-height:24px;
}
  .note-tak{
margin-bottom:40px;
}

.small-card-flex{
flex-direction:column;
}

.small-image{
margin-bottom:10px;
}
  section{
padding:40px 0;
}
  .container{width: 100%}
  .podcast-subject-box{padding: 0 !important;display: none;}  
  section{padding: 0; margin-bottom: 0px;}
  .parvande-content{margin-top: 25px;}
  .home-slider .slick-dotted.slick-slider{height: 210px !important;}
  .home-slider .item a img{height: 210px !important;}
  .home-slider .slick-dots{bottom: 13% !important;left: 34% !important;}
  .slider-shape{bottom: -12px;}
  .slider-shape svg{height: 68px;}
  .header-top{border-radius: 0 !important;}
  .parvande-subject{padding: 0;}
  .parvande-subject button{left: -7px;}
  .yaddasht-section .parvande-subject{  margin-right: 10px;margin-left: 10px;}
  .parvande-slider::before, .parvande-slider::after{background: initial}
  .note-tak .article-image{height: 170px;}
  .note-big-card{height: 400px; }
  .note-list .article-strapline{display: inline-block;position: relative;float: initial;width: 100%;text-align: justify;}
  .parvande-subject button a{font-size: 8px !important;}
  .parvande-subject h2{top: initial;font-size: 17px !important;line-height: 15px;left: 40%;}
  .parvande-slider::after{width: 40px;height: 175px;}
  .parvande-slider::before{width: 40px;height: 175px;}
  .parvande-slider{margin: 20px 0 20px 0;}
  .podcast{margin-bottom: 0px;margin-top: 20px;}
  .footer-about p{width: 100%;font-size: 14px !important;height: 65px;}
  .podcast .parvande-subject{width: 100%;display: block;height: 100px;border: solid;position: relative;top: 0;}
  .podcast-content .parvande-subject{display: block; }
  .podcast-slider{padding: 0}
  .podcast-slider .item{padding: 10px;width: 100% !important;overflow: hidden;}
  .podcast-slider{width:100%;}
  .podcast-slider .item .article-image{height: 62px;}
  .podcast-slider .slick-slide{margin: 0;} 
  .newsletter-form button{width: auto;}
  .newsletter-form input{width: 100%;}
  .newsletter-text{text-align: center; line-height: 25px; margin-bottom: 20px; padding: 0 60px}
  .note-list .article-name{line-height: 20px;}
  .note-big-card .article-strapline{text-align: justify;}
  .podcast-content{margin-top: 40px;}
  .revayat-section{margin-top: 30px}
  .revayat-section .parvande-subject{margin-right: 10px;margin-left: 10px;}
  .footer-logo img{height: 56px;}
  .category-items-section .category-image img{height: 182px;}
  .category-items .item{width: 46%;height: 212px;overflow: initial;margin: 2%;box-shadow: 0px 1px 3px #0000003b;}
  .category-items .item figure {height: 94px !important;}
  .category-items .category-page-item{width: 100%;padding: 2px 10px;}
  .category-items .category-page-item a {line-height: 20px !important;}
  .article .article-breadcrumb{padding: 2px 6px 2px 0px;}
  .category-items-section .article-text-text{padding: 10px;}

  
  
  
 /* LOGO */
.logo-img{
height:34px;
}

.logo-text-box{
font-size:11px;
}

.main-nav{
display:none;
}
.logo-wrapper{
display:flex;
align-items:center;
gap:8px;
}

.logo-img{
height:48px !important;
margin-left: 0 !important;
}

.logo-text-box{
/*! background:#f3f3f3; */
/*! padding:4px 8px; */
/*! font-size:12px; */
/*! border-radius:4px; */
white-space:nowrap;
}


/* MOBILE HEADER */

.mobile-icons-wrapper{
display:flex;
align-items:center;
justify-content:flex-end;
gap:12px;
height:60px;
}

.social-icons-mobile img{
width:18px;
}
  .social-icons-mobile a{margin-right: 10px}
.hamburger-btn img{
width:26px;
cursor:pointer;
}


/* MOBILE MENU */

.mobile-slide-menu{

position:fixed;
top:0;
left:-280px;

width:280px;
height:100vh;

background:#000000e0;

box-shadow:3px 0 15px rgba(0,0,0,0.4);

transition:all .45s cubic-bezier(.77,0,.18,1);

z-index:10001;

padding:20px;

}

.mobile-slide-menu.open{
left:0;
}


/* overlay */

.menu-overlay{

position:fixed;

top:0;
left:0;

width:100%;
height:100vh;

background:rgba(0,0,0,0.45);

opacity:0;

visibility:hidden;

transition:opacity .4s ease;

z-index:10000;

}

.menu-overlay.active{
opacity:1;
visibility:visible;
}


/* close button */

.menu-header{
display:flex;
justify-content:flex-end;
}

.menu-close{
background:none;
border:none;
font-size:24px;
cursor:pointer;
}


/* menu list */

.mobile-slide-menu ul{
list-style:none;
padding:0;
margin-top:10px;
}

.mobile-slide-menu li{
padding:15px 0;
border-bottom:1px dotted #848484;
}

.mobile-slide-menu a{
text-decoration:none;
color:#fff;
font-size:15px !important;
font-family: tiyaam-bold;
}

 
/* icon row */

.menu-icons-row{
display:flex;
gap:20px;
}

.menu-icons-row img{
width:22px;
}
.mobile-icons-wrapper{display: flex}
.mobile-header-left, .mobile-slide-menu{display: initial; /*! padding: 0; */}
  .header-top .text-right{padding-right: 0;}  
  .mobile-header-left{padding: 0}
  .hamburger-btn{margin-right: 10px;/*! padding-right: 10px; */}
  .podcast-slider .slick-next{right: -5px !important;top: 47%;}
  .podcast-slider .slick-prev{left: 2px !important;top: 47%;}
  .podcast-slider .slick-next::before{width: 26px;}
  .podcast-slider .slick-prev::before{width: 26px;}
  .article .productview figure, .article .productview figure img{height: 200px !important;}
  .article-content{padding: initial;}
  .product .article-text .subjects {margin: 23px 0 0 0;}
  .product .article-text .subjects h1{font-size: 18px !important;}
  .article #description p, .article #description li, .article #description span{font-size: 15px !important;line-height: 30px;}
  .product .mohtavayemortabet .slick-slide{height: 220px;}
.product .mohtavayemortabet .item img{border-radius: 20px;}
.product .mohtavayemortabet .item figure{height: 220px;border-radius: 20px;}
  .product .mohtavayemortabet .item .detail-block{width: 100%;padding: 0 11% 4% 11%;}
  .product .mohtavayemortabet .item .detail-block .details .lnkmore{top: 5px;}
}


/* ---------- Small mobile  ---------- */

@media (max-width:480px){

.small-card-flex{
gap:10px;
}

.small-image{
width:80px;
height:60px;
}

.small-text{
font-size:12px;
}

}






/* container */
#CategoryMenu {
    direction: rtl;
    font-family: IRANSans, Tahoma, sans-serif;
    display: inline-block;
    margin-top: 11px;
}

/* سطح اول منو */
#CategoryMenu .TayaCMSMenu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}

/* آیتم سطح اول */
#CategoryMenu .TayaCMSMenu > li {
    position: relative;
}

/* لینک‌ها */
#CategoryMenu a {
}

/* hover */
#CategoryMenu a:hover {
    background: none;
    color: #c8c8c8;
}

/* زیرمنو */
#CategoryMenu .submenu {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    min-width: 220px;
    background: #31136ceb;
    list-style: none;
    padding: 0;
    margin: 7px 14px 0 0;
    z-index: 999;
}

/* نمایش زیرمنو در hover */
#CategoryMenu li:hover > .submenu {
    display: block;
    border-radius: 0px 5px 5px 0;
}
#CategoryMenu li:hover > .submenu .submenu{margin: 9px 0px 0 0;background: #30116cd4;border-radius: 5px;}
/* آیتم زیرمنو */
#CategoryMenu .submenu li {
    position: relative;
}
.header-row li {list-style: none}
/* زیرمنوی سطح دوم */
#CategoryMenu .submenu .submenu {
    right: 100%;
    top: 0;
}
.header-row .main-nav{display: inline-block;}
.other-menu{display: inline-block;}
.other-menu a {color: #fff; font-family: tiyaam-black;}
.header-row .search-icon{display: inline-block;bottom: 9px;position: relative;right: 32px;}
.header-row .home-icon{display: inline-block;bottom: 7px;position: relative;left: 28px;}

/* لینک‌های زیرمنو */
#CategoryMenu .submenu a {
    padding: 10px 15px;
    font-size: 13px;
    line-height: 43px;
    /*! color: #fff; */
    /*! font-style: italic; */
}
#CategoryMenu .submenu .submenu a{overflow: hidden;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical;  white-space: normal;  display: -webkit-box !important;padding: 11px 0;height: 37px;line-height: 30px;}
#CategoryMenu .submenu .submenu {padding: 0px 5px 20px 5px;}
/* فلش زیرمنو */
#CategoryMenu .has-submenu > a::after {
    content: "▾";
    font-size: 10px;
    margin-right: 6px; 
}

/* فلش سطح دوم */
#CategoryMenu .submenu .has-submenu > a::after {
    content: "◂";
}

.category-image img{height: 400px; width: 100%; object-fit: contain;object-position: right;background-color: #c5ccfa;}
.internal-pages{padding: 0}
.internal-pages .category-image{margin-bottom: 80px}