@charset "UTF-8";

/* Reset and base styles  */

* {
  padding: 0px;
  margin: 0px;
  border: none;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Links */

a,
a:link,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

/* Common */

aside,
nav,
footer,
header,
section,
main {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-size: inherit;
  font-weight: inherit;
}

ul,
ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

img,
svg {
  max-width: 100%;
  height: auto;
}

address {
  font-style: normal;
}

/* Form */

input,
textarea,
button,
select {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  background-color: transparent;
}

input::-ms-clear {
  display: none;
}

button,
input[type=submit] {
  display: inline-block;
  box-shadow: none;
  background-color: transparent;
  background: none;
  cursor: pointer;
}

input:focus,
input:active,
button:focus,
button:active {
  outline: none;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

label {
  cursor: pointer;
}

legend {
  display: block;
}

:root {
  --container-width: 1368px;
}

@font-face {
  font-family: Geist;
  src: url("../fonts/Geist-VariableFont_wght.ttf");
}

:root {
  --coefficient: 0.3333;
  --device-width: 1920;
  --mobile-coefficient: 1;
  --design-width: 1920;
}

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
  height: 100%;
}

body {
  background-color: #FFFFFF;
  font-variant-numeric: lining-nums;
  font-family: Geist;
  height: 100%;
}

img {
  pointer-events: none;
}

.container {
  max-width: var(--container-width);
  width: 71.25vw;
  margin: 0 auto;
}

body::-webkit-scrollbar {
  width: 6px;
  height: 200px;
  /* ширина scrollbar */
}

body::-webkit-scrollbar-track {
  background: #FFFFFF;
  /* цвет дорожки */
}

body::-webkit-scrollbar-thumb {
  background-color: #2563EB;
  /* цвет плашки */
  border-radius: 5px;
  /* закругления плашки */
}

.flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

section {
  padding: clamp(96px * var(--coefficient), 96 * 100vw / var(--design-width) * var(--mobile-coefficient), 96px * var(--mobile-coefficient)) clamp(0px * var(--coefficient), 0 * 100vw / var(--design-width) * var(--mobile-coefficient), 0px * var(--mobile-coefficient)) clamp(96px * var(--coefficient), 96 * 100vw / var(--design-width) * var(--mobile-coefficient), 96px * var(--mobile-coefficient)) clamp(0px * var(--coefficient), 0 * 100vw / var(--design-width) * var(--mobile-coefficient), 0px * var(--mobile-coefficient));
}

.section-header {
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: clamp(64px * var(--coefficient), 64 * 100vw / var(--design-width) * var(--mobile-coefficient), 64px * var(--mobile-coefficient));
}

.section-header .col {
  flex-direction: column;
  align-items: flex-start;
}

.section-header h2 {
  font-size: clamp(56px * var(--coefficient), 56 * 100vw / var(--design-width) * var(--mobile-coefficient), 56px * var(--mobile-coefficient));
  font-weight: 700;
  color: #0F172A;
  margin-bottom: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
}

.section-header h2 span {
  background: linear-gradient(90deg, #2563eb 0%, #1d4ed8 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.section-header p {
  font-size: clamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
  line-height: 140%;
  color: #475569;
}

.section-header a {
  padding: clamp(13px * var(--coefficient), 13 * 100vw / var(--design-width) * var(--mobile-coefficient), 13px * var(--mobile-coefficient)) clamp(61px * var(--coefficient), 61 * 100vw / var(--design-width) * var(--mobile-coefficient), 61px * var(--mobile-coefficient)) clamp(13px * var(--coefficient), 13 * 100vw / var(--design-width) * var(--mobile-coefficient), 13px * var(--mobile-coefficient)) clamp(61px * var(--coefficient), 61 * 100vw / var(--design-width) * var(--mobile-coefficient), 61px * var(--mobile-coefficient));
  color: #FFFFFF;
  font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  font-weight: 500;
  background: linear-gradient(90deg, #2563eb 0%, #1d4ed8 100%);
  background: #2563EB;
  transition: all .3s ease;
}

.section-header a:hover {
 background: #093AC4;   
}

.section-title {
  padding: clamp(14px * var(--coefficient), 14 * 100vw / var(--design-width) * var(--mobile-coefficient), 14px * var(--mobile-coefficient)) clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient)) clamp(14px * var(--coefficient), 14 * 100vw / var(--design-width) * var(--mobile-coefficient), 14px * var(--mobile-coefficient)) clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  border-radius: 100px;
  background-color: #DBEAFE;
  margin-bottom: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  width: fit-content;
}

.section-title span {
  color: #1E40AF;
  font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  font-weight: 600;
  line-height: 150%;
}

.hidden {
  overflow: hidden !important;
}

.header__burger-menu {
  display: none;
}

.header {
  backdrop-filter: blur(8px);
  background: rgba(15, 23, 42, 0.8);
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 100;
}

.header__logo {
  width: clamp(243px * var(--coefficient), 243 * 100vw / var(--design-width) * var(--mobile-coefficient), 243px * var(--mobile-coefficient));
  height: clamp(80px * var(--coefficient), 80 * 100vw / var(--design-width) * var(--mobile-coefficient), 80px * var(--mobile-coefficient));
}

.header__logo img {
  width: 100%;
  height: 100%;
}

.header__inner {
  justify-content: space-between;
  align-items: stretch;
}

.header nav {
  align-self: center;
}

.header ul {
  gap: clamp(32px * var(--coefficient), 32 * 100vw / var(--design-width) * var(--mobile-coefficient), 32px * var(--mobile-coefficient));
}

.header ul a {
  font-size: clamp(18px * var(--coefficient), 18 * 100vw / var(--design-width) * var(--mobile-coefficient), 18px * var(--mobile-coefficient));
  line-height: 133%;
  color: rgba(255, 255, 255, 1);
  transition: all .3s ease;
}

@media (hover:hover) {
    .header ul a:hover {
        opacity: 0.5;
    }   
}

.header ul a:active {
    opacity: 0.5;
} 

.header ul a.active {
    opacity: 0.5;  
}

.header .row {
  gap: clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient));
  align-self: center;
}

.header .row .col {
  flex-direction: column;
}

.header .row svg {
  width: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  height: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
}

.header .row a {
  color: rgba(255, 255, 255, 0.8980392157);
  font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  line-height: 150%;
  transition: all .3s ease;
}

@media (hover:hover) {
    .header .row a:hover {
        opacity: 0.5;
    }
}
.header .row a:active {
    opacity: 0.5;
}

.header button {
  /* background: linear-gradient(90deg, #2563eb 0%, #1d4ed8 100%); */
  background: #2563EB;
  color: #FFFFFF;
  height: auto;
  padding: clamp(0px * var(--coefficient), 0 * 100vw / var(--design-width) * var(--mobile-coefficient), 0px * var(--mobile-coefficient)) clamp(45px * var(--coefficient), 45 * 100vw / var(--design-width) * var(--mobile-coefficient), 45px * var(--mobile-coefficient)) clamp(0px * var(--coefficient), 0 * 100vw / var(--design-width) * var(--mobile-coefficient), 0px * var(--mobile-coefficient)) clamp(45px * var(--coefficient), 45 * 100vw / var(--design-width) * var(--mobile-coefficient), 45px * var(--mobile-coefficient));
  transition: all .3s ease;
}

.header button:hover {
    background: #093AC4;
}

.header__adaptive {
  display: none;
}

.footer {
  background-color: #0F172A;
  padding-top: clamp(64px * var(--coefficient), 64 * 100vw / var(--design-width) * var(--mobile-coefficient), 64px * var(--mobile-coefficient));
  padding-bottom: clamp(40px * var(--coefficient), 40 * 100vw / var(--design-width) * var(--mobile-coefficient), 40px * var(--mobile-coefficient));
}

.footer__logo {
  width: clamp(255px * var(--coefficient), 255 * 100vw / var(--design-width) * var(--mobile-coefficient), 255px * var(--mobile-coefficient));
  height: clamp(83px * var(--coefficient), 83 * 100vw / var(--design-width) * var(--mobile-coefficient), 83px * var(--mobile-coefficient));
  display: block;
  margin-bottom: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
}

.footer__logo img {
  width: clamp(255px * var(--coefficient), 255 * 100vw / var(--design-width) * var(--mobile-coefficient), 255px * var(--mobile-coefficient));
  height: clamp(83px * var(--coefficient), 83 * 100vw / var(--design-width) * var(--mobile-coefficient), 83px * var(--mobile-coefficient));
/*   object-fit: cover; */
}

.footer__contacts {
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
}

.footer__contacts-mail {
  gap: clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient));
}

.footer__contacts-mail img {
  width: clamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
  height: clamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
}

.footer__contacts-mail a {
  font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  line-height: clamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
  color: #FFFFFF;
}

.footer__contacts-phone {
  gap: clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient));
  padding: clamp(22px * var(--coefficient), 22 * 100vw / var(--design-width) * var(--mobile-coefficient), 22px * var(--mobile-coefficient)) clamp(32px * var(--coefficient), 32 * 100vw / var(--design-width) * var(--mobile-coefficient), 32px * var(--mobile-coefficient)) clamp(22px * var(--coefficient), 22 * 100vw / var(--design-width) * var(--mobile-coefficient), 22px * var(--mobile-coefficient)) clamp(32px * var(--coefficient), 32 * 100vw / var(--design-width) * var(--mobile-coefficient), 32px * var(--mobile-coefficient));
  color: #FFFFFF;
  background: linear-gradient(90deg, #2563eb 0%, #1d4ed8 100%);
    background: #2563EB;
  transition: all .3s ease;
  font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
}

.footer__contacts-phone:hover {
        background: #093AC4;
}

.footer__contacts-phone svg,
.footer__contacts-phone img{
  width: clamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
  height: clamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
}

.footer__contacts-phone.white {
  background: #FFFFFF;
  color: #475569;
  transition: all .3s ease;
}

.footer__contacts-phone.white:hover {
    opacity: 0.7;
}


.footer__top {
  justify-content: space-between;
  gap: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
}

.footer__top > .col p {
  font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  line-height: clamp(26px * var(--coefficient), 26 * 100vw / var(--design-width) * var(--mobile-coefficient), 26px * var(--mobile-coefficient));
  color: #CBD5E1;
  margin-bottom: clamp(32px * var(--coefficient), 32 * 100vw / var(--design-width) * var(--mobile-coefficient), 32px * var(--mobile-coefficient));
}

