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

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

:focus,
:active {
   outline: none;
}

a:focus,
a:active {
   outline: none;
}

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

html,
body {
   height: 100%;
}

body {
   line-height: 1;
   -ms-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
}

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

button {
   cursor: pointer;
}

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

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

a:hover {
   text-decoration: none;
}

ul li {
   list-style: none;
}

img {
   vertical-align: top;
}

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

/* end null */

/* all */

:root {
   --white: #FFFFFF;
   --blue: #2E3192;
   --black: #000000;
   --brown: #C3A790;
   --lightbrown: #E5DED7;
   --lightbrown2: #F5F1ED;
   --gradient: #f9d176;
   --fontfamily: 'Pitagon Sans Mono';
   --fontfamily2: 'Unbounded';
   scrollbar-gutter: stable;
}

body {
   color: var(--black);
   font-size: 15px;
   font-weight: 400;
   line-height: calc(23 / 16);
   font-family: var(--fontfamily);
   background-color: var(--white);
}

a {
   transition: all 0.3s;
}

p {
   padding-bottom: 35px;
}

p:last-child {
   padding-bottom: 0;
}

.text ul {
   padding-bottom: 70px;
}

.text ul li {
   position: relative;
   margin-bottom: 7px;
   list-style: disc;
   margin-left: 20px;
   padding-left: 10px;
}

.text ul li::marker {
   content: "\f068";
   font-family: 'Font Awesome 6 Pro';
   font-weight: 500;
   color: var(--blue);
}

.text li:last-child {
   margin-bottom: 0;
}

table {
   width: 100% !important;
}

col {
   width: 100% !important;
}

.text tr {
   border-radius: 10px;
   background: #F5F1ED;
   padding: 25px 40px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 22px;
}

.text td {
   min-width: 95px;
}

.text td:last-child {
   font-weight: 700;
}

.text tr:nth-child(even) {
   background-color: var(--beige);
}

a:hover {
   color: var(--blue);
}

.btn {
   font-size: 16px;
   font-family: var(--fontfamily2);
   color: var(--black);
   background: var(--gradient);
   transition: all 0.3s;
   cursor: pointer;
}

.btn:hover {
   color: var(--black);
   background-color: var(--white);
}

.header .btn:hover {
   color: var(--gradient);
   background-color: var(--blue);

}

.wrap {
   display: flex;
   flex-direction: column;
   min-height: calc(100% - 105px);
   width: 100%;
}

.content__wrapper {
   flex: 1 0 auto;
}

.base__template .wrap {
   position: relative;
   top: 105px;
   background: url(/assets/template/img/wrap-bg.png) 0 calc(100% - 470px) no-repeat;
}

.container {
   max-width: 1230px;
   margin: 0 auto;
   width: 100%;
   padding: 0px 15px;
}

.divider {
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: #fff;
   color: var(--lightbrown);
   padding: 25px;
   position: relative;
   font-size: 25px;
}

/* head */
body.show {
   overflow: hidden;
}

.header {
   top: 0;
   left: 0;
   z-index: 10;
   position: fixed;
   width: 100%;
   transition: all 0.3s;
}

.header.fixed {
   background: var(--white);
   box-shadow: 7px -1px 15px rgba(0, 0, 0, 0.12);
}

.top-menu {
   display: flex;
   justify-content: space-between;
   align-items: flex-end;
   padding: 18px 0px;
   gap: 20px;
   transition: all 0.3s;
}

.fixed .top-menu {
   padding: 5px 0px;
}

.fixed a {
   color: var(--black);
}

.fixed a:hover {
   color: var(--blue);
}

.block__title {
   font-family: 'Unbounded';
   font-size: 16px;
   font-weight: 500;
   color: var(--blue);
   letter-spacing: 8px;
   text-transform: uppercase;
   margin-bottom: 60px;
}

.block__title a {
   color: var(--blue);
}

.partner-element {
   text-align: center;
}

.top-menu__logo img {
   max-width: 234px;
   width: 100%;
   top: -6px;
   position: relative;
   transition: all 0.3s;
}

.fixed .top-menu__logo img {
   max-width: 200px;
   top: 0;
}

.base__template .white,
.color {
   display: none;
}

.base__template .color {
   display: block;
}

.fixed .color {
   display: block;
}

.fixed .white {
   display: none;
}

.top-menu__menu {
   display: flex;
   gap: 35px;
   justify-content: center;
   flex-grow: 1;
}

.top-menu__item {
   font-family: 'Pitagon Sans Mono';
   font-size: 15px;
   font-weight: 500;
   font-style: normal;
   text-transform: uppercase;
   color: #fff;
}

.base__template .top-menu__item {
   color: var(--black);
}

.base__template .top-menu__contact a.top-menu__btn,
.base__template .top-menu__tel {
   color: var(--blue);
}

.header .top-menu__item.active {
   color: #8B96AD;
}

.header.fixed .top-menu__item.active,
.base__template .top-menu__item.active,
.top-menu__item:hover,
.top-menu__tel:hover {
   color: var(--blue);
}

.top-menu__contact {
   display: flex;
   gap: 5px;
   align-items: flex-end;
   flex-direction: column;
   justify-content: center;
}

.top-menu__contact a.top-menu__btn {
   font-family: 'Pitagon Sans Mono';
   font-size: 13px;
   font-weight: 500;
   font-style: normal;
   color: #fff;
}

.top-menu__contact a.top-menu__btn:hover {
   color: var(--blue);
}

.fixed a.top-menu__btn,
.fixed a.top-menu__tel {
   color: var(--blue);
}

.top-menu__tel {
   font-family: 'Pitagon Sans Mono';
   font-size: 18px;
   font-weight: 500;
   font-style: normal;
   color: #fff;
}

.burger {
   width: 60px;
   height: 60px;
   display: none;
}

.ham1 {
   cursor: pointer;
   -webkit-tap-highlight-color: transparent;
   transition: transform 400ms;
   user-select: none;
}

.ham1 path {
   fill: none;
   transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
   stroke: #ffffff;
   stroke-width: 5.5;
   stroke-linecap: round;
}

.ham1.active {
   transform: rotate(45deg);
}

.ham1 .top {
   stroke-dasharray: 40 139;
}

.ham1 .bottom {
   stroke-dasharray: 40 180;
}

.ham1.active .top {
   stroke-dashoffset: -98px;
}

.ham1.active .bottom {
   stroke-dashoffset: -138px;
}

.fixed .ham1 path {
   stroke: var(--blue);
}

.fixed .top-menu__tel:after {
   color: var(--blue);
}

@media (max-width:810px) {
   .burger {
      display: flex;
   }
}

ol.breadcrumb {
   list-style: none;
   margin-top: 15px;
   margin-bottom: 60px;
}

