:root {
   --lime: #D6E50F;
   --lime-deep: #B9C70A;
   --ink: #121210;
   --paper: #FAFAF5;
   --charcoal: #18180F;
   --stone: #6E6E62;
   --line: #E4E3D6;
   --line-dark: #2C2C21;
 }

 * {
   box-sizing: border-box;
 }

 html {
   scroll-behavior: smooth;
 }

 body {
   margin: 0;
   font-family: 'Inter', sans-serif;
   background: var(--paper);
   color: var(--ink);
   -webkit-font-smoothing: antialiased;
   
 }

 h1,
 h2,
 h3,
 h4,
 .display {
   font-family: 'Poppins', sans-serif;
   font-weight: 800;
   letter-spacing: -0.02em;
   margin: 0;
 }

 .eyebrow {
   font-family: 'Poppins', sans-serif;
   font-weight: 600;
   font-size: 12px;
   letter-spacing: 0.22em;
   text-transform: uppercase;
   color: var(--stone);
 }

 a {
   color: inherit;
   text-decoration: none;
 }

 img {
   max-width: 100%;
   display: block;
 }

 .wrap {
   max-width: 1180px;
   margin: 0 auto;
   padding: 0 24px;
 }

 section {
   padding: 96px 0;
 }

 @media (max-width:768px) {
   section {
     padding: 64px 0;
   }
 }

 /* ---------- NAV ---------- */
 header.site {
   position: sticky;
   top: 0;
   z-index: 50;
   background: rgba(250, 250, 245, 0.92);
   backdrop-filter: blur(8px);
   border-bottom: 1px solid var(--line);
 }

 .nav-row {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 16px 24px;
   max-width: 1180px;
   margin: 0 auto;
 }

 .logo-lockup {
   display: flex;
   align-items: center;
   gap: 10px;
   cursor: pointer;
 }

 .logo-lockup svg {
   height: 34px;
   width: auto;
 }

 .logo-text {
   font-family: 'Poppins';
   font-weight: 800;
   font-size: 20px;
   letter-spacing: -0.01em;
   line-height: 1;
 }

 .logo-sub {
   font-family: 'Poppins';
   font-weight: 600;
   font-size: 9px;
   letter-spacing: 0.18em;
   color: var(--stone);
   text-transform: uppercase;
   margin-top: 2px;
 }

 nav.primary {
   display: flex;
   gap: 32px;
   align-items: center;
 }

 nav.primary a {
   font-family: 'Poppins';
   font-weight: 500;
   font-size: 14.5px;
   color: var(--ink);
   position: relative;
   padding: 6px 0;
 }

 nav.primary a::after {
   content: "";
   position: absolute;
   left: 0;
   bottom: 0;
   height: 2px;
   width: 0;
   background: var(--ink);
   transition: width .2s ease;
 }

 nav.primary a:hover::after,
 nav.primary a.active::after {
   width: 100%;
 }

 nav.primary a.active {
   font-weight: 700;
 }

 .nav-cta {
   display: flex;
   gap: 10px;
   align-items: center;
 }

 .btn {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 8px;
   font-family: 'Poppins';
   font-weight: 600;
   font-size: 14px;
   padding: 11px 22px;
   border-radius: 999px;
   border: 1.5px solid var(--ink);
   cursor: pointer;
   white-space: nowrap;
   transition: all .15s ease;
 }

 .btn-solid {
   background: var(--ink);
   color: var(--lime);
 }

 .btn-solid:hover {
   background: #000;
 }

 .btn-outline {
   background: transparent;
   color: var(--ink);
 }

 .btn-outline:hover {
   background: var(--ink);
   color: var(--lime);
 }

 .btn-lime {
   background: var(--lime);
   color: var(--ink);
   border-color: var(--lime);
 }

 .btn-lime:hover {
   background: var(--ink);
   color: var(--lime);
   border-color: var(--ink);
 }

 .menu-toggle {
   display: none;
   background: none;
   border: none;
   cursor: pointer;
   padding: 6px;
 }

 .menu-toggle svg {
   width: 26px;
   height: 26px;
 }

 @media (max-width:900px) {
  .job-card > *{
    max-width:100% !important;
    min-width: 100% !important;
    text-align: left !important;
  }
  .job-card .tag.lime{
    display:inline !important;
  }
   nav.primary {
     position: fixed;
     
     top: 68px;
     left: 0;
     right: 0;
     bottom: 0;
     background: var(--paper);
     flex-direction: column;
     justify-content: flex-start;
     padding: 32px 24px;
     gap: 22px;
     transform: translateX(100%);
     transition: transform .25s ease;
     overflow-y: auto;
     width: 100%;
     max-width: 100%;
     display:none;
   }

   nav.primary.open {
      display:flex;
     transform: translateX(0);
     height: 100vh;
   }

   nav.primary a {
     font-size: 20px;
   }

   .menu-toggle {
     display: block;
   }

   .nav-cta .btn-outline {
     display: none;
   }
 }

 /* ---------- PAGE / STEP UTILS ---------- */
 .page {
   display: none;
 }

 .page.active {
  padding-top:0px;
   display: block;
 }

 .step-rule {
   width: 100%;
   height: 14px;
   background:
     linear-gradient(90deg, var(--ink) 0 15%, transparent 15%),
     linear-gradient(90deg, var(--ink) 0 45%, transparent 45%),
     linear-gradient(90deg, var(--ink) 0 75%, transparent 75%);
 }

 .stepmark {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 3px;
   width: 34px;
 }

 .stepmark span {
   display: block;
   height: 4px;
   border-radius: 2px;
   background: var(--ink);
 }

 .stepmark span:nth-child(1) {
   width: 100%;
 }

 .stepmark span:nth-child(2) {
   width: 70%;
 }

 .stepmark span:nth-child(3) {
   width: 40%;
 }

 /* ---------- HERO ---------- */
 .hero {
   background: var(--lime);
   padding: 76px 0 0 0;
   position: relative;
   overflow: hidden;
 }

 .hero-grid {
   display: grid;
   grid-template-columns: 1.1fr 0.9fr;
   gap: 48px;
   align-items: center;
   max-width: 1180px;
   margin: 0 auto;
   padding: 0 24px 64px;
 }

 @media (max-width:900px) {
   .hero-grid {
     grid-template-columns: 1fr;
     padding-bottom: 40px;
   }
 }

 .hero h1 {
   font-size: 56px;
   line-height: 1.02;
   color: var(--ink);
 }

 @media (max-width:640px) {
   .hero h1 {
     font-size: 38px;
   }
 }

 .hero p.lead {
   font-size: 18px;
   line-height: 1.6;
   color: #2b2b1f;
   margin-top: 20px;
   max-width: 480px;
 }

 .hero-actions {
   display: flex;
   gap: 14px;
   margin-top: 32px;
   flex-wrap: wrap;
 }

 .hero-stats {
   display: flex;
   gap: 36px;
   margin-top: 48px;
   flex-wrap: wrap;
 }

 .hero-stats .stat b {
   font-family: 'Poppins';
   font-weight: 800;
   font-size: 30px;
   display: block;
 }

 .hero-stats .stat span {
   font-size: 13px;
   color: #3a3a2b;
 }

 .hero-visual {
   background: var(--ink);
   border-radius: 20px;
   padding: 36px;
   display: flex;
   flex-direction: column;
   gap: 18px;
   position: relative;
 }

 .hero-visual .badge {
   align-self: flex-start;
   background: var(--lime);
   color: var(--ink);
   font-family: 'Poppins';
   font-weight: 700;
   font-size: 11px;
   letter-spacing: .08em;
   text-transform: uppercase;
   padding: 6px 12px;
   border-radius: 999px;
 }

 .route-card {
   background: #212114;
   border: 1px solid #33331f;
   border-radius: 14px;
   padding: 18px;
   display:grid;
   grid-template-columns: 1fr 50px 1fr;
   color: var(--paper);
 }

 .route-card .from,
 .route-card .to {
   font-family: 'Poppins';
   font-weight: 700;
   font-size: 15px;
 }

 .route-card .muted {
   color: #9a9a86;
   font-size: 12px;
   margin-top: 3px;
 }

 .route-arrow {
   color: var(--lime);
   font-size: 20px;
 }

 /* ---------- MARQUEE ---------- */
 .marquee-wrap {
   background: var(--ink);
   padding: 18px 0;
   overflow: hidden;
   border-top: 1px solid var(--line-dark);
   border-bottom: 1px solid var(--line-dark);
 }

 .marquee {
   display: flex;
   gap: 56px;
   white-space: nowrap;
   animation: scroll 26s linear infinite;
   width: max-content;
 }

 .marquee span {
   color: #8f8f7d;
   font-family: 'Poppins';
   font-weight: 600;
   font-size: 13px;
   letter-spacing: .14em;
   text-transform: uppercase;
 }

 @keyframes scroll {
   from {
     transform: translateX(0);
   }

   to {
     transform: translateX(-50%);
   }
 }

 /* ---------- SECTIONS GENERIC ---------- */
 .section-head {
   max-width: 640px;
   margin-bottom: 48px;
 }

 .section-head h2 {
   font-size: 36px;
   margin-top: 10px;
 }

 .section-head p {
   color: var(--stone);
   font-size: 16px;
   line-height: 1.6;
   margin-top: 14px;
 }

 .dark {
   background: var(--charcoal);
   color: var(--paper);
 }

 .dark .stone {
   color: #9c9c8c;
 }

 .dark .eyebrow {
   color: #9c9c8c;
 }

 /* Sector grid */
 .grid-4 {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 20px;
 }

 .testimonial-grid {
   grid-template-columns: repeat(3, 1fr);
 }
 
 @media (max-width:900px) {
   .grid-4,
   .testimonial-grid {
     grid-template-columns: repeat(2, 1fr);
   }
 }

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

 @media (max-width:520px) {
   .testimonial-grid {
     gap: 16px;
   }
 }

 .sector-card {
   border: 1px solid var(--line);
   border-radius: 16px;
   padding: 26px;
   transition: all .18s ease;
   background: var(--paper);
 }

 .sector-card:hover {
   border-color: var(--ink);
   transform: translateY(-3px);
 }

 .sector-card .ic {
   width: 44px;
   height: 44px;
   border-radius: 10px;
   background: var(--lime);
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 16px;
 }
