/* Кастомные стили из App.css */
#root {
  max-width: 1280px;
  margin: 0 auto;
  padding: 2rem;
  text-align: center;
}
.logo {
  height: 6em;
  padding: 1.5em;
  will-change: filter;
  transition: filter 300ms;
}
.logo:hover {
  filter: drop-shadow(0 0 2em #646cffaa);
}
.logo.react:hover {
  filter: drop-shadow(0 0 2em #61dafbaa);
}
/*@keyframes logo-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: no-preference) {
  a:nth-of-type(2) .logo {
    animation: logo-spin infinite 20s linear;
  }
}*/
.card {
  padding: 2em;
}
.read-the-docs {
  color: #888;
}

/* Кастомные переменные и базовые стили из index.css */
:root {
  --background: #fff;
  --foreground: #23272f;
  --primary: #e10600;
  --primary-foreground: #fff;
  --muted-foreground: #6b7280;
  --card: #fff;
  --card-foreground: #23272f;
  --gradient-primary: linear-gradient(135deg, hsl(0, 85%, 55%), hsl(0, 100%, 65%));
  --gradient-dark: linear-gradient(135deg, #241c1c, #241c1c);
  --gradient-subtle: linear-gradient(180deg, hsl(0, 0%, 100%), hsl(220, 14%, 98%));
}
body {
  background: var(--background);
  color: var(--foreground);
}
.bg-gradient-primary {
  background: var(--gradient-primary);
}
.bg-gradient-dark {
  background: var(--gradient-dark);
}
.bg-gradient-subtle {
  background: var(--gradient-subtle);
}
.text-primary {
  color: var(--primary);
}
.text-muted-foreground {
  color: var(--muted-foreground);
}
.bg-card {
  background: var(--card);
}
.text-foreground {
  color: var(--foreground);
} 
.tesla-gradient {
    background: #ffffff;
    background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 18%, rgba(255, 255, 255, 0) 100%);
}
.auto-logos img {
    max-height: 62px;
    margin: 0 auto;
}
.bg-black-trans {
    background-color: #000000ad;
}
@media screen and (max-width: 767px) {
    .history-bullet {
        left: 11px;
    }
}
.logos-grid {
    background: #ffffff;
    border-radius: 15px;
}
.more-services {
  border: 1px solid #F6BEC2 !important;
  background: #F8EDEF !important;
}
.bg-red-600 {
  background-color: #E7000B !important;
}

/* Solid colors */
.bg-red-50    { background-color: #fef2f2 !important; }
.bg-red-100   { background-color: #fee2e2 !important; }
.bg-red-200   { background-color: #fecaca !important; }
.bg-red-300   { background-color: #fca5a5 !important; }
.bg-red-400   { background-color: #f87171 !important; }
.bg-red-500   { background-color: #ef4444 !important; }
.bg-red-600   { background-color: #dc2626 !important; }
.bg-red-700   { background-color: #b91c1c !important; }
.bg-red-800   { background-color: #991b1b !important; }
.bg-red-900   { background-color: #7f1d1d !important; }
.bg-red-950   { background-color: #450a0a !important; }

/* Red-50 transparency */
.bg-red-50\/10 { background-color: rgba(254, 242, 242, 0.1) !important; }
.bg-red-50\/20 { background-color: rgba(254, 242, 242, 0.2) !important; }
.bg-red-50\/30 { background-color: rgba(254, 242, 242, 0.3) !important; }
.bg-red-50\/40 { background-color: rgba(254, 242, 242, 0.4) !important; }
.bg-red-50\/50 { background-color: rgba(254, 242, 242, 0.5) !important; }
.bg-red-50\/60 { background-color: rgba(254, 242, 242, 0.6) !important; }
.bg-red-50\/70 { background-color: rgba(254, 242, 242, 0.7) !important; }
.bg-red-50\/80 { background-color: rgba(254, 242, 242, 0.8) !important; }
.bg-red-50\/90 { background-color: rgba(254, 242, 242, 0.9) !important; }

/* Red-100 transparency */
.bg-red-100\/10 { background-color: rgba(254, 226, 226, 0.1) !important; }
.bg-red-100\/20 { background-color: rgba(254, 226, 226, 0.2) !important; }
.bg-red-100\/30 { background-color: rgba(254, 226, 226, 0.3) !important; }
.bg-red-100\/40 { background-color: rgba(254, 226, 226, 0.4) !important; }
.bg-red-100\/50 { background-color: rgba(254, 226, 226, 0.5) !important; }
.bg-red-100\/60 { background-color: rgba(254, 226, 226, 0.6) !important; }
.bg-red-100\/70 { background-color: rgba(254, 226, 226, 0.7) !important; }
.bg-red-100\/80 { background-color: rgba(254, 226, 226, 0.8) !important; }
.bg-red-100\/90 { background-color: rgba(254, 226, 226, 0.9) !important; }

/* Red-200 transparency */
.bg-red-200\/10 { background-color: rgba(254, 202, 202, 0.1) !important; }
.bg-red-200\/20 { background-color: rgba(254, 202, 202, 0.2) !important; }
.bg-red-200\/30 { background-color: rgba(254, 202, 202, 0.3) !important; }
.bg-red-200\/40 { background-color: rgba(254, 202, 202, 0.4) !important; }
.bg-red-200\/50 { background-color: rgba(254, 202, 202, 0.5) !important; }
.bg-red-200\/60 { background-color: rgba(254, 202, 202, 0.6) !important; }
.bg-red-200\/70 { background-color: rgba(254, 202, 202, 0.7) !important; }
.bg-red-200\/80 { background-color: rgba(254, 202, 202, 0.8) !important; }
.bg-red-200\/90 { background-color: rgba(254, 202, 202, 0.9) !important; }

/* Red-300 transparency */
.bg-red-300\/10 { background-color: rgba(252, 165, 165, 0.1) !important; }
.bg-red-300\/20 { background-color: rgba(252, 165, 165, 0.2) !important; }
.bg-red-300\/30 { background-color: rgba(252, 165, 165, 0.3) !important; }
.bg-red-300\/40 { background-color: rgba(252, 165, 165, 0.4) !important; }
.bg-red-300\/50 { background-color: rgba(252, 165, 165, 0.5) !important; }
.bg-red-300\/60 { background-color: rgba(252, 165, 165, 0.6) !important; }
.bg-red-300\/70 { background-color: rgba(252, 165, 165, 0.7) !important; }
.bg-red-300\/80 { background-color: rgba(252, 165, 165, 0.8) !important; }
.bg-red-300\/90 { background-color: rgba(252, 165, 165, 0.9) !important; }

/* Red-400 transparency */
.bg-red-400\/10 { background-color: rgba(248, 113, 113, 0.1) !important; }
.bg-red-400\/20 { background-color: rgba(248, 113, 113, 0.2) !important; }
.bg-red-400\/30 { background-color: rgba(248, 113, 113, 0.3) !important; }
.bg-red-400\/40 { background-color: rgba(248, 113, 113, 0.4) !important; }
.bg-red-400\/50 { background-color: rgba(248, 113, 113, 0.5) !important; }
.bg-red-400\/60 { background-color: rgba(248, 113, 113, 0.6) !important; }
.bg-red-400\/70 { background-color: rgba(248, 113, 113, 0.7) !important; }
.bg-red-400\/80 { background-color: rgba(248, 113, 113, 0.8) !important; }
.bg-red-400\/90 { background-color: rgba(248, 113, 113, 0.9) !important; }

/* Red-500 transparency */
.bg-red-500\/10 { background-color: rgba(239, 68, 68, 0.1) !important; }
.bg-red-500\/20 { background-color: rgba(239, 68, 68, 0.2) !important; }
.bg-red-500\/30 { background-color: rgba(239, 68, 68, 0.3) !important; }
.bg-red-500\/40 { background-color: rgba(239, 68, 68, 0.4) !important; }
.bg-red-500\/50 { background-color: rgba(239, 68, 68, 0.5) !important; }
.bg-red-500\/60 { background-color: rgba(239, 68, 68, 0.6) !important; }
.bg-red-500\/70 { background-color: rgba(239, 68, 68, 0.7) !important; }
.bg-red-500\/80 { background-color: rgba(239, 68, 68, 0.8) !important; }
.bg-red-500\/90 { background-color: rgba(239, 68, 68, 0.9) !important; }

/* Red-600 transparency */
.bg-red-600\/10 { background-color: rgba(220, 38, 38, 0.1) !important; }
.bg-red-600\/20 { background-color: rgba(220, 38, 38, 0.2) !important; }
.bg-red-600\/30 { background-color: rgba(220, 38, 38, 0.3) !important; }
.bg-red-600\/40 { background-color: rgba(220, 38, 38, 0.4) !important; }
.bg-red-600\/50 { background-color: rgba(220, 38, 38, 0.5) !important; }
.bg-red-600\/60 { background-color: rgba(220, 38, 38, 0.6) !important; }
.bg-red-600\/70 { background-color: rgba(220, 38, 38, 0.7) !important; }
.bg-red-600\/80 { background-color: rgba(220, 38, 38, 0.8) !important; }
.bg-red-600\/90 { background-color: rgba(220, 38, 38, 0.9) !important; }

/* Red-700 transparency */
.bg-red-700\/10 { background-color: rgba(185, 28, 28, 0.1) !important; }
.bg-red-700\/20 { background-color: rgba(185, 28, 28, 0.2) !important; }
.bg-red-700\/30 { background-color: rgba(185, 28, 28, 0.3) !important; }
.bg-red-700\/40 { background-color: rgba(185, 28, 28, 0.4) !important; }
.bg-red-700\/50 { background-color: rgba(185, 28, 28, 0.5) !important; }
.bg-red-700\/60 { background-color: rgba(185, 28, 28, 0.6) !important; }
.bg-red-700\/70 { background-color: rgba(185, 28, 28, 0.7) !important; }
.bg-red-700\/80 { background-color: rgba(185, 28, 28, 0.8) !important; }
.bg-red-700\/90 { background-color: rgba(185, 28, 28, 0.9) !important; }

/* Red-800 transparency */
.bg-red-800\/10 { background-color: rgba(153, 27, 27, 0.1) !important; }
.bg-red-800\/20 { background-color: rgba(153, 27, 27, 0.2) !important; }
.bg-red-800\/30 { background-color: rgba(153, 27, 27, 0.3) !important; }
.bg-red-800\/40 { background-color: rgba(153, 27, 27, 0.4) !important; }
.bg-red-800\/50 { background-color: rgba(153, 27, 27, 0.5) !important; }
.bg-red-800\/60 { background-color: rgba(153, 27, 27, 0.6) !important; }
.bg-red-800\/70 { background-color: rgba(153, 27, 27, 0.7) !important; }
.bg-red-800\/80 { background-color: rgba(153, 27, 27, 0.8) !important; }
.bg-red-800\/90 { background-color: rgba(153, 27, 27, 0.9) !important; }

/* Red-900 transparency */
.bg-red-900\/10 { background-color: rgba(127, 29, 29, 0.1) !important; }
.bg-red-900\/20 { background-color: rgba(127, 29, 29, 0.2) !important; }
.bg-red-900\/30 { background-color: rgba(127, 29, 29, 0.3) !important; }
.bg-red-900\/40 { background-color: rgba(127, 29, 29, 0.4) !important; }
.bg-red-900\/50 { background-color: rgba(127, 29, 29, 0.5) !important; }
.bg-red-900\/60 { background-color: rgba(127, 29, 29, 0.6) !important; }
.bg-red-900\/70 { background-color: rgba(127, 29, 29, 0.7) !important; }
.bg-red-900\/80 { background-color: rgba(127, 29, 29, 0.8) !important; }
.bg-red-900\/90 { background-color: rgba(127, 29, 29, 0.9) !important; }

/* Red-950 transparency */
.bg-red-950\/10 { background-color: rgba(69, 10, 10, 0.1) !important; }
.bg-red-950\/20 { background-color: rgba(69, 10, 10, 0.2) !important; }
.bg-red-950\/30 { background-color: rgba(69, 10, 10, 0.3) !important; }
.bg-red-950\/40 { background-color: rgba(69, 10, 10, 0.4) !important; }
.bg-red-950\/50 { background-color: rgba(69, 10, 10, 0.5) !important; }
.bg-red-950\/60 { background-color: rgba(69, 10, 10, 0.6) !important; }
.bg-red-950\/70 { background-color: rgba(69, 10, 10, 0.7) !important; }
.bg-red-950\/80 { background-color: rgba(69, 10, 10, 0.8) !important; }
.bg-red-950\/90 { background-color: rgba(69, 10, 10, 0.9) !important; }

header {
  position: fixed;
  top: 0;
  z-index: 49;
  width: 100%;
  background: white;
  box-shadow: 1px 1px 20px #00000014;
  height: 80px;
}

body {
  padding-top: 80px;
}
@media screen and (max-width: 767px) {
  header {
    height: 62px;
  }
  body {
    padding-top: 62px;
  }
}
.logo-wrap {
  margin-top: -10px;
}
@media screen and (max-width: 767px) {
  .logo-wrap {
    width: 120px;
  }
}
#contact-form input, #contact-form textarea {
  border: 1px solid #d1d1d1;;
}
.swal2-confirm.swal2-styled {
  background-color: rgba(220, 38, 38, 0.9) !important;
}
.main-section img {
  height: 234px;
  object-fit: cover;
  width: 100%;
}
@media screen and (min-width:768px) and (max-width: 1023px) {
  .main-section img {
    max-height: 138px;
  }
}
@media screen and (max-width: 767px) {
  .main-section img {
    height: 300px;
  }
}
.block-four img {
  height: 264px;
  object-fit: cover;
  width: 100%;
}
.block-team img {
  height: 500px;
  object-fit: cover;
  width: 100%;
}
.juxtapose {
  max-width: 100%;
}
@media screen and (max-width:767px) {
    .block-team img {
    height: 260px;
    object-fit: cover;
    width: 100%;
  }
  .juxtapose {
    height: 460px;
  }
}
@media screen and (max-width:500px) {
    .block-team img {
    height: 200px;
  }
  .juxtapose {
    max-height: 300px;
  }
      
}