.contact-section {

      position: relative;

      top: -60px;

      .contact-card {
          background-color: #333333;
          border-radius: 16px;
          max-width: 766px;
          margin: 0 auto;
          padding: 37px 40px;
          position: relative;

          @media (max-width: 768px) {
              margin: 0 20px;
              padding: 30px 20px;
          }

          .contact-title {
              font-family: 'Inter', sans-serif;
              font-weight: 700;
              font-size: 28px;
              line-height: 1.21;
              color: #FFFFFF;
              text-align: center;
              margin: 0 0 43px 0;

              @media (max-width: 768px) {
                  font-size: 36px;
                  margin-bottom: 30px;
              }
          }

          .phone-numbers {
              display: flex;
              justify-content: center;
              gap: 20px;
              margin-bottom: 30px;

              @media (max-width: 768px) {
                  flex-direction: column;
                  align-items: center;
                  gap: 15px;
                  margin-bottom: 50px;
              }

              .phone-item {
                  display: flex;
                  align-items: center;
                  gap: 8px;
                  background: transparent;
                  border: 1px solid #EECE18;
                  border-radius: 40px;
                  padding: 11px 20px;
                  text-decoration: none;
                  transition: all 0.3s ease;

                  &:hover {
                      background-color: rgba(238, 206, 24, 0.1);
                  }

                  .phone-icon {
                      width: 19px;
                      height: 19px;
                      fill: #EECE18;
                  }

                  .phone-number {
                      font-family: 'Inter', sans-serif;
                      font-weight: 500;
                      font-size: 16px;
                      line-height: 1.21;
                      color: #EECE18;
                  }
              }
          }
      }
  }

  .social-section {
      text-align: center;

      .follow-text {
          font-family: 'Inter', sans-serif;
          font-weight: 600;
          font-size: 24px;
          line-height: 1.21;
          color: #000000;
          margin: 0 0 30px 0;
      }

      .social-icons {
          display: flex;
          justify-content: center;
          gap: 25px;
          margin-bottom: 53px;

          @media (max-width: 768px) {
              gap: 15px;
              margin-bottom: 40px;
          }

          .social-link {
              width: 30px;
              height: 30px;
              display: flex;
              align-items: center;
              justify-content: center;
              text-decoration: none;
              transition: transform 0.3s ease;

              &:hover {
                  transform: scale(1.1);
              }

              svg {
                  width: 100%;
                  height: 100%;

                  path {
                      fill: #000000;
                  }

              }
          }
      }

      .copyright {
          padding-bottom: 3rem;
          font-family: 'Inter', sans-serif;
          font-weight: normal;
          font-size: 15px;
          line-height: 1.21;
          color: #000000;
          margin: 0;

          @media (max-width: 768px) {
              font-size: 13px;
          }
      }
  }