.flexible-framer .component__content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:80px}
@media screen and (max-width:767px){.flexible-framer .component__content{gap:48px}
}
@media screen and (min-width:768px) and (max-width:1023px){.flexible-framer .component__content{gap:64px}
}
.flexible-framer .component__header{display:flex;align-self:stretch}
.flexible-framer .component__header .center{text-align:center;padding:0}
@media screen and (max-width:767px){.flexible-framer .component__header .center .component__title,.flexible-framer .component__header .center .component__sub-title{text-align:center}
}
.flexible-framer .component__header .left{align-items:flex-start}
.flexible-framer .component__header-content{display:flex;flex-direction:column;gap:16px;align-self:stretch}
@media screen and (max-width:1023px){.flexible-framer .component__header-content{padding-left:0;padding-right:0}
}
.flexible-framer .component__body{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:64px}
@media screen and (max-width:767px){.flexible-framer .component__body{width:100%}
}
.flexible-framer .component__tiles-container{display:flex;justify-content:center;align-items:flex-start;gap:64px 32px;flex-wrap:wrap}
@media screen and (max-width:767px){.flexible-framer .component__tiles-container{width:100%;gap:32px 0}
}
@media screen and (min-width:768px) and (max-width:1023px){.flexible-framer .component__tiles-container{gap:32px 32px}
}
.flexible-framer .component__tiles-container .component__tile-row{display:flex;flex-direction:row;gap:32px}
@media screen and (max-width:767px){.flexible-framer .component__tiles-container .component__tile-row{flex-direction:column;width:100%;max-width:352px}
}
@media screen and (min-width:768px) and (max-width:1023px){.flexible-framer .component__tiles-container .component__tile-row{flex-wrap:wrap;justify-content:center}
}
.flexible-framer .component__tile{display:flex;width:288px;flex-direction:column;align-items:center;gap:32px;flex-shrink:0}
@media screen and (max-width:767px){.flexible-framer .component__tile{width:100%;max-width:352px}
}
@media screen and (min-width:768px) and (max-width:1023px){.flexible-framer .component__tile{width:352px}
}
.flexible-framer .component__tile-header{display:flex;width:100%;height:auto}
.flexible-framer .component__tile-header.full-width{width:288px}
@media screen and (max-width:767px){.flexible-framer .component__tile-header.full-width{width:100%}
}
@media screen and (min-width:768px) and (max-width:1023px){.flexible-framer .component__tile-header.full-width{width:352px}
}
.flexible-framer .component__tile-header.circle-crop img{height:148px;width:148px;margin:0 auto;border-radius:999px}
.flexible-framer .component__tile-header.square-crop img{height:148px;width:148px;margin:0 auto;border-radius:12px}
.flexible-framer .component__tile-image{object-fit:cover;aspect-ratio:16 / 9;height:100%}
.flexible-framer .component__tile-body{display:flex;width:100%;flex-direction:column;gap:8px}
.flexible-framer .component__tile-body.left{align-items:flex-start}
@media screen and (max-width:1023px){.flexible-framer .component__tile-body.left{padding-left:16px}
}
.flexible-framer .component__tile-body.center{align-items:center;text-align:center}
body[dir="rtl"] .flexible-framer .component{direction:rtl}