@import url(null.css);

/* all====================================================================================================*/

@font-face {
   font-family: 'Unageo';
   src: url('../fonts/unageo-medium.woff2') format('woff2'),
      url('../fonts/unageo-medium.woff') format('woff');
   font-weight: 500;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: 'Unageo';
   src: url('../fonts/unageo-regular.woff2') format('woff2'),
      url('../fonts/unageo-regular.woff') format('woff');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: 'Unageo';
   src: url('../fonts/unageo-light.woff2') format('woff2'),
      url('../fonts/unageo-light.woff') format('woff');
   font-weight: 300;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: 'Unageo';
   src: url('../fonts/unageo-bold.woff2') format('woff2'),
      url('../fonts/unageo-bold.woff') format('woff');
   font-weight: 700;
   font-style: normal;
   font-display: swap;
}

:root {
   --blue: #1740A7;
   --black: #363852;
   --green: #71BE09;
   scrollbar-gutter: stable;
}

::-webkit-scrollbar {
   width: 5px;
}

::-webkit-scrollbar-thumb {
   border-radius: 10px;
   background-color: var(--blue);
}

html {
   scroll-behavior: smooth;
   scroll-padding-top: 70px;
}

body {
   color: var(--black);
   line-height: calc(25 / 16);
   font-family: Unageo, sans-serif;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   font-optical-sizing: auto;
}

body.show {
   overflow: hidden;
}

.u-margin {
   margin-top: 120px;
}

section {
   margin-bottom: 120px;
}

a {
   transition: all 0.3s;
   color: inherit;
}

p {
   color: inherit;
}

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

.text p {
   padding-bottom: 15px;
}

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

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

.text ul li::marker {
   color: var(--black);
}

.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: grey;
}

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

.btn {
   font-size: 16px;
   display: inline-flex;
   width: 100%;
   max-width: 280px;
   font-weight: 400;
   color: #fff;
   background-color: var(--blue);
   padding: 20px 30px;
   transition: all 0.3s;
   cursor: pointer;
   transition: all 0.3s;
   border-radius: 50px;
   justify-content: space-between;
   align-items: center;
   gap: 10px;
   position: relative;

   & i {
      transition: all 0.3s;
   }

   &::after {
      content: "";
      position: absolute;
      top: -2px;
      left: -2px;
      width: calc(100% + 4px);
      height: calc(100% + 4px);
      background: linear-gradient(180deg, #496dc7 2.68%, #20B0F8 97.32%);
      border-radius: 50px;
      z-index: -1;
   }
}

.btn:hover {
   color: #fff;
   background-color: #103288;

   & i {
      transform: translateX(5px);
   }
}


.wrap {
   width: 100%;
   min-height: 100%;
   overflow-x: hidden;
   overflow-x: clip;
   display: flex;
   flex-direction: column;
}

main {
   flex: 1 1 100%;
   position: relative;
}

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

.title {
   color: var(--black);
   font-family: 'Unageo', sans-serif;
   font-size: 25px;
   font-weight: 400;
   line-height: 1.2;
   margin-bottom: 20px;
}

.subtitle {
   color: var(--blue);
   font-family: 'Unageo', sans-serif;
   font-size: 35px;
   line-height: calc(50 / 35);
   margin-bottom: 35px;
}


/* burger */
.burger {
   width: 50px;
   height: 50px;
   display: none;

}

.burger svg {
   width: 50px;
   height: 50px;
}

.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: var(--blue);
   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;
}

/* end bruger */


/* breadcrubms */

.breadcrumbs-wrapper {
   padding: 14px 0;
   padding-bottom: 25px;
   color: #7E869E;
   font-size: 12px;
   font-style: normal;
   font-weight: 500;
   line-height: 150%;
   margin-top: 80px;
}

.breadcrumbs-wrapper .active {
   color: #CBD2E2;
}

.breadcrumbs-wrapper li {
   display: inline-block;

}

.breadcrumbs-wrapper a {
   position: relative;
   padding-right: 15px;
   display: inline-block;
}

.breadcrumbs-wrapper a:hover {
   text-decoration: none;
}

.breadcrumbs-wrapper a:after {
   content: "|";
   color: #ACB4C1;
   position: absolute;
   top: 0;
   right: 3px;
}

/* end breadcrubms */

/*end all>====================================================================================================*/


/* header====================================================================================================*/

