:root {

  --black: #111111;

  --dark: #242424;

  --purple: #6E57E2;

}



html {
  scroll-behavior: smooth;
}




body {

  background-color: #fff;

}



.text-dark {

  color: var(--dark) !important;

}



.text-purple {

  color: var(--purple) !important;

}



.bg-purple {

  background-color: var(--purple) !important;

}



.btn {

  padding: 0.5rem 1rem;

  border-radius: 0.5rem;

  color: #fff;

  background: var(--color-brand);

}

.btn:hover {

  opacity: 0.9;

}



.btn-primary {

  display: flex;

  width: fit-content;

  padding: 0.8rem 1.5rem;

  justify-content: center;

  align-items: center;

  gap: 10px;

  border-radius: 100px;

  border: 2px solid transparent;

  outline: none;

  color: white;

  background: linear-gradient(86deg, #42D5E2 -0.57%, #6E57E2 98.79%);

  cursor: pointer;

  font-weight: 600;

  letter-spacing: -0.28px;

  text-transform: capitalize;

}
      .contribution-submit-btn {
        background-color: #6E57E2;
        transition: background-color 0.2s ease, opacity 0.2s ease;
      }
      .contribution-submit-btn:hover {
        background-color: #5a46c0;
      }
      .contribution-modal-body {
        scrollbar-width: none; 
        -ms-overflow-style: none; 
      }
      .contribution-modal-body::-webkit-scrollbar {
        display: none;
      }
       .professionalbuttoncolor{
        display: flex;
        width: fit-content;
        padding: 0.8rem 1.5rem;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 100px;
        outline: none;
        color: var(--black);
        border: 2px solid transparent;
        background: linear-gradient(#F5F5F5) padding-box, linear-gradient(86deg, 			#42D5E2 0%, #6E57E2 100%) border-box;
        cursor: pointer;
        font-weight: 600;
        letter-spacing: -0.28px;
        text-transform: capitalize;
    }
.btn-primary.btn-outline {

  outline-style: none !important;

  color: var(--black);

  background: transparent;

  border: 2px solid transparent;

  background: linear-gradient(white, white) padding-box, linear-gradient(86deg, #42D5E2 0%, #6E57E2 100%) border-box;

}

.btn-primary.plain {

  background: unset;

  background-color: #6E57E2;

  color: white;

}

.btn-primary.plain:hover {

  background-color: #5a46c0;

}



header .nav-link {

  color: var(--black);

}

header .nav-link.active {

  border-radius: 80px;

  background: #F0F2F4;

  padding: 12px 2rem;

  font-weight: 600;

}


.gradient-outline-text {

  font-size: 48px;

  font-weight: 600;

  width: 152px;

  height: 63px;

  line-height: 63px;

  display: inline-block;

  position: relative;

  background: white;

  -webkit-background-clip: text;

  -webkit-text-fill-color: white;

}

.gradient-outline-text::before {

  content: attr(data-text);

  position: absolute;

  left: 0;

  top: 0;

  z-index: -2;

  -webkit-text-stroke: 3px transparent;

  text-stroke: 1px transparent;

  background: linear-gradient(90deg, #6E57E2 0%, #A998FF 37%, #FFFFFF 100%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}

@media (max-width: 1024px) and (min-width: 768px) {

  .gradient-outline-text {

    font-size: 40px;

    height: 52px;

    line-height: 52px;

    width: 130px;

  }

}

@media (max-width: 767px) {

  .gradient-outline-text {

    font-size: 30px;

    height: 40px;

    line-height: 40px;

    width: 110px;

  }

}


      @media (min-width: 1024px) {
        .program-swiper .swiper-slide {
        }
      }
      section[id] {
        scroll-margin-top: 7rem;
      }
      @media (min-width: 1024px) {
        section[id] {
          scroll-margin-top: 7.5rem;
        }
      }
.swiper-button-disabled {

  color: #cecece;

}



.partner-swiper .swiper-slide {

  display: flex;

  justify-content: center;

  align-items: center;

}



.community-swiper .swiper-slide {

  height: auto;

}



.community-swiper .swiper-slide img {

  filter: grayscale(100%);

}



.community-swiper .swiper-slide-active {

  overflow: hidden;

  height: auto;

}



.community-swiper .swiper-slide:hover img {

  filter: grayscale(0%);

}



.gradient-outline {

  outline-style: none !important;

  color: var(--black);

  background: transparent;

  border: 1px solid transparent;

  background: linear-gradient(#F0F2F4, #F0F2F4) padding-box, linear-gradient(86deg, #42D5E2 0%, #6E57E2 100%) border-box;

}



.comunity-edge-top-right::after,

.program-edge-top-right::after {

  position: absolute;

  border-radius: 0 0 20px 0;

  background: rgba(255, 255, 255, 0);

  box-shadow: 0 20px 0 0 #F0F2F4;

  width: 20px;

  height: 40px;

  display: block;

  content: "";

  top: -48px;

  right: -8px;

}



.comunity-edge-top-right::after {

  top: -40px;

  right: -9px;

  box-shadow: 0 20px 0 0 white;

}



.program-edge-botom-left::before {

  border-radius: 0 0 20px 0;

  background: rgba(255, 255, 255, 0);

  box-shadow: 0 20px 0 0 #F0F2F4;

  width: 20px;

  height: 40px;

  display: block;

  content: "";

  bottom: -8px;

  left: -28px;

  position: absolute;

}



.comunity-edge-botom-left::after {

  border-radius: 0 0 20px 0;

  background: rgba(255, 255, 255, 0);

  box-shadow: 0 20px 0 0 #ffffff;

  width: 20px;

  height: 40px;

  display: block;

  content: "";

  bottom: -40px;

  position: absolute;

  transform: rotate(180deg) scaleX(-1);

}



.about-edge-top-right::after {

  position: absolute;

  border-radius: 0 0 20px 0;

  background: rgba(255, 255, 255, 0);

  box-shadow: 0 20px 0 0 #ffffff;

  width: 20px;

  height: 40px;

  display: block;

  content: "";

  top: -60px;

  right: -40px;

}



.about-edge-botom-left::before {

  border-radius: 0 0 20px 0;

  background: rgba(255, 255, 255, 0);

  box-shadow: 0 20px 0 0 #ffffff;

  width: 20px;

  height: 40px;

  display: block;

  content: "";

  bottom: -20px;

  left: -59px;

  position: absolute;

}



/*# sourceMappingURL=styles.css.map */