* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: Sen, -apple-system, Roboto, Helvetica, sans-serif;
}

.privacy-policy-page {
    width: 100%;
    background-color: #FFF;
}

/* Hero Section */
.hero-section {
    width: 100%;
    height: 390px;
    position: relative;
}

.hero-container {
    display: flex;
    width: 100%;
    height: 390px;
    justify-content: center;
    align-items: center;
    position: relative;
}

.hero-image {
    width: 100%;
    height: 390px;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}

.hero-content {
    display: flex;
    padding: 10px 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 491px;
    height: 141px;
    z-index: 1;
}

.page-title {
    color: #FAFAFA;
    text-align: center;
    font-size: 50px;
    font-weight: 700;
    margin: 0;
}

.last-updated {
    color: #92D14F;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

/* Main Content */
.main-content {
    display: flex;
    width: 100%;
    max-width: 1140px;
    flex-direction: column;
    align-items: flex-start;
    gap: 46px;
    margin: 0 auto;
    padding: 105px 20px 0;
}

/* Section Headers */
.section-header {
    display: flex;
    height: 36px;
    padding: 0 30px;
    align-items: center;
    gap: 8px;
    border-left: 16px solid #92D14F;
}

.section-title {
    color: #313D53;
    font-size: 24px;
    font-weight: 700;
    margin: 0;
}

/* Introduction Section */
.introduction-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    width: 100%;
}

.intro-text {
    width: 100%;
    color: #313D53;
    font-size: 20px;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
}

.website-link {
    color: #313D53;
    text-decoration: underline;
    font-weight: 700;
}

/* Information Collection Section */
.information-collection-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    width: 100%;
}

.section-description {
    width: 100%;
    color: #313D53;
    font-size: 20px;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
}

.subsection {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
}

.subsection-title {
    width: 100%;
    color: #313D53;
    font-size: 24px;
    font-weight: 700;
    margin: 0;
}

.subsection-description {
    width: 100%;
    color: #313D53;
    font-size: 20px;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
}

.info-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
}

.info-item {
    width: 100%;
    color: #313D53;
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    padding-left: 20px;
    position: relative;
    list-style: none;
}

.info-item::before {
    content: "•";
    position: absolute;
    left: 0;
    font-weight: 600;
}

.disclaimer {
    width: 100%;
    color: #313D53;
    font-size: 20px;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
}

/* Information Usage Section */
.information-usage-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    width: 100%;
}

.usage-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
}

.usage-intro {
    width: 100%;
    color: #313D53;
    font-size: 20px;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
}

.usage-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
}

.usage-item {
    width: 100%;
    color: #313D53;
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    padding-left: 20px;
    position: relative;
    list-style: none;
}

.usage-item::before {
    content: "•";
    position: absolute;
    left: 0;
    font-weight: 600;
}

.usage-disclaimer {
    width: 100%;
    color: #313D53;
    font-size: 20px;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
}

/* Information Sharing Section */
.information-sharing-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    width: 100%;
}

.sharing-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
}

.sharing-intro {
    width: 100%;
    color: #313D53;
    font-size: 20px;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
}

.sharing-scenarios {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 6px;
    width: 100%;
}

.scenario {
    display: flex;
    align-items: baseline;
    width: 100%;
    color: #313D53;
    font-size: 20px;
    font-weight: 400;
    line-height: 150%;
    gap: 4px;
    padding-left: 20px;
    position: relative;
}

.scenario::before {
    content: "•";
    position: absolute;
    left: 0;
    font-weight: 600;
}

.scenario-title {
    font-weight: 600;
    display: inline;
}

.sharing-disclaimer {
    width: 100%;
    color: #313D53;
    font-size: 20px;
    font-weight: 500;
    line-height: 150%;
    margin: 0;
}

/* Cookies Section */
.cookies-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    width: 100%;
}

.cookies-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
}

.cookies-intro {
    width: 100%;
    color: #313D53;
        font-size: 20px;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
}

.cookie-types {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
}

.cookie-types-title {
    width: 100%;
    color: #313D53;
    font-size: 20px;
    font-weight: 500;
    line-height: 150%;
    margin: 0;
}

