


.locations a{color: inherit;}












.locations .loc-crumb{padding: 18px 32px 0px; font-size: 13px; color: var(--m);}
.locations .loc-crumb a{text-decoration: none;}
.locations .loc-crumb a:hover{color: var(--g);}
.locations .loc-hero{position: relative; margin: 12px 16px 0px; height: 640px; border-radius: 28px; overflow: hidden; background: var(--dg);}
.locations .loc-hero img{position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; transition: transform 1.6s cubic-bezier(0.2, 0.7, 0.2, 1);}
.locations .loc-hero:hover img{transform: scale(1.02);}
.locations .loc-hero .loc-ov{position: absolute; inset: 0px; background: linear-gradient(to top, rgba(5, 36, 24, 0.9) 0%, rgba(5, 36, 24, 0.55) 42%, rgba(5, 36, 24, 0.05) 80%);}
.locations .loc-ht{position: absolute; left: 64px; bottom: 60px; max-width: 820px;}
.locations .loc-ht h1{margin: 0px; font-size: 58px; line-height: 1.03; font-weight: 500; letter-spacing: -0.03em; color: rgb(255, 255, 255);}
.locations .loc-ht .loc-sub{margin: 14px 0px 0px; font-size: 21px; line-height: 1.4; color: rgba(255, 255, 255, 0.88); max-width: 640px;}
.locations .loc-btns{display: flex; align-items: center; gap: 28px; margin-top: 30px;}
.locations .loc-b1{display: inline-flex; align-items: center; justify-content: center; height: 54px; padding: 0px 28px; border-radius: 27px; background: var(--g); color: rgb(255, 255, 255); font-size: 16px; font-weight: 500; text-decoration: none; transition: transform 0.25s, filter 0.25s;}
.locations .loc-b1:hover{transform: translateY(-2px); filter: brightness(1.12);}
.locations .loc-b2{color: rgb(255, 255, 255); font-size: 16px; font-weight: 500; text-decoration: none;}
.locations .loc-trust{display: flex; flex-wrap: wrap; margin-top: 22px; font-size: 15px; color: rgba(255, 255, 255, 0.75);}
.locations .loc-trust span + span::before{content: ""; display: inline-block; width: 1px; height: 13px; background: rgba(255, 255, 255, 0.35); margin: 0px 14px; vertical-align: -1px;}
.locations .loc-ans{display: grid; grid-template-columns: 1fr 2.2fr; gap: 64px; padding: 88px 64px 0px; align-items: start;}
.locations .loc-ans .loc-k{font-size: 15px; font-weight: 600; color: var(--g);}
.locations .loc-ans .loc-st{margin-top: 8px; font-size: 13px; color: var(--m);}
.locations .loc-ans .loc-lead{margin: 0px; font-size: 32px; line-height: 1.25; font-weight: 500; letter-spacing: -0.02em;}
.locations .loc-ans .loc-rest{margin: 18px 0px 0px; font-size: 19px; line-height: 1.55; color: var(--m); max-width: 780px;}
.locations .loc-facts{display: flex; flex-wrap: wrap; gap: 8px; margin-top: 26px;}
.locations .loc-facts span{display: inline-flex; align-items: center; height: 36px; padding: 0px 16px; border-radius: 18px; background: var(--s); font-size: 14px; font-weight: 500; transition: background 0.2s, color 0.2s;}
.locations .loc-facts span:hover{background: var(--g); color: rgb(255, 255, 255);}
.locations .loc-sec{padding: 96px 64px 0px;}
.locations .loc-h2{margin: 0px; font-size: 44px; line-height: 1.06; font-weight: 500; letter-spacing: -0.028em; max-width: 900px;}
.locations .loc-kz{display: grid; grid-template-columns: 1fr 1fr 1.25fr; gap: 10px; padding: 10px; background: var(--s); border-radius: 28px;}
.locations .loc-kc{background: rgb(255, 255, 255); border-radius: 22px; padding: 34px 32px 30px; transition: transform 0.35s cubic-bezier(0.2, 0.7, 0.2, 1), box-shadow 0.35s;}
.locations .loc-kc:hover{transform: translateY(-4px); box-shadow: rgba(14, 26, 21, 0.08) 0px 18px 40px;}
.locations .loc-kc b{display: block; font-size: 72px; line-height: 1; font-weight: 500; letter-spacing: -0.04em; font-variant-numeric: tabular-nums;}
.locations .loc-kc span{display: block; margin-top: 14px; font-size: 16px; color: var(--m);}
.locations .loc-kc.loc-g{background: var(--g);}
.locations .loc-kc.loc-g b{color: rgb(255, 255, 255);}
.locations .loc-kc.loc-g span{color: rgba(255, 255, 255, 0.9); font-weight: 500;}
.locations .loc-kc.loc-g p{margin: 12px 0px 0px; font-size: 15px; line-height: 1.5; color: rgba(255, 255, 255, 0.72); max-width: 360px;}
.locations .loc-pcs{display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 44px; padding: 10px; background: var(--s); border-radius: 28px;}
.locations .loc-pc{background: rgb(255, 255, 255); border-radius: 22px; padding: 28px 26px 30px; transition: transform 0.35s cubic-bezier(0.2, 0.7, 0.2, 1), box-shadow 0.35s;}
.locations .loc-pc:hover{transform: translateY(-4px); box-shadow: rgba(14, 26, 21, 0.08) 0px 18px 40px;}
.locations .loc-pn{font-size: 13px; font-weight: 600; color: var(--g);}
.locations .loc-pc h3{margin: 44px 0px 0px; font-size: 22px; line-height: 1.2; font-weight: 500; letter-spacing: -0.015em;}
.locations .loc-pc p{margin: 12px 0px 0px; font-size: 15.5px; line-height: 1.55; color: var(--m);}
.locations .loc-apills{display: flex; flex-wrap: wrap; gap: 8px; margin-top: 36px;}
.locations .loc-apills span{display: inline-flex; align-items: center; height: 44px; padding: 0px 20px; border-radius: 22px; background: var(--s); font-size: 16px; font-weight: 500; transition: background 0.2s, color 0.2s;}
.locations .loc-apills span:hover{background: var(--g); color: rgb(255, 255, 255);}
.locations .loc-more{margin: 22px 0px 0px; font-size: 16px; line-height: 1.55; color: var(--m); max-width: 760px;}
.locations .loc-towns{display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 44px; padding: 10px; background: var(--s); border-radius: 28px;}
.locations .loc-town{background: rgb(255, 255, 255); border-radius: 22px; padding: 28px 30px;}
.locations .loc-town:first-child{grid-column: 1 / -1; background: var(--dg); color: rgb(255, 255, 255);}
.locations .loc-town:first-child p{color: rgba(255, 255, 255, 0.78);}
.locations .loc-town h3{margin: 0px; font-size: 24px; font-weight: 500; letter-spacing: -0.015em;}
.locations .loc-town p{margin: 10px 0px 0px; font-size: 16px; line-height: 1.55; color: var(--m); max-width: 720px;}
.locations .loc-rows{display: flex; flex-direction: column; gap: 8px; margin-top: 40px; padding: 10px; background: var(--s); border-radius: 28px;}
.locations .loc-row{display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 76px; padding: 18px 18px 18px 28px; background: rgb(255, 255, 255); border-radius: 20px; text-decoration: none; transition: transform 0.3s cubic-bezier(0.2, 0.7, 0.2, 1), box-shadow 0.3s;}
.locations .loc-row:hover{transform: translateX(4px); box-shadow: rgba(14, 26, 21, 0.06) 0px 10px 30px;}
.locations .loc-row b{display: block; font-size: 20px; font-weight: 500; letter-spacing: -0.01em;}
.locations .loc-row em{display: block; margin-top: 4px; font-style: normal; font-size: 15px; color: var(--m);}
.locations .loc-row i{flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 22px; background: var(--g); color: rgb(255, 255, 255); transition: transform 0.3s;}
.locations .loc-row:hover i{transform: rotate(-45deg);}
.locations .loc-tw{margin-top: 40px; padding: 10px; background: var(--s); border-radius: 28px;}
.locations .loc-cmp{width: 100%; border-collapse: separate; border-spacing: 0px; background: rgb(255, 255, 255); border-radius: 20px; overflow: hidden; font-size: 16px;}
.locations .loc-cmp th,.locations .loc-cmp td{text-align: left; padding: 20px 24px; border-bottom: 1px solid var(--l); vertical-align: top; line-height: 1.45;}
.locations .loc-cmp thead th{font-size: 14px; font-weight: 600; color: var(--g); background: rgb(255, 255, 255);}
.locations .loc-cmp tbody th{font-weight: 500; width: 22%;}
.locations .loc-cmp td{color: rgb(63, 75, 69);}
.locations .loc-cmp tr:last-child th,.locations .loc-cmp tr:last-child td{border-bottom: 0px;}
.locations .loc-cmp a{color: var(--g); font-weight: 500; text-decoration: none;}
.locations .loc-steps{display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; margin-top: 44px; counter-reset: s 0;}
.locations .loc-stp{position: relative; padding: 24px 22px 26px; border-radius: 22px; background: var(--s);}
.locations .loc-sn{width: 40px; height: 40px; border-radius: 20px; background: var(--g); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 15px;}
.locations .loc-stp h3{margin: 28px 0px 0px; font-size: 19px; font-weight: 500; letter-spacing: -0.01em;}
.locations .loc-stp p{margin: 8px 0px 0px; font-size: 15px; line-height: 1.5; color: var(--m);}
.locations .loc-faq{margin-top: 36px; display: flex; flex-direction: column; gap: 8px; max-width: 1000px;}
.locations .loc-faq details{background: var(--s); border-radius: 20px; padding: 0px 26px;}
.locations .loc-faq summary{list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 20px; min-height: 72px; font-size: 19px; font-weight: 500;}
.locations .loc-faq summary::-webkit-details-marker{display: none;}
.locations .loc-faq summary i{flex: 0 0 auto; width: 28px; height: 28px; border-radius: 14px; background: rgb(255, 255, 255); position: relative; transition: transform 0.3s;}
.locations .loc-faq summary i::before,.locations .loc-faq summary i::after{content: ""; position: absolute; left: 8px; right: 8px; top: 13px; height: 2px; background: var(--g);}
.locations .loc-faq summary i::after{transform: rotate(90deg); transition: transform 0.3s;}
.locations .loc-faq details[open] summary i::after{transform: rotate(0deg);}
.locations .loc-faq p{margin: 0px; padding: 0px 0px 24px; font-size: 16.5px; line-height: 1.6; color: var(--m); max-width: 820px;}
.locations .loc-near{display: flex; flex-wrap: wrap; align-items: center; gap: 8px;}
.locations .loc-near span{font-size: 15px; color: var(--m); margin-right: 6px;}
.locations .loc-near a{display: inline-flex; align-items: center; height: 44px; padding: 0px 20px; border-radius: 22px; border: 1px solid var(--l); text-decoration: none; font-size: 15px; font-weight: 500; transition: background 0.2s, color 0.2s, border-color 0.2s;}
.locations .loc-near a:hover{background: var(--g); border-color: var(--g); color: rgb(255, 255, 255);}