li.breadcrumb-item {
   display: inline-block;
   color: #8B96AD;
   line-height: normal;
   font-family: 'Pitagon Sans Mono';
   font-size: 14px;
   font-weight: 300;
   font-style: normal;
}

li.breadcrumb-item a {
   position: relative;
   padding-right: 20px;
   display: inline-block;
   color: #8B96AD;
   line-height: normal;
   font-family: 'Pitagon Sans Mono';
   font-size: 14px;
   font-weight: 300;
   font-style: normal;
}

li.breadcrumb-item a:after {
   content: "|";
   position: absolute;
   top: 0;
   right: 2px;
}

.sides__wraper {
   display: grid;
   position: relative;
   grid-template-columns: 2fr 715px;
   z-index: 1;
   gap: 0 100px;
}

.left__side__wraper {
   display: flex;
   flex-direction: column-reverse;
   align-items: flex-start;
   justify-content: flex-end;
   font-family: 'Unbounded';
   font-size: 16px;
   font-weight: 500;
   color: var(--blue);
   text-transform: uppercase;
   letter-spacing: 8px;
   gap: 0 100px;
}

.right__side__wraper {
   position: relative;
}

.services__title {
   padding-bottom: 90px;
}

.list-servive {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 120px;
   row-gap: 90px;
   grid-auto-flow: dense;
   counter-reset: count;
}

.list-servive__item {
   position: relative;
   padding-right: 40px;
}

.list-servive__num {
   position: relative;
   margin-bottom: 30px;
}

.list-servive__num:before {
   content: counter(count, decimal-leading-zero);
   counter-increment: count;
   position: absolute;
   left: 0;
   top: 0;
   color: var(--blue);
   font-family: 'Pitagon Sans Mono';
   font-size: 16px;
   font-style: normal;
   font-weight: bold;
   line-height: 25px;
   text-transform: uppercase;
}

.list-servive__num:after {
   content: "";
   position: absolute;
   top: 13px;
   right: 0;
   height: 1px;
   width: 220px;
   background: var(--blue);
}

/* ofer */
.ofer-body {
   margin-bottom: 120px;
   width: 100%;
   height: 100dvh;
   overflow: hidden;
   display: flex;
   justify-content: center;
   align-items: center;
}

.ofer {
   width: 100%;
   height: 100%;
   background-position: 50% 50%;
   background-repeat: no-repeat;
   background-size: cover;
   position: absolute;
}

.ofer::after {
   content: '';
   width: 100%;
   height: 100%;
   background-color: #00000086;
   position: absolute;
   top: 0;
   left: 0;
}