.footer__contact {
  gap: clamp(32px * var(--coefficient), 32 * 100vw / var(--design-width) * var(--mobile-coefficient), 32px * var(--mobile-coefficient));
  align-items: flex-start;
}

.footer__contact iframe {
  width: clamp(435px * var(--coefficient), 435 * 100vw / var(--design-width) * var(--mobile-coefficient), 435px * var(--mobile-coefficient));
  width: clamp(550px * var(--coefficient), 550 * 100vw / var(--design-width) * var(--mobile-coefficient), 550px * var(--mobile-coefficient));
  height: clamp(290px * var(--coefficient), 290 * 100vw / var(--design-width) * var(--mobile-coefficient), 290px * var(--mobile-coefficient));
}

.footer__contact h3 {
  font-size: clamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
  color: #FFFFFF;
  font-weight: 700;
  margin-bottom: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
}

.footer__contact .item {
  align-items: flex-start;
  justify-content: start;
  gap: clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient));
}

.footer__contact .item:not(:last-child) {
  margin-bottom: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
}

.footer__contact .item img {
  width: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  height: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
}

.footer__contact .item .col {
  flex-direction: column;
  gap: clamp(4px * var(--coefficient), 4 * 100vw / var(--design-width) * var(--mobile-coefficient), 4px * var(--mobile-coefficient));
}

.footer__contact .item h4 {
  color: #FFFFFF;
  font-weight: 500;
  font-size: clamp(18px * var(--coefficient), 18 * 100vw / var(--design-width) * var(--mobile-coefficient), 18px * var(--mobile-coefficient));
}

.footer__contact .item span,
.footer__contact .item a {
  color: #FFFFFF;
  font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  transition: all .3s ease;
}

@media(hover:hover) {
    .footer__contact .item span:hover,
    .footer__contact .item a:hover {
        color: #FFFFFF;
    }
}

.footer__contact .item span:active,
.footer__contact .item a:active {
    color: #FFFFFF;
}

.footer__contact .item .row {
  gap: clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient));
  justify-content: start;
  margin-top: clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient));
}

.footer__contact .item .row a {
  width: clamp(36px * var(--coefficient), 36 * 100vw / var(--design-width) * var(--mobile-coefficient), 36px * var(--mobile-coefficient));
  height: clamp(36px * var(--coefficient), 36 * 100vw / var(--design-width) * var(--mobile-coefficient), 36px * var(--mobile-coefficient));
}

.footer__contact .item .row a img {
  width: clamp(36px * var(--coefficient), 36 * 100vw / var(--design-width) * var(--mobile-coefficient), 36px * var(--mobile-coefficient));
  height: clamp(36px * var(--coefficient), 36 * 100vw / var(--design-width) * var(--mobile-coefficient), 36px * var(--mobile-coefficient));
}

.footer__bottom {
  padding-top: clamp(32px * var(--coefficient), 32 * 100vw / var(--design-width) * var(--mobile-coefficient), 32px * var(--mobile-coefficient));
  border-top: 1px solid #1E293B;
  margin-top: clamp(48px * var(--coefficient), 48 * 100vw / var(--design-width) * var(--mobile-coefficient), 48px * var(--mobile-coefficient));
  justify-content: space-between;
  color: #94A3B8;
  
}

.footer__bottom a {
  color: #94A3B8;
  transition: all .3s ease;
}

@media (hover:hover) {
    .footer__bottom a:hover {
        color: #FFFFFF;
    }        
}

.footer__bottom a:active {
    color: #FFFFFF;
}


.footer__bottom .policy {
  gap: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  justify-content: space-between;
      width: 100%;
}

.offer {
  position: relative;
  height: 100vh;
}

 .offer > img.adaptive {
     display: none;
 }

.offer > img:not(.adaptive) {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.offer .container {
  height: 100%;
}

.offer__inner {
  position: relative;
  color: #FFFFFF;
  height: 100%;
  align-items: flex-end;
  justify-content: space-between;
}

.offer h1 {
  font-size: clamp(80px * var(--coefficient), 80 * 100vw / var(--design-width) * var(--mobile-coefficient), 80px * var(--mobile-coefficient));
  font-weight: 700;
  line-height: clamp(80px * var(--coefficient), 80 * 100vw / var(--design-width) * var(--mobile-coefficient), 80px * var(--mobile-coefficient));
  margin-bottom: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
}

.offer__text p {
  font-size: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  line-height: clamp(32px * var(--coefficient), 32 * 100vw / var(--design-width) * var(--mobile-coefficient), 32px * var(--mobile-coefficient));
  color: #94A3B8;
  color: #FFFFFF;
}

.offer__contacts {
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
}

.offer__contacts-mail {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient));
}

.offer__contacts-mail img {
  width: clamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
  height: clamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
}

.offer__contacts-mail a {
  font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  line-height: clamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
  color: #FFFFFF;
}

.offer__contacts-phone {
  gap: clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient));
  padding: clamp(22px * var(--coefficient), 22 * 100vw / var(--design-width) * var(--mobile-coefficient), 22px * var(--mobile-coefficient)) clamp(32px * var(--coefficient), 32 * 100vw / var(--design-width) * var(--mobile-coefficient), 32px * var(--mobile-coefficient)) clamp(22px * var(--coefficient), 22 * 100vw / var(--design-width) * var(--mobile-coefficient), 22px * var(--mobile-coefficient)) clamp(32px * var(--coefficient), 32 * 100vw / var(--design-width) * var(--mobile-coefficient), 32px * var(--mobile-coefficient));
  color: #FFFFFF;
  background: linear-gradient(90deg, #2563eb 0%, #1d4ed8 100%);
  background: #2563EB;
  transition: all .3s ease;
  font-size: clamp(18px * var(--coefficient), 18 * 100vw / var(--design-width) * var(--mobile-coefficient), 18px * var(--mobile-coefficient));
}

.offer__contacts-phone:hover {
    background: #093AC4;
}

.offer__contacts-phone svg,
.offer__contacts-phone img{
  width: clamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
  height: clamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
}

.offer__contacts-phone.white {
  background: #FFFFFF;
  color: #475569;
}

.services {
  background: linear-gradient(157deg, #f8fafc 0%, rgba(239, 246, 255, 0.5) 100%);
}

.services__items {
  display: -ms-grid;
  display: -moz-grid;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
}

.services__item {
  box-shadow: 0px 4px 6px -4px rgba(0, 0, 0, 0.1019607843);
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843);
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  background-color: #FFFFFF;
}

.services__item > a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.services__item img {
  height: clamp(230px * var(--coefficient), 230 * 100vw / var(--design-width) * var(--mobile-coefficient), 230px * var(--mobile-coefficient));
  object-fit: cover;
}

.services__item-info {
  padding: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient)) clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient)) clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient)) clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
}

.services__item-info h3 {
  font-size: clamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
  line-height: clamp(28px * var(--coefficient), 28 * 100vw / var(--design-width) * var(--mobile-coefficient), 28px * var(--mobile-coefficient));
  color: #0F172A;
  margin-bottom: clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient));
  font-weight: bold;
  transition: all .3s ease;
}

@media (hover:hover) {
    .services__item:hover .services__item-info h3 {
        color: #2563EB;
    }
}

.services__item:active .services__item-info h3 {
    color: #2563EB;
}


.services__item-info p {
  font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  line-height: clamp(26px * var(--coefficient), 26 * 100vw / var(--design-width) * var(--mobile-coefficient), 26px * var(--mobile-coefficient));
  color: #475569;
}

.team__items {
  position: relative;
}

.team__items .btns.flex {
  width: 100%;
  justify-content: space-between;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 10;
}

.team__items .btns.flex svg {
  width: clamp(64px * var(--coefficient), 64 * 100vw / var(--design-width) * var(--mobile-coefficient), 64px * var(--mobile-coefficient));
  height: clamp(64px * var(--coefficient), 64 * 100vw / var(--design-width) * var(--mobile-coefficient), 64px * var(--mobile-coefficient));
  cursor: pointer;
  position: absolute;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.team__items .btns.flex svg.swiper-button-disabled {
  opacity: 0;
}

.team__items .btns.flex svg:first-child {
  left: clamp(-32px * var(--mobile-coefficient), -3200vw / var(--design-width) * var(--mobile-coefficient), -32px * var(--coefficient));
  z-index: 1;
}

.team__items .btns.flex svg:last-child {
  right: clamp(-32px * var(--mobile-coefficient), -3200vw / var(--design-width) * var(--mobile-coefficient), -32px * var(--coefficient));
  z-index: 1;
}

.team .teamSwiper-pagination {
  text-align: center;
  margin-top: clamp(48px * var(--coefficient), 48 * 100vw / var(--design-width) * var(--mobile-coefficient), 48px * var(--mobile-coefficient));
}

.team .teamSwiper-pagination .swiper-pagination-bullet {
  width: clamp(18px * var(--coefficient), 18 * 100vw / var(--design-width) * var(--mobile-coefficient), 18px * var(--mobile-coefficient));
  height: clamp(18px * var(--coefficient), 18 * 100vw / var(--design-width) * var(--mobile-coefficient), 18px * var(--mobile-coefficient));
  background: #CBD5E1;
  border-radius: 0px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.team .teamSwiper-pagination .swiper-pagination-bullet-active {
  background: linear-gradient(90deg, #2563eb 0%, #1d4ed8 100%);
}

.team .swiper {
  overflow: visible;
  position: relative;
  overflow-x: clip;
  padding: 0 8px;
}

.team .swiper-wrapper {
    align-items: stretch;
}

.team__iteam {
  box-shadow: 0px 4px 6px -4px rgba(0, 0, 0, 0.1019607843);
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843);
  position: relative;
  height: auto !important;
  display: flex !important;
  flex-direction: column;
}

.team__iteam > img {
  height: clamp(440px * var(--coefficient), 440 * 100vw / var(--design-width) * var(--mobile-coefficient), 440px * var(--mobile-coefficient));
  width: 100%;
  object-fit: cover;
  /* aspect-ratio: 1/1; */
}

.team__iteam-tags {
  gap: clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient));
  position: absolute;
  left: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  top: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  flex-wrap: wrap;
  justify-content: flex-start;
}

