/*@media (max-width: 480px){}*/
/*@media (max-width: 768px){}*/
/*@media (max-width: 1024px){}*/

/*header*/
@media (max-width: 1024px) {
    .site-header {
        padding-inline: 16px;

        .btn--primary,
        .btn--explore {
            padding: 10px;
            font-size: 12px;
        }
    }

    .site-header.is-solid .site-header__bar {
        padding-inline: 8px;
    }

    .site-header.is-solid {
        padding-inline: 0;
    }
}

@media (max-width: 769px) {
    .site-header {
        z-index: 30;
        padding: 0;
    }

    .site-header.is-solid {
        padding: 0;
    }

    .site-header__bar {
        min-height: 50px;
        padding: 10px 12px;
    }


    .site-header.is-solid .site-header__bar {
        padding-inline: 12px;
    }

    .site-header__logo {
        height: 18px;
        margin: 0;
        max-width: 128.25px;
    }

    .site-nav {
        display: none;
    }

    .site-header .lang-switch {
        display: none;
    }

    .site-header__cta {
        display: none;
    }

    .site-header__actions {
        display: flex;
    }

    .site-header__login {
        padding: 4px 24px;
        font-weight: 500;
        font-size: 12px;
        line-height: 22px;
        letter-spacing: 0;

    }

    .site-header__burger {
        display: inline-flex;
        width: 24px;
        height: 24px;
        padding: 0;
    }

    .mobile-menu {
        display: flex;
    }
}

/*end header*/

/*hero elevate*/
@media (max-width: 1024px) {
    .hero {
        aspect-ratio: auto;
        height: auto;
        margin-inline: 2px;
        border-radius: 24px;

    }

    .hero .btn--explore {
        display: none;
    }

    .hero .hero__note {
        display: none;
    }

    .hero__frame {
        padding-top: 60px;
    }

    .hero__content {
        align-items: center;
        text-align: center;
    }

    .hero__title {
        font-size: 34px;
        line-height: 100%;

        margin-bottom: 12px;
    }

    .hero__subtitle {
        margin-bottom: 44px;
        max-width: 32rem;

        font-weight: 400;
        font-size: 16px;
        line-height: 140%;
    }

    .hero__actions--free {
        max-width: 339px;
        width: 100%;
        height: 48px;
    }

    .btn--lg {
        height: 3rem;
    }

    .btn.btn--primary.btn--lg.consulting__cta.expert_guidance {
        max-width: 339px;
        width: 100%;
        height: 3rem;
    }

    .btn.btn--primary.btn--lg.trial__btn.trial__btn--primary.trial_button {
        width: 339px;
        height: 3rem;
    }

    .btn--primary,
    .btn--explore {
        max-width: 100%;
        width: 100%;
        justify-content: center;
        padding: 12px;
    }

    .hero__note {
        width: auto;
        justify-content: center;
        margin-top: 8px;
    }

    .hero-demo-wrap {
        position: static;
        margin-top: 50px;
        width: 100%;
        opacity: 1;
        translate: 0;
        scale: 1;
        transform: translateX(0%);
    }

    .hero-demo {
        overflow: hidden;
    }
}

/*end hero*/


/*capabilities*/
@media (max-width: 1024px) {
    .capabilities__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .capabilities__grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .capabilities {
        margin-block: 40px 0;
        margin-inline: 12px;
    }

    .cap-card {
        padding: 16px;
    }

    .cap-card-wrapper {
        gap: 12px;
    }

    .cap-card__icon {
        width: 36px;
        height: 36px;
    }

    .cap-card__title {

    }
}

/*end capabilities*/

