div#blogCard{width:100%;border:1px solid rgba(0,0,0,0);border-image:radial-gradient(circle,rgb(255,236,224) 0,rgb(240,202,178) 35%,rgb(172,131,109) 100%);border-image-slice:1;background-color:var(--primary-bg-color)}div#blogCard div.imageContainer{width:100%;position:relative;height:220px}div#blogCard div.imageContainer img{position:static!important;display:block;width:100%}div#blogCard div.detailsContainer{padding:20px 20px 15px}div#blogCard div.detailsContainer h1.title,div#blogCard div.detailsContainer h2.title{text-transform:uppercase;font-weight:300;color:var(--text-color);font-size:15px}html[lang=ar] div#blogCard div.detailsContainer h1.title,html[lang=ar] div#blogCard div.detailsContainer h2.title{font-size:calc(15px + 1px)}div#blogCard div.detailsContainer h1.title,div#blogCard div.detailsContainer h2.title{margin-bottom:15px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:38px}div#blogCard div.detailsContainer h1.title.ar,div#blogCard div.detailsContainer h2.title.ar{text-align:right}div#blogCard div.detailsContainer div.extraInfo div.top{border-bottom:1px solid var(--light-text-color);padding-bottom:20px}div#blogCard div.detailsContainer div.extraInfo div.top span.date{display:flex;align-items:center;margin-bottom:10px}div#blogCard div.detailsContainer div.extraInfo div.top span.date span.icon{line-height:0}div#blogCard div.detailsContainer div.extraInfo div.top span.date span.icon svg g{stroke:var(--light-text-color)!important}div#blogCard div.detailsContainer div.extraInfo div.top span.date span.text{color:var(--light-text-color);font-weight:300;margin-left:6px;font-size:13px}html[lang=ar] div#blogCard div.detailsContainer div.extraInfo div.top span.date span.text{font-size:calc(13px + 1px)}div#blogCard div.detailsContainer div.extraInfo div.bottom{padding:22px 0 12px;display:flex;justify-content:flex-end}div#blogCard div.detailsContainer div.extraInfo div.bottom div.oneLine h6.text{color:var(--text-color);font-weight:500;font-size:13px}html[lang=ar] div#blogCard div.detailsContainer div.extraInfo div.bottom div.oneLine h6.text{font-size:calc(13px + 1px)}div#blogCard div.detailsContainer div.extraInfo div.bottom div.oneLine h6.text{display:flex;align-items:center;cursor:pointer}div#blogCard div.detailsContainer div.extraInfo div.bottom div.oneLine h6.text span.icon{display:block;margin-left:10px;line-height:0}div#blogCard div.detailsContainer div.extraInfo div.bottom div.oneLine h6.text span.icon svg{width:20px;stroke:var(--text-color)}