@font-face {
            font-family: 'Poetsen One';
            font-style: normal;
            font-weight: 400;
            src: local('Poetsen One'), url('https://fonts.cdnfonts.com/s/31868/PoetsenOne-Regular.woff') format('woff');
        }

        @font-face {
            font-family: 'Roshida Valentines';
            font-style: normal;
            font-weight: 400;
            src: local('Roshida Valentines'), url('https://fonts.cdnfonts.com/s/39094/RoshidaValentines-d10K.woff') format('woff');
        }

        body {
            font-family: 'Poetsen One', sans-serif;
        }
        
        section {
            scroll-margin-top: 120px;
        }

        h1, h2, h3, h4, h5, h6 {
            font-family: 'Roshida Valentines', sans-serif;
            font-size: 2em; /* Increase size slightly for all headings */
        }
        
        h1 {
            font-size: 2.8em; /* Make h1 even larger */
        }
        
        h2 {
            font-size: 2.2em;
        }

        h3 {
            font-size: 2em;
        }
        
        .bg-primary {
            background-color: #0F6489;
        }
        
        .text-primary {
            color: #0F6489;
        }
        
        .bg-secondary {
            background-color: #F8B22E;
        }
        
        .text-secondary {
            color: #F8B22E;
        }
        
        .bg-accent {
            background-color: #7ABA5F;
        }
        
        .text-accent {
            color: #7ABA5F;
        }
        
        .hero-gradient {
            background: linear-gradient(135deg, rgba(15,100,137,0.9) 0%, rgba(122,186,95,0.8) 100%);
        }
        
        .service-gradient {
            background: linear-gradient(180deg, rgba(15,100,137, 0) 0%,rgba(15,100,137,0.5) 50%, rgba(15,100,137, 0) 100%);
        }

        .about-gradient {
            background: linear-gradient(180deg, rgba(122,186,95, 0) 0%,rgba(122,186,95,0.5) 50%, rgba(122,186,95, 0) 100%);
        }

        .method-gradient {
            background: linear-gradient(180deg, rgba(248, 178, 46, 0) 0%,rgba(248, 178, 46,0.5) 50%, rgba(248, 178, 46, 0) 100%);
        }

        .hover-scale {
            transition: transform 0.3s ease;
        }
        
        .hover-scale:hover {
            transform: scale(1.03);
        }
        
        .nav-link::after {
            content: '';
            display: block;
            width: 0;
            height: 2px;
            background: #F8B22E;
            transition: width 0.3s;
        }
        
        .nav-link:hover::after {
            width: 100%;
        }