/*########## Tracker Landing ##########*/

.tracker-landing {
    margin: 60px 0;
}

.tracker-header {
    background-image: url("/image/catalog/tracker-gps-landing/tracker-header-bg.svg");
    background-position: center top;
    background-size: cover;
    max-width: 100%;
    padding: 40px 100px 0;
    background-repeat: no-repeat;
    min-height: 880px;
    position: relative;
    box-sizing: border-box;
}

.tracker-header h2 {
    font-weight: 700;
    font-size: 198px;
    line-height: 198px;
    color: #000000;
    margin: 257px 0 0;
    background-image: url(/image/catalog/tracker-gps-landing/tracker-header-text.webp);
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-font-smoothing: antialiased;
    display: flex;
    justify-content: space-between;
}

.tracker-header img {
    position: absolute;
    bottom: 0;
    margin-left: 95px;
}

.tracker-header__title p:first-of-type {
    font-weight: 700;
    font-size: 97px;
    line-height: 118px;
    text-transform: uppercase;
    color: #4B4B4B;
    margin: 0;
}

.tracker-header__title p:last-of-type {
    font-weight: 700;
    font-size: 97px;
    line-height: 118px;
    text-transform: uppercase;
    color: #7B8D52;
    margin: 0;
}

.tracker-about {
    margin: 0 0 110px 0;
}

.tracker-systems {
    margin: 140px 0;
    position: relative;
    padding: 0 0 0 100px;
}

.tracker-systems ul {
    list-style: none;
    margin: 90px 0 0;
    padding: 0;
}

.tracker-systems ul li, .tracker-simulation > ul li {
    font-weight: 600;
    font-size: 26px;
    line-height: 32px;
    color: #000;
    margin: 0 30px 56px;
    display: flex;
    align-items: center;
}

.tracker-systems ul li {
    max-width: 335px;
}

.tracker-systems ul li::before, .tracker-simulation > ul li::before, .tracker-control ul li::before {
    content: '';
    display: inline-block;
    position: absolute;
    height: 13px;
    width: 13px;
    margin-left: -30px;
    background: #7B8D52;
}

.tracker-systems__wrapper {
    display: flex;
    justify-content: space-between;
}

.tracker-systems__wrapper img {
    margin: -100px 0 0;
    max-width: 730px;
    width: 100%;
}

.tracker-distance {
    margin: 140px 0;
}

.tracker-distance__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 100px;
}

.tracker-distance ul {
    list-style: none;
    margin: 0 100px;
    padding: 0;
    display: grid;
    grid-template-columns: minmax(min-content, max-content) repeat(3, minmax(265px, max-content));
    gap: 55px;
}

