:root {
   --mainColor: #072189;
   --blue: #091854;
   --boxshadow: 0px 6px 26px 0px #0000001A;
}

/*swiper*/
.swiper-pagination-bullet {
   height: clamp(0.5rem, 0.38rem + 0.49vw, 0.75rem);
   width: clamp(0.5rem, 0.38rem + 0.49vw, 0.75rem);
   background: #fff;
   opacity: 0.5;
}

.swiper-pagination-bullet-active {
   background: #000;
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
   bottom: 60px;
}

/*header*/
header {
   position: relative;
   z-index: 100;
}

.header__container {
   min-height: clamp(3.75rem, 2.679rem + 4.76vw, 6.25rem);
   padding-block: 15px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   column-gap: clamp(1rem, 0.089rem + 4.05vw, 3.125rem);
}

.logo img,
.logo svg {
   width: clamp(10.625rem, 9.821rem + 3.57vw, 12.5rem);
}

#menu {
   margin-left: auto;
}

.nav {
   display: flex;
   flex-wrap: wrap;
   column-gap: clamp(1rem, 0.545rem + 2.27vw, 2.25rem);
   row-gap: 16px;
}

.nav__link,
.language__text {
   text-transform: uppercase;
}

.nav__link:hover {
   text-decoration: underline;
}

.language {
   display: flex;
   gap: 16px;
}

.language__text {
   cursor: pointer;
}

.language__text.active {
   font-weight: 700;
}


/*foter*/
footer.footer {
   background: var(--blue);
   padding-top: clamp(1.25rem, -0.893rem + 9.52vw, 6.25rem);
   color: #fff;
}

footer a {
   color: #fff;
}

footer a:hover {
   text-decoration: underline;
}

.footer__container {
   display: grid;
   grid-template-columns: 25% 17% 25% 1fr;
   grid-template-rows: auto 1fr;
}

.footer__col {
   grid-row: span 2;
   padding-right: 15px;
}

.footer__col--4,
.footer__col--5 {
   grid-row: span 1;
}

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

footer .nav {
   flex-direction: column;
}

.footer-list li:not(:last-child) {
   margin-bottom: 16px;
}

.social {
   display: inline-flex;
   gap: 8px;
   margin-bottom: 13px;
}

.social .icon {
   display: block;
   font-size: 24px;
   text-decoration: none;
}

.social .icon:hover {
   opacity: 0.5;
}

/*hero*/
.hero-item {
   position: relative;
   background: #000;
}

.hero-slider img {
   opacity: 0.75;
}

.hero-item__desc {
   display: flex;
   flex-direction: column;
   justify-content: center;
   max-width: 680px;
   min-height: clamp(35.25rem, 34.682rem + 2.42vw, 36.5rem);
   color: #fff;
   font-size: clamp(1rem, 0.88rem + 0.49vw, 1.25rem);
   padding-top: 30px;
   padding-bottom: 90px;
   line-height: 1.35;
}

.hero-item__title {
   font-size: clamp(2rem, 1.037rem + 3.95vw, 4rem);
   font-weight: 700;
   line-height: 0.9;
   margin-bottom: clamp(1rem, 0.773rem + 0.97vw, 1.5rem);
}

/*in-about*/
.in-about {
   position: relative;
   background: var(--blue);
}

.in-about::before {
   content: "";
   height: 100%;
   width: 50%;
   position: absolute;
   top: 0;
   right: 50%;
   background: #3551BF;
}

.in-about__container {
   position: relative;
   z-index: 3;
   display: grid;
   grid-template-columns: repeat(3, 1fr);
}

.in-about__item {
   min-height: 295px;
   padding-block: 35px;
   padding-inline: 20px;
   color: #fff;
}

.in-about__item:first-child {
   padding-left: 0;
}

.in-about__item--blue {
   background: var(--mainColor);
}

.in-about__title {
   min-height: 2.6em;
   margin-bottom: 18px;
}

.in-about__desc {
   max-width: 345px;
}

/*in-strategy*/
.in-strategy__grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 20px;
}

.item-strategy {
   display: flex;
   flex-direction: column;
   align-items: start;
   max-width: 315px;
}

.item-strategy__number {
   height: clamp(2.5rem, 2.319rem + 0.74vw, 2.875rem);
   width: clamp(2.5rem, 2.319rem + 0.74vw, 2.875rem);
   font-size: clamp(1.5rem, 1.259rem + 0.99vw, 2rem);
   font-weight: 700;
   border-radius: 50%;
   background: var(--mainColor);
   box-shadow: 2px 0px 1px 0px #FFFFFF40 inset, -2px 0px 1px 0px #FFFFFF40 inset, 0px -2px 1px 0px #FFFFFF40 inset, 0px 2px 1px 0px #FFFFFF40 inset;
   display: flex;
   text-align: center;
   justify-content: center;
   color: #fff;
   border: 2px solid #AFBAE5;
   margin-bottom: clamp(1rem, 0.699rem + 1.23vw, 1.625rem);
}

/*in-project*/
.item-grid-3 {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(305px, 1fr));
   gap: 20px;
}

.item-project {
   min-height: clamp(21.563rem, 12.834rem + 35.81vw, 30rem);
   padding: clamp(0.5rem, -0.599rem + 4.51vw, 1.563rem);
}

