@font-face {
    font-family: "Golos Text";
    src: url("fonts/golfont/golos/golos-regular/GolosText-Regular.woff2") format("woff2"), url("fonts/golfont/golos/golos-regular/GolosText-Regular.woff") format("woff");
    font-weight: 400; /* normal */
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Golos Text";
    src: url("fonts/golfont/golos/golos-medium/GolosText-Medium.woff2") format("woff2"), url("fonts/golfont/golos/golos-medium/GolosText-Medium.woff") format("woff");
    font-weight: 500; /* medium */
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Golos Text";
    src: url("fonts/golfont/golos/golos-semibold/GolosText-SemiBold.woff2") format("woff2"), url("fonts/golfont/golos/golos-semibold/GolosText-SemiBold.woff") format("woff");
    font-weight: 600; /* semibold */
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Golos Text";
    src: url("fonts/golfont/golos/golos-bold/GolosText-Bold.woff2") format("woff2"), url("fonts/golfont/golos/golos-bold/GolosText-Bold.woff") format("woff");
    font-weight: 700; /* bold */
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Golos Text";
    src: url("fonts/golfont/golos/golos-extrabold/GolosText-ExtraBold.woff2") format("woff2"), url("fonts/golfont/golos/golos-extrabold/GolosText-ExtraBold.woff") format("woff");
    font-weight: 800; /* extrabold */
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Golos Text";
    src: url("fonts/golfont/golos/golos-black/GolosText-Black.woff2") format("woff2"), url("fonts/golfont/golos/golos-black/GolosText-Black.woff") format("woff");
    font-weight: 900; /* black */
    font-style: normal;
    font-display: swap;
}



/* ======================= CSS VARIABLES ======================= */
:root {
    --color-primary: #D89D6A; /* Tan for buttons and actions */
    --color-secondary: #96ADC8; /* Slate Blue for backgrounds/accents */
    --color-accent1: #D7FFAB; /* Light Green for highlights */
    --color-accent2: #FCFF6C; /* Yellow for attention */
    
    --color-text: #333;
    --color-text-light: #555;
    --color-bg: #FDFDFD;
    --color-bg-light: #F4F7F9;
    --color-white: #fff;
    --color-border: #e0e0e0;

    --font-primary: 'Golos Text', sans-serif;
    --font-secondary: 'Golos Text', sans-serif;

    --header-height: 80px;
    --border-radius: 8px;
    --shadow: 0 8px 25px rgba(0, 0, 0, 0.07);
    --transition: all 0.3s ease-in-out;
}

/* ======================= BASE & RESET ======================= */
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
    font-size: 16px;
}

body {
    font-family: var(--font-secondary);
    background-color: var(--color-bg);
    color: var(--color-text);
    line-height: 1.7;
    overflow-x: hidden;
}

h1, h2, h3 {
    font-family: var(--font-primary);
    font-weight: 600;
    line-height: 1.3;
    color: var(--color-text);
}

h1 { font-size: 3.5rem; }
h2 { font-size: 2.5rem; }
h3 { font-size: 1.5rem; }

p {
    margin-bottom: 1rem;
    color: var(--color-text-light);
}

a {
    text-decoration: none;
    color: var(--color-primary);
    transition: var(--transition);
}

a:hover {
    color: #b97d4b;
}

ul {
    list-style: none;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

section
{
    overflow: hidden;
}

/* ======================= REUSABLE COMPONENTS ======================= */
.ldpltWzvXpQkYfAPQmxLMrVBJYmGqt {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 1.5rem;
}

.vjHZeLIBtukirPyzucfCGgCAygvBnp {
    padding: 6rem 0;
}
.UKRbnzLECUQaJrNlZxKpddIRbvDKfG {
    padding: 8rem 0;
}

.rVGjXuFeVfdjKuHnLHQCuxmTXAdpgx {
    background-color: var(--color-bg-light);
}

.JhhmdXqbQjpnPApxJIdFIANmOLVJGM {
    text-align: center;
    margin-bottom: 4rem;
}

.JhhmdXqbQjpnPApxJIdFIANmOLVJGM h2 {
    margin-bottom: 1rem;
}

.JhhmdXqbQjpnPApxJIdFIANmOLVJGM p {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.qDTWniLfmTUrdAPTOMcAcTDrGLPSwi {
    display: inline-block;
    padding: 0.8rem 2rem;
    border-radius: 50px;
    font-family: var(--font-primary);
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    transition: var(--transition);
    border: 2px solid transparent;
}

.ynbAUwBcUTrykIwYNQiwldjenHcqoK {
    background-color: var(--color-primary);
    color: var(--color-white);
}

.ynbAUwBcUTrykIwYNQiwldjenHcqoK:hover {
    background-color: #b97d4b;
    transform: translateY(-3px);
    box-shadow: 0 4px 15px rgba(216, 157, 106, 0.4);
    color: var(--color-white);
}

.uTFFCFmvYxkzRPtijqxdhicPUxMPnc {
    background-color: transparent;
    color: var(--color-primary);
    border-color: var(--color-primary);
}

.uTFFCFmvYxkzRPtijqxdhicPUxMPnc:hover {
    background-color: var(--color-primary);
    color: var(--color-white);
}

/* ======================= HEADER ======================= */
.cwBTATtdoDLsRgpsQkDkCfIjcBvhaj {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--header-height);
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    z-index: 1000;
    transition: var(--transition);
    border-bottom: 1px solid transparent;
}
.cwBTATtdoDLsRgpsQkDkCfIjcBvhaj.scrolled {
    box-shadow: var(--shadow);
    border-bottom: 1px solid var(--color-border);
}

.NfjKmJcAKznxyztenIorayFnYgSyWj {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.dkMpfmPpixnrFAhTiFYgOTSOBpCxVr {
    font-size: 1.5rem;
    font-weight: 700;
    font-family: var(--font-primary);
    color: var(--color-text);
}

.XPpJyGqlAFtFzDpDaIeYMvzOkzwDCd {
    display: flex;
    gap: 2rem;
}

.XPpJyGqlAFtFzDpDaIeYMvzOkzwDCd a {
    font-family: var(--font-primary);
    font-weight: 600;
    color: var(--color-text-light);
    position: relative;
    padding: 0.5rem 0;
}

.XPpJyGqlAFtFzDpDaIeYMvzOkzwDCd a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: var(--color-primary);
    transition: var(--transition);
}

.XPpJyGqlAFtFzDpDaIeYMvzOkzwDCd a:hover::after,
.XPpJyGqlAFtFzDpDaIeYMvzOkzwDCd a.YKdtnIPjLNeDEvbYWVsYQFbgtkdvTF::after {
    width: 100%;
}

.XPpJyGqlAFtFzDpDaIeYMvzOkzwDCd a:hover, .XPpJyGqlAFtFzDpDaIeYMvzOkzwDCd a.YKdtnIPjLNeDEvbYWVsYQFbgtkdvTF {
    color: var(--color-text);
}

.RuWXfcAfUGfUmsqFQgtKbCgwVBriog {
    display: none;
    background: transparent;
    border: none;
    cursor: pointer;
    z-index: 1001;
}

/* ======================= HERO SECTION ======================= */
.stndmHkCBQzdeIPNYZOclDDMEbXuIE {
    position: relative;
    height: 100vh;
    min-height: 700px;
    display: flex;
    align-items: center;
    color: var(--color-white);
    background: url('images/hero-bg.webp') no-repeat center center/cover;
    text-align: center;
}

.UUQikWMMKghNSlXEcinIurgNyLnJPr {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0.4));
}

