.sura-about{padding-top:var(--about-pt, 48px);padding-bottom:var(--about-pb, 48px);background:var(--about-bg, #fff);font-family:var(--sura-font, "Poppins", system-ui, sans-serif)}.sura-about__heading{margin:0 0 24px;font-size:clamp(1.25rem,2.2vw,1.875rem);font-weight:700;line-height:1.2;letter-spacing:.01em;color:var(--about-heading, #14213d)}.sura-about__heading--center{text-align:center}.sura-about__heading--left{text-align:left}.sura-about__grid{display:grid;grid-template-columns:var(--about-ratio, minmax(0, 1.5fr) minmax(0, 1fr));gap:var(--about-gap, 20px);align-items:center}.sura-about__panel{min-width:0}.sura-about--reverse .sura-about__panel--text{order:2}.sura-about--reverse .sura-about__panel--media{order:1}.sura-about__panel{border-radius:var(--about-radius, 10px);overflow:hidden}.sura-about__panel--text{display:flex;flex-direction:column;position:relative;z-index:1;padding:32px 34px;padding-inline-end:calc(34px + var(--about-overlap, 0px));background:var(--about-text-bg, #f5efe0)}.sura-about--reverse .sura-about__panel--text{padding-inline-end:34px;padding-inline-start:calc(34px + var(--about-overlap, 0px))}.sura-about__title{margin:0 0 16px;max-width:28ch;font-size:clamp(1.05rem,1.7vw,1.4rem);font-weight:700;line-height:1.3;color:var(--about-title-color, #14213d)}.sura-about__body{color:var(--about-body-color, #3f4652);font-size:14px;line-height:1.65;overflow-wrap:break-word}.sura-about__body>:first-child{margin-top:0}.sura-about__body>:last-child{margin-bottom:0}.sura-about__body p+p{margin-top:12px}.sura-about__foot{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-top:auto;padding-top:24px}.sura-about__link{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:600;text-decoration:none;color:var(--about-link-color, #14213d);border-bottom:1px solid currentColor;padding-bottom:2px}.sura-about__arrow{transition:transform .15s ease}.sura-about__link:hover .sura-about__arrow{transform:translate(3px)}.sura-about__link:focus-visible{outline:2px solid var(--about-link-color, #14213d);outline-offset:3px}.sura-about__logo{flex:0 0 auto;width:120px;height:auto}.sura-about__panel--media{display:flex;align-items:center;justify-content:center;height:var(--about-media-height, 595px);position:relative;z-index:2;margin-inline-start:calc(var(--about-overlap, 0px) * -1);padding:calc(28px + var(--about-media-extend, 0px)) 28px;background:var(--about-media-bg, #d42128);box-shadow:0 10px 30px #00000029}.sura-about--reverse .sura-about__panel--media{margin-inline-start:0;margin-inline-end:calc(var(--about-overlap, 0px) * -1)}.sura-about__seal{display:block;width:var(--about-seal-width, 75%);max-width:100%;height:auto;max-height:100%;object-fit:contain}@media screen and (max-width:989px){.sura-about__grid{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:min(var(--about-gap, 20px),16px)}.sura-about .sura-about__panel--text{order:1}.sura-about .sura-about__panel--media{order:2}.sura-about.sura-about--mobile-media-first .sura-about__panel--media{order:1}.sura-about.sura-about--mobile-media-first .sura-about__panel--text{order:2}.sura-about__panel--text,.sura-about--reverse .sura-about__panel--text{padding:26px 22px}.sura-about__panel--media,.sura-about--reverse .sura-about__panel--media{height:var(--about-media-height-mobile, 280px);margin-inline:0;padding:24px;box-shadow:none}.sura-about__seal{width:min(var(--about-seal-width, 75%),260px)}}@media screen and (max-width:749px){.sura-about{padding-top:min(var(--about-pt, 48px),32px);padding-bottom:min(var(--about-pb, 48px),32px)}.sura-about__heading{margin-bottom:16px}.sura-about__panel--text,.sura-about--reverse .sura-about__panel--text{padding:22px 18px}.sura-about__title{max-width:none;margin-bottom:12px}.sura-about__body{font-size:15px;line-height:1.7}.sura-about__foot{flex-direction:column;align-items:flex-start;gap:16px;padding-top:20px}.sura-about__link{padding-block:6px 4px}.sura-about__logo{width:100px}.sura-about__seal{width:min(var(--about-seal-width, 75%),220px)}}@media screen and (max-width:419px){.sura-about__panel--text,.sura-about--reverse .sura-about__panel--text{padding:20px 16px}.sura-about__panel--media,.sura-about--reverse .sura-about__panel--media{height:min(var(--about-media-height-mobile, 280px),240px);padding:20px}}@media(prefers-reduced-motion:reduce){.sura-about__link:hover .sura-about__arrow{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/sura-about.css.map */