.tracker-distance ul li {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.tracker-distance ul li img {
    object-fit: contain;
    height: 93px;
    margin-bottom: 20px;
}

.tracker-distance ul li p {
    font-weight: 600;
    font-size: 26px;
    line-height: 32px;
    text-align: center;
    color: #000000;
    margin: 10px 0 0;
}

.tracker-app {
    background-image: url("/image/catalog/tracker-gps-landing/tracker-app-bg.svg");
    background-position: center top;
    background-size: cover;
    max-width: 100%;
    padding: 40px 100px 0;
    background-repeat: no-repeat;
    min-height: 810px;
    position: relative;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tracker-app div h3 {
    font-weight: 700;
    font-size: 48px;
    line-height: 53px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin: 0 0 15px;
    padding: 0;
}

.tracker-app div p {
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 39px;
    color: #FFFFFF;
    margin: 0;
    padding: 0;
}

.tracker-app div ul {
    list-style: none;
    margin: 60px 0 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 100px;
    max-width: 550px;
}

.tracker-app div ul li {
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 25px 0;
}

.tracker-opportunities {
    margin: 140px 0;
}

.tracker-opportunities h2, .tracker-autonomy h2 {
    font-weight: 800;
    font-size: 52px;
    line-height: 53px;
    text-transform: uppercase;
    color: #4B4B4B;
    margin: 0;
    padding: 0;
    text-align: center;
}

.tracker-opportunities span {
    color: #7B8D52;
}

.tracker-opportunities ul {
    margin: 70px 100px;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(8, 1fr);
    grid-template-areas: "to-item-1 to-item-1 to-item-2 to-item-2 to-item-3 to-item-3 to-item-4 to-item-4"
					   "empt to-item-5 to-item-5 to-item-6 to-item-6 to-item-7 to-item-7 empt2";
    grid-template-rows: 1fr 1fr;
    gap: 70px 70px;
}

.tracker-opportunities ul li:nth-of-type(1) {
    grid-area: to-item-1;
}

.tracker-opportunities ul li:nth-of-type(2) {
    grid-area: to-item-2;
}

.tracker-opportunities ul li:nth-of-type(3) {
    grid-area: to-item-3;
}

.tracker-opportunities ul li:nth-of-type(4) {
    grid-area: to-item-4;
}

.tracker-opportunities ul li:nth-of-type(5) {
    grid-area: to-item-5;
}

.tracker-opportunities ul li:nth-of-type(6) {
    grid-area: to-item-6;
}

.tracker-opportunities ul li:nth-of-type(7) {
    grid-area: to-item-7;
}

.tracker-opportunities ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.tracker-opportunities ul li p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #000000;
    margin: 30px 0 0;
}

.tracker-opportunities ul li img {
    max-height: 101px;
}

.tracker-simulation {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px 90px;
    align-items: center;
    margin: 140px 100px;
}

.tracker-safety {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    margin: 140px 0 0;
    background-image: url("/image/catalog/tracker-gps-landing/tracker-safety-bg.svg");
    background-position: right bottom;
    background-size: 54%;
    background-repeat: no-repeat;
}

.tracker-safety img {
    width: 70%;
    object-fit: contain;
    position: relative;
}

.tracker-safety div {
    margin-top: 100px;
    margin-right: 100px;
}

.tracker-simulation > ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.tracker-simulation > ul li {
    margin: 0 0 56px 30px;
}

.tracker-functions {
    margin: 120px 100px;
}

.tracker-functions__wrapper {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.tracker-functions__image-wrapper {
    position: relative;
    margin-left: -200px;
    margin-top: -180px;
}

.tracker-functions h5 {
    font-weight: 600;
    font-size: 26px;
    line-height: 20px;
    color: #4B4B4B;
    margin: 0;
}

.tracker-control {
    background-image: url("/image/catalog/tracker-gps-landing/tracker-functions-bg.svg");
    background-position: center top;
    background-size: cover;
    max-width: 100%;
    padding: 40px 100px 0;
    background-repeat: no-repeat;
    min-height: 810px;
    position: relative;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(2, minmax(min-content, max-content));
    grid-template-rows: minmax(min-content, max-content) 1fr;
}

.tracker-control article p {
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
}

.tracker-control article {
    grid-area: 1 / 1 / 2 / 2;
    margin: 0 0 40px 0;
}

.tracker-control ul {
    grid-area: 2 / 1 / 3 / 2;
    list-style: none;
    margin: 0 0 0 30px;
    padding: 0;
}

.tracker-control ul li {
    margin: 0 0 30px;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: #000000;
}

.tracker-control picture {
    grid-area: 1 / 2 / 3 / 3;
    bottom: 37px;
    position: relative;
}

.tracker-distance__wrapper h2, .tracker-simulation h2, .tracker-systems h2, .tracker-functions h2, .tracker-control h2, .tracker-body h2, .tracker-safety h3 {
    font-weight: 800;
    font-size: 52px;
    line-height: 53px;
    text-transform: uppercase;
    color: #4B4B4B;
    margin: 0 0 40px;
}

.tracker-distance__wrapper h2 span, .tracker-simulation h2 span, .tracker-systems h2 span, .tracker-functions h2 span, .tracker-control h2 span, .tracker-autonomy h2 span, .tracker-body h2 span, .tracker-safety h3 span {
    color: #7B8D52;
}

.tracker-landing_animation {
    opacity: 0;
    transform: translateY(20px);
}

.tracker-distance ul li, .tracker-opportunities ul li {
    opacity: 0;
    transform: translateY(30px);
}

.tracker-distance_animation-show, .tracker-opportunities_animation-show {
    opacity: 1 !important;
    transition: all .4s !important;
    transform: translateY(0%) !important;
}

.tracker-distance_animation-show:first-of-type, .tracker-opportunities_animation-show:first-of-type {
    transition-delay: .1s !important;
}

.tracker-distance_animation-show:nth-of-type(2), .tracker-opportunities_animation-show:nth-of-type(2) {
    transition-delay: .3s !important;
}

.tracker-distance_animation-show:nth-of-type(3), .tracker-opportunities_animation-show:nth-of-type(3) {
    transition-delay: .5s !important;
}

.tracker-distance_animation-show:nth-of-type(4), .tracker-opportunities_animation-show:nth-of-type(4) {
    transition-delay: .7s !important;
}

.tracker-opportunities_animation-show:nth-of-type(5) {
    transition-delay: .9s !important;
}

.tracker-opportunities_animation-show:nth-of-type(6) {
    transition-delay: 1.1s !important;
}

.tracker-opportunities_animation-show:nth-of-type(7) {
    transition-delay: 1.3s !important;
}

.tracker-landing_animation.tracker-landing_animation-show {
    opacity: 1;
    transition: all .7s;
    transform: translateY(0%);
}

.tracker-control h2 {
    margin: 40px 0;
}

.tracker-systems__wrapper div svg {
    max-width: 92%;
    object-fit: contain;
    position: absolute;
    right: 0;
    top: 0;
}

.tracker-systems__wrapper div svg .svg-elem-1 {
    stroke-dashoffset: 1282.494384765625px;
    stroke-dasharray: 1282.494384765625px;
    -webkit-transition: stroke-dashoffset 2s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
    fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
    transition: stroke-dashoffset 2s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
    fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
}

.tracker-systems__wrapper div svg.active .svg-elem-1 {
    stroke-dashoffset: 0;
}

.tracker-systems_svg .svg-elem-1 {
    stroke-dashoffset: 1282.494384765625px;
    stroke-dasharray: 1282.494384765625px;
    -webkit-transition: stroke-dashoffset 2s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
    fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
    transition: stroke-dashoffset 2s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
    fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
}

.tracker-systems_svg.active .svg-elem-1 {
    stroke-dashoffset: 0;
}

.tracker-systems_svg .svg-elem-2 {
    stroke-dashoffset: 42.840704496667314px;
    stroke-dasharray: 42.840704496667314px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s,
    fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
    transition: stroke-dashoffset 2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s,
    fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
}

.tracker-systems_svg.active .svg-elem-2 {
    stroke-dashoffset: 0;
    fill: rgb(158, 46, 46);;
}

.tracker-systems_svg .svg-elem-3 {
    stroke-dashoffset: 42.840704496667314px;
    stroke-dasharray: 42.840704496667314px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s,
    fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
    transition: stroke-dashoffset 2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s,
    fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
}

.tracker-systems_svg.active .svg-elem-3 {
    stroke-dashoffset: 0;
    fill: rgb(158, 46, 46);;
}

.tracker-systems_svg .svg-elem-4 {
    stroke-dashoffset: 42.840704496667314px;
    stroke-dasharray: 42.840704496667314px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6000000000000001s,
    fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
    transition: stroke-dashoffset 2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6000000000000001s,
    fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
}

.tracker-systems_svg.active .svg-elem-4 {
    stroke-dashoffset: 0;
    fill: rgb(158, 46, 46);;
}

.tracker-systems_svg .svg-elem-5 {
    stroke-dashoffset: 42.840704496667314px;
    stroke-dasharray: 42.840704496667314px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s,
    fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
    transition: stroke-dashoffset 2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s,
    fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
}

.tracker-systems_svg.active .svg-elem-5 {
    stroke-dashoffset: 0;
    fill: rgb(158, 46, 46);;
}

.tracker-systems_svg .svg-elem-6 {
    stroke-dashoffset: 42.840704496667314px;
    stroke-dasharray: 42.840704496667314px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 2s cubic-bezier(0.47, 0, 0.745, 0.715) 1s,
    fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
    transition: stroke-dashoffset 2s cubic-bezier(0.47, 0, 0.745, 0.715) 1s,
    fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
}

.tracker-systems_svg.active .svg-elem-6 {
    stroke-dashoffset: 0;
    fill: rgb(158, 46, 46);;
}

.tracker-systems_svg .svg-elem-7 {
    stroke-dashoffset: 42.840704496667314px;
    stroke-dasharray: 42.840704496667314px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s,
    fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
    transition: stroke-dashoffset 2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s,
    fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
}

.tracker-systems_svg.active .svg-elem-7 {
    stroke-dashoffset: 0;
    fill: rgb(158, 46, 46);;
}

.tracker-systems_svg .svg-elem-8 {
    stroke-dashoffset: 42.840704496667314px;
    stroke-dasharray: 42.840704496667314px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s,
    fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
    transition: stroke-dashoffset 2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s,
    fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

.tracker-systems_svg.active .svg-elem-8 {
    stroke-dashoffset: 0;
    fill: rgb(158, 46, 46);;
}

.tracker-systems_svg .svg-elem-9 {
    stroke-dashoffset: 42.840704496667314px;
    stroke-dasharray: 42.840704496667314px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s,
    fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
    transition: stroke-dashoffset 2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s,
    fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
}

.tracker-systems_svg.active .svg-elem-9 {
    stroke-dashoffset: 0;
    fill: rgb(158, 46, 46);;
}

.tracker-systems_svg .svg-elem-10 {
    stroke-dashoffset: 42.840704496667314px;
    stroke-dasharray: 42.840704496667314px;
    fill: transparent;
    -webkit-transition: stroke-dashoffset 2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s,
    fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
    transition: stroke-dashoffset 2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s,
    fill 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
}

.tracker-systems_svg.active .svg-elem-10 {
    stroke-dashoffset: 0;
    fill: rgb(158, 46, 46);;
}

.tracker-systems__wrapper div {
    position: relative;
}

.tracker-distance__wrapper h2 {
    max-width: 705px;
}

.tracker-systems h2 {
    max-width: 850px;
}

.tracker-simulation p, .tracker-distance__wrapper p, .tracker-systems p, .tracker-about p, .tracker-functions div p, .tracker-body p:first-of-type, .tracker-safety p {
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
}

.tracker-body h2 {
    margin: 0 100px;
}

.tracker-body p:first-of-type {
    margin: 40px 100px;
}

.tracker-functions div p {
    margin: 12px 0 60px;
}

.tracker-distance__wrapper p {
    max-width: 500px;
}

.tracker-systems p {
    margin: 0 120px 0 0;
    padding: 0;
}

.tracker-about p {
    margin: 30px 100px;
}

.tracker-autonomy {
    margin: 140px 100px;
}

.tracker-autonomy p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #000000;
    margin: 40px 0 30px;
}

.tracker-autonomy img {
    width: 100%;
}

.tracker-body {
    margin: 140px 0 0;
}

.tracker-body__accent {
    background: linear-gradient(90.62deg, #7B8D52 8.98%, #B3C784 90.23%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: normal;
    font-weight: 900 !important;
    font-size: 454px !important;
    line-height: 454px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

.tracker-body img {
    margin-top: -200px;
    width: 100%;
}

.tracker-simulation picture {
    width: 100%;
    grid-area: 1 / 1 / 4 / 2;
}

.tracker-safety p {
    max-width: 563px;
}

.tracker-simulation picture img {
    width: 100%;
}

.tracker-simulation > h2 {
    grid-area: 1 / 2 / 2 / 3;
}

.tracker-simulation > p {
    grid-area: 2 / 2 / 3 / 3;
}

.tracker-simulation > ul {
    grid-area: 3 / 2 / 4 / 3;
}

.tracker-simulation h2 {
    margin: 0;
}

.tracker-functions_blink {
    position: absolute;
    animation-name: blinker;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(1.0, 0, 0, 1.0);
    animation-duration: 2s;
    width: 14px;
    height: 14px;
    background-color: #ffffff;
    border-radius: 50%;
    top: 315px;
    right: 273px;
    z-index: 2;
}

.tracker-functions_blink:before {
    content: "";
    display: block;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    margin-top: -10px;
    margin-left: -10px;
    background: #00FF1A;
    filter: blur(6px);
    z-index: 1;
    position: relative;
}

@keyframes blinker {
    from {
        opacity: 1.0;
    }
    to {
        opacity: 0.0;
    }
}

.tracker-functions svg {
    position: absolute;
    top: 100px;
    right: -20px;
    max-width: 200px;
}

.tracker-functions svg path {
    animation-name: blinker1;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
    animation-duration: 2s;
}

.tracker-functions svg path:nth-of-type(1) {
    animation-delay: .5s;
}

.tracker-functions svg path:nth-of-type(2) {
    animation-delay: .4s;
}

.tracker-functions svg path:nth-of-type(3) {
    animation-delay: .3s;
}


.tracker-functions svg path:nth-of-type(4) {
    animation-delay: .2s;
}


.tracker-functions svg path:nth-of-type(5) {
    animation-delay: .1s;
}

@keyframes blinker1 {
    from {
        opacity: 0.0;
    }
    to {
        opacity: 1.0;
    }
}

@media screen and (max-width: 1599px) {
    .tracker-header {
        padding: 40px 50px 0;
        min-height: 800px;
    }

    .tracker-safety img {
        width: 50%;
    }

    .tracker-header h2 {
        font-size: 185px;
        line-height: 185px;
        margin: 227px 0 0;
    }

    .tracker-header__title p:first-of-type {
        font-size: 86px;
        line-height: 86px;
    }

    .tracker-header__title p:last-of-type {
        font-size: 86px;
        line-height: 86px;
    }

    .tracker-header img {
        position: absolute;
        bottom: 0;
        margin-left: 100px;
        height: 95%;
    }

    .tracker-about p {
        margin: 30px 50px;
    }

    .tracker-distance__wrapper h2, .tracker-simulation h2, .tracker-systems h2, .tracker-functions h2, .tracker-control h2, .tracker-body h2, .tracker-safety h3 {
        font-size: 48px;
        line-height: 48px;
    }

    .tracker-simulation p, .tracker-distance__wrapper p, .tracker-systems p, .tracker-about p, .tracker-functions div p, .tracker-body p:first-of-type, .tracker-autonomy p, .tracker-control p, .tracker-opportunities ul li p, .tracker-safety p {
        font-size: 14px;
        line-height: 17px;
    }

    .tracker-systems {
        margin: 110px 0;
        padding: 0 0 0 50px;
    }

    .tracker-systems ul {
        margin: 45px 0 0
    }

    .tracker-systems__wrapper img {
        max-width: 654px;
        margin: -90px 0 0;
    }

    .tracker-systems p {
        margin: 0 120px 0 0;
    }

    .tracker-distance, .tracker-opportunities {
        margin: 110px 0;
    }

    .tracker-distance__wrapper {
        margin: 0 50px;
    }

    .tracker-distance ul {
        margin: 0 50px;
        gap: 30px;
        grid-template-columns: minmax(min-content, max-content) repeat(3, minmax(267px, max-content));
    }

    .tracker-app {
        padding: 40px 50px 0;
        min-height: 795px;
    }

    .tracker-app div h3, .tracker-app div p {
        margin-left: -82px;
    }

    .tracker-app div ul {
        max-width: 495px;
        margin: 60px 0;
    }

    .tracker-app div ul img {
        width: 100%;
    }

    .tracker-opportunities ul {
        margin: 70px 50px;
        gap: 60px 60px;
    }

    .tracker-opportunities h2, .tracker-autonomy h2 {
        font-size: 48px;
        line-height: 48px;
    }

    .tracker-simulation {
        gap: 50px;
        margin: 110px 50px;
    }

    .tracker-simulation > ul li {
        margin: 0 0 35px 30px;
    }

    .tracker-functions, .tracker-autonomy {
        margin: 110px 50px;
    }

    .tracker-control {
        padding: 20px 50px 0;
    }

    .tracker-control picture {
        bottom: 27px;
    }

    .tracker-body, .tracker-safety {
        margin: 110px 0 0;
    }

    .tracker-body__accent {
        font-size: 386px !important;
        line-height: 386px !important;
    }

    .tracker-body img {
        margin-top: -180px;
    }
}

@media screen and (max-width: 1344px) {
    .tracker-header {
        min-height: 720px;
    }

    .tracker-functions_blink {
        top: 245px;
        right: 213px;
    }

    .tracker-functions svg {
        top: 100px;
        right: 0;
        max-width: 140px;
    }

    .tracker-safety {
        background-size: 50%;
    }

    .tracker-header h2 {
        font-size: 160px;
        line-height: 160px;
    }

    .tracker-header__title p:first-of-type, .tracker-header__title p:last-of-type {
        font-size: 78px;
        line-height: 78px;
    }

    .tracker-distance__wrapper h2, .tracker-simulation h2, .tracker-systems h2, .tracker-functions h2, .tracker-control h2, .tracker-body h2, .tracker-safety h3 {
        font-size: 44px;
        line-height: 44px;
    }

    .tracker-systems h2 {
        max-width: 800px;
    }

    .tracker-systems__wrapper img {
        max-width: 604px;
        margin: -80px 0 0
    }

    .tracker-header img {
        position: absolute;
        bottom: 0;
        margin-left: 72px;
        height: 97%;
    }

    .tracker-systems ul li, .tracker-simulation > ul li {
        font-size: 22px;
        line-height: 27px;
        margin: 0 0 56px 30px;
    }

    .tracker-distance ul li p {
        font-size: 22px;
        line-height: 27px;
    }

    .tracker-app {
        min-height: 710px;
    }

    .tracker-app img {
        width: 100%;
        max-height: 680px;
        object-fit: contain;
    }

    .tracker-app div h3, .tracker-app div p {
        margin-left: -103px;
    }

    .tracker-app div h3 {
        font-size: 44px;
        line-height: 44px;
    }

    .tracker-app div ul {
        max-width: 425px;
        gap: 60px;
    }

    .tracker-opportunities h2, .tracker-autonomy h2 {
        font-size: 44px;
        line-height: 44px;
    }

    .tracker-opportunities ul {
        gap: 60px 45px;
    }

    .tracker-simulation > ul li {
        font-size: 22px;
        line-height: 27px;
        margin: 0 0 30px 30px;
    }

    .tracker-functions__image-wrapper img {
        height: 730px;
        object-fit: contain;
    }

    .tracker-control {
        padding: 0 50px 0;
        min-height: 720px;
        height: 720px;
    }

    .tracker-control ul li {
        margin: 0 0 25px;
        font-size: 18px;
        line-height: 22px;
    }

    .tracker-control picture img {
        height: 88%;
    }

    .tracker-control picture {
        bottom: -50px;
    }

    .tracker-control article {
        margin: 0 0 25px 0;
    }

    .tracker-control h2 {
        margin: 40px 0 30px;
    }

    .tracker-autonomy p {
        margin: 30px 0 50px;
    }

    .tracker-body h2 {
        margin: 0 50px;
    }

    .tracker-body p:first-of-type {
        margin: 35px 50px 0;
    }

    .tracker-body__accent {
        font-size: 346px !important;
        line-height: 346px !important;
    }
}

@media screen and (max-width: 1199px) {
    .tracker-header {
        min-height: 591px;
    }

    .tracker-safety div {
        margin-top: 30px;
    }

    .tracker-functions_blink {
        top: 212px;
        right: 183px;
    }

    .tracker-functions svg {
        top: 80px;
        max-width: 120px;
    }

    .tracker-header h2 {
        font-size: 130px;
        line-height: 130px;
        margin: 130px 0 0;
    }

    .tracker-header__title p:first-of-type, .tracker-header__title p:last-of-type {
        font-size: 67px;
        line-height: 78px;
    }

    .tracker-header img {
        margin-left: 42px;
    }

    .tracker-about p {
        margin: 25px 50px;
    }

    .tracker-about {
        margin: 0 0 100px 0;
    }

    .tracker-distance__wrapper h2, .tracker-simulation h2, .tracker-systems h2, .tracker-functions h2, .tracker-control h2, .tracker-body h2, .tracker-safety h3 {
        font-size: 38px;
        line-height: 38px;
    }

    .tracker-systems h2 {
        max-width: 700px;
    }

    .tracker-systems__wrapper img {
        max-width: 511px;
        margin: -70px 0 0;
    }

    .tracker-systems ul li, .tracker-simulation > ul li {
        font-size: 20px;
        line-height: 24px;
        margin: 0 0 47px 30px;
    }

    .tracker-systems ul {
        margin: 35px 0;
    }

    .tracker-systems p {
        margin: -10px 80px 0 0;
    }

    .tracker-systems, .tracker-distance, .tracker-opportunities {
        margin: 100px 0;
    }

    .tracker-distance__wrapper img {
        width: 100%;
        object-fit: contain;
        height: 700px;
    }

    .tracker-distance ul li p {
        font-size: 20px;
        line-height: 24px;
    }

    .tracker-distance ul {
        gap: 20px;
        grid-template-columns: minmax(min-content, max-content) repeat(3, minmax(200px, max-content));
    }

    .tracker-app {
        min-height: 583px;
        padding: 40px 50px 0;
    }

    .tracker-app img {
        max-height: 520px;
    }

    .tracker-app div h3 {
        font-size: 38px;
        line-height: 38px;
    }

    .tracker-app div h3, .tracker-app div p {
        margin-left: -129px;
    }

    .tracker-app div p {
        font-size: 26px;
        line-height: 27px;
    }

    .tracker-app div ul {
        max-width: 375px;
        gap: 50px;
    }

    .tracker-opportunities h2, .tracker-autonomy h2 {
        font-size: 38px;
        line-height: 38px;
    }

    .tracker-systems, .tracker-distance, .tracker-opportunities {
        margin: 85px 0;
    }

    .tracker-opportunities ul li img {
        max-height: 86px;
    }

    .tracker-opportunities ul {
        gap: 40px 25px;
    }

    .tracker-simulation {
        gap: 0 20px;
    }

    .tracker-simulation h2 {
        margin: 0;
    }

    .tracker-simulation picture {
        grid-area: 1 / 1 / 3 / 2;
        width: 406px;
    }

    .tracker-simulation > h2 {
        grid-area: 1 / 2 / 2 / 3;
    }

    .tracker-simulation > p {
        grid-area: 2 / 2 / 3 / 3;
    }

    .tracker-simulation > ul {
        grid-area: 3 / 1 / 4 / 3;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
        margin: 60px 0 0;
    }

    .tracker-simulation > ul li {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        text-align: center;
        margin: 0;
    }

    .tracker-simulation > ul li::before {
        margin-left: 0;
        margin-top: -20px;
    }

    .tracker-functions__image-wrapper {
        position: relative;
        margin-left: -220px;
        margin-top: -80px;
    }

    .tracker-functions__image-wrapper img {
        height: 630px;
    }

    .tracker-functions, .tracker-autonomy {
        margin: 100px 50px;
    }

    .tracker-control {
        min-height: 620px;
        height: 620px;
    }

    .tracker-control ul li {
        margin: 0 0 17px;
        font-size: 16px;
        line-height: 20px;
    }

    .tracker-control p {
        margin: 0;
    }

    .tracker-systems ul li::before, .tracker-simulation > ul li::before, .tracker-control ul li::before {
        height: 7px;
        width: 7px;
        margin-left: -15px;
    }

    .tracker-control picture {
        bottom: -142px;
        height: 80%;
        left: 50px;
        margin-left: -90px;
    }

    .tracker-control ul {
        margin: 0 0 0 15px;
    }

    .tracker-distance ul li img {
        height: 60px;
    }

    .tracker-body h2 {
        margin: 0 47px;
    }

    .tracker-body__accent {
        font-size: 284px !important;
        line-height: 284px !important;
    }

    .tracker-body img {
        margin-top: -120px;
    }
}


@media screen and (max-width: 991px) {
    .tracker-header {
        min-height: 500px;
        padding: 40px 30px 0;
    }

    .tracker-safety h3 {
        margin: 0 0 20px;
    }

    .tracker-safety div {
        margin-top: 10px;
        margin-right: 30px;
    }

    .tracker-functions_blink {
        top: 145px;
        right: 123px;
    }

    .tracker-functions svg {
        top: 85px;
        right: 35px;
        max-width: 50px;
    }

    .tracker-control picture img {
        height: 340px;
    }

    .tracker-control picture {
        bottom: -40px;
        height: unset;
        left: 50px;
        margin-left: -20px;
    }

    .tracker-header h2 {
        font-size: 100px;
        line-height: 100px;
        margin: 120px 0 0;
    }

    .tracker-header__title p:first-of-type, .tracker-header__title p:last-of-type {
        font-size: 50px;
        line-height: 60px;
    }

    .tracker-header img {
        margin-left: 12px;
    }

    .tracker-about p {
        margin: 20px 30px;
    }

    .tracker-about {
        margin: 0 0 90px 0;
    }

    .tracker-distance__wrapper h2, .tracker-simulation h2, .tracker-systems h2, .tracker-functions h2, .tracker-control h2, .tracker-body h2, .tracker-safety h3 {
        font-size: 30px;
        line-height: 31px;
    }

    .tracker-systems h2 {
        max-width: 500px;
    }

    .tracker-systems {
        margin: 90px 0;
        padding: 0 0 0 30px;
    }

    .tracker-systems__wrapper img {
        max-width: 442px;
        margin: -50px 0 0;
    }

    .tracker-systems ul {
        margin: 10px 0;
    }

    .tracker-systems ul li, .tracker-simulation > ul li {
        font-size: 18px;
        line-height: 22px;
        margin: 0 0 35px 15px;
    }

    .tracker-systems p {
        margin: 0 30px 0 0;
    }

    .tracker-distance__wrapper {
        margin: 0 30px;
    }

    .tracker-distance__wrapper h2 {
        width: 600px;
    }

    .tracker-distance__wrapper p {
        max-width: 360px;
    }

    .tracker-distance__wrapper img {
        height: 520px;
        margin-left: -230px;
        bottom: -60px;
        position: relative;
    }

    .tracker-distance ul {
        gap: 0;
        margin: 60px 30px 0;
    }

    .tracker-distance ul {
        gap: 20px;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .tracker-distance ul li p {
        font-size: 18px;
        line-height: 22px;
    }

    .tracker-app {
        min-height: 445px;
        padding: 30px 30px 0;
    }

    .tracker-app > img {
        transform: rotate(9.4deg);
        max-height: 430px;
        margin-left: -20px;
    }

    .tracker-app div h3 {
        font-size: 30px;
        line-height: 30px;
    }

    .tracker-app div p {
        font-size: 22px;
        line-height: 26px;
    }

    .tracker-app div h3, .tracker-app div p {
        margin-left: -74px;
    }

    .tracker-app div {
        margin-top: 10px;
    }

    .tracker-app div ul {
        max-width: 315px;
        gap: 45px;
        margin: 40px 0;
    }

    .tracker-opportunities h2, .tracker-autonomy h2 {
        font-size: 30px;
        line-height: 30px;
    }

    .tracker-opportunities ul {
        margin: 30px;
        grid-template-columns: repeat(3, 1fr);
        padding: 0;
        grid-template-areas:
		"empt to-item-2 empt2"
		"to-item-1 to-item-2 to-item-3"
		"to-item-1 to-item-4 to-item-3"
		"to-item-5 to-item-4 to-item-7"
		"to-item-5 to-item-6 to-item-7"
		"empt3 to-item-6 empt4";
        grid-template-rows: 1fr 1fr;
        gap: 30px;
    }

    .tracker-simulation {
        margin: 90px 30px;
        gap: 0;
    }

    .tracker-functions__image-wrapper {
        margin-left: -220px;
        left: 50px;
        margin-top: -160px;
    }

    .tracker-functions h5:last-of-type {
        max-width: 200px;
    }

    .tracker-functions__image-wrapper img {
        height: 430px;
    }

    .tracker-functions div p:last-of-type {
        width: 600px;
        position: absolute;
    }

    .tracker-functions {
        margin: 120px 30px 140px;
    }

    .tracker-autonomy {
        margin: 90px 30px;
    }

    .tracker-simulation > h2 {
        grid-area: 1 / 1 / 2 / 3;
    }

    .tracker-simulation > ul {
        grid-area: 2 / 1 / 3 / 2;
        grid-template-columns: 1fr;
        margin: 0;
    }

    .tracker-simulation > ul li {
        flex-direction: row;
        text-align: left;
    }

    .tracker-simulation > ul li::before {
        margin-top: 0;
    }

    .tracker-simulation > picture {
        grid-area: 2 / 2 / 3 / 3;
    }

    .tracker-simulation > p {
        grid-area: 3 / 1 / 4 / 3;
    }

    .tracker-control > article {
        grid-area: 1 / 1 / 2 / 2;
        min-height: 440px;
        padding: 50px 0 0;
        box-sizing: border-box;
    }

    .tracker-control > img {
        grid-area: 1 / 2 / 2 / 3;
    }

    .tracker-control > ul {
        grid-area: 2 / 1 / 3 / 3;
        margin: 0;
    }

    .tracker-control {
        background-size: contain;
    }

    .tracker-control {
        min-height: 100%;
        height: 100%;
    }

    .tracker-control img {
        bottom: -42px;
        height: 350px;
        left: 50px;
        margin-left: -20px;
    }

    .tracker-control ul li {
        margin: 0 0 17px;
        font-size: 14px;
        line-height: 17px;
    }

    .tracker-body, .tracker-safety {
        margin: 90px 0 0;
    }

    .tracker-body h2 {
        font-size: 29px;
        line-height: 29px;
        margin: 0 30px;
    }

    .tracker-body p:first-of-type {
        margin: 30px 30px 0;
    }

    .tracker-body__accent {
        font-size: 216px !important;
        line-height: 216px !important;
    }

    .tracker-body img {
        margin-top: -90px;
    }

    .tracker-background {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .tracker-header {
        min-height: 380px;
        padding: 20px 20px 0;
    }

    .tracker-control picture img {
        height: 240px;
    }

    .tracker-control picture {
        bottom: -58px;
        height: unset;
        left: 30px;
        margin-left: -20px;
        z-index: 2;
    }

    .tracker-background {
        display: flex;
        background-image: url(//image/catalog/tracker-gps-landing/tracker-functions-bg.svg);
        background-size: cover;
        min-width: calc(100vw + 6px);
        left: -23px;
        min-height: 330px;
        width: 100%;
        background-position: bottom right;
        position: absolute;
        z-index: 2;
        background-repeat: no-repeat;
    }

    .tracker-control > article {
        padding: 30px 0;
    }

    .tracker-header h2 {
        font-size: 76px;
        line-height: 76px;
        margin: 90px 0 0;
        max-width: 520px;
    }

    .tracker-header__title p:first-of-type, .tracker-header__title p:last-of-type {
        font-size: 30px;
        line-height: 36px;
    }

    .tracker-about p {
        margin: 20px;
    }

    .tracker-distance__wrapper h2, .tracker-simulation h2, .tracker-systems h2, .tracker-functions h2, .tracker-control h2, .tracker-body h2, .tracker-safety h3 {
        font-size: 26px;
        line-height: 28px;
        margin: 0 0 20px;
    }

    .tracker-systems {
        margin: 60px 0;
        padding: 0 0 0 20px;
    }

    .tracker-systems h2 {
        max-width: 430px;
    }

    .tracker-systems__wrapper {
        display: flex;
        flex-direction: column;
    }

    .tracker-systems__wrapper img {
        max-width: 100%;
        width: 100%;
        margin: 0;
    }
    .tracker-systems__wrapper div svg {
        max-width: 91%;
        top: 13vw;
    }
    .tracker-systems, .tracker-distance, .tracker-opportunities {
        margin: 70px 0;
    }

    .tracker-distance__wrapper h2 {
        width: 100%;
    }

    .tracker-distance__wrapper {
        flex-direction: column;
        margin: 0 20px;
    }

    .tracker-distance__wrapper img {
        margin-left: 0;
        bottom: -30px;
    }

    .tracker-distance__wrapper p {
        max-width: 100%;
    }

    .tracker-distance ul {
        gap: 20px;
        grid-template-columns: 1fr 1fr;
    }

    .tracker-distance ul {
        margin: 40px 20px 0;
    }

    .tracker-app > img {
        position: absolute;
        left: -100px;
        margin-top: 120px;

    }

    .tracker-app div h3, .tracker-app div p {
        margin-left: 0;
    }

    .tracker-app {
        min-height: 600px;
        padding: 40px 20px 0;
        align-items: flex-start;
    }

    .tracker-app div ul li > img {
        display: none;
    }

    .tracker-app div ul {
        max-width: 215px;
        gap: 45px;
        margin-top: 100px;
        grid-template-columns: 1fr;
        position: absolute;
        right: 50px;
    }

    .tracker-opportunities ul {
        margin: 40px 20px 0;
        gap: 30px 30px;
        grid-template-columns: repeat(4, 1fr);
        grid-template-areas:
		"to-item-1 to-item-1 to-item-2 to-item-2"
		"to-item-3 to-item-3 to-item-4 to-item-4"
		"to-item-5 to-item-5 to-item-6 to-item-6"
		"emp1 to-item-7 to-item-7 emp2";
    }

    .tracker-app div h3, .tracker-opportunities h2, .tracker-autonomy h2 {
        font-size: 26px;
        line-height: 28px;
    }

    .tracker-simulation {
        margin: 70px 20px;
        grid-template-columns: 1fr;
    }

    .tracker-simulation h2 {
        grid-area: 1 / 1 / 2 / 2;
    }

    .tracker-simulation picture {
        grid-area: 2 / 1 / 3 / 2;
        margin: 30px 0;
    }

    .tracker-simulation ul {
        grid-area: 3 / 1 / 4 / 2;
    }

    .tracker-simulation p {
        grid-area: 4 / 1 / 5 / 2;
    }

    .tracker-systems ul li, .tracker-simulation > ul li {
        margin: 0 0 25px 15px;
    }

    .tracker-functions__wrapper {
        flex-direction: column;
    }

    .tracker-functions__image-wrapper {
        left: 0;
        margin: -30px auto 0;
        width: 500px;
    }

    .tracker-functions__image-wrapper img {
        width: 100%;
        height: 500px;
    }

    .tracker-functions_blink {
        top: 175px;
        right: 133px;
    }

    .tracker-functions svg {
        top: 90px;
        right: 20px;
        max-width: 70px;
    }

    .tracker-functions div p:last-of-type {
        width: 100%;
        position: relative;
    }

    .tracker-functions h5:last-of-type {
        max-width: 400px;
    }

    .tracker-functions div p {
        margin: 12px 0 30px;
    }

    .tracker-functions {
        margin: 70px 20px 50px;
    }

    .tracker-control {
        padding: 0 20px 0;
    }

    .tracker-control > article {
        padding: 30px 0 0;
        min-height: 340px;
        position: relative;
        z-index: 2;
    }

    .tracker-control img {
        bottom: -32px;
        height: 270px;
        left: 15px;
        margin-left: -10px;
        z-index: 2;
    }

    .tracker-autonomy {
        margin: 70px 20px;
    }

    .tracker-about {
        margin: 0 0 70px 0;
    }

    .tracker-autonomy p {
        margin: 20px 0 40px;
    }

    .tracker-control > ul {
        margin: 0 0 0 15px;
    }

    .tracker-body, .tracker-safety {
        margin: 70px 0 0;
    }

    .tracker-body h2 {
        margin: 0 0 0 20px;
    }

    .tracker-body p:first-of-type {
        margin: 20px 20px 0;
    }

    .tracker-body__accent {
        font-size: 166px !important;
        line-height: 166px !important;
    }

    .tracker-body img {
        margin-top: -80px;
    }

    .tracker-control {
        background-image: none;
    }
}

@media screen and (max-width: 567px) {
    .tracker-landing {
        margin: 30px 0;
    }

    .tracker-safety {
        flex-direction: column-reverse;
        align-items: flex-start;
        justify-content: center;
        background-size: 0;
    }

    .tracker-safety img {
        width: 80%;
        margin-left: 20%;
        margin-top: 30px;
        transform: scale(-1, 1);
    }

    .tracker-control article p {
        font-size: 14px;
        line-height: 17px;
        margin-right: 20px;
    }

    .tracker-header {
        min-height: 228px;
        min-width: calc(100vw + 6px);
        left: -23px;
    }

    .tracker-about p {
        margin: 20px 0;
    }

    .tracker-systems {
        padding: 0;
    }

    .tracker-distance__wrapper {
        margin: 0;
    }

    .tracker-header h2 {
        font-size: 38px;
        line-height: 40px;
        margin: 40px 0 0;
        max-width: 280px;
    }

    .tracker-header__title p:first-of-type, .tracker-header__title p:last-of-type {
        font-size: 22px;
        line-height: 27px;
    }

    .tracker-app div p {
        font-size: 14px;
        line-height: 17px;
    }

    .tracker-header img {
        margin-left: -10px;
        height: 93%;
    }

    .tracker-distance__wrapper h2, .tracker-simulation h2, .tracker-systems h2, .tracker-functions h2, .tracker-control h2, .tracker-body h2, .tracker-safety h3 {
        font-size: 20px;
        line-height: 24px;
        margin: 0 0 20px;
    }

    .tracker-systems h2 {
        max-width: 340px;
    }

    .tracker-systems ul {
        margin: 0 0 10px 0;
    }

    .tracker-systems ul li, .tracker-simulation > ul li {
        font-size: 14px;
        line-height: 17px;
    }

    .tracker-systems p {
        margin: 0 20px 0 0;
    }

    .tracker-distance ul {
        margin: 40px 0 0;
        gap: 15px;
        grid-template-columns: 1fr;
    }

    .tracker-distance ul li {
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }

    .tracker-distance ul li p {
        font-size: 14px;
        line-height: 17px;
        margin: 0;
        text-align: left;
    }

    .tracker-distance ul li img {
        height: 20px;
        margin: 0 20px 0 0;
    }

    .tracker-app {
        min-height: 354px;
        padding: 30px 20px 0;
    }

    .tracker-app div {
        margin-top: 0;
    }

    .tracker-app div h3, .tracker-opportunities h2, .tracker-autonomy h2 {
        font-size: 18px;
        line-height: 22px;
    }

    .tracker-app {
        min-width: calc(100vw + 6px);
        left: -23px;
    }

    .tracker-app div h3 {
        margin-bottom: 6px;
    }

    .tracker-app > img {
        left: -90px;
        margin-top: 65px;
        max-height: 250px;
    }

    .tracker-opportunities h2 {
        font-size: 20px;
        line-height: 24px;
        text-align: left;
    }

    .tracker-app div ul {
        max-width: 155px;
        gap: 35px;
        margin-top: 50px;
        right: 40px;
    }

    .tracker-opportunities ul {
        margin: 40px auto 0;
        gap: 30px 30px;
        max-width: 300px;
        grid-template-columns: 1fr;
        grid-template-areas:
		"to-item-1"
		"to-item-2"
		"to-item-3"
		"to-item-4"
		"to-item-5"
		"to-item-6"
		"to-item-7";
    }

    .tracker-simulation {
        margin: 70px 0;
    }

    .tracker-simulation picture {
        width: 100%;
        margin: 0 0 30px 0;
    }

    .tracker-simulation > ul li {
        margin: 0 0 15px 15px;
    }

    .tracker-simulation p {
        margin: 20px 0 0;
    }

    .tracker-functions {
        margin: 70px 0 50px;
    }

    .tracker-functions h5 {
        font-size: 18px;
        line-height: 20px;
    }

    .tracker-functions__image-wrapper {
        left: 0;
        margin: -15px auto 0;
        width: 280px;
    }

    .tracker-functions__image-wrapper img {
        width: 100%;
        height: unset;
    }

    .tracker-functions_blink {
        top: 90px;
        right: 77px;
    }

    .tracker-functions svg {
        top: 35px;
        right: 5px;
        max-width: 50px;
    }

    .tracker-functions_blink:before {
        margin-top: -7px;
        margin-left: -9px;
        width: 24px;
        height: 24px;
    }

    .tracker-functions_blink {
        width: 7px;
        height: 7px;
    }

    .tracker-control {
        padding: 0 20px;
        min-width: calc(100vw + 6px);
        left: -23px;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(4, minmax(min-content, max-content));
    }

    .tracker-control > article {
        grid-area: 1 / 1 / 2 / 2;
        min-height: 260px;
    }

    .tracker-control > picture {
        grid-area: 2 / 1 / 3 / 2;
    }

    .tracker-control > ul {
        grid-area: 3 / 1 / 4 / 2;
    }

    .tracker-background {
        min-height: 626px;
        left: 0;
        background-position: bottom center;
    }

    .tracker-control picture {
        bottom: 0;
        height: 340px;
        left: 0;
        margin: 0 auto 40px;
        z-index: 2;
    }

    .tracker-control picture img {
        height: 340px;
    }

    .tracker-body p:first-of-type {
        margin: 20px 0;
    }

    .tracker-body__accent {
        font-size: 100px !important;
        line-height: 100px !important;
    }


    .tracker-body img {
        margin-top: -40px;
    }
}

@media screen and (max-width: 400px) {
    .tracker-background {
        min-height: 706px;
    }

    .tracker-control > article {
        min-height: 340px;
    }
}



/* range-------------------------------------------------------------------------- */
.tracker-range {
    margin: 0 100px;
}
.tracker-range ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 100%;
}
.tracker-range ul li {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 50px;
    width: 100%;
}
.tracker-range__inner {
    width: 100%;
}
.tracker-range ul li:nth-child(1) .tracker-range__inner {
    max-width: 786px;
}
.tracker-range ul li:nth-child(2) .tracker-range__inner {
    max-width: 465px;
}
.tracker-range ul li:nth-child(3) .tracker-range__inner {
    max-width: 166px;
}
.tracker-range__line {
    width: 0%;
    height: 14px;
    background: linear-gradient(270deg, #B4C885 -0.76%, #7C8E53 100%);
    transition: all 1.1s ease-out;
}
.tracker-range__info {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 434px;
    width: 100%;
    transition: all 1s;
    transform: translateY(30px);
    transition-delay: .5s;
    opacity: 0;
}
.tracker-range__info h2 {
    color: #4B4B4B;
    font-size: 26px;
    font-weight: 800;
    line-height: normal;
    text-transform: uppercase;
    margin: 0;
}
.tracker-range__info h2 b {
    color: #4B4B4B;
    font-size: 52px;
    font-weight: 800;
    line-height: normal;
    text-transform: uppercase;
}
.tracker-range__info p {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}

.tracker-range.tracker-landing_animation.tracker-landing_animation-show {
    opacity: 1;
    transition: all .1s;
    transform: translateY(0%);
}

.tracker-range.tracker-landing_animation.tracker-landing_animation-show .tracker-range__line {
    width: 100%;
    transition-delay: 0.5s;
}
.tracker-range.tracker-landing_animation.tracker-landing_animation-show .tracker-range__info {
    opacity: 1;
    transform: translateY(0);
}
.tracker-range.tracker-landing_animation.tracker-landing_animation-show ul li:nth-child(1) .tracker-range__info {
    transition-delay: 1.1s;
}
.tracker-range.tracker-landing_animation.tracker-landing_animation-show ul li:nth-child(2) .tracker-range__info {
    transition-delay: 0.8s;
}
.tracker-range.tracker-landing_animation.tracker-landing_animation-show ul li:nth-child(3) .tracker-range__info {
    transition-delay: 0.5s;
}

@media screen and (max-width: 1599px) {
    .tracker-range {
        margin: 0 50px;
    }
    .tracker-range ul li {
        gap: 30px;
    }
    .tracker-range ul li:nth-child(1) .tracker-range__inner {
        max-width: 683px;
    }
    .tracker-range ul li:nth-child(2) .tracker-range__inner {
        max-width: 485px;
    }
    .tracker-range ul li:nth-child(3) .tracker-range__inner {
        max-width: 186px;
    }
}
@media screen and (max-width: 1344px) {
    .tracker-range {
        margin: 0 50px;
    }
    .tracker-range ul li:nth-child(1) .tracker-range__inner {
        max-width: 609px;
    }
    .tracker-range ul li:nth-child(2) .tracker-range__inner {
        max-width: 416px;
    }
    .tracker-range ul li:nth-child(3) .tracker-range__inner {
        max-width: 197px;
    }
    .tracker-range__info {
        gap: 8px;
        max-width: 379px;
    }
    .tracker-range__info h2 {
        font-size: 22px;
    }
    .tracker-range__info h2 b {
        font-size: 44px;
    }
    .tracker-range__info p {
        font-size: 14px;
    }
}
@media screen and (max-width: 1199px) {
    .tracker-range {
        margin: 0 50px;
    }
    .tracker-range ul {
        gap: 20px;
    }
    .tracker-range ul li:nth-child(1) .tracker-range__inner {
        max-width: 495px;
    }
    .tracker-range ul li:nth-child(2) .tracker-range__inner {
        max-width: 195px;
    }
    .tracker-range ul li:nth-child(3) .tracker-range__inner {
        max-width: 87px;
    }
    .tracker-range__info {
        gap: 6px;
        max-width: 293px;
    }
    .tracker-range__info h2 {
        font-size: 20px;
    }
    .tracker-range__info h2 b {
        font-size: 38px;
    }
}
@media screen and (max-width: 991px) {
    .tracker-range {
        margin: 0 30px;
    }
    .tracker-range ul li {
        gap: 20px;
    }
    .tracker-range ul li:nth-child(1) .tracker-range__inner {
        max-width: 395px;
    }
    .tracker-range ul li:nth-child(2) .tracker-range__inner {
        max-width: 199px;
    }
    .tracker-range ul li:nth-child(3) .tracker-range__inner {
        max-width: 73px;
    }
    .tracker-range__line {
        height: 10px;
    }
    .tracker-range__info {
        gap: 4px;
        max-width: 225px;
    }
    .tracker-range__info h2 {
        font-size: 18px;
    }
    .tracker-range__info h2 b {
        font-size: 30px;
    }
}
@media screen and (max-width: 767px){
    .tracker-range {
        margin: 0 20px;
    }
}
@media screen and (max-width: 567px) {
    .tracker-range {
        margin: 0;
    }
    .tracker-range ul li {
        gap: 10px;
    }
    .tracker-range ul li:nth-child(1) .tracker-range__inner {
        max-width: calc(100% - 180px);
    }
    .tracker-range ul li:nth-child(2) .tracker-range__inner {
        max-width: calc(82% - 180px);
    }
    .tracker-range ul li:nth-child(3) .tracker-range__inner {
        max-width: calc(70% - 180px);
    }
    .tracker-range__info {
        gap: 2px;
        max-width: 170px;
    }
    .tracker-range__info h2 {
        font-size: 14px;
    }
    .tracker-range__info h2 b {
        font-size: 20px;
    }
    .tracker-range__info p {
        font-size: 10px;
    }
}