@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap");
body {
  margin: 0;
  /* font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
  'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
  sans-serif; */
  font-family: "Jost", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
}

.container {
  max-width: 1230px;
  padding: 0px 15px;
}

input[type=text], input.text, input.title, textarea, select {
  margin: 0;
}

.main-title {
  color: rgb(1, 96, 111);
  font-family: Jost, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 60px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1199px) {
  .main-title {
    font-size: 36px;
    line-height: 50px;
    margin-top: 0;
  }
}
@media screen and (max-width: 991px) {
  .main-title {
    font-size: 32px;
    line-height: 46px;
  }
}
@media screen and (max-width: 767px) {
  .main-title {
    font-size: 26px;
    line-height: 40px;
  }
}

.sub-title {
  color: rgb(51, 51, 51);
  font-family: Jost, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 40px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1199px) {
  .sub-title {
    font-size: 28px;
    line-height: 35px;
  }
}
@media screen and (max-width: 991px) {
  .sub-title {
    font-size: 25px;
    line-height: 35px;
  }
}

.btn-outline-success-blue {
  background: rgb(1, 96, 111);
  border: none;
  color: rgb(255, 255, 255);
  font-family: Jost, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  padding: 12px 20px;
  transition: all 0.5s ease 0s;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.2) 3px 5px 20px;
}
.btn-outline-success-blue:hover, .btn-outline-success-blue:active {
  transition: all 0.5s ease 0s;
  background: rgb(255, 212, 149) !important;
  color: rgb(51, 51, 51) !important;
}
.btn-outline-success-blue:focus {
  box-shadow: none !important;
  background: rgb(255, 212, 149) !important;
  color: rgb(51, 51, 51) !important;
}

#mega-menu-wrap-primary_menu #mega-menu-primary_menu {
  text-align: left !important;
}

#mega-menu-wrap-primary_menu #mega-menu-primary_menu > li.mega-menu-item > a.mega-menu-link {
  padding: 0px 8px 0px 4px !important;
}
@media screen and (max-width: 1440px) {
  #mega-menu-wrap-primary_menu #mega-menu-primary_menu > li.mega-menu-item > a.mega-menu-link {
    padding: 0 6px !important;
  }
}

ul.mega-sub-menu {
  background: transparent !important;
}

.mega-menu-one {
  max-width: 499px !important;
  border-radius: 15px !important;
}
.mega-menu-one .for-non-col {
  padding: 17px 0px 0px 24px !important;
}
@media screen and (max-width: 1366px) {
  .mega-menu-one .for-non-col {
    padding: 26px 0px 0px 24px !important;
  }
}
@media screen and (max-width: 991px) {
  .mega-menu-one .for-non-col {
    padding: 0px 0px 0px 24px !important;
  }
}

.left-col {
  padding-left: 24px !important;
}
@media screen and (max-width: 767px) {
  .left-col {
    padding-left: 0px !important;
  }
}
.left-col li {
  margin-bottom: 15px !important;
}
.left-col a.mega-menu-link {
  white-space: nowrap !important;
}

.donat-image-col {
  width: 100% !important;
  max-width: 200px !important;
}

.for-nonprofit-col {
  height: 309px !important;
}
@media screen and (max-width: 1024px) {
  .for-nonprofit-col {
    height: auto !important;
  }
}

.mega-menu-three {
  max-width: 611px !important;
  width: 100% !important;
  background-image: url("https://greatnonprofits.org/pages/wp-content/uploads/2024/07/nav-dropdown-back-opacity.webp") !important;
  background-repeat: no-repeat !important;
  background-color: rgba(255, 255, 255, 0.55) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  backdrop-filter: blur(12px) !important;
  background-position: 100% !important;
  background-size: cover !important;
  padding: 10px 10px 0 10px !important;
  border-radius: 15px !important;
}
.mega-menu-three li {
  margin-bottom: 15px !important;
}
.mega-menu-three .about-menu-link {
  padding-left: 24px !important;
  padding-top: 50px !important;
  width: 100% !important;
}
@media screen and (max-width: 1366px) {
  .mega-menu-three .about-menu-link {
    padding-left: 13px !important;
  }
}
@media screen and (max-width: 1024px) {
  .mega-menu-three .about-menu-link {
    padding-top: 20px !important;
  }
}

.solution-col .left-col {
  padding-top: 86px !important;
}
@media screen and (max-width: 1024px) {
  .solution-col .left-col {
    padding-top: 20px !important;
  }
}

.get-col .left-col {
  padding-top: 14px !important;
}

.top-rated-col {
  padding-top: 15px !important;
}

.for-non-col {
  padding-top: 0px !important;
}

li#mega-menu-1366-0-0 {
  margin-bottom: 0px !important;
}

.mega-solution-col {
  padding-bottom: 10px !important;
}

.get-invale-col {
  padding-bottom: 10px !important;
}

.claim-top {
  padding-top: 11px !important;
}
@media screen and (max-width: 1366px) {
  .claim-top {
    padding-top: 20px !important;
  }
}

.top-rated-mega-menu {
  background-image: url("https://greatnonprofits.org/pages/wp-content/uploads/2024/07/nav-dropdown-back.webp") !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 20px !important;
  border-radius: 15px !important;
  opacity: 1 !important;
  margin-top: 0px !important;
  padding: 10px 26px 10px 10px !important;
  border: none !important;
  position: relative !important;
  z-index: -1;
}
.top-rated-mega-menu:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(75px);
          backdrop-filter: blur(75px);
  border-radius: 15px;
  z-index: -1;
  display: block !important;
}
@media screen and (max-width: 991px) {
  .top-rated-mega-menu:after {
    background-color: #fff !important;
  }
}

.mega-sub-menu {
  left: auto !important;
}

.mega-solution-col {
  width: 100%;
  max-width: 426px !important;
}

.get-invale-col {
  width: 100%;
  max-width: 434px !important;
}

.header-section .dropdown:hover .dropdown-menu {
  display: block !important;
  display: block;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  min-width: 100px !important;
  border: none;
}
.header-section .dropdown:hover .dropdown-menu .dropdown-item {
  font-family: Jost, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  font-style: normal;
  color: #333333;
}
.header-section .dropdown:hover .dropdown-menu .dropdown-item:active {
  color: #333333;
  background-color: transparent;
}

#mega-menu-wrap-primary_menu #mega-menu-primary_menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
  margin: 0 !important;
  float: none !important;
}

.mega-about-menu-link:after {
  background: #fff;
  position: absolute;
  width: 1px;
  height: 74%;
  content: "";
  display: block !important;
  top: 52px;
  left: 194px;
}
@media screen and (max-width: 1366px) {
  .mega-about-menu-link:after {
    left: 181px;
  }
}
@media screen and (max-width: 1024px) {
  .mega-about-menu-link:after {
    display: none !important;
  }
}

.mega-about-menu-link {
  position: relative;
}
.mega-about-menu-link .mega-menu-link {
  white-space: nowrap !important;
}

li#mega-menu-item-media_image-8 {
  margin-bottom: 0 !important;
}

.bottom-header div#mega-menu-wrap-primary_menu .max-mega-menu li.mega-menu-row > ul.mega-sub-menu {
  display: flex !important;
  align-items: stretch !important;
}
@media screen and (max-width: 991px) {
  .bottom-header div#mega-menu-wrap-primary_menu .max-mega-menu li.mega-menu-row > ul.mega-sub-menu {
    flex-wrap: wrap;
  }
}

.mega-current-menu-parent .mega-menu-link:before {
  background: #fff !important;
  position: absolute !important;
  width: 87% !important;
  height: 2px !important;
  content: "" !important;
  bottom: -6px !important;
  display: block !important;
  left: 5px !important;
}

.mega-current-menu-parent .mega-sub-menu .mega-menu-link:before {
  display: none !important;
}

header.header-section.fixed .bottom-header {
  padding-top: 12px;
}

header.header-section.fixed {
  position: fixed;
  width: 100%;
  top: 0;
  transition: all 0.2s ease;
  z-index: 99;
}
header.header-section.fixed .top-header {
  display: none !important;
}

@media screen and (max-width: 1024px) {
  .mega-menu-toggle.mega-menu-open {
    position: relative;
    z-index: 999 !important;
    top: -35px;
  }
}

@media screen and (max-width: 1024px) {
  .fixed .mega-menu-toggle.mega-menu-open {
    position: relative;
    z-index: 999 !important;
    top: -35px;
  }
}

@media screen and (max-width: 1024px) {
  #mega-menu-wrap-primary_menu #mega-menu-primary_menu > li.mega-menu-megamenu > ul.mega-sub-menu {
    position: relative !important;
  }
}

@media screen and (max-width: 1024px) {
  #mega-menu-wrap-primary_menu #mega-menu-primary_menu li.mega-menu-item a.mega-menu-link:before {
    display: none !important;
  }
}

@media screen and (max-width: 1024px) {
  #mega-menu-wrap-primary_menu #mega-menu-primary_menu > li.mega-menu-item > a.mega-menu-link {
    padding: 15px 15px !important;
  }
}

@media screen and (max-width: 1024px) {
  #mega-menu-wrap-primary_menu #mega-menu-primary_menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {
    padding: 15px !important;
  }
}

@media screen and (max-width: 1024px) {
  #mega-menu-wrap-primary_menu #mega-menu-primary_menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column {
    padding-left: 0 !important;
  }
}

/**********header-css start***********/
.mega-menu-primary_menu-mobile-open {
  overflow: hidden;
}

.header-container {
  max-width: 1390px;
  padding: 0px 15px;
  margin: 0 auto;
}

.header-section {
  background: #01606F;
}
.header-section .top-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px 0 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  margin-bottom: 10px;
}
@media screen and (max-width: 991px) {
  .header-section .top-header {
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 0;
    border-bottom: 0;
  }
}
.header-section .button-section {
  display: flex;
  gap: 15px;
}
.header-section .button-section .write-review-btn {
  background: rgb(249, 220, 112);
  box-shadow: rgba(0, 0, 0, 0.2) 3px 5px 20px;
  border-radius: 10px;
  border-color: rgb(249, 220, 112);
  font-family: Jost, sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  font-style: normal;
  color: rgb(51, 51, 51);
  transition: all 0.5s ease 0s;
  text-decoration: none;
  padding: 8px 25px;
}
.header-section .button-section .dropdown-toggle {
  font-family: Jost, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  font-style: normal;
  display: flex;
  align-items: center;
  box-shadow: rgba(0, 0, 0, 0.2) 3px 5px 20px;
  border: 2px solid rgb(249, 220, 112);
  border-radius: 10px;
  -moz-column-gap: 5px;
       column-gap: 5px;
  padding: 6px 8px;
  background: transparent;
  transition: all 0.5s ease 0s;
  color: #fff;
}
.header-section .button-section .dropdown-toggle:after {
  display: none;
}
.header-section .button-section .dropdown-menu.show {
  display: block;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  min-width: 100px !important;
  border: none;
}
.header-section .button-section .dropdown-menu.show .dropdown-item {
  font-family: Jost, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  font-style: normal;
  color: #333333;
}
.header-section .button-section .dropdown-menu.show .dropdown-item:active {
  color: #333333;
  background-color: transparent;
}

.mega-about-menu-link ul.mega-sub-menu {
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-gap: 22px;
       column-gap: 22px;
  width: 100% !important;
  position: relative !important;
}
.mega-about-menu-link ul.mega-sub-menu:after {
  background-color: #fff !important;
  position: absolute !important;
  width: 100% !important;
  height: 500px !important;
  content: "" !important;
  top: 0 !important;
}
@media screen and (max-width: 991px) {
  .mega-about-menu-link ul.mega-sub-menu {
    -moz-column-count: 1;
         column-count: 1;
  }
}

#mega-menu-wrap-primary_menu {
  background-color: transparent;
}
#mega-menu-wrap-primary_menu .mega-menu-link {
  background: transparent !important;
  font-size: 16px !important;
  line-height: 23px !important;
  font-family: Jost, sans-serif !important;
  height: auto !important;
}
@media screen and (max-width: 1366px) {
  #mega-menu-wrap-primary_menu .mega-menu-link {
    font-size: 15px !important;
    line-height: 21px !important;
    padding: 0px 5px 0px 5px !important;
    width: 100% !important;
  }
}
#mega-menu-wrap-primary_menu .mega-sub-menu li {
  text-align: center !important;
}
#mega-menu-wrap-primary_menu .mega-sub-menu li .mega-menu-link {
  color: #000000 !important;
  font-size: 16px !important;
  line-height: 23px !important;
  font-weight: 500;
  padding: 0px !important;
}
@media screen and (max-width: 1366px) {
  #mega-menu-wrap-primary_menu .mega-sub-menu li .mega-menu-link {
    font-size: 15px !important;
    line-height: 21px !important;
    padding: 0px 5px 0px 5px !important;
  }
}

@media screen and (max-width: 1024px) {
  #mega-menu-primary_menu {
    background: #01606f !important;
    -webkit-backdrop-filter: blur(75px) !important;
            backdrop-filter: blur(75px) !important;
    z-index: 99;
    left: 0px !important;
    padding-left: 14px !important;
    padding-top: 20px !important;
    position: fixed !important;
    width: 100% !important;
    top: 0px !important;
    bottom: 0 !important;
    overflow-x: scroll !important;
    left: 0px !important;
  }
  #mega-menu-primary_menu .mega-menu-link {
    color: #fff !important;
    font-size: 16px !important;
    line-height: 23px !important;
    font-weight: 500;
    height: auto !important;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1366px) {
  #mega-menu-primary_menu .mega-menu-link {
    font-size: 15px !important;
    line-height: 21px !important;
    padding: 0px 5px 0px 5px !important;
  }
}
@media screen and (max-width: 1024px) and (max-width: 991px) {
  #mega-menu-primary_menu .mega-menu-link {
    font-size: 18px !important;
    line-height: 21px !important;
    padding: 0px 5px 10px 5px !important;
  }
}

.right-header {
  display: flex;
  gap: 15px;
  justify-content: end;
  align-items: center;
  padding-top: 0px;
}
@media screen and (max-width: 1024px) {
  .right-header {
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: 100%;
    padding-top: 0;
  }
}
@media screen and (max-width: 991px) {
  .right-header .blog-bag {
    width: 100%;
    max-width: 77px;
  }
}
.right-header .review-serch-box {
  margin-top: 0;
}
@media screen and (max-width: 991px) {
  .right-header .review-serch-box {
    width: 79%;
  }
}
.right-header .review-serch-box .form-control {
  height: 40px;
  font-family: Jost, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
}
.right-header .review-serch-box .input-group {
  height: 40px;
  align-items: center;
}
.right-header .review-serch-box .search-header {
  height: 40px;
}
.right-header .review-serch-box .search-header .zipcode:after {
  background: rgb(51, 51, 51);
  position: absolute;
  width: 1px;
  height: 30px;
  content: "";
  top: 4px;
}
.right-header .review-serch-box .search-group-icon {
  width: 32px;
  min-width: 32px;
  height: 32px;
  background: rgb(249, 220, 112);
  border-radius: 7px;
  padding: 6px;
}
.right-header .review-serch-box .search-icon {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
}
.right-header .blog-bag ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 30px;
}
@media screen and (max-width: 1366px) {
  .right-header .blog-bag ul {
    gap: 10px;
  }
}
.right-header .blog-bag ul li:nth-child(2) {
  border-left: 1px solid rgb(255, 255, 255);
  padding-left: 15px !important;
}
.right-header .blog-bag ul li a {
  font-size: 16px !important;
  line-height: 23px !important;
  font-family: Jost, sans-serif !important;
  color: #fff;
  text-decoration: none;
}

@media screen and (max-width: 1024px) {
  #mega-menu-wrap-primary_menu {
    position: absolute;
    right: 0px;
    top: 80px;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  #mega-menu-wrap-primary_menu {
    top: 72px;
  }
}
@media screen and (max-width: 991px) {
  #mega-menu-wrap-primary_menu {
    top: 58px;
    left: -12px;
  }
}
@media screen and (max-width: 567px) {
  #mega-menu-wrap-primary_menu {
    top: 58px;
    left: 0px;
  }
}
@media screen and (max-width: 1024px) {
  #mega-menu-wrap-primary_menu .mega-menu-toggle {
    background-color: transparent !important;
    margin-top: 0px;
    height: auto !important;
  }
}
@media screen and (max-width: 991px) {
  #mega-menu-wrap-primary_menu .mega-menu-toggle {
    margin-top: 0;
    height: 28px !important;
    margin-right: 0;
    width: 50px !important;
    right: 0;
    position: fixed;
    top: 73px;
  }
}
@media screen and (max-width: 768px) {
  #mega-menu-wrap-primary_menu .mega-menu-toggle {
    margin-top: 13px;
    height: auto !important;
    margin-right: 10px;
    width: 50px !important;
    right: 0;
    position: absolute;
    top: 0px;
  }
}
@media screen and (max-width: 640px) {
  #mega-menu-wrap-primary_menu .mega-menu-toggle {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  #mega-menu-wrap-primary_menu .mega-menu-toggle {
    margin-top: -14px;
    height: 92px !important;
  }
}
@media screen and (max-width: 480px) {
  #mega-menu-wrap-primary_menu .mega-menu-toggle {
    margin-top: -14px;
    height: 77px !important;
    margin-right: 0;
    width: 50px !important;
    right: 0;
    position: absolute;
  }
}
#mega-menu-wrap-primary_menu .mega-menu-toggle .mega-toggle-blocks-right {
  width: 65px !important;
  display: block !important;
  position: relative;
}

.bottom-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 10px;
  margin: 0px;
}
@media screen and (max-width: 1199px) {
  .bottom-header {
    flex-wrap: wrap;
    gap: 0px;
    justify-content: start;
  }
}
@media screen and (max-width: 991px) {
  .bottom-header {
    padding-left: 9px;
  }
}
@media screen and (max-width: 768px) {
  .bottom-header {
    padding-left: 0px;
  }
}
.bottom-header .donate-now-btn {
  background: rgb(247, 147, 30);
  border: none;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.2) 3px 5px 20px;
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  padding: 11px 33px;
  color: rgb(51, 51, 51);
  width: 100%;
}
@media screen and (max-width: 991px) {
  .bottom-header .donate-now-btn {
    font-size: 16px;
    padding: 11px 10px;
  }
}
.bottom-header .donate-now-btn:hover,
.bottom-header .donate-now-btn:active {
  background: rgb(255, 212, 149) !important;
  color: rgb(51, 51, 51) !important;
}
.bottom-header .mega-menu-about .mega-menu-item {
  padding: 0 !important;
}
.bottom-header .mega-menu-about .mega-menu-link {
  font-family: Jost, sans-serif;
  font-size: 16px;
  font-weight: 500 !important;
  line-height: 26px;
  text-transform: capitalize !important;
}
.bottom-header .top-rated-mega-menu {
  width: 100% !important;
}
.bottom-header .mega-donat-image-col {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  background: rgb(255, 255, 255) !important;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 30px !important;
  border-radius: 15px !important;
  row-gap: 20px !important;
  width: 100% !important;
}
@media screen and (max-width: 991px) {
  .bottom-header .mega-donat-image-col {
    max-width: 100% !important;
    width: 100% !important;
    display: none !important;
  }
}
@media screen and (max-width: 991px) {
  .bottom-header .mega-donat-image-col .mega-sub-menu {
    display: flex !important;
    align-items: center;
  }
}
.bottom-header .mega-donat-image-col .mega-sub-menu {
  margin: 0px !important;
}
.bottom-header .write-button {
  display: none;
}

header.header-section.fixed .mega-menu-toggle.mega-menu-open {
  display: block !important;
}

.fixed .mega-menu-toggle {
  display: none !important;
}

.bottom-header.fixed {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 1000;
  background: rgba(1, 96, 111, 0.9);
  justify-content: center;
  align-items: center;
  gap: 50px;
}
.bottom-header.fixed .right-header .review-serch-box .search-header {
  height: 40px;
}
.bottom-header.fixed .dropdown-toggle {
  font-family: Jost, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  font-style: normal;
  display: flex;
  align-items: center;
  box-shadow: rgba(0, 0, 0, 0.2) 3px 5px 20px;
  border: 2px solid rgb(249, 220, 112);
  border-radius: 10px;
  -moz-column-gap: 5px;
  column-gap: 5px;
  padding: 6px 8px;
  background: transparent;
  transition: all 0.5s ease 0s;
  color: #fff;
}
.bottom-header.fixed .dropdown-menu.show {
  display: block;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  min-width: 100px !important;
  border: none;
}
.bottom-header.fixed .dropdown-item {
  font-family: Jost, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  font-style: normal;
  color: #333333;
}
.bottom-header.fixed .dropdown-toggle::after {
  display: none !important;
}
.bottom-header.fixed .write-button {
  display: flex;
  gap: 13px;
  align-items: center;
}
@media screen and (max-width: 1280px) {
  .bottom-header.fixed .write-button {
    display: none;
  }
}
.bottom-header.fixed .write-button .write-review-btn {
  background: rgb(249, 220, 112);
  box-shadow: rgba(0, 0, 0, 0.2) 3px 5px 20px;
  border-radius: 10px;
  border-color: rgb(249, 220, 112);
  font-family: Jost, sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  font-style: normal;
  color: rgb(51, 51, 51);
  transition: all 0.5s ease 0s;
  text-decoration: none;
  padding: 8px 25px;
}
@media screen and (max-width: 991px) {
  .bottom-header.fixed {
    position: static;
  }
}
.bottom-header.fixed #mega-menu-wrap-primary_menu {
  padding: 20px 0 12px 0;
}

.fixed .blog-bag {
  display: none;
}

@media screen and (max-width: 1024px) {
  #mega-menu-wrap-primary_menu .mega-menu-toggle.mega-menu-open + #mega-menu-primary_menu {
    padding-top: 70px !important;
    padding-left: 0 !important;
  }
}