.cookie-type {
    display: flex;
    align-items: baseline;
    width: 100%;
    color: #313D53;
    font-size: 20px;
    font-weight: 400;
    line-height: 150%;
    gap: 4px;
    padding-left: 20px;
    position: relative;
}

.cookie-type::before {
    content: "•";
    position: absolute;
    left: 0;
    font-weight: 600;
}

.cookie-name {
    font-weight: 700;
    display: inline;
    list-style: none;
}

.cookies-disclaimer,
.cookies-note {
    width: 100%;
    color: #313D53;
    font-size: 20px;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
}

.cookies-disclaimer {
    font-weight: 500;
}

/* Data Security Section */
.data-security-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    width: 100%;
}

.security-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
}

.security-intro {
    color: #313D53;
    font-size: 20px;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
}

.security-measures {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
}

.security-measure {
    width: 100%;
    color: #313D53;
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    padding-left: 20px;
    position: relative;
    list-style: none;
}

.security-measure::before {
    content: "•";
    position: absolute;
    left: 0;
    font-weight: 600;
}

.security-disclaimer {
    width: 100%;
    color: #313D53;
    font-size: 20px;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
}

/* Data Retention Section */
.data-retention-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    width: 100%;
}

.retention-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
}

.retention-intro {
    width: 100%;
    color: #313D53;
    font-size: 20px;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
}

.retention-purposes {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
}

.retention-purpose {
    width: 100%;
    color: #313D53;
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    padding-left: 20px;
    position: relative;
    list-style: none;
}

.retention-purpose::before {
    content: "•";
    position: absolute;
    left: 0;
    font-weight: 600;
}

.retention-note {
    width: 100%;
    color: #313D53;
    font-size: 20px;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
}

/* Rights and Choices Section */
.rights-choices-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    width: 100%;
}

.rights-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
}

.rights-intro {
    width: 100%;
    color: #313D53;
    font-size: 20px;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
}

.rights-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
}

.right-item {
    width: 100%;
    color: #313D53;
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    padding-left: 20px;
    position: relative;
    list-style: none;
}

.right-item::before {
    content: "•";
    position: absolute;
    left: 0;
    font-weight: 600;
}

.rights-exercise {
    width: 100%;
    color: #313D53;
    font-size: 20px;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
}

.contact-email {
    color: #313D53;
    text-decoration: underline;
    font-weight: 700;
}

/* Children's Privacy Section */
.children-privacy-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    width: 100%;
}

.children-content {
    width: 100%;
    color: #313D53;
    font-size: 20px;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
}

/* International Transfers Section */
.international-transfers-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    width: 100%;
}

.transfers-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
}

.transfers-intro,
.safeguards-intro {
    width: 100%;
    color: #313D53;
    font-size: 20px;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
}

.safeguards-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
}

.safeguard-item {
    width: 100%;
    color: #313D53;
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    padding-left: 20px;
    position: relative;
    list-style: none;
}

.safeguard-item::before {
    content: "•";
    position: absolute;
    left: 0;
    font-weight: 600;
}

/* Third Party Links Section */
.third-party-links-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    width: 100%;
}

.third-party-content {
    width: 100%;
    color: #313D53;
    font-size: 20px;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
}

/* Global Privacy Rights Section */
.global-privacy-rights-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    width: 100%;
}

.global-rights-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
}

.global-approach {
    width: 100%;
    color: #313D53;
    font-size: 20px;
    font-weight: 500;
    line-height: 150%;
    font-style: italic;
    margin: 0;
}

.global-intro {
    width: 100%;
    color: #313D53;
    font-size: 20px;
    font-weight: 500;
    line-height: 150%;
    margin: 0;
}

.global-rights-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
}

.global-right-item {
    width: 100%;
    color: #313D53;
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    padding-left: 20px;
    position: relative;
    list-style: none;
}

.global-right-item::before {
    content: "•";
    position: absolute;
    left: 0;
    font-weight: 600;
}

.global-contact {
    width: 100%;
    color: #313D53;
    font-size: 20px;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
}