/*documents*/
@media (max-width: 1024px) {
    .documents__row {
        gap: 40px;
        padding: 30px 0 0;
    }

    .documents {
        margin-block: 60px;
    }

    .safety__eyDocument {
        font-size: 14px;
        line-height: 100%;
    }

    .documents__title {
        font-size: 28px;
        line-height: 130%;
        letter-spacing: 0;
        margin: 0 0 12px 0;

        width: 355px;
    }

    .documents__subtitle {
        font-size: 16px;
        line-height: 140%;
        letter-spacing: 0;

        max-width: 85%;

        display: block;
        text-align: center;
    }

    .documents__text {
        flex: 0 0 100%;
        max-width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .documents__lead {
        font-size: 24px;
        line-height: 110.00000000000001%;
        text-align: center;

        margin: 0 0 12px;
    }

    .documents__desc {
        font-size: 14px;
        line-height: 140%;
        text-align: center;

        width: 65%;
    }
}

@media (max-width: 768px) {
    .documents__desc.expiration {
        width: 100%;
    }

    .documents__visual-layer--expiration {
        width: 26rem !important;

        top: 1%;
        left: -1%;
        right: 0;
    }

    .documents__visual-layer--upload.expiration {
        transform: rotate(-4deg) ! important;
        bottom: -8%;
        left: 32%;
    }

    .documents__row {
        min-height: 100%;
        padding: 37px 0 0;

        gap: 32px;
    }

    .documents__bg {
        display: none;
    }

    .documents__bg.mob {
        display: block;
        bottom: 85%;
        left: 10%;
        width: 60%;
    }

    .documents__row::before {
        background-image: url(../images/documents/bg-document1_mob.svg);
    }

    .documents__row--expiration::before {
        background-image: url("../images/expiration/expiration_bg_mob.svg");
        background-position: top;
    }

    .documents__visual-layer--expiration-extra.mob {
        display: none;
    }

    .documents__row--esign::before {
        background-image: url("../images/electronic/electronic_bg_mob.svg");
        background-position: unset;
    }

    .documents__visual-layer--upload.sign {
        left: 8%;
        max-width: 30%;
        transform: rotate(20deg) ! important;
    }

    .documents__row::after {
        background: linear-gradient(360deg, #FFFFFF 0.81%, #F5F5FF 100%);
    }

    .documents__visual-layer--upload {
        left: -2%;
    }

    .documents__row + .documents__row {
        margin-top: 50px;
    }
}

/*end documents*/

/*safety*/
@media (max-width: 1024px) {
    .safety {
        margin-inline: 12px;
        margin-bottom: 60px;
    }

    .safety__eyebrow {
        font-size: 14px;
        line-height: 100%;
    }

    .safety__title {
        font-size: 28px;
        line-height: 130%;

        max-width: 260px;
        margin: 0 0 12px;
    }

    .safety__subtitle {
        max-width: 345px;

        font-size: 16px;
        line-height: 140%;
    }

    .safety__cards {
        gap: 8px;
    }

    .safety-card {
        opacity: 1;
        transform: translateY(0) scale(1);
        box-shadow: 0 0 0 rgba(20, 30, 60, 0);

        transition: transform 180ms cubic-bezier(.18, .75, .25, 1),
        box-shadow 220ms ease-out,
        background-color 160ms ease-out;
        will-change: transform, box-shadow;
    }

    .safety-card:hover,
    .safety-card:focus-visible {
        transform: translateY(-4px) scale(1.01);
        box-shadow: 0 8px 24px rgba(16, 24, 40, 0.06);
    }

    .safety-card__icon {
        width: 36px;
        height: 36px;

        margin-bottom: 16px;
    }

    .safety-card__title {
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 6px;
    }

    .safety-card__text {
        font-size: 14px;
        line-height: 140%;
    }
}

/*end safety*/

/*consulting*/
@media (max-width: 1024px) {
    .consulting {
        margin-bottom: 60px;
    }

    .consulting > .carriers-space-container {
        margin-inline: 2px;
    }

    .consulting__panel.is-animated .consulting__content {
        width: 70%;
    }

    .consulting__content {
        align-items: center;
    }

    .consulting__title {
        font-size: 28px;
        line-height: 130%;
        text-align: center;
    }

    .consulting__subtitle {
        font-size: 16px;
        line-height: 140%;
        text-align: center;

        max-width: 70%;
    }

    .hero__note.consulting {
        justify-content: center;
    }

    .btn--primary, .btn--explore {
        max-width: 339px;
    }
}

@media (max-width: 768px) {
    .consulting__panel.is-animated .consulting__content {
        width: 100%;
    }

    .consulting__panel {
        background-image: url(../images/consulting/consulting_mob.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;

        height: 648px;
        align-items: normal;
        padding: 60px 0 0;

        .consulting__bg-svg {
            display: none;
        }
    }

    .consulting__media {
        min-width: 0;
        display: none;
    }

    .btn.btn--primary.btn--lg.consulting__cta {
        max-width: 40%;
    }
}

/*end consulting*/

/*hiring*/
@media (max-width: 768px) {
    .hiring {
        margin-block: 60px;
        height: auto;
    }

    .hiring__eyebrow {
        font-size: 14px;
        line-height: 100%;
        text-align: center;
    }

    .hiring__title {
        font-weight: 500;
        font-size: 28px;
        line-height: 130%;
        text-align: center;
    }

    .hiring__subtitle {
        font-size: 16px;
        line-height: 140%;
        text-align: center;
    }

    /*Application*/
    .hiring__row {
        gap: 32px;
        min-height: 100%;
        padding: 37px 0;
    }

    .hiring__row::after {
        background: linear-gradient(360deg, #FFFFFF 0.81%, #F5F5FF 100%);
    }

    .hiring__row--form::before {
        background-image: url("../images/hiring/bg_1_mob.svg");
        background-position: inherit;
    }

    .hiring__text {
        text-align: center;
        width: 100%;

        flex: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .hiring__lead {
        height: auto;
        width: 300px;

        font-size: 24px;
    }

    .hiring__lead.hiring__lead--form::before {
        content: 'Application form ';
        font-size: 24px;
    }

    .hiring__lead.hiring__lead--form::after {
        content: '(JobPost)';
        font-size: 24px;
        color: #f59e0b;
        margin-left: 4px;
    }

    .hiring__desc {
        margin: 12px 0 0;

        font-size: 14px;
        line-height: 140%;
        letter-spacing: 0;
        text-align: center;
    }

    .hiring__desc-line {
        display: inline;
    }

    .hiring__visual {
    }

    .hiring__visual-base {
        transform: translateX(0);
    }

    .hiring__visual-layer--jobs {
        max-width: 100%;

        right: 0;
    }

    .hiring__visual-layer--qr {
        left: 0;
        transform: rotate(-15deg) ! important;
    }

    .hiring__visual-layer--form {
        display: block;
        bottom: 0;
        left: 50%;
        max-width: 45%;
        transform: rotate(8deg) !important;
    }

    /*hr*/
    .hiring__row--hr::before {
        background-image: url("../images/hiring/bg_2_mob.svg");
        background-position: inherit;
    }

    .hiring__visual-base.hr {
        transform: translateX(0);
        padding: 0 15px;
    }

    .hiring__visual-layer--card-main {
        max-width: 50%;

        left: 25%;
    }

    /*end hr*/
    /*driver cards*/
    .hiring__lead--cards {
        span {
            color: #689F69;
        }
    }

    .hiring__row--cards::before {
        background-image: url(../images/hiring/bg_3_mobile.svg);
        background-position: left 15% center;
    }

    .hiring__desc.hiring {
        display: block;
        max-width: 300px;
    }

    .hiring__text.hiring {
        margin-block: 0;
    }

    .hiring__visual-base.hiring {
        max-width: 100%;
        transform: translateX(0);
    }

    .hiring__visual-layer--profile {
        top: 6%;
        right: -2%;
        max-width: 55%;
    }

    /*end driver cards*/
}

@media (max-width: 480px) {
    .hiring__row--cards::before {
        background-position: left 40% center;
    }

    .hiring__visual-base.hiring {
        max-width: 75%;
        transform: translateX(0);
    }
}

/*end hiring*/

/*reports*/
@media (max-width: 1024px) {
    .reports {
        min-height: 500px;
        height: auto;
        margin: 0 12px;
        background: #fff;
    }

    .reports__eyebrow {
        font-size: 14px;
        line-height: 100%;
    }

    .reports__title {
        font-size: 28px;
        line-height: 130%;

        margin-bottom: 12px;
    }

    .reports__subtitle {
        font-size: 16px;
        line-height: 140%;
        text-align: center;
    }

    .reports__tabs {
        padding: 4px;
    }

    .reports__tab {
        font-size: 14px;
        line-height: 100%;

        padding: 8px 0;
        width: 114.33332824707031px;
    }

    .reports__deck {
        overflow: hidden;
    }
}

/*end reports*/

/*features*/
@media (max-width: 1024px) {
    .features {
        align-items: stretch;
        margin-bottom: 60px;
        height: auto;
    }

    .features__eyebrow {
        font-size: 14px;
        line-height: 100%;
    }

    .features__title {
        font-size: 28px;
        line-height: 130%;
        text-align: center;
    }

    .features__subtitle {
        font-size: 16px;
        line-height: 140%;
        text-align: center;
    }

    .features > .carriers-space-container {
        align-items: center;
        text-align: left;
        padding-left: 12px;
        padding-right: 12px;
    }

    .features__slider {
        overflow: hidden;
        position: relative;
    }

    .features__track {
        width: 100%;
        padding: 0;

        display: flex;
        gap: 16px;

        overflow-x: visible;
        scroll-snap-type: none;
        transform: translateX(0);
        transition: transform 0.35s cubic-bezier(.22, .7, .25, 1);
        touch-action: pan-y;
    }

    .features__card {
        padding: 16px;
        flex: 0 0 86%;
        max-width: 45%;
        margin-inline: 0;
    }

    .features__icon {
        width: 36px;
        height: 36px;
        margin-bottom: 16px;
    }

    .features__card-title {
        font-size: 16px;
    }

    .features__card-text {
        font-size: 14px;
        line-height: 140%;
    }

    .features__arrow {
        display: none;
    }

    .features__dots {
        margin-top: 16px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 6px;
    }

    .features__dot {
        width: 8px;
        height: 8px;
        border-radius: 999px;
        border: 0;
        padding: 0;
        background: #D7D7F4;
        cursor: default;
    }

    .features__dot.is-active {
        background: #0F0F36;
    }
}

@media (max-width: 768px) {
    .features__card {
        max-width: 100%;
    }
}


/*end features*/

/*trial*/
@media (max-width: 1024px) {
    .trial {
        margin: 0 10px 60px;
    }

    .trial__panel {
        padding: 30px 0 0 20px;
        flex-flow: column;
    }

    .trial__content {
        padding: 0;
        justify-content: center;
        align-items: center;
    }

    .trial__title {
        font-size: 28px;
        line-height: 130%;
        text-align: center;

        max-width: 100%;
    }

    .trial__subtitle {
        font-size: 16px;
        line-height: 140%;
        text-align: center;

        margin: 0 0 20px;
        max-width: 100%;
    }

    .trial__note {
        justify-content: center;
        margin-right: 0;
    }
}

@media (max-width: 480px) {
    .trial {
        height: 744px; /*todo*/
        width: 100%;
        margin: 0 0 30px;
    }

    .trial > .carriers-space-container {
        margin-inline: 0;
        background-image: url("../images/trial/trial_bg_mobile.svg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }

    .trial__title {
        max-width: 60%;
    }

    .trial__subtitle {
        margin: 0 0 40px;
        max-width: 60%;
    }

    .trial__panel {
        background: none;
        padding: 0;

        min-height: 660px;
        height: 100%;
    }

    .trial__content {
        display: flex;
        align-items: center;

        padding: 60px 0;
    }

    .trial__actions {
        flex-direction: column-reverse;
        gap: 12px;

        max-width: 315px;
        width: 100%;
        margin: 0 0 8px;
    }

    .trial__note {
        font-weight: 400;
        font-size: 13px;
        line-height: 20px;

        margin: 0 auto;
        text-align: center;
    }

    .trial__media {
        display: none;
    }

    .btn--primary,
    .btn--explore.trial_button,
    .sign_up-button.trial_button {
        max-width: 100%;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
    }

    .sign_up-button {
        padding: 12px;
    }

    .trial__tagline {
        font-size: 14px;
        line-height: 140%;

        margin: 20px 0 0;
        max-width: 351px;
    }
}

/*end trial*/

/*footer*/
@media (max-width: 1024px) {
    .footer__panel {
        padding: 35px 20px;
    }
}

@media (max-width: 768px) {
    .footer__panel {
        grid-template-columns: 1fr;
        padding: 48px 12px 32px 12px;
        gap: 0;
    }

    .footer__brand {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 0;
        margin-bottom: 32px;
    }

    .footer__logo {
        max-width: 213.75px;
        margin-bottom: 12px;
    }

    .footer__lead {
        max-width: 265px;
        margin: 0 0 16px;

        font-size: 12px;
        line-height: 140%;
        text-align: center;
    }

    .footer__form {
        width: 100%;
    }

    .footer__input-group {
        padding: 4px 4px 4px 16px;
    }

    .footer__btn {
        width: 115px;
        height: 38px;
        padding: 8px 24px;
    }

    .footer__list {
        display: grid;
        grid-template-columns: auto auto;
    }

    .footer__nav {
        margin-bottom: 32px;
    }

    .footer__col-title {
        margin: 0 0 8px;

        font-weight: 500;
        font-size: 16px;
        line-height: 22px;
    }

    .footer__list li:nth-child(1) {
        grid-column: 1;
        grid-row: 1;
    }

    /* Functions */
    .footer__list li:nth-child(2) {
        grid-column: 1;
        grid-row: 2;
    }

    /* Solutions */
    .footer__list li:nth-child(3) {
        grid-column: 2;
        grid-row: 2;
    }

    /* Customer Success */
    .footer__list li:nth-child(4) {
        grid-column: 2;
        grid-row: 1;
    }

    .footer__list a {
        font-size: 14px;
        line-height: 20px;
    }

    .footer__social-list {
        margin: 0;
    }

    .footer__social-list {
        display: grid;
        grid-template-columns: auto auto;
    }

    /* 1 ряд: Facebook | Instagram */
    .footer__social-list li:nth-child(1) {
        grid-column: 1;
        grid-row: 1;
    }

    .footer__social-list li:nth-child(2) {
        grid-column: 2;
        grid-row: 1;
    }

    /* 2 ряд: LinkedIn | YouTube */
    .footer__social-list li:nth-child(3) {
        grid-column: 1;
        grid-row: 2;
    }

    .footer__social-list li:nth-child(4) {
        grid-column: 2;
        grid-row: 2;
    }

    .footer__bar {
        margin-top: 24px;
        padding-top: 24px;

        flex-direction: column-reverse;
        align-items: flex-start;
    }

    .footer__copy {
        font-size: 13px;
        line-height: 18px;
    }

    .footer__legal {
        font-size: 13px;
        line-height: 18px;
    }
}

/*end footer*/