.AIsNfqqklNkQXpQmxtHIusbYsOwELx {
    position: relative;
    z-index: 2;
}

.TBbfbgrSDMfdTswBgvHIGegpqyrKqN {
    max-width: 800px;
    margin: 0 auto;
}

.TBbfbgrSDMfdTswBgvHIGegpqyrKqN h1 {
    color: var(--color-white);
    margin-bottom: 1.5rem;
    text-shadow: 2px 2px 10px rgba(0,0,0,0.5);
}

.TBbfbgrSDMfdTswBgvHIGegpqyrKqN p {
    font-size: 1.25rem;
    margin-bottom: 2.5rem;
    color: rgba(255, 255, 255, 0.9);
    text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
}

/* ======================= ACHIEVEMENTS SECTION ======================= */
.oTiKwYXpUJNnxOzOFRUMgIVZLMUQvo {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    gap: 2rem;
}

.tDUWgFMLspjUaSCObTtOYTPOfxkkkW {
    text-align: center;
    padding: 2rem;
    background-color: var(--color-white);
    border-radius: var(--border-radius);
    box-shadow: var(--shadow);
    transition: var(--transition);
}

.tDUWgFMLspjUaSCObTtOYTPOfxkkkW:hover {
    transform: translateY(-10px);
}

.vdiuVgePxmPlViRmEXhwKETmaoxfoi {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: 0 auto 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.oTiKwYXpUJNnxOzOFRUMgIVZLMUQvo .tDUWgFMLspjUaSCObTtOYTPOfxkkkW:nth-child(1) .vdiuVgePxmPlViRmEXhwKETmaoxfoi
{
    background-color: #d7ffab;
}
.oTiKwYXpUJNnxOzOFRUMgIVZLMUQvo .tDUWgFMLspjUaSCObTtOYTPOfxkkkW:nth-child(2) .vdiuVgePxmPlViRmEXhwKETmaoxfoi
{
    background-color: #fcff6c;
}
.oTiKwYXpUJNnxOzOFRUMgIVZLMUQvo .tDUWgFMLspjUaSCObTtOYTPOfxkkkW:nth-child(3) .vdiuVgePxmPlViRmEXhwKETmaoxfoi
{
    background-color: #96adc8;
}

.vdiuVgePxmPlViRmEXhwKETmaoxfoi svg {
    width: 40px;
    height: 40px;
    fill: #333;
}

.tDUWgFMLspjUaSCObTtOYTPOfxkkkW h3 {
    margin-bottom: 1rem;
    color: var(--color-text);
}

/* ======================= PROCESS SECTION ======================= */
.WqWqUnfPyJHDwBjqytcrPxUMHBxWCU {
    position: relative;
    max-width: 800px;
    margin: 0 auto;
}
.WqWqUnfPyJHDwBjqytcrPxUMHBxWCU::after {
    content: '';
    position: absolute;
    width: 4px;
    background-color: var(--color-secondary);
    opacity: 0.3;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -2px;
}
.zdNWcSiGmNoMfkmkSWxEVSVrTDFrlE {
    padding: 10px 40px;
    position: relative;
    width: 50%;
}
.zdNWcSiGmNoMfkmkSWxEVSVrTDFrlE:nth-child(odd) {
    left: 0;
    text-align: right;
}
.zdNWcSiGmNoMfkmkSWxEVSVrTDFrlE:nth-child(even) {
    left: 50%;
    text-align: left;
}
.bKsXHksFCiSaxpTrADvZhMjSPjhiOl {
    position: absolute;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--color-white);
    background-color: var(--color-secondary);
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    border: 5px solid var(--color-bg-light);
}
.zdNWcSiGmNoMfkmkSWxEVSVrTDFrlE:nth-child(odd) .bKsXHksFCiSaxpTrADvZhMjSPjhiOl {
    right: -30px;
}
.zdNWcSiGmNoMfkmkSWxEVSVrTDFrlE:nth-child(even) .bKsXHksFCiSaxpTrADvZhMjSPjhiOl {
    left: -30px;
}
.HnEBVJwvLbkgmvzcoghVkfxnjinYfb {
    padding: 20px 30px;
    background-color: var(--color-white);
    border-radius: var(--border-radius);
    box-shadow: var(--shadow);
}
.HnEBVJwvLbkgmvzcoghVkfxnjinYfb h3 {
    margin-bottom: 0.5rem;
    color: var(--color-primary);
}


/* ======================= WHO WE ARE / SUSTAINABILITY ======================= */
.vbeLSxaRVvKwgbBtipIYuEHjFXHLTy, .WHfkJQUwAmfkpOOelKuokCfsyiFPnC {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: center;
}
.NYstgYQbbKKpXHwBaiAOQAZjpbLWKF img, .gVPWTxpZEQCisREopHSnnKuQNhaKji img {
    border-radius: var(--border-radius);
    box-shadow: var(--shadow);
}
.heNFZCbZROUgfaAzQrcISQJWssJiFl h2, .ZFxtrwypxeGFaGAFozGynJECMKtRMj h2 {
    margin-bottom: 1.5rem;
}

