* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
html::-webkit-scrollbar {
  display: none;
}

:root {
  --linksColor: #939393;
  /* navbar link */
  --textHover: rgba(57, 171, 72, 1);
  /* navbar link hover , hero bold text  , think subtitle  */
  --title: #646464;
  /* solution and service section title */
  --overlay: rgba(0, 0, 0, 0.7);
  /* card -- text overlay */
}
input {
  border: none;
  outline: none;
  width: 100%;
}
button {
  border: none;
  outline: none;
  background-color: inherit;
}

img {
  object-fit: cover;
  object-position: center;
  -o-object-fit: cover;
  -o-object-position: center;
}

.card,
.About-card {
  max-height: 600px;
}

body {
  max-width: 2200px;
  margin: auto;
}

/* section add to control spacing for extra width and height */

@media only screen and (min-height: 1300px) {
  .thinkContainer {
    height: 80vh !important;
    height: 80svh !important;
  }

  .solution {
    height: 100vh !important;
    height: 100svh !important;
  }
  .solutionheader {
    height: 20vh !important;
    height: 20svh !important;
  }
  .solutionContainer .cardContainer {
    height: 80vh !important;
    height: 80svh !important;
  }
  .lastCardSectionContainer::after {
    top: 100px !important;
  }
  .card,
  .About-card {
    max-height: 800px !important;
  }
}

@media only screen and (min-height: 1700px) {
  .card,
  .About-card {
    max-height: 1000px !important;
  }
}