.news-page{background-color:var(--grey-color1);color:#2c2c2c}.news-page .news-header-section{text-align:center;width:55%;margin:auto;color:#31274b}.news-page .news-header-section h2{font-size:40px;font-family:var(--secondary-font);margin-bottom:30px;font-weight:900}.news-container{display:grid;grid-template-columns:1fr;grid-row-gap:35px;row-gap:35px;grid-column-gap:35px;column-gap:35px;margin-right:20px;margin-bottom:20px}.news-post{display:flex;flex-direction:column;border:0 solid #dfdfdf;box-sizing:border-box;box-shadow:0 10px 15px 0 rgba(40,47,98,.08);border-radius:7px;background:#fff;overflow:hidden;transition:.4s}.news-post:hover .news-img img{transform:scale(1.05)}.news-about-content{padding:30px;display:flex;flex-direction:column;gap:8px;align-items:flex-start;background:#fff;border-radius:7px}.news-about-content .blog-category-btn{background:#fff;border:0 solid #ddd;padding:6px 10px;border-radius:5px;transition:.4s;font-size:14px;font-family:var(--body-font);margin:0;background:var(--grey-color2)}.news-about-content .blog-category-btn:hover{background:var(--grey-color3)}.news-about-content a{font-family:var(--third-font);font-weight:500;color:#31274b;transition:.4s;line-height:clamp(130%,4vw,140%);margin-bottom:10px;font-size:clamp(24px,4vw,36px)}.news-about-content .read_more a{font-size:16px;font-weight:500;font-family:var(--secondary-font);color:var(--main-color);border-radius:5px;border:1px solid var(--main-color);background:#fff;padding:10px 20px;transition:.4s;margin-top:auto;text-align:center}.news-about-content .read_more a:hover{background-color:var(--main-color);color:#ffffff}.news-about-content a:hover{color:var(--main-color)}.news-about-content .news-date{color:#7b92ad;font-size:14px;font-weight:600}.news-about-content .news-date .curcle-item{width:5px;height:5px;border-radius:50%;background-color:var(--main-color)}.tag-title-item{font-family:var(--secondary-font);font-size:30px;font-weight:700;color:var(--black-color)}.tag-title-item span{color:var(--main-color)}.news-details-page{padding:50px 0 100px;background-color:var(--white-color);margin-top:var(--header-height)}.page-route{display:flex;align-items:center;gap:10px;font-weight:600;color:#000}.blog-page-link{cursor:pointer;font-size:clamp(13px,3vw,16px);font-weight:400}.blog-main-title{font-weight:700;line-height:clamp(130%,4vw,150%);margin-bottom:20px;font-size:clamp(28px,4vw,54px);font-family:var(--third-font);color:var(--black-color)}.news-img{width:100%;height:300px;overflow:hidden;position:relative}.news-img img{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;top:0;left:0;border-radius:7px}.small-info{padding:14px 20px;display:flex;background:#fff;box-shadow:4px 4px 60px rgba(99,69,237,.15);border-radius:5px;margin-top:-28px!important;z-index:1;margin:auto;justify-content:space-evenly;width:auto;max-width:450px;gap:20px}.small-info,.small-info svg{align-items:center;position:relative}.small-info svg{color:var(--grey-color4);margin-right:6px;font-size:16px;bottom:2px}.small-info div:first-child{padding-left:0}.small-info div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px}.blog-info-title{font-weight:500;color:var(--grey-color4);font-weight:600}.blog-info-title,.blog-info-value{font-size:clamp(13px,3vw,15px);margin:0}.blog-info-value{color:var(--grey-color6)}.blog-content{margin:auto;gap:32px}.tags-media{justify-content:space-between;padding-right:20px;padding-top:16px;left:0;top:100px}p.read-time{font-size:17px;font-family:sans-serif;color:#393939}.progress-bar{height:5px;width:100%}.progress{height:100%;background:var(--main-color)}.soc-share{display:flex;flex-direction:column;gap:10px;margin-top:20px}.urbanist-black-18{font-weight:700;font-size:22px;line-height:150%;color:#14161b;transition:.3s;font-family:var(--third-font)}.blog-social-medias .social-media-link .share-item{background:var(--main-color)!important;width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:10px;border-radius:50px;color:var(--white-color);transition:.4s;font-size:20px;border:none}.urbanist-black-18:hover{color:var(--main-color)}.soc-tags-container{gap:10px}.soc-tag,.soc-tags-container{display:flex;align-items:center}.soc-tag{justify-content:center;width:40px;height:40px;background:rgba(99,69,237,.07);border-radius:7px}.blog-txt-container{align-items:flex-start;margin-top:40px}.blog-txt,.blog-txt-container{display:flex;flex-direction:column}.blog-txt{gap:20px;margin-top:0}.tag_item_list h4{font-size:22px;font-family:var(--secondary-font);color:var(--main-color);font-weight:600;margin-bottom:20px}.raleway-grey-14{font-weight:400;line-height:200%;color:#2c2c2c}.image img{width:100%!important}.blog-next-previous{display:flex;gap:35px;align-items:top}.blog-post-items .post-btns{border:1px solid #e3ebf4;background:#fff;padding:5px 20px 10px;font-size:16px;font-family:var(--secondary-font);font-weight:500;border-radius:5px;white-space:nowrap}.blog-post-items h3{font-size:16px;font-weight:600;margin-top:15px;font-family:var(--body-font);color:var(--black-color)}@media screen and (max-width:992px){.news-container{grid-template-columns:1fr 1fr;grid-row-gap:35px;row-gap:35px;column-gap:35px;margin-right:0;margin-bottom:20px}}@media screen and (max-width:768px){.blog-social-medias{flex-direction:column;gap:20px}.blog-post-items h3{font-size:16px}.blog-post-items .post-btns{padding:5px 15px 10px;font-size:13px}.news-details-page{padding:20px 0 40px;background-color:var(--white-color)}.news-page .news-header-section{text-align:center;width:100%}.news-container{grid-template-columns:1fr;grid-row-gap:20px;row-gap:20px;column-gap:20px;margin-right:0;margin-bottom:20px}h2.sec-title{font-size:30px;margin-bottom:10px}.blog-content{display:grid;grid-template-columns:100%}.tags-media{margin:0;height:100%;position:relative;left:0;top:0}.blog-txt{margin-top:0}}@media screen and (max-width:576px){.small-info{padding:10px;margin-top:-28px!important;width:auto;gap:10px;margin-right:10px;margin-left:10px}.blog-txt-container{margin-top:30px}.news-img{width:100%;height:200px;overflow:hidden;position:relative}.small-info svg{margin-right:3px;font-size:14px;position:relative;bottom:2px}.page-route{gap:5px}}