.base{padding-left:20px;padding-right:20px}.base .wrapper{margin:0 auto;max-width:1320px;width:100%}.h3{font-size:1.125rem;letter-spacing:-.01em;line-height:1.6875rem}@media screen and (min-width:768px){.h3{font-size:1.5rem;line-height:2.25rem}}.blog-index-hero{background-color:#fff;box-shadow:0 7px 7px #00000008;padding-bottom:80px;padding-top:80px;position:relative;z-index:1}@media screen and (min-width:768px){.blog-index-hero{padding-bottom:80px;padding-top:80px}}.blog-index-hero .subtitle{color:#3eb1cb;font-size:.875rem;font-weight:600;letter-spacing:.08em;line-height:1rem;padding-bottom:32px;text-transform:uppercase}.blog-index-hero .content{color:#8b8b8b;font-size:1.5rem;letter-spacing:-.01em;line-height:2.25rem}.blog-post-tags{padding-bottom:32px;padding-top:64px}@media screen and (min-width:768px){.blog-post-tags{padding-bottom:64px;padding-top:100px}}.blog-post-tags .title{color:#3eb1cb;font-size:.875rem;font-weight:600;letter-spacing:.08em;line-height:1rem;padding-bottom:32px;text-transform:uppercase}.tags{display:flex;flex-wrap:wrap;gap:16px}@media screen and (min-width:768px){.tags{gap:32px}}.tags .tag{align-items:center;background-color:#edf1f2;border:1px solid #d7dadb;color:#333;display:flex;font-size:.75rem;font-weight:600;gap:12px;letter-spacing:.08em;line-height:.875rem;min-height:38px;padding:10px;text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out}.tags .tag:hover{background-color:#aaadad;border-color:#8e9191;color:#fff;text-decoration:none}.tags .tag img{height:16px;width:16px}.tags .tag img.icon{display:block}.tags .tag img.hover_icon,.tags .tag:hover img.icon{display:none}.tags .tag:hover img.hover_icon{display:block}.blog-listing .wrapper{display:flex;flex-direction:column;gap:40px;max-width:1140px;padding-bottom:40px;padding-top:40px}.blog-listing .blog-card{background-color:#fff;box-shadow:0 7px 7px rgba(0,0,0,.08);color:#333;display:flex;flex-direction:column;text-decoration:none}@media screen and (min-width:768px){.blog-listing .blog-card{flex-direction:row}}.blog-listing .blog-card:hover{text-decoration:none}.blog-listing .blog-card .blog-card__header{max-width:100%;overflow:clip;width:100%}@media screen and (min-width:768px){.blog-listing .blog-card .blog-card__header{max-width:330px;min-width:320px}}.blog-listing .blog-card .blog-card__header img{height:100%;object-fit:cover;transition:transform .3s ease-in-out;width:100%}.blog-listing .blog-card:hover .blog-card__header img{transform:scale(1.1)}.blog-listing .blog-card .blog-card__body{display:flex;flex-direction:column;padding:32px}.blog-card__body .tags{margin-bottom:16px}.blog-card__body .tags .tag{border:none;font-size:.625rem;line-height:.875rem;min-height:28px;padding:6px 10px}.blog-card__body .tags .tag:hover{background-color:#edf1f2;border:none;color:#333}.blog-card__body .tags .tag:hover img.icon{display:block}.blog-card__body .tags .tag:hover img.hover_icon{display:none}.blog-listing .blog-card .blog-card__body .content{color:#787a7a;font-size:.875rem;font-weight:400;margin-bottom:40px}.blog-listing .blog-card .blog-card__body .btn-readmore{align-items:center;color:#3eb1cb;display:flex;font-size:.75rem;font-weight:600;gap:16px;letter-spacing:.08em;line-height:1.125rem;text-transform:uppercase}.blog-listing .blog-card:hover .blog-card__body .btn-readmore{color:#005f83}.blog-listing .blog-card .blog-card__body .btn-readmore svg{transition:.3s ease-in-out}.blog-listing .blog-card:hover .blog-card__body .btn-readmore svg{transform:translate(5px)}.blog-listing .blog-card .blog-card__body .btn-readmore svg path{fill:#3eb1cb}.blog-listing .blog-card:hover .blog-card__body .btn-readmore svg path{fill:#005f83}.listing-wrapper{background:linear-gradient(1turn,#edf1f200,#edf1f2)}.blog-listing-filter{padding-bottom:40px;padding-top:40px}.blog-listing-filter .wrapper{border-bottom:1px solid #c0c4c4;padding-bottom:40px}.blog-listing-filter .blog-listing-filter__header{display:flex;gap:16px}.filter-group{width:100%}.blog-listing-filter__header .filter-group .title{align-items:center;background:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:15px 20px}.blog-listing-filter .sub-filters{background:#fff;padding:40px 20px}.blog-listing-filter .blog-listing-filter__body .sub-filters .tags{gap:16px;padding-bottom:16px}.blog-listing-filter .blog-listing-filter__body .sub-filters .tags .tag{cursor:pointer;transition:all .25s ease-in-out}.blog-listing-filter .blog-listing-filter__body .sub-filters .tags .tag.active,.blog-listing-filter .blog-listing-filter__body .sub-filters .tags .tag:hover{background:#3eb1cb;border-color:#3eb1cb;color:#fff}.blog-listing-filter .blog-listing-filter__body .sub-filters .reset-group{border-top:1px solid #c0c4c4;display:flex;justify-content:flex-end;padding-top:32px}.blog-listing-filter .blog-listing-filter__body .sub-filters .reset{color:#8e9191;cursor:pointer;margin-left:auto;padding:14px 40px}.filter-group .title.active{background:#fff}.filter-group .title.inactive{opacity:.5}.blog-listing-filter__body{max-height:0;overflow:clip;transition:max-height .3s ease-in-out}.blog-listing-filter__body:has(.sub-filters.active){max-height:1000px;transition:max-height .3s ease-in-out}@media screen and (min-width:568px){.blog-listing-filter__body:has(.sub-filters.active){max-height:500px}}.sub-filters{display:none}.sub-filters.active{display:block}.blog-card,.fade-in{opacity:1;transition:opacity .3s ease-in-out}.blog-pagination{padding-bottom:64px;padding-top:32px}@media screen and (min-width:1024px){.blog-pagination{padding-bottom:128px;padding-top:64px}}.pagination{display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.pagination button{align-items:center;background-color:transparent;border:none;border-radius:50%;color:#8e9191;cursor:pointer;display:inline-flex;font-weight:400;height:40px;justify-content:center;line-height:30px;max-width:40px;outline:none;padding:0 5px;text-align:center;text-decoration:none;transition:background-color .2s linear;width:100%}.pagination button.active,.pagination button:hover{background-color:#edf1f2;border:none;border-radius:50%;color:#333;outline:none}.pagination button:disabled,.pagination button:first-of-type,.pagination button:hover:first-of-type,.pagination button:hover:last-of-type,.pagination button:last-of-type{background:transparent}.pagination button:first-of-type,.pagination button:last-of-type{font-size:12px}.pagination button:disabled{display:none}