.gvf-group-of14,
.gvf-group-of15 {
  letter-spacing: -0.05em;
  line-height: 105px;
}
.clear-top.supports-flex {
  width: 100%;
  overflow: hidden;

}
.gvf-group-of14 {
  position: absolute;
  top: -450.57px;
  left: 1087.77px;
  text-align: left;
  transform: rotate(-30deg);
  transform-origin: 0 0;
}
.gvf-group-of15 {
  top: -799.96px;
  left: 1385.56px;
}
.gvf-group-of15,
.gvf-group-of16,
.paragraph-container4 {
  position: absolute;
  transform: rotate(-30deg);
  transform-origin: 0 0;
}
.gvf-group-of16 {
  top: 265.59px;
  left: 153.34px;
  letter-spacing: -0.05em;
  line-height: 105px;
}
.paragraph-container4 {
  top: 2127.66px;
  left: -3223px;
  width: 9837.32px;
  height: 411.68px;
  opacity: 0.03;
  font-size: var(--font-size-141xl);
}

.good19 {
  font-weight: 300;
}
.choose-a-project-container9 {
  position: absolute;
  top: 417px;
  left: 440px;
  letter-spacing: -0.05em;
  line-height: 90%;
  display: none;
  width: 559px;
  mix-blend-mode: normal;
  color: var(--color-gray-200);
}

.good21 {
  font-weight: 300;
}

