@font-face {
    font-family: 'Cormorant Garamond';
    src: url('fonts/CormorantGaramond-Regular.woff2') format('woff2');
    font-weight: 400;
}

@font-face {
    font-family: 'Cormorant Garamond';
    src: url('fonts/CormorantGaramond-Bold.woff2') format('woff2');
    font-weight: 700;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Light.woff2') format('woff2');
    font-weight: 300;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Regular.woff2') format('woff2');
    font-weight: 400;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Bold.woff2') format('woff2');
    font-weight: 700;
}

        :root {
            --primary-color: #000000;
            --secondary-color: #000000;
            --accent-color: #A3E9BC;
            --light-bg: #F5F7F8;
            --dark-bg: #EAECEF;
            --heading-font: 'Cormorant Garamond', serif;
            --body-font: 'Montserrat', sans-serif;
        }
        body { font-family: var(--body-font); background-color: var(--light-bg); color: var(--secondary-color); }
        h1, h2, h3, h4, h5, h6 { font-family: var(--heading-font); color: var(--primary-color); }
        .cta-button { transition: transform 0.3s ease, box-shadow 0.3s ease; }
        .cta-button:hover { transform: translateY(-2px); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); }
        .nav-link, .footer-link { position: relative; transition: color 0.3s ease; }
        .nav-link::after, .footer-link::after { content: ''; position: absolute; width: 0; height: 2px; display: block; margin-top: 5px; right: 0; background: var(--accent-color); transition: width 0.4s ease; -webkit-transition: width 0.4s ease; }
        .nav-link:hover::after, .footer-link:hover::after { width: 100%; left: 0; background: var(--accent-color); }
        .card { transition: transform 0.3s ease, box-shadow 0.3s ease; }
        .card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08); }
        .accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.5s ease-in-out; }
        .accordion-button.active .accordion-arrow { transform: rotate(180deg); }
        .accordion-arrow { transition: transform 0.3s ease; }
        .swiper-pagination-bullet-active { background-color: #295870 !important; }
        .swiper-slide { height: auto !important; }
        #benefits .swiper-pagination-bullet-active { background-color: #295870 !important; }
        
        /* Language switcher style */
        #language-switcher {
            font-family: var(--body-font);
            font-weight: 700;
            font-size: 1rem;
            color: var(--primary-color);
            background: transparent;
            border: none;
            cursor: pointer;
            padding: 8px;
            transition: color 0.3s ease;
        }
        #language-switcher:hover {
            color: #295870;
        }


/* Any other custom styles you have for your project */