.header {
   position: fixed;
   width: 100%;
   z-index: 9999;
   transition: all 0.3s;
   background-color: #fff;
}

.header.fixed {
   background-color: #fff;

}

.top-menu {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 10px;
}

.top-menu__logo {
   padding: 11px 0px;

   & img {
      max-width: 180px;
      transition: all 0.3s;
   }

}

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

.top-menu__body {
   transition: padding 0.3s;
   flex: 1 1 auto;
   max-width: 500px;
}

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

.top-menu__list {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 10px;

   & a {
      color: var(--blue);

      &:hover {
         color: var(--green);
      }
   }

}

.top-menu__list-item {
   position: relative;
}

.top-menu__item--parent {
   position: relative;
   padding-left: 18px;
   padding-bottom: 15px;
}

.top-menu__toggle {
   display: none;
   background: transparent;
   border: none;
   padding: 0;
   margin: 0;
   cursor: pointer;
}

.top-menu__item--parent::after {
   content: "";
   position: absolute;
   top: 5px;
   left: 0;
   width: 8px;
   height: 8px;
   border-right: 2px solid currentColor;
   border-bottom: 2px solid currentColor;
   transform: rotate(45deg);
   transition: transform 0.2s ease;
}

.top-menu__list-item--has-children:hover>.top-menu__item--parent::after,
.top-menu__list-item--has-children:focus-within>.top-menu__item--parent::after,
.top-menu__list-item--open>.top-menu__item--parent::after {
   transform: rotate(-135deg);
}

.top-menu__dropdown {
   position: absolute;
   top: calc(100% + 12px);
   left: 0;
   min-width: 200px;
   display: none;
   flex-direction: column;
   gap: 0;
   padding: 12px 0;
   background-color: #fff;
   box-shadow: 0 12px 36px rgba(16, 47, 130, 0.15);
   border-radius: 12px;
   z-index: 1000;
}

.top-menu__list-item:hover>.top-menu__dropdown,
.top-menu__list-item:focus-within>.top-menu__dropdown,
.top-menu__list-item--open>.top-menu__dropdown {
   display: flex;
}

.top-menu__dropdown li {
   width: 100%;
}

.top-menu__dropdown-link {
   display: block;
   padding: 10px 20px;
   color: var(--blue);
   white-space: nowrap;
}

.top-menu__dropdown-link:hover,
.top-menu__dropdown-link:focus {
   color: var(--green);
   background-color: rgba(23, 64, 167, 0.08);
}

.active .top-menu__item {
   color: var(--green);
}

.margin-top {
   margin-top: 120px;
}

.maintenance {
   width: 100%;
   min-height: 100%;
   overflow-x: hidden;
   overflow-x: clip;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   text-align: center;

   & .SocialNetworks {
      justify-content: center;
   }

   & img {
      margin-bottom: 20px;
   }

   & .maintenance__info {
      max-width: 500px;
      padding: 15px;
      text-wrap: balance;
   }
}

.maintenance__contacts {
   display: flex;
   flex-direction: column;
   gap: 5px;
   line-height: 1.2;
   font-size: 20px;
   margin: 20px 0;
}

.maintenance__contact-item_address {
   font-size: 16px;
   margin-top: 10px;
}

.top-menu__right {
   display: flex;
   align-items: center;
   gap: 0px;
}

.top-menu__contacts {
   display: flex;
   flex-direction: column;
   gap: 7px;
   line-height: 1;
   text-align: right;
   border-right: 1px solid #CBD2E2;
   padding-right: 22px;
}

.top-menu__phone {
   font-size: 20px;
   font-weight: 500;
}

.top-menu__email {
   color: #7E869E;
   font-size: 16px;
   font-weight: 400;
}

.top-menu__lang {
   padding-left: 22px;
   text-transform: uppercase;
   font-weight: 500;
}

.top-menu__lang-item {}


/*end header>====================================================================================================*/



/* footer====================================================================================================*/

.footer {
   background-color: var(--blue);
   color: #fff;
   padding: 42px 0px;
}

.footer__body {
   display: flex;
   justify-content: space-between;
   gap: 30px;
}

.SocialNetworks {
   font-size: 25px;
   display: flex;
   align-items: center;
   gap: 10px;

   & a {
      display: flex;
      align-items: center;
      justify-content: center;
      flex: 0 0 52px;
      height: 52px;
      border-radius: 5px;
      border: 1px solid #fff;
      transition: all 0.3s;

      &:hover {
         border: 1px solid var(--green);
         background-color: #8fa9eb35;
      }
   }
}