/* ======================= FEATURED DISHES ======================= */
.PKBJtgrJOhxQtdTeWHvysWXQagNYAl {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    gap: 2rem;
}
.iPAAMfEFrjvNnoEzPouBGYBJXdumSZ {
    background: var(--color-white);
    border-radius: var(--border-radius);
    overflow: hidden;
    box-shadow: var(--shadow);
    display: flex;
    flex-direction: column;
    transition: var(--transition);
}
.iPAAMfEFrjvNnoEzPouBGYBJXdumSZ:hover {
    transform: translateY(-10px);
}
.xzYZGjtyLiVxmJcPSzWYpbDLXsbKpo {
    width: 100%;
    height: 250px;
    object-fit: cover;
}
.ZByMYQooxCaeaklvPMlZjTYZfFIQrB {
    padding: 2rem;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
.ZByMYQooxCaeaklvPMlZjTYZfFIQrB h3 {
    margin-bottom: 1rem;
}
.ZByMYQooxCaeaklvPMlZjTYZfFIQrB p {
    flex-grow: 1;
}
.ZByMYQooxCaeaklvPMlZjTYZfFIQrB .qDTWniLfmTUrdAPTOMcAcTDrGLPSwi {
    margin-top: 1.5rem;
    align-self: flex-start;
}

/* ======================= REVIEWS SECTION ======================= */
.EUYnMDnLLhDDqzQtvdHbyqCuFPCYGw {
    position: relative;
    max-width: 800px;
    margin: 0 auto;
    overflow: hidden;
}
.azetZNDLfRhtarpWEytkMQodkwRBOx {
    display: flex;
    transition: transform 0.5s ease-in-out;
}
.hVbyIGlMmLpJhLlzPNjkvbTcKCnijw {
    min-width: 100%;
    padding: 0 1rem;
}
.MmryDAKNzxEIqiEIpYeqvbabHCEjUd {
    background-color: var(--color-bg-light);
    border-left: 5px solid var(--color-accent1);
    padding: 2rem;
    border-radius: var(--border-radius);
    text-align: center;
}
.FrmqIKqoHCOnEBkuXGuCIOJsFaapGc {
    font-size: 1.5rem;
    color: var(--color-accent2);
    margin-bottom: 1rem;
}
.MmryDAKNzxEIqiEIpYeqvbabHCEjUd p {
    font-style: italic;
    font-size: 1.1rem;
    margin-bottom: 1.5rem;
}
.YorjzUUJtHTzVUEdNWZDNyIyrLwqJk {
    font-weight: 700;
    font-family: var(--font-primary);
}
.tfvCohuUELlaFWGFjczThWKDBFEOlN {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0;
    pointer-events: none;
}
.iagXJaRSbLFFBGFZEUuKfrAzYaMybj {
    pointer-events: all;
    background-color: var(--color-white);
    border: 1px solid var(--color-border);
    color: var(--color-text);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 2rem;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    transition: var(--transition);
    display: flex;
    align-items: center;
    justify-content: center;
}
.iagXJaRSbLFFBGFZEUuKfrAzYaMybj.pQsHaXiFdvIsQkYVJzZloILdxJJnuQ {
    transform: translateX(0px);
}
.iagXJaRSbLFFBGFZEUuKfrAzYaMybj.SGzyivCMiYvjQCPYQtnzBQHjVrmKeO {
    transform: translateX(0px);
}
.iagXJaRSbLFFBGFZEUuKfrAzYaMybj:hover {
    background-color: var(--color-primary);
    color: var(--color-white);
}

/* ================================================================ */
/* ======================= STORE PAGE STYLES ====================== */
/* ================================================================ */

/* ======================= PAGE HERO ======================= */
.PgCswxBfgRFmBWWxcLlzZvJbrgdiwB {
    background-color: var(--color-secondary);
    padding: 6rem 0;
    text-align: center;
    color: var(--color-white);
}

.PgCswxBfgRFmBWWxcLlzZvJbrgdiwB h1 {
    color: var(--color-white);
    text-shadow: 1px 1px 5px rgba(0,0,0,0.2);
}

.PgCswxBfgRFmBWWxcLlzZvJbrgdiwB p {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 0;
}

/* ======================= STORE (MEALS) SECTION ======================= */

.arBghOEaoAkJBEoiBHpqMFtrpyhTYS {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    gap: 2rem;
}
.AyXDPsbZysihDgemKUSGZNbBLlkIUw {
    background-color: var(--color-white);
    border-radius: var(--border-radius);
    box-shadow: var(--shadow);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: var(--transition);
}
.AyXDPsbZysihDgemKUSGZNbBLlkIUw:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
}
.AyXDPsbZysihDgemKUSGZNbBLlkIUw img {
    height: 220px;
    width: 100%;
    object-fit: cover;
}
.nluZelrcaiumBzTcmTjQJAyeajJbuA {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.nluZelrcaiumBzTcmTjQJAyeajJbuA h3 {
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
}
.nluZelrcaiumBzTcmTjQJAyeajJbuA p {
    flex-grow: 1;
    margin-bottom: 1rem;
    font-size: 0.95rem;
}
.niMRZIyaKHiWqZMCCegzXSfgEtbAAC {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
}
.jLRWtDXNTRtaQOLXvDGgRXjOjabYOv {
    font-size: 1.25rem;
    font-weight: 700;
    font-family: var(--font-primary);
    color: var(--color-primary);
}

/* ======================= INGREDIENTS SECTION ======================= */
.PMuqciYCYfJKDGjWYkhcGFhfqnFKkn {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 4rem;
    align-items: center;
}
.mIQmSEtNfiCnwWMCKOFmvDYsxFbTWX img {
    border-radius: var(--border-radius);
    box-shadow: var(--shadow);
}
.CDAJcGeUqAXEStvpBriEEpMUSAcltH h2 {
    margin-bottom: 1.5rem;
}

/* ======================= TRADITIONS SECTION ======================= */
.GPEaEUuQYfIGGUmJxIROhjACwAWPZX {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
    background: var(--color-bg-light);
    padding: 3rem;
    border-radius: var(--border-radius);
}

.GPEaEUuQYfIGGUmJxIROhjACwAWPZX p {
    font-size: 1.1rem;
}

/* ======================= STATS SECTION ======================= */
.bLXrvVYzkqqfRMvbYniabGztlOvXFr {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 2rem;
    text-align: center;
}
.vnjObSNuetcGejBZsnEyjrgjIzjWFX {
    background-color: var(--color-white);
    padding: 2.5rem 1.5rem;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow);
    border-bottom: 5px solid var(--color-accent1);
}
.vnjObSNuetcGejBZsnEyjrgjIzjWFX h3 {
    font-size: 3rem;
    color: var(--color-primary);
    margin-bottom: 0.5rem;
}
.vnjObSNuetcGejBZsnEyjrgjIzjWFX p {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--color-text-light);
    margin-bottom: 0;
}

