@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Montserrat:wght@700&display=swap");:root{--brand-color:#e4002c;--black:#000;--white:#fff;--clr-primary-bl:#0c4b9a;--font-title:"Montserrat",sans-serif;--font-text:"Lato",sans-serif}*,:after,:before{box-sizing:border-box}.card__description,.card__section-container,.card__title{margin:0}.card__section-container{align-items:center;background:var(--clr-primary-bl);display:flex;flex-wrap:wrap;justify-content:space-evenly;padding:50px 0}.card__title{color:var(--white);font-family:var(--font-title);font-size:1rem;font-weight:700;line-height:1.1}.card__description{color:#000;font-family:var(--font-text);font-size:small;line-height:1.5}.flow>*+*{margin-top:var(--flow-space,13px)}.card-ec{box-shadow:.25rem .25rem .5rem rgba(0,0,0,.25);display:grid;height:400px;margin-top:20px;max-width:21.875rem;overflow:hidden;place-items:center;width:345px}.card-ec>*{grid-column:1/2;grid-row:1/2}.card__background{height:100%;max-width:100%;object-fit:cover}.card__content{--flow-space:0.9375rem;align-self:flex-end;background:#fff;display:flex;flex-direction:column;height:55%;justify-content:space-between;padding:12% 1.25rem 1.875rem}.card__content--container{--flow-space:1.25rem}.card__title{color:var(--clr-primary-bl);position:relative;width:fit-content;width:-moz-fit-content}.card__title:after{bottom:-.75rem;content:"";height:.3125rem;left:-1.25rem;position:absolute;width:calc(100% + 1.25rem)}.card__button,.card__title:after{background-color:var(--clr-primary-bl)}.card__button{border:none;border-radius:.45em;color:#fff;font-family:var(--font-title);font-size:x-small;font-weight:700;padding:.75em 1.6em;text-decoration:none;width:fit-content;width:-moz-fit-content}.card__button:focus{outline:2px solid #fff;outline-offset:-5px}.card__button:hover{color:#fff}@media (any-hover:hover) and (any-pointer:fine){.card__content{transform:translateY(62%);transition:transform .5s ease-out;transition-delay:.5s}.card__title:after{opacity:0;transform:scaleX(0);transform-origin:right;transition:opacity 1s ease-in,transform .5s ease-out;transition-delay:.5s}.card__background{transition:transform .5s ease-in}.card__button,.card__content--container>:not(.card__title){opacity:0;transition:transform .5s ease-out,opacity .5s ease-out}.card-ec:focus-within,.card-ec:hover{transform:scale(1.05);transition:transform .5s ease-in}.card-ec:focus-within .card__content,.card-ec:hover .card__content{transform:translateY(0);transition:transform .5s ease-in}.card-ec:focus-within .card__content{transition-duration:0ms}.card-ec:focus-within .card__background,.card-ec:hover .card__background{transform:scale(1.3)}.card-ec:focus-within .card__button,.card-ec:focus-within .card__content--container>:not(.card__title),.card-ec:hover .card__button,.card-ec:hover .card__content--container>:not(.card__title){opacity:1;transition:opacity .5s ease-in;transition-delay:1s}.card-ec:focus-within .card__title:after,.card-ec:hover .card__title:after{opacity:1;transform:scaleX(1);transform-origin:left;transition:opacity .5s ease-in,transform .5s ease-in;transition-delay:.5s}}