/**********header-css end***********/
/**********footer-css start***********/
.footer-section {
  background: rgb(1, 96, 111);
  padding: 43px 0px 0 0;
}
.footer-section .footer-top {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  padding-bottom: 20px;
}
.footer-section .footer-text {
  color: rgb(255, 255, 255);
  font-family: Jost, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  margin: 20px 0px 30px;
}
.footer-section .write-yellow-btn {
  width: 100%;
  padding: 14px 0px;
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  display: inline-flex;
  justify-content: center;
  gap: 10px;
  background: rgb(249, 220, 112);
  box-shadow: rgba(0, 0, 0, 0.2) 3px 5px 20px;
  border-radius: 10px;
  border-color: rgb(249, 220, 112);
  font-family: Jost, sans-serif;
  font-style: normal;
  color: rgb(51, 51, 51);
}
.footer-section .write-yellow-btn:hover {
  background: rgb(255, 255, 255);
  color: rgb(1, 96, 111);
  border: 1px solid rgb(255, 255, 255);
}
.footer-section .write-yellow-btn:hover path {
  stroke: rgb(1, 96, 111);
}
.footer-section .footer-title {
  color: rgb(255, 255, 255);
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 0px;
  position: relative;
}
@media screen and (max-width: 575px) {
  .footer-section .footer-title {
    padding-top: 20px;
  }
}
.footer-section .footer-title:after {
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  width: 60px;
  height: 1px;
  content: "";
  bottom: -10px;
  left: 0px;
}
.footer-section ul {
  padding: 0px;
  margin: 30px 0px 0px;
  list-style: none;
}
.footer-section ul li {
  margin: 0px 0 10px 0;
  display: flex;
  gap: 10px;
}
@media screen and (max-width: 991px) {
  .footer-section ul li {
    margin: 0 0 5px 0;
  }
}
.footer-section ul li a {
  color: rgb(255, 255, 255);
  font-family: Jost, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 25px;
  text-decoration: none;
  display: flex;
  gap: 12px;
  align-items: center;
  transition: all 0.3s ease 0s;
}
.footer-section ul li a img {
  filter: invert(1) brightness(0);
}
.footer-section ul li a:hover {
  color: #cbc5c5;
}
.footer-section ul li a span {
  background: 0% 0% no-repeat padding-box padding-box rgb(249, 220, 112);
  border-radius: 10px;
  width: 36px;
  min-width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.footer-section ul li a.more-city {
  font-weight: 700;
  text-decoration: underline;
  padding: 0px;
}
.footer-section .right-col {
  padding-left: 75px;
}
@media screen and (max-width: 767px) {
  .footer-section .right-col {
    padding-left: 20px;
    padding-top: 30px;
  }
}

.middle-footer {
  padding: 30px 0;
}
.middle-footer .footer-title {
  color: rgb(255, 255, 255);
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 0px;
  position: relative;
}
.middle-footer .footer-title:after {
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  width: 60px;
  height: 1px;
  content: "";
  bottom: -10px;
  left: 0px;
}
.middle-footer ul {
  -moz-column-count: 3;
       column-count: 3;
}
@media screen and (max-width: 575px) {
  .middle-footer ul {
    -moz-column-count: 2;
         column-count: 2;
  }
}

.bottom-footer {
  background: 0% 0% no-repeat padding-box padding-box rgb(1, 107, 123);
  padding: 23px 0px;
  text-align: center;
  color: rgb(255, 255, 255);
  font-size: 12px;
  line-height: 25px;
  font-family: Jost, sans-serif;
  font-weight: 300;
}
.bottom-footer a {
  color: rgb(255, 255, 255);
  text-decoration: none;
}

/**********footer-css end***********/
/********About Top Rated awards start ***********/
.about-top-section {
  width: 100%;
  background: rgb(221, 245, 246);
  padding-top: 50px;
}
@media screen and (max-width: 1024px) {
  .about-top-section {
    padding-top: 178px;
  }
}
@media screen and (max-width: 991px) {
  .about-top-section {
    padding-top: 30px;
  }
  .about-top-section .row {
    gap: 20px;
  }
}
.about-top-section .about-top-left {
  width: 100%;
  max-width: 340px;
  text-align: center;
  margin: 0 auto;
}
.about-top-section .about-top-left img {
  width: 100%;
  max-width: 300px;
  height: auto;
  display: block;
  margin: 0px auto;
}
.about-top-section .about-top-right {
  margin-top: 0px;
}
.about-top-section .about-top-right img {
  width: 100%;
  height: auto;
  display: block;
}

.top-rated-awards {
  width: 100%;
  padding: 50px 0px;
  background: rgb(241, 254, 255);
}
.top-rated-awards .top-rated-right {
  width: 100%;
  padding: 20px;
  background: rgb(255, 255, 255);
  border-radius: 15px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 30px;
}
.top-rated-awards .top-rated-right h2 {
  color: rgb(1, 96, 111);
  font-size: 20px;
  font-family: Jost, sans-serif;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 0;
}
.top-rated-awards .top-rated-wrapper {
  width: 100%;
  background: rgb(243, 243, 243);
  border-radius: 10px;
  padding: 20px 15px;
  margin-top: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  -moz-column-gap: 15px;
       column-gap: 15px;
}
@media screen and (max-width: 575px) {
  .top-rated-awards .top-rated-wrapper {
    flex-wrap: wrap;
  }
}
.top-rated-awards .top-rated-wrapper .top-rated-image {
  width: 100%;
  max-width: 200px;
}
@media screen and (max-width: 575px) {
  .top-rated-awards .top-rated-wrapper .top-rated-image {
    display: block;
    margin: 0 auto;
  }
}
.top-rated-awards .top-rated-wrapper .top-rated-content {
  color: rgba(51, 51, 51, 0.8);
  font-size: 14px;
  font-weight: 400;
  font-family: Jost, sans-serif;
  line-height: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  row-gap: 10px;
  flex: 1;
}
.top-rated-awards .top-rated-wrapper h3 {
  color: rgb(1, 96, 111);
  font-size: 18px;
  font-family: Jost, sans-serif;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 0;
}
.top-rated-awards .top-rated-left {
  color: rgb(51, 51, 51);
  font-size: 18px;
  font-family: Jost, sans-serif;
  font-weight: 400;
  line-height: 28px;
  padding: 51px 0px;
}
@media screen and (max-width: 575px) {
  .top-rated-awards .top-rated-left {
    padding-bottom: 0;
  }
}
.top-rated-awards .top-rated-left a {
  color: rgb(1, 96, 111);
  font-size: 18px;
  font-family: Jost, sans-serif;
  font-weight: 700;
  line-height: 28px;
  cursor: pointer;
  text-decoration: none;
}
.top-rated-awards .nonprofits {
  width: 100%;
  background: rgb(255, 255, 255);
  color: rgb(51, 51, 51);
  font-size: 18px;
  font-family: Jost, sans-serif;
  font-weight: 400;
  line-height: 28px;
  padding: 20px;
  border: 1px solid rgb(0, 0, 0);
  border-radius: 15px;
  margin-bottom: 20px;
  margin-top: 50px;
}
.top-rated-awards .nonprofits h2 {
  color: rgb(51, 51, 51);
  font-size: 20px;
  font-family: Jost, sans-serif;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 25px;
}
.top-rated-awards .nonprofits .learn-qualify-btn {
  background: rgb(255, 212, 149);
  font-size: 16px;
  font-family: Jost, sans-serif;
  font-weight: 500;
  line-height: 22px;
  color: rgb(51, 51, 51);
  padding: 13px 20px;
  border-radius: 10px;
  border: none;
  box-shadow: rgba(0, 0, 0, 0.2) 3px 5px 20px;
  max-width: 242px;
  width: 100%;
  transition: all 0.5s ease 0s;
  text-align: center;
}
.top-rated-awards .nonprofits .learn-qualify-btn:hover {
  background: rgb(1, 107, 123);
  color: rgb(255, 255, 255);
}
.top-rated-awards .nonprofits a {
  color: rgb(1, 96, 111);
  font-size: 18px;
  font-family: Jost, sans-serif;
  font-weight: 700;
  line-height: 28px;
  text-decoration: none;
}
.top-rated-awards .nonprofits p {
  margin-bottom: 30px;
}
.top-rated-awards .nonprofits:last-child p {
  margin-bottom: 20px;
}
.top-rated-awards .volunteers {
  margin-top: 20px;
}
.top-rated-awards .volunteers a {
  color: rgb(1, 96, 111);
  font-size: 18px;
  font-family: Jost, sans-serif;
  font-weight: 700;
  line-height: 28px;
  text-decoration: none;
}
.top-rated-awards .volunteers .learn-qualify-btn {
  background: rgb(1, 96, 111);
  color: #fff;
  transition: all 0.5s ease 0s;
}
.top-rated-awards .volunteers .learn-qualify-btn:hover, .top-rated-awards .volunteers .learn-qualify-btn:active {
  background: rgb(255, 212, 149);
  color: rgb(51, 51, 51);
}
.top-rated-awards .special-thanks-sponsors {
  width: 100%;
  padding: 15px;
  background: rgb(243, 243, 243);
  border-radius: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  -moz-column-gap: 40px;
       column-gap: 40px;
  text-align: center;
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .top-rated-awards .special-thanks-sponsors {
    flex-wrap: wrap;
  }
}
.top-rated-awards .special-thanks-sponsors h3 {
  max-width: 230px;
  color: rgb(51, 51, 51);
  font-size: 30px;
  font-family: Jost, sans-serif;
  font-weight: 700;
  line-height: 44px;
  margin-left: 29px;
  text-align: left;
}
.top-rated-awards .special-thanks-sponsors .sponsors-images-wrapper {
  width: 100%;
  max-width: 900px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 10px 15px;
}
@media screen and (max-width: 1024px) {
  .top-rated-awards .special-thanks-sponsors .sponsors-images-wrapper {
    flex-wrap: nowrap;
  }
}
@media screen and (max-width: 767px) {
  .top-rated-awards .special-thanks-sponsors .sponsors-images-wrapper {
    flex-wrap: wrap;
  }
}
.top-rated-awards .special-thanks-sponsors .sponsors-images-col {
  width: 100%;
  max-width: 428px;
  background: rgb(255, 255, 255);
  border-radius: 10px;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1199px) {
  .top-rated-awards .special-thanks-sponsors .sponsors-images-col {
    max-width: 320px;
  }
}
@media screen and (max-width: 991px) {
  .top-rated-awards .special-thanks-sponsors .sponsors-images-col {
    max-width: 196px;
  }
}
@media screen and (max-width: 767px) {
  .top-rated-awards .special-thanks-sponsors .sponsors-images-col {
    max-width: 100%;
  }
}

.latest-news-section {
  background: linear-gradient(292deg, rgb(247, 147, 30) 0%, rgb(51, 167, 174) 100%) 0% 0% no-repeat padding-box padding-box transparent;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 30px;
  border-radius: 0px;
  padding: 30px 0px 48px;
}
.latest-news-section h3 {
  display: flex;
  align-items: center;
  font-family: Jost, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  color: rgb(255, 255, 255);
  -moz-column-gap: 12px;
       column-gap: 12px;
  margin-bottom: 20px;
}

/********About Top Rated awards end ***********/
/**********Top-Rated-List start************/
.top-rated-list {
  padding: 62px 0px 50px;
}
.top-rated-list .about-top-right {
  color: rgb(51, 51, 51);
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  margin-bottom: 15px;
}
.top-rated-list .about-top-right a {
  color: rgb(1, 96, 111);
  font-weight: 700;
  text-decoration: none;
}
.top-rated-list .about-top-right p {
  margin-bottom: 15px;
}
.top-rated-list .press-media-inquiries {
  background: 0% 0% no-repeat padding-box padding-box rgb(255, 255, 255);
  border-radius: 15px;
  opacity: 1;
  text-align: center;
  padding: 20px;
  margin-top: 30px;
  color: rgb(51, 51, 51);
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
}
.top-rated-list .press-media-inquiries h2 {
  color: rgb(1, 96, 111);
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
  margin-bottom: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 12px;
}

.top-rated-awards .rated-list-search {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}
@media screen and (max-width: 575px) {
  .top-rated-awards .rated-list-search {
    gap: 10px;
  }
}
.top-rated-awards .rated-list-search .dropdown {
  width: calc(25% - 20px);
}
@media screen and (max-width: 1199px) {
  .top-rated-awards .rated-list-search .dropdown {
    width: calc(33.33% - 30px);
  }
}
@media screen and (max-width: 767px) {
  .top-rated-awards .rated-list-search .dropdown {
    width: 100%;
  }
}
.top-rated-awards .rated-list-search .dropdown-toggle {
  background: #F9DC70;
  border: none;
  border-radius: 10px;
  color: #333333;
  font-size: 18px;
  padding: 11px 55px 11px 24px;
  font-family: "Jost", sans-serif;
  font-weight: 400;
  position: relative;
  width: 100%;
  min-width: 282px;
  text-align: left;
}
.top-rated-awards .rated-list-search .dropdown-toggle:after {
  background-image: url("../images/arrow-down.svg");
  border: none;
  width: 24px;
  position: absolute;
  height: 24px;
  right: 20px;
  top: 12px;
  transition: all 0.5s ease-in-out;
}
.top-rated-awards .rated-list-search .dropdown-menu {
  background: #FFFFFF 0% 0% no-repeat padding-box !important;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2) !important;
  border-radius: 20px !important;
  border: none !important;
  min-width: 320px !important;
  padding: 23px 60px 20px 23px;
  overflow-y: scroll;
  height: 287px;
}
.top-rated-awards .rated-list-search .dropdown-menu::-webkit-scrollbar {
  width: 8px;
}
.top-rated-awards .rated-list-search .dropdown-menu::-webkit-scrollbar-thumb {
  background-color: #E1E1E1;
  outline: 0px solid #E1E1E1;
  border: 50px;
}
.top-rated-awards .rated-list-search .dropdown-item {
  color: #000000;
  font-size: 16px;
  font-family: "Jost", sans-serif;
  font-weight: 500;
  padding: 7px 0px;
}
.top-rated-awards .rated-list-search .dropdown-item:hover, .top-rated-awards .rated-list-search .dropdown-item:active {
  background: #FFFFFF;
}
.top-rated-awards .rated-list-search .dropdownsearch {
  background: #F9DC70;
  border: none;
  border-radius: 10px;
  color: #333333;
  font-size: 18px;
  font-family: "Jost", sans-serif;
  font-weight: 400;
  display: flex;
  align-items: center;
  min-width: 282px;
}
.top-rated-awards .rated-list-search .dropdownsearch .form-control {
  background: transparent;
  border: none;
  padding: 0;
  color: #333333;
  font-size: 18px;
  font-family: "Jost", sans-serif;
  font-weight: 400;
}
.top-rated-awards .rated-list-search .dropdownsearch .form-control:focus {
  box-shadow: none;
}
.top-rated-awards .rated-list-search .dropdownsearch .form-control::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #333333;
}
.top-rated-awards .rated-list-search .dropdownsearch .form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #333333;
}
.top-rated-awards .rated-list-search .dropdownsearch .form-control:-ms-input-placeholder {
  /* IE 10+ */
  color: #333333;
}
.top-rated-awards .rated-list-search .dropdownsearch .form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #333333;
}
.top-rated-awards .rated-list-search .dropdownsearch .input-group-text {
  background: transparent;
  border: none;
  padding: 12px;
}

