@charset "utf-8";
/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
* {
    box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
:root {
    --color-black: #000;
    --color-white: #fff;
    --color-primary: #26004d;
    --color-light-gray: #f8f8f8;
    --color-extra-light-gray: #f9f9f9;
    --color-orange: #ff5900;
    --color-shadow: rgba(0, 0, 0, 0.15);
}

/* General Styles */
html {
    height: 100%;
}
body {
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    padding: 0;
    font-size: 1em;
}

.container {
    max-width: 100%;
    margin: 0 auto;
    padding-left: 1em;
    padding-right: 1em;
}

/* Skip to Content Link */
.skip-link {
    position: absolute;
    top: -2.5em;
    left: 0;
    background: var(--color-black);
    color: var(--color-white);
    padding: 0.5em 1em;
    z-index: 100;
    transition: top 0.3s;
    font-size: 1em;
}

.skip-link:focus {
    top: 0;
}

.main {
    display: block;
}
a {
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}
img {
    max-width: 100%;
    height: auto;
}
strong {
    font-weight: 700;
}
p, li, h1, h2, h3, h4, h5, h6 {
    line-height: 150%;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
}
.cta-button {
    display: inline-block;
    background-color: var(--color-orange);
    color: var(--color-white);
    padding: 0.5em 1.5em;
    border: 1px solid var(--color-orange);
    border-radius: 150px;
    font-size: 1.25em;
    cursor: pointer;
    text-decoration: none;
    transition: all 300ms ease;
}
.cta-button:hover,
.cta-button:focus,
.cta-button:active {
    background-color: var(--color-white);
    color: var(--color-primary);
    border: 1px solid var(--color-primary);
}
#toTop {
    width: 30px;
    height: 30px;
    background: var(--color-orange) url("../images/arrow-toTop.png") center center no-repeat;
    background-size: contain;
    text-align: center;
    padding: 10px;
    line-height: 20px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    cursor: pointer;
    display: none;
    z-index: 40;
    border: 1px solid var(--color-orange);
    border-radius: 150px;
}
.section {
    padding-bottom: 3em;
}
.ak-section {
    padding: 3em 0;
}
.section-heading {
    color: var(--color-primary);
    font-size: 2em;
    font-weight: 800;
    line-height: 120%;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 1em;
}
.desktop-br {
    display: none;
}
.container-small h2 {
    color: var(--color-primary);
    font-size: 1.5em;
}
.container-small h2:not(:first-of-type) {
    margin-top: 1em;
}
.container-small h3 {
    font-size: 1.25em;
    margin-top: .5em;
}
.ak-list {
    list-style: disc;
}
.ak-list li {
    line-height: 150%;
}
.centered-element {
    text-align: center;
}
.margin-top-05em {
    margin-top: .5em;
}
.margin-top-2em {
    margin-top: 2em;
}
@media (min-width: 768px) {
    .min-height-50vh {
        min-height: 50vh;
    }
}
/*#form-orb {
    display: none;
}*/
/* Header and Navigation */
.header {
    background: var(--color-white);
    color: var(--color-primary);
    padding: 10px 0;
    box-shadow: 0 0 10px 4px var(--color-shadow);
}

.header.sticky {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    padding: 0;
}
#main-header .grid-column:first-of-type {
    max-width: 250px;
}

.hamburger {
    position: absolute;
    top: 20px;
    right: 20px;
    background: none;
    border: none;
    color: var(--color-primary);
    font-size: 1.5em;
    cursor: pointer;
    display: block;
}

.nav-menu {
    display: none;
    flex-direction: column;
    background: var(--color-orange);
    width: 100%;
}

.nav-menu.hidden {
    display: none;
}

.nav-menu:not(.hidden) {
    display: flex;
}
.nav-menu li {
    position: relative;
}
.nav-menu a {
    display: block;
    text-decoration: none;
    color: var(--color-primary);
    font-size: 1em;
    padding: 0.5em 1em;
}

.nav-menu a:hover,
.nav-menu a:focus {
    background: var(--color-orange);
    color: var(--color-white);
    border-radius: 4px;
}

