/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 12 2025 | 04:21:10 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 
.our-visisonsection {
    display: flex
;
    position: relative;
}
.full-circle {
    width: 90px;
    height: 90px;
    background: #c2c2c2;
    border-radius: 50%;
    display: flex
;
    justify-content: center;
    align-items: center;
}
.half-circle {
    background: #333;
    height: 90px;
    width: 90px;
    border-radius: 0 50% 50% 0%;
}

.vertical-parallax-wrapper {
  height: 100vh;
  overflow-y: scroll;
  scroll-snap-type: y mandatory;
  scroll-behavior: smooth;
}
.section-slide {
  scroll-snap-align: start;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2rem;
  position: relative;
}
.section-slide::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background: linear-gradient(to bottom, #d6d6d6, #ffffff);
  z-index: -1;
  transform: translateY(-20%);
}