.fullscreen-bg__video {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.slider__info {
   position: relative;
}

.ofer__info {
   font-family: 'Unbounded';
   font-size: 45px;
   line-height: 60px;
   font-weight: 500;
   color: #ffffff;
   text-transform: uppercase;
   max-width: 730px;
   z-index: 3;
   position: relative;
}

.service__template .ofer__info {
   font-family: 'Unbounded';
   font-size: 45px;
   line-height: 60px;
   font-weight: 500;
   color: #ffffff;
   text-transform: uppercase;
   max-width: 800px;
   padding: 30px 70px 25px 0;
   z-index: 3;
   position: relative;
}

.ofer__description__wrapper {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}

.ofer__description {
   font-family: 'Pitagon Sans Mono';
   font-size: 20px;
   line-height: normal;
   font-weight: normal;
   color: #ffffff;
   max-width: 610px;
   z-index: 1;
   position: relative;
}

.ofer__link {
   display: flex;
   font-family: 'Pitagon Sans Mono';
   font-size: 20px;
   line-height: 60px;
   font-weight: 500;
   color: #ffffff;
   z-index: 1;
   position: relative;
   flex-wrap: wrap;
   align-items: center;
   gap: 25px;
   width: 195px;
   margin-top: 30px;
}

.ofer__link i {
   border: 1px solid #fff;
   border-radius: 50%;
   width: 60px;
   height: 60px;
   text-align: center;
   font-size: 30px;
   line-height: 60px;
}

.ofer__link:hover i {
   border-color: var(--blue);
   background: var(--blue);
   color: #fff;
}

@media (max-width:1075px) {
   .top-menu__tel {
      position: relative;
      font-size: 0;

   }

   .ofer__info {
      font-size: 20px;
      line-height: 28px;
      margin-bottom: 15px;
   }

   .top-menu__tel:after {
      width: 40px;
      height: 40px;
      content: '✆';
      font-size: 40px;
      position: absolute;
      top: 0;
      left: 0;
      transform: translateY(-50%) rotate(233deg) scale(1, -1);
      display: flex;
      justify-content: center;
      align-items: center;
      color: #ffffff;
   }

   .top-menu__contact {
      display: flex;
      position: relative;
      flex-direction: row-reverse;
      gap: 48px;
      margin-left: auto;
      margin-right: 35px;
      top: -28px;
   }

   .top-menu__logo img,
   .fixed .top-menu__logo img {
      max-width: 177px;
      top: -6px;
   }

   .top-menu__contact .btn {
      font-size: 16px;
      padding: 10px;
   }
}

@media (max-width:810px) {
   .top-menu {
      padding: 5px 0px;
   }

   .top-menu__menu {
      display: flex;
      flex-grow: 1;
      background: #ffffff;
      position: absolute;
      width: 100%;
      height: calc(100vh - 70px);
      top: 70px;
      left: -100%;
      align-items: center;
      flex-direction: column;
      z-index: -1;
      transition: all 0.3s;
   }

   .top-menu__menu.show {
      left: 0;
   }

   .top-menu__item {
      font-size: 20px;
      color: var(--black);
   }

   .top-menu__btn {
      display: none;
   }

   .text tr {
      padding: 25px 5px;
   }

   .submenu li a {
      color: #000 !important;
   }

   .header .top-menu__menu .submenu,
   .base__template .top-menu__menu .submenu {

      margin: 0 -20px !important;
   }
}

/* about */

.about {
   padding: 82px 0px 180px 0;
}

.about__wrap {
   display: grid;
   grid-template-columns: 5fr 7fr;
   gap: 22px;
}

.about__info {}

.about__title {
   padding-bottom: 75px;

}

.title {
   color: var(--brown);
   font-family: var(--fontfamily2);
   font-size: 65px;
   font-weight: 400;
   line-height: 60px;
}

.about__text {}

.about__images {
   display: grid;
   grid-template-columns: 3fr 4fr;
   align-items: end;
   gap: 22px;
}

.about__images img {
   width: 100%;
   object-fit: cover;
}

.about__images img:nth-child(1) {
   aspect-ratio: 1;
   border-radius: 100px 20px 20px 20px;
}

.about__images img:nth-child(2) {
   aspect-ratio: 386/421;
   border-radius: 30px;
}

.about__images img:nth-child(3) {
   grid-column: 1/3;
   aspect-ratio: 692/245;
   border-radius: 20px 20px 20px 100px;
   align-self: self-start;
}

@media (max-width:768px) {
   .breadcrumbs-wrapper {
      display: none;
   }

   .about__wrap {
      grid-template-columns: 1fr;
      gap: 62px;
   }

   .title {
      font-size: 45px;
      line-height: 50px;
   }

   .about {
      padding: 21px 0px 140px 0;
   }

   .about__title {
      padding-bottom: 35px;
   }

   ul {
      padding-bottom: 25px;
   }

   p {
      padding-bottom: 25px;
   }
}

.relative {
   position: relative;
}

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

/* sevices */
.services-main {
   padding-bottom: 120px;
}

.services {
   padding-bottom: 120px;
}

.service__block__wrapper {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   padding-top: 25px;
}

.list-servive {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 60px;
}

.list-servive__item {
   display: flex;
   flex-direction: column;
   gap: 12px;
   position: relative;
}

.list-servive__item:hover .list-servive__title {
   color: var(--black);
}

.list-servive__item img {
   max-width: 100%;
   aspect-ratio: 284/421;
   object-fit: cover;
   border-radius: 20px;
   transition: border-radius 0.3s;
}

.service__item___wrapper {
   border-radius: 5px;
   overflow: hidden;
}

.service__text__wrapper {
   position: absolute;
   top: 0px;
   left: 0;
   z-index: 1;
   width: 100%;
   padding: 30px 30px 0px 30px;
   font-family: 'Unbounded';
   font-size: 16px;
   font-weight: 500;
   color: var(--white);
   text-transform: uppercase;
}

.service__item___wrapper:after {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: #2e3192;
   mix-blend-mode: plus-lighter;
}

.list-servive__title {
   color: var(--black);
   font-size: 16px;
   margin-bottom: 5px;
   transition: color 0.3s;
}

.service__arrow i {
   border: 1px solid var(--white);
   border-radius: 50%;
   width: 60px;
   height: 60px;
   text-align: center;
   font-size: 30px;
   line-height: 60px;
}

.service__arrow {
   position: absolute;
   z-index: 1;
   bottom: 0;
   left: 0;
   width: 100%;
   text-align: right;
   padding: 0 20px 20px 0;
   opacity: 0;
   transition: all 0.3s;
}

.service__item___wrapper:hover .service__arrow {
   opacity: 1;
}

.service__arrow i {
   color: var(--white);
}

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

@media (max-width:480px) {
   .list-servive {
      display: flex;
      flex-direction: column;
   }

   .list-servive__item img {
      aspect-ratio: 1 !important;
      border-radius: 20px !important;
   }

   .list-servive__item {
      margin-top: 0 !important;
   }

   .services__title {
      padding-bottom: 35px;
   }
}

/* aboutus */
.aboutus {
   padding-bottom: 120px;
}

.aboutus__wrap {
   display: grid;
   grid-template-columns: 5fr 6fr;
   gap: 80px;
}

.counter-container {
   display: flex;
   justify-content: flex-start;
   align-items: center;
   flex-wrap: wrap;
   padding: 0 0 60px;
   gap: 90px;
}

.counter-wrap h3 {
   font-size: 80px;
   line-height: 80px;
   padding-bottom: 15px;
}

.counter-wrap h3 .counter {
   display: inline-flex;
}

.about__btn {
   margin-top: 70px;
}

.about__btn a.ofer__link {
   color: var(--blue);
}

.about__btn .ofer__link i {
   border-color: var(--blue);
   transition: all 0.3s;
}

.aboutus__info {
   font-family: 'Pitagon Sans Mono';
   line-height: normal;
   font-weight: normal;
   padding-top: 25px;
   color: var(--black);
   font-size: 16px;
   letter-spacing: 0;
   text-transform: none;
}

.aboutus__more {}

.more {
   color: var(--brown);
   font-family: Enthalpy;
   font-size: 30px;
   line-height: 60px;
   position: relative;
   padding-left: 60px;
   display: inline-block;
}

.more::before {
   content: '↗';
   position: absolute;
   left: 0;
   top: auto;
   transform: rotate(45deg);
}

.aboutus__images {
   display: grid;
   grid-template-columns: 2fr 4fr;
   align-items: end;
   gap: 22px;
}

.aboutus__images img {
   width: 100%;
}

.aboutus__images img:nth-child(1) {
   border-radius: 100px 20px 20px 20px;
   aspect-ratio: 193 / 203;
   object-fit: cover;
}

.aboutus__images img:nth-child(2) {
   border-radius: 30px;
   margin-bottom: 60px;
   aspect-ratio: 386 / 421;
   object-fit: cover;
}

@media (max-width:950px) {
   .aboutus__wrap {
      display: grid;
      grid-template-columns: 1fr;
      gap: 40px;
   }

   .aboutus__images {
      display: grid;
      grid-template-columns: 1fr;
      align-items: end;
      gap: 22px;
   }

   .aboutus__images img:nth-child(1) {
      display: none;
   }

   .more {
      font-size: 20px;
      line-height: 60px;
   }

   .aboutus {
      padding-bottom: 30px;
   }
}

/* masters */
.masters {
   padding-bottom: 200px;
}

.masters__title {
   padding-bottom: 43px;
}

.masters__wrap {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 22px;
   row-gap: 70px;
}

.masters__wrap p {
   grid-column: 3/5;
   padding-bottom: 0px;
}

.masters__master-body {
   display: flex;
   flex-direction: column;
   gap: 10px;
}

.masters__master-body:nth-child(odd) {
   flex-direction: column-reverse;
}

.masters__master-body img {
   width: 100%;
   border-radius: 0 50% 50%;
}

.masters__master-body:nth-child(odd) img {
   border-radius: 50% 50% 50% 0;
}

.masters__name {
   color: var(--blue);
   font-family: Enthalpy;
   font-size: 35px;
   line-height: 70%;
}

.masters__more {
   margin-top: 90px;
}

@media (max-width:768px) {
   .masters__wrap {
      grid-template-columns: repeat(2, 1fr);
      gap: 22px;
      row-gap: 70px;
   }

   .masters__wrap p {
      grid-column: span 2;
      padding-bottom: 0px;
   }
}

@media (max-width:480px) {
   .masters__wrap {
      grid-template-columns: repeat(1, 1fr);
      gap: 22px;
      row-gap: 70px;
   }

   .masters__wrap p {
      grid-column: auto;
      padding-bottom: 0px;
   }

   .masters__master-body {
      flex-direction: column !important;
   }

   .masters__master-body img {
      border-radius: 0 50% 50% !important;
   }
}

/* advantages */
.advantages {
   padding-bottom: 200px;
}

.advantages__title {
   padding-bottom: 70px;
}

.advantages__wrap {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 60px 100px;
   counter-reset: count;
}

.advantages__item {
   display: flex;
   flex-direction: column;
   gap: 8px;
}

.advantages__item::before {
   content: counter(count, decimal-leading-zero);
   counter-increment: count;
   color: var(--lightbrown);
   font-family: Enthalpy;
   font-size: 65px;
   line-height: 1;
}

.advantages__name {
   color: var(--blue);
   font-family: Enthalpy;
   font-size: 35px;
}

@media (max-width:768px) {
   .advantages__wrap {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      gap: 60px 100px;
      counter-reset: count;
   }
}

.partner__block__wrapper {
   display: grid;
   position: relative;
   grid-template-columns: 1fr 1fr;
   z-index: 1;
   gap: 0 100px;
}

.partner__block__wrapper .partner-element {
   display: grid;
   text-align: left;
   margin-bottom: 60px;
   grid-template-rows: subgrid;
   grid-row: auto / span 3;
}

.partner__logo__link {
   display: flex;
   align-items: center;
}

/* .partner-element:nth-last-child(-n+2) {
    margin-bottom: 0;
} */

.partner__block__wrapper .partner-element .partner__name {
   margin: 25px 0 5px;
}

.partner__link a {
   color: var(--blue);
}

.rekvizit__char1 {
   color: #2E3192;
   font-size: 15px;
   font-weight: 500;
   margin-bottom: 10px;
}

.rekvizit-element {
   border-bottom: 1px solid #9EABC5;
   padding: 0 0 30px;
   margin: 0 0 30px;
}

.rekvizit-element:last-child {
   border-bottom: none;
}

.rekvizit-section {
   padding-bottom: 120px;
}

.recv__btn {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
}

.recv__btn a {
   color: var(--blue);
}

.right__side__wraper .recv__btn i {
   position: relative;
   border: 1px solid var(--blue);
   border-radius: 50%;
   width: 60px;
   height: 60px;
   text-align: center;
   font-size: 30px;
   line-height: 60px;
   top: 5px;
   margin-right: 10px;
}

/* footer */
.footer {
   flex: 0 0 auto;
   padding: 90px 0px 25px;
   background: url(/assets/template/img/footer-bg.jpg) 50% 50% no-repeat;
   background-size: cover;
}

.footer .sides__wraper {
   align-items: end;
}

.footer__top {
   margin-bottom: 20px;
   display: flex;
   align-items: center;
   column-gap: 100px;
}

.footer__top img {
   max-width: 317px;
   width: 100%;
}

.footer__menu {
   display: flex;
   justify-content: flex-end;
   flex: 1;
   gap: 35px;
}

.footer__menu-item a {
   color: var(--white);
   text-transform: uppercase;
   font-weight: normal;
}

.footer__menu-item a:hover {
   color: var(--black);
}

.footer__bottom {
   display: flex;
   justify-content: flex-end;
}

.footer__bootom__menu .footer__menu-item a {
   font-family: 'Pitagon Sans Mono';
   font-size: 12px;
   line-height: normal;
   font-weight: 300;
   color: #ffffff;
   text-transform: none;
   text-decoration: underline;
}

.footer__copyright {
   font-family: 'Pitagon Sans Mono';
   font-size: 12px;
   line-height: normal;
   font-weight: 300;
   color: #ffffff;
   text-transform: none;
   margin-top: 30px;
   letter-spacing: 0;
}

.footer__contact {
   display: flex;
   flex-direction: column;
   font-size: 15px;
   gap: 5px;
}

.footer .left__side__wraper {
   font-family: 'Unbounded';
   font-size: 16px;
   font-weight: 500;
   color: var(--white);
   text-transform: uppercase;
   letter-spacing: 8px;
}

.footer__contact__mail a {
   display: block;
   font-family: 'Pitagon Sans Mono';
   font-size: 18px;
   line-height: normal;
   font-weight: 300;
   color: #ffffff;
   margin-bottom: 60px;
   text-transform: none;
   letter-spacing: 0;
}

.footer__contact__tel a {
   display: block;
   font-family: 'Pitagon Sans Mono';
   font-size: 35px;
   line-height: normal;
   font-weight: 300;
   color: #ffffff;
   margin-bottom: 20px;
   margin-top: 70px;
   letter-spacing: 0;
}

.footer__soc {
   display: flex;
   gap: 10px;
   justify-content: end;
   flex: 1;
}

.footer__soc a:hover {
   background-color: var(--blue);
   color: var(--white);
}

.footer__soc a {
   width: 40px;
   height: 40px;
   justify-content: center;
   align-items: center;
   background-color: var(--white);
   border: 1px solid var(--blue);
   text-align: center;
   font-size: 18px;
   line-height: 40px;
   border-radius: 50%;
}

.footer__soc img {
   max-width: 100%;
}

.footer__copyright {
   font-size: 12px;
}

@media (max-width:1050px) {
   .footer__wrap {
      display: flex;
      justify-content: space-around;
      gap: 20px;
   }

   .footer__top {
      flex-direction: column;
      gap: 20px;
      align-items: stretch;
   }

   .footer__menu {
      flex-direction: column;
      padding-bottom: 0;
      gap: 10px;
   }

   .footer__contact {
      flex-direction: column;
      flex: 1;
      justify-content: space-between;
   }

   .footer__bottom {
      margin-bottom: 35px;
      display: flex;
      gap: 57px;
   }

   .footer__bottom {
      gap: 15px;
      flex-direction: column;
   }

   .footer__soc {
      justify-content: stretch;
   }

   .footer__copyright {
      text-align: center;
   }

}

@media (max-width:480px) {
   .footer {
      display: flex;
      justify-content: center;
   }

   .container {
      width: auto;
   }

   .footer__wrap {
      display: flex;
      flex-direction: column;
      gap: 20px;
   }

   .footer__top {
      margin-bottom: 0;
   }

   .footer__soc {
      justify-content: center;
   }

}

/* contacts */
.contacts {
   padding-bottom: 85px;
}

.contacts__title {
   padding-bottom: 50px;
}

.contacts__wrap {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 22px;
}

.contacts__address {
   display: flex;
   flex-direction: column;
   gap: 10px;
   font-size: 20px;
   align-items: flex-start;
}

.contacts__address a {
   color: var(--black);
   display: inline-block;
}

.contacts__address a:hover {
   color: var(--white);
}

.contacts__phone {
   color: var(--blue) !important;
   font-family: Enthalpy;
   font-size: 35px;
   margin-bottom: 10px;

}

.contacts__info {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: 45px;
}

#map {
   width: 100%;
   height: 448px;
   margin-top: 70px;
   border-radius: 5px;
   overflow: hidden;
}