.givesome-logo-icon3 {
  position: relative;
  width: 200px;
  height: 39.74px;
  flex-shrink: 0;
  object-fit: cover;
}
.redeem-pin5 {
  position: relative;
  letter-spacing: 0.02em;
  line-height: 100%;
}
.redeem-pin-button3 {
  position: absolute;
  top: 2px;
  left: 0;
  border-radius: var(--br-xs);
  border: 1px solid var(--color-black);
  display: flex;
  flex-direction: column;
  padding: var(--padding-xl) var(--padding-13xl);
  align-items: center;
  justify-content: center;
}
.slider-container-icon5 {
  position: absolute;
  top: 0;
  left: 244px;
  width: 64px;
  height: 64px;
  overflow: hidden;
}
.nav-wrapper-right3 {
  position: relative;
  width: 308px;
  height: 64px;
  flex-shrink: 0;
}
.givesome-desktop-video-child,
.nav3 {
  position: absolute;
  box-sizing: border-box;
}
.nav3 {
  top: 0;
  left: 24px;
  background: linear-gradient(180deg, #fff, rgba(255, 255, 255, 0));
  width: 1392px;
  display: flex;
  flex-direction: row;
  padding: var(--padding-5xl) 0;
  align-items: center;
  justify-content: space-between;
  text-align: right;
  font-size: var(--font-size-xl);
}
.givesome-desktop-video-child {
  top: 501px;
  left: 142px;
  border-radius: var(--br-21xl);
  background-color: var(--color-gray-100);
  border: 1px solid var(--color-gray-300);
  width: 1156px;
  height: 410px;
  display: none;
}


.video-thumbnail-icon2,
.youtube-icon-flat-red-play-but5 {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: var(--br-9xs);
  width: 924px;
  height: 544px;
  object-fit: cover;
}
.youtube-icon-flat-red-play-but5 {
  top: 224px;
  left: 414px;
  width: 96px;
  height: 96px;
}
.video2 {
  position: relative;
  width: 100%;
  margin-bottom:40px;
}
.about-image-icon2 {
  /* position: absolute; */
  /* top: 0; */
  /* left: 0; */
  border-radius: 60px;
  width: 45%;
  height: 90%;
  object-fit: contain;
}
.image-icon8 {
  position: relative;
  /*width: 169px;*/
  height: 120px;
  flex-shrink: 0;
}
.our-mission-is4,
.the-gvf-group4 {
  align-self: stretch;
}
.our-mission-is4 {
  font-size: 41px;
  font-family: 'Albert Sans';
  letter-spacing: -0.04em;
  line-height: 90%;
  mix-blend-mode: normal;
  color: #000;
}
.info-content {
  max-height:210px;
  margin-bottom:20px;
  height: unset !important;
  position:unset !important;
}
.the-gvf-group4 {
  line-height: 200%;
    color: #111;
    height: 300px;
    overflow-y: scroll;
    font-size:18px;
    top: 30px;
}
.learn-more46 {
    position: relative;
    font-weight: bold;
    font-size: 16px;
    width: 92px;
    color: #000;
}
.button9,
.vertical-container6 {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.button9, .btn-default {
  color: #111;
  background-color: #fff;
  border: 1px solid #111;
  align-items: center;
  text-align: right;
  cursor: pointer;
	margin-right:10px; 
  padding: 20px 32px; 
  border-radius: 12px;
  margin-bottom:15px;
}
.btn-default {
  color: #111;
}
.btn-redeem:hover {
    color: #fff;
  background: #473272;
  border-color: #473272;
}
.btn-redeem{
    color: #111;
    background-color: #fff;
    border: 1px solid #111;
    align-items: center;
    text-align: right;
    cursor: pointer;
    margin-right: 6px;
    padding: 10px 18px;
    position: relative;
    right: 25px;
    border-radius: 12px;
  }
.button9:hover, .btn-default:hover {
  color: #fff;
  background: #111;
  border-color: #111;
}
.button9:hover b  {
  color: #fff;
}

.vertical-container6 {
  /* position: absolute; */
  /* top: 17px; */
  /* left: 581px; */
  width: 50%;
  align-items: flex-start;
  gap: 15px;
}
.about-section2 {
  width: 100%;
  align-items: flex-start;
  display:flex;
  justify-content: space-between;
  gap: 15%;
}
.about-section2-content {
  position:unset;
  display:flex;
  align-items: flex-start;
  width: 692px;
  height: 589px;
}
.about-section2-content img {
  object-fit: contain !important;
  border-radius: 40px !important;
}
.featured-image-project-14,
.featured-image-project-24 {
  position: absolute;
  top: 144px;
  right: 0;
  border-radius: 30px;
  width: 480px;
  height: 300px;
  object-fit: cover;
  opacity: 0.75;
}
.featured-image-project-14 {
  left: 0;
}
.featured-project-background5 {
  position: absolute;
  top: 60px;
  left: 80px;
  border-radius: 48px;
  background-color: #fff;
  box-shadow: 0 0 25px rgba(76, 0, 233, 0.1);
  border: 1px solid rgba(17,17,17,0.5);
  box-sizing: border-box;
  width: 86%;
  height: 469px;
}
.featured-project-image5 {
  position: absolute;
    top: 14px;
    left: unset;
    border-radius: 48px;
  width: 375px;
  height: 437px;
  object-fit: cover;
}
.help-sponsor-an6 {
  position: absolute;
  top: 120px;
  text-align: center;
  left: 50px;
  font-size: 28px;
  letter-spacing: -0.05em;
  line-height: 132%;
  display: inline-block;
  width: 400px;
  mix-blend-mode: hard-light;
}
.slider-left-switch-container4,
.switch-container-icon4 {
  position: absolute;
  top: 244px;
  left: unset;
  width: 100px;
  height: 100px;
}
.right-slider-btn {
  width: 70px;
  right: 3%;
  top: 36%;
}
@media (min-width: 1800px){
  .right-slider-btn {
    width: 70px;
    right: -3%;
    top: 36%;
  }
 }
.slider-left-switch-container4 {
  left: 30px;
}
.of-308-goal9 {
  font-weight: 500;
}
.of-308-goal-container5 {
  position: relative;
  letter-spacing: 0.02em;
  line-height: 90%;
  text-transform: uppercase;
  mix-blend-mode: hard-light;
}
.portion-of-goal5 {
  position: unset;
  width:fit-content;
  justify-content: flex-start;
  margin-top: -4%;
  border-radius: 200px;
  background-color: #eee;
  display: flex;
  flex-direction: row;
  padding: 10px 16px;
  align-items: center;
}
.project-logo-icon5 {
    position: relative;
    top: 371px;
    left: 196px;
    width: 93px;
}
.radial-white-background6 {
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  height: 120px;
}
.radial-wrapper-icon6 {
    position: absolute;
    top: -7.53px;
    left: 11.47px;
    width: 92.06px;
    height: 135.06px;
}
.radial-percentage-cards{
    position: relative;
    top: 18px;
    font-weight: 600;
    font-size: 12px;
    mix-blend-mode: normal;
}
.radial-percentage-number6 {
  letter-spacing: -0.05em;
  line-height: 90%;
  font-weight: 600;
  mix-blend-mode: normal;
}
.radial-bar-cards{
    position: absolute;
    top: 205px;
    left: 15px;
    width: 50px;
    height: 50px;
    text-align: center;
    font-size: var(--font-size-5xl);
    color: black;
    border-radius: 50%;
}
.radial-bar-container42 {
    position: absolute;
    bottom: 415px;
    left: 80px;
    width: 100px;
    height: 100px;
    text-align: center;
    border-radius: 50%;
    background: radial-gradient(closest-side, white 74%, transparent 80% 100%), conic-gradient(#3b2470 39%, #ededed 0);
}
.outer-circle {
  background:white;
  width: 95px;
  height: 95px;
  border-radius:100px;
  position: relative;
  left: 3%;
  top: -60px;
  box-shadow: 0px 4px 25px 0px rgba(76, 0, 233, 0.10);
}
.no-img {
  position:unset;
  width:41%;
  display:flex;
  align-items: flex-start;
  justify-content:center;
  margin-bottom:30px;
}
.inner-circle {
  width:80px;
  height:80px;
  left:8%;
  top:8%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.give-button5,
.learn-more-button5 {
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  padding: 24px 20px;
  align-items: center;
  justify-content: center;
}
.give-button4,
.learn-more-button5 {
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  padding: 24px 20px;
  align-items: center;
  justify-content: center;
}
.give-button5 {
    background-color: #412e67;
    color: white !important;
    font-weight: bold !important;

}
.give-button4 {

    border: 1px solid #412e67;
    color: white !important;
    font-weight: bold !important;
    margin-top: 20px;
    margin-bottom: 20px;
}
.learn-more-button5 {
  border: 1px solid #111;
  color: #111;
}
.give-button-parent2 {
  position: absolute;
  top: 286px;
  left: 50px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  text-align: right;
  color: #fff;
}
.pagination-icon4 {
  position: absolute;
  top: 569px;
  left: 627px;
  width: 62px;
  height: 16px;
}
.featured-project-section5 {
  position: relative;
  /* width: 1170px;*/
  width:100%;
  height: 585px;
  left: unset;
  text-align: left;
  font-size: 18px;
  color: #111;
  margin-bottom:25px;
}
.sidebar {
  top: 0% !important;
  left: unset !important;
  right: 0% !important;
}
.sidebar_S {
  top: 18% !important;
  left: unset !important;
  right: 2% !important;
}
.vertical-img {
  height: 120px;
  width: 169px;
}
.vertical-icon {
  height:100%;
  width:100%;
  object-fit:contain;
}
@media (max-width: 320px) {
  .site-nav .secondary-nav-dropdowns .btn, .site-nav .secondary-nav-dropdowns .dropdown>a {
    padding: 9px !important;
  }
  .nav-givecard {
    display: flex;
  }
  .notify-icon {
    width: 40px !important;
  }
  .site-nav .secondary-nav .dropdown-menu{
    left: -70px;
    width: 273px;
    margin-top: 5px;
  }
  .site-nav .secondary-nav-dropdowns .dropdown-menu:after, .site-nav .secondary-nav-dropdowns .dropdown-menu:before{
    left: auto;
    right: 114px;
  }
}
@media (max-width: 767px) {
  .redeeem-btn {
    white-space: unset !important;
  }
  .partner-main-banner {
    top: 0 !important;
  }
  .note-video-clip {
    width: 100% !important;
    height: 270px !important;
  }
  .about-section2-content {
    width: 100% !important;
    height: 320px;
  }
  .about-section2 {
    align-items: center;
  }
  .end-content {
    margin-left: 0 !important;
  }
  .no-img {
    width: 100% !important;
    height: 320px !important;
  }
  .about-image-icon2 {
    object-fit: fill;
  }
}
@media (max-width: 450px) {
    .btn-redeem {
        color: #111;
        background-color: #fff;
        border: 1px solid #111;
        align-items: center;
        text-align: right;
        cursor: pointer;
        margin-right: 6px;
        padding: 10px 18px !important;
        position: relative;
        left: -9px;
        border-radius: 12px;
        font-size: 10px !important;
    }
    .icon-button__badge {
        position: absolute !important;
        top: -12px !important;
        right: -9px !important;
        padding: 4px !important;
        width: auto !important;
        height: auto !important;
        background: #EFECF4 !important;
        color: #000 !important;
        display: flex;
        justify-content: center !important;
        align-items: center !important;
        border-radius: 28% !important;
    }

}
@media (min-width: 426px) and (max-width: 768px) {
  .about-section2 {
    flex-direction: column;
  }
  .no-img {
    height: 320px !important;
  }
  .vertical-container6 {
    width: 100% !important;
  }
  .about-section2-content {
    height: 320px !important;
  }
}
@media (max-width: 767px) {
    .choose-a-project-container10{
        font-size: 18px !important;
    }
  .h1-vendor-name2 {
    font-size: 42px;
  }
  .header-reverse {
    display: flex;
    flex-direction: column-reverse;
  }
  .header2 {
    font-size: 36px !important;
  }
  .our-mission-is4 {
    font-size: 36px !important;
    line-height: 1.2 !important;
  }
  .featured-project-section5 {
   display: none;
  }
  .about-section2 {
    flex-direction: column;
    gap: 15%;
  }
  .about-section2-content {
    width: 100%;
  }
  .vertical-container6 {
    width: 100%;
  }
  .end-content {
    width: 100%;
    box-sizing: border-box;
    margin-left: 5px;
  }
  .note-video-clip {
    margin: 0 !important;
    width: 100%;
  }
  .footer-3-content {
    align-items: start !important;
  }
  .main-footer .flex-row {
    gap: 20px;
  }
  .site-nav .nav-givecard {
    margin-right: 0;
  }
  .clear-top.supports-flex {
    width: 100%;
    overflow: hidden;
  }
  .project-card-container28 {
    margin-right: 15px;
  }
  .supported-by {
    padding: 0 !important;
    justify-content: center !important;
  }
  .sponsored-by-parent2 {
    padding: 30px 20px!important;
    justify-content: center !important;
    flex-direction: column !important;
  }
  .about-image-icon2 {
    width: 100%;
  }
}
@media (min-width: 768px)  and (max-width: 991px) {
  .clear-top.supports-flex {
    width: 100%;
    overflow: hidden;
  }
  .featured-project-section5 {
   display: none;
  }
  .end-content {
    width: 100%;
    box-sizing: border-box;
    margin-left: 5px !important;
  }
  .note-video-clip {
    margin: 0 !important;
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .watermarked {
    display: none;
  }
}
@media (min-width: 992px)  and (max-width: 1023px) {
  .featured-project-background5 {
    width: 76%;
  }
  .featured-project-image5 {
    width: 41%;
  }
  .end-content {
    width: 100%;
    box-sizing: border-box;
    margin-left: 5px !important;
  }
  .note-video-clip {
    margin: 0 !important;
    width: 100%;
  }
  .slider-left-switch-container4, .switch-container-icon4 {
    right: 12% !important;
  }
}
@media (min-width: 1024px)  and (max-width: 1119px) {
  .featured-project-background5 {
    width: 84%;
  }
}
@media (min-width: 1120px)  and (max-width: 1439px) {
  .featured-project-background5 {
    width: 87%;
  }
}
@media (min-width: 1440px) and (max-width: 1800px) {
  .featured-project-background5 {
    width: 89%;
  }
}
@media (min-width: 1801px) {
  .featured-project-background5 {
    width: 92%;
  }
}
.header2 {
    /* transform: translateX(-50%); */
    /* margin-left: 50%; */
  /*position: relative;*/
  text-align: center;
  font-family: 'Albert Sans';
  padding-bottom: 42px;
  padding-top: 8%;
  font-size: 41px;
/*  letter-spacing: -0.04em;
  line-height: 90%;*/
  display: inline-block;
  /* width: 680px; */
  mix-blend-mode: normal;
  color: #000;
}
.project-card-background36 {
  position: absolute;
  height: 102%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 24px;
  background-color: #fff;
  border: 1px solid rgba(17,17,17,0.5);
  box-sizing: border-box;
  box-shadow: none;
  transition: transform 250ms;
}
.single-product, .owl-item {
  transition: transform 250ms;
}
.single-product:hover, .owl-item:hover {
  box-shadow: 0px 4px 25px 0px rgba(76, 0, 233, 0.10) !important;
  transform: translateY(-10px);
  background-color: #f5f1fe;
  background-size: contain;
}
.charity-logo-icon36 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    width:100%;
    height:100%;
    top:0;
    object-fit: contain;
}
.vertical-content {
  position: unset;
  height: unset;
  margin-top: -1%;
  gap: 35px;
  text-align: left;
}
.radial-bar-holder {
  background: white;
  width: 60px;
  height: 60px;
  border-radius:100px;
  position: relative;
  left: 7%;
  top: 36%;
  box-shadow: 0px 4px 25px 0px rgba(76, 0, 233, 0.10);
}
.project-title36 {
  position: absolute;
  width: 93.94%;
  top: 64.19%;
  left: 3.03%;
  font-size: 20px;
  letter-spacing: -0.05em;
  line-height: 132%;
  display: inline-block;
  mix-blend-mode: hard-light;
  color: #111;
  text-align: center;
   overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.receipt-logo{
  position: absolute;
  width: 99.94%;
  top: 69.19%;
  left: 3.03%;
  font-size: 20px;
  letter-spacing: -0.05em;
  line-height: 132%;
  display: inline-block;
  color: #111;
  text-align: center;
}
.of-2575-goal-container36 {
  position: relative;
  right: 9px;
  letter-spacing: 0.02em;
  line-height: 90%;
  text-transform: uppercase;
}
.goal-overview36 {
  position: absolute;
    height: 4.67%;
    width: max-content;
    top: 58.13%;
    right: 31%;
    bottom: 37.2%;
    left: 31.33%;
    border-radius: 200px;
    background-color: #f3f3f3;
    display: flex;
    flex-direction: row;
    padding: 8px;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    text-align: right;
    font-size: 11px;
    color: #111;
}
.button-main36,
.button-transparent36 {
  flex: 1;
  height: 47px;
  border-radius: 12px;
  display: flex;
  padding: 12px 24px;
  justify-content: center;
}
.button-main36 {
  background-color: #412e67;
  flex-direction: column;
  align-items: center;
}
.button-transparent36 {
  box-sizing: border-box;
  height: 47px;
  flex-direction: row;
  align-items:center;
  padding:10px;
}
.buttons-wrapper36,
.project-image-icon36 {
  position: absolute;
  width: 93.94%!important;
  right: 3.03%;
  left: 3.03%;
}
.buttons-wrapper36 {
  height: 8.3%;
  top: 75.26%;
  bottom: 16.44%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  text-align: right;
  color: #412e67;
}
.project-image-icon36 {
  height: 53.63%;
  top: 1.73%;
  bottom: 44.64%;
  border-radius: 15px;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.background-icon36,
.radial-bars-wrapper36 {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.radial-bars-wrapper36 {
  height: 139.12%;
  width: 84.12%!important;
  top: 2.33%;
  right: -19.56%;
  bottom: -33.45%;
  left: 7.44%;
}
.percentage-value36 {
  position: absolute;
  height: 83.33%;
  width: 83.33%;
  top:10.33%;
  left: 9.33%;
  letter-spacing: -0.05em;
  line-height: 90%;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  mix-blend-mode: normal;
}
.radial-bar-container43 {
  position: absolute;
  height: 12.46%;
  width: 21.82%;
  top: 49.83%;
  right: 75.15%;
  bottom: 37.72%;
  left: 3.03%;
  color: var(--color-darkslateblue-200);
}
.project-card-container28,
.project-card-container29 {
  position: relative;
  top: 0;
  width: 100%;
  float: left;
  margin-bottom: 10px;
  height: 420px;

}
.project-card-container29 {
  left: 640px;
}
.project-card-container30,
.project-card-container31,
.project-card-container32,
.project-card-container33 {
  position: absolute;
  top: 0;
  left: 960px;
  box-shadow: 0 4px 25px rgba(76, 0, 233, 0.1);
  width: 300px;
  height: 578px;
}
.project-card-container31,
.project-card-container32,
.project-card-container33 {
  top: 626px;
  left: 1px;
}
.project-card-container32,
.project-card-container33 {
  left: 321px;
}
.project-card-container33 {
  left: 640px;
}
.goal-overview42 {
  position: absolute;
  height: 4.67%;
  width: max-content;
  top: 58.13%;
  right: 31%;
  bottom: 37.2%;
  left: 31.33%;
  border-radius: 200px;
  background-color: #f3f3f3;
  display: flex;
  flex-direction: row;
  padding: 8px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  text-align: right;
  font-size: 11px;
}
.project-card-container34 {
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 4px 25px rgba(76, 0, 233, 0.1);
  width: 300px;
  height: 578px;
  color: #111;
}
.project-cards-container4 {
  position: relative;
  left: 24px;
  width: 1392px;
  height: 611px;
  margin-bottom: 35px;
}
.screenshot-2023-04-15-at-10215 {
  position: relative;
  width: 979px;
  height: 198px;
  flex-shrink: 0;
  object-fit: cover;
}
.screenshot-2023-04-15-at-1021-wrapper2 {
  position: absolute;
  top: 4573px;
  left: 0;
  background-color: var(--color-whitesmoke-100);
  width: 1440px;
  display: flex;
  flex-direction: column;
  padding: var(--padding-3xs) var(--padding-5xl);
  box-sizing: border-box;
  align-items: flex-start;
  justify-content: center;
}
.sponsored-by5 {
  position: relative;
  letter-spacing: -0.04em;
  line-height: 90%;
  mix-blend-mode: normal;
}
.sponsored-by-logo-1-icon5 {
  position: relative;
  width: 100%;
  flex-shrink: 0;
  object-fit: cover;
}
.sponsored-by-parent2 {
  position: relative;
  border-radius: 24px;
  border: 1px solid rgba(17,17,17,0.5);
  box-sizing: border-box;
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: 40px 120px;
  align-items: center;
  justify-content: space-between;
  text-align: left;
}
#carousel {
  text-align:center;
  position: absolute;
  right: 40px;
  width:100%;
  bottom: 5%;
  top: unset;
  align-items: center;
  display: flex;
  justify-content: center;
}
.single-card-img-holder {
  width: 70px;
  height: 70px;
  position: relative;
  top: 85%;
  margin: auto;
}
.dot {
  cursor: pointer;
  cursor: pointer;
  height: 2px;
  width: 2px;
  margin: 0 10px;
  background-color: #5D4294;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
  cursor: pointer;
}
.dot:hover {
  cursor: pointer;
  cursor: pointer;
  height: 5px;
  width: 5px;
  margin: 0 10px;
  background-color: #5D4294;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
#carousel .dot.active {
  border: 1px solid #5D4294;
  background: white;
  width: 15px;
  height: 15px;
}
.supported-by-section1 {
    top: 540px;
    position: relative;
}

.give-more{
    position: relative;
    font-weight: bold;
    font-size: 16px;
    width: 92px;
}
.learn-more461{
    position: relative;
    font-weight: bold;
    font-size: 16px;
    width: 92px;
    left: 19px;
}
.end-content{
    position: relative;
    top: 40px;
    margin-left: 30px;
    margin-right: 11px;
}
.note-video-clip{
/* margin-left:143px; */
}

.watermarked {
  position: relative;
  line-height: 115px;
  /*overflow: hidden;*/
}
@font-face {
  font-family: Albert Sans;
  src: url('../font/AlbertSans-ExtraBold.otf') format('OpenType');
}
.watermarked::before {

  top: -100px;
  left: -10%;
  opacity: 0.03;
  font-size: 136px;
  position: absolute;
  display: block;
  transform: rotate(-35deg);
  content: attr(data-watermark);
  letter-spacing: -5px;
  color: #000000;
  font-family: Albert Sans;
  width: 100%;
  height: 420px;
  overflow: hidden;
  line-height: 1;
  font-weight: 900;
}

.nav-overflow{
    z-index: 999;
    position: relative;
}
.no-img {
  position:unset;
  display:flex;
  align-items: flex-start;
  width: 692px;
  height: 692px;
}
.no-img img {
  object-fit: fill !important;
  border-radius: 40px !important;
}
::-webkit-scrollbar {
  -webkit-appearance: none;
}
::-webkit-scrollbar:vertical {
  width: 12px;
}
::-webkit-scrollbar:horizontal {
  height: 12px;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, .5);
  border-radius: 10px;
  border: 2px solid #ffffff;
}
::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #ffffff;
}
.big-head {
  font-size: 26px !important;
  font-weight: 700 !important;
  line-height: 26px !important;
  font-family: 'Albert Sans' !important;
  letter-spacing: -0.05em !important;
}
.query-head {
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 20px !important;
  font-family: 'Albert Sans' !important;
  letter-spacing: -0.05em !important;
}
.sub-head {
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 14px !important;
  font-family: 'Albert Sans' !important;
  letter-spacing: -0.05em !important;
}
.lg-normal-text {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
  font-family: 'Albert Sans' !important;
  letter-spacing: -0.05em !important;
}
.normal-text, .receipt-label {
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  font-family: 'Albert Sans';
  letter-spacing: -0.05em !important;
}
.w-100 {
  width: 100%;
}
.w-50 {
  width: 50%;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.mb-40 {
  margin-bottom: 40px !important;
}
.mb-50 {
  margin-bottom: 50px !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.mt-5 {
  margin-top: 5px !important;
}
.mt-10 {
  margin-top: 10px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.mt-40 {
  margin-top: 40px !important;
}
.active-btn {
  background: rgba(93, 66, 148, 1) !important;
  border: 1px solid rgba(93, 66, 148, 1) !important;
  color: #fff !important;
}
.normal-btn {
  border: 1px solid rgba(17, 17, 17, 0.5) !important;
  color: #000 !important;
  background: #fff !important;
}
.black-btn {
  border:  1px solid rgba(17, 17, 17, 0.5)  !important;
  color: rgba(17, 17, 17, 0.5)  !important;
  background: #fff !important;
  text-transform: none !important;
  height: 48px !important;
}
.black-btn:hover {
  background-color: rgb(17 17 17 / 4%) !important;
}
.flex-space-btw {
  display: flex;
  justify-content: space-between;
  gap: 15px;
}
.outlined-btn {
  width: 140px;
  height: 48px;
}
.amount-input {
  height: 48px;
  width: 100%;
  padding: 16px;
  border-radius: 10px;
  box-sizing: border-box;
  border: 1px solid rgba(17, 17, 17, 0.5) !important;
  outline: none;
  font-size: 16px !important;
}
::placeholder {
  color: #CFD7DF !important;
}
.input-center {
  padding-left: 35%;
}
.apply-amount {
  position: relative;
}
.apply-btn {
  position: absolute !important;
  right: 5px;
  top: 4px;
  height: 40px;
  background-color: rgba(17, 17, 17, 1) !important;
  padding: 16px;
  box-sizing: border-box;
  border-radius: 10px;
}
.apply-btn.Mui-disabled {
  background-color: rgba(173, 173, 173, 1) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  color: #fff !important;
}
.next-btn {
  height: 66px;
  background-color: rgba(93, 66, 148, 1) !important;
  padding: 24px 32px;
  color: #fff !important;
  box-sizing: border-box;
  border-radius: 12px !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  text-transform: capitalize !important;
  border: 1px solid rgba(93, 66, 148, 1) !important;
  width: 100%;
}
.default-btn {
  height: 66px;
  background-color: rgba(93, 66, 148, 1) !important;
  padding: 24px 32px;
  box-sizing: border-box;
  border-radius: 12px !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  text-transform: capitalize !important;
}
.btn-holder {
  display: flex;
  justify-content: center;
  gap: 20px;
}
.outlined-black-btn {
  height: 66px;
  padding: 24px 32px;
  box-sizing: border-box;
  border-radius: 12px;
  color: #000 !important;
  border: 1px solid #000 !important;
}
.outlined-black-btn:hover {
  background-color: rgb(0 0 0 / 4%);
}
.money-symbol1 {
  position: absolute !important;
  top: 15px;
  left: 32%;
  font-size: 14px;
  font-weight: 700;
}
.money-symbol {
  position: absolute !important;
  top: 41%;
  left: 32%;
  font-size: 14px;
  font-weight: 700;
}
.icon-end {
  position: absolute !important;
  top: 15px;
  right: 20px;
}
.icon-end1 {
  position: absolute !important;
  top: 40%;
  right: 20px;
}
.back-btn {
    left: 32px;
    padding: 3px 0 0 !important;
    position: fixed !important;
    top: 32px;
    z-index: 2;
}
.close-btn {
  position: absolute !important;
  right: 20px;
  top: 30px;
  z-index: 2;
  background-color: #cccccc63 !important;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.divider1 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  border-color: rgba(238, 238, 238, 1) !important;
}
.divider2 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  border-color: rgba(238, 238, 238, 1) !important;
  width: 24%;
}
.or-style {
  padding: 12px;
  color: #111;
}
.or-divider-holder {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  top: 70px;
}
.progress-color {
  width: 20px !important;
  height: 20px !important;
  margin-right: 10px !important;
  color: white !important;
}

.payment-disabled {
  background-color: rgba(0, 0, 0, 0.12) !important;
}
.err-input {
  border: 1px solid #FF3535 !important;
  box-shadow: 0px 2px 10px #00000029 !important;
}
.error-message {
  float: right;
  font-size: 12px !important;
  color: #FF3535;
  display: flex;
  margin-bottom: 5px !important;
}
.error-message1 {
  text-align: right;
  font-size: 12px !important;
  color: #FF3535;
}

.MuiList-root li {
  font-size: 12px !important;
  padding: 5px 10px;
  color: #000 !important;
  margin: 3px 3px;
  border-radius: 5px;
}
.MuiList-root li:hover {
  color: #000 !important;
}
.MuiList-root li.Mui-selected {
  background-color: #5D4294 !important;
  color: #fff !important;
}
.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: transparent !important;
  border-width: 0 !important;
  border-radius: 8px;
}
.select-input {
  width: 76px;
  font-size: 12px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(17, 17, 17, 0.5) !important;
  height: 32px;
  padding: 0;
}
.select-input:hover .MuiOutlinedInput-notchedOutline{
  border: 1px solid rgba(17, 17, 17, 0.5) !important;
  border-color: transparent !important;
}
.select-input-error {
  width: 76px;
  font-size: 12px !important;
  border-radius: 10px !important;
  height: 32px;
  padding: 0;
  border: 1px solid #FF3535 !important;
}
.MuiOutlinedInput-notchedOutline{
  border: 1px solid #FF3535 !important;
  border-color: transparent !important;
}
.image-over-text {
  padding-left: 30px;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 260px;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: flex-end;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  /* padding-bottom: 30px; */
}
.signIn-tab::-webkit-scrollbar {
  display: none; /* Hide scrollbar for WebKit browsers (Chrome, Safari, etc.) */
}
.signIn-tab {
  height: 85vh;
  overflow-y: scroll;
}
.input-checkbox .MuiCheckbox-root {
  padding-top: 0;
  padding-bottom: 0;
}
.input-checkbox .MuiSvgIcon-root {
  font-size: 20px !important;
}
.modal-upper-image {
  height: 255px;
  display: block;
  max-width: 500;
  overflow: hidden;
  width: 100%;

}
.give-popup .firebaseui-list-item button {
  border: 1px solid #11111180 !important;
  color: #11111180 !important;
  border-radius: 10px !important;
  background: #fff !important;
  text-transform: none !important;
  height: 48px !important;
  box-shadow: none;
}
.give-popup .firebaseui-list-item button:hover {
  background-color: rgb(17 17 17 / 4%) !important;
}

.give-popup .firebaseui-idp-list .firebaseui-list-item {
  display: inline-block;
}
.give-popup {
  position: relative;
  min-height: 170px;
}
.give-popup .firebaseui-idp-list {
  display: flex;
  flex-direction: column-reverse;
  margin: 0 !important;
}
.give-popup .firebaseui-idp-password {
  width: 100%;
  max-width: unset;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.give-popup li.firebaseui-list-item:nth-child(1) {
  position: absolute;
  top: 130px;
  left: 0;
  width: 100%;
}
.give-popup li.firebaseui-list-item:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0%;
  width: 48%;
}
.give-popup li.firebaseui-list-item:nth-child(3) {
  position: absolute;
  top: 0;
  right: 0%;
  width: 50%;
}
.give-popup .firebaseui-idp-text {
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  font-family: 'Albert Sans' !important;
  color: #111111BF !important;
  padding-left: 10px;
}
.give-form-check {
  display: flex;
}
.give-form-check input[type=checkbox] {
  height: 20px;
  width: 17px;
}
.give-form-check input {
  margin: 0;
  margin-right: 10px !important;
}






.tabs {
  list-style: none;
  display: flex;
}

.tabs li {
  cursor: pointer;
  padding: 10px 20px;
  background-color: #f2f2f2;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-right: 10px;
}

.tabs li.active {
  background-color: #007BFF;
  color: #fff;
}

.tab-pane {
  display: none;
}

.tab-pane.active {
  display: block;
}

.button-container {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.prev-button,
.next-button {
  padding: 10px 20px;
  cursor: pointer;
  background-color: #007BFF;
  color: #fff;
  border: none;
  border-radius: 5px;
}

.prev-button {
  position: absolute;
  left: 7px;
  top: 17px;
  z-index: 0;
  background-color: transparent !important;
  /* background-color: #cccccc63 !important; */
  padding: 8px;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: none !important;
}

label.checkbox-error{
  color: #FF3535;
}

input.checkbox-error[type="checkbox"] {
  box-shadow: 0 2px 10px #FF3535;
}

#new-fund-dialog .modal-dialog, #with-fund-dialog .modal-dialog {
  width: 500px;
  padding:0px;
}
#new-fund-dialog .modal-close, #with-fund-dialog .modal-close {
  top: 32px;
  right: 32px;
}
#new-fund-dialog .modal-close:focus span:after, #new-fund-dialog .modal-close:focus span:before, #new-fund-dialog .modal-close:hover span:after, #new-fund-dialog.modal-close:hover span:before,
#with-fund-dialog .modal-close:focus span:after, #with-fund-dialog .modal-close:focus span:before, #with-fund-dialog .modal-close:hover span:after, #with-fund-dialog.modal-close:hover span:before
 {
  background-color: white;
  opacity: 0.5;
}
#new-fund-dialog .modal-close:focus span:after, #new-fund-dialog .modal-close:focus span:before, #new-fund-dialog .modal-close:hover span:after, #new-fund-dialog .modal-close:hover span:after,
  #with-fund-dialog .modal-close:focus span:after, #with-fund-dialog .modal-close:focus span:before, #with-fund-dialog .modal-close:hover span:after, #with-fund-dialog .modal-close:hover span:after {
  background-color: white;
  opacity: 0.5;
}
.carousel-spacing .owl-stage{
    padding-top:10px;
}
.profile-icon{
    color:#111111;
    padding:3px 8px 3px 3px;
    justify-content: center;
    display: flex;
    font-size: 12px;
    font-weight: bold;
}

.amount-input{
border: 1px solid hsla(0,0%,7%,.5)!important;
    border-radius: 10px;
    box-sizing: border-box;
    font-family: Albert Sans;
    font-size: 14px!important;
    height: 48px;
    outline: none;
    padding: 16px;
    width: 100%;
}
.apply-btn{
background-color: #adadad!important;
    border-radius: 10px;
    box-shadow: none!important;
    box-sizing: border-box;
    height: 40px;
    padding: 16px;
    position: absolute!important;
    right: 5px;
    top: 4px;
}

.css-1hw9j7s {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: 0.02857em;
    text-transform: uppercase;
    min-width: 64px;
    padding: 6px 16px;
    border-radius: 4px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    color: rgb(255, 255, 255);
    background-color: #111 !important;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
}
.sub-head {
    font-size: 14px!important;
    line-height: 14px!important;
}
.lg-btn-text, .sub-head {
    font-family: Albert Sans!important;
    font-weight: 700!important;
    letter-spacing: -.05em!important;
}
.placeholder-text::placeholder {
    text-transform: none !important;
}
.apply-btn:hover {
    background-color: #473272 !important;
}

.icon-button__badge {
    position: absolute;
    top: -10px;
    right: -9px;
    width: auto;
    height: auto;
    background: #EFECF4;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 28%;
    font-size: 12px;
    padding: 2px;
}

.campaign-img {
  display: inline-block;
  overflow: hidden;
  position: sticky;
  width: 100%;
}

#givecard-success-campaign-image {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.camp-suc{
padding: 35px;
font-family: 'Albert Sans';
}
.font-givesome{
font-family: 'Albert Sans' !important;
}

#overlay_S {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.3);
  z-index: 2;
  cursor: pointer;
}


.closebtn_S {
  position: absolute;
  top: 0;
  left: 117px
  font-size: 36px !important;
  margin-left: 210px;
  font-size: 35px !important;
  transition: margin-left 0.3s ease;
  }

.no-breaking_S {
    white-space: nowrap;
}

.css-1yxmbwk {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    text-align: center;
    flex: 0 0 auto;
    font-size: 1.5rem;
    padding: 8px;
    border-radius: 50%;
    overflow: visible;
    color: rgba(0, 0, 0, 0.54);
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
<-- Search autocomplete -->

.container .searchInput{
  background: #fff;
  width: 100%;
  border-radius: 5px;
  position: relative;
  box-shadow: 0px 1px 5px 3px rgba(0,0,0,0.12);
}

.searchInput input{
  height: 55px;
  width: 100%;
  outline: none;
  border: none;
  border-radius: 5px;
  padding: 0 60px 0 20px;
  font-size: 18px;
  box-shadow: 0px 1px 5px rgba(0,0,0,0.1) !important;
}

.searchInput.active input{
  border-radius: 5px 5px 0 0;
}

.searchInput .result{
  padding: 0;
  opacity: 0;
  pointer-events: none;
  max-height: 119px;
  overflow-y: auto;
}

.searchInput.active .result{
  padding: 10px 8px;
  opacity: 1;
  pointer-events: auto;
  text-align: left;
  background: #fff;
}

.result li{
  list-style: none;
  padding: 8px 12px;
  display: none;
  width: 100%;
  cursor: default;
  border-radius: 3px;
}

.searchInput.active .result li{
  display: block;
}
.result li:hover{
  background: #efefef;
}

.searchInput .icon {
    position: absolute;
    right: 10px;
    top: -1px;
    height: 55px;
    width: 55px;
    text-align: center;
    line-height: 55px;
    font-size: 20px;
    color: #635582;
    cursor: pointer;
}
.image-resolution{
    width: 100%;height: 600px;object-fit: fill !important;border-radius: 0 !important;
}