@font-face {
  font-family: "Inter";
  src: url("../../fonts/Inter-Regular.ttf");
  font-weight: 400;
}
@font-face {
  font-family: "Gotham Pro";
  src: url("../../fonts/gothampro.ttf");
  font-weight: 400;
}
@font-face {
  font-family: "Gotham Pro";
  src: url("../../fonts/gothampro_light.ttf");
  font-weight: 300;
}
@font-face {
  font-family: "Gotham Pro";
  src: url("../../fonts/gothampro_medium.ttf");
  font-weight: 500;
}
@font-face {
  font-family: "Gotham Pro";
  src: url("../../fonts/gothampro_bold.ttf");
  font-weight: 700;
}
@font-face {
  font-family: "Edwardian Script ITC";
  src: url("../../fonts/edwardianscriptitc.ttf");
  font-weight: 400;
}
@font-face {
  font-family: "Felidae";
  src: url("../../fonts/Felidae.ttf");
  font-weight: 400;
}
body {
  font-weight: 400;
  font-size: 20px;
  color: #232323;
  font-family: "Gotham Pro", sans-serif;
  overflow-x: hidden;
  height: 100%;
}
@media only screen and (min-width:1240px){
  body{
  font-size: 24px;
  }
}
html {
  scroll-behavior: smooth;
  height: 100%;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
}

img {
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.container {
  max-width: 1360px;
  padding: 0 15px;
  margin: 0 auto;
}

button {
  border: none;
  outline: none;
}

.btn {
  display: inline-block;
  border-radius: 10px;
  padding: 14px 12px;
  font-weight: 400;
  font-size: 20px;
  color: #fff;
  background: #1d438e;
  transition: all 0.3s ease;
}
.btn:hover {
  opacity: 0.8;
}

.title {
  font-weight: 700;
  font-size: 32px;
  text-transform: uppercase;
 
  color: #232323;
}
@media only screen and (min-width:1240px){
  .title {
    font-size:40px;
  }
}
.title--bordered{
  padding-bottom: 12px;
  border-bottom: 2px solid #1d438e;
}
.burger {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}
.burger:before, .burger:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 26px;
  height: 2px;
  margin: auto;
  background-color: #1d438e;
  border-radius: 4px;
  transform: translateY(-8px);
  transition: all 0.3s ease;
}
.burger:before {
  transform: translateY(8px);
}
.burger span {
  position: relative;
  width: 26px;
  height: 20px;
  font-size: 0;
}
.burger span:before, .burger span:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 26px;
  height: 2px;
  margin: auto;
  background-color: #1d438e;
  border-radius: 4px;
  transition: all 0.3s ease;
}
.burger.open:before, .burger.open:after {
  opacity: 0;
}
.burger.open span:before {
  transform: rotate(45deg);
}
.burger.open span:after {
  transform: rotate(-45deg);
}

.fade {
  -webkit-animation: fade 0.5s ease;
          animation: fade 0.5s ease;
}

