@font-face{font-family:Century Gothic;src:url(/fonts/CenturyGothic.eot);src:url(/fonts/CenturyGothic.eot?#iefix) format("embedded-opentype"),url(/fonts/CenturyGothic.woff2) format("woff2"),url(/fonts/CenturyGothic.woff) format("woff"),url(/fonts/CenturyGothic.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Impact;src:url(/fonts/Impact.eot);src:url(/fonts/Impact.eot?#iefix) format("embedded-opentype"),url(/fonts/Impact.woff2) format("woff2"),url(/fonts/Impact.woff) format("woff"),url(/fonts/Impact.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Century Gothic;src:url(/fonts/CenturyGothic-Bold.eot);src:url(/fonts/CenturyGothic-Bold.eot?#iefix) format("embedded-opentype"),url(/fonts/CenturyGothic-Bold.woff2) format("woff2"),url(/fonts/CenturyGothic-Bold.woff) format("woff"),url(/fonts/CenturyGothic-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}.blog-page{font-family:Century Gothic}.blog-page h3{text-align:center}.blog-page #filter{display:flex;flex-direction:column;max-width:1440px;margin:0 auto;justify-content:center}@media screen and (max-width: 993px){.blog-page #filter{margin-bottom:20px}}.blog-page #filter #orderForm{width:100%}.blog-page #filter .head-blog{padding:3em 5%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}@media screen and (max-width: 993px){.blog-page #filter .head-blog{padding-top:60px;padding-bottom:30px}}.blog-page #filter h1{color:#707070}.blog-page #filter .filter-container{width:100%;display:flex;flex-direction:column}.blog-page #filter .search-container{position:relative;width:min-content;display:flex;align-items:center}@media screen and (max-width: 993px){.blog-page #filter .search-container{width:100%;margin:0 auto}}.blog-page #filter .search-container .buttons-container{display:flex;align-items:center;gap:10px;position:absolute;right:20px}.blog-page #filter .search-container button{border:none;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0}.blog-page #filter .search-container button svg{color:#c2c2c2}.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 #707070;padding:5px 12px;font-size:16px;width:400px}.blog-page #filter .input-search ::placeholder{color:#557740}@media screen and (max-width: 993px){.blog-page #filter .input-search{width:100%}}.blog-page #filter .topics-container{margin-top:20px;display:flex;align-items:center;gap:10px;font-family:Century Gothic}@media screen and (max-width: 993px){.blog-page #filter .topics-container{overflow-x:auto;justify-content:flex-start;padding-bottom:10px}}.blog-page #filter .topics-container .input-filter{font-family:Century Gothic;font-size:16px;color:#707070;font-weight:500;padding:8px 14px;border-radius:35px}.blog-page #filter .topics-container .filter-select{background-color:#557740;color:#fff}.blog-page #filter .order-filter-container{padding:0 5%}.blog-page #blog-articles{width:100%;max-width:1440px;margin:0 auto 60px}.blog-page #blog-articles .count-blog{font-family:Impact;font-weight:300;color:#707070;font-size:16px;font-weight:400}.blog-page #blog-articles .posts-container{display:grid;grid-template-columns:repeat(3,1fr);place-items:center;gap:15px;row-gap:40px}@media screen and (max-width: 993px){.blog-page #blog-articles .posts-container{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 749px){.blog-page #blog-articles .posts-container{grid-template-columns:repeat(1,1fr)}}.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}.blog-page #blog-articles .posts-container .card img{width:100%;object-fit:cover;aspect-ratio:364/266;border-radius:24px}@media screen and (max-width: 993px){.blog-page #blog-articles .posts-container .card img{border-radius:10px}}.blog-page #blog-articles .posts-container .card .tag{position:absolute;top:18px;right:18px;font-size:11px;color:#fff;background-color:#557740;padding:4px 14px;border-radius:16px;font-weight:400}@media screen and (max-width: 993px){.blog-page #blog-articles .posts-container .card .tag{right:5px;top:5px}}.blog-page #blog-articles .posts-container .card .title-card{margin-top:10px;font-family:Century Gothic;font-weight:700;font-size:18px;color:#707070}@media screen and (max-width: 993px){.blog-page #blog-articles .posts-container .card .title-card{margin-bottom:0;font-size:16px}}.blog-page #blog-articles .posts-container .card p{font-family:Century Gothic;font-size:14px;font-weight:400;color:#8a989a;margin:8px 0 6px;display:-webkit-box;line-clamp:0;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width: 993px){.blog-page #blog-articles .posts-container .card p{font-size:14px}}.blog-page #blog-articles .posts-container .card span{font-size:12px;font-weight:400;color:#8a989a}@media screen and (max-width: 993px){.blog-page #blog-articles .posts-container .card span{font-size:12px}}.blog-page .pagination{display:flex;align-items:center;justify-content:center;margin-top:50px;gap:5px;font-family:Impact;font-size:20px;font-weight:500}.blog-page .pagination .nav-page{height:35px;width:35px;display:flex;justify-content:center;align-items:center}.blog-page .pagination .disabled{pointer-events:none;cursor:default}.blog-page a{height:35px;width:35px;display:flex;justify-content:center;align-items:center}.blog-page a:hover{background-color:#f5f5f5;color:currentColor;text-decoration:none}.blog-page .current-page{font-weight:700;background-color:#f5f5f5}.order-filter-container{display:flex;align-items:center;justify-content:space-between;max-width:1440px;width:100%;margin:0 auto 20px}@media screen and (max-width: 993px){.order-filter-container{flex-direction:column-reverse;gap:20px}}.order-container{display:flex;align-items:center;border-radius:20px;padding:2px 20px;color:#707070;gap:.5em}.order-container label{width:-webkit-fill-available;font-weight:400}.order-container select{font-weight:400;border:none;width:max-content;padding-right:50px;color:#707070;background-color:#f4f4f4;border-radius:1.5em}.order-container select:focus{box-shadow:none}