.team__iteam-tags span {
  font-weight: 600;
  font-size: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
  line-height: 133%;
  padding: clamp(3px * var(--coefficient), 3 * 100vw / var(--design-width) * var(--mobile-coefficient), 3px * var(--mobile-coefficient)) clamp(11px * var(--coefficient), 11 * 100vw / var(--design-width) * var(--mobile-coefficient), 11px * var(--mobile-coefficient)) clamp(3px * var(--coefficient), 3 * 100vw / var(--design-width) * var(--mobile-coefficient), 3px * var(--mobile-coefficient)) clamp(11px * var(--coefficient), 11 * 100vw / var(--design-width) * var(--mobile-coefficient), 11px * var(--mobile-coefficient));
  border-radius: 100px;
  box-shadow: 0px 4px 6px -4px rgba(0, 0, 0, 0.1019607843);
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843);
  background: #FFFFFF;
  color: #0F172A;
}

.team__iteam-tags span.pink {
  background: linear-gradient(169deg, #f43f5e 0%, #db2777 100%);
  color: #FFFFFF;
}

.team__iteam-info {
  padding: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient)) clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient)) clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient)) clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  flex: 1;
  display: flex !important;
  flex-direction: column;
}

.team__iteam-info button {
    padding: clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient)) clamp(13px * var(--coefficient), 13 * 100vw / var(--design-width) * var(--mobile-coefficient), 13px * var(--mobile-coefficient)) clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient)) clamp(13px * var(--coefficient), 13 * 100vw / var(--design-width) * var(--mobile-coefficient), 13px * var(--mobile-coefficient));
    border: 1px solid #CBD5E1;
    font-size: clamp(14px * var(--coefficient), 14 * 100vw / var(--design-width) * var(--mobile-coefficient), 14px * var(--mobile-coefficient));
    line-height: clamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
    color: #FFFFFF;
    width: 100%;
    background: linear-gradient(90deg, #2563eb 0%, #1d4ed8 100%);
    margin-top: auto;
    transition: all .3s ease;
    background: #2563EB;
}

.team__iteam-info button:hover {
    background: #093AC4;
}

.team__iteam-info h3 {
  color: #0F172A;
  font-size: clamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
  line-height: clamp(28px * var(--coefficient), 28 * 100vw / var(--design-width) * var(--mobile-coefficient), 28px * var(--mobile-coefficient));
  margin-bottom: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  font-weight: 600;
}

.team__iteam-info ul.flex {
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient));
  margin-bottom: clamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
}

.team__iteam-info li {
  gap: clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient));
}

.team__iteam-info li img {
  width: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  height: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
}

.team__iteam-info li span {
  font-size: clamp(14px * var(--coefficient), 14 * 100vw / var(--design-width) * var(--mobile-coefficient), 14px * var(--mobile-coefficient));
  line-height: clamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
  color: #334155;
}

.news {
  background: linear-gradient(157deg, #f8fafc 0%, rgba(239, 246, 255, 0.5) 100%);
}

.news__items {
  display: -ms-grid;
  display: -moz-grid;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
}

.news__item {
  box-shadow: 0px 4px 6px -4px rgba(0, 0, 0, 0.1019607843);
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843);
  position: relative;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  display: flex;
  flex-direction: column;
}

.news__item > a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
}

.news__item::after {
    content: '';
    left: 0;
    top: 0;
    position: absolute;
    height: clamp(224px * var(--coefficient), 224 * 100vw / var(--design-width) * var(--mobile-coefficient), 224px * var(--mobile-coefficient));
    width: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
    z-index: 1;
}

.news__item-tags {
  gap: clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient));
  position: absolute;
  left: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  top: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  z-index: 2;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.news__item-tags span {
  font-weight: 600;
  font-size: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
  line-height: 133%;
  padding: clamp(3px * var(--coefficient), 3 * 100vw / var(--design-width) * var(--mobile-coefficient), 3px * var(--mobile-coefficient)) clamp(11px * var(--coefficient), 11 * 100vw / var(--design-width) * var(--mobile-coefficient), 11px * var(--mobile-coefficient)) clamp(3px * var(--coefficient), 3 * 100vw / var(--design-width) * var(--mobile-coefficient), 3px * var(--mobile-coefficient)) clamp(11px * var(--coefficient), 11 * 100vw / var(--design-width) * var(--mobile-coefficient), 11px * var(--mobile-coefficient));
  border-radius: 100px;
  box-shadow: 0px 4px 6px -4px rgba(0, 0, 0, 0.1019607843);
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843);
  background: #FFFFFF;
  color: #0F172A;
}

.news__item-tags span.pink {
  background: linear-gradient(169deg, #f43f5e 0%, #db2777 100%);
  color: #FFFFFF;
}

.news__item-tags span.blue {
  background: linear-gradient(90deg, #2563eb 0%, #1d4ed8 100%);
  color: #FFFFFF;
}

.news__item .date {
  position: absolute;
  left: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  top: clamp(188px * var(--coefficient), 188 * 100vw / var(--design-width) * var(--mobile-coefficient), 188px * var(--mobile-coefficient));
  font-size: clamp(14px * var(--coefficient), 14 * 100vw / var(--design-width) * var(--mobile-coefficient), 14px * var(--mobile-coefficient));
  line-height: clamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
  color: #FFFFFF;
  z-index: 2;
}

.news__item > img {
  height: clamp(224px * var(--coefficient), 224 * 100vw / var(--design-width) * var(--mobile-coefficient), 224px * var(--mobile-coefficient));
  width: 100%;
  object-fit: cover;
}

.news__item-info {
  padding: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient)) clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient)) clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient)) clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  flex: 1;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
}

@media (hover:hover) {
    .news__item:hover .news__item-info h3 {
        color: #2563EB;
    }
}

.news__item-info h3 {
  font-size: clamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
  font-weight: 600;
  color: #0F172A;
  margin-bottom: clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient));
  transition: all .3s ease;
    
}

.news__item-info p {
  font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  line-height: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  color: #475569;
  margin-bottom: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
}

.news__item-info a {
  padding: clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient)) clamp(13px * var(--coefficient), 13 * 100vw / var(--design-width) * var(--mobile-coefficient), 13px * var(--mobile-coefficient)) clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient)) clamp(13px * var(--coefficient), 13 * 100vw / var(--design-width) * var(--mobile-coefficient), 13px * var(--mobile-coefficient));
  border: 1px solid #CBD5E1;
  font-size: clamp(14px * var(--coefficient), 14 * 100vw / var(--design-width) * var(--mobile-coefficient), 14px * var(--mobile-coefficient));
  line-height: clamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
  color: #09090B;
  display: block;
  margin-top: auto;
  width: fit-content;
}

.contacts {
  background: linear-gradient(175deg, #0f172a 0%, #1e3a8a 50%, #0f172a 100%);
}

.contacts__inner {
  justify-content: space-between;
}

.contacts__inner h2 {
  font-size: clamp(60px * var(--coefficient), 60 * 100vw / var(--design-width) * var(--mobile-coefficient), 60px * var(--mobile-coefficient));
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
}

.contacts__inner h2 span {
  color: #60A5FA;
}

.contacts__text > p {
  font-size: clamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
  line-height: clamp(32px * var(--coefficient), 32 * 100vw / var(--design-width) * var(--mobile-coefficient), 32px * var(--mobile-coefficient));
  color: #CBD5E1;
  margin-bottom: clamp(32px * var(--coefficient), 32 * 100vw / var(--design-width) * var(--mobile-coefficient), 32px * var(--mobile-coefficient));
}

.contacts__contacts {
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
}

.contacts__contacts-mail {
    display: flex;
        align-items: center;
    justify-content: flex-start;
  gap: clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient));
}

.contacts__contacts-mail img {
  width: clamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
  height: clamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
}

.contacts__contacts-mail a {
  font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  line-height: clamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
  color: #FFFFFF;
}

.contacts__contacts-phone {
  gap: clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient));
  padding: clamp(22px * var(--coefficient), 22 * 100vw / var(--design-width) * var(--mobile-coefficient), 22px * var(--mobile-coefficient)) clamp(32px * var(--coefficient), 32 * 100vw / var(--design-width) * var(--mobile-coefficient), 32px * var(--mobile-coefficient)) clamp(22px * var(--coefficient), 22 * 100vw / var(--design-width) * var(--mobile-coefficient), 22px * var(--mobile-coefficient)) clamp(32px * var(--coefficient), 32 * 100vw / var(--design-width) * var(--mobile-coefficient), 32px * var(--mobile-coefficient));
  color: #FFFFFF;
  background: linear-gradient(90deg, #2563eb 0%, #1d4ed8 100%);
  background: #2563EB;
  transition: all .3s ease;
  font-size: clamp(18px * var(--coefficient), 18 * 100vw / var(--design-width) * var(--mobile-coefficient), 18px * var(--mobile-coefficient));
}

.contacts__contacts-phone:hover {
        background: #093AC4;
}

.contacts__contacts-phone svg,
.contacts__contacts-phone img {
  width: clamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
  height: clamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
}

.contacts__contacts-phone.white {
  background: #FFFFFF;
  color: #475569;
  transition: all .3s ease;
}

.contacts__contacts-phone.white:hover {
    box-shadow: 0px 8px 10px -6px #0000001A;
    backdrop-filter: blur(4.199999809265137px);
    opacity: 0.7;
}

.contacts__info {
  flex-direction: column;
  width: clamp(320px * var(--coefficient), 320 * 100vw / var(--design-width) * var(--mobile-coefficient), 320px * var(--mobile-coefficient));
  gap: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
}

.contacts__info li {
  flex-direction: column;
  width: 100%;
  backdrop-filter: blur(4px);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  background: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient)) clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient)) clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient)) clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
/*   border-radius: clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient)); */
  background-color: rgba(255, 255, 255, 0.1);
  transition: all .3s ease;
}

@media (hover:hover) {
    .contacts__info li:hover {
        box-shadow: 0px 1.05px 2.1px 0px #0000000D;
        backdrop-filter: blur(4.199999809265137px)
        border: 1.05px solid #FFFFFF33;
        background-color: #FFFFFF33;
        transform: scale(1.02);
    }    
}

.contacts__info li:active {
    box-shadow: 0px 1.05px 2.1px 0px #0000000D;
    backdrop-filter: blur(4.199999809265137px)
    border: 1.05px solid #FFFFFF33;
    background-color: #FFFFFF33;
    transform: scale(1.02);
}  


