/****BOOTSTRAP OVERRIDES****/

.alert-info {
  background: linear-gradient(0deg, rgba(167, 216, 216, 0.2), rgba(167, 216, 216, 0.2));
}


/**************** Common ******************/
body {
    color: #475757;
    font-family: "Mulish", sans-serif;
    font-size: 18px;
    line-height: 26px;
  }
  
  .cg-italic {
    font-family: "Mulish italic";
  }
  
  .font-rubik {
    font-family: "Rubik";
  }
  
  h1 {
    font-size: 64px !important;
    line-height: 72px !important;
    font-weight: 700 !important;
    font-family: "Rubik" !important;
    color: #001F1E !important;
    letter-spacing: -0.03em;
  }
  
  /*OLD H2 and H3 WERE WAY TOO BIG. COPIED H4 and H6 for better blog layout
  h2 {
    font-size: 64px !important;
    line-height: 72px !important;
    font-weight: 700 !important;
    font-family: "Rubik" !important;
    color: #001F1E !important;
    letter-spacing: -0.03em;
  }
  
  h3 {
    font-size: 54px !important;
    line-height: 64px !important;
    font-weight: 700 !important;
    font-family: "Rubik" !important;
    color: #001F1E !important;
    letter-spacing: -0.03em !important;
  }
  */
  
  h2 {
    font-size: 42px !important;
    line-height: 52px !important;
    font-weight: 700 !important;
    font-family: "Rubik" !important;
    color: #001F1E !important;
    letter-spacing: -0.03em !important;
  }
  
  h3 {
    font-size: 24px !important;
    line-height: 32px !important;
    font-weight: 700 !important;
    font-family: "Rubik" !important;
    color: #001F1E !important;
    letter-spacing: -0.02em !important;
  }
  h4 {
    font-size: 20px !important;
    line-height: 26px !important;
    font-weight: 700 !important;
    font-family: "Rubik" !important;
    color: #001F1E !important;
    letter-spacing: -0.02em !important;
  }

  h5 {
    font-size: 18px !important;
    line-height: 22px !important;
    font-weight: 700 !important;
    font-family: "Rubik" !important;
    color: #001F1E !important;
    letter-spacing: -0.03em !important;
  }
  h6 button {
    font-size: 20px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
    font-family: "Rubik" !important;
    color: #000000 !important;
    letter-spacing: -0.02em !important;
  }
  
  .font-16 {
    font-size: 16px !important;
    line-height: 24px !important;
  }
  
  .font-18 {
    font-size: 18px !important;
    line-height: 26px !important;
  }
  
  .font-20 {
    font-size: 20px !important;
    line-height: 24px !important;
  }
  
  .btn-one {
    font-weight: 700;
    color: #004E4D;
    border: 2px solid #004E4D;
    padding: 12px 40px;
    border-radius: 100px;
    line-height: 18px;
    box-shadow: 6px 6px 18px rgba(1, 122, 122, 0.1803921569);
    font-family: "Rubik";
  }
  .btn-one:hover {
    background-color: #004E4D;
    color: #ffffff;
    box-shadow: unset;
    background-image: unset;
  }
  .btn-sm.btn-one {
    padding: 6px 20px;
  }
  
  .btn-two {
    padding: 18px 74px;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    font-family: "Rubik";
    color: #ffffff;
    background-image: linear-gradient(118.95deg, #4DC0BF 27.03%, #009A98 64.97%);
    border-radius: 100px;
    border: 0;
    box-shadow: 8px 18px 48px rgba(1, 122, 122, 0.1411764706);
  }
  .btn-two:hover {
    color: #ffffff;
    background-image: linear-gradient(118.95deg, #009290 27.03%, #006362 64.97%);
    box-shadow: 8px 18px 48px rgba(1, 122, 122, 0.2392156863);
  }
  .btn-two:active, .btn-two:focus-visible {
    color: #ffffff !important;
  }
  
  .btn-three {
    width: 100%;
    max-width: 301px;
    height: 60px;
    padding: 18px 10px;
    border-radius: 110px;
    margin-top: 10px;
    background: linear-gradient(181.23deg, #FFFFFF -4.49%, #A8DADA 99.12%);
    box-shadow: 8px 18px 48px 0px rgba(1, 122, 122, 0.2392156863);
    font-family: "Rubik";
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    border: 0;
  }
  .btn-three:hover {
    background: linear-gradient(181.23deg, #D0F7F7 -6.12%, #77BABA 106.46%);
    box-shadow: 8px 18px 48px 0px rgba(1, 122, 122, 0.3411764706);
  }
  
  .btn-four {
    background-color: #47B3B2;
    color: #ffffff;
    border: 0;
    border-radius: 0 100px 100px 0;
    padding: 18px 48px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    font-family: "Rubik";
  }
  
  .btn-five {
    width: 232px;
    height: 43px;
    padding: 12px;
    border-radius: 100px;
    border: 2px solid #004E4D;
    color: #004E4D;
    font-family: "Rubik";
    font-weight: 700;
    font-size: 16px;
    line-height: 18.96px;
  }
  .btn-five:hover {
    background-color: #004E4D;
    color: #ffffff;
    box-shadow: unset;
  }
  .btn-five:active, .btn-five:focus-visible {
    color: #ffffff;
  }

  .btn-link {
    color: #47B3B2 !important;
    cursor: pointer;
  }
  .btn-link:hover {
    color: #001414 !important;
  }
  
  .pi-47 {
    padding-inline: 47px !important;
  }
  
  .pi-64 {
    padding-inline: 64px !important;
  }
  
  .pi-68 {
    padding-inline: 68px !important;
  }
  
  .pi-74 {
    padding-inline: 74px !important;
  }
  
  .mt-6 {
    margin-top: 6px !important;
  }
  
  .mb-18 {
    margin-bottom: 18px !important;
  }
  
  .mb-20 {
    margin-bottom: 20px !important;
  }
  
  .mb-70 {
    margin-bottom: 70px !important;
  }
  
  .mt-34 {
    margin-top: 34px;
  }
  
  .text-shadow {
    text-shadow: 0 0 0.3px #475757;
  }
  
  .color-primary {
    color: #47B3B2 !important;
  }
  
  .color-secondary {
    color: #001F1E !important;
  }
  
  .color-secondary2 {
    color: #475757 !important;
  }
  
  .color-white {
    color: #ffffff !important;
  }
  
  .color-black {
    color: #000000 !important;
  }
  
  .bg-white {
    background-color: #ffffff !important;
  }
  
  .bg-gradient {
    background-image: linear-gradient(118.95deg, #4DC0BF 27.03%, #009A98 64.97%) !important;
  }
  
  .border-primary {
    border: 1px solid #DAF0F0 !important;
  }
  
  .box-shadow-primary {
    box-shadow: 6px 6px 24px 0px rgba(0, 148, 147, 0.0588235294) !important;
  }
  
  a {
    text-decoration: none;
    color: #47B3B2;
  }
  
  .radius-10 {
    border-radius: 10px !important;
  }
  
  main#main {
    overflow-x: hidden;
    position: relative;
  }
  
  .bg-square::before {
    content: "";
    width: 164px;
    height: 168px;
    position: absolute;
    background-image: linear-gradient(to bottom, transparent, rgba(71, 179, 178, 0.1411764706));
    left: -82px;
    top: -73px;
  }
  
  .bg-right-square::after {
    content: "";
    width: 202px;
    height: 181px;
    position: absolute;
    background-image: linear-gradient(to left, transparent, rgba(71, 179, 178, 0.1411764706));
    right: -180px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: -1;
  }
  
  .bg-right-title-square::after {
    content: "";
    width: 170px;
    height: 174px;
    position: absolute;
    background: linear-gradient(268.81deg, rgba(71, 179, 178, 0.0784313725) -48.55%, rgba(255, 255, 255, 0) 85.44%);
    right: 60px;
    top: -40px;
    bottom: 0;
    margin: auto;
    z-index: -1;
  }
  
  .new-tag {
    width: 53px;
    height: 26px;
    padding: 4px 10px 4px 10px;
    border-radius: 31px;
    margin-left: 10px;
    background-image: linear-gradient(to right, #008180, #001E1E);
    font-family: "Rubik";
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: -0.02em;
    color: #ffffff;
    position: relative;
    top: -3px;
  }
  
  .inner-link {
    font-weight: 700;
    color: #47B3B2;
  }
  
  input[type=text]:focus-visible {
    outline: unset;
  }
  
  #main {
    margin-top: 1rem;
  }

  /**********JQUERY UI************/
  .ui-menu-item {
    background-color: #FFF;
    padding: 10px;
    border-bottom: 1px solid rgba(218, 240, 240, 1);
    cursor: pointer;
  }
  .ui-menu-item:hover {
    background-color: rgba(218, 240, 240, 1);
  }
  .ui-autocomplete {
    list-style-type: none;
    overflow: hidden;
    max-width: 380px;
    padding-left: 0;
    margin-left: 0;
    z-index: 1000;
    border: 1px solid rgba(218, 240, 240, 1);
  }
  .autocomplete-image-holder {
    width: 80px; 
    float: left; 
    margin-right: 10px;
  }
  .autocomplete-campaign-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  
  /*********************************************/
  /***************** Header *******************/
  /*******************************************/
  header {
    font-family: "Rubik";
    font-weight: 700;
    padding-inline: 10px;
  }
  header .navbar {
    padding-block: 24px;
    margin: 27px auto 0 !important;
    border-radius: 200px;
    background-color: #ffffff !important;
    box-shadow: 6px 10px 24px rgba(0, 148, 147, 0.0784313725);
  }
  header .navbar .container {
    padding-inline: 40px;
  }
  header .navbar .navbar-nav .nav-link {
    color: #001F1E;
    margin-inline: 1vw;
    position: relative;
    font-weight: 700;
  }
  header .navbar .navbar-nav .nav-link.active {
    color: #47B3B2;
    position: relative;
  }
  header .navbar .navbar-nav .nav-link.active::after {
    width: calc(100% - 16px);
  }
  header .navbar .navbar-nav .nav-link.show {
    color: #47B3B2;
    position: relative;
  }
  header .navbar .navbar-nav .nav-link.show::after {
    width: calc(100% - 16px);
  }
  header .navbar .navbar-nav .menu-item:hover .nav-link {
    color: #47B3B2;
    position: relative;
  }
  header .navbar .navbar-nav .menu-item:hover .nav-link::after {
    width: calc(100% - 16px);
  }
  header .navbar .navbar-nav .menu-item .nav-link::after {
    content: "";
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    height: 2px;
    width: 0;
    transition: 0.3s ease-in-out;
    background-color: #47B3B2;
    margin: auto;
  }
  header .navbar .navbar-nav .menu-item .nav-link.active::after {
    width: calc(100% - 16px);
  }
  
  /*********************************************/
  /****************** Footer ******************/
  /*******************************************/
  footer {
    background: linear-gradient(125.98deg, #004E4D 0.71%, #001414 91.65%);
    color: #ffffff;
  }
  footer .menu-item .nav-link::after {
    content: "";
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    height: 2px;
    width: 0;
    transition: 0.3s ease-in-out;
    background-color: #47B3B2;
    margin: auto;
    bottom: 0;
  }
  footer .menu-item:hover .nav-link::after {
    width: calc(100% - 32px);
  }
  footer a.nav-link {
    color: #ffffff;
    font-family: "Rubik";
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    position: relative;
  }
  footer a.nav-link:hover {
    color: #47B3B2;
  }
  footer a.nav-link:focus {
    color: #47B3B2;
  }
  footer .copyright-section {
    font-family: "Rubik";
  }
  footer .copyright-section a {
    color: #ffffff;
    font-size: 18px;
    line-height: 34px;
    position: relative;
  }
  footer .copyright-section a:hover {
    color: #47B3B2;
  }
  footer .copyright-section a:focus {
    color: #47B3B2;
  }
  footer .copyright-section li {
    color: #ffffff;
    font-size: 18px;
    line-height: 34px;
    position: relative;
    text-align: center;
  }
  footer .nav-item.active .nav-link::after {
    width: calc(100% - 32px);
  }
  footer .f-menu {
    border-style: solid;
    border-width: 1px 0px 1px 0px;
    border-color: #286464;
    background: linear-gradient(270deg, rgba(167, 216, 216, 0) 0%, rgba(180, 223, 223, 0.08) 49.57%, rgba(167, 216, 216, 0) 100%);
  }
  footer .menu.nav {
    -moz-column-gap: 14px;
         column-gap: 14px;
  }
  footer::before {
    display: none !important;
  }
  
  #footer .menu-item a[aria-current=page] {
    color: #47B3B2;
  }
  
  .f-subscribe-box {
    box-shadow: 6px 6px 18px 0px rgba(1, 122, 122, 0.1803921569);
    display: flex;
    justify-content: center;
    width: 90%;
    margin: auto;
    border-radius: 100px;
  }
  .f-subscribe-box input {
    border-radius: 100px 0 0 100px;
    border: 0;
    padding: 18px 48px;
    width: 100%;
    color: #475757;
  }
  .f-subscribe-box input::-moz-placeholder {
    color: #475757;
  }
  .f-subscribe-box input::placeholder {
    color: #475757;
  }
  
  .f-social-media span a {
    color: #fff;
  }
  
  .f-social-media {
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
  .f-social-media::after {
    content: "";
    background: linear-gradient(90deg, rgba(35, 70, 69, 0) 5.98%, #234645 34.84%, rgba(35, 70, 69, 0) 36.57%, rgba(35, 70, 69, 0) 51.56%, rgba(35, 70, 69, 0) 62.24%, #234645 65.26%, rgba(35, 70, 69, 0) 94.14%);
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  
  .copyright-section {
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
  .copyright-section li + li::before {
    content: "";
    position: absolute;
    left: -19px;
    width: 1px;
    height: calc(100% - 10px);
    background-color: #fff;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  
  .footer::before {
    content: "";
    position: absolute;
    background-image: url("../images/footer-bg-shape.png");
    background-size: cover;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  
  /*********************************************/
  /****************** Homepage ****************/
  /*******************************************/
  /******** Home Hero Section *******/
  .hero-content h1 {
    font-size: 84px !important;
    line-height: 86px !important;
    font-family: "Rubik" !important;
    font-weight: 700 !important;
    color: #001F1E !important;
    letter-spacing: -0.03em !important;
  }
  
  .hero-img-holder img {
    width: calc(100% + 120px);
    position: relative;
    right: 52px;
    z-index: -1;
  }
  
  section.home-hero-section [class*=col-]:first-child {
    position: relative;
    top: -10px;
  }
  
  /******** Featured Section *******/
  section.featured-section .inner-content-holder {
    padding: 39px 87px 41.4px 85px;
    max-width: 1058px;
  }
  section.featured-section h5 {
    margin-bottom: 11.38px;
  }
  
  h5.subtitle {
    font-weight: 500 !important;
    margin-bottom: 6px;
  }
  
  h2.title-two {
    margin-bottom: 18px;
  }
  
  /******** About Section *******/
  .about-img-holder img {
    position: relative;
    width: 100%;
    margin: auto;
    left: 0;
    right: 0;
    top: -50px;
  }
  
  section.about-section .about-content {
    margin-top: -8px;
  }
  section.about-section .about-content p.discription {
    margin-top: 17px;
  }
  
  .bg-circle::after {
    content: "";
    aspect-ratio: 1/1;
    width: calc(100% - 30px);
    position: absolute;
    top: -73px;
    border-radius: 100%;
    background-image: linear-gradient(to bottom, transparent, transparent, rgba(71, 179, 178, 0.2392156863));
    left: 0;
    right: 0;
    margin: auto;
  }
  
  .item-content-holder {
    max-width: 300px;
    border-radius: 10px;
    background-color: #ffffff;
    padding: 15px;
    margin: auto;
    position: relative;
    z-index: 1;
  }
  
  /******** Discover Section *******/
  .slide-title {
    font-family: "Rubik";
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.02em;
    text-align: center;
    color: #001F1E;
    margin-top: 21px;
    margin-bottom: 9px;
    height: 48px;
  }
  
  .slide-item .raise-meter {
    position: relative;
    margin: 4px 4px 0;
    float: left;
    text-align: center;
    font-size: 16px;
  }
  .slide-item .barOverflow {
    position: relative;
    overflow: hidden;
    width: 145px;
    height: 72.5px;
    margin-bottom: -14px;
  }
  .slide-item .bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 145px;
    height: 145px;
    border-radius: 50%;
    box-sizing: border-box;
    border: 37px solid #DAF0F0;
    border-bottom-color: #47B3B2;
    border-right-color: #47B3B2;
  }
  
  .meter-pin {
    width: 58px;
    height: 58px;
    margin: auto;
    box-shadow: 6px 6px 18px 0px rgba(1, 122, 122, 0.1803921569);
    border-radius: 100%;
    font-weight: 700;
    font-family: "Rubik";
    color: #001F1E;
    padding: 18px 5px;
    line-height: 15px;
    position: relative;
    top: -12px;
    background-color: #fff;
  }
  .meter-pin p {
    margin: 0;
    font-family: "Mulish", sans-serif;
    font-size: 10px;
    line-height: 12px;
    color: #475757;
    font-weight: 400;
  }
  
  .pin {
    width: 100%;
    aspect-ratio: 1/1;
    position: absolute;
    left: 1px;
    right: -1px;
    top: -6px;
    bottom: 0;
    margin: auto;
  }
  .pin::after {
    position: absolute;
    border-width: 50px 7px 0 7px;
    border-style: solid;
    border-color: #ffffff transparent transparent;
    top: 60%;
    content: "";
    transform: rotate(45deg);
    left: -100%;
    right: 56%;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
    bottom: -100%;
    width: 10px;
    height: 62px;
  }
  
  h5.money-raised {
    margin-top: -4px;
  }
  
  .item-footer {
    font-size: 14px;
    line-height: 18px;
    padding-block: 5px;
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
  
  section.discover-section .bg-square::before {
    top: -81px;
    left: -83px;
  }
  section.discover-section .bg-right-square::after {
    top: -8px;
  }
  section.discover-section .slick-slide .image-holder img {
    display: block;
    border-radius: 8px;
  }
  section.discover-section .slide-item-grid .slide-item .item-content-holder {
    min-height: 454px;
  }
  section.discover-section .slide-item-grid .slide-item .item-content-holder .item-content {
    position: relative;
  }
  section.discover-section .slide-item-grid .item-footer {
    bottom: -45px;
  }
  
  .head-title {
    max-width: 1097px;
    padding: 54px 108px 34px 70px;
    top: 2px;
    left: -2px;
  }
  
  #discover_slide {
    max-width: 1170px;
    margin: 35px auto 0;
  }
  
  /******** why FreeFunder Section *******/
  .why-freefunder-section .card::after {
    content: "";
    width: 1px;
    height: 165px;
    top: 15%;
    position: absolute;
    right: -13px;
    background-color: #DAF0F0;
    margin: auto;
  }
  .why-freefunder-section [class*=col-]:nth-child(3n) .card::after {
    display: none;
  }
  .why-freefunder-section .row {
    background-color: #ffffff;
    position: relative;
    z-index: 1;
  }
  .why-freefunder-section .row + .row {
    overflow: hidden;
  }
  
  section.why-freefunder-section .inner-content {
    max-width: 1140px;
    margin: auto;
  }
  
  /******** Success Stories Section *******/

  
  .Stories-section .slide-item .image-holder {
    position: relative;
    overflow: hidden;
    max-width: 270px;
    margin: auto;
    border-radius: 10px;
  }
  .Stories-section .item-content-holder {
    max-width: unset;
    background-color: unset;
    padding-inline: 14px;
  }
  .Stories-section .slide-item.bg-circle::after {
    opacity: 0;
  }
  
  .founded-tag {
    position: relative;
  }
  .founded-tag::after {
    content: "Funded";
    position: absolute;
    width: 170px;
    height: 32px;
    top: 6px;
    left: -27%;
    right: 50%;
    margin: auto;
    border: 1px solid;
    border-image-source: linear-gradient(247.75deg, rgba(0, 87, 85, 0) 46.8%, #44CECD 65.23%, rgba(0, 87, 85, 0) 83.25%);
    background-image: linear-gradient(247.75deg, rgba(0, 87, 85, 0) 46.8%, #44CECD 65.23%, rgba(0, 87, 85, 0) 83.25%);
    background-color: #47B3B2;
    font-family: "Rubik";
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.03em;
    color: #ffffff;
    transform: rotate(-28deg);
    padding-top: 4px;
  }
  
  .slide-discription p strong {
    color: #001F1E;
    font-family: "Rubik";
  }
  
  body.page-template-success-stories {
    text-shadow: 0.2px 0 0 #475757;
  }

  /*********************************************/
/************** Success Stories *************/
/*******************************************/
/******** Best Part *******/
.page-template-success-stories h1 {
  margin-top: 10px;
}
.page-template-success-stories .slide-item-grid .slide-item {
  max-width: 306px;
}
.page-template-success-stories .slide-item-grid .slide-item .item-content-holder {
  height: unset;
  margin-left: unset;
  max-width: 262px;
}
.page-template-success-stories .create-freefunder-section {
  margin-bottom: 50px;
}
.page-template-success-stories .completed-fundraisers-section .slide-item-content p.fst-italic {
  font-weight: 700;
  line-height: 24px;
  font-size: 16px;
  letter-spacing: -0.001em;
  margin-bottom: 18px;
}
.page-template-success-stories .slide-title {
  padding-inline: 10px;
}
.page-template-success-stories .item-content-holder h5.money-raised {
  margin-top: -5px;
}
.page-template-success-stories .bg-right-title-square::after {
  top: 20px;
  right: 55px;
}
.page-template-success-stories .slide-item-grid .slide-item .item-content-holder {
  min-height: 454px;
}
.page-template-success-stories .slide-item-grid .item-footer {
  bottom: 18px;
}

@media(max-width: 991.98){
  .page-template-success-stories .slide-item-grid .slide-item {
    max-width: unset;
  }
  .page-template-success-stories .slide-item-grid .slide-item .item-content-holder {
    max-width: 100%;
    margin: auto;
    min-height: unset;
    padding-bottom: 42px;
  }
  .page-template-success-stories .slide-item-grid .slide-item .item-content-holder .image-holder {
    max-width: unset;
  }
  .page-template-success-stories .slide-item-grid .slide-item .item-content-holder .image-holder img {
    width: 100%;
  }
  .page-template-success-stories .cf-card .slide-item-grid {
    justify-content: center;
  }
  .page-template-success-stories .cf-card .slide-item-grid [class*=col-] {
    padding: 6px 0 0;
  }
}
@media (max-width: 767.98px) {
  .page-template-success-stories .cf-card {
      padding: 16px 24px;
      margin-block: 16px;
  }
}
  
  /******** Create FreeFunder Section *******/
  .green-card {
    background-image: linear-gradient(264.36deg, #37BCBB 28.2%, #82D8D8 76.95%);
    background-color: unset;
    border-radius: 30px;
    position: relative;
    max-width: 1140px;
    min-height: 294px;
  }
  .green-card::before {
    content: "";
    position: absolute;
    background-image: url("../images/create-funder-bg-img.png");
    background-size: cover;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .green-card .card-title {
    font-size: 34px;
    line-height: 42px;
    font-weight: 700;
    font-family: "Rubik";
    color: #001F1E;
    letter-spacing: -0.03em;
  }
  
  .card-body p {
    color: #475757;
  }
  .card-body:has([aria-expanded=true]) .accordion-button:before {
    transform: rotate(0deg);
  }
  
  /******** FAQs Section *******/
  .faq-section .card {
    box-shadow: 6px 6px 24px 0px rgba(0, 148, 147, 0.0588235294);
    border-radius: 8px;
    transition: 0.3s ease-in-out;
  }
  .faq-section .card:has([aria-expanded=true]) {
    box-shadow: 6px 6px 48px 0px rgba(0, 148, 147, 0.1215686275);
  }
  
  .accordion-button {
    padding-right: 100px !important;
  }
  .accordion-button:after {
    width: 30px;
    height: 2px;
    background-color: #001F1E;
    position: absolute;
    right: 48px;
  }
  .accordion-button:before {
    content: "";
    width: 30px;
    height: 2px;
    background-color: #001F1E;
    transform: rotate(90deg);
    position: absolute;
    right: 48px;
    transition: 0.3s ease-in-out;
  }
  
  /*********************************************/
  /**************** Features Page *************/
  /*******************************************/
  /******** FreeFund Features Section *******/
  .page-template-features-page .Stories-section .mx-container {
    max-width: 1058px;
    margin-top: 4px;
  }
  .page-template-features-page .Stories-section .bg-right-square::after {
    right: -242px;
    top: -15px;
  }
  
  .features-section .title-holder p.discription {
    max-width: 639px;
    margin-inline: auto;
  }
  .features-section .bg-big-circle::before {
    bottom: unset;
    top: 7%;
  }
  .features-section .bg-right-title-square::after {
    right: 96px;
    top: -70px;
  }
  
  .card-two-holder .card {
    padding: 54px 15px 98px;
    border: 1px solid #DAF0F0;
    border-radius: 10px;
  }
  .card-two-holder .card .button-holder .btn {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: -moz-fit-content;
    width: fit-content;
    bottom: 54px;
    padding-block: 10px;
    min-height: 43px;
  }
  .card-two-holder .card h6.card-title {
    margin-bottom: 14px;
  }
  
  /*********************************************/
  /************* How It Works Page ************/
  /*******************************************/
  /******** Video Section *******/
  .video-thumb-img a {
    width: -moz-fit-content;
    width: fit-content;
  }
  .video-thumb-img a img {
    border-radius: 30px;
  }
  
  .playbutton {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 20vw;
    height: -moz-fit-content;
    height: fit-content;
    max-width: 132px;
  }
  
  section.how-it-works-section .bg-right-title-square::after {
    right: 53px;
    top: -20px;
  }
  section.how-it-works-section .green-card-two {
    max-width: 898px;
  }
  
  /******** Funding Steps Section *******/
  .series {
    font-family: "Mulish", sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 54px;
    background-image: linear-gradient(118.95deg, #4DC0BF 27.03%, #009A98 64.97%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 24px;
  }
  
  .card-three-holder .card {
    padding-inline: 32px;
  }
  .card-three-holder .title-holder {
    margin-bottom: 18px;
  }
  
  .bg-big-circle::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    max-width: 903px;
    aspect-ratio: 1/1;
    background: linear-gradient(315deg, rgba(255, 255, 255, 0) 26.02%, rgba(71, 179, 178, 0.0588235294) 55.16%, rgba(255, 255, 255, 0) 84.77%);
    border-radius: 100%;
    z-index: -1;
  }
  
  .green-card-two {
    background: linear-gradient(118.95deg, #4DC0BF 27.03%, #009A98 64.97%);
    padding: 34px 64px 34px 54px;
    border-radius: 18px;
    max-width: 934px;
  }
  .green-card-two .btn-three {
    width: 232px;
    height: 44px;
    padding-block: 10px;
  }
  
  .mx-container {
    max-width: 1140px;
    margin: auto;
  }
  
  /******** Discover Section *******/
  .page-template-how-it-works .discover-section .card-three-holder .title-holder h6 {
    margin-top: 34px;
    margin-bottom: 20px;
  }
  .page-template-how-it-works .discover-section .card-three-holder .card {
    padding-inline: 15;
  }
  .page-template-how-it-works .working-steps .row {
    max-width: 1137px;
  }
  
  .card-four-holder .card {
    box-shadow: 6px 6px 24px 0px rgba(0, 148, 147, 0.0588235294);
    border-radius: 8px;
  }
  .card-four-holder .card-title {
    background: linear-gradient(118.95deg, #4DC0BF 27.03%, #009A98 64.97%);
    border-radius: 8px 8px 0px 0px;
    min-height: 132px;
    display: flex;
    align-items: center;
  }
  .card-four-holder .card-body ul {
    list-style: none;
  }
  .card-four-holder .card-body ul li {
    line-height: 26px;
    margin-bottom: 30px;
  }
  .card-four-holder .card-body ul li::before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 3px;
    background-color: #47B3B2;
    left: -32px;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  
  /******** Faq boxes Section *******/
  .faq-box-holder .card-body {
    margin-top: 34px;
  }
  
  /*********************************************/
  /****************** FAQs Page ***************/
  /*******************************************/
  .page-template-faqs-page .bg-right-title-square::after {
    right: 0;
  }
  
  .faqtab_box .tab-list {
    list-style: none;
    display: flex;
    position: relative;
    border: 1px solid #DAF0F0;
    max-width: 586px;
    width: 100%;
    height: 80px;
    align-items: center;
    justify-content: space-between;
    margin: auto;
    padding: 10px;
    z-index: 0;
    background: #fff;
    border-radius: 400px;
    box-shadow: 6px 6px 24px rgba(0, 148, 147, 0.06);
  }
  .faqtab_box .tab-list::before {
    content: "";
    display: block;
    height: 60px;
    width: 224px;
    position: absolute;
    transition: 0.3s;
    padding: 19px 31px 18px;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    font-family: "Rubik";
    border-radius: 400px;
    background: linear-gradient(119deg, #4DC0BF 27.03%, #009A98 64.97%);
    border: 0;
    box-shadow: 8px 18px 48px rgba(1, 122, 122, 0.1411764706);
    z-index: -1;
    transition: 0.3s ease-in-out;
  }
  .faqtab_box .tab-trigger {
    text-align: center;
    font-family: "Rubik";
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: -0.48px;
    padding: 12px;
    cursor: pointer;
  }
  .faqtab_box .tab-item {
    text-align: center;
    transition: 0.3s;
    width: 224px;
    color: #001F1E;
  }
  .faqtab_box .tab-toggle {
    display: none;
  }
  .faqtab_box .tab-toggle:nth-child(2):checked ~ .tab-list::before {
    transform: translateX(150%);
  }
  .faqtab_box .tab-toggle:nth-child(2):checked ~ .tab-list .tab-item:nth-child(2) .tab-trigger {
    color: #fff;
  }
  .faqtab_box .tab-toggle:nth-child(2):checked ~ .faq-tab-container .tab-content:nth-child(2) {
    display: block;
  }
  .faqtab_box .tab-toggle:nth-child(1):checked ~ .tab-list .tab-item:nth-child(1) {
    color: #fff;
  }
  .faqtab_box .tab-toggle:nth-child(1):checked ~ .faq-tab-container .tab-content:nth-child(1) {
    display: block;
  }
  .faqtab_box .tab-content {
    display: none;
  }
  
  .faq-tab-container .bg-big-circle::before {
    background: linear-gradient(320.16deg, rgba(255, 255, 255, 0) 26.19%, #47B3B2 46.34%, rgba(255, 255, 255, 0) 66.81%);
    opacity: 0.06;
    bottom: auto;
    top: -180px;
  }
  
  /*********************************************/
  /**************** Discover Page *************/
  /*******************************************/
  /******** Sidebar *******/
  .searchbar-holder {
    padding: 18px 20px;
    border: 1px solid #DAF0F0;
    border-radius: 4px;
    height: 60px;
  }
  
  .sidebar .accordion button {
    padding: 16px 20px;
    background: linear-gradient(118.95deg, #4DC0BF 27.03%, #009A98 64.97%);
    border-radius: 8px;
  }
  .sidebar .accordion button::after {
    content: "";
    position: absolute;
    border-width: 3px 3px 0 0;
    border-style: solid;
    border-color: #ffffff;
    width: 10px;
    height: 10px;
    aspect-ratio: 1/1;
    right: 25px;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: rotate(315deg);
  }
  .sidebar .accordion button[aria-expanded=true] {
    border-radius: 8px 8px 0 0;
  }
  .sidebar .accordion button[aria-expanded=true]::after {
    transform: rotate(135deg);
  }
  .sidebar .accordion .accordion-body {
    border: 1px solid #DAF0F0;
    border-radius: 0 0 8px 8px;
    padding: 10px 10px 24px;
  }
  .sidebar .accordion .accordion-body ul li {
    padding: 10px;
    transition: 0.3s ease-in-out;
  }
  .sidebar .accordion .accordion-body ul li:hover {
    background-color: rgba(218, 240, 240, 0.6392156863);
    border-radius: 3px;
  }
  .sidebar .accordion .accordion-body ul li:hover a {
    color: #47B3B2;
  }
  .sidebar .accordion .accordion-body ul li.active {
    background-color: rgba(218, 240, 240, 0.6392156863);
    color: #47B3B2;
  }
  .sidebar .accordion .accordion-body ul li a {
    display: block;
    color: #000000;
    transition: 0.3s ease-in-out;
  }
  
  /******** discover-grid *******/
  .slide-item-grid .slide-item {
    padding-inline: 15px;
    position: relative;
  }
  .slide-item-grid .slide-item .item-content-holder {
    box-shadow: 0px 0px 34px 0px rgba(0, 148, 147, 0.1019607843);
    background-color: #ffffff;
    border-radius: 10px;
    max-width: unset;
    height: 100%;
    min-height: 461px;
    padding: 25px 25px 50px;
  }
  .slide-item-grid .slide-item .item-content-holder .image-holder {
    border-radius: 10px;
    overflow: hidden;
    max-width: 207px;
    margin: auto;
  }
  .slide-item-grid .item-footer {
    -moz-column-gap: 20px;
         column-gap: 20px;
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    font-size: 12px;
    line-height: 16px;
  }
  
  .successfulCampaigns-slider .slide-item {
    box-shadow: 0px 0px 34px 0px rgba(0, 148, 147, 0.1019607843);
    background-color: #ffffff;
    border-radius: 10px;
    max-width: unset;
    height: 100%;
    min-height: 461px;
    padding: 25px 25px 70px;
    box-shadow: unset;
    padding: 25px 12px 70px;
  }
  .successfulCampaigns-slider .slide-item .item-content-holder .image-holder {
    border-radius: 10px;
    overflow: hidden;
    max-width: 207px;
    margin: auto;
  }
  .successfulCampaigns-slider .item-footer {
    -moz-column-gap: 20px;
         column-gap: 20px;
    position: absolute;
    bottom: -40px;
    left: 0;
    right: 0;
    font-size: 12px;
    line-height: 16px;
  }
  .successfulCampaigns-slider .slick-list {
    box-shadow: 0px 0px 34px 0px rgba(0, 148, 147, 0.1019607843);
    border-radius: 10px;
  }
  
  /*********************************************/
  /****************** Blog Page ***************/
  /*******************************************/
  .page-template-blog .recentCampaigns-list .recent-content span a {
    color: #475757;
  }
  .page-template-blog .bg-right-title-square::after {
    top: -14px;
    right: 46px;
  }
  
  .social_media_main {
    border-radius: 8px;
    padding: 4px 0px 8px 0px;
    background: var(--primary_clr-01, #47B3B2);
    box-shadow: 0px 0px 34px 0px rgba(0, 148, 147, 0.04);
    gap: 20px;
    min-height: 81px;
  }
  .social_media_main li {
    list-style: none;
  }
  
  .author_image_text {
    padding-top: 34px;
  }
  
  .author_image {
    width: 160px;
    height: 212px;
    overflow: hidden;
  }
  .author_image img {
    -o-object-fit: cover;
       object-fit: cover;
  }
  
  .author_johntext:after {
    position: absolute;
    content: "";
    background: var(--lighter_shd-94, #DAF0F0);
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
  }
  
  .spacing-line {
    width: 64px;
    height: 1px;
    background: #DAF0F0;
  }
  
  .mb-40 {
    margin-bottom: 40px !important;
  }
  
  section.blog-pageSection {
    position: relative;
  }
  section.blog-pageSection .row {
    gap: 60px;
    margin: 0px;
  }
  section.blog-pageSection .row [class*=col-] {
    padding: 0px;
  }
  section.blog-pageSection .row [class*=col-]:first-child {
    width: calc(75% - 97px);
  }
  section.blog-pageSection nav.blog-navigation li + li {
    margin-left: 10px;
  }
  section.blog-pageSection nav.blog-navigation .page-link {
    border: 0px !important;
    color: #000;
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0px;
    text-align: center;
    border-radius: 50%;
    font-size: 18px;
  }
  section.blog-pageSection nav.blog-navigation .page-item:hover .page-link {
    background: #47B3B2;
    background-image: linear-gradient(to right, #4DC0BF, #009A98);
    color: #ffffff;
  }
  section.blog-pageSection nav.blog-navigation .page-item.active .page-link {
    background: #47B3B2;
    background-image: linear-gradient(to right, #4DC0BF, #009A98);
    color: #ffffff;
  }
  section.blog-pageSection .container > .row {
    max-width: 1140px;
    margin-inline: auto;
    justify-content: space-between !important;
    margin-top: 6px;
  }
  section.blog-pageSection .blog-sidebar > .blog-innerSidebar > .recentCampaigns-list > ul {
    padding: 10px;
  }
  section.blog-pageSection .blog-sidebar > .blog-innerSidebar > .recentCampaigns-list > .heading-three {
    padding: 20px 30px;
  }
  section.blog-pageSection .blog-sidebar > .blog-innerSidebar > .category-list > .heading-three {
    padding: 20px 30px;
  }
  
  ul.blog-list {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
  }
  ul.blog-list > li {
    flex: 0 0 100%;
    max-width: calc(50% - 30px);
  }
  
  .blog-card {
    border: 0px;
  }
  .blog-card .blogCard-inner .blogCard-img {
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    margin-bottom: 25px;
  }
  .blog-card .blogCard-inner .blogCard-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    max-height: 235px;
  }
  .blog-card .blogCard-inner .blogCard-img .blogTag-list {
    font-size: 16px;
    margin-bottom: 25px;
  }
  .blog-card .blogCard-inner .blogCard-content .blog-title {
    font-size: 30px !important;
    line-height: 1.25 !important;
    margin-bottom: 25px !important;
    /* overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    */
  }
  .blog-card .blogCard-inner .blogCard-content .blog-shortDiscription {
    margin-bottom: 50px;
    max-width: 338px;
    max-width: 338px;
    color: #475757;
  }
  
  .blog-sidebar > .blog-innerSidebar > .recentCampaigns-list > ul {
    border: 1px solid #DAF0F0;
    padding: 25px;
    margin: 0px;
    list-style: none;
    border-radius: 0px 0px 6px 6px;
    box-shadow: 6px 6px 24px 0px rgba(0, 148, 147, 0.06);
  }
  .blog-sidebar > .blog-innerSidebar > .recentCampaigns-list > ul > li > a {
    padding: 10px;
    display: flex;
  }
  .blog-sidebar > .blog-innerSidebar > .recentCampaigns-list > ul > li > a:hover {
    background-color: #DAF0F0;
    color: #47B3B2;
    border-radius: 5px;
  }
  .blog-sidebar > .blog-innerSidebar > .recentCampaigns-list > ul > li > a > .recent-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    flex: 0 0 100%;
    max-width: 90px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    max-height: 70px;
  }
  .blog-sidebar > .blog-innerSidebar > .recentCampaigns-list > ul > li > a + li {
    margin-top: 10px;
  }
  .blog-sidebar > .blog-innerSidebar > .recentCampaigns-list > ul > li > a > .recent-content {
    flex: 0 0 100%;
    max-width: calc(100% - 90px);
    padding-left: 15px;
    font-size: 16px;
    line-height: 1.25;
  }
  .blog-sidebar > .blog-innerSidebar > .recentCampaigns-list > ul > li > a > .recent-content > p > span {
    display: block;
    color: #475757;
  }
  .blog-sidebar > .blog-innerSidebar > .recentCampaigns-list > ul > li > a > .recent-content > p > strong {
    display: block;
    color: #000000;
  }
  .blog-sidebar > .blog-innerSidebar > .recentCampaigns-list > ul > li > a > .recent-content a.nav-link {
    line-height: 24px;
    line-height: 24px;
  }
  .blog-sidebar > .blog-innerSidebar > .recentCampaigns-list > .heading-three {
    background-color: #47B3B2;
    color: #ffffff !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    padding: 20px 20px;
    line-height: 1 !important;
    border-radius: 6px 6px 0px 0px;
    margin: 0px;
  }
  .blog-sidebar > .blog-innerSidebar > .category-list > .heading-three {
    background-color: #47B3B2;
    color: #ffffff !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    padding: 20px 20px;
    line-height: 1 !important;
    border-radius: 6px 6px 0px 0px;
    margin: 0px;
  }
  .blog-sidebar > .blog-innerSidebar > .category-list > ul {
    border: 1px solid #DAF0F0;
    padding: 25px;
    margin: 0px;
    list-style: none;
    border-radius: 0px 0px 6px 6px;
    box-shadow: 6px 6px 24px 0px rgba(0, 148, 147, 0.06);
  }
  .blog-sidebar > .blog-innerSidebar > .category-list > ul > li > a {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    display: block;
    padding: 10px 16px;
  }
  .blog-sidebar > .blog-innerSidebar > .category-list > ul > li:hover {
    background-color: #DAF0F0;
    color: #47B3B2;
    border-radius: 3px;
  }
  .blog-sidebar > .blog-innerSidebar > .successfulCampaigns-list > .heading-three {
    background-color: #47B3B2;
    color: #ffffff !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    padding: 20px 20px;
    line-height: 1 !important;
    border-radius: 6px 6px 0px 0px;
    margin: 0px;
  }
  .blog-sidebar > .blog-innerSidebar > .successfulCampaigns-list .successfulCampaigns-innerContainer {
    border: 1px solid #DAF0F0;
    padding: 25px;
    margin: 0px;
    list-style: none;
    border-radius: 0px 0px 6px 6px;
    box-shadow: 6px 6px 24px 0px rgba(0, 148, 147, 0.06);
  }
  .blog-sidebar > .blog-innerSidebar > .successfulCampaigns-list .successfulCampaigns-innerContainer .btn-two {
    padding-left: 12px;
    padding-right: 12px;
    width: 100%;
  }
  .blog-sidebar > .blog-innerSidebar > .successfulCampaigns-list .successfulCampaigns-slider > .successful-card {
    position: relative;
    padding: 20px;
    box-shadow: 0px 0px 34px rgba(0, 148, 147, 0.1);
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .blog-sidebar > .blog-innerSidebar > .successfulCampaigns-list .successfulCampaigns-slider > .successful-card h4 {
    font-size: 20px !important;
    line-height: 1.25 !important;
  }
  .blog-sidebar > .blog-innerSidebar > .successfulCampaigns-list .successfulCampaigns-slider > .successful-card > h2 {
    font-size: 30px !important;
    line-height: 1 !important;
    margin-top: -40px;
  }
  .blog-sidebar > .blog-innerSidebar > .successfulCampaigns-list .successfulCampaigns-slider > .successful-card > ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
    display: flex;
    font-size: 12px;
    gap: 25px;
  }
  .blog-sidebar > .blog-innerSidebar > .successfulCampaigns-list .successfulCampaigns-slider > .successful-card > ul > li > img {
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
  }
  
  header.entry-header::before {
    display: none !important;
  }
  
  /**********************************************/
  /******************Blog Detail ****************/
  /*********************************************/
  .single-post .post img {
    height: auto;
    max-width: 100%;
    width: 100%;
  }
  .single-post .entry-content p a {
    font-weight: 700;
  }
  .single-post img {
    max-width: 100%;
  }
  .single-post .post-thumbnail {
    border-radius: 8px;
    overflow: hidden;
  }
  .single-post .post-thumbnail img {
    height: auto;
    max-width: 100%;
    width: 100%;
  }
  .single-post .entry-header .entry-meta {
    font-family: "Mulish", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    color: #475757;
  }
  .single-post .entry-header .entry-meta a {
    font-family: "Mulish", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    color: #475757;
  }
  .single-post .blog-sidebar > .blog-innerSidebar > .category-list > ul {
    padding: 10px 10px;
  }
  .single-post .blog-sidebar > .blog-innerSidebar > .category-list > .heading-three {
    padding: 20px 30px;
  }
  .single-post .blog-sidebar > .blog-innerSidebar > .recentCampaigns-list > ul {
    padding: 24px 20px 30px 20px;
  }
  .single-post .blog-sidebar > .blog-innerSidebar > .recentCampaigns-list > .heading-three {
    padding: 20px 30px;
  }
  
  ul.slick-dots {
    list-style: none;
    padding: 0;
    display: flex !important;
    justify-content: center;
    margin-top: 20px;
    -moz-column-gap: 10px;
         column-gap: 10px;
    margin-bottom: 0;
  }
  ul.slick-dots li button {
    font-size: 0;
    width: 7px;
    height: 7px;
    padding: 0;
    border-radius: 50%;
    background-color: #D9E7E7;
    border: 2px solid #fff;
    transition: 0.3s ease-in-out;
    box-sizing: content-box;
  }
  ul.slick-dots li.slick-active button {
    background-color: #47B3B2;
    border-color: #47B3B2;
  }
  
  .blog-pageSection .blog-sidebar > .blog-innerSidebar > .category-list > ul {
    padding: 20px;
  }
  
  .pd-list {
    padding: 18px 0 0 44px !important;
  }
  .pd-list li {
    position: relative;
    margin-bottom: 10px;
  }
  .pd-list li::before {
    content: "";
    width: 8px;
    height: 8px;
    background-color: #001F1E;
    position: absolute;
    border-radius: 50%;
    left: -21px;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  
  .share-it-pannel {
    padding-top: 58px;
    padding-bottom: 26px;
  }
  .share-it-pannel .social_media_main a {
    transition: 0.3s ease-in-out;
    border-radius: 50%;
  }
  .share-it-pannel .social_media_main a:hover {
    background-color: #fff;
  }
  .share-it-pannel .social_media_main a:hover svg path {
    fill: #47B3B2;
  }
  
  /*********************************************/
  /*************** Contact Us Page ************/
  /*******************************************/
  /******** Sidebar *******/
  .sidebar-title {
    padding: 24px 20px;
    border-radius: 8px 8px 0 0;
  }
  
  .faq-sidebar .accordion-button:before {
    display: none;
  }
  .faq-sidebar .accordion-button:after {
    display: none;
  }
  .faq-sidebar h6 .accordion-button {
    padding: 0 !important;
  }
  .faq-sidebar .card-body {
    padding: 26px 30px !important;
  }
  .faq-sidebar .faq-holder {
    box-shadow: 6px 6px 18px 0px rgba(0, 148, 147, 0.031372549);
    border: 1px solid #DAF0F0;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
  }
  .faq-sidebar .faq-holder .card {
    border-top: 1px solid #DAF0F0 !important;
    border-radius: 0;
  }
  
  /******** Contact Form *******/
  .contact-form-section {
    padding-block: 54px;
    border: 1px solid #DAF0F0;
    border-radius: 8px;
    box-shadow: 6px 6px 24px 0px rgba(0, 148, 147, 0.0784313725);
  }
  .contact-form-section .social-link {
    padding-top: 20px;
    padding-bottom: 26px;
    border-width: 1px 0px 1px 0px;
    border-style: solid;
    border-color: #DAF0F0;
  }
  .contact-form-section .form-content .gf_browser_chrome {
    max-width: 612px;
    width: 100%;
  }
  .contact-form-section .form-content .gf_browser_chrome .gfield_label {
    font-family: "Rubik";
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: -0.02em;
    color: #000000;
    margin-bottom: 17px;
    font-style: normal;
  }
  .contact-form-section .gform_wrapper.gravity-theme .gfield_required {
    font-size: 0;
  }
  .contact-form-section .gform_wrapper.gravity-theme .gfield_required::before {
    font-family: "Rubik";
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: -0.02em;
    color: #000000;
    margin-bottom: 17px;
    font-style: normal;
  }
  .contact-form-section .gform_wrapper.gravity-theme .gfield_required_text::before {
    content: "*";
  }
  .contact-form-section .gform_wrapper.gravity-theme .gfield input {
    border: 1px solid #DAF0F0;
    border-radius: 3px;
    padding: 15px 24px;
    font-size: 18px;
    line-height: 26px;
    box-shadow: 6px 6px 34px 0px rgba(0, 148, 147, 0.0784313725);
  }
  .contact-form-section .gform_wrapper.gravity-theme .gfield input::-moz-placeholder {
    color: #AFBBCB;
  }
  .contact-form-section .gform_wrapper.gravity-theme .gfield input::placeholder {
    color: #AFBBCB;
  }
  .contact-form-section .gform_wrapper.gravity-theme .gfield textarea {
    border: 1px solid #DAF0F0;
    border-radius: 3px;
    padding: 15px 24px;
    font-size: 18px;
    line-height: 26px;
    box-shadow: 6px 6px 34px 0px rgba(0, 148, 147, 0.0784313725);
  }
  .contact-form-section .gform_wrapper.gravity-theme .gfield textarea::-moz-placeholder {
    color: #AFBBCB;
  }
  .contact-form-section .gform_wrapper.gravity-theme .gfield textarea::placeholder {
    color: #AFBBCB;
  }
  .contact-form-section .gform_wrapper.gravity-theme .gfield textarea.large {
    height: 198px;
    resize: none;
  }
  .contact-form-section .gform_wrapper.gravity-theme .gform_fields {
    grid-row-gap: 30px;
  }
  .contact-form-section .gform_wrapper.gravity-theme .gform_footer {
    padding-bottom: 0;
  }
  .contact-form-section .gform_wrapper.gravity-theme .gform_footer input {
    border-radius: 125px;
    background: linear-gradient(118.95deg, #4DC0BF 27.03%, #009A98 64.97%);
    border: 0;
    color: #ffffff;
    font-family: "Rubik";
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    padding: 24px 68px;
    margin-top: 34px;
    margin-bottom: 0;
    transition: 0.3s ease-in-out;
  }
  .contact-form-section .gform_wrapper.gravity-theme .gform_footer input:hover {
    background: linear-gradient(118.95deg, #009290 27.03%, #006362 64.97%);
  }
  
  /*********************************************/
  /************** Success Stories *************/
  /*******************************************/
  /******** Best Part *******/
  .page-template-success-stories h1 {
    margin-top: 10px;
  }
  .page-template-success-stories .slide-item-grid .slide-item {
    max-width: 306px;
  }
  .page-template-success-stories .slide-item-grid .slide-item .item-content-holder {
    height: unset;
    margin-left: unset;
    max-width: 262px;
  }
  .page-template-success-stories .create-freefunder-section {
    margin-bottom: 50px;
  }
  .page-template-success-stories .completed-fundraisers-section .slide-item-content p.fst-italic {
    font-weight: 700;
    line-height: 24px;
    font-size: 16px;
    letter-spacing: -0.001em;
    margin-bottom: 18px;
  }
  .page-template-success-stories .slide-title {
    padding-inline: 10px;
  }
  .page-template-success-stories .item-content-holder h5.money-raised {
    margin-top: -5px;
  }
  .page-template-success-stories .bg-right-title-square::after {
    top: 20px;
    right: 55px;
  }
  .page-template-success-stories .slide-item-grid .slide-item .item-content-holder {
    min-height: 454px;
  }
  .page-template-success-stories .slide-item-grid .item-footer {
    bottom: 18px;
  }
  
  .bp-container-holder {
    max-width: 859px;
  }
  
  .best-part-content {
    padding: 30px 34px;
  }
  .best-part-content p {
    padding-left: 38px;
  }
  
  .square-mark::before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 3px;
    background-color: #47B3B2;
    left: 0;
    top: 6px;
  }
  
  .cf-container {
    max-width: 1067px;
  }
  
  .cf-card {
    background: linear-gradient(130.26deg, rgba(228, 247, 247, 0.54) 0.5%, rgba(218, 240, 240, 0.216) 45.31%, rgba(230, 247, 247, 0.54) 99.16%);
    border-radius: 18px;
    padding: 78px;
    margin-block: 16px;
  }
  
  .fundraiser-cat {
    background: linear-gradient(118.95deg, #4DC0BF 27.03%, #009A98 64.97%);
    padding: 34px 30px;
    border-radius: 8px;
    gap: 8px;
  }
  .fundraiser-cat .fc-title {
    font-family: "Rubik";
    font-size: 28px;
    font-style: italic;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: -0.03em;
  }
  .fundraiser-cat span {
    background: transparent;
    width: 100%;
    max-width: 256px;
    height: 1px;
    display: block;
    margin-top: 18px;
    margin-bottom: 14px;
    margin-inline: auto;
  }
  .fundraiser-cat a {
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    color: #fff;
    border: 2px solid #fff;
    padding: 12px 40px;
    border-radius: 100px;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
    position: relative;
    z-index: 9;
    transition: 0.3s ease-in-out;
  }
  .fundraiser-cat a:hover {
    background-color: #ffffff;
    color: #47B3B2;
  }
  .fundraiser-cat p {
    margin-bottom: 2px;
  }
  .fundraiser-cat::before {
    content: "";
    position: absolute;
    background: linear-gradient(329.63deg, #47B3B2 4.47%, rgba(255, 255, 255, 0) 64.76%);
    width: 316px;
    height: 316px;
    opacity: 0.14;
    border-radius: 100%;
    left: -15%;
    top: -35%;
  }
  .fundraiser-cat::after {
    content: "";
    position: absolute;
    background: linear-gradient(329.63deg, #47B3B2 4.47%, rgba(255, 255, 255, 0) 64.76%);
    width: 316px;
    height: 316px;
    bottom: 10%;
    left: 30%;
    opacity: 0.2;
    border-radius: 100%;
  }
  
  .successfulCampaigns-list .item-content-holder {
    padding: 0;
  }
  
  .slide-item-content {
    border-radius: 10px;
    border: 1px solid var(--lighter_shd-94, #DAF0F0);
    background: var(--white, #FFF);
    box-shadow: 6px 6px 24px 0px rgba(0, 148, 147, 0.06);
    max-width: 621px;
  }
  .slide-item-content b {
    font-family: "Rubik";
    letter-spacing: -0.4px;
  }
  
  .completed-fundraisers-section .row:last-child .cf-card {
    margin-bottom: 2px;
  }
  
  .inner-container-holder {
    max-width: 798px;
    margin: auto;
    padding: 78px 118px;
    border-radius: 8px;
    border: 1px solid #DAF0F0;
    background-color: #ffffff;
    box-shadow: 6px 6px 24px 0px rgba(0, 148, 147, 0.0784313725);
  }
  
  /*********************************************/
  /**************** Login Page ***************/
  /*******************************************/
  .logintab_box .tab-list {
    list-style: none;
    display: flex;
    position: relative;
    border: 1px solid #DAF0F0;
    max-width: 586px;
    width: 100%;
    height: 80px;
    align-items: center;
    justify-content: space-between;
    margin: auto;
    padding: 10px;
    z-index: 0;
    background: #fff;
    border-radius: 400px;
    box-shadow: 6px 6px 24px rgba(0, 148, 147, 0.06);
  }
  .logintab_box .tab-list::before {
    content: "";
    display: block;
    height: 60px;
    width: 224px;
    position: absolute;
    transition: 0.3s;
    padding: 19px 31px 18px;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    font-family: "Rubik";
    border-radius: 400px;
    background: linear-gradient(119deg, #4DC0BF 27.03%, #009A98 64.97%);
    border: 0;
    box-shadow: 8px 18px 48px rgba(1, 122, 122, 0.1411764706);
    z-index: -1;
    transition: 0.3s ease-in-out;
    left: 10px;
    right: unset;
    max-width: 189.99px;
    height: 51.6px;
    width: 100%;
    box-shadow: unset;
  }
  .logintab_box .tab-trigger {
    text-align: center;
    font-family: "Rubik";
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: -0.48px;
    padding: 12px;
    cursor: pointer;
    max-width: 189.99px;
    height: 51.6px;
    width: 100%;
    box-shadow: unset;
    padding: 10px;
  }
  .logintab_box .tab-item {
    text-align: center;
    transition: 0.3s;
    width: 224px;
    color: #001F1E;
    max-width: 189.99px;
    height: 51.6px;
    width: 100%;
    box-shadow: unset;
  }
  .logintab_box .tab-toggle {
    display: none;
  }
  .logintab_box .tab-toggle:nth-child(1):checked ~ .tab-list .tab-item:nth-child(1) {
    color: #fff;
    max-width: 189.99px;
    height: 51.6px;
    width: 100%;
    box-shadow: unset;
  }
  .logintab_box .tab-toggle:nth-child(1):checked ~ .login-tab-container .tab-content:nth-child(1) {
    display: block;
  }
  .logintab_box .tab-toggle:nth-child(2):checked ~ .tab-list .tab-item:nth-child(2) .tab-trigger {
    color: #fff;
    max-width: 189.99px;
    height: 51.6px;
    width: 100%;
    box-shadow: unset;
  }
  .logintab_box .tab-toggle:nth-child(2):checked ~ .tab-list::before {
    right: 10px;
    left: unset;
  }
  .logintab_box .tab-toggle:nth-child(2):checked ~ .login-tab-container .tab-content:nth-child(2) {
    display: block;
  }
  .logintab_box .tab-content {
    display: none;
  }
  .logintab_box ul.tab-list {
    margin-top: 8.6px !important;
    margin-bottom: 0 !important;
    max-width: 497px;
    height: 68.8px;
  }
  
  .login-page .discription {
    margin-block: 30px;
  }
  
  .password-reset-page .discription {
    margin-block: 30px;
  }
  .password-reset-page form.account-form {
    padding-top: 3px;
  }
  
  .bg-line-shape {
    z-index: 1;
  }
  .bg-line-shape::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #DAF0F0;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    z-index: 0;
  }
  
  .social-login p.title {
    background-color: #ffffff;
    width: -moz-fit-content;
    width: fit-content;
    margin: 50px auto 0;
    padding: 12px 34px;
  }
  
  .social-login-icon ul {
    -moz-column-gap: 18px;
         column-gap: 18px;
    margin-top: 11px;
  }
  .social-login-icon ul li a {
    width: 36px;
    height: 36px;
  }
  
  form.account-form ul li {
    margin-top: 30px;
  }
  form.account-form ul li h6 {
    margin-bottom: 17px;
  }
  form.account-form ul li input:not(input[type=submit]) {
    padding: 16px 24px;
    border: 1px solid #DAF0F0;
    width: 100%;
    border-radius: 3px;
    box-shadow: 6px 6px 34px 0px rgba(0, 148, 147, 0.0784313725);
    max-height: 198px;
  }
  form.account-form ul li input::-moz-placeholder {
    color: #AFBBCB;
  }
  form.account-form ul li input::placeholder {
    color: #AFBBCB;
  }
  form.account-form ul li textarea {
    padding: 16px 24px;
    border: 1px solid #DAF0F0;
    width: 100%;
    border-radius: 3px;
    box-shadow: 6px 6px 34px 0px rgba(0, 148, 147, 0.0784313725);
    max-height: 198px;
  }
  form.account-form ul li textarea::-moz-placeholder {
    color: #AFBBCB;
  }
  form.account-form ul li textarea::placeholder {
    color: #AFBBCB;
  }
  form.account-form ul li input[type=submit] {
    margin-top: 18px;
  }
  
  input:focus-visible {
    outline: unset;
  }
  
  .page-template-password-reset main {
    overflow: hidden;
  }
  
  .page-template-login-page .bg-big-circle::before {
    max-width: 1140px;
    background: linear-gradient(320.16deg, rgba(255, 255, 255, 0) 26.19%, #47B3B2 46.34%, rgba(255, 255, 255, 0) 66.81%);
    opacity: 0.06;
  }
  
  .left_bgGradient {
    position: relative;
    overflow: hidden;
  }
  .left_bgGradient::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background: linear-gradient(127.01deg, #47B3B2 2.97%, rgba(255, 255, 255, 0) 67.82%);
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
    opacity: 0.1;
  }
  
  /*********************************************/
  /**************** DONATION PAGE ***************/
  /*******************************************/
  .donation-contributors-section p {
    font-size: 16px;
  }
  .donation-contributors-section .donation-contri-box {
    background: linear-gradient(130.26deg, rgba(230, 247, 247, 0.54) 0.5%, rgba(218, 240, 240, 0.216) 54.35%, rgba(228, 247, 247, 0.54) 99.16%);
    border-radius: 18px;
    padding: 34px 48px 48px;
  }
  .donation-contributors-section .donation-contri-box .tab-item {
    width: 267px;
  }
  .donation-contributors-section .donation-contri-box .tab-list {
    max-width: 699px;
  }
  .donation-contributors-section .donation-contri-box .tab-list::before {
    width: 267px;
  }
  .donation-contributors-section .donation-contri-box .donation-contri-img {
    overflow: hidden;
    border-radius: 8px;
    padding-bottom: 34px;
  }
  .donation-contributors-section .donation-contri-box .donation-contri-img img {
    width: 100%;
  }
  .donation-contributors-section .donation-contri-box .donation-social-media {
    background: #fff;
    box-shadow: 6px 6px 24px 0px rgba(0, 148, 147, 0.0588235294);
  }
  .donation-contributors-section .donation-contri-box .donation-social-media .spacing-line {
    background: #004E4D;
  }
  .donation-contributors-section .donation-contri-box .donation-social-media a {
    transition: 0.3s ease-in-out;
    border-radius: 50%;
  }
  .donation-contributors-section .donation-contri-box .donation-social-media a svg path {
    fill: #004E4D;
  }
  .donation-contributors-section .donation-contri-box .donation-social-media a:hover {
    background: linear-gradient(118.95deg, #4DC0BF 27.03%, #009A98 64.97%);
  }
  .donation-contributors-section .donation-contri-box .donation-social-media a:hover svg path {
    fill: #fff;
  }
  .donation-contributors-section .donation-contri-box .donation-reviews {
    padding: 24px 57px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 6px 6px 24px 0px rgba(0, 148, 147, 0.0588235294);
  }
  .donation-contributors-section .donation-contri-box .donation-contri-head {
    padding-bottom: 34px;
  }
 
  .donation-contributors-section .donation-contri-box .did-you-know {
    padding: 24px 40px;
    border-left: 4px solid #47B3B2;
    box-shadow: 6px 6px 24px 0px rgba(0, 148, 147, 0.0588235294);
    background: #fff;
    border-radius: 4px;
  }
  .donation-contributors-section .donation-contri-box .did-you-know h6 {
    margin-bottom: 12px;
    background: linear-gradient(118.95deg, #4DC0BF 27.03%, #009A98 64.97%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .donation-contributors-section .donation-contri-box .did-you-know p {
    font-size: 18px;
  }
  .donation-contributors-section .donation-contributor-sidebar {
    padding-left: 0;
  }
  .donation-contributors-section .donation-contributor-sidebar h6, .donation-contributors-section .donation-contributor-sidebar h3 {
    background: #47B3B2;
    padding: 16px 30px;
    border-radius: 8px 8px 0 0;
  }
  .donation-contributors-section .donation-contributor-sidebar .contributors-list {
    box-shadow: 6px 6px 24px 0px rgba(0, 148, 147, 0.0588235294);
    padding: 30px;
    border: 1px solid #DAF0F0;
    overflow: hidden;
    overflow-y: auto;
  }
  .contributor-box {
    margin-bottom: 26px;
    padding-bottom: 26px;
    border-bottom: 1px solid #DAF0F0;
    border-radius: 0 0 8px 8px;
  }
.contributor-box .contributor-flex {
    display: flex;
    align-items: center;
    gap: 20px;
  }
.contributor-box .contributor-flex img {
    width: 80px;
  }
.contributor-box .contributor-flex .anony,
.contributor-box .contributor-flex .amount-hidden {
    color: #A4B2B2 !important;
  }
  .contributor-box .contri-text {
    padding-top: 20px;
  }
  .donation-contributors-section .donation-contributor-sidebar .contributors-list .btn-holder {
    padding: 18px 0;
  }
  .donation-contributors-section .updates-details .donation-updates-image {
    padding: 24px 57px;
    background: #fff;
    border-radius: 8px;
  }
  .donation-contributors-section .updates-details .donation-updates-image img {
    width: 100%;
  }
  .updates-list {
    padding: 24px 40px;
    border-left: 4px solid #47B3B2;
    box-shadow: 6px 6px 24px 0px rgba(0, 148, 147, 0.0588235294);
    background: #fff;
    border-radius: 4px;
  }
  .updates-list h4 {
    margin-bottom: 12px;
  }
  .updates-list ul {
    font-weight: bold;
    list-style: none;
  }
  .updates-list ul li {
    position: relative;
    padding-right: 16px;
    margin-right: 16px;
  }
  .updates-list ul li:before {
    width: 1px;
    height: 100%;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    background: #475757;
  }
  .updates-list ul li:last-child:before {
    display: none;
  }
  .updates-list p {
    margin: 12px 0;
    color: #001F1E;
  }
  .updates-list a {
    font-weight: 700;
    color: #47B3B2;
  }
  
  section.blog-pageSection .blogCard-inner .blogCard-content p.blogTag-list {
    color: #475757;
  }
  
  section.contact-freefund-section .title-holder {
    margin-bottom: 50px;
  }
  
  /*********************************************/
  /************* Thanks Donate Page ***********/
  /*******************************************/
  .thanksDonation-page .support-events-inner .data-right {
    padding-left: 0 !important;
    margin-top: 30px;
  }
  
  .support-events-inner .raised-people {
    padding-left: 34px;
  }
  
  .thanksDonation-page .camp-area {
    border-left: 4px solid #47B3B2;
  }
  .thanksDonation-page .camp-area .left {
    border-bottom: 1px solid #daf0f0;
    width: 100%;
    gap: 30px;
    align-items: flex-start;
  }

  #total-donation-display {
    display: block;
    font-size: 45px;
    font-weight: 600;
    margin: 20px 0;
  }
  .ff-donation-selection {
    width: 100%;
    display: block;
    margin-top: 5px;
  }
  
  /*********************************************/
  /*********** Donation Success Page **********/
  /*******************************************/
  .donationSuccess-page .support-events-inner .data-right {
    padding-left: 0 !important;
    margin-top: 30px;
  }
  
  .thanks-note-section {
    background: #fff;
    border-color: #DAF0F0;
    padding: 74px 34px;
    overflow: hidden;
    display: flex;
    justify-content: center;
  }
  .thanks-note-section .thanks-note-holder {
    width: 100%;
    max-width: 406px;
  }
  .thanks-note-section .thanks-note-holder .success-amount h5 {
    font-size: 42px !important;
    color: rgb(71, 179, 178) !important;
    line-height: 52px;
    margin-bottom: 30px;
  }
  .thanks-note-section .thanks-note-holder .title-holder h5, .thanks-note-section .thanks-note-holder .title-holder h6 {
    margin-bottom: 12px;
  }
  .thanks-note-section .thanks-note-holder .title-holder p {
    margin-bottom: 30px;
  }
  .thanks-note-section .thanks-note-holder .social-icons {
    margin-bottom: 30px;
  }
  .thanks-note-section .thanks-note-holder .social-icons ul {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 34px;
    padding-block: 30px;
    border-top: 1px solid #daf0f0;
    border-bottom: 1px solid #daf0f0;
  }
  .thanks-note-section .thanks-note-holder .social-icons ul li a {
    width: 40px;
    height: 40px;
    display: flex;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
  }
  .thanks-note-section .thanks-note-holder .social-icons ul li a:hover {
    background: linear-gradient(118.95deg, #4DC0BF 27.03%, #009A98 64.97%);
  }
  .thanks-note-section .thanks-note-holder .social-icons ul li a:hover svg path {
    fill: #ffffff !important;
  }
  .thanks-note-section .btn-two {
    padding: 18px 20px;
  }

  /**************************/
  /***** LOGGED IN USER MENU STUFF ******/
  /*************************/
  .user-login .dropdown img{
    margin-right:14px;
    height: 30px;
    border-radius: 30px;
}
.user-login .dropdown button .user-title{
    font-size: 16px !important;
    line-height:24px !important;
    font-weight:700 !important;
    color:#001F1E !important; 
    font-family: "Rubik"; 
    margin:0px !important;
}
.user-login .dropdown button {
    display: flex;
    align-items: center;
    border:none;
    outline:none;
    box-shadow:none;
}
.user-login .dropdown button:active{
    border:none;
    outline:none;
    box-shadow:none;
}
.user-login .dropdown button.btn.show{
    border:none;
    border-color:none;
}
.user-login .dropdown-toggle::after {
    display: block;
    /* margin: 30px auto; */
    width: 10px;
    height: 10px;
    border-top: 2px solid #000;
    border-left: 2px solid #000;
    transform: rotate(225deg);
    margin-left: 8px;
    border-right:unset;
    margin-bottom: 7px;
 }
.user-login .dropdown-item{
    font-size: 16px !important;
    line-height:25px !important;
    font-weight:700 !important;
    color:#001F1E !important; 
    font-family: "Rubik" !important; 
    position:relative;
    padding-left:0;
    width:fit-content;
    padding-right:0;
}
.user-login .dropdown-item::after {
    content: "";
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    height: 2px;
    width: 0;
    transition: 0.3s ease-in-out;
    background-color: #47B3B2;
    margin: auto;
}
.user-login .dropdown-item:hover{
    color: #47B3B2 !important;
    background-color:unset !important;
}
.user-login .dropdown-item:hover::after {
    width:100%;
}
.user-login .dropdown-menu li{
    margin-bottom:12px;
}
.user-login .dropdown-menu li:last-child{
    margin-bottom:0;
}
.user-login .dropdown-menu.show{
    padding:24px;
    box-shadow: 6px 6px 24px 0px #0094930F;
    border:none;
    border-radius:8px;
}

.tab-trigger sup {
    background-color: #bad8d9;
    padding: 3px 10px;
    border-radius: 50px;
    color: #47b3b2;
    top: -.75em;
}

@media (max-width:1200px){
  .user-login .dropdown-menu{
      position:unset;
      box-shadow:none !important;
  }
}
  
  /*********************************************/
  /**************** Media Query ***************/
  /*******************************************/
  @media (min-width: 992px) {
    header::before {
      content: "";
      position: absolute;
      background-image: url("../images/hero-circle.png");
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
    }
    .Stories-section .slide-item .item-content-holder .item-content {
      background-color: #ffffff;
      padding-inline: 10px;
    }
    .Stories-section .slide-item:nth-child(2).bg-circle::after {
      opacity: 1;
      width: calc(100% + 20px);
      top: unset;
      left: -10px;
      bottom: 40px;
      background-image: linear-gradient(to bottom, transparent, rgba(71, 179, 178, 0.031372549), rgba(71, 179, 178, 0.2392156863));
    }
    .page-template-login-page main {
      padding-top: 87px;
      padding-bottom: 100px;
    }
    .page-template-password-reset main {
      padding-top: 87px;
      padding-bottom: 100px;
    }
    section.blog-pageSection .row [class*=col-] {
      max-width: 316px;
      width: 100%;
    }
    section.blog-pageSection .row [class*=col-]:first-child {
      max-width: 760px;
    }
  }
  @media (min-width: 1200px) {
    header .navbar {
      width: 1170px;
    }
    header .navbar .navbar-nav .nav-link {
      margin-inline: 0.54vw;
      font-size: 16px;
    }
    .why-freefunder-section.square::before {
      content: "";
      width: 169px;
      height: 345px;
      position: absolute;
      opacity: 0.1;
    }
    .why-freefunder-section.square::after {
      content: "";
      width: 169px;
      height: 345px;
      position: absolute;
      opacity: 0.1;
    }
    .why-freefunder-section.left.square::before {
      background-image: linear-gradient(to left, #47B3B2, transparent);
      top: 32%;
    }
    .why-freefunder-section.right.square::after {
      background-image: linear-gradient(to right, #47B3B2, transparent);
      bottom: 23%;
      right: 0;
    }
  }
  @media (min-width: 1400px) {
    header .navbar {
      width: 1344px;
    }
    header .navbar .container {
      padding-inline: 40px;
      max-width: 1344px;
    }
    .single-post main .container {
      max-width: 1140px;
    }
  }
  @media (max-width: 1399.98px) {
    .hero-content h1 {
      font-size: 73px !important;
    }
    .about-img-holder img {
      position: relative;
      width: calc(100% + 160px);
      right: 30px;
    }
    .blog-card .blogCard-inner .blogCard-img img {
      max-height: 200px;
    }
  }
  @media (max-width: 1199.98px) {
    .hero-content h1 {
      font-size: 62px !important;
      line-height: 68px !important;
    }
    header .navbar {
      padding-block: 16px;
    }
    header .navbar .navbar-nav .nav-link.active::after {
      width: 100%;
    }
    header .navbar .navbar-nav .nav-link.show::after {
      width: 100%;
    }
    header .navbar .navbar-nav .menu-item:hover .nav-link::after {
      width: 100%;
    }
    header .navbar .container {
      padding-inline: 30px;
    }
    .navbar-brand img {
      max-height: 37.88px;
    }
    button.navbar-toggler {
      border: 0;
    }
    .navbar-toggler-icon {
      background-image: url("https://www.freefunder.com/assets/images/toggle-icon.png");
      background-size: inherit;
    }
    .navbar-toggler:focus {
      box-shadow: unset;
    }
    .navbar-collapse {
      position: absolute;
      top: 95px;
      background-color: #ffffff;
      width: 96%;
      left: 0;
      right: 0;
      margin: auto;
      padding: 20px;
      border-radius: 30px;
      box-shadow: 0 10px 24px rgba(0, 148, 147, 0.0784313725);
      padding-bottom: 40px;
      z-index: 9;
    }
    .navbar-collapse .btn-one {
      margin-top: 16px;
    }
    .hero-img-holder img {
      width: calc(100% + 96px);
      right: 62px;
    }
    .about-img-holder img {
      width: calc(100% + 140px);
    }
    section.blog-pageSection .row {
      gap: 40px;
    }
    section.blog-pageSection .row [class*=col-]:first-child {
      width: calc(66.66% - 44px);
    }
    ul.blog-list {
      gap: 40px;
      row-gap: 50px;
    }
    ul.blog-list > li {
      max-width: calc(100% - 0px);
    }
    .blog-card .blogCard-inner .blogCard-content .blog-shortDiscription {
      margin-bottom: 40px;
    }
    .blog-card .blogCard-inner .blogCard-content .blog-title {
      min-height: auto;
    }
    .blog-card .blogCard-inner .blogCard-img img {
      max-height: unset;
    }
    .btn-two {
      padding: 18px 47px;
    }
  }
  @media (max-width: 991.98px) {
    header .navbar .navbar-nav .menu-item .nav-link.active::after {
      width: 100%;
    }
    section.about-section .about-content {
      margin-top: -110px;
    }
    .home-hero-section .col-lg-6:first-child {
      order: 2;
    }
    .hero-img-holder img {
      width: 100%;
      right: unset;
    }
    .bg-square::before {
      width: 123px;
      height: 119px;
      left: -50px;
      top: -50px;
    }
    section.discover-section .bg-square::before {
      width: 123px;
      height: 119px;
      left: -50px;
      top: -50px;
    }
    ul.slick-dots {
      list-style: none;
      padding: 0;
      display: flex !important;
      justify-content: center;
      margin-top: 50px;
      -moz-column-gap: 10px;
           column-gap: 10px;
    }
    ul.slick-dots li button {
      font-size: 0;
      width: 7px;
      height: 7px;
      padding: 0;
      border-radius: 50%;
      background-color: #D9E7E7;
      border: 2px solid #fff;
      transition: 0.3s ease-in-out;
      box-sizing: content-box;
    }
    ul.slick-dots li.slick-active button {
      background-color: #47B3B2;
      border-color: #47B3B2;
    }
    .bg-big-circle::before {
      display: none;
    }
    .contact-form-section {
      border: unset;
      box-shadow: unset;
    }
    .contact-form-section .title-holder h3 {
      font-size: 42px !important;
    }
    .contact-form-section .form-content .gf_browser_chrome {
      padding-inline: 2.5px;
    }
    .mob-gradient {
      background: linear-gradient(131.86deg, rgba(228, 247, 247, 0.2916) -8.13%, rgba(218, 240, 240, 0) 47.27%, rgba(230, 247, 247, 0.54) 113.85%);
    }
    .page-template-success-stories .slide-item-grid .slide-item {
      max-width: unset;
    }
    .page-template-success-stories .slide-item-grid .slide-item .item-content-holder {
      max-width: 100%;
      margin: auto;
      min-height: unset;
      padding-bottom: 42px;
    }
    .page-template-success-stories .slide-item-grid .slide-item .item-content-holder .image-holder {
      max-width: unset;
    }
    .page-template-success-stories .slide-item-grid .slide-item .item-content-holder .image-holder img {
      width: 100%;
    }
    .page-template-success-stories .cf-card .slide-item-grid {
      justify-content: center;
    }
    .page-template-success-stories .cf-card .slide-item-grid [class*=col-] {
      padding: 6px 0 0;
    }
    hr.divider {
      border: 0;
      width: 100%;
      max-width: 328px;
      margin-inline: auto;
      margin-top: 29px;
      margin-bottom: 21px;
      border-width: 2px;
      height: 1px;
      background: #86d5d5;
    }
    .inner-container-holder {
      padding: 48px 30px;
    }
    .login-page .discription {
      margin-block: 18px;
    }
    .password-reset-page .discription {
      margin-block: 18px;
    }
    .social-login p.title {
      margin: 36px auto 0;
    }
    .page-template-login-page main {
      margin-bottom: 16px;
    }
    .page-template-password-reset main {
      margin-bottom: 16px;
    }
    section.featured-section .inner-content-holder {
      padding: 31px 32px 41.4px;
    }
    section.blog-pageSection .row [class*=col-]:first-child {
      width: 100%;
      padding-inline: 8px;
    }
    .about-img-holder img {
      width: 100%;
      left: unset;
      right: unset;
    }
    section.home-hero-section {
      background: none !important;
      padding: 0 0 50px !important;
    }
    section.home-hero-section .hero-img-holder img {
      display: block;
    }
    section.contact-freefund-section .title-holder {
      margin-bottom: 0;
    }
    .faq-sidebar p.acc-content {
      font-size: 18px;
      line-height: 26px;
    }
    form.account-form ul li input:not(input[type=submit]) {
      font-size: 18px;
    }
    form.account-form ul li textarea {
      font-size: 18px;
    }
    .sidebar .accordion button[aria-expanded=true] {
      border-radius: 8px;
    }
    .sidebar .accordion .collapsed {
      border-radius: 8px 8px 0 0;
    }
    .sidebar .accordion button.collapsed::after {
      transform: rotate(315deg);
    }
    .sidebar .accordion button::after {
      transform: rotate(135deg);
    }
    .donationSuccess-page .support-events-inner {
      padding: 0;
      background-color: unset;
    }
    .thanks-note-section {
      border: 1px solid #DAF0F0;
      border-radius: 8px;
      box-shadow: 6px 6px 24px 0px rgba(0, 148, 147, 0.0784313725);
      padding-block: 48px;
    }
    .thanksDonation-page .camp-area {
      box-shadow: 6px 6px 24px 0px rgba(0, 148, 147, 0.0588235294);
    }
    .donationSuccess-page .thanksDonation-page {
      margin-bottom: 15px;
    }
    main.donationSuccess-page {
      padding-inline: 8px;
    }
  }
  .m-hide {
    display:initial;
    text-decoration:inherit;
  }
  @media (max-width: 767.98px) {
    .m-hide {
      display: none;
    }
    header .navbar {
      margin: 20px auto 0 !important;
    }
    h1 {
      font-size: 50px !important;
      line-height: 60px !important;
    }
    h2 {
      font-size: 50px !important;
      line-height: 60px !important;
    }
    .hero-content h1 {
      font-size: 50px !important;
      line-height: 60px !important;
    }
    h1.text-nowrap {
      white-space: unset !important;
    }
    h4 {
      font-size: 34px !important;
      line-height: 42px !important;
    }
    .item-content-holder {
      max-width: 360px;
    }
    .featured-section ul {
      flex-wrap: wrap;
      row-gap: 24px;
      -moz-column-gap: 10px;
           column-gap: 10px;
    }
    .featured-section ul li {
      width: 120px;
      text-align: center;
    }
    ul.slick-dots {
      margin-top: 20px;
      margin-bottom: 0;
    }
    .why-freefunder-section .col-6 .card::after {
      display: none;
    }
    .green-card::before {
      background-image: url("../images/mob-create-funder-bg-img.png");
    }
    .green-card .card-title {
      font-size: 24px;
      line-height: 32px;
    }
    .create-freefunder-section {
      padding-inline: 20px;
    }
    .slide-title {
      font-size: 24px;
      line-height: 32px;
    }
    .Stories-section .slide-item.slick-active .item-content-holder {
      padding-inline: 20px;
    }
    .Stories-section .slide-item.slick-active .item-content-holder .item-content {
      background-color: #ffffff;
      padding-inline: 15px;
    }
    .Stories-section .slide-item.slick-active.bg-circle::after {
      opacity: 1;
      width: 100%;
      top: unset;
      bottom: 34px;
      background-image: linear-gradient(to bottom, transparent, rgba(71, 179, 178, 0.031372549), rgba(71, 179, 178, 0.2392156863));
    }
    .accordion-button:before {
      right: 24px;
    }
    .accordion-button:after {
      right: 24px;
    }
    footer .menu.nav {
      -moz-column-gap: 0;
           column-gap: 0;
      row-gap: 15px;
    }
    footer::before {
      background-image: url("../images/mob-footer-bg-shape.png");
    }
    .f-subscribe-box {
      width: 100%;
    }
    .f-subscribe-box input {
      padding: 16px 34px;
      font-size: 16px;
    }
    .btn-four {
      padding: 16px 24px;
    }
    .f-social-media::after {
      background: linear-gradient(90deg, rgba(35, 70, 69, 0) 5.98%, #234645 25.87%, rgba(35, 70, 69, 0) 30.98%, rgba(35, 70, 69, 0) 51.56%, rgba(35, 70, 69, 0) 69.74%, #234645 74.69%, rgba(35, 70, 69, 0) 94.14%);
    }
    .card-two-holder .col-md-4:last-child {
      width: 100%;
      max-width: 410px;
    }
    .bg-right-title-square::after {
      display: none;
    }
    .green-card-two {
      padding: 15px 20px 48px;
    }
    .page-template-how-it-works .discover-section .card-three-holder .title-holder h6 {
      margin-block: 10px;
    }
    p.discription {
      font-size: 16px;
      line-height: 24px;
    }
    section.how-it-works-section .title-holder p.discription {
      font-size: 16px;
      line-height: 24px;
    }
    .best-part-content {
      font-size: 16px;
      padding: 10px 10px 10px 0;
    }
    section.completed-fundraisers-section .simple-title p {
      font-size: 16px;
    }
    .card-three-holder .title-holder {
      margin-bottom: 0;
    }
    .sidebar {
      padding-inline: 30px;
    }
    section.discover-section .sidebar {
      padding-inline: 10px;
    }
    section.discover-section .slide-item-grid {
      margin-inline: 0;
    }
    section.discover-section .slide-item-grid .slide-item {
      padding-inline: 10px;
      position: relative;
    }
    section.discover-section .slide-item-grid .slide-item .item-content-holder {
      min-height: auto;
      padding: 15px 15px 15px;
    }
    section.discover-section .slide-item-grid .slide-title {
      font-size: 20px;
      line-height: 24px;
    }
    section.discover-section .slide-item-grid .item-footer {
      -moz-column-gap: 15px;
      column-gap: 10px;
      position: relative;
      bottom: auto;
      left: auto;
      right: auto;
      margin-top: 15px;
    }
    section.discover-section .slide-item-grid .col-lg-8 {
      padding: 0;
    }
    .h6 {
      font-size: 24px !important;
      line-height: 32px !important;
      letter-spacing: -0.02em !important;
    }
    .page-template-contact-us .sidebar {
      padding-inline: 8px;
    }
    .faqtab_box .tab-list {
      width: auto;
    }
    .faqtab_box .tab-list::before {
      width: 47%;
    }
    .faqtab_box .tab-toggle:nth-child(2):checked ~ .tab-list::before {
      transform: translateX(100%);
    }
    .faqtab_box .tab-trigger {
      font-size: 20px;
      line-height: 24px;
      letter-spacing: -0.4px;
    }
    .page-template-success-stories .cf-card {
      padding: 16px 24px;
      margin-block: 16px;
    }
    section.completed-fundraisers-section .slide-item-content {
      padding: 25px !important;
    }
    .title-holder p.discription {
      font-size: 16px;
      line-height: 24px;
    }
    .logintab_box .tab-list::before {
      max-width: 140.46px;
    }
    .logintab_box .tab-trigger {
      max-width: 140.46px;
    }
    .logintab_box .tab-item {
      max-width: 140.46px;
    }
    .logintab_box .tab-toggle:nth-child(1):checked ~ .tab-list .tab-item:nth-child(1) {
      max-width: 140.46px;
    }
    .logintab_box .tab-toggle:nth-child(2):checked ~ .tab-list .tab-item:nth-child(2) .tab-trigger {
      max-width: 140.46px;
    }
    section.password-reset-page h3 {
      font-size: 42px !important;
    }
    .page-template-login-page h3 {
      font-size: 42px !important;
    }
    section.about-section .about-content {
      margin-top: -90px;
    }
    section.discover-section .bg-right-square::after {
      opacity: 0.14;
    }
    .head-title {
      padding: 40px 15px 10px;
      top: 0px;
      left: 0px;
    }
    section.why-freefunder-section .card-body {
      padding-left: 5px;
      padding-right: 5px;
    }
    .contact-us.sidebar {
      padding-inline: 10px;
    }
    .slide-item .barOverflow {
      width: 120px;
      height: 72.5px;
      margin-bottom: -14px;
    }
    .slide-item .bar {
      position: absolute;
      width: 120px;
      height: 120px;
      border: 30px solid #DAF0F0;
      border-bottom-color: #47B3B2;
      border-right-color: #47B3B2;
    }
    .slide-item .meter-pin {
      width: 50px;
      height: 50px;
      padding: 14px 2px 0px;
      top: -22px;
      font-size: 16px;
      text-align: center;
    }
    .slide-item .meter-pin .pin::after {
      border-width: 40px 7px 0 7px;
      transform: rotate(42deg);
    }
    section.features-section .discription,
    section.contact-freefund-section .discription,
    section.faq-section .discription {
      font-size: 16px;
      line-height: 24px;
    }
    .contact-form-section {
      background: linear-gradient(131.86deg, rgba(228, 247, 247, 0.2916) -8.13%, rgba(218, 240, 240, 0) 47.27%, rgba(230, 247, 247, 0.54) 113.85%);
    }
    .copyright-section li:nth-child(2)::before {
      display: none;
    }
    section.why-freefunder-section p.discription {
      font-size: 16px;
      line-height: 24px;
    }
    section.Stories-section p.discription {
      font-size: 16px;
      line-height: 24px;
    }
  }
  @media (max-width: 479.98px) {
    .ui-autocomplete {
      max-width: 80vw;
    }
    .autocomplete-image-holder {
      width: 60px; 
    }
    .autocomplete-image-holder img {
      max-width: 60px; 
    }
    #header .navbar-brand svg {
      width: 150px;
    }
    header .navbar .container {
      flex-wrap: nowrap;
    }
    section.discover-section .slide-item-grid .slide-title {
      font-size: 16px;
      line-height: 24px;
    }
    .why-freefunder-section .col-6 {
      width: 100%;
      max-width: 100%;
    }
    .accordion-button {
      padding-right: 64px !important;
    }
    .social_media_main {
      gap: 10px;
    }
    section.discover-section .slide-item-grid .slide-item .meter-pin .pin::after {
      border-width: 40px 7px 0 7px;
      transform: rotate(42deg);
    }
    section.discover-section .slide-item-grid .item-footer {
      column-gap: 12px;
      -moz-column-gap: 12px;
      gap: 12px;
      flex-direction: column;
      align-items: center;
    }
  }
  @media screen and (max-width: 380px) {
    section.discover-section .slide-item-grid .slide-title {
      min-height: 80px;
      display: flex;
      align-items: center;
    }
    section.discover-section .slide-item-grid h5.money-raised {
      font-size: 17px !important;
    }
  }/*# sourceMappingURL=custom.css.map */

   
  /******ACCOUNT/CAMPAIGN STYLES *********/
       .account-campaign-section{
        margin-top:64px;
        margin-bottom:128px;
       }
       .account-campaign-section .account-campaign{
        padding:48px;
        border-radius:18px;
        background: linear-gradient(130.26deg, rgba(230, 247, 247, 0.54) 0.5%, rgba(218, 240, 240, 0.216) 54.35%, rgba(228, 247, 247, 0.54) 99.16%);
       }
       .account-campaign-section .account-verification {
            text-align:center;
            border: 1px solid #DAF0F0;
            border-radius:8px;
            background-color:#fff;
            overflow:hidden;
        }
        .account-campaign-section .verification-text .verify-text {
            font-size: 24px !important;
            line-height: 32px !important;
            margin-bottom:0 !important;
        }
        .account-campaign-section .verification-text {
            display: flex;
            align-items: center;
            column-gap: 18px;
            box-shadow: 6px 6px 18px 0px #00949308;
            padding: 26px;
            border: 1px solid #DAF0F0;
            margin-top: 24px;
            border-radius: 8px;
            background: linear-gradient(0deg, rgba(167, 216, 216, 0.2), rgba(167, 216, 216, 0.2));
        }
        .account-campaign-section .account-verification .btn{
            margin:36px;
        }
        .account-campaign-section .account-campaign-details .tabs {
            display: flex;
            justify-content: space-between;
            margin:10px;
            border: 1px solid #DAF0F0;
            box-shadow: 6px 6px 24px 0px #0094930F;
            border-radius: 100px;
            padding: 10px;
        }

        .account-campaign-section  .account-campaign-details .tab-button {
            background-color: #fff;
            border: none;
            padding: 15px 24px;
            cursor: pointer;
            border-radius: 100px;
            transition: background-color 0.3s;
            font-family: Rubik;
            font-size: 24px;
            font-weight: 700;
            line-height: 32px;
            letter-spacing: -0.02em;
            text-align: center;
            height:60px;
        }
        .account-campaign-section  .account-campaign-details {
            box-shadow: 6px 6px 24px 0px #00949314;
            padding: 30px;
            background: #fff;
            border-radius: 8px;
        }
        .account-campaign-section .account-campaign-details .tab-button.active {
            background: linear-gradient(118.95deg, #4DC0BF 27.03%, #009A98 64.97%);
            color:#fff;
        }
        .account-campaign-section .account-campaign-details .earn-text {
            font-size: 18px;
            font-weight: 700;
            line-height: 26px;
            text-align: center;
            padding: 18px;
            border-top:1px solid #DAF0F0;
            border-bottom:1px solid #DAF0F0;
            margin-bottom:28px;
            margin-top:28px;
            color:#47B3B2;
        }
        .account-campaign-section .account-campaign-details .account-campaign-title {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
        }
        .account-campaign-section .account-campaign-details .account-campaign-blog {
            margin-top:30px;
        }
        /* .account-campaign-section .account-campaign-details .account-campaign-blog img {
            width:100%;
            display:none;
        } */
       .account-campaign-section .mobile{
          display:none;
       }

       .attention-dot {
        background-color: red;
        height: 10px;
        width: 10px;
        border-radius: 10px;
        top: 15px;
        position: absolute;
        right: 5px;
       }

/******************************* */
        .account-campaign-blog .fundraiser-list {
            background-color:#fff;
            border-radius: 4px;
            border:1px solid #DAF0F0;
            box-shadow: 6px 6px 24px 0px #0094930F;
            padding:24px 20px;
        }

        .account-campaign-blog .fundraiser-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom:16px;
            padding: 10px 0 10px 5px;
            border-bottom: 1px solid #EFEFEF;
        }
        .account-campaign-blog .fundraiser-item:hover {
          background-color: #F8F8F8;
          cursor: pointer;
        }
        .account-campaign-blog .fundraiser-item:last-child{
            margin-bottom:0;
        }
        .account-campaign-blog .fundraiser-item  .thumbnail {
            width: 90px;
            height: 70px;
            border-radius:10px;
            object-fit: cover;
        }

        .account-campaign-blog  .fundraiser-item  .details {
            flex-grow: 1;
            padding: 0 10px;
            padding-left:15px;
            flex-direction: row;
            display: flex;
            justify-content: space-between;
        }

        .account-campaign-blog .fundraiser-item .title {
            font-size:16px !important;
            line-height:24px !important;
            font-weight:400 !important;
            color:#001F1E !important;
            margin:0;
        }

        .account-campaign-blog .fundraiser-item  .amount {
            font-size:18px !important;
            line-height:26px !important;
            font-weight:700 !important;
            color:#001F1E;
            margin:0;
        }
        .account-campaign-blog .fundraiser-item  .amount strong{
            color:#47B3B2;
        }
        .account-campaign-blog .fundraiser-item  .status {
            font-size:16px !important;
            line-height:24px !important;
            font-weight:700 !important;
        }

        .account-campaign-blog .fundraiser-item  .draft {
            color:#C04343;
        }

        .account-campaign-blog .fundraiser-item  .live {
            color: #2EAB3B;
        }

        .account-campaign-blog .fundraiser-item .ended {
            color: #809292;
        }

        .account-campaign-section .account-campaign-blog .verification-text .verify-text {
            font-size: 12px !important;
            line-height: 16px !important;
            margin-bottom: 0 !important;
        }
        .account-campaign-section .account-campaign-blog .verification-text{
            padding:8px 16px;
            margin-top:0;
            width:fit-content;
            border-radius:100px;
            gap:8px;
        }
        .account-campaign-section .account-campaign-blog .name-input, .email-input{
            position:relative;
        }
        .account-campaign-section .account-campaign-blog .verification-text {
            position: absolute;
            top: 50%;
            right:24px;
            transform: translateY(-50%);
        }
        .account-campaign-section .account-campaign-blog .email-form {
            margin-top:0;
            margin-bottom:24px;
        }
        .account-campaign-section .account-campaign-blog .email-form input{
            padding: 16px 24px;
            border: 1px solid #DAF0F0;
            width: 100%;
            border-radius: 3px;
            box-shadow: 6px 6px 34px 0px rgba(0, 148, 147, 0.0784313725);
            max-height: 198px;
        }
        .account-campaign-section .account-campaign-blog .new-password{
            font-size:16px;
            line-height:19px;
            font-weight:700;
            color:#47B3B2;
            text-decoration:underline;
            margin-top:24px;
            display:block;
        }
        .account-campaign-section .account-campaign-blog  .btn{
            margin-top:24px;
        }
        .account-campaign-section .account-campaign-blog  .email-settings{
            margin-top:48px;
        }
        .check-box {
            margin-top: 18px;
            display:flex;
            align-items:center;
        }
        .account-campaign-section .account-campaign-blog .email-settings .check-box label{
            font-size:14px !important;
            line-height:16px !important;
            font-weight:400 !important;
            color:#3D3D3D;
            margin-left:12px;
        }
        .check-box input{
            width:20px;
            height:20px;
            border:1px solid #001F1E;
            border-radius:3px;
        }
   


        .check-box input[type="checkbox"] {
            width: 20px;
            height: 20px;
            border: 1px solid #001F1E;
            border-radius: 3px;
            appearance: none;
            -webkit-appearance: none;
            outline: none;
            cursor: pointer;
            position: relative;
            padding: 0;
        }

        
        .check-box input[type="checkbox"]:checked {
            background-color: #47B3B2;
            border-color: #47B3B2;
        }

        .check-box input[type="checkbox"]:checked::after {
            content: "";
            position: absolute;
            top: 2px;
            left: 6px;
            width: 6px;
            height: 12px;
            border: solid white;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg);
        }
        .account-campaign-section .account-campaign-blog .email-form input::placeholder {
            font-size: 18px;
            line-height:26px;
            font-weight:400;
            color:#001F1E; 
        }

        
        .account-campaign-section .account-campaign-blog .email-form input:-ms-input-placeholder {
            font-size: 18px;
            line-height:26px;
            font-weight:400;
            color:#001F1E; 
        }

       
        .account-campaign-section .account-campaign-blog .email-form.password input::placeholder {
            color:#AFBBCB; 
        }

        
        .account-campaign-section .account-campaign-blog  .forgot-password {
            display: none;
        }
        .user-login .dropdown img{
            margin-right:14px;
        }
        .user-login .dropdown button .user-title{
            font-size: 16px !important;
            line-height:24px !important;
            font-weight:700 !important;
            color:#001F1E !important;  
            margin:0px !important;
        }
        .user-login .dropdown button {
            display: flex;
            align-items: center;
            border:none;
            outline:none;
            box-shadow:none;
        }
        .user-login .dropdown button:active{
            border:none;
            outline:none;
            box-shadow:none;
        }
        .user-login .dropdown button.btn.show{
            border:none;
            border-color:none;
        }
        .user-login .dropdown-toggle::after {
            display: block;
            /* margin: 30px auto; */
            width: 10px;
            height: 10px;
            border-top: 2px solid #000;
            border-left: 2px solid #000;
            transform: rotate(225deg);
            margin-left: 8px;
            border-right:unset;
            margin-bottom: 7px;
         }
        .user-login .dropdown-item{
            font-size: 16px !important;
            line-height:25px !important;
            font-weight:700 !important;
            color:#001F1E !important; 
            font-family: "Rubik" !important; 
            position:relative;
            padding-left:0;
            width:fit-content;
            padding-right:0;
        }
        .user-login .dropdown-item::after {
            content: "";
            position: absolute;
            bottom: 5px;
            left: 0;
            right: 0;
            height: 2px;
            width: 0;
            transition: 0.3s ease-in-out;
            background-color: #47B3B2;
            margin: auto;
        }
        .user-login .dropdown-item:hover{
            color: #47B3B2 !important;
            background-color:unset !important;
        }
        .user-login .dropdown-item:hover::after {
            width:100%;
        }
        .user-login .dropdown-menu li{
            margin-bottom:12px;
        }
        .user-login .dropdown-menu li:last-child{
            margin-bottom:0;
        }
        .user-login .dropdown-menu.show{
            padding:24px;
            box-shadow: 6px 6px 24px 0px #0094930F;
            border:none;
            border-radius:8px;
        }
    /****************** Responsive design ********************* */ 
    @media (max-width:1200px){
        .account-campaign-title h4 {
            font-size: 30px !important;
            line-height:40px;
        }
        .user-login .dropdown-menu{
            position:unset;
            box-shadow:none !important;
        }
    }
      @media (max-width:767px){
        .account-campaign-section {
            margin-top:8px;
            margin-bottom:58px;
        }
        .account-campaign-section .account-campaign {
            padding:0;
            background: transparent;
        }
        .account-campaign-section .mobile{
          display:block;
       }
       .account-campaign-section  .desktop{
          display:none;
       }
       .account-campaign-section .account-verification .btn {
            margin:0;
            margin-top:24px;
        }
        .account-campaign-section .verification-text {
            padding: 24px;
            margin-top: 20px;
        }
        .account-campaign-section  .account-campaign-details {
            box-shadow:none;
            padding:40px 0;
        }
        .account-campaign-section .account-campaign-details .account-campaign-blog {
            margin-top: 20px;
        }
        .account-campaign-section .account-campaign-details .tabs {
            margin: 0;
        }
        .account-campaign-title h4 {
            font-size: 30px !important;
            line-height:40px;
        }
        .account-campaign-section .account-verification .user-image {
            width:40% !important;
            padding:0 10px;
        }
        .account-campaign-section .account-verification .user-image img{
            border-radius:8px;
        }
        .account-campaign-section .account-verification {
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
            flex-direction: row;
            background: #DAF0F080;
            padding: 24px;
          
        }
        .account-campaign-section .verification-items .verification-text .verify-text {
            font-size: 12px !important;
            line-height: 16px !important;
            margin-bottom: 0 !important;
        }
        .account-campaign-section .verification-items .verification-text {
            padding: 8px 16px;
            margin-top:0px;
            display: flex;
            align-items: center;
            column-gap: 10px;
        }
        .account-campaign-section .verification-items .verification-text img{
            width:15px;
        }
        .account-campaign-section .verification-items {
            width: 60%;
            padding: 0px 10px;
            text-align:left;
        }
        .account-campaign-section .container{
            max-width:100% !important;
            padding:0px 20px;
        }

        .account-campaign-blog  .fundraiser-item  .details {
          flex-direction: column;
        }
      }
      @media (max-width:420px){
        .account-campaign-section .verification-text .verify-text {
            font-size: 18px !important;
            line-height: 24px !important;
        }
        .account-campaign-section  .account-campaign-details .tab-button {
            padding: 0 10px;
            font-size: 20px;
            line-height: 24px;
        }
        .account-campaign-title h4 {
            font-size: 25px !important;
        }
        .account-campaign-section .account-campaign-details .account-campaign-title {
            gap: 10px;
            flex-wrap: wrap;
        }
        .account-campaign-section .account-verification {
            padding:15px 5px;
        }
      }

      /**********CAMPAIGN MANAGEMENT SECTION ***********/

      .campaign-details-items{
        padding:24px;
       margin-bottom:58px;
       margin-top:44px;
       background: linear-gradient(130.26deg, rgba(230, 247, 247, 0.54) 0.5%, rgba(218, 240, 240, 0.216) 54.35%, rgba(228, 247, 247, 0.54) 99.16%);
       border-radius:18px;
     }
     .campaign-details-section .campaign-text h1 {
         font-size: 42px !important;
         line-height: 54px !important;
         margin-bottom:18px;
     }
     .campaign-details-section .campaign-text  {
         padding:30px;
     }
     .campaign-details-section img{
         width:100%;
     }
     .campaign-details-section .campaign-text p {
         font-family: "Rubik";
         font-size: 16px;
         font-weight: 400;
         line-height: 24px;
         color: #001F1E;
         margin-top: 0px;
         margin-bottom: 10px;
         align-items: center;
     }
     .campaign-details-section .campaign-text h4 {
         margin-bottom:8px;
         margin-top:38px;
     }
     .campaign-details-section .campaign-text p span {
         font-family: "Rubik" !important;
         font-size: 30px;
         font-weight: 700;
         line-height: 40px;
         letter-spacing: -0.03em;
         color:#47B3B2;
         margin-right:5px;
         vertical-align: middle;
     }
     .campaign-details-section .campaign-text p b{
         font-weight: 700;
         margin:0px 5px;
         display: contents;
     }
     .campaign-details-section .progress-bar {
         width: 100%;
         height:4px;
         background-color: #DAF0F0;
         border-radius: 12px;
         overflow: hidden;
         position: relative;
   }
   .campaign-details-section .campaign-text ul.social-media {
     display: inline-flex;
     align-items:center;
     padding:0;
     margin-top:20px;
     margin-bottom:20px;
    }
     .campaign-details-section .campaign-text ul.social-media li {
       list-style:none;
       margin-right:15px;
     }
     .campaign-details-section .campaign-text ul.social-media li a svg path {
        fill:#004E4D;
 
     }
     .campaign-details-section .campaign-text ul.social-media li a svg {
        width:18px;
        height:18px;
        
     }
     .campaign-details-section .campaign-text ul.social-media li a {
         width: 34px;
         height: 34px;
         background-color: transparent;
         display: inline-flex;
         align-items: center;
         justify-content: center;
         border-radius: 100px;
         transition: 0.5s;
    }
    .campaign-details-section .campaign-text ul.social-media li a:hover {
       background: linear-gradient(118.95deg, #4DC0BF 27.03%, #009A98 64.97%);
    }
    .campaign-details-section .campaign-text ul.social-media li a:hover svg path {
       fill:#fff;
    }
   .campaign-details-section .progress-fill {
     height: 100%;
     width:15%;
     background-color: #47B3B2; 
     border-radius:100px; 
     transition: width 0.5s ease-in-out;
   }
   .campaign-details-section  .search-bar {
     display: flex;
     align-items: center;
     justify-content: space-between;
     width: 100%; 
     max-width: 600px;
     background-color: #fff; 
     box-shadow: 6px 6px 34px 0px #00949314;
     border:1px solid #DAF0F0;
   }
 
  
   .campaign-details-section  .search-input {
     flex-grow: 1;
     border: none;
     outline: none;
     background-color: transparent;
     font-family: "Rubik";
     font-size: 18px;
     line-height:26px;
     font-weight:400;
     color:#929EAD;
     height:100%;
     min-height:58px;
     border-right:1px solid #DAF0F0;
     padding:16px 24px;
   }
 
  
   .campaign-details-section  .copy-button {
     font-family: "Rubik";
     background-color: transparent;
     border: none;
     font-size: 18px;
     line-height:26px;
     font-weight:400;
     color:#929EAD;
     padding:16px;
     cursor: pointer;
     min-height:58px;
     width:122px;
   }
   .campaign-details-section  .campaign-text .campaign-paragraph {
     font-size: 18px;
     line-height:26px;
     font-weight:400;
     margin-top:30px;
    }
    .campaign-details-section  .campaign-text .campaign-paragraph a{
     color:#47B3B2;
     font-weight:700;
     text-decoration:none;
     margin-left:5px;
    }
    .campaign-details-section  .campaign-text .free-funder-text{
     font-size:18px;
     line-height:26px;
    }
 
 
 /****************************** */
 
 .campaign-tab-section{
     padding-bottom:98px;
 }
 .campaign-tab-section .tab-content {
     display: none;
 }
 .campaign-tab-section .tabs {
     display: flex;
     justify-content: space-between;
     flex-direction: row;
     flex-wrap: wrap;
     margin:0 -24px;
 }
 .campaign-tab-section .tab-button-container{
    width:35%;
    padding:0px 24px;
 }
 .campaign-tab-section .tab-campaign-content{
     width:65%;
     padding:0px 24px;
 }
 .campaign-tab-section .tab-button-container .tab-button {
     font-family: "Rubik" !important;
     width: 100%;
     padding: 34px 30px;
     font-size:24px;
     line-height:32px;
     font-weight:700;
     color:#001F1E;
     background-color: transparent;
     border:none;
     border-top:1px solid #DAF0F0;
     display:flex;
     justify-content:space-between;
     align-items:center;
 }
 .campaign-tab-section .tab-button-container .tab-button:first-child{
     border-top:0 !important;
 } 
 .campaign-tab-section .tab-button-container .tab-button svg path {
     stroke:#001F1E;
 }
 .campaign-tab-section .tab-button-container .tab-button.active svg path {
     stroke:#fff;
 }
 .campaign-tab-section .tab-button-container .tab-items {
     border: 1px solid #DAF0F0;
     border-radius:8px;
     overflow:hidden;
     box-shadow: 6px 6px 18px 0px #00949308;
 
 }
 .campaign-tab-section .tab-button-container .tab-button.active {
     color: #fff;
     background: linear-gradient(118.95deg, #4DC0BF 27.03%, #009A98 64.97%);
 
 }
 .campaign-tab-section .tab-campaign-content .tab-text-items {
     box-shadow: 6px 6px 24px 0px #00949314;
     padding:24px 16px;
     height:100%;
     border:1px solid #DAF0F0;
     border-radius:8px;
 }
 .campaign-tab-section .tab-campaign-content img {
     width:100%;
 }
 .copy-button.active {
     background: #47B3B233;
     color:#475757;
 }
 
 /********************responsive****************** */
 @media (max-width: 992px){
 .campaign-details-section .campaign-text h1 {
     font-size: 34px !important;
     line-height: 44px !important;
     margin-bottom: 24px;
 }
 .campaign-details-section .campaign-text h6 {
     margin-top: 24px;
 }
 .campaign-details-section  .campaign-text .campaign-paragraph {
     font-weight: 700;
     margin-top: 24px;
 }
 .campaign-details-section .campaign-text ul.social-media {
     margin-top: 15px;
 }
 .campaign-tab-section .tab-button-container {
     width: 100%;
     padding: 0;
 }
 .campaign-tab-section .tab-button-container .tab-button {
     padding: 30px 30px;
 }
 .campaign-details-items {
     padding:0;
     margin-bottom: 40px;
     margin-top:48px;
     margin-top: 0;
     background:#fff;
     border-radius: 18px;
 }
 .campaign-tab-section .tabs {
    margin:0;
 }
 .campaign-tab-section .tab-campaign-content {
     width:100%;
     padding:0;
     margin-top:30px;
 }
 .campaign-details-section .campaign-text {
     padding:0;
     margin-top:30px;
 }
 .campaign-tab-section {
     padding-bottom:50px;
 }
 .campaign-details-section  .copy-button {
     font-size: 14px;
     padding: 12px;
 }
 .campaign-details-section  input{
     font-size: 14px !important;
 }
 }

 /***************** Text to donate  *********************/
.text-donate-section .donate-img-holder  {
  display: flex;
  align-items: center;
  justify-content: center;
  position:relative;
}
.text-donate-section .donate-img-holder:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background: linear-gradient(224.92deg, rgba(255, 255, 255, 0) 35.53%, #47B3B2 56.12%, rgba(255, 255, 255, 0) 86.19%);
  opacity: 8%;
  top: -100px;
  z-index:0;
}
.text-donate-section .donate-img-holder img  {
  z-index: 1;
}
/***************** Incredibly *********************/
.incredible-section .incredible-flex {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  column-gap:30px;
}
.incredible-section .incredible-flex img {
  margin-top: 5px;
}
.incredible-section .incredible-flex .point-explain p a {
 color:#47B3B2;
 text-decoration:none;
 font-weight:700;
}
.incredible-section .incredible-flex {
 padding:24px 30px;
 margin-bottom:18px;
 box-shadow: 0px 0px 34px 0px #0094931A;
 background-color:#fff;
 border-radius:8px;
}
.incredible-section .incredible-imaGE {
  display: flex;
  align-items: flex-start;
  margin-top:60px;
}

.incredible-section  .incredible-donate-text {
  padding: 30px 25px;
  text-align: center;
  box-shadow: 3.83px 3.83px 15.33px 0px #00949314;
  position: relative;
  left: -109px;
  bottom:15px;
  width: 100%;
}
.text-donate-page .incredible-section .incredible-donate-text h5 {
  font-size: 26px !important;
  line-height: 33px !important;
  font-weight: 700;
  color: #47B3B2 !important;
  letter-spacing: -0.03em !important;
  text-align: center;
  margin-bottom:19px;
}
.text-donate-page .incredible-section .incredible-donate-text h6 {
  font-size: 20px !important;
  line-height: 25px !important;
  font-weight: 700;
  color: #001F1E !important;
  letter-spacing: -0.03em !important;
  text-align: center;
}
.text-donate-page .incredible-section .incredible-donate-text p {
  font-size:12px !important;
  line-height:16px !important;
  font-weight: 400;
  color: #001F1E !important;
  margin-bottom:0px;
}
.incredible-section .incredible-imaGE .artwork-image {
  width: 100%;
  z-index: 9;
}
section.incredible-section .title-holder {
  margin-bottom: 80px;
}

.incredible-section .incredible-flex p {
  margin-bottom: 0px;
}
/************** live event  ****************** */
section.live-event-section {
  margin-top: 60px;
  margin-bottom: 80px;
}
section.live-event-section .title-two {
  margin-bottom: 64px;
}
.live-event-section .container{
  max-width:1140px;
}
.live-event-section  p a{
  font-weight:700;
  text-decoration:none;
  color:#47B3B2;
}
.new-create-freefunder{
  margin-bottom:40px;
}
.live-event-section .row .col-lg-6:first-child .live-img-holder img {
  max-width: 500px;
}

/*************tooltip*************** */
/* Style for the tooltip wrapper */
.tooltip-main-box .tooltip-wrapper {
position: relative;
display: inline-block;
}
.tooltip-main-box .tooltip-wrapper b {
color:#47B3B2;
cursor: pointer;
}
.tooltip-main-box .tooltip-wrapper a {
color:#47B3B2;
cursor: pointer;
}
.tooltip-main-box .tooltip-wrapper .tooltip-box {
  display: none;
  position: absolute;
  top: -225px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
  border: 1px solid #47B3B2;
  border-radius: 5px;
  padding: 20px;
  width: 350px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  z-index: 10;
}

/* Show tooltip on hover */
.tooltip-main-box .tooltip-wrapper:hover .tooltip-box {
display: block;
}

/* Heading */
.tooltip-main-box .tooltip-box h3 {
  font-size: 16px !important;
  margin-top: 0;
  color: #333;
  line-height: 25px !important;
}

/* Paragraph styling */
.tooltip-main-box .tooltip-box p {
  font-size: 14px;
  color:#475757;
  margin-bottom: 10px;
  line-height: 21px;
  margin-bottom: 10px !important;
}

/* Bold text for emphasis */
.tooltip-main-box .tooltip-box strong {
font-weight: bold;
color: #333;
}

/* Styling for the email link */
.tooltip-main-box .tooltip-box a {
color: #1a73e8;
text-decoration: none;
}

.tooltip-main-box .tooltip-box a:hover {
text-decoration: underline;
}

/* Optional arrow */
.tooltip-main-box .tooltip-wrapper .tooltip-box::after {
content: '';
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
border-width: 6px;
border-style: solid;
border-color: #fff transparent transparent transparent;
}
#main.text-donate-page{
  margin-top:0px !important;
  padding-top:16px;
}

/********************************* */


/********************* responsive********************** */
@media (max-width: 1200px){
  .incredible-section  .incredible-donate-text {
      padding:15px 10px; 
      text-align: center;
      box-shadow: 3.83px 3.83px 15.33px 0px #00949314;
      position: relative;
      left:unset;
      bottom: unset;
      width: 100%;
 }
}
@media (max-width:992px){
  section.incredible-section .title-holder {
    margin-bottom: 48px;
  }
  .incredible-section .incredible-imaGE {
      margin-top: 0;
      margin-bottom: 48px;
 }
 section.live-event-section {
  margin-top: 20px;
  margin-bottom: 20px;
}
section.live-event-section .title-two {
  margin-bottom: 48px;
}
.live-event-section .live-img-holder {
  display: flex;
  justify-content: center;
  align-items: center;
}
section.live-event-section .about-content {
  margin-top:40px;
  margin-bottom:40px;
}
}

@media (max-width:767px){
  .live-event-section .live-img-holder img{
      width:100%;
  }
  .incredible-section .incredible-imaGE .artwork-image {
    max-width: 276px;
 }
 section.text-donate-section {
  margin-top: 30px;
  padding-bottom: 30px !important;
}
section.incredible-section {
  padding-top: 0 !important;
}
.text-donate-page .incredible-section .incredible-donate-text h6 {
  font-size: 14px !important;
  line-height: 19px !important;
}
.text-donate-page .incredible-section .incredible-donate-text h5 {
  font-size: 20px !important;
  line-height: 24px !important;
  margin-bottom: 14px;
}
.incredible-donate-text img {
  width: 48px;
}
.incredible-section .incredible-imaGE {
  justify-content: center;
  position:relative;
}
.incredible-section  .incredible-donate-text {
  left: -49px;
}
.incredible-section .incredible-flex h5{
  font-size:24px !important;
  line-height:32px !important;
}
.incredible-section .incredible-flex p{
  margin-bottom:0px;
}
.new-create-freefunder.create-freefunder-section{
  margin-bottom:0px;
  padding-bottom:64px !important;
}
.live-event-section .row .col-lg-6:first-child .live-img-holder img {
  max-width: 100%;
}
}


@media (max-width:650px){
  .tooltip-main-box .tooltip-wrapper .tooltip-box {
    left: 0;
   }
   .tooltip-main-box .tooltip-wrapper .tooltip-box::after {
      left: 58%;
      transform: translateX(-58%);
  }

}
@media (max-width:500px){
.incredible-section .incredible-imaGE .artwork-image {
  max-width: 180px;
}
.incredible-section  .incredible-donate-text {
  left: -33px;
  bottom: 50px;
}

}

.nav-item .nav-link {
  color: #47B3B2;
}

.manage-edit-input-label {
  font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

/********STEP FORM*****/

body {
    font-family: "Mulish", sans-serif;
}

h1, h2, h3, h4, h5, h5 {
    font-family: "Rubik" !important;
    color: #001F1E;
}

.color_red {
    color: #F41D1D !important;
}

.font_centuryGothic {
    font-family: "Mulish", sans-serif !important;
}

.font_rubik {
    font-family: "Rubik" !important;
}

section.stepForm_section {
    position: relative;
    overflow: hidden;
    min-height: 100vh;
    color: #475757;
}

.step_img {
    position: relative;
    height: 100vh;
    width: 100%;
    min-height: 100%;
}

.step_img > img.img-fluid {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

a.step_logo {
    display: block;
    position: absolute;
    top: 60px;
    max-width: 450px;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

#heading {
    text-transform: uppercase;
    color: #00D1E0;
    font-weight: normal
}

#msform {
    text-align: center;
    position: relative;
    margin-top: 20px
}

#msform fieldset {
    background: white;
    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-bottom: 20px;
    position: relative;
    text-align: right;
}

.form-card {
    text-align: left
}

#msform fieldset:not(:first-of-type) {
    display: none
}

input,
select,
textarea {
    padding: 16px 24px;
    border: 1px solid #DAF0F0;
    border-radius: 0px;
    width: 100%;
    box-sizing: border-box;
    color: #383838;
    background-color: #ffffff;
    font-size: 18px;
    letter-spacing: 1px;
    box-shadow: 6px 6px 34px 0px #00949314;
}

input:focus,
select:focus,
textarea:focus {
    -moz-box-shadow: 6px 6px 34px 0px #00949314 !important;
    -webkit-box-shadow: 6px 6px 34px 0px #00949314 !important;
    box-shadow: 6px 6px 34px 0px #00949314 !important;
    border: 1px solid #DAF0F0;
    outline-width: 0;
}

.upload_imageBox {
    position: relative;
    overflow: hidden;
}

.upload_imageBox > .upload_imageBoxTitle {
    font-size: 16px !important;
    line-height: 27px !important;
    display: inline-block;
    padding: 5px 20px;
    border-radius: 6px 6px 0px 0px;
    margin: 0px;
    background-color: #DAF0F0;
    box-shadow: 6px 6px 34px 0px #00949314;
}

ul.upload_imgList,
ul.upload_imgListTwo {
    list-style: none;
    padding: 0px 30px 0px 0px;
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

ul.upload_imgListTwo {
    gap: 30px;
    padding: 0px;
}

ul.upload_imgList > li,
ul.upload_imgListTwo > li {
    position: relative;
    flex: 0 0 100%;
    max-width: calc(33.33% - 10px);
}

ul.upload_imgListTwo > li {
    max-width: calc(33.33% - 20px);
}

ul.upload_imgList > li:first-child {
    max-width: 100%;
}

ul.upload_imgList > li > a {
    position: absolute;
    top: -14px;
    right: -14px;
    width: 28px;
    height: 28px;
}

ul.upload_imgList > li:first-child > a {
    top: -20px;
    right: -20px;
    width: 40px;
    height: 40px;
}

ul.upload_imgList > li > img,
ul.upload_imgListTwo > li > img {
    width: 100%;
    border-radius: 10px;
}

ul.upload_imgListTwo > li > img {
    height: 145px;
}

ul.upload_imgList > li:first-child > img {
    /*height: 185px;*/
    border-top-left-radius: 0px;
}

ul.upload_imgListTwo > li > h5 {
    font-size: 20px !important;
    line-height: 24px !important;
    margin: 15px 0px;
    text-align: center;
}

.upload_btnBox {
    position: relative;
    padding: 50px 40px;
    border-radius: 10px;
    border: 1px solid #DAF0F0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.upload-btn-wrapper {
    position: relative;
    /*overflow: hidden;*/
    display: inline-block;
    width: 100%;
}

.video-play-button-overlay {
    position: absolute;
    top: 12px;
    left: 38px;
    color: #FFF;
    border-color: #FFF;
    border: 2px solid #FFF;
    padding: 0px 8px;
    font-size: 12px;
    border-radius: 8px;
    background: rgb(255 255 255 / 30%);
}
  
.upload_btn {
    color: #001F1E;
    background: linear-gradient(180deg, #F3FFFF 0%, #B4CCCC 110.34%);
    background-color: white;
    border: 1px solid #DAF0F0;
    box-shadow: 6px 6px 34px 0px rgb(0 148 147 / 8%);
    padding: 20px 40px;
    border-radius: 75px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    cursor: pointer !important;
    width: 100%;
}

.upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0; 
}

#msform .action-button {
    width: auto;
    padding: 18px 60px;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    font-family: "Rubik";
    color: #ffffff;
    background-image: linear-gradient(118.95deg, #4DC0BF 27.03%, #009A98 64.97%);
    border-radius: 100px;
    border: 0;
    box-shadow: 8px 18px 48px rgba(1, 122, 122, 0.1411764706);
}

#msform .action-button:hover,
#msform .action-button:focus {
    color: #ffffff;
    background-image: linear-gradient(118.95deg, #009290 27.03%, #006362 64.97%);
    box-shadow: 8px 18px 48px rgba(1, 122, 122, 0.2392156863);
}

#msform .action-button-previous {
    width: 100px;
    background: transparent;
    font-weight: 400;
    font-size: 20px;
    color: #004E4D;
    border: 0px;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 0px;
}

#msform .action-button-previous:hover,
#msform .action-button-previous:focus {
    background-color: #000000
}

.previous_btn {
    position: relative;
    float: left;
}

.previous_btn > svg {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    z-index: 0;
}

.previous_btn > input, .previous_btn > button {
    width: auto !important;
    color: #004E4D !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    background: transparent !important;
    border: 0px !important;
    box-shadow: none !important;
    padding: 18px 0px 18px 45px !important;
    display: inline-block;
    vertical-align: middle;
    z-index: 1;
    position: relative;
    font-family: "Rubik" !important;
}

section.stepForm_section .card {
    z-index: 0;
    border: none;
    position: relative;
    padding: 50px 60px;
}

.fs-title {
    font-size: 18px !important;
    line-height: 26px !important;
    color: #47B3B2 !important;
    margin-bottom: 0px;
    font-weight: 700 !important;
    text-align: left !important;
}

.ques-title {
    font-size: 36px !important;
    font-weight: 700 !important;
    line-height: 46px !important;
    letter-spacing: -0.03em !important;
    font-family: "Rubik" !important;
}

.purple-text {
    color: #00D1E0;
    font-weight: normal
}

.steps {
    font-size: 25px;
    color: gray;
    margin-bottom: 10px;
    font-weight: normal;
    text-align: right
}

.fieldlabels {
    color: gray;
    text-align: left
}

#progressbar {
    padding-left: 0px;
    margin-bottom: 90px;
    overflow: hidden;
    color: lightgrey
}

#progressbar .active {
    color: #47B3B2;
}

#progressbar li {
    list-style-type: none;
    font-size: 14px;
    width: 20%;
    float: left;
    position: relative;
    font-weight: 400;
    color: #001F1E;
}

#progressbar li > strong > br {
    display: none;
}

#progressbar #basicInfo:before {
    content: "1";
}

#progressbar #beneficiary:before {
    content: "4";
}

#progressbar #fundraiserDetails:before {
    content: "2";
}

#progressbar #imageVideo:before {
    content: "3";
}

#progressbar #previewPublish:before {
    content: "5";
}

#progressbar li:before {
    width: 30px;
    height: 30px;
    line-height: 25px;
    display: block;
    font-size: 18px;
    font-weight: 700;
    font-family: "Rubik" !important;
    color: #68A8A8;
    background: #DAF0F0;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px;
    position: relative;
    z-index: 1;
}

#progressbar:after {
    content: '';
    width: 80%;
    height: 2px;
    background: #DAF0F0;
    position: absolute;
    left: 10%;
    top: 14px;
    z-index: -1;
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: transparent;
    position: absolute;
    left: 0;
    top: 14px;
    z-index: 0;
}

#progressbar li:first-child:after {
    width: 50%;
    right: 0;
    left: auto;
}

#progressbar li.active:before,
#progressbar li.active:after {
    /*background: linear-gradient(118.95deg, #4DC0BF 27.03%, #009A98 64.97%);*/
    background: #009a98;
    color: #ffffff;
}

.progress {
    height: 20px
}

.progress-bar {
    background-color: #00D1E0
}

.fit-image {
    width: 100%;
    object-fit: cover
}

.form-label {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    font-family: "Rubik";
    color: #001F1E;
    letter-spacing: -0.02em;
    margin-bottom: 15px;
}

.btn_tooltip {
    padding: 0px;
    line-height: 1;
    margin: -30px 0px 0px 0px;
    width: 20px;
    height: 20px;
}

.tooltip-inner {
    background: #ffffff !important;
    border-radius: 8px !important;
    border: 1px solid #DAF0F0 !important;
    padding: 45px !important;
    box-shadow: 6px 6px 34px 0px rgb(0 148 147 / 8%) !important;
}

.tooltip-inner h4 {
    font-size: 20px !important;
    line-height: 24px !important;
}


.pop_tooltip {
    cursor: default;
    text-decoration: underline;
    font-weight:bold;
}

.tooltip {
    position: absolute;
    opacity: 0;
    background: #ffffff;
    background-color: #ffffff;
    border-radius: 8px;
    color: white;
    font-weight: normal;
    display: inline-block !important;
    text-align: center;
    padding: 30px 40px;
    border: 1px solid #DAF0F0;
    border-radius: 5px;
    box-shadow: 6px 6px 24px 0px rgb(0 148 147 / 8%);
    -webkit-box-shadow: 6px 6px 24px 0px rgb(0 148 147 / 8%);
    -moz-box-shadow: 6px 6px 24px 0px rgb(0 148 147 / 8%);
}

.tooltip h4 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}

.tooltip .embed-responsive {
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}

.tooltip .embed-responsive::before {
    content: "";
    display: block;
    padding: 70px 130px;
}

.tooltip .embed-responsive iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}





@media screen and (max-width: 1399.98px) {

    #progressbar {
        margin-bottom: 70px;
    }

    #progressbar li {
        font-size: 13px;
    }

    section.stepForm_section .card {
        padding: 40px 40px;
    }

    .upload_btn {
        padding: 16px 32px;
        font-size: 16px;
    }

    #msform .action-button {
        padding: 15px 45px;
        font-size: 16px;
    }

    .previous_btn > input {
        font-size: 16px !important;
        padding: 15px 0px 15px 40px !important;
    }

    .previous_btn > svg {
        height: 20px;
    }

    .form-label {
        font-size: 20px;
        line-height: 28px;
    }

    #msform input,
    #msform select,
    #msform textarea {
        padding: 12px 24px;
        font-size: 16px;
    }
    

}


@media screen and (max-width: 991.98px) {

    .step_img {
        height: 200px;
    }

    .step_logo {
        top: 30px;
    }

    section.stepForm_section .card {
        padding: 30px 15px;
    }

    #progressbar li {
        line-height: 1.25;
    }

    #progressbar li > strong > br {
        display: block;
    }


}


@media screen and (max-width: 767.98px) {


    span.tooltip {
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;
        margin: 0px !important;
    }

}

.desktop-only {
  display: block;
}
.mobile-only {
  display: none;
}

@media screen and (max-width: 767.98px) {
  .desktop-only {
    display: none;
  }
  .mobile-only {
    display: block;
  }
}

/******* TEAM MEMBER PAGE*********/

.team-member-card {
  background-color: #fff;
  border: 1px solid #efefef;
  border-radius: 5px;
  height: 80px;
  margin-top: 10px;
  position: relative;
  width: 100%
}

.team-member-avatar {
  left: 15px;
  position: absolute;
  top: 15px
}

.team-member-avatar img {
  border-radius: 30px;
  height: 50px
}

.team-member-name {
  font-size: 18px;
  left: 75px;
  position: absolute;
  top: 15px
}

.team-member-description {
  color: #999;
  font-size: 14px;
  left: 75px;
  position: absolute;
  top: 40px
}

.team-member-actions {
  position: absolute;
  right: 20px;
  top: 15px
}

.team-member-raised {
  position: absolute;
  right: 20px;
  top: 43px;
}

.payout-options-box {
  margin-bottom: 15px; 
  padding: 20px; 
  border-radius: 15px; 
  background-color: rgb(243 250 251);
}

.youtube-viewer-frame, .vimeo-viewer-frame {
  height: 400px;
}

@media screen and (max-width: 767.98px) {
  .youtube-viewer-frame, .vimeo-viewer-frame {
    height: 200px;
  }
}

/************ INVITATION PAGE ***********/
section.beneficiary-section{
  margin:64px 0;
}
section.beneficiary-section .beneficiary-invitation {
  padding: 48px;
  border-radius: 18px;
  background: linear-gradient(130.26deg, rgba(230, 247, 247, 0.54) 0.5%, rgba(218, 240, 240, 0.216) 54.35%, rgba(228, 247, 247, 0.54) 99.16%);
}
section.beneficiary-section  .beneficiary-invitation-content {
  box-shadow: 6px 6px 24px 0px #00949314;
  padding:48px;
  background: #fff;
  border-radius: 8px;
  height:100%;
  margin-left:15px;
  text-align:center;
}
section.beneficiary-section .financial-support {
  padding-right: 15px;
}
section.beneficiary-section .financial-support .financial-title{
  margin-top:30px;
  margin-bottom:10px;
}
section.beneficiary-section .financial-support .amount span{
 color:#47B3B2;
}
section.beneficiary-section .financial-support ul.support-location {
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 24px;
  margin: 0;
  padding-top: 18px;
  padding-bottom: 24px;
  border-top: 1px solid #DAF0F0;
  margin-top: 10px;
}
section.beneficiary-section .financial-support ul.support-location  li{
  font-family: 'Mulish';
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
section.beneficiary-section .financial-support ul.support-location  li img{
  margin-right:10px;
}
section.beneficiary-section .financial-support .info {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 0;
}
section.beneficiary-section .financial-support .info .label {
  font-family: 'Mulish';
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom:4px;
  color:#475757;
}
section.beneficiary-section .financial-support .info  .name {
  font-family: Rubik;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.02em;
  color:#001F1E;
  margin-bottom:0;
}
section.beneficiary-section .financial-support .financial-card .info{
  border-bottom:1px solid #DAF0F0;
}
section.beneficiary-section .financial-support .financial-card .info:last-child{
  border-bottom:0;
}
section.beneficiary-section .financial-support .financial-card {
  padding: 8px 24px;
  border-left: 4px solid #47B3B2;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 6px 6px 24px 0px #0094930F;
}
section.beneficiary-section .financial-support .financial-support-img{
  width:100%;
  height:282px;
  object-fit:cover;
  border-radius:8px;
}
section.beneficiary-section .beneficiary-invitation-content .decline-btn {
  font-family: Rubik;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.02em;
  text-align: center;
  color: #47B3B2;
  display: block;
  margin-top: 24px;
}
section.beneficiary-section .beneficiary-invitation-content h4 {
  font-size: 34px !important;
  line-height: 46px !important;
  letter-spacing: -0.03em !important;
  margin-bottom:18px;
}
section.beneficiary-section .beneficiary-invitation-content p{
  width:100%;
  max-width:424px;
  margin:0 auto;
  margin-bottom:0;
}
section.beneficiary-section .beneficiary-invitation-content .btn{
  margin-top:36px !important;
}

.beneficiary-invitation .avatar {
  width: 80px;
  height: 80px;
  background: #47b3b2;
  line-height: 80px;
  text-align: center;
  border-radius: 50%;
  margin-right: 30px;
  color: #fff;
  font-size: 50px;
  font-weight: bold;
  font-family: "Rubik" !important;
  overflow: hidden;
}
.beneficiary-invitation .avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50px;
  vertical-align: baseline;
}


/****************** Responsive design ********************* */ 

@media (max-width:1200px){
  .user-login .dropdown-menu {
      position: unset;
      box-shadow: none !important;
  }
}





@media (max-width:992px){
  section.beneficiary-section  .beneficiary-invitation-content {
      margin-left: 0;
      margin-top:0px;
      height:auto;
  }
  section.beneficiary-section .financial-support {
      padding-right: 0px;
      margin-top:40px;
  }
}

@media (max-width:767px){
  section.beneficiary-section .beneficiary-invitation {
      padding:15px;
  }
  section.beneficiary-section  .beneficiary-invitation-content {
      padding: 30px 15px;
  }
  section.beneficiary-section {
      margin: 40px 0;
  }
}