@font-face {
    font-family: 'SF UI Display';
    src: url('fonts/Montserrat-Regular.eot');
    src: url('fonts/SFUIDisplay-Regular.eot') format('embedded-opentype'),
        url('fonts/SFUIDisplay-Regular.ttf') format('woff2'),
        url('fonts/SFUIDisplay-Regular.woff') format('woff'),
        url('fonts/SFUIDisplay-Regular.woff2') format('truetype');
    font-weight: regular;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('fonts/Gilroy-Bold.eot');
    src: url('fonts/Gilroy-Bold.eot') format('embedded-opentype'),
        url('fonts/Gilroy-Bold.ttf') format('woff2'),
        url('fonts/Gilroy-Bold.woff') format('woff'),
        url('fonts/Gilroy-Bold.woff2') format('truetype');
    font-weight: regular;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('fonts/SFUIDisplay-Medium.eot');
    src: url('fonts/SFUIDisplay-Medium.eot') format('embedded-opentype'),
        url('fonts/SFUIDisplay-Medium.ttf') format('woff2'),
        url('fonts/SFUIDisplay-Medium.woff') format('woff'),
        url('fonts/SFUIDisplay-Medium.woff2') format('truetype');
    font-weight: 500 ;
    font-style: normal;
    font-display: swap;
}

.header-class {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 133.3%;
}
.mobile-tab {
    border: 1px solid #4F4F4F;
    box-sizing: border-box;
    border-radius: 100px;
    width: 210px;
    height: 50px;
    text-decoration: none;
    background: none;
    cursor: pointer;
    color: #333333;
}
.num {
    font-family: 'Gilroy';  
    font-weight: 700;
}
.mobile-tab.green-arrow {
    background: #E1F0CE;
    color: #618931;
    border: none;
}

*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

li {
    list-style: none;
}
a {
    text-decoration: none;
    color: #333333;
}
body {
    color: #333333;
    font-family: 'SF UI Display';
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.02em;
    overflow-x: hidden;
    min-width: 320px;
}
.btn {
    height: 60px;
    width: 224px;
    border: 1px solid #8BC24A;
    border-radius: 4px;
    font-family: 'SF UI Display';
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    background-color: transparent;
    color: #71A831;
    cursor: pointer;
    transition: 0.3s all;
}
.tracks-btn.green-arrow, .device-b.green-arrow {
    background: #E1F0CE;
    border: 1px solid #618931 !important;
}
.menu-item a:hover {
    color: #828282;  
}
.menu-item a:active {
    color: #618931;;  
}
.consultation-wrapper.error {
    flex-direction: column;
}
.consultation-form.error {
    margin-top: 60px;
    margin-left: 0;
}
.consultation-input.error {
    width: 100%;
    border-bottom: 1px solid #EB5757;
}
.consultation-input.error::placeholder { 
    color: red;
    opacity: 1; 
    white-space: pre-wrap;
    line-height: 19px;
    letter-spacing: 0.02em;  
  }
.consultation-text.error {
    max-width: initial;
}
.burger-menu__line {
    width: 46px;
    height: 2px;
    background: #000000;
    margin-bottom: 11px;
}
.service-slider button {
    display: none !important;
}
.mobile-footer, .burger-menu {
    display: none;
}
table, th, td {
    border: 1px solid #618931;
  }
table {
    border-collapse: collapse;
}
.btn.green {
    background: #8BC24A;
    border: 1px solid #71A831;
    color: #FFFFFF;
    transition: 0.3s all;
} 
.btn.green:hover {
    background: #679B2A;
    border: 1px solid #618931;
}
.btn.green:active {
    background: #44671A;
    border: 1px solid #618931;
}
.btn:hover {
    background: #E1F0CE;
    border: 1px solid #618931;      
}
.btn:active {
    background: #679B2A;
    color: #FFFFFF;    
}
.blue {
    color: #3F51B3;
}
.green {
    color: #71A831
}

.container {
    max-width: 1148px;
    margin: 0 auto;
    padding: 0 24px;
}
.cargrid {
    padding: 0 24px;
}
.header {
    padding: 40px 0;
    background: #fff;
}
.header-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.menu-list {
    display: flex;
}
.service-item__bottom  a{
    font-weight: 500;
}
.menu-item {
    margin-right: 60px;
}
.menu-item:last-child {
    margin-right: 0;
}

