/* Generated Köprü theme styles. Fustat: assets/brand/Fustat-OFL.txt. */
@font-face { font-family: 'Fustat'; font-style: normal; font-weight: 200 800; font-display: swap; src: url(../brand/fustat-arabic.woff2) format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1; } @font-face { font-family: 'Fustat'; font-style: normal; font-weight: 200 800; font-display: swap; src: url(../brand/fustat-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Fustat'; font-style: normal; font-weight: 200 800; font-display: swap; src: url(../brand/fustat-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } :root { --kopru-blue: #0023ba; --kopru-blue-dark: #00165f; --kopru-yellow: #ffc400; --kopru-ink: #101828; --kopru-muted: #667085; --kopru-surface: #f5f7fb; --kopru-white: #ffffff; --kopru-radius: 26px; --kopru-shadow: 0 24px 70px rgba(16, 24, 40, 0.12); } * { box-sizing: border-box; } html { scroll-behavior: smooth; } body.kopru-site { margin: 0; background: var(--kopru-white); color: var(--kopru-ink); font-family: Fustat, "Segoe UI", Arial, sans-serif; font-size: 16px; line-height: 1.65; } body.kopru-site a { color: inherit; text-decoration: none; } body.kopru-site img { display: block; max-width: 100%; } body.kopru-site button, body.kopru-site a { -webkit-tap-highlight-color: transparent; } .kopru-container { width: min(1180px, calc(100% - 48px)); margin-inline: auto; } .kopru-skip-link { position: fixed; top: 0; left: 24px; z-index: 9999; padding: 12px 18px; background: #fff; border-radius: 10px; box-shadow: 0 8px 24px rgba(16,24,40,.18); transform: translateY(-140%); transition: transform .18s ease; } .kopru-skip-link:focus-visible { transform: translateY(16px); } .kopru-kicker { display: inline-flex; margin-bottom: 16px; color: var(--kopru-yellow); font-size: .78rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; } .kopru-kicker--blue { color: var(--kopru-blue); } .kopru-header { position: relative; z-index: 100; background: #fff; box-shadow: 0 1px 0 rgba(16, 24, 40, .08); } .kopru-utility { background: var(--kopru-blue-dark); color: rgba(255,255,255,.82); font-size: .78rem; } .kopru-utility__inner { min-height: 36px; display: flex; align-items: center; justify-content: space-between; gap: 24px; } .kopru-utility nav { display: flex; gap: 24px; } .kopru-utility a:hover, .kopru-utility a:focus { color: var(--kopru-yellow); } .kopru-nav-row { min-height: 86px; display: flex; align-items: center; gap: 38px; } .kopru-brand { flex: 0 0 96px; } .kopru-brand img { width: 88px; max-height: 66px; object-fit: contain; } .kopru-main-nav { display: flex; align-items: center; justify-content: center; gap: 30px; margin-left: auto; } .kopru-main-nav a { position: relative; color: #344054; font-size: .94rem; font-weight: 650; } .kopru-main-nav a::after { content: ""; position: absolute; inset: auto 50% -10px; height: 3px; background: var(--kopru-yellow); border-radius: 8px; transition: inset .2s ease; } .kopru-main-nav a:hover::after, .kopru-main-nav a:focus::after { inset-inline: 0; } .kopru-nav-actions { display: flex; align-items: center; gap: 15px; } .kopru-cart-link { font-weight: 700; font-size: .86rem; } .kopru-cart-link span { display: inline-grid; place-items: center; min-width: 22px; height: 22px; margin-left: 4px; border-radius: 50%; background: #eff3ff; color: var(--kopru-blue); font-size: .72rem; } .kopru-menu-toggle { display: none; padding: 8px; background: transparent; border: 0; } .kopru-menu-toggle > span:not(.screen-reader-text) { display: block; width: 26px; height: 2px; margin: 5px; background: var(--kopru-blue); } .kopru-button { display: inline-flex; min-height: 46px; align-items: center; justify-content: center; padding: 0 22px; border: 1px solid transparent; border-radius: 999px; background: var(--kopru-blue); color: #fff !important; font-size: .9rem; font-weight: 800; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; } .kopru-button:hover, .kopru-button:focus { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(0,35,186,.2); } .kopru-button--yellow { background: var(--kopru-yellow); color: #17213d !important; } .kopru-button--outline { border-color: #cbd5e1; background: transparent; color: var(--kopru-blue) !important; } .kopru-button--block { width: 100%; } .kopru-button--small { min-height: 38px; padding-inline: 17px; font-size: .82rem; } .kopru-text-link { display: inline-flex; align-items: center; gap: 9px; color: #fff; font-weight: 800; } .kopru-text-link span { transition: transform .2s ease; } .kopru-text-link:hover span { transform: translateX(4px); } .kopru-text-link--blue { color: var(--kopru-blue); } .kopru-hero { position: relative; min-height: 650px; overflow: hidden; background: var(--kopru-blue-dark); color: #fff; } .kopru-hero::after { content: ""; position: absolute; z-index: 2; right: -120px; bottom: -260px; width: 520px; height: 520px; border: 80px solid rgba(255,196,0,.12); border-radius: 50%; pointer-events: none; } .kopru-hero__slide { position: absolute; inset: 0; display: grid; align-items: center; opacity: 0; visibility: hidden; transition: opacity .6s ease, visibility .6s ease; background-image: linear-gradient(90deg, rgba(0,18,83,.98) 0%, rgba(0,25,102,.86) 42%, rgba(0,23,73,.16) 80%), var(--hero-image); background-position: center; background-size: cover; } .kopru-hero__slide[data-active] { opacity: 1; visibility: visible; } .kopru-hero__content { position: relative; z-index: 3; display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(280px, .58fr); align-items: center; gap: 70px; padding-block: 70px 130px; } .kopru-hero__copy { max-width: 670px; } .kopru-hero h1, .kopru-hero h2 { margin: 0 0 24px; color: #fff; font-size: clamp(2.8rem, 5.2vw, 5rem); line-height: 1.02; letter-spacing: 0; } .kopru-hero p { max-width: 610px; margin: 0 0 34px; color: rgba(255,255,255,.82); font-size: 1.1rem; } .kopru-button-row { display: flex; align-items: center; gap: 25px; } .kopru-donation-card { padding: 30px; border: 1px solid rgba(255,255,255,.25); border-radius: var(--kopru-radius); background: rgba(255,255,255,.96); color: var(--kopru-ink); box-shadow: var(--kopru-shadow); backdrop-filter: blur(10px); } .kopru-donation-card > span { color: var(--kopru-blue); font-size: .78rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; } .kopru-donation-card > strong { display: block; margin: 7px 0 22px; font-size: 1.35rem; } .kopru-amounts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 16px; } .kopru-amounts button { min-height: 43px; border: 1px solid #d9e0ef; border-radius: 12px; background: #fff; color: var(--kopru-blue); font-weight: 800; cursor: pointer; } .kopru-amounts button:hover, .kopru-amounts button:focus { border-color: var(--kopru-blue); background: #eff3ff; } .kopru-hero__controls { position: absolute; z-index: 5; right: 0; bottom: 34px; left: 0; display: flex; gap: 12px; } .kopru-hero__controls button { display: flex; min-width: 190px; align-items: center; gap: 12px; padding: 12px 18px; border: 1px solid rgba(255,255,255,.24); border-radius: 14px; background: rgba(0,18,83,.64); color: rgba(255,255,255,.68); font-weight: 700; cursor: pointer; backdrop-filter: blur(8px); } .kopru-hero__controls button span { color: var(--kopru-yellow); font-size: .72rem; } .kopru-hero__controls button[data-active] { border-color: var(--kopru-yellow); background: rgba(0,18,83,.9); color: #fff; } .kopru-quick-actions { position: relative; z-index: 20; margin-top: -2px; border-bottom: 1px solid #e7ebf2; background: #fff; } .kopru-quick-actions__grid { display: grid; grid-template-columns: repeat(3, 1fr); } .kopru-quick-actions__grid > a { display: flex; min-height: 116px; align-items: center; gap: 18px; padding: 22px 34px; border-right: 1px solid #e7ebf2; } .kopru-quick-actions__grid > a:first-child { border-left: 1px solid #e7ebf2; } .kopru-quick-actions__grid > a:hover { background: var(--kopru-surface); } .kopru-quick-actions__icon { display: grid; width: 48px; height: 48px; flex: 0 0 48px; place-items: center; border-radius: 16px 16px 16px 5px; background: #eef2ff; color: var(--kopru-blue); font-size: .78rem; font-weight: 800; } .kopru-quick-actions strong, .kopru-quick-actions small { display: block; } .kopru-quick-actions strong { font-size: .98rem; } .kopru-quick-actions small { margin-top: 2px; color: var(--kopru-muted); font-size: .78rem; } .kopru-section { padding-block: 105px; } .kopru-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 42px; } .kopru-section-heading h2, .kopru-about h2, .kopru-media h2 { margin: 0; color: var(--kopru-ink); font-size: clamp(2rem, 3.5vw, 3.25rem); line-height: 1.08; letter-spacing: 0; } .kopru-projects { background: var(--kopru-surface); } .kopru-project-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; } .kopru-project-card { overflow: hidden; border: 1px solid #e4e9f2; border-radius: 22px; background: #fff; transition: transform .25s ease, box-shadow .25s ease; } .kopru-project-card:hover { transform: translateY(-6px); box-shadow: 0 22px 55px rgba(16,24,40,.1); } .kopru-project-card__image { position: relative; display: block; height: 235px; overflow: hidden; } .kopru-project-card__image::after { content: ""; position: absolute; inset: auto 0 0; height: 45%; background: linear-gradient(transparent, rgba(0,0,0,.55)); } .kopru-project-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; } .kopru-project-card:hover img { transform: scale(1.04); } .kopru-project-card__image span { position: absolute; z-index: 2; left: 18px; bottom: 16px; padding: 5px 11px; border-radius: 999px; background: var(--kopru-yellow); color: #17213d; font-size: .72rem; font-weight: 800; } .kopru-project-card__body { padding: 25px; } .kopru-project-card__body h3 { margin: 0 0 8px; color: var(--kopru-ink); font-size: 1.35rem; } .kopru-project-card__body p { min-height: 52px; margin: 0 0 23px; color: var(--kopru-muted); font-size: .9rem; line-height: 1.55; } .kopru-project-card__body > div { display: flex; align-items: center; justify-content: space-between; gap: 14px; } .kopru-about__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .88fr); align-items: center; gap: 90px; } .kopru-about__visual { position: relative; padding: 0 52px 52px 0; } .kopru-about__visual::before { content: ""; position: absolute; inset: 38px 0 0 55px; border-radius: 120px 24px 24px; background: var(--kopru-yellow); } .kopru-about__visual img { position: relative; z-index: 2; width: 100%; height: 520px; border-radius: 120px 24px 24px; object-fit: cover; } .kopru-about__visual > div { position: absolute; z-index: 3; right: 0; bottom: 0; max-width: 220px; padding: 23px; border-radius: 20px 20px 20px 5px; background: var(--kopru-blue); color: #fff; box-shadow: var(--kopru-shadow); } .kopru-about__visual strong, .kopru-about__visual span { display: block; } .kopru-about__visual strong { margin-bottom: 5px; color: var(--kopru-yellow); font-size: 1.25rem; } .kopru-about__visual span { font-size: .82rem; } .kopru-about__copy p { margin: 24px 0; color: var(--kopru-muted); font-size: 1.03rem; } .kopru-about__copy ul { display: grid; gap: 10px; margin: 0 0 30px; padding: 0; list-style: none; } .kopru-about__copy li { position: relative; padding-left: 30px; font-weight: 700; } .kopru-about__copy li::before { content: "✓"; position: absolute; left: 0; color: var(--kopru-blue); } .kopru-media { padding-top: 20px; } .kopru-media__grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 24px; } .kopru-video-card, .kopru-social-card { min-height: 380px; padding: 42px; border-radius: var(--kopru-radius); } .kopru-video-card { display: grid; grid-template-columns: minmax(210px,.72fr) minmax(0,1.28fr); align-items: center; gap: 30px; background: linear-gradient(140deg, var(--kopru-blue-dark), var(--kopru-blue)); color: #fff; } .kopru-video-card h2 { max-width: 560px; color: #fff; } .kopru-video-card a { font-weight: 800; } .kopru-video-card__frame { overflow: hidden; aspect-ratio: 16 / 9; border: 1px solid rgba(255,255,255,.22); border-radius: 18px; background: #06143f; box-shadow: 0 18px 42px rgba(0,0,0,.22); } .kopru-video-card__frame iframe { display: block; width: 100%; height: 100%; border: 0; } .kopru-social-card { background: #fff8dc; } .kopru-social-card p { color: #5e6472; } .kopru-instagram-feed { grid-column: 1 / -1; overflow: hidden; padding: 26px; border: 1px solid #e4e9f2; border-radius: var(--kopru-radius); background: #fff; } .kopru-page-hero { position: relative; overflow: hidden; padding: 105px 0 95px; background: linear-gradient(135deg, #071640, var(--kopru-blue)); color: #fff; } .kopru-page-hero::after { content: ""; position: absolute; top: -190px; right: -100px; width: 470px; height: 470px; border: 75px solid rgba(255,196,0,.14); border-radius: 50%; } .kopru-page-hero .kopru-container { position: relative; z-index: 2; } .kopru-page-hero h1 { max-width: 820px; margin: 0 0 22px; color: #fff; font-size: clamp(2.8rem, 5vw, 5rem); line-height: 1.02; letter-spacing: 0; } .kopru-page-hero p { max-width: 680px; margin: 0; color: rgba(255,255,255,.78); font-size: 1.08rem; } .kopru-project-directory { padding-block: 65px 110px; background: var(--kopru-surface); } .kopru-filter { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 40px; } .kopru-filter a { padding: 10px 18px; border: 1px solid #d9e0ed; border-radius: 999px; background: #fff; color: #344054; font-size: .84rem; font-weight: 800; } .kopru-filter a[data-active], .kopru-filter a:hover { border-color: var(--kopru-blue); background: var(--kopru-blue); color: #fff; } .kopru-empty-state { padding: 65px; border-radius: var(--kopru-radius); background: #fff; text-align: center; } .kopru-project-hero { padding: 42px 0 95px; background: linear-gradient(#f7f9fd, #fff); } .kopru-breadcrumb { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 34px; color: var(--kopru-muted); font-size: .78rem; } .kopru-breadcrumb a:hover { color: var(--kopru-blue); } .kopru-project-hero__grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr); align-items: start; gap: 70px; } .kopru-project-gallery__main { position: relative; height: 580px; overflow: hidden; border-radius: 90px 26px 26px; background: #e8edf5; } .kopru-project-gallery__main img { width: 100%; height: 100%; object-fit: cover; } .kopru-project-gallery__nav { position: absolute; top: 50%; z-index: 2; display: grid; width: 46px; height: 46px; padding: 0; place-items: center; border: 1px solid rgba(255,255,255,.55); border-radius: 50%; background: rgba(0,22,95,.84); color: #fff; font-size: 2rem; line-height: 1; cursor: pointer; transform: translateY(-50%); box-shadow: 0 10px 26px rgba(0,0,0,.2); } .kopru-project-gallery__nav:hover, .kopru-project-gallery__nav:focus-visible { background: var(--kopru-yellow); color: var(--kopru-blue-dark); } .kopru-project-gallery__nav--prev { left: 18px; } .kopru-project-gallery__nav--next { right: 18px; } .kopru-project-gallery__thumbs { display: flex; gap: 10px; margin-top: 14px; padding-bottom: 4px; overflow-x: auto; scrollbar-width: thin; } .kopru-project-gallery__thumbs button { width: 76px; height: 62px; overflow: hidden; padding: 0; border: 2px solid transparent; border-radius: 12px; background: #fff; cursor: pointer; } .kopru-project-gallery__thumbs button[data-active] { border-color: var(--kopru-blue); } .kopru-project-gallery__thumbs img { width: 100%; height: 100%; object-fit: cover; } .kopru-project-intro { position: sticky; top: 24px; } .kopru-project-intro h1 { margin: 0 0 20px; color: var(--kopru-ink); font-size: clamp(2.45rem, 4vw, 4rem); line-height: 1.02; letter-spacing: 0; } .kopru-project-summary { color: var(--kopru-muted); font-size: 1.03rem; } .kopru-project-donation { margin-top: 30px; padding: 28px; border: 1px solid #e1e6ef; border-radius: var(--kopru-radius); background: #fff; box-shadow: 0 20px 60px rgba(16,24,40,.1); } .kopru-project-donation h2 { margin: 0 0 18px; color: var(--kopru-ink); font-size: 1.1rem; } .kopru-project-donation__amounts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; margin-bottom: 18px; } .kopru-project-donation__amounts button { min-height: 48px; padding: 5px; border: 1px solid #d9e0ed; border-radius: 13px; background: #fff; color: var(--kopru-blue); font-weight: 800; cursor: pointer; } .kopru-project-donation__amounts button[data-selected] { border-color: var(--kopru-blue); background: #eef2ff; box-shadow: inset 0 0 0 1px var(--kopru-blue); } .kopru-project-donation label { display: block; margin-bottom: 7px; font-size: .78rem; font-weight: 800; } .kopru-custom-amount { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; padding: 0 16px; border: 1px solid #d9e0ed; border-radius: 13px; background: #fff; } .kopru-custom-amount span { color: var(--kopru-blue); font-weight: 800; } .kopru-custom-amount input { width: 100%; min-height: 50px; padding: 0; border: 0; outline: 0; background: transparent; color: var(--kopru-ink); font: inherit; font-weight: 800; } .kopru-impact-note { margin: 15px 0 0; color: #3f5f50; font-size: .77rem; text-align: center; } .kopru-project-closed { margin-top: 30px; padding: 25px; border-radius: 18px; background: #fff3d1; } .kopru-project-closed strong, .kopru-project-closed a { display: block; } .kopru-project-closed a { margin-top: 8px; color: var(--kopru-blue); font-weight: 800; } .kopru-project-content { padding-block: 20px 110px; } .kopru-project-content__grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr); gap: 80px; } .kopru-project-content article { color: #344054; font-size: 1.02rem; } .kopru-project-content article h2 { margin-top: 40px; color: var(--kopru-ink); font-size: 2rem; } .kopru-project-content aside { align-self: start; padding: 28px; border-radius: 22px; background: var(--kopru-surface); } .kopru-project-content aside h2 { margin: 0 0 12px; color: var(--kopru-ink); font-size: 1.25rem; } .kopru-project-content aside p { color: var(--kopru-muted); } .kopru-footer { margin-top: 100px; padding: 75px 0 26px; background: #071640; color: rgba(255,255,255,.7); } .kopru-footer__grid { display: grid; grid-template-columns: 1.5fr repeat(3, 1fr); gap: 55px; } .kopru-footer__brand img { width: 96px; margin-bottom: 22px; filter: brightness(0) invert(1); } .kopru-footer h2 { margin: 0 0 20px; color: #fff; font-size: 1rem; } .kopru-footer p { margin: 0; font-size: .86rem; } .kopru-footer a { display: block; margin-bottom: 10px; font-size: .86rem; } .kopru-footer a:hover { color: var(--kopru-yellow); } .kopru-footer__bottom { display: flex; justify-content: space-between; gap: 20px; margin-top: 55px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.13); font-size: .76rem; } @media (max-width: 980px) { .kopru-nav-row { min-height: 74px; } .kopru-menu-toggle { display: block; margin-left: auto; } .kopru-main-nav { position: absolute; top: 110px; right: 20px; left: 20px; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: 14px; border-radius: 18px; background: #fff; box-shadow: var(--kopru-shadow); } .kopru-main-nav[data-open] { display: flex; } .kopru-main-nav a { padding: 12px 10px; } .kopru-main-nav a::after { display: none; } .kopru-nav-actions .kopru-cart-link { display: none; } .kopru-hero__content { grid-template-columns: 1fr; gap: 28px; } .kopru-donation-card { max-width: 420px; } .kopru-project-grid { grid-template-columns: repeat(2, 1fr); } .kopru-about__grid { gap: 50px; } .kopru-footer__grid { grid-template-columns: repeat(2, 1fr); } .kopru-project-hero__grid { grid-template-columns: 1fr; gap: 38px; } .kopru-project-intro { position: static; } .kopru-project-content__grid { gap: 40px; } } @media (max-width: 700px) { .kopru-container { width: min(100% - 32px, 1180px); } .kopru-utility__inner { justify-content: center; } .kopru-utility__inner > span { display: none; } .kopru-utility nav { width: 100%; justify-content: space-between; gap: 10px; font-size: .7rem; } .kopru-brand { flex-basis: 70px; } .kopru-brand img { width: 68px; } .kopru-nav-actions .kopru-button { min-height: 40px; padding-inline: 15px; font-size: .76rem; } .kopru-main-nav { top: 102px; } .kopru-hero { min-height: 730px; } .kopru-hero__slide { align-items: end; background-image: linear-gradient(0deg, rgba(0,18,83,.99) 5%, rgba(0,18,83,.84) 53%, rgba(0,18,83,.15) 100%), var(--hero-image); background-position: 60% center; } .kopru-hero__content { padding-block: 220px 110px; } .kopru-hero__copy { align-self: end; } .kopru-hero h1, .kopru-hero h2 { font-size: clamp(2.35rem, 12vw, 3.4rem); } .kopru-hero p { font-size: .96rem; } .kopru-button-row { flex-wrap: wrap; gap: 16px; } .kopru-donation-card { display: none; } .kopru-hero__controls { bottom: 24px; gap: 7px; } .kopru-hero__controls button { min-width: 0; flex: 1; justify-content: center; padding: 10px; font-size: 0; } .kopru-hero__controls button span { font-size: .72rem; } .kopru-quick-actions__grid { grid-template-columns: 1fr; padding-block: 8px; } .kopru-quick-actions__grid > a, .kopru-quick-actions__grid > a:first-child { min-height: 86px; padding: 15px 4px; border: 0; border-bottom: 1px solid #e7ebf2; } .kopru-section { padding-block: 75px; } .kopru-section-heading { align-items: start; flex-direction: column; margin-bottom: 30px; } .kopru-project-grid { grid-template-columns: 1fr; } .kopru-project-card__image { height: 230px; } .kopru-about__grid, .kopru-media__grid { grid-template-columns: 1fr; } .kopru-about__visual { padding: 0 20px 35px 0; } .kopru-about__visual img { height: 390px; border-radius: 80px 20px 20px; } .kopru-about__visual::before { inset: 28px 0 0 38px; border-radius: 80px 20px 20px; } .kopru-about__visual > div { right: 0; max-width: 190px; } .kopru-video-card, .kopru-social-card { min-height: 260px; padding: 30px; } .kopru-video-card { grid-template-columns: 1fr; } .kopru-footer { margin-top: 60px; } .kopru-footer__grid { grid-template-columns: 1fr; gap: 38px; } .kopru-footer__bottom { flex-direction: column; } .kopru-page-hero { padding-block: 75px; } .kopru-project-directory { padding-block: 45px 75px; } .kopru-project-gallery__main { height: 390px; border-radius: 64px 20px 20px; } .kopru-project-intro h1 { font-size: 2.7rem; } .kopru-project-content__grid { grid-template-columns: 1fr; } } @media (max-width: 430px) { .kopru-nav-row { gap: 14px; } .kopru-nav-actions .kopru-button { padding-inline: 13px; } .kopru-hero { min-height: 700px; } .kopru-hero__content { padding-block: 190px 105px; } .kopru-button-row .kopru-button, .kopru-button-row .kopru-text-link { width: 100%; justify-content: center; } .kopru-checkout-steps li { min-width: 0; padding: 10px 7px; word-break: break-word; } .kopru-checkout-steps li span { flex-basis: 30px; width: 30px; height: 30px; } } .kopru-cart-recommendations { padding-top: 72px; } .kopru-cart-recommendations .kopru-section-heading h2 { max-width: 760px; } .kopru-recommendation-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; } .kopru-recommendation-grid article { overflow: hidden; border: 1px solid #dfe5ef; border-radius: 22px; background: #fff; } .kopru-recommendation-image { position: relative; display: block; height: 190px; overflow: hidden; } .kopru-recommendation-image::after { content: ""; position: absolute; inset: auto 0 0; height: 50%; background: linear-gradient(transparent,rgba(0,0,0,.6)); } .kopru-recommendation-image img { width: 100%; height: 100%; object-fit: cover; } .kopru-recommendation-image span { position: absolute; z-index: 2; left: 16px; bottom: 14px; padding: 5px 10px; border-radius: 999px; background: var(--kopru-yellow); color: #17213d; font-size: .68rem; font-weight: 800; } .kopru-recommendation-grid article > div { padding: 22px; } .kopru-recommendation-grid h3 { margin: 0 0 7px; color: var(--kopru-ink); font-size: 1.2rem; } .kopru-recommendation-grid p { min-height: 46px; margin: 0 0 18px; color: var(--kopru-muted); font-size: .84rem; } .kopru-recommendation-grid form { display: grid; grid-template-columns: 1fr auto; gap: 9px; } .kopru-recommendation-grid select { width: 100%; height: 40px; padding: 0 10px; border: 1px solid #d6deeb; border-radius: 999px; background: #fff; color: var(--kopru-ink); font-weight: 800; } .kopru-commerce-card .woocommerce { color: var(--kopru-ink); } .kopru-commerce-card .woocommerce-checkout { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(300px,.65fr); gap: 48px; } .kopru-commerce-card .col2-set { width: auto; } .kopru-commerce-card .col2-set .col-1 { width: 100%; float: none; } .kopru-commerce-card .col2-set .col-2 { width: 100%; float: none; } .kopru-commerce-card #order_review_heading, .kopru-commerce-card #order_review { width: 100%; float: none; } .kopru-commerce-card #customer_details { grid-column: 1; grid-row: 1 / span 2; } .kopru-commerce-card #order_review_heading { grid-column: 2; grid-row: 1; align-self: end; margin: 0 0 12px; font-size: 1.25rem; } .kopru-commerce-card #order_review { grid-column: 2; grid-row: 2; margin-top: 0; padding: 24px; border: 1px solid #e1e6ef; border-radius: 20px; background: #f8faff; } .kopru-commerce-card .woocommerce-billing-fields > h3 { margin-top: 0; color: var(--kopru-ink); font-size: 1.45rem; } .kopru-commerce-card .form-row { margin-bottom: 16px; } .kopru-commerce-card .form-row label { color: #344054; font-size: .8rem; font-weight: 800; } .kopru-commerce-card .input-text { min-height: 50px; padding: 10px 14px; border: 1px solid #ccd5e3; background: #fff; } .kopru-commerce-card .form-row-first, .kopru-commerce-card .form-row-last { width: calc(50% - 7px); } .kopru-donor-type .woocommerce-input-wrapper { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; margin-top: 8px; } .kopru-donor-type input[type="radio"] { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; } .kopru-donor-type label.radio { display: flex; align-items: center; min-height: 50px; gap: 9px; margin: 0 !important; padding: 10px 14px; border: 1px solid #d7deea; border-radius: 13px; background: #fff; font-size: .9rem; cursor: pointer; } .kopru-donor-type input:checked + label { border-color: var(--kopru-blue); background: #eef2ff; color: var(--kopru-blue); } .kopru-corporate-fields { display: none; padding: 20px; border-radius: 16px; background: #f5f7fb; } .kopru-corporate-fields[data-visible] { display: block; } .kopru-commerce-card .woocommerce-additional-fields { margin-top: 18px; } .kopru-commerce-card .woocommerce-additional-fields h3 { color: var(--kopru-ink); font-size: 1.1rem; } .kopru-commerce-card .woocommerce-shipping-fields:empty { display: none; } .kopru-commerce-card .shop_table { border-collapse: collapse; } .kopru-commerce-card .shop_table th, .kopru-commerce-card .shop_table td { padding: 13px 8px; border-bottom: 1px solid #e1e6ef; } .kopru-commerce-card #payment { background: transparent; } .kopru-commerce-card #payment .woocommerce-info { border-radius: 12px; } .kopru-commerce-card #place_order { width: 100%; } @media (max-width: 900px) { .kopru-recommendation-grid { grid-template-columns: 1fr 1fr; } .kopru-commerce-card .woocommerce-checkout { grid-template-columns: 1fr; } .kopru-commerce-card #customer_details, .kopru-commerce-card #order_review_heading, .kopru-commerce-card #order_review { grid-column: 1; grid-row: auto; } .kopru-commerce-card #order_review_heading { margin: 20px 0 0; } .kopru-commerce-card #order_review { margin-top: 0; } } @media (max-width: 600px) { .kopru-recommendation-grid { grid-template-columns: 1fr; } .kopru-commerce-card .form-row-first, .kopru-commerce-card .form-row-last { width: 100%; float: none; } } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; } } .kopru-commerce { background: #f5f7fb; padding-bottom: 80px; } .kopru-commerce-hero { background: linear-gradient(120deg, #061d67, #0839c7); color: #fff; padding: 72px 0 96px; } .kopru-commerce-hero h1 { color: #fff; font-size: clamp(2.5rem, 5vw, 4.75rem); line-height: 1; margin: 12px 0 18px; } .kopru-commerce-hero p { color: rgba(255,255,255,.78); font-size: 1.08rem; max-width: 640px; margin: 0; } .kopru-checkout-steps { align-items: center; display: grid; gap: 16px; grid-template-columns: repeat(3, 1fr); list-style: none; margin: -34px 0 28px; padding: 0; position: relative; z-index: 2; } .kopru-checkout-steps li { align-items: center; background: #fff; border: 1px solid #e1e6f0; border-radius: 18px; color: #667085; display: flex; font-weight: 700; gap: 12px; min-height: 68px; padding: 12px 18px; } .kopru-checkout-steps li span { align-items: center; background: #edf1f9; border-radius: 50%; color: #0a34b8; display: inline-flex; flex: 0 0 38px; height: 38px; justify-content: center; } .kopru-checkout-steps li.is-active { border-color: #0a34b8; box-shadow: 0 12px 35px rgba(5, 36, 130, .13); color: #081d5f; } .kopru-checkout-steps li.is-active span { background: #0a34b8; color: #fff; } .kopru-commerce-card { background: #fff; border: 1px solid #e3e8f1; border-radius: 26px; box-shadow: 0 18px 55px rgba(15, 34, 80, .08); min-height: 260px; padding: clamp(24px, 4vw, 52px); } .kopru-commerce-card .wc-block-cart, .kopru-commerce-card .wc-block-checkout { margin: 0; } .kopru-commerce-card .wc-block-components-button, .kopru-commerce-card .checkout-button, .kopru-commerce-card #place_order { background: #0a34b8 !important; border: 0 !important; border-radius: 999px !important; color: #fff !important; font-weight: 800 !important; min-height: 52px; } .kopru-commerce-card input, .kopru-commerce-card select, .kopru-commerce-card textarea { border-radius: 12px !important; } @media (max-width: 760px) { .kopru-commerce-hero { padding: 50px 0 76px; } .kopru-checkout-steps { gap: 8px; } .kopru-checkout-steps li { align-items: flex-start; flex-direction: column; font-size: .8rem; gap: 6px; padding: 12px; } .kopru-checkout-steps li span { flex-basis: 32px; height: 32px; } .kopru-commerce-card { border-radius: 18px; padding: 18px; } } .kopru-nav-dropdown { position: relative; } .kopru-nav-dropdown > a { display: flex; align-items: center; gap: 6px; } .kopru-submenu { position: absolute; top: calc(100% + 18px); left: 50%; width: 260px; padding: 18px; border: 1px solid #e4e9f2; border-radius: 18px; background: #fff; box-shadow: 0 22px 55px rgba(16,24,40,.14); opacity: 0; pointer-events: none; transform: translate(-50%, 8px); transition: .2s ease; } .kopru-nav-dropdown:hover .kopru-submenu, .kopru-nav-dropdown:focus-within .kopru-submenu { opacity: 1; pointer-events: auto; transform: translate(-50%, 0); } .kopru-submenu::before { content: ""; position: absolute; right: 0; bottom: 100%; left: 0; height: 20px; } .kopru-submenu strong { display: block; padding: 5px 9px; color: var(--kopru-blue); font-size: .7rem; letter-spacing: .08em; text-transform: uppercase; } .kopru-main-nav .kopru-submenu a { display: block; padding: 7px 9px; border-radius: 8px; font-size: .82rem; } .kopru-main-nav .kopru-submenu a::after { display: none; } .kopru-submenu a:hover, .kopru-submenu a:focus { background: #f2f5fb; color: var(--kopru-blue); } .kopru-submenu hr { margin: 10px 0; border: 0; border-top: 1px solid #e7ebf2; } .kopru-inner-hero { overflow: hidden; padding-block: 72px; background: linear-gradient(120deg, #061d67, #0a36bb); color: #fff; } .kopru-inner-hero--compact { padding-block: 86px; } .kopru-inner-hero__grid { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(360px, .72fr); align-items: center; gap: 70px; } .kopru-inner-hero h1 { max-width: 820px; margin: 0 0 24px; color: #fff; font-size: clamp(2.8rem, 5vw, 5rem); line-height: 1.02; letter-spacing: 0; } .kopru-inner-hero p { max-width: 720px; margin: 0; color: rgba(255,255,255,.78); font-size: 1.08rem; } .kopru-inner-hero__grid img { width: 100%; height: 390px; object-fit: cover; border: 1px solid rgba(255,255,255,.2); border-radius: 110px 28px 28px; box-shadow: 0 35px 80px rgba(0,0,0,.22); } .kopru-story-grid { display: grid; grid-template-columns: minmax(280px,.75fr) minmax(0,1.25fr); gap: 90px; } .kopru-story-grid h2, .kopru-contact-cta h2 { margin: 0; color: var(--kopru-ink); font-size: clamp(2.2rem,4vw,3.5rem); line-height: 1.08; letter-spacing: 0; } .kopru-rich-text { color: #475467; font-size: 1.08rem; } .kopru-rich-text p:first-child { margin-top: 0; } .kopru-soft-section { background: var(--kopru-surface); } .kopru-purpose-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 24px; } .kopru-purpose-grid article { padding: 42px; border: 1px solid #e1e7f0; border-radius: 26px; background: #fff; } .kopru-purpose-grid article > span { color: var(--kopru-blue); font-size: .78rem; font-weight: 800; } .kopru-purpose-grid h2 { margin: 18px 0 12px; color: var(--kopru-ink); font-size: 2rem; } .kopru-purpose-grid p { margin: 0; color: var(--kopru-muted); } .kopru-focus-list { display: grid; grid-template-columns: repeat(2,1fr); gap: 0 50px; margin: 0; padding: 0; list-style: none; } .kopru-focus-list li { display: grid; grid-template-columns: 42px 1fr; gap: 15px; padding: 20px 0; border-bottom: 1px solid #e4e8ef; color: #344054; } .kopru-focus-list span { color: var(--kopru-blue); font-size: .75rem; font-weight: 800; } .kopru-values-section { background: var(--kopru-blue-dark); color: #fff; } .kopru-values-section h2 { max-width: 720px; margin: 0 0 45px; color: #fff; font-size: clamp(2.1rem,4vw,3.5rem); } .kopru-values-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 13px; } .kopru-values-grid article { min-height: 190px; padding: 26px; border: 1px solid rgba(255,255,255,.14); border-radius: 20px; background: rgba(255,255,255,.06); } .kopru-values-grid strong { color: var(--kopru-yellow); font-size: 1.1rem; } .kopru-values-grid p { color: rgba(255,255,255,.7); font-size: .86rem; } .kopru-region-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; } .kopru-region-grid article { min-height: 440px; display: flex; align-items: end; overflow: hidden; border-radius: 26px; background-image: linear-gradient(0deg,rgba(0,14,65,.96),rgba(0,14,65,.04) 75%),var(--region-image); background-position: center; background-size: cover; } .kopru-region-grid article > div { padding: 30px; color: #fff; } .kopru-region-grid span { color: var(--kopru-yellow); font-size: .75rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; } .kopru-region-grid h3 { margin: 10px 0; color: #fff; font-size: 1.55rem; } .kopru-region-grid p { color: rgba(255,255,255,.72); font-size: .9rem; } .kopru-region-grid a { color: #fff; font-weight: 800; } .kopru-aid-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 14px; } .kopru-aid-grid a { min-height: 210px; padding: 26px; border: 1px solid #e0e6f0; border-radius: 22px; background: #fff; transition: .2s ease; } .kopru-aid-grid a:hover { transform: translateY(-5px); box-shadow: 0 20px 50px rgba(16,24,40,.09); } .kopru-aid-grid span { display: grid; width: 48px; height: 48px; place-items: center; margin-bottom: 32px; border-radius: 15px 15px 15px 5px; background: #edf2ff; color: var(--kopru-blue); font-size: .73rem; font-weight: 800; } .kopru-aid-grid strong, .kopru-aid-grid small { display: block; } .kopru-aid-grid strong { margin-bottom: 7px; color: var(--kopru-ink); } .kopru-aid-grid small { color: var(--kopru-muted); } .kopru-bank-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 22px; } .kopru-bank-grid article { padding: 32px; border: 1px solid #dfe5ef; border-radius: 24px; background: #fff; box-shadow: 0 15px 45px rgba(16,24,40,.06); } .kopru-bank-grid article > div { display: flex; align-items: center; justify-content: space-between; gap: 20px; } .kopru-bank-grid article > div span { padding: 6px 11px; border-radius: 999px; background: #edf2ff; color: var(--kopru-blue); font-size: .74rem; font-weight: 800; } .kopru-bank-grid article > div strong { font-size: 1.2rem; } .kopru-bank-grid dl div { margin-top: 22px; } .kopru-bank-grid dt { color: var(--kopru-muted); font-size: .72rem; font-weight: 800; text-transform: uppercase; } .kopru-bank-grid dd { margin: 3px 0 0; overflow-wrap: anywhere; color: var(--kopru-ink); font-weight: 750; } .kopru-bank-grid button { margin-top: 24px; padding: 10px 16px; border: 0; border-radius: 999px; background: var(--kopru-blue); color: #fff; font-weight: 800; cursor: pointer; } .kopru-info-note { margin: 28px 0 0; color: var(--kopru-muted); text-align: center; } .kopru-empty-state span { color: var(--kopru-blue); font-size: .76rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; } .kopru-empty-state h2 { max-width: 680px; margin: 14px auto; color: var(--kopru-ink); font-size: clamp(1.8rem,3vw,2.7rem); } .kopru-empty-state p { max-width: 720px; margin: 0 auto 24px; color: var(--kopru-muted); } .kopru-empty-state--small { padding: 40px; border: 1px solid #e1e6ef; } .kopru-sms-layout { display: grid; grid-template-columns: minmax(280px,.7fr) minmax(0,1.3fr); gap: 80px; } .kopru-sms-layout h2 { margin: 0 0 28px; color: var(--kopru-ink); font-size: clamp(2rem,3.5vw,3.1rem); } .kopru-sms-layout ol { margin: 0; padding: 0; list-style: none; } .kopru-sms-layout ol li { display: flex; align-items: center; gap: 14px; padding: 15px 0; border-bottom: 1px solid #e5e9f0; font-weight: 700; } .kopru-sms-layout ol span { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; background: #edf2ff; color: var(--kopru-blue); } .kopru-sms-options { display: grid; gap: 14px; } .kopru-sms-options > a { padding: 24px 26px; border: 1px solid #dfe5ef; border-radius: 20px; background: #fff; } .kopru-sms-options > a span, .kopru-sms-options > a strong, .kopru-sms-options > a small { display: block; } .kopru-sms-options > a span { color: var(--kopru-blue); font-size: .73rem; font-weight: 800; } .kopru-sms-options > a strong { margin: 8px 0; color: var(--kopru-ink); font-size: 1.15rem; } .kopru-sms-options > a small { color: var(--kopru-muted); } .kopru-contact-grid { display: grid; grid-template-columns: .8fr .8fr 1.4fr; gap: 20px; } .kopru-contact-grid > a { min-height: 230px; padding: 30px; border: 1px solid #dfe5ef; border-radius: 24px; background: #fff; transition: .2s ease; } .kopru-contact-grid > a:hover { transform: translateY(-5px); box-shadow: 0 20px 55px rgba(16,24,40,.09); } .kopru-contact-grid span, .kopru-contact-grid strong, .kopru-contact-grid small { display: block; } .kopru-contact-grid span { color: var(--kopru-blue); font-size: .75rem; font-weight: 800; text-transform: uppercase; } .kopru-contact-grid strong { margin: 36px 0 18px; color: var(--kopru-ink); font-size: 1.25rem; } .kopru-contact-grid small { color: var(--kopru-muted); } .kopru-contact-cta { display: flex; align-items: center; justify-content: space-between; gap: 60px; } .kopru-contact-cta p { max-width: 720px; color: var(--kopru-muted); } .kopru-contact-form-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px; align-items: start; } .kopru-contact-form-intro h2 { margin: 0 0 20px; color: var(--kopru-ink); font-size: clamp(2.2rem,4vw,3.5rem); line-height: 1.08; letter-spacing: 0; } .kopru-contact-form-intro p, .kopru-contact-form-intro li { color: var(--kopru-muted); } .kopru-contact-form-intro ul { padding-left: 20px; } .kopru-contact-form-card { padding: 38px; border: 1px solid #e1e6ef; border-radius: 26px; background: #fff; box-shadow: 0 20px 55px rgba(16,24,40,.07); } .kopru-contact-form { display: grid; gap: 18px; } .kopru-contact-form label { display: grid; gap: 8px; color: #344054; font-size: .82rem; font-weight: 800; } .kopru-contact-form label > span { color: #d92d20; } .kopru-contact-form input:not([type="checkbox"]), .kopru-contact-form select, .kopru-contact-form textarea { width: 100%; min-height: 50px; padding: 12px 14px; border: 1px solid #d0d5dd; border-radius: 12px; background: #fff; color: var(--kopru-ink); font: inherit; } .kopru-contact-form textarea { resize: vertical; } .kopru-contact-form input:focus, .kopru-contact-form select:focus, .kopru-contact-form textarea:focus { border-color: var(--kopru-blue); outline: 3px solid rgba(0,48,201,.12); } .kopru-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; } .kopru-contact-form .kopru-consent { display: flex; grid-template-columns: none; align-items: flex-start; gap: 10px; font-size: .76rem; font-weight: 500; line-height: 1.55; } .kopru-contact-form .kopru-consent input { flex: 0 0 auto; margin-top: 4px; } .kopru-contact-form .kopru-consent span { color: var(--kopru-muted); } .kopru-contact-form .kopru-consent a { color: var(--kopru-blue); text-decoration: underline; } .kopru-honeypot { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; } .kopru-form-notice { margin-bottom: 20px; padding: 14px 16px; border-radius: 12px; font-size: .86rem; font-weight: 700; } .kopru-form-notice.is-success { background: #ecfdf3; color: #027a48; } .kopru-form-notice.is-error { background: #fef3f2; color: #b42318; } .kopru-legal-content { max-width: 900px; margin: 0 auto; padding: 50px; border: 1px solid #e1e6ef; border-radius: 26px; background: #fff; box-shadow: 0 18px 48px rgba(16,24,40,.06); } .kopru-legal-content h2 { margin: 38px 0 12px; color: var(--kopru-ink); font-size: 1.5rem; } .kopru-legal-content h2:first-child { margin-top: 0; } .kopru-legal-content p, .kopru-legal-content li { color: var(--kopru-muted); line-height: 1.8; } .kopru-footer__legal { display: flex; gap: 18px; } .kopru-footer__legal a { margin: 0; } .kopru-whatsapp { position: fixed; right: 22px; bottom: 22px; z-index: 120; display: flex !important; align-items: center; gap: 9px; min-height: 52px; margin: 0 !important; padding: 9px 17px 9px 9px; border-radius: 999px; background: #1fa855; color: #fff !important; box-shadow: 0 12px 32px rgba(0,0,0,.2); } .kopru-whatsapp span { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; background: rgba(255,255,255,.16); font-size: .66rem; font-weight: 800; } .kopru-whatsapp strong { font-size: .78rem; } .kopru-filter--secondary { margin-top: -26px; } .kopru-filter--secondary a { padding: 7px 14px; background: transparent; font-size: .76rem; } @media (max-width: 980px) { .kopru-submenu { position: static; width: 100%; display: grid; grid-template-columns: repeat(2,1fr); padding: 8px 12px 14px; border: 0; border-radius: 0; box-shadow: none; opacity: 1; pointer-events: auto; transform: none; } .kopru-submenu strong, .kopru-submenu hr { grid-column: 1 / -1; } .kopru-media__grid { grid-template-columns: 1fr; } .kopru-inner-hero__grid, .kopru-story-grid, .kopru-sms-layout { grid-template-columns: 1fr; gap: 42px; } .kopru-values-grid { grid-template-columns: repeat(3,1fr); } .kopru-region-grid { grid-template-columns: 1fr 1fr; } .kopru-aid-grid { grid-template-columns: repeat(3,1fr); } .kopru-contact-grid { grid-template-columns: 1fr 1fr; } .kopru-contact-grid > a:last-child { grid-column: 1 / -1; } } @media (max-width: 700px) { .kopru-inner-hero, .kopru-inner-hero--compact { padding-block: 62px; } .kopru-inner-hero h1 { font-size: 2.7rem; } .kopru-inner-hero__grid img { height: 300px; border-radius: 70px 20px 20px; } .kopru-purpose-grid, .kopru-focus-list, .kopru-region-grid, .kopru-bank-grid, .kopru-contact-grid { grid-template-columns: 1fr; } .kopru-values-grid, .kopru-aid-grid { grid-template-columns: 1fr 1fr; } .kopru-values-grid article { min-height: 155px; } .kopru-region-grid article { min-height: 380px; } .kopru-contact-grid > a:last-child { grid-column: auto; } .kopru-contact-cta { align-items: flex-start; flex-direction: column; } .kopru-contact-form-layout { grid-template-columns: 1fr; gap: 35px; } .kopru-form-row { grid-template-columns: 1fr; } .kopru-contact-form-card, .kopru-legal-content { padding: 26px; } .kopru-footer__legal { flex-direction: column; gap: 8px; } .kopru-whatsapp strong { display: none; } .kopru-whatsapp { padding-right: 9px; } } :root{--kopru-blue-dark:var(--kopru-blue-dark);--kopru-surface:#f5f6f8} body.kopru-site,body.kopru-site :is(h1,h2,h3,h4,h5,h6,button,input,select,textarea){font-family:var(--kopru-font-family,Fustat),sans-serif!important} body.kopru-site :is(h1,h2,h3,h4,h5,h6){letter-spacing:0!important;line-height:1.2;font-weight:700} body.kopru-site button,body.kopru-site strong,body.kopru-site .kopru-kicker{font-weight:700} .kopru-utility{font-size:15px;font-weight:700}.kopru-utility__inner{min-height:44px}.kopru-nav-row{min-height:94px}.kopru-brand img{max-height:78px;height:78px;width:88px}.kopru-footer__brand img{filter:none;width:110px;height:auto}.kopru-main-nav a{font-size:15px}.kopru-main-nav{gap:24px} .kopru-inner-hero,.kopru-page-hero{background:var(--kopru-blue-dark)}.kopru-kicker,.kopru-donation-card>span,.kopru-submenu strong,.kopru-region-grid span,.kopru-bank-grid dt,.kopru-empty-state>span,.kopru-contact-grid>a>span{text-transform:none;letter-spacing:0}.kopru-about__visual img{object-position:center}.kopru-hero{display:none} .kopru-aid-grid span{width:64px;height:64px;background:white;margin-bottom:22px}.kopru-aid-grid span svg,.kopru-aid-grid span img{width:60px;height:60px;object-fit:contain}.kopru-project-gallery__thumbs button{flex-shrink:0} .kr-eyebrow{display:block;color:var(--kopru-yellow);font-size:14px;font-weight:700;margin-bottom:23px}.kr-blue{color:var(--kopru-blue)} .kr-hero{background:var(--kopru-blue);color:white;overflow:hidden}.kr-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:end}.kr-hero-copy{padding:65px 0 55px;align-self:center}.kr-hero h1{color:#fff;font-size:clamp(46px,5.2vw,76px);line-height:1.12!important;margin:0 0 27px}.kr-hero h1 em{font-style:normal;color:var(--kopru-yellow)}.kr-hero-copy>p{max-width:450px;color:#e4e9ff;font-size:17px;line-height:1.7;margin:0 0 30px}.kr-hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.kr-hero-actions>a:last-child{font-size:14px;font-weight:700}.kr-hero .kopru-button{border-radius:9px}.kr-hero-caption{display:flex;align-items:center;gap:12px;margin-top:35px;font-size:13px}.kr-hero-caption img{width:40px;height:40px;padding:6px;background:#fff;border-radius:8px}.kr-hero-photo{position:relative;height:590px;margin:30px 0 0;overflow:hidden;border-radius:46% 46% 0 0/36% 36% 0 0}.kr-hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:52% center}.kr-hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0f1d5caa,transparent 65%);pointer-events:none}.kr-hero-photo figcaption{position:absolute;z-index:2;left:30px;right:20px;bottom:30px;color:#fff}.kr-hero-photo small,.kr-hero-photo strong{display:block}.kr-hero-photo small{font-size:12px;color:#e0e5f8}.kr-hero-photo strong{font-size:25px;line-height:1.4} .kr-corporate h1,.kr-corporate h2,.kr-corporate h3{color:var(--kopru-blue-dark)}.kr-corp-intro{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding-block:65px}.kr-corp-intro h1{font-size:clamp(42px,5vw,68px);margin:0 0 25px}.kr-corp-intro h1 em{font-style:normal;color:var(--kopru-blue)}.kr-corp-intro p{color:var(--kopru-muted);font-size:17px;max-width:470px}.kr-corp-intro figure{position:relative;overflow:hidden;border-radius:18px 100px 18px 18px;min-height:410px;margin:0}.kr-corp-intro figure>img{width:100%;height:100%;object-fit:cover}.kr-corp-intro figcaption{position:absolute;bottom:0;left:0;right:0;padding:16px 24px;color:white;background:#0f1d5cdb;font-size:15px}.kr-story{padding:60px 0;background:var(--kopru-surface);text-align:center}.kr-story h2{font-size:36px;margin:0 0 23px}.kr-story p{max-width:850px;margin:auto;color:var(--kopru-muted);font-size:17px;line-height:1.8}.kr-purpose{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding-block:60px}.kr-purpose article{position:relative;border:1px solid #e0e5ef;border-radius:18px;padding:35px}.kr-purpose article>img{position:absolute;right:25px;top:25px;width:65px;height:65px}.kr-purpose article>span{display:block;color:var(--kopru-blue);font-size:13px;margin-bottom:28px}.kr-purpose h2{font-size:32px;margin:0 0 18px}.kr-purpose p{margin:0;color:var(--kopru-muted);font-size:15px;max-width:435px}.kr-values{padding-bottom:70px}.kr-values>h2{font-size:36px;margin:0 0 30px}.kr-values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.kr-values-grid article{padding:28px;border:1px solid #e0e5ef;border-radius:16px}.kr-values-grid img{width:65px;height:60px;margin-bottom:20px}.kr-values-grid h3{font-size:20px;margin:0 0 10px}.kr-values-grid p{font-size:14px;color:var(--kopru-muted);margin:0}.kr-map-section{padding:60px 0;background:var(--kopru-surface)}.kr-map-heading{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:30px}.kr-map-heading h2{font-size:40px;margin:0}.kr-map-heading>p{font-size:17px;color:var(--kopru-muted);line-height:1.4;margin:0}.kr-map-layout{display:grid;grid-template-columns:1fr 260px;gap:28px;align-items:start}.kr-map-canvas{position:relative;aspect-ratio:1000/510;overflow:hidden;border:1px solid #e1e5ee;background:white;border-radius:15px}#kr-map-background,#kr-map-pins{position:absolute;inset:0 0 auto;aspect-ratio:1000/430}#kr-map-background svg{width:100%;height:100%}#kr-map-background .work-country{fill:#8c9dde}#kr-map-background .is-active{fill:var(--kopru-blue)}.kr-map-pin{position:absolute;transform:translate(-50%,-50%);border:2px solid white;border-radius:50%;width:9px;height:9px;min-width:0;min-height:0;margin:0;padding:0;background:var(--kopru-blue);z-index:2;box-shadow:0 0 0 1px #0023ba44}.kr-map-pin.is-active{width:14px;height:14px;background:var(--kopru-yellow);z-index:4;box-shadow:0 0 0 5px #ffc40044}.kr-map-active{position:absolute;left:20px;bottom:15px;right:15px;pointer-events:none}.kr-map-active small,.kr-map-active strong,.kr-map-active span{display:block}.kr-map-active small{font-size:9px;color:var(--kopru-muted)}.kr-map-active strong{font-size:24px;color:var(--kopru-blue);line-height:1.4}.kr-map-active span{font-size:11px;color:var(--kopru-muted)}.kr-countries{display:grid;grid-template-columns:1fr 1fr;gap:6px}.kr-countries button{display:flex;align-items:center;gap:7px;border:1px solid #dce2ed;border-radius:7px;margin:0;padding:9px 10px;background:white;font-size:12px;color:var(--kopru-blue-dark);white-space:nowrap}.kr-countries button small{font-size:9px;color:var(--kopru-muted)}.kr-countries button.is-active{background:var(--kopru-blue);border-color:var(--kopru-blue);color:#fff}.kr-countries button.is-active small{color:#dce2fb}.kr-corp-cta{padding:40px 0;background:var(--kopru-blue-dark);color:white}.kr-corp-cta>.kopru-container{display:flex;align-items:center;gap:25px}.kr-corp-cta img{width:75px;padding:10px;border-radius:12px;background:white}.kr-corp-cta span{font-size:13px;color:#dce2fb}.kr-corp-cta h2{color:white;margin:4px 0 0;font-size:30px}.kr-corp-cta a{margin-left:auto;white-space:nowrap}.kr-local-note{position:fixed;z-index:999;bottom:10px;left:10px;max-width:calc(100vw - 100px);padding:7px 13px;border:1px solid #e2c358;border-radius:8px;background:#fff7d9;color:#5e4915;font:600 12px/1.5 Fustat,sans-serif;box-shadow:0 3px 14px #0001;pointer-events:none} @media(max-width:980px){.kr-hero-grid{gap:25px}.kr-hero h1{font-size:55px}.kr-hero-photo{height:560px}.kr-corp-intro{gap:35px}.kr-corp-intro h1{font-size:49px}.kr-map-layout{grid-template-columns:1fr}.kr-countries{grid-template-columns:repeat(5,1fr)}.kopru-main-nav{top:138px}.kr-purpose h2{font-size:27px}.kr-purpose article>img{width:45px;height:45px}.kr-map-canvas{aspect-ratio:1000/510}} @media(max-width:700px){.kopru-utility{font-size:12px}.kopru-utility nav{font-size:12px;gap:8px}.kopru-utility__inner{min-height:42px}.kopru-nav-row{min-height:80px}.kopru-brand img{height:65px;max-height:65px;width:70px}.kopru-main-nav{top:122px}.kr-hero-grid{grid-template-columns:1fr;gap:0}.kr-hero-copy{padding:35px 5px 25px}.kr-eyebrow{font-size:12px;margin-bottom:18px}.kr-hero h1{font-size:46px}.kr-hero-copy>p{font-size:15px}.kr-hero-actions{gap:18px}.kr-hero-actions>a:last-child{font-size:12px}.kr-hero-caption{margin-top:27px;font-size:11px}.kr-hero-caption img{width:33px;height:33px}.kr-hero-photo{height:340px;margin:0 4px;border-radius:45% 45% 0 0/35% 35% 0 0}.kr-hero-photo figcaption{left:22px;bottom:25px}.kr-hero-photo strong{font-size:21px}.kr-corp-intro{grid-template-columns:1fr;padding-block:35px;gap:25px}.kr-corp-intro h1{font-size:43px}.kr-corp-intro p{font-size:15px}.kr-corp-intro figure{height:320px;min-height:0}.kr-story{padding:40px 0;text-align:left}.kr-story h2{font-size:29px}.kr-story p{font-size:15px}.kr-purpose{grid-template-columns:1fr;padding-block:35px;gap:18px}.kr-purpose article{padding:28px}.kr-purpose h2{font-size:29px}.kr-purpose p{font-size:14px}.kr-values{padding-bottom:40px}.kr-values>h2{font-size:30px}.kr-values-grid{grid-template-columns:1fr 1fr;gap:10px}.kr-values-grid article{padding:20px 14px}.kr-values-grid img{width:50px;height:48px;margin-bottom:15px}.kr-values-grid h3{font-size:17px}.kr-values-grid p{font-size:12px}.kr-map-section{padding:35px 0}.kr-map-heading h2{font-size:28px}.kr-map-heading>p{font-size:12px}.kr-map-canvas{aspect-ratio:1.5}.kr-map-active{bottom:12px;left:14px}.kr-map-active strong{font-size:20px}.kr-map-active span{font-size:9px}.kr-countries{grid-template-columns:repeat(3,1fr)}.kr-countries button{padding:9px 6px;font-size:11px}.kr-corp-cta>.kopru-container{flex-wrap:wrap;gap:16px}.kr-corp-cta img{width:56px}.kr-corp-cta h2{font-size:24px}.kr-corp-cta>.kopru-container>div{max-width:230px}.kr-corp-cta a{margin-left:0}.kr-local-note{font-size:10px}.kopru-footer{margin-top:60px}} @media(max-width:360px){.kopru-utility nav{font-size:11px}.kr-hero h1{font-size:41px}.kr-corp-intro h1{font-size:37px}.kr-values-grid h3{font-size:15px}.kr-purpose h2{font-size:26px}} body.kopru-site{font-weight:400;letter-spacing:0;word-spacing:normal;font-kerning:normal;font-synthesis:none;font-variant-ligatures:common-ligatures;-webkit-font-smoothing:antialiased;line-height:1.75} body.kopru-site :is(p,li,label,input,select,textarea){letter-spacing:0;word-spacing:normal} body.kopru-site :is(h1,h2,h3,h4,h5,h6){font-kerning:normal;overflow-wrap:normal;word-break:normal;text-wrap:pretty} body.kopru-site button,body.kopru-site .kopru-button{font-weight:700} .kopru-brand img{width:96px;height:auto;max-height:84px;object-fit:contain} .kopru-main-nav a{font-weight:600}.kopru-utility nav a{font-weight:700} .kopru-project-card__image span,.kopru-recommendation-image span,.kopru-bank-grid article>div span,.kopru-custom-amount span{font-weight:700} .kopru-contact-form label{font-weight:600;gap:8px}.kopru-contact-form label>.kopru-field-label{color:#344054;display:block;line-height:1.55}.kopru-field-label b{color:#c83737;font-weight:600}.kopru-field-label small{font-size:11px;color:#667085;font-weight:400} .kopru-contact-form :is(input:not([type=checkbox]),select,textarea),.kopru-commerce-card :is(input,select,textarea){font-weight:400!important;font-size:16px;line-height:1.5;min-width:0} .kopru-contact-form .kopru-form-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)} .kr-countries button::after,.kr-map-pin::after{display:none!important}.kr-countries button{font-weight:600}.kr-countries button.is-active{background:var(--kopru-blue)!important;color:#fff!important;opacity:1!important} .kr-hero h1{line-height:1.16!important}.kopru-project-intro h1,.kopru-inner-hero h1,.kopru-page-hero h1{line-height:1.2!important} @media(max-width:700px){.kopru-brand img{width:72px;height:auto;max-height:67px}.kopru-contact-form .kopru-form-row{grid-template-columns:minmax(0,1fr)}.kopru-utility nav a{font-size:12px}.kopru-contact-form-card{padding:25px}} @media(max-width:360px){.kopru-utility nav a{font-size:11px}} .kr-hero h2{color:#fff;font-size:clamp(46px,5.2vw,76px);line-height:1.16!important;margin:0 0 27px}.kr-hero h2 em{font-style:normal;color:var(--kopru-yellow)} .kr-hero [data-kr-slide][hidden]{display:none!important}.kr-hero [data-kr-slide]{min-height:650px} .kr-hero-illustration{display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:end;min-height:590px;margin-top:30px;padding:65px 30px 45px;background:#f5f6f8;border-radius:46% 46% 0 0/36% 36% 0 0;color:var(--kopru-blue-dark);text-align:center}.kr-hero-illustration img{width:190px;height:190px;object-fit:contain;margin-bottom:30px}.kr-hero-illustration>strong{font-size:40px;line-height:1.25}.kr-hero-illustration p{font-size:15px;margin-top:20px;color:#586381} .kr-carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:17px 22px}.kr-carousel-controls>div{display:flex;gap:12px}.kr-carousel-controls button{display:inline-flex;align-items:center;gap:10px;margin:0;border:1px solid #ffffff55;padding:9px 14px;border-radius:7px;background:transparent;color:white;font-size:12px;font-weight:600;line-height:1.5}.kr-carousel-controls button::after{display:none!important}.kr-carousel-controls button:focus-visible{outline:3px solid var(--kopru-yellow);outline-offset:3px}.kr-carousel-controls button[aria-pressed=true]{border-color:var(--kopru-yellow);background:var(--kopru-blue-dark);color:white}.kr-carousel-controls button span{color:var(--kopru-yellow);font-variant-numeric:tabular-nums} @media(max-width:980px){.kr-hero h2{font-size:55px}.kr-hero [data-kr-slide]{min-height:610px}.kr-hero-illustration{min-height:560px}} @media(max-width:700px){.kr-hero h2{font-size:46px}.kr-hero [data-kr-slide]{min-height:0}.kr-hero-illustration{min-height:340px;padding:35px 20px 25px;margin:0 4px}.kr-hero-illustration img{width:135px;height:135px;margin-bottom:20px}.kr-hero-illustration>strong{font-size:29px}.kr-hero-illustration p{font-size:12px;margin-top:15px}.kr-carousel-controls{flex-wrap:wrap;gap:13px;padding-top:15px}.kr-carousel-controls>div{gap:7px}.kr-carousel-controls button{font-size:11px;padding:8px 10px;gap:7px}.kr-carousel-controls>[data-kr-slide-pause]{font-size:11px}} @media(max-width:360px){.kr-hero h2{font-size:41px}.kr-carousel-controls button{font-size:10px;padding:8px}} .kopru-video-card{background:linear-gradient(140deg,var(--kopru-blue-dark),var(--kopru-blue))} .kopru-region-grid article.kr-region-clean{position:relative;min-height:410px;background:linear-gradient(145deg,var(--kopru-blue-dark),var(--kopru-blue));padding-top:145px;align-items:end} .kr-region-clean>img{position:absolute;top:28px;left:30px;width:80px;height:80px;object-fit:contain;padding:12px;background:white;border-radius:15px} .kr-project-cover{width:100%;height:100%;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px;background:linear-gradient(145deg,#f5f6f8,#e9eefc);text-align:center;color:var(--kopru-blue-dark)} .kopru-project-card__image .kr-project-cover>img,.kopru-recommendation-image .kr-project-cover>img,.kopru-project-gallery__main .kr-project-cover>img{width:86px;height:86px;object-fit:contain;flex:none;transform:none} .kr-project-cover>strong{font-size:21px;line-height:1.35}.kr-project-cover>small{font-size:11px;color:#667085} .kopru-project-gallery__main .kr-project-cover>img{width:150px;height:150px}.kopru-project-gallery__main .kr-project-cover>strong{font-size:30px} .kopru-project-card__image:has(.kr-project-cover)::after{display:none} .kopru-project-card__image:has(.kr-project-cover)>span{top:16px;bottom:auto} .woocommerce-cart-form__cart-item .kr-project-cover{padding:8px;min-height:0}.woocommerce-cart-form__cart-item .kr-project-cover>strong,.woocommerce-cart-form__cart-item .kr-project-cover>small{display:none}.woocommerce-cart-form__cart-item .kr-project-cover>img{width:42px;height:42px} @media(max-width:700px){.kopru-project-gallery__main .kr-project-cover>strong{font-size:25px}.kopru-region-grid article.kr-region-clean{min-height:340px}} .kopru-footer{background:var(--kopru-blue-dark)}.kopru-commerce-hero{background:linear-gradient(130deg,var(--kopru-blue-dark),var(--kopru-blue))} .kr-purpose article>img{width:58px;height:58px;top:24px}.kr-hero-photo>img{object-position:52% center} @media(max-width:700px){.kr-purpose article>img{width:45px;height:45px}} html{scroll-padding-top:24px}body.kopru-site{overflow-wrap:break-word}body.kopru-site :is(button,input,select,textarea){font-family:inherit}body.kopru-site button{cursor:pointer}body.kopru-site :is(button,input,select,textarea){border-radius:8px}body.kopru-site button{border:1px solid #d0d5dd}body.kopru-site :is(h1,h2,h3,h4,h5,h6){margin-top:0;line-height:1.2}body.kopru-site p{margin-top:0;margin-bottom:1.2em}body.kopru-site figure{margin-inline:0}body.kopru-site table{width:100%;border-collapse:collapse}body.kopru-site th,body.kopru-site td{padding:12px;text-align:start}body.kopru-site a:focus-visible,body.kopru-site button:focus-visible{outline:3px solid var(--kopru-yellow);outline-offset:4px}body.kopru-site input:focus-visible,body.kopru-site select:focus-visible,body.kopru-site textarea:focus-visible{outline:2px solid var(--kopru-blue);outline-offset:2px}body.kopru-site :is(input[type=text],input[type=email],input[type=tel],input[type=number],input[type=password],select,textarea){padding:12px;border:1px solid #cfd5e2;background:white;max-width:100%}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.kopru-custom-menu,.kopru-custom-menu .sub-menu{list-style:none;margin:0;padding:0}.kopru-custom-menu{display:flex;gap:24px;align-items:center}.kopru-custom-menu li{position:relative}.kopru-custom-menu .sub-menu{position:absolute;top:100%;left:0;min-width:230px;background:white;box-shadow:0 12px 30px #10182818;padding:16px;border-radius:8px;display:none}.kopru-custom-menu li:hover>.sub-menu,.kopru-custom-menu li:focus-within>.sub-menu{display:grid;gap:12px}.kopru-video-placeholder{display:grid;place-content:center;gap:15px;text-align:center;width:100%;height:100%;min-height:220px;background:linear-gradient(135deg,var(--kopru-blue-dark),var(--kopru-blue));color:white;padding:30px}.kopru-video-placeholder button{border:2px solid var(--kopru-yellow)!important;background:transparent;color:var(--kopru-yellow);width:64px;height:64px;border-radius:50%!important;font-size:26px;margin:auto}.kopru-video-card__frame iframe{width:100%;height:100%;min-height:220px;border:0}.kopru-pagination{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:30px}.kopru-pagination .page-numbers{padding:8px 15px;border:1px solid #dfe4ef;border-radius:8px}.kopru-pagination .current{background:var(--kopru-blue);color:white}.kopru-legal-content :is(ul,ol){padding-left:24px}.kopru-generic-list{display:grid;gap:25px}.kopru-generic-list article{border:1px solid #e0e5ef;padding:24px;border-radius:var(--kopru-radius)}.kr-hero [data-kr-slide]{align-items:center}.kr-hero :is(h1,h2){font-size:clamp(44px,calc(5.2vw * var(--kopru-heading-scale)),76px)}.kopru-quick-actions__grid a>span:last-child{display:grid;gap:6px}body.kopru-site :is(.kopru-button,.kopru-menu-toggle){text-decoration:none}body.kopru-site .kopru-button{border-radius:999px}body.kopru-site .kopru-menu-toggle{border:0}.kopru-project-hero h1{font-size:clamp(32px,4vw,54px)}.kopru-inner-hero h1,.kopru-page-hero h1{font-size:clamp(32px,4.5vw,58px)}body.kopru-site .kr-map-pin{border-radius:50%;padding:0}body.kopru-site .kr-map-pin.is-active{background:var(--kopru-yellow)}.woocommerce .button,.woocommerce button.button{background:var(--kopru-blue);color:white;padding:12px 20px;border-radius:999px;border:0}.woocommerce .woocommerce-error,.woocommerce .woocommerce-info,.woocommerce .woocommerce-message{padding:16px 20px;border-top:3px solid var(--kopru-blue);background:var(--kopru-surface);list-style:none}.woocommerce form .form-row label{display:block}.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea{width:100%}.woocommerce .form-row{margin-bottom:15px}.kopru-project-donation button[data-amount]{border:1px solid #d4dced;background:white;padding:12px;color:var(--kopru-ink)}.kopru-project-donation button[data-selected]{background:var(--kopru-blue);color:white}.kopru-project-donation button[type=submit]{margin-top:15px}.kr-hero-caption{min-height:40px}.kopru-footer__brand img{aspect-ratio:919/805}.kopru-brand img{aspect-ratio:919/805}.kr-map-canvas{min-height:240px} @media(max-width:980px){.kopru-custom-menu{flex-direction:column;align-items:stretch;gap:14px}.kopru-custom-menu .sub-menu{position:static;box-shadow:none;display:grid;padding:14px 0 0 16px;gap:12px}.kopru-custom-menu>li>a{display:block}.kopru-cart-link{white-space:nowrap}} @media(max-width:700px){.kr-hero :is(h1,h2){font-size:calc(46px * var(--kopru-heading-scale))}.kopru-project-hero h1{font-size:34px}.kopru-inner-hero h1,.kopru-page-hero h1{font-size:37px}.ks-legal{overflow-wrap:anywhere}} .kr-map-layout{min-width:0}.kr-map-layout>*{min-width:0;max-width:100%}.kr-map-canvas{width:100%;min-width:0}.kr-values-grid>*{min-width:0;overflow-wrap:anywhere}.kr-hero-grid>*{min-width:0}.kr-hero-copy :is(h1,h2){overflow-wrap:anywhere}.kr-carousel-controls{flex-wrap:wrap}.kr-carousel-controls>div{flex-wrap:wrap;max-width:100%;min-width:0}.kr-carousel-controls button{max-width:100%;overflow-wrap:anywhere} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body.kopru-site *,body.kopru-site *::before,body.kopru-site *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}