.top-list-grid {
  position: relative;
}
.top-list-grid .nav-tabs {
  position: absolute;
  right: 0;
  top: -9px;
  background: rgba(51, 167, 174, 0.5);
  border-radius: 10px;
  display: flex;
  padding: 4px;
  align-items: center;
}
@media screen and (max-width: 1366px) {
  .top-list-grid .nav-tabs {
    max-width: -moz-max-content;
    max-width: max-content;
    position: static;
  }
}
@media screen and (max-width: 991px) {
  .top-list-grid .nav-tabs {
    display: none;
  }
}
.top-list-grid .nav-tabs .nav-link {
  padding: 8px;
  border: none;
}
.top-list-grid .nav-tabs .nav-link.active {
  background: #01606F 0% 0% !important;
  border-radius: 6px;
  border: none;
}
.top-list-grid .nav-tabs .nav-link.active svg rect {
  fill: rgb(255, 255, 255);
}
.top-list-grid .nav-tabs .nav-link:hover {
  border: none;
}
.top-list-grid .tab-content.accordion {
  margin-top: 30px !important;
}
.top-list-grid .accordion-body {
  padding: 0;
  background: transparent;
}
.top-list-grid .accordion-item {
  background-color: transparent;
  border: none;
}
.top-list-grid .accordion-button {
  background: transparent !important;
  border: none !important;
}
.top-list-grid .accordion-button:not(.collapsed) {
  box-shadow: none;
}
.top-list-grid .table-responsive {
  background: 0% 0% no-repeat padding-box padding-box rgb(249, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 30px;
  border-radius: 20px;
}
.top-list-grid .table-responsive thead tr {
  border-bottom: 2px solid #fff;
}
.top-list-grid .table-responsive thead th {
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 400;
  white-space: nowrap;
  padding: 17px 30px !important;
  color: rgb(255, 255, 255) !important;
  background: rgb(1, 96, 111) !important;
  box-shadow: none !important;
}
.top-list-grid .table-responsive tbody td {
  font-family: Jost, sans-serif;
  font-size: 16px;
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
  padding: 20px 30px !important;
  color: rgb(51, 51, 51) !important;
}
.top-list-grid .list-main-title {
  display: flex;
  justify-content: space-between;
  max-width: 1087px;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.top-list-grid .list-main-title h3 {
  color: rgb(0, 0, 0);
  font-family: Jost, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 0px;
}
.top-list-grid .list-main-title h4 {
  color: rgb(0, 0, 0);
  font-family: Jost, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 0px;
}

@media (max-width: 991px) {
  .tab-content > .tab-pane {
    display: block !important;
    opacity: 1;
  }
}
.custom-pagination {
  margin-top: 30px;
  width: 100%;
}
.custom-pagination .pagination {
  justify-content: center;
  margin-top: 0px;
  gap: 10px;
  background: transparent;
  padding-bottom: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
}
.custom-pagination .pagination .page-link {
  color: rgb(0, 0, 0);
  font-size: 16px;
  line-height: 26px;
  font-family: Jost, sans-serif;
  font-weight: 500;
  border: none;
  background: 0% 0% no-repeat padding-box padding-box rgba(33, 130, 136, 0.1);
  border-radius: 10px !important;
  width: 36px;
  min-width: 36px;
  height: 36px;
  display: inline-flex;
  justify-content: center;
  padding: 0px;
  align-items: center;
}
.custom-pagination .pagination .page-link:focus {
  box-shadow: none;
}
.custom-pagination .pagination .page-item:hover span img {
  filter: invert(100%) brightness(184%);
}
.custom-pagination .pagination .page-item:hover .page-link {
  background: rgb(1, 96, 111);
  color: rgb(255, 255, 255);
}
.custom-pagination .pagination .page-item.active .page-link {
  background: rgb(1, 96, 111);
  color: rgb(255, 255, 255);
}
.custom-pagination .pagination .page-item:focus-visible {
  outline: none;
}
.custom-pagination .pagination .prev-view span {
  transform: rotate(87deg);
}
.custom-pagination .pagination .next-view span {
  transform: rotate(-87deg);
}

.top-list-column {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}
.top-list-column .image-box {
  position: relative;
}
.top-list-column .card-donate-btn {
  position: absolute;
  inset: 0px;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.9);
  transition: all 0.5s ease 0s;
}
.top-list-column .card-donate-btn .donate-now-btn {
  background: rgb(247, 147, 30);
  border: none;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.2) 3px 5px 20px;
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  padding: 11px 33px;
  color: rgb(51, 51, 51);
}
@media screen and (max-width: 991px) {
  .top-list-column .card-donate-btn .donate-now-btn {
    font-size: 16px;
    padding: 11px 10px;
  }
}
.top-list-column .box-one {
  width: calc(33.33% - 16px);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 30px;
  border-radius: 20px;
  border: none;
  height: 100%;
  cursor: pointer;
}
@media screen and (max-width: 991px) {
  .top-list-column .box-one {
    width: calc(50% - 12px);
  }
}
@media screen and (max-width: 575px) {
  .top-list-column .box-one {
    width: 100%;
  }
}
.top-list-column .box-one:hover .card-donate-btn {
  display: flex;
  transition: all 0.5s ease 0s;
  border-radius: 19px;
}
.top-list-column .box-one .image-box img {
  width: 100%;
  min-width: 384px;
  height: 100%;
  min-height: 220px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 30px;
}
@media screen and (max-width: 991px) {
  .top-list-column .box-one .image-box img {
    min-width: 314px;
  }
}
@media screen and (max-width: 575px) {
  .top-list-column .box-one .image-box img {
    min-width: 326px;
  }
}
.top-list-column .card-body {
  padding: 20px 20px 24px;
  background: #fff;
  border-radius: 0 0 20px 20px;
}
.top-list-column .card-body .card-title {
  font-family: Jost, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  color: rgb(51, 167, 174);
  margin-bottom: 10px;
  min-height: inherit;
  cursor: pointer;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.top-list-column .card-body .card-text {
  font-family: Jost, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: rgb(85, 85, 85);
  margin-bottom: 11px;
}
.top-list-column .card-body .card-category {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.top-list-column .card-body .card-category .badge {
  border-radius: 17px;
  padding: 5px 8px;
  font-family: Jost, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  background: rgb(1, 96, 111) !important;
}
.top-list-column .card-body .card-review {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 10px;
}
.top-list-column .card-body .card-review h6 {
  color: #333333;
  font-family: Jost, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  margin-bottom: 0;
}

/**********Top-Rated-List end************/
/********giving-guides-section ****************/
.giving-guides-section {
  background-color: #ddf5f6;
  background-image: url("../images/bg-banner.webp");
  padding: 60px 0 70px 0;
}
.giving-guides-section .giving-text {
  color: #333333;
  font-family: "Jost", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  margin-bottom: 0px;
  width: 100%;
  max-width: 588px;
  margin-bottom: 0px;
}
.giving-guides-section .giving-text h1 {
  max-width: 482px;
  width: 100%;
  color: #01606F;
  font-family: "Jost", sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 60px;
  margin-bottom: 20px;
}
.giving-guides-section .left_banner {
  background: #FFFFFF;
  box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.1019607843);
  border-radius: 15px;
  padding: 10px;
  position: relative;
}
@media screen and (max-width: 991px) {
  .giving-guides-section .left_banner {
    margin-top: 45px;
  }
}
@media screen and (max-width: 767px) {
  .giving-guides-section .left_banner {
    margin-top: 0px;
  }
}
.giving-guides-section .left_banner img {
  width: 100%;
}

.give-heart {
  background: rgb(241, 254, 255);
  padding-top: 57px;
  padding-bottom: 50px;
}
.give-heart .row {
  row-gap: 24px;
}
.give-heart h2 {
  color: rgb(0, 0, 0);
  font-family: Jost, sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 20px;
}
.give-heart .give-heart-text {
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 0px;
}
.give-heart .give-heart-text p {
  margin-bottom: 30px;
}
.give-heart .give-heart-text a {
  color: #01606F;
  font-weight: bold;
  text-decoration: none;
}
.give-heart .card {
  background-color: transparent;
  border: none;
}
.give-heart .card .giving-card-img .card-img {
  border-radius: 20px;
  width: 100%;
  min-height: 280px;
  max-height: 280px;
  -o-object-fit: cover;
     object-fit: cover;
}
.give-heart .card .giving-card-text .card-title {
  font-family: "Jost", sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 15px;
  color: #333333;
  cursor: pointer;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.give-heart .card .giving-card-text .giving-description {
  font-family: "Jost", sans-serif;
  color: #333333;
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 30px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.give-heart .card .giving-card-text .btn-outline-success-blue {
  box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background: #01606F;
  width: 100%;
  color: #FFFFFF;
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  padding: 12px 0;
  border: none;
}
.give-heart .card .giving-card-text {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1019607843);
  border-radius: 20px;
  padding: 30px;
  margin-top: -60px;
  max-height: 294px;
}
.give-heart .donate-top-rated {
  background: #FFFFFF;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.0784313725);
  border-radius: 20px;
  padding: 20px 25px;
  display: flex;
  align-items: center;
  -moz-column-gap: 30px;
  column-gap: 30px;
  width: 100%;
  max-width: 996px;
  margin: 50px auto 0px auto;
}
@media screen and (max-width: 575px) {
  .give-heart .donate-top-rated {
    flex-wrap: wrap;
  }
}
.give-heart .donate-top-rated .donate-love-image img {
  width: 100%;
}
.give-heart .donate-top-rated .nonprofit-today-text h3 {
  color: #333333;
  font-family: "Jost", sans-serif;
  font-size: 30px;
  font-weight: bold;
  line-height: 45px;
  margin-bottom: 30px;
}
@media screen and (max-width: 575px) {
  .give-heart .donate-top-rated .nonprofit-today-text h3 {
    font-size: 25px;
    line-height: 30px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.give-heart .donate-top-rated .nonprofit-today-text .learn-qualify-btn {
  background: #FFD495;
  font-size: 16px;
  font-family: "Jost", sans-serif;
  font-weight: 500;
  line-height: 22px;
  color: #333333;
  padding: 13px 20px;
  border-radius: 10px;
  border: none;
  box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 575px) {
  .give-heart .donate-top-rated .nonprofit-today-text .learn-qualify-btn {
    padding: 13px 17px;
  }
}
.give-heart .donate-top-rated .nonprofit-today-text .learn-qualify-btn:hover {
  background: #016B7B;
  color: #fff;
}

.tips-holiday-giving {
  background: #F1FEFF;
  padding-top: 57px;
  padding-bottom: 50px;
}
@media screen and (max-width: 1199px) {
  .tips-holiday-giving {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 991px) {
  .tips-holiday-giving {
    padding-top: 40px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 575px) {
  .tips-holiday-giving {
    padding-top: 30px;
    padding-bottom: 50px;
  }
}
.tips-holiday-giving h3 {
  color: #333333;
  font-family: "Jost", sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 27px;
  margin-bottom: 30px;
  text-align: center;
}
.tips-holiday-giving .tips-holiday-wrapper {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  -moz-column-gap: 24px;
       column-gap: 24px;
  row-gap: 20px;
  flex-wrap: wrap;
}
.tips-holiday-giving .tips-holiday-wrapper .tips-holiday-box {
  width: calc(33.33% - 17px);
  background: #D4ECEE;
  padding: 30px;
  border-radius: 20px;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: flex-start;
  text-align: center;
}
@media screen and (max-width: 991px) {
  .tips-holiday-giving .tips-holiday-wrapper .tips-holiday-box {
    width: calc(50% - 12px);
  }
}
@media screen and (max-width: 575px) {
  .tips-holiday-giving .tips-holiday-wrapper .tips-holiday-box {
    width: 100%;
  }
}
.tips-holiday-giving .tips-holiday-wrapper .tips-holiday-box .tips-holiday-img {
  margin: 0 auto 30px auto;
}
.tips-holiday-giving .tips-holiday-wrapper .tips-holiday-box .tips-holiday-img img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 199px;
}
.tips-holiday-giving .holiday-giving-text {
  width: 100%;
  color: #000000;
  font-size: 14px;
  font-family: "Jost", sans-serif;
  font-weight: 400;
  line-height: 22px;
}
.tips-holiday-giving .holiday-giving-text h3 {
  color: #000;
  font-size: 24px;
  font-family: "Jost", sans-serif;
  font-weight: 500;
  line-height: 34px;
  margin-bottom: 17px;
}
.tips-holiday-giving .holiday-giving-button {
  text-align: center;
  margin-top: 30px;
}
.tips-holiday-giving .holiday-giving-button .btn-outline-success-blue {
  background: #01606F;
  border: none;
  color: #fff;
  font-family: "Jost", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  padding: 12px 20px;
  transition: all 0.5s;
  border-radius: 10px;
  box-shadow: 3px 5px 20px rgba(0, 0, 0, 0.2);
}

/********giving-guides-section-end ****************/
/******************Nominate-start************/
.nominate-section {
  background-color: rgb(221, 245, 246);
  background-image: url("../images/bg-banner.webp");
  padding: 50px 0px;
}
.nominate-section .row {
  align-items: center;
}
@media screen and (max-width: 991px) {
  .nominate-section .search-header .zipcode {
    width: 136px !important;
  }
}
.nominate-section .write-review-text {
  color: rgb(51, 51, 51);
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  margin-bottom: 0px;
}
.nominate-section .write-review-text .search-header .input-group {
  flex-wrap: nowrap !important;
}
.nominate-section .write-review-text .search-header .form-control {
  font-size: 14px;
}
.nominate-section .write-review-text .search-header .zipcode {
  position: relative;
  left: 30px;
  width: inherit;
}
@media screen and (max-width: 575px) {
  .nominate-section .write-review-text .search-header .zipcode {
    left: 0px;
  }
}
@media screen and (max-width: 575px) {
  .nominate-section .write-review-text .search-header {
    height: 45px;
    justify-content: end;
  }
}
.nominate-section .write-review-text span {
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 27px;
  color: #01606F;
  display: inline-flex;
  margin-bottom: 15px;
}
.nominate-section .write-review-text a {
  color: #01606F;
  text-decoration: none;
}
.nominate-section .nominate-image {
  background: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 20px;
  border-radius: 15px;
  padding: 10px;
  position: relative;
}
@media screen and (max-width: 991px) {
  .nominate-section .nominate-image {
    margin-top: 20px;
  }
}
.nominate-section .nominate-image img {
  width: 100%;
  display: block;
  border-radius: 10px;
}

.favorite-nonprofits {
  background: rgb(241, 254, 255);
  padding: 52px 0px;
}
.favorite-nonprofits .want-to-help {
  display: flex;
  gap: 38px;
}
@media screen and (max-width: 767px) {
  .favorite-nonprofits .want-to-help {
    flex-wrap: wrap;
  }
}
.favorite-nonprofits .want-to-help .want-to-help-image {
  width: 100%;
  max-width: 267px;
}
.favorite-nonprofits .want-to-help .want-to-help-image img {
  width: 100%;
}
.favorite-nonprofits .want-to-help .want-to-help-text {
  color: rgb(51, 51, 51);
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
}
.favorite-nonprofits .want-to-help .want-to-help-text p {
  margin-bottom: 20px;
}
.favorite-nonprofits .want-to-help .want-to-help-text h2 {
  color: rgb(51, 51, 51);
  font-family: Jost, sans-serif;
  font-size: 30px;
  line-height: 43px;
  font-weight: 700;
  margin-bottom: 20px;
}
.favorite-nonprofits .favorite-nonprofits-item {
  padding: 20px;
  margin: 45px 0px 0px;
  list-style: none;
  background: 0% 0% no-repeat padding-box padding-box rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 20px;
  border-radius: 20px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px 62px;
}
.favorite-nonprofits .favorite-nonprofits-item:after {
  background: rgba(51, 167, 174, 0.5);
  width: 1px;
  height: 84%;
  content: "";
  top: 18px;
  left: 48%;
  position: absolute;
}
@media screen and (max-width: 767px) {
  .favorite-nonprofits .favorite-nonprofits-item:after {
    display: none;
  }
}
.favorite-nonprofits .favorite-nonprofits-item li {
  color: rgb(51, 51, 51);
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  margin-bottom: 0px;
  position: relative;
  display: flex;
  gap: 10px;
  width: calc(50% - 62px);
  position: relative;
  padding-left: 30px;
}
@media screen and (max-width: 767px) {
  .favorite-nonprofits .favorite-nonprofits-item li {
    width: 100%;
  }
}
.favorite-nonprofits .favorite-nonprofits-item li::after {
  content: "";
  position: absolute;
  background-image: url("../images/orangeicon.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
  width: 20px;
  height: 20px;
  left: 0px;
  top: 2px;
}

.review-serch-box {
  margin-top: 30px;
}
@media screen and (max-width: 575px) {
  .review-serch-box {
    width: 100%;
  }
}

.search-header {
  display: flex;
  align-items: center;
  background: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 20px;
  border-radius: 10px;
  padding: 6px;
  max-width: 680px;
  width: 100%;
  justify-content: space-between;
}
@media screen and (max-width: 1366px) {
  .search-header {
    height: 45px;
  }
}
.search-header .form-control {
  border: none;
  padding-top: 2px;
  padding-bottom: 2px;
  font-family: Jost, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  padding-left: 15px;
  background-color: transparent;
}
.search-header .form-control::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #333333;
}
.search-header .form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #333333;
}
.search-header .form-control:-ms-input-placeholder {
  /* IE 10+ */
  color: #333333;
}
.search-header .form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #333333;
}
.search-header .form-control:focus {
  box-shadow: none;
  background: transparent;
}
.search-header input::-webkit-outer-spin-button,
.search-header input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.search-header .btn.btn-outline-success {
  background: rgb(1, 96, 111);
  border: none;
  border-radius: 10px;
  color: rgb(255, 255, 255);
  font-family: Jost, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  padding: 12px 40px;
  transition: all 0.5s ease 0s;
  margin-right: 0px;
}
@media screen and (max-width: 1366px) {
  .search-header .btn.btn-outline-success {
    padding: 8px 20px;
  }
}
@media screen and (max-width: 767px) {
  .search-header .btn.btn-outline-success {
    padding: 8px 20px;
  }
}
.search-header .search-group-icon {
  width: 48px;
  min-width: 48px;
  height: 48px;
  background: rgb(249, 220, 112);
  border-radius: 10px;
  padding: 10px;
}
@media screen and (max-width: 1366px) {
  .search-header .search-group-icon {
    width: 32px;
    min-width: 32px;
    height: 30px;
    padding: 7px;
    border-radius: 5px;
  }
}
@media screen and (max-width: 767px) {
  .search-header .search-group-icon {
    width: 40px;
    min-width: 40px;
    height: 40px;
    padding: 7px;
  }
}
@media screen and (max-width: 575px) {
  .search-header .search-group-icon {
    width: 30px;
    min-width: 30px;
    height: 30px;
    padding: 7px;
  }
}
@media screen and (max-width: 991px) {
  .search-header input#location {
    width: 82px;
    border-radius: 0;
    padding-right: 26px;
    margin: 0;
  }
}
@media screen and (max-width: 575px) {
  .search-header input#location {
    padding-left: 4px;
    font-size: 13px;
  }
}
@media screen and (max-width: 575px) {
  .search-header .zipcode.input-group input.form-control {
    font-size: 13px;
  }
}
.search-header .zipcode {
  position: relative;
}
@media screen and (max-width: 991px) {
  .search-header .zipcode {
    width: 99px;
  }
}
.search-header .zipcode:after {
  background: rgb(51, 51, 51);
  position: absolute;
  width: 1px;
  height: 40px;
  content: "";
  top: -5px;
}
@media screen and (max-width: 991px) {
  .search-header .zipcode:after {
    left: -10px;
  }
}
@media screen and (max-width: 767px) {
  .search-header .zipcode:after {
    left: -15px;
  }
}

/******************Nominate-end************/
/************claim-your-nonprofit start********************/
.search-header .form-control {
  font-size: 14px;
}
@media screen and (max-width: 991px) {
  .search-header .form-control {
    margin-left: -4px;
    padding-left: 9px;
  }
}

.claim-your-nonprofit {
  background-color: #ddf5f6;
  background-image: url("../images/bg-banner.webp");
  padding: 60px 0 70px 0;
  position: relative;
  z-index: 11;
}
.claim-your-nonprofit .review-search-box {
  margin-top: 20px;
}
.claim-your-nonprofit .review-search-box .search-header .form-control {
  font-size: 14px;
}
@media screen and (max-width: 991px) {
  .claim-your-nonprofit .review-search-box .search-header .form-control {
    padding-left: 6px;
  }
}
@media screen and (max-width: 767px) {
  .claim-your-nonprofit .review-search-box .search-header .form-control {
    margin-left: -15px;
  }
}
.claim-your-nonprofit .get-title {
  color: rgb(51, 51, 51);
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  width: 100%;
  max-width: 588px;
  margin-bottom: 0px;
  margin-top: 50px;
}
@media screen and (max-width: 991px) {
  .claim-your-nonprofit .get-title {
    max-width: inherit;
    margin-top: 0;
  }
}
.claim-your-nonprofit .left_banner {
  background: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 20px;
  border-radius: 15px;
  padding: 10px;
  position: relative;
}
@media screen and (max-width: 991px) {
  .claim-your-nonprofit .left_banner {
    margin-top: 45px;
  }
}
.claim-your-nonprofit .left_banner .get-banner-col {
  width: 100%;
}
.claim-your-nonprofit .left_banner .quote_col {
  color: rgb(0, 0, 0);
  font-family: Jost, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  margin-bottom: 15px;
  background: 0% 0% no-repeat padding-box padding-box rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 20px;
  border-radius: 15px;
  position: absolute;
  width: 100%;
  max-width: 313px;
  padding: 15px;
  left: -45px;
  bottom: -48px;
}
@media screen and (max-width: 1199px) {
  .claim-your-nonprofit .left_banner .quote_col {
    left: 0px !important;
    max-width: 275px;
  }
}
@media screen and (max-width: 991px) {
  .claim-your-nonprofit .left_banner .quote_col {
    left: 0px !important;
  }
}
@media screen and (max-width: 767px) {
  .claim-your-nonprofit .left_banner .quote_col {
    position: static;
  }
}
.claim-your-nonprofit .left_banner .quote_col span {
  display: block;
  margin-bottom: 5px;
}
.claim-your-nonprofit .left_banner .quote_col.top-quote {
  bottom: auto !important;
  right: -25px !important;
  top: -25px;
  left: inherit !important;
}
@media screen and (max-width: 1199px) {
  .claim-your-nonprofit .left_banner .quote_col.top-quote {
    right: 0px !important;
  }
}
.claim-your-nonprofit .review-serch-box {
  max-width: 555px;
}

.easily-share-section {
  position: relative;
}
.easily-share-section .easily-share-wrapper {
  position: relative;
  padding: 60px 0px;
  z-index: 1;
  background: rgb(241, 254, 255);
}
.easily-share-section .easily-share-wrapper:before {
  background-image: url("../images/blackdot.svg");
  width: 377px;
  height: 400px;
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  top: -165px;
  left: -83px;
  opacity: 0.2;
}
@media screen and (max-width: 767px) {
  .easily-share-section .easily-share-wrapper:before {
    display: none;
  }
}
.easily-share-section .easily-share-wrapper:after {
  background: rgb(249, 220, 112);
  width: 100%;
  max-width: 950px;
  height: 420px;
  content: "";
  position: absolute;
  top: 0px;
  z-index: -1;
  left: 0px;
}
.easily-share-section .easily-share-wrapper .your-supporters {
  display: flex;
  gap: 42px;
}
@media screen and (max-width: 767px) {
  .easily-share-section .easily-share-wrapper .your-supporters {
    flex-wrap: wrap;
  }
}
.easily-share-section .easily-share-wrapper .your-supporters .your-supporters-text {
  color: rgb(51, 51, 51);
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  margin-bottom: 0px;
  width: 100%;
  max-width: 445px;
  padding: 55px 0px;
}
@media screen and (max-width: 767px) {
  .easily-share-section .easily-share-wrapper .your-supporters .your-supporters-text {
    max-width: inherit;
    padding: 0px;
  }
}
.easily-share-section .easily-share-wrapper .your-supporters .your-supporters-text h2 {
  color: rgb(51, 51, 51);
  font-family: Jost, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 40px;
  margin-bottom: 20px;
}
.easily-share-section .easily-share-wrapper .your-supporters .left-image {
  background: 0% 0% no-repeat padding-box padding-box rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 20px;
  border-radius: 15px;
  padding: 10px;
  flex: 1 1 0%;
  position: relative;
}
.easily-share-section .easily-share-wrapper .your-supporters .left-image:before {
  background-image: url("../images/yellowdot.svg");
  width: 377px;
  height: 100%;
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  top: 30%;
  left: -36%;
  opacity: 1;
  z-index: -9;
}
@media screen and (max-width: 991px) {
  .easily-share-section .easily-share-wrapper .your-supporters .left-image:before {
    display: none;
  }
}
.easily-share-section .easily-share-wrapper .your-supporters .left-image img {
  width: 100%;
  max-width: 780px;
}

.video-section {
  position: relative;
  background: rgb(241, 254, 255);
  z-index: 1;
  padding-bottom: 60px;
}
@media screen and (max-width: 991px) {
  .video-section {
    padding-top: 80px;
  }
}
.video-section:after {
  background: rgb(255, 212, 149);
  width: 100%;
  max-width: 1081px;
  height: 51%;
  content: "";
  position: absolute;
  top: 57px;
  z-index: -1;
  right: 0px;
  border-radius: 0px 0px 0px 30px;
}
@media screen and (max-width: 1199px) {
  .video-section:after {
    height: 52%;
  }
}
@media screen and (max-width: 991px) {
  .video-section:after {
    height: 63%;
  }
}
.video-section .video-wrapper {
  display: flex;
  gap: 42px;
  position: relative;
  z-index: 1;
  padding-bottom: 60px;
}
@media screen and (max-width: 991px) {
  .video-section .video-wrapper {
    flex-wrap: wrap;
    gap: 0;
  }
}
.video-section .video-wrapper .left-col {
  width: 100%;
  max-width: 588px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1199px) {
  .video-section .video-wrapper .left-col {
    max-width: 445px;
  }
}
@media screen and (max-width: 991px) {
  .video-section .video-wrapper .left-col {
    max-width: inherit;
  }
}
.video-section .video-wrapper .left-col:after {
  background-image: url("../images/greendot.svg");
  width: 377px;
  height: 100%;
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  bottom: -100px;
  left: 23%;
  opacity: 1;
  z-index: -1;
}
@media screen and (max-width: 991px) {
  .video-section .video-wrapper .left-col:after {
    display: none;
  }
}
.video-section .video-wrapper .left-col .video {
  background: 0% 0% no-repeat padding-box padding-box rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 20px;
  border-radius: 15px;
  padding: 10px;
  width: 100%;
  max-width: 588px;
}
.video-section .video-wrapper .right-col {
  flex: 1 1 0%;
  padding: 96px 20px 0px;
  color: rgb(51, 51, 51);
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  margin-bottom: 0px;
  position: relative;
}
@media screen and (max-width: 991px) {
  .video-section .video-wrapper .right-col {
    padding: 20px 20px 0px;
  }
}
@media screen and (max-width: 767px) {
  .video-section .video-wrapper .right-col {
    padding: 0px 20px 0px;
  }
}
.video-section .video-wrapper .right-col h3 {
  color: rgb(51, 51, 51);
  font-family: Jost, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 15px;
  margin-top: 27px;
}
.video-section .video-wrapper .right-col ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.video-section .video-wrapper .right-col ul li {
  background: 0% 0% no-repeat padding-box padding-box rgb(51, 51, 51);
  border-radius: 10px;
  padding: 12px 20px;
}
.video-section .video-wrapper .right-col ul li strong {
  color: rgb(249, 220, 112);
  font-family: Jost, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
  margin-bottom: 0px;
}
.video-section .video-wrapper .right-col ul li span {
  color: rgb(255, 255, 255);
  font-family: Jost, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  margin-bottom: 0px;
}
.video-section .reach-more-donors {
  background: 0% 0% no-repeat padding-box padding-box rgb(255, 255, 255);
  border-radius: 15px;
  width: 100%;
  max-width: 996px;
  padding: 20px;
  display: flex;
  margin: 70px auto 0px auto;
  gap: 24px;
  align-items: center;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 20px;
}
@media screen and (max-width: 1199px) {
  .video-section .reach-more-donors {
    margin: 60px auto 60px auto;
  }
}
@media screen and (max-width: 767px) {
  .video-section .reach-more-donors {
    margin: 0px auto;
    max-width: inherit;
  }
}
.video-section .reach-more-donors .reach-more-donors-text {
  width: 100%;
  max-width: 483px;
  color: rgb(51, 51, 51);
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  margin-bottom: 0px;
}
.video-section .reach-more-donors .reach-more-donors-text h2 {
  color: rgb(51, 51, 51);
  font-family: Jost, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 40px;
  margin-bottom: 20px;
}
.video-section .reach-more-donors .reach-more-donors-text span {
  color: rgb(51, 51, 51);
  font-family: Jost, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 27px;
  margin-bottom: 12px;
  display: block;
}
.video-section .reach-more-donors .reach-more-donors-image {
  flex: 1 1 0%;
}
.video-section .reach-more-donors .reach-more-donors-image img {
  width: 100%;
}

.volunteers-donors {
  position: relative;
  background: 0% 0%/100% 100% no-repeat rgb(51, 167, 174);
  padding: 0px 0px 50px;
}
.volunteers-donors:before {
  content: "";
  position: absolute;
  background-image: url("../images/invite-reviews-top.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-color: rgb(241, 254, 255);
  width: 100%;
  height: 77px;
  margin: auto;
  top: 0px;
  left: 0px;
  right: 0px;
}
.volunteers-donors:after {
  content: "";
  position: absolute;
  background-image: url("../images/invite-reviews-bottom.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #F1FEFF;
  width: 100%;
  height: 56px;
  margin: auto;
  bottom: -56px;
  left: 0;
  right: 0;
  background-position: bottom;
}
.volunteers-donors .invite-reviews {
  color: rgb(255, 255, 255);
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  margin-bottom: 20px;
}
.volunteers-donors .invite-reviews h3 {
  color: rgb(255, 255, 255);
  font-family: Jost, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 42px;
  margin-bottom: 15px;
}
.volunteers-donors .social-media {
  background: 0% 0% no-repeat padding-box padding-box rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 20px;
  border-radius: 20px;
  padding: 20px;
}
.volunteers-donors .social-media .social-media-requests-box {
  margin-bottom: 30px;
}
.volunteers-donors .social-media .social-media-requests-box:last-child {
  margin-bottom: 0px;
}
.volunteers-donors .social-media .social-media-requests-box-title {
  width: 100%;
  color: rgb(51, 51, 51);
  font-size: 20px;
  font-weight: 700;
  font-family: Jost, sans-serif;
  line-height: 30px;
  margin-bottom: 20px;
}
.volunteers-donors .social-media .social-media-requests-box-wrap {
  width: 100%;
  background: rgb(239, 239, 239);
  padding: 25px 20px 20px;
  border-radius: 15px;
  position: relative;
}
.volunteers-donors .social-media .doubleQuotes-icon-bg {
  width: 50px;
  height: 50px;
  background: rgb(51, 167, 174);
  margin-bottom: -25px;
  position: relative;
  margin-left: 20px;
  z-index: 1;
  min-width: 36px;
  min-height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
}
.volunteers-donors .social-media .social-media-req-ul {
  width: 100%;
  margin: 0px;
  padding-left: 0px;
  list-style: none;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  row-gap: 15px;
  margin-top: 20px;
}
.volunteers-donors .social-media .social-media-req-ul li {
  color: rgb(0, 0, 0);
  font-size: 16px;
  font-family: Jost, sans-serif;
  font-weight: 400;
  line-height: 22px;
  margin: 0px;
  display: flex;
  align-items: center;
  gap: 15px;
}
.volunteers-donors .social-media .social-media-req-ul li:first-child {
  align-items: start;
}
.volunteers-donors .social-media .social-media-req-ul li:first-child .social-text p {
  margin-bottom: 10px;
  margin-top: 7px;
}
.volunteers-donors .social-media .social-media-req-ul li p {
  margin: 0;
}
.volunteers-donors .social-media .social-media-req-ul li strong {
  color: rgb(1, 96, 111);
  font-size: 16px;
  font-family: Jost, sans-serif;
  font-weight: 700;
  line-height: 22px;
}
.volunteers-donors .social-media .social-media-req-ul li strong a {
  color: rgb(1, 96, 111);
  text-decoration: none;
}
.volunteers-donors .social-media .social-media-req-ul img {
  max-width: 18px;
  display: block;
}
.volunteers-donors .social-media .facebook-icon-bg {
  min-width: 36px;
  min-height: 36px;
  background: rgb(66, 103, 178);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
}
.volunteers-donors .social-media .twitter-icon-bg {
  min-width: 36px;
  min-height: 36px;
  background: rgb(0, 0, 0);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
}
.volunteers-donors .social-media .mail-icon-bg {
  min-width: 36px;
  min-height: 36px;
  background: #F7931E;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
}
.volunteers-donors .message-media-section .social-media-req-ul li {
  align-items: baseline;
}
.volunteers-donors .message-media-section .social-media-req-ul li .social-text {
  position: relative;
  top: -12px;
}
.volunteers-donors .message-media-section .social-media-req-ul li .social-text a {
  color: rgb(1, 96, 111);
  text-decoration: none;
}
.volunteers-donors .message-media-section .social-media-req-ul li .social-text p {
  margin-bottom: 12px;
}

.audience-section {
  background: #F1FEFF 0% 0% no-repeat padding-box;
  padding: 100px 0 157px;
}
@media screen and (max-width: 575px) {
  .audience-section {
    padding: 100px 0 150px;
  }
}
.audience-section .audience-text {
  background: #333333 0% 0% no-repeat padding-box;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.0784313725);
  border-radius: 20px;
  padding: 30px;
}
@media screen and (max-width: 575px) {
  .audience-section .audience-text {
    padding: 30px 15px;
  }
}
.audience-section h3 {
  color: #fff;
  display: flex;
  align-items: center;
  gap: 15px;
}
.audience-section .search-header {
  max-width: inherit;
}
@media screen and (max-width: 1366px) {
  .audience-section .search-header .btn.btn-outline-success {
    padding: 7px 40px;
  }
}
@media screen and (max-width: 757px) {
  .audience-section .search-header .btn.btn-outline-success {
    padding: 6px 20px;
  }
}
.audience-section .search-header .input-group {
  flex-wrap: nowrap;
}
@media screen and (max-width: 575px) {
  .audience-section .search-header {
    padding: 6px 8px;
  }
}
@media screen and (max-width: 575px) {
  .audience-section .search-header .form-control {
    font-size: 11px;
    margin-left: -4px;
    padding-left: 4px;
  }
}
.audience-section .search-header .zipcode {
  position: relative;
  max-width: 350px;
}
@media screen and (max-width: 575px) {
  .audience-section .search-header .zipcode {
    max-width: inherit;
    left: 0px;
  }
}

.boost-donor {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.1019607843);
  border-radius: 15px;
  padding: 30px;
  display: flex;
  gap: 24px;
  align-items: center;
  margin-top: 60px;
  position: relative;
}
@media screen and (max-width: 1199px) {
  .boost-donor {
    justify-content: end;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 991px) {
  .boost-donor {
    flex-wrap: wrap;
  }
}
.boost-donor .boost-donor-text {
  width: 100%;
  max-width: 354px;
  color: #333333;
  font-family: "Jost", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
@media screen and (max-width: 991px) {
  .boost-donor .boost-donor-text {
    max-width: inherit;
  }
}
.boost-donor .boost-donor-text p {
  margin-bottom: 30px;
}
.boost-donor .boost-donor-text a {
  color: #01606F;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  font-weight: 700;
}
.boost-donor .boost-donor-text a img {
  transform: rotate(272deg);
  width: 16px;
  margin-top: 3px;
}
.boost-donor .boost-donor-text h3 {
  color: #333333;
}
.boost-donor .client-img {
  position: relative;
  width: 100%;
  max-width: 486px;
  border-radius: 10px;
}
@media screen and (max-width: 991px) {
  .boost-donor .client-img {
    width: 100%;
  }
}
.boost-donor .client-img img {
  width: 100%;
  border-radius: 10px;
}
.boost-donor .client-description {
  background: #33A7AE 0% 0% no-repeat padding-box;
  border-radius: 20px;
  padding: 20px;
  position: absolute;
  background-size: cover;
  width: 383px;
  right: 30px;
  bottom: 93px;
  box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.1019607843);
  color: #FFFFFF;
  font-family: "Jost", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  margin-bottom: 15px;
}
@media screen and (max-width: 1199px) {
  .boost-donor .client-description {
    position: relative;
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .boost-donor .client-description {
    position: static;
    padding: 16px;
    width: 100%;
  }
}
.boost-donor .client-description:after {
  background: url("../images/message-box-arrow.webp");
  position: absolute;
  content: "";
  width: 74px;
  background-repeat: no-repeat;
  height: 52px;
  bottom: -52px;
  left: 105px;
}
@media screen and (max-width: 767px) {
  .boost-donor .client-description:after {
    bottom: 0;
  }
}
.boost-donor .client-description span {
  color: #333333;
  font-family: "Jost", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  margin-bottom: 0px;
  display: block;
}
.boost-donor .client-name {
  display: flex;
  justify-content: space-between;
}
.boost-donor .client-name img {
  transform: rotate(180deg);
  width: 60px;
}
@media screen and (max-width: 575px) {
  .boost-donor .client-name img {
    width: 40px;
  }
}

.funders-volunteers {
  position: relative;
  padding-top: 60px;
}
.funders-volunteers .volunteers-title {
  color: #000;
  font-family: "Jost", sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 40px;
  padding: 30px 18px;
  background: #F9DC70 0% 0% no-repeat padding-box;
  border-radius: 20px;
  position: absolute;
  top: 90px;
  right: auto;
  left: 75px;
}
@media screen and (max-width: 1199px) {
  .funders-volunteers .volunteers-title {
    font-size: 21px;
    font-weight: 600;
    line-height: 35px;
    right: 0;
    left: auto;
    border-radius: 10px;
    padding: 7px 9px;
  }
}
@media screen and (max-width: 991px) {
  .funders-volunteers .volunteers-title {
    position: static;
    padding: 18px;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 20px;
  }
}
.funders-volunteers .volunteers-image {
  width: 100%;
  max-width: 588px;
  box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.1019607843);
  border-radius: 10px;
  overflow: hidden;
}
@media screen and (max-width: 991px) {
  .funders-volunteers .volunteers-image {
    max-width: inherit;
  }
}
.funders-volunteers .volunteers-image img {
  width: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
.funders-volunteers .funders-wrapper {
  display: flex;
  gap: 59px;
}
@media screen and (max-width: 991px) {
  .funders-volunteers .funders-wrapper {
    flex-wrap: wrap;
  }
}
.funders-volunteers .funders-wrapper .donors-list {
  flex: 1;
}
.funders-volunteers .funders-wrapper .donors-list ul {
  padding: 160px 0 0 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
@media screen and (max-width: 991px) {
  .funders-volunteers .funders-wrapper .donors-list ul {
    padding: 0;
  }
}
.funders-volunteers .funders-wrapper .donors-list ul li {
  background: #33A7AE 0% 0% no-repeat padding-box;
  border-radius: 20px;
  padding: 20px;
  width: 100%;
  max-width: 493px;
}
@media screen and (max-width: 1199px) {
  .funders-volunteers .funders-wrapper .donors-list ul li {
    border-radius: 13px;
    padding: 13px;
  }
}
@media screen and (max-width: 991px) {
  .funders-volunteers .funders-wrapper .donors-list ul li {
    max-width: inherit;
  }
}
.funders-volunteers .funders-wrapper .donors-list ul li:nth-child(2) {
  margin-left: 70px;
}
@media screen and (max-width: 991px) {
  .funders-volunteers .funders-wrapper .donors-list ul li:nth-child(2) {
    margin-left: 0px;
  }
}
.funders-volunteers .funders-wrapper .donors-list ul li .number-col {
  color: #fff;
  font-family: "Jost", sans-serif;
  font-size: 50px;
  font-weight: 600;
  line-height: 33px;
  margin-bottom: 15px;
  display: block;
}
@media screen and (max-width: 1199px) {
  .funders-volunteers .funders-wrapper .donors-list ul li .number-col {
    font-size: 35px;
    line-height: 40px;
  }
}
@media screen and (max-width: 767px) {
  .funders-volunteers .funders-wrapper .donors-list ul li .number-col {
    font-size: 30px;
    line-height: 25px;
  }
}
.funders-volunteers .funders-wrapper .donors-list ul li .donors-col {
  color: #fff;
  font-family: "Jost", sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 0px;
}
@media screen and (max-width: 1199px) {
  .funders-volunteers .funders-wrapper .donors-list ul li .donors-col {
    font-size: 16px;
    line-height: 23px;
  }
}
@media screen and (max-width: 767px) {
  .funders-volunteers .funders-wrapper .donors-list ul li .donors-col {
    font-size: 18px;
    line-height: 23px;
  }
}

.testimonials {
  background: #01606F;
  padding: 10px 0px 20px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.testimonials:before {
  content: "";
  position: absolute;
  background-image: url("../images/testimonials-top.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #F1FEFF;
  width: 100%;
  height: 77px;
  margin: auto;
  top: -76px;
  left: 0;
  right: 0;
}
.testimonials:after {
  content: "";
  position: absolute;
  background-image: url("../images/testimonials-bottom.svg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 56px;
  margin: auto;
  bottom: -54px;
  left: 0;
  right: 0;
  background-position: bottom;
}
.testimonials h2 {
  color: #fff;
  font-family: "Jost", sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 33px;
  position: relative;
  z-index: 9;
}
.testimonials .testimonials-wrapper .testimonials-col {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
  align-items: baseline;
}
.testimonials .testimonials-text {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1019607843);
  border-radius: 20px;
  padding: 21px 20px;
  margin-bottom: 24px;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  color: #333333;
  font-family: "Jost", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  margin-bottom: 20px;
  width: calc(50% - 10px);
}
@media screen and (max-width: 767px) {
  .testimonials .testimonials-text {
    width: 100%;
  }
}
.testimonials .testimonials-text:nth-child(3) {
  position: relative;
  top: -90px;
}
@media screen and (max-width: 767px) {
  .testimonials .testimonials-text:nth-child(3) {
    position: static;
  }
}
.testimonials .testimonials-image {
  display: flex;
  align-items: center;
  gap: 10px;
}
.testimonials .testimonials-image img {
  width: 73px;
  height: 73px;
  min-width: 73px;
}
.testimonials .testimonials-image .test-client a {
  color: #33A7AE;
  text-decoration: none;
}
.testimonials .testimonials-image .test-client strong {
  color: #000;
  font-family: "Jost", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 21px;
  margin-bottom: 8px;
  display: block;
}
.testimonials .testimonials-image .test-client span {
  color: #33A7AE;
  font-family: "Jost", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  margin-bottom: 0px;
}

.your-free-profile {
  padding: 106px 0 60px 0;
  background-color: #fff;
}
@media screen and (max-width: 575px) {
  .your-free-profile {
    padding: 106px 0 30px 0;
  }
}
.your-free-profile .text-free {
  color: #01606F;
  font-family: "Jost", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  margin-bottom: 20px;
}

.collect-donations-through {
  background: #F1FEFF 0% 0% no-repeat padding-box;
  padding: 60px 0 60px 0;
}
@media screen and (max-width: 767px) {
  .collect-donations-through {
    padding: 50px 0 50px 0;
  }
}
.collect-donations-through .collect-donations-wrapper {
  display: flex;
  gap: 30px;
  position: relative;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .collect-donations-through .collect-donations-wrapper {
    flex-wrap: wrap;
    gap: 0;
  }
}
.collect-donations-through .collect-donations-wrapper:after {
  background: #fff;
  position: absolute;
  content: "";
  width: 100%;
  height: 75%;
  bottom: 0;
  z-index: 1;
  box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.1019607843);
  border-radius: 15px;
}
@media screen and (max-width: 991px) {
  .collect-donations-through .collect-donations-wrapper:after {
    display: none;
  }
}
.collect-donations-through .collect-donations-wrapper .greatNonprofits-text {
  color: #333333;
  font-family: "Jost", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  margin-bottom: 0px;
  padding: 30px 0px 30px 30px;
  position: relative;
  z-index: 11;
}
.collect-donations-through .collect-donations-wrapper .greatNonprofits-text a {
  color: rgb(1, 96, 111);
  text-decoration: none;
  font-weight: bold;
}
@media screen and (max-width: 1199px) {
  .collect-donations-through .collect-donations-wrapper .greatNonprofits-text {
    padding: 60px 0px 30px 30px;
  }
}
@media screen and (max-width: 991px) {
  .collect-donations-through .collect-donations-wrapper .greatNonprofits-text {
    padding: 0;
  }
}
.collect-donations-through .collect-donations-wrapper .greatNonprofits-text p {
  margin: 0;
}
.collect-donations-through .collect-donations-col {
  width: 100%;
  max-width: 588px;
}
@media screen and (max-width: 991px) {
  .collect-donations-through .collect-donations-col {
    max-width: inherit;
  }
}
.collect-donations-through .collect-donations-image {
  flex: 1;
  position: relative;
  z-index: 11;
  padding: 30px 30px 30px 0px;
}
@media screen and (max-width: 991px) {
  .collect-donations-through .collect-donations-image {
    padding-bottom: 0;
  }
}
.collect-donations-through .collect-donations-image img {
  width: 100%;
  max-width: 558px;
}
@media screen and (max-width: 991px) {
  .collect-donations-through .collect-donations-image img {
    max-width: inherit;
  }
}

.greatNonprofits-badge {
  padding-bottom: 60px;
  background: #F1FEFF;
}
.greatNonprofits-badge .greatNonprofits-badge-wrapper {
  display: flex;
  gap: 22px;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .greatNonprofits-badge .greatNonprofits-badge-wrapper {
    flex-wrap: wrap;
  }
}
.greatNonprofits-badge .greatNonprofits-badge-wrapper .greatNonprofits-badge-text {
  color: #333333;
  font-family: "Jost", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  margin-bottom: 20px;
  width: 100%;
  max-width: 705px;
}
@media screen and (max-width: 991px) {
  .greatNonprofits-badge .greatNonprofits-badge-wrapper .greatNonprofits-badge-text {
    max-width: inherit !important;
  }
}
.greatNonprofits-badge .greatNonprofits-badge-wrapper .greatNonprofits-badge-text strong {
  color: #01606F;
}
.greatNonprofits-badge .greatNonprofits-badge-wrapper .greatNonprofits-badge-text h2 {
  color: #01606F;
  font-family: "Jost", sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 60px;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .greatNonprofits-badge .greatNonprofits-badge-wrapper .greatNonprofits-badge-text h2 {
    font-size: 28px;
    line-height: 35px;
  }
}
.greatNonprofits-badge .greatNonprofits-badge-wrapper .greatNonprofits-badge-text span {
  color: #01606F;
  font-family: "Jost", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  margin-bottom: 20px;
  display: block;
}
.greatNonprofits-badge .greatNonprofits-badge-wrapper .greatNonprofits-badge-image {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.1019607843);
  border-radius: 15px;
  padding: 16px;
  flex: 1;
}
.greatNonprofits-badge .greatNonprofits-badge-wrapper .greatNonprofits-badge-image img {
  width: 100%;
}

.recognition-today {
  background: #333333 0% 0% no-repeat padding-box;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.0784313725);
  padding: 50px 0;
}
@media screen and (max-width: 991px) {
  .recognition-today .search-header .form-control {
    margin-left: -4px;
    padding-left: 0;
  }
}
.recognition-today .audience-text h3 {
  color: #fff;
  display: flex;
  align-items: center;
  gap: 15px;
}
.recognition-today .search-header {
  max-width: inherit;
}
.recognition-today .search-header .zipcode {
  position: relative;
  max-width: 350px;
}

/************claim-your-nonprofit end********************/
/*************invite-reviews start***************/
.invite-review-banner {
  background-color: #ddf5f6;
  background-image: url("../images/bg-banner.webp");
  padding: 60px 0 70px 0;
}
.invite-review-banner .invite-description {
  color: #333333;
  font-family: "Jost", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  margin-bottom: 0px;
  width: 100%;
  max-width: 588px;
  margin-bottom: 0px;
}
.invite-review-banner .invite-description strong {
  color: #01606F;
  font-weight: bold;
  display: block;
  text-decoration: underline;
}
.invite-review-banner .invite-img-col {
  background: #FFFFFF;
  box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.1019607843);
  border-radius: 15px;
  padding: 10px;
  position: relative;
}
.invite-review-banner .invite-img-col img {
  width: 100%;
}

.social-media-detail-main {
  width: 100%;
  padding: 50px 0px;
  background: #F1FEFF;
}
.social-media-detail-main .social-media-req-main.row {
  background: #fff;
  padding: 20px 5px;
  border-radius: 20px;
  box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.1019607843);
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  row-gap: 20px;
}
.social-media-detail-main .social-media-req-main.row .social-media-requests-box-title {
  width: 100%;
  max-width: 360px;
  color: #333333;
  font-size: 20px;
  font-weight: 700;
  font-family: "Jost", sans-serif;
  line-height: 30px;
  margin-bottom: 20px;
}
.social-media-detail-main .social-media-req-main.row .doubleQuotes-icon-bg {
  width: 50px;
  height: 50px;
  background: #33A7AE;
  margin-bottom: -25px;
  position: relative;
  margin-left: 20px;
  z-index: 1;
  min-width: 36px;
  min-height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
}
.social-media-detail-main .social-media-req-main.row .social-media-requests-box-wrap {
  width: 100%;
  background: #EFEFEF;
  padding: 25px 20px 20px;
  border-radius: 15px;
  position: relative;
  min-height: 215px;
}
.social-media-detail-main .social-media-req-main.row .social-media-req-ul {
  width: 100%;
  margin: 20px 0 0 0;
  padding-left: 0px;
  list-style: none;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  row-gap: 23px;
}
.social-media-detail-main .social-media-req-main.row .social-media-req-ul li {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  -moz-column-gap: 15px;
       column-gap: 15px;
}
.social-media-detail-main .social-media-req-main.row .social-media-req-ul li p {
  margin: 0;
}
.social-media-detail-main .social-media-req-main.row .social-media-req-ul li .social-media-text-box p {
  margin-bottom: 15px;
}
.social-media-detail-main .social-media-req-main.row .social-media-req-ul li .facebook-icon-bg {
  min-width: 36px;
  min-height: 36px;
  background: #4267B2;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
}
.social-media-detail-main .social-media-req-main.row .social-media-req-ul li .twitter-icon-bg {
  background: #000000;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  min-width: 36px;
  min-height: 36px;
}
.social-media-detail-main .social-media-req-main.row .social-media-req-ul li .twitter-icon-bg img {
  max-width: 18px;
  display: block;
}
.social-media-detail-main .social-media-req-main.row .social-media-req-ul li .message-icon-bg {
  background: #F7931E;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  min-width: 36px;
  min-height: 36px;
}

.invite-reviews-sms {
  width: 100%;
  background: #F1FEFF;
  padding-bottom: 50px;
}
.invite-reviews-sms .reviews-sms-wrapper {
  max-width: 996px;
  margin: 0 auto;
  padding: 20px;
  color: #333333;
  font-size: 18px;
  font-family: "Jost", sand-serif;
  font-weight: 400;
  line-height: 22px;
  border: 1px solid #000000;
  border-radius: 20px;
  background: #fff;
}
.invite-reviews-sms .reviews-sms-text h3 {
  color: #333333;
  font-size: 20px;
  font-family: "Jost", sans-serif;
  font-weight: 700;
  line-height: 30px;
  margin: 30px 0px 15px;
}
.invite-reviews-sms .to-send-wrapper {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  -moz-column-gap: 30px;
       column-gap: 30px;
}
@media screen and (max-width: 767px) {
  .invite-reviews-sms .to-send-wrapper {
    flex-wrap: wrap;
    gap: 30px;
  }
}
.invite-reviews-sms .to-send-wrapper .review-mobile-img {
  width: 100%;
  max-width: 240px;
}
.invite-reviews-sms .to-send-wrapper .review-mobile-img img {
  width: 100%;
}
.invite-reviews-sms .to-send-wrapper .sms-review-details p {
  max-width: 584px;
  margin: 20px 0px 0px;
}
.invite-reviews-sms .to-send-wrapper .sms-review-details strong {
  color: #01606F;
}
.invite-reviews-sms .to-send-wrapper .sms-review-box {
  width: 100%;
  margin-top: 20px;
}
.invite-reviews-sms .to-send-wrapper .sms-review-box img {
  width: 100%;
}
.invite-reviews-sms .to-send-wrapper ul {
  width: 100%;
  max-width: 650px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  row-gap: 12px;
  list-style: none;
  padding-left: 0;
  margin-bottom: 0px;
  margin-left: 0;
}
.invite-reviews-sms .to-send-wrapper ul li {
  width: 100%;
  padding-left: 31px;
  position: relative;
  color: #333333;
  font-size: 16px;
  font-family: "Jost", sans-serif;
  font-weight: 400;
  line-height: 22px;
}
.invite-reviews-sms .to-send-wrapper ul li:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background: url();
  background-image: url("../images/orange-right-arrow.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top left;
  left: 0;
  top: 0;
}

.why-use-sms {
  width: 100%;
  background: rgb(241, 254, 255);
  padding: 0px 0px 50px;
}
.why-use-sms .why-use-sms-wrapper {
  width: 100%;
  background: rgb(255, 255, 255);
  padding: 20px;
  border-radius: 20px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 20px;
}
.why-use-sms .why-use-sms-wrapper ul {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  row-gap: 12px;
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
  margin-left: 0;
}
.why-use-sms .why-use-sms-wrapper ul li {
  color: rgb(51, 51, 51);
  font-size: 16px;
  font-family: Jost, "sans serif";
  line-height: 24px;
  padding-left: 31px;
  position: relative;
}
.why-use-sms .why-use-sms-wrapper ul li:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background: url("../images/orange-right-arrow.svg") left top/contain no-repeat;
  left: 0px;
  top: 0px;
}
.why-use-sms .why-use-sms-wrapper ul li strong {
  color: rgb(1, 96, 111);
  font-size: 16px;
  font-weight: 700;
  font-family: Jost, "sans serif";
  line-height: 24px;
}

.invite-clients-section {
  width: 100%;
  background: rgb(241, 254, 255);
  padding-bottom: 50px;
}
.invite-clients-section .invite-clients-wrapper {
  max-width: 996px;
  margin: 0px auto;
  padding: 20px;
  color: rgb(51, 51, 51);
  font-size: 18px;
  font-family: Jost, sand-serif;
  font-weight: 400;
  line-height: 22px;
  border: 1px solid rgb(0, 0, 0);
  border-radius: 20px;
  background: rgb(255, 255, 255);
}
.invite-clients-section .invite-clients-box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  -moz-column-gap: 40px;
       column-gap: 40px;
}
@media screen and (max-width: 575px) {
  .invite-clients-section .invite-clients-box {
    flex-wrap: wrap;
    gap: 30px;
  }
}
.invite-clients-section .invite-clients-box ul {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  row-gap: 20px;
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
  margin-left: 33px;
}
.invite-clients-section .invite-clients-box ul li {
  color: rgb(0, 0, 0);
  font-size: 16px;
  font-family: Jost, sans-serif;
  font-weight: 400;
  line-height: 24px;
  position: relative;
}
.invite-clients-section .invite-clients-box ul li:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background: url(../images/orange-right-arrow.svg) left top/contain no-repeat;
  left: -34px;
  top: 2px;
}
.invite-clients-section .invite-clients-box ul li strong {
  color: rgb(1, 96, 111);
  display: block;
}
.invite-clients-section .invite-clients-box .docx-template-btn {
  width: 100%;
  max-width: 320px;
  background: rgb(255, 195, 128);
  color: rgb(87, 51, 10);
  border-radius: 10px;
  padding: 13px 20px;
  font-size: 16px;
  font-family: Jost, sans-serif;
  font-weight: 500;
  line-height: 22px;
  border: none;
  margin-top: 30px;
  box-shadow: rgba(0, 0, 0, 0.2) 3px 5px 20px;
  transition: all 0.2s ease-in-out 0s;
  text-decoration: none;
  display: inline-block;
  text-align: center;
}
.invite-clients-section .invite-clients-box .docx-template-btn:hover {
  background: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
}