.cargrid-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #B6BDCE;
    border-radius: 8px;
    background: rgba(223, 231, 255, 0.22);
}
.cargrid-left {
    padding-top: 64px;
    padding-bottom: 49px;
    max-width: 500px;
    margin-left: 45px;
}
.cargrid-header span {
    color: #8BC24A;
    display: block;
}
.cargrid-header {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 39px;
    font-feature-settings: 'salt' on, 'liga' off;
    margin-bottom: 34px;
}
.cargrid-descr p:first-child {
    margin-bottom: 25px;
}
.cargrid-descr p:last-child {
    margin-bottom: 47px;
}
.service-slider .slick-list .slick-track {
    display: flex !important;
    flex-direction: column;
}
.cargrid-btns {
    display: flex;
}
.cargrid-btn:first-child {
   margin-right: 16px; 
}
.cargrid-btn:last-child {
    margin-right: 0; 
 }
 .about {
     padding-top: 100px;
     margin-bottom: 110px;
 }
 .about-left__header {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 30px;
 }
 .about-left__text {
    font-family: 'SF UI Display';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.02em;
 }
 .about-first {
     max-width: 510px;
 }
 .about-first__right {
     max-width: 458px;
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 39px;
 }
 .about-first__wrapper {
     display: flex;
     align-items: center;
     justify-content: space-between;
 }
 .about-slider__item {
    border: 1px solid #3F51B4;
    border-radius: 4px;
    max-width: 245px;
    height: 321px !important;
    padding: 40px 18px 40px 31px;
    margin-right: 30px;
 }
 .about-slider__item:last-child {
     margin-right: 0;
 }
 .about-slider__image {
     margin-bottom: 36px;
 }
 .about-slider__image.rocket {
     margin-bottom: 75px;
 }
 .about-second-slider {
     display: flex
 }
 .about-slider__item:nth-child(even) {
     margin-top: 37px;
 }
 .about-slider__descr {
     max-width: 206px;
 }
 .about-second {
     margin-top: 80px;
 }
 .service-wrapper {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-bottom: 50px;
 }
 .service-item__right img {
     width: 250px;
 }
 .track-order {
     display: none;
 }
 .service-left {
    max-width: 541px; 
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 108.9%;
 }
 .service-right {
     max-width: 429px;
     font-family: 'SF UI Display';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.02em;
 }
 .service-header {
     margin-bottom: 30px;
     font-family: 'Gilroy';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
 }
 .service-left span {
     display: block;
 }
 .service-item__wrapper {
     display: flex !important;
     justify-content: space-between;
     border-top: 1px solid #828282;
   
     padding-top: 58px;
     padding-bottom: 60px;
 }
 .service-item__wrapper:last-child {
    border-bottom: 1px solid #828282;
 }
 .service-item__middle {
     max-width: 413px;
 }
 .service-item__text {
     margin-bottom: 40px;
 }
.service-item__par {
    font-size: 14px;
    color: #828282;
}
 .service-item__left {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     min-width: 280px;
 }
 .question {
     margin-top: 110px;
 }
 .question-wrapper {
     display: flex;
     justify-content: space-between;
     align-items: center;
     border: 1px solid #B6BDCE;
    border-radius: 8px;
    padding: 149px 65px 124px 65px;
    background: rgba(223, 231, 255, 0.22);
    }
 .question-left {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 700;
    font-size: 42px;
    line-height: 123.9%;
    max-width: 685px;
 }
 .tracks {
     margin-top: 110px;
     margin-bottom: 80px;
 }
 .track-width {
    width: 370px;
    height: 50px;
    text-align: center; 
 }
 .tracks-table {
     display: flex;
     gap: 0;
 }
 .tracks-btn {
    width: 370px;
    height: 50px;
    background-color: inherit;
    border: 1px solid #333333;
    outline: none;
    cursor: pointer;
    transition: 0.3s;
    font-weight: 500;
    color: #333333;
 }
 .tracks-btn.mid {
     border-left: none;
     border-right: none;
 }
 .tab {
     cursor: pointer;
 }
 .tab:hover {
    background: #CDE9AA;
    border: 1px solid #333333;
 }
 .tab:active {
    background: #E1F0CE;
 }

