/* ? KAIT GMBH - CSS ? */

    /* * GLOBAL */
    html, body { font-family: 'Outfit', sans-serif; margin: 0; padding: 0; background: #fff; scroll-behavior: smooth; color: #041428; overflow-x: hidden; }

    .data-href, .data-href-blank { cursor: pointer; }

    .frm-error { display: none; font-weight: 600; text-transform: uppercase; font-size: 10px; color: #de4437; padding: .375rem .75rem; }
    .frm-error.show-error { display: block; }

    .mt { margin-top: 20px; }

    /* * NAVBAR */
    .navbar { background-color: #fff; height: 160px; border-bottom: 1px solid transparent; z-index: 9999 !important; display: flex; align-items: center; padding: 0 10px; }
    .navbar .navbar-brand { padding: 0; line-height: 1; z-index: 9999; }
    .navbar .navbar-brand .svg { height: 55px; }

    @media (max-width: 1199px) {        
        .navbar { position: fixed; height: 80px; width: calc(100% - 20px); }
    }

    .header { margin: 100px 0; }
    .header .title { text-align: center; font-weight: 600; color: #182848; font-size: 48px; margin: 0 25px 25px 25px; }
    .header .subtitle { text-align: center; font-size: 24px; margin: 0 25px; }

    .url-shorter .content.top { margin: 100px 150px; }
    .url-shorter .content .title { font-weight: 600; color: #182848; font-size: 48px; }
    .url-shorter .content .subtitle { font-size: 24px; }

    .url-shorter { display: flex; justify-content: center; }
    .url-shorter .content { display: flex; width: 100%; flex-direction: column; margin: 0 150px; }
    .url-shorter .content .text { font-size: 20px; }
    .url-shorter .content .btn { background: #4b6cb7; width: fit-content; padding: 15px 40px; font-size: 18px; color: #fff; cursor: pointer; margin-top: 15px; }
    .url-shorter .content .btn:hover { -webkit-box-shadow: 0 30px 50px 0 rgba(19, 23, 32, 0.1); box-shadow: 0 30px 50px 0 rgba(19, 23, 32, 0.1); }
    .url-shorter .content form { display: flex; flex-direction: column; }
    .url-shorter .content form label { display: flex; margin-bottom: 0; font-size: 16px; opacity: .7; }
    .url-shorter .content form input  { padding: 15px; border: 1px solid #e5e5e5; outline: none; font-size: 18px; }

    @media screen and (max-width: 576px) {
        .container { margin: 0; padding: 0; }
    }

    @media screen and (max-width: 767px) {
        .url-shorter .content { margin: 0 20px;}
    }

    @media (max-width: 1199px) {        
        .url-shorter .content { margin-bottom: 10px; }
    }