/* ======================= ATMOSPHERE SECTION ======================= */
.UkBOQSEfsaoxpxNMpHOCQTFxfsfBsI {
    position: relative;
    padding: 10rem 0;
    background: url('images/atmos.webp') no-repeat center center/cover;
    background-attachment: fixed; /* Parallax effect */
}
.UkBOQSEfsaoxpxNMpHOCQTFxfsfBsI::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
}
.lXhoiJMYWIiSSxEyfNhiJhjwxCTElq {
    position: relative;
    z-index: 2;
    color: var(--color-white);
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}
.lXhoiJMYWIiSSxEyfNhiJhjwxCTElq h2 {
    color: var(--color-white);
    font-size: 2.8rem;
    margin-bottom: 1.5rem;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.5);
}
.lXhoiJMYWIiSSxEyfNhiJhjwxCTElq p {
    color: rgba(255,255,255,0.9);
    font-size: 1.2rem;
    margin-bottom: 0;
}

/* ======================= FAQ & COUNTRIES ACCORDION ======================= */
.ODZAGjEmaWmhhFstCfjVKAJscimtFN, .GvdpgfBcYdQXjcDGykqWeTinGSwTrO {
    max-width: 900px;
    margin: 0 auto;
}
.ODZAGjEmaWmhhFstCfjVKAJscimtFN details, .GvdpgfBcYdQXjcDGykqWeTinGSwTrO details {
    background: var(--color-white);
    border-radius: var(--border-radius);
    margin-bottom: 1rem;
    border: 1px solid var(--color-border);
    overflow: hidden; /* Important for smooth animation */
}
.ODZAGjEmaWmhhFstCfjVKAJscimtFN details[open], .GvdpgfBcYdQXjcDGykqWeTinGSwTrO details[open] {
    border-color: var(--color-primary);
}
.ODZAGjEmaWmhhFstCfjVKAJscimtFN summary, .GvdpgfBcYdQXjcDGykqWeTinGSwTrO summary {
    padding: 1.5rem;
    font-size: 1.1rem;
    font-weight: 600;
    font-family: var(--font-primary);
    cursor: pointer;
    list-style: none; /* Remove default marker */
    position: relative;
}
.ODZAGjEmaWmhhFstCfjVKAJscimtFN summary::after, .GvdpgfBcYdQXjcDGykqWeTinGSwTrO summary::after {
    content: '+';
    position: absolute;
    right: 1.5rem;
    font-size: 1.5rem;
    font-weight: 400;
    transition: transform 0.3s ease;
}
.ODZAGjEmaWmhhFstCfjVKAJscimtFN details[open] > summary::after, .GvdpgfBcYdQXjcDGykqWeTinGSwTrO details[open] > summary::after {
    transform: rotate(45deg);
}
.OtbMWvkuzsULoiapvAkqUKxkKLipJu {
    padding: 0 1.5rem 1.5rem 1.5rem;
    border-top: 1px solid var(--color-border);
    overflow: hidden;
}
.OtbMWvkuzsULoiapvAkqUKxkKLipJu p {
    margin-bottom: 0;
}

/* Additions for JS-powered smooth accordion */
.ODZAGjEmaWmhhFstCfjVKAJscimtFN details .OtbMWvkuzsULoiapvAkqUKxkKLipJu, .GvdpgfBcYdQXjcDGykqWeTinGSwTrO details .OtbMWvkuzsULoiapvAkqUKxkKLipJu {
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-top: none;
    opacity: 0;
    transition: max-height 0.5s ease, padding 0.5s ease, opacity 0.3s ease-in-out;
}
.ODZAGjEmaWmhhFstCfjVKAJscimtFN details[open] .OtbMWvkuzsULoiapvAkqUKxkKLipJu, .GvdpgfBcYdQXjcDGykqWeTinGSwTrO details[open] .OtbMWvkuzsULoiapvAkqUKxkKLipJu {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    border-top: 1px solid var(--color-border);
    max-height: 500px; /* Adjust if content is longer */
    opacity: 1;
}

/* ======================= RESPONSIVE ADDITIONS ======================= */
@media (max-width: 992px) {
    .PMuqciYCYfJKDGjWYkhcGFhfqnFKkn {
        grid-template-columns: 1fr;
    }
    .PMuqciYCYfJKDGjWYkhcGFhfqnFKkn .mIQmSEtNfiCnwWMCKOFmvDYsxFbTWX {
        order: -1; /* Move image to top */
    }
}
@media (max-width: 768px) {
    .UkBOQSEfsaoxpxNMpHOCQTFxfsfBsI {
        background-attachment: scroll; /* Disable parallax on mobile for performance */
    }
    .lXhoiJMYWIiSSxEyfNhiJhjwxCTElq h2 {
        font-size: 2.2rem;
    }
}

/* ================================================================ */
/* ======================= ABOUT PAGE STYLES ====================== */
/* ================================================================ */

/* ======================= PHILOSOPHY SECTION ======================= */
.okCvkFaEaJXVRLxLNCZUSypgxFMikb .JhhmdXqbQjpnPApxJIdFIANmOLVJGM p {
    font-size: 1.2rem;
    line-height: 1.8;
    color: var(--color-text-light);
}