.item-project__title {
   font-size: clamp(0.875rem, 0.607rem + 1.34vw, 1.25rem);
}

.item-project__img {
   flex: 1 1 auto;
   border-radius: 16px;
   overflow: hidden;
   margin-bottom: 8px;
}

.item-project__img img,
.item-new__img img {
   transform: scale(1);
   transition: 1s;
}

.item-project__img:hover img,
.item-new__img:hover img {
   transform: scale(1.07);
}

.item-project__date {
   margin-bottom: 8px;
}

.more {
   color: var(--blue);
   text-decoration: underline;
   text-decoration-thickness: 1px;
   text-align: center;
   margin-top: 25px;
   font-size: clamp(1rem, 0.741rem + 1.06vw, 1.25rem);
}

.more:hover {
   text-decoration: none;
}

.page {
   padding-top: 25px;
}

.page__list {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 6px;
}

.page__number {
   display: flex;
   align-items: center;
   justify-content: center;
   height: clamp(1.25rem, 1.069rem + 0.74vw, 1.625rem);
   width: clamp(1.25rem, 1.069rem + 0.74vw, 1.625rem);
   border-radius: 50%;
   color: rgba(0, 0, 0, 0.5);
}

.current {
   color: #fff;
   background: var(--mainColor);
}

/*in-news*/
.item-grid-2 {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 20px;
}

.item-new {
   min-height: clamp(31.25rem, 19.612rem + 47.75vw, 42.5rem);
   padding: 16px;
   background: #E1E5F6;
}

.item-new__img {
   height: clamp(13.438rem, 3.093rem + 42.44vw, 23.438rem);
   border-radius: 16px;
   overflow: hidden;
   margin-bottom: 8px;
}

.item-new__text {
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
}

.item-new__date,
.static__date {
   opacity: 0.5;
}

.item-new .btn {
   margin-top: auto;
}

/*in-form*/
.in-form__container {
   display: grid;
   grid-template-columns: 44% 1fr;
   gap: 26px;
   padding: clamp(1.875rem, 1.273rem + 2.47vw, 3.125rem);
   border: 1px solid var(--blue);
   border-radius: 16px;
   box-shadow: var(--boxshadow);
}

.form__title {
   font-size: clamp(1.5rem, 0.983rem + 2.12vw, 2rem);
   margin-bottom: clamp(0.5rem, -0.017rem + 2.12vw, 1rem);
}

.form__text {
   margin-bottom: 16px;
}

.form__btn {
   background: var(--blue);
}

.input-container {
   display: flex;
   position: relative;
   margin-bottom: 8px;
}

.input-container input,
.input-container textarea {
   width: 100%;
   height: 42px;
   border: 1px solid var(--blue);
   font-size: 16px;
   background: transparent;
   color: #000;
   padding-inline: 8px;
   border-radius: 26px;
}

.input-container textarea {
   resize: none;
   height: 180px;
   padding-top: 10px;
}

.input-container span.err {
   display: none;
   position: absolute;
   left: 16px;
   bottom: -14px;
   color: #D81212;
   font-size: 12px;
}

.input-container.error span.err {
   display: block;
}

.input-container.error {
   margin-bottom: 16px;
}

.input-container.error input, 
.input-container.error textarea {
   color: #D81212;
   border-color: #D81212;
}
.success{
   margin-top: 10px;
   color: green;
}
.danger{
   margin-top: 10px;
   color: #D81212;
}

/*about*/
.head {
   background: var(--mainColor);
}

.head__container {
   height: clamp(6.875rem, 2.361rem + 18.52vw, 16.25rem);
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.head__container img {
   max-width: 47%;
   margin-top: auto;
}

.article {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 20px;
   align-items: center;
   margin-bottom: clamp(1.875rem, 1.273rem + 2.47vw, 3.125rem);
}

.article:nth-child(2n) .article__img {
   order: -1;
}

.article__title {
   margin-bottom: clamp(1rem, 0.278rem + 2.96vw, 2.5rem);
}

.article__img {
   align-self: start;
   justify-self: center;
}

.article .description p,
.article .description ul {
   margin-bottom: 0;
}

/*static*/
.static__container {
   display: grid;
   grid-template-columns: 47% 1fr;
   column-gap: 20px;
   row-gap: clamp(1.25rem, 0.347rem + 3.7vw, 3.125rem);
}

.static__title,
.static__date {
   margin-bottom: clamp(1rem, 0.699rem + 1.23vw, 1.625rem);
}

.static__date {
   font-size: clamp(0.75rem, 0.63rem + 0.49vw, 1rem);
}

/*cooperation*/
.item-team {
   padding: clamp(0.5rem, -0.661rem + 4.76vw, 1.625rem);
}

.item-team__img {
   margin: 0 auto 8px;
}

.item-team__link {
   font-size: clamp(0.625rem, 0.238rem + 1.59vw, 1rem);
   font-style: italic;
   word-break: break-all;
}

.item-partner {
   padding: clamp(0.5rem, -0.016rem + 2.12vw, 1rem);
}

.item-grid-4 {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(285px, 1fr));
   gap: 20px;
}

.item-partner__img {
   margin-inline: auto;
   height: 180px;
   display: flex;
   align-items: center;
}
.item-partner__img img{
   max-height: 100%;
}