*,
*::before,
*::after {
  box-sizing:border-box;
  margin:0;
  padding:0;
}
html {
  scroll-behavior:smooth;
}
body,
button,
input,
textarea,
select {
  font:inherit;
  color:inherit;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-weight:inherit;
  font-size:inherit;
  margin:0;
}
a {
  text-decoration:none;
  color:inherit;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
button {
  background:none;
  border:none;
  cursor:pointer;
  font:inherit;
}
ul,
ol {
  list-style:none;
  margin:0;
  padding:0;
}
img,
picture,
video,
canvas,
svg {
  display:block;
  max-width:100%;
  height:auto;
}
input,
button,
textarea,
select {
  font:inherit;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}
:root {
  --wrapper-width: 100%;
  --container-width: 1280px;
  --container-width-lg: 1320px;
  --container-padding: 16px;
  --grid-gap: 32px;
  --font-base: "Inter", sans-serif;
  --font-title: "Inter", sans-serif;
  --fz-body: 1rem;
  --text-lsp: -0.02em;
  --fz-text-large: clamp(1.5rem, 0.563rem + 4.17vw, 4rem);
  --fw-text-large: 700;
  --lh-text-large: 1.2;
  --fz-h1: clamp(1.5rem, 0.938rem + 2.5vw, 3rem);
  --fw-h1: 700;
  --lh-h1: 1.15;
  --fz-h2: clamp(1.5rem, 1.031rem + 2.08vw, 2.75rem);
  --fw-h2: 700;
  --lh-h2: 1.2;
  --fz-h3: clamp(1.25rem, 0.969rem + 1.25vw, 2rem);
  --fw-h3: 600;
  --lh-h3: 1.4;
  --fz-h4: 24px;
  --fw-h4: 600;
  --lh-h4: 1.4;
  --fz-h5: 18px;
  --fw-h5: 600;
  --lh-h5: 1.5;
  --fz-h6: 16px;
  --fw-h6: 600;
  --lh-h6: 1.5;
  --fw-strong: 600;
  --black-color: #000;
  --white-color: #fff;
  --dark-color: #212121;
  --main-color: #f96300;
  --accent-color: #f96300;
  --body-bg-color: #fff;
  --bg-gray-color: #e4edf3;
  --bg-blue-color: #141e5a;
  --title-color: #212121;
  --text-color: #333;
  --text-gray-color: rgba(0, 0, 0, 0.7);
  --text-danger-color: #e03939;
  --icon-gray-color: var(--gray-400);
  --input-bg-color: var(--white-color);
  --input-placeholder-color: var(--gray-400);
  --input-border-color: #d1d5db;
  --input-focus-border-color: var(--main-color);
  --input-text-color: var(--text-color);
  --danger-color: #dc2626;
  --danger-bg-color: #fef2f2;
  --success-color: #16a34a;
  --success-bg-color: #f0fdf4;
  --warning-color: #f59e0b;
  --warning-bg-color: #fffbeb;
  --info-color: #0ea5e9;
  --info-bg-color: #eff6ff;
  --line-dark-color: rgba(0, 0, 0, 0.12);
  --line-light-color: rgba(255, 255, 255, 0.15);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.12), 0 4px 6px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.15), 0 10px 10px rgba(0, 0, 0, 0.1);
  --br-8: 8px;
  --br-12: 12px;
  --br-16: 16px;
  --br-24: 24px;
  --br-32: 32px;
  --br-48: 48px;
  --br-56: 56px;
  --br-64: 64px;
  --pd-24: 24px;
  --pd-32: 32px;
  --pd-48: 48px;
  --pd-64: 64px;
  --animation-fade: fade 0.3s ease-in-out;
  --item-br_32: 32px;
  --item-br_48: 32px;
  --item-pad: 32px;
  --item-bg-gray: #f9fafa;
}
@media(max-width: 1024px) {
  :root {
    --grid-gap: 24px;
    --item-br_32: 24px;
    --item-br_48: 24px;
    --item-pad: 24px;
  }
}
@media(max-width: 480px) {
  :root {
    --grid-gap_32: 16px;
    --grid-gap_48: 16px;
    --item-br: 16px;
    --item-pad: 16px;
  }
}
.text-accent {
  color:var(--accent-color);
}
html {
  font-size:var(--fz-body);
  scroll-behavior:smooth;
}
html,
body {
  color:var(--text-color);
}
body {
  min-height:100vh;
  min-width:320px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  font-family:var(--font-base);
  font-size:var(--fz-body);
  font-weight:400;
  line-height:1.5;
  color:var(--text-color);
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
body.lock-scroll {
  overflow:hidden;
}
.page__main {
  flex:1;
}
footer {
  margin-top:auto;
}
.container {
  width:100%;
  max-width:var(--container-width);
  margin:0 auto;
  padding:0 var(--container-padding);
}
img {
  display:inline-block;
  max-width:100%;
  height:auto;
  object-fit:cover;
}
a {
  cursor:pointer;
  font-size:inherit;
  color:inherit;
  transition:all .2s ease-in-out;
}
a:hover {
  text-decoration:none;
}
input,
button,
textarea,
select {
  font-family:var(--font-base);
}
[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance:button;
  cursor:pointer;
  border:none;
  outline:none;
  background:none;
  font-size:inherit;
}
button {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}
input {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  border:none;
  outline:none;
  border-radius:0;
  padding:0;
  background:none;
  font-family:inherit;
  font-size:inherit;
  line-height:inherit;
  color:inherit;
}
input::placeholder {
  color:#666;
}
strong {
  font-weight:var(--fw-strong);
}
.text-accent {
  color:var(--main-color);
}
.text-center {
  text-align:center;
}
.hidden {
  display:none !important;
}
hr {
  margin:2rem 0;
  border:none;
  border-top:1px solid var(--line-dark-color);
}
p {
  margin:0;
  word-break:break-word;
  overflow-wrap:break-word;
  hyphens:auto;
}
.bg-gray {
  background:var(--bg-gray-color);
}
.bg-blue {
  background:var(--bg-blue-color);
}
.item-style {
  position:relative;
}
.item-style::before,
.item-style::after {
  content:"";
  display:block;
  width:56px;
  height:56px;
  position:absolute;
}
.item-style::before {
  border-top:1px dashed var(--main-color);
  border-left:1px dashed var(--main-color);
  border-radius:var(--item-br_32) 0 0 0;
  top:1px;
  left:1px;
}
.item-style::after {
  border-bottom:1px dashed var(--main-color);
  border-right:1px dashed var(--main-color);
  border-radius:0 0 var(--item-br_32) 0;
  bottom:1px;
  right:1px;
}
p {
  hyphens:none;
  word-wrap:normal;
  overflow-wrap:normal;
}
@keyframes fade {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}
.section {
  padding:clamp(3rem,1.727rem + 6.36vw,6.5rem) 0;
  overflow:hidden;
}
.section-heading {
  margin-bottom:clamp(2rem,1.143rem + 3.81vw,4rem);
}
.section-heading.is-center {
  max-width:800px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
  margin:0 auto;
  margin-bottom:clamp(2rem,1.143rem + 3.81vw,4rem);
}
.section-title {
  width:100%;
  margin:0 auto;
  color:var(--title-color);
  font-family:var(--font-title);
  font-size:clamp(1.5rem,.857rem + 2.86vw,3rem);
  font-weight:600;
  line-height:1.2;
  letter-spacing:var(--text-lsp);
  margin-bottom:clamp(2rem,1.143rem + 3.81vw,4rem);
}
.section-descr {
  font-size:18px;
  font-weight:400;
  letter-spacing:var(--text-lsp);
}
@media(max-width: 599px) {
  .section-descr {
    font-size:16px;
    letter-spacing:0;
  }
}
.mt-16 {
  margin-top:16px;
}
.mb-16 {
  margin-bottom:16px;
}
#btnScrollTop {
  cursor:pointer;
  display:inline-block;
  width:48px;
  height:48px;
  color:#fff;
  background-color:rgba(20,30,90,.6);
  border-radius:50%;
  position:fixed;
  bottom:32px;
  right:32px;
  z-index:10;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:all .3s ease-in;
}
#btnScrollTop.show {
  opacity:.8;
  visibility:visible;
  pointer-events:all;
}
#btnScrollTop.show:hover {
  opacity:1;
  background-color:var(--main-color);
}
#btnScrollTop::before {
  content:"";
  flex-shrink:0;
  display:inline-block;
  width:16px;
  height:16px;
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m10.598 5.013 8.154 8.281c.33.33.33.865 0 1.195l-.499.5a.844.844 0 0 1-1.195 0L10 7.796 2.942 14.98a.844.844 0 0 1-1.195 0l-.5-.499a.844.844 0 0 1 0-1.195l8.155-8.281a.85.85 0 0 1 1.196.007Z' fill='%23fff'/%3e%3c/svg%3e");
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
}
#btnScrollTop:hover {
  opacity:1;
}
@media(max-width: 599px) {
  #btnScrollTop {
    right:16px;
    bottom:16px;
  }
}
.btn {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  cursor:pointer;
  border:none;
  outline:none;
  background:none;
  background-color:none;
  font-size:inherit;
  text-decoration:none;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  padding:0 32px;
  color:#fff;
  height:64px;
  background:var(--main-color);
  border-radius:16px;
  font-family:var(--font-title);
  font-size:16px;
  font-weight:600;
  line-height:1.5;
  text-align:center;
  transition:all .35s ease-in-out;
}
.btn:hover {
  opacity:.8;
  transform:scale(1.02);
}
@media(max-width: 1024px) {
  .btn:hover {
    transform:none;
  }
}
.btn-dark {
  background-color:var(--dark-color) !important;
}
.btn--sm {
  padding:12px 24px;
  border-radius:10px;
  font-size:15px;
}
@media(max-width: 480px) {
  .btn {
    padding:0 24px;
    height:56px;
    border-radius:12px;
    font-size:16px;
  }
  .btn:hover {
    opacity:1;
  }
}
.content-list {
  display:flex;
  flex-direction:column;
  gap:24px;
}
.content-list li {
  display:flex;
  align-items:center;
  gap:16px;
  font-size:17px;
  line-height:1.5;
  letter-spacing:var(--text-lsp);
}
.content-list li strong {
  color:var(--title-color);
}
@media(max-width: 1024px) {
  .content-list li {
    font-size:16px;
    letter-spacing:0;
  }
}
.list-icon {
  flex-shrink:0;
  display:inline-block;
  width:44px;
  height:44px;
  background:url("../images/looktrack/icons/list-check.svg") no-repeat center;
  background-size:cover;
}
@media(max-width: 599px) {
  .list-icon {
    width:28px;
    height:28px;
  }
}
.logo {
  display:flex;
  align-items:center;
  gap:10px;
}
.logo__name {
  color:var(--title-color);
  font-family:var(--font-title);
  font-size:24px;
  font-weight:800;
  line-height:1;
}
.logo__name span {
  color:var(--main-color);
}
@media(max-width: 480px) {
  .logo__name {
    font-size:20px;
  }
}
.logo img {
  display:inline-block;
  width:46px;
  height:46px;
  flex-shrink:0;
}
a.logo {
  cursor:pointer;
  text-decoration:none;
}
.track-people {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-family:var(--font-base);
  font-weight:400;
  font-size:14px;
  text-align:left;
  color:var(--text-gray-color);
}
@media(max-width: 393px) {
  .track-people {
    font-size:12px;
  }
}
.track-people__dot {
  flex-shrink:0;
  display:inline-block;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#34c759;
  animation:dotFlash 1.5s ease-in-out infinite forwards;
}
.track-people__text span {
  color:var(--main-color);
  font-weight:600;
}
@keyframes dotFlash {
  0% {
    opacity:1;
    transform:scale(1);
  }
  50% {
    opacity:.5;
    transform:scale(1.2);
  }
  100% {
    opacity:1;
    transform:scale(1);
  }
}
.delivery-card {
  cursor:pointer;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:16px;
  text-align:center;
  background:hsla(0,0%,100%,.08);
  border:1px solid rgba(0,0,0,0);
  border-radius:24px;
  padding:24px;
  transition:all .3s ease-in-out;
  overflow:hidden;
}
.delivery-card.active {
  transform:scale(1.05);
  background:var(--white-color);
}
.delivery-card.active .delivery-card__title {
  color:var(--title-color);
}
.delivery-card:hover {
  background:rgba(0,0,0,0);
  transform:scale(1.05);
  border-color:var(--main-color);
}
.delivery-card__img {
  flex-shrink:0;
  display:inline-block;
  width:72px;
  height:72px;
  border-radius:50%;
  overflow:hidden;
}
.delivery-card__img img {
  flex-shrink:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
@media(max-width: 480px) {
  .delivery-card__img {
    width:56px;
    height:56px;
  }
}
.delivery-card__title {
  color:hsla(0,0%,100%,.7);
  font-family:var(--font-title);
  font-size:14px;
  font-weight:600;
  line-height:1.4;
  transition:color .3s ease-in-out;
}
@media(max-width: 393px) {
  .delivery-card__title {
    font-size:13px;
  }
}
@media(max-width: 800px) {
  .delivery-card {
    padding:16px;
  }
}
@media(max-width: 480px) {
  .delivery-card {
    border-radius:16px;
  }
}
.form-input {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  outline:none;
  border:none;
  display:block;
  width:100%;
  height:56px;
  padding:0 20px;
  font-size:16px;
  font-weight:400;
  line-height:1.5;
  color:#333;
  background-color:#f6f6f6;
  background-clip:padding-box;
  border:1.5px solid rgba(0,0,0,0);
  border-radius:12px;
  transition:all .2s ease-in-out;
}
.form-input::placeholder {
  color:#666;
}
.form-input:hover {
  background-color:#fff;
  border-color:var(--main-color);
  transform:scale(1.02);
}
@media(max-width: 1024px) {
  .form-input:hover {
    transform:none;
  }
}
.form-input:focus {
  background-color:#fff;
  border-color:var(--main-color);
}
.form-input.input-error {
  border:1px solid red;
}
.form-input.input-error::placeholder {
  color:#c71313;
}
@media(max-width: 480px) {
  .form-input {
    height:50px !important;
    border-radius:8px;
    margin-bottom:12px !important;
  }
}
.form {
  display:flex;
  flex-direction:column;
  width:100%;
}
.form-track {
  width:100%;
  display:flex;
  flex-direction:column;
  position:relative;
  z-index:0;
}
.form-track__label {
  display:block;
  color:var(--title-color);
  font-family:var(--font-base);
  font-size:20px;
  font-weight:500;
  line-height:150%;
  margin-bottom:20px;
}
.loading-result {
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  height:100%;
  background:hsla(0,0%,100%,.6);
  backdrop-filter:blur(4px);
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:2;
  display:none;
  animation:var(--animation-fade);
}
.loading-result.active {
  display:flex;
}
.loading-result .loader {
  width:52px;
  height:52px;
  border:5px solid #dee8ef;
  border-bottom-color:var(--main-color);
  border-radius:50%;
  display:inline-block;
  box-sizing:border-box;
  animation:rotation 1s linear infinite;
}
@keyframes rotation {
  0% {
    transform:rotate(0deg);
  }
  100% {
    transform:rotate(360deg);
  }
}
.delivery-search {
  width:100%;
  max-width:640px;
  margin:0 auto;
  margin-bottom:48px;
}
.delivery-search__box {
  display:flex;
  width:100%;
  position:relative;
}
.delivery-search__input {
  color:#fff;
  border:1px solid rgba(0,0,0,0);
  background:hsla(0,0%,100%,.1);
  margin-bottom:0 !important;
}
.delivery-search__input:hover {
  transform:none;
}
.delivery-search__input::placeholder {
  color:hsla(0,0%,100%,.7);
}
.delivery-search__input:focus {
  background:rgba(0,0,0,0);
}
.delivery-search__btn {
  display:inline-block;
  width:18px;
  height:18px;
  color:#d9d9d9;
  position:absolute;
  top:50%;
  right:16px;
  transform:translateY(-50%);
  transition:color .3s ease-in-out;
}
.delivery-search__btn:hover {
  color:var(--main-color);
}
.delivery-search__msg {
  color:hsla(0,0%,100%,.5);
  font-size:14px;
  font-weight:500;
  display:none;
  animation:var(--animation-fade);
  margin-top:8px;
}
.delivery-search__msg.active {
  display:block;
}
.accordion {
  display:flex;
  flex-direction:column;
  gap:16px;
  width:100%;
  max-width:800px;
  margin:0 auto;
  margin-top:48px;
}
.accordion__item {
  display:flex;
  flex-direction:column;
  border-radius:24px;
  backdrop-filter:blur(10px);
  background:hsla(0,0%,100%,.04);
  border:1px solid hsla(0,0%,100%,.1);
  transition:all .3s ease-in-out;
  overflow:hidden;
}
.accordion__item:hover {
  border-color:#fff;
}
.accordion__item-head {
  cursor:pointer;
  padding:24px;
  display:flex;
  align-items:center;
  gap:16px;
  transition:all .3s ease-in-out;
}
.accordion__title {
  width:100%;
  color:var(--white-color);
  font-family:var(--font-title);
  font-size:18px;
  font-weight:500;
  line-height:1.4;
  transition:color .3s ease-in-out;
}
.accordion__title span {
  font-weight:600;
}
.accordion__item-icon {
  flex-shrink:0;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  width:32px;
  height:32px;
  border-radius:50%;
  background:hsla(0,0%,100%,.1);
  position:relative;
  transition:all .5s ease;
}
.accordion__item-icon::after {
  content:"+";
  display:inline-block;
  color:#fff;
  font-family:var(--font-title);
  font-size:24px;
  font-weight:600;
  line-height:1;
  position:relative;
  top:-2px;
  opacity:.4;
}
.accordion__item-body {
  color:var(--text-gray-color);
  font-size:15px;
  height:0;
  overflow:hidden;
  transition:height .3s ease;
}
.accordion__item-body-inner {
  padding:12px 24px 24px;
}
.accordion__item.active {
  background:#fff;
}
.accordion__item.active .accordion__item-head {
  padding-bottom:0;
}
.accordion__item.active .accordion__title {
  color:var(--title-color);
}
.accordion__item.active .accordion__item-icon {
  transform:rotate(-45deg);
  background-color:var(--main-color);
  border-color:rgba(0,0,0,0);
}
.accordion__item.active .accordion__item-icon::after {
  color:var(--white-color);
  opacity:1;
}
@media(max-width: 480px) {
  .accordion__item {
    border-radius:16px;
  }
  .accordion__item-head {
    padding:16px;
  }
  .accordion__title {
    font-size:16px;
  }
  .accordion__item-icon {
    width:28px;
    height:28px;
  }
  .accordion__item-icon::after {
    font-size:24px;
  }
  .accordion__item-body {
    font-size:15px;
  }
  .accordion__item-body-inner {
    padding:8px 16px 16px;
  }
}
.modal {
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  left:0;
  z-index:10;
  visibility:hidden;
  opacity:0;
  -webkit-transition:all .2s;
  transition:all .2s;
  pointer-events:none;
  z-index:999;
}
.modal__overlay {
  width:100%;
  height:100%;
  background-color:rgba(0,0,0,.4);
  display:flex;
  padding:20px 8px;
}
.modal__close {
  cursor:pointer;
  display:inline-block;
  width:18px;
  height:18px;
  background:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE0IDE0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIC0yODEgLTM0ODEpIj48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDEwMCAzMzc4KSI+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSAxNzYgOTgpIj48cG9seWdvbiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0ibm9uZSIgcG9pbnRzPSIwLDAgMjQsMCAyNCwyNCAwLDI0Ij48L3BvbHlnb24+PHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9Im5vbmUiIGQ9Ik0xOC4zIDUuNzFjLS4zOS0uMzktMS4wMi0uMzktMS40MSAwbC00Ljg5IDQuODggLTQuODktNC44OWMtLjM5LS4zOS0xLjAyLS4zOS0xLjQxIDAgLS4zOS4zOS0uMzkgMS4wMiAwIDEuNDFsNC44OSA0Ljg5IC00Ljg5IDQuODljLS4zOS4zOS0uMzkgMS4wMiAwIDEuNDEgLjM5LjM5IDEuMDIuMzkgMS40MSAwbDQuODktNC44OSA0Ljg5IDQuODljLjM5LjM5IDEuMDIuMzkgMS40MSAwIC4zOS0uMzkuMzktMS4wMiAwLTEuNDFsLTQuODktNC44OSA0Ljg5LTQuODljLjM4LS4zOC4zOC0xLjAyIDAtMS40WiI+PC9wYXRoPjwvZz48L2c+PC9nPjwvc3ZnPg==");
  background-size:cover;
  position:absolute;
  top:24px;
  right:24px;
  opacity:.3;
  transition:all .3s ease-in-out;
}
.modal__close:hover {
  background:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE0IDE0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIC0yODEgLTM0ODEpIj48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDEwMCAzMzc4KSI+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSAxNzYgOTgpIj48cG9seWdvbiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0ibm9uZSIgcG9pbnRzPSIwLDAgMjQsMCAyNCwyNCAwLDI0Ij48L3BvbHlnb24+PHBhdGggZmlsbD0iI0ZGMzM0QyIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9Im5vbmUiIGQ9Ik0xOC4zIDUuNzFjLS4zOS0uMzktMS4wMi0uMzktMS40MSAwbC00Ljg5IDQuODggLTQuODktNC44OWMtLjM5LS4zOS0xLjAyLS4zOS0xLjQxIDAgLS4zOS4zOS0uMzkgMS4wMiAwIDEuNDFsNC44OSA0Ljg5IC00Ljg5IDQuODljLS4zOS4zOS0uMzkgMS4wMiAwIDEuNDEgLjM5LjM5IDEuMDIuMzkgMS40MSAwbDQuODktNC44OSA0Ljg5IDQuODljLjM5LjM5IDEuMDIuMzkgMS40MSAwIC4zOS0uMzkuMzktMS4wMiAwLTEuNDFsLTQuODktNC44OSA0Ljg5LTQuODljLjM4LS4zOC4zOC0xLjAyIDAtMS40WiI+PC9wYXRoPjwvZz48L2c+PC9nPjwvc3ZnPg==");
  opacity:1;
}
.modal__content {
  width:100%;
  max-height:100%;
  max-width:480px;
  margin:auto;
  overflow:auto;
  overflow-y:auto;
  background-color:#fff;
  box-shadow:var(--shadow-lg);
  padding:32px;
  border-radius:24px;
  text-align:center;
  transform:scale(0.8) translateY(-50px);
  position:relative;
  transition:transform .3s ease-in-out;
}
.modal.active {
  opacity:1;
  visibility:visible;
  pointer-events:all;
}
.modal.active .modal__content {
  transform:scale(1) translateY(0);
}
@media(max-width: 480px) {
  .modal__close {
    top:16px;
    right:16px;
  }
  .modal__content {
    border-radius:16px;
    padding:24px 16px;
  }
}
.modal-track .modal__content {
  display:flex;
  flex-direction:column;
  gap:24px;
  position:relative;
  overflow:hidden;
}
.modal-track__header {
  display:flex;
  align-items:center;
  gap:16px;
  text-align:left;
}
.modal-track__img {
  flex-shrink:0;
  display:inline-block;
  width:72px;
  height:72px;
  border-radius:50%;
  border:1px solid #e7e7e7;
  overflow:hidden;
}
.modal-track__img img {
  flex-shrink:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.modal-track__title {
  color:var(--title-color);
  font-family:var(--font-title);
  font-size:20px;
  font-weight:600;
}
.modal-track__descr {
  color:var(--text-gray-color);
}
.modal-track__form {
  width:100%;
  display:flex;
  flex-direction:column;
  gap:16px;
}
.modal-track__form-input {
  border-color:var(--main-color);
}
@media(max-width: 480px) {
  .modal-track__header {
    flex-direction:column;
    align-items:center;
    text-align:center;
  }
  .modal-track__form {
    gap:0;
  }
}
.nav-overlay {
  width:100%;
  height:100vh;
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.5);
  opacity:0;
  visibility:hidden;
  transition:opacity .4s ease;
  z-index:20;
}
.nav-overlay.active {
  opacity:1;
  visibility:visible;
}
@media(max-width: 1024px) {
  .nav-overlay {
    height:100dvh;
  }
}
html.menu-open,
body.menu-open {
  overflow:hidden;
  height:100%;
}
.header {
  background:var(--bg-gray-color);
  transition:all .3s ease-in-out;
  padding:0 24px;
  padding-top:24px;
}
@media(max-width: 767px) {
  .header {
    padding:0 16px;
    padding-top:16px !important;
  }
}
.header--fixed {
  padding:12px 0 !important;
  background:hsla(0,0%,100%,.96);
  backdrop-filter:blur(8px);
  box-shadow:0 0 96px 0 rgba(0,0,0,.2);
  position:fixed;
  width:100%;
  top:0;
  left:0;
  right:0;
  z-index:10;
  margin-top:0;
}
.header--fixed .header__container {
  padding:0 16px;
  background:none;
}
.header__container {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  background:#fff;
  border-radius:20px;
  padding:12px 24px;
}
@media(max-width: 767px) {
  .header__container {
    border-radius:16px;
    padding:12px 16px;
  }
}
.header__nav {
  position:relative;
}
.header__nav-close {
  width:48px;
  height:48px;
  background:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyBpZD0iYTU4N2M5MzgiIGNsaXAtcGF0aD0idXJsKCMxMjE4NTJkZCkiPgogICAgPHBhdGggaWQ9ImYzODZlMGUxIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTI0IDIuNDE3MTRMMjEuNTgyOSAwTDEyIDkuNTgyODZMMi40MTcxNCAwTDAgMi40MTcxNEw5LjU4Mjg2IDEyTDAgMjEuNTgyOUwyLjQxNzE0IDI0TDEyIDE0LjQxNzFMMjEuNTgyOSAyNEwyNCAyMS41ODI5TDE0LjQxNzEgMTJMMjQgMi40MTcxNFoiIGZpbGw9ImJsYWNrIj48L3BhdGg+CiAgPC9nPgogIDxkZWZzPgogICAgPGNsaXBQYXRoIGlkPSIxMjE4NTJkZCI+CiAgICAgIDxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiPjwvcmVjdD4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgo8L3N2Zz4=") no-repeat center;
  background-size:16px 16px;
  border:0;
  cursor:pointer;
  background-color:rgba(0,0,0,0);
  transition:opacity .3s ease;
  color:rgba(0,0,0,0);
  text-indent:-9999px;
  overflow:hidden;
  position:absolute;
  top:0;
  right:0;
  opacity:.5;
  display:none;
}
.header__nav-close:hover,
.header__nav-close:focus {
  opacity:1;
}
.header__nav-close:active {
  transform:translateY(0);
}
.header__menu {
  list-style:none;
  display:flex;
  align-items:center;
  gap:32px;
}
.header__menu-link {
  text-decoration:none;
  color:var(--text-color);
  font-size:16px;
  line-height:1.5;
  font-weight:400;
  position:relative;
}
.header__menu-link::after {
  content:"";
  display:block;
  width:100%;
  height:1px;
  background:var(--main-color);
  transform:scale(0);
  transition:transform .3s ease-in-out;
}
.header__menu-link:hover {
  color:var(--main-color);
}
.header__menu-link:hover::after {
  transform:scale(1);
}
.header__menu-link.active {
  cursor:default;
  color:var(--main-color);
}
.header__menu-link.active::after {
  transform:scale(1);
}
.header__btns {
  display:flex;
  align-items:center;
}
.header__login {
  padding:0 24px;
  height:44px;
  color:var(--white-color);
  background:var(--dark-color);
  border-radius:12px;
  font-size:14px;
}
.header__login:hover {
  opacity:1;
  color:#fff;
  background:var(--main-color);
  border-color:rgba(0,0,0,0);
}
.header__burger {
  display:none;
  flex-direction:column;
  gap:5px;
  background:none;
  border:0;
  cursor:pointer;
  z-index:110;
}
.header__burger span {
  width:25px;
  height:2px;
  background:#333;
  transition:.3s;
}
@media(max-width: 1024px) {
  .header__burger {
    display:inline-flex;
  }
  .header__btns {
    gap:24px;
  }
  .header__nav {
    position:fixed;
    top:0;
    right:0;
    width:80%;
    max-width:300px;
    height:100vh;
    background:var(--white-color);
    border-radius:24px 0 0 24px;
    flex-direction:column;
    padding:2rem 24px;
    transform:translateX(100%) scale(0.95);
    opacity:0;
    filter:blur(8px);
    transition:transform .55s cubic-bezier(0.22, 1, 0.36, 1),opacity .45s ease,filter .55s ease;
    z-index:200;
    overflow-y:auto;
  }
  .header__nav.open {
    transform:translateX(0) scale(1);
    opacity:1;
    filter:blur(0);
  }
  .header__nav.open .header__menu {
    width:100%;
  }
  .header__nav.open .header__menu li {
    width:100%;
    transform:translateX(0);
    opacity:1;
  }
  .header__nav.open .header__menu li a::after {
    display:none;
  }
  .header__nav.open .header__menu-link {
    color:var(--text-color);
  }
  .header__nav.open .header__menu-link:hover {
    color:var(--main-color);
  }
  .header__nav.open .header__menu-link::after {
    display:none;
  }
  .header__nav.open .header__menu li:nth-child(1) {
    transition-delay:.1s;
  }
  .header__nav.open .header__menu li:nth-child(2) {
    transition-delay:.2s;
  }
  .header__nav.open .header__menu li:nth-child(3) {
    transition-delay:.3s;
  }
  .header__nav.open .header__menu li:nth-child(4) {
    transition-delay:.4s;
  }
  .header__nav.open .header__menu li:nth-child(5) {
    transition-delay:.5s;
  }
  .header__nav.open .header__menu li:nth-child(6) {
    transition-delay:.6s;
  }
  .header__nav-close {
    display:inline-block;
    background-color:var(--bg-gray-color);
    opacity:1;
    border-radius:0 0 0 12px;
  }
  .header__menu {
    flex-direction:column;
    gap:1rem;
    margin-top:48px;
  }
  .header__menu li {
    transform:translateX(30px);
    opacity:0;
    transition:transform .4s ease,opacity .4s ease;
  }
}
@media(max-width: 599px) {
  .header__btns {
    gap:16px;
  }
}
.footer {
  background:#fff;
  color:rgba(0,0,0,.7);
  font-size:14px;
  line-height:1.4;
}
.footer a {
  color:inherit;
  text-decoration:none;
}
.footer a:hover {
  text-decoration:underline;
  color:var(--main-color);
}
.footer__top {
  padding:24px 0;
}
.footer__top-container {
  display:flex;
  justify-content:space-between;
  gap:32px;
}
.footer__list {
  list-style:none;
  width:25%;
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.footer__title {
  color:var(--title-color);
  font-family:var(--font-title);
  font-size:16px;
  font-weight:600;
  margin-bottom:4px;
}
.footer__bottom {
  border-top:1px solid rgba(0,0,0,.1);
  padding:16px 0;
}
.footer__bottom-container {
  display:flex;
  justify-content:space-between;
  gap:24px;
}
.footer__payments {
  flex-shrink:0;
  display:flex;
  gap:8px;
}
.footer__payments img {
  flex-shrink:0;
}
@media(max-width: 1024px) {
  .footer__top-container {
    gap:24px;
  }
}
@media(max-width: 992px) {
  .footer__top-container {
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:24px;
  }
  .footer__list {
    width:100%;
  }
}
@media(max-width: 800px) {
  .footer__bottom-container {
    flex-direction:column;
  }
}
@media(max-width: 599px) {
  .footer__top-container {
    grid-template-columns:1fr;
    gap:20px;
  }
  .footer__title {
    margin-bottom:0;
  }
  .footer__bottom-container {
    text-align:center;
    gap:12px;
  }
  .footer__payments {
    flex-direction:column;
    align-items:center;
  }
}
.hero {
  padding:80px 0;
}
.hero__grid {
  display:grid;
  grid-template-columns:auto 488px;
}
.hero__content,
.hero__img {
  height:100%;
  display:flex;
  flex-direction:column;
  border-radius:var(--item-br_48);
}
.hero__content {
  text-align:center;
  background:var(--white-color);
  padding:48px;
}
.hero__content::before,
.hero__content::after {
  width:80px;
  height:80px;
  border-width:1.5px;
}
.hero__content::before {
  top:-1px;
  left:-1px;
}
.hero__content::after {
  bottom:-1px;
}
.hero__img {
  width:100%;
  background:url("../images/looktrack/delivery-man.webp") no-repeat center;
  background-size:cover;
  border:8px solid #fff;
  position:relative;
}
.hero__img .plane {
  display:block;
  width:490px;
  height:141px;
  background:url("../images/looktrack/plane.webp") no-repeat center;
  background-size:cover;
  display:block;
  position:absolute;
  top:-80px;
  left:-140px;
}
.hero__img .dialog {
  width:189px;
  height:69px;
  background:url("../images/looktrack/dialog.svg") no-repeat center;
  background-size:cover;
  display:block;
  position:absolute;
  top:150px;
  left:10px;
}
.hero .plane-mob {
  width:490px;
  height:141px;
  background:url("../images/looktrack/plane.webp") no-repeat center;
  background-size:cover;
  display:block;
  position:absolute;
  top:0;
  right:0;
  display:none;
}
.hero__title {
  font-family:var(--font-title);
  font-weight:600;
  line-height:1.15;
  letter-spacing:-0.03em;
  margin-bottom:24px;
}
.hero__form {
  width:100%;
  max-width:480px;
  margin:0 auto;
  margin-top:32px;
}
@media(max-width: 1024px) {
  .hero__title {
    font-size:32px;
  }
}
@media(max-width: 992px) {
  .hero__grid {
    display:flex;
    flex-direction:column;
    width:100%;
    max-width:800px;
    margin:0 auto;
    position:relative;
  }
  .hero__content,
  .hero__img {
    height:inherit;
  }
  .hero__img {
    display:none;
  }
  .hero__content {
    padding:32px;
  }
  .hero .dialog {
    display:none;
  }
  .hero .plane-mob {
    position:absolute;
    display:block;
    top:-90px;
    right:-50px;
    transform:scale(0.8);
    z-index:1;
  }
}
@media(max-width: 599px) {
  .hero {
    padding-top:64px;
  }
  .hero .plane-mob {
    transform:scale(0.5);
    top:-80px;
    right:-120px;
  }
}
@media(max-width: 480px) {
  .hero__content {
    border-radius:24px;
  }
  .hero__title {
    font-size:28px;
    margin-bottom:16px;
  }
  .hero__descr {
    font-size:14px;
  }
  .hero__form {
    margin-top:24px;
  }
  .hero__form .form-track__label {
    font-size:16px;
    margin-bottom:12px;
  }
}
@media(max-width: 393px) {
  .hero__title {
    font-size:24px;
  }
  .hero__content {
    padding:32px 24px;
    padding-top:40px;
  }
}
.about-us__grid {
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:48px;
  align-items:center;
}
.about-us__img {
  display:flex;
  height:100%;
  overflow:hidden;
  border-radius:var(--item-br_32);
}
.about-us__img img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
@media(max-width: 1024px) {
  .about-us__grid {
    gap:32px;
  }
}
@media(max-width: 992px) {
  .about-us__grid {
    width:100%;
    max-width:800px;
    margin:0 auto;
    grid-template-columns:1fr;
  }
  .about-us__img {
    height:280px;
  }
}
.delivery-services {
  width:100%;
  background:var(--bg-blue-color);
}
.delivery-services .section-title {
  color:var(--white-color);
  width:100%;
  max-width:1100px;
}
.delivery-grid {
  display:grid;
  grid-template-columns:repeat(6, 1fr);
  gap:24px;
}
@media(max-width: 1199px) {
  .delivery-grid {
    grid-template-columns:repeat(5, 1fr);
  }
}
@media(max-width: 992px) {
  .delivery-grid {
    grid-template-columns:repeat(4, 1fr);
  }
}
@media(max-width: 800px) {
  .delivery-grid {
    gap:16px;
  }
}
@media(max-width: 640px) {
  .delivery-grid {
    grid-template-columns:repeat(3, 1fr);
  }
}
@media(max-width: 480px) {
  .delivery-grid {
    grid-template-columns:repeat(2, 1fr);
  }
}
@media(max-width: 393px) {
  .delivery-grid {
    gap:8px;
  }
}
.features__items {
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:24px;
}
.features__item,
.rev-item {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:16px;
  background:var(--item-bg-gray);
  border-radius:var(--item-br_32);
  padding:32px;
  position:relative;
}
.features__item-icon {
  flex-shrink:0;
  display:inline-block;
}
.features__item-text h3 {
  color:var(--title-color);
  font-family:var(--font-title);
  font-size:18px;
  font-weight:600;
  margin-bottom:8px;
}
.features__item-text p {
  color:var(--text-gray-color);
  font-size:15px;
  line-height:1.4;
}
@media(max-width: 800px) {
  .features__items {
    gap:24px;
  }
  .features__item,
  .rev-item {
    flex-direction:column;
    align-items:center;
    text-align:center;
  }
}
@media(max-width: 599px) {
  .features__items {
    gap:24px;
    grid-template-columns:1fr;
  }
  .features__item h3,
  .rev-item h3 {
    font-size:16px;
  }
}
@media(max-width: 480px) {
  .features__items {
    gap:16px;
  }
  .features__item,
  .rev-item {
    border-radius:16px;
    padding:24px;
  }
  .features__item-text h3 {
    font-size:16px;
  }
  .features__item-icon {
    width:40px;
    height:40px;
  }
}
.reviews {
  width:100%;
  background:var(--bg-gray-color) url("../images/looktrack/reviews-bg.webp") no-repeat center;
  background-size:cover;
}
@media(max-width: 599px) {
  .reviews {
    background:var(--bg-gray-color);
  }
}
.rev-item {
  height:100%;
  background:var(--white-color);
  backdrop-filter:none;
  flex-direction:column !important;
  display:flex;
  justify-content:flex-start !important;
  align-items:flex-start !important;
  gap:16px;
}
.rev-item__head {
  display:flex;
  align-items:center;
  gap:16px;
}
.rev-item__ava {
  flex-shrink:0;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  width:64px;
  height:64px;
  background:#ffefe8;
  border-radius:50%;
  color:var(--main-color);
  font-family:var(--font-title);
  font-size:20px;
  font-weight:600;
  line-height:1;
  text-align:center;
}
.rev-item__raring {
  flex-shrink:0;
  display:inline-block;
  width:104px;
  height:16px;
  background:url("../images/looktrack/rating.svg") no-repeat center;
  background-size:cover;
}
.rev-item__user-name {
  color:var(--title-color);
  font-family:var(--font-title);
  font-size:17px;
  font-weight:600;
  text-align:center;
}
.rev-item__text {
  color:var(--text-gray-color);
  font-size:15px;
}
@media(max-width: 480px) {
  .rev-item {
    gap:16px;
  }
  .rev-item__head {
    width:100%;
    flex-direction:column;
    align-items:center;
  }
  .rev-item__user-info {
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:8px;
  }
}
.faq {
  background:var(--bg-gray-color) url("../images/looktrack/faq-bg.webp") no-repeat center;
  background-size:cover;
  position:relative;
  z-index:0;
}
.faq::after {
  content:"";
  display:block;
  width:100%;
  height:100%;
  background:var(--bg-blue-color);
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:-1;
  opacity:.9;
}
.faq__title {
  color:var(--white-color);
}
@media(max-width: 480px) {
  .faq__title {
    margin-bottom:32px;
  }
}
.faq__accordion {
  max-width:1000px;
}