.contacts__info li img {
  width: clamp(32px * var(--coefficient), 32 * 100vw / var(--design-width) * var(--mobile-coefficient), 32px * var(--mobile-coefficient));
  height: clamp(32px * var(--coefficient), 32 * 100vw / var(--design-width) * var(--mobile-coefficient), 32px * var(--mobile-coefficient));
  margin-bottom: clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient));
}

.contacts__info li h3 {
  color: #FFFFFF;
  font-size: clamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
  font-weight: 600;
  margin-bottom: clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient));
}

.contacts__info li p,
.contacts__info li a {
  font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  color: #FFFFFF;
  text-align: center;
}

.contacts__info-social {
  gap: clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient));
}

.contacts__info-social img {
  width: clamp(37px * var(--coefficient), 37 * 100vw / var(--design-width) * var(--mobile-coefficient), 37px * var(--mobile-coefficient));
  height: clamp(37px * var(--coefficient), 37 * 100vw / var(--design-width) * var(--mobile-coefficient), 37px * var(--mobile-coefficient));
}

.services-offer {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.9) 50%, rgba(15, 23, 42, 0.95) 100%);
  height: clamp(840px * var(--coefficient), 840 * 100vw / var(--design-width) * var(--mobile-coefficient), 840px * var(--mobile-coefficient));
}

.services-offer .container {
  height: 100%;
}

.services-offer__inner {
  height: 100%;
  flex-direction: column;
}

.services-offer__inner h1 {
  font-size: clamp(60px * var(--coefficient), 60 * 100vw / var(--design-width) * var(--mobile-coefficient), 60px * var(--mobile-coefficient));
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
}

.services-offer__inner h1 span {
  color: #60A5FA;
}

.services-offer__inner p {
  font-size: clamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
  line-height: clamp(32px * var(--coefficient), 32 * 100vw / var(--design-width) * var(--mobile-coefficient), 32px * var(--mobile-coefficient));
  text-align: center;
  color: #CBD5E1;
  margin-bottom: clamp(32px * var(--coefficient), 32 * 100vw / var(--design-width) * var(--mobile-coefficient), 32px * var(--mobile-coefficient));
}

.services-offer__inner button {
  gap: clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient));
  background: linear-gradient(90deg, #2563eb 0%, #1d4ed8 100%);
  padding: clamp(22px * var(--coefficient), 22 * 100vw / var(--design-width) * var(--mobile-coefficient), 22px * var(--mobile-coefficient)) clamp(32px * var(--coefficient), 32 * 100vw / var(--design-width) * var(--mobile-coefficient), 32px * var(--mobile-coefficient)) clamp(22px * var(--coefficient), 22 * 100vw / var(--design-width) * var(--mobile-coefficient), 22px * var(--mobile-coefficient)) clamp(32px * var(--coefficient), 32 * 100vw / var(--design-width) * var(--mobile-coefficient), 32px * var(--mobile-coefficient));
  transition: all .3s ease;
  background: #2563EB;
}

.services-offer__inner button:hover {
    background: #093AC4;
}

.services-offer__inner button img {
  width: clamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
  height: clamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
}

.services-offer__inner button span {
  font-size: clamp(18px * var(--coefficient), 18 * 100vw / var(--design-width) * var(--mobile-coefficient), 18px * var(--mobile-coefficient));
  font-weight: 500;
  color: #FFFFFF;
}

.services-list {
  background: linear-gradient(157deg, #f8fafc 0%, rgba(239, 246, 255, 0.5) 100%);
}

.services-list ul {
  display: -ms-grid;
  display: -moz-grid;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
}

.services-list .container > ul > li {
  box-shadow: 0px 4px 6px -4px rgba(0, 0, 0, 0.1019607843);
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843);
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.services-list li > img {
  height: clamp(230px * var(--coefficient), 230 * 100vw / var(--design-width) * var(--mobile-coefficient), 230px * var(--mobile-coefficient));
  width: 100%;
  object-fit: cover;
}

.services-list li .info {
  padding: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient)) clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient)) clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient)) clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
}

.services-list li h3 {
  font-size: clamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
  line-height: clamp(28px * var(--coefficient), 28 * 100vw / var(--design-width) * var(--mobile-coefficient), 28px * var(--mobile-coefficient));
  color: #09090B;
  font-weight: 500;
  margin-bottom: clamp(6px * var(--coefficient), 6 * 100vw / var(--design-width) * var(--mobile-coefficient), 6px * var(--mobile-coefficient));
}

.services-list li p {
  font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  line-height: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  color: #475569;
  margin-bottom: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
}

.services-list li ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient));
  margin-bottom: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
}

.services-list li li {
  gap: clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient));
}

.services-list li li img {
  width: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  height: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
}

.services-list li li span {
  font-size: clamp(14px * var(--coefficient), 14 * 100vw / var(--design-width) * var(--mobile-coefficient), 14px * var(--mobile-coefficient));
  line-height: clamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
  color: #334155;
}

.services-list li a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(14px * var(--coefficient), 14 * 100vw / var(--design-width) * var(--mobile-coefficient), 14px * var(--mobile-coefficient));
  padding: clamp(11px * var(--coefficient), 11 * 100vw / var(--design-width) * var(--mobile-coefficient), 11px * var(--mobile-coefficient)) clamp(0px * var(--coefficient), 0 * 100vw / var(--design-width) * var(--mobile-coefficient), 0px * var(--mobile-coefficient)) clamp(11px * var(--coefficient), 11 * 100vw / var(--design-width) * var(--mobile-coefficient), 11px * var(--mobile-coefficient)) clamp(0px * var(--coefficient), 0 * 100vw / var(--design-width) * var(--mobile-coefficient), 0px * var(--mobile-coefficient));
  width: 100%;
  background: linear-gradient(90deg, #2563eb 0%, #1d4ed8 100%);
  color: #FFFFFF;
  transition: all .3s ease;
  background: #2563EB;
}

.services-list li a:hover {
    background: #093AC4;
}

.service-offer {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.9) 50%, rgba(15, 23, 42, 0.95) 100%);
  height: clamp(840px * var(--coefficient), 840 * 100vw / var(--design-width) * var(--mobile-coefficient), 840px * var(--mobile-coefficient));
  padding-top: clamp(120px * var(--coefficient), 120 * 100vw / var(--design-width) * var(--mobile-coefficient), 120px * var(--mobile-coefficient));
}

.service-offer .container {
  height: auto;
}

.service-offer__inner {
  height: auto;
  gap: clamp(32px * var(--coefficient), 32 * 100vw / var(--design-width) * var(--mobile-coefficient), 32px * var(--mobile-coefficient));
}

.service-offer__inner > img {
  width: clamp(784px * var(--coefficient), 784 * 100vw / var(--design-width) * var(--mobile-coefficient), 784px * var(--mobile-coefficient));
  height: clamp(720px * var(--coefficient), 720 * 100vw / var(--design-width) * var(--mobile-coefficient), 720px * var(--mobile-coefficient));
  object-fit: cover;
}

.service-offer__text h1 {
  font-size: clamp(60px * var(--coefficient), 60 * 100vw / var(--design-width) * var(--mobile-coefficient), 60px * var(--mobile-coefficient));
  font-weight: 700;
  margin-bottom: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  color: #FFFFFF;
}

.service-offer__text p {
  font-size: clamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
  line-height: clamp(32px * var(--coefficient), 32 * 100vw / var(--design-width) * var(--mobile-coefficient), 32px * var(--mobile-coefficient));
  color: #CBD5E1;
  margin-bottom: clamp(32px * var(--coefficient), 32 * 100vw / var(--design-width) * var(--mobile-coefficient), 32px * var(--mobile-coefficient));
}

.service-info__inner {
  justify-content: space-between;
  gap: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  align-items: flex-start;
}

.service-info aside {
  box-shadow: 0 8px 10px -6px rgba(0, 0, 0, 0.1), 0 20px 25px -5px rgba(0, 0, 0, 0.1);
  background: linear-gradient(125deg, #0f172a 0%, #1e3a8a 100%);
  padding: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient)) clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient)) clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient)) clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  color: #FFFFFF;
  text-align: center;
  width: clamp(440px * var(--coefficient), 440 * 100vw / var(--design-width) * var(--mobile-coefficient), 440px * var(--mobile-coefficient));
  flex: none;
  flex-direction: column;
  gap: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  position: sticky;
  top: clamp(100px * var(--coefficient), 100 * 100vw / var(--design-width) * var(--mobile-coefficient), 100px * var(--mobile-coefficient));
}

.service-info aside h3 {
  font-size: clamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
  line-height: clamp(28px * var(--coefficient), 28 * 100vw / var(--design-width) * var(--mobile-coefficient), 28px * var(--mobile-coefficient));
  font-weight: 500;
}

.service-info aside p {
  font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  line-height: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  color: #CBD5E1;
  margin-bottom: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
}

.service-info aside .item {
  flex-direction: column;
  width: 100%;
  background-color: #2F4070;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient)) clamp(0px * var(--coefficient), 0 * 100vw / var(--design-width) * var(--mobile-coefficient), 0px * var(--mobile-coefficient)) clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient)) clamp(0px * var(--coefficient), 0 * 100vw / var(--design-width) * var(--mobile-coefficient), 0px * var(--mobile-coefficient));
  border: 1px solid #56617F;
  transition: all .3s ease;
}

@media (hover:hover) {
    .service-info aside .item:hover {
        box-shadow: 0px 1.05px 2.1px 0px #0000000D;
        backdrop-filter: blur(4.199999809265137px)
        border: 1.05px solid #FFFFFF33;
        background-color: #FFFFFF33;
        transform: scale(1.02);
    }
}
 
.service-info aside .item img {
  width: clamp(32px * var(--coefficient), 32 * 100vw / var(--design-width) * var(--mobile-coefficient), 32px * var(--mobile-coefficient));
  height: clamp(32px * var(--coefficient), 32 * 100vw / var(--design-width) * var(--mobile-coefficient), 32px * var(--mobile-coefficient));
  margin-bottom: clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient));
}

.service-info aside .item a {
  color: #FFFFFF;
  font-size: clamp(18px * var(--coefficient), 18 * 100vw / var(--design-width) * var(--mobile-coefficient), 18px * var(--mobile-coefficient));
  line-height: clamp(28px * var(--coefficient), 28 * 100vw / var(--design-width) * var(--mobile-coefficient), 28px * var(--mobile-coefficient));
  font-weight: 600;
}