[class*="ymaps-2"][class*="-ground-pane"] {
   filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
   -webkit-filter: grayscale(100%);
}

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

   .contacts__info {
      gap: 25px;
   }
}

/* questions */
.questions {
   padding-bottom: 120px;
}

.questions__header {
   display: grid;
   grid-template-columns: 8fr 5fr;
   align-items: center;
   margin-bottom: 50px;
}

.questions__title {}

.questions__form-wrap {
   display: flex;
   gap: 35px 0;
   flex-wrap: wrap;
}

.questions__input {
   width: 100%;
   border-bottom: 1px solid #8B96AD;
   padding-left: 0;
}

.questions__input::placeholder {
   font-size: 14px;
   color: #97908b;
}

.questions__btn {
   line-height: normal;
   font-weight: 500;
   font-size: 16px;
   font-family: var(--fontfamily);
   color: var(--blue);
   background: var(--white);
   transition: all 0.3s;
   cursor: pointer;
}

.contact__form__btn i {
   border: 1px solid var(--blue);
   border-radius: 50%;
   width: 60px;
   height: 60px;
   text-align: center;
   font-size: 30px;
   line-height: 60px;
   color: var(--black);
   margin-right: 15px;
}

.contact__form__btn {
   display: flex;
   margin-top: 60px;
}

