#seo-filters{
	width: 100%;
    margin: 20px 0px;
}
#seo-filters .filter-btn{
border: solid 1px #f9afad;
    color: #111;
    margin: 5px;
    background-color: #ccc;
    display: inline-grid;
}
#seo-filters .filter-btn:hover{
    background-color: #e42a25;
	color:#ffffff;
}
#seo-filters .filter-btn .active{
background: #e42a25 !important;
    color: #fff;
}
button.filter-btn.active {
    background: #e42a25 !important;
    color:#fff !important;
}
.glossary-item{width: 100%;
    background: #fff;
    height: auto;
    padding: 20px;
    display: inline-block;
    margin: 20px 0px;
    border-radius: 20px;
    box-shadow: 1px 1px 10px #f7f7f7;}

.glossary-thumbnail{
	width: 250px;
    height: 250px;
    float: left;
}
.glossary-thumbnail img{
	width: 100%;
    height: 100% !important;
    object-fit: cover;
	border-radius: 20px !important;
    border: solid 1px #f5f5f5 !important;
}
.glossary-content-wrapper{
	width: calc(100% - 250px);
    height: auto;
	padding-left: 40px;
	color:#54595F;
}
.glossary-content-wrapper h2{
    width: 70%;
    display: inline-block;
}
.glossary-content-wrapper h2 a{
	font-size:15px;
    color:#03508E;
}
.glossary-content-wrapper h3{
	width: 30%;
    display: inline-block;
	text-align: left;
}
.glossary-content-wrapper h3 a{
	font-size:18px;
    color:#48B892;
}
.glossary-excerpt{
font-size: 14px;
    line-height: 30px;
    text-align: justify;
	border-top: solid 1px #dfdfdff5;
    padding: 20px 10px 0px 10px;
}

.scroll-links-serial{
	margin: 0px 0px -15px 0px;
    padding: 0px;
	text-align: center;
}
.scroll-links-serial{
    padding: 0px;
}
.scroll-links-serial ul{
    padding: 0px;
}
.scroll-links-serial li{
	list-style-type: none;
    padding: 5px 20px;
    background-color: #e42a25;
    display: inline-block;
    border-radius: 10px;
    margin: 5px 10px 0px 10px;
}
.scroll-links-serial li a{
	color: #ffffff
}

.other-serial-articles-box{
	
}
.other-serial-articles-box li.active {
background: linear-gradient(271deg, rgb(228 42 37) 0%, rgb(158 32 28) 50%, rgb(58 58 58) 100%);
}

.other-serial-articles-box li.active a {
    font-weight: bold;
    color: #ffffff;
}
.other-serial-articles-box li.active span {
    color: #ffffff;
}

.other-serial-articles-box p{
	margin-top: 12px;
    font-size: 11px;
    color: #7e7d7d;
    text-align: center;
}
.other-serial-articles-box ul{
    padding: 0px;
}
.other-serial-articles-box li{
background-color: #fff;
    box-shadow: 1px 1px 10px #f7f7f7;
    padding: 10px;
    border-radius: 15px;
    font-size: 12px;
    list-style-type: none;
    margin: 10px 0px;
}
.other-serial-articles-box li a {
    text-decoration: none;
    color: #e42a25;
    font-weight: bold;
}
.other-serial-articles-box li span {
    color: #e42a25;
    float: left;
}
.related-article-box{
	margin-bottom: 40px;
    padding: 20px;
    border: solid 1px #fafafa;
    box-shadow: 1px 1px 10px #fbfbfb;
    border-radius: 15px;
}
.related-article-thumb{
	width:250px;
	height:250px;
	float:left;
}
.related-article-thumb img{
    width: 100%;
    height: 100% !important;
    object-fit: cover;
	border: solid 1px #fafafa !important;
    box-shadow: 1px 1px 10px #fbfbfb !important;
    border-radius: 15px !important;
}

.related-article-body{
	width: calc(100% - 250px);
    padding-left: 30px;
    height: auto;
}
.related-article-body h3{}
.related-article-body h3 a{color:#e42a25;font-size: 15px;}
.related-article-body p{text-align: justify;
    font-size: 13px;
    line-height: 28px;
    height: 140px;
    overflow: hidden;}
.related-article-body p::after{content:"..."}
.related-article-body .button-related-in{display:inline-block; margin-top:10px; background:#e42a25; color:#fff; padding:8px 15px; border-radius:15px; text-decoration:none;font-size:13px}


.related-glossary-carousel .slick-dots {
    bottom: -35px;
    display: flex !important;
    justify-content: center;
    gap: 12px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.related-glossary-carousel .slick-dots li {
    width: 14px;
    height: 14px;
    cursor: pointer;
}

.related-glossary-carousel .slick-dots li button {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #c1d5e0;
    border: none;
    outline: none;
    transition: background-color 0.3s ease, transform 0.3s ease;
    padding: 0;
}

.related-glossary-carousel .slick-dots li:hover button,
.related-glossary-carousel .slick-dots li.slick-active button {
    background-color: #e42a25;
    transform: scale(1.3);
}

.related-glossary-carousel .slick-dots li button:before {
    content: none; /* حذف دات پیشفرض */
}

@media (min-width:480px)  {
    
}
@media (min-width:768px)  {}