/* ======================= CORE VALUES SECTION ======================= */
.UdgEVNqnzfOEPozYiRlpDahOjUYvcO {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
}
.ILcXjFLVArvueQcANkJkyTWdVnjDKb {
    text-align: center;
    padding: 2rem;
}
.PIKZkitdrZBPheNhuqgrquKKCtXExB {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    margin: 0 auto 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative; /* For Mo.js positioning */
}

.UdgEVNqnzfOEPozYiRlpDahOjUYvcO .ILcXjFLVArvueQcANkJkyTWdVnjDKb:nth-child(1) .PIKZkitdrZBPheNhuqgrquKKCtXExB
{
    background-color: #D7FFAB;
}
.UdgEVNqnzfOEPozYiRlpDahOjUYvcO .ILcXjFLVArvueQcANkJkyTWdVnjDKb:nth-child(2) .PIKZkitdrZBPheNhuqgrquKKCtXExB
{
    background-color: #FCFF6C;
}
.UdgEVNqnzfOEPozYiRlpDahOjUYvcO .ILcXjFLVArvueQcANkJkyTWdVnjDKb:nth-child(3) .PIKZkitdrZBPheNhuqgrquKKCtXExB
{
    background-color: #96ADC8;
}
.UdgEVNqnzfOEPozYiRlpDahOjUYvcO .ILcXjFLVArvueQcANkJkyTWdVnjDKb:nth-child(4) .PIKZkitdrZBPheNhuqgrquKKCtXExB
{
    background-color: #D89D6A;
}
.PIKZkitdrZBPheNhuqgrquKKCtXExB svg {
    width: 45px;
    height: 45px;
    fill: #333;
}
.ILcXjFLVArvueQcANkJkyTWdVnjDKb h3 {
    margin-bottom: 1rem;
}

/* ======================= VISION & GOALS SECTION ======================= */
.pFHROfJhQnPHlUcImKJeEHthEBacdW {
    font-size: 1.5rem;
    font-style: italic;
    font-family: var(--font-primary);
    color: var(--color-text);
    max-width: 800px;
    margin: 0 auto;
    border-left: 4px solid var(--color-primary);
    padding-left: 2rem;
    text-align: left;
}
.IyLfbVQfsTFVQMoQYIugNfYokHZQym {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    gap: 2rem;
    margin-top: 4rem;
}
.beJPmAUYbotWYZkncAzFKyDGOprLGR {
    background-color: var(--color-white);
    padding: 2.5rem;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow);
    transition: var(--transition);
}
.beJPmAUYbotWYZkncAzFKyDGOprLGR:hover {
    transform: translateY(-5px);
    border-bottom: 5px solid var(--color-secondary);
}
.beJPmAUYbotWYZkncAzFKyDGOprLGR h3 {
    margin-bottom: 1rem;
    color: var(--color-primary);
}

/* ======================= TEAM SECTION ======================= */
.KkxUPRpvNASSJHISnDfXTbdibNVmQW {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    gap: 3rem;
}
.VhDfiJObOuGBBdUnSvNiJSeNvoueSQ {
    text-align: center;
}
.blytSDYTeBrZLOWtyVOjDWDlNaXUZl {
    width: 180px;
    height: 180px;
    object-fit: cover;
    border-radius: 50%;
    margin: 0 auto 1.5rem;
    box-shadow: 0 0 0 8px var(--color-white), var(--shadow);
}
.bMlEsEHcxQSthfjIwuqmzyHOYRbxsC h3 {
    font-size: 1.4rem;
    margin-bottom: 0.25rem;
}
.bMlEsEHcxQSthfjIwuqmzyHOYRbxsC .iqmMuJkvtpvpxcVHhKaNkORjVTKEag {
    font-family: var(--font-secondary);
    color: var(--color-primary);
    font-weight: 700;
    margin-bottom: 1rem;
}
.bMlEsEHcxQSthfjIwuqmzyHOYRbxsC p {
    font-size: 0.95rem;
}

/* ======================= TRIBUTE SECTION ======================= */
.NKfyasWLNGifdJoqrGDyHKlTNXcorK {
    position: relative;
    padding: 10rem 0;
    background: url('images/tribute.webp') no-repeat center center/cover;
    background-attachment: fixed;
}
.NKfyasWLNGifdJoqrGDyHKlTNXcorK::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(44, 44, 44, 0.75); /* Darker overlay for tribute */
}
.ZlgnTDRsFjmTSvJtJUrbPMmomaXgLH {
    position: relative;
    z-index: 2;
    color: var(--color-white);
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    padding: 0 10px;
}
.ZlgnTDRsFjmTSvJtJUrbPMmomaXgLH h2 {
    color: var(--color-white);
    font-size: 2.8rem;
    margin-bottom: 1.5rem;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.5);
}
.ZlgnTDRsFjmTSvJtJUrbPMmomaXgLH p {
    color: rgba(255,255,255,0.9);
    font-size: 1.2rem;
    line-height: 1.8;
    margin-bottom: 0;
}

/* ======================= COMMUNITY COMMITMENT SECTION ======================= */
.xvFqdjhJdTyaLEtmungMGkNJxyzklq .PMuqciYCYfJKDGjWYkhcGFhfqnFKkn {
    grid-template-columns: 1.2fr 1fr; /* Text wider than image */
}
.gpIGNBKbKPPwcWCcsonRRiSVTqWiMo h2, .xvFqdjhJdTyaLEtmungMGkNJxyzklq h2 {
    margin-bottom: 1.5rem;
}
.VIhMgjGQVjZSpuAFFuscimphCjjjLd img {
    border-radius: var(--border-radius);
    box-shadow: var(--shadow);
}


