.mt-50{margin-top:50px}.pt-90{padding-top:90px}.pb-120{padding-bottom:120px}.pt-200{padding-top:120px}.tp-blog-item{position:relative;border-radius:15px;margin-bottom:70px}.tp-blog-item:hover .tp-blog-meta{background:var(--tp-theme-1)}.tp-blog-item:hover .tp-blog-meta-date{color:var(--tp-common-white)}.tp-blog-item:hover .tp-blog-meta-action{color:var(--tp-common-white)}.tp-blog-item:hover .tp-blog-thumb img{transform:scale(1.2)}.tp-blog-thumb{overflow:hidden;border-radius:15px}.tp-blog-thumb img{width:100%;border-radius:15px;transition:1.3s}.tp-blog-meta{position:absolute;width:310px;left:0;right:0;text-align:center;padding:10px 30px;margin:auto;background:#f9f9f9;border-radius:0 0 15px 15px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.tp-blog-meta-date{border-right:1px solid var(--tp-border-1);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.tp-blog-meta-date span{font-weight:500;padding:0 50px 0 0;margin:0}.tp-blog-3 .tp-blog-item:hover .tp-blog-meta{background:0 0}.tp-blog-3 .tp-blog-dsc{width:90%;text-align:right;padding:25px 25px 25px 25px;background:var(--tp-common-white);background-color:#fff;box-shadow:0 0 40px 0 rgba(24,11,47,.04);margin-top:-30px;margin-left:auto;margin-right:auto;border-radius:15px;z-index:1;position:relative}.tp-blog-3 .tp-blog-dsc h2{font-weight:900;font-size:24px;margin-bottom:28px;color:var(--tp-common-black);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.tp-blog-3 .tp-blog-dsc h2:hover{color:var(--tp-theme-1)}.tp-blog-3 .tp-blog-meta{position:static;width:auto;padding:0;background:0 0;margin-bottom:13px}.tp-blog-3 .tp-blog-meta-date{border:0}.tp-blog-3 .tp-blog-meta-date span{font-weight:700;padding:0 0 0 25px;color:var(--tp-theme-1)}.tp-blog-3 .tp-blog-meta-cate{position:relative}.tp-blog-3 .tp-blog-meta-cate::before{position:absolute;width:6px;height:6px;top:50%;transform:translateY(-50%);right:-5px;content:"";border-radius:50%;background:#768a9e}.tp-blog-3 .tp-blog-meta-cate span{font-weight:500;margin-right:22px}.tp-blog-3 .tp-blog-action span{font-weight:700;font-size:14px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.tp-blog-3 .tp-blog-action span i{margin-right:6px}.tp-blog-3 .tp-blog-action span:hover{color:var(--tp-theme-1)}.tp-blog-3 .tp-blog-action span:hover i{animation:tp-arrow .2s linear;animation-direction:alternate!important}.post-pagination{margin:0;padding:0;list-style:none;margin-top:30px;display:flex;align-items:center;flex-wrap:wrap;gap:9px;justify-content:center}.post-pagination a{display:inline-block;width:40px;height:40px;background-color:var(--mediox-white2,#ecf0f5);color:var(--mediox-text,#707882);text-align:center;font-size:16px;font-weight:500;border-radius:50%;line-height:39px;border:1px solid transparent;transition:all .4s ease}.post-pagination a .post-pagination__icon{display:inline-flex;font-size:14.77px;color:var(--mediox-text,#707882);transition:all .4s ease;margin-top:10px}.post-pagination a .post-pagination__icon svg{width:1em;height:1em;fill:currentColor}.post-pagination a:hover{border-color:var(--tp-theme-1);color:var(--tp-theme-1);background-color:transparent}.post-pagination a:hover .post-pagination__icon{color:var(--tp-theme-1)}.post-pagination li.active a{background-color:var(--tp-theme-1);color:var(--tp-common-white)}.post-pagination li.active a .post-pagination__icon{color:var(--tp-common-white)}.blog-page .post-pagination{justify-content:center}@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:576px) and (max-width:767px),(max-width:576px){.tp-blog-3-wrapp .row [class*=col-]:last-child .tp-blog-item{margin-bottom:0}}@media only screen and (min-width:576px) and (max-width:767px),only screen and (min-width:768px) and (max-width:991px){.tp-blog-3 .tp-blog-title-box{margin-bottom:20px}}