.cards{background-color:#fff;color:#000}.cards__wrapper{width:100%}.cards__header{align-items:flex-start;display:flex;flex-direction:column;gap:16px;justify-content:space-between}.cards__header,.cards__header.margin-bottom-24{margin-bottom:24px}.cards__header.margin-bottom-40{margin-bottom:40px}.cards__title-wrap{display:flex;flex-direction:column;gap:8px}.cards__title{color:var(--clr-blue-midnight);margin:0}.cards__underline{display:block}.cards__cta{display:flex}.cards__cta--desktop{display:none}.cards__cta--mobile{justify-content:center;margin-top:24px}.cards__item{list-style:none;width:100%}.cards__card{border-radius:0;display:block;height:320px;overflow:hidden;position:relative;text-decoration:none}.cards__media{background-color:rgba(21,43,86,.55);height:100%;position:relative;width:100%}.cards__media img{display:block;height:100%;object-fit:cover;width:100%}.cards__media:after{background:linear-gradient(180deg,rgba(10,35,92,0),rgba(10,35,92,.75));content:"";inset:0;position:absolute}.cards__label{font-size:var(--body-font-size);font-weight:700}.cards__label--top{background-color:var(--clr-blue-royal);border-radius:8px;color:var(--clr-blue-royal-xlight);font-weight:500;left:24px;padding:8px 16px;position:absolute;top:24px;z-index:2}.cards__label--bottom{align-self:flex-start;background-color:var(--clr-corn-secondary);color:var(--clr-blue-midnight);font-weight:400;line-height:110%;padding:0}.cards__content{inset-inline:24px;bottom:24px;display:flex;flex-direction:column;gap:8px;position:absolute;z-index:2}.cards__card-title{align-items:flex-end;color:var(--clr-white);display:flex;justify-content:space-between;margin:0}.cards__card-title.align-title-center{align-items:center}.cards__card-title.align-title-bottom{align-items:bottom}.cards__icon{align-items:center;background-color:hsla(0,0%,100%,.25);border-radius:999px;display:flex;height:36px;justify-content:center;width:36px;z-index:2}.cards__card .cards__media img{transition:transform .3s ease}.cards__card:focus-visible .cards__media img,.cards__card:hover .cards__media img{transform:scale(1.05)}.cards__card:focus-visible{outline:3px solid rgba(var(--clr-blue-royal-rgb),.4);outline-offset:4px}@media (min-width:768px){.cards__header{align-items:center;flex-direction:row}.cards__cta--desktop{display:flex}.cards__cta--mobile{display:none}.cards__grid{flex-direction:row;grid-template-columns:1fr 1fr 1fr}.cards__card{height:583px}}.cards__filters{display:flex;margin:24px 0 32px}.filter-buttons{background-color:#eef8ff;border-radius:50px;display:flex;gap:0;overflow:hidden;padding:11px}.filter-button{background:transparent;border:none;border-radius:30px;color:#666;cursor:pointer;display:inline-block;font-size:16px;font-weight:400;padding:8px 16px;position:relative;text-decoration:none;transition:all .2s ease;white-space:nowrap;z-index:1}.filter-button:hover{color:#1761e1;text-decoration:none}.filter-button--active{background-color:#1761e1;box-shadow:0 2px 4px rgba(25,118,210,.2);color:#fff}.filter-button--active:hover{color:#888;text-decoration:none}.filter-button:focus-visible{outline:2px solid #1761e1;outline-offset:2px}@media (max-width:767px){.cards__filters{margin:20px 0 24px}.filter-buttons{flex-wrap:wrap;gap:4px;padding:6px}.filter-button{border-radius:18px;font-size:13px;padding:10px 16px}}.cards__pagination{display:flex;justify-content:center;margin-top:40px}.pagination,.pagination__list{align-items:center;display:flex}.pagination__list{gap:8px;list-style:none;margin:0;padding:0}.pagination__item{display:flex}.pagination__button{align-items:center;background-color:#eef8ff;border-radius:50%;color:#1976d2;cursor:pointer;display:flex;font-size:16px;font-weight:400;height:40px;justify-content:center;text-decoration:none;transition:all .2s ease;width:40px}.pagination__button:hover:not(:disabled){background-color:#eef8ff;border-color:#bbdefb;text-decoration:none}.pagination__button:focus-visible{outline:2px solid #1761e1;outline-offset:2px}.pagination__button--active{color:#fff}.pagination__button--active,.pagination__button--active:hover{background-color:#1761e1;border-color:#1761e1}.pagination__button:disabled{cursor:not-allowed;opacity:.5}.pagination__button--next,.pagination__button--prev{background-color:#eef8ff;border-color:#eef8ff}.pagination__button--next:disabled,.pagination__button--prev:disabled{background-color:#eef8ff;border-color:#eef8ff;opacity:.5}.pagination__button svg{height:25px;width:25px}.pagination__ellipsis{align-items:center;color:#1761e1;display:flex;font-size:14px;font-weight:500;height:40px;justify-content:center;width:40px}@media (max-width:767px){.cards__pagination{margin-top:32px}.pagination__button{font-size:13px;height:36px;width:36px}.pagination__list{gap:6px}}.bloglist__text{align-items:self-end;display:flex;justify-content:space-between;margin-bottom:30px}.bloglist__text .bloglist__readmore{display:none}.bloglist__readmore{color:var(--clr-corn-950)}.bloglist__listing{display:grid;grid-template-columns:1fr;grid-gap:8px;list-style:none;margin-top:80px;padding:0}.card{align-self:auto;display:grid;max-width:100%;position:relative}.card__container{display:flex;flex:1;flex-direction:column;height:344px;overflow:hidden;position:relative}.card__text{align-items:end;bottom:24px;display:flex;justify-content:space-between;padding-inline:24px;position:absolute;width:100%}.card h3{color:#fff;line-height:120%;margin-bottom:8px}.card a,.card h3{text-decoration:none}.card a:hover .card__image{transform:scale(1.05)}.card h6{color:var(--accent-one-color);font-size:16px;font-weight:300;line-height:24px}.card__image{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;padding:24px;transition:.3s ease-in;width:100%}.card__tags{display:flex;flex-wrap:wrap;gap:8px;padding-inline:24px;position:absolute;top:24px;width:100%;z-index:2}.card__tag{align-items:center;background-color:var(--clr-blue-royal-light);border-radius:8px;color:var(--clr-blue-royal);display:flex;font-weight:700;justify-content:center;line-height:24px;padding:8px 16px}.card__readmore svg{background-color:hsla(0,0%,100%,.25);border-radius:28px;color:var(--color-white);display:inline-block;height:36px;padding:8px;width:36px}.bloglist__footer{display:flex;margin-top:30px}.bloglist__footer .bloglist__readmore{width:100%}@media (min-width:768px){.bloglist__listing{grid-template-columns:1fr 1fr}.bloglist__text .bloglist__readmore{display:block}.bloglist__footer{display:none}}@media (min-width:992px){.card__container{height:348px}}