.service-info aside .item span {
  font-size: clamp(14px * var(--coefficient), 14 * 100vw / var(--design-width) * var(--mobile-coefficient), 14px * var(--mobile-coefficient));
  line-height: clamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
  color: #94A3B8;
  text-align: center;
}

.service-info__content h2,
.service-info__content h3,
.service-info__content h4,
.service-info__content h5,
.service-info__content h6 {
  font-size: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  line-height: clamp(32px * var(--coefficient), 32 * 100vw / var(--design-width) * var(--mobile-coefficient), 32px * var(--mobile-coefficient));
  color: #111827;
  font-weight: 700;
  margin-bottom: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
}
.service-info__content a {
  color: #1d4ed8;
}

.service-info__content ul, .service-info__content ol {
    padding-left: 1rem;
    margin-bottom: clamp(40px * var(--coefficient), 40 * 100vw / var(--design-width) * var(--mobile-coefficient), 40px * var(--mobile-coefficient));
}

.service-info__content ul li {
    list-style-type: disc;
    font-size: clamp(18px * var(--coefficient), 18 * 100vw / var(--design-width) * var(--mobile-coefficient), 18px * var(--mobile-coefficient));
    line-height: 150%;
    color: #475569;
}

.service-info__content ol li {
    font-size: clamp(18px * var(--coefficient), 18 * 100vw / var(--design-width) * var(--mobile-coefficient), 18px * var(--mobile-coefficient));
    line-height: 150%;
    color: #475569;
}

.service-info__content p {
  font-size: clamp(18px * var(--coefficient), 18 * 100vw / var(--design-width) * var(--mobile-coefficient), 18px * var(--mobile-coefficient));
  line-height: clamp(29px * var(--coefficient), 29 * 100vw / var(--design-width) * var(--mobile-coefficient), 29px * var(--mobile-coefficient));
  color: #475569;
  margin-bottom: clamp(40px * var(--coefficient), 40 * 100vw / var(--design-width) * var(--mobile-coefficient), 40px * var(--mobile-coefficient));
}

.service-info__content .list {
  padding: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient)) clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient)) clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient)) clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  background: linear-gradient(157deg, #f8fafc 0%, rgba(239, 246, 255, 0.5) 100%);
  margin-bottom: clamp(40px * var(--coefficient), 40 * 100vw / var(--design-width) * var(--mobile-coefficient), 40px * var(--mobile-coefficient));
}

.service-info__content ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.service-info__content ul li {
  gap: clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient));
}

.service-info__content ul li img {
  width: clamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
  height: clamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
}

.service-info__content ul li span {
  font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  line-height: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  color: #334155;
}

.service-imgs ul {
  display: -ms-grid;
  display: -moz-grid;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
}

.service-imgs li {
  position: relative;
  box-shadow: 0px 4px 6px -4px rgba(0, 0, 0, 0.1019607843);
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843);
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.service-imgs li img {
  height: clamp(346px * var(--coefficient), 346 * 100vw / var(--design-width) * var(--mobile-coefficient), 346px * var(--mobile-coefficient));
  width: 100%;
  object-fit: cover;
}

.service-imgs li p {
  padding: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient)) clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient)) clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient)) clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  font-size: clamp(14px * var(--coefficient), 14 * 100vw / var(--design-width) * var(--mobile-coefficient), 14px * var(--mobile-coefficient));
  color: #475569;
  text-align: center;
}

.service-imgs li span {
  padding: clamp(4px * var(--coefficient), 4 * 100vw / var(--design-width) * var(--mobile-coefficient), 4px * var(--mobile-coefficient)) clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient)) clamp(4px * var(--coefficient), 4 * 100vw / var(--design-width) * var(--mobile-coefficient), 4px * var(--mobile-coefficient)) clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
  border-radius: 100px;
  color: #FFFFFF;
  font-size: clamp(14px * var(--coefficient), 14 * 100vw / var(--design-width) * var(--mobile-coefficient), 14px * var(--mobile-coefficient));
  font-weight: 500;
  background-color: #000000;
  position: absolute;
  top: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  right: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
}

.service-page .team {
  background: linear-gradient(157deg, #f8fafc 0%, rgba(239, 246, 255, 0.5) 100%);
}

.service-page .news {
  background: none;
}

.news-filter {
  gap: clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient));
  justify-content: flex-start;
  margin-bottom: clamp(64px * var(--coefficient), 64 * 100vw / var(--design-width) * var(--mobile-coefficient), 64px * var(--mobile-coefficient));
}

.news-filter button {
  padding: clamp(14px * var(--coefficient), 14 * 100vw / var(--design-width) * var(--mobile-coefficient), 14px * var(--mobile-coefficient)) clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient)) clamp(14px * var(--coefficient), 14 * 100vw / var(--design-width) * var(--mobile-coefficient), 14px * var(--mobile-coefficient)) clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  gap: clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient));
  border: 1px solid #CBD5E1;
}

.news-filter button.all {
  background: linear-gradient(90deg, #2563eb 0%, #1d4ed8 100%);
  color: #FFFFFF;
}

.news-filter button.all p {
  color: #FFFFFF;
}

.news-filter button p {
  font-size: clamp(14px * var(--coefficient), 14 * 100vw / var(--design-width) * var(--mobile-coefficient), 14px * var(--mobile-coefficient));
  line-height: clamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
  color: #0F172A;
  margin: 0;
}

.news-filter button span {
  font-size: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
  line-height: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  font-weight: 600;
  padding: clamp(3px * var(--coefficient), 3 * 100vw / var(--design-width) * var(--mobile-coefficient), 3px * var(--mobile-coefficient)) clamp(11px * var(--coefficient), 11 * 100vw / var(--design-width) * var(--mobile-coefficient), 11px * var(--mobile-coefficient)) clamp(3px * var(--coefficient), 3 * 100vw / var(--design-width) * var(--mobile-coefficient), 3px * var(--mobile-coefficient)) clamp(11px * var(--coefficient), 11 * 100vw / var(--design-width) * var(--mobile-coefficient), 11px * var(--mobile-coefficient));
  border-radius: 100px;
  background-color: #F4F4F5;
  color: #0F172A;
}

.pagination {
  margin-top: clamp(48px * var(--coefficient), 48 * 100vw / var(--design-width) * var(--mobile-coefficient), 48px * var(--mobile-coefficient));
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.pagination ul {
  gap: clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient));
  justify-content: flex-start;
}

.pagination ul li {
  width: clamp(48px * var(--coefficient), 48 * 100vw / var(--design-width) * var(--mobile-coefficient), 48px * var(--mobile-coefficient));
  height: clamp(48px * var(--coefficient), 48 * 100vw / var(--design-width) * var(--mobile-coefficient), 48px * var(--mobile-coefficient));
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(18px * var(--coefficient), 18 * 100vw / var(--design-width) * var(--mobile-coefficient), 18px * var(--mobile-coefficient));
  font-weight: 500;
  color: #0F172A;
  border: 1px solid #CBD5E1;
}

.pagination ul li:has(svg) {
  cursor: pointer;
}

.pagination ul li:has(svg):first-child {
  margin-right: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
}

.pagination ul li:has(svg):last-child {
  margin-left: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
}

.pagination button {
  padding: clamp(13px * var(--coefficient), 13 * 100vw / var(--design-width) * var(--mobile-coefficient), 13px * var(--mobile-coefficient)) clamp(46px * var(--coefficient), 46 * 100vw / var(--design-width) * var(--mobile-coefficient), 46px * var(--mobile-coefficient)) clamp(13px * var(--coefficient), 13 * 100vw / var(--design-width) * var(--mobile-coefficient), 13px * var(--mobile-coefficient)) clamp(46px * var(--coefficient), 46 * 100vw / var(--design-width) * var(--mobile-coefficient), 46px * var(--mobile-coefficient));
  background: linear-gradient(90deg, #2563eb 0%, #1d4ed8 100%);
  color: #FFFFFF;
  font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  font-weight: 500;
  color: #FFFFFF;
}

.news-offer {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.9) 50%, rgba(15, 23, 42, 0.95) 100%);
  height: clamp(620px * var(--coefficient), 620 * 100vw / var(--design-width) * var(--mobile-coefficient), 620px * var(--mobile-coefficient));
  padding-top: clamp(160px * var(--coefficient), 160 * 100vw / var(--design-width) * var(--mobile-coefficient), 160px * var(--mobile-coefficient));
}

.news-offer .container {
  height: auto;
}

.news-offer__inner {
  height: auto;
  flex-direction: column;
  align-items: flex-start;
}

.news-offer__inner a.back {
  gap: clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient));
  color: #FFFFFF;
  font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  font-weight: 600;
  margin-bottom: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
}

.news-offer__inner a.back svg {
  width: clamp(28px * var(--coefficient), 28 * 100vw / var(--design-width) * var(--mobile-coefficient), 28px * var(--mobile-coefficient));
  height: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
}

.news-offer__inner .row {
  gap: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  margin-bottom: clamp(25px * var(--coefficient), 25 * 100vw / var(--design-width) * var(--mobile-coefficient), 25px * var(--mobile-coefficient));
  flex-wrap: wrap;
}

.news-offer__inner .tag {
  padding: clamp(3px * var(--coefficient), 3 * 100vw / var(--design-width) * var(--mobile-coefficient), 3px * var(--mobile-coefficient)) clamp(11px * var(--coefficient), 11 * 100vw / var(--design-width) * var(--mobile-coefficient), 11px * var(--mobile-coefficient)) clamp(3px * var(--coefficient), 3 * 100vw / var(--design-width) * var(--mobile-coefficient), 3px * var(--mobile-coefficient)) clamp(11px * var(--coefficient), 11 * 100vw / var(--design-width) * var(--mobile-coefficient), 11px * var(--mobile-coefficient));
  border-radius: 100px;
  background: linear-gradient(135deg, #F43F5E 0%, #DB2777 100%);
  color: #FFFFFF;
}

.news-offer__inner .date img {
  width: clamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
  height: clamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
  gap: clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient));
}

.news-offer__inner .date span {
  font-size: clamp(14px * var(--coefficient), 14 * 100vw / var(--design-width) * var(--mobile-coefficient), 14px * var(--mobile-coefficient));
  line-height: clamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
  color: #CBD5E1;
}