section.ideas-for-collecting {
  width: 100%;
  padding-bottom: 50px;
  background: rgb(241, 254, 255);
}
section.ideas-for-collecting .collecting-reviews-main {
  background: rgb(255, 255, 255);
  padding: 20px 5px;
  border-radius: 20px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 20px;
}
section.ideas-for-collecting .collecting-title {
  width: 100%;
  margin-bottom: 32px;
  color: rgb(0, 0, 0);
  font-size: 16px;
  font-family: Jost, "sans serif";
  font-weight: 400;
  line-height: 24px;
  max-width: 1080px;
  margin-bottom: 0px;
}
section.ideas-for-collecting .collecting-title a {
  color: rgb(1, 96, 111);
  text-decoration: none;
  font-weight: bold;
}
section.ideas-for-collecting .collecting-title strong {
  color: rgb(1, 96, 111);
  font-weight: 600;
  margin: 0px;
}
section.ideas-for-collecting .client-collecting-wrapper {
  display: flex;
  gap: 45px 24px;
  margin-top: 30px;
  flex-wrap: wrap;
}
section.ideas-for-collecting .client-collecting-wrapper .social-media-requests-box {
  width: calc(50% - 12px);
  background: rgb(239, 239, 239);
  padding: 25px 20px 20px;
  border-radius: 15px;
  position: relative;
}
@media screen and (max-width: 575px) {
  section.ideas-for-collecting .client-collecting-wrapper .social-media-requests-box {
    width: 100%;
  }
}
section.ideas-for-collecting .doubleQuotes-icon-bg {
  width: 50px;
  height: 50px;
  background: rgb(51, 167, 174);
  margin-bottom: 0;
  position: absolute;
  margin-left: 0;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  top: -22px;
}
section.ideas-for-collecting .media-req-text {
  color: rgb(0, 0, 0);
  font-size: 16px;
  font-family: Jost, sans-serif;
  font-weight: 400;
  line-height: 22px;
  margin: 23px 0 0 0;
}
section.ideas-for-collecting .media-req-text a {
  color: rgb(1, 96, 111);
  text-decoration: none;
  font-weight: bold;
}
section.ideas-for-collecting .review-client-name {
  margin-top: 20px;
}
section.ideas-for-collecting .review-client-name span {
  color: rgb(1, 96, 111);
  font-size: 16px;
  font-family: Jost, sans-serif;
  font-weight: 700;
  line-height: 24px;
}
section.ideas-for-collecting .review-client-name strong {
  color: rgb(0, 0, 0);
  font-size: 16px;
  font-family: Jost, sans-serif;
  font-weight: 700;
  line-height: 24px;
}

