:root {
  --white: #ffffff;
  --navyblue: #101B2F;
  --darkblue: #1B3463;
  --skyblue: #00BAFF;
  --specialcolor: : '#00BAFF', '#13C78B';
  --buttoncolor: '#24AEA4', '#5572FE';
  --black: #000000;
  --gray: #E5E7EB;
  --common-font: Mukta;
  --font-family-Poppins: 'Poppins', serif;
  --clientscolor: '#21262E00', '#00BAFF4D';
  --gradient-bg: linear-gradient(to right, rgba(12, 5, 18, 1), rgba(80, 33, 120, 1));
  --gradient-border: linear-gradient(90deg, rgba(0, 186, 255, 1), rgba(19, 199, 139, 1));
  --duriation: 12s;
  --totalitems: 6;

}

.starimg {
  background-image: url('../images/animation-section/animation-img2.svg');
  background-repeat: no-repeat;
  background-position: right;
  background-size: 20%;

}

.contact-us-mainpage {
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: black;
  background-image: radial-gradient(rgba(200, 168, 137, 0.2) 1px, transparent 0) !important;
  z-index: 0;
  background-size: 20px 20px;
}
.contact-content {
  position: relative;
  z-index: 2;
}

.Lets-build {
  width: 100%;
  font-size: 50px;
  text-align: center;
  margin-bottom: 30px;
}


.contact-btn-div {
  position: relative;
  height: 60px;
  width: 200px;
  margin: 30px 0;
  background-color: black;
  text-decoration: none;
  color: var(--white);
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}


.click-able {
  color: var(--white);
  font-size: 20px;
  text-decoration: none;

}

.contact-btn-div::after,
.contact-btn-div::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: conic-gradient(from var(--angle), #000000, #00bbffb8, #000000);
  top: 50%;
  left: 50%;
  z-index: -1;
  translate: -50% -50%;
  padding: 30.5px 100.5px;
  border-radius: 30px;
  animation: 12s spin linear infinite;
}


@media screen and (max-width: 800px) {

  .starimg {
    background-image: url('../images/animation-section/animation-img2.svg');
    background-repeat: no-repeat;
    background-position: right;
    background-size: 50%;

  }

  .contact-us-mainpage {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 50%;
  }

  .Lets-build {
    font-size: 32px;
    margin-bottom: 30px;
  }

  .contact-btn-div {
    margin: 25px 0 !important;
  }

  .discussion-btn::after,
  .discussion-btn::before {
    padding: 27px 102px;
  }
}