@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap");

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
  max-width: 100%;
  font-family: "Poppins", sans-serif;
  transition: 0.2s;
  scroll-behavior: smooth;
}

body,
html {
  height: 100%;
}

body.project-pages {
  background-color: #141414;
}

body.project-pages .header {
  min-height: auto;
  padding-bottom: 0px;
}

.services__block p.text-30 {
  font-size: 25px;
}

.header__content-location .text-40 {
  font-size: 30px;
}

.container {
  max-width: 1160px;
  width: 90%;
  margin: auto;
}

.text-13 {
  font-size: 13px;
}

.text-15 {
  font-size: 15px;
}

.text-20 {
  font-size: 20px;
}

.text-30 {
  font-size: 30px;
}

.text-40 {
  font-size: 40px;
  line-height: 47.5px;
}

.text-60 {
  font-size: 60px;
  line-height: 70px;
}

.text-80 {
  font-size: 80px;
  line-height: 100px;
}

.header {
  background: #141414;
  min-height: 100%;
  padding-bottom: 100px;
}

header {
  padding-top: 34px;
}

header .container {
  width: 95%;
  max-width: 1340px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

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

.header__info.show {
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: start;
  position: fixed;
  background-color: #000;
  width: 400px;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 10;
}

.header__info.show .header__nav {
  display: flex;
  width: 100%;
  flex-direction: column;
}

.header__info.show .header__nav a {
  font-size: 30px;
  text-transform: uppercase;
  font-weight: 500;
}

.header__info.show .header__nav a+a {
  margin-top: 20px;
  margin-left: 0px;
}

.header__info.show .header__btn {
  margin-left: 0px;
  width: 100%;
}

.header__info.show .header__btn a {
  display: flex;
  justify-content: center;
  width: 100%;
}

.header__info.show .header-mobile {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: start;
}

.header__info.show .header-mobile button {
  background-color: transparent;
  border: none;
}

.header__info.show .header-mobile .header__mobile-logo {
  margin-top: 25px;
}

.header-mobile {
  display: none;
}

.header__btn {
  margin-left: 190px;
}

.header__btn a {
  color: #FFF;
  padding: 18px 50px;
  font-weight: 400;
  display: flex;
  border: 1px solid #FFF;
}

.header__btn a:hover {
  background-color: #DB1F8A;
  border: 1px solid #DB1F8A;
}

.header__nav a {
  color: #FFF;
  font-weight: 400;
  text-transform: uppercase;
}

.header__nav a:hover {
  color: #DB1F8A;
}

.header__nav a+a {
  margin-left: 120px;
}

.header__content {
  color: #fff;
  margin-top: 310px;
}

.header__content.container {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.header__content.container h1 {
  font-weight: 700;
  max-width: 760px;
}

.header__content.container h1 span {
  color: #DB1F8A;
}

.header__content.container .header-loc {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.header__content.container .header-loc .header-loc__title {
  margin-top: 4px;
  max-width: 275px;
  text-align: right;
}

.header-loc__title p+p {
  margin-top: -12px;
}

.trust-dedication-block {
  padding: 200px 0px 100px;
}

.trust-dedication-block .container {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.trust-dedication-block .container h2 {
  max-width: 852px;
}

.trust-dedication-block .container .ponies img {
  margin-bottom: -85px;
}

.background {
  background-color: #141414;
  color: #fff;
  padding: 295px 0px 100px;
}

.header-block {
  display: flex;
  justify-content: space-between;
}

.header-block h2 {
  max-width: 661px;
  font-weight: 400;
}

.services__blocks {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 40px;
  margin-top: 80px;
}

.services__block {
  border: 1px solid #FFF;
  height: 240px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: start;
}

.services__block.soc__block:hover {
  background-color: transparent;
}

.services__block.soc__block .social a:hover {
  color: #DB1F8A;
}

.services__block .social {
  display: flex;
  flex-direction: column;
}

.services__block .social.text-30 {
  font-size: 25px;
}

.services__block .social a+a {
  margin-top: 8px;
}

.services__block a {
  color: #fff;
}

.services__block img {
  display: flex;
  margin-left: auto;
}

.services__block p {
  font-weight: 400;
  line-height: 125%;
  max-width: 80%;
}



@media (min-width: 720px) {
  .services__block:hover {
    background-color: #DB1F8A;
    cursor: pointer;
  }

  .services__block:hover img {
    transform: rotateZ(48deg);
  }
}

.gallery {
  margin-top: 170px;
}

.gallery .gallery__title {
  font-weight: 400;
}

.gallery .gallery__title span {
  color: #DB1F8A;
}

.gallery__block {
  margin-top: 105px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 40px;
}

.project-block .container .services__blocks a {
  color: #fff;
}

.project-block .container .services__blocks a.services__block {
  position: relative;
  overflow: hidden;
  z-index: 99;
}

.project-block .container .services__blocks a.services__block .backgroundHover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  min-height: 100%;
}

.project-block .container .services__blocks a.services__block:hover {
  background-color: transparent;
}

@media (min-width: 980px) {

  .project-block .container .services__blocks a.services__block:hover .backgroundHover {
    transform: rotateZ(0deg);
    opacity: 1;
  }
}

.gallery__block-col {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.gallery__block-col div {
  position: relative;
}

.gallery__block-col div p {
  position: absolute;
  bottom: 20px;
  padding: 20px;
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 24px;
}

.project {
  margin-top: 102px;
  position: relative;
  overflow: hidden;
}

.project .container {
  padding: 95px 0px 86px;
}

.project .header-block {
  position: relative;
  z-index: 6;
}

.project .header-block .text-60 {
  max-width: 692px;
}

.project .header-block.animate::after {
  transform: translate(31%, -50%);
  width: 2020px;
  height: 2020px;
}

.project .header-block::after {
  content: "";
  width: 200px;
  height: 200px;
  border-radius: 2020px;
  background: #DB1F8A;
  position: absolute;
  transition: 2.5s;
  z-index: -1;
  transform: translate(-1000px, 1000px);
}

.company {
  margin-top: 90px;
  padding: 90px 0px;
  position: relative;
  overflow: hidden;
}

.company.animate::after {
  transform: translate(350px, -350px);
  width: 800px;
  height: 800px;
}

.company::after {
  content: "";
  width: 400px;
  height: 400px;
  border-radius: 800px;
  background: #DB1F8A;
  position: absolute;
  transition: 2.5s;
  right: 0;
  transform: translate(-1000px, 100px);
}

.company p {
  font-weight: 400;
  max-width: 1021px;
  z-index: 10;
  position: relative;
}

.company p span {
  color: #DB1F8A;
}

.partners {
  margin-top: 57px;
}

.partners .container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 40px;
}

footer {
  margin-top: 200px;
  color: #fff;
}


.otherFooter footer {
  margin-top: 0px;
  padding-bottom: 100px;
}

.header__burger {
  cursor: pointer;
}

.header__burger {
  display: none;
}

.modal {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 99;
  top: 0;
  left: 0;
  background-color: #141414;
  display: none;
  align-items: center;
  justify-content: center;
}

.modal.show {
  display: flex;
}

.openModal {
  cursor: pointer;
}

.modal__close {
  position: absolute;
  cursor: pointer;
  top: 20px;
  right: 20px;
  background-color: transparent;
  border: none;
}

.modal__close svg {
  fill: #fff;
}

.menuBtn {
  position: fixed;
  top: 30px;
  right: 30px;
  display: none;
  z-index: 10;
}

.modal__content {
  max-width: 470px;
  width: 90%;
}

.modal__header {
  text-align: center;
  color: #fff;
}

.modal__header h3 {
  font-size: 32px;
  font-weight: 600;
}

.modal__header p {
  font-size: 14px;
  margin-top: 12px;
}

form {
  margin-top: 25px;
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 25px;
}

form input {
  width: 100%;
  font-size: 15px;
  outline: none;
  padding: 0px 20px;
  height: 60px;
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #fff;
}

form textarea {
  outline: none;
  font-size: 15px;
  padding: 20px;
  height: 102px;
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #fff;
}

form button {
  background-color: #DB1F8A;
  height: 54px;
  font-weight: 700;
  font-size: 16px;
  color: #fff;
  border: none;
}


.iti__country-list {
  max-width: 300px !important;
}

.project-main {
  margin-top: 60px;
  padding-bottom: 100px;
}

.project-main__title {
  color: #fff;
  font-weight: 600;
}

.project-main__gallery {
  margin-top: 45px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
}

.project-main__gallery div img {
  width: 100%;
}

.login-form {
  max-width: 400px;
  margin: 100px auto;
}

.login-form h2 {
  text-align: center;
  color: #fff;
}

.wrapper-admin {
  display: grid;
  grid-template-columns: 300px 1fr;
}

.admin__menu {
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: space-between;
}

.admin__menu div:last-child a {
  background-color: tomato;
}

.admin__menu a {
  display: flex;
  color: #fff;
  height: 50px;
  align-items: center;
  justify-content: center;
}

.admin__menu a.active {
  background-color: #DB1F8A;
}

.admin__main {
  padding: 40px;
  color: #fff;
}

.admin__main .admin__main-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.admin__main .admin__main-header a {
  color: #fff;
  border: 1px solid #fff;
  padding: 5px 10px;
}

.admin__table {
  margin-top: 40px;
}

table {
  border-collapse: collapse;
  width: 100%;
}

table tr td {
  width: 50%;
  padding: 10px;
  border: 1px solid #fff;
}

.modal-gallery__close {
  position: absolute;
  top: 40px;
  right: 40px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border: none;
  border-radius: 4px;
}

.modal-gallery {
  display: none;
  background-color: #141414;
  position: fixed;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  padding: 40px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modal-gallery .prev,
.modal-gallery .next {
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
}

.modal-gallery .prev svg,
.modal-gallery .next svg {
  fill: #fff;
  border: none;
  cursor: pointer;
}

.thanks {
  height: 100%;
  width: 100%;
  background: #141414;
  display: flex;
  align-items: center;
  justify-content: center;
}

.thanks .thanks-content {
  max-width: 540px;
  width: 90%;
  margin: auto;
  background: #000;
  padding: 100px 30px;
}

.thanks .thanks-content p {
  font-size: 30px;
  color: #fff;
  max-width: 287px;
  text-align: center;
  margin: auto;
  font-weight: bold;
  line-height: 123.75%;
}

.thanks .thanks-content p span {
  color: #DB1F8A;
}

.thanks .thanks-content a {
  width: 200px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #fff;
  font-size: 15px;
  color: #fff;
  margin: 40px auto 0px;
}

.modal-gallery__img {
  max-width: 95%;
  max-height: 95%;
}

@media (max-width: 1250px) {
  .header__nav a+a {
    margin-left: 40px;
  }
}

@media (max-width: 980px) {
  .header-loc__title p+p {
    margin-top: 3px;
  }

  .header__burger {
    display: block;
  }

  .header__info {
    display: none;
  }

  .header__logo img {
    width: 120px;
    height: 45.478px;
  }

  .text-80 {
    font-size: 40px;
    line-height: 47.5px;
  }

  .text-60 {
    line-height: 128.5%;
    font-size: 25px;
  }

  .header__content-location .text-40 {
    font-size: 20px !important;
  }

  .text-40 {
    font-size: 20px !important;
    line-height: 22px;
  }

  .text-30 {
    font-size: 20px;
  }

  .header__content {
    margin-top: 115px;
  }

  .header__content.container {
    flex-direction: column;
  }

  .header__content.container .header-loc {
    order: 1;
  }

  .header__content.container h1 {
    order: 2;
    margin-top: 124px;
  }

  header .container {
    width: 90%;
  }

  .background {
    padding: 80px 0px 80px;
  }

  .header-block {
    flex-direction: column;
  }

  .header-block p {
    color: #DB1F8A;
  }

  .header-block h2 {
    margin-top: 20px;
  }

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

  .services__blocks .services__block {
    padding: 20px 30px;
  }

  .gallery {
    margin-top: 60px;
  }

  .gallery__block {
    grid-template-columns: 1fr;
    grid-gap: 20px;
  }

  .gallery__block .gallery__block-col {
    align-items: center;
    grid-gap: 20px;
  }

  .project {
    margin-top: 0px;
  }

  .project .container {
    padding: 80px 0px 40px;
  }

  .project .header-block::after {
    display: none;
  }

  .project .services__blocks {
    margin-top: 0px !important;
  }

  .company {
    padding: 0px;
    margin-top: 80px;
  }

  .company::after {
    display: none;
  }

  .partners {
    margin-top: 40px;
  }

  .partners .container {
    grid-template-columns: repeat(2, 1fr);
  }

  footer {
    margin-top: 80px;
  }
}

@media (max-width: 720px) {
  .modal-gallery {
    padding: 20px;
  }

  .modal-gallery .modal-gallery__close {
    right: 20px;
    top: 20px;
  }

  .project-main__gallery {
    grid-gap: 10px;
    grid-template-columns: 100%;
  }

  .header__info.show .header__nav a {
    font-size: 18px;
  }

  .services__blocks {
    grid-template-columns: 1fr;
  }

  .services__blocks.mobile .services__block {
    height: auto;
    border: none;
    border-bottom: 1px solid #fff;
    position: relative;
    padding: 0px 0px 15px;
  }

  .services__blocks.mobile .services__block img {
    position: absolute;
    right: 0;
    top: 0;
  }

  .services__blocks .services__block {
    height: 200px;
  }

  .trust-dedication-block .container {
    flex-direction: column;
  }

  .trust-dedication-block .container .ponies {
    margin-top: 67px;
  }

  .trust-dedication-block .container .ponies img {
    width: 120px;
    height: 99px;
  }

  .trust-dedication-block {
    padding: 80px 0px 140px;
  }

  .header__info.show {
    width: 100%;
  }
}

/*# sourceMappingURL=index.css.map */