/*************invite-reviews end***************/
/********Showcase-reviews-start************************/
.showcase-banner {
  align-items: center;
}

.gain-more-exposure {
  background: rgb(241, 254, 255);
  padding: 50px 0;
}
.gain-more-exposure .gain-more-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 63px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.1019607843);
  border-radius: 20px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 30px;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (max-width: 575px) {
  .gain-more-exposure .gain-more-wrapper {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.gain-more-exposure .gain-text {
  width: 100%;
  max-width: 500px;
  color: rgb(51, 51, 51);
  font-size: 18px;
  font-family: Jost, sans-serif;
  font-weight: 400;
  line-height: 28px;
}
.gain-more-exposure .gain-text p {
  margin-bottom: 20px;
}
.gain-more-exposure .gain-right,
.gain-more-exposure .gain-left {
  width: calc(50% - 32px);
}
@media screen and (max-width: 575px) {
  .gain-more-exposure .gain-right,
  .gain-more-exposure .gain-left {
    width: 100%;
  }
}
.gain-more-exposure .gain-right {
  overflow: hidden;
  border: 10px solid #F3F3F3;
  border-radius: 20px;
}
.gain-more-exposure .gain-right img {
  width: 100%;
  max-width: 408px;
  margin: 0 auto;
  display: block;
  max-height: 439px;
}
.gain-more-exposure .gain-right .slider__pagination {
  text-align: center;
  margin-bottom: 25px;
}
.gain-more-exposure .gain-right .swiper-pagination-bullet {
  background: #89DCE1;
  width: 10px;
  height: 10px;
}
.gain-more-exposure .gain-right .swiper-pagination-bullet-active {
  width: 16px;
  height: 16px;
  background: #33A7AE;
}
.gain-more-exposure .gain-right .swiper-title {
  color: #000;
  font-size: 20px;
  font-family: Jost, sans-serif;
  font-weight: 600;
  line-height: 27px;
  text-align: center;
  margin-bottom: 27px;
  margin-top: 10px;
}

.boost-trust-confidence {
  background: rgb(241, 254, 255);
}
.boost-trust-confidence .gainMore-exposure-main {
  max-width: 996px;
  width: 100%;
  margin: 0px auto;
  padding: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  -moz-column-gap: 24px;
       column-gap: 24px;
  border: 1px solid rgb(0, 0, 0);
  border-radius: 20px;
  background: rgb(255, 255, 255);
}
@media screen and (max-width: 991px) {
  .boost-trust-confidence .gainMore-exposure-main {
    flex-wrap: wrap;
    max-width: inherit;
    gap: 20px;
  }
}
.boost-trust-confidence .gainMore-exposure-main h2 {
  color: rgb(1, 96, 111);
  font-size: 20px;
  font-family: Jost, sand-serif;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 15px;
}
.boost-trust-confidence .gainMore-exposure-main .boost-trust-left {
  max-width: 354px;
  color: rgb(51, 51, 51);
  font-size: 18px;
  font-family: Jost, sand-serif;
  font-weight: 400;
  line-height: 28px;
}
@media screen and (max-width: 991px) {
  .boost-trust-confidence .gainMore-exposure-main .boost-trust-left {
    max-width: inherit;
  }
}
.boost-trust-confidence .gainMore-exposure-main .boost-trust-left p {
  margin-bottom: 30px;
}
.boost-trust-confidence .gainMore-exposure-main .boost-trust-left p:last-child {
  margin-bottom: 0;
}
.boost-trust-confidence .gainMore-exposure-main .boost-trust-right {
  max-width: 576px;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 20px;
}
@media screen and (max-width: 991px) {
  .boost-trust-confidence .gainMore-exposure-main .boost-trust-right {
    max-width: inherit;
    justify-content: space-between;
  }
}
@media screen and (max-width: 575px) {
  .boost-trust-confidence .gainMore-exposure-main .boost-trust-right {
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 20px;
  }
}
.boost-trust-confidence .gainMore-exposure-main .boost-trust-right .boost-trust-image {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  row-gap: 20px;
}

.star-badge-section {
  background: rgb(241, 254, 255);
  padding: 50px 0px;
}
.star-badge-section h2 {
  color: rgb(1, 96, 111);
  font-size: 20px;
  font-family: Jost, sand-serif;
  font-weight: 700;
  line-height: 30px;
  max-width: 996px;
  margin: 0px auto 10px;
}
.star-badge-section .star-badge-wrapper {
  max-width: 996px;
  margin: 0px auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  -moz-column-gap: 24px;
       column-gap: 24px;
}
@media screen and (max-width: 575px) {
  .star-badge-section .star-badge-wrapper {
    flex-wrap: wrap;
    max-width: inherit;
  }
}
.star-badge-section .star-badge-wrapper .star-badge-script {
  max-width: 732px;
  background: rgb(255, 255, 255);
  color: rgb(51, 51, 51);
  font-size: 18px;
  font-family: Jost, sans-serif;
  font-weight: 400;
  line-height: 26px;
  padding: 20px;
  border-radius: 20px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 20px;
  word-break: break-all;
}
@media screen and (max-width: 575px) {
  .star-badge-section .star-badge-wrapper .star-badge-script {
    margin-top: 30px;
  }
}

.get-recognition {
  background: rgb(241, 254, 255);
  padding-bottom: 50px;
}
.get-recognition .get-recognition-wrapper {
  display: flex;
  gap: 24px;
  align-items: center;
}
@media screen and (max-width: 575px) {
  .get-recognition .get-recognition-wrapper {
    flex-wrap: wrap;
  }
}
.get-recognition .get-recognition-wrapper h2 {
  color: rgb(1, 96, 111);
  font-size: 20px;
  font-family: Jost, sans-serif;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 15px;
}
.get-recognition .get-recognition-wrapper .get-recognition-right {
  font-size: 18px;
  font-family: Jost, sans-serif;
  font-weight: 400;
  line-height: 26px;
}
.get-recognition .get-recognition-wrapper .get-recognition-right .learn-more-btn {
  border: none;
  padding: 12px 32px;
  background: #01606F;
  color: #fff;
  margin-top: 22px;
  font-size: 16px;
  font-family: Jost, sans-serif;
  font-weight: 500;
  line-height: 22px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 20px;
  transition: all 0.2s ease-in-out 0s;
  border-radius: 10px;
}
.get-recognition .get-recognition-wrapper .get-recognition-right .learn-more-btn:hover {
  background-color: #FFD495;
  color: #333333;
}
.get-recognition .get-recognition-wrapper .get-recognition-left,
.get-recognition .get-recognition-wrapper .get-recognition-right {
  width: calc(50% - 12px);
}
@media screen and (max-width: 575px) {
  .get-recognition .get-recognition-wrapper .get-recognition-left,
  .get-recognition .get-recognition-wrapper .get-recognition-right {
    width: 100%;
  }
}
.get-recognition .get-recognition-wrapper .get-recognition-left {
  overflow: hidden;
  background: rgb(255, 255, 255);
  position: relative;
  border-radius: 20px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 20px;
  padding: 10px;
}
.get-recognition .get-recognition-wrapper .get-recognition-left img {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 376px;
}
.get-recognition .get-recognition-wrapper .get-recognition-left .slider__pagination {
  text-align: center;
  margin-bottom: 25px;
  position: relative;
  z-index: 9;
}
.get-recognition .get-recognition-wrapper .get-recognition-left .slider__pagination:after {
  background: transparent linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8431372549) 39%, rgba(255, 255, 255, 0.9803921569) 56%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  z-index: -9;
  bottom: 14px;
}
.get-recognition .get-recognition-wrapper .get-recognition-left .swiper-pagination-bullet {
  background: #89DCE1;
  width: 10px;
  height: 10px;
}
.get-recognition .get-recognition-wrapper .get-recognition-left .swiper-pagination-bullet-active {
  width: 16px;
  height: 16px;
  background: #33A7AE;
}

/*************Showcase-reviews-end*******************/
/**********Great Nonprofit Badge***************/
.great-nonprofits-badge-banner {
  background-color: rgb(221, 245, 246);
  background-image: url("../images/bg-banner.webp");
  padding: 60px 0px 70px;
}
.great-nonprofits-badge-banner .text-great {
  color: rgb(51, 51, 51);
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  width: 100%;
  margin-bottom: 0px;
}
.great-nonprofits-badge-banner .text-great p {
  margin: 0;
}
.great-nonprofits-badge-banner .text-great h3 {
  font-weight: 700;
  color: rgb(1, 96, 111);
  display: inline-block;
  margin-bottom: 30px;
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
}
.great-nonprofits-badge-banner .text-great strong {
  font-weight: 700;
  color: rgb(1, 96, 111);
}
.great-nonprofits-badge-banner .left_banner {
  background: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 20px;
  border-radius: 15px;
  padding: 10px;
  position: relative;
}
@media screen and (max-width: 991px) {
  .great-nonprofits-badge-banner .left_banner {
    margin-top: 20px;
  }
}
.great-nonprofits-badge-banner .left_banner img {
  width: 100%;
}

.top-rated-badge-section {
  background: 0% 0% no-repeat padding-box padding-box rgb(241, 254, 255);
  padding: 50px 0px;
}
.top-rated-badge-section .top-rated-badge-wrapper {
  display: flex;
  gap: 35px;
  padding-bottom: 50px;
}
@media screen and (max-width: 991px) {
  .top-rated-badge-section .top-rated-badge-wrapper {
    flex-wrap: wrap;
  }
}
.top-rated-badge-section .rated-badge-left {
  width: 100%;
  max-width: 772px;
}
.top-rated-badge-section .rated-badge-left a {
  color: rgb(1, 96, 111);
  text-decoration: none;
}
.top-rated-badge-section .rated-badge-left a.btn-outline-success-blue.btn.btn-primary {
  color: white;
}
.top-rated-badge-section .rated-badge-left span {
  color: rgb(1, 96, 111);
  font-weight: 700;
  text-decoration: none;
}
.top-rated-badge-section .rated-badge-left .btn-outline-success-blue.btn.btn-primary {
  min-width: 324px;
  padding: 12px 20px;
  box-shadow: rgba(0, 0, 0, 0.2) 3px 5px 20px;
  margin-top: 30px;
}
.top-rated-badge-section .rated-badge-image {
  width: 100%;
  max-width: 393px;
  background: 0% 0% no-repeat padding-box padding-box rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 20px;
  border-radius: 20px;
  padding: 50px 27px;
}
@media screen and (max-width: 991px) {
  .top-rated-badge-section .rated-badge-image {
    padding: 32px 12px;
    max-width: inherit;
  }
}
.top-rated-badge-section .rated-badge-image img {
  width: 100%;
}

.statistics-section .statistics-wrapper {
  display: flex;
  align-items: center;
  gap: 24px;
}
@media screen and (max-width: 991px) {
  .statistics-section .statistics-wrapper {
    flex-wrap: wrap;
  }
}
.statistics-section .statistics-left {
  background: 0% 0% no-repeat padding-box padding-box rgb(255, 255, 255);
  border-radius: 15px;
  padding: 30px;
  width: 50%;
}
@media screen and (max-width: 991px) {
  .statistics-section .statistics-left {
    width: 100%;
    padding: 20px;
  }
}
.statistics-section .statistics-left img {
  width: 100%;
}
.statistics-section .statistics-text {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 20px;
  color: rgb(51, 51, 51);
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  margin-bottom: 0px;
}
@media screen and (max-width: 991px) {
  .statistics-section .statistics-text {
    flex-wrap: wrap;
  }
}
.statistics-section .statistics-text h3 {
  color: rgb(51, 51, 51);
  font-family: Jost, sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 69px;
}
@media screen and (max-width: 1199px) {
  .statistics-section .statistics-text h3 {
    font-size: 35px;
    line-height: 40px;
  }
}
@media screen and (max-width: 991px) {
  .statistics-section .statistics-text h3 {
    font-size: 30px;
    line-height: 35px;
  }
}
@media screen and (max-width: 575px) {
  .statistics-section .statistics-text h3 {
    font-size: 28px;
    line-height: 40px;
    margin-bottom: 20px;
  }
}

/************Great Nonprofit Badge end***********/
/***elliott-advocacy-banner-start *******/
.elliott-advocacy-section {
  background: 0% 0% no-repeat padding-box padding-box rgb(241, 254, 255);
  padding-bottom: 50px;
}

.elliott-advocacy-banner {
  background-color: rgb(221, 245, 246);
  background-image: url("../images/bg-banner.webp");
  padding: 52px 0px 125px;
  color: rgb(51, 51, 51);
  font-size: 18px;
  font-family: Jost, sans-serif;
  font-weight: 500;
  line-height: 26px;
}

.elliott-advocacy-wrapper {
  background: 0% 0% no-repeat padding-box padding-box rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 20px;
  border-radius: 15px;
  padding: 30px;
  position: relative;
  top: -120px;
  color: rgb(51, 51, 51);
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  margin-bottom: 21px;
}
.elliott-advocacy-wrapper ul {
  padding: 0px;
  margin: 0px 0px 20px;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.elliott-advocacy-wrapper ul li {
  color: rgb(51, 51, 51);
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  display: flex;
  gap: 10px;
  align-items: center;
  width: 100%;
  position: relative;
  padding-left: 30px;
}
.elliott-advocacy-wrapper ul li:before {
  content: "";
  position: absolute;
  background: url("../images/orange-right-arrow.svg") left top/contain no-repeat;
  width: 20px;
  height: 20px;
  top: 2px;
  left: 0px;
}
.elliott-advocacy-wrapper p {
  margin-bottom: 20px;
}
.elliott-advocacy-wrapper p:last-child {
  margin-bottom: 0;
}

.need-section {
  padding-bottom: 30px;
  margin-top: -70px;
  color: rgb(51, 51, 51);
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  margin-bottom: 21px;
}
.need-section .client-img {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 575px) {
  .need-section .client-img {
    flex-wrap: wrap;
  }
}
.need-section .client-text strong {
  color: rgb(51, 51, 51);
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
}
.need-section .client-text span {
  color: rgb(1, 96, 111);
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
  display: block;
  margin-bottom: 10px;
}

.opportunity-section {
  color: rgb(51, 51, 51);
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  margin-bottom: 21px;
}
.opportunity-section p {
  margin: 0;
}

/***elliott-advocacy-banner-end*******/
/************Get Donations start********************/
.get-donations-section {
  background-color: rgb(221, 245, 246);
  background-image: url("../images/bg-banner.webp");
  padding: 60px 0px 70px;
}

.get-donations-warpper {
  display: flex;
  gap: 41px;
  align-items: center;
}
@media screen and (max-width: 575px) {
  .get-donations-warpper {
    flex-wrap: wrap;
  }
}

.get-donations-text-section {
  color: rgb(51, 51, 51);
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  margin-bottom: 0px;
  width: calc(50% - 0px);
}
.get-donations-text-section p {
  margin-top: 5px;
}
@media screen and (max-width: 575px) {
  .get-donations-text-section {
    width: 100%;
  }
}
.get-donations-text-section a {
  color: rgb(1, 96, 111);
  font-size: 18px;
  font-family: Jost, sans-serif;
  line-height: 27px;
  font-weight: 700;
  text-decoration: none;
  font-weight: bold;
}
.get-donations-text-section span {
  font-weight: 700;
  color: rgb(1, 96, 111);
  display: inline-block;
  margin-bottom: 0px;
}

.get-donations-image {
  background: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 20px;
  border-radius: 15px;
  padding: 10px;
  position: relative;
  width: calc(50% - 40px);
}
@media screen and (max-width: 575px) {
  .get-donations-image {
    width: 100%;
  }
}
.get-donations-image img {
  width: 100%;
}

/**************Get Donations-end************/
/******claim-donaion-start************/
.claim-donaion {
  background: rgb(255, 255, 255);
  padding: 50px 0px 30px;
}
.claim-donaion .claim-text {
  font-size: 18px;
  font-family: Jost, sans-serif;
  font-weight: 400;
  line-height: 26px;
}
.claim-donaion .claim-text a {
  color: #01606F;
  text-decoration: none;
  font-weight: bold;
}
.claim-donaion .donations-box-odd {
  background: rgb(239, 239, 239);
  color: rgb(51, 51, 51);
  font-size: 18px;
  font-family: Jost, sans-serif;
  font-weight: 500;
  line-height: 26px;
  border-radius: 15px;
  padding: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px 23px;
  flex-wrap: wrap;
  position: relative;
}
.claim-donaion .donations-box-odd:before {
  content: "";
  position: absolute;
  width: 316px;
  height: 70px;
  border-top: 2px dashed rgb(51, 167, 174);
  border-right: 2px dashed rgb(51, 167, 174);
  -o-border-image: initial;
     border-image: initial;
  border-left: none;
  border-bottom: none;
  right: -316px;
  top: 120%;
  bottom: 0px;
  margin: auto;
  transform: translateY(-50%);
}
@media screen and (max-width: 991px) {
  .claim-donaion .donations-box-odd:before {
    display: none;
  }
}
.claim-donaion strong {
  color: rgb(1, 96, 111);
  font-weight: 700;
}
.claim-donaion .number {
  width: 80px;
  min-width: 80px;
  height: 80px;
  background: rgb(51, 167, 174);
  border-radius: 15px;
  color: rgb(255, 255, 255);
  font-size: 30px;
  font-family: Jost, sans-serif;
  font-weight: 700;
  line-height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 575px) {
  .claim-donaion .number {
    width: 40px;
    min-width: 40px;
    height: 40px;
    font-size: 22px;
    line-height: 34px;
    border-radius: 8px;
  }
}
.claim-donaion .nonprofitprofile {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px 23px;
}
.claim-donaion .nonprofitprofile a {
  color: #01606F;
  text-decoration: none;
  font-weight: bold;
}
.claim-donaion .nonprofitprofile p {
  margin: 0;
}
.claim-donaion .donations-box-even {
  background: rgb(239, 239, 239);
  color: rgb(51, 51, 51);
  font-size: 18px;
  font-family: Jost, sans-serif;
  font-weight: 500;
  line-height: 26px;
  border-radius: 15px;
  padding: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px 23px;
  flex-wrap: wrap;
  position: relative;
}
.claim-donaion .donations-box-even:after {
  content: "";
  position: absolute;
  width: 316px;
  height: 140px;
  border-top: 2px dashed rgb(51, 167, 174);
  border-left: 2px dashed rgb(51, 167, 174);
  -o-border-image: initial;
     border-image: initial;
  border-right: none;
  border-bottom: none;
  left: -316px;
  top: 50%;
  bottom: auto;
  margin: auto;
  transform: translateY(0%);
}
@media screen and (max-width: 991px) {
  .claim-donaion .donations-box-even:after {
    display: none;
  }
}
.claim-donaion .donations-box-wrap.row {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  row-gap: 20px;
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  .claim-donaion .donations-box-wrap.row {
    row-gap: 30px;
  }
}
.claim-donaion .paypay-text {
  font-size: 18px;
  font-family: Jost, sans-serif;
  font-weight: 500;
  line-height: 26px;
}
.claim-donaion .paypay-text a {
  color: rgb(1, 96, 111);
  text-decoration: none;
  font-weight: bold;
}
.claim-donaion .donation-img img {
  width: 100%;
}
.claim-donaion .five-col {
  background: rgb(239, 239, 239);
  color: rgb(51, 51, 51);
  font-size: 18px;
  font-family: Jost, sans-serif;
  font-weight: 500;
  line-height: 26px;
  border-radius: 15px;
  padding: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px 23px;
  flex-wrap: wrap;
  position: relative;
}

/******claim-donaion-end************/
/**************about great nonprofit start***************/
.about-great-nonprofit-section {
  background-color: rgb(221, 245, 246);
  background-image: url("../images/bg-banner.webp");
  padding: 60px 0px 70px;
}
.about-great-nonprofit-section .row {
  align-items: center;
}
.about-great-nonprofit-section .btn-outline-success-blue.btn.btn-primary {
  padding: 12px 39px;
}
.about-great-nonprofit-section .about-great-text {
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  color: #333;
  font-family: Jost, sans-serif;
}
.about-great-nonprofit-section .about-great-text p {
  margin-bottom: 30px;
}
.about-great-nonprofit-section .left_banner {
  padding-left: 100px;
}
@media screen and (max-width: 991px) {
  .about-great-nonprofit-section .left_banner {
    padding-top: 30px;
  }
}
@media screen and (max-width: 575px) {
  .about-great-nonprofit-section .left_banner {
    padding-left: 0;
  }
}
.about-great-nonprofit-section .about-img-profit {
  position: relative;
}
.about-great-nonprofit-section .abiou-quote_col {
  border: 6px solid #F1F3FF;
  border-radius: 10px;
  position: absolute;
  top: 0px;
  left: -117px;
}
@media screen and (max-width: 991px) {
  .about-great-nonprofit-section .abiou-quote_col {
    left: -85px;
  }
}
@media screen and (max-width: 575px) {
  .about-great-nonprofit-section .abiou-quote_col {
    position: static;
    margin-bottom: 20px;
  }
}
.about-great-nonprofit-section .abiou-quote_col img {
  width: 100%;
  border-radius: 10px;
}
.about-great-nonprofit-section .sub-title {
  max-width: 439px;
}
.about-great-nonprofit-section .pexels-matheus-img {
  border: 6px solid #F1F3FF;
  border-radius: 10px;
  position: absolute;
  bottom: 0px;
  left: -117px;
}
@media screen and (max-width: 991px) {
  .about-great-nonprofit-section .pexels-matheus-img {
    left: -85px;
  }
}
@media screen and (max-width: 575px) {
  .about-great-nonprofit-section .pexels-matheus-img {
    position: static;
  }
}
.about-great-nonprofit-section .pexels-matheus-img img {
  width: 100%;
  border-radius: 10px;
}
.about-great-nonprofit-section .abut_bottom_col {
  border: 1px solid #FFFFFF;
  border-radius: 10px;
}
@media screen and (max-width: 575px) {
  .about-great-nonprofit-section .abut_bottom_col {
    margin-bottom: 20px;
  }
}
.about-great-nonprofit-section .abut_bottom_col img {
  width: 100%;
  border-radius: 10px;
}

section.endorsements-section {
  background: rgb(241, 254, 255);
  padding: 50px 0px;
}
section.endorsements-section .endorsements-post {
  width: 100%;
  padding: 40px 0px;
  display: flex;
  flex-wrap: wrap;
  gap: 30px 39px;
}
section.endorsements-section .earth-col {
  width: 100%;
  max-width: 552px;
  background: rgb(255, 255, 255);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  border-radius: 15px;
  overflow: hidden;
  margin-left: 36px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 20px;
}
@media screen and (max-width: 575px) {
  section.endorsements-section .earth-col {
    max-width: inherit;
    margin: 0 0 30px 0;
  }
}
section.endorsements-section .earth-col img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 10px;
}
section.endorsements-section .endorsements-clients {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 24px;
  margin-top: -268px;
}
@media screen and (max-width: 575px) {
  section.endorsements-section .endorsements-clients {
    margin-top: 0px;
    flex-wrap: wrap;
  }
}
section.endorsements-section .endorsements-box {
  width: calc(33.33% - 14px);
  max-width: 282px;
  padding: 20px;
  display: flex;
  background: rgb(255, 255, 255);
  border-radius: 15px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  text-align: center;
  row-gap: 24px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 30px;
}
@media screen and (max-width: 575px) {
  section.endorsements-section .endorsements-box {
    width: 100%;
  }
}
section.endorsements-section .client-img {
  max-width: 120px;
  max-height: 120px;
  display: block;
  margin: 0px auto 20px;
  border-radius: 15px;
  overflow: hidden;
}
section.endorsements-section .client-img img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
section.endorsements-section .client-text {
  margin: 0px auto;
  text-align: center;
  font-size: 18px;
  font-family: Jost, sans-serif;
  font-weight: 500;
  line-height: 26px;
  color: rgb(51, 51, 51);
  padding: 0 12px;
}
section.endorsements-section .name-postoin {
  width: 100%;
  text-align: center;
}
section.endorsements-section .name-postoin .client-name {
  color: rgb(1, 96, 111);
  font-size: 20px;
  font-family: Jost, sans-serif;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 3px;
}
section.endorsements-section .name-postoin .client-postion {
  color: rgb(0, 0, 0);
  font-size: 14px;
  font-family: Jost, sans-serif;
  font-weight: 400;
  line-height: 20px;
  min-height: 40px;
}
section.endorsements-section .endorsements-btn {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: 71px;
}
@media screen and (max-width: 575px) {
  section.endorsements-section .endorsements-btn {
    justify-content: center;
    margin-top: 20px;
  }
}
section.endorsements-section .post-image {
  width: calc(21% - 6px);
}
@media screen and (max-width: 575px) {
  section.endorsements-section .post-image {
    width: calc(50% - 20px);
  }
}

.we-enable-section {
  background: rgb(241, 254, 255);
  padding: 0px 0px 70px;
}
.we-enable-section .we-enable-text {
  width: 100%;
  min-height: 458px;
  background: rgb(241, 254, 255);
  padding: 10px;
  border-radius: 15px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 15px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 20px;
  background-image: url("../images/non-profits-cta-box.webp");
  border: 10px solid #fff;
  z-index: 1;
}
.we-enable-section .we-enable-text:after {
  content: "";
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  margin: auto;
  border-radius: 10px;
  z-index: -1;
}
.we-enable-section .we-enable-text .sub-title {
  color: #fff;
}
.we-enable-section .we-enable-content {
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-family: Jost, sans-serif;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  max-width: 804px;
  margin: 0 auto;
}

.inspiring-informing-donors {
  background: rgb(241, 254, 255);
  padding-bottom: 70px;
}
.inspiring-informing-donors .inspiring-informing-group {
  align-items: center;
}
.inspiring-informing-donors .inspiring-informing-image {
  width: 100%;
  max-width: 548px;
  margin: 0px auto;
  background: rgb(255, 255, 255);
  padding: 20px;
  border-radius: 20px;
}
.inspiring-informing-donors .inspiring-informing-image img {
  width: 100%;
  border-radius: 20px;
}
.inspiring-informing-donors .inspiring-informing-text {
  padding-left: 24px;
  color: rgb(51, 51, 51);
  font-size: 18px;
  font-family: Jost, sans-serif;
  font-weight: 400;
  line-height: 26px;
}
@media screen and (max-width: 991px) {
  .inspiring-informing-donors .inspiring-informing-text {
    padding-left: 0;
    padding-top: 30px;
    text-align: center;
  }
}
@media screen and (max-width: 575px) {
  .inspiring-informing-donors .inspiring-informing-text {
    padding-left: 0;
  }
}
.inspiring-informing-donors .inspiring-informing-text p {
  margin-bottom: 30px;
}
.inspiring-informing-donors .about-donater-blog {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  gap: 24px;
  margin-top: 50px;
}
@media screen and (max-width: 575px) {
  .inspiring-informing-donors .about-donater-blog {
    flex-wrap: wrap;
  }
}
.inspiring-informing-donors .about-donater-box {
  width: calc(50% - 10px);
  background: rgb(255, 255, 255);
  border-radius: 20px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 30px;
}
@media screen and (max-width: 575px) {
  .inspiring-informing-donors .about-donater-box {
    width: 100%;
  }
}
.inspiring-informing-donors .about-donater-box .donors-img {
  width: 100%;
  display: block;
  border-radius: 20px;
  overflow: hidden;
}
.inspiring-informing-donors .about-donater-box .donors-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.inspiring-informing-donors .volunteers-text {
  width: 100%;
  padding: 30px;
  color: rgb(51, 51, 51);
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}
.inspiring-informing-donors .volunteers-text h3 {
  color: rgb(1, 96, 111);
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  margin-bottom: 12px;
}

.follow-us-section {
  background: rgb(241, 254, 255);
  padding-bottom: 78px;
}
.follow-us-section .follow-us-wrapper {
  background: rgba(51, 167, 174, 0.1);
  border-radius: 15px;
  padding: 35px 18px 35px 30px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
}
@media screen and (max-width: 575px) {
  .follow-us-section .follow-us-wrapper {
    flex-wrap: wrap;
  }
}
.follow-us-section .follow-us-wrapper .social-img img {
  width: 100%;
}
.follow-us-section .follow-us-wrapper .follow-us-text {
  width: calc(50% - 10px);
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 575px) {
  .follow-us-section .follow-us-wrapper .follow-us-text {
    width: 100%;
  }
}
.follow-us-section .follow-us-wrapper .follow-us-text .sub-title {
  color: rgb(1, 96, 111);
}
.follow-us-section .follow-us-wrapper .social-icons {
  display: flex;
  gap: 16px;
  margin-top: 30px;
}
@media screen and (max-width: 575px) {
  .follow-us-section .follow-us-wrapper .social-icons {
    margin-top: 0;
  }
}
.follow-us-section .follow-us-wrapper .social-icons .social-media-icon-bg {
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background: rgb(61, 90, 152);
}
.follow-us-section .follow-us-wrapper .social-icons .social-media-icon-bg:nth-child(2) {
  background: rgb(0, 0, 0);
}
.follow-us-section .follow-us-wrapper .social-icons .social-media-icon-bg:nth-child(3) {
  background: linear-gradient(47deg, rgb(232, 0, 18) 0%, rgb(229, 0, 26) 6%, rgb(182, 0, 167) 100%) 0% 0% no-repeat padding-box padding-box transparent;
}
.follow-us-section .follow-us-wrapper .social-icons .social-media-icon-bg:nth-child(4) {
  background: rgb(0, 115, 178);
}
@media screen and (max-width: 575px) {
  .follow-us-section .follow-us-wrapper .social-icons .social-media-icon-bg {
    width: 50px;
    height: 50px;
  }
}
.follow-us-section .follow-us-wrapper .social-icons .social-media-icon-bg img {
  width: 20px;
  height: 100%;
}
@media screen and (max-width: 575px) {
  .follow-us-section .follow-us-wrapper .social-icons .social-media-icon-bg img {
    width: 15px;
  }
}

.greatnonprofits-team {
  background: rgb(241, 254, 255);
}
.greatnonprofits-team .team-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 27px;
}
.greatnonprofits-team .team-heading .sub-title {
  margin-bottom: 0;
}
@media screen and (max-width: 575px) {
  .greatnonprofits-team .team-heading {
    flex-wrap: wrap;
  }
}
.greatnonprofits-team .team-heading .btn-outline-success-blue {
  padding: 12px 58px;
}
.greatnonprofits-team .team-member-img img {
  border-radius: 10px;
}
.greatnonprofits-team .team-member {
  width: 100%;
  background: rgb(1, 96, 111);
  padding: 10px;
  border-radius: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
@media screen and (max-width: 575px) {
  .greatnonprofits-team .team-member {
    flex-wrap: wrap;
    gap: 22px;
  }
}
.greatnonprofits-team .team-member-name {
  font-size: 20px;
  font-family: Jost, sans-serif;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 5px;
  color: #fff;
}
.greatnonprofits-team .team-member-founder {
  font-size: 14px;
  font-family: Jost, sans-serif;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 20px;
  color: #fff;
}
.greatnonprofits-team .team-member-text {
  max-width: 880px;
  color: rgb(255, 255, 255);
  font-size: 18px;
  font-family: Jost, sans-serif;
  font-weight: 500;
  line-height: 26px;
}
.greatnonprofits-team .team-member-text p {
  margin: 0;
}

.board-members-section {
  background: rgb(241, 254, 255);
  padding: 50px 0;
}
.board-members-section .board-members-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 27px;
}
.board-members-section .board-members-title .sub-title {
  margin-bottom: 0;
}
@media screen and (max-width: 575px) {
  .board-members-section .board-members-title .sub-title {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 575px) {
  .board-members-section .board-members-title {
    flex-wrap: wrap;
  }
}
.board-members-section .board-members-title .btn-outline-success-blue {
  padding: 12px 58px;
}
.board-members-section .board-members-warpper {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}
.board-members-section .board-members-warpper .board-member-box {
  width: calc(25% - 23px);
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  background: rgb(247, 147, 30);
  border-radius: 15px;
  padding: 10px;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 30px;
}
@media screen and (max-width: 991px) {
  .board-members-section .board-members-warpper .board-member-box {
    width: calc(50% - 23px);
  }
}
@media screen and (max-width: 575px) {
  .board-members-section .board-members-warpper .board-member-box {
    width: 100%;
  }
}
.board-members-section .board-members-warpper .board-member-box .board-member-img {
  width: 100%;
}
.board-members-section .board-members-warpper .board-member-box .board-member-img img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}
.board-members-section .board-members-warpper .board-member-details {
  width: 100%;
  height: 115px;
  background: rgb(255, 255, 255);
  padding: 20px;
  text-align: center;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 30px;
}
.board-members-section .board-members-warpper .member-name {
  color: rgb(234, 139, 28);
  font-size: 20px;
  font-family: Jost, sans-serif;
  font-weight: 700;
  line-height: 26px;
  margin-bottom: 5px;
}
.board-members-section .board-members-warpper .member-name-position {
  color: rgb(51, 51, 51);
  font-size: 14px;
  font-family: Jost, sans-serif;
  font-weight: 400;
  line-height: 20px;
}