/* Submenu */
.submenu {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.submenu.hidden {
    display: none;
}

.has-submenu .submenu:not(.hidden) {
    max-height: 500px;
}

/* ----------Hero Section----------- */
.hero-section {
    background: var(--color-primary);
    color: var(--color-white);
    text-align: center;
    padding: 3em 0;
}
.hero-section-center {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}
.section-center-small {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}
.hero-section h1 {
    font-size: 2.25em;
    margin-bottom: 1em;
    line-height: 120%;
}

.hero-section p {
    font-size: 1.5em;
    margin-bottom: 2em;
}

.hero-section .cta-button {
    background-color: var(--color-orange);
    padding: 0.75em 2.5em;
    font-size: 1.25em;
    margin-bottom: 2em;
}
.hero-section .cta-button:hover,
.hero-section .cta-button:focus,
.hero-section .cta-button:active {
    background-color: var(--color-white);
    color: var(--color-orange);
    border: 1px solid var(--color-white);
}

/* Trust Bar */

.stat {
    text-align: center;
    font-size: 1.5em;
    margin-bottom: 1em;
}

.stat-value {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 4em;
    font-weight: 800;
    line-height: 1;
    color: var(--color-orange);
    /*text-shadow: 3px 3px 4px rgba(38, 0, 77, .9);*/
}
.stat p:not(.stat-value) {
    font-weight: 600;
}

/* Benefits Section */
/*
.benefits-section {
    background: var(--color-extra-light-gray);
}
*/

.benefit {
    background: var(--color-white);
    border-radius: 0.625em;
    box-shadow: 0 2px 16px 4px var(--color-shadow);
    margin-bottom: 2em;
    text-align: center;
    padding:2.5em 1.5em;
}
.benefits-section--chat .benefit {
    background: none;
    border-radius: 0;
    box-shadow: none;
    text-align: center;
    padding: 0;
}
.benefits-section--chat .grid > .benefit:first-of-type {
    max-width: 400px;
    margin: 0 auto;
}
.benefit h3 {
    color: var(--color-primary);
    font-size: 1.35em;
    font-weight: 800;
    line-height: 120%;
    margin: 1em 0;
}
.benefits-section--chat .benefit h3 {
    margin-top: .2em;
}
/* -- Industries Section -- */
.industry {
    padding: 2.5em 1.5em 0 1.5em;
}
.industry h3 {
    color: var(--color-primary);
    border-bottom: 2px solid var(--color-orange);
    font-size: 1.75em;
    font-weight: 800;
    margin: .5em 0 1em 0;
}
.list-wrap {
    text-align: left;
}
.ak-list {
    list-style: square;
    padding-left: 20px;
    margin-bottom: 2em;
}
.industry a {
    color: var(--color-primary);
    text-decoration: none;
    border: 1px solid var(--color-primary);
    border-radius: 150px;
    padding: .5em 2em;
}
.industry a:hover,
.industry a:focus,
.industry a:active {
    color: var(--color-orange);
    border: 1px solid var(--color-orange);
}
/* -- Divider Section -- */
.divider-section {
    text-align: center;
}
.divider-heading {
    color: var(--color-primary);
    font-size: 2em;
    margin-bottom: .25em;
    line-height: 120%;
}
.divider-section p {
    font-size: 1.5em;
    margin-bottom: 1em;
}
.bg-color {
    background: var(--color-extra-light-gray);
}
/* -- Word Cloud Section -- */
.word-cloud--container {
    margin-top: 2em;
}
/* -- Contact  -- */
.contact-section > .container {
    max-width: 1500px;
    text-align: center;
}
.contact-section--heading .section-heading {
    margin-bottom: .3em;
}
.contact-section--heading p {
    font-size: 1.3em;
    margin-bottom: 2em;
    text-align: center;
}
/*.grid.contact-section-grid {
    display: flex;
    align-items: center;
}*/
.contact-section a.grid-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--color-black);
    text-decoration: none;
    max-width: 480px;
    margin: 0 auto;
    margin-bottom: 2em;
}
.contact-section h2 {
    font-size: 1.75em;
    text-align: center;
    margin-bottom: .5em;
}
.contact-section p + p {
   margin-top: .5em;
}
.contact-section .grid {
    max-width: 950px;
    margin: 0 auto;
}
.contact-section img {
    margin-bottom: 1.5em;
}
.contact-section .grid-column {
    padding: 3em 2em;
}
.contact-section .cta-button {
    margin-top: 1.5em;
    min-width: 280px;
}
/*@media (max-width: 1259px) {
    .contact-section .grid {
        flex-direction: column;
    }
    .contact-section .grid > .grid-column {
        width: 100%;
    }
}
@media (min-width: 1260px) {
    .contact-section .grid-column {
        padding: 3em 2em;
    }
}*/
/* Footer */
.footer--top {
    border-top: 2px solid var(--color-primary);
    padding: 2em 0 1em 0;
    text-align: center;
}
.footer--top p {
    margin: 1em 0 1.5em 0;
 }