/* Compliance Section */
.compliance-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    width: 100%;
}

.compliance-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
}

.compliance-intro {
    width: 100%;
    color: #313D53;
    font-size: 20px;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
}

.compliance-laws {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
    padding-bottom: 20px;
}

.compliance-law {
    width: 100%;
    color: #313D53;
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    padding-left: 20px;
    position: relative;
    list-style: none;
}

.compliance-law::before {
    content: "•";
    position: absolute;
    left: 0;
    font-weight: 600;
}

.legal-bases,
.additional-rights {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.legal-bases-title,
.additional-rights-title {
    width: 100%;
    color: #313D53;
    font-size: 24px;
    font-weight: 700;
    margin: 0;
}

.legal-bases-intro,
.additional-rights-intro {
    width: 100%;
    color: #313D53;
    font-size: 20px;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
}

.legal-bases-list,
.additional-rights-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
    padding-bottom: 20px;
}

.legal-basis,
.additional-right {
    width: 100%;
    color: #313D53;
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    padding-left: 20px;
    position: relative;
    list-style: none;
}

.legal-basis::before,
.additional-right::before {
    content: "•";
    position: absolute;
    left: 0;
    font-weight: 600;
}

/* Do Not Track Section */
.do-not-track-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    width: 100%;
}

.do-not-track-content {
    width: 100%;
    color: #313D53;
    font-size: 20px;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
}

.do-not-track-emphasis {
    font-weight: 500;
}

/* Policy Changes Section */
.policy-changes-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    width: 100%;
}

.changes-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
}

.changes-intro {
    width: 100%;
    color: #313D53;
    font-size: 20px;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
}

.changes-methods {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
}

.change-method {
    width: 100%;
    color: #313D53;
    font-size: 20px;
    font-weight: 600;
    line-height: 150%;
    padding-left: 20px;
    position: relative;
    list-style: none;
}

.change-method::before {
    content: "•";
    position: absolute;
    left: 0;
    font-weight: 600;
}

.changes-acceptance {
    width: 100%;
    color: #313D53;
    font-size: 20px;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
}

/* Contact Information Section */
.contact-info-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    width: 100%;
}

.contact-intro {
    width: 100%;
    color: #313D53;
    font-size: 20px;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
}

.contact-details {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
}

.company-name {
    width: 100%;
    color: #313D53;
    font-size: 24px;
    font-weight: 700;
    margin: 0;
}

.contact-info {
    width: 100%;
    color: #313D53;
    font-size: 20px;
    font-weight: 400;
    line-height: 180%;
}

.contact-line {
    display: block;
    margin-bottom: 4px;
}

.contact-label {
    font-weight: 700;
}

.contact-value {
    font-weight: 400;
}

/* CTA Section */
.cta-section {
    display: flex;
    width: 100%;
    height: 465px;
    padding: 62px;
    align-items: center;
    gap: 361px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.60) 100%), url('https://api.builder.io/api/v1/image/assets/TEMP/0056f1359b4f463b5c7c53daca8540878315ac11?width=2880') lightgray 0px -214.526px / 100% 158.936% no-repeat;
    margin-top: 100px;
}

.cta-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 42px;
    flex: 1 0 0;
}

.cta-title {
    color: #ECF0F1;
    text-align: center;
    font-size: 42px;
    font-weight: 700;
    margin: 0;
}

.cta-details {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    width: 100%;
}

.cta-description {
    width: 100%;
    color: #ECF0F1;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    margin: 0;
}

.cta-phone {
    color: #ECF0F1;
    text-align: center;
    font-size: 36px;
    font-weight: 700;
    margin: 0;
}

.cta-button {
    display: flex;
    padding: 16px 32px;
    align-items: center;
    gap: 32px;
    border-radius: 4px;
    cursor: pointer;
    background-color: #92D14F;
    border: none;
}

.button-text {
    color: #313D53;
    font-size: 24px;
    font-weight: 700;
}