/* ======================= RESPONSIVE ADDITIONS FOR ABOUT PAGE ======================= */
@media (max-width: 992px) {
    .xvFqdjhJdTyaLEtmungMGkNJxyzklq .PMuqciYCYfJKDGjWYkhcGFhfqnFKkn {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .NKfyasWLNGifdJoqrGDyHKlTNXcorK {
        background-attachment: scroll;
    }
    .ZlgnTDRsFjmTSvJtJUrbPMmomaXgLH h2 {
        font-size: 2.2rem;
    }
}

/* ================================================================ */
/* ===================== CONTACT PAGE STYLES ==================== */
/* ================================================================ */

.JlTDmVcxfcyinpfjRVNZxNYyJiDXDX {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
}

.FKoElZZnEuWjtYwvUzvitlkqzjQPRa h2, .AfefNDhJIyDwQfJZwXaLRtoUUXMxrI h2 {
    margin-bottom: 1rem;
    font-size: 2rem;
}

.FKoElZZnEuWjtYwvUzvitlkqzjQPRa p, .AfefNDhJIyDwQfJZwXaLRtoUUXMxrI p {
    margin-bottom: 2rem;
}

.KprNOhNRYACqwYVAKcgmfAEpnrowhr {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 2rem;
    align-items: flex-start;
}
.NYDBspmYUsFuEQqkEwqnaLzdtdlvrq {
    background-color: var(--color-accent1);
    color: var(--color-text);
    width: 50px;
    height: 50px;
    min-width: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.NYDBspmYUsFuEQqkEwqnaLzdtdlvrq svg {
    width: 24px;
    height: 24px;
}
.KprNOhNRYACqwYVAKcgmfAEpnrowhr h3 {
    margin-bottom: 0.25rem;
    font-size: 1.2rem;
}
.KprNOhNRYACqwYVAKcgmfAEpnrowhr p {
    margin-bottom: 0.5rem;
}

/* Form Styling with Floating Labels */
.rHhhrVlpcpkOGTOhedicbejhsvGLap {
    position: relative;
    margin-bottom: 2rem;
}
.AbKvTVsnTdZCLkcKyKNbdawrsBzrzp {
    width: 100%;
    padding: 1rem;
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius);
    font-family: var(--font-secondary);
    font-size: 1rem;
    background-color: var(--color-bg);
    transition: border-color 0.3s;
}
.AbKvTVsnTdZCLkcKyKNbdawrsBzrzp:focus {
    outline: none;
    border-color: var(--color-primary);
}
.CjVrOirsvEGRVnBNKzxHaVhCQFecgN {
    position: absolute;
    top: 1rem;
    left: 1rem;
    color: var(--color-text-light);
    pointer-events: none;
    transition: all 0.3s ease;
    background-color: var(--color-bg);
    padding: 0 0.25rem;
}
.AbKvTVsnTdZCLkcKyKNbdawrsBzrzp:focus ~ .CjVrOirsvEGRVnBNKzxHaVhCQFecgN,
.AbKvTVsnTdZCLkcKyKNbdawrsBzrzp:not(:placeholder-shown) ~ .CjVrOirsvEGRVnBNKzxHaVhCQFecgN {
    top: -0.75rem;
    left: 0.75rem;
    font-size: 0.85rem;
    color: var(--color-primary);
}

#jlvLjoNQuRCDruUJSZLVAkcnhKCpPu button {
    width: 100%;
    padding: 1rem;
    font-size: 1.1rem;
}

/* ================================================================ */
/* ============= CHECKBOX STYLES FOR CONTACT FORM =============== */
/* ================================================================ */

.LuXUWCzcuXUwYyCthiheVXUxDNfnXM {
    display: flex;
    align-items: center;
    margin-bottom: 2rem; /* Standard spacing before the submit button */
    font-size: 0.95rem;
    color: var(--color-text-light);
}

.LuXUWCzcuXUwYyCthiheVXUxDNfnXM input[type="checkbox"] {
    width: 18px; /* A nice, modern size */
    height: 18px;
    margin-right: 0.75rem;
    cursor: pointer;
    flex-shrink: 0; /* Prevents checkbox from shrinking on small screens */
    
    /* Modern way to style the checkmark color to match your theme */
    accent-color: var(--color-primary); 
}

.LuXUWCzcuXUwYyCthiheVXUxDNfnXM label {
    cursor: pointer; /* Allows users to click the text to check the box */
    line-height: 1.5;
}

.LuXUWCzcuXUwYyCthiheVXUxDNfnXM a {
    color: var(--color-primary);
    text-decoration: none;
    font-weight: 600;
    transition: var(--transition);
}

.LuXUWCzcuXUwYyCthiheVXUxDNfnXM a:hover {
    text-decoration: underline;
}

/* Location Section */

/* Partnership Section */
.ImJETtqHBJpPlqIueMvaSQKuQNuyKa {
    align-items: center;
}
.GUXTPQYtaecQOTZbcsDtjCLaVdVWHi img {
    border-radius: var(--border-radius);
    box-shadow: var(--shadow);
}

/* Press Section */
.ZbnwPWTLJTAGUnDxBfEKPXUezZliyy {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}
.ZbnwPWTLJTAGUnDxBfEKPXUezZliyy p {
    font-size: 1.1rem;
    margin-bottom: 2rem;
}


/* ================== RESPONSIVE FOR CONTACT PAGE =================== */
@media (max-width: 992px) {
    .JlTDmVcxfcyinpfjRVNZxNYyJiDXDX {
        grid-template-columns: 1fr;
        gap: 5rem;
    }
}
@media (max-width: 768px) {
    .ImJETtqHBJpPlqIueMvaSQKuQNuyKa.PMuqciYCYfJKDGjWYkhcGFhfqnFKkn {
        grid-template-columns: 1fr;
    }
}

/* ======================= BENEFITS SECTION ======================= */
.ToCXryUOvxoNwLqEMtEUcmyQhxkIBg {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    gap: 3rem;
}
.DAOjZdEZoyywJlDgqrsxlivMulVDrF {
    position: relative;
    padding-left: 2rem;
}
.DAOjZdEZoyywJlDgqrsxlivMulVDrF::before {
    content: '✓';
    position: absolute;
    left: 0;
    top: 0;
    font-size: 1.5rem;
    color: var(--color-accent1);
    font-weight: bold;
}
.DAOjZdEZoyywJlDgqrsxlivMulVDrF h3 {
    margin-bottom: 0.5rem;
}