.footer--top h3 {
    color: var(--color-primary);
    font-size: 1.5em;
    margin-top: 1em;
}
.ak-image-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
    margin: 0 auto;
    padding: 1rem 0;
}
.ak-image-box {
    flex: 1 1 calc(11.111% - 1rem);
    max-width: calc(11.111% - 1rem);
    display: flex;
    justify-content: center;
    align-items: center;
}
.ak-image-box img {
    width: 100%;
    height: auto;
    object-fit: cover;
}
@media (max-width: 1024px) {
    .ak-image-box {
        flex: 1 1 calc(20% - 1rem);
        max-width: calc(20% - 1rem);
    }
}
@media (max-width: 768px) {
    .ak-image-box {
        flex: 1 1 calc(25% - 1rem);
        max-width: calc(25% - 1rem);
    }
}
@media (max-width: 500px) {
    .ak-image-box {
        flex: 1 1 calc(33.333% - 1rem);
        max-width: calc(33.333% - 1rem);
    }
}

.footer-phone {
    display: block;
    color: var(--color-white);
    font-size: 1.5em;
    text-decoration: none;
}
.footer-phone:hover,
.footer-phone:focus,
.footer-phone:active {
    color: var(--color-orange);
}
.footer-socials {
    margin: 1.5em 0;
}
.footer-socials li {
    display: inline-block;
}
.footer-socials li + li {
    margin-left: 1.5em;
}
.footer-socials li > a > img {
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}
.footer-socials li > a:hover > img,
.footer-socials li > a:active > img,
.footer-socials li > a:focus > img {
    transform: rotate(330deg);
}
.footer-policies {
    margin-bottom: 1.5em;
}
.footer-policies li + li {
    margin-top: 1em;
}
.footer-policies li a {
    color: var(--color-white);
    text-decoration: none;
    opacity: .9;
}
.footer-policies li a:hover,
.footer-policies li a:focus,
.footer-policies li a:active {
    color: var(--color-orange);
}

.footer--bottom {
    background: var(--color-primary);
    color: var(--color-white);
    text-align: center;
    padding: 3em 0 2em 0;
    font-size: 1em;
}
.footer--bottom p {
    font-size: 80%;
}
.footer--bottom p + p{
    margin-top: .5em;
}
/* ---------- word cloud -------- */

#word-cloud {
    display: none;
}
.word-cloud-mobile {
    max-width: 600px;
    margin: 0 auto;
    padding-bottom: 3em;
    text-align: center;
}
.word-cloud-mobile--list li {
    display: inline-block;
    border-radius: 4px;
    padding: .3em .8em;
    margin-bottom: .7em;
}
.word-cloud-mobile--list li + li {
    margin-left: .7em;
}
.word-cloud-mobile--list li:nth-of-type(1n) {
    background-color: #f9e8e5;
}
.word-cloud-mobile--list li:nth-of-type(2n) {
    background-color: #efecf6;
}
.word-cloud-mobile--list li:nth-of-type(3n) {
    background-color: #f3eaef;
}


