@font-face {
        font-family: 'LEMONMILK';
        src: url('fonts/LEMONMILK-Regular.otf') format('opentype');
        font-weight: normal;
    }

    @font-face {
        font-family: 'LEMONMILK';
        src: url('fonts/LEMONMILK-Bold.otf') format('opentype');
        font-weight: bold;
    }

    @font-face {
        font-family: 'LEMONMILK';
        src: url('fonts/LEMONMILK-Light.otf') format('opentype');
        font-weight: lighter;
    }

    @font-face {
        font-family: 'LEMONMILK';
        src: url('fonts/LEMONMILK-Medium.otf') format('opentype');
        font-weight: 500;
    }

    @font-face {
        font-family: 'LEMONMILK';
        src: url('fonts/LEMONMILK-RegularItalic.otf') format('opentype');
        font-style: italic;
    }

    @font-face {
        font-family: 'LEMONMILK';
        src: url('fonts/LEMONMILK-BoldItalic.otf') format('opentype');
        font-weight: bold;
        font-style: italic;
    }

    @font-face {
        font-family: 'LEMONMILK';
        src: url('fonts/LEMONMILK-LightItalic.otf') format('opentype');
        font-weight: lighter;
        font-style: italic;
    }

    @font-face {
        font-family: 'LEMONMILK';
        src: url('fonts/LEMONMILK-MediumItalic.otf') format('opentype');
        font-weight: 500;
        font-style: italic;
    }
    
    body {
            font-family: Arial, sans-serif;
            background-color: #f8f9fa;
            color: #333;
        }
        .hero {
    color: white;
    padding: 80px 20px;
    text-align: center;
    background-color: #343a40 !important;
}
        .container {
            padding: 50px 15px;
        }
        img.b-logo {
    max-width: 100%;
    width: 310px;
}
        .section-title {
    text-align: center;
    margin-bottom: 40px;
    font-weight: 400;
    font-family: 'LEMONMILK';
    margin-top: 40px;
}
h3.section-sub {
    text-align: center;
    font-family: 'LEMONMILK';
    font-weight: 300;
    font-size: 20px;
    margin-top: -30px;
}
p.intro-text {
    text-align: center;
    max-width: 100%;
    width: 782px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 33px;
    font-size: 17px;
    margin-bottom: 75px;
}
h2.gs-text {
    font-weight: 400;
    font-family: 'LEMONMILK';
}
h1 {
    font-family: 'LEMONMILK';
    font-weight: 200 !important;
}
        .features, .industries {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
            gap: 20px;
        }
        .card {
            flex: 1 1 calc(45% - 20px);
            background: white;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            min-width: 280px;
        }
        .cta {
    text-align: center;
    background: #cecece66;
    padding: 65px 0px;
}
a.mail-link {
    color: #343a40;
}
        .cta a {
                color: #fff;
    background-color: #343a40;
    border-color: #343a40;
            padding: 12px 25px;
            border-radius: 5px;
            text-decoration: none;
            font-weight: bold;
        }
        p.cr-text {
    color: #fff;
    text-align: center;
    margin-bottom: 0px;
}
        .cr-bar {
    background-color: #343a40 !important;
    padding: 10px 0px;
}
        .cta a:hover {
            background: #1f2226;
        }