/* ======================= FOOTER ======================= */
.FEfDAJLsaStIMXTZoYRoIoqDYKrWAC {
    background-color: #2c2c2c;
    color: rgba(255, 255, 255, 0.7);
    padding: 4rem 0 0;
}
.laoSYXBtQZZVQmEmlSkfxeyWsjNiiN
{
    font-size: 24px;
    font-weight: 700;
    color: #D7FFAB;
}
.SQNzvJtngUbQLPhqadBEjhHxjtBiIg {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 3rem;
    padding-bottom: 4rem;
}
.FEfDAJLsaStIMXTZoYRoIoqDYKrWAC h3 {
    color: var(--color-white);
    margin-bottom: 1.5rem;
    font-size: 1.2rem;
}
.miAdXcJylRiOMgBGbTKDReyHCwGDbn p {
    color: rgba(255, 255, 255, 0.7);
}
.CFsnfaLaXJlACWXQKQFGoFtJZKBOZZ ul li {
    margin-bottom: 0.75rem;
}
.CFsnfaLaXJlACWXQKQFGoFtJZKBOZZ ul a {
    color: rgba(255, 255, 255, 0.7);
}
.CFsnfaLaXJlACWXQKQFGoFtJZKBOZZ ul a:hover {
    color: var(--color-white);
    padding-left: 5px;
}
.YBEszlLWMrkXtScLUPiBjfspPxqcMK {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    text-align: center;
    padding: 1.5rem 0;
}