/* Desktop Styles */
@media (min-width: 48em) {
    #word-cloud {
        display: block;
    }
    #word-cloud.word-cloud--automotive {
        width: 768px;
        height: 30vh;
        margin: 0 auto;
    }
    .word-cloud-mobile {
        display: none;
    }

    .container {
        max-width: 1200px; /* 75em */
    }
    .container-small {
        max-width: 800px;
    }
    .container-mini {
        max-width: 500px;
    }

    .nav-menu {
        position: relative;
        display: flex;
        flex-direction: row;
        gap: 1em;
        background: none;
    }

    .hamburger {
        display: none;
    }

    .submenu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        box-shadow: 0 0.25em 0.375em var(--color-shadow);
        background-color: var(--color-white);
        z-index: 1;
    }
    .submenu a:hover,
    .submenu a:focus {
        border-radius: 0;
    }

    .nav-menu li.has-submenu:hover .submenu,
    .nav-menu li.has-submenu:focus .submenu {
        display: block;
    }
    /* ----------General----------- */
    .desktop-br {
        display: block;
    }
    p {
        font-size: 1.125em;
    }
    .container-small h2 {
        font-size: 1.75em;
    }
    .container-small h3 {
        font-size: 1.35em;
    }
    .ak-list li {
        font-size: 1.125em;
    }
    .ak-section {
        padding: 4em 0;
    }
    .section-heading {
        font-size: 2.5em;
    }
    .grid {
        display: flex;
        flex-direction: row;
        gap: 2em;
    }
    .grid.grid--reverse {
        flex-direction: row-reverse;
    }
    .grid.grid--reverse .benefit:first-of-type {
        display: flex;
        justify-content: flex-end;
    }
    .grid-column--66 {
        width: 66.6666%;
    }
    .grid-column--50 {
        width: 50%;
    }
    .grid-column--33 {
        width: 33.333%;
    }
    .grid-column--25 {
        width: 25%;
    }

    #main-header .grid {
        justify-content: space-between;
        align-items: center;
    }
    #main-header .grid-column:first-of-type {
        width: 40%;
        max-width: 100%;
    }
    #main-header .grid-column:last-of-type {
        width: 60%;
        display: flex;
        justify-content: flex-end;
    }
    #main-header.sticky .grid-column:first-of-type {
        width: 25%;
    }
    #main-header .grid-column:last-of-type {
        width: 75%;
    }
    #main-header .grid-column:first-of-type,
    #main-header .grid-column:first-of-type img {
        transition: all 300ms ease;
    }
    #main-header .grid-column:first-of-type img {
        max-width: 100%;
    }


    /* ----------Hero Section----------- */
    .hero-section {
        text-align: left;
        padding: 4em 0;
    }
    .hero-section .grid {
        align-items: center;
    }

    .hero-section h1 {
        font-size: clamp(2.15em, 2.5vw, 2.725em);
    }

    .hero-section p {
        font-size: clamp(1.125em, 1.5vw, 1.5em);
    }

    .hero-section .cta-button {
        padding: 0.5em 2.5em;
        font-size: 1.25em;
        margin-bottom: 0;
    }

    /* ----------trust-bar----------- */
    .trust-bar .grid {
        justify-content: space-around;
    }
    .stat-value {
        font-size: 5em;
    }


    /* ----------benefits-section----------- */
    .benefit {
        margin-bottom: 0;
    }
    .benefit h3 {
        font-size: 1.75em;
    }
    .benefits-section--chat .benefit h3 {
        margin-top: .75em;
    }
    .benefits-section--chat .benefit {
        text-align: left;
    }
    .benefits-section--chat .grid > .benefit:first-of-type {
        max-width: 100%;
        margin: auto;
    }
    .benefits-section--chat .ak-list li {
        font-size: 120%;
    }
    .benefits-section--chat .ak-list li + li {
        margin-top: .2em;
    }

    /* ----------Industries Section---------- */
    .industries-section .grid {
        flex-wrap: wrap;
    }
    .industries-section .grid-column--50 {
        width: 48%;
    }
    /* ----------Divider Section---------- */
    .divider-heading {
        font-size: clamp(2.15em, 2.5vw, 2.725em);
    }
    .divider-section p {
        font-size: 1.75em;
    }

    .footer-policies li {
        display: inline-block;
    }
    .footer-policies li + li {
        margin-left: 1em;
        margin-top: 0;
    }
    .footer--bottom p {
        font-size: 80%;
    }
}

@media (min-width: 1201px) {
    #word-cloud.word-cloud--automotive {
        width: 1100px;
        height: 30vh;
        margin: 0 auto;
    }
    #ak-home-services #word-cloud.word-cloud--automotive {
        width: 900px;
        height: 30vh;
        margin: 0 auto;
    }
}