@font-face{src:url(../fonts/Helotypo-Regular.woff2) format("woff2");font-family:Helotypo;font-weight:400;font-style:normal}@font-face{src:url(../fonts/Sinteca-Regular.woff2) format("woff2");font-family:Sinteca;font-weight:400;font-style:normal;font-display:swap}@font-face{src:url(../fonts/Sinteca-Bold.woff2) format("woff2");font-family:Sinteca;font-weight:700;font-style:normal;font-display:swap}.blog-page{background-color:green}h1{text-align:center;color:#0083c3;margin-top:0}@media screen and (max-width: 1600px){h1{margin-top:10px}}@media screen and (max-width: 991px){h1{margin-top:35px}}.blog-page{background-color:#fffffd;padding-top:100px}@media screen and (max-width: 1600px){.blog-page{padding-top:80px}}.blog-page .header-blog-container{width:100%;height:685px;padding:60px 110px;font-family:Helotypo,sans-serif;color:#fffffd;background-size:cover;display:flex;flex-direction:column;justify-content:flex-end}@media screen and (max-width: 1600px){.blog-page .header-blog-container{height:75vh;padding:50px}}@media screen and (max-width: 991px){.blog-page .header-blog-container{padding:35px 10px;height:435px}}.blog-page .header-blog-container span{font-size:20px;font-family:Helotypo,sans-serif}@media screen and (max-width: 1399px){.blog-page .header-blog-container span{font-size:14px}}.blog-page .header-blog-container .title-banner-container a{display:flex;align-items:end;text-decoration:none;color:#a7dae9}.blog-page .header-blog-container h1{max-width:450px;font-size:30px;font-weight:700;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;margin-bottom:0}@media screen and (max-width: 1399px){.blog-page .header-blog-container h1{max-width:450px}}@media screen and (max-width: 991px){.blog-page .header-blog-container h1{font-size:30px;max-width:auto;width:100%}}.blog-page .header-blog-container h1 b{font-size:40px}.blog-page .header-blog-container svg{margin-left:30px}@media screen and (max-width: 1399px){.blog-page .header-blog-container svg{margin-left:20px}}.blog-page .header-blog-container .banner-text{width:450px;font-size:26px;display:-webkit-box;line-clamp:0;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}@media screen and (max-width: 1399px){.blog-page .header-blog-container .banner-text{font-size:18px}}.blog-page #filter{font-family:Helotypo,sans-serif;padding:10px 130px 0}@media screen and (max-width: 1600px){.blog-page #filter{padding:10px 30px}}.blog-page #filter .filter-container{display:flex;align-items:center;justify-content:center}.blog-page #filter .search-container{position:relative;width:min-content;margin-bottom:60px;display:flex;align-items:center}@media screen and (max-width: 1600px){.blog-page #filter .search-container{margin-bottom:20px}}@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 :hover{background-color:transparent}@media screen and (max-width: 1600px){.blog-page #filter .search-container button{top:-5px}}.blog-page #filter .input-search{font-size:20px;font-family:Sinteca,sans-serif;background-color:#e8e8e8;width:500px;border-radius:24px;padding:10px 16px}.blog-page #filter .input-search ::placeholder{color:#0083c3}@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 .input-filter{font-size:18px}@media screen and (max-width: 1600px){.blog-page #filter .input-filter{font-size:16px}}.blog-page #filter p{font-size:24px;font-weight:700;color:#9301a7;margin-bottom:10px}.blog-page #filter .topics-container{display:flex;flex-wrap:wrap;gap:15px 25px}.blog-page #filter button{font-size:22px;color:#707070}.blog-page #blog-articles{max-width:1920px;padding:0 30px;margin:0 auto}.blog-page #blog-articles .posts-container{display:grid;grid-template-columns:repeat(3,1fr);place-items:start center;column-gap:25px;row-gap:60px}.blog-page #blog-articles .posts-container a:hover{text-decoration:none}@media screen and (max-width: 1199px){.blog-page #blog-articles .posts-container{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}@media screen and (max-width: 991px){.blog-page #blog-articles .posts-container{grid-template-columns:repeat(1,auto)}}.blog-page #blog-articles .card{width:100%;border:none;background:transparent;color:#9301a7}@media screen and (max-width: 1600px){.blog-page #blog-articles .card b{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex}.blog-page #blog-articles .card a{text-align:left;display:flex;flex-direction:column}.blog-page #blog-articles .card a:hover{text-decoration:none}}@media screen and (max-width: 991px){.blog-page #blog-articles .card{width:100%}}.blog-page #blog-articles .card h3{color:#3d5572;font-family:Sinteca,sans-serif;font-size:22px;font-weight:700;display:-webkit-box;line-clamp:0;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.blog-page #blog-articles img{border-radius:20px;height:250px;object-fit:cover;object-position:center;margin-bottom:15px}@media screen and (max-width: 1399px){.blog-page #blog-articles img{height:250px;margin-bottom:10px}}.blog-page #blog-articles p{font-family:Sinteca,sans-serif;font-size:16px;font-weight:300;color:#707070;display:-webkit-box;line-clamp:0;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:10px;white-space:normal}.blog-page #blog-articles span{white-space:normal;color:#8c8c8c;font-size:12px;font-weight:400;font-family:Sinteca,sans-serif}.blog-page #blog-articles .pagination{font-family:Helotypo,sans-serif;width:100%;display:flex;align-items:center;justify-content:center;margin-top:40px;color:#9301a7;position:relative;height:24px;font-size:18px;gap:20px}.blog-page #blog-articles .pagination :hover{color:#0083c3}.blog-page #blog-articles .pagination .currentPage{font-weight:700}