.sector-card .ic svg{
  width: 24px;
  height: 24px;
  
}
 .sector-card h4 {
   font-size: 17px;
 }

 .sector-card p {
   color: var(--stone);
   font-size: 14px;
   margin-top: 8px;
   line-height: 1.5;
 }

 /* Process / steps (signature staircase motif) */
 .process {
   display: flex;
   gap: 0;
   position: relative;
   margin-top: 20px;
 }

 .process-step {
   flex: 1;
   position: relative;
   padding: 0 18px 0 0;
 }

 .process-step .bar {
   height: 8px;
   border-radius: 4px;
   background: var(--lime);
   margin-bottom: 22px;
 }

 .process-step:nth-child(1) .bar {
   width: 15%;
 }

 .process-step:nth-child(2) .bar {
   width: 30%;
 }

 .process-step:nth-child(3) .bar {
   width: 45%;
 }

 .process-step:nth-child(4) .bar {
   width: 60%;
 }

 .process-step:nth-child(5) .bar {
   width: 75%;
 }
 .process-step:nth-child(6) .bar {
   width: 100%;
 }

 .process-step h4 {
   font-size: 16px;
   margin-bottom: 8px;
 }

 .process-step p {
   font-size: 13.5px;
   color: var(--stone);
   line-height: 1.5;
 }

 .process-num {
   font-family: 'Poppins';
   font-weight: 800;
   font-size: 12px;
   color: var(--stone);
   margin-bottom: 10px;
   display: block;
 }

 @media (max-width:900px) {
   .process {
     flex-direction: column;
     gap: 28px;
   }

   .process-step .bar {
     width: 100% !important;
   }
 }

 /* Split with image block */
 .split {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 56px;
   align-items: center;
 }

 @media (max-width:900px) {
   .split {
     grid-template-columns: 1fr;
     gap: 32px;
   }
 }

 .split ul {
   list-style: none;
   padding: 0;
   margin: 22px 0 0;
   display: flex;
   flex-direction: column;
   gap: 14px;
 }

 .split ul li {
   display: flex;
   gap: 12px;
   font-size: 15px;
   line-height: 1.5;
 }

 .split ul li .dot {
   width: 20px;
   height: 20px;
   flex: none;
   border-radius: 50%;
   background: var(--lime);
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 12px;
   font-weight: 800;
   margin-top: 2px;
 }

 .photo-block {
   background: url(./images/bg-one.jpg);
   background-size: cover;
   background-position: center;
   border-radius: 20px;
   aspect-ratio: 4/3;
   position: relative;
   overflow: hidden;
   display: flex;
   align-items: flex-end;
   padding: 26px;
 }
 .photo-block::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,transparent 50%,rgba(18,18,16,0.9));
 }

 .photo-block.alt {
   background: url(./images/bg-two.jpg);
   background-size: cover;
   background-position: center;
 }

 .photo-caption {
   color: var(--paper);
   font-family: 'Poppins';
   font-weight: 600;
   font-size: 13px;
   z-index: 2;
 }

 .photo-block.alt .photo-caption {
   color: var(--paper);
 }

 /* Testimonials */
 .quote-card {
   background: var(--paper);
   border: 1px solid var(--line);
   border-radius: 16px;
   padding: 28px;
   display: flex;
   flex-direction: column;
   gap: 16px;
   height: 100%;
 }

 .quote-card p {
   font-size: 15px;
   line-height: 1.6;
   color: #000;
 }

 .quote-person {
   display: flex;
   align-items: center;
   gap: 12px;
   margin-top: auto;
   color: #000;
 }

 .avatar {
   width: 40px;
   height: 40px;
   border-radius: 50%;
   background: var(--lime);
   display: flex;
   align-items: center;
   justify-content: center;
   font-family: 'Poppins';
   font-weight: 700;
   font-size: 14px;
 }

 .quote-person b {
   font-size: 14px;
   display: block;
 }

 .quote-person span {
   font-size: 12.5px;
   color: var(--stone);
 }

 /* CTA band */
 .cta-band {
   background: var(--ink);
   border-radius: 24px;
   padding: 26px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 24px;
   flex-wrap: wrap;
   color: var(--paper);
 }

 .cta-band h3 {
   font-size: 28px;
   max-width: 460px;
 }

 .cta-band p {
   color: #a9a99a;
   margin-top: 10px;
   max-width: 420px;
   font-size: 15px;
 }

 /* Footer */
 footer {
   background: var(--charcoal);
   color: var(--paper);
   padding: 64px 0 28px;
 }

 .foot-grid {
   display: grid;
   grid-template-columns: 1.4fr 1fr 1fr 1fr;
   gap: 40px;
 }

 @media (max-width:800px) {
   .foot-grid {
     grid-template-columns: 1fr;
     gap:0px;
   }
 }

 .foot-grid h5 {
   font-family: 'Poppins';
   font-weight: 700;
   font-size: 13px;
   letter-spacing: .06em;
   text-transform: uppercase;
   margin-bottom: 16px;
   color: #c9c9b8;
 }

 .foot-grid a {
   display: block;
   color: #9c9c8c;
   font-size: 14px;
   margin-bottom: 10px;
   transition: color .15s;
 }

 .foot-grid a:hover {
   color: var(--lime);
 }

 .foot-bottom {
  border-top: 1px solid var(--line-dark);
  margin-top: 48px;
  padding-top: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  color: #c9c9c0;
  font-size: 13px;
 }
