.title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding-top: 253px;
  margin-bottom: 50px;
}
.title h1 {
  padding: 0;
  margin: 0;
}
.title p {
  text-align: right;
}

.gallery-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(5, 1fr);
  gap: 20px;
}
.gallery-grid .div1 {
  grid-area: 1/1/3/8;
}
.gallery-grid .div2 {
  grid-area: 1/8/2/13;
}
.gallery-grid .div3 {
  grid-area: 2/8/3/13;
}
.gallery-grid .div4 {
  grid-area: 3/1/4/4;
}
.gallery-grid .div5 {
  grid-area: 3/4/4/7;
}
.gallery-grid .div6 {
  grid-area: 3/7/4/10;
}
.gallery-grid .div7 {
  grid-area: 3/10/4/13;
}
.gallery-grid .div8 {
  grid-area: 4/1/5/6;
}
.gallery-grid .div9 {
  grid-area: 5/1/6/6;
}
.gallery-grid .div10 {
  grid-area: 4/6/6/13;
}

.leaders .grid {
  margin-top: 50px;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 20px;
  row-gap: 40px;
}
.leaders .grid .item {
  box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.05);
  padding: 18px 18px 28px;
}
.leaders .grid .item img {
  height: 470px;
  width: 100%;
  object-fit: cover;
  margin-bottom: 12px;
}
.leaders .grid .item h4 {
  margin-bottom: 10px;
  color: #1d1e21;
}

.workspace .row {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.workspace .row img {
  max-width: 644px;
  height: auto;
  object-fit: cover;
}

.vacancies .grid {
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 50px;
}
.vacancies .grid .item {
  position: relative;
  height: 430px;
  padding: 34px 43px 40px 70px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.vacancies .grid .item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(73.77deg, rgba(0, 0, 0, 0.55) 52.63%, rgba(0, 0, 0, 0.325567) 77.78%, rgba(0, 0, 0, 0.22) 93.19%);
}
.vacancies .grid .item::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 25px;
  height: 100%;
  background: #ff6600;
}
.vacancies .grid .item .top {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  position: relative;
  z-index: 1;
}
.vacancies .grid .item .top h4 {
  color: #ffffff;
}
.vacancies .grid .item .top p {
  color: #e1e1e1;
  text-wrap: nowrap;
}
.vacancies .grid .item .bottom {
  position: relative;
  z-index: 1;
}
.vacancies .grid .item .bottom p {
  padding: 17px 22px;
  border: 3px dashed #ff6600;
  width: fit-content;
  color: #ffffff;
}
.vacancies .grid .item .bottom p:not(:last-child) {
  margin-bottom: 15px;
}