.questions__description {
   font-size: 14px;
   font-weight: 400;
}

.questions__description a {
   color: var(--black);
   text-decoration: underline;
}

@media (max-width:768px) {
   .questions__header {
      display: grid;
      grid-template-columns: 1fr;
      align-items: center;
      margin-bottom: 50px;
   }

   .questions__form-wrap {
      flex-direction: column;
   }

   .questions__input {
      flex: 1 1 48px;
   }

   .questions__btn {
      margin-left: 0;
   }

}

/* promo */
.promo {
   padding-bottom: 200px;
}

.promo__title {
   padding-bottom: 67px;

}

.promo__name {
   color: var(--blue);
   font-family: Enthalpy;
   font-size: 35px;
   line-height: 0.8;

}

.promo__wrap {
   display: grid;
   grid-template-columns: repeat(4, minmax(252px, 282px));
   justify-content: space-evenly;
   gap: 60px 22px;
}

.promo__item-body {
   display: flex;
   flex-direction: column;
   gap: 20px;
}

.promo__item-body:nth-child(even) {
   flex-direction: column-reverse;
}

.promo__shape {
   background-color: var(--gradient);
   aspect-ratio: 1;
   border-radius: 0 50% 50%;
   display: flex;
   flex-direction: column;
   justify-content: space-around;
   padding: 35px 20px;
   transition: all 0.5s;
   cursor: grab;
}

.promo__shape:hover {
   box-shadow: 0 8px 5px rgb(14 21 47 / 14%);
   transform: translateY(-10px)
}



.promo__item-body:nth-child(even) .promo__shape {
   flex-direction: column-reverse;
   border-radius: 50% 50% 50% 0;
}

.promo__item-body:nth-child(3n+2) .promo__shape {
   background-color: #C4C4C4;
}

.promo__item-body:nth-child(3n+3) .promo__shape {
   background-color: var(--brown);
}

.promo__item-body:nth-child(3n+4) .promo__shape {
   background-color: var(--blue);
}

.promo__text {
   color: #FFFBF8;

}

.promo__digit {
   color: #FFFBF8;
   font-family: Enthalpy;
   font-size: 125px;
   line-height: 0.9;
   align-self: center;
}

@media (max-width:1100px) {
   .promo__wrap {
      grid-template-columns: repeat(2, minmax(252px, 282px));
   }
}

@media (max-width:615px) {
   .promo__title {
      padding-bottom: 50px;
   }

   .promo__item-body:nth-child(even) {
      flex-direction: column;
   }

   .promo__wrap {
      grid-template-columns: repeat(1, minmax(252px, 282px));
   }

   .promo__item-body:nth-child(even) .promo__shape {
      flex-direction: column;
      border-radius: 0 50% 50% 50%;
   }
}

/* services */
.services-in {
   padding-bottom: 80px;
}

.services-in__title {}

.services-in__wrap {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 22px;
}

.services-in__col {
   display: flex;
   flex-direction: column;
   gap: 70px;
}

.services-in__col img {
   max-width: 100%;
}

.services-in__col:nth-child(1) img {
   aspect-ratio: 59/24;
   object-fit: cover;
   border-radius: 20px 100px 20px 20px;

}

.services-in__col:nth-child(2) img {
   aspect-ratio: 59/42;
   object-fit: cover;
   border-radius: 30px;
}

.services-in__col p {
   padding-bottom: 0;
   max-width: 488px;
}

@media (max-width:768px) {
   .services-in__wrap {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      gap: 22px;
   }
}

/* service-grid  */
.service-grid {
   padding-bottom: 150px;
}

.service-grid__wrap {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 22px;
   counter-reset: count;
   padding-bottom: 100px;
}

.service-grid__item {
   border-radius: 20px;
   border: 1px solid var(--lightbrown);
   padding: 30px 22px;
   display: flex;
   flex-direction: column;
   position: relative;
}

.service-grid__item:before {
   position: absolute;
   content: counter(count, decimal-leading-zero);
   counter-increment: count;
   color: var(--lightbrown);
   font-family: Enthalpy;
   font-size: 35px;
   line-height: 1;
   top: auto;
   right: 22px;
}

.service-grid__title {
   color: var(--blue);
   font-family: Enthalpy;
   font-size: 35px;
}

.service-grid__subtitle {}

.service-grid__price {
   color: var(--black);
   font-family: Montserrat;
   font-size: 18px;
   font-weight: 700;
   margin-top: 5px;
}

.service-grid__price::after {
   display: block;
   content: '';
   width: 81px;
   height: 2px;
   background-color: var(--lightbrown);
   margin: 25px 0px 25px 0px;
}

.service-grid__text {}

.service-grid__text p {
   padding-bottom: 20px;
}

.service-grid__btn {
   margin-top: auto;
   align-self: flex-start;
}

@media (max-width:950px) {
   .service-grid__wrap {
      grid-template-columns: repeat(2, 1fr);
      gap: 22px;
   }
}

@media (max-width:620px) {
   .service-grid__wrap {
      grid-template-columns: repeat(1, 1fr);
      gap: 22px;
   }
}

/* work---accordion */
.osnova,
.work {
   padding-bottom: 150px;
}

.work__header {
   padding-bottom: 70px;
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 22px;
}

.accordion {
   display: flex;
   flex-direction: column;
   gap: 22px;
}

.accordion-item {
   padding: 25px;
   border-radius: 5px;
   border: 1px solid var(--black);
}

.accordion-link {
   width: 100%;
   display: flex;
   justify-content: space-between;
}

.tab-name {
   color: var(--black);
   font-family: 'Pitagon Sans Mono';
   font-size: 16px;
   font-weight: 300;
   font-style: normal;
   width: 457px;
}

.accordion-link i {
   color: var(--blue);
   transition: all 0.3s;
}