.tracks-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 80px;
}
.tracks-header {
    max-width: 568px;
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 31px;
}
.tracks-header__descr {
    max-width: 445px;
}
.tracks-numbers__item {
    display: flex;
    position: relative;
    width: 50%;
    max-width: 414px;
    padding-top: 66px;
}
.tracks-numbers__item p {
    padding-left: 106px;
    position: relative;
}
.tracks-numbers__item p::before {
    content: "";
    position: absolute;
    width: 56px;
    left: 25px;
    height: 1px;
    top: 8px;
    background: black;
}
.cargrid-descr p {
    font-weight: 600;  
}
.tracks-numbers {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.tracks-numbers__item.right {
    justify-content: right;
}
.tracks-button{
    width: 285px;
    height: 60px;
    margin-top: 80px;
}
.question.wialon {
    margin-bottom: 110px;
}
.online-wrapper {
    display: flex;
    justify-content: space-between;
    margin-top: 75px;
    padding-bottom: 120px;
}
.online-item {
    margin-right: 77px;
}
.online-item:last-child {
    margin-right: 86px;
}
.online-num {
    font-family: 'Gilroy';
    margin-bottom: 50px;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
}
.online-item__text {
    position: relative;
    max-width: 350px;
    font-family: 'SF UI Display';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.02em;
}
.online-item__text::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 103px;
    background-color: #828282;
    left: -30px;
}
.online-header {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 133.3%;
}
.online-container  {
    border-bottom: 1px solid #828282;
}
.table-item button {
    width: 160px;
    height: 56px;
}
.table-header__wrapper, .table-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}
/* .table-item, .table-header__item, .table-item__button {
    border: 1px solid #828282;
} */
/*.table-row {
    border-left: 1px solid #828282;
    border-right: 1px solid #828282;
}*/
.table-header__item {
    width: 555px;
    font-weight: 600;
}
.table-item {
    width: 100%;
    text-align: center;
}
.table-header__item, .table-item.third, 
.table-item.second, .table-item.fourth, 
.table-row, .table-item.button  {
    display: flex;
    align-items: center;
    justify-content: center;
}
.device-item__text {
    display: flex;
    flex-direction: column-reverse;
}
.table-item.third {
    height: 70px;
    /*border-bottom: none;
    border-top: none;*/
    font-weight: 600;
}
.table-header__item {
    height: 55px;
}
.table-item.second  {
    height: 45px;
}
.table-item.fourth {
    height: 215px;
}
.table-row {
    height: 50px;
}
.table-item.button {
    height: 110px;
}
/*.table-header__item {
    border-left: 1px solid #828282;
    border-right: 1px solid #828282;
    border-top: 1px solid #828282;
}*/
.table-header__item:first-child {
    border-right: none;
}
.table-wrapper div {
    /*border: 1px solid #828282;*/
    border-left: none;
}
/*.table-wrapper div:first-child {
    border-left: 1px solid #828282!important;
}*/
.work-item.work-mar {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 25px;
}
.work-item.work-mar .work-step {
    margin-bottom: 30px;
}
.tarif {
    margin-top: 115px;
}
.tarif-main-header {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px; 
    margin-bottom: 28px;
}
.tarif-header {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 108.9%; 
    margin-bottom: 60px;
}
.question.offer{
    margin-top: 105px;
}
.device {
    margin: 110px 0;

}
.device-header {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 115.4%;
}
.device-header__tabs {
    display: flex;
    float: right;
}
.device-btn {
    font-family: 'SF UI Display';
    width: 160px;
     height: 56px;
    background-color: inherit;
    border: 1px solid #333333;
    outline: none;
    cursor: pointer;
    transition: 0.3s;
    margin-top: 50px;
    margin-right: 96px;
    font-weight: 700;
    letter-spacing: 0.02em;
 }
 .device-btn:first-child {
     border-right: none;
 }
 .device-header__wrapper {
     display: flex;
     justify-content: space-between;
 }
 .device-item {
     display: flex;
     align-items: center;
     justify-content: space-between;
     height: 234px;
     width: 539px;
 }
 .device-item__left {
     height: 100%;
     display: flex;
     flex-direction: column;
     padding: 41px 0 26px 0px;
     margin-left: 29px;
 }
 .device-content__wrapper {
     margin-top: 80px;
     display: flex;
     justify-content: space-between;
 }

 .device-item__header {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 141.3%;
    margin-bottom: 5px;
 }
 .device-item__descr {
    font-family: 'SF UI Display';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.02em;
 }
 .device-item {
    border: 1px solid #828282;
    border-radius: 4px;
 }
