.curved-background {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  margin: 0 auto;
}

.curved-background::before {
  content: "";
  position: absolute;
  top: -100px;
  left: -50%;
  width: 200%;
  height: 200%;
  /* background-image: url('bg.jpg'); */
  /* background-color: rgb(40, 138, 203); */
  background: #00d2ff;
  background: -webkit-linear-gradient(to right, #928DAB, #00d2ff);
  background: linear-gradient(to right, #928DAB, #00d2ff);
  background-size: cover;
  background-position: center;
  border-radius: 50%;
  transform: translateY(-50%);
}

nav {
  background-color: rgb(67, 157, 216);
}

/* Hide scrollbar for Chrome, Safari and Opera */
body::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.body {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.button {
  background-color: transparent !important;
  border: 2px solid #f0f0f09c !important;
  margin-left: 2px;
  color: #f0f0f0 !important;
}

.button:hover {
  border: 2px solid #f0f0f0 !important;
  background-color:#f0f0f0 !important ;
  color: black !important;
}
.contribute{
  /* border: 2px solid #f0f0f0 !important; */
  background-color:#f0f0f09c !important ;
  color: black !important;
}
.contribute:hover{
  background-color:#f0f0f0 !important ;
}

.dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0;
}

.para {
  color: aliceblue;
}

.box {
  margin-top: 55px;
  height: 50%;
  width: 100%;
  position: absolute;
  z-index: 2;
  text-align: center;
}

.box2 {
  margin-top: 20%;
  height: 50%;
  width: 100%;
  position: absolute;
  z-index: 1;
  text-align: center;
}

@media only screen and (max-width: 1250px) {
  .box2 {
    margin-top: 25%;
  }
}
@media only screen and (max-width: 750px) {
  .box2 {
    margin-top: 30%;
  }
}

@media only screen and (max-width: 600px) {
  .box2 {
    margin-top: 40%;
  }
}

@media only screen and (max-width: 510px) {
  .zoom-in-out-box {
    margin-top: 25%;
  }
}

@media only screen and (max-width: 410px) {
  .zoom-in-out-box {
    margin-top: 35%;
  }
}


@media only screen and (max-width: 370px) {
  .zoom-in-out-box {
    margin-top: 50%;
  }
}

@media only screen and (max-width: 285px) {
  .zoom-in-out-box {
    display: none;
  }
}

.zoom-in-out-box {

  animation: zoom-in-zoom-out 5s ease infinite;
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }

  50% {
    transform: scale(1.2, 1.2);
  }

  100% {
    transform: scale(1, 1);
  }
}

footer {
  text-align: center;
  position: absolute;
  width: 100%;
  height: auto;
  background-color: rgb(67, 157, 216);
  padding-top: 10px;
  padding-bottom: 10px;
}

.col-sm-6 {
  text-align: center;
}

.img-fluid:hover {
  border: 2px solid rgba(29, 118, 153, 0);
}

.number-container {
  padding-top: 30px;
}

.number-value {
  font-size: 36px;
  font-weight: bold;
  transition: transform 4s ease-in-out;
  color: #511e80;
}

.number-animation {
  transform: translateY(0);
}

#targetSection {
  background: #00d2ff;
  background: -webkit-linear-gradient(to right, #928DAB, #00d2ff);
  background: linear-gradient(to right, #928DAB, #00d2ff);
}

.navbar-nav>li>.dropdown-menu {
  background-color: #83bad1;
}