:root{--font-jakarta: "Plus Jakarta Sans", sans-serif;--white: #FFFFFF;--light-blue: #EDF9FA;--blue: #009AAF;--dark-blue: #0E223D;--red: #FF4B40;--system-blue: #0056C9;--top-bottom-padding-xl: 100px;--top-bottom-padding-l: 80px;--top-bottom-padding-m: 64px;--top-bottom-padding-s: 40px;--top-bottom-padding-none: 0;--section-width: 1440px;--left-right-margins: 80px;--header-content: 40px;--boreder-radius-m: 32px;--boreder-radius-s: 16px;--distance-between-elements-xxl: 80px;--distance-between-elements-xl: 64px;--distance-between-elements-l: 40px;--distance-between-elements-m: 32px;--distance-between-elements-s: 24px;--distance-between-elements-xs: 16px;--distance-between-elements-xxs: 8px}@media screen and (width <= 1024px){:root{--top-bottom-padding-xl: 80px;--top-bottom-padding-l: 64px;--top-bottom-padding-m: 40px;--top-bottom-padding-s: 32px;--left-right-margins: 16px;--header-content: 24px;--boreder-radius-m: 16px;--boreder-radius-s: 8px;--distance-between-elements-xxl: 56px;--distance-between-elements-xl: 40px;--distance-between-elements-l: 32px;--distance-between-elements-m: 24px;--distance-between-elements-s: 16px}}@media screen and (width <= 576px){:root{--top-bottom-padding-xl: 64px;--top-bottom-padding-l: 40px;--top-bottom-padding-m: 32px;--top-bottom-padding-s: 24px;--distance-between-elements-xxl: 40px;--distance-between-elements-xl: 32px;--distance-between-elements-l: 24px;--distance-between-elements-m: 16px;--distance-between-elements-xs: 8px}}.cards-with-hover{--section-bg: var(--light-blue);--section-heading-color: var(--dark-blue);--section-text-color: var(--dark-blue);--section-accent-color: var(--blue);padding-top:var(--padding-top, 64px);padding-bottom:var(--padding-bottom, 64px)}@media screen and (width <= 1024px){.cards-with-hover{padding-top:var(--padding-top-mobile, 32px);padding-bottom:var(--padding-bottom-mobile, 64px)}}@media screen and (width <= 1024px){.cards-with-hover__container{gap:24px}}.cards-with-hover__content{display:grid;grid-template-columns:repeat(2, 1fr);gap:40px}@media screen and (width <= 1024px){.cards-with-hover__content{display:contents}}.cards-with-hover__heading{display:block;text-align:var(--text-align)}.cards-with-hover__title{display:inline-block;max-width:720px;color:var(--section-heading-color)}.cards-with-hover__cards{flex:1;display:flex;flex-flow:row wrap;justify-content:center;gap:var(--distance-between-elements-m);width:100%}.cards-with-hover__cards img{width:100%;height:auto;aspect-ratio:624/308;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;overflow:hidden;border-radius:0}.cards-with-hover__cards .card{--card-border-width: 0px;--card-border-color: transparent;--card-content-gap: 0;--card-content-padding-y: 23px;--card-content-padding-x: 23px}@media screen and (width <= 768px){.cards-with-hover__cards .card{--card-content-padding-y: 15px;--card-content-padding-x: 15px;--card-content-gap: 8px}}.cards-with-hover__cards .card{background:var(--card-bg, transparent);border:var(--card-border-width, 1px) solid var(--card-border-color, var(--black));padding:var(--card-padding-y, 0) var(--card-padding-x, 0);display:flex;flex-flow:column nowrap;gap:var(--card-gap, 0);text-decoration:none}.cards-with-hover__cards .card.link:hover{border-color:var(--card-border-color-hover)}.cards-with-hover__cards .card__media{font-size:0}.cards-with-hover__cards .card__headline{display:flex;flex-flow:column nowrap;gap:var(--card-headline-gap, 0)}.cards-with-hover__cards .card__content{display:flex;flex-flow:column nowrap;gap:var(--card-content-gap, 0);padding:var(--card-content-padding-y, 0) var(--card-content-padding-x, 0)}.cards-with-hover__cards .card__description{display:flex;flex-flow:column nowrap;gap:var(--card-description-gap, 0)}.cards-with-hover__cards .card{padding-bottom:80px;position:relative;width:calc(50% - var(--distance-between-elements-m)/2)}@media screen and (width <= 768px){.cards-with-hover__cards .card{width:100%;padding-bottom:0}}@media screen and (width <= 768px){.cards-with-hover__cards .card__media{display:none}}.cards-with-hover__cards .card__content{background-color:var(--white);position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-rows:min-content 0fr;transition:grid-template-rows .23s ease;border-radius:24px;border:1px solid var(--blue)}@media screen and (width <= 768px){.cards-with-hover__cards .card__content{position:static;border-radius:16px}}.cards-with-hover__cards .card__content__button{margin:0;padding:0;border:0;background:rgba(0,0,0,0);display:flex;flex-flow:nowrap;justify-content:space-between;align-items:center;gap:var(--distance-between-elements-s);text-align:left;cursor:pointer}.cards-with-hover__cards .card__content__button:after{content:"";display:inline-block;width:32px;height:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 33' fill='none'%3E%3Crect width='32' height='32' rx='16' transform='matrix(0 1 1 0 0 0.880127)' fill='%23009AAF'/%3E%3Cpath d='M10 17.0295L22 17.0295' stroke='white' stroke-linecap='round'/%3E%3Cpath d='M16 23.0286V11.0286' stroke='white' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain}.cards-with-hover__cards .card__content--hover{opacity:0;visibility:hidden;overflow:hidden;display:flex;flex-flow:column nowrap;gap:var(--distance-between-elements-s)}@media screen and (width <= 768px){.cards-with-hover__cards .card__content{--card-content-gap: var(--distance-between-elements-s);grid-template-rows:min-content 1fr}.cards-with-hover__cards .card__content .card__content__button:after{display:none}.cards-with-hover__cards .card__content .card__content--hover{opacity:1;visibility:visible}}.cards-with-hover__cards .card__content.active{--card-content-gap: var(--distance-between-elements-s);grid-template-rows:min-content 1fr}.cards-with-hover__cards .card__content.active .card__content__button:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 33' fill='none'%3E%3Crect width='32' height='32' rx='16' transform='matrix(0 1 1 0 0 0.880127)' fill='%23009AAF'/%3E%3Cpath d='M10 17.0295L22 17.0295' stroke='white' stroke-linecap='round'/%3E%3C/svg%3E")}.cards-with-hover__cards .card__content.active .card__content--hover{opacity:1;visibility:visible}.cards-with-hover__cards .card__title{margin:0;flex:1;color:var(--section-heading-color);font-family:var(--font-jakarta);font-size:1.5rem;font-style:normal;font-weight:700;line-height:29px}@media screen and (width <= 1024px){.cards-with-hover__cards .card__title{font-size:1.25rem;line-height:120%}}.cards-with-hover__cards .card__description span,.cards-with-hover__cards .card__description p{margin:0;--line-height: 21px;font-family:var(--font-jakarta);font-size:1rem;font-style:normal;font-weight:400;line-height:var(--line-height)}.cards-with-hover__cards .card__description span:not([class])+.cards-with-hover__cards .card__description span:not([class]),.cards-with-hover__cards .card__description span:not([class])+.cards-with-hover__cards .card__description p:not([class]),.cards-with-hover__cards .card__description p:not([class])+.cards-with-hover__cards .card__description span:not([class]),.cards-with-hover__cards .card__description p:not([class])+.cards-with-hover__cards .card__description p:not([class]){margin-top:var(--line-height)}@media screen and (width <= 768px){.cards-with-hover__cards .card__description span,.cards-with-hover__cards .card__description p{--line-height: 1.125rem;font-size:.875rem}}.cards-with-hover__cards .card__description span a,.cards-with-hover__cards .card__description p a{color:inherit;font-weight:inherit}.cards-with-hover__cards .card__description span a:hover,.cards-with-hover__cards .card__description p a:hover{color:var(--red)}.cards-with-hover__buttons{display:flex;gap:24px;justify-content:center}@media screen and (width <= 576px){.cards-with-hover__buttons{justify-content:flex-start}}.align--left{--text-align: left;--content-align: flex-start}.align--center{--text-align: center;--content-align: center}.align--right{--text-align: right;--content-align: flex-end}@media screen and (width <= 576px){.align-mobile--left{--text-align: left;--content-align: flex-start}.align-mobile--center{--text-align: center;--content-align: center}.align-mobile--right{--text-align: right;--content-align: flex-end}}