.device-item__right img {
    display: block;
}
.device-b:first-child {
    border-right: none;
}
.device-b {
    width: 190px;
    height: 45px;
    background-color: inherit;
    border: 1px solid #333333;
    outline: none;
    transition: 0.3s;
    color: #333333;
}
.work {
    margin-bottom: 110px;
}
.work-item {
    width: 345px;
    height: 164px;
    border: 1px solid #828282;
    border-radius: 4px;
    padding: 40px 30px;
}
.work-step {
    margin-bottom: 50px;
    color: #3F51B3;
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.02em;
}
.work-text {
    font-family: 'SF UI Display';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.02em;
}
.work-row {
    display: flex;
}
.work-row .work-item {
    margin-right: 30px;
}
.work-row .work-item:last-child {
    margin-right: 0;
}
.work-row .work-item:first-child {
    margin-bottom: 50px;
}
/* .work-item:nth-child(even) {
    margin-top: 25px;
} */
.work-row__wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.work-item.work-mod {
    /* margin-left: 30px;
    margin-right: 30px; */
    /* margin-top: 25px; */
}
.work-header {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 108.9%;
    margin-bottom: 60px;
}
.consultation-text {
    max-width: 432px;
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 700;
    font-size: 42px;
    line-height: 123.9%;
}
.consultation-wrapper {
    display: flex;
    border: 1px solid #B6BDCE;
    border-radius: 8px;
    padding: 90px 63px 90px 65px;
    box-sizing: border-box;
    background: rgba(223, 231, 255, 0.22);
}
.consultation-input {
    width: 475px;
    margin-bottom: 29px;
    display: block;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #B6BDCE;
    padding-bottom: 24px;
    padding-left: 16px;
    outline: none;
    background: rgb(248 250 255);
}
.consultation-form {
    margin-left: 73px;
}
.consultation-btn {
    margin-top: 54px;
    width: 255px;
    height: 60px;
}
.footer {
    padding-top: 36px;
    padding-bottom: 42px;
}
.footer-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer-left,.footer-number {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    color: #1B1B1B;  
}
.table-mobile {
    display: none;
}
.footer-logo, .footer-number {
    margin-bottom: 8.5px;
}
.footer-mail, .footer-year {
    font-family: 'SF UI Display';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #525252 
}
.btnUp {
    padding-right: 22px;
    margin-right: 4px;
    position: relative;
    font-family: 'SF UI Display';
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 22px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #71A831; 
    border: none;
    background: transparent;
    cursor: pointer;
}
.btnUp::after {
    content: url('images/arrow.png');
    position: absolute;
    right: 0;
}
.track-right__header {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.wialon-btn.green-arrow {
    color: #71A831;
}
.wialon-btn.green-arrow::before {
    content: url('images/Arrow-1.svg');
    position: absolute;
    left: 0;
}
.track-right__header button {
    position: relative;
    letter-spacing: 0.02em;
    text-decoration-line: underline;
    padding-left: 37px;
    margin-bottom: 20px;
    background: none;
    outline: none;
    border: none;
    cursor: pointer;
    color: #333333;
}
.track-right__descr {
    letter-spacing: 0.02em;
    text-decoration-line: underline;
    color: #333333; 
}
.track-main__header::after {
    content: url('images/Group.png');
    position: absolute;
    top: -60px;
    left: 355px;
}
.track-main__header {
    position: relative;
    margin-bottom: 60px;
    max-width: 480px;
}
.track-text__left  {
    max-width: 540px;
    margin-right: 37px;
}
.track-text__right {
    max-width: 517px;
}
.track-text__right p {
    margin-bottom: 30px;
    line-height: 22px;
    letter-spacing: 0.02em;
}
.track-text__left p:nth-child(1) {
    margin-bottom: 32px;
}
.track-feature {
    display: block;
    line-height: 22px;
    letter-spacing: 0.02em;
}
.track-main__text {
    display: flex;
}
.track-sec__header {
    max-width: 538px;
    margin-top: 67px;
    margin-bottom: 90px;
    font-family: 'Geometria';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 141.3%;
    margin-left: 31px;
}
.track-sec__item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 351px;
    height: 132px;
    border: 1px solid #3F51B4;
    border-radius: 4px;
    margin-right: 28px;
    margin-bottom: 33px;
}
.track-sec__inner {
    display: flex;
    justify-content: center;
}
.track-sec__inner .track-sec__item:last-child {
    margin-right: 0;
}
.track-sec__wrapper {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.wialon-wrapper {
    display: flex;
    justify-content: space-between;
}
.wialon-left {
    max-width: 554px;
}
.wialon-right {
    max-width: 446px;
}
.wialon-icon__wrapper {
    margin-top: 100px;
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
}
.wialon-item {
    max-width: 350px;
    margin-right: 93px;
}
.wialon-item:last-child {
    margin-right: 0;
}
.wialon-item__header {
    font-family: 'Geometria';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 133.3%;
    margin-top: 50px;
    margin-bottom: 19px;
}
.service-item__header {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 129.9%;
    margin-bottom: 168px;
}
.online-item__inner {
    display: flex;
}
.work-inner {
    display: flex;
}
@media(max-width: 770px) {
    .work-row__wrapper {
        justify-content: space-between;
    }
    .question.appear {
        margin-top: 80px;
    }
    .table-mobile {
        display: block;
    }
    .header {
        padding: 23px 0 37px 0;
    }
    .cargrid-container {
        flex-direction: column;
    }
    .cargrid-right {
        padding: 0 39px 48px 39px;
    }
    .about-first {
        max-width: 350px;
        margin-right: 59px;
    }
    .about-first__wrapper {
        align-items: flex-start;
    }
    .about-second-slider {
        flex-wrap: wrap;
        justify-content: center;
    }
    .about-slider__item {
        flex-wrap: wrap;
        width: 46%;
        max-width: 46%;
        margin-right: 20px;
    }
    .about-slider__item:nth-child(even) {
        margin-top: 55px;
        margin-right: 0;
    }
    .about-slider__item:last-child {
        margin-top: 20px;
    }
    .about-slider__item:nth-child(3) {
        margin-top: 20px;
        position: relative;
        top: -55px;
    }
    .about {
        margin-bottom: 80px;
        padding-top: 80px;
    }
    .service-left {
        font-size: 28px;
        width: 49%;
    }
    .service-right {
        width: 48%;
    }
    .service-wrapper {
        margin-bottom: 60px;
    }
    .service-item__right img {
        display: none !important;
    }
    .service-item__left {
        margin-right: 63px;
    }
   
    .question-left {
        font-size: 34px;
        margin-bottom: 50px;
    }
    .question-wrapper {
        flex-direction: column;
        align-items: flex-start;
        padding: 76px 90px 77px 85px
    }
    .btn {
        width: 255px;
    }
    .tracks {
        margin-top: 80px;
        margin-bottom: 0;
    }
    .tracks-wrapper {
        padding-top: 40px;
        flex-direction: column;
        align-items: flex-start;
    }
    .tracks-header {
        max-width: initial;
        margin-bottom: 30px;
    }
    .tracks-numbers__item {
        width: 100%;
        padding-top: 0;
        margin-bottom: 30px;
    }
    .tracks-numbers__item:last-child {
        margin-bottom: 0;
    }
    .tracks-button {
        margin-top: 60px;
        width: 285px;
    }
    .tracks-header__descr {
        margin-bottom: 50px;
    }
    .track-right__header {
        flex-direction: row;
        padding-bottom: 40px;
    }
    .track-right__header button{
        border: 1px solid #4F4F4F;
        box-sizing: border-box;
        border-radius: 100px;
        width: 210px;
        height: 50px;
        padding-left: 0;
        text-decoration: none;
        margin-right: 20px;
        
    }
    .wialon-btn.green-arrow::before {
        content: "";
    }
    .wialon-btn.green-arrow {
        background: #E1F0CE;
        color: #618931;
        border: none;
    }
    .wialon-wrapper {
        flex-direction: column;
    }
    .wialon-left {
        max-width: 650px;
        font-size: 26px;
        margin-bottom: 30px;
    }
    .wialon-right {
        max-width: initial;
        text-align: justify;
    }
    .wialon-icon__wrapper {
        margin-top: 50px;
    }
    .track-main__header.tracks-header {
        max-width: 471px;
        font-size: 28px;
    }
    .track-main__header::after {
        content: url(images/Group-ipad.png);
        top: -24px;
        left: 404px;
    }
    .track-main__text {
        flex-direction: column;
    }
    .track-text__left {
        max-width: initial;
    }
    .track-text__right {
        margin-top: 30px;
    }
    .track-sec__header {
        margin-top: 60px;
        margin-bottom: 50px;
        margin-left: 0;
    }
    .track-sec__item {
        width: 227px;
        height: 110px;
        margin-right: 15px;
        margin-bottom: 20px;
        text-align: center;
    }
    .track-sec__item:last-child {
        margin-right: 0;
    }
    .question.wialon {
        margin-bottom: 80px;
    }
    .online-header {
        font-size: 28px;
    }
    .online-wrapper {
        flex-direction: column;
    }
    .online-item__text {
        margin-top: 50px;
        max-width: initial;
    }
    .online-item:last-child {
        margin-right: 0;
    }
    .online-item {
        margin-right: 69px;
        max-width: 178px;
    }
    .tarif {
        margin-top: 80px;
    }
    .tarif-header {
        font-size: 28px;
    }
    .table {
        display: none;
    }
    .table-mobile__wrapper {
        text-align: center;
    }
    .table-mobile__wrapper .table-mobile__row div:first-child {
        border-left: 1px solid #828282!important;
    }
    .table-mobile__wrapper .table-mobile__row div {
        border: 1px solid #828282;
        border-left: none;
    }
    .table-mobile__row {
        display: flex;
    }
    .table-mobile__row div{
        width: 50%; 
    }
    .table-mobile__single-row {
        border-left: 1px solid #828282;
        border-right: 1px solid #828282;
    }
    .table-mobile__row:nth-child(1) div, 
    .table-mobile__row:nth-child(2) div,
    .table-mobile__row:nth-child(3) div 
    {
        border-bottom: none;
    }
    .table-mobile__header {
        border: 1px solid #828282;
        border-bottom: none;
        padding: 17px 0;
        font-weight: 600;
        font-size: 16px;
    }
    .table-mobile__btns {
        margin-bottom: 40px;
        display: flex;
        align-items: center;
    }
    .table-mobile__row .descr {
        padding: 12px 0;
    }
    .table-mobile__row .blue {
        padding: 25px 0;
        font-weight: 600;
    }
    .table-mobile__row .text {
        padding: 75px 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .table-mobile__row p:first-child {
        max-width: 321px;
    }
    .table-mobile__row p:last-child {
        max-width: 277px;
    }
    .table-mobile__single-row {
        padding: 15px 0;
    }
    .table-mobile__row .mobibe-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 28px 0;
    }
    .table-mobile__row .mobibe-btn button{
        width: 144px;
        height: 56px;
    }
    .mobile-tab.rus {
        width: 100px;
        height: 40px;
        margin: 0 20px;
    }
    .mobile-tab.eur {
        width: 170px;
        height: 40px;
    }
    .question.offer {
        margin-top: 80;
    }
    .device-item {
        width: 335px;
        flex-direction: column-reverse;
        height: 374px;
        overflow: hidden;
    }
    .device-item__right img {
        width: 100%;
    }
    .device-item__right {
        width: 100%;   
    }
    .device-btn {
        width: 160px;
        height: 56px;
    }
    .device-header__tabs {
        position: relative;
        top: 130px;
        float: inherit;
    }
    .device-header {
        font-size: 28px;
        padding-bottom: 15px;
    }
    .device {
        margin-top: 25px;
        margin-bottom: 80px;
    }
    .device-b {
        width: 164px;
    }
    .device-b:first-child {
        border-radius: 4px 0px 0px 4px;
    }
    .device-b:last-child {
        border-radius: 0px 4px 4px 0px;
    }
    .work-item {
        width: 335px;
    }
    .work-item.work-mod {
        margin-left: 20px;
        margin-right: 0;
        position: relative;
        top: 50px;
        margin-top: 25px;
    }
    .work-item.work-mar {
        margin-right: 0;
        margin-left: 0;
    }
    .work-item.work-mod.work-mar {
        margin-left: 20px;
    }
    .consultation-text {
        font-size: 32px;
        margin-bottom: 60px;
    }
    .consultation-wrapper {
        flex-direction: column;
    }
    .consultation-form {
        margin-left: 0;
    }
    .slick-list {
        display: flex !important;
    }
}

@media (max-width: 450px) {
    /* .header {
        width: 105%;
    } */
 
    .header-menu {
        position: absolute;
        top: 14%;
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        background: #fff;
        left: 0;
        height: 287px;
        transform: translateY(-147%);
        transition: .4s all;
        border-radius: 0px 0px 4px 4px;
        padding: 0px 15px;
    }
    .menu-list {
        flex-direction: column;
        border-top: 1px solid #828282;
        border-bottom: 1px solid #828282;
        /* width: 100%; */
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 29px 0;
    }
    .menu-item {
        margin-bottom: 24px;
        margin-right: 0;
    }
    .menu-item:last-child {
        margin-bottom: 0;
    }
    .mobile-footer {
        display: flex;
        align-items: center;
        height: 81px;
        justify-content: space-around;
    }
    .burger-menu {
        display: block;
    }
    .header-menu.active {
        transform: translateY(0);
    }
    body.active {
        background: rgba(0, 0, 0, 0.2)
    }
    .cargrid-left {
        max-width: 285px;
        margin-left: 0;
    }
    .cargrid-header {
        font-size: 26px;
    }
    .cargrid-descr {
        font-size: 14px;
    }
    .cargrid-btns {
        flex-direction: column;
        align-items: center;
    }
    .cargrid-btn:first-child {
        margin-bottom: 15px;
        margin-right: 0;
    }
    .cargrid-right {
        padding: 18px 18px 36px 18px;
    }
    .cargrid-right img {
        width: 309px;
    }
    .about-first__wrapper {
        flex-direction: column-reverse;
    }
    .about-left__header {
        position: relative;
        top: -120px;
        margin-bottom: 0;
    }
    .about-first {
        margin-right: 0;
    }
    .about-first__right {
        font-size: 26px;
    }
    .about-second-slider {
        flex-wrap: nowrap;
    }
    .about-second-slider .slick-list .slick-track {
        display: flex;
    }
    .about-slider__item:nth-child(even) {
        margin-top: 0; 
         margin-right: 0;
    }
    .about-slider__item:nth-child(3) {
        margin-top: 0; 
         position:initial
    }
    .about-slider__item {
        width: 100%;
        margin-right: 30px !important;
        margin-left: 30px;
    }
    .service-wrapper {
        flex-direction: column;
    }
    .service-left {
        font-size: 26px;
        width: 100%;
    }
    .service-right {
        margin-top: 26px;
        width: 100%;
    }
    .service-item__wrapper {
        flex-direction: column;
        position: relative;
        padding-bottom: 0; 
    }
    .service-item__wrapper:last-child {
        border-bottom: none;
    }
    .service-item__right img {
        display: block !important;
        width: 224px;
        transform: scaleX(-1);
    }
    .service-item__right {
        position: relative;
        top: -478px;
    }
  
    .service-item__header {
        max-width: 114px;
        margin-bottom: 240px;
    }
    .service-item__bottom a {
        position: absolute;
        top: 88%;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 239px;
        height: 60px;
        width: 224px;
        border: 1px solid #8BC24A;
        border-radius: 4px;
        font-family: 'SF UI Display';
        font-style: normal;
        font-weight: 700;
        font-size: 13px;
        line-height: 22px;
        text-align: center;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        background-color: transparent;
        color: #71A831;
        cursor: pointer;
        transition: 0.3s all;
    }

    .service-item__bottom a.green {
        background: #8BC24A;
        border: 1px solid #71A831;
        color: #FFFFFF;
        transition: 0.3s all;
    } 
    .service-item__bottom a.green:hover {
        background: #679B2A;
        border: 1px solid #618931;
    }
    .service-item__bottom a.green:active {
        background: #44671A;
        border: 1px solid #618931;
    }
    .service-slider .slick-list .slick-track {
        display: block !important;
        flex-direction: column;
    }
    .question.appear {
        margin-top: 0;
    }
   .service-slider .slick-list {
        display: block !important;
    }
    .service-slider button {
        display: block !important;
        position: absolute;
        top: 9%;
        /* left: 60%; */
        height: 45px;
        width: 45px;
        background: #E1F0CE;
        border-radius: 4px;
        border: none;
        cursor: pointer;
        outline: none;
        z-index: 10;
    }
    .service-slider .slick-prev {
        left: 70%;
    }
    .service-slider .slick-next {
        left: 87%;
    }
    .service-item__middle {
        /* min-height: 343px; */
        min-height: 280px;
    }
    .question-left {
        font-size: 24px;
        max-width: 285px;
    }
    .question-wrapper {
        padding: 50px 30px 60px 30px;
    }
    .question-right .btn {
        width: 195px;
    }
    .tracks {
        margin-top: 60px;
    }
    .tracks-table {
        flex-direction: column;
    }
    .tracks-btn {
        width: initial;
    }
    .tracks-btn:nth-child(1) {
        border-bottom: none;
        border-radius: 4px 4px 0px 0px;
    }
    .tracks-btn:nth-child(2) {
        border-left: 1px solid #333333;
        border-right: 1px solid #333333;
        border-bottom: none;
    }
    .tracks-btn:nth-child(3) {
        border-radius: 0px 0px 4px 4px;
    }
    .wialon-left {
        position: relative;
        font-size: 20px; 
    } 
    .track-main__header ::after {
        content: url('images/Group.png');
        position: absolute;
        left: -13px;
        top: 102px;
    }
    .track-right__header {
        padding-bottom: 30px;
    }
    .tracks-header, .track-main__header  {
        font-size: 20px !important;
    }
    .tracks-header__descr, .tracks-numbers, .wialon-right, .track-main, .wialon-icon__wrapper {
        font-size: 14px;
    }
    .btn.green {
        font-size: 12px;
    }
    .tracks-button  {
        width: 255px;
        margin-bottom: 60px;
    }
    .track-main__header {
        padding-bottom: 156px;
    }
    .track-sec__header {
        margin-top: 50px;
        margin-bottom: 30px;
        font-size: 20px;
    }
    .track-sec__item {
       width: 160px;
       height: 85px; 
       padding: 25px 41px;
       font-size: 14px;
    }
    .track-sec__wrapper {
        position: relative;
    }
    .track-sec__wrapper, .track-sec__inner {
        display: block;
    }
    .track-sec__item.build {
        position: absolute;
        right: 25px;
        top: 53px;
        margin-right: 0;
    }
    .track-sec__item.serv {
        position: absolute;
        right: 25px;
        top: 158px;
        margin-right: 0;
    }
    .track-order {
        display: block;
        margin-top: 50px;
        margin-bottom: 60px;
    }
    .question.wialon {
        padding-top: 0;
    }
    .wialon-icon__wrapper {
        flex-direction: column;
    }
    .wialon-item__header {
        font-size: 16px;
    }
    .table-mobile__btns {
        flex-direction: column;
        align-items: flex-start;
    }
    .wialon-item {
        display: flex;
        margin-right: 0;
        align-items: center;
    }
    .wialon-item__inner {
        max-width: 225px;
        margin-left: 48px;
    }
    .online-header {
        font-size: 26px;
    }
    .online-wrapper {
        margin-top: 40px;
        padding-bottom: 60px;
    }
    .online-item__inner {
        flex-direction: column;
    }
    .online-item {
        display: flex;
        margin-right: 0;
        max-width: initial;
    }
    .online-text {
        padding-left: 100px;
        position: relative;
    }
    .online-text::before {
        content: "";
        position: absolute;
        height: 1px;
        width: 60px;
        background-color: #000000;
        left: 21px;
        top: 9px;
    }
    .online-item__text {
        margin-top: 0;
    }
    .table-mobile__inner {
        margin-top: 20px;
    }
    .mobile-tab.rus {
        margin-left: 0;
    }
    .tarif-header, .work-header {
        font-size: 26px;
        margin-bottom: 40px;
    }
    .table-mobile__row {
        font-size: 14px;
    }
    .table-mobile__right button {
        width: 120px;
        height: 48px;
    }
    .question.offer {
        margin-top: 60px;
    }
    .device-header {
        font-size: 26px;
        min-height: 105px;
    }
    .device-header__tabs {
        top: 160px;
    }
    .device-content__wrapper {
        margin-top: 70px;
        overflow-x: auto;
        overflow-y: hidden;
        padding-bottom: 50px;
    }
    .device-item {
        overflow: initial;
        position: relative;
        width: 256px;
        height: 100%;
    }
    .device-item:first-child {
        top: 35px;
        left: 0;
    }
    .device-item:last-child {
        top: 35px;
        left: 14px;
    }
    .device-item__right img {
        height: 140px;
    }
    .work-row__wrapper {
        flex-wrap: nowrap;
        flex-direction: column;
    }
    .work-item {
        width: 100%;
        border-bottom: none;
        border-radius: 0;
    }
    .work-item.work-mod.work-mar {
        margin-left: 0;
    }
    .work-item.work-mod {
        margin-top: 0;
        margin-left: 0;
        position: initial;
    }
    .work-item.work-mar {
        margin-top: 0;
    }
    .work-item:first-child {
        border-radius: 4px 4px 0px 0px;
    }
    .work-item:last-child {
        border-radius: 0px 0px 4px 4px;
        border-bottom: 1px solid #828282;
    }
    .work-step {
        margin-bottom: 30px;
    }
    .consultation-text {
        font-size: 26px;
    }
    .consultation-form {
        max-width: 284px;
        overflow: hidden;
    }
    .consultation-btn {
        margin-top: 66px;
    }
    .consultation-input:last-child {
        margin-bottom: 0;
    }
    .consultation-wrapper {
        padding: 50px 45px 50px 30px;
    }
    .work {
        margin-bottom: 60px;
    }
    .btnUp {
        visibility: hidden;
    }
    .btnUp::after {
        content: url('images/arrow-mob.svg');
        visibility: visible;
    }
    .footer-logo, .footer-number{
        font-size: 16px;
    }
    .footer-year, .footer-mail {
        font-size: 14px
    }
    .footer-left {
        margin-right: 49px;
    }
    .table-mobile__row .mobibe-btn button {
        width: 120px;
        height: 48px;
    }
    .about {
        margin-bottom: 60px;
    }
    .service-item__right.bus {
        top: -533px;
    }
    .service-item__right.truck {
        top: -500px;
    }
    .consultation-text.error {
        margin-bottom: 0;
    }
    .consultation-input.error:last-child {
        padding-bottom: 36px;
    }
    .question {
        margin-top: 0;
    }
    .track-main__header::after {
        content: "";
    }
}