@-webkit-keyframes fade {
  0% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fade {
  0% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
.no-scroll {
  overflow-y: hidden;
}

.bg {
  background-size: contain;
  background-position: right 54px;
  background-repeat: no-repeat;
  background-size: 76%;
}

.header {
  padding: 18px 0;
}
.header__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header__logo {
  width: 201px;
}

.header__nav {
  display: none;
}

.header__nav-link {
  font-weight: 400;
  font-size: 18px;
  color: #626262;
  transition: all 0.3s ease;
}
.header__nav-link:hover {
  color: #1D438E;
}
.header__nav-link--active {
  position: relative;
}
.header__nav-link--active::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #1D438E;
  bottom: -20px;
  left: 0;
}
.header__phone {
  display:none;
}
.header__phone span {
  font-weight: 400;
  font-size: 18px;
  color: #626262;
  transition: all 0.3s ease;
}
.header__phone:hover span {
  color: #1D438E;
}
.header__btn{
  display:none;
}
@media only screen and (min-width:1240px){
  .header__nav{
    display:flex;
    gap: 30px;
    
  }

  .header__phone{
    display: flex;
    gap: 4px;
    align-items: center;
  }
  .header__btn{
    display:block;
  }
}
.drop-down {
  position:relative;
  display: inline-block;
  font-size: 18px;
  vertical-align: top;
}
.drop-down__toggle{
  cursor: pointer;
}
.drop-down__content{
  padding:16px 24px;
  display:none;
  position: absolute;
  background-color: #FFF;
  max-height: 54vh;
  overflow-y: auto;
  box-shadow: 1px 2px 4px 1px rgba(0,0,0,0.2);
  z-index: 1;
  transition: opacity .2s ease;
}

.drop-down:hover > .drop-down__content{
  display:block;
}
.content--practice {
  display:grid;
  gap:16px;
}
@media screen and (min-width:1240px){
  .header__nav  .drop-down__content{
    width: max-content;
  }
  .drop-down__content{
    padding:16px 32px;
    max-height: 64vh;
  }
 
}
.promo__wrapper {
  padding: 30px 0 0;
}
.promo__title{
  font-weight: 500;
  font-size: clamp(36px, 5vw + 1rem, 64px);
  text-transform: uppercase;
  color: #232323;
  max-width: 901px;
}


.promo__title span {
  color: #1d438e;
}
.promo__descr {
  font-weight: 400;
  font-size: 20px;
  color: #626262;
  margin-top: 16px;
  max-width: 461px;
}

.promo__list {
  grid-template-columns: 1fr 1fr;
  display:grid;
  gap:24px;
  margin-top: 42px;
}
.promo__scroll-btn {
  margin: 60px auto 0;
  width: 56px;
  height: 56px;
  display: block;
  transition: all 0.3s ease;
}
.promo__scroll-btn:hover {
  opacity: 0.7;
}
.promo__scroll-btn svg {
  width: 100%;
  height: 100%;
}
.promo__btn {
  margin-top:24px;
}
.promo-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.promo-item__number {
  font-weight: 500;
  font-size: clamp(48px,7.5vw + 1rem,72px);
  line-height: 1.15;
  color: #1d438e;
}
.promo-item__text {
  font-weight: 400;
  font-size: 20px;
  color: #232323; 
}
@media only screen and (min-width:450px){
  .promo__list{
    gap:32px;
  }
}
@media only screen and (min-width:1240px) {
  .promo__wrapper {
  padding: 20px 0 0;
  
}
.promo__btn {
  margin-top: 32px;
  padding-inline: 140px;
}
.promo__list {
  margin-top: 124px;
  grid-template-columns: repeat(4,1fr)
}
.promo__scroll-btn {
  margin: 120px auto 0;
}
}
.services{
  display:grid;
  gap:24px;
}
.services__title{
  margin-bottom: 24px;
}
@media only screen and (min-width:450px){
  .services{
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width:1240px){
  .services{
    grid-template-columns: repeat(4,1fr);
  }
}
.practices {
  padding: 60px 0 55px;
}
.practices__title {
  margin-bottom: 24px;
}
.practices__list {
  display: grid;
  gap: 60px 32px;
  transition: all 0.3s ease;
}
.practices__list--active {
  grid-template-columns: 1fr;
}

.practices-item {
  transition: all 0.3s ease;
  position: relative;
  cursor: pointer;
}
.practices-item:hover .practices-item__title {
  color: #1d438e;
}
.practices-item:hover .practices-item__title::before {
  height: 5px;
  top: -3px;
  background-color: #1d438e;
}
.practices-item--active {
  cursor: auto;
}
.practices-item--active .practices-item__title {
  color: #929292;
  height: auto;
}
.practices-item--active .practices-item__title::before {
  height: 5px;
  top: -3px;
  background-color: #1d438e;
}
.practices-item--active .practices-item__info {
  display: block;
}
.practices-item--active:hover .practices-item__title {
  color: #929292;
}
.practices-item--hide {
  display: none;
}
.practices-item__title {
  font-weight: 400;
  font-size: 24px;
  color: #232323;
  position: relative;
  padding-top: 24px;
  transition: all 0.3s ease;
  height: 100%;
}
.practices-item__title::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  height: 2px;
  width: 100%;
  background-color: #e3e3e3;
  transition: all 0.3s ease;
}
.practices-item__info {
  margin-top: 32px;
  display: none;
}
.practices-item__descr {
  font-weight: 400;
  font-size: 32px;
  color: #232323;
}
.practices-item__link {
  font-weight: 400;
  font-size: 20px;
  color: #1d438e;
  margin-top: 40px;
  display: inline-block;
  transition: all 0.3s ease;
}
.practices-item__link:hover {
  color: #929292;
}
.practices-item__close {
  border: none;
  outline: none;
  background: none;
  position: absolute;
  top: 25px;
  right: 0;
  cursor: pointer;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.2804 1.91378C13.3588 1.83549 13.421 1.74252 13.4635 1.64019C13.506 1.53785 13.5279 1.42816 13.5279 1.31737C13.528 1.20657 13.5062 1.09685 13.4639 0.994467C13.4216 0.892082 13.3595 0.799038 13.2812 0.720647C13.2029 0.642257 13.1099 0.580055 13.0076 0.537594C12.9053 0.495133 12.7956 0.473243 12.6848 0.473175C12.574 0.473107 12.4643 0.494862 12.3619 0.537197C12.2595 0.579533 12.1664 0.64162 12.088 0.719914L7.00018 5.80778L1.91378 0.719914C1.75546 0.561597 1.54074 0.472656 1.31685 0.472656C1.09295 0.472656 0.878231 0.561597 0.719914 0.719914C0.561597 0.878231 0.472656 1.09295 0.472656 1.31685C0.472656 1.54074 0.561597 1.75546 0.719914 1.91378L5.80778 7.00018L0.719914 12.0866C0.641524 12.165 0.579341 12.258 0.536916 12.3605C0.494492 12.4629 0.472656 12.5727 0.472656 12.6835C0.472656 12.7944 0.494492 12.9042 0.536916 13.0066C0.579341 13.109 0.641524 13.2021 0.719914 13.2804C0.878231 13.4388 1.09295 13.5277 1.31685 13.5277C1.42771 13.5277 1.53748 13.5059 1.63991 13.4634C1.74233 13.421 1.83539 13.3588 1.91378 13.2804L7.00018 8.19258L12.088 13.2804C12.2464 13.4386 12.461 13.5273 12.6848 13.5272C12.9085 13.5271 13.1231 13.438 13.2812 13.2797C13.4393 13.1214 13.5281 12.9068 13.5279 12.683C13.5278 12.4592 13.4388 12.2447 13.2804 12.0866L8.19258 7.00018L13.2804 1.91378Z' fill='%231D438E' /%3E%3C/svg%3E");
  transition: all 0.3s ease;
}
.practices-item__close:hover {
  opacity: 0.8;
}
@media only screen and (min-width:1240px){
  .practices {
  padding: 120px 0 110px;
}
  .practices__list{
    grid-template-columns: repeat(4, 1fr);
  }
}
.news {
  background: #f6f6f6;
  padding-top: 32px;
  padding-bottom: 104px;
}
.news__wrapper {
  position: relative;

}
.news__arrow {
  position: absolute;
  top: 185px;
  width: 56px;
  height: 56px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.news__arrow:hover {
  opacity: 0.8;
}
.news__arrow--left {
  left: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.533 25.6673L29.633 23.5673C30.0608 23.1395 30.2747 22.5951 30.2747 21.934C30.2747 21.2729 30.0608 20.7284 29.633 20.3007C29.2052 19.8729 28.6608 19.659 27.9997 19.659C27.3386 19.659 26.7941 19.8729 26.3663 20.3007L20.2997 26.3673C19.833 26.834 19.5997 27.3784 19.5997 28.0007C19.5997 28.6229 19.833 29.1673 20.2997 29.634L26.3663 35.7007C26.7941 36.1284 27.3386 36.3423 27.9997 36.3423C28.6608 36.3423 29.2052 36.1284 29.633 35.7007C30.0608 35.2729 30.2747 34.7284 30.2747 34.0673C30.2747 33.4062 30.0608 32.8618 29.633 32.434L27.533 30.334L34.9997 30.334C35.6608 30.334 36.2146 30.11 36.661 29.662C37.1074 29.214 37.3314 28.6602 37.333 28.0007C37.3346 27.3411 37.1106 26.7865 36.661 26.337C36.2114 25.8874 35.6577 25.6642 34.9997 25.6673L27.533 25.6673ZM27.9997 4.66732C31.2275 4.66732 34.2608 5.28021 37.0997 6.50599C39.9386 7.73177 42.408 9.39388 44.508 11.4923C46.608 13.5908 48.2701 16.0602 49.4943 18.9007C50.7186 21.7411 51.3315 24.7744 51.333 28.0007C51.3346 31.2269 50.7217 34.2602 49.4943 37.1007C48.267 39.9411 46.6049 42.4105 44.508 44.509C42.4111 46.6074 39.9417 48.2695 37.0997 49.4953C34.2577 50.7211 31.2243 51.334 27.9997 51.334C24.775 51.334 21.7417 50.7211 18.8997 49.4953C16.0577 48.2695 13.5882 46.6074 11.4913 44.509C9.39444 42.4105 7.73156 39.9411 6.50267 37.1006C5.27378 34.2602 4.66167 31.2269 4.66633 28.0007C4.671 24.7744 5.28389 21.7411 6.505 18.9007C7.72612 16.0602 9.38823 13.5908 11.4913 11.4923C13.5944 9.39388 16.0639 7.73099 18.8997 6.50366C21.7355 5.27632 24.7688 4.66421 27.9997 4.66732ZM27.9997 9.33399C22.7886 9.33399 18.3747 11.1423 14.758 14.759C11.1413 18.3757 9.333 22.7895 9.333 28.0007C9.333 33.2118 11.1413 37.6256 14.758 41.2423C18.3747 44.859 22.7886 46.6673 27.9997 46.6673C33.2108 46.6673 37.6247 44.859 41.2413 41.2423C44.858 37.6257 46.6663 33.2118 46.6663 28.0007C46.6663 22.7895 44.858 18.3757 41.2413 14.759C37.6247 11.1423 33.2108 9.33399 27.9997 9.33399Z' fill='%231D438E'/%3E%3C/svg%3E%0A");
}
.news__arrow--right {
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.466 30.3346L26.366 32.4346C25.9382 32.8624 25.7243 33.4069 25.7243 34.068C25.7243 34.7291 25.9382 35.2735 26.366 35.7013C26.7938 36.1291 27.3382 36.343 27.9993 36.343C28.6605 36.343 29.2049 36.1291 29.6327 35.7013L35.6994 29.6346C36.166 29.168 36.3994 28.6235 36.3994 28.0013C36.3994 27.3791 36.166 26.8346 35.6994 26.368L29.6327 20.3013C29.2049 19.8735 28.6605 19.6596 27.9993 19.6596C27.3382 19.6596 26.7938 19.8735 26.366 20.3013C25.9382 20.7291 25.7243 21.2735 25.7243 21.9346C25.7243 22.5957 25.9382 23.1402 26.366 23.568L28.466 25.668H20.9994C20.3382 25.668 19.7845 25.892 19.338 26.34C18.8916 26.788 18.6676 27.3417 18.666 28.0013C18.6645 28.6609 18.8885 29.2154 19.338 29.665C19.7876 30.1145 20.3414 30.3377 20.9994 30.3346H28.466ZM27.9993 51.3346C24.7716 51.3346 21.7382 50.7217 18.8994 49.496C16.0605 48.2702 13.591 46.6081 11.491 44.5096C9.39102 42.4112 7.72891 39.9417 6.50469 37.1013C5.28046 34.2609 4.66757 31.2275 4.66602 28.0013C4.66446 24.7751 5.27735 21.7417 6.50469 18.9013C7.73202 16.0609 9.39413 13.5914 11.491 11.493C13.5879 9.39452 16.0574 7.73241 18.8994 6.50664C21.7414 5.28086 24.7747 4.66797 27.9993 4.66797C31.224 4.66797 34.2573 5.28086 37.0993 6.50664C39.9413 7.73241 42.4108 9.39452 44.5077 11.493C46.6046 13.5914 48.2675 16.0609 49.4963 18.9013C50.7252 21.7417 51.3374 24.7751 51.3327 28.0013C51.328 31.2275 50.7151 34.2609 49.494 37.1013C48.2729 39.9417 46.6108 42.4112 44.5077 44.5096C42.4046 46.6081 39.9351 48.271 37.0993 49.4983C34.2636 50.7256 31.2302 51.3377 27.9993 51.3346ZM27.9993 46.668C33.2105 46.668 37.6243 44.8596 41.241 41.243C44.8577 37.6263 46.666 33.2124 46.666 28.0013C46.666 22.7902 44.8577 18.3763 41.241 14.7596C37.6243 11.143 33.2105 9.33464 27.9993 9.33464C22.7882 9.33464 18.3744 11.143 14.7577 14.7596C11.141 18.3763 9.33268 22.7902 9.33268 28.0013C9.33268 33.2124 11.141 37.6263 14.7577 41.243C18.3744 44.8596 22.7882 46.668 27.9993 46.668Z' fill='%231D438E'/%3E%3C/svg%3E%0A");
}
.news__title {
  margin-bottom: 20px;
 
}
.news .swiper {
  width: 100%;
  height: 100%;
}

.news-item {
  padding-top: 24px;
  display: block;
  position: relative;
}
.news-item::before {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 2px;
  background-color: #1d438e;
  transition: all 0.3s ease;
}
.news-item:hover::before {
  height: 5px;
  top: 0;
}
.news-item:hover .news-item__text {
  color: #1d438e;
}
.news-item:hover .news-item__date {
  color: #1d438e;
}
.news-item__date {
  font-weight: 400;
  font-size: 16px;
  color: #232323;
  transition: all 0.3s ease;
}
.news-item__text {
  font-weight: 500;
  font-size: 24px;
  color: #232323;
  margin-top: 16px;
  text-align: left;
  max-width: 443px;
  transition: all 0.3s ease;
}
@media only screen and (min-width:1240px){
  .news{
  padding-bottom: 124px;

  }
  
  .news__wrapper{
    padding: 0 136px;
  }
  .news-item__text{
  margin-top: 24px;

  }
}
.clients__title {
  margin-top: 48px;
  margin-bottom: 24px;
}
.clients{
  display:grid;
  gap:24px;
}
@media only screen and (min-width:450px){
  .clients{
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width:1240px){
  .clients{
    grid-template-columns: repeat(4,1fr);
  }
}
.footer {
  padding: 64px 0 50px;
}
.footer__wrapper {
  display: flex;
  flex-direction: column;
  row-gap:32px;

}


.footer__title {
  margin-bottom: 24px;
}

.footer__city {
  font-weight: 500;
  font-size: 28px;
  color: #232323;
}
.footer__address {
  margin-top: 20px;
  font-weight: 400;
  font-size: 18px;
  color: #1d438e;
  font-style: normal;
}
.footer__text-contact {
  font-weight: 400;
  font-size: 18px;
  color: #232323;
  margin-top: 32px;
}
.footer__text-contact a {
  color: inherit;
  transition: all 0.3s ease;
}
.footer__text-contact a:hover {
  opacity: 0.5;
}
.footer__email {
  color: #1d438e !important;
}
@media only screen and (min-width:1240px){
  .footer{
    padding: 100px 0 100px;
  }
  .footer__city{
    font-size: 36px;

  }
  .footer__address{
  font-size: 24px;

  }
  .footer__left {
    width: 716px;
  }
.footer__text-contact {
  font-style: 24px;
}

  .footer__wrapper {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .footer__info {
    padding-top: 24px;
  }
  .footer__address{
  margin-top: 40px;

  }
}
.form {
  border-radius: 32px;
  padding: 40px 32px;
  background: #f6f6f6;

}
.form__title {
  font-weight: 400;
  font-size: 24px;
  color: #232323;
  margin-bottom: 32px;
}
.form__form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.form__btn {
  font-size: 16px;
  padding: 16px 0;
  margin-top: 28px;
}
.form__input {
  font-family: "Gotham Pro", sans-serif;
  border-radius: 12px;
  padding: 12px 16px;
  background-color: #fff;
  width: 100%;
  border: none;
  outline: none;
  font-weight: 400;
  font-size: 16px;
  color: #757575;
  border: 2px solid transparent;
}
.form__input:focus {
  border: 2px solid #1d438e;
}
.form__textarea {
  resize: none;
  height: 126px;
}

@media only screen and (min-width:1240px){
  .form{
    width: 481px;
  }
  .form__btn{
  padding: 16px 134px;

  }
}

.socials {
  display: flex;
  gap: 15px;
}
.socials__link {
  font-weight: 400;
  font-size: 24px;
  color: #1d438e;
  transition: all 0.3s ease;
}
.socials__link:hover {
  opacity: 0.5;
}

.team {
  padding: 50px 0;
}
.team__title{
  margin-bottom: 24px;
}
.team__list {
  display: grid;
  row-gap: 32px;
}
.team__img-block {
  width: 100%;
  height: 308px;
  background: #d9d9d9;
}
.team__img-block img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.team__name {
  margin-top: 16px;
  font-weight: 400;
  font-size: 24px;
  color: #232323;
}
.team__post {
  font-weight: 400;
  font-size: 24px;
  color: #232323;
  margin-top: 8px;
}
.team__title{
  margin-bottom: 24px;
}
@media only screen and (min-width:1240px){
  .team {
  padding: 100px 0;
}
  .team__list{
    grid-template-columns: repeat(4, 1fr);
    gap: 100px 32px;
  }
}
.stories {
  padding-top: 1em;
}
.stories__title {
  margin-bottom: 24px;
}
.stories__list {
  display: grid;
  gap: 24px;
}

.stories__item {
  background-color: #ffffff;
  width: 100%;
  padding: 38px 32px;
}
.stories__link {
  font-weight: 500;
  font-size: 24px;
  text-transform: uppercase;
  color: #232323;
  transition: all 0.3s ease;
}
.stories__link:hover {
  color: #1d438e;
}
@media only screen and (min-width:1240px){
  .stories__item {
  padding: 64px 48px;

  }
  .stories{
  padding-top: 40px;

  }
  .stories__list{
    grid-template-columns: 1fr 1fr;
  }
}
.contacts {
  padding-top: 50px;
  padding-bottom: 42px;
}
.contacts__wrapper {

  display: grid;
  gap: 42px;
  margin-top: 24px;
}

.contacts__desc p {
  font-weight: 400;
  font-size: 20px;
  color: #232323;
}
.contacts__list {
  margin-top: 42px;
  display: grid;

  gap: 24px;
}


.contacts-item {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.contacts-item__title {
  font-weight: 400;
  font-size: 16px;
  color: #232323;
}
.contacts-item__address {
  font-weight: 400;
  font-size: 24px;
  color: #232323;
  font-style: normal;
}
.contacts-item__phone {
  font-weight: 400;
  font-size: 24px;
  color: #232323;
  transition: all 0.3s ease;
}
.contacts-item__phone:hover {
  opacity: 0.5;
}
.contacts-item__email {
  font-weight: 400;
  font-size: 24px;
  color: #1d438e;
  transition: all 0.3s ease;
}
.contacts-item__email:hover {
  opacity: 0.5;
}
@media only screen and (min-width:1240px){
  .contacts {
    padding-top: 100px;
  padding-bottom: 64px;

  }
  .contacts__wrapper{
  gap: 75px;
  grid-template-columns: 1fr 1fr;
  margin-top: 44px;


  }
  .contacts__list {
    grid-template-columns: 1fr 1fr;
    margin-top: 104px;
  gap: 24px;
   
  }
  .contacts-item {
  
    gap: 20px;
  }
}
.news-page {
  padding-top: 50px;
}
.news-page__list {
  display: grid;
  gap:32px;
  margin-top: 30px;
}
.news-page__form {
  position: relative;
  width: 100%;
  margin: 24px 0 0;
}
.news-page__search {
  font-family: "Gotham Pro", sans-serif;
  width: 100%;
  height: 50px;
  padding-left: 10px;
  border: 2px solid #1D438E;
  border-radius: 5px;
  outline: none;
  background: #fff;
  color: #232323;
  text-align: center;
  font-weight: 500;
  font-size: 20px;
  padding-right: 20px;
}
.news-page__submit {
  position: absolute;
  top: 0;
  right: 0px;
  width: 42px;
  height: 100%;
  border: none;
  background: #1D438E;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
}
.news-page__submit::before {
  content: "\f002";
  font-family: FontAwesome;
  font-size: 16px;
  color: #fff;
}

.pagination {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.pagination__list {
  display: flex;
  gap: 4px;
}
.pagination__link {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  color: #232323;
  border: 1px solid #232323;
  border-radius: 8px;
  width: 37px;
  height: 37px;
  transition: all 0.3s ease;
}
.pagination__link svg {
  color: #232323;
  transition: all 0.3s ease;
}
.pagination__link:hover, .pagination__link--current {
  color: #1d438e;
  border-color: #1d438e;
}
.pagination__link:hover svg, .pagination__link--current svg {
  color: #1d438e;
}
@media only screen and (min-width:1240px){
  .news-page {
    padding-top: 100px;
  }
  .news-page__list {
    grid-template-columns: repeat(3, 1fr);
  margin-top: 48px;

  }
  .pagination {
  margin-top: 80px;

  }
}
.practices-page {
  padding-top: 50px;
}
.practices-page__title {
  margin-bottom: 24px;
}
.practices-page__wrapper {
  display: grid;
  gap: 48px;
  position: relative;
}
.practices-page__content {
  padding-top: 24px;
  border-top: 2px solid #1D438E;
}

.practices-block {
  display: none;
}
.practices-block--active {
  display: block;
}
.practices-block__title {
  font-weight: 500;
  font-size: 40px;
  color: #232323;
}
.practices-block__desc {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  gap: 56px;
}
.practices-block__desc p {
  font-weight: 400;
  font-size: 24px;
  line-height: 150%;
  letter-spacing: 0.04em;
  color: #232323;
}
.practices-block__list {
  margin-top: 56px;
  display: flex;
  flex-direction: column;
  gap: 56px;
  list-style: disc;
  padding-left: 30px;
  max-width: 800px;
}
.practices-block__item {
  position: relative;
  font-weight: 400;
  font-size: 24px;
  color: #232323;
}

.tabs {
  padding-top: 24px;
  border-top: 2px solid #1D438E;
}
.tabs__list {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.tabs__item {
  font-weight: 400;
  font-size: 24px;
  color: #232323;
  transition: all 0.3s ease;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tabs__item:hover, .tabs__item--active {
  color: #1D438E;
}
@media only screen and (min-width:1240px){
  .practices-page {
    padding-top: 100px;
  }
  .practices-page__content{
    padding-top: 56px;
  }
  .practices-page__wrapper{
    grid-template-columns: 282px 1fr;
  }
  .tabs {
    padding-top: 56px;

  }
  .tabs__list{
  gap: 64px;
  }
}
.menu {
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(0, 0, 0, 0.3);
  z-index: 999;
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
}
.menu__wrapper {
  background-color: #fff;
  margin-left: auto;
  padding: 39px 22px 39px 27px;
  height: 100vh;
  transform: translateX(100%);
  transition: all 0.4s ease;
}
@media only screen and (min-width:840px){
  .menu__wrapper{
    width:30%;
  }
}
.menu.open {
  opacity: 1;
  visibility: visible;
}
.menu.open .menu__wrapper {
  transform: translateX(0);
}
.menu__top {
  display: flex;
  align-items: center;
  gap: 18px;
}
.menu__languages {
  display: flex;
  align-items: center;
  gap: 8px;
}
.menu__language:last-child {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
}
.menu__language:last-child::before {
  content: "";
  width: 1px;
  height: 16px;
  background-color: #626262;
}
.menu__language-link {
  display: flex;
  align-items: center;
  gap: 4px;
}
.menu__language-link img {
  width: 16px;
  height: 16px;
}
.menu__language-link span {
  font-weight: 400;
  font-size: 16px;
  color: #626262;
  text-transform: uppercase;
}
.menu__list {
  margin-top: 80px;
  display: flex;
  flex-direction: column;
  gap: 48px;
}
.menu__link {
  display: flex;
  gap: 8px;
  align-items: center;
  font-weight: 400;
  font-size: 24px;
  color: #626262;
}
.menu__link svg {
  width: 23px;
  height: 23px;
  color: inherit;
}
.menu__link:hover, .menu__link--active {
  font-weight: 400;
  font-size: 24px;
  color: #1d438e;
}

.thanks {
  display: flex;
  align-items: center;
  justify-content: center;
}
.thanks__container {
  display: grid;
  grid-template-rows: -webkit-max-content 1fr -webkit-max-content;
  grid-template-rows: max-content 1fr max-content;
  height: 100%;
  padding-bottom: 50px;
  padding: 6px;
}
.thanks__wrapper {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}
.thanks__title {
  font-size: 48px;
}

.textpage {
  padding: 100px 0 0;
}
.textpage__prev {
  font-weight: 400;
  font-size: 24px;
  color: #1d438e;
  transition: all 0.3s ease;
}
.textpage__prev:hover {
  opacity: 0.5;
}
.textpage__title {
  margin-top: 30px;
}
.textpage__date {
  font-weight: 400;
  font-size: 16px;
  color: #232323;
}
.textpage__desc {
  font-weight: 400;
  font-size: 24px;
  line-height: 167%;
  letter-spacing: 0.04em;
  color: #232323;
  margin-top: 50px;
}
.textpage__title-block {
  margin-bottom: 20px;
}/*# sourceMappingURL=main.css.map */
.animation-fade {
  animation: fade 0.25s ease;
}
@keyframes fade {
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}