@media (width <= 1280px) {
  .title {
    padding-top: 167px;
    margin-bottom: 35px;
  }
  .gallery-grid {
    gap: 10px;
  }
  .leaders .grid {
    margin-top: 35px;
    column-gap: 10px;
    row-gap: 30px;
  }
  .leaders .grid .item {
    padding: 12px 12px 20px;
  }
  .leaders .grid .item img {
    height: 323px;
    margin-bottom: 14px;
  }
  .leaders .grid .item h4 {
    margin-bottom: 15px;
  }
  .workspace .row img {
    max-width: 430px;
  }
  .vacancies .grid {
    gap: 10px;
    margin-top: 35px;
  }
  .vacancies .grid .item {
    height: 295px;
    padding: 23px 29px 27px 48px;
  }
  .vacancies .grid .item::after {
    width: 17px;
  }
  .vacancies .grid .item h4 {
    font-size: 18px;
  }
  .vacancies .grid .item p {
    font-size: 13px;
  }
  .vacancies .grid .item .bottom p {
    font-size: 12px;
    padding: 13px 15px;
    border: 2px dashed #ff6600;
  }
  .vacancies .grid .item .bottom p:not(:last-child) {
    margin-bottom: 10px;
  }
  .form-sect p br {
    display: none;
  }
}
@media (width <= 1024px) {
  .title {
    padding-top: 150px;
    margin-bottom: 32px;
  }
  .leaders .grid {
    row-gap: 20px;
  }
  .leaders .grid .item {
    padding: 11px 11px 16px;
  }
  .leaders .grid .item img {
    height: 263px;
    margin-bottom: 17px;
  }
  .leaders .grid .item h4 {
    margin-bottom: 10px;
  }
  .leaders .grid .item br {
    display: none;
  }
  .workspace .row img {
    max-width: 356px;
  }
  .vacancies .grid .item {
    height: 240px;
    padding: 18px 24px 24px 39px;
  }
  .vacancies .grid .item::after {
    width: 14px;
  }
  .vacancies .grid .item h4 {
    font-size: 14px;
  }
  .vacancies .grid .item p {
    font-size: 12px;
  }
  .vacancies .grid .item .bottom p {
    font-size: 11px;
    padding: 10px 20px;
  }
  .vacancies .grid .item .bottom p:not(:last-child) {
    margin-bottom: 5px;
  }
}
@media (width <= 768px) {
  .title {
    display: grid;
    gap: 20px;
    padding-top: 100px;
    margin-bottom: 20px;
  }
  .title p {
    text-align: left;
  }
  .gallery-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(8, auto);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }
  .gallery-grid .div1 {
    grid-area: 1/1/2/3;
  }
  .gallery-grid .div1 img {
    height: 200px;
  }
  .gallery-grid .div2 {
    grid-area: 2/1/3/3;
  }
  .gallery-grid .div2 img {
    height: 150px;
  }
  .gallery-grid .div3 {
    grid-area: 3/1/4/3;
  }
  .gallery-grid .div3 img {
    height: 150px;
  }
  .gallery-grid .div4 {
    grid-area: 4/1/5/2;
  }
  .gallery-grid .div4 img {
    height: 127px;
  }
  .gallery-grid .div5 {
    grid-area: 4/2/5/3;
  }
  .gallery-grid .div5 img {
    height: 127px;
  }
  .gallery-grid .div6 {
    grid-area: 5/1/6/2;
  }
  .gallery-grid .div6 img {
    height: 127px;
  }
  .gallery-grid .div7 {
    grid-area: 5/2/6/3;
  }
  .gallery-grid .div7 img {
    height: 127px;
  }
  .gallery-grid .div8 {
    grid-area: 6/1/7/3;
  }
  .gallery-grid .div8 img {
    height: 150px;
  }
  .gallery-grid .div9 {
    grid-area: 7/1/8/3;
  }
  .gallery-grid .div9 img {
    height: 150px;
  }
  .gallery-grid .div10 {
    grid-area: 8/1/9/3;
  }
  .gallery-grid .div10 img {
    height: 200px;
  }
  .gallery-grid img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .leaders .grid {
    margin-top: 20px;
    grid-template-columns: 1fr;
  }
  .leaders .grid .item {
    padding: 12px 13px 30px;
  }
  .leaders .grid .item img {
    height: 305px;
    margin-bottom: 30px;
  }
  .leaders .grid .item h4 {
    margin-bottom: 15px;
  }
  .workspace br {
    display: none;
  }
  .workspace .row {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }
  .workspace .row img {
    width: 100%;
    height: 210px;
  }
  .vacancies br {
    display: none;
  }
  .vacancies .grid {
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 30px;
  }
  .vacancies .grid .item {
    height: 185px;
    padding: 14px 18px 16px 30px;
  }
  .vacancies .grid .item::after {
    width: 11px;
  }
  .vacancies .grid .item .top h4 {
    font-size: 12px;
  }
  .vacancies .grid .item .top p {
    font-size: 10px;
  }
  .vacancies .grid .item .bottom p {
    padding: 10px 20px;
    border: 1px dashed #ff6600;
  }
  .vacancies .grid .item .bottom p:not(:last-child) {
    margin-bottom: 5px;
  }
}/*# sourceMappingURL=team.css.map */