.news-offer__inner h1 {
  font-size: clamp(60px * var(--coefficient), 60 * 100vw / var(--design-width) * var(--mobile-coefficient), 60px * var(--mobile-coefficient));
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
}

.news-offer__inner p {
  font-size: clamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
  line-height: clamp(32px * var(--coefficient), 32 * 100vw / var(--design-width) * var(--mobile-coefficient), 32px * var(--mobile-coefficient));
  color: #CBD5E1;
}

.news-info__inner {
  align-items: flex-start;
  justify-content: space-between;
  gap: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
}
.news-info-content h2,
.news-info-content h3,
.news-info-content h4,
.news-info-content h5,
.news-info-content h6 {
  font-size: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  line-height: clamp(32px * var(--coefficient), 32 * 100vw / var(--design-width) * var(--mobile-coefficient), 32px * var(--mobile-coefficient));
  color: #111827;
  font-weight: 700;
  margin-bottom: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
}

.news-info-content a {
  color: #1d4ed8;
}

.news-info-content p {
  font-size: clamp(18px * var(--coefficient), 18 * 100vw / var(--design-width) * var(--mobile-coefficient), 18px * var(--mobile-coefficient));
  line-height: clamp(29px * var(--coefficient), 29 * 100vw / var(--design-width) * var(--mobile-coefficient), 29px * var(--mobile-coefficient));
  color: #475569;
  margin-bottom: clamp(40px * var(--coefficient), 40 * 100vw / var(--design-width) * var(--mobile-coefficient), 40px * var(--mobile-coefficient));
}

.news-info-content ul,
.news-info-content ol {
  padding-left: 1rem;
  margin-bottom: clamp(40px * var(--coefficient), 40 * 100vw / var(--design-width) * var(--mobile-coefficient), 40px * var(--mobile-coefficient));
}

.news-info-content ul li {
  list-style-type: disc;
  font-size: clamp(18px * var(--coefficient), 18 * 100vw / var(--design-width) * var(--mobile-coefficient), 18px * var(--mobile-coefficient));
  line-height: 150%;
  color: #475569;
}

.news-info-content ol li {
  font-size: clamp(18px * var(--coefficient), 18 * 100vw / var(--design-width) * var(--mobile-coefficient), 18px * var(--mobile-coefficient));
  line-height: 150%;
  color: #475569;
}

.news-info-content .share {
  justify-content: space-between;
  gap: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  padding: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient)) clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient)) clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient)) clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  background: linear-gradient(157deg, #f8fafc 0%, rgba(239, 246, 255, 0.5) 100%);
  margin-bottom: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
}

.news-info-content .share h3 {
  font-size: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  line-height: clamp(32px * var(--coefficient), 32 * 100vw / var(--design-width) * var(--mobile-coefficient), 32px * var(--mobile-coefficient));
  font-weight: 700;
  color: #0F172A;
  margin-bottom: clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient));
}

.news-info-content .share p {
  font-size: clamp(18px * var(--coefficient), 18 * 100vw / var(--design-width) * var(--mobile-coefficient), 18px * var(--mobile-coefficient));
  line-height: 150%;
  color: #475569;
}

.news-info-content .share button {
  padding: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient)) clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient)) clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient)) clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  gap: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
  background: linear-gradient(90deg, #2563eb 0%, #1d4ed8 100%);
  box-shadow: 0 8px 10px -6px rgba(0, 0, 0, 0.1), 0 20px 25px -5px rgba(0, 0, 0, 0.1);
  background: linear-gradient(90deg, #2563eb 0%, #1d4ed8 100%);
  background: #2563EB;
  transition: all .3s ease;
}

.news-info-content .share button:hover {
    background: #093AC4;
}

.news-info-content .share button img {
  width: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  height: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
}

.news-info-content .share button span {
  font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  color: #FFFFFF;
}

.news-info-content a.back {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
  padding: clamp(13px * var(--coefficient), 13 * 100vw / var(--design-width) * var(--mobile-coefficient), 13px * var(--mobile-coefficient)) clamp(63px * var(--coefficient), 63 * 100vw / var(--design-width) * var(--mobile-coefficient), 63px * var(--mobile-coefficient)) clamp(13px * var(--coefficient), 13 * 100vw / var(--design-width) * var(--mobile-coefficient), 13px * var(--mobile-coefficient)) clamp(63px * var(--coefficient), 63 * 100vw / var(--design-width) * var(--mobile-coefficient), 63px * var(--mobile-coefficient));
  border: 1px solid #CBD5E1;
  width: fit-content;
}

.news-info-content a.back svg {
  width: clamp(28px * var(--coefficient), 28 * 100vw / var(--design-width) * var(--mobile-coefficient), 28px * var(--mobile-coefficient));
  height: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
}

.news-info-content a.back span {
  font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  font-weight: 500;
  color: #0F172A;
}

.news-info aside {
  width: clamp(440px * var(--coefficient), 440 * 100vw / var(--design-width) * var(--mobile-coefficient), 440px * var(--mobile-coefficient));
}

.news-info aside > h3 {
  font-size: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  line-height: clamp(32px * var(--coefficient), 32 * 100vw / var(--design-width) * var(--mobile-coefficient), 32px * var(--mobile-coefficient));
  color: #0F172A;
  margin-bottom: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  font-weight: 700;
}

.news-info .aside-lawyer {
  margin-bottom: clamp(40px * var(--coefficient), 40 * 100vw / var(--design-width) * var(--mobile-coefficient), 40px * var(--mobile-coefficient));
}

.news-info .aside-lawyer button {
  padding: clamp(11px * var(--coefficient), 11 * 100vw / var(--design-width) * var(--mobile-coefficient), 11px * var(--mobile-coefficient)) clamp(0px * var(--coefficient), 0 * 100vw / var(--design-width) * var(--mobile-coefficient), 0px * var(--mobile-coefficient)) clamp(11px * var(--coefficient), 11 * 100vw / var(--design-width) * var(--mobile-coefficient), 11px * var(--mobile-coefficient)) clamp(0px * var(--coefficient), 0 * 100vw / var(--design-width) * var(--mobile-coefficient), 0px * var(--mobile-coefficient));
  width: 100%;
  font-size: clamp(14px * var(--coefficient), 14 * 100vw / var(--design-width) * var(--mobile-coefficient), 14px * var(--mobile-coefficient));
  color: #FFFFFF;
  font-weight: 500;
  background: #2563EB;
  margin-top: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
}

.news-info .aside-contacts {
  box-shadow: 0 8px 10px -6px rgba(0, 0, 0, 0.1), 0 20px 25px -5px rgba(0, 0, 0, 0.1);
  background: linear-gradient(125deg, #0f172a 0%, #1e3a8a 100%);
  padding: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient)) clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient)) clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient)) clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  color: #FFFFFF;
  text-align: center;
  width: clamp(440px * var(--coefficient), 440 * 100vw / var(--design-width) * var(--mobile-coefficient), 440px * var(--mobile-coefficient));
  flex: none;
  flex-direction: column;
  gap: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  position: sticky;
  top: clamp(100px * var(--coefficient), 100 * 100vw / var(--design-width) * var(--mobile-coefficient), 100px * var(--mobile-coefficient));
}
.news-info aside {
  position: sticky;
  top: clamp(100px * var(--coefficient), 100 * 100vw / var(--design-width) * var(--mobile-coefficient), 100px * var(--mobile-coefficient));
}

.news-info .aside-contacts h3 {
  font-size: clamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
  line-height: clamp(28px * var(--coefficient), 28 * 100vw / var(--design-width) * var(--mobile-coefficient), 28px * var(--mobile-coefficient));
  font-weight: 500;
}

.news-info .aside-contacts p {
  font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  line-height: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  color: #CBD5E1;
  margin-bottom: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
}

.news-info .aside-contacts .item {
  flex-direction: column;
  width: 100%;
  background-color: #2F4070;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient)) clamp(0px * var(--coefficient), 0 * 100vw / var(--design-width) * var(--mobile-coefficient), 0px * var(--mobile-coefficient)) clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient)) clamp(0px * var(--coefficient), 0 * 100vw / var(--design-width) * var(--mobile-coefficient), 0px * var(--mobile-coefficient));
  border: 1px solid #56617F;
  transition: all .3s ease;
}

@media (hover:hover) {
    .news-info .aside-contacts .item:hover {
        box-shadow: 0px 1.05px 2.1px 0px #0000000D;
        backdrop-filter: blur(4.199999809265137px)
        border: 1.05px solid #FFFFFF33;
        background-color: #FFFFFF33;
        transform: scale(1.02);
    }
}

.news-info .aside-contacts .item img {
  width: clamp(32px * var(--coefficient), 32 * 100vw / var(--design-width) * var(--mobile-coefficient), 32px * var(--mobile-coefficient));
  height: clamp(32px * var(--coefficient), 32 * 100vw / var(--design-width) * var(--mobile-coefficient), 32px * var(--mobile-coefficient));
  margin-bottom: clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient));
}

.news-info .aside-contacts .item a {
  color: #FFFFFF;
  font-size: clamp(18px * var(--coefficient), 18 * 100vw / var(--design-width) * var(--mobile-coefficient), 18px * var(--mobile-coefficient));
  line-height: clamp(28px * var(--coefficient), 28 * 100vw / var(--design-width) * var(--mobile-coefficient), 28px * var(--mobile-coefficient));
  font-weight: 600;
}

.news-info .aside-contacts .item span {
  font-size: clamp(14px * var(--coefficient), 14 * 100vw / var(--design-width) * var(--mobile-coefficient), 14px * var(--mobile-coefficient));
  line-height: clamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
  color: #94A3B8;
  text-align: center;
}

.contacts-info__inner {
  gap: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  align-items: stretch;
}

.contacts-info__inner > .col {
  width: clamp(672px * var(--coefficient), 672 * 100vw / var(--design-width) * var(--mobile-coefficient), 672px * var(--mobile-coefficient));
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  gap: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
}

.contacts-info .map {
  flex: 1;
  padding: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient)) clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient)) clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient)) clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  border-radius: clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient));
  box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  background: #fff;
  height: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}

.contacts-info .map h2 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
  font-size: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  font-weight: 600;
  margin-bottom: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
}

