/* 1344px */
@media (max-width: 84em) {
  .center-container {
    padding-left: 2.4rem;
    padding-right: 2.4rem;
  }
  .hero-title {
    font-size: 5.2rem;
  }

  .ref-row {
    padding: 2.4rem;
  }
  .our-expertise-container {
    column-gap: 3.2rem;
  }
}

@media (max-width: 75em) {
  html {
    font-size: 56.25%;
  }

  .hero-title {
    font-size: 4.8rem;
  }

  .hero-text {
    font-size: 2.2rem;
  }
}

@media (max-width: 65em) {
  .desktop {
    display: none;
  }

  .mobile {
    display: block;
  }

  .menu-btn {
    display: flex;
  }

  .nav-open .menu-btn {
    z-index: 999999;
  }

  .nav-list {
    background-color: rgba(68, 68, 68, 0.99);
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 50%;

    flex-direction: column;
    justify-content: center;

    align-items: center;
    z-index: 99999;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transition: all 0.6s ease;
    transform: translateX(50%);
  }

  .nav-open .nav-list {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(-50%);
  }

  .nav-open .send-cv-img {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  .nav-links:link,
  .nav-links:visited {
    width: 100%;
    font-size: 2.4rem;
  }

  .dark-links .nav-links:link,
  .dark-links .nav-links:visited {
    color: #fff;
  }

  .nav-list li:not(:last-child) {
    margin-right: 0;
    margin-bottom: 4.8rem;
  }

  .hero-slide {
    justify-content: center;
    align-items: center;
  }

  .hero-title {
    align-self: center;
  }

  .hero-text {
    text-align: center;
  }

  .list {
    text-align: start;
  }

  .ref-row {
    grid-template-columns: repeat(5, 1fr);
  }

  .cart-text {
    text-align: center;
    line-height: 1.5;
  }

  .send-cv-form {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: flex-start;
    border: 2px solid #ecf3d7;
    padding: 1.8rem 3.2rem;
    border-radius: 3px;
    width: 70%;
  }
  .full-name {
    width: 100%;
  }

  .email {
    width: 100%;
  }
  .phone {
    justify-self: start;
    width: 100%;
  }

  .profession {
    justify-self: start;
    align-self: flex-start;
    width: 100%;
  }

  .add {
    justify-self: start;
    align-self: flex-start;
    width: 100%;
  }
  .btn-send {
    align-self: center;
  }

  .prev,
  .next {
    top: 60%;
    /* bottom: 0; */
  }
}
@media (max-width: 56em) {
  html {
    font-size: 50%;
  }

  .tertiary-title,
  .tertiary-sub-title,
  .section-text {
    font-size: 1.8rem;
  }

  .tertiary-title {
    line-height: 1.4;
  }

  .our-expertise {
    margin-bottom: 0;
  }

  .our-expertise-container {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 3.2rem;
    column-gap: 3.2rem;
    /*   padding: 3.2rem; */
    width: 85%;
  }

  .cart-text {
    font-size: 1.4rem;
  }

  .about-img {
    max-width: 18rem;
  }

  .contact-box {
    left: 0;
    width: 100%;
    row-gap: 2.4rem;
  }

  .left-col {
    margin-right: 2.4rem;
  }

  .contact-logo {
    max-width: 14rem;
  }

  .contact-text {
    font-size: 1.8rem;
    margin-bottom: 1.2rem;
  }

  .modal-content {
    margin-top: 30rem;
  }

  .hero-text {
    font-size: 2.4rem;
  }
}

@media (max-width: 50em) {
  .our-difference-container {
    grid-template-columns: 1fr;
    row-gap: 6.4rem;
  }

  .our-expertise-container {
    width: 90%;
  }

  .send-cv-form {
    width: 85%;
  }
  .about-img {
    max-width: 16rem;
  }
}

@media (max-width: 34em) {
  .section-about {
    align-items: flex-start;
  }
  .logo-container {
    width: 23%;
    opacity: 1;
    height: 100vh;
    clip-path: polygon(
      40% 0,
      70% 0,
      100% 0,
      100% 100%,
      70% 80%,
      40% 80%,
      0 100%,
      0 0
    );
    height: 100vh;
    align-self: stretch;

    border-radius: 5px;
  }

  .about-img {
    max-width: 12rem;
  }

  .contact-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 4rem;
    height: 50rem;
  }
  .contact-logo {
    display: none;
  }
  .left-col {
    margin-right: 0;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .link-soc {
    align-self: center;
    justify-self: center;
    margin: 0;
    padding: 0;
    width: 100%;
  }

  .send-cv-form {
    width: 100%;
  }

  .our-expertise-container {
    grid-template-columns: 1fr;
    padding: 3.2rem;
    gap: 3.2rem;
  }

  .ref-row {
    grid-template-columns: repeat(4, 1fr);
  }

  .modal-content {
    margin-top: 15rem;
  }

  .prev,
  .next {
    top: 120%;
    /* bottom: 0; */
  }

  .next {
    right: 0%;
  }

  .prev {
    left: 0%;
  }

  .popup-msg {
    margin-top: 20rem;
  }

  .t-1,
  .t-2 {
    width: 90%;
  }

  .left-col .contact-text {
    margin-right: 0;
    width: 100%;
  }
}