section.blog-index{padding:32px 0}section.blog-index .wrapper .displaying{background:#B9EAFE;padding:32px}section.blog-index .wrapper .displaying p{font-size:1.25rem;font-weight:600}section.blog-index .wrapper .list{display:flex;align-items:center;justify-content:center;flex-direction:column-reverse;flex-wrap:auto}section.blog-index .wrapper .filters{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;flex-wrap:auto;gap:32px;padding:16px 0 0;width:100%;max-width:328px}section.blog-index .wrapper .filters .accordion-container{width:100%}section.blog-index .wrapper .filters .accordion-container .accordion-wrapper{border-bottom:0;border-radius:16px;overflow:hidden;box-shadow:0 5px 12px #090c101a}section.blog-index .wrapper .filters .accordion-container .accordion-wrapper.open .accordion{background:#B9EAFE}section.blog-index .wrapper .filters .accordion-container .accordion-wrapper.open .accordion p{color:#0b506f}section.blog-index .wrapper .filters .accordion-container .accordion-wrapper.open .accordion svg path{stroke:#0b506f}section.blog-index .wrapper .filters .accordion-container .accordion-wrapper.open .accordion svg path:first-child{width:0;opacity:0}section.blog-index .wrapper .filters .accordion-container .accordion-wrapper .accordion{display:flex;align-items:center;justify-content:space-between;flex-direction:row;flex-wrap:auto;background:#0B506F;padding:16px;transition:all .3s ease}section.blog-index .wrapper .filters .accordion-container .accordion-wrapper .accordion p{color:#fff;margin-bottom:0;font-size:1.25rem;font-weight:600}section.blog-index .wrapper .filters .accordion-container .accordion-wrapper .accordion svg{width:32px}section.blog-index .wrapper .filters .accordion-container .accordion-wrapper .accordion svg path{stroke:#fff;transition:all .3s ease}section.blog-index .wrapper .filters .accordion-container .accordion-wrapper .panel{background:#FFF}section.blog-index .wrapper .filters .accordion-container .accordion-wrapper .panel .wrapper{padding:16px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;flex-wrap:auto;gap:24px}section.blog-index .wrapper .filters .accordion-container .accordion-wrapper .panel .wrapper .child{display:flex;align-items:center;justify-content:space-between;flex-direction:row;flex-wrap:auto;width:100%}section.blog-index .wrapper .filters .accordion-container .accordion-wrapper .panel .wrapper .child .checkboxes{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;flex-wrap:auto;position:relative;padding-left:35px;height:24px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;user-select:none}section.blog-index .wrapper .filters .accordion-container .accordion-wrapper .panel .wrapper .child .checkboxes label.check{display:flex;align-items:center;justify-content:flex-end;flex-direction:row-reverse;flex-wrap:auto;gap:16px;line-height:1}section.blog-index .wrapper .filters .accordion-container .accordion-wrapper .panel .wrapper .child .checkboxes label.check .checkmark{position:absolute;top:0;left:0;height:24px;border-radius:4px;width:24px;border:solid 3px #0B506F;background-color:transparent;cursor:pointer;transition:all .3s ease}section.blog-index .wrapper .filters .accordion-container .accordion-wrapper .panel .wrapper .child .checkboxes label.check .checkmark:after{content:"";position:absolute;opacity:0;cursor:pointer;transition:opacity .3s ease}section.blog-index .wrapper .filters .accordion-container .accordion-wrapper .panel .wrapper .child .checkboxes label.check input:checked~.checkmark{background-color:#0b506f}section.blog-index .wrapper .filters .accordion-container .accordion-wrapper .panel .wrapper .child .checkboxes label.check input:checked~.checkmark:after{opacity:1;left:5px;top:0;width:8px;height:15px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg)}section.blog-index .wrapper .filters .accordion-container .accordion-wrapper .panel .wrapper .child .checkboxes label.check input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}section.blog-index .wrapper .posts{display:flex;align-items:flex-start;justify-content:center;flex-direction:row;flex-wrap:wrap;gap:36px;padding:16px;width:100%}section.blog-index .wrapper .posts .post{width:100%;align-self:stretch;max-width:328px;border-radius:16px;box-shadow:0 5px 12px #090c101a;overflow:hidden}section.blog-index .wrapper .posts .post a{width:100%;height:100%;text-decoration:none;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;flex-wrap:auto}section.blog-index .wrapper .posts .post:hover .content{background:#E0F4FE}section.blog-index .wrapper .posts .post .image{background:#066186;aspect-ratio:16/9;overflow:hidden}section.blog-index .wrapper .posts .post .image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}section.blog-index .wrapper .posts .post .content{background:#FFF;padding:32px 16px;flex:1;transition:all .3s ease}section.blog-index .wrapper .posts .post .content h5.type{font-family:Montserrat,sans-serif;font-weight:800;font-size:1rem;color:#0cb4eb;line-height:1.3;margin-bottom:8px;text-transform:uppercase}section.blog-index .wrapper .posts .post .content h4{font-size:1.5rem;font-weight:600}section.blog-index .wrapper .posts .pagination{flex-basis:100%}@media only screen and (min-width: 601px){section.blog-index .wrapper .displaying{padding:32px 48px}section.blog-index .wrapper .filters{max-width:696px}section.blog-index .wrapper .posts{flex-direction:row;flex-wrap:wrap}}@media only screen and (min-width: 992px){section.blog-index{padding:64px 16px}section.blog-index .wrapper .displaying{border-radius:16px;margin-bottom:48px}section.blog-index .wrapper .list{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:row;flex-wrap:wrap;gap:80px}section.blog-index .wrapper .list .posts{max-width:748px;padding:0}section.blog-index .wrapper .list .posts .post{max-width:100%}section.blog-index .wrapper .list .posts .post a{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:row;flex-wrap:auto}section.blog-index .wrapper .list .posts .post .image{max-width:243px;width:100%;align-self:stretch}section.blog-index .wrapper .list .posts .post .content{align-self:stretch;padding:32px 16px 32px 32px}section.blog-index .wrapper .filters{flex:1;padding:0}}