.locations .loc-b1.loc-w{background: rgb(255, 255, 255); color: var(--dg);}
.locations .loc-end{height: 96px;}


@media (max-width: 1100px) {.locations .loc-pcs{grid-template-columns: 1fr 1fr;}
.locations .loc-steps{grid-template-columns: 1fr 1fr;}
.locations .loc-ht h1{font-size: 48px;}}
@media (min-width: 2000px) {}
@media (max-width: 760px) {


.locations .loc-crumb{padding: 14px 20px 0px;}

.locations .loc-hero{margin: 10px 10px 0px; height: 82svh; min-height: 560px;}
.locations .loc-ht{left: 22px; right: 22px; bottom: 26px;}
.locations .loc-ht h1{font-size: clamp(28px, 7.6vw, 38px); hyphens: auto; overflow-wrap: break-word;}
.locations .loc-ht .loc-sub{font-size: 17px;}
.locations .loc-btns{flex-direction: column; align-items: stretch; gap: 14px;}
.locations .loc-b1{width: 100%;}
.locations .loc-b2{text-align: center;}
.locations .loc-trust span + span::before{display: none;}
.locations .loc-trust{gap: 6px 16px; font-size: 14px;}
.locations .loc-ans{grid-template-columns: 1fr; gap: 14px; padding: 56px 20px 0px;}
.locations .loc-ans .loc-lead{font-size: 24px;}
.locations .loc-ans .loc-rest{font-size: 17px;}
.locations .loc-sec{padding: 64px 20px 0px;}
.locations .loc-h2{font-size: 30px;}
.locations .loc-kz,.locations .loc-pcs,.locations .loc-towns,.locations .loc-steps{grid-template-columns: 1fr;}
.locations .loc-kc b{font-size: 56px;}
.locations .loc-pc h3{margin-top: 20px;}
.locations .loc-row{padding: 16px 14px 16px 20px;}
.locations .loc-row b{font-size: 18px;}
.locations .loc-cmp thead{display: none;}
.locations .loc-cmp,.locations .loc-cmp tbody,.locations .loc-cmp tr,.locations .loc-cmp th,.locations .loc-cmp td{display: block; width: 100%;}
.locations .loc-tw{background: none; padding: 0px;}
.locations .loc-cmp{background: none;}
.locations .loc-cmp tr{background: rgb(255, 255, 255); border: 1px solid var(--l); border-radius: 20px; margin-bottom: 10px; padding: 6px 0px;}
.locations .loc-cmp tbody th{background: var(--s); border-radius: 14px; margin: 0px 6px; width: auto; font-weight: 600;}
.locations .loc-cmp td{border-bottom: 0px; padding: 10px 20px;}
.locations .loc-cmp td::before{content: attr(data-l); display: block; font-size: 12px; font-weight: 600; color: var(--g); margin-bottom: 2px;}
.locations .loc-faq details{padding: 0px 18px;}
.locations .loc-faq summary{font-size: 17px; min-height: 64px;}

}
@media (prefers-reduced-motion: reduce) {
.locations .loc-hero img,.locations .loc-kc,.locations .loc-pc,.locations .loc-row{transition: none;}}
.locations{--g:#0B4F36;--dg:#0F3D2E;--t:#0E1A15;--m:#5A6660;--l:#E4E8E5;--s:#F4F6F5}
.locations *,.locations *::before,.locations *::after{box-sizing:border-box}
.locations .loc-hero{height:640px;max-height:760px}.locations .loc-hero picture{display:contents}
.locations .loc-kc b{font-variant-numeric:tabular-nums}.locations .loc-crumb a{display:inline;min-height:0}
.locations .loc-faq p a{display:inline!important;text-decoration:underline;min-height:0}
.locations .loc-faq details{max-width:none}.locations .loc-faq summary{padding:0}
.locations .loc-cmp caption.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}
.locations .loc-row{display:flex!important}.locations .loc-hero img{height:100%!important}
.locations .loc-ht h1{font-size:58px!important}.locations .loc-b1{min-height:54px}
.locations .loc-steps h3,.locations .loc-pcs h3{color:inherit}
.locations .loc-pcs p,.locations .loc-steps p{font-size:inherit}.locations .loc-pc p{font-size:15.5px}.locations .loc-stp p{font-size:15px}
.locations .loc-sec{scroll-margin-top:110px}.locations+.lead-section{margin-top:0}
.location-footer-grid{grid-template-columns:1.4fr repeat(5,minmax(0,1fr))!important}
@media(max-width:1100px){.locations .loc-ht h1{font-size:48px!important}.location-footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){.locations .loc-ht h1{font-size:clamp(28px,7.6vw,38px)!important}.locations .loc-hero{height:82svh!important;min-height:560px}.locations .loc-hero .loc-ht{left:22px;right:22px;bottom:26px}.locations .loc-b2{display:block;text-align:center}.locations .loc-h2{font-size:30px!important}.locations .loc-ans .loc-rest{font-size:17px}.locations .loc-pc p,.locations .loc-stp p{font-size:16px}.locations .loc-cmp td:before{font-size:13px}.locations .loc-faq summary{min-height:64px}.locations .loc-near a{height:auto;min-height:44px;padding:10px 20px}.location-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:480px){.location-footer-grid{grid-template-columns:1fr!important}}
@media(hover:none),(prefers-reduced-motion:reduce){.locations *{transition:none!important}.locations .loc-hero:hover img,.locations .loc-kc:hover,.locations .loc-pc:hover,.locations .loc-row:hover,.locations .loc-row:hover i,.locations .loc-b1:hover{transform:none}}