.contacts-info .map h2 img {
  width: clamp(48px * var(--coefficient), 48 * 100vw / var(--design-width) * var(--mobile-coefficient), 48px * var(--mobile-coefficient));
  height: clamp(48px * var(--coefficient), 48 * 100vw / var(--design-width) * var(--mobile-coefficient), 48px * var(--mobile-coefficient));
}

.contacts-info .map strong {
  font-size: clamp(18px * var(--coefficient), 18 * 100vw / var(--design-width) * var(--mobile-coefficient), 18px * var(--mobile-coefficient));
  line-height: clamp(28px * var(--coefficient), 28 * 100vw / var(--design-width) * var(--mobile-coefficient), 28px * var(--mobile-coefficient));
  color: #0F172A;
  font-weight: 500;
}

.contacts-info .map span {
  font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  line-height: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  color: #475569;
}

.contacts-info .map iframe {
  width: 100%;
  flex: 1;
  margin-top: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  margin-bottom: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
}

.contacts-info .map a {
  display: block;
  width: 100%;
  color: #FFFFFF;
  font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  background: linear-gradient(90deg, #2563eb 0%, #1d4ed8 100%);
  padding: clamp(13px * var(--coefficient), 13 * 100vw / var(--design-width) * var(--mobile-coefficient), 13px * var(--mobile-coefficient)) clamp(0px * var(--coefficient), 0 * 100vw / var(--design-width) * var(--mobile-coefficient), 0px * var(--mobile-coefficient)) clamp(13px * var(--coefficient), 13 * 100vw / var(--design-width) * var(--mobile-coefficient), 13px * var(--mobile-coefficient)) clamp(0px * var(--coefficient), 0 * 100vw / var(--design-width) * var(--mobile-coefficient), 0px * var(--mobile-coefficient));
  text-align: center;
  transition: all .3s ease;
  background: #2563EB;
}

.contacts-info .map a:hover {
    background: #093AC4;
}

.contacts-info .work-time {
  padding: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient)) clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient)) clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient)) clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  border-radius: clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient));
  box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  background: #fff;
}

.contacts-info .work-time h2 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
  font-size: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  font-weight: 600;
  margin-bottom: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
}

.contacts-info .work-time h2 img {
  width: clamp(48px * var(--coefficient), 48 * 100vw / var(--design-width) * var(--mobile-coefficient), 48px * var(--mobile-coefficient));
  height: clamp(48px * var(--coefficient), 48 * 100vw / var(--design-width) * var(--mobile-coefficient), 48px * var(--mobile-coefficient));
}

.contacts-info .work-time p {
  font-size: clamp(14px * var(--coefficient), 14 * 100vw / var(--design-width) * var(--mobile-coefficient), 14px * var(--mobile-coefficient));
  line-height: clamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
  color: #1E40AF;
  padding: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient)) clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient)) clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient)) clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
  border-radius: clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient));
  background-color: #EFF6FF;
  width: 100%;
  margin-top: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
}

.contacts-info .work-time p strong {
  font-weight: 600;
}

.contacts-info .work-time ul {
  flex-direction: column;
  width: 100%;
}

.contacts-info .work-time ul li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient)) clamp(0px * var(--coefficient), 0 * 100vw / var(--design-width) * var(--mobile-coefficient), 0px * var(--mobile-coefficient)) clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient)) clamp(0px * var(--coefficient), 0 * 100vw / var(--design-width) * var(--mobile-coefficient), 0px * var(--mobile-coefficient));
}

.contacts-info .work-time ul li:not(:last-child) {
  border-bottom: 1px solid #F1F5F9;
}

.contacts-info .work-time ul li strong {
  font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  line-height: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  font-weight: 500;
  color: #0F172A;
}

.contacts-info .work-time ul li span {
  color: #475569;
  font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  line-height: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
}

.contacts-info .work-time ul li span.red {
  font-weight: 500;
  color: #DC2626;
}

.contacts-info .aside-contacts {
  box-shadow: 0 8px 10px -6px rgba(0, 0, 0, 0.1), 0 20px 25px -5px rgba(0, 0, 0, 0.1);
  background: linear-gradient(125deg, #0f172a 0%, #1e3a8a 100%);
  padding: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient)) clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient)) clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient)) clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  color: #FFFFFF;
  text-align: center;
  width: 100%;
  flex: none;
  flex-direction: column;
}

.contacts-info .aside-contacts h3 {
  font-size: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  line-height: clamp(32px * var(--coefficient), 32 * 100vw / var(--design-width) * var(--mobile-coefficient), 32px * var(--mobile-coefficient));
  font-weight: 500;
}

.contacts-info .aside-contacts p {
  font-size: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  line-height: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  color: #CBD5E1;
  margin-bottom: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
}

.contacts-info .aside-contacts .items {
  display: -ms-grid;
  display: -moz-grid;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  width: 100%;
  margin-bottom: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
}

.contacts-info .aside-contacts .item {
  flex-direction: column;
  width: 100%;
  background-color: #2F4070;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient)) clamp(0px * var(--coefficient), 0 * 100vw / var(--design-width) * var(--mobile-coefficient), 0px * var(--mobile-coefficient)) clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient)) clamp(0px * var(--coefficient), 0 * 100vw / var(--design-width) * var(--mobile-coefficient), 0px * var(--mobile-coefficient));
  border: 1px solid #56617F;
  transition: all .3s ease;
}

.contacts-info .aside-contacts .item:hover {
   box-shadow: 0px 1.05px 2.1px 0px #0000000D;
   backdrop-filter: blur(4.199999809265137px)
    border: 1.05px solid #FFFFFF33;
    background-color: #FFFFFF33;

    transform: scale(1.02);

}


.contacts-info .aside-contacts .item:last-child {
  grid-column: 2 span;
}

.contacts-info .aside-contacts .item img {
  width: clamp(32px * var(--coefficient), 32 * 100vw / var(--design-width) * var(--mobile-coefficient), 32px * var(--mobile-coefficient));
  height: clamp(32px * var(--coefficient), 32 * 100vw / var(--design-width) * var(--mobile-coefficient), 32px * var(--mobile-coefficient));
  margin-bottom: clamp(8px * var(--coefficient), 8 * 100vw / var(--design-width) * var(--mobile-coefficient), 8px * var(--mobile-coefficient));
}

.contacts-info .aside-contacts .item a {
  color: #FFFFFF;
  font-size: clamp(18px * var(--coefficient), 18 * 100vw / var(--design-width) * var(--mobile-coefficient), 18px * var(--mobile-coefficient));
  line-height: clamp(28px * var(--coefficient), 28 * 100vw / var(--design-width) * var(--mobile-coefficient), 28px * var(--mobile-coefficient));
  font-weight: 600;
}

.contacts-info .aside-contacts .item span {
  font-size: clamp(14px * var(--coefficient), 14 * 100vw / var(--design-width) * var(--mobile-coefficient), 14px * var(--mobile-coefficient));
  line-height: clamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
  color: #94A3B8;
  text-align: center;
}

.date {
  gap: 5px;
}