.footer__logo {
   & img {
      max-width: 270px;
      width: 100%;
   }
}

.footer__logo-text {
   font-size: 25px;
   max-width: 160px;
   line-height: 1.2;
   margin-top: 50px;
}

.footer__menu {
   display: flex;
   gap: 30px;
   flex: 1 1 auto;
   justify-content: space-between;
   max-width: 340px;
}

.footer__menu-catalog {}

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

.footer__menu-list-title {
   color: #8FA9EB;
}

.footer__menu-info {}

.footer__contacts {
   display: flex;
   flex-direction: column;
   gap: 25px;
   max-width: 314px;
}

.footer__contacts-item {
   text-wrap: balance;
}

.footer__contacts-item-contacts {
   display: flex;
   align-items: flex-start;
   gap: 20px;
}

.footer__contacts-item-contacts-item-phone2-text {
   margin: 10px 0 5px;
   display: block;
}

.footer__contacts-item-contacts-item {
   display: flex;
   flex-direction: column;
   gap: 5px;
   line-height: 1.2;
}

.footer__phone {
   font-size: 20px;
   font-weight: 500;
}

.footer__email {}

.footer__bottom {
   display: flex;
   justify-content: space-between;
   gap: 30px;
   margin-top: 55px;
   font-size: 15px;
   color: #8FA9EB;
}

.footer__copyright {}

.footer__policy {}

/*end footer>====================================================================================================*/



/* offer====================================================================================================*/


.offer-section {
   position: relative;
   height: 600px;
   overflow: hidden;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   margin-top: 80px;
}

.offer-section::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: #232210;
   z-index: 1;
   opacity: 0.2;
}

.offer-section__body {
   position: relative;
   z-index: 1;
   display: flex;

}

.offer-section__content {
   flex: 0 1 700px;
   display: flex;
   flex-direction: column;
   gap: 40px;
   color: #fff;
   text-wrap: balance;
}

.offer-section__title {
   font-size: 50px;
   font-style: normal;
   font-weight: 400;
   line-height: 1.15;

   & b {
      text-transform: uppercase;
      font-weight: 700;
      font-size: 50px;
   }

}

.offer-section__subtitle {
   font-size: 18px;
   line-height: 1.2;
   font-weight: 500;
   line-height: 1.2;
}

.offer-section__button {
   margin-top: 20px;
}

.offer-section__background {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   z-index: 0;
   pointer-events: none;
}

/*end offer>====================================================================================================*/


/* about====================================================================================================*/
.about-section {}

.about-section__body {
   display: grid;
   grid-template-columns: 1fr 2fr;
   gap: 30px;
}

.about-section__title {
   position: sticky;
   top: 90px;
}

.about-section__content {}

.about-section__numbers {
   display: flex;
   gap: 22px;
   justify-content: space-between;
   margin-top: 25px;
}

.about-section__number {
   flex: 1 1 auto;
   max-width: 210px;
}

.about-section__number-title {
   font-size: 45px;
   color: var(--blue);
   transition: all 0.3s ease;
}

.about-section__number-title.animated {
   animation: numberGlow 0.5s ease-in-out;
}

@keyframes numberGlow {
   0% {
      text-shadow: 0 0 5px rgba(0, 123, 255, 0.3);
   }

   50% {
      text-shadow: 0 0 20px rgba(0, 123, 255, 0.6);
   }

   100% {
      text-shadow: 0 0 5px rgba(0, 123, 255, 0.3);
   }
}

.about-section__number-text {
   text-wrap: balance;
}

.image-section {
   height: 500px;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   background-attachment: fixed;
}

@supports (-webkit-overflow-scrolling: touch) {
   .image-section {
      background-attachment: scroll !important;
   }
}

.image-section-footer {
   margin-bottom: 0;
}

/*end about>====================================================================================================*/


/* sertificates====================================================================================================*/

.sertificates-section {}


.sertificates-section__title {
   text-align: center;
   margin-bottom: 60px;
}


.sertificates-corusel {
   position: relative;

   .slick-slide {
      transition: transform 0.3s ease, opacity 0.3s ease;
   }

   .slick-center {
      transform: scale(1.2);
      z-index: 2;
   }

   .slick-track {
      padding: 60px 0px;
   }
}

