section.blog-index .wrapper{max-width:1180px}section.blog-index .wrapper>.content{max-width:1000px;margin:0 auto;text-align:center}section.blog-index .wrapper .blogs{display:grid;grid-template-columns:1fr;column-gap:auto;row-gap:auto;gap:1rem;margin-top:3rem}section.blog-index .wrapper .blogs .blog{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;flex-wrap:auto;border-radius:1rem;overflow:hidden;width:100%;height:100%}section.blog-index .wrapper .blogs .blog:nth-child(odd){background:#f36a10}section.blog-index .wrapper .blogs .blog:nth-child(odd) .content .btns .btn{background:#832900}section.blog-index .wrapper .blogs .blog:nth-child(odd) .content .btns .btn:hover,section.blog-index .wrapper .blogs .blog:nth-child(odd) .content .btns .btn:active,section.blog-index .wrapper .blogs .blog:nth-child(odd) .content .btns .btn:focus{background:#f36a10}section.blog-index .wrapper .blogs .blog:nth-child(2n){background:#74973D}section.blog-index .wrapper .blogs .blog:nth-child(2n) .content .btns .btn{background:#4d752d}section.blog-index .wrapper .blogs .blog:nth-child(2n) .content .btns .btn:hover,section.blog-index .wrapper .blogs .blog:nth-child(2n) .content .btns .btn:active,section.blog-index .wrapper .blogs .blog:nth-child(2n) .content .btns .btn:focus{background:#74973D}section.blog-index .wrapper .blogs .blog>*{width:100%}section.blog-index .wrapper .blogs .blog .image{position:relative;aspect-ratio:1.65/1;width:100%;overflow:hidden}section.blog-index .wrapper .blogs .blog .image img{width:100%;height:100%;object-fit:cover;object-position:center}section.blog-index .wrapper .blogs .blog .content{position:relative;padding:1rem;flex:1;display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;flex-wrap:auto}section.blog-index .wrapper .blogs .blog .content .top-border{position:absolute;width:100%;height:30px;top:-28px;left:0;z-index:2}section.blog-index .wrapper .blogs .blog .content .top-border svg{width:100%;height:100%;display:block}section.blog-index .wrapper .blogs .blog .content h3{font-size:1.75rem;color:#fff}section.blog-index .wrapper .blogs .blog .content p,section.blog-index .wrapper .blogs .blog .content p *{color:#fff}section.blog-index .wrapper .blogs .blog .content .btns{margin-top:2rem;width:100%}section.blog-index .wrapper .blogs .blog .content .btns .btn{width:100%}section.blog-index .wrapper .pagination{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:auto;gap:2rem;margin-top:4rem}section.blog-index .wrapper .pagination .previous,section.blog-index .wrapper .pagination .next{background:#74973D;width:40px;height:40px;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:auto;transition:all .3s ease;cursor:pointer}section.blog-index .wrapper .pagination .previous svg,section.blog-index .wrapper .pagination .next svg{width:32px;height:32px;min-width:32px;min-height:32px}section.blog-index .wrapper .pagination .previous:not(.disabled):hover,section.blog-index .wrapper .pagination .next:not(.disabled):hover{background:#f36a10}section.blog-index .wrapper .pagination .previous.disabled,section.blog-index .wrapper .pagination .next.disabled{opacity:.2}section.blog-index .wrapper .pagination .pages{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:auto;gap:1.5rem}section.blog-index .wrapper .pagination .pages a{font-weight:700;font-size:1.25rem;color:#a8c742;text-decoration:none}section.blog-index .wrapper .pagination .pages a.current{color:#f36a10}@media only screen and (min-width: 992px){section.blog-index .wrapper .blogs{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width: 1200px){section.blog-index .wrapper>.content p{font-size:1.5rem}section.blog-index .wrapper .blogs{grid-template-columns:1fr 1fr 1fr}section.blog-index .wrapper .blogs .blog{border-radius:2rem}section.blog-index .wrapper .blogs .blog.wide{grid-column-start:1;grid-column-end:3}section.blog-index .wrapper .blogs .blog.wide .image{aspect-ratio:2/1}section.blog-index .wrapper .blogs .blog .content{padding:1rem 2rem 1.5rem}section.blog-index .wrapper .blogs .blog .content .top-border{position:absolute;width:100%;height:40px;top:-20px;left:0;z-index:2}section.blog-index .wrapper .blogs .blog .content .top-border svg{width:100%;height:100%;display:block}}