.accordion-link {
   display: flex;
   cursor: pointer;
   align-items: flex-start;
}

.icon-plus {
   position: relative;
   margin-top: 55px;
   width: 60px;
   height: 60px;
   display: flex;
   background-color: var(--white);
   border: 1px solid var(--blue);
   border-radius: 50%;
   color: #fff;
   font-size: 30px;
   justify-content: center;
   align-items: center;
   font-family: var(--fontfamily);
   font-weight: 100;
   transition: all 0.3s;
}

.accordion-item:hover .icon-plus {
   background-color: var(--blue);
   );
}

.accordion-item:hover .accordion-link i {
   color: var(--white);
}

.answer {
   max-height: 0;
   height: 0;
   overflow: hidden;
   position: relative;
   transition: all 650ms;
}

.accordion-item input[type="checkbox"]:checked~.answer {
   height: auto;
   max-height: 2000px;
   margin-top: 30px;
}

.accordion-item input[type="checkbox"]:checked~.accordion-link .icon-plus {
   transform: rotate(45deg);
   background-color: var(--blue);
}

.accordion-item input[type="checkbox"]:checked~.accordion-link .icon-plus i {
   color: var(--white);
}

.answer.text p,
.answer.text ul {
   padding-bottom: 30px
}

.accordion-item input {
   display: none;
}

.partner-section {
   padding-bottom: 120px;
}

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

   .tab-name {
      font-size: 20px;
   }

   .accordion-item {
      padding: 25px;
   }
}

/* slider all */
.slider {
   min-width: 0;
}

.slider img {
   width: 100%;
   aspect-ratio: 69/42;
   object-fit: cover;
   border-radius: 20px 20px 100px 20px;
   transition: all 0.3s;
}

.slider .slider__item:nth-child(odd) img {
   border-radius: 100px 20px 20px 20px;
   transition: all 0.3s;
}

.slider__item {
   width: 692px;
}

/* Ограничивающая оболочка */
.slick-list {
   overflow: hidden;
}

/* Лента слайдов */
.slick-track {
   display: flex;
   gap: 20px;
   align-items: center;
}

/* Стрелка */
.slick-arrow {
   color: var(--blue);
   transition: all 0.3s;
}

.slick-arrow:hover {
   color: var(--black);
}

/* Стрелка влево */
.slick-arrow.slick-prev {
   font-size: 0;
}

/* Стрелка вправо */
.slick-arrow.slick-next {
   font-size: 0;
}

.slick-arrow.slick-prev:after {
   content: '\f053';
   position: absolute;
   font-family: 'Font Awesome 6 Pro';
   font-weight: 100;
   left: 0;
   top: 10px;
   border: 1px solid var(--blue);
   border-radius: 50%;
   width: 50px;
   height: 50px;
   text-align: center;
   font-size: 30px;
   line-height: 50px;
}

.slick-arrow.slick-next:after {
   content: '\f054';
   position: absolute;
   font-family: 'Font Awesome 6 Pro';
   font-weight: 100;
   right: 0;
   top: 10px;
   border: 1px solid var(--blue);
   border-radius: 50%;
   width: 50px;
   height: 50px;
   text-align: center;
   font-size: 30px;
   line-height: 50px;
}


/* carousel */
.carousel {
   padding-bottom: 175px;
}

.carousel__title {
   padding-bottom: 63px;
}

.carousel__wrap {
   display: grid;
   grid-template-columns: 1fr minmax(280px, 1200px) 1fr;
   gap: 15px;
}

.carousel__body {
   grid-column: 2/4;
   display: grid;
   gap: 22px;
   grid-template-columns: 386px 1fr;
}

.carousel__info {
   padding-top: 40px;
}

.carousel__control {
   margin-top: 70px;
}

@media (max-width:1200px) {
   .slider__item {
      width: 392px;
   }

   .carousel__body {
      grid-column: 2/4;
      display: grid;
      gap: 22px;
      grid-template-columns: 286px 1fr;
   }

   .carousel__control {
      margin-top: 30px;
   }
}

/* modal */
.modal {
   display: none;
   border-radius: 5px;
   background: #FFFFFF;
   margin: 0 auto;
   padding: 35px 50px 50px 50px;
   border: 1px solid #888;
   max-width: 590px;
   position: relative;
}

.modal-content img {
   max-width: 330px;
   width: 100%;
   margin-bottom: 45px;
}

.proff-title {
   font-family: 'Unbounded';
   font-size: 16px;
   font-weight: 500;
   color: var(--blue);
   text-transform: uppercase;
   letter-spacing: 8px;
   font-style: normal;
   margin-bottom: 30px;
   width: 70%;
}

.proff-description {
   margin-bottom: 35px;
   width: 70%;
}

.close {
   color: #aaa;
   position: absolute;
   top: 10px;
   right: 15px;
   font-size: 28px;
   font-weight: bold;
}

.close:hover,
.close:focus {
   color: black;
   text-decoration: none;
   cursor: pointer;
}

.proff>.questions__form-wrap {
   flex-direction: column;
   gap: 25px 0;
   margin: 0;
}

.proff>.questions__form-wrap textarea {
   padding: 5px 0 10px;
}

.proff>.questions__form-wrap input {
   flex: 1 1 48px;
}

.proff p {
   padding: 20px 0px;
}

.proff .questions__btn {
   margin: 0;
   flex: none !important;
}

.proff .contact__form__btn {
   margin-top: 10px;
}

.questions__input,
.questions__input::placeholder {
   font-family: 'Pitagon Sans Mono';
   line-height: normal;
   font-weight: 400;
   font-size: 15px;
   padding: 0 0 10px;
   color: var(--black);
}

.questions__input {
   color: var(--black);
}

.base__template .about {
   padding: 0px 0px 180px 0;
}

.partner__wrapper {
   position: relative;
}

.partner-carousel {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
   padding: 0 70px;
}

.partner-element img {
   filter: grayscale(100%);
   transition: all 0.3s;
}

.partner-element:hover img {
   filter: grayscale(0%);
}

.slick-arrow:hover {
   color: var(--white);
}

.slick-arrow.slick-prev:hover:after,
.slick-arrow.slick-next:hover:after {
   border: 1px solid var(--blue);
   background: var(--blue);
}

.content ul {
   padding-bottom: 20px;
}

.content ul>li,
.content ol>li {
   position: relative;
   padding-left: 30px;
   margin-bottom: 10px;
}

.content ul>li:before {
   position: absolute;
   content: "\f068";
   font-family: 'Font Awesome 6 Pro';
   font-weight: 500;
   color: var(--blue);
   top: 0px;
   left: 0;
}

.osnova-section,
.contact-section,
.form-section {
   padding-bottom: 120px;
}