.foot-bottom-inner{
  display:flex;
  flex-direction:column;
  gap:6px;
  max-width:780px;
}
.foot-bottom .copyright{
  font-weight:600;
  color:#e6e6dd;
}
.foot-bottom .location{
  color:#bfbfb6;
}
.foot-bottom .company-details{
  font-size:13px;
  opacity:0.95;
  line-height:1.45;
  color:#bdbdaf;
  max-width:680px;
}

/* Left column company details (moved out of foot-bottom) */
.foot-grid .location {
  display:block;
  margin-top:14px;
  color:#bfbfb6;
  font-weight:600;
}
.foot-grid .company-details {
  display:block;
  margin-top:8px;
  font-size:13px;
  color:#bdbdaf;
  line-height:1.45;
  max-width:360px;
}

/* Footer left column: description + contact block */
.footer-left .footer-desc{
  color:#bdbdac;
  font-size:14px;
  line-height:1.6;
  max-width:320px;
  margin-bottom:12px;
}
.footer-left .contact-block address{
  font-style:normal;
  color:#bdbdaf;
  font-size:13px;
  line-height:1.45;
}
.footer-left .contact-block .addr{
  color:#e6e6dd;
  font-weight:600;
  margin-bottom:4px;
}
.footer-left .contact-block .regs{
  color:#bdbdaf;
  font-size:12px;
  margin-bottom:6px;
}
.footer-left .contact-block .contacts a,.footer-left .contact-block .contacts p{
  color:#cfcfc6;
  text-decoration:none;
}

