.elementor-12 .elementor-element.elementor-element-1d7ddda{--display:flex;}.elementor-12 .elementor-element.elementor-element-31766d8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-31766d8 .blog-card{background-color:#ffffff;border-color:#fbeabb;border-radius:12px;}.elementor-12 .elementor-element.elementor-element-31766d8 .blog-card .card-title a{color:#333333;}.elementor-12 .elementor-element.elementor-element-31766d8 .blog-card .card-title a:hover{color:#fbbf05;}.elementor-12 .elementor-element.elementor-element-31766d8 .blog-card .card-description{color:#555555;background-color:rgba(251, 191, 5, 0.05);border-radius:8px;}.elementor-12 .elementor-element.elementor-element-31766d8 .blog-card .card-meta span{color:#999999;}.elementor-12 .elementor-element.elementor-element-31766d8 .blog-card .card-meta i{color:#fbbf05;}body.elementor-page-12:not(.elementor-motion-effects-element-type-background), body.elementor-page-12 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}/* Start custom CSS for blog_archive, class: .elementor-element-31766d8 */.blog-archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1200px;margin:0 auto;padding:20px;font-family:IRANYekanFN,sans-serif}
.blog-card{background:#fff;border:1px solid #fbeabb;border-radius:12px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;position:relative;animation:fadeIn .5s ease-in-out}
@keyframes fadeIn{
from{opacity:0;transform:translateY(20px)}
to{opacity:1;transform:translateY(0)}
}
.blog-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.1)}
.blog-card::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#fbbf05,#e0a800);opacity:0;transition:opacity .3s ease}
.blog-card:hover::before{opacity:1}
.card-image{position:relative;overflow:hidden}
.card-image img{width:100%;height:200px;object-fit:cover;transition:transform .3s ease}
.card-image:hover img{transform:scale(1.05)}
.card-image::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top,rgba(0,0,0,.5),transparent);opacity:0;transition:opacity .3s ease}
.card-image:hover::after{opacity:1}
.card-content{padding:20px}
.card-title{margin:0 0 15px;font-size:18px;font-weight:700}
.card-title a{text-decoration:none;color:#333;transition:color .3s ease}
.card-title a:hover{color:#fbbf05}
.card-description{font-size:14px;color:#555;line-height:1.6;background:rgba(251,191,5,.05);padding:10px;border-radius:8px;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;transition:opacity .3s ease}
.blog-card:hover .card-description{opacity:.9}
.card-meta{display:flex;flex-wrap:wrap;gap:15px;font-size:12px;color:#999}
.card-meta i{color:#fbbf05;margin-right:5px}
@media (max-width:1200px){
.blog-archive-grid{grid-template-columns:repeat(2,1fr);gap:20px}
}
@media (max-width:767px){
.blog-archive-grid{grid-template-columns:1fr;gap:15px}
.card-image img{height:180px}
.card-title{font-size:16px}
.card-description{font-size:13px}
.card-meta{font-size:11px}
}
@media (max-width:480px){
.card-image img{height:160px}
.card-title{font-size:14px}
.card-description{font-size:12px}
}
.page-content a{display:block!important;padding:0!important;background:#0000!important}/* End custom CSS */
/* Start custom CSS */.blog-archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1200px;margin:0 auto;padding:20px;font-family:IRANYekanFN,sans-serif}
.blog-card{background:#fff;border:1px solid #fbeabb;border-radius:12px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;position:relative;animation:fadeIn .5s ease-in-out}
@keyframes fadeIn{
from{opacity:0;transform:translateY(20px)}
to{opacity:1;transform:translateY(0)}
}
.blog-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.1)}
.blog-card::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#fbbf05,#e0a800);opacity:0;transition:opacity .3s ease}
.blog-card:hover::before{opacity:1}
.card-image{position:relative;overflow:hidden}
.card-image img{width:100%;height:200px;object-fit:cover;transition:transform .3s ease}
.card-image:hover img{transform:scale(1.05)}
.card-image::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top,rgba(0,0,0,.5),transparent);opacity:0;transition:opacity .3s ease}
.card-image:hover::after{opacity:1}
.card-content{padding:20px}
.card-title{margin:0 0 15px;font-size:18px;font-weight:700}
.card-title a{text-decoration:none;color:#333;transition:color .3s ease}
.card-title a:hover{color:#fbbf05}
.card-description{font-size:14px;color:#555;line-height:1.6;background:rgba(251,191,5,.05);padding:10px;border-radius:8px;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;transition:opacity .3s ease}
.blog-card:hover .card-description{opacity:.9}
.card-meta{display:flex;flex-wrap:wrap;gap:15px;font-size:12px;color:#999}
.card-meta i{color:#fbbf05;margin-right:5px}
@media (max-width:1200px){
.blog-archive-grid{grid-template-columns:repeat(2,1fr);gap:20px}
}
@media (max-width:767px){
.blog-archive-grid{grid-template-columns:1fr;gap:15px}
.card-image img{height:180px}
.card-title{font-size:16px}
.card-description{font-size:13px}
.card-meta{font-size:11px}
}
@media (max-width:480px){
.card-image img{height:160px}
.card-title{font-size:14px}
.card-description{font-size:12px}
}
.page-content a{display:block;padding:0;background:#0000}/* End custom CSS */