.submenu {
   position: absolute;
   top: 100%;
   left: 0;
   width: calc(100% + 40px);
   z-index: 10;
   -webkit-transition: 0.3s ease-in-out;
   -moz-transition: 0.3s ease-in-out;
   -o-transition: 0.3s ease-in-out;
   transition: 0.3s ease-in-out;
}

.top-menu__menu .submenu {
   visibility: hidden;
   opacity: 0;
}

.header.fixed .top-menu__menu .submenu li a {
   color: var(--black);
}

.header.fixed .top-menu__menu .submenu,
.base__template .top-menu__menu .submenu {
   background: #ffffff;
   padding: 0 20px 10px;
   margin: 0 -20px;
}

.header.fixed .top-menu__menu .submenu li a:hover {
   color: var(--blue);
}

.top-menu__menu li {
   position: relative;
}

.top-menu__menu .submenu li {
   padding: 10px 0 0;
}

.top-menu__menu li:hover .submenu {
   visibility: visible;
   opacity: 1;
}

.submenu li a {
   color: #ffffff;
}

.contacts__address span {
   font-family: 'Pitagon Sans Mono';
   font-size: 15px;
   font-weight: 500;
   font-style: normal;
   color: var(--blue);
}

.contacts__address__info {
   font-family: 'Pitagon Sans Mono';
   font-size: 16px;
   font-weight: 500;
   font-style: normal;
   color: var(--black);
   margin-bottom: 25px;
}

.service__template .ofer img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: 50% 50%;
}

.service__template .ofer::after {
   content: '';
   width: 100%;
   height: 100%;
   background-color: rgb(0 0 0 / 20%);
   position: absolute;
   top: 0;
   left: 0;
}

.service__template .slider__info {
   position: relative;
   top: 140px;
   width: 800px;
}

.service__template .slider__info:before {
   content: "";
   position: absolute;
   top: 0;
   right: 100%;
   display: inline-block;
   width: 100%;
   height: 100%;
   background: #1C1F7E;
   mix-blend-mode: lighten;
   z-index: 1;
}

.service__template .slider__info:after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #1C1F7E;
   mix-blend-mode: lighten;
   z-index: 1;
}

.service__template .ofer__info:after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgb(28 31 126 / 30%);
   z-index: -1;
}

.service__template .ofer__info:before {
   content: "";
   position: absolute;
   top: 0;
   right: 100%;
   display: inline-block;
   width: 100%;
   height: 100%;
   background: rgb(28 31 126 / 30%);
   z-index: -1;
}

.service2__item {
   position: relative;
}

.uslugi__list {
   display: grid;
   grid-template: repeat(5, 235px)/repeat(16, 1fr);
   gap: 64px;
}

.uslugi__list .uslugi__item {
   position: relative;
   border-radius: 5px;
   overflow: hidden;
}

.uslugi__list .uslugi__item:hover .service__arrow,
.service2__item:hover .service__arrow {
   opacity: 1;
}

.uslugi__list .uslugi__item img {
   width: 100%;
   object-fit: cover;
   transition: all 0.3s;
}

.uslugi__list .uslugi__item:nth-child(8n+1) {
   grid-column: 1/7;
   grid-row: 1/3;
}

.uslugi__list .uslugi__item:nth-child(8n+1) img {
   aspect-ratio: 410/534;
}

.uslugi__list .uslugi__item:nth-child(8n+2) {
   grid-column: 7/17;
}

.uslugi__list .uslugi__item:nth-child(8n+2) img {
   aspect-ratio: 726/235;
}

.uslugi__list .uslugi__item:nth-child(8n+3) {
   grid-column: 7/17;
}

.uslugi__list .uslugi__item:nth-child(8n+3) img {
   aspect-ratio: 726/235;
}

.uslugi__list .uslugi__item:nth-child(8n+4) {
   grid-column: 1/11;
}

.uslugi__list .uslugi__item:nth-child(8n+4) img {
   aspect-ratio: 726/235;
}

.uslugi__list .uslugi__item:nth-child(8n+5) {
   grid-column: 11/17;
   grid-row: 3/5;
}

.uslugi__list .uslugi__item:nth-child(8n+5) img {
   aspect-ratio: 410/534;
}

.uslugi__list .uslugi__item:nth-child(8n+6) {
   grid-column: 1/11;
}

.uslugi__list .uslugi__item:nth-child(8n+6) img {
   aspect-ratio: 726/235;
}

.uslugi__list .uslugi__item:nth-child(8n+7) {
   grid-column: 1/9;
}

.uslugi__list .uslugi__item:nth-child(8n+7) img {
   aspect-ratio: 568/235;
}

.uslugi__list .uslugi__item:nth-child(8n+8) {
   grid-column: 9/17;
}

.uslugi__list .uslugi__item:nth-child(8n+8) img {
   aspect-ratio: 568/235;
}

.uslugi_img:after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   mix-blend-mode: plus-lighter;
   background: #1C1F7E;
}

.uslugi__info {
   position: absolute;
   z-index: 1;
   font-family: 'Unbounded';
   font-size: 16px;
   line-height: 25px;
   font-weight: 500;
   color: var(--white);
   text-transform: uppercase;
   width: 100%;
   padding: 20px 115px 0 20px;
}

.uslugi__list1 .uslugi__item:nth-child(8n+1) {
   grid-column: 1/7;
   grid-row: 1/3;
}

.uslugi__list1 .uslugi__item:nth-child(8n+1) img {
   aspect-ratio: 410/534;
}

.uslugi__list1 .uslugi__item:nth-child(8n+2) {
   grid-column: 7/17;
}

.uslugi__list1 .uslugi__item:nth-child(8n+2) img {
   aspect-ratio: 726/235;
}

.uslugi__list1 .uslugi__item:nth-child(8n+3) {
   grid-column: 7/17;
}

.uslugi__list1 .uslugi__item:nth-child(8n+3) img {
   aspect-ratio: 726/235;
}

.uslugi__list1 .uslugi__item:nth-child(8n+4) {
   grid-column: 1/9;
}

.uslugi__list1 .uslugi__item:nth-child(8n+4) img {
   aspect-ratio: 568 / 235;
}

.uslugi__list1 .uslugi__item:nth-child(8n+5) {
   grid-column: 9/17;
   grid-row: 3 / 3;
}

.uslugi__list1 .uslugi__item:nth-child(8n+5) img {
   aspect-ratio: 568 / 235;
}

.uslugi__list1 .uslugi__item:nth-child(8n+6) {
   grid-column: 1/11;
}

.uslugi__list1 .uslugi__item:nth-child(8n+6) img {
   aspect-ratio: 726 / 235;
}

.uslugi__list1 .uslugi__item:nth-child(8n+7) {
   grid-column: 11/17;
   grid-row: 4 / 6;
}

.uslugi__list1 .uslugi__item:nth-child(8n+7) img {
   aspect-ratio: 410 / 534;
}