.board-members-section.advisoryboard .board-member-box {
  background: rgb(51, 167, 174);
}

.project-has-wrapper .sub-title {
  text-align: center;
}

.project-has {
  background: rgb(241, 254, 255);
  padding-bottom: 50px;
}
.project-has .project-has-image {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 30px;
       column-gap: 30px;
}
@media screen and (max-width: 575px) {
  .project-has .project-has-image {
    flex-wrap: wrap;
  }
}

/*************about great nonprofit end************/
/********Our Story start*********************/
.our-story-section {
  background: 0% 0% no-repeat padding-box padding-box rgb(241, 254, 255);
  padding: 50px 0px;
}
.our-story-section .story-img {
  background: 0% 0% no-repeat padding-box padding-box rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 20px;
  border-radius: 15px;
  padding: 10px;
  margin-bottom: 50px;
}
.our-story-section .story-img img {
  width: 100%;
}
.our-story-section .story-greatNonprofits {
  color: rgb(51, 51, 51);
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  margin-bottom: 20px;
}
.our-story-section .storyofgreatnonprofits-img {
  position: relative;
  z-index: 1;
}
.our-story-section .storyofgreatnonprofits-img img {
  width: 100%;
}
.our-story-section .storyofgreatnonprofits-img:before {
  background-image: url("../images/yellowdot.svg");
  background-size: cover;
  background-position: center center;
  position: absolute;
  content: "";
  width: 100%;
  height: 413px;
  background-repeat: no-repeat;
  right: 0;
  z-index: -1;
  bottom: 0px;
}
@media screen and (max-width: 575px) {
  .our-story-section .storyofgreatnonprofits-img:before {
    display: none;
  }
}
.our-story-section .storyofgreatnonprofits-img:after {
  background-image: url("../images/greendot.svg");
  background-size: cover;
  background-position: center center;
  position: absolute;
  content: "";
  width: 100%;
  height: 413px;
  background-repeat: no-repeat;
  left: 0;
  z-index: -1;
  top: -6px;
  transform: rotate(249deg);
  opacity: 0.5;
}
@media screen and (max-width: 575px) {
  .our-story-section .storyofgreatnonprofits-img:after {
    display: none;
  }
}

.mission-blog {
  padding-top: 75px;
}
.mission-blog .card {
  border: none;
  background: transparent;
}
@media screen and (max-width: 991px) {
  .mission-blog .card {
    margin-bottom: 20px;
  }
}
.mission-blog .blog-img {
  border-radius: 20px;
  overflow: hidden;
}
.mission-blog .card-body {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 30px;
  border-radius: 20px;
  background: rgb(255, 255, 255);
  padding: 30px;
  min-height: 238px;
}
.mission-blog h3 {
  font-family: Jost, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 15px;
  color: rgb(51, 51, 51);
  cursor: pointer;
}
.mission-blog .blog-img-text {
  margin-top: -75px;
}
.mission-blog .blog-content {
  font-family: Jost, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: rgba(51, 51, 51, 0.8);
  max-width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0px;
}

.greataward-section {
  background: 0% 0% no-repeat padding-box padding-box rgb(1, 96, 111);
  border-radius: 20px;
  padding: 12px 89px 12px 12px;
  display: flex;
  gap: 20px;
  align-items: center;
  margin: 50px 0px 50px;
}
@media screen and (max-width: 575px) {
  .greataward-section {
    flex-wrap: wrap;
    padding: 12px 12px 12px 12px;
    justify-content: center;
  }
}
.greataward-section .greataward-img {
  background: 0% 0% no-repeat padding-box padding-box rgb(255, 255, 255);
  border-radius: 10px;
  padding: 15px 22px;
}
.greataward-section .greataward-img img {
  width: 100%;
}
.greataward-section .greataward-text {
  color: rgb(255, 255, 255);
  font-family: Jost, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 27px;
}

.nonprofit-organization {
  margin-top: 50px;
}
.nonprofit-organization .nonprofit-text {
  color: rgb(51, 51, 51);
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
}
.nonprofit-organization .nonprofit-text strong {
  color: rgb(1, 96, 111);
  font-weight: 700;
}
.nonprofit-organization .nonprofit-text a {
  color: rgb(1, 96, 111);
  font-weight: 700;
  text-decoration: none;
}
.nonprofit-organization .nonprofit-text p {
  margin-bottom: 20px;
}

.stories-about-slider {
  max-width: 916px;
  margin: 0 auto;
}
.stories-about-slider h3 {
  color: rgb(51, 51, 51);
  font-family: Jost, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  margin: 0px auto 30px;
  text-align: center;
}
.stories-about-slider .slider-wrapper {
  width: 100%;
  max-width: 588px;
  margin: 0px auto;
  border-radius: 15px;
  position: relative;
  overflow: hidden;
  border: 10px solid #F3F3F3;
  background: #fff;
}
.stories-about-slider .slider-wrapper img {
  width: 100%;
}
.stories-about-slider .slider__pagination {
  position: absolute;
  text-align: center;
  transform: translateZ(0);
  transition: opacity 0.3s;
  z-index: 10;
}
.stories-about-slider .swiper-pagination-bullet {
  background: rgb(137, 220, 225);
  width: 10px;
  height: 10px;
}
.stories-about-slider .swiper-pagination-bullet-active {
  background: rgb(51, 167, 174);
  width: 16px;
  height: 16px;
}
.stories-about-slider .slider-col {
  padding: 0 60px;
}
.stories-about-slider .story-slider-title {
  color: rgb(51, 51, 51);
  font-family: Jost, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 40px;
  margin-top: 15px;
  text-align: center;
}

/********Our Story end*********************/
/***********Press-start************/
.press-banner-section {
  padding-bottom: 0;
}
.press-banner-section .nominate-image {
  background: transparent;
  box-shadow: none;
  padding: 0;
}
@media screen and (max-width: 575px) {
  .press-banner-section .nominate-image {
    padding-top: 20px;
  }
}
.press-banner-section .press-details {
  color: rgb(51, 51, 51);
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
}
.press-banner-section .press-details p {
  margin: 0;
}
.press-banner-section .press-details strong {
  color: rgb(51, 51, 51);
}
.press-banner-section .press-details a {
  color: rgb(51, 51, 51);
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  text-decoration: none;
  display: flex;
  margin-bottom: 4px;
}

.greatnonprofits-news {
  background: 0% 0% no-repeat padding-box padding-box rgb(241, 254, 255);
  padding: 50px 0px;
}
.greatnonprofits-news .news-video {
  background: 0% 0% no-repeat padding-box padding-box rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 20px;
  border-radius: 15px;
  padding: 20px;
  display: flex;
  gap: 34px;
  max-width: 996px;
  margin: 0px auto 50px;
}
@media screen and (max-width: 575px) {
  .greatnonprofits-news .news-video {
    flex-wrap: wrap;
  }
}
.greatnonprofits-news .news-title {
  padding-top: 25px;
  width: 100%;
  max-width: 466px;
  color: rgb(51, 51, 51);
  font-family: Jost, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  margin-bottom: 0px;
}
.greatnonprofits-news .news-title span {
  color: rgb(51, 51, 51);
  font-family: Jost, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 21px;
  margin-bottom: 0px;
}
.greatnonprofits-news .video-col {
  flex: 1 1 0%;
}

.news-wrapper {
  max-width: 996px;
  margin: 0px auto 50px;
  background: 0% 0% no-repeat padding-box padding-box rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 20px;
  border-radius: 20px;
  padding: 20px;
}
.news-wrapper .new-time-details {
  background: 0% 0% no-repeat padding-box padding-box rgb(239, 239, 239);
  border-radius: 15px;
  padding: 18px 20px;
  margin-bottom: 20px;
  color: rgb(51, 51, 51);
  font-family: Jost, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
}
.news-wrapper .new-time-details .press-title {
  color: rgb(1, 96, 111);
  text-decoration: none;
  font-family: Jost, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
  margin-bottom: 10px;
  display: inline-block;
}
.news-wrapper .new-time-details span {
  color: rgb(51, 51, 51);
  font-family: Jost, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  margin-bottom: 0px;
}

.press-releases {
  max-width: 996px;
  margin: 0px auto 50px;
  background: 0% 0% no-repeat padding-box padding-box rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 20px;
  border-radius: 20px;
  padding: 20px;
}
.press-releases h3 {
  color: rgb(51, 51, 51);
  font-family: Jost, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 29px;
  margin-bottom: 20px;
  text-align: center;
}
.press-releases .releases-greatnonprofits {
  background: 0% 0% no-repeat padding-box padding-box rgb(239, 239, 239);
  border-radius: 15px;
  padding: 18px 20px;
  margin-bottom: 20px;
}
.press-releases .press-title {
  color: rgb(1, 96, 111);
  text-decoration: none;
  font-family: Jost, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
  margin-bottom: 10px;
  display: flex;
}
.press-releases span {
  color: rgb(51, 51, 51);
  font-family: Jost, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  margin-bottom: 0px;
}

/***********Press-start-end************/
/************donate-to-us start*************/
.donate-banner .abut_bottom_col {
  border: 6px solid #FFFFFF;
}
.donate-banner .donate-title {
  width: 100%;
  max-width: 509px;
}
.donate-banner .btn-outline-success-blue.btn.btn-primary {
  padding: 12px 67px;
}

