@font-face{font-family:Causten;src:url(../fonts/causten/Causten-Light.woff2) format("woff2"),url(../fonts/causten/Causten-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Causten;src:url(../fonts/causten/Causten-Regular.woff2) format("woff2"),url(../fonts/causten/Causten-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Causten;src:url(../fonts/causten/Causten-Bold.woff2) format("woff2"),url(../fonts/causten/Causten-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Causten;src:url(../fonts/causten/Causten-Medium.woff2) format("woff2"),url(../fonts/causten/Causten-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}.blog-page{max-width:1440px;width:100%;margin:0 auto;padding:50px 30px 120px;font-family:Causten}@media screen and (max-width: 991px){.blog-page{padding:20px 30px 50px}}.blog-page #filter{padding:0;margin-bottom:40px}@media screen and (max-width: 991px){.blog-page #filter{margin-bottom:20px}}.blog-page #filter .search-container{position:relative;width:min-content;display:flex;align-items:center}@media screen and (max-width: 991px){.blog-page #filter .search-container{width:100%}}.blog-page #filter .search-container button{position:absolute;right:0;border:none;height:100%;width:50px;border-radius:50%}.blog-page #filter .search-container button svg{color:#cdb0ac}.blog-page #filter .search-container button :hover{background-color:transparent}.blog-page #filter .input-search{background-color:#fff;width:500px;border-radius:24px;border:1px solid #E0E0E0;padding:10px 16px;font-size:16px}.blog-page #filter .input-search ::placeholder{color:#d7a4a6}@media screen and (max-width: 1600px){.blog-page #filter .input-search{font-size:16px;width:400px;padding:8px 12px}}@media screen and (max-width: 991px){.blog-page #filter .input-search{width:100%}}.blog-page #filter .topics-container{margin-top:20px;display:flex;align-items:center;gap:10px}@media screen and (max-width: 991px){.blog-page #filter .topics-container{overflow-x:auto}}.blog-page #filter .topics-container .input-filter{font-size:16px;color:#242424;font-weight:500;padding:8px 14px;border-radius:35px}.blog-page #filter .topics-container .filter-select{background-color:#d7a4a6;color:#fff}.blog-page #filter .count-container{margin-top:30px;display:flex;align-items:center;justify-content:space-between}@media screen and (max-width: 991px){.blog-page #filter .count-container{flex-direction:column-reverse;justify-content:flex-start;align-items:flex-start;gap:15px;margin-top:20px}}.blog-page #filter .count-blog{color:#242424;font-size:20px;font-weight:400}.blog-page #filter .order-container{display:flex;align-items:center;border:1px solid #E0E0E0;border-radius:20px;padding:2px 20px}.blog-page #filter .order-container label{width:-webkit-fill-available;font-weight:500}.blog-page #filter .order-container select{font-weight:400;border:none;width:max-content;padding-right:50px}.blog-page #filter .order-container select:focus{box-shadow:none}.blog-page #blog-articles .posts-container{display:grid;grid-template-columns:repeat(3,1fr);place-items:center;gap:20px}@media screen and (max-width: 991px){.blog-page #blog-articles .posts-container{grid-template-columns:repeat(2,1fr);gap:8px}}.blog-page #blog-articles .posts-container a{height:100%;width:100%;max-width:400px}.blog-page #blog-articles .posts-container a:hover{text-decoration:none;color:inherit}.blog-page #blog-articles .posts-container .card{width:100%;height:100%;border:none;justify-content:space-between}.blog-page #blog-articles .posts-container .card img{width:100%;object-fit:cover;aspect-ratio:400/310;border-radius:24px}@media screen and (max-width: 991px){.blog-page #blog-articles .posts-container .card img{border-radius:10px}}.blog-page #blog-articles .posts-container .card .tag{position:absolute;bottom:18px;left:18px;font-size:16px;color:#fff;background-color:#d7a4a6;padding:4px 12px;border-radius:16px;font-weight:400}@media screen and (max-width: 991px){.blog-page #blog-articles .posts-container .card .tag{font-size:12px;padding:3px 5px;left:5px;bottom:5px}}.blog-page #blog-articles .posts-container .card h4{margin-top:10px}@media screen and (max-width: 991px){.blog-page #blog-articles .posts-container .card h4{margin:5px 0;font-size:12px}}.blog-page #blog-articles .posts-container .card p{display:-webkit-box;line-clamp:0;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width: 991px){.blog-page #blog-articles .posts-container .card p{font-size:10px}}.blog-page #blog-articles .posts-container .card span{font-size:12px;font-weight:400;color:#939393}@media screen and (max-width: 991px){.blog-page #blog-articles .posts-container .card span{font-size:8px}}.blog-page .pagination{display:flex;align-items:center;justify-content:center;margin-top:50px;gap:15px;font-size:16px}.blog-page .pagination .disabled{pointer-events:none;cursor:default}