.uslugi__list1 .uslugi__item:nth-child(8n+8) {
   grid-column: 1/11;
}

.uslugi__list1 .uslugi__item:nth-child(8n+8) img {
   aspect-ratio: 726 / 235;
}

.service2__info {
   position: absolute;
   z-index: 1;
   font-family: 'Unbounded';
   font-size: 16px;
   line-height: 25px;
   font-weight: 500;
   color: var(--white);
   text-transform: uppercase;
   width: 100%;
   padding: 20px 115px 0 20px;
}

.service2_img {
   position: relative;
}

.service2_img:after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   mix-blend-mode: plus-lighter;
   background: #1C1F7E;
}

.service2_img img {
   width: 100%;
   object-fit: cover;
   transition: all 0.3s;
   aspect-ratio: 715 / 239;
}

.service2__block__wrapper {
   display: flex;
   flex-wrap: wrap;
   gap: 37px;
   margin-top: -60px;
}

.service3__block__wrapper {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 40px;
   margin-top: -60px;
}

.service3__item {
   display: flex;
   position: relative;
   border: 1px solid #8B96AD;
   border-radius: 5px;
   padding: 25px;
   flex-wrap: wrap;
   align-items: center;
   justify-content: flex-start;
   height: 252px;
   transition: all 0.3s;
}

.service3__item:hover {
   border-color: #2E3192;
}

.service3__title {
   position: relative;
   color: var(--black);
   font-size: 16px;
   margin-top: 40px;
   padding-top: 20px;
   transition: color 0.3s;
}

.service3__title:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   height: 1px;
   width: 94px;
   background: #8B96AD;
}

.service3_img {
   max-width: 250px;
   flex: 1 1 100%;

   & img {
      width: 100%;
      object-fit: contain;
      aspect-ratio: 4 / 3;
   }
}

.service3_img i {
   position: absolute;
   top: 20px;
   right: 20px;
   border: 1px solid #2E3192;
   border-radius: 50%;
   width: 42px;
   height: 42px;
   text-align: center;
   font-size: 22px;
   line-height: 42px;
   opacity: 0;
   transition: all 0.3s;
}

.service3__item:hover .service3_img i {
   opacity: 1;
}

.service__inner__img img {
   max-width: 360px;
   width: 100%;
   object-fit: contain;
   aspect-ratio: 4 / 3;
   object-position: left;
}

.service__inner__img {
   width: 100%;
   margin-bottom: 60px;
}

@media (max-width:768px) {
   .slider__item {
      width: 292px;
   }

   .carousel__body {
      grid-template-columns: 1fr;
      gap: 70px;
   }

   .carousel__title {
      padding-bottom: 0px;
   }

   .slider__item img {
      border-radius: 20px !important;
   }

   .sides__wraper,
   .service__block__wrapper,
   .uslugi__list,
   .service3__block__wrapper,
   .partner__block__wrapper {
      display: block;
      margin-top: 50px;
   }

   .service__item___wrapper img {
      width: 100%;
   }

   .top-menu__logo img,
   .fixed .top-menu__logo img {
      top: -18px;
   }

   .services-main {
      padding-bottom: 80px;
   }

   .service__item___wrapper,
   .service3__item {
      margin-bottom: 25px;
   }

   .footer__contact__tel a {
      font-size: 20px;
      margin-bottom: 10px;
      margin-top: 20px;
   }

   .uslugi__list .uslugi__item:nth-child(8n+1) img,
   .uslugi__list .uslugi__item:nth-child(8n+2) img,
   .uslugi__list .uslugi__item:nth-child(8n+3) img,
   .uslugi__list .uslugi__item:nth-child(8n+4) img,
   .uslugi__list .uslugi__item:nth-child(8n+5) img,
   .uslugi__list .uslugi__item:nth-child(8n+6) img,
   .uslugi__list .uslugi__item:nth-child(8n+7) img,
   .uslugi__list .uslugi__item:nth-child(8n+8) img {
      aspect-ratio: auto;
   }

   .uslugi__list .uslugi__item {
      margin-bottom: 25px;
   }

   .service__template .slider__info {
      width: 100%;
   }

   .service__template .ofer__info {
      font-size: 22px;
      padding: 15px;
   }

   .base__template .top-menu__tel:after {
      color: #2e3192;
   }

   .base__template .ham1 path {
      stroke: #2e3192;
   }

   .service__inner__img img {
      width: 100%;
   }

   .top-menu__menu .submenu {
      visibility: visible;
      opacity: 1;
   }

   .submenu {
      position: relative;
      text-align: center;
      top: auto;
   }

   .accordion {
      margin-top: 30px;
   }

   .icon-plus {
      height: 38px;
      font-size: 20px;
   }
}

.partner-element {
   position: relative;
}

.modal-tooltip {
   position: absolute;
   width: 100%;
   height: auto;
   bottom: 25px;
   left: -10px;
   background-color: #FFF;
   pointer-events: none;
   display: none;
   z-index: 1;
   font-size: 14px;
   padding: 10px;
   border-radius: 5px;
   box-shadow: 0 7px 15px rgba(0, 0, 0, 0.3);
   text-wrap: pretty;
}

.partner-element {
   position: relative;
   /* Чтобы тултип позиционировался относительно элемента */
}

.partner-element-tool {
   position: absolute;
   /* Позиционирование относительно родителя */
   background-color: #FFF;
   box-shadow: 0 7px 15px rgba(0, 0, 0, 0.3);
   padding: 10px;
   /* Отступы */
   border-radius: 5px;
   /* Закруглённые углы */
   z-index: 1000;
   /* Поверх других элементов */
   display: none;
   /* Скрыть по умолчанию */
   top: 50%;
   left: 50%;
   translate: -50% -50%;

   & a {
      text-wrap: nowrap;
   }
}

.sides__wraper.button-wrapper {
   margin-top: -100px;
   padding-bottom: 120px;
}

.disabled-link {
   cursor: initial;
}

span.disabled-name {
   color: #fff;
   position: absolute;
   bottom: 10px;
   left: 10px;
   font-size: 12px;
   background: red;
   padding: 5px 10px;
   border-radius: 3px;
}

.disabled-link img {
   filter: grayscale(1);
   opacity: 0.7;
}

.disabled-link .uslugi_img:after {
   background: #4c4c4c;
   opacity: 0.7;
}

.disabled-link .service2_img:after {
   background: #9a9a9a;
   opacity: 0.7;
}

.disabled-link .service__arrow {
   display: none;
}

.jGrowl {
   z-index: 99999 !important;
}

input.fr-name {
   display: none;
}

@media (max-width:768px) {
   .ofer-body {
      margin-bottom: 30px;
   }

   .service__template .ofer-body {
      height: 400px;
      position: relative;
   }

   .service__template .ofer img {
      object-position: 70%;
   }
}