@media only screen and (max-width: 640px) {
  :root {
    --coefficient: 0.8205;
    --device-width: 640;
    --mobile-coefficient: 1.641;
    --design-width: 640;
  }

  .container {
    max-width: 100%;
    width: 100%;
    padding: clamp(0px * var(--coefficient), 0 * 100vw / var(--design-width) * var(--mobile-coefficient), 0px * var(--mobile-coefficient)) clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient)) clamp(0px * var(--coefficient), 0 * 100vw / var(--design-width) * var(--mobile-coefficient), 0px * var(--mobile-coefficient)) clamp(16px * var(--coefficient), 16 * 100vw / var(--design-width) * var(--mobile-coefficient), 16px * var(--mobile-coefficient));
  }

  .section-header {
    flex-direction: column;
    align-items: center;
    gap: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  }

  .section-header h2 {
    font-size: clamp(36px * var(--coefficient), 36 * 100vw / var(--design-width) * var(--mobile-coefficient), 36px * var(--mobile-coefficient));
    text-align: center;
  }

  .section-header p {
    text-align: center;
  }

  .section-header .col {
    align-items: center;
  }

  .offer {
    overflow: hidden;
    background: linear-gradient(159deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.9) 50%, rgba(15, 23, 42, 0.95) 100%);
    padding-top: clamp(130px * var(--coefficient), 130 * 100vw / var(--design-width) * var(--mobile-coefficient), 130px * var(--mobile-coefficient));
    padding-bottom: 0;
    height: auto;
  }
  
  .offer__inner {
      padding-bottom: clamp(48px * var(--coefficient), 48 * 100vw / var(--design-width) * var(--mobile-coefficient), 48px * var(--mobile-coefficient));
  }
  
  .offer > img:not(.adaptive) {
      display: none;
  }
  
  .offer > img.adaptive {
      display: block;
      width: 100%;
      /* margin-top: clamp(48px * var(--coefficient), 48 * 100vw / var(--design-width) * var(--mobile-coefficient), 48px * var(--mobile-coefficient)); */
      height: clamp(216px * var(--coefficient), 216 * 100vw / var(--design-width) * var(--mobile-coefficient), 216px * var(--mobile-coefficient));
  }

  .offer__inner {
    flex-direction: column;
    align-items: flex-start;
    gap: clamp(48px * var(--coefficient), 48 * 100vw / var(--design-width) * var(--mobile-coefficient), 48px * var(--mobile-coefficient));
    justify-content: flex-start;
  }

  .offer__text p {
    font-size: clamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
    line-height: 1.625;
    color: #CBD5E1;
    max-width: 74%;
  }
  
  .offer__contacts {
      width: 100%;
  }

  .offer__contacts .row {
    flex-direction: column;
    width: 100%;
  }
  
  .offer__contacts .offer__contacts-phone {
    width: 100%;  
  }

  .offer h1 {
    font-size: clamp(48px * var(--coefficient), 48 * 100vw / var(--design-width) * var(--mobile-coefficient), 48px * var(--mobile-coefficient));
    line-height: normal;
    margin-bottom: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  }

  .services__items {
    grid-template-columns: 1fr;
  }

  .team .teamSwiper-pagination {
    margin-top: clamp(32px * var(--coefficient), 32 * 100vw / var(--design-width) * var(--mobile-coefficient), 32px * var(--mobile-coefficient));
  }

  .team__items .btns.flex svg {
    width: clamp(48px * var(--coefficient), 48 * 100vw / var(--design-width) * var(--mobile-coefficient), 48px * var(--mobile-coefficient));
    height: clamp(48px * var(--coefficient), 48 * 100vw / var(--design-width) * var(--mobile-coefficient), 48px * var(--mobile-coefficient));
  }

  .team__items .btns.flex svg:first-child {
    left: clamp(-12px * var(--mobile-coefficient), -1200vw / var(--design-width) * var(--mobile-coefficient), -12px * var(--coefficient));
  }

  .team__items .btns.flex svg:last-child {
    right: clamp(-12px * var(--mobile-coefficient), -1200vw / var(--design-width) * var(--mobile-coefficient), -12px * var(--coefficient));
  }


  .team__iteam > img {
      height: clamp(410px * var(--coefficient), 410 * 100vw / var(--design-width) * var(--mobile-coefficient), 410px * var(--mobile-coefficient));
  }
  
  .news__items {
    grid-template-columns: 1fr;
  }

  .contacts__inner {
    flex-direction: column;
    gap: clamp(32px * var(--coefficient), 32 * 100vw / var(--design-width) * var(--mobile-coefficient), 32px * var(--mobile-coefficient));
  }

  .contacts__inner h2 {
    font-size: clamp(36px * var(--coefficient), 36 * 100vw / var(--design-width) * var(--mobile-coefficient), 36px * var(--mobile-coefficient));
    text-align: center;
  }

  .contacts__contacts {
    align-items: center;
  }

  .contacts__contacts .row {
    flex-direction: column;
  }

  .contacts__contacts .row a {
    width: 100%;
  }

  .contacts__text .section-title {
    margin: 0 auto;
    margin-bottom: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  }

  .contacts__text > p {
    text-align: center;
  }

  .footer__top {
    flex-direction: column;
    gap: clamp(24px * var(--coefficient), 24 * 100vw / var(--design-width) * var(--mobile-coefficient), 24px * var(--mobile-coefficient));
  }

  .footer__contacts .row {
    flex-direction: column;
  }

  .footer__contact {
    flex-direction: column;
    width: 100%;
  }

  .footer__contact iframe {
    width: 100%;
  }

  .footer__bottom {
    flex-direction: column;
    align-items: center;
    gap: clamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
  }
  
  .footer__bottom .policy {
      flex-direction: column;
  }

  .footer__bottom span {
    display: block;
    text-align: center;
  }

  .header nav {
    display: none;
  }

  .header .row {
    display: none;
  }

  .header button {
    display: none;
  }

  .header__inner {
    align-items: center;
  }

  .header__adaptive {
    display: block;
    transform: translate(100vw, 0);
    -moz-transform: translate(100vw, 0);
    -ms-transform: translate(100vw, 0);
    -webkit-transform: translate(100vw, 0);
    -o-transform: translate(100vw, 0);
    transform: translate(100vw, 0);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    height: 0px;
    position: absolute;
    top: clamp(80px * var(--coefficient), 80 * 100vw / var(--design-width) * var(--mobile-coefficient), 80px * var(--mobile-coefficient));
    left: 0;
    width: 100%;
  }

  .header__adaptive.open {
    transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  .header__adaptive-menu {
    height: 100vh;
    background-color: #FFFFFF;
    padding: clamp(100px * var(--coefficient), 100 * 100vw / var(--design-width) * var(--mobile-coefficient), 100px * var(--mobile-coefficient)) clamp(0px * var(--coefficient), 0 * 100vw / var(--design-width) * var(--mobile-coefficient), 0px * var(--mobile-coefficient)) clamp(32px * var(--coefficient), 32 * 100vw / var(--design-width) * var(--mobile-coefficient), 32px * var(--mobile-coefficient)) clamp(0px * var(--coefficient), 0 * 100vw / var(--design-width) * var(--mobile-coefficient), 0px * var(--mobile-coefficient));
    gap: clamp(32px * var(--coefficient), 32 * 100vw / var(--design-width) * var(--mobile-coefficient), 32px * var(--mobile-coefficient));
    align-items: center;
    flex-direction: column;
    justify-content: flex-start;
  }

  .header__adaptive-menu nav {
    display: block;
    margin-bottom: clamp(64px * var(--coefficient), 64 * 100vw / var(--design-width) * var(--mobile-coefficient), 64px * var(--mobile-coefficient));
  }

  .header__adaptive-menu ul {
    flex-direction: column;
  }

  .header__adaptive-menu ul a {
    color: #0F172A;
  }

  .header__adaptive-menu .row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }

  .header__adaptive-menu .row img {
    display: none;
  }

  .header__adaptive-menu .row .col {
    gap: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
  }

  .header__adaptive-menu .row a {
    color: #0F172A;
  }

  .header__adaptive-menu button {
    display: block;
    height: clamp(40px * var(--coefficient), 40 * 100vw / var(--design-width) * var(--mobile-coefficient), 40px * var(--mobile-coefficient));
  }

  /* ========================== Cтили для бургер меню ==================== */

  .header__burger-menu {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    background: linear-gradient(90deg, #2563eb 0%, #1d4ed8 100%);
    width: clamp(40px * var(--coefficient), 40 * 100vw / var(--design-width) * var(--mobile-coefficient), 40px * var(--mobile-coefficient));
    height: clamp(40px * var(--coefficient), 40 * 100vw / var(--design-width) * var(--mobile-coefficient), 40px * var(--mobile-coefficient));
    border-radius: clamp(6px * var(--coefficient), 6 * 100vw / var(--design-width) * var(--mobile-coefficient), 6px * var(--mobile-coefficient));
    justify-content: center;
  }

  #burger_menu {
    z-index: 100;
    width: clamp(18px * var(--coefficient), 18 * 100vw / var(--design-width) * var(--mobile-coefficient), 18px * var(--mobile-coefficient));
    height: clamp(12px * var(--coefficient), 12 * 100vw / var(--design-width) * var(--mobile-coefficient), 12px * var(--mobile-coefficient));
    position: relative;
    transform: rotate(0deg);
    transition: 0.4s ease-in-out;
    cursor: pointer;
  }

  #burger_menu span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #FFFFFF;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: 0.25s ease-in-out;
  }

  #burger_menu span:nth-child(1) {
    top: 0px;
  }

  #burger_menu span:nth-child(2),
  #burger_menu span:nth-child(3) {
    top: clamp(5px * var(--coefficient), 5 * 100vw / var(--design-width) * var(--mobile-coefficient), 5px * var(--mobile-coefficient));
  }

  #burger_menu span:nth-child(4) {
    top: clamp(10px * var(--coefficient), 10 * 100vw / var(--design-width) * var(--mobile-coefficient), 10px * var(--mobile-coefficient));
  }

  #burger_menu.open span:nth-child(1) {
    top: 9px;
    width: 0%;
    left: 50%;
  }

  #burger_menu.open span:nth-child(2) {
    transform: rotate(45deg);
  }

  #burger_menu.open span:nth-child(3) {
    transform: rotate(-45deg);
  }

  #burger_menu.open span:nth-child(4) {
    top: 9px;
    width: 0%;
    left: 50%;
  }

  .services-offer__inner h1 {
    font-size: clamp(36px * var(--coefficient), 36 * 100vw / var(--design-width) * var(--mobile-coefficient), 36px * var(--mobile-coefficient));
  }

  .services-list ul {
    grid-template-columns: 1fr;
  }

  .service-offer__inner > img {
    display: none;
  }

  .service-offer {
    height: clamp(590px * var(--coefficient), 590 * 100vw / var(--design-width) * var(--mobile-coefficient), 590px * var(--mobile-coefficient));
  }

  .service-offer__text h1 {
    font-size: clamp(36px * var(--coefficient), 36 * 100vw / var(--design-width) * var(--mobile-coefficient), 36px * var(--mobile-coefficient));
    text-align: center;
  }

  .service-offer__text p {
    text-align: center;
  }

  .service-info aside {
    width: 100%;
  }

  .service-info__inner {
    flex-direction: column;
  }

  .service-imgs ul {
    grid-template-columns: 1fr;
  }

  .news-filter {
    flex-direction: column;
  }

  .pagination button {
    display: none;
  }

  .pagination ul li {
    width: clamp(40px * var(--coefficient), 40 * 100vw / var(--design-width) * var(--mobile-coefficient), 40px * var(--mobile-coefficient));
    height: clamp(40px * var(--coefficient), 40 * 100vw / var(--design-width) * var(--mobile-coefficient), 40px * var(--mobile-coefficient));
  }

  .news-offer {
    height: auto;
  }

  .news-offer__inner h1 {
    font-size: clamp(36px * var(--coefficient), 36 * 100vw / var(--design-width) * var(--mobile-coefficient), 36px * var(--mobile-coefficient));
  }

  .news-info__inner {
    flex-direction: column;
    flex-direction: column-reverse;
  }

  .news-info aside {
    width: 100%;
    position: relative;
    top: 0;
  }

  .news-info aside .aside-contacts {
    width: 100%;
    display: none;
  }

  .news-info-content .share {
    flex-direction: column;
  }
  
  .news-info-content .share p {
      margin-bottom: lamp(20px * var(--coefficient), 20 * 100vw / var(--design-width) * var(--mobile-coefficient), 20px * var(--mobile-coefficient));
  }
  
  .news-info-content a.back {
      width: 100%;
      justify-content: center;
  }

  .contacts-info__inner {
    flex-direction: column-reverse;
  }

  .contacts-info__inner > .col {
    width: 100%;
  }

  .contacts-info .map iframe {
    height: clamp(300px * var(--coefficient), 300 * 100vw / var(--design-width) * var(--mobile-coefficient), 300px * var(--mobile-coefficient));
    flex: none;
  }

  .contacts-info .aside-contacts .items {
    grid-template-columns: 1fr;
  }

  .contacts-info .aside-contacts .item:last-child {
    grid-column: auto;
  }

  .services-offer {
    padding-bottom: clamp(50px * var(--coefficient), 50 * 100vw / var(--design-width) * var(--mobile-coefficient), 50px * var(--mobile-coefficient));
    height: clamp(590px * var(--coefficient), 590 * 100vw / var(--design-width) * var(--mobile-coefficient), 590px * var(--mobile-coefficient));
  }

  .services-offer .services-offer__inner {
    justify-content: flex-end;
  }
}

@media (hover: hover) {
  .services__item:hover {
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03);
  }

  .news__item:hover {
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03);
  }

  .services-list li:hover {
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03);
  }

  .service-imgs li:hover {
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03);
  }
}