/* ======================= ANIMATIONS ======================= */
.EzowOMFuDDdqfoGNnMxMOnBKhkqLCu {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.EzowOMFuDDdqfoGNnMxMOnBKhkqLCu.visible {
    opacity: 1;
    transform: translateY(0);
}
.TBbfbgrSDMfdTswBgvHIGegpqyrKqN .EzowOMFuDDdqfoGNnMxMOnBKhkqLCu:nth-child(1) { transition-delay: 0.2s; }
.TBbfbgrSDMfdTswBgvHIGegpqyrKqN .EzowOMFuDDdqfoGNnMxMOnBKhkqLCu:nth-child(2) { transition-delay: 0.4s; }
.TBbfbgrSDMfdTswBgvHIGegpqyrKqN .EzowOMFuDDdqfoGNnMxMOnBKhkqLCu:nth-child(3) { transition-delay: 0.6s; }

.oTiKwYXpUJNnxOzOFRUMgIVZLMUQvo .EzowOMFuDDdqfoGNnMxMOnBKhkqLCu:nth-child(1) { transition-delay: 0.2s; }
.oTiKwYXpUJNnxOzOFRUMgIVZLMUQvo .EzowOMFuDDdqfoGNnMxMOnBKhkqLCu:nth-child(2) { transition-delay: 0.4s; }
.oTiKwYXpUJNnxOzOFRUMgIVZLMUQvo .EzowOMFuDDdqfoGNnMxMOnBKhkqLCu:nth-child(3) { transition-delay: 0.6s; }


/* ======================= RESPONSIVE DESIGN ======================= */

/* Tablets */
@media (max-width: 992px) {
    h1 { font-size: 2.8rem; }
    h2 { font-size: 2rem; }

    .vbeLSxaRVvKwgbBtipIYuEHjFXHLTy, .WHfkJQUwAmfkpOOelKuokCfsyiFPnC {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    .WHfkJQUwAmfkpOOelKuokCfsyiFPnC {
        grid-auto-flow: dense;
    }
    .WHfkJQUwAmfkpOOelKuokCfsyiFPnC .gVPWTxpZEQCisREopHSnnKuQNhaKji {
        grid-row: 1; /* Move image to top on smaller screens */
    }

    .WqWqUnfPyJHDwBjqytcrPxUMHBxWCU::after {
        left: 30px;
    }
    .zdNWcSiGmNoMfkmkSWxEVSVrTDFrlE {
        width: 100%;
        padding-left: 80px;
        padding-right: 15px;
    }
    .zdNWcSiGmNoMfkmkSWxEVSVrTDFrlE:nth-child(odd), .zdNWcSiGmNoMfkmkSWxEVSVrTDFrlE:nth-child(even) {
        left: 0;
        text-align: left;
    }
    .bKsXHksFCiSaxpTrADvZhMjSPjhiOl {
        left: 0;
    }
    .zdNWcSiGmNoMfkmkSWxEVSVrTDFrlE:nth-child(odd) .bKsXHksFCiSaxpTrADvZhMjSPjhiOl,
    .zdNWcSiGmNoMfkmkSWxEVSVrTDFrlE:nth-child(even) .bKsXHksFCiSaxpTrADvZhMjSPjhiOl {
        left: 5px;
    }

    .SQNzvJtngUbQLPhqadBEjhHxjtBiIg {
        grid-template-columns: 1fr;
        text-align: center;
    }
    .miAdXcJylRiOMgBGbTKDReyHCwGDbn, .CFsnfaLaXJlACWXQKQFGoFtJZKBOZZ {
        max-width: 400px;
        margin: 0 auto;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .vjHZeLIBtukirPyzucfCGgCAygvBnp { padding: 4rem 0; }
    .UKRbnzLECUQaJrNlZxKpddIRbvDKfG { padding: 5rem 0; }

    .RuWXfcAfUGfUmsqFQgtKbCgwVBriog {
        display: block;
    }
    .bQrwfgUbyFmJVlmfccGGXUJWNYUmnv {
        display: block;
        width: 25px;
        height: 2px;
        background-color: var(--color-text);
        position: relative;
        transition: transform 0.3s ease;
    }
    .bQrwfgUbyFmJVlmfccGGXUJWNYUmnv::before, .bQrwfgUbyFmJVlmfccGGXUJWNYUmnv::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 2px;
        background-color: var(--color-text);
        transition: top 0.3s ease 0.3s, transform 0.3s ease;
    }
    .bQrwfgUbyFmJVlmfccGGXUJWNYUmnv::before { top: -8px;  left: -12px;}
    .bQrwfgUbyFmJVlmfccGGXUJWNYUmnv::after { top: 8px; left: -12px; }

    .nav-open .bQrwfgUbyFmJVlmfccGGXUJWNYUmnv { background-color: transparent; }
    .nav-open .bQrwfgUbyFmJVlmfccGGXUJWNYUmnv::before { top: 0; transform: rotate(45deg); }
    .nav-open .bQrwfgUbyFmJVlmfccGGXUJWNYUmnv::after { top: 0; transform: rotate(-45deg); }


    .BnMXmJPLsPwGTyvCVjzUCCsVrRFRez {
        position: fixed;
        top: 0;
        right: -100%;
        width: 100%;
        height: 100vh;
        background-color: var(--color-bg);
        display: flex;
        justify-content: center;
        align-items: center;
        transition: right 0.5s ease;
    }
    .BnMXmJPLsPwGTyvCVjzUCCsVrRFRez.nav-open {
        right: 0;
    }
    .XPpJyGqlAFtFzDpDaIeYMvzOkzwDCd {
        flex-direction: column;
        text-align: center;
        gap: 3rem;
    }
    .XPpJyGqlAFtFzDpDaIeYMvzOkzwDCd a {
        font-size: 1.5rem;
    }
}

@media (max-width: 480px) {
    html { font-size: 15px; }
    .ldpltWzvXpQkYfAPQmxLMrVBJYmGqt { padding: 0 1rem; }
    h1 { font-size: 2.2rem; }
    .TBbfbgrSDMfdTswBgvHIGegpqyrKqN p { font-size: 1rem; }
}


.ULBgvXheyNIGRkAmiYShgMfOOknsVZ {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(44, 44, 44, 0.5);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(8px); /* For Safari */
    z-index: 2000;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s ease;
}
.ULBgvXheyNIGRkAmiYShgMfOOknsVZ.popup-active {
    opacity: 1;
    pointer-events: auto;
}

.JhnXefOWuYPrLpiyEdPycxzEDtKIDC {
    background-color: var(--color-white);
    padding: 3rem;
    border-radius: var(--border-radius);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
    max-width: 500px;
    width: 90%;
    text-align: center;
    position: relative;
    transform: scale(0.95);
    transition: transform 0.4s ease;
}
.ULBgvXheyNIGRkAmiYShgMfOOknsVZ.popup-active .JhnXefOWuYPrLpiyEdPycxzEDtKIDC {
    transform: scale(1);
}

.JhnXefOWuYPrLpiyEdPycxzEDtKIDC h2 {
    font-size: 2rem;
    margin-bottom: 1rem;
    color: var(--color-text);
}

.JhnXefOWuYPrLpiyEdPycxzEDtKIDC p {
    margin-bottom: 2.5rem;
    color: var(--color-text-light);
    line-height: 1.6;
}

.rYgbyqBdmEFFYDhNVSapLgZMjazXRo {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: transparent;
    border: none;
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1;
    color: var(--color-text-light);
    cursor: pointer;
    transition: var(--transition);
}

.rYgbyqBdmEFFYDhNVSapLgZMjazXRo:hover {
    color: var(--color-text);
    transform: rotate(90deg);
}

.ZOCNzajqZLUPzisuiizIciPZqWNWuY {
    display: flex;
    justify-content: center;
    gap: 1rem;
}

/* Main Section Layout */
.IbvcWEdJDXjLOylCBHKKRKtctljlcb {
    background-color: var(--color-bg-light);
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 80vh;
    padding: 4rem 1rem;
}

/* Centering Wrapper */
.zFPDBKXcsGyKdWdwSMyEwJxBnIjjwg {
    width: 100%;
    display: flex;
    justify-content: center;
}

/* Content Box Styling */
.XuTnmiBIIGvQcewPgAjrMorlRerVjd {
    background-color: var(--color-white);
    padding: 3rem;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow);
    max-width: 600px;
    width: 100%;
    text-align: center;
}

/* Typography */
.XuTnmiBIIGvQcewPgAjrMorlRerVjd h1 {
    font-size: 2.5rem;
    margin-bottom: 1rem;
    color: var(--color-text);
}
.XuTnmiBIIGvQcewPgAjrMorlRerVjd p {
    font-size: 1.1rem;
    color: var(--color-text-light);
    line-height: 1.7;
    margin-bottom: 2.5rem;
}

/* Button Styling (matching .qDTWniLfmTUrdAPTOMcAcTDrGLPSwi and .ynbAUwBcUTrykIwYNQiwldjenHcqoK) */
.gvgWaXpjnYBDlbeFTNDgHXuCbvJlCK.vGnXSebLsqabJwHFIzJrcRQloHlste {
    display: inline-block;
    padding: 0.8rem 2rem;
    border-radius: 50px;
    font-family: var(--font-primary);
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    transition: var(--transition);
    border: 2px solid transparent;
    background-color: var(--color-primary);
    color: var(--color-white);
    text-decoration: none;
}
.gvgWaXpjnYBDlbeFTNDgHXuCbvJlCK.vGnXSebLsqabJwHFIzJrcRQloHlste:hover {
    background-color: #b97d4b;
    transform: translateY(-3px);
    box-shadow: 0 4px 15px rgba(216, 157, 106, 0.4);
    color: var(--color-white);
}

/* Animated Checkmark Container */
.EhYWAgxhGgbkgxPNkcIGxAudPFptTv {
    width: 100px;
    height: 100px;
    margin: 0 auto 1.5rem;
}

/* The SVG itself */
.SKLoKMNuiZjHtWEWrWnMlcZDavLMQX {
    width: 100%;
    height: 100%;
}

/* Circle Animation */
.OtRLppPZqDHgrGuwDcLBQNfCXfnxOQ {
    stroke-width: 3;
    stroke: var(--color-accent1); /* Light Green for success */
    stroke-dasharray: 158; /* Circumference of circle (2 * pi * 25) */
    stroke-dashoffset: 158;
    animation: draw-circle 0.8s ease-out forwards;
}

/* Checkmark Path Animation */
.szpBRLsFNvHRWlFQtJqRGDrGDcdYDQ {
    stroke-width: 4;
    stroke: var(--color-primary); /* Use primary color for the check */
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    animation: draw-check 0.6s ease-out 0.8s forwards; /* Delay to start after circle */
}

/* Keyframe Animations */
@keyframes draw-circle {
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes draw-check {
    to {
        stroke-dashoffset: 0;
    }
}