.sertificates-corusel__item {
   margin: 0 35px;

   & img {
      width: 100%;
      aspect-ratio: 270 / 375;
      object-fit: contain;
      border-radius: 5px;
      border: 1px solid #CBD2E2;
      padding: 10px;
      margin: 0 auto;
      transition: all 0.3s ease;
   }
}

.arrows {
   padding: 20px 5px;
   cursor: pointer;
   z-index: 3;

   &:hover i {
      color: #363852;
   }

   & i {
      font-size: 25px;
      color: #8e90ab;
      transition: all 0.3s ease;


   }
}

.arrow-l {
   position: absolute;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
}

.arrow-r {
   position: absolute;
   right: 0;
   top: 50%;
   transform: translateY(-50%);
}

/*end sertificates>====================================================================================================*/


/* production====================================================================================================*/

.production-section {}

.production-section__side {}

.production-section__title {
   position: sticky;
   top: 90px;
}

.production-section__body {
   display: grid;
   grid-template-columns: 1fr 3fr;
   gap: 30px;
}

.production-section__content {}

.production-section__content-text {
   margin-bottom: 40px;
}

.production-section__content-images {}

.gallery__element {
   margin-bottom: 10px;
   width: 49%;

}

.gallery__element-gutter-sizer {
   width: 1%;
}

/*end production>====================================================================================================*/

/* advantages====================================================================================================*/

.advantages-section {
   background-color: #F5F6F8;
   padding: 110px 0px;
}

.main-page .advantages-section {
   margin-bottom: 0;
}

.advantages-section__body {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   gap: 30px 11px;
}

.advantages-section__title {
   position: sticky;
   top: 90px;
}

.advantages-section__item {
   min-height: 230px;
   background: #FFFFFF;
   border: 1px solid #CBD2E2;
   border-radius: 5px;
   padding: 40px 25px;
}

.advantages-section__item-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 10px;
   margin-bottom: 15px;
   min-height: 45px;
}

.advantages-section__item-title {
   font-weight: 500;
   font-size: 18px;
   line-height: 1.2;
   text-transform: uppercase;
   color: var(--blue);
}

.advantages-section__item-index {
   font-weight: 400;
   font-size: 40px;
   color: #CBD2E2;
   line-height: 1;
}

.advantages-section__item-text {}

.advantages-section__image {
   grid-column: 1/4;
   grid-row: 2/3;
   min-height: 280px;
   border-radius: 5px;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   padding: 30px;
   align-self: end;
   display: flex;
   flex-direction: column;
}

.advantages-section__content {
   max-width: 315px;
   font-weight: 500;
   font-size: 16px;
   line-height: 23px;
   color: #FFFFFF;
   margin-top: auto;
}

.advantages-section__btn-wrap {
   grid-column: 1/2;
   grid-row: 3/5;
   align-self: end;
}


/*end advantages>====================================================================================================*/


/* partners====================================================================================================*/
.partners-section {}

.partners-section__title {}

.partners-section__corusel {
   position: relative;
   padding: 30px 30px;
   margin: 0 -30px;
}

.partners-section__item {
   aspect-ratio: 290 / 165;
   border-radius: 5px;
   border: 1px solid #CBD2E2;
   padding: 10px;
   margin: 0 5px;
   display: flex !important;
   align-items: center;
   justify-content: center;

   & img {
      width: 100%;
      aspect-ratio: 290 / 165;
      max-width: 260px;
      max-height: 105px;
      object-fit: contain;
   }



}

/*end partners>====================================================================================================*/

/* information====================================================================================================*/
.information-section {}

.information-section__body {
   display: grid;
   grid-template-columns: 1fr 2fr;
   gap: 30px;
}

.information-section__title {
   position: sticky;
   top: 90px;
}

.information-section__content img {
   width: 100%;
   max-width: 700px;
   margin: 0 auto;
}

/*end information>====================================================================================================*/