.donate-to-us-section {
  background: 0% 0% no-repeat padding-box padding-box rgb(241, 254, 255);
  padding: 50px 0px;
}
.donate-to-us-section .number-impact {
  width: 100%;
  max-width: 1088px;
  margin: 0px auto;
  padding-bottom: 50px;
}
.donate-to-us-section .number-box {
  background: 0% 0% no-repeat padding-box padding-box rgb(51, 167, 174);
  border-radius: 35px;
  width: 170px;
  min-width: 170px;
  height: 150px;
  color: rgb(255, 255, 255);
  font-family: Jost, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 75px;
  margin-bottom: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 575px) {
  .donate-to-us-section .number-box {
    width: 100%;
    font-size: 30px;
    border-radius: 10px;
  }
}
.donate-to-us-section .number-title {
  color: rgb(51, 51, 51);
  font-family: Jost, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 0px;
  width: 170px;
  max-width: 170px;
  text-align: center;
  margin-top: 20px;
}
@media screen and (max-width: 575px) {
  .donate-to-us-section .number-title {
    width: 100%;
    max-width: 100%;
    margin-bottom: 30px;
  }
}
.donate-to-us-section .difference-wrapper {
  display: flex;
  gap: 24px;
}
@media screen and (max-width: 575px) {
  .donate-to-us-section .difference-wrapper {
    flex-wrap: wrap;
  }
}
.donate-to-us-section .difference-wrapper .difference-box {
  background: 0% 0% no-repeat padding-box padding-box rgb(212, 236, 238);
  border-radius: 20px;
  padding: 30px;
  text-align: center;
  width: calc(33.33% - 10px);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
}
@media screen and (max-width: 575px) {
  .donate-to-us-section .difference-wrapper .difference-box {
    width: 100%;
  }
}
.donate-to-us-section .difference-wrapper .difference-box .difference-img {
  max-height: 190px;
  max-width: 190px;
  display: flex;
}
.donate-to-us-section .difference-wrapper .difference-box .difference-img img {
  width: 100%;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
.donate-to-us-section .difference-wrapper .dollar-dollar-title {
  font-size: 40px;
  font-weight: 700;
  line-height: 58px;
}
.donate-to-us-section .difference-wrapper .difference-text {
  color: rgb(51, 51, 51);
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  margin-bottom: 0px;
}
.donate-to-us-section .difference-wrapper .difference-text p {
  margin: 0;
  min-height: 50px;
}

.support-mission {
  background: 0% 0% no-repeat padding-box padding-box rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 20px;
  border-radius: 15px;
  padding: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  margin-bottom: 60px;
  gap: 40px;
}
@media screen and (max-width: 991px) {
  .support-mission {
    flex-wrap: wrap;
    gap: 0px;
    justify-content: start;
  }
}
@media screen and (max-width: 575px) {
  .support-mission {
    flex-wrap: wrap;
  }
}
.support-mission .support-mission-text {
  width: 100%;
  max-width: 522px;
  color: rgb(51, 51, 51);
  font-family: Jost, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 27px;
  margin-bottom: 0px;
}
@media screen and (max-width: 991px) {
  .support-mission .support-mission-text {
    max-width: inherit;
    font-size: 18px;
  }
}
.support-mission .support-mission-text p {
  margin-bottom: 30px;
}
@media screen and (max-width: 991px) {
  .support-mission .support-mission-image {
    margin-top: 20px;
  }
}
.support-mission .support-mission-image img {
  width: 100%;
}
.support-mission .btn-outline-success-blue.btn.btn-primary {
  padding: 12px 67px;
}
@media screen and (max-width: 575px) {
  .support-mission .btn-outline-success-blue.btn.btn-primary {
    padding: 12px 38px;
  }
}

.incredibly-donation {
  background: 0% 0% no-repeat padding-box padding-box rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 20px;
  border-radius: 15px;
  padding: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  margin-bottom: 60px;
  gap: 40px;
}
@media screen and (max-width: 991px) {
  .incredibly-donation {
    flex-wrap: wrap;
    justify-content: start;
  }
}
.incredibly-donation .incredibly-client img {
  width: 100%;
}
.incredibly-donation .incredibly-text {
  background: 0% 0% no-repeat padding-box padding-box rgb(239, 239, 239);
  border-radius: 20px;
  width: 100%;
  max-width: 522px;
  padding: 35px 20px 20px;
  position: relative;
}
.incredibly-donation .incredibly-text span {
  color: rgb(1, 96, 111);
  font-family: Jost, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
}
.incredibly-donation .incredibly-img {
  position: absolute;
  top: -26px;
}

.tax-deductible {
  background: 0% 0% no-repeat padding-box padding-box rgb(255, 255, 255);
  border: 1px solid rgb(0, 0, 0);
  border-radius: 15px;
  padding: 30px;
}
.tax-deductible .deductible-text {
  display: flex;
  gap: 30px;
}
@media screen and (max-width: 575px) {
  .tax-deductible .deductible-text {
    flex-wrap: wrap;
  }
}
.tax-deductible .deductible-image {
  width: 100%;
  max-width: 263px;
}
.tax-deductible .deductible-image img {
  width: 100%;
}
.tax-deductible .deductible-content {
  color: rgb(51, 51, 51);
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
}
.tax-deductible .deductible-content a {
  color: #33a7ae;
  text-decoration: none;
}
.tax-deductible .deductible-content p {
  margin-bottom: 20px;
}
.tax-deductible .deductible-content strong {
  color: rgb(1, 96, 111);
  font-weight: 700;
  cursor: pointer;
}

/**************donate-to-us end***************/
/*****our-supporters start*********************/
.supporters-greatnonprofits .gray-back {
  background: rgb(245, 245, 245);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 20px;
  border-radius: 15px;
  padding: 20px 8px;
  row-gap: 20px;
  justify-content: space-between;
  position: relative;
  top: -125px;
  margin-bottom: -50px;
}
.supporters-greatnonprofits .supporters-box {
  max-width: 385px;
  width: 100%;
  min-height: 112px;
  height: 100%;
  background: rgb(255, 255, 255);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*******our-supporters end***********/
/********careers-start***************/
.careers-opening-wrapper img.no_job {
  width: 100%;
  max-width: 550px;
  margin: 0 auto;
  text-align: center;
  display: block;
}

.careers-volunteering {
  position: relative;
}
.careers-volunteering:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgb(241, 254, 255);
  top: 62px;
  z-index: -1;
}
.careers-volunteering .careers-volunteering-wrapper {
  background: 0% 0% no-repeat padding-box padding-box rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 20px;
  border-radius: 15px;
  padding: 20px;
  display: flex;
  align-items: center;
  margin-top: -110px;
  margin-bottom: 60px;
  gap: 40px;
  flex-wrap: wrap;
}
@media screen and (max-width: 991px) {
  .careers-volunteering .careers-volunteering-wrapper {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.careers-volunteering .careers-volunteering-wrapper .careers-img {
  max-width: 578px;
}
.careers-volunteering .careers-volunteering-text {
  width: 100%;
  max-width: 522px;
  color: rgb(51, 51, 51);
  font-family: Jost, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 27px;
}
@media screen and (max-width: 1199px) {
  .careers-volunteering .careers-volunteering-text {
    font-size: 18px;
    max-width: inherit;
  }
}
@media screen and (max-width: 991px) {
  .careers-volunteering .careers-volunteering-text {
    font-size: 16px;
    max-width: inherit;
  }
}
.careers-volunteering .careers-volunteering-text p {
  margin-bottom: 30px;
}
.careers-volunteering .careers-volunteering-text p:last-child {
  margin-bottom: 0;
}
.careers-volunteering .careers-volunteering-text p:nth-child(4) {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .careers-volunteering .careers-volunteering-text p {
    margin-bottom: 10px;
  }
}
.careers-volunteering .careers-volunteering-text a {
  color: rgb(1, 96, 111);
  text-decoration: none;
}
.careers-volunteering .careers-img img {
  width: 100%;
}

.careers-opening {
  background: 0% 0% no-repeat padding-box padding-box rgb(241, 254, 255);
  padding-bottom: 50px;
}
.careers-opening .careers-box {
  display: flex;
  gap: 20px;
  width: 100%;
  background: 0% 0% no-repeat padding-box padding-box rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 20px;
  border-radius: 15px;
  padding: 10px;
  align-items: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 1199px) {
  .careers-opening .careers-box {
    flex-wrap: wrap;
  }
}
.careers-opening .careers-box .careers-img {
  background: 0% 0% no-repeat padding-box padding-box rgb(255, 212, 149);
  border-radius: 10px;
  width: 100px;
  min-width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.careers-opening .careers-box .careers-img img {
  width: 100%;
  max-width: 60px;
}
.careers-opening .careers-box .careers {
  width: 100%;
  max-width: 871px;
}
.careers-opening .careers-box .careers h3 {
  color: rgb(1, 96, 111);
  font-family: Jost, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 25px;
  margin-bottom: 15px;
}
.careers-opening .careers-box ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
  display: flex;
  gap: 103px;
}
@media screen and (max-width: 767px) {
  .careers-opening .careers-box ul {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.careers-opening .careers-box ul li {
  position: relative;
}
@media screen and (max-width: 575px) {
  .careers-opening .careers-box ul li {
    width: 100%;
  }
}
.careers-opening .careers-box ul li:after {
  position: absolute;
  content: "";
  width: 2px;
  height: 30px;
  background-color: rgba(51, 51, 51, 0.5);
  right: -50px;
}
@media screen and (max-width: 767px) {
  .careers-opening .careers-box ul li:after {
    right: -11px;
  }
}
@media screen and (max-width: 575px) {
  .careers-opening .careers-box ul li:after {
    display: none;
  }
}
.careers-opening .careers-box ul li:last-child:after {
  display: none;
}
.careers-opening .careers-box .applynow-btn a {
  padding: 12px 30px;
  min-width: 158px;
  display: flex;
  justify-content: center;
}

/*************careers-end**********/
/***********Endorsements & Testimonials start***************/
.endorsements-box {
  width: 100%;
}
.endorsements-box .social-media-requests-box-wrap {
  width: 100%;
  background: rgb(239, 239, 239);
  padding: 25px 20px 20px;
  border-radius: 15px;
  position: relative;
}
.endorsements-box .social-media-requests-box-wrap a {
  color: rgb(1, 96, 111);
  text-decoration: none;
}
.endorsements-box .social-media-requests-box-wrap h6 {
  color: rgb(0, 0, 0);
  font-size: 16px;
  font-family: Jost, sans-serif;
  font-weight: 700;
  line-height: 24px;
}
.endorsements-box .social-media-requests-box-wrap h6 span {
  color: rgb(1, 96, 111);
  font-size: 16px;
  font-family: Jost, sans-serif;
  font-weight: 700;
  line-height: 24px;
}
.endorsements-box .doubleQuotes-icon-bg {
  width: 50px;
  height: 50px;
  background: rgb(51, 167, 174);
  margin-bottom: -25px;
  position: relative;
  margin-left: 20px;
  z-index: 1;
  min-width: 50px;
  min-height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
}
.endorsements-box .reviews-content-text {
  color: #000000;
  font-family: Jost, sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 24px;
  margin-block: 12px;
}

/***********************Endorsements & Testimonials end************/
/**************Donate to Nonprofits start**********************/
.donateto-text {
  color: rgb(51, 51, 51);
  font-size: 18px;
  font-family: Jost, sans-serif;
  font-weight: 500;
  line-height: 26px;
  max-width: 987px;
  width: 100%;
}

.careers-volunteering-wrapper.donatenonprofits {
  gap: 20px;
}
.careers-volunteering-wrapper.donatenonprofits .charity-box {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
}
@media screen and (max-width: 575px) {
  .careers-volunteering-wrapper.donatenonprofits .charity-box {
    flex-wrap: wrap;
  }
}
.careers-volunteering-wrapper.donatenonprofits .charity-box .charity-image {
  width: 100%;
  max-width: 320px;
  max-height: 323px;
  border-radius: 10px;
  overflow: hidden;
}
.careers-volunteering-wrapper.donatenonprofits .charity-box .charity-image img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.careers-volunteering-wrapper.donatenonprofits .charity-box .charity-text {
  width: 100%;
  color: rgb(51, 51, 51);
  font-size: 18px;
  font-family: Jost, sans-serif;
  font-weight: 400;
  line-height: 26px;
}
.careers-volunteering-wrapper.donatenonprofits .charity-box .charity-text strong {
  color: rgb(1, 96, 111);
  font-weight: 700;
}
.careers-volunteering-wrapper.donatenonprofits .charity-box .charity-text a {
  color: rgb(1, 96, 111);
  font-weight: 700;
  text-decoration: none;
}
.careers-volunteering-wrapper.donatenonprofits .charity-box .charity-text h2 {
  color: rgb(51, 51, 51);
  font-size: 20px;
  font-family: Jost, sans-serif;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 15px;
}

.statistics-on-donation {
  background: rgb(241, 254, 255);
  padding-bottom: 50px;
}
.statistics-on-donation .statistics-donation-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  gap: 24px;
}
@media screen and (max-width: 575px) {
  .statistics-on-donation .statistics-donation-wrapper {
    flex-wrap: wrap;
  }
}
.statistics-on-donation .statistics-donation-wrapper .statistics-box {
  width: calc(50% - 10px);
  background: rgb(255, 255, 255);
  padding: 30px;
  color: rgb(51, 51, 51);
  font-size: 20px;
  font-family: Jost, sans-serif;
  font-weight: 400;
  line-height: 30px;
  border-radius: 20px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 20px;
}
.statistics-on-donation .statistics-donation-wrapper .statistics-box a {
  color: rgb(1, 96, 111);
  text-decoration: none;
}
@media screen and (max-width: 575px) {
  .statistics-on-donation .statistics-donation-wrapper .statistics-box {
    width: 100%;
  }
}
.statistics-on-donation .statistics-donation-wrapper .statistics-box p {
  margin: 0;
}
.statistics-on-donation .statistics-donation-wrapper .statistics-box strong {
  color: rgb(1, 96, 111);
  font-size: 20px;
  font-family: Jost, sans-serif;
  font-weight: 700;
  line-height: 30px;
}
.statistics-on-donation .statistics-donation-wrapper .statistics-box ul {
  padding: 0px;
  list-style: none;
  margin-top: 14px;
  margin-left: 0;
  margin-bottom: 0;
}
.statistics-on-donation .statistics-donation-wrapper .statistics-box ul li {
  color: rgb(51, 51, 51);
  font-size: 18px;
  font-family: Jost, sans-serif;
  font-weight: 400;
  line-height: 24px;
  padding-left: 28px;
  position: relative;
}
.statistics-on-donation .statistics-donation-wrapper .statistics-box ul li:before {
  content: "";
  position: absolute;
  background-image: url("../images/orangeicon.svg");
  width: 28px;
  height: 18px;
  background-repeat: no-repeat;
  left: 0px;
  top: 5px;
}
.statistics-on-donation .statistics-donation-wrapper .statistics-box ul li strong {
  color: #333;
}

.great-find-nonprofits {
  background: rgb(241, 254, 255);
  padding-bottom: 50px;
}
.great-find-nonprofits .find-nonprofits-wrapper {
  background: rgb(255, 255, 255);
  border-radius: 20px;
  padding: 30px;
  color: rgb(51, 51, 51);
  font-size: 18px;
  font-family: Jost, sans-serif;
  font-weight: 700;
  line-height: 24px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 20px;
}
@media screen and (max-width: 575px) {
  .great-find-nonprofits .find-nonprofits-wrapper {
    padding: 20px;
  }
}
.great-find-nonprofits .statistics-donation-wrapper {
  display: flex;
}
.great-find-nonprofits .find-nonprofits {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 50px 20px;
  padding: 0px;
  list-style: none;
  position: relative;
  counter-reset: li 0;
  margin-bottom: 0px;
  padding-top: 30px;
}
@media screen and (max-width: 575px) {
  .great-find-nonprofits .find-nonprofits {
    flex-wrap: wrap;
  }
}
.great-find-nonprofits .find-nonprofits .find-nonprofits-box {
  width: calc(50% - 10px);
  padding: 45px 20px 20px 30px;
  background: rgb(239, 239, 239);
  border-radius: 15px;
  color: rgb(51, 51, 51);
  font-size: 18px;
  font-family: Jost, sans-serif;
  font-weight: 400;
  line-height: 30px;
  position: relative;
}
.great-find-nonprofits .find-nonprofits .find-nonprofits-box a {
  color: rgb(1, 96, 111);
  text-decoration: none;
}
.great-find-nonprofits .find-nonprofits .find-nonprofits-box:last-child {
  width: 100%;
}
@media screen and (max-width: 575px) {
  .great-find-nonprofits .find-nonprofits .find-nonprofits-box {
    width: 100%;
  }
}
.great-find-nonprofits .find-nonprofits .find-nonprofits-box:before {
  content: counter(li);
  counter-increment: li 1;
  position: absolute;
  top: -30px;
  left: 30px;
  width: 60px;
  height: 60px;
  background: rgb(51, 167, 174);
  color: rgb(255, 255, 255);
  font-family: Jost, sans-serif;
  font-size: 30px;
  line-height: 42px;
  font-weight: 700;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  border-radius: 13px;
}
.great-find-nonprofits .find-nonprofits .find-nonprofits-box h3 {
  color: rgb(1, 96, 111);
  font-size: 20px;
  font-family: Jost, sans-serif;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 15px;
}

/********************Donate to Nonprofits end**************/
/**********link-to-us start********************/
.linkto-us {
  color: rgb(51, 51, 51);
  font-size: 18px;
  font-family: Jost, sans-serif;
  font-weight: 400;
  line-height: 28px;
}
.linkto-us p {
  margin-bottom: 10px;
}
.linkto-us .small-textlink {
  color: rgb(51, 51, 51);
  font-size: 18px;
  font-family: Jost, sans-serif;
  font-weight: 400;
  line-height: 26px;
  margin-top: 5px;
  margin-bottom: 15px;
}
.linkto-us ul {
  padding: 0px;
  list-style: none;
  margin-bottom: 0px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  margin-left: 0;
}
.linkto-us ul li {
  color: rgb(51, 51, 51);
  font-size: 18px;
  font-family: Jost, sans-serif;
  font-weight: 400;
  line-height: 26px;
  padding-left: 30px;
  position: relative;
}
.linkto-us ul li::before {
  content: "";
  position: absolute;
  background-image: url("../images/orange-right-arrow.svg");
  background-size: contain;
  background-position: left top;
  width: 20px;
  height: 18px;
  background-repeat: no-repeat;
  left: 0px;
  top: 3px;
}

.link-table {
  background: rgb(241, 254, 255);
  padding-bottom: 50px;
}
.link-table .link-table-text {
  max-width: 601px;
  margin: 0px auto 30px;
  text-align: center;
  color: rgb(51, 51, 51);
  font-size: 20px;
  font-weight: 600;
  font-family: Jost, sans-serif;
  line-height: 30px;
}
.link-table .link-table-text a {
  color: rgb(1, 96, 111);
  padding-left: 5px;
  text-decoration: none;
  outline: none;
  transition: all 0.5s ease-in-out 0s;
}

.linktous-table-section {
  max-width: 996px;
  margin: 0px auto;
}
.linktous-table-section .table-responsive {
  background: 0% 0% no-repeat padding-box padding-box rgb(249, 255, 255);
  border: 1px solid;
  border-radius: 20px;
}
.linktous-table-section table {
  margin: 0;
}
.linktous-table-section table thead tr {
  background: rgb(255, 255, 255);
  border-bottom: 1px solid #707070;
}
.linktous-table-section table thead th {
  color: rgba(0, 0, 0, 0.8);
  text-align: center;
  font-size: 18px;
  font-family: Jost, sans-serif;
  font-weight: 700;
  line-height: 24px;
  border-left: 1px solid #707070;
  padding: 20px;
  white-space: nowrap;
}
.linktous-table-section table thead th:first-child {
  border-left: transparent;
}
.linktous-table-section table tbody {
  background: #fff;
  border: transparent !important;
}
.linktous-table-section table tbody tr {
  vertical-align: middle;
  border-bottom: 1px solid #707070;
}
.linktous-table-section table tbody tr:last-child {
  border-bottom: transparent;
}
.linktous-table-section table tbody tr td {
  text-align: center;
  margin-bottom: 10px;
  color: rgb(0, 0, 0);
  font-size: 18px;
  font-family: Jost, sans-serif;
  font-weight: 400;
  line-height: 26px;
  border-right: 1px solid #707070;
  max-width: 271px;
}
.linktous-table-section table tbody tr td:last-child {
  border-right: transparent;
}
.linktous-table-section table tbody tr td strong {
  font-weight: 600;
  display: block;
  margin-top: 8px;
}
.linktous-table-section .clipborder-text {
  min-width: 271px;
  width: 100%;
  background: rgb(255, 255, 255);
  padding: 10px;
  margin-top: 10px;
  border: 1px solid rgb(112, 112, 112);
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
  font-family: Jost, sans-serif;
  line-height: 20px;
  font-weight: 400;
  overflow-wrap: break-word;
  text-align: left;
  Resize: none;
  height: 187px;
}
.linktous-table-section .clipbord {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.linktous-table-section .clipbord span {
  color: rgba(0, 0, 0, 0.8);
  font-size: 14px;
  font-family: Jost, sans-serif;
  font-weight: 700;
  line-height: 20px;
}
.linktous-table-section .clipbord strong {
  color: rgb(1, 96, 111);
  font-size: 14px;
  font-family: Jost, sans-serif;
  font-weight: 700;
  line-height: 20px;
}
.linktous-table-section .download-col {
  background: transparent;
  color: rgb(1, 96, 111);
  font-size: 18px;
  font-family: Jost, sans-serif;
  font-weight: 400;
  line-height: 26px;
  margin-top: 10px;
}
.linktous-table-section .download-col a {
  background: transparent;
  color: rgb(1, 96, 111);
  font-size: 18px;
  font-family: Jost, sans-serif;
  font-weight: 400;
  line-height: 26px;
  text-decoration: none;
  display: flex;
  justify-content: center;
}
.linktous-table-section .download-col strong a {
  font-weight: bold;
}
.linktous-table-section .clipbord-box {
  margin-bottom: 20px;
}
.linktous-table-section .clipbord-box:last-child {
  margin-bottom: 0;
}

/**************link-to-us end*********************/
/*****************advertising start********************/
.advertising-section {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  -moz-column-gap: 68px;
       column-gap: 68px;
}
@media screen and (max-width: 991px) {
  .advertising-section {
    flex-wrap: wrap;
    gap: 30px;
  }
}
.advertising-section .advertising-text {
  width: calc(50% - 10px);
  color: rgb(51, 51, 51);
  font-size: 18px;
  font-family: Jost, sans-serif;
  font-weight: 400;
  line-height: 26px;
}
@media screen and (max-width: 991px) {
  .advertising-section .advertising-text {
    width: 100%;
  }
}
.advertising-section .advertising-text a {
  color: rgb(1, 96, 111);
  font-weight: 600;
  text-decoration: none;
}
.advertising-section .advertising-text p {
  margin-bottom: 10px;
}
.advertising-section .advertising-text .sub-title {
  font-weight: 700;
}
.advertising-section .advertising-text .sub-title.link-title {
  margin-top: 30px;
}
.advertising-section .advertising-image {
  width: calc(50% - 10px);
  border-radius: 6px;
  overflow: hidden;
}
@media screen and (max-width: 991px) {
  .advertising-section .advertising-image {
    width: 100%;
  }
}
.advertising-section .advertising-image img {
  width: 100%;
  height: 100%;
  display: block;
}

/******************advertising end***************/
/***********top-city-start*************/
.top-city-section {
  background: rgb(241, 254, 255);
  padding: 50px 0px;
}
.top-city-section .top-city-wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.top-city-section .top-city-wrapper .city-box {
  background: rgb(255, 255, 255);
  border-radius: 20px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 30px;
  width: 100%;
  max-width: 282px;
}
@media screen and (max-width: 767px) {
  .top-city-section .top-city-wrapper .city-box {
    max-width: inherit;
  }
}
.top-city-section .top-city-wrapper .city-box h3 {
  font-size: 18px;
  line-height: 26px;
  font-family: Jost, sans-serif;
  font-weight: 700;
  border-bottom: 1px solid rgb(153, 211, 214);
  width: 100%;
  padding-bottom: 10px;
}
.top-city-section .top-city-wrapper .city-box a {
  color: rgb(51, 51, 51);
  font-size: 18px;
  font-family: Jost, sans-serif;
  font-weight: 500;
  line-height: 36px;
  text-decoration: none;
  display: flex;
  text-transform: capitalize;
}
.top-city-section .top-city-wrapper .city-image {
  width: 100%;
  margin-bottom: 20px;
}
.top-city-section .top-city-wrapper .city-image img {
  width: 100%;
  max-width: 242px;
  display: block;
  margin: 0 auto;
}

/**********top-city-end****************/
/***********nonprofit-success-stories-start*************/
.featured-success-stories {
  background: rgb(241, 254, 255);
  padding: 50px 0px;
}
.featured-success-stories .featured-success-wrapper {
  background: rgb(255, 255, 255);
  padding: 30px;
  border-radius: 20px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 20px;
}
.featured-success-stories .featured-success-box {
  background: rgb(243, 243, 243);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
  padding: 20px;
  border-radius: 15px;
  margin-bottom: 20px;
}
.featured-success-stories .featured-success-box a {
  color: rgb(1, 96, 111);
  text-decoration: none;
}
@media screen and (max-width: 575px) {
  .featured-success-stories .featured-success-box {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.featured-success-stories .featured-success-box:last-child {
  margin-bottom: 0;
}
.featured-success-stories .featured-success-box .featured-success-image img {
  width: 100%;
}
.featured-success-stories .featured-success-text {
  color: rgb(85, 85, 85);
  font-size: 16px;
  font-family: Jost, sans-serif;
  font-weight: 400;
  line-height: 22px;
}
.featured-success-stories .featured-success-text h3 {
  color: rgb(1, 96, 111);
  font-size: 20px;
  font-family: Jost, sans-serif;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 2px;
}
.featured-success-stories .featured-success-text p {
  margin-bottom: 15px;
}
.featured-success-stories .featured-success-text p:last-child {
  margin-bottom: 0;
}

/***********nonprofit-success-stories-end*************/
/**********board-member-start*************/
.border-text {
  color: rgb(1, 96, 111);
}

.board-member-section {
  background: #F1FEFF;
  padding: 50px 0;
}
@media (max-width: 991px) {
  .board-member-section .tab-content > .tab-pane {
    display: block;
    opacity: 1;
    background: transparent;
  }
}
@media (max-width: 991px) {
  .board-member-section button.accordion-button {
    display: none;
  }
}
.board-member-section .nav-tabs {
  background: 0% 0% no-repeat padding-box padding-box rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 20px;
  border-radius: 15px;
  padding: 6px;
  justify-content: space-between;
  margin-bottom: 37px;
  margin-left: 0;
}
@media (max-width: 991px) {
  .board-member-section .nav-tabs {
    width: 100%;
    display: block;
  }
}
.board-member-section .nav-tabs .nav-link {
  color: rgb(1, 96, 111);
  font-family: Jost, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 29px;
  padding: 10px 121px;
  border-top: none;
  border-bottom: none;
  border-left: none;
  -o-border-image: initial;
     border-image: initial;
  border-right: 1px solid rgba(51, 167, 174, 0.5);
  border-radius: 0px;
}
.board-member-section .nav-tabs .nav-link.active {
  background: 0% 0% no-repeat padding-box padding-box rgb(1, 96, 111);
  border-radius: 10px;
  color: rgb(255, 255, 255);
}
@media screen and (max-width: 1366px) {
  .board-member-section .nav-tabs .nav-link {
    padding: 10px 121px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1215px) {
  .board-member-section .nav-tabs .nav-link {
    padding: 10px 80px;
  }
}
@media screen and (max-width: 991px) {
  .board-member-section .nav-tabs .nav-link {
    padding: 10px 68px;
    text-align: center;
    border-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .board-member-section .nav-tabs .nav-link {
    padding: 17px 69px;
    white-space: nowrap;
    border: none;
  }
}
.board-member-section .nav-tabs .nav-item:last-child .nav-link {
  border-right: none;
}
.board-member-section .member-box {
  display: flex;
  gap: 20px;
  background: 0% 0% no-repeat padding-box padding-box rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 30px;
  border-radius: 15px;
  padding: 10px;
  align-items: center;
  color: rgb(0, 0, 0);
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  margin-bottom: 20px;
}
@media screen and (max-width: 991px) {
  .board-member-section .member-box {
    font-size: 16px;
    line-height: 25px;
  }
}
@media screen and (max-width: 575px) {
  .board-member-section .member-box {
    flex-wrap: wrap;
  }
}
.board-member-section .member-box:last-child {
  margin-bottom: 0;
}
.board-member-section .member-box p {
  margin-bottom: 0;
}
.board-member-section .member-box strong {
  color: rgb(1, 96, 111);
  font-weight: 700;
}
.board-member-section .member-box .member-image {
  border-radius: 10px;
  width: 150px;
  height: 150px;
  min-width: 150px;
}
.board-member-section .member-box .member-image img {
  width: 100%;
  height: 100%;
  display: block;
}
.board-member-section .accordion-body {
  padding: 0 !important;
  background: #F1FEFF;
  border: none !important;
}
.board-member-section .accordion-item {
  border: none !important;
}
.board-member-section .accordion .accordion-button {
  font-family: Jost, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 29px;
  padding: 10px 20px;
  border-top: none;
  border-bottom: none;
  border-left: none;
  margin: 10px 0;
  border-radius: 10px !important;
}
@media screen and (max-width: 1199px) {
  .board-member-section .accordion .accordion-button {
    font-size: 18px;
    line-height: 30px;
  }
}
.board-member-section .accordion .accordion-button:focus {
  box-shadow: none;
}
.board-member-section .accordion-button:not(.collapsed) {
  background: 0% 0% no-repeat padding-box padding-box rgb(1, 96, 111);
  color: rgb(255, 255, 255);
}
.board-member-section .accordion-button:not(.collapsed)::after {
  filter: invert(100) brightness(100);
}

/**********board-member-end*************/
/**********Team-member-start*************/
.teammembers-wrapper {
  display: flex;
  background: 0% 0% no-repeat padding-box padding-box rgb(1, 96, 111);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 30px;
  border-radius: 15px;
  padding: 10px;
  gap: 20px;
  margin-bottom: 30px;
}
@media screen and (max-width: 575px) {
  .teammembers-wrapper {
    flex-wrap: wrap;
  }
}
.teammembers-wrapper .teammembers-image {
  width: 100%;
  max-width: 262px;
}

.teammembers-details {
  color: rgb(255, 255, 255);
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  margin-bottom: 0px;
}
@media screen and (max-width: 991px) {
  .teammembers-details {
    font-size: 16px;
    line-height: 25px;
  }
}
.teammembers-details p {
  margin: 0;
}
.teammembers-details h3 {
  color: rgb(255, 255, 255);
  font-family: Jost, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 27px;
  margin-bottom: 5px;
}
.teammembers-details span {
  color: rgb(255, 255, 255);
  font-family: Jost, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  margin-bottom: 20px;
  display: block;
}
.teammembers-details .teammembers-image {
  width: 262px;
  min-width: 262px;
  height: 262px;
  border-radius: 10px;
}
.teammembers-details .teammembers-image img {
  width: 100%;
}

.member-section {
  display: flex;
  gap: 20px 24px;
  flex-wrap: wrap;
}
.member-section .member-one {
  display: flex;
  gap: 20px;
  background: 0% 0% no-repeat padding-box padding-box rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 30px;
  border-radius: 15px;
  padding: 10px 43px 10px 10px;
  width: calc(50% - 12px);
  align-items: flex-start;
}
@media screen and (max-width: 991px) {
  .member-section .member-one {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 575px) {
  .member-section .member-one {
    width: 100%;
  }
}
.member-section .member-one .member-text {
  color: rgb(0, 0, 0);
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  margin-bottom: 0px;
}
@media screen and (max-width: 991px) {
  .member-section .member-one .member-text {
    font-size: 16px;
    line-height: 25px;
  }
}
.member-section .member-one .member-text strong {
  color: rgb(1, 96, 111);
  font-weight: 700;
}
.member-section .member-image {
  width: 150px;
  height: 150px;
  min-width: 150px;
}
.member-section .member-image img {
  width: 100%;
  border-radius: 10px;
}

/**********Team-member-end*************/
/**advisory-board-start************/
.advisory-board ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 40px 20px;
}
@media screen and (max-width: 991px) {
  .advisory-board ul {
    gap: 10px 16px;
  }
}
@media screen and (max-width: 575px) {
  .advisory-board ul {
    gap: 12px 28px;
  }
}
.advisory-board ul li {
  width: calc(33.33% - 14px);
  color: rgba(51, 51, 51, 0.8);
  font-family: Jost, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 0px;
  text-align: center;
}
@media screen and (max-width: 1199px) {
  .advisory-board ul li {
    font-size: 18px;
    line-height: 30px;
  }
}
@media screen and (max-width: 575px) {
  .advisory-board ul li {
    width: calc(50% - 14px);
    font-size: 16px;
    line-height: 25px;
  }
}

/**advisory-board-end************/
/**************Partner-Solutions-start****************/
.partner-solutions-section {
  background: rgb(241, 254, 255);
  padding-bottom: 50px;
}
.partner-solutions-section .partner-foundations {
  background: rgb(255, 255, 255);
  margin-top: -133px;
  border-radius: 20px;
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 20px 20px;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.partner-solutions-section .partner-foundations h3 {
  color: rgb(1, 96, 111);
  font-size: 18px;
  font-family: Jost, sans-serif;
  font-weight: 500;
  line-height: 26px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgb(255, 255, 255);
}
.partner-solutions-section .partner-foundations span {
  color: rgb(51, 51, 51);
  font-size: 18px;
  font-family: Jost, sans-serif;
  font-weight: 400;
  line-height: 26px;
}
.partner-solutions-section .foundations-wrapper {
  background: rgb(242, 242, 242);
  padding: 20px;
  border-radius: 15px;
}
.partner-solutions-section .foundations-box {
  margin-top: 30px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
.partner-solutions-section .foundations-box .foundations-text-box {
  flex: 1;
}
.partner-solutions-section .foundations-box .foundations-text-box a {
  color: rgb(1, 96, 111);
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .partner-solutions-section .foundations-box {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.partner-solutions-section .foundations-box .foundations-image {
  width: 100%;
  max-width: 192px;
}
@media screen and (max-width: 767px) {
  .partner-solutions-section .foundations-box .foundations-image {
    max-width: inherit;
  }
}
.partner-solutions-section .foundations-box .image-box img {
  width: 100%;
  max-width: 188px;
}
@media screen and (max-width: 767px) {
  .partner-solutions-section .foundations-box .image-box img {
    max-width: inherit;
  }
}
.partner-solutions-section .foundations-box h4 {
  margin: 0px auto;
  color: rgb(51, 51, 51);
  font-size: 18px;
  font-family: Jost, sans-serif;
  font-weight: 700;
  line-height: 26px;
  background: rgb(255, 255, 255);
  text-align: center;
  padding: 15px 10px;
  border-radius: 0px 0px 10px 10px;
  margin-top: -50px;
}

.right-section {
  margin-top: -133px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  row-gap: 20px;
  width: 100%;
}
@media screen and (max-width: 991px) {
  .right-section {
    margin-top: 30px;
  }
}
.right-section .city-box-main {
  background: rgb(255, 255, 255);
  border-radius: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  row-gap: 0px;
  flex-direction: column;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 30px;
  width: 100%;
}
.right-section .city-box-main h3 {
  color: rgb(51, 51, 51);
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  font-family: Jost, sans-serif;
  border-bottom: 1px solid rgb(153, 211, 214);
  width: 100%;
  padding-bottom: 6px;
}
.right-section .city-box-main .city-name-list {
  color: rgb(51, 51, 51);
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  font-family: Jost, sans-serif;
  display: flex;
  margin-bottom: 4px;
}
.right-section .people-served {
  width: 100%;
  background: linear-gradient(298deg, rgb(198, 145, 81) 0%, rgb(51, 176, 184) 100%) 0% 0% no-repeat padding-box padding-box transparent;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 30px;
  border-radius: 15px;
  padding: 20px;
}
.right-section .people-served h4 {
  color: rgb(255, 255, 255);
  font-size: 20px;
  font-family: Jost, sans-serif;
  font-weight: 400;
  line-height: 30px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgb(255, 255, 255);
  margin-bottom: 10px;
}
.right-section .people-served span {
  color: rgb(255, 255, 255);
  font-size: 18px;
  font-family: Jost, sans-serif;
  font-weight: 400;
  line-height: 36px;
  display: flex;
}
.right-section .funders-provider {
  width: 100%;
}

/*************Partner-Solutions-end*************/
/*************api-data-section-start**************/
.api-data-section {
  width: 100%;
  position: relative;
  padding-bottom: 50px;
}
.api-data-section:after {
  background: #F1FEFF;
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  top: 0;
  z-index: -1;
}
.api-data-section .api-data-wrapper {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: -125px;
  padding: 20px;
  background: 0% 0% no-repeat padding-box padding-box rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 20px;
  border-radius: 20px;
}
@media screen and (max-width: 575px) {
  .api-data-section .api-data-wrapper {
    flex-wrap: wrap;
  }
}
.api-data-section .api-image {
  width: calc(50% - 10px);
  border-radius: 10px;
  display: inline-block;
  overflow: hidden;
}
@media screen and (max-width: 575px) {
  .api-data-section .api-image {
    width: 100%;
  }
}
.api-data-section .api-image img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.api-data-section .api-data-text {
  width: 100%;
  color: rgb(51, 51, 51);
  font-size: 18px;
  font-family: Jost, sans-serif;
  font-weight: 400;
  line-height: 26px;
}
.api-data-section .api-data-text p {
  margin-bottom: 30px;
}
.api-data-section .api-data-text .requestmore-btn button {
  padding: 12px 45px;
}

/*************api-data-section-end*******************/
/*********top-causes*********************/
.top-city-section.top-causes-section .city-box {
  max-width: inherit;
  width: 100%;
}
.top-city-section.top-causes-section .top-causes-box {
  height: 100%;
  overflow: hidden;
  max-height: 336px;
  transition: all 5s ease;
}
.top-city-section.top-causes-section .show-more {
  color: #01606F;
  font-size: 16px;
  font-weight: bold;
  line-height: 36px;
  font-family: Jost, sans-serif;
  cursor: pointer;
  transition: all 5s ease;
}
.top-city-section.top-causes-section .top-causes-img-box {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.0784313725);
  border-radius: 20px;
  padding: 10px;
  margin-bottom: 20px;
}
.top-city-section.top-causes-section .top-causes-img-box img {
  border-radius: 20px;
}
.top-city-section.top-causes-section .top-city-wrapper {
  row-gap: 20px;
}

.latest-news-section .form-flex {
  display: flex;
  align-items: flex-start;
  width: 100%;
  gap: 24px;
}
@media screen and (max-width: 767px) {
  .latest-news-section .form-flex {
    flex-wrap: wrap;
  }
}
.latest-news-section .form-input-group {
  width: 100%;
}
.latest-news-section form .input-group {
  -moz-column-gap: 24px;
       column-gap: 24px;
}
.latest-news-section .input-form-group {
  width: calc(50% - 12px);
}
@media screen and (max-width: 767px) {
  .latest-news-section .input-form-group {
    width: 100%;
  }
}
.latest-news-section .input-group-checkbox {
  display: flex;
  align-items: center;
  margin-bottom: 0px;
  margin-top: 20px;
  gap: 40px;
}
@media screen and (max-width: 767px) {
  .latest-news-section .input-group-checkbox {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.latest-news-section .form-check {
  display: flex;
  gap: 10px;
  margin-top: 0;
}
.latest-news-section .form-control {
  border-radius: 10px;
  padding: 16px 30px;
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}
@media screen and (max-width: 767px) {
  .latest-news-section .form-control {
    margin-bottom: 10px;
    padding: 11px 18px;
    font-size: 16px;
  }
}
.latest-news-section .btn-outline-success-blue {
  background: rgb(1, 96, 111);
  border: none;
  color: rgb(255, 255, 255);
  font-family: Jost, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  padding: 18px 66px;
  transition: all 0.5s ease 0s;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.2) 3px 5px 20px;
}
.latest-news-section .btn-outline-success-blue:hover, .latest-news-section .btn-outline-success-blue:active {
  transition: all 0.5s ease 0s;
  background: rgb(255, 212, 149) !important;
  color: rgb(51, 51, 51) !important;
}
.latest-news-section .form-check-label {
  color: rgb(255, 255, 255);
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  margin-top: 0px;
  cursor: pointer;
}
.latest-news-section .form-check-input {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 7px;
  border: none;
  width: 24px;
  height: 24px;
  margin-top: 0px;
  cursor: pointer;
}
.latest-news-section .form-check-input:focus {
  box-shadow: none;
}
.latest-news-section .form-check-input:checked {
  background-color: #000000;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="64" height="64"><path d="M0 0 C0.85205078 2.1003418 0.85205078 2.1003418 1 5 C-0.80325294 7.40324577 -2.50090052 9.3187865 -4.6328125 11.39453125 C-5.22166229 11.98674973 -5.81051208 12.5789682 -6.41720581 13.18913269 C-7.66605247 14.43768038 -8.92239781 15.67876572 -10.18554688 16.9128418 C-12.11628512 18.80396394 -14.01603216 20.72259867 -15.9140625 22.64648438 C-17.13106554 23.85592709 -18.3497619 25.06366877 -19.5703125 26.26953125 C-20.13823517 26.84443802 -20.70615784 27.41934479 -21.29129028 28.01167297 C-23.67403368 30.3111557 -25.38523675 31.87635232 -28.67773438 32.53857422 C-32.96271847 31.54481109 -35.38439865 28.37343246 -38.375 25.3125 C-39.35533203 24.37374023 -39.35533203 24.37374023 -40.35546875 23.41601562 C-42.08640997 21.67596419 -43.63883114 20.04290977 -45 18 C-44.9140625 15.04296875 -44.9140625 15.04296875 -44 13 C-42.25 12.296875 -42.25 12.296875 -40 12 C-38 13.328125 -38 13.328125 -36 15.25 C-33.42538131 17.68381923 -30.85072639 19.89610453 -28 22 C-27.36497559 21.33355469 -26.72995117 20.66710937 -26.07568359 19.98046875 C-23.70591971 17.50827298 -21.32308346 15.05030529 -18.93017578 12.60058594 C-17.89859451 11.53888314 -16.87246862 10.47185064 -15.85205078 9.39941406 C-14.3816479 7.85599215 -12.89249494 6.33299233 -11.3984375 4.8125 C-10.50817871 3.89082031 -9.61791992 2.96914063 -8.70068359 2.01953125 C-5.51430867 -0.36319279 -3.88711903 -0.43910972 0 0 Z " fill="%23FFFFFF" transform="translate(54,16)"/></svg>');
  background-size: 65%;
}

.earn-yoursection {
  width: 100%;
  background: rgb(241, 254, 255);
  padding: 50px 0px 54px;
}
.earn-yoursection .earn-your-wrapper {
  max-width: 996px;
  padding: 20px;
  background: rgb(255, 255, 255);
  margin: 0px auto;
  border-radius: 15px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  -moz-column-gap: 35px;
       column-gap: 35px;
}
@media screen and (max-width: 575px) {
  .earn-yoursection .earn-your-wrapper {
    flex-wrap: wrap;
  }
}
.earn-yoursection .earn-your-wrapper .left-section {
  width: 100%;
  max-width: 558px;
  color: rgb(51, 51, 51);
  font-size: 18px;
  font-family: Jost, sans-serif;
  font-weight: 400;
  line-height: 26px;
}
.earn-yoursection .earn-your-wrapper .left-section h3 {
  color: rgb(51, 51, 51);
  font-size: 20px;
  font-family: Jost, sans-serif;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 20px;
}
.earn-yoursection .earn-your-wrapper .left-section ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.earn-yoursection .earn-your-wrapper .left-section ul li {
  padding-left: 28px;
  position: relative;
  margin-bottom: 0px;
}
.earn-yoursection .earn-your-wrapper .left-section ul li:before {
  position: absolute;
  background-image: url("../images/orangeicon.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left top;
  content: "";
  width: 20px;
  height: 18px;
  top: 2px;
  left: 0px;
}
.earn-yoursection .earn-your-wrapper .left-section span {
  color: rgb(51, 51, 51);
  font-size: 38px;
  font-family: Jost, sans-serif;
  font-weight: 700;
  line-height: 54px;
  margin-bottom: 0px;
  display: block;
}
.earn-yoursection .earn-your-wrapper .right-section {
  max-width: 362px;
  display: flex;
  margin-top: 0;
  row-gap: 20px;
}
.earn-yoursection .earn-your-wrapper .right-section img {
  width: 100%;
  height: 100%;
  display: block;
}

.benefits-top-rated {
  background: rgb(241, 254, 255);
}
.benefits-top-rated ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.benefits-top-rated ul li {
  padding-left: 28px;
  position: relative;
  margin-bottom: 0px;
  color: rgb(51, 51, 51);
  font-size: 18px;
  font-family: Jost, sans-serif;
  font-weight: 400;
  line-height: 26px;
  margin-top: 20px;
}
.benefits-top-rated ul li:before {
  position: absolute;
  background-image: url("../images/orangeicon.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left top;
  content: "";
  width: 20px;
  height: 18px;
  top: 2px;
  left: 0px;
}
.benefits-top-rated .image-col {
  width: 100%;
  padding: 59px 20px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 20px;
  border-radius: 15px;
  background: rgb(255, 255, 255);
}
.benefits-top-rated .image-col img {
  width: 100%;
}

.qualify-section {
  background: rgb(241, 254, 255);
  padding: 116px 0px 0px;
}
.qualify-section .qualify-box {
  max-width: 588px;
  margin: 0px auto;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(0, 0, 0);
  border-radius: 15px;
  padding: 30px;
  color: rgb(51, 51, 51);
  font-size: 18px;
  font-family: Jost, sans-serif;
  font-weight: 400;
  line-height: 26px;
  text-align: center;
}
.qualify-section .qualify-box a {
  color: rgb(1, 96, 111);
  text-decoration: none;
}

.your-nonprofit-section {
  background-color: rgb(241, 254, 255);
  padding-bottom: 50px;
}
.your-nonprofit-section .sub-title {
  text-align: center;
}
.your-nonprofit-section .your-nonprofit-wrapper {
  margin-top: 50px;
}
.your-nonprofit-section .your-nonprofit-wrapper .search-header {
  max-width: inherit;
}
.your-nonprofit-section .your-nonprofit-wrapper .search-header .zipcode {
  width: 142px;
}
.your-nonprofit-section .your-nonprofit-wrapper .search-header .seach-box {
  display: flex;
  align-items: center;
}
.your-nonprofit-section .invite-clients {
  margin-top: 50px;
}
.your-nonprofit-section .invite-clients .social-media-box {
  margin: 20px 0;
}
.your-nonprofit-section .invite-clients .twiter-col p {
  margin-top: 9px;
}
.your-nonprofit-section .social-media-requests-box-wrap {
  background: #fff;
  padding: 25px 20px 20px;
  border-radius: 15px;
  position: relative;
}
.your-nonprofit-section .doubleQuotes-icon-bg {
  width: 50px;
  height: 50px;
  background: rgb(51, 167, 174);
  margin-bottom: -25px;
  position: relative;
  margin-left: 20px;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
}
.your-nonprofit-section .doubleQuotes-icon-bg img {
  max-width: 30px;
}
.your-nonprofit-section ul {
  width: 100%;
  margin: 20px 0 0 0;
  padding-left: 0px;
  list-style: none;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  row-gap: 23px;
}
.your-nonprofit-section ul li {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  -moz-column-gap: 15px;
       column-gap: 15px;
  color: rgb(0, 0, 0);
  font-size: 16px;
  font-family: Jost, sans-serif;
  font-weight: 400;
  line-height: 22px;
  margin: 0px;
}
.your-nonprofit-section .facebook-icon-bg {
  min-width: 36px;
  min-height: 36px;
  background: rgb(66, 103, 178);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
}
.your-nonprofit-section .twitter-icon-bg {
  min-width: 36px;
  min-height: 36px;
  background: rgb(0, 0, 0);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
}
.your-nonprofit-section .twitter-icon-bg img {
  max-width: 18px;
  display: block;
}
.your-nonprofit-section p.hey-text {
  margin-top: 9px;
  margin-bottom: 0;
}

.show-off-section {
  margin-top: 50px;
}
.show-off-section .show-off-wrapper {
  color: rgb(51, 51, 51);
  font-size: 18px;
  font-family: Jost, sans-serif;
  font-weight: 400;
  line-height: 26px;
  text-align: center;
  -moz-column-gap: 15px;
       column-gap: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .show-off-section .show-off-wrapper {
    flex-wrap: wrap;
  }
}
.show-off-section .show-off-wrapper .show-left {
  width: 100%;
  max-width: 588px;
  text-align: left;
}
.show-off-section .show-off-wrapper .show-left ul {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-top: 20px;
  gap: 12px 0px;
  margin-bottom: 20px;
  flex-direction: row;
}
.show-off-section .show-off-wrapper .show-left ul li {
  width: calc(50% - 10px);
  padding-left: 30px;
  position: relative;
  text-align: left;
  margin: 0px;
  color: rgb(51, 51, 51);
  font-size: 18px;
  font-family: Jost, sans-serif;
  font-weight: 400;
  line-height: 26px;
}
@media screen and (max-width: 360px) {
  .show-off-section .show-off-wrapper .show-left ul li {
    width: 100%;
  }
}
.show-off-section .show-off-wrapper .show-left ul li:before {
  position: absolute;
  background-image: url("../images/orangeicon.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left top;
  content: "";
  width: 20px;
  height: 18px;
  top: 2px;
  left: 0px;
}
.show-off-section .show-off-wrapper .toprated-image {
  width: 100%;
  max-width: 400px;
  height: 100%;
  background: rgb(255, 255, 255);
  border-radius: 20px;
  padding: 40px 35px;
}
.show-off-section .show-off-wrapper .toprated-image img {
  width: 100%;
  height: 100%;
  display: block;
}

.mail-icon-bg {
  background: #F7931E;
  width: 36px !important;
  height: 36px;
  display: flex;
  justify-content: center;
  border-radius: 10px;
  align-items: center;
}

.dear-col {
  flex: 1;
}

.insert-strong {
  display: block;
  color: #01606F;
  margin-top: 15px;
}

@media screen and (max-width: 991px) {
  .team-member .collapse:not(.show) {
    display: block;
  }
}

@media screen and (max-width: 991px) {
  .advisory-board-member .collapse:not(.show) {
    display: block;
  }
}

.after-login .dropdown-toggle {
  padding: 4px 8px 5px 4px;
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  background: rgb(51, 167, 174) !important;
  border-color: rgb(51, 167, 174) !important;
}

div#button {
  position: absolute;
  right: 27px;
  margin-top: -42px;
  background: rgb(249, 220, 112);
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  cursor: pointer;
}
div#button img {
  transform: rotate(180deg);
}

form#news_letter .form-group {
  margin-bottom: 16px;
}
form#news_letter .gnp-button {
  background: #01606F;
  color: #fff;
  border: none;
  padding: 5px 13px;
  margin-top: 12px;
}/*# sourceMappingURL=style.css.map */