.arrow-icon {
    fill: none;
    stroke: #313D53;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* Footer */
.footer {
    display: flex;
    width: 100%;
    height: 110px;
    padding: 10px 110px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background-color: #313D53;
}

.footer-text {
    color: #ECF0F1;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
}

/* Responsive Design */
@media (max-width: 991px) {
    .hero-content {
        width: 90%;
        padding: 20px;
    }

    .page-title {
        font-size: 60px;
    }

    .last-updated {
        font-size: 18px;
    }

    .main-content {
        padding: 80px 40px 0;
    }

    .section-title {
        font-size: 24px;
    }

    .intro-text,
    .section-description,
    .subsection-description,
    .disclaimer,
    .usage-intro,
    .usage-disclaimer,
    .sharing-intro,
    .sharing-disclaimer,
    .cookies-intro,
    .cookies-disclaimer,
    .cookies-note,
    .security-intro,
    .security-disclaimer,
    .retention-intro,
    .retention-note,
    .rights-intro,
    .rights-exercise,
    .children-content,
    .transfers-intro,
    .safeguards-intro,
    .third-party-content,
    .global-intro,
    .global-contact,
    .compliance-intro,
    .legal-bases-intro,
    .additional-rights-intro,
    .do-not-track-content,
    .changes-intro,
    .changes-acceptance,
    .contact-intro,
    .contact-info {
        font-size: 18px;
    }

    .subsection-title {
        font-size: 20px;
    }

    .info-item,
    .usage-item,
    .right-item,
    .security-measure,
    .retention-purpose,
    .safeguard-item,
    .global-right-item,
    .compliance-law,
    .legal-basis,
    .additional-right,
    .change-method {
        font-size: 18px;
    }

    .global-approach {
        font-size: 18px;
    }

    .legal-bases-title,
    .additional-rights-title,
    .company-name {
        font-size: 20px;
    }

    .cta-section {
        padding: 40px;
        gap: 200px;
    }

    .cta-description {
        font-size: 20px;
    }

    .cta-phone {
        font-size: 28px;
    }

    .button-text {
        font-size: 20px;
    }

    .footer {
        padding: 10px 40px;
    }

    .footer-text {
        font-size: 18px;
    }
}

@media (max-width: 640px) {
    .hero-content {
        width: 90%;
        padding: 20px;
    }

    .page-title {
        font-size: 48px;
    }

    .last-updated {
        font-size: 16px;
    }

    .main-content {
        padding: 60px 20px 0;
    }

    .section-title {
        font-size: 20px;
    }

    .intro-text,
    .section-description,
    .subsection-description,
    .disclaimer,
    .usage-intro,
    .usage-disclaimer,
    .sharing-intro,
    .sharing-disclaimer,
    .cookies-intro,
    .cookies-disclaimer,
    .cookies-note,
    .security-intro,
    .security-disclaimer,
    .retention-intro,
    .retention-note,
    .rights-intro,
    .rights-exercise,
    .children-content,
    .transfers-intro,
    .safeguards-intro,
    .third-party-content,
    .global-intro,
    .global-contact,
    .compliance-intro,
    .legal-bases-intro,
    .additional-rights-intro,
    .do-not-track-content,
    .changes-intro,
    .changes-acceptance,
    .contact-intro,
    .contact-info {
        font-size: 16px;
    }

    .subsection-title {
        font-size: 18px;
    }

    .info-item,
    .usage-item,
    .right-item,
    .security-measure,
    .retention-purpose,
    .safeguard-item,
    .global-right-item,
    .compliance-law,
    .legal-basis,
    .additional-right,
    .change-method {
        font-size: 16px;
    }

    .global-approach {
        font-size: 16px;
    }

    .legal-bases-title,
    .additional-rights-title,
    .company-name {
        font-size: 18px;
    }

    .cta-section {
        padding: 30px 20px;
        gap: 0;
        flex-direction: column;
    }

    .cta-description {
        font-size: 18px;
    }

    .cta-phone {
        font-size: 24px;
    }

    .cta-button {
        width: 100%;
        justify-content: center;
    }

    .button-text {
        font-size: 18px;
    }

    .footer {
        padding: 10px 20px;
    }

    .footer-text {
        font-size: 16px;
    }
}