.footer-left .contact-block .contacts a:hover{
  text-decoration:underline;
  color:var(--lime);
}

@media (min-width:1100px) {
  .foot-grid {
    grid-template-columns: 1.6fr 1fr 1fr 1fr;
  }
  .footer-left .footer-desc{ max-width:420px; }
}
 .route-card .from,.route-card .to{
  display: flex;
  align-items: center;
  gap:10px;
  margin-bottom:10px;
 }
 .flag-sm{
  width: 25px;
 }

 /* ---------- JOBS PAGE ---------- */
 .jobs-toolbar {
   background: var(--paper);
   border: 1px solid var(--line);
   border-radius: 16px;
   padding: 18px;
   display: flex;
   gap: 12px;
   flex-wrap: wrap;
   margin-bottom: 32px;
 }

 .jobs-toolbar input,
 .jobs-toolbar select {
   font-family: 'Inter';
   font-size: 14px;
   padding: 12px 14px;
   border-radius: 10px;
   border: 1px solid var(--line);
   background: #fff;
   flex: 1;
   min-width: 160px;
 }

 .job-card {
   border: 1px solid var(--line);
   border-radius: 14px;
   padding: 22px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 16px;
   margin-bottom: 14px;
   flex-wrap: wrap;
   background: #fff;
 }

 .job-card h4 {
   font-size: 17px;
 }

 .job-meta {
   display: flex;
   gap: 14px;
   flex-wrap: wrap;
   margin-top: 8px;
 }

 .tag {
   font-family: 'Poppins';
   font-weight: 600;
   font-size: 11.5px;
   color: var(--stone);
   background: #F1F1E7;
   padding: 4px 10px;
   border-radius: 999px;
 }

 .job-card .tag.lime {
   background: var(--lime);
   color: var(--ink);
 }

 .no-results {
   text-align: center;
   padding: 48px 0;
   color: var(--stone);
 }

 /* ---------- CANDIDATES / EMPLOYERS PAGE HERO ---------- */
 .page-hero {
   background: var(--ink);
   color: var(--paper);
   padding: 64px 0 56px;
 }

 .page-hero .eyebrow {
   color: var(--lime);
 }

 .page-hero h1 {
   font-size: 44px;
   margin-top: 10px;
   color: #fff;
 }

 .page-hero p {
   color: #b3b3a3;
   margin-top: 16px;
   max-width: 560px;
   font-size: 16px;
   line-height: 1.6;
 }

 /* Form */
 .form-card {
   background: #fff;
   border: 1px solid var(--line);
   border-radius: 18px;
   padding: 32px;
 }

 .form-row {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 16px;
   margin-bottom: 16px;
 }

 @media (max-width:600px) {
   .form-row {
     grid-template-columns: 1fr;
   }
 }

 .form-card label {
   font-family: 'Poppins';
   font-weight: 600;
   font-size: 13px;
   display: block;
   margin-bottom: 6px;
 }

 .form-card input,
 .form-card select,
 .form-card textarea {
   width: 100%;
   padding: 12px 14px;
   border-radius: 10px;
   border: 1px solid var(--line);
   font-family: 'Inter';
   font-size: 14px;
   background: var(--paper);
 }

 .form-card textarea {
   min-height: 110px;
   resize: vertical;
 }

 .form-note {
   font-size: 12.5px;
   color: var(--stone);
   margin-top: 10px;
 }

 .success-box {
   display: none;
   background: var(--lime);
   border-radius: 12px;
   padding: 16px 18px;
   font-family: 'Poppins';
   font-weight: 600;
   font-size: 14px;
   margin-top: 16px;
 }

 /* Accordion (About / FAQ) */
 .acc-item {
   border-bottom: 1px solid var(--line);
 }

 .acc-head {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 20px 0;
   cursor: pointer;
 }

 .acc-head h4 {
   font-size: 16px;
   font-weight: 600;
   font-family: 'Poppins';
 }

 .acc-body {
   max-height: 0;
   overflow: hidden;
   transition: max-height .25s ease;
 }

 .acc-body p {
   padding: 0 0 20px;
   color: var(--stone);
   font-size: 14.5px;
   line-height: 1.6;
 }

 .acc-plus {
   font-size: 20px;
   transition: transform .2s;
 }

 .acc-item.open .acc-plus {
   transform: rotate(45deg);
 }

 /* Value grid about */
 .value-grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 24px;
 }

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

 .value-card {
   padding: 24px 0;
 }

 .value-card .num {
   font-family: 'Poppins';
   font-weight: 800;
   font-size: 13px;
   color: var(--stone);
 }

 .team-grid {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 20px;
   margin-top: 20px;
 }

 @media (max-width:800px) {
   .team-grid {
     grid-template-columns: repeat(2, 1fr);
   }
 }

 .team-card {
   text-align: left;
 }

 .team-photo {
   aspect-ratio: 1;
   border-radius: 14px;
   background: var(--ink);
   margin-bottom: 12px;
   position: relative;
   overflow: hidden;
 }

 .team-photo::after {
   content: "";
   position: absolute;
   inset: 0;
   background: linear-gradient(180deg, transparent 50%, rgba(214, 229, 15, 0.15));
 }

 .team-card b {
   font-size: 14.5px;
   display: block;
   font-family: 'Poppins';
 }

 .team-card span {
   font-size: 12.5px;
   color: var(--stone);
 }

 /* contact info cards */
 .contact-grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 40px;
 }

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

 .info-line {
   display: flex;
   gap: 14px;
   align-items: flex-start;
   margin-bottom: 22px;
 }

 .info-ic {
   width: 38px;
   height: 38px;
   border-radius: 10px;
   background: var(--lime);
   display: flex;
   align-items: center;
   justify-content: center;
   flex: none;
 }

 .info-line b {
   display: block;
   font-family: 'Poppins';
   font-size: 14.5px;
 }
.info-line svg{
  width:20px;
}
 .info-line span {
   font-size: 14px;
   color: var(--stone);
 }

 .map-block {
   background: var(--charcoal);
   border-radius: 16px;
   height: 280px;
   margin-top: 24px;
   position: relative;
   overflow: hidden;
 }

 .map-block svg {
   position: absolute;
   inset: 0;
   width: 100%;
   height: 100%;
   opacity: .5;
 }

 .map-block iframe {
   position: absolute;
   inset: 0;
   width: 100%;
   height: 100%;
   border: 0;
 }

@media (max-width:800px) {
   .contact-grid {
     gap: 24px;
   }
   .map-block {
     height: 320px;
   }
   .form-card {
     padding: 24px;
   }
   .info-line {
     flex-direction: column;
     align-items: flex-start;
   }
   .info-line span,
   .info-line b {
     width: 100%;
   }
}

@media (max-width:600px) {
   .form-card {
     padding: 20px;
   }
   .map-block {
     height: 260px;
   }
   .info-line {
     gap: 12px;
   }
}

@media (max-width:800px) {
  .foot-bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .foot-bottom-inner {
    width: 100%;
  }
}