/* form-callback====================================================================================================*/
.form-callback-form-wrap {
   padding: 50px 65px;
   background-color: var(--green);
   border-radius: 5px;
   display: flex;
   justify-content: space-between;
   gap: 30px;
   color: #fff;
   font-size: 18px;
   line-height: 1.3;

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

.form-col {
   max-width: 440px;
   width: 100%;
}

.form-callback-form-title {
   font-weight: 600;
   font-size: 35px;
   line-height: 1.1;
   margin-bottom: 35px;
}

.form-callback-form-subtitle {}

.form-callback-form-subtitle-item {
   margin-bottom: 20px;

   &:last-child {
      margin-bottom: 0;
   }
}

.form-callback-form-subtitle-item__phone {
   font-size: 35px;
}

.form-callback-form-subtitle-item__email {}

.formit {}

.form-callback-form-introtext {
   margin-bottom: 20px;
}

.form-callback-form {
   display: flex;
   flex-direction: column;
   gap: 10px;
   margin-bottom: 25px;
}

.form-service-input-name {
   display: none;
}

.form-callback-form__input {
   padding: 17px 25px;
   border-radius: 5px;
   border: 1px solid #fff;
   background-color: transparent;
   color: #fff;
   font-size: 16px;

   &::placeholder {
      color: #ffffff8a;
   }
}


.fr-name {
   display: none;
}

.form-callback-form__footer {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 15px;
}

.form-callback-form__des {
   font-size: 13px;
   text-wrap: balance;
}

.form-callback-form__btn {}


.fa-arrow-right-long {}

.callback-form__success {
   flex-direction: column;
   justify-content: center;
   font-size: 18px;
}

.success {}

.callback-form__success-title {}


/*end form-callback>====================================================================================================*/

/* contacts====================================================================================================*/

.contacts-section {}


.contacts-section__body {
   display: flex;
   justify-content: space-between;
   gap: 30px;
}

.contacts-section__title {}


.contacts-section__info {
   max-width: 380px;
   text-wrap: balance;
   line-height: 1.2;
}

.contact-info-item {
   margin-bottom: 27px;
}

.contact-info-item__text {
   color: #7E869E;
   margin-bottom: 5px;
}

.contact-info-item__title {
   font-size: 18px;
}

.contacts-section__map {
   width: 100%;
   max-width: 690px;
   border-radius: 5px;
   overflow: hidden;
}

/*end contacts>====================================================================================================*/


/* product====================================================================================================*/

.product-section {}


.product-section__body {
   display: flex;
   justify-content: space-between;
   gap: 30px;
}

.product-section__title {
   color: var(--blue);
}

.product-section__gallery {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 15px;
   max-width: 505px;
}

.product-section__gallery-item {

   transition: all 0.2s;

   &:nth-child(1) {
      display: flex;
      grid-column: 1/5;

      & img {
         aspect-ratio: 5/4;
         max-height: 440px;
      }
   }

   & img {
      width: 100%;
      aspect-ratio: 5/4;
      object-fit: cover;
      background: #fff;
      overflow: hidden;
      border-radius: 2px;
      border: 1px solid transparent;
      transition: all 0.3s;

      &:hover {
         border: 1px solid var(--green);
      }
   }


}

.product-section__gallery-item-img {}

.product-section__content {
   max-width: 600px;
}

.product-section__info {
   margin-bottom: 60px;
}

.product-section__info-item {
   display: flex;
   justify-content: space-between;
   gap: 50px;
   line-height: 1.25;
   padding: 12px 0;
   border-bottom: 1px solid #CBD2E2;

   &:last-child {
      border-bottom: none;
   }
}

.product-section__info-item-title {
   font-weight: 700;
}

.product-section__info-item-text {
   text-align: right;
}

.grid-list {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 33px;
   margin-top: 40px;
}

.grid-item {
   display: flex;
   background: #FFFFFF;
   border: 1px solid #CBD2E2;
   border-radius: 5px;
   justify-content: space-between;
   gap: 10px;

   @media (hover: hover) and (pointer: fine) {
      &:hover {
         border: 1px solid var(--green);
         box-shadow: 0px 4px 20px #C8CFE2;

         & .btn-w {
            background-color: var(--green);
            color: #fff;
            border: 1px solid var(--green);
         }

         & .grid-item__title {
            color: initial;
         }
      }
   }
}

.grid-item__content {
   display: flex;
   flex-direction: column;
}

.grid-item__title {
   font-size: 18px;
   max-width: 250px;
   text-wrap: balance;
   padding: 35px 27px;
   line-height: 1.3;
   color: initial;
}

.grid-item__btn {
   margin: auto 0 23px 27px;
}

.btn-w {
   padding: 13px 45px;
   background-color: #fff;
   border: 1px solid #7E869E;
   border-radius: 2px;
   max-width: 165px;
   text-align: center;
   transition: all 0.3s;
}

.grid-item__image {
   padding: 10px;
}

.grid-item__image img {
   width: 100%;
   max-width: 272px;
   object-fit: cover;
   aspect-ratio: 272/217;
   border-radius: 2px;
   overflow: hidden;
}

/*end product>====================================================================================================*/

/*application>====================================================================================================*/
.popup-form {
   display: none;
   max-width: 725px;
   color: #fff;
   background-color: var(--green);
   border-radius: 5px;
   padding: 50px 50px;
   font-family: 'Unageo', sans-serif;
}

.app-callback-form-title {
   font-size: 30px;
   line-height: 1.2;
   margin-bottom: 20px;
}

.app-callback-form {
   display: flex;
   flex-direction: column;
   gap: 8px;
   margin-bottom: 25px;
}

.app-service-input-name {}

.app-callback-form__input {
   padding: 17px 25px;
   border-radius: 5px;
   border: 1px solid #fff;
   background-color: transparent;
   color: #fff;
   font-size: 16px;

   &::placeholder {
      color: #ffffff8a;
   }
}


.app-callback-form__footer {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 15px;
}

.app-callback-form__des {
   font-size: 13px;
   text-wrap: balance;
   max-width: 250px;

   & a {
      color: #fff;

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

.app-callback-form__btn {
   font-family: 'Unageo', sans-serif;
}

.fancybox-close-small:after {
   content: "×";
   position: absolute;
   top: 10px;
   right: 5px;
   width: 30px;
   height: 30px;
   font: 40px / 31px Arial, Helvetica Neue, Helvetica, sans-serif;
   color: #ffffff;
   font-weight: 300;
   text-align: center;
   border-radius: 50%;
   border-width: 0;
   background-color: transparent;
   transition: background-color .25s;
   box-sizing: border-box;
   z-index: 2;
}

.error {
   border-color: red;
}

/*end application>====================================================================================================*/


/*catalog-in>====================================================================================================*/

.catalog-menu {
   margin-top: 40px;
}

.catalog-menu__list {
   display: flex;
   gap: 15px;
   flex-wrap: wrap;
}

.active .catalog-menu__item {
   background-color: var(--blue);
   border: 1px solid var(--blue);
   color: #fff;
}

.catalog-menu__item {
   padding: 17px 50px;
   border-radius: 5px;
   border: 1px solid #7E869E;
   transition: all 0.3s;
   font-size: 18px;
   box-sizing: border-box;
   display: flex;

   &:hover {
      border: 1px solid var(--green);
   }
}

/*end catalog-in>====================================================================================================*/


/*catalog>====================================================================================================*/
.catalog-products {}

.catalog-products__body {
   display: grid;
   grid-template-columns: 1fr 2fr;
   gap: 30px;
}

.catalog-products__title {
   position: sticky;
   top: 90px;
}

.catalog-products__body-grid {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 85px 76px;
}

.catalog-products_item {
   width: 350px;
   height: 165px;
   border: 1px solid #CBD2E2;
   border-radius: 5px;
   position: relative;
   transition: all 0.3s;
}

@media (hover: hover) and (pointer: fine) {
   .catalog-products_item:hover::after {
      opacity: 1;
   }

   .catalog-products_item:hover {
      border: 1px solid var(--green);
   }

   .catalog-products_item:hover .catalog-products_item-image-hover {
      opacity: 1;
   }
}



.catalog-products_item::after {
   content: "\eb27";
   font-family: "myfontawesome";
   position: absolute;
   bottom: 28px;
   left: 17px;
   width: 25px;
   height: 10px;
   z-index: 1;
   color: var(--green);
   opacity: 0;
   transition: all 0.3s;
}

.catalog-products_item-title {
   font-size: 18px;
   color: var(--blue);
   font-weight: 500;
   padding: 18px;
   max-width: 100px;
   line-height: 1.2;
}

.catalog-products_item-image {}

.catalog-products_item-image img {
   max-width: 260px;
   width: 100%;
   position: absolute;
   right: -30px;
   top: -20px;
   width: 100%;
   object-fit: cover;
   border-radius: 5px;
}

.catalog-products_item-image-img {}

.catalog-products_item-image-hover {
   transition: opacity cubic-bezier(0.09, 0.92, 0.46, 0.96) 2s;
   opacity: 0;
}

.catalog-products__text {
   margin-top: 120px;
}

/*end catalog>====================================================================================================*/