.flip-cards__container{display:grid;gap:1.75rem;grid-template-columns:repeat(1,1fr);margin:0 auto;max-width:1200px;width:100%}@media (min-width:768px){.flip-cards__container{grid-template-columns:repeat(2,1fr)}}@media (min-width:1280px){.flip-cards__container{grid-template-columns:repeat(4,1fr)}.flip-cards__container.three-cards{grid-template-columns:repeat(3,1fr)}}.flip-cards__card{background-color:#fff9f3;border-radius:10px;box-shadow:0 4px 27px rgba(0,0,0,.07);cursor:pointer;display:flex;flex-direction:column;min-height:200px;overflow:hidden;position:relative}.flip-cards__card--content{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:1.875rem;text-align:center;width:100%}.flip-cards__card--front{background-color:#fff9f3;position:relative;z-index:1}.flip-cards__card--title{color:#0f3948;font-family:Helvetica;font-size:1.5625rem;font-weight:700;line-height:2.1875rem;margin:0 0 1rem}@media (max-width:767px){.flip-cards__card--title{font-size:1.375rem;line-height:2.375rem}}@media (min-width:768px){.flip-cards__card--title:hover{text-decoration:underline}}.flip-cards__card--description{color:#0f3948;font-family:Helvetica;font-size:1rem;font-weight:400;line-height:1.4;margin-bottom:0;text-align:left}.flip-cards__card--back{align-items:center;background-color:#ffbf69;border-radius:10px;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;padding:1.875rem;pointer-events:none;position:absolute;text-align:center;top:0;transition:opacity .4s ease;width:100%;z-index:2}.flip-cards__card:hover .flip-cards__card--back{opacity:1;pointer-events:auto}