@charset "UTF-8";

body {
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Poppins", sans-serif;
}

p {
  line-height: 1.75;
}

.fs-12 {
  font-size: 12px !important;
}

.fs-14 {
  font-size: 14px !important;
}

.list-style-disc {
  list-style: disc;
}

.min-h-auto {
  min-height: auto !important;
}

.project-resources-block {
  border-radius: 10px;
  border: 1px solid #84a7bc;
  background-color: white;
  padding: 20px 24px;
  box-sizing: border-box;
  margin-bottom: 16px;
}

.project-resources-block:last-child {
  margin-bottom: 20px;
}

.project-resources-block.odd {
  border: none;
  background-color: rgba(215, 238, 240, 0.5);
}

.project-resources-block .small-title {
  color: #3B4F6C;
  font-family: Poppins;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 9px;
  margin-bottom: 6px;
}

.project-resources-block .description {
  color: #232A36;
  font-family: Poppins;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18px;
}

.project-resources-block .description:last-child {
  margin-bottom: 0px;
}

.table-striped.project-resources-table tbody tr:nth-of-type(odd) {
  background-color: rgba(215, 238, 240, 0.5);
}

a {
  color: #3b4f6c;
}

a:hover {
  color: #29374b;
}

.search-results-entities {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  background: #FFFFFF;
  border-radius: 8px;
  padding: 12px 16px;
  margin-left: 0;
  z-index: 3;
  display: none;
  max-height: 200px;
  overflow-y: auto;
  box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
}

.modal .search-results-entities {
  max-height: 150px;
}

.search-results-entities li {
  padding: 12px 0px;
  border-bottom: 1px solid #C1D3DD;
  cursor: pointer;
}

.search-results-entities li:hover {
  background-color: #e6e6e6;
}

.text-primary {
  color: #3b4f6c !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}

section {
  padding: 100px 0;
}

section h2.section-heading {
  font-size: 40px;
  margin-top: 0;
  margin-bottom: 15px;
}

section h3.section-subheading {
  font-size: 16px;
  font-weight: 400;
  font-style: italic;
  margin-bottom: 75px;
  text-transform: none;
}

@media (min-width: 768px) {
  section {
    padding: 150px 0;
  }
}

.btn {
  font-weight: 700;
}

.btn-xl {
  font-size: 18px;
  padding: 20px 40px;
}

.btn-primary {
  background-color: #3b4f6c;
  border-color: #3b4f6c;
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
  background-color: #2d3d53 !important;
  border-color: #2d3d53 !important;
  color: white;
}

.btn-primary:active,
.btn-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(254, 209, 55, 0.5) !important;
}

::-moz-selection {
  background: #84a7bc;
  text-shadow: none;
}

::selection {
  background: #84a7bc;
  text-shadow: none;
}

img::-moz-selection {
  background: transparent;
}

img::selection {
  background: transparent;
}

img::-moz-selection {
  background: transparent;
}

.small-title-card {
  width: 246px;
  color: #3B4F6C;
  font-family: Poppins;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 9px;
}

.small-text-card {
  height: 25px;
  width: 198px;
  color: #232A36;
  font-family: Poppins;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18px;
}

.info-icon-wrapper span.read-more-icon.read-more-icon-attachment {
  right: -26px;
  top: 0px;
  transform: translateY(-100%);
}

.forms-wrapper input.form-control.form-control-hours {
  height: 41px;
  font-size: 12px;
  background-color: #fff !important;
}

.download-action .volunteer-attachment-image {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.mb-30 {
  margin-bottom: 30px;
}

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

#sharablePublicLink .tooltip {
  right: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  transition: all 0.2s ease;
}

#sharablePublicLink .tooltip .tooltip-inner {
  background: #8ed2ce;
  transition: all 0.2s ease;
}

.remove-block-btn,
.remove-block-children-btn {
  font-size: 18px;
  color: #3b4f6c;
  position: absolute;
  right: -15px;
  top: -15px;
  margin: 0;
  line-height: 0;
  z-index: 1;
  padding: 10px 5px;
  cursor: pointer;
}

.remove-block-btn:hover,
.remove-block-children-btn:hover {
  background-color: rgba(255, 255, 255, 0.5);
}

.remove-block-children-btn {
  right: 15px;
  top: 10px;
}

.remove-block-children-btn.remove-block-children-btn-outside {
  right: -15px;
  top: -20px;
}

.remove-block-btn.remove-activity-sv-btn,
.remove-block-btn.remove-activity-support-sv-btn,
.remove-activity-partner-sv-btn,
.remove-activity-employments-sv-btn {
  right: 15px;
  top: 15px;
}

.supportActivityWrapper,
.supplyChainWrapper {
  padding-bottom: 10px;
  border-bottom: 1px solid #84a7bc;
}

.community-engagement-block-items {
  padding-bottom: 10px;
  border-bottom: 2px solid #ffe67e;
  margin-bottom: 10px;
}

.community-engagement-block-last-items {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.bottom-border-white {
  margin-bottom: 10px;
}

.btn-group-messenger-wrapper {
  position: relative;
  transform: translate(0, -40px);
}

.messenger-list-item tr td:last-child {
  padding-right: 26px;
}

.dropdown-toggle.messenger-list-item-toggle::after {
  display: none;
}

.messenger-list-item-toggle .more-dot {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  display: block;
  background: gray;
  margin-top: 2px;
  margin-bottom: 2px;
}

.messenger-list-item-toggle {
  width: 12px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 3px;
}

.messenger-list-item-toggle:hover .more-dot {
  background: #232A36;
}

.messenger-list-item.m-list-active + .btn-group-messenger-wrapper .more-dot {
  background: white;
}

.messenger-list-item.m-list-active + .btn-group-messenger-wrapper .messenger-list-item-toggle:hover .more-dot {
  background: #333;
}

.btn-group-messenger {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
}

.btn-group-messenger-wrapper .dropdown-menu {
  padding: 0px;
}

.messenger-wrapper-menu-item {
  cursor: pointer;
  padding: 8px 12px;
}

.block-detail.block-detail-subtitle {
  font-size: 20px !important;
  color: #43b0bf;
}

.text-cyan {
  color: #43b0bf !important;
}

.bottom-border-gold {
  padding-bottom: 20px;
  border-bottom: solid 1px #ffe67e;
}

.block-detail.block-detail-subtitle-white {
  font-size: 19px !important;
  color: white;
}

.text-decoration-underline {
  text-decoration: underline;
}

footer.custom-footer .social-buttons .list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.w-fit {
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.min-w-auto {
  min-width: auto !important;
}

.ms-parent.form-control {
  text-indent: 1px;
  text-overflow: "";
  border: 1px solid #84a7bc;
  height: auto;
  padding: 10px;
}

.ms-parent.form-control .ms-choice {
  height: auto;
  padding: 9px 34px 9px 20px;
  border: none;
  font-size: 14px;
}

.ms-parent.form-control .ms-choice > span {
  top: 50%;
  transform: translateY(-50%);
}

.ms-parent.form-control .ms-drop {
  left: 0;
}

.ms-parent.form-control .ms-drop ul > li label {
  font-size: 14px;
}

.ms-parent.form-control .ms-choice > span.placeholder {
  color: #000000;
}

.multiple-select-dropdown .form-control option[data-filter=""] {
  display: none;
}

.bg-gray-80 {
  background: #ddd !important;
  opacity: 0.8 !important;
}

.camel-case {
  text-transform: capitalize;
}

img.file-icon.file-icon-pdf {
  width: auto;
  height: auto;
  background-image: none;
}

.h-fit {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.text-color-tangerine {
  color: #f7941d !important;
}

.filter-live-offers-form .orange-btn {
  float: none;
  border: none;
}

.opportunity-pagination .page-link {
  color: #f7941d;
}

.opportunity-pagination .page-link:focus {
  box-shadow: none;
}

.opportunity-pagination .page-item.active .page-link {
  background-color: #f7941d;
  border-color: #f7941d;
}

.blur-and-disable-item {
  filter: blur(3px);
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.disabled-link {
  pointer-events: none;
  opacity: 0.5;
  cursor: pointer;
}

#mainNav {
  background-color: #212529;
}

#mainNav .navbar-toggler {
  font-size: 12px;
  right: 0;
  padding: 13px;
  text-transform: uppercase;
  color: white;
  border: 0;
  background-color: #3b4f6c;
}

#mainNav .navbar-brand {
  color: #3b4f6c;
}

#mainNav .navbar-brand.active,
#mainNav .navbar-brand:active,
#mainNav .navbar-brand:focus,
#mainNav .navbar-brand:hover {
  color: #29374b;
}

#mainNav .navbar-nav .nav-item .nav-link {
  font-size: 90%;
  font-weight: 400;
  padding: 0.75em 0;
  letter-spacing: 1px;
  color: white;
}

#mainNav .navbar-nav .nav-item .nav-link.active,
#mainNav .navbar-nav .nav-item .nav-link:hover {
  color: #3b4f6c;
}

@media (min-width: 992px) {
  #mainNav {
    padding-top: 4px;
    padding-bottom: 4px;
    transition: padding-top 0.3s, padding-bottom 0.3s;
    border: none;
    background-color: transparent;
  }

  #mainNav .navbar-brand {
    font-size: 1.75em;
    transition: all 0.3s;
  }

  #mainNav .navbar-nav .nav-item .nav-link {
    padding: 1.1em 0.9em !important;
  }

  #mainNav.navbar-shrink {
    padding-top: 0;
    padding-bottom: 0;
    background-color: rgba(35, 42, 54, 0.8);
  }

  #mainNav.navbar-shrink .navbar-brand {
    font-size: 1.25em;
    padding: 12px 0;
  }

  #mainNav.navbar-shrink.dark-top {
    background-color: #232a36;
  }

  #mainNav.dark-top {
    background-color: #232a36;
  }
}

header.masthead {
  text-align: left;
  color: white;
  background-image: url(/images/header-image.jpg?5412901966e806e0026a380d0d524007);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
  position: relative;
}

header.masthead:after {
  content: "";
  height: 100%;
  width: 100%;
  display: block;
  background-color: rgba(35, 42, 54, 0.95);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
}

header.masthead a.back-url {
  color: white;
  font-size: 12px;
}

header.masthead a.back-url span {
  text-decoration: underline;
}

header.masthead.preview-header {
  background-image: none;
  background-color: #232a36;
}

header.masthead .header-details-block .left-header-details h5 {
  color: #fff;
}

header.masthead .header-details-block .left-header-details h6 {
  color: #8ed2ce;
}

.intro-text {
  padding-top: 80px;
  padding-bottom: 40px;
  position: relative;
  z-index: 1;
}

.intro-text .intro-lead-in {
  font-size: 40px;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 10px;
  margin-top: 20px;
}

.intro-text .intro-lead-in .btn.green-btn {
  min-width: 0;
  clear: right;
}

.intro-text .intro-lead-in img.help-line {
  max-width: 100px;
  margin-right: 22px;
}

.intro-text .intro-lead-in.preview-head {
  margin-top: 40px;
  margin-bottom: 26px;
}

.intro-text .intro-heading {
  font-size: 20px;
  color: #8ed2ce;
  font-weight: 600;
  margin-bottom: 20px;
}

.intro-text.custom-intro-text .intro-heading {
  font-size: 24px;
  margin-bottom: 0;
  margin-top: 40px;
  font-weight: 500;
}

.intro-text.custom-intro-text .intro-lead-in {
  margin-top: 0;
  font-size: 36px;
  line-height: 40px;
  margin-bottom: 20px;
}

.intro-text.custom-intro-text .left-header-details {
  padding-right: 28px;
}

.intro-text.custom-intro-text .left-header-details p {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.43;
  margin-bottom: 0;
}

.intro-text.custom-intro-text .left-header-details p a {
  color: white;
  text-decoration: underline;
}

.intro-text.custom-intro-text .left-header-details p a:hover {
  text-decoration: none;
}

.intro-text.custom-intro-text .header-right-side .btn.orange-btn {
  margin-top: 0;
  padding-top: 11px;
}

section#contact {
  background-color: #212529;
  background-image: url(/images/map-image.png?f40ed5b1e791e9d2479ba8b5e67f2df8);
  background-repeat: no-repeat;
  background-position: center;
}

section#contact .section-heading {
  color: #fff;
}

section#contact .form-group {
  margin-bottom: 25px;
}

section#contact .form-group input,
section#contact .form-group textarea {
  padding: 20px;
}

section#contact .form-group input.form-control {
  height: auto;
}

section#contact .form-group textarea.form-control {
  height: 248px;
}

section#contact .form-control:focus {
  border-color: #3b4f6c;
  box-shadow: none;
}

section#contact ::-webkit-input-placeholder {
  font-weight: 700;
  color: #ced4da;
}

section#contact :-moz-placeholder {
  font-weight: 700;
  color: #ced4da;
}

section#contact ::-moz-placeholder {
  font-weight: 700;
  color: #ced4da;
}

section#contact :-ms-input-placeholder {
  font-weight: 700;
  color: #ced4da;
}

footer {
  padding: 25px 0;
  text-align: center;
  background-color: #232a36;
}

footer span.copyright {
  font-size: 90%;
  line-height: 40px;
  text-transform: none;
  color: white;
}

footer ul.quicklinks {
  font-size: 90%;
  line-height: 40px;
  margin-bottom: 0;
  text-transform: none;
}

ul.social-buttons {
  margin-bottom: 0;
}

ul.social-buttons li a {
  font-size: 16px !important;
  font-weight: normal !important;
  line-height: 32px;
  display: block;
  width: 32px;
  height: 32px;
  transition: all 0.3s;
  color: #3b4f6c !important;
  text-align: center;
  border-radius: 100%;
  outline: none;
  background-color: white;
}

ul.social-buttons li a.fab {
  color: #3b4f6c;
}

ul.social-buttons li a:active,
ul.social-buttons li a:focus,
ul.social-buttons li a:hover {
  background-color: white;
  opacity: 0.9;
}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.container {
  max-width: 970px;
}

.volunteering-hub-wrapper {
  background-color: #F5F5F5;
}

.volunteering-hub-logo {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
}

.volunteering-hub-wrapper h2 {
  font-weight: 600;
  font-style: SemiBold;
  line-height: 130%;
  color: #3B4F6C;
}

.volunteering-hub-wrapper .header-subtext {
  font-weight: 400;
  color: #141A24;
  font-size: 14px;
}

.volunteering-hub-wrapper .small-gap-blocks .create-block {
  background-color: #F5F5F5;
  border: 1px solid #ADC4D2;
  border-radius: 8px;
  box-sizing: border-box;
  transition: all 0.3s ease;
  padding: 55px 36px;
  max-width: 288px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.volunteering-hub-wrapper .small-gap-blocks .create-block:hover {
  background-color: #E6EDF2;
  border: 1px solid transparent;
  opacity: 1;
}

.volunteering-hub-wrapper .small-gap-blocks .create-block.create-block-video {
  padding: 26px 20px;
  display: flex;
}

.volunteering-hub-wrapper .small-gap-blocks .create-block.create-block-video:hover {
  background-color: #F5F5F5;
  border: 1px solid #ADC4D2;
  opacity: 1;
}

.volunteering-hub-wrapper h3.regular-heading-volunteers {
  color: #3B4F6C;
  font-weight: 600;
  line-height: 140%;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0px;
  margin-top: 20px;
  margin-bottom: 0;
}

.volunteering-hub-wrapper .create-block img {
  width: 36px;
  display: block;
  margin: auto;
}

.volunteering-hub-container-wrapper {
  max-width: 100%;
  color: #232A36;
  border-radius: 12px;
}

.volunteering-hub-container-wrapper .title {
  font-weight: 600;
  line-height: 150%;
  color: #3B4F6C;
  font-size: 22px;
  margin-bottom: 24px;
}

.title-h4 {
  color: #3B4F6C;
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
}

.volunteering-hub-container-wrapper .description {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
}

.volunteering-hub-container-wrapper .info-text-bold {
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
}

.volunteering-hub-container-wrapper .form-items-wrapper {
  max-width: 100%;
}

.volunteering-hub-container-wrapper .form-items-wrapper .form-item {
  margin-bottom: 16px;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
}

.volunteering-hub-container-wrapper .form-items-wrapper .form-item label {
  color: #3B4F6C;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0px;
  margin-bottom: 16px;
  text-transform: none;
}

.volunteering-hub-container-wrapper .form-items-wrapper .form-item label span {
  font-weight: 400;
  font-size: 12px;
}

.form-items-group {
  background: #fff;
  padding: 24px;
  border-radius: 12px;
}

.volunteering-hub-container-wrapper .form-items-wrapper .form-item textarea {
  background-color: #fff;
  border-radius: 8px;
  padding: 24px;
  border: 1px solid #C1D3DD;
}

.volunteering-hub-container-wrapper .form-items-wrapper .form-item textarea::-moz-placeholder {
  font-style: italic;
  font-weight: 300;
}

.volunteering-hub-container-wrapper .form-items-wrapper .form-item textarea:-ms-input-placeholder {
  font-style: italic;
  font-weight: 300;
}

.volunteering-hub-container-wrapper .form-items-wrapper .form-item textarea::placeholder {
  font-style: italic;
  font-weight: 300;
}

.volunteering-hub-container-wrapper .form-items-wrapper .form-item input {
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid #C1D3DD;
}

.volunteering-hub-container-wrapper .form-items-wrapper .form-item input::-moz-placeholder {
  font-style: italic;
  font-weight: 300;
}

.volunteering-hub-container-wrapper .form-items-wrapper .form-item input:-ms-input-placeholder {
  font-style: italic;
  font-weight: 300;
}

.volunteering-hub-container-wrapper .form-items-wrapper .form-item input::placeholder {
  font-style: italic;
  font-weight: 300;
}

.volunteering-hub-container-wrapper .form-items-wrapper .add-more {
  font-weight: 600;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
  padding: 14px 26px;
  border-radius: 8px;
  cursor: pointer;
  background-color: #C1D3DD;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  transition: all 0.3s ease;
}

.volunteering-hub-container-wrapper .form-items-wrapper button.add-more {
  border: none;
  color: #232A36;
  display: block;
}

.forms-wrapper .volunteering-hub-container-wrapper .form-bg-block {
  margin-left: 0;
  margin-right: 0;
  background-color: #fff;
}

.forms-wrapper .volunteering-hub-container-wrapper input.mark-check {
  width: 20px;
  min-width: 20px;
  height: 20px;
  border-radius: 12px;
  margin-left: 0;
  margin-right: 20px;
  position: relative;
  cursor: pointer;
}

.forms-wrapper .volunteering-hub-container-wrapper input.mark-check:checked:before {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  background-color: #C1D3DD;
}

.forms-wrapper .volunteering-hub-container-wrapper input.mark-check:checked:after {
  content: "";
  display: block;
  width: 5px;
  height: 10px;
  border: solid #3B4F6C;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg) translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 30%;
}

.forms-wrapper .volunteering-hub-container-wrapper .form-bg-block label.mark-label {
  position: static;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #232A36;
}

.off-white-rounded-wrapper {
  padding: 36px;
  border-radius: 12px;
}

.volunteering-hub-container-wrapper .form-items-wrapper .remove-item {
  font-weight: 600;
  font-size: 12px;
  padding: 6px 10px;
  line-height: 1;
  border-radius: 8px;
  cursor: pointer;
  background-color: #C1D3DD;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  right: 0;
  top: 0;
  border: 1px solid #C1D3DD;
  box-sizing: border-box;
  transition: all 0.3s ease;
}

.volunteering-hub-container-wrapper .form-items-wrapper .add-more:hover {
  background-color: #a0bccb;
}

.volunteering-media__dropzone {
  border: 2px dashed #C1D3DD;
  border-radius: 10px;
  padding: 24px 16px;
  text-align: center;
  background: #fff;
  transition: 0.2s;
  cursor: pointer;
}

.volunteering-media__dropzone.is-dragover {
  border-color: #7AA9FF;
  background: #F1F6FF;
}

.volunteering-media__icon {
  margin-bottom: 16px;
}

.volunteering-media__dz-title {
  margin: 0;
  font-weight: 600;
  color: #2F3A4A;
}

.volunteering-media__dz-sub {
  margin: 4px 0 12px;
  color: #637288;
  font-size: 12px;
}

.volunteering-media__btn {
  display: inline-block;
  padding: 8px 14px;
  font-size: 12px;
  font-weight: 600;
  border-radius: 8px;
  border: 1px solid #C1D3DD;
  background: #C1D3DD;
  cursor: pointer;
  transition: all 0.3s ease;
}

.volunteering-media__btn:hover {
  background: #a0bccb;
}

/* File list */

.volunteering-media__list {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.volunteering-media__item {
  border: 1px solid #C1D3DD;
  border-radius: 8px;
  padding: 12px 16px;
  background: transparent;
}

.volunteering-media__item-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}

.volunteering-media__thumb img {
  width: 48px;
  height: 48px;
}

.volunteering-media__meta {
  flex: 1;
  min-width: 0;
}

.volunteering-media__name {
  font-size: 14px;
  font-weight: 600;
  color: #3B4F6C;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.volunteering-media__size {
  font-size: 11px;
  color: #75879C;
}

.volunteering-media__actions {
  display: flex;
  align-items: center;
}

.volunteering-media__remove,
.volunteering-media__remove-existing {
  border: none;
  background: transparent;
  cursor: pointer;
  color: #98A7B8;
  padding: 4px;
  border-radius: 6px;
  font-size: 18px;
}

.volunteering-media__remove:hover,
.volunteering-media__remove-existing:hover {
  color: #30445C;
  background: #F1F5FA;
}

/* Progress bar */

.volunteering-media__progress {
  width: 100%;
  height: 8px;
  background: #C1D3DD;
  border-radius: 999px;
  overflow: hidden;
  margin-top: 8px;
}

.volunteering-media__bar {
  height: 100%;
  width: 0%;
  background: #84A7BC;
  border-radius: 999px;
  transition: width 0.3s;
}

.volunteering-media__input {
  display: none;
}

.volunteering-hub-container-wrapper .collapse-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.volunteering-hub-container-wrapper .collapse-label {
  color: #3B4F6C;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0px;
  margin-bottom: 16px;
  text-transform: none;
}

.volunteering-hub-container-wrapper .collapse-label p {
  color: #3B4F6C;
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
  letter-spacing: 0%;
  margin-bottom: 0px;
  text-transform: none;
}

.volunteering-hub-container-wrapper .collapse-icon {
  width: 24px;
  height: 24px;
  background-color: #3B4F6C;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
}

.volunteering-hub-container-wrapper .collapse-icon::before {
  content: "";
  width: 14px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.volunteering-hub-container-wrapper .collapse-header.collapsed .collapse-icon::after {
  content: "";
  width: 2px;
  height: 14px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 1;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}

.volunteering-hub-container-wrapper .collapse-header .collapse-icon::after {
  content: "";
  width: 2px;
  height: 14px;
  background-color: #fff;
  position: absolute;
  opacity: 0;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}

.read-guidance img {
  width: 24px;
  height: 24px;
}

.read-guidance a,
.read-guidance label {
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 140%;
  text-decoration: underline;
  color: #42535E;
  cursor: pointer;
}

.read-guidance-button {
  display: block;
  border: 2px solid #3B4F6C;
  font-weight: 600;
  font-size: 18px;
  text-align: center;
  text-transform: uppercase;
  box-sizing: border-box;
  padding: 14px;
  border-radius: 8px;
  transition: all 0.3s ease;
}

.read-guidance-button:hover {
  color: #232A36;
  background-color: #8ED2CE;
  text-decoration: none;
}

.button-submit {
  background-color: #8ED2CE;
  color: #232A36;
  border: none;
  font-weight: 600;
  font-size: 18px;
  text-align: center;
  text-transform: uppercase;
  box-sizing: border-box;
  padding: 16px;
  border-radius: 8px;
  transition: all 0.3s ease;
  width: 100%;
}

.button-submit.button-submit-orange {
  background-color: #F7941D;
}

.button-submit:hover {
  background-color: #b2e1de;
}

.button-submit.button-submit-orange:hover {
  background-color: #f28809;
}

.volunteering-hub-container-wrapper .card-success {
  margin-bottom: 0px;
  padding: 36px;
}

.card-success img {
  width: 64px;
  height: 64px;
  margin: auto;
}

.card-success h6 {
  font-weight: 600;
  font-size: 22px;
  text-align: center;
  color: #3B4F6C;
}

.card-success p {
  font-weight: 400;
  font-size: 15px;
  text-align: center;
  color: #232A36;
}

.address-link {
  border: 1px solid #C1D3DD;
  box-sizing: border-box;
  padding: 16px 24px;
  color: #3B4F6C;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  max-width: 560px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: auto;
  border-radius: 8px;
  margin-right: auto;
}

.address-link-copy {
  background-color: #8ED2CE;
  box-sizing: border-box;
  padding: 16px 24px;
  color: #232A36;
  font-weight: 600;
  font-size: 18px;
  text-align: center;
  max-width: 560px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: auto;
  border-radius: 8px;
  margin-right: auto;
  cursor: pointer;
  transition: all 0.3s ease;
  text-transform: uppercase;
}

.copy-message {
  color: #8ED2CE;
  max-width: 560px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  display: none;
}

.collapse-card-item {
  border: 1px solid #C1D3DD;
  border-radius: 8px;
  margin-bottom: 12px;
  padding-bottom: 30px;
  background-color: #fff;
}

.collapse-card-item .collapse-show-header {
  padding: 30px 34px 0px;
  color: #3B4F6C;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
}

.collapse-card-item .collapse-show-body {
  padding: 10px 34px 0px;
  color: #3B4F6C;
}

.collapse-show-header .collapse-show-icon {
  transform: rotate(180deg);
}

.collapse-show-header.collapsed .collapse-show-icon {
  transform: rotate(0deg);
}

.collapse-card-item:has(.collapse-show-header.collapsed) {
  background-color: transparent;
}

.collapse-card-item.with-bg {
  background-color: #7ccbc6;
  color: #232A36;
}

.collapse-card-item.with-bg:has(.collapse-show-header.collapsed) {
  background-color: #8ed2ce;
  color: #232A36;
}

.address-link-copy:hover {
  background-color: #b2e1de;
  text-decoration: none;
}

.volunteering-hub-container-wrapper .details-header {
  font-weight: 600;
  font-size: 22px;
  color: #3B4F6C;
  margin-bottom: 20px;
}

.testimonials-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 16px;
}

.testimonial-item {
  padding: 36px 24px 36px 68px;
  background-color: #fff;
  border-radius: 8px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.testimonial-item-icon {
  position: absolute;
  top: 36px;
  left: 24px;
}

.testimonial-item-copy {
  font-weight: 400;
  font-size: 14px;
  color: #232A36;
}

.testimonial-item-footer {
  border-top: 1px solid #C1D3DD;
  padding-top: 16px;
  margin-top: 30px;
}

.testimonial-item-author {
  font-weight: 600;
  font-size: 14px;
  color: #3B4F6C;
}

.testimonial-item-company {
  font-weight: 400;
  font-size: 14px;
  color: #363636;
}

.container-xxl {
  max-width: 1278px !important;
}

.background-off-white {
  flex: 1;
  background-color: #F5F5F5;
}

.media-carousel {
  padding-left: 44px;
  padding-right: 44px;
  position: relative;
}

.media-carousel .owl-prev,
.media-carousel .owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid #3B4F6C !important;
  color: #3B4F6C !important;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px !important;
  line-height: 0 !important;
  text-align: center;
}

.media-carousel .owl-prev {
  left: 0;
}

.media-carousel .owl-next {
  right: 0;
}

.media-carousel .item {
  max-height: 250px;
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.media-carousel .item .filename {
  margin-top: 12px;
  font-weight: 400;
  font-size: 14px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
  padding: 0px 12px;
  text-overflow: ellipsis;
  text-align: center;
}

.media-carousel .carousel-video {
  max-width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.media-carousel .item-image,
.media-carousel .item-pdf,
.media-carousel .item-video,
.media-carousel .item-default {
  height: 250px;
}

.media-carousel .item-image img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.media-carousel .item-pdf img {
  width: auto;
  margin: auto;
  max-height: 80px;
}

.media-carousel .item-default {
  text-align: center;
}

#baguetteBox-overlay .full-image img {
  background: #fff;
}

.link-item {
  padding-bottom: 16px;
  margin-bottom: 30px;
  border-bottom: 1px solid #C1D3DD;
}

.link-item img {
  width: 24px;
  height: 24px;
}

.link-item:last-of-type {
  margin-bottom: 0px;
}

.volunteering-list {
  color: #232A36;
  font-weight: 400;
  font-size: 16px;
}

.volunteering-list li {
  margin-bottom: 24px;
  padding-left: 26px;
  position: relative;
}

.volunteering-list li::before {
  content: "";
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #F7941D;
}

.volunteering-list li:last-of-type {
  margin-bottom: 32px;
}

.volunteering-card {
  background-color: #FFFFFF;
  border-radius: 8px;
  border: 1px solid #D6E2E9;
  margin-bottom: 24px;
  padding: 24px 36px;
}

.volunteering-card .card-header {
  gap: 30px;
}

.volunteering-card .card-header-img {
  width: 100px;
}

.volunteering-card .card-header-img img {
  max-width: 100px;
  border-radius: 8px;
}

.volunteering-card .card-header-title a {
  font-weight: 600;
  font-size: 22px;
  color: #3B4F6C;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.volunteering-card .card-header-title img {
  width: 20px;
  height: 20px;
  margin-left: 10px;
}

.volunteering-card .card-header-text {
  font-weight: 400;
  font-size: 16px;
  color: #232A36;
}

.volunteering-card .card-body-row {
  padding: 20px 0px;
  margin: 0 30px;
  border-bottom: 1px solid #C1D3DD;
}

.volunteering-card .card-body-row-title {
  font-weight: 600;
  font-size: 16px;
  color: #3B4F6C;
  margin-bottom: 10px;
}

.volunteering-card .card-body-row-text {
  font-weight: 400;
  font-size: 16px;
  color: #232A36;
}

.card-body-footer .collapse-button {
  margin-top: 12px;
  background-color: #E6EDF2;
  border-radius: 8px;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  padding: 12px 16px;
  color: #3B4F6C;
  transition: all 0.3s ease;
}

.collapse-button .collapse-button-text::after {
  content: "Hide";
}

.collapse-button.collapsed .collapse-button-text::after {
  content: "See More";
}

.card-body-footer .collapse-button:hover {
  background-color: #c4d5e1;
}

.card-body-footer .collapse-button.collapsed .collapse-button-icon {
  transform: rotate(0deg);
}

.card-body-footer .collapse-button .collapse-button-icon {
  transform: rotate(180deg);
}

.volunteering-card.volunteering-card-small {
  padding: 0;
}

.volunteering-card.volunteering-card-small .card-body {
  padding: 24px 36px 12px 36px;
}

.volunteering-card.volunteering-card-small .card-body-footer .collapse-button {
  border-radius: 0px 0px 8px 8px;
}

.volunteering-card.volunteering-card-small .card-body-row.card-body-row-no-border {
  padding: 0;
  border-bottom: none;
  margin: 0;
}

.volunteering-card.volunteering-card-small .card-body-row-title {
  font-size: 14px;
  margin-bottom: 6px;
}

.volunteering-card.volunteering-card-small .card-body-row-description {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 24px;
}

.volunteering-card.volunteering-card-small img.share-image {
  width: 14px;
  height: 14px;
  margin-left: 4px;
}

.volunteering-card.volunteering-card-small .media-carousel .item {
  max-height: 100px;
}

.volunteering-card.volunteering-card-small .media-carousel .item-image,
.volunteering-card.volunteering-card-small .media-carousel .item-pdf,
.volunteering-card.volunteering-card-small .media-carousel .item-video,
.volunteering-card.volunteering-card-small .media-carousel .item-default {
  height: 100px;
}

.volunteering-card.volunteering-card-small .media-carousel .item-pdf img {
  max-height: 40px;
}

.volunteering-card.volunteering-card-small .media-carousel .item .filename {
  line-height: 1;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

.volunteering-total-hours {
  display: flex;
  align-items: center;
  font-size: 14px;
  padding: 16px 24px;
  background-color: #E6EDF2;
  border-radius: 8px;
  color: #3B4F6C;
}

.volunteering-total-hours img {
  margin-right: 10px;
}

.volunteering-mark-reviewed a {
  background-color: #8ED2CE;
  padding: 16px;
  border-radius: 8px;
  text-align: center;
  text-transform: uppercase;
  display: block;
  font-weight: 600;
  color: #273548;
  font-size: 12px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.volunteering-mark-reviewed a:hover {
  background-color: #7ccbc6;
  text-decoration: none;
}

.volunteering-reviewed {
  text-align: center;
  background-color: #E6EDF2;
  padding: 16px;
  border-radius: 8px;
  color: #232A36;
  font-weight: 400;
  line-height: 1;
  font-size: 12px;
}

.volunteering-reviewed strong {
  color: #273548;
  font-weight: 600;
  line-height: 1;
  font-size: 14px;
}

.volunteering-download-csv {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  padding: 16px 24px;
  background-color: #F7941D;
  border-radius: 8px;
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
  color: #232A36;
}

.volunteering-card.volunteering-card-small .volunteering-download-csv {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: 12px 16px;
  font-size: 12px;
}

.volunteering-download-csv:hover {
  background-color: #f28809;
  text-decoration: none;
}

.volunteering-download-csv img {
  margin-right: 10px;
}

.card-button-link {
  background-color: #F7941D;
  padding: 16px;
  border-radius: 8px;
  transition: all 0.3s ease;
  display: block;
  color: #232A36;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
}

.card-button-link.darken {
  background-color: #3B4F6C;
  color: #fff;
}

.card-button-link img {
  width: 20px;
  height: 20px;
  margin-right: 16px;
  text-decoration: none;
}

.card-button-link:hover {
  background-color: #f28809;
  text-decoration: none;
}

.card-button-link.darken:hover {
  background-color: #445b7c;
}

.search-results-entities {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  background: #FFFFFF;
  border-radius: 8px;
  padding: 12px 16px;
  margin-left: 0;
  z-index: 3;
  display: none;
  max-height: 200px;
  overflow-y: auto;
  box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
}

.search-results-entities li {
  padding: 12px 0px;
  border-bottom: 1px solid #C1D3DD;
}

.search-results-entities li:hover {
  background-color: #e6e6e6;
}

.input-icon-search {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.volunteering-hub-container-wrapper .form-items-wrapper .form-item select {
  border: 1px solid #C1D3DD;
}

.mark-label.label-text {
  text-transform: none;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 1.5%;
}

.record-hours-auto-populated {
  background-color: #FDE9C8;
  padding: 24px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}

.record-hours-auto-populated p {
  margin-bottom: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  max-width: 480px;
  width: 100%;
}

.record-hours-details {
  background-color: #E6EDF2;
  padding: 36px;
  border-radius: 12px;
}

span.h1-style {
  font-size: 33px;
  font-weight: 700;
  color: black;
}

.header-details-block .regular-section {
  padding-top: 0;
  padding-bottom: 0;
}

.header-details-block .left-header-details img {
  max-width: 140px;
  margin-bottom: 25px;
}

.header-details-block .left-header-details h5 {
  font-size: 18px;
  font-weight: 600;
  color: #000;
}

.header-details-block .left-header-details h6 {
  font-size: 12px;
  font-weight: normal;
  color: #000;
  text-transform: uppercase;
}

.header-details-block .left-header-details h6.last-updated {
  margin-top: 58px;
  line-height: 18px;
}

.header-details-block .left-header-details p.p-description {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.43;
}

.header-details-block .left-header-details .dusk-block {
  border-radius: 10px;
  background-blend-mode: multiply;
  background-image: linear-gradient(to bottom, rgba(59, 79, 108, 0.4), rgba(59, 79, 108, 0.4));
  background-color: #232a36;
  margin-bottom: 0;
}

.header-details-block .header-right-side .dusk-block {
  border-radius: 10px;
  background-blend-mode: multiply;
  background-image: linear-gradient(to bottom, rgba(59, 79, 108, 0.4), rgba(59, 79, 108, 0.4));
  background-color: #232a36;
  margin-bottom: 36px;
  padding: 26px 26px 16px;
}

.header-details-block .header-right-side .header-main-img-wrapper {
  text-align: center;
  position: relative;
  min-height: 100%;
  height: 464px;
  overflow: hidden;
  border-radius: 10px;
}

.header-details-block .header-right-side .header-main-img-wrapper img {
  max-width: 700px;
  height: auto;
  width: 100%;
  border-radius: 10px;
}

.header-details-block .header-right-side .header-main-img-wrapper img.special-radius {
  border-radius: 6px;
}

.header-details-block .header-right-side .header-small-blocks {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  bottom: 20px;
  left: 0;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
  text-align: left;
}

.header-details-block .header-right-side .header-small-blocks .small-block-item {
  background-color: white;
  border-radius: 5px;
  padding: 15px 20px 15px 54px;
  width: calc(33.3% - 11px);
  background-repeat: no-repeat;
  background-position: left 20px top 26px;
  background-size: 24px auto;
}

.header-details-block .header-right-side .header-small-blocks .small-block-item.turn-icon {
  background-image: url(/images/performance-increase.svg?04b5110da1bbaf6798ffaef3e8cdde5b);
}

.header-details-block .header-right-side .header-small-blocks .small-block-item.emp-icon {
  background-image: url(/images/team-meeting.svg?ba4246f6172e7eb78cf7427e28301642);
}

.header-details-block .header-right-side .header-small-blocks .small-block-item.vol-icon {
  background-image: url(/images/multiple-users.svg?bd7a31dfe8302c2d305f82779a87c3c9);
}

.header-details-block .header-right-side .header-small-blocks .small-block-item.calendar-icon {
  background-image: url(/images/icon-calendar.svg?b242d2a77207fb91d4d5a6f437950ad4);
  background-position: left 20px top 22px;
  background-size: 23px auto;
}

.header-details-block .header-right-side .header-small-blocks .small-block-item h1 {
  color: #232a36;
  font-weight: 800;
  font-size: 33px;
  margin-bottom: 2px;
  min-height: 43px;
}

.header-details-block .header-right-side .header-small-blocks .small-block-item h3 {
  font-weight: 600;
  font-size: 16px;
  color: #3b4f6c;
}

.header-details-block .header-right-side .header-small-blocks .small-block-item h3.custom-h3 {
  font-weight: bold;
  color: #232a36;
  line-height: 16px;
  padding-top: 4px;
  min-height: 37px;
}

.img-checks input {
  display: none;
}

.img-checks label {
  border: 2px solid transparent;
}

.img-checks input:checked + label {
  border: 2px solid #232a36;
  border-radius: 4px;
}

.filter-wrapper {
  border-radius: 12px;
  background-color: #ffffff;
  margin-bottom: 16px;
}

.filter-wrapper .btn {
  font-size: 18px;
  color: #232a36;
  display: flex;
  width: 100%;
  margin-bottom: 0;
  align-items: center;
  justify-content: space-between;
  font-weight: 600;
  padding-top: 16px;
  padding-bottom: 16px;
  border-radius: 12px;
}

.filter-wrapper .btn.collapsed svg {
  transform: rotate(180deg);
  transition: all ease 0.3s;
}

.checks-items .form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.checks-items .form-group label {
  position: relative;
  cursor: pointer;
  font-size: 12px;
  color: #232a36;
  display: flex;
}

.checks-items .form-group label:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid #232a36;
  min-width: 16px;
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
  border-radius: 4px;
}

.checks-items .form-group input:checked + label:before {
  border-color: #8ed2ce;
  background-color: #8ed2ce;
  border-radius: 4px;
}

.img-checks {
  display: block;
}

.checkbox-item {
  display: inline-flex;
  max-width: 40px;
}

.checkbox-item.large {
  max-width: 76px;
  margin-bottom: 4px;
}

h3.filter-header {
  font-weight: 600;
  font-size: 18px;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
  color: #ffffff;
}

.filter-header-hint {
  font-size: 13px;
  color: #ffffff;
  margin-bottom: 0;
}

.container.map-container {
  max-width: 1275px;
}

.map-container .read-more-icon {
  width: 16px;
  height: 16px;
  display: block;
  background-image: url(/images/icon-info-normal.svg?33c1ffc…);
  background-repeat: no-repeat;
  background-size: 16px auto;
  background-position: center;
  cursor: pointer;
}

.map-container .read-more-icon.position-to-left {
  left: -10px;
  top: 25px;
}

.map-container .read-more-icon.position-to-right {
  right: -10px;
  top: 25px;
}

.map-container .read-more-icon.position-to-right.to-right-25 {
  right: -25px;
}

.map-container .read-more-icon.position-to-up {
  top: -24px;
}

.map-container .read-more-icon.position-to-down-56 {
  top: 56px;
}

.absolute {
  position: absolute;
}

.custom-tooltip {
  position: relative;
}

.custom-tooltip-absolute {
  position: absolute;
}

.custom-tooltip .custom-tooltiptext {
  visibility: hidden;
  width: 240px;
  background-color: white;
  text-align: center;
  padding: 6px;
  top: 50%;
  right: -100%;
  font-size: 12px;
  transform: translate(-52%, -50%);
  border-radius: 6px;
  position: absolute;
  box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
  z-index: 323232323232323;
}

.custom-tooltip .custom-tooltiptext.to-left {
  right: -100px;
}

.custom-tooltip .custom-tooltiptext.to-right {
  right: 0;
  left: 0%;
  transform: translate(10%, -50%);
}

.custom-tooltip:hover .custom-tooltiptext {
  visibility: visible;
}

.left-map-items-wrapper .left-filter-btns {
  padding: 0px !important;
}

.left-map-items-wrapper .left-filter-btns.left-filter-btns-points {
  border: 6px solid #f37b7e;
  border-bottom: none;
  box-sizing: border-box;
  border-radius: 15px 15px 0px 0px;
}

.left-filter-btns-points-arrow-right {
  width: 14px;
  height: 14px;
  transform: rotate(-90deg);
  position: absolute;
}

.left-filter-btns-points-arrow-right.right {
  right: 0;
}

.left-filter-btns-points-arrow-down {
  width: 14px;
  height: 14px;
  position: absolute;
}

.left-filter-btns-points-arrow-down.center {
  left: 50%;
  bottom: 6px;
  transform: translateX(-50%);
}

.left-map-items-wrapper .left-filter-btns.left-filter-btns-zones .custom-tooltip-zones {
  border: 6px solid #f37b7e;
  border-bottom: none;
  box-sizing: border-box;
  border-radius: 15px 15px 0px 0px;
}

.custom-tooltip-zones .outline-btn {
  margin: 6px 6px 0px 6px !important;
  width: calc(100% - 12px) !important;
}

.left-map-items-wrapper .left-filter-btns.left-filter-btns-zones .points-button-wrapper {
  border: 6px solid transparent;
  border-bottom: none;
  box-sizing: border-box;
}

.left-map-items {
  padding: 0px !important;
  border: 6px solid #f37b7e;
  border-top: none;
  box-sizing: border-box;
}

.left-map-items .orange-btn {
  margin: 6px 6px 12px 6px !important;
  width: calc(100% - 12px) !important;
}

.col-12.no-spacel {
  padding-left: 0;
}

.left-map-items-wrapper .left-filter-btns {
  padding-right: 12px;
  padding-bottom: 16px;
}

.left-map-items-wrapper .left-filter-btns .btn {
  display: block;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 8px;
  padding: 20px 30px;
  margin-left: 0;
  width: 100%;
  text-transform: none;
}

.left-map-items-wrapper .left-filter-btns .btn.outline-btn {
  border: 1px solid #f37b7e;
  color: #ffdfe0;
  background-color: #232a36;
}

.left-map-items-wrapper .left-filter-btns .btn.outline-btn:hover {
  opacity: 0.8;
}

.left-map-items-wrapper .left-filter-btns .btn.btn-primary {
  color: #232a36;
  background-color: #f37b7e !important;
  border: none;
  border-radius: 6px 0 0;
}

.left-map-items-wrapper .left-filter-btns .btn.btn-primary:focus {
  box-shadow: none !important;
  outline: none !important;
}

.left-map-items-wrapper .left-filter-btns .btn.zones {
  margin-bottom: 0;
}

.left-map-items {
  overflow: auto;
  min-height: 545px;
  max-height: 545px;
  scrollbar-width: auto;
  scrollbar-color: #5c6c84 #273548;
  padding-right: 12px;
  padding-top: 8px !important;
}

.left-map-items h4 {
  color: #f5f5f5;
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 9px;
}

.left-map-items .load-more {
  display: none;
}

.main-map {
  height: 680px;
  position: relative;
  overflow: hidden;
}

.gm-style img {
  width: 100%;
}

.gm-style .gm-style-iw-c {
  padding: 0;
  background-color: #222a36;
  border: 1px solid #6e8b9d;
}

.gm-style-iw-chr {
  position: absolute;
  right: -2px;
  top: -5px;
}

.gm-style .gm-style-iw-d {
  overflow: auto !important;
}

.gm-style .gm-style-iw-tc::after {
  background: #6e8b9d;
}

.line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.pin-details {
  padding: 34px 24px 22px;
  overflow: auto;
  width: 376px;
  max-height: 400px;
  scrollbar-width: auto;
  scrollbar-color: #5c6c84 #273548;
}

.pin-details h4 {
  text-transform: uppercase;
  font-size: 16px;
  color: #f7941d;
  font-weight: bold;
}

.pin-details h5 {
  text-transform: uppercase;
  font-size: 9px;
  color: #f7941d;
  margin-bottom: 2px;
}

.pin-details h6 {
  color: #f5f5f5;
  font-size: 9px;
}

.pin-details p {
  font-size: 10px;
  color: #f5f5f5;
}

.pin-details .btn-primary.orange-btn {
  background-color: #f7941d;
  color: #222a36;
  display: block;
  text-align: center;
  width: 100%;
  margin-bottom: 10px;
}

.pin-details .btn-primary.orange-btn:hover {
  background-color: #f7941d !important;
  color: #222a36;
}

.pin-details ul {
  list-style: none;
}

.pin-details ul.list-icons li {
  background-image: url(/images/li-check-icon.svg?6765c44774a275f325c0869ab51a44bf);
  padding-left: 18px;
  background-position: left center;
  background-size: 9px auto;
  background-repeat: no-repeat;
  color: #f5f5f5;
  font-size: 10px;
  margin-bottom: 4px;
}

.pin-details ul.list-icons li.show-more-details {
  background-image: url(/images/show-more-charity.svg?7716b90e0ce2909baae20458f6960d8d);
}

.pin-details ul.img-list {
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
  max-width: 380px;
}

.pin-details ul.img-list li {
  margin-right: 4px;
  margin-bottom: 4px;
}

.pin-details ul.img-list li img {
  max-width: 40px;
}

.pin-details.socialenterprise h4 {
  color: #8ed2ce;
}

.pin-details.socialenterprise h5 {
  color: #8ed2ce;
}

.pin-details.socialenterprise .pin-location.location-filled {
  background-image: url(/images/social-pin.svg?d86ff4a1f3f4aed3c9b5352037c7295f);
}

.pin-details.socialenterprise ul.list-icons li {
  background-image: url(/images/social-check-icon.svg?9f5d0057687989113c9aef1dde795e1a);
}

.pin-details.socialenterprise ul.list-icons li.show-more-details {
  background-image: url(/images/show-more-se.svg?7144f938b1571ba6ade2c3ec62ac9914);
}

.pin-details.socialenterprise .btn-primary.orange-btn {
  background-color: #8ed2ce;
}

.pin-details.socialenterprise .btn-primary.orange-btn:hover {
  background-color: #8ed2ce !important;
}

.pin-details.unregisteredcommunitygroup h4 {
  color: #c4d77e;
}

.pin-details.unregisteredcommunitygroup h5 {
  color: #c4d77e;
}

.pin-details.unregisteredcommunitygroup .pin-location.location-filled {
  background-image: url(/images/community-pin.svg?a24d3815dd177b25fe2b701c9ff7528d);
}

.pin-details.unregisteredcommunitygroup ul.list-icons li {
  background-image: url(/images/group-check-icon.svg?37f614fa137a8951319112726593bde0);
}

.pin-details.unregisteredcommunitygroup ul.list-icons li.show-more-details {
  background-image: url(/images/show-more-ucg.svg?ea5b4654a3095f9f58e5d071b0b65909);
}

.pin-details.unregisteredcommunitygroup .btn-primary.orange-btn {
  background-color: #c4d77e;
}

.pin-details.unregisteredcommunitygroup .btn-primary.orange-btn:hover {
  background-color: #c4d77e !important;
}

.map-pin-item.socialenterprise h5 {
  color: #8ed2ce;
}

.map-pin-item.socialenterprise .pin-location.location-filled {
  background-image: url(/images/social-pin.svg?d86ff4a1f3f4aed3c9b5352037c7295f);
}

.map-pin-item.unregisteredcommunitygroup h5 {
  color: #c4d77e;
}

.map-pin-item.unregisteredcommunitygroup .pin-location.location-filled {
  background-image: url(/images/community-pin.svg?a24d3815dd177b25fe2b701c9ff7528d);
}

.map-pin-item .col-lg-8 {
  padding-left: 0;
}

.map-pin-item .row {
  align-items: center;
}

.no-results-block {
  text-align: center;
  padding-top: 42px;
  padding-bottom: 20px;
  display: none;
}

.no-results-block ul {
  max-width: 260px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  list-style: disc;
}

.no-results-block ul li {
  color: #f5f5f5;
  font-size: 10px;
}

.no-results-block h4 {
  color: #84a7bc;
  font-size: 13px;
  margin-bottom: 26px;
  margin-top: 14px;
  font-weight: 700;
  max-width: 245px;
  margin-left: auto;
  margin-right: auto;
}

.no-results-block h5 {
  color: #f5f5f5;
  font-size: 13px;
  font-weight: bold;
}

span.cluster-count {
  background-repeat: no-repeat;
  background-size: 42px auto;
  background-position: left top;
  width: 42px;
  height: 55px;
  color: #fff;
  font-size: 12px;
  display: block;
  text-align: center;
  padding-top: 14px;
  font-weight: 600;
  background-image: url(/images/cluster-count.svg?25356ecc2a0519fd387ba9cdb3b61f9a);
  background-position: center;
}

span.pin-item {
  background-repeat: no-repeat;
  background-size: 22px auto;
  background-position: left top;
  width: 22px;
  height: 28px;
  display: block;
  position: relative;
}

span.pin-item::after {
  position: absolute;
  content: "";
  width: 16px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  height: 20px;
  border-radius: 50%;
  display: block;
  top: 2px;
  z-index: -1;
}

span.pin-item.active-marker {
  width: 38px;
  height: 52px;
  background-size: 36px auto;
}

span.pin-item.active-marker::after {
  width: 24px;
  height: 42px;
  top: 5px;
}

span.pin-item.active-marker.pin-charity::after {
  box-shadow: 0px 0px 8px 3px #f79e33;
}

span.pin-item.active-marker.pin-socialenterprise::after {
  box-shadow: 0px 0px 8px 3px #8ed2ce;
}

span.pin-item.active-marker.pin-unregisteredcommunitygroup::after {
  box-shadow: 0px 0px 8px 3px #c4d77e;
}

span.pin-charity {
  background-image: url(/images/charity-pin.svg?49b39c7fd68f62e7e383259b2e31c18c);
  background-position: center;
}

span.pin-charity.unclaimed-charity {
  background-image: url(/images/charity-unclaimed-pin.svg?393aa664860cb14ed0f48b93d750d1b6);
  background-position: center;
}

span.pin-grantmaker {
  background-image: url(/images/charity-pin.svg?49b39c7fd68f62e7e383259b2e31c18c);
  background-position: center;
}

span.pin-grantmaker.unclaimed-charity {
  background-image: url(/images/charity-unclaimed-pin.svg?393aa664860cb14ed0f48b93d750d1b6);
  background-position: center;
}

span.pin-socialenterprise {
  background-image: url(/images/social-pin.svg?d86ff4a1f3f4aed3c9b5352037c7295f);
}

span.pin-unregisteredcommunitygroup {
  background-image: url(/images/community-pin.svg?a24d3815dd177b25fe2b701c9ff7528d);
}

/* ===== Scrollbar CSS ===== */

/* Chrome, Edge, and Safari */

.left-map-items::-webkit-scrollbar {
  width: 9px;
}

.left-map-items::-webkit-scrollbar-track {
  background: #273548;
}

.left-map-items::-webkit-scrollbar-thumb {
  background-color: #5c6c84;
  border-radius: 12px;
  border: 3px solid #273548;
}

input.main-search-field {
  padding: 16px 36px;
  height: auto;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  border-color: #fff;
}

input.main-search-field:focus {
  border-color: #fff;
}

.search-btn button {
  background-color: #fff;
  border: none;
  margin-bottom: 0;
  min-width: 0;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

.search-btn button:hover {
  background-color: #f5f5f5;
}

.map-pin-item {
  background-color: #273548;
  padding: 12px 24px 16px 20px;
  margin-bottom: 8px;
  color: #f5f5f5;
  cursor: pointer;
}

.map-pin-item h5 {
  color: #f7941d;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 600;
  margin-bottom: 2px;
}

.map-pin-item h6 {
  font-size: 9px;
  font-weight: normal;
}

.map-pin-item p {
  font-size: 8px;
  font-weight: 500;
  margin-bottom: 0;
}

.map-pin-item img {
  border-radius: 3px;
  max-width: 76px;
  height: auto;
}

.map-pin-item:hover {
  background-color: #3b4f6c;
}

.pin-location {
  padding-left: 24px;
  background-image: url(/images/charity-unclaimed-pin.svg?393aa664860cb14ed0f48b93d750d1b6);
  background-repeat: no-repeat;
  background-size: 15px auto;
  background-position: left top;
  margin-bottom: 9px;
}

.pin-location.location-filled {
  background-image: url(/images/location-pin-filled.svg?e6a5f13dd450b9e3a7c7b5e2f922428d);
}

.card.card-body .img-checks {
  border: none;
}

.checkbox-item img {
  border-radius: 2px;
  max-width: 100%;
}

.four-items,
.two-items {
  display: flex;
  flex-wrap: wrap;
}

.four-items .form-group {
  width: 25%;
  padding-right: 10px;
}

.two-items .form-group {
  width: 50%;
  padding-right: 10px;
}

.filter-wrapper .card {
  border: none;
}

.block-checks {
  margin-bottom: 30px;
}

.block-checks input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.block-checks .checkbox-item {
  max-width: 100%;
  margin-right: 12px;
}

.block-checks label {
  position: relative;
  cursor: pointer;
  font-size: 13px;
  color: #232a36;
  font-weight: 500;
  padding: 12px 12px;
  color: #f7941d;
}

.block-checks label svg {
  opacity: 0;
  position: relative;
  z-index: 1;
  margin-right: 2px;
}

.block-checks label:after {
  content: "";
  -webkit-appearance: none;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
  border-radius: 8px;
  border: 1px solid #f7941d;
  background-color: #232a36;
  position: absolute;
  left: 0;
  top: 0;
}

.block-checks label.se {
  color: #8ed2ce;
}

.block-checks label.se:after {
  background-color: #232a36;
  border: 1px solid #8ed2ce;
}

.block-checks label.com {
  color: #c4d77e;
}

.block-checks label.com:after {
  background-color: #232a36;
  border: 1px solid #c4d77e;
}

.block-checks input:checked + label {
  color: #232a36 !important;
}

.block-checks input:checked + label:after {
  background-color: #f7941d;
}

.block-checks input:checked + label.se:after {
  background-color: #8ed2ce;
}

.block-checks input:checked + label.com:after {
  background-color: #c4d77e;
}

.block-checks label span {
  position: relative;
  z-index: 1;
}

.block-checks input:checked + label svg {
  opacity: 1;
}

.btn.outline-btn {
  color: #232a36;
  font-size: 12px;
  border: 1px solid #232a36;
  padding: 8px 16px;
  border-radius: 8px;
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 0;
  margin-left: auto;
  font-weight: 400;
  text-transform: none;
}

.btn.outline-btn.white-btn {
  color: #fff;
  border-color: #ffffff;
  font-weight: 600;
  margin-left: 0;
  margin-bottom: 8px;
  font-size: 13px;
}

.selected-items {
  display: flex;
  flex-wrap: wrap;
}

.select-item {
  background-color: #f5f5f5;
  font-size: 13px;
  color: #232a36;
  padding: 18px 24px 18px 16px;
  margin-right: 10px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.select-item button {
  border: none;
  background-color: transparent;
  margin-right: 4px;
}

.font-weight-600 {
  font-weight: 600 !important;
}

.navbar {
  padding-top: 0;
  padding-bottom: 0;
}

.navbar.details-menu {
  background-color: #3b4f6c;
}

.navbar.details-menu .navbar-nav {
  justify-content: space-between;
  width: 100%;
}

.navbar .navbar-nav li a.nav-link {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  padding: 20px 36px;
  height: 100%;
}

.navbar .navbar-nav li.active a {
  background-color: white;
  color: #232a36;
  font-weight: 800;
}

.regular-section {
  padding-top: 45px;
  padding-bottom: 10px;
}

.regular-section.messages-section {
  height: calc(100vh - 90px);
}

.regular-section.messages-section .container {
  height: 100%;
}

.regular-section.custom-section {
  margin-top: 60px;
  padding-bottom: 10px;
}

.regular-section.bottom-section {
  padding: 40px 0 50px;
}

.regular-section.carousel-block {
  padding-top: 62px;
  padding-bottom: 40px;
}

.regular-section.project-preview-activities {
  padding-top: 30px;
}

.regular-section.project-preview-activities .regular-heading {
  margin-bottom: 15px;
}

.regular-section.project-preview-activities.no-top-space {
  padding-top: 0;
}

.regular-section.bottom-side {
  padding-top: 80px;
  padding-bottom: 80px;
}

.regular-section .regular-heading {
  font-size: 24px;
  font-weight: 500;
  color: #0b0c0c;
  line-height: normal;
  margin-bottom: 25px;
}

.regular-section .regular-heading.heading-bottom {
  margin-bottom: 15px;
}

.regular-section .regular-heading.limit-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.regular-section .regular-heading.limit-title a {
  font-size: 24px;
  font-weight: 500;
  color: #0b0c0c;
  text-decoration: none;
}

.regular-section .regular-heading.limit-title a:hover {
  opacity: 0.8;
}

.regular-section .table-list {
  background-color: #c5e0ef40;
  border-radius: 8px;
  padding: 20px 32px;
  font-size: 12px;
}

.regular-section .table-list ul {
  list-style: none;
  padding-left: 0;
  margin-left: 4px;
  -moz-column-count: 2;
       column-count: 2;
}

.regular-section .table-list ul.details-list li p {
  margin-bottom: 0;
  line-height: normal;
}

.regular-section .table-list ul li {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: normal;
  padding-left: 38px;
  background-image: url(/images/symbol-check-mark.svg?2b5ac0f847329abc0f3d571a723d2c9c);
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: left top 3px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: solid 1px #d7eef0;
}

.regular-section .table-list ul li.view-link {
  position: relative;
  padding-right: 10px;
}

.regular-section .table-list ul li.view-link a {
  font-size: 8px;
  font-weight: bold;
  line-height: 20px;
  text-align: right;
  color: #8ed2ce;
  position: absolute;
  right: -12px;
  bottom: 2px;
  padding: 2px;
  display: block;
  height: 20px;
}

.regular-section .table-list ul li.view-link a:hover {
  text-decoration: none;
  opacity: 0.8;
}

.regular-section .table-list ul li p {
  font-weight: normal;
  line-height: 20px;
}

.regular-section .table-list ul.no-check-icons li {
  background: none;
}

.regular-section .dusk-block {
  border-radius: 10px;
  background-color: #3b4f6c;
  color: white;
  padding: 26px 26px 16px;
  margin-bottom: 20px;
}

.regular-section .dusk-block.dark-block {
  background-color: #232a36;
  padding: 28px 20px 16px 20px;
  height: 100%;
}

.regular-section .dusk-block .block-title {
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 16px;
  line-height: 26px;
}

.regular-section .dusk-block .block-title.block-title-bottom {
  margin-bottom: 0;
}

.regular-section .dusk-block .block-title p,
.regular-section .dusk-block .block-title span {
  font-size: 14px;
  line-height: 22px;
  padding-top: 3px;
}

.regular-section .dusk-block .block-title.area-icon,
.regular-section .dusk-block .block-title.benef-icon,
.regular-section .dusk-block .block-title.help-icon,
.regular-section .dusk-block .block-title.history-icon,
.regular-section .dusk-block .block-title.vision-icon,
.regular-section .dusk-block .block-title.work-icon,
.regular-section .dusk-block .block-title.money-icon,
.regular-section .dusk-block .block-title.skills-icon,
.regular-section .dusk-block .block-title.services-icon,
.regular-section .dusk-block .block-title.flag-icon,
.regular-section .dusk-block .block-title.branch-icon,
.regular-section .dusk-block .block-title.retail-icon,
.regular-section .dusk-block .block-title.place-icon,
.regular-section .dusk-block .block-title.services-stars-icon,
.regular-section .dusk-block .block-title.fundraising-icon,
.regular-section .dusk-block .block-title.gift-icon,
.regular-section .dusk-block .block-title.trading-icon {
  padding-left: 42px;
  background-repeat: no-repeat;
  background-position: left top;
}

.regular-section .dusk-block .block-title.area-icon {
  background-image: url(/images/icon-areas-of-interest.svg?9ddaf8527b81840de135e27d6ec8e765);
  background-size: 24px auto;
}

.regular-section .dusk-block .block-title.benef-icon {
  background-image: url(/images/icon-beneficiaries.svg?bb438d708644eb7cbe86700a5fc11907);
  background-size: 24px auto;
}

.regular-section .dusk-block .block-title.help-icon {
  background-image: url(/images/icon-help.svg?a7862343e4512daf4d3dfab08b2ffa83);
  background-size: 24px auto;
}

.regular-section .dusk-block .block-title.history-icon {
  background-image: url(/images/icon-our-history.svg?5f972a70b70b64018bb99e9970c8fe62);
  background-size: 20px auto;
}

.regular-section .dusk-block .block-title.branch-icon {
  background-image: url(/images/icon-our-history.svg?5f972a70b70b64018bb99e9970c8fe62);
  background-size: 24px auto;
}

.regular-section .dusk-block .block-title.vision-icon {
  background-image: url(/images/icon-vision-for-the-future.svg?0581e3a9a2d852d19c422e23bdb64849);
  background-size: 24px auto;
}

.regular-section .dusk-block .block-title.work-icon {
  background-image: url(/images/icon-our-work.svg?2d91c37eb162cf31f6f3c44ca9182595);
  background-size: 24px auto;
}

.regular-section .dusk-block .block-title.flag-icon {
  background-image: url(/images/icon-flag.svg?dcd1106c40847529f82477691f56059e);
  background-size: 24px auto;
}

.regular-section .dusk-block .block-title.money-icon {
  background-image: url(/images/icon-money.svg?647c925563754a00fa0ded5a2c59cc7f);
  background-size: 20px auto;
}

.regular-section .dusk-block .block-title.skills-icon {
  background-image: url(/images/icon-skills-and-time.svg?9c3d1ae15c07992a60b7b9377e28cf78);
  background-size: 20px auto;
}

.regular-section .dusk-block .block-title.services-icon {
  background-image: url(/images/icon-products-and-services.svg?26ae31526f23053b7793b8e54c7c924c);
  background-size: 24px auto;
}

.regular-section .dusk-block .block-title.retail-icon {
  background-image: url(/images/icon-locations.svg?e14f212b45d1ac438b350f57f5d7d07d);
  background-size: 26px auto;
}

.regular-section .dusk-block .block-title.place-icon {
  background-image: url(/images/icon-where-we-work.svg?50fc413bcdd8e06105bfe5f109134800);
  background-size: 16px auto;
  background-position: left 5px top;
}

.regular-section .dusk-block .block-title.services-stars-icon {
  background-image: url(/images/icon-services.svg?f296885a6f1c3fd2436272ae0ed1791f);
  background-size: 24px auto;
}

.regular-section .dusk-block .block-title.fundraising-icon {
  background-image: url(/images/icon-fundraising.svg?f69a9fbb526fa328398b727fc032c745);
  background-size: 24px auto;
}

.regular-section .dusk-block .block-title.gift-icon {
  background-image: url(/images/icon-gift-aid.svg?43b758fd3435d97b643b8cf849d4c232);
  background-size: 24px auto;
}

.regular-section .dusk-block .block-title.trading-icon {
  background-image: url(/images/icon-trading.svg?66e2c6ae3ce21e9f4757ff268bbec14f);
  background-size: 24px auto;
}

.regular-section .dusk-block .block-title.max-w-span span {
  max-width: 690px;
  display: block;
}

.regular-section .dusk-block .inner-dusk-block {
  padding-left: 40px;
}

.regular-section .dusk-block .inner-dusk-block.no-left-space {
  padding-left: 0;
}

.regular-section .dusk-block .inner-dusk-block p {
  font-size: 14px;
  line-height: 20px;
}

.regular-section .dusk-block .inner-dusk-block .block-description {
  min-height: 75px;
}

.regular-section .dusk-block ul {
  list-style: none;
  padding-left: 0;
  margin-left: 4px;
}

.regular-section .dusk-block ul.details-list li p {
  margin-bottom: 0;
  line-height: normal;
}

.regular-section .dusk-block ul li {
  font-size: 14px;
  font-weight: bold;
  line-height: 22px;
  letter-spacing: normal;
  padding-left: 38px;
  background-image: url(/images/symbol-check-mark.svg?2b5ac0f847329abc0f3d571a723d2c9c);
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: left top 3px;
  margin-bottom: 10px;
}

.regular-section .dusk-block ul li.view-link {
  position: relative;
  padding-right: 10px;
}

.regular-section .dusk-block ul li.view-link a {
  font-size: 8px;
  font-weight: bold;
  line-height: 20px;
  text-align: right;
  color: #8ed2ce;
  position: absolute;
  right: -12px;
  bottom: 2px;
  padding: 2px;
  display: block;
  height: 20px;
}

.regular-section .dusk-block ul li.view-link a:hover {
  text-decoration: none;
  opacity: 0.8;
}

.regular-section .dusk-block ul li p {
  font-weight: normal;
  line-height: 20px;
}

.regular-section .dusk-block ul.no-check-icons li {
  background: none;
}

.regular-section .dusk-block p.teal-p {
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5;
  color: #8ed2ce;
  margin-bottom: 6px;
}

.regular-section .dusk-block p.block-p {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.43;
  margin-bottom: 0;
}

.regular-section .dusk-block h2.big-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.08;
  color: white;
  margin-bottom: 12px;
}

.regular-section.carousel-block {
  background-color: #8ed2ce;
  margin-top: 16px;
}

.regular-section.carousel-block.white-bg {
  background-color: white;
  padding-top: 0;
}

.regular-section.carousel-block.white-bg .action-bar {
  margin-bottom: 38px;
}

.regular-section.carousel-block.white-bg .carousel-wrapper {
  background-color: #d7eef0;
}

.regular-section.carousel-block.white-bg .carousel-wrapper .item {
  padding-bottom: 28px;
}

.regular-section.carousel-block.white-bg .carousel-wrapper:after {
  border-color: #d7eef0 transparent transparent transparent;
}

.regular-section.carousel-block .regular-heading {
  margin-bottom: 8px;
  padding-left: 4px;
}

.regular-section.carousel-block .regular-heading.partners-heading {
  margin-top: 20px;
}

.regular-section.carousel-block .carousel-wrapper {
  background-color: white;
  border-radius: 10px;
  padding: 30px 28px 0 75px;
  position: relative;
  background-size: 28px auto;
  background-image: url(/images/quotes@2x.png?6fca99b54ee9392b09d67c8a2355ad76);
  background-repeat: no-repeat;
  background-position: top 30px left 30px;
}

.regular-section.carousel-block .carousel-wrapper .testimonial-main-content p {
  color: #232a36;
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 0;
  line-height: 1.5;
}

.regular-section.carousel-block .carousel-wrapper .testimonial-main-content p span {
  color: #f7941d;
}

.regular-section.carousel-block .carousel-wrapper .testimonial-main-content .quotes {
  width: 28px;
  height: 24px;
  display: inline-block;
  background-size: 28px auto;
  position: absolute;
  background-image: url(/images/quotes@2x.png?6fca99b54ee9392b09d67c8a2355ad76);
  background-repeat: no-repeat;
  margin-left: 15px;
}

.regular-section.carousel-block .carousel-wrapper .testimonial-main-content .rotate {
  transform: rotate(180deg);
}

.regular-section.carousel-block .carousel-wrapper .right-testimonial-side img,
.regular-section.carousel-block .carousel-wrapper .testimonial-side img {
  max-height: 60px;
  width: auto;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: 16px;
}

.regular-section.carousel-block .carousel-wrapper .right-testimonial-side h4,
.regular-section.carousel-block .carousel-wrapper .testimonial-side h4 {
  font-size: 14px;
  font-weight: 600;
  color: #232a36;
  margin-bottom: 4px;
}

.regular-section.carousel-block .carousel-wrapper .right-testimonial-side a,
.regular-section.carousel-block .carousel-wrapper .testimonial-side a {
  color: #84a7bc;
  text-decoration: underline;
  font-size: 10px;
  font-weight: 600;
  margin-bottom: 8px;
  display: block;
}

.regular-section.carousel-block .carousel-wrapper .right-testimonial-side a:hover,
.regular-section.carousel-block .carousel-wrapper .testimonial-side a:hover {
  text-decoration: none;
}

.regular-section.carousel-block .carousel-wrapper .right-testimonial-side label,
.regular-section.carousel-block .carousel-wrapper .testimonial-side label {
  font-weight: 500;
}

.regular-section.carousel-block .carousel-wrapper .right-testimonial-side h6,
.regular-section.carousel-block .carousel-wrapper .testimonial-side h6 {
  color: #3b4f6c;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: normal;
}

.regular-section.carousel-block .carousel-wrapper .testimonial-side a {
  font-size: 14px;
}

.regular-section.carousel-block .carousel-wrapper .right-testimonial-side {
  padding-left: 40px;
  padding-bottom: 10px;
}

.regular-section.carousel-block .carousel-wrapper .right-testimonial-side a {
  margin-top: 16px;
}

.regular-section.carousel-block .carousel-wrapper:after {
  content: "";
  float: right;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #ffffff transparent transparent transparent;
  margin-right: 60px;
}

.regular-section.carousel-block .carousel-wrapper .owl-dots {
  position: absolute;
  right: -30px;
  top: -62px;
}

.regular-section.carousel-block .carousel-wrapper .owl-dots .owl-dot {
  display: inline-block;
  margin: 0 3px;
}

.regular-section.carousel-block .carousel-wrapper .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  display: block;
  background-color: white;
  border-radius: 50%;
}

.regular-section.carousel-block .carousel-wrapper .owl-dots .owl-dot.active span {
  background-color: #3b4f6c;
}

.regular-section.carousel-block .carousel-wrapper .owl-carousel {
  padding-bottom: 30px;
}

.regular-section.carousel-block .carousel-wrapper.partners-testimonials:after {
  content: "";
  float: left;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 50px 50px 0;
  border-color: transparent #ffffff transparent transparent;
  margin-left: 20px;
  margin-right: 0;
}

.regular-section.goals-section ul {
  counter-reset: my-awesome-counter;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}

.regular-section.goals-section ul li {
  width: calc(50% - 10px);
  counter-increment: my-awesome-counter;
  margin-bottom: 20px;
}

.regular-section.goals-section ul li:nth-child(2n+1) {
  margin-right: 20px;
}

.regular-section.goals-section ul li:before {
  content: counter(my-awesome-counter);
  color: #f7941d;
  font-size: 36px;
  font-weight: bold;
  float: left;
  margin-right: 30px;
  line-height: 45px;
}

.regular-section.goals-section .dusk-block .block-title {
  display: flex;
}

.regular-section.goals-section .dusk-block .block-title p {
  margin-bottom: 0;
}

.regular-section.our-work-section .dusk-block {
  height: 100%;
  padding-bottom: 5px;
}

.regular-section.our-work-section .dusk-block.margin-bottom {
  margin-bottom: 20px;
  padding-bottom: 26px;
  height: auto;
}

.regular-section.our-work-section .dusk-block ul li p {
  margin-bottom: 0;
}

.regular-section.projects-section {
  background-color: rgba(142, 210, 206, 0.25);
  margin-top: 20px;
  padding-bottom: 50px;
}

.regular-section.projects-section.sir-match-section {
  background: white;
  background: linear-gradient(0deg, #ebf6f7 92%, white 92%);
}

.regular-section.projects-section .card {
  width: 100%;
  border-radius: 10px;
  margin-bottom: 20px;
  border: solid 1px #b5d0e1;
  overflow: hidden;
  transition: box-shadow 0.125s linear;
}

.regular-section.projects-section .card:hover {
  box-shadow: 0 0 0 2px #b5d0e1;
}

.regular-section.projects-section .card .card-header {
  background-color: #3b4f6c;
  font-size: 24px;
  font-weight: bold;
  color: white;
  padding: 1rem 1.5rem;
}

.regular-section.projects-section .card .card-header.dark-header {
  background-color: #232a36;
}

.regular-section.projects-section .card .card-header.dark-header.right-arrow:before {
  content: "\F107";
  font-family: "Font Awesome 5 Free";
  float: right;
  color: #f7941d;
  transform: rotate(180deg);
  transition: transform 250ms linear;
}

.regular-section.projects-section .card .card-header.dark-header.right-arrow.collapsed:before {
  transform: rotate(0);
}

.regular-section.projects-section .card .card-header:first-child {
  border-radius: 9px 9px 0 0;
}

.regular-section.projects-section .card .card-header span {
  font-size: 20px;
  font-weight: bold;
  color: white;
  white-space: nowrap;
}

.regular-section.projects-section .card .card-header span.small-item {
  font-size: 14px;
  font-weight: normal;
}

.regular-section.projects-section .card .card-header span.small-item.date-item {
  font-size: 24px;
}

.regular-section.projects-section .card .card-header span.regular-text {
  font-weight: normal;
}

.regular-section.projects-section .card .card-header a {
  float: right;
  color: #8ed2ce;
  font-size: 12px;
  font-weight: 500;
  margin-top: 10px;
  text-decoration: none;
}

.regular-section.projects-section .card .card-header a:hover {
  opacity: 0.9;
}

.regular-section.projects-section .card .card-body {
  padding: 30px;
}

.regular-section.projects-section .card .card-body .card-bottom-row a.orange-btn {
  padding: 13px 30px 10px;
  text-align: center;
}

.regular-section.projects-section .card .card-body .card-bottom-row h5.small-title {
  margin-bottom: 0;
  margin-top: 5px;
}

.regular-section.projects-section .card .card-body .card-bottom-row p {
  font-size: 14px;
  margin-bottom: 0;
  color: #0b0c0c;
}

.regular-section.projects-section .card .card-body .card-bottom-row .col-12 {
  margin-bottom: 0;
}

.regular-section.projects-section .card .card-body .card-text {
  margin-bottom: 30px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.43;
  color: #0b0c0c;
}

.regular-section.projects-section .card .card-body .blue-box {
  border-radius: 5px;
  background-color: rgba(215, 238, 240, 0.5);
  padding: 16px 25px;
}

.regular-section.projects-section .card .card-body .blue-box.bottom-space {
  padding-bottom: 28px;
  margin-bottom: 20px;
}

.regular-section.projects-section .card .card-body .blue-box.last-blue-block {
  margin-top: 10px;
  margin-bottom: 14px;
}

.regular-section.projects-section .card .card-body .blue-box.last-blue-block.no-margin {
  margin-bottom: 0;
}

.regular-section.projects-section .card .card-body .blue-box.giver-block {
  margin-top: 20px;
}

.regular-section.projects-section .card .card-body .blue-box.giver-block img {
  max-width: 60px;
}

.regular-section.projects-section .card .card-body .blue-box.top-space {
  margin-top: 20px;
}

.regular-section.projects-section .card .card-body .blue-box .goals-wrapper img {
  max-width: 100px;
  margin-bottom: 8px;
  margin-top: 6px;
}

.regular-section.projects-section .card .card-body .blue-box .goals-wrapper img:nth-child(2n+1) {
  margin-right: 10px;
}

.regular-section.projects-section .card .card-body .blue-box h3 {
  font-size: 16px;
  font-weight: bold;
  color: #0b0c0c;
  margin-bottom: 0;
}

.regular-section.projects-section .card .card-body .blue-box h3.bi-icon,
.regular-section.projects-section .card .card-body .blue-box h3.date-icon {
  background-size: 16px auto;
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 25px;
  margin-bottom: 8px;
}

.regular-section.projects-section .card .card-body .blue-box h3.bi-icon {
  background-image: url(/images/icon-impact-reporting-period.svg?aacbe272dcb55653705324355292997e);
}

.regular-section.projects-section .card .card-body .blue-box h3.date-icon {
  background-image: url(/images/impact-reporting-date.svg?c90c1bb9fddd2852d9142b486aaed39f);
}

.regular-section.projects-section .card .card-body .blue-box h3 span {
  font-weight: normal;
}

.regular-section.projects-section .card .card-body .blue-box h3.sum-value {
  font-size: 20px;
}

.regular-section.projects-section .card .card-body .blue-box h3.sum-value.regular-value {
  font-weight: normal;
}

.regular-section.projects-section .card .card-body .timeline-blocks .right-padding {
  padding-right: 10px;
}

.regular-section.projects-section .card .card-body .timeline-blocks .left-padding {
  padding-left: 10px;
}

.regular-section.projects-section .card .card-body .project-bottom {
  border-radius: 5px;
  background-color: rgba(215, 238, 240, 0.5);
  padding: 20px 26px;
}

.regular-section.projects-section .card .card-body .project-bottom .right-space {
  padding-right: 60px;
}

.regular-section.projects-section .card .card-body .project-bottom .left-space {
  padding-left: 60px;
}

.regular-section.projects-section .card .card-body .project-bottom img {
  margin-bottom: 10px;
  max-width: 100px;
}

.regular-section.projects-section .card .card-body .project-bottom p {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.43;
  color: #232a36;
  margin-bottom: 10px;
}

.regular-section.projects-section .card .card-body .project-bottom h5.small-title {
  margin-bottom: 15px;
}

.regular-section.projects-section .card .card-body .project-bottom h4 {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.43;
  color: #232a36;
  margin-bottom: 0;
}

.regular-section.projects-section .card .extra {
  background-color: #ebf6f7;
  padding: 1rem 1.375rem;
}

.regular-section.projects-section .card .extra h5.small-title {
  font-size: 10px;
  font-weight: bold;
  color: #3b4f6c;
  text-transform: uppercase;
}

.regular-section.projects-section .card .extra h5.small-title.area-h-icon {
  background-image: url(/images/icon-areas-of-interest.svg?9ddaf8527b81840de135e27d6ec8e765);
  background-size: 10px auto;
  padding-left: 20px;
  background-repeat: no-repeat;
  background-position: left center;
}

.regular-section.projects-section .card.no-border {
  border: none;
}

.regular-section.projects-section.custom-section {
  margin-top: 50px;
}

.regular-section.projects-section.custom-section.no-margin {
  margin-top: 0;
}

.regular-section.projects-section.white-bg {
  background-color: white;
}

.regular-section.projects-section.project-preview {
  margin-top: 0;
}

.regular-section.projects-section.offers-preview {
  padding-bottom: 30px;
}

.regular-section.projects-section.offers-preview.app-page {
  padding-top: 70px;
}

.regular-section.projects-section.no-top-padding {
  padding-top: 0;
  margin-top: 0;
}

.regular-section.projects-section.offers-list {
  padding-top: 20px;
  margin-top: 0;
}

.regular-section.projects-section.offers-list .card .card-body {
  padding: 22px 24px 24px;
}

.regular-section.projects-section.blue-section {
  background-color: rgba(215, 238, 240, 0.5);
  margin-top: 116px;
  padding-bottom: 50px;
  padding-top: 0;
}

.regular-section.projects-section.blue-section .app-details-block {
  padding-top: 0;
  padding-bottom: 0;
}

.regular-section.projects-section.blue-section .custom-header-card .head-item {
  justify-content: flex-end;
}

.regular-section.projects-section.blue-section .custom-header-card .head-item .small-item {
  font-weight: 600;
}

.regular-section.projects-section.blue-section .filter-results {
  overflow: visible;
}

.regular-section.projects-section.blue-section .card {
  position: relative;
  top: -70px;
  margin-bottom: 0;
}

.regular-section.projects-section.blue-section .card .card-body .blue-box {
  margin-bottom: 9px;
}

.regular-section.projects-section.blue-section .card .card-body .blue-box h3 {
  font-size: 20px;
}

.regular-section.projects-section.blue-section h3.custom-heading {
  font-weight: normal;
  font-size: 14px;
  padding-top: 10px;
}

.regular-section .map-wrapper {
  margin-bottom: 60px;
}

.regular-section .contact-details {
  border-radius: 10px;
  background-color: #3b4f6c;
  padding: 30px 50px 60px 34px;
  color: white;
}

.regular-section .contact-details .contact-label {
  line-height: 20px;
  font-size: 12px;
  color: #8ed2ce;
  font-weight: normal;
  text-transform: uppercase;
  width: 106px;
  display: inline-block;
  padding-top: 3px;
  vertical-align: top;
}

.regular-section .contact-details .contact-field {
  color: white;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  width: calc(100% - 106px);
  display: inline-block;
}

.regular-section .contact-details .contact-field a {
  color: white;
  font-size: 16px;
  font-weight: bold;
}

.regular-section .contact-details .contact-field a:hover {
  text-decoration: none;
  opacity: 0.9;
}

.regular-section .contact-details .contact-line {
  margin-bottom: 10px;
}

.regular-section.contact-container,
.regular-section.media-container {
  padding-bottom: 50px;
}

.section-top-margin {
  margin-top: 60px;
  padding-bottom: 100px;
}

.section-top-margin.forms-wrapper {
  padding-bottom: 35px;
  padding-top: 0;
}

h1.white-heading {
  color: white;
  font-size: 36px;
  font-weight: 600;
  line-height: normal;
  margin-top: 0;
  margin-bottom: 0;
}

h2.h2-heading {
  font-size: 36px;
  font-weight: 600;
  color: #232a36;
  margin-bottom: 0;
}

h2.h2-heading.heading-bottom {
  margin-bottom: 18px;
}

h3.custom-heading {
  font-size: 16px;
  font-weight: bold;
  color: #0b0c0c;
  margin-bottom: 0;
}

h3.white-heading {
  color: white;
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 6px;
}

h3.h3-heading {
  font-size: 30px;
  font-weight: 600;
  color: #232a36;
}

h6.small-title {
  font-size: 10px;
  font-weight: bold;
  color: #8ed2ce;
  text-transform: uppercase;
  line-height: 12px;
  margin-bottom: 0;
}

h6.small-title.orange-title {
  color: #f7941d;
}

h6.small-title.white-title {
  color: white;
}

h6.small-title.dark-small-title {
  color: #3b4f6c;
}

.special-radius {
  border-radius: 6px;
}

.custom-header-card {
  text-align: left;
}

.custom-header-card .small-title {
  float: left;
  font-size: 12px;
  font-weight: normal;
  padding-top: 6px;
}

.custom-header-card .small-title.max-width-title {
  max-width: 60px;
}

.custom-header-card .head-item {
  display: flex;
  align-items: center;
  height: 100%;
  padding-top: 5px;
  width: 49%;
  float: left;
}

.custom-header-card .head-item.put-right {
  float: right;
}

.custom-header-card .head-item.full-width {
  width: auto;
}

.custom-header-card .head-item .small-title {
  padding-top: 3px;
  font-size: 10px;
  font-weight: bold;
  padding-right: 6px;
}

.custom-header-card .limit-col {
  flex: 0 0 38.667%;
  max-width: 38.667%;
}

.custom-header-card .limit-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 60px);
  float: left;
}

.custom-header-card .padding-left-none {
  padding-left: 0;
  padding-right: 0;
  flex: 0 0 36.333%;
  max-width: 36.333%;
}

.custom-header-card .padding-right-none {
  padding-right: 0;
}

.custom-header-card .padding-right-none .head-item {
  width: auto;
}

.green-container {
  background-color: rgba(215, 238, 240, 0.5);
  padding-top: 22px;
  padding-bottom: 26px;
}

.view-text {
  float: right;
  margin-right: 20px;
}

.app-details-block {
  padding-top: 38px;
  padding-bottom: 50px;
}

.app-details-block .row {
  margin-bottom: 24px;
}

.app-details-block .row p {
  font-size: 14px;
  line-height: 20px;
}

.app-details-block .row p strong {
  line-height: 24px;
}

.app-details-block .row p.right-space {
  padding-right: 84px;
}

.app-details-block .row .h4-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.app-details-block .row .small-title {
  color: #3b4f6c;
  margin-bottom: 6px;
}

.app-details-block.no-bottom-space {
  padding-bottom: 0;
  padding-top: 30px;
}

.max-width {
  max-width: 100%;
}

.max-width.max-width-60 {
  max-width: 60px;
}

.max-width.max-width-43 {
  max-width: 43px;
}

.max-width.max-width-80 {
  max-width: 80px;
  margin-bottom: 34px;
}

.max-width.max-width-90 {
  max-width: 90px;
  margin-bottom: 34px;
}

.max-width.max-width-100 {
  max-width: 100px;
}

.max-width.max-width-full {
  max-width: 100% !important;
}

.max-width.border-radius {
  border-radius: 5px;
}

.max-width.img-border {
  border: solid 1px #84a7bc;
  border-radius: 5px;
}

.max-height {
  max-height: 100%;
}

.max-height.max-height-40 {
  max-height: 40px;
}

.max-height.max-height-60 {
  max-height: 60px;
}

.border-bottom {
  border-bottom: 1px solid #0b0c0c;
}

.top-space {
  margin-top: 20px;
}

button.delete-block-btn {
  right: -30px;
  border: none;
  width: 24px;
  height: 24px;
  font-size: 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: auto 22px;
  background-position: center;
  background-image: url(/images/delete-normal.svg);
  background-color: transparent;
  position: absolute;
  bottom: 0;
}

h4.h4-heading {
  font-size: 18px;
  font-weight: 600;
  color: #232a36;
  font-style: normal;
  line-height: 1.33;
  margin-bottom: 10px;
  margin-top: 24px;
}

h4.h4-heading.h4-heading-small {
  font-size: 16px;
  color: #0b0c0c;
  font-weight: bold;
}

h4.h4-heading.special-heading-h {
  margin-top: 10px;
  margin-bottom: 20px;
}

h4.h4-heading.margin-top {
  margin-top: 45px;
}

h4.h4-heading.report-heading {
  margin-top: 14px;
}

h4.h4-heading .info-icon-wrapper span.read-more-icon {
  top: 5px;
}

.create-block {
  border-radius: 10px;
  border: 1px solid #84a7bc;
  position: relative;
  background-color: white;
  padding: 26px 24px 20px;
  display: block;
}

.create-block.disabled {
  border-color: #c2d3dd;
}

.create-block.disabled h3.regular-heading {
  filter: invert(89%) sepia(24%) saturate(135%) hue-rotate(158deg) brightness(89%) contrast(95%) opacity(0.5);
}

.create-block.disabled p,
.create-block.disabled .block-link {
  filter: invert(89%) sepia(24%) saturate(135%) hue-rotate(158deg) brightness(89%) contrast(95%) opacity(0.5);
}

.create-block h3.regular-heading {
  margin-top: 0;
  font-weight: 500;
  color: #0b0c0c;
  padding-right: 30px;
  min-height: 60px;
  margin-bottom: 20px;
  line-height: 30px;
}

.create-block .q-mark {
  background-size: 24px;
  background-image: url(/images/question-help-circle.svg?721d4b88cf3ae23c2f46897f5487ef17);
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  top: 32px;
  right: 30px;
  cursor: pointer;
}

.create-block .q-mark.custom-q {
  top: 28px;
}

.create-block p {
  color: #232a36;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.43;
  min-height: 60px;
}

.create-block a.block-link {
  font-size: 14px;
  font-weight: 600;
  color: #232a36;
  margin-top: 32px;
  text-decoration: none;
  display: block;
}

.create-block a.block-link:hover {
  opacity: 0.9;
}

.create-block.dusk-block-create {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.create-block.dusk-block-create h3.regular-heading {
  color: #3b4f6c;
  font-weight: 600;
  font-size: 18px;
  min-height: 0;
  background-size: 24px auto;
  background-repeat: no-repeat;
  background-position: top 4px left;
  padding-left: 40px;
  margin-bottom: 5px;
}

.create-block.dusk-block-create h3.regular-heading.profile-icon {
  background-image: url(/images/icon-profile.svg?53df2fff2c2a1d1278ced3dc4c124de3);
}

.create-block.dusk-block-create h3.regular-heading.profile-icon-work {
  background-image: url(/images/icon-our-work.svg?2d91c37eb162cf31f6f3c44ca9182595);
}

.create-block.dusk-block-create h3.regular-heading.help-icon {
  background-image: url(/images/icon-how-to-help.svg?2733ca1c45772123c9ba4c9bf378b8e1);
}

.create-block.dusk-block-create h3.regular-heading.contact-icon {
  background-image: url(/images/social-profile-bubble.svg?f91bca057546abc2533712beb9a6a205);
}

.create-block.dusk-block-create h3.regular-heading.warn-icon {
  background-image: url(/images/icon-opportunity-unread.svg?30206a502fad445ad9bdb2cd7839b0a0);
}

.create-block.dusk-block-create h3.regular-heading.search-icon {
  background-image: url(/images/icon-search.svg?98c438531bfd2cc7eea797d7d1794e1c);
}

.create-block.dusk-block-create h3.regular-heading.book-icon {
  background-image: url(/images/icon-book.svg?8dfd51d34dd4cc99cd1999985623029d);
}

.create-block.dusk-block-create h3.regular-heading.ed-icon {
  background-image: url(/images/applications-icon-normal.svg?e4f89602c43124866231ecf439bcd0da);
}

.create-block.dusk-block-create h3.regular-heading.handshake-icon {
  background-image: url(/images/handshake.svg?383e04293c9fbccf38c5d49adafa331e);
  background-size: 32px auto;
}

.create-block.dusk-block-create h3.regular-heading.mat-icon {
  background-image: url(/images/matches-icon-normal.svg?15c4c766727005e674ea757dd1a06eca);
}

.create-block.dusk-block-create h3.regular-heading.inbox-icon {
  background-image: url(/images/inbox-icon-normal.svg?a03e07133459bbbe41ebf18d1b313703);
}

.create-block.dusk-block-create h3.regular-heading.prof-icon {
  background-image: url(/images/profile-icon-normal.svg?49203f532a7ffb3f2cccfe2c29bf29e1);
}

.create-block.dusk-block-create h3.regular-heading.settings-icon {
  background-image: url(/images/settings-icon-normal.svg?c6e44fba2bf8c1bf36ac8c7e430aed57);
}

.create-block.dusk-block-create h3.regular-heading.offers-icon {
  background-image: url(/images/inbox-icon-normal.svg?a03e07133459bbbe41ebf18d1b313703);
}

.create-block.dusk-block-create h3.regular-heading.offers-c-icon {
  background-image: url(/images/icon-opportunity-normal.svg?0b11812d8a59f78f794c7541b75b7b7b);
}

.create-block.dusk-block-create h3.regular-heading.offers-gift-icon {
  background-image: url(/images/gift.svg?69802b526a04a95d0d529045282fa74f);
  background-size: 28px auto;
}

.create-block.dusk-block-create h3.regular-heading.ai-matches-icon {
  background-image: url(/images/ai-matches.png?5be68f327c9da63c341e7929a36e90fd);
  background-size: 28px auto;
}

.create-block.dusk-block-create h3.regular-heading.hands-up-icon {
  background-image: url(/images/hands-up.png?a2db9897917605098b4863061eb27816);
  background-size: 28px auto;
}

.create-block.dusk-block-create h3.regular-heading.awaiting-icon {
  background-image: url(/images/icon-clock.png?3fb1f12805adeb9373764232475fcf66);
  background-size: 28px auto;
}

.create-block.dusk-block-create h3.regular-heading.shortlist-icon {
  background-image: url(/images/icon-shortlist.png?686b046fa3534c1a4f3996609b061719);
  background-size: 28px auto;
}

.create-block.dusk-block-create h3.regular-heading.analytics-icon {
  background-image: url(/images/icon-analytics.png?35ac0bc1f2f26ec8457ca05d84e75037);
  background-size: 28px auto;
}

.create-block.dusk-block-create h3.regular-heading.planning-icon {
  background-image: url(/images/icon-planning.png?da1be0a3a91cd65899d51147b2a5a5de);
  background-size: 28px auto;
}

.create-block.dusk-block-create h3.regular-heading.tools-icon {
  background-image: url(/images/icon-tools.png?d4188ec33c9a7b3e40a7df1d77b2fa99);
  background-size: 24px auto;
}

.create-block.dusk-block-create h3.regular-heading.library-icon {
  background-image: url(/images/icon-library.png?e60ca93f62320a864c978e066b8696d1);
  background-size: 28px auto;
}

.create-block.dusk-block-create h3.regular-heading.greetings-icon {
  background-image: url(/images/icon-greeting.svg?6f5803ca3e9b8c5efb3a7f3ab5e71a3a);
}

.create-block.dusk-block-create h3.regular-heading.social-icon {
  background-image: url(/images/report-icon.svg?e39cbdf63c72effccb792f9f14d8dada);
}

.create-block.dusk-block-create h3.regular-heading.media-icon {
  background-image: url(/images/icon-media.svg?13b9ea075616a26754e40a18028a2cb6);
}

.create-block.dusk-block-create h3.regular-heading.projects-icon {
  background-image: url(/images/icon-cog.svg?38a5e65407dbfe7704a060071543b22a);
}

.create-block.dusk-block-create h3.regular-heading.money-icon {
  background-image: url(/images/icon-money.svg?647c925563754a00fa0ded5a2c59cc7f);
}

.create-block.dusk-block-create p {
  min-height: 80px;
  padding-left: 40px;
}

.create-block.dusk-block-create p.small-height-p {
  min-height: 62px;
}

.create-block.dusk-block-create p.small-height-p.framework {
  min-height: auto;
}

.create-block.dusk-block-create .create-bottom-block {
  text-transform: uppercase;
  color: #3b4f6c;
  font-size: 18px;
  margin-top: auto;
}

.create-block.dusk-block-create .create-bottom-block span {
  font-size: 36px;
  font-weight: 600;
  margin-right: 6px;
}

.create-block.dusk-block-create:hover {
  text-decoration: none;
  opacity: 0.8;
}

.create-block.dusk-block-create.social-impact-block:hover {
  text-decoration: inherit;
  opacity: 1;
}

.create-block.dusk-block-create.special-small-blocks h3.regular-heading {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 98%;
  display: block;
  padding-left: 0;
  padding-right: 0;
}

.create-block.dusk-block-create.special-small-blocks h3 span {
  font-weight: 400;
  letter-spacing: normal;
  color: #171f2a;
}

.create-block.dusk-block-create.special-small-blocks p {
  min-height: 155px;
}

p.p-account {
  margin-bottom: 30px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.43;
  color: #232a36;
}

p.p-account.max-w-p {
  max-width: 700px;
}

p.p-account.custom-p {
  margin-bottom: 0;
  margin-top: 15px;
}

p.p-account a {
  text-decoration: underline;
}

p.p-account.p-links a {
  text-decoration: none;
  color: #232a36;
}

p.p-account.p-links a:hover {
  opacity: 0.8;
}

p.p-account.no-margin-bottom {
  margin-bottom: 0;
}

p.p-small {
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
  color: #3b4f6c;
  max-width: 418px;
}

.forms-wrapper .done-block {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.forms-wrapper .done-block .btn {
  min-width: 236px;
  margin-top: 4px;
  padding: 10px 38px;
}

.forms-wrapper .done-block .p-account {
  padding-right: 20px;
}

.small-gap-blocks {
  margin-right: -10px;
  margin-left: -10px;
}

.small-gap-blocks.gap-no-margin .col-12 {
  margin-bottom: 0;
}

.small-gap-blocks .col-12 {
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 20px;
}

.small-gap-blocks.custom-small-blocks {
  margin-top: 45px;
}

.small-gap-blocks .create-block {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.small-gap-blocks .create-block .block-link {
  margin-top: auto;
}

.small-gap-blocks .create-block h5.teal-text {
  color: #8ed2ce;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 0;
  margin-top: 6px;
}

a.orange-btn,
button.orange-btn {
  background-color: #f7941d;
}

a.green-blue-btn {
  background-color: #8ed2ce;
}

.cursor-pointer {
  cursor: pointer;
}

a.orange-btn,
a.green-blue-btn,
button.orange-btn {
  text-transform: uppercase;
  font-weight: 800;
  font-size: 12px;
  color: white;
  padding: 15px 50px 10px;
  border-radius: 5px;
  display: inline-block;
  margin-top: 35px;
  float: right;
}

a.orange-btn.custom-obtn,
a.green-blue-btn.custom-obtn,
button.orange-btn.custom-obtn {
  min-width: 235px;
  text-align: center;
  padding: 13px 20px 10px;
}

a.orange-btn.min-width-btn,
a.green-blue-btn.min-width-btn,
button.orange-btn.min-width-btn {
  min-width: 212px;
  text-align: center;
}

a.orange-btn.min-width-195-btn,
a.green-blue-btn.min-width-195-btn,
button.orange-btn.min-width-195-btn {
  min-width: 195px;
  text-align: center;
}

a.orange-btn.no-top-margin,
a.green-blue-btn.no-top-margin,
button.orange-btn.no-top-margin {
  margin-top: 0;
}

a.orange-btn:hover,
a.green-blue-btn:hover,
button.orange-btn:hover {
  text-decoration: none;
  opacity: 0.9;
  color: white;
}

a.orange-btn:focus,
a.green-blue-btn:focus,
button.orange-btn:focus {
  outline: none;
  box-shadow: none;
}

a.orange-btn.small-orange-btn,
a.green-blue-btn.small-orange-btn,
button.orange-btn.small-orange-btn {
  padding: 12px 50px 9px;
}

a.orange-btn.share,
a.green-blue-btn.share,
button.orange-btn.share {
  max-width: 41px;
}

a.orange-btn.share img,
a.green-blue-btn.share img,
button.orange-btn.share img {
  width: 100%;
  height: 100%;
  filter: invert(1);
}

button.orange-btn.custom-orange-btn {
  float: left;
  margin-bottom: 22px;
}

ul.shuffle-filter {
  list-style: none;
  padding-left: 0;
  display: block;
  border-bottom: 1px solid #3b4f6c;
}

ul.shuffle-filter.no-bottom-space {
  margin-bottom: 0;
}

ul.shuffle-filter.top-space {
  margin-top: 20px;
}

ul.shuffle-filter li {
  display: inline-block;
  font-size: 14px;
  color: #3b4f6c;
  padding: 6px 0;
  margin-right: 40px;
  text-transform: uppercase;
  cursor: pointer;
}

ul.shuffle-filter li.selected {
  text-decoration: none;
  font-weight: bold;
  color: #232a36;
  border-bottom: 4px solid #3b4f6c;
}

ul.check-icon-list {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
  color: #0b0c0c;
}

ul.check-icon-list.offers-icon-list {
  display: flex;
  flex-wrap: wrap;
  margin: 12px 50px 0 -2px;
}

ul.check-icon-list.offers-icon-list li {
  flex: 50%;
  background-position: left top 2px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  background-size: 12px;
}

ul.check-icon-list.offers-icon-list li.offer-skills {
  background-image: url(/images/icon-skills-and-time.svg?9c3d1ae15c07992a60b7b9377e28cf78);
}

ul.check-icon-list.offers-icon-list li.offer-money {
  background-image: url(/images/icon-money.svg?647c925563754a00fa0ded5a2c59cc7f);
}

ul.check-icon-list.offers-icon-list li.offer-services {
  background-image: url(/images/icon-services.svg?f296885a6f1c3fd2436272ae0ed1791f);
}

ul.check-icon-list.offers-icon-list li.offer-products {
  background-image: url(/images/icon-products-and-services.svg?26ae31526f23053b7793b8e54c7c924c);
}

ul.check-icon-list.offers-icon-list li:nth-child(n+4) {
  display: inherit;
}

ul.check-icon-list li {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: normal;
  padding-left: 30px;
  background-image: url(/images/symbol-check-mark.svg?2b5ac0f847329abc0f3d571a723d2c9c);
  background-repeat: no-repeat;
  background-size: 11px;
  background-position: left top 5px;
  margin-bottom: 4px;
}

ul.check-icon-list li:nth-child(n+4) {
  display: none;
}

ul.check-icon-list li strong {
  font-weight: bold;
}

ul.check-icon-list.big-icons {
  margin-top: 12px;
  padding-right: 50px;
  margin-bottom: 0;
  margin-left: -2px;
  height: calc(100% - 34px);
}

ul.check-icon-list.big-icons li {
  background-size: 16px;
  background-position: left top 2px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.bottom-block {
  padding: 0;
  border-radius: 10px;
  background-color: rgba(142, 215, 240, 0.5);
}

.bottom-block.yellow-block {
  background-color: rgba(255, 230, 126, 0.5);
}

.bottom-block.yellow-block img.bottom-block-image {
  margin-top: -64px;
}

.bottom-block.dark-bg-block {
  background-color: #232a36;
  color: white;
}

.bottom-block.dark-bg-block .img-wrapper-vol {
  height: 462px;
  width: 346px;
  display: block;
  background-image: url(/images/volunteer-profile.png?3f2aaa5a153011c9f9a6583f4922270e);
  background-repeat: no-repeat;
  background-size: 449px auto;
  background-position: right top;
  margin-top: -68px;
  border-bottom-left-radius: 6px;
}

.bottom-block.dark-bg-block h4.h4-heading {
  font-size: 22px;
  color: #ffe67e;
  text-align: center;
  margin-top: 0;
  margin-bottom: 15px;
}

.bottom-block.dark-bg-block p {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  text-align: center;
  margin-bottom: 40px;
}

.bottom-block.dark-bg-block h6 {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.29;
  text-align: center;
  margin-bottom: 10px;
}

.bottom-block.dark-bg-block .btn {
  margin-top: 0;
  margin-bottom: 0;
}

.bottom-block .bottom-block-details {
  padding: 48px 10px 34px 62px;
}

.bottom-block .bottom-block-details.right-space {
  padding-right: 40px;
  padding-left: 0;
}

.bottom-block .bottom-block-details .small-gap-blocks .col-12 {
  margin-bottom: 0;
}

.bottom-block .bottom-block-details h3 {
  font-size: 24px;
  font-weight: 500;
  line-height: normal;
  color: #0b0c0c;
  margin-top: 0;
  margin-bottom: 25px;
}

.bottom-block .bottom-block-details .white-block {
  padding: 26px 19px 18px 22px;
  border-radius: 10px;
  background-color: white;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  height: 100%;
}

.bottom-block .bottom-block-details .white-block p {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.29;
  letter-spacing: normal;
  text-align: center;
  color: #232a36;
  min-height: 36px;
}

.bottom-block .bottom-block-details .white-block .btn {
  float: none;
  min-width: 0;
  margin-top: 5px;
  margin-bottom: 0;
  font-weight: 600;
  padding: 11px 20px 9px;
  display: block;
  text-align: center;
  align-self: self-end;
  width: 100%;
}

.bottom-block img.bottom-block-image {
  margin-top: -30px;
}

.max-w-block {
  max-width: 310px;
}

.max-w-block.max-w-l {
  max-width: 380px;
}

.max-w-block.max-w-bottom {
  margin-bottom: 20px;
}

.big-intro-block h3 {
  font-size: 24px;
  font-weight: 500;
  line-height: normal;
  color: #0b0c0c;
  margin-top: 40px;
}

.big-intro-block p {
  max-width: 700px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.43;
  color: #232a36;
  margin-bottom: 0;
}

.social-value-pro-text a {
  color: #007bff !important;
}

.forms-wrapper h6.pre-heading {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.71;
  color: #3b4f6c;
}

.forms-wrapper h6.pre-heading.big-preheading {
  font-size: 19px;
  font-weight: normal;
}

.forms-wrapper label {
  text-transform: uppercase;
  color: #3b4f6c;
  font-size: 10px;
  font-weight: bold;
  margin-bottom: 2px;
}

.forms-wrapper label.mark-label {
  margin-bottom: 0;
  font-size: 12px;
}

.forms-wrapper label.label-line {
  display: block;
}

.forms-wrapper input,
.forms-wrapper textarea {
  padding: 9px 20px;
  height: auto;
}

.forms-wrapper input::-webkit-input-placeholder,
.forms-wrapper input::-moz-placeholder,
.forms-wrapper input:-ms-input-placeholder,
.forms-wrapper input:-moz-placeholder,
.forms-wrapper textarea::-webkit-input-placeholder,
.forms-wrapper textarea::-moz-placeholder,
.forms-wrapper textarea:-ms-input-placeholder,
.forms-wrapper textarea:-moz-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 14px;
  font-weight: normal;
  line-height: 1.43;
  color: #3b4f6c;
}

.forms-wrapper input.form-control {
  border: 1px solid #84a7bc;
  margin-bottom: 14px;
}

.forms-wrapper input.form-control.special-input {
  border: none;
  font-size: 12px;
  margin-bottom: 0;
  padding: 0 10px 0;
}

.forms-wrapper input.mark-check {
  width: 30px;
  height: 30px;
  float: right;
  margin-left: 10px;
  border: 1px solid #84a7bc;
}

.forms-wrapper input.mark-check-base {
  width: 20px;
  height: 20px;
  border: 1px solid #84a7bc;
}

.forms-wrapper textarea.form-control {
  border: 1px solid #84a7bc;
  min-height: 82px;
}

.forms-wrapper .form-control {
  font-size: 14px;
  font-weight: normal;
}

.forms-wrapper .form-control.text-area-space {
  margin-bottom: 30px;
}

.forms-wrapper .form-control.bottom-space {
  margin-bottom: 20px;
}

.forms-wrapper .form-control:focus {
  outline: none;
  box-shadow: none;
  border-color: #232a36;
}

.forms-wrapper select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
  background-image: url(/images/drop-down-arrow.svg?3c249403a919058ece77ea8a7137bddc);
  background-repeat: no-repeat;
  background-size: 10px auto;
  background-position: center right 22px;
  border: 1px solid #84a7bc;
  padding: 9px 34px 9px 20px;
  height: auto;
  margin-bottom: 14px;
}

.forms-wrapper select[multiple] {
  padding: 9px;
  background-image: none;
}

.forms-wrapper select.inline-select {
  display: inline-block;
  width: auto;
}

.forms-wrapper select.inline-select.limit-width {
  max-width: 242px;
}

.forms-wrapper .card {
  border: none;
  margin-bottom: 40px;
}

.forms-wrapper .card .framework-blue {
  background-color: rgba(215, 238, 240, 0.5);
}

.forms-wrapper .card .mac-width-100 {
  width: 100%;
  max-width: 100%;
}

.forms-wrapper .card.last-card {
  margin-bottom: 16px;
}

.forms-wrapper .card-body {
  padding: 30px 0 0;
  position: relative;
}

.forms-wrapper .card-body.fin-body {
  padding-top: 36px;
}

.forms-wrapper .card-body .btn-file {
  border-radius: 5px;
  background-color: #8ed2ce;
  padding: 10px 60px;
  position: relative;
  overflow: hidden;
  display: inline-block;
  color: white;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 12px;
}

.forms-wrapper .card-body .btn-file.no-margin {
  margin-top: 0;
}

.forms-wrapper .card-body .btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}

.forms-wrapper .card-body .btn-file.file-upload {
  margin-top: 6px;
}

.forms-wrapper .card-header {
  padding: 0;
  border: none;
  background: none;
}

.forms-wrapper .card-header.red-icon a {
  padding-left: 32px;
  background-image: url(/images/icon-important.svg?518114a533fdaf1a78ecf39e8fbdf034);
  background-repeat: no-repeat;
  background-size: 24px auto;
  background-position: left top 5px;
}

.forms-wrapper .card-header > a,
.forms-wrapper .card-header > a:active {
  display: block;
  text-decoration: none;
}

.forms-wrapper .card-header > a.collapsed:before {
  transform: rotate(0deg);
}

.forms-wrapper .card-header > a:before {
  width: 20px;
  height: 20px;
  content: "";
  float: right;
  transition: all 0.5s;
  background-image: url(/images/drop-down-arrow.svg?3c249403a919058ece77ea8a7137bddc);
  background-repeat: no-repeat;
  background-size: 10px auto;
  background-position: center;
  margin-top: 12px;
  transform: rotate(180deg);
  position: absolute;
  right: 0;
  bottom: 8px;
}

.forms-wrapper .card-header > a {
  font-size: 24px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: normal;
  color: #0b0c0c;
  border-bottom: solid 1px #84a7bc;
  padding-left: 0;
  padding-bottom: 4px;
  cursor: pointer;
  position: relative;
  padding-right: 125px;
}

.forms-wrapper .card-header > a p {
  font-size: 14px;
  padding-right: 40px;
  font-weight: 400;
  max-width: 700px;
  display: inline-block;
}

.forms-wrapper .card-header > a span {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.29;
  text-align: right;
  text-transform: uppercase;
  float: right;
  margin-right: 16px;
  color: #3b4f6c;
  margin-top: 12px;
  position: absolute;
  bottom: 8px;
  right: 20px;
}

.forms-wrapper .card-header > a:hover {
  opacity: 0.9;
}

.forms-wrapper .switch-field {
  display: flex;
  overflow: hidden;
}

.forms-wrapper .switch-field.margin-top {
  margin-top: 35px;
}

.forms-wrapper .switch-field input {
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden;
}

.forms-wrapper .switch-field label {
  background-color: white;
  color: #0b0c0c;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  padding: 12px 20px;
  margin-right: -1px;
  transition: all 0.1s ease-in-out;
  font-weight: normal;
}

.forms-wrapper .switch-field label:hover {
  cursor: pointer;
}

.forms-wrapper .switch-field input:checked + label {
  background-color: #232a36;
  box-shadow: none;
  color: white;
  font-weight: bold;
}

.forms-wrapper .switch-field label:first-of-type {
  border-radius: 4px 0 0 4px;
}

.forms-wrapper .switch-field label:last-of-type {
  border-radius: 0 4px 4px 0;
}

.forms-wrapper .btn {
  padding: 10px 52px;
  border-radius: 5px;
  min-width: 222px;
  color: white;
  font-size: 12px;
  font-weight: 600;
  margin-top: 6px;
}

.forms-wrapper .btn.save-btn {
  background-color: #8ed2ce;
}

.forms-wrapper .btn.save-btn.btn-space {
  margin-top: 26px;
  margin-bottom: 10px;
}

.forms-wrapper .btn.save-btn.top-space {
  margin-top: 36px;
}

.forms-wrapper .btn.save-btn.top-space-btn {
  margin-top: 20px;
}

.forms-wrapper .btn.save-btn-orange {
  background-color: #f7941d;
}

.forms-wrapper .btn.save-btn-orange.bold-btn {
  font-weight: 800;
}

.forms-wrapper .btn.save-btn-orange.submit-btn-limit {
  min-width: 235px;
  margin-top: 16px;
}

.forms-wrapper .btn.save-b-orange {
  background-color: #f7941d;
  float: right;
  max-width: 220px;
}

.forms-wrapper .btn.save-b-orange.bold-btn {
  font-weight: 800;
}

.forms-wrapper .plus-btn,
.forms-wrapper .geo-plus-btn {
  background-image: url(/images/icon-add.svg?ca19ee10ba8cc1de191dbcda21ae40b7);
  background-repeat: no-repeat;
  background-size: 23px auto;
  background-position: center left;
  background-color: transparent;
  font-size: 10px;
  font-weight: bold;
  color: #3b4f6c;
  padding: 10px 0 10px 34px;
  float: right;
  border: none;
}

.forms-wrapper .plus-btn:focus,
.forms-wrapper .geo-plus-btn:focus {
  outline: none;
  box-shadow: none;
}

.forms-wrapper .plus-btn-left {
  background-image: url(/images/icon-add.svg?ca19ee10ba8cc1de191dbcda21ae40b7);
  background-repeat: no-repeat;
  background-size: 23px auto;
  background-position: center left;
  background-color: transparent;
  font-size: 10px;
  font-weight: bold;
  color: #3b4f6c;
  padding: 10px 0 10px 34px;
  float: revert;
  border: none;
}

.forms-wrapper .plus-btn-left:focus {
  outline: none;
  box-shadow: none;
}

.forms-wrapper small.form-text.text-bottom {
  color: #3b4f6c;
  font-size: 10px;
  font-weight: bold;
  margin-top: 6px;
  margin-bottom: 8px;
}

.forms-wrapper .form-bg-block {
  padding: 20px 28px 20px;
  border-radius: 5px;
  background-color: rgba(215, 238, 240, 0.5);
  margin-bottom: 8px;
}

.forms-wrapper .form-bg-block label {
  margin-bottom: 8px;
}

.forms-wrapper .form-bg-block label.mark-label {
  margin-bottom: 0;
  position: relative;
  top: 4px;
}

.forms-wrapper .form-bg-block label .form-control {
  border: 1px solid #aaa;
}

.forms-wrapper .form-bg-block .form-block {
  margin: 5px 0;
}

.forms-wrapper .form-bg-block-darker,
.forms-wrapper .form-bg-block-darker-remove {
  border-radius: 5px;
  background-color: rgba(209, 232, 234, 0.5);
  margin-bottom: 8px;
}

.forms-wrapper .form-bg-block-darker label,
.forms-wrapper .form-bg-block-darker-remove label {
  margin-bottom: 8px;
}

.forms-wrapper .form-bg-block-darker label.mark-label,
.forms-wrapper .form-bg-block-darker-remove label.mark-label {
  margin-bottom: 0;
  position: relative;
  top: 4px;
}

.img-placeholder {
  width: 40px;
  height: 40px;
  background-color: #eaeaea;
}

.chat-wrapper {
  position: absolute;
  width: 50%;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  height: 100%;
}

.chat-wrapper iframe {
  border: none;
  width: 100%;
  height: calc(100% - 125px);
}

.top-space-check {
  padding-top: 8px;
}

.form-items-wrapper {
  max-width: 620px;
}

.form-items-wrapper.d-blocks {
  margin-top: 20px;
}

.form-items-wrapper.d-blocks .dusk-block {
  height: 100%;
  margin-bottom: 0;
}

.form-items-wrapper.d-blocks .buttons-block {
  margin-top: 40px;
  display: flex;
  max-width: 500px;
  justify-content: space-between;
}

.form-items-wrapper.d-blocks .buttons-block a {
  float: none;
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  padding-top: 12px;
  padding-bottom: 12px;
  width: calc(50% - 10px);
}

.form-items-wrapper.d-blocks .buttons-block a.btn-red {
  background-color: #f37b7e;
}

.form-items-wrapper.d-blocks .buttons-block a.green-btn {
  background-color: #8ed2ce;
}

.inline-items .small-title {
  margin-top: 8px;
}

.inline-items p {
  margin-bottom: 0;
}

h2.big-title {
  font-size: 24px;
  font-weight: bold;
  color: #3b4f6c;
  margin-bottom: 20px;
}

.put-right {
  float: right;
}

h4.border-heading {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.29;
  color: #232a36;
  border-bottom: solid 1px #3b4f6c;
  padding-bottom: 10px;
  margin-bottom: 16px;
}

.card.custom-card {
  border: 1px solid #3b4f6c;
  border-radius: 10px;
  margin-bottom: 20px;
}

.card.custom-card .card-header {
  font-size: 24px;
  font-weight: bold;
  color: white;
  background-color: #3b4f6c;
  border-bottom: none;
  border-radius: calc(0.5rem - 1px) calc(0.5rem - 1px) 0 0;
  padding: 18px 32px;
}

.card.custom-card .card-body {
  padding: 25px 32px 30px;
}

.card.custom-card .card-body .card-text {
  margin-bottom: 30px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.43;
  color: #0b0c0c;
}

.card.custom-card .card-body h5.small-title {
  font-size: 10px;
  font-weight: bold;
  color: #3b4f6c;
  text-transform: uppercase;
}

.card.custom-card .card-body h5.small-title.lowercase {
  text-transform: none;
  margin-bottom: 4px;
}

.card.custom-card .card-body p.mission-description {
  margin-top: 10px;
  padding-right: 65px;
}

.card.custom-card .card-body p.ch-value {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.43;
  color: #232a36;
}

.card.custom-card ul.check-icon-list li {
  padding-left: 20px;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
  color: #3b4f6c;
  background-size: 10px;
  background-position: left top 4px;
  margin-bottom: 3px;
}

.card.bottom-card {
  margin-bottom: 0;
}

h5.search-results {
  margin-top: 20px;
  font-size: 18px;
  font-weight: normal;
  color: #3b4f6c;
  margin-bottom: 15px;
}

h5.search-results span {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.71;
  color: #232a36;
}

p.extra-text {
  font-size: 14px;
  font-weight: normal;
  color: #232a36;
  margin-top: 8px;
  margin-bottom: 0;
}

p.extra-text.custom-p {
  margin-top: 40px;
  margin-bottom: 20px;
}

.bottom-btns {
  border-top: solid 1px #979797;
}

.bottom-btns .bottom-nav {
  margin-top: 20px;
}

.bottom-btns .bottom-nav .next-item {
  padding-top: 10px;
}

.bottom-btns .btn {
  margin-top: 6px !important;
  margin-bottom: 10px;
}

.outer {
  margin: 0 auto;
}

#a2apage_dropdown {
  margin-top: 2px;
}

.btn.a2a_dd .a2a_svg {
  display: none;
}

#big .item {
  background: #fff;
  padding: 0;
  color: #fff;
  border-radius: 10px;
  text-align: center;
  position: relative;
}

#big .item .image-action-btns {
  background-color: #ffffff;
  border-radius: 5px;
  padding: 8px 10px;
  position: absolute;
  right: 18px;
  bottom: 20px;
  display: flex;
}

#big .item .image-action-btns span {
  background-repeat: no-repeat;
  background-size: auto 24px;
  background-position: center;
  width: 50px;
  height: 26px;
}

#big .item .image-action-btns span.like-action {
  background-image: url(/images/featured-normal.svg?c908f9409cd1049134d4d0984bef3cb7);
}

#big .item .image-action-btns span.like-action.active {
  background-image: url(/images/featured-active.svg?bddb8ab21c415f6d0ef058718a836021);
}

#big .item .image-action-btns span.download-action {
  background-image: url(/images/download-normal.svg?ed04721bbfa133d7460452052b48a3ae);
  background-size: auto 19px;
}

#big .item .image-action-btns span.delete-action {
  background-image: url(/images/delete-normal.svg?c711bf38759344cebbcb73484d10c9ce);
}

#thumbs {
  margin-top: 20px;
}

#thumbs .item {
  background: #dadada;
  padding: 0;
  color: #fff;
  border-radius: 10px;
  text-align: center;
  cursor: pointer;
  position: relative;
}

#thumbs .item img {
  display: block;
  border-radius: 10px;
  opacity: 0.5;
}

#thumbs .item video {
  display: block;
  border-radius: 10px;
  opacity: 0.5;
}

#thumbs .item h1 {
  font-size: 18px;
}

#thumbs .item .date-over {
  position: absolute;
  bottom: 16px;
  left: 16px;
  color: #232a36;
  font-size: 14px;
  font-weight: normal;
}

#thumbs .current .item {
  opacity: 1;
}

#thumbs .current .item img {
  opacity: 1;
}

#thumbs .current .item video {
  opacity: 1;
}

#thumbs .current .item .date-over {
  color: white;
  font-weight: bold;
}

#thumbs .owl-stage {
  display: flex;
  flex-wrap: wrap;
  max-width: 940px;
  justify-content: flex-start;
  width: 100% !important;
}

#thumbs .owl-stage .owl-item {
  float: none;
  width: calc(25% - 15px) !important;
  margin-bottom: 20px;
  margin-right: 20px;
}

#thumbs .owl-stage .owl-item:nth-child(4n) {
  margin-right: 0;
}

.owl-theme .owl-nav [class*=owl-] {
  transition: all 0.3s ease;
}

.owl-theme .owl-nav [class*=owl-].disabled:hover {
  background-color: #d6d6d6;
}

#big.owl-theme {
  position: relative;
}

#big.owl-theme .owl-next,
#big.owl-theme .owl-prev {
  line-height: 50px;
  height: 50px;
  margin-top: -22px;
  position: absolute;
  text-align: center;
  top: 50%;
}

#big.owl-theme .owl-prev {
  left: 20px;
}

#big.owl-theme .owl-next {
  right: 20px;
}

#big.owl-theme .owl-prev,
#big.owl-theme .owl-next {
  background-color: transparent;
  display: block;
}

#big.owl-theme .owl-prev span,
#big.owl-theme .owl-next span {
  width: 46px;
  height: 46px;
  display: block;
}

#big.owl-theme .owl-prev .left-arrow {
  background-image: url(/images/arrow-left.svg?03430590419ebfcd02aa1d9892010bf2);
  background-repeat: no-repeat;
  background-size: 46px;
  background-position: left center;
}

#big.owl-theme .owl-next .right-arrow {
  background-image: url(/images/arrow-right.svg?0d570ea800ea88d1f1dea729d9720744);
  background-repeat: no-repeat;
  background-size: 46px;
  background-position: right center;
}

.bottom-nav {
  margin-top: 58px;
}

.bottom-nav a {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  color: #232a36;
}

.bottom-nav a:hover {
  opacity: 0.8;
}

.bottom-nav a span {
  font-weight: normal;
}

.bottom-nav a small {
  color: #f7941d;
  font-size: 14px;
  font-weight: bold;
}

.bottom-nav.top-back-nav {
  margin-bottom: 22px;
  margin-top: 0;
}

.bottom-nav.top-back-nav a {
  text-transform: none;
  font-weight: normal;
}

.bottom-nav.bottom-nav-space {
  margin-bottom: 40px;
}

.bottom-nav.custom-nav {
  margin-top: 0;
  margin-bottom: 12px;
}

.action-bar {
  font-size: 12px;
  font-weight: 600;
  padding: 20px 20px 20px 30px;
  border-radius: 10px;
  background-color: rgba(215, 238, 240, 0.5);
  margin-bottom: 58px;
}

.action-bar .delete-btn {
  font-size: 24px;
  color: #84a7bc;
}

.action-bar.margin-bottom-bar {
  margin-bottom: 36px;
}

.action-bar.margin-bottom-bar a.btn {
  min-width: 220px;
}

.action-bar.small-bottom-space {
  margin-bottom: 20px;
}

.action-bar h4 {
  float: left;
  margin-top: 7px;
  margin-bottom: 0;
}

.action-bar a.btn {
  margin-bottom: 0;
}

.action-bar a.btn.green-btn {
  float: right;
  margin-top: 0;
}

.action-bar.project-preview-white {
  background-color: white;
  margin-top: 28px;
  padding-left: 27px;
  margin-bottom: 10px;
}

.action-bar.project-preview-white h4 {
  font-weight: normal;
  margin-top: 9px;
}

.action-bar.project-preview-white h4.custom-bar-heading {
  margin-top: 0;
}

.action-bar.project-preview-white h4 span {
  font-size: 24px;
  font-weight: 500;
  color: #0b0c0c;
  display: inline-block;
}

.action-bar.project-preview-white h4 span:first-child {
  margin-right: 40px;
}

.action-bar.project-preview-white h4 span .small-title {
  display: block;
  font-size: 10px;
  font-weight: bold;
  color: #3b4f6c;
  text-transform: uppercase;
}

.action-bar.project-preview-white .orange-btn,
.action-bar.project-preview-white .green-btn {
  padding: 11px 20px 10px;
  min-width: 220px;
  font-weight: 600;
}

.action-bar.project-preview-white .orange-btn:hover,
.action-bar.project-preview-white .green-btn:hover {
  color: white;
}

.action-bar.project-preview-white .orange-btn {
  margin-top: 0;
}

.action-bar.project-preview-white .green-btn {
  margin-right: 20px;
}

.action-bar.project-preview-white.edit-bar {
  padding-bottom: 14px;
}

.action-bar.project-preview-white .btn {
  margin-bottom: 0;
}

.action-bar.action-bar-dark {
  background-color: #232a36;
}

.action-bar.action-bar-dark .btn {
  margin-bottom: 0;
}

.action-bar.action-bar-dark .btn.btn-red {
  margin-right: 0;
}

.action-bar.action-bar-dark h4 {
  color: white;
}

.action-bar.action-bar-dark h4 span {
  color: white;
}

.action-bar.action-bar-dark .action-bar-nav {
  margin-bottom: 0;
}

.action-bar.action-bar-dark .action-bar-nav form {
  display: block;
}

.action-bar.action-bar-dark .action-bar-nav form .buttons-wrapper {
  justify-content: flex-start;
}

.action-bar.action-bar-dark .action-bar-nav a.btn {
  float: none;
}

.action-bar.action-bar-dark .action-bar-nav a.btn.btn-red {
  margin-right: 0;
}

.action-bar.action-bar-dark .action-bar-nav .nav-link {
  color: white;
}

.action-bar.action-bar-dark.custom-bar {
  margin-bottom: 20px;
}

.action-bar.action-bar-dark.custom-bar .action-bar-nav .nav-link {
  padding-left: 0;
  padding-right: 0;
}

.action-bar.action-bar-dark.custom-bar .action-bar-nav .btn {
  min-width: 175px;
  color: white;
  font-size: 12px;
  font-weight: 600;
  margin-right: 0;
  display: block;
}

.giving-block {
  padding: 20px 26px;
  background-color: #3b4f6c;
  color: white;
  border-radius: 5px;
  font-size: 14px;
  margin-top: 40px;
}

.giving-block.no-margin-top {
  margin-top: 20px;
}

.giving-block.margin-bottom {
  margin-bottom: 30px;
  margin-top: 0;
}

.giving-block p {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.43;
  padding-right: 20px;
}

.giving-block h1 {
  font-size: 36px;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 5px;
}

.giving-block h2 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
  margin-top: 0;
}

.giving-block h3 {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.33;
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 9px;
}

.giving-block img.logo-giving {
  margin-bottom: -40px;
  max-height: 76px;
  float: right;
}

.giving-block .giving-line {
  display: flex;
  font-weight: normal;
  line-height: 1.43;
  letter-spacing: normal;
  color: white;
  padding-top: 5px;
  padding-bottom: 5px;
}

.giving-block .giving-line .label-g {
  max-width: 166px;
  width: 100%;
}

.giving-block .giving-line .label-value {
  font-weight: bold;
}

.giving-block.report-block {
  margin-top: 20px;
}

.giving-block.outline-giving {
  color: #232a36;
  background-color: white;
  border: 1px solid #84a7bc;
}

.giving-block.outline-giving h2 {
  color: #3b4f6c;
}

.giving-block.outline-giving h1 {
  margin-bottom: 0;
}

.giving-block.benef-block {
  border-radius: 10px;
  background-blend-mode: multiply;
  background-image: linear-gradient(to bottom, rgba(59, 79, 108, 0.4), rgba(59, 79, 108, 0.4));
  padding: 35px 32px 16px;
  background-color: #232a36;
}

.giving-block.benef-block label {
  font-weight: 600;
}

.giving-block.benef-block h6 {
  font-size: 12px;
  font-weight: normal;
  color: #8ed2ce;
  text-transform: uppercase;
}

.giving-block.benef-block h1 {
  margin-bottom: 0;
}

.giving-block.benef-block .time-block h6 {
  margin-bottom: 3px;
}

.giving-block.benef-block .time-block p strong {
  font-weight: 600;
}

.giving-block.benef-block .time-block p.special-p {
  margin-bottom: 30px;
}

.giving-block.benef-block.custom-benef {
  padding: 20px 20px 24px 32px;
  margin-top: 30px;
}

.giving-block.benef-block.custom-benef .left-side-border {
  border-bottom: 1px solid #3b4f6c;
  padding-bottom: 12px;
  padding-top: 14px;
  margin-bottom: 5px;
}

.giving-block.benef-block.custom-benef .left-side-border h6 {
  margin-bottom: 3px;
}

.giving-block.benef-block.custom-benef .left-side-border h3 {
  color: white;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 0;
  margin-top: 0;
}

.giving-block.benef-block.custom-benef .left-side-border p {
  margin-bottom: 0;
  padding-right: 0;
}

.giving-block.benef-block.custom-benef .left-side-border:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

a.btn.green-btn {
  border-radius: 5px;
  background-color: #8ed2ce;
  color: white;
  text-transform: uppercase;
  padding: 11px 20px 10px;
  margin-top: 100px;
  float: right;
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
  margin-right: 0;
}

a.btn.green-btn:hover {
  opacity: 0.9;
}

a.btn.green-btn:hover,
a.btn.green-btn:focus {
  outline: none;
  box-shadow: none;
}

a.btn.green-btn.no-margin {
  margin-top: 3px;
}

a.btn.green-btn.btn-margin {
  margin-top: 8px;
  padding: 11px 20px 10px;
  font-weight: bold;
}

a.btn.green-btn.put-right {
  float: right;
}

a.btn.green-btn.regular-green-btn {
  float: left;
  margin-top: 20px;
  margin-bottom: 0;
  padding: 11px 20px 10px;
  min-width: 0;
  width: auto;
}

a.btn.btn-red {
  background-color: #f37b7e;
  border-radius: 5px;
  color: white;
  text-transform: uppercase;
  padding: 11px 20px 10px;
  float: right;
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
  min-width: 220px;
}

a.btn.btn-red:hover {
  opacity: 0.9;
}

a.btn.btn-red:hover,
a.btn.btn-red:focus {
  outline: none;
  box-shadow: none;
}

button.btn.orange-btn.center-btn {
  float: none;
  margin-left: auto;
  margin-right: auto;
  display: inherit;
}

.board-block {
  border-radius: 5px;
  border: solid 1px #84a7bc;
  background-color: white;
  padding: 20px;
}

.board-block .save-btn-orange {
  float: right;
  display: none;
  margin-top: 14px;
  margin-right: 0;
}

.board-block .delete-board-item {
  cursor: pointer;
  background-image: url(/images/icon-trash.svg?9c68df49025d90e2c519a0ff484339fd);
  background-repeat: no-repeat;
  background-size: 13px auto;
  background-position: center;
  width: 20px;
  height: 14px;
  display: none;
  margin-right: 4px;
  position: relative;
  top: 2px;
  float: left;
}

.board-block .cancel-board-item {
  cursor: pointer;
  background-image: url(/images/dismiss.svg?4c94d678505f723ac1dc1b5013a3547c);
  background-repeat: no-repeat;
  background-size: 13px auto;
  background-position: center;
  width: 20px;
  height: 14px;
  display: none;
  margin-right: 4px;
  position: relative;
  top: 2px;
  float: left;
}

.board-block.custom-block-list {
  border: none;
  background-color: rgba(215, 238, 240, 0.5);
  padding-bottom: 30px;
}

.board-block.custom-block-list .board-line-table {
  border: solid 1px white;
  border-radius: 5px;
  background-color: white;
  color: #232a36;
}

.board-block.custom-block-list .board-line-table .bord-item.trust-item {
  padding-left: 38px;
}

.board-block.custom-block-list .board-line-table .bord-item .last-board-item p.p-first {
  max-width: 80%;
}

.board-block.custom-block-list .board-line-table .bord-item .form-control {
  margin-left: -10px;
  padding-left: 10px;
}

.board-block.custom-block-list .board-line-table h4 {
  color: #3b4f6c;
}

.board-block.custom-block-list .board-line-table.board-header {
  background-color: transparent;
  border: none;
}

.board-block.custom-block-list .board-line-table.board-header:hover {
  border: none;
}

.board-block.custom-block-list .board-line-table:hover {
  border: solid 1px #3b4f6c;
}

.board-block.custom-block-list .plus-edit-list {
  display: none;
  float: none;
}

.board-block.custom-block-list .save-btn-on-edit {
  display: none;
  margin-right: 0;
}

.board-block.edit-list {
  background-color: #3b4f6c;
  border: none;
}

.board-block.edit-list .save-btn-orange {
  display: block;
}

.board-block.edit-list .edit-btn {
  display: none;
}

.board-block.edit-list .delete-board-item,
.board-block.edit-list .cancel-board-item {
  display: inline-block;
}

.board-block.edit-list .update-btn {
  display: none;
}

.board-block.edit-list .save-btn-on-edit {
  display: block;
  clear: both;
  margin-top: 10px;
}

.board-block.edit-list .plus-edit-list {
  display: block;
  color: #fff;
  float: right;
  clear: both;
}

.board-block.edit-list .board-line-table {
  border-radius: 5px;
  border: none;
  background-color: #232a36;
  color: white;
}

.board-block.edit-list .board-line-table:hover {
  border: none;
}

.board-block.edit-list .board-line-table.no-border {
  background-color: transparent;
  padding-top: 0;
}

.board-block.edit-list .board-line-table h4 {
  color: white;
}

.board-block.edit-list .board-line-table.board-header .bord-item {
  padding-bottom: 10px;
}

.board-block.edit-list .board-line-table .bord-item.last-board-item.trust-item {
  padding-left: 0;
}

.board-block.edit-list .board-line-table .bord-item.board-action {
  padding-left: 10px;
}

.board-block.edit-list .board-line-table .bord-item.board-action p.insta-field .form-control {
  padding-left: 30px;
}

.board-block.edit-list .board-line-table .bord-item.board-action .delete-board-item,
.board-block.edit-list .board-line-table .bord-item.board-action .cancel-board-item {
  margin: 12px 12px 11px;
}

.board-block.edit-list .board-line-table .bord-item.board-action p {
  max-width: 84%;
}

.board-block.edit-list .board-line-table .bord-item.trust-item {
  padding-left: 36px;
}

.board-block.edit-list .board-line-table .bord-item.last-board-item {
  padding-top: 0;
  padding-bottom: 0;
}

.board-block.edit-list .board-line-table .bord-item.last-board-item p {
  max-width: 100%;
}

.board-block.edit-list .board-line-table .bord-item.last-board-item p .form-control {
  padding-top: 14px;
  padding-bottom: 11px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -16px;
  padding-left: 16px;
  width: calc(100% + 16px);
}

.board-block.edit-list .board-line-table .bord-item.last-board-item p .form-control.sides-borders {
  border-left: 1px solid #3b4f6c;
  border-right: 1px solid #3b4f6c;
  position: relative;
  max-width: 100%;
  border-radius: 0;
}

.board-block.edit-list .board-line-table .bord-item.last-board-item p.p-first {
  max-width: 84%;
}

.board-block.edit-list .board-line-table .bord-item.last-board-item p.p-first .form-control {
  border-radius: 0;
}

.board-block.edit-list .board-line-table .bord-item .insta-field a {
  display: none;
}

.board-block.edit-list .board-line-table .bord-item .insta-field .special-input {
  display: block;
}

.board-block.edit-list.custom-block-list .board-line-table.board-header .bord-item.trust-item {
  padding-left: 56px;
}

.board-block .update-btn {
  cursor: pointer;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
  color: #3b4f6c;
  float: right;
  margin-top: 30px;
}

.board-block .board-line-table {
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
  color: #232a36;
  border-bottom: 1px solid #b5d0e1;
  align-items: flex-start;
  margin-bottom: 10px;
}

.board-block .board-line-table.no-border {
  border: none;
  margin-bottom: 4px;
  padding-top: 0;
}

.board-block .board-line-table .bord-item {
  width: 33.3%;
  padding-top: 12px;
  padding-bottom: 10px;
}

.board-block .board-line-table .bord-item p {
  margin-bottom: 0;
  max-width: calc(100% - 20px);
  display: inline-block;
}

.board-block .board-line-table .bord-item p a {
  text-decoration: none;
}

.board-block .board-line-table .bord-item p.insta-field {
  width: 100%;
}

.board-block .board-line-table .bord-item .insta-field .special-input {
  display: none;
}

.board-block .board-line-table .bord-item.board-action p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.board-block .board-line-table h4 {
  color: #3b4f6c;
  font-size: 16px;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 0;
}

.board-block .board-line-table.board-header .bord-item {
  padding-bottom: 0;
}

.board-block .social-icon {
  float: right;
  background-image: url(/images/social-linkedin.svg?66959221df98903fb1519b41ca10dcb7);
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: center;
  width: 15px;
  height: 15px;
}

.board-block.board-four-items .board-line-table .bord-item {
  width: 22%;
}

.board-block.board-four-items .board-line-table .bord-item:last-child {
  width: 34%;
}

.new-key {
  display: none;
}

.key-label {
  font-size: 10px;
  font-weight: bold;
  line-height: 1.2;
  color: #8ed2ce;
  margin-bottom: 6px;
  margin-top: 20px;
}

img.img-output {
  border-radius: 10px;
}

img.img-output.out-img-wrapper {
  background-color: #fff;
  padding: 12px;
}

img.img-output.out-img-wrapper.no-bg-img {
  background-color: transparent;
  padding: 0;
  max-width: 564px;
}

img.img-output.no-bg-img {
  max-width: 564px;
}

img.img-output.logo-output {
  max-width: 140px;
}

.upload-block {
  position: relative;
}

.modal-crop-image {
  max-width: 100%;
}

.parent-cropper-container-class {
  border-radius: 10px;
}

button.delete-file {
  margin-left: 8px;
  border: none;
  width: 24px;
  height: 24px;
  font-size: 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: auto 22px;
  background-position: center;
  background-image: url(/images/delete-normal.svg?c711bf38759344cebbcb73484d10c9ce);
  background-color: transparent;
  position: absolute;
  bottom: 0;
}

button.delete-file.move-up {
  bottom: 32px;
}

button.delete-multiple-file {
  margin-left: 8px;
  border: none;
  width: 24px;
  height: 24px;
  font-size: 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: auto 22px;
  background-position: center;
  background-image: url(/images/delete-normal.svg?c711bf38759344cebbcb73484d10c9ce);
  background-color: transparent;
  position: absolute;
  bottom: 0;
}

button.delete-multiple-file.move-up {
  bottom: 32px;
}

button.download-file {
  border: none;
  width: 24px;
  height: 24px;
  font-size: 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: auto 22px;
  background-position: center;
  background-image: url(/images/download-normal.svg?ed04721bbfa133d7460452052b48a3ae);
  background-color: transparent;
}

button.delete-file-block {
  margin-left: 8px;
  border: none;
  width: 24px;
  height: 24px;
  font-size: 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: auto 22px;
  background-position: center;
  background-image: url(/images/delete-normal.svg?c711bf38759344cebbcb73484d10c9ce);
  background-color: transparent;
  position: absolute;
  bottom: 0;
}

.key-blocks {
  margin-bottom: 20px;
}

.key-blocks .header-small-blocks {
  display: flex;
  justify-content: space-between;
  width: 100%;
  text-align: left;
}

.key-blocks .header-small-blocks .small-block-item {
  background-color: white;
  border-radius: 5px;
  padding: 15px 20px 15px 54px;
  width: calc(33.3% - 15px);
  background-repeat: no-repeat;
  background-position: left 20px top 26px;
  background-size: 25px auto;
  border: 1px solid #84a7bc;
  position: relative;
  min-height: 142px;
}

.key-blocks .header-small-blocks .small-block-item a {
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
  text-align: right;
  color: #3b4f6c;
  position: absolute;
  bottom: 16px;
  padding-right: 26px;
}

.key-blocks .header-small-blocks .small-block-item.turn-icon {
  background-image: url(/images/performance-increase.svg?04b5110da1bbaf6798ffaef3e8cdde5b);
}

.key-blocks .header-small-blocks .small-block-item.emp-icon {
  background-image: url(/images/team-meeting.svg?ba4246f6172e7eb78cf7427e28301642);
}

.key-blocks .header-small-blocks .small-block-item.vol-icon {
  background-image: url(/images/multiple-users.svg?bd7a31dfe8302c2d305f82779a87c3c9);
}

.key-blocks .header-small-blocks .small-block-item h1 {
  color: #232a36;
  font-weight: 800;
  font-size: 36px;
  margin-bottom: 2px;
}

.key-blocks .header-small-blocks .small-block-item h3 {
  font-weight: 600;
  font-size: 16px;
  color: #3b4f6c;
}

.key-blocks .header-small-blocks .small-block-item .update-block-btn {
  cursor: pointer;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
  color: #3b4f6c;
  float: right;
  margin-top: 10px;
}

.key-blocks .header-small-blocks .small-block-item input.edit-block-value {
  display: none;
  border: none;
}

.key-blocks .header-small-blocks .small-block-item .save-value-btn {
  display: none;
  margin-top: 20px;
}

.key-blocks .header-small-blocks .small-block-item.edit-block-number {
  background-color: #3b4f6c;
  border: none;
}

.key-blocks .header-small-blocks .small-block-item.edit-block-number h1 {
  display: none;
}

.key-blocks .header-small-blocks .small-block-item.edit-block-number h3 {
  color: white;
}

.key-blocks .header-small-blocks .small-block-item.edit-block-number input.edit-block-value {
  display: block;
}

.key-blocks .header-small-blocks .small-block-item.edit-block-number .update-block-btn {
  display: none;
}

.key-blocks .header-small-blocks .small-block-item.edit-block-number .save-value-btn {
  display: block;
}

.key-blocks .header-small-blocks .small-block-item.edit-block-number .read-more-icon {
  display: none;
}

.hide-block {
  display: none;
}

.filtered-hide-block {
  display: none;
}

.charts-wrapper {
  border-radius: 5px;
  border: solid 1px #84a7bc;
  background-color: white;
  padding: 20px 26px 30px;
  margin-bottom: 20px;
}

.charts-wrapper.custom-wrapper h3 {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.33;
  color: #232a36;
  text-transform: none;
  margin-top: 8px;
}

.charts-wrapper.custom-wrapper p {
  max-width: 100%;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.43;
  color: #232a36;
  margin-bottom: 0;
}

.charts-wrapper h3 {
  font-size: 18px;
  font-weight: 600;
  color: #3b4f6c;
  margin-top: 0;
  margin-bottom: 10px;
}

.charts-wrapper .chart-description h1 {
  margin-top: 0;
  margin-bottom: 14px;
  font-size: 36px;
  font-weight: 600;
  color: #232a36;
}

.charts-wrapper .chart-description p {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.43;
  color: #232a36;
}

.charts-wrapper .chart-description p.p-inline {
  display: inline-block;
}

.charts-wrapper .chart-description p.last-p {
  margin-bottom: 0;
}

.charts-wrapper .chart-description p.bottom-space-p {
  margin-bottom: 30px;
}

.charts-wrapper .chart-description span {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.43;
  color: #232a36;
}

.charts-wrapper ul.legend-items {
  list-style: none;
  margin-top: 0;
  padding-left: 0;
}

.charts-wrapper ul.legend-items li {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.7;
  color: #232a36;
}

.charts-wrapper ul.legend-items li strong {
  font-weight: bold;
}

.charts-wrapper ul.legend-items li span {
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-right: 9px;
  border-radius: 2px;
}

.charts-wrapper ul.legend-items li span.black-label {
  background-color: #232a36;
}

.charts-wrapper ul.legend-items li span.orange-label {
  background-color: #f7941d;
}

.charts-wrapper ul.legend-items li span.teal-label {
  background-color: #8ed2ce;
}

.charts-wrapper ul.legend-items li span.greeny-label {
  background-color: #c6d873;
}

.charts-wrapper ul.legend-items li span.blue-grey-label {
  background-color: #84a7bc;
}

.charts-wrapper ul.legend-items.custom-legend h1 {
  display: inline-block;
  clear: right;
}

.charts-wrapper ul.legend-items.custom-legend span {
  position: relative;
  top: -15px;
}

.charts-wrapper ul.legend-items.custom-legend p {
  margin-bottom: 0;
  padding-left: 24px;
}

.charts-wrapper ul.legend-items.inline-list {
  margin-top: 15px;
  margin-bottom: 0;
}

.charts-wrapper ul.legend-items.inline-list li {
  display: inline-block;
  margin-left: 40px;
}

.welcome_bg {
  padding: 50px 30px;
  background-image: url(/images/holding-page.jpg?cecb0f4a91a618b09c7d93f53dadb00b);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: flex;
  height: 100%;
  color: white;
}

.welcome_bg .welcome-content-wrapper {
  max-width: 620px;
}

.welcome_bg a.welcome-logo {
  margin-bottom: 28px;
  display: block;
}

.welcome_bg a.welcome-logo img {
  max-width: 300px;
  width: 100%;
}

.welcome_bg p {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.57;
  text-transform: uppercase;
}

.welcome_bg h3 {
  font-size: 24px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  margin-bottom: 60px;
}

.welcome_bg h5 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 20px;
}

.welcome_bg .buttons-block {
  border-radius: 10px;
  background-color: #151d29;
  padding: 24px;
  display: flex;
  justify-content: space-between;
}

.welcome_bg .buttons-block a {
  float: none;
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  padding-top: 12px;
  padding-bottom: 12px;
  width: calc(50% - 10px);
}

.welcome_bg .buttons-block a.btn-orange {
  background-color: #f7941d;
}

.welcome_bg .buttons-block a.green-btn {
  background-color: #8ed2ce;
}

.outline-block {
  border-radius: 10px;
  border: solid 1px #84a7bc;
  background-color: white;
  padding: 20px 25px;
  display: flex;
  margin-bottom: 20px;
}

.outline-block span {
  font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  color: #0b0c0c;
}

.outline-block p {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.43;
  color: #232a36;
  padding-left: 20px;
  margin-bottom: 0;
}

html.welcome {
  height: 100%;
}

html.welcome body {
  height: 100%;
  margin-bottom: 0;
}

.terms-block {
  margin-top: 28px;
}

.terms-block p {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.43;
  color: #232a36;
}

.terms-block p a {
  font-weight: bold;
}

.summ-block {
  padding: 18px 26px;
  border-radius: 5px;
  border: solid 1px #84a7bc;
  background-color: white;
  margin-bottom: 20px;
}

.summ-block h1 {
  font-size: 36px;
  font-weight: 600;
  line-height: normal;
  color: #232a36;
  margin-top: 0;
}

.summ-block h3 {
  margin-top: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
  color: #232a36;
}

.summ-block .left-side-summ {
  font-size: 14px;
}

.summ-block .left-side-summ > .row {
  margin-bottom: 8px;
}

.summ-block .right-side-summ p {
  font-size: 12px;
  line-height: 18px;
  padding-right: 40px;
}

.summ-block .right-side-summ p a {
  font-weight: bold;
  text-decoration: underline;
}

.summ-block .icon-calendar,
.summ-block .icon-mon {
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 30px;
  background-size: 14px auto;
  font-weight: bold;
}

.summ-block .icon-calendar {
  background-image: url(/images/impact-reporting-date.svg?c90c1bb9fddd2852d9142b486aaed39f);
}

.summ-block .icon-mon {
  background-image: url(/images/icon-money-dark.svg?531f56456d5fd3b0f77a512667ee3c07);
}

.attention-block {
  background-image: url(/images/arrow-down-ex.svg?f67dce23d67542ce993b99f77e484c0f);
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: left top;
  padding-left: 34px;
  margin-top: 28px;
  margin-bottom: 28px;
}

.attention-block p {
  font-size: 14px;
  line-height: 1.43;
  color: #232a36;
  margin-bottom: 10px;
}

.col-lg-1.padding-left-none {
  padding-left: 0;
}

.buttons-wrapper {
  display: flex;
  gap: 18px;
  justify-content: center;
}

.btn-supporter-wrapper {
  display: inline-block;
  font-size: 22px;
  color: white;
  margin-right: 15px;
}

.cols-wrapper {
  display: flex;
}

.cols-wrapper .form-items-wrapper {
  order: 1;
  width: calc(100% - 294px);
}

.cols-wrapper .sidebar-details {
  order: 2;
  padding-left: 20px;
  max-width: 320px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.cols-wrapper .sidebar-details.full-side {
  max-width: 320px;
}

.cols-wrapper .sidebar-details p {
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
  color: #3b4f6c;
}

.cols-wrapper .sidebar-details p.p-check {
  margin-top: 70px;
}

.cols-wrapper .sidebar-details p.p-check-up {
  margin-top: 100px;
}

.cols-wrapper .sidebar-details p.p-bottom {
  margin-top: auto;
  margin-bottom: 190px;
}

.cols-wrapper .sidebar-details p.p-help {
  margin-top: 52px;
}

.cols-wrapper .sidebar-details p.p-contact {
  margin-top: 22px;
}

.cols-wrapper .sidebar-details p a {
  text-decoration: underline;
}

.cols-wrapper .sidebar-details ul {
  list-style: circle;
  padding-left: 56px;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
  color: #3b4f6c;
}

.modal .modal-body,
.choose-addon .modal-body {
  padding-left: 42px;
  padding-right: 42px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.43;
  color: #232a36;
}

.modal .modal-body.terms-container,
.choose-addon .modal-body.terms-container {
  text-align: left;
  padding-left: 30px;
  padding-right: 30px;
}

.modal .modal-body.terms-container ol,
.modal .modal-body.terms-container ul,
.choose-addon .modal-body.terms-container ol,
.choose-addon .modal-body.terms-container ul {
  padding-left: 15px;
}

.modal .modal-body p,
.choose-addon .modal-body p {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.43;
  margin-bottom: 0;
  color: #232a36;
}

.modal .modal-body p.special-p,
.choose-addon .modal-body p.special-p {
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
  color: #3b4f6c;
}

.modal .modal-body h3,
.choose-addon .modal-body h3 {
  font-size: 24px;
  font-weight: 500;
  line-height: normal;
  color: #0b0c0c;
  margin-bottom: 6px;
}

.modal .modal-body .modal-container,
.choose-addon .modal-body .modal-container {
  max-width: 570px;
}

.modal .modal-body table,
.choose-addon .modal-body table {
  margin-top: 10px;
  margin-bottom: 10px;
}

.modal .modal-body table td,
.choose-addon .modal-body table td {
  border: 1px solid #ccc;
  padding: 5px 10px;
}

.modal .modal-body table td.empty-td,
.choose-addon .modal-body table td.empty-td {
  min-width: 130px;
}

.modal .modal-body ol.letter-list,
.choose-addon .modal-body ol.letter-list {
  list-style-type: lower-alpha;
}

.modal .modal-body .modal-text p,
.choose-addon .modal-body .modal-text p {
  margin-bottom: 10px;
}

.modal .modal-body img.modal-img,
.choose-addon .modal-body img.modal-img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.modal .modal-body .buttons,
.choose-addon .modal-body .buttons {
  padding: 0;
  display: block;
}

.modal .modal-body .buttons .btn,
.choose-addon .modal-body .buttons .btn {
  min-width: 0;
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 10px;
  font-size: 12px;
  font-weight: 600;
}

.modal .modal-body.upload-body,
.choose-addon .modal-body.upload-body {
  padding: 20px;
}

.modal .close,
.choose-addon .close {
  font-weight: 300;
  font-size: 34px;
  color: #84a7bc;
  opacity: 1;
  margin-right: 0;
}

.modal .close:focus,
.choose-addon .close:focus {
  outline: none;
  box-shadow: none;
}

.modal .modal-header,
.choose-addon .modal-header {
  border-bottom: none;
}

.modal .modal-header.terms-title,
.choose-addon .modal-header.terms-title {
  padding-left: 30px;
}

.modal .custom-modal .close,
.choose-addon .custom-modal .close {
  width: 40px;
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 100;
  cursor: pointer;
}

.modal .custom-modal .modal-body,
.choose-addon .custom-modal .modal-body {
  padding-top: 36px;
  padding-bottom: 38px;
  max-height: 80vh;
  overflow: scroll;
}

.modal .custom-modal .modal-body.upload-body,
.choose-addon .custom-modal .modal-body.upload-body {
  padding-top: 20px;
  padding-bottom: 20px;
}

.info-icon-wrapper {
  position: relative;
}

.info-icon-wrapper span.read-more-icon {
  width: 16px;
  height: 16px;
  display: block;
  background-image: url(/images/icon-info-normal.svg?33c1ffcbb17f2f5a80a617805c8036c4);
  background-repeat: no-repeat;
  background-size: 16px auto;
  background-position: center;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: -36px;
}

.form-bg-block .info-icon-wrapper span.read-more-icon {
  right: -60px;
}

.info-icon-wrapper.small-block-item span.read-more-icon {
  right: 20px;
  top: 20px;
}

.text-field-with-icon-block {
  display: flex;
}

.text-field-with-icon-block .text-field-block {
  width: 90%;
}

.text-field-with-icon-block span.read-more-icon-flex {
  width: 16px;
  height: 16px;
  display: block;
  background-image: url(/images/icon-info-normal.svg?33c1ffcbb17f2f5a80a617805c8036c4);
  background-repeat: no-repeat;
  background-size: 16px auto;
  background-position: center;
  cursor: pointer;
  top: 0;
  margin-left: 20px;
}

.padding-left {
  padding-left: 30px;
}

.links-block a {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  color: #3b4f6c;
  text-decoration: underline;
}

.buttons {
  margin-top: 30px;
  padding: 20px 42px;
  max-width: 580px;
  display: flex;
}

.buttons .green-btn {
  background-color: #8ed2ce;
}

.buttons a.btn {
  min-width: 235px;
  margin-bottom: 10px;
  border-radius: 5px;
  padding: 10px 20px;
  margin-right: 30px;
  margin-top: 0;
  font-weight: bold;
  text-transform: uppercase;
  color: white;
  font-size: 12px;
}

.buttons a.btn.btn-red {
  background-color: #f37b7e;
}

.buttons a.btn.green-btn {
  background-color: #8ed2ce;
  margin-right: 0;
}

.buttons a.btn:hover,
.buttons a.btn:focus {
  outline: none;
  box-shadow: none;
}

.btn {
  min-width: 235px;
  margin-bottom: 10px;
  border-radius: 5px;
  padding: 10px 20px;
  margin-right: 0;
  margin-top: 0;
  font-weight: bold;
  text-transform: uppercase;
  color: white;
  font-size: 12px;
}

.btn.header-btn {
  min-width: 140px;
  max-height: 40px;
}

.btn.green-btn-global {
  background-color: #8ed2ce;
  margin-right: 0;
  margin-top: 14px;
}

.btn.green-btn-global.green-btn-invert {
  background-color: #fff;
  border: 2px solid #8ed2ce;
  color: #8ed2ce;
  transition: all 0.125s linear;
}

.btn.green-btn-global.green-btn-invert:hover {
  background-color: #8ed2ce;
  color: #fff;
}

.btn:hover,
.btn:focus {
  outline: none;
  box-shadow: none;
}

label.error {
  display: block;
  margin-top: -10px;
  color: #bf0000;
}

input.error,
select.error,
textarea.error,
.nice-select.error {
  border: 1px solid #bf0000 !important;
}

img.file-icon {
  width: 117px;
  height: 140px;
  background-image: url(/images/fill-1.png?6318fed4cb289bb5ba83d13a8b843003);
  display: inline-block;
  margin: 0 10px 0 0;
}

.currency-prefix {
  margin: 10px -20px 0px 0px;
  position: absolute;
  display: block;
  padding: 0 15px 0 13px;
  font-size: 14px;
  line-height: 18px;
  color: #3b4f6c;
}

.currency-prefix-input {
  padding-left: 30px !important;
}

.file-drop-area {
  position: relative;
  display: flex;
  text-align: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  padding: 150px 25px;
  border: 1px solid #3b4f6c;
  border-radius: 5px;
  transition: 0.2s;
  margin-top: 70px;
  flex-wrap: wrap;
}

.file-drop-area.is-active {
  background-color: rgba(255, 255, 255, 0.05);
}

.fake-btn {
  flex-shrink: 0;
  background-color: #8ed2ce;
  border: 1px solid #8ed2ce;
  border-radius: 5px;
  padding: 11px 15px 9px;
  font-size: 12px;
  text-transform: uppercase;
  width: 356px;
  display: block;
  font-weight: 600;
  color: white;
  text-align: center;
}

.fake-btn-block {
  margin: 15px auto;
}

.file-msg {
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
  text-align: center;
  color: #232a36;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.file-msg small {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.43;
  text-align: center;
  color: #232a36;
}

.forms-wrapper input.file-input {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  display: block;
  width: 100%;
  cursor: pointer;
  opacity: 0;
}

.forms-wrapper input.file-input:focus {
  outline: none;
}

.upload-media-block .done-block {
  justify-content: space-between;
}

.upload-media-block .done-block .btn {
  margin-top: -20px;
}

.btn:focus {
  outline: none;
  box-shadow: none;
}

.project-filter {
  float: right;
  margin-top: -66px;
}

.project-filter select {
  min-width: 210px;
}

.project-filter p {
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.29;
  color: #3b4f6c;
  margin-right: 10px;
}

.top-filter .project-filter {
  float: left;
  margin-top: -58px;
}

.top-filter .project-filter p {
  font-size: 19px;
  font-weight: normal;
  font-style: normal;
  color: #232a36;
}

.top-filter .project-filter p span {
  font-size: 30px;
}

.top-filter .project-filter.top-s {
  margin-top: 0;
  float: none;
  border-bottom: solid 1px #979797;
  padding-top: 20px;
  padding-bottom: 2px;
  margin-bottom: 10px;
}

.top-filter .project-filter.top-s p {
  margin-bottom: 0;
}

.top-filter .project-filter.top-s select {
  max-width: 210px;
  width: auto;
  float: right;
  margin-bottom: 0;
  padding: 5px 15px 5px 13px;
  border-radius: 5px;
  border: solid 1px #84a7bc;
}

.top-filter ul.shuffle-filter {
  text-align: right;
}

.top-filter ul.shuffle-filter li:last-child {
  margin-right: 0;
}

.filter-line {
  border-radius: 5px;
  background-color: rgba(215, 238, 240, 0.5);
  padding: 14px 17px;
  margin-bottom: 22px;
}

.filter-line .small-gap-blocks .col-12 {
  margin-bottom: 0;
}

.filter-line .search-btn {
  padding: 20px;
  border: none;
  box-shadow: none;
  background-color: transparent;
  background-image: url(/images/search-symbol-black.svg?24585d3aedfaee3ea3e7df8b277cb2e2);
  background-repeat: no-repeat;
  background-size: 24px auto;
  background-position: center;
}

.filter-line .search-btn.top-space {
  margin-top: 20px;
}

.filter-line .clear-all-btn {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.29;
  letter-spacing: normal;
  color: #232a36;
  float: right;
  padding: 12px 10px 10px;
  cursor: pointer;
}

.filter-line .clear-all-btn:hover {
  text-decoration: none;
  opacity: 0.8;
}

.filter-line .clear-all-btn.top-space {
  margin-top: 20px;
}

.filter-line select.form-control {
  margin-bottom: 0;
  padding-left: 12px;
}

.filter-line h6.small-title.dark-small-title {
  margin-bottom: 8px;
  text-transform: none;
  padding-left: 6px;
}

.pagination-block {
  padding-top: 8px;
}

.pagination-block .items-per-page {
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
  text-align: right;
  color: #232a36;
  position: relative;
  top: 6px;
  padding-right: 16px;
}

.pagination-block .select-right {
  float: right;
  max-width: 80px;
}

.pagination-block .btn.orange-btn {
  max-width: 104px;
  margin-top: 0;
  margin-right: 20px;
  margin-bottom: 0;
  min-width: 0;
  text-align: center;
  padding: 10px 30px;
  float: none;
}

.pagination-block .btn.orange-btn span {
  margin-left: 2px;
  margin-right: 2px;
}

.pagination-block .btn.orange-btn:last-child {
  margin-right: 0;
}

.pagination-block .show-results-text {
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
  color: #232a36;
  margin-bottom: 0;
  text-transform: uppercase;
}

.pagination-block .show-results-text span {
  font-size: 22px;
  font-weight: 600;
  text-transform: none;
}

.pagination-block .show-results-text span.small-span {
  font-size: 12px;
}

button:focus {
  outline: none;
  box-shadow: none;
}

#big .item .slider-description {
  background-color: #3b4f6c;
  padding: 30px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-top: -10px;
  z-index: 100;
  position: relative;
}

#big .item .slider-description .image-action-btns {
  bottom: auto;
  top: 30px;
}

#big .item .slider-description .description-block {
  color: white;
  max-width: 600px;
  text-align: left;
  position: relative;
}

#big .item .slider-description .description-block h2 {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 25px;
}

#big .item .slider-description .description-block h4 {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.33;
}

#big .item .slider-description .description-block h4 span {
  font-size: 10px;
  font-weight: bold;
  line-height: 1.2;
  color: #8ed2ce;
  margin-right: 14px;
}

#big .item .slider-description .description-block p {
  font-size: 14px;
  margin-bottom: 0;
  line-height: 20px;
}

#big.owl-theme.custom-slider .owl-prev,
#big.owl-theme.custom-slider .owl-next {
  top: 40%;
}

.card-goals-block {
  padding-right: 40px;
}

.goals-items {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 11px;
  margin-top: 6px;
}

.goals-items .goal-item {
  background-color: #3b4f6c;
  border-radius: 5px;
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-size: cover;
}

.goals-items .goal-item.goal-item-1 {
  background-image: url(/images/un-sdg-1.png?8b02d365bf69622f8640d707cfaa12c7);
}

.goals-items .goal-item.goal-item-2 {
  background-image: url(/images/un-sdg-2.png?aa68fd9fefe666531f58b5637d0fe612);
}

.goals-items .goal-item.goal-item-3 {
  background-image: url(/images/un-sdg-3.png?970009c68aaa2b7a235eaeaec5c23c0e);
}

.goals-items .goal-item.goal-item-4 {
  background-image: url(/images/un-sdg-4.png?c28dc67d04d26bf64bd25b35134a43ee);
}

.goals-items .goal-item.goal-item-5 {
  background-image: url(/images/un-sdg-5.png?a0474a975e77daf77c83c451acc8fe63);
}

.goals-items .goal-item.goal-item-6 {
  background-image: url(/images/un-sdg-6.png?3f16cdacacbd51e68dfe56e7fed803bb);
}

.goals-items .goal-item.goal-item-7 {
  background-image: url(/images/un-sdg-7.png?dc4fc155d6f19a40a1868f0d651f0d36);
}

.goals-items .goal-item.goal-item-8 {
  background-image: url(/images/un-sdg-8.png?a2c42520185d001de544f5e19557e785);
}

.goals-items .goal-item.goal-item-9 {
  background-image: url(/images/un-sdg-9.png?ae5d656ca40563506cdc158745966cdc);
}

.goals-items .goal-item.goal-item-10 {
  background-image: url(/images/un-sdg-10.png?32a03b1283cb2f7f64bb86ef60d7628f);
}

.goals-items .goal-item.goal-item-11 {
  background-image: url(/images/un-sdg-11.png?530e7dae36aba5fbbeb52e30dce79806);
}

.goals-items .goal-item.goal-item-12 {
  background-image: url(/images/un-sdg-12.png?8e0c35a80eb89b6ec3f33012f2c4a59f);
}

.goals-items .goal-item.goal-item-13 {
  background-image: url(/images/un-sdg-13.png?f039713ddf55c988744f51e4ed7874e8);
}

.goals-items .goal-item.goal-item-14 {
  background-image: url(/images/un-sdg-14.png?64cc6956b81e82374d14bb95e59b82ec);
}

.goals-items .goal-item.goal-item-15 {
  background-image: url(/images/un-sdg-15.png?9809fc584ba4b64eec8d40941716410d);
}

.goals-items .goal-item.goal-item-16 {
  background-image: url(/images/un-sdg-16.png?adf21e555534920afde49ee676908555);
}

.goals-items .goal-item.goal-item-17 {
  background-image: url(/images/un-sdg-17.png?95bdf89e160ed3ba9ceac29bf5e42a26);
}

.goals-items.custom-goals-items .goal-item {
  width: 60px;
  height: 60px;
}

.tabs-items .carousel-right {
  float: right;
}

.tabs-items .carousel-indicators {
  position: static;
  margin: -8px 0 0;
}

.tabs-items .carousel-indicators li {
  width: 112px;
  height: auto;
  text-indent: 1px;
  opacity: 1;
  box-sizing: border-box;
  margin-right: 0;
  background-color: white;
  color: #232a36;
  text-transform: uppercase;
  font-size: 14px;
  padding: 10px 20px;
  background-clip: border-box;
  margin-left: 0;
  border: none;
}

.tabs-items .carousel-indicators li:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.tabs-items .carousel-indicators li:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.tabs-items .carousel-indicators li.active {
  background-color: #232a36;
  color: white;
  font-weight: bold;
}

.tabs-items.fix-height .right-side-wrapper {
  min-height: 323px;
}

.filter-block {
  padding-top: 20px;
}

.search-wrapper {
  float: right;
  margin-top: -52px;
  position: relative;
}

.search-wrapper ::-webkit-input-placeholder {
  font-size: 12px;
}

.search-wrapper ::-moz-placeholder {
  font-size: 12px;
}

.search-wrapper :-ms-input-placeholder {
  font-size: 12px;
}

.search-wrapper :-moz-placeholder {
  font-size: 12px;
}

.search-wrapper input.form-control {
  margin-right: 10px;
  padding: 8px 64px 7px 20px;
  height: 40px;
  font-size: 12px;
}

.search-wrapper input.form-control:focus {
  box-shadow: none;
  outline: none;
  border-color: #3b4f6c;
}

.search-wrapper .search-btn {
  box-shadow: none;
  border: none;
  background-color: #f7941d;
  position: absolute;
  top: 0;
  right: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  width: 60px;
  height: 40px;
  display: block;
  background-image: url(/images/search-symbol.svg?ef16cd70d696bb471056faad9489bb5b);
  background-repeat: no-repeat;
  background-size: 18px auto;
  background-position: center;
}

.messages-main-block {
  position: relative;
  height: calc(100% - 175px);
}

.messages-main-block .messages-list {
  padding-top: 25px;
  padding-right: 15px;
  width: 50%;
  height: 100%;
  overflow-y: auto;
}

.messages-main-block .messages-list .m-period {
  background-color: #3b4f6c;
  color: white;
  text-transform: uppercase;
  padding: 3px 16px;
  font-size: 11px;
  letter-spacing: normal;
  margin-bottom: 12px;
  line-height: 16px;
}

.messages-main-block .messages-list .message-item {
  padding: 22px 16px 30px;
  display: flex;
  gap: 12px;
  border-bottom: solid 1px #c5e0ef;
  cursor: pointer;
}

.messages-main-block .messages-list .message-item.active-message {
  background-color: #ebf6f7;
  border-bottom: none;
}

.messages-main-block .messages-list .message-item.unread-message .message-details h3 {
  font-weight: bold;
}

.messages-main-block .message-img-wrapper {
  border-radius: 5px;
  text-transform: uppercase;
  color: white;
  font-size: 14px;
  text-align: center;
  line-height: 40px;
}

.messages-main-block .message-img-wrapper img {
  max-width: 40px;
  height: auto;
  display: block;
  border-radius: 5px;
}

.messages-main-block .message-details {
  width: calc(100% - 52px);
  margin-left: auto;
}

.messages-main-block .message-details h3 {
  font-size: 16px;
  color: #232a36;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: normal;
  line-height: 20px;
}

.messages-main-block .message-details p {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.57;
  color: #232a36;
  margin-bottom: 0;
}

.messages-main-block .message-details p.limit-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 98%;
}

.messages-main-block .message-details-block .message-item-detail {
  display: flex;
  gap: 18px;
  border-bottom: solid 1px #c5e0ef;
  padding-bottom: 24px;
  margin-bottom: 20px;
}

.messages-main-block .message-details-block .message-item-detail.fixed-message-top {
  background-color: white;
  padding-top: 24px;
  padding-left: 20px;
  padding-right: 20px;
  z-index: 1;
  margin-bottom: 0;
  width: 100%;
}

.messages-main-block .message-details-block .message-item-detail .small-title {
  color: #3b4f6c;
  font-weight: normal;
}

.messages-main-block .message-details-block .message-item-detail .message-date {
  font-size: 14px;
}

.messages-main-block .message-details-block .message-item-detail .message-details .left-side-details {
  float: left;
}

.messages-main-block .message-details-block .message-item-detail .message-details .left-side-details h3 {
  font-weight: bold;
}

.messages-main-block .message-details-block .message-item-detail .quick-links {
  float: right;
  text-align: right;
}

.messages-main-block .message-details-block .message-item-detail .quick-links .small-title {
  margin-bottom: 6px;
}

.messages-main-block .message-details-block .message-item-detail .quick-links a {
  display: block;
  font-weight: bold;
  font-size: 12px;
  font-stretch: normal;
  text-align: right;
  color: #232a36;
  text-transform: uppercase;
}

.messages-main-block .message-details-block .message-item-detail .quick-links a:hover {
  text-decoration: none;
  opacity: 0.8;
}

.messages-main-block .message-details-block .message-item-detail .quick-links a small {
  color: #f7941d;
  font-size: 12px;
  font-weight: 700;
  padding-top: 2px;
}

.messages-main-block .message-details-block .message-item-detail.sub-messages {
  padding-top: 18px;
  padding-bottom: 18px;
  margin-bottom: 0;
  border: none;
  cursor: default;
}

.messages-main-block .message-details-block .message-item-detail.sub-messages .message-img-wrapper {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background-color: #3b4f6c;
}

.messages-main-block .message-details-block .message-item-detail.sub-messages .message-img-wrapper img {
  border-radius: 50%;
}

.messages-main-block .message-details-block .message-item-detail.sub-messages h3 {
  font-size: 14px;
  margin-bottom: 8px;
  margin-top: 10px;
}

.messages-main-block .message-details-block .message-item-detail.sub-messages h3 span {
  font-size: 10px;
  font-weight: normal;
  color: #232a36;
  padding-left: 8px;
}

.messages-main-block .message-details-block .message-item-detail.sub-messages .left-side-details p {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.57;
  color: #232a36;
}

.messages-main-block .message-details-block .messages-list-wrapper {
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
  overflow-y: auto;
  height: calc(100% - 238px);
}

.messages-main-block .message-details-block .messages-list-wrapper .left-side-details p {
  margin-bottom: 10px;
}

.messages-main-block .message-details-block .messages-list-wrapper .left-side-details a {
  font-size: 14px;
  color: #232a36;
  text-decoration: underline;
}

.messages-main-block .message-details-block .messages-list-wrapper .left-side-details a.file-name {
  font-weight: bold;
  padding: 4px 0;
  display: block;
}

.messages-main-block .message-details-block .replay-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
}

.messages-main-block .message-details-block .bottom-replay-block {
  background-color: #f0f0f0;
  padding: 0 40px 0 20px;
  height: 135px;
}

.messages-main-block .message-details-block .bottom-replay-block .file-drop-area {
  padding: 0;
  margin-top: -30px;
  background-color: white;
  margin-left: 1px;
  width: calc(100% - 4px);
  border: none;
  position: relative;
  display: none;
}

.messages-main-block .message-details-block .bottom-replay-block .file-drop-area .file-input {
  opacity: 0;
  width: 100%;
  position: relative;
  z-index: 1;
}

.messages-main-block .message-details-block .bottom-replay-block .file-drop-area .file-msg {
  width: calc(100% - 30px);
  font-size: 12px;
  font-weight: normal;
  line-height: 15px;
  float: left;
  text-align: left;
  padding-left: 20px;
  position: absolute;
  bottom: 5px;
}

.messages-main-block .message-details-block .bottom-replay-block .file-drop-area .fake-btn {
  position: absolute;
  top: 2px;
  right: 5px;
  float: right;
  width: auto;
  margin: 0;
  background-image: url(/images/icon-attachment.svg?efb5a89d24fa5d5ac1394b567cebb354);
  background-repeat: no-repeat;
  background-size: 8px auto;
  background-position: center;
  padding: 10px;
  background-color: transparent;
  border: none;
}

.messages-main-block .message-details-block .bottom-replay-block .orange-btn {
  display: none;
  float: right;
  padding: 10px 20px;
  margin-top: 14px;
  margin-bottom: 0;
  margin-right: 0;
  min-width: 0;
}

.messages-main-block .message-details-block .bottom-replay-block textarea.replay-field.form-control {
  font-size: 12px;
  height: 40px;
  resize: none;
  padding: 10px 20px;
}

.messages-main-block .message-details-block .bottom-replay-block textarea.replay-field.form-control:focus {
  outline: none;
  box-shadow: none;
}

.messages-main-block .message-details-block .bottom-replay-block.expand-field {
  height: auto;
  position: absolute;
  bottom: 0;
  width: 100%;
}

.messages-main-block .message-details-block .bottom-replay-block.expand-field .file-drop-area {
  display: block;
}

.messages-main-block .message-details-block .bottom-replay-block.expand-field textarea.replay-field.form-control {
  height: 126px;
  padding-bottom: 30px;
}

.messages-main-block .message-details-block .bottom-replay-block.expand-field .orange-btn {
  display: inline-block;
}

.messages-main-block .message-details-block .bottom-replay-block ::-webkit-input-placeholder {
  font-size: 12px;
}

.messages-main-block .message-details-block .bottom-replay-block ::-moz-placeholder {
  font-size: 12px;
}

.messages-main-block .message-details-block .bottom-replay-block :-ms-input-placeholder {
  font-size: 12px;
}

.messages-main-block .message-details-block .bottom-replay-block :-moz-placeholder {
  font-size: 12px;
}

.messages-main-block .message-details-block .sub-messages-list {
  padding-bottom: 0;
  position: relative;
  padding-top: 0;
}

.btn-wrap {
  padding-left: 42px;
}

.btn-wrap a.btn.green-btn.regular-green-btn {
  margin-top: 10px;
}

.right-side-wrapper {
  position: relative;
  padding-bottom: 66px;
}

.right-side-wrapper .card-bottom-row {
  position: absolute;
  width: calc(100% - 10px);
  bottom: 0;
  justify-content: flex-end;
}

.right-side-wrapper .card-bottom-row a.orange-btn {
  width: 100%;
}

.flex-wrapper {
  align-items: baseline;
}

.flex-wrapper .sum-value {
  padding-right: 6px;
}

a.orange-btn.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

a.orange-btn.left-space {
  margin-left: 20px;
}

a.orange-btn .filter-invert {
  filter: invert(1);
}

html {
  position: relative;
  min-height: 100%;
}

body {
  overflow-wrap: break-word;
}

body.search-page {
  margin-bottom: 0;
}

/* Special header */

.second-navbar .navbar-nav {
  margin-left: 30px;
}

.second-navbar .navbar-nav.left-navbar {
  gap: 30px;
}

.second-navbar .navbar-nav.left-navbar .nav-item a {
  color: white;
  font-size: 14px;
  line-height: normal;
  text-align: center;
}

.second-navbar .navbar-nav.left-navbar .nav-item a:hover {
  text-decoration: none;
  opacity: 0.8;
}

.second-navbar .navbar-nav.left-navbar .nav-item .dropdown-menu {
  background-color: #3b4f6c;
}

.second-navbar .navbar-nav.left-navbar .nav-item .dropdown-menu a {
  padding: 6px 20px;
  display: block;
  font-size: 14px;
  text-align: left;
}

.second-navbar .buttons-nav .outline-btn {
  padding: 10px 20px 10px;
  border-radius: 5px;
  border: solid 1px white;
  font-size: 12px;
  font-weight: normal;
  line-height: normal;
  text-align: center;
  color: white;
  min-width: 140px;
  display: block;
}

.second-navbar .buttons-nav .outline-btn:hover {
  text-decoration: none;
  opacity: 0.8;
}

.second-navbar .buttons-nav .orange-top-btn {
  padding: 10px 20px 10px;
  border-radius: 5px;
  margin-left: 10px;
  background-color: #f7941d;
  min-width: 140px;
  font-size: 12px;
  line-height: normal;
  text-align: center;
  color: white;
  font-weight: bold;
  border: solid 1px #f7941d;
  display: block;
}

.second-navbar .buttons-nav .orange-top-btn:hover {
  text-decoration: none;
  opacity: 0.8;
}

.special-header {
  padding: 100px 20px 60px;
  background-color: #232a36;
}

.special-header h1 {
  font-size: 36px;
  font-weight: 600;
  line-height: normal;
  text-align: center;
  color: white;
  margin: 0 auto 40px;
  max-width: 620px;
}

.special-header h1 span {
  color: #ffe67e;
}

.search-tabs-block .nav-tabs {
  border: none;
  align-items: end;
  flex-wrap: nowrap;
  min-height: 52px;
}

.search-tabs-block .nav-tabs a.nav-link {
  background-color: #d7eef0;
  border: none;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  line-height: 28px;
  color: #3b4f6c;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: calc(50% - 1px);
  transition: all ease 0.1s;
  align-self: flex-end;
}

.search-tabs-block .nav-tabs a.nav-link:first-child {
  margin-right: 2px;
}

.search-tabs-block .nav-tabs a.nav-link.active {
  background-color: white;
  color: #232a36;
  font-size: 14px;
  line-height: 34px;
}

.search-tabs-block .nav-tabs a.nav-link.active span {
  border-bottom: solid 1px #f7941d;
  padding-bottom: 2px;
}

.search-tabs-block .tab-pane {
  padding: 30px;
  background-color: white;
}

.search-tabs-block .small-title {
  margin-bottom: 8px;
}

.search-tabs-block .tab-content {
  min-height: 186px;
  background-color: white;
}

.company-details {
  padding-left: 20px;
  width: 100%;
  overflow: hidden;
}

.company-details .regular-heading {
  margin-bottom: 8px;
}

.company-details.top-space {
  padding-top: 27px;
}

.company-details a.read-more {
  font-size: 8px;
  font-weight: bold;
  line-height: 2.25;
  float: right;
  color: #3b4f6c;
  text-decoration: none;
  text-transform: uppercase;
  margin-top: -16px;
}

.company-details a.read-more:hover {
  opacity: 0.8;
}

.form-control:focus {
  outline: none;
  box-shadow: none;
  border-color: #232a36;
}

.proj-section {
  padding-top: 50px;
}

.proj-section .intro-text {
  padding-top: 0;
  padding-bottom: 0;
}

.proj-section .intro-text .intro-heading {
  color: #3b4f6c;
  text-transform: none;
}

.proj-section .intro-text .intro-lead-in {
  margin-top: 0;
  margin-bottom: 0;
}

.proj-section .intro-text .intro-lead-in.bottom-space {
  margin-bottom: 12px;
}

.proj-section .intro-text .intro-lead-in .help-line {
  border-radius: 5px;
  border: solid 1px #84a7bc;
}

.proj-section .header-details-block .left-header-details h6 {
  color: #232a36;
  margin-top: 20px;
  margin-bottom: 10px;
}

.proj-section .header-details-block .left-header-details.custom-side h5 {
  color: #232a36;
}

.proj-section .header-details-block .left-header-details.custom-side h6 {
  color: #3b4f6c;
}

.proj-section .header-details-block .left-header-details.custom-side h6.last-updated {
  margin-top: 58px;
  line-height: 18px;
}

.proj-section .header-details-block .left-header-details.custom-side .img-border {
  margin-bottom: 6px;
}

.proj-section .header-details-block .p-description {
  margin-bottom: 0;
}

.proj-section .dusk-block.dark-block {
  margin-bottom: 0;
}

.search-block-wrapper {
  display: flex;
}

.search-block-wrapper .form-control {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  max-width: calc(100% - 190px);
}

.search-block-wrapper .tab-search-btn {
  padding: 6px 52px 6px 52px;
  border-radius: 5px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background-color: #f7941d;
  width: 190px;
  text-align: center;
  border: 0;
  margin-left: -1px;
}

.search-block-wrapper .tab-search-btn span {
  background-image: url(/images/search-symbol.svg?ef16cd70d696bb471056faad9489bb5b);
  background-repeat: no-repeat;
  background-size: 18px auto;
  background-position: center left;
  padding-left: 24px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
}

.row.ten-small-gap {
  margin-left: -5px;
  margin-right: -5px;
}

.row.ten-small-gap .col-12 {
  padding-left: 5px;
  padding-right: 5px;
}

.create-block.new-template h3.regular-heading {
  min-height: 34px;
}

.create-block.new-template p {
  min-height: 48px;
}

h3.custom-heading {
  font-size: 26px;
  color: #232a36;
  text-transform: uppercase;
  font-weight: 600;
}

h3.custom-heading.mt {
  margin-top: 30px;
}

.small-gap-blocks .col.wlimit {
  max-width: 66.6%;
}

.b-space-mob {
  margin-bottom: 20px;
}

.share-link .fas {
  display: none;
}

footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 90px;
}

footer.custom-footer {
  position: static;
  height: auto;
  text-align: left;
  color: white;
}

footer.custom-footer .social-buttons li a {
  width: 16px;
  height: 16px;
  line-height: 17px;
  font-size: 10px !important;
}

footer.custom-footer h4 {
  font-size: 18px;
  font-weight: normal;
  line-height: normal;
  max-width: 250px;
  margin-bottom: 12px;
}

footer.custom-footer h4 span {
  color: #ffe67e;
}

footer.custom-footer h6 {
  font-size: 10px;
  font-weight: bold;
  line-height: 2.4;
  letter-spacing: normal;
  margin-top: 0;
}

footer.custom-footer .footer-links a {
  display: block;
  font-size: 10px;
  font-weight: normal;
  line-height: 2.4;
  letter-spacing: normal;
  color: white;
}

footer.custom-footer .footer-links a:hover {
  text-decoration: none;
  opacity: 0.8;
}

footer.custom-footer .footer-top-side {
  border-bottom: 2px solid #3b4f6c;
  padding-top: 35px;
  padding-bottom: 30px;
}

footer.custom-footer .footer-bottom-line {
  padding-top: 20px;
}

footer.custom-footer .footer-bottom-line .copyright {
  font-size: 10px;
  font-weight: normal;
  line-height: 2.4;
  letter-spacing: normal;
  color: white;
}

footer.custom-footer .list-inline-item:not(:last-child) {
  margin-right: 2px;
}

footer.custom-footer .title-text {
  font-size: 12px;
}

footer.custom-footer .custom-submit-btn {
  background-color: #f6993f;
  margin-right: 0;
  margin-top: 14px;
  min-width: 100%;
  padding: 8px;
}

footer.custom-footer .custom-input {
  width: 100%;
  padding: 6px;
  border-radius: 5px;
}

.sir-preview-report-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media only screen and (max-width: 991px) {
  .volunteering-hub-wrapper .small-gap-blocks .create-block {
    max-width: 100%;
  }
}

@media only screen and (max-width: 990px) {
  .regular-section.goals-section ul li {
    width: 100%;
  }

  .regular-section.goals-section ul li:nth-child(2n+1) {
    margin-right: 0;
  }

  .our-work-section .col-lg-4 {
    margin-bottom: 20px;
  }

  .second-navbar .buttons-nav li {
    margin-bottom: 15px;
    margin-top: 10px;
  }

  #mainNav .navbar-toggler {
    background-color: transparent;
  }

  .card-body img.max-width.max-width-80 {
    margin-bottom: 0;
  }

  .bottom-block .bottom-block-details {
    padding: 20px;
  }

  .navbar-toggler i.fas {
    font-size: 18px;
  }

  .intro-text .intro-lead-in {
    font-size: 24px;
  }

  .intro-text {
    padding-top: 60px;
    padding-bottom: 20px;
  }

  .bottom-nav {
    margin-top: 10px;
  }

  .regular-section.carousel-block {
    padding-top: 20px;
    padding-bottom: 30px;
  }

  .bottom-block.dark-bg-block .btn {
    float: none;
    margin-bottom: 20px;
  }

  .bottom-block .bottom-block-details.right-space {
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
  }

  .bottom-block.dark-bg-block h4.h4-heading {
    margin-bottom: 8px;
  }

  .header-details-block .header-right-side .header-small-blocks .small-block-item h1 {
    font-size: 22px;
    min-height: 0;
  }

  .section-top-margin {
    margin-top: 40px;
    padding-bottom: 20px;
  }

  .forms-wrapper h2 {
    font-size: 20px;
  }

  ul.check-icon-list.big-icons {
    margin-left: 0;
  }

  .section-top-margin.dashboard-wrapper {
    padding-top: 80px;
  }

  .create-block.dusk-block-create p {
    min-height: 0;
  }

  #modalCarousel .buttons-wrapper {
    display: block;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
  }

  #modalCarousel .buttons-wrapper a.orange-btn {
    margin: 10px auto !important;
    float: none;
  }

  #modalCarousel .buttons-wrapper .carousel-buttons span {
    padding-left: 10px;
    padding-right: 10px;
  }

  .modal-dialog-centered {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .filter-line .small-gap-blocks .col-12 {
    margin-bottom: 10px;
  }

  .regular-section.projects-section .card .card-header span {
    font-size: 20px;
  }

  .regular-section.projects-section .card .card-body {
    padding: 20px;
  }

  .right-side-wrapper {
    position: relative;
    padding-bottom: 20px;
    padding-top: 20px;
  }

  .regular-section.projects-section .card .card-body .card-text {
    margin-bottom: 10px;
  }

  .regular-section.projects-section.custom-section {
    margin-top: 20px;
  }

  .regular-section.projects-section {
    margin-bottom: 10px;
  }

  .regular-section.projects-section .card .card-body .blue-box {
    padding: 16px;
  }

  .right-side-wrapper .card-bottom-row {
    position: static;
  }

  .height-auto {
    height: auto !important;
  }

  .row.position-relative.card_collaps {
    position: static !important;
  }

  .mob-bottom-space {
    margin-bottom: 20px;
  }

  .navbar-toggler-icon {
    font-size: 1.25rem;
    line-height: 1;
  }

  .navbar-dark .navbar-toggler-icon,
  .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255,255,255)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
  }

  .share-link .fas {
    display: block;
  }

  .share-link span.share-title {
    display: none;
  }

  a.btn.green-btn.btn-margin.share-link {
    padding: 6px 8px;
    font-size: 20px;
  }

  .mob-wrapp-block {
    display: flex;
  }

  .mob-wrapp-block .h6-heading {
    padding-left: 15px;
  }

  .regular-section.projects-section .card .card-body .card-bottom-row p {
    margin-bottom: 8px;
  }

  .bottom-block.dark-bg-block .img-wrapper-vol {
    display: none;
  }

  .top-service-block {
    padding-top: 14px;
  }

  .card-bottom-row {
    margin-top: 10px;
  }

  .regular-section.projects-section .card .card-header {
    padding: 1rem 20px;
  }

  .org-overview .row .col-12 {
    margin-bottom: 15px;
  }

  .regular-section.projects-section .card .card-body .blue-box.giver-block {
    margin-bottom: 15px;
    margin-top: 8px;
  }

  .regular-section.projects-section .card .card-body .blue-box.giver-block .row .col-12 {
    margin-bottom: 10px;
  }

  .regular-section.carousel-block .carousel-wrapper .right-testimonial-side {
    padding-left: 0;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .regular-section.carousel-block .carousel-wrapper:after {
    border-width: 30px 30px 0 0;
    margin-right: 30px;
  }

  .regular-section.carousel-block .carousel-wrapper.partners-testimonials:after {
    border-width: 0 30px 30px 0;
    margin-left: 0;
  }

  .regular-section.carousel-block .carousel-wrapper {
    padding-left: 50px;
    background-size: 25px auto;
    background-position: top 28px left 14px;
  }

  .custom-header-card .head-item {
    align-items: flex-start;
  }

  .custom-nav .buttons-wrapper {
    display: block;
  }

  .action-bar-nav .buttons-wrapper {
    display: block;
  }

  .action-bar.action-bar-dark.custom-bar .action-bar-nav .btn {
    display: inline-block;
  }

  .btn-supporter-wrapper {
    margin-bottom: 10px;
    margin-right: 0;
  }

  .action-bar.action-bar-dark .action-bar-nav form {
    display: inline-block;
    padding-left: 10px;
  }

  .card-header > .row > .col-md-12 {
    padding-left: 0;
    padding-right: 0;
  }

  .card-header.mob-card-fix > .row > .col-md-12 {
    padding-right: 15px;
    padding-left: 15px;
  }

  .form-items-wrapper h1 {
    font-size: 24px;
  }

  .modal .modal-body h3 {
    font-size: 18px;
  }

  .second-sidebar-page {
    width: 100%;
  }

  .second-sidebar-page ul {
    list-style: none;
    padding-left: 0;
  }

  .second-sidebar-page .owl-stage {
    padding-left: 0 !important;
  }

  .navbar .second-sidebar-page .navbar-nav .nav-item {
    height: 100%;
  }

  .navbar .second-sidebar-page .navbar-nav li a {
    padding: 0 16px;
    display: flex;
    height: 100%;
    align-items: center;
  }

  .second-sidebar-page .owl-carousel.owl-drag .owl-item {
    height: 48px;
  }

  .b-space-mob {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .bottom-nav a {
    font-size: 11px;
  }

  h2.h2-heading {
    font-size: 24px;
  }

  .h2-heading.mb-3 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 4px !important;
  }

  .regular-section {
    padding-top: 30px;
  }

  .card-body .company-details p {
    display: none;
  }

  .offers-row {
    order: 4;
  }

  .special-header {
    padding: 60px 20px 40px;
  }

  .special-header h1 {
    font-size: 24px;
    margin-bottom: 20px;
  }

  .search-tabs-block .nav-tabs a.nav-link,
  .search-tabs-block .nav-tabs a.nav-link.active {
    line-height: 24px;
  }

  .filter-line h6.small-title.dark-small-title {
    margin-bottom: 5px;
  }

  .ultra-small-gap-blocks .filter-block-front {
    margin-bottom: 10px;
  }

  .company-details p {
    margin-bottom: 0;
    font-size: 14px;
    line-height: normal;
  }

  .regular-section .regular-heading {
    font-size: 18px;
    margin-bottom: 2px;
  }

  .regular-section.projects-section .card .extra h5.small-title {
    margin-top: 10px;
  }

  .regular-section.projects-section.offers-list .card .card-body {
    padding: 18px 15px 15px;
  }

  .regular-section.bottom-side {
    padding-top: 20px;
    padding-bottom: 40px;
  }

  .regular-section.projects-section {
    padding-bottom: 20px;
  }

  .header-details-block .left-header-details h5 {
    font-size: 14px;
  }

  .header-details-block .header-right-side .header-main-img-wrapper {
    height: auto;
  }

  .regular-section.goals-section ul li {
    margin-bottom: 10px;
  }

  .regular-section .dusk-block {
    margin-bottom: 10px;
  }

  .regular-section.projects-section .card .extra {
    padding: 10px 15px;
  }

  footer.custom-footer .footer-top-side {
    padding-top: 10px;
    padding-bottom: 20px;
  }

  .bottom-block .bottom-block-details .small-gap-blocks .col-12 {
    margin-bottom: 20px;
  }

  .bottom-block .bottom-block-details .white-block p {
    min-height: 0;
    margin-bottom: 6px;
  }

  .bottom-block .bottom-block-details .white-block {
    flex-direction: column;
  }

  .bottom-block .bottom-block-details .white-block .btn {
    width: auto;
    min-width: 200px;
    align-self: center;
  }

  .bottom-block .bottom-block-details .white-block {
    padding: 20px 15px;
  }

  .header-details-block .left-header-details h6.last-updated {
    margin-top: 20px;
  }

  ul.check-icon-list.big-icons {
    margin-top: 6px;
    padding-right: 10px;
  }

  footer.custom-footer .footer-links a {
    font-size: 12px;
  }

  footer.custom-footer h6 {
    font-size: 14px;
    margin-top: 12px;
    margin-bottom: 0;
  }

  .header-details-block .header-right-side .header-small-blocks {
    display: block;
    position: static;
    padding-left: 0;
    padding-right: 0;
  }

  .header-details-block .header-right-side .header-small-blocks .small-block-item {
    width: 100%;
    margin-top: 10px;
  }

  .header-details-block {
    display: block;
  }

  .bottom-block.dark-bg-block .img-wrapper-vol {
    margin-top: -48px;
  }

  .action-bar {
    margin-bottom: 20px;
  }

  a.btn.green-btn {
    margin-top: 20px;
  }

  .bottom-block.yellow-block img.bottom-block-image {
    max-width: 95%;
  }

  ul.shuffle-filter li {
    margin-right: 15px;
  }

  .top-filter ul.shuffle-filter {
    text-align: right;
  }

  .done-block p.p-account {
    margin-bottom: 8px;
  }

  .form-items-wrapper p.p-account {
    margin-bottom: 0;
  }

  .forms-wrapper .form-items-wrapper p.p-account {
    margin-bottom: 15px;
  }

  .regular-section.bottom-section {
    padding: 20px 0;
  }

  h4.h4-heading {
    font-size: 16px;
  }

  .forms-wrapper .form-bg-block {
    padding: 20px 16px;
  }

  .bottom-block-image {
    display: none;
  }

  ul.check-icon-list.offers-icon-list {
    margin-right: 0;
    margin-left: 0;
  }

  .regular-section .card-body .regular-heading.limit-title {
    font-size: 16px;
    line-height: normal;
    white-space: normal;
  }

  ul.check-icon-list li {
    font-size: 13px;
    padding-left: 22px;
  }

  .header-details-block .left-header-details img {
    margin-bottom: 14px;
    float: left;
    margin-right: 12px;
  }

  .regular-section .dusk-block .inner-dusk-block .block-description {
    min-height: 0;
  }

  .regular-section .contact-details .contact-label {
    display: block;
    margin-bottom: 15px;
    width: auto;
  }

  .regular-section .contact-details .contact-field {
    width: auto;
    display: block;
  }

  .regular-section .contact-details {
    padding: 30px 20px 20px 20px;
  }

  .regular-section.projects-section.custom-section {
    padding-top: 40px;
  }

  .app-details-block {
    padding-bottom: 0;
  }

  .modal-container .buttons-wrapper {
    flex-wrap: wrap;
  }

  .action-bar.action-bar-dark.custom-bar .action-bar-nav .btn {
    min-width: 0;
  }

  .modal .modal-body {
    padding-left: 20px;
    padding-right: 20px;
  }

  #confirm_modal .buttons a.btn.green-btn {
    margin-top: 0;
  }
}

@media only screen and (max-width: 600px) {
  .search-block-wrapper {
    display: block;
  }

  .search-block-wrapper .form-control {
    max-width: 100%;
    margin-bottom: 10px;
    border-radius: 5px;
  }

  .search-block-wrapper .tab-search-btn {
    border-radius: 5px;
    width: 100%;
  }

  .search-tabs-block .tab-pane {
    padding: 20px 20px 10px;
  }

  .search-tabs-block .nav-tabs a.nav-link,
  .search-tabs-block .nav-tabs a.nav-link.active {
    line-height: 22px;
    font-size: 12px;
  }

  .special-header {
    padding: 60px 0 30px;
  }

  .action-bar {
    text-align: center;
  }

  .action-bar h4 {
    float: none;
    margin-bottom: 10px;
  }

  .action-bar a.btn.green-btn {
    float: none;
  }

  .forms-wrapper .done-block {
    flex-direction: column;
  }

  .top-filter {
    margin-top: 50px;
  }

  .top-filter .project-filter {
    margin-top: -90px;
  }

  .top-filter ul.shuffle-filter {
    text-align: center;
  }

  .action-bar.action-bar-dark .action-bar-nav form {
    display: block;
    padding-left: 0;
  }

  .action-bar.action-bar-dark .action-bar-nav a.btn.btn-red {
    margin-bottom: 10px;
  }

  #confirm_modal .buttons {
    margin-top: 0;
    flex-wrap: wrap;
  }

  #confirm_modal .buttons a.btn {
    margin-right: 0;
  }
}

@media only screen and (max-width: 480px) {
  .top-filter .project-filter.top-s {
    padding-top: 10px;
  }

  .top-filter .project-filter p {
    font-size: 16px;
  }

  .bottom-block img.bottom-block-image {
    max-width: 100%;
  }

  .carousel-buttons .btn {
    display: inline-block;
    text-align: center;
    margin-right: 0;
  }

  .carousel-buttons span {
    display: block;
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .bottom-nav.top-back-nav {
    margin-bottom: 12px;
  }

  .btn-supporter-wrapper {
    font-size: 15px;
  }

  .action-bar-nav > .row > .col-12 {
    padding-left: 0;
    padding-right: 0;
  }

  .action-bar.action-bar-dark.custom-bar .action-bar-nav .btn {
    width: 100%;
  }

  .action-bar.action-bar-dark .action-bar-nav form {
    width: 100%;
  }

  .sir-preview-report-header {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .sir-preview-report-header .green-btn {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 10px !important;
  }

  .header-right-side {
    display: flex;
    justify-content: center;
  }

  .header-right-side .forms-wrapper {
    margin-left: 0 !important;
  }

  #social-impact-preview-section .row {
    display: flex;
  }

  #social-impact-preview-section .row .col-3,
  #social-impact-preview-section .row .col-4,
  #social-impact-preview-section .row .col-8 {
    flex: none;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
  }

  #social-impact-preview-section .row .col-8 .dusk-card {
    margin-top: 15px;
  }

  #social-impact-preview-section .testimonial-image {
    max-width: 100%;
  }
}

@media only screen and (max-width: 380px) {
  .bottom-block.dark-bg-block .img-wrapper-vol {
    width: 100%;
  }

  h2.h2-heading {
    font-size: 22px;
  }
}

@media only screen and (max-width: 340px) {
  ul.shuffle-filter li {
    margin-right: 10px;
    font-size: 13px;
  }
}

.filter-results {
  overflow: hidden;
}

.filter-results .card-bottom-row {
  margin-top: 1rem;
}

.offer-card {
  padding-bottom: 20px;
}

.offer-card .card-bottom-row {
  margin-top: 40px;
  position: relative;
}

.ultra-small-gap-blocks .filter-block-front {
  padding-left: 5px;
  padding-right: 5px;
}

.filter-line .clear-all-btn-front {
  font-size: 10px;
  padding: 0;
  cursor: pointer;
}

.filter-block-wrapper {
  display: flex;
}

.filter-block-front {
  flex: 1 1 0px;
}

@media (max-width: 800px) {
  .filter-block-wrapper {
    display: block;
  }
}

@media (max-width: 600px) {
  .special-header.map-container-special-header {
    padding: 60px 20px 40px;
  }
}

.small-gap-blocks .col {
  padding: 0px 10px;
}

.forms-wrapper .row-nowrap {
  flex-wrap: nowrap;
}

.overview-share-link {
  color: #242936;
  text-align: center;
  font-size: 13px;
}

.action-bar-dark .overview-share-link {
  color: #fff;
}

.overview-share-link a {
  text-decoration: underline;
  color: inherit;
}

.custom-control-label::before {
  background-color: #88d030;
}

.custom-control-input:checked ~ .custom-control-label::before {
  background-color: #e3342f;
  border-color: #e3342f;
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: none;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after,
.custom-switch .custom-control-label::after {
  background-color: #efefef;
}

.custom-switch label {
  text-transform: capitalize;
  font-weight: normal;
  font-size: 1rem;
  transition: color linear 0.125s;
}

.custom-switch label.disabled {
  color: #84a7bc;
}

.bg-blue-dark {
  background-color: rgba(35, 42, 54, 0.95);
}

.payment-section .custom-small-blocks {
  background-color: #fff;
  border-radius: 10px;
  padding: 55px 80px 75px;
}

.payment-section .red-wrapper {
  padding: 28px 18px;
  background-color: #f37b7e;
  color: #fff;
  border-radius: 10px;
}

.payment-section .red-wrapper .form-items-wrapper {
  width: calc(100% - 230px);
}

.payment-section .red-wrapper .sidebar-details.full-side {
  max-width: 185px;
  margin-left: auto;
}

.payment-section .red-wrapper .dusk-btn {
  min-width: auto;
  border-radius: 5px;
  background-color: #3b4f6c;
  color: white;
  text-transform: uppercase;
  padding: 11px 20px 10px;
  float: right;
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
  margin-right: 0;
}

.payment-section .sidebar-details.full-side {
  max-width: 130px;
  margin-left: auto;
}

.payment-section .btn.green-btn {
  min-width: auto;
  padding: 11px 0 10px;
  line-height: 1;
  font-weight: bold;
}

.payment-section.pricing-page .sidebar-details.full-side {
  max-width: 220px;
}

.payment-section.pricing-page .btn.green-btn {
  padding: 16px 42px 16px;
}

.payment-table {
  border-collapse: separate;
  border-spacing: 0 10px;
}

.payment-table tbody tr {
  background-color: #c5e0ef;
}

.payment-table tbody tr * {
  transition: all 125ms linear;
}

.payment-table tbody tr:hover {
  background-color: #3b4f6c;
}

.payment-table tbody tr:hover > td > a > h4,
.payment-table tbody tr:hover > td > a > h5,
.payment-table tbody tr:hover > td > a > p {
  color: #fff;
}

.payment-table tbody tr:hover > td > a > span {
  color: #8ed2ce;
}

.payment-table thead th {
  border: 0;
  padding-bottom: 10px;
  vertical-align: top;
  padding-left: 28px;
  padding-right: 28px;
}

.payment-table th,
.payment-table td {
  border: 0;
  vertical-align: middle;
  padding: 0;
}

.payment-table th a,
.payment-table td a {
  display: block;
  padding: 0.75rem 28px;
}

.payment-table th a.btn,
.payment-table td a.btn {
  display: inherit;
}

.payment-table th:first-child,
.payment-table td:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.payment-table th:last-child,
.payment-table td:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.payment-table th h4,
.payment-table td h4 {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.25;
  color: #232a36;
}

.payment-table th h5,
.payment-table td h5 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0;
  color: #232a36;
}

.payment-table th p,
.payment-table td p {
  margin-bottom: 0;
  font-size: 12px;
  font-weight: normal;
  color: #232a36;
}

.payment-table th span,
.payment-table td span {
  font-size: 8px;
  color: #3b4f6c;
}

.light-blue {
  color: #8ed2ce;
}

.bg-light-blue {
  background-color: #8ed2ce;
}

.billing-modal .modal-dialog,
#success .modal-dialog,
#plans .modal-dialog {
  max-width: 550px;
}

.billing-modal form,
.billing-modal .success,
#success form,
#success .success,
#plans form,
#plans .success {
  background-color: rgba(181, 208, 225, 0.13);
}

.billing-modal form .table-list,
.billing-modal .success .table-list,
#success form .table-list,
#success .success .table-list,
#plans form .table-list,
#plans .success .table-list {
  background-color: transparent;
  padding-left: 0;
}

.billing-modal form .table-list ul,
.billing-modal .success .table-list ul,
#success form .table-list ul,
#success .success .table-list ul,
#plans form .table-list ul,
#plans .success .table-list ul {
  -moz-column-count: 1;
       column-count: 1;
}

.billing-modal label,
#success label,
#plans label {
  border-radius: 5px;
  border: 1px solid #84a7bc;
  cursor: pointer;
}

.billing-modal input[type=radio],
#success input[type=radio],
#plans input[type=radio] {
  opacity: 0;
  position: absolute;
}

.billing-modal input[type=radio]:checked + label,
#success input[type=radio]:checked + label,
#plans input[type=radio]:checked + label {
  background-color: #3b4f6c;
}

.billing-modal input[type=radio]:checked + label h5,
.billing-modal input[type=radio]:checked + label h4,
.billing-modal input[type=radio]:checked + label p,
#success input[type=radio]:checked + label h5,
#success input[type=radio]:checked + label h4,
#success input[type=radio]:checked + label p,
#plans input[type=radio]:checked + label h5,
#plans input[type=radio]:checked + label h4,
#plans input[type=radio]:checked + label p {
  color: #fff;
}

.billing-modal input[type=radio]:checked + label span,
#success input[type=radio]:checked + label span,
#plans input[type=radio]:checked + label span {
  color: #8ed2ce;
}

.modal-content {
  border-radius: 0.7rem;
  overflow: hidden;
}

.modal-content .carousel-item ul {
  padding-left: 8px;
  list-style: none;
}

.modal-content .carousel-item ul li {
  padding-left: 10px;
  margin-bottom: 10px;
}

.modal-content .carousel-item ul li::marker {
  content: "\2022";
  color: #f6993f;
  font-weight: 900;
}

.modal-content .carousel-item a {
  text-decoration: underline;
  font-weight: bold;
}

.modal-content .carousel-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.card-table {
  border: 0;
  border-radius: 1rem;
  box-shadow: 0 0 0 1px #c2d3dd;
}

.card-table th,
.card-table td {
  padding: 0.25rem;
}

.card-table tbody tr:last-child td {
  padding-bottom: 16px;
}

.card-table td:first-child,
.card-table th {
  padding-left: 32px !important;
  width: 200px;
}

.card-table td,
.card-table th,
.card-table thead th {
  border: 0;
}

.card-table thead td,
.card-table thead th {
  padding-top: 32px;
}

.card-table thead td h3,
.card-table thead th h3 {
  font-size: 24px;
  font-weight: 500;
}

.card-table span {
  text-transform: uppercase;
  color: #3b4f6c;
  font-size: 12px;
}

.card-table p {
  margin-bottom: 0;
}

.dusk-block-create.social-impact-block .block-title {
  font-size: 36px;
  font-weight: bold;
}

.dusk-block-create.social-impact-block h4 {
  font-weight: 500;
}

.dusk-block-create.social-impact-block p {
  color: #fff;
}

.dusk-block-create.social-impact-block .dusk-card {
  border-radius: 10px;
  padding: 30px 30px 30px 34px;
  margin-bottom: 24px;
  color: white;
}

.dusk-block-create.social-impact-block .dusk-card .goals-items .goal-item {
  width: 60px;
  height: 60px;
}

.dusk-block-create.social-impact-block .dusk-card .card-label {
  line-height: 20px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  width: 106px;
  padding-top: 3px;
  vertical-align: top;
}

.dusk-block-create.social-impact-block .dusk-card.light {
  background-color: #ebf6f7;
}

.dusk-block-create.social-impact-block .dusk-card.light .card-label {
  color: #3b4f6c;
}

.dusk-block-create.social-impact-block .dusk-card.light p {
  color: #232a36;
}

.dusk-block-create.social-impact-block .dusk-card.dark {
  background-color: #3b4f6c;
}

.dusk-block-create.social-impact-block .dusk-card.dark .card-label {
  color: #8ed2ce;
}

.dusk-block-create.social-impact-block .dusk-card.dark p {
  color: #fff;
}

.dusk-block-create.social-impact-block .dusk-card.black {
  background-color: #232a36;
}

.dusk-block-create.social-impact-block .dusk-card.black .card-label {
  color: #8ed2ce;
  font-weight: 400;
}

.dusk-block-create.social-impact-block .dusk-card.black h6,
.dusk-block-create.social-impact-block .dusk-card.black .h6 {
  font-weight: bold;
}

.dusk-block-create.social-impact-block .dusk-card.black p {
  color: #fff;
}

.input-checkbox {
  transform: scale(2);
}

.checkbox-wrapper {
  height: 30px;
  width: 30px;
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 100;
  cursor: pointer;
}

.checkbox-wrapper .checkmark {
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 20px;
  width: 20px;
  box-shadow: inset 0 0 0 2px #fff;
  border-radius: 50%;
}

.checkbox-wrapper input[type=checkbox],
.checkbox-wrapper input[type=radio] {
  opacity: 0;
}

.checkbox-wrapper input[type=checkbox]:checked ~ .checkmark,
.checkbox-wrapper input[type=radio]:checked ~ .checkmark {
  box-shadow: inset 0 0 0 2px #88d030;
}

.checkbox-wrapper input[type=checkbox]:checked ~ .checkmark:before,
.checkbox-wrapper input[type=radio]:checked ~ .checkmark:before {
  display: block;
}

.checkbox-wrapper input[type=checkbox] ~ .checkmark:before,
.checkbox-wrapper input[type=radio] ~ .checkmark:before {
  color: #88d030;
  font-size: 20px;
  display: none;
}

.card_collaps:before {
  content: "";
  display: block;
  height: 80px;
  top: -80px;
  width: 100%;
  position: absolute;
  background-color: transparent !important;
  background: linear-gradient(0deg, white 0%, rgba(0, 212, 255, 0) 100%);
}

.forms-wrapper label.horizontal-label {
  display: flex;
  white-space: nowrap;
  align-items: center;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #3b4f6c;
}

.forms-wrapper label.horizontal-label select {
  margin-bottom: 0;
  margin-left: 40px;
}

.preloader {
  background-image: url(/images/preloader.gif?cac6f4f6ddbe92403ef75aab346d1f59);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50px 50px;
  height: 50px;
}

.dropdown-user-notification {
  text-transform: none;
}

.dropdown-user-notification .dropdown-menu {
  width: 350px;
}

.dropdown-user-notification .dp-header {
  font-size: 14px;
  background-color: #fc585d;
  color: white;
  font-weight: bold;
  height: 50px;
}

.dropdown-user-notification .dp-text {
  height: 50px;
  font-size: 14px;
}

.dropdown-user-notification .dp-footer {
  color: #26b6ad;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}

.timeline_statuses .timeline_status_circle.circle_big {
  width: 55px;
  height: 55px;
}

.timeline_statuses .timeline_status_circle.circle_small {
  width: 15px;
  height: 15px;
}

.timeline_statuses .timeline_status_circle.exist {
  color: #84a7bc;
  background-color: #8ed2ce;
  font-size: 30px;
}

.timeline_statuses .timeline_status_circle.not-exist {
  background-color: #84a7bc;
}

.timeline_statuses .status_block {
  width: 70px;
  height: 70px;
}

.timeline_statuses .col-projectable {
  width: 14.2857142857%;
}

.timeline_statuses .label_text {
  color: #6c757d;
  font-size: 10px;
  text-align: center;
  width: 70px;
  right: -8px;
  position: absolute;
  line-height: 11px;
  margin: 5px 0 5px 0;
}

.timeline_statuses .label_text.label_right_center {
  top: 15px;
  left: 50px;
}

.timeline_statuses .label_text.label_top {
  bottom: 55px;
}

#timelines_hrs .connection_line {
  border: 2px solid #84a7bc;
  padding: 0;
  margin: 0;
  background-color: #84a7bc;
  line-height: 1px;
  position: absolute;
  border-radius: 10px;
}

.custom-pagination .pagination .active .page-link {
  background-color: #3b4f6c;
  border-color: #3b4f6c;
  color: #fff;
}

.custom-pagination .pagination .page-link {
  color: #3b4f6c;
}

#nav-company-tab {
  min-height: 72px;
}

#nav-company-tab.active {
  min-height: 84px;
}

.text-12px {
  font-size: 12px !important;
}

.text-15px {
  font-size: 15px !important;
}

.text-16px {
  font-size: 16px !important;
}

.text-18px {
  font-size: 18px !important;
}

.text-24px {
  font-size: 24px !important;
}

.text-36px {
  font-size: 36px !important;
}

.whitespace-normal {
  white-space: normal !important;
}

.text-red {
  color: red !important;
}

.map-wrapper {
  position: relative;
}

.map-legend {
  background-color: #fff;
  padding: 10px 20px;
  border-radius: 3px;
  position: absolute;
  right: 80px;
  top: 10px;
  z-index: 2;
}

.map-legend .col-12 {
  text-align: center;
}

.map-legend h5 {
  color: #38435a;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 8px !important;
}

.map-legend p {
  margin-top: 10px;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 7px;
  color: #38435a;
}

.map-legend .d-flex {
  justify-content: center;
}

.legend-item {
  margin-left: 4px;
  margin-right: 4px;
  min-width: 40px;
  text-align: center;
}

.legend-item .pin-item {
  margin-left: auto;
  margin-right: auto;
}

button.gm-ui-hover-effect span {
  background-color: #fff;
}

.frameworks-items-wrapper .error-validation {
  color: #db0d22;
}

.error-validation-outputs,
.error-validation-outputs-max {
  color: #db0d22;
}

.text-remove {
  color: #db0d22;
  cursor: pointer;
  font-size: 12px;
}

.text-remove:hover {
  text-decoration: none;
  opacity: 0.7;
  color: #db0d22 !important;
}

.clearboth {
  clear: both;
}

.exporting {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #333;
}

.exporting .dots {
  display: flex;
  margin-left: 10px;
}

.exporting .dot {
  width: 9px;
  height: 9px;
  margin: 0 4px;
  background-color: #333;
  border-radius: 50%;
  opacity: 0.3;
  -webkit-animation-name: blink;
          animation-name: blink;
  -webkit-animation-duration: 1.4s;
          animation-duration: 1.4s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.exporting .dot:nth-child(1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

.exporting .dot:nth-child(2) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

.exporting .dot:nth-child(3) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

@-webkit-keyframes blink {
  0%, 80%, 100% {
    opacity: 0.3;
  }

  40% {
    opacity: 1;
  }
}

@keyframes blink {
  0%, 80%, 100% {
    opacity: 0.3;
  }

  40% {
    opacity: 1;
  }
}

a.disableable.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.6;
}

.scroll-table-container {
  max-height: 1000px;
  overflow-y: auto;
}

.sticky-table thead th {
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 10;
}

#publishOfferForm .plus-btn {
  background-image: url(/images/icon-add.svg?ca19ee1…);
  background-repeat: no-repeat;
  background-size: 18px auto;
  background-position: center left;
  background-color: transparent;
  font-size: 10px;
  font-weight: bold;
  color: #3b4f6c;
  padding: 10px 0 10px 34px;
  border: none;
}

#publishOfferForm .remove-email {
  position: absolute;
  right: -16px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

.create-block.dusk-block-create.special-small-blocks h3.regular-heading.card-heading {
  white-space: normal;
}

.maintenance-wrapper img {
  max-width: 520px;
  width: 100%;
  margin: auto;
  display: block;
  margin-top: 100px;
}

.maintenance-wrapper h2 {
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
  color: #3B4F6C;
}

.maintenance-wrapper .maintenance-text {
  text-align: center;
  width: 100%;
  margin: auto;
  font-size: 18px;
}

.media-checkbox-item {
  display: flex;
  align-items: center;
}

.media-checkbox-item input.mark-check {
  float: none;
  margin-left: 0;
  min-width: 20px;
  margin-right: 10px;
  cursor: pointer;
}

.media-checkbox-item .mark-label {
  text-transform: none;
  font-weight: 600;
  cursor: pointer;
}

.card-label-border {
  border-top: 1px solid #fff;
}

.video {
  padding: 20px 20px 50px;
  border-radius: 10px;
  height: 240px;
  border: 1px solid #b5d0e1;
  margin-bottom: 30px;
}

.video a {
  float: right;
}

.video a small {
  color: #f7941d;
  font-size: 14px;
  font-weight: bold;
  margin-left: 4px;
}

.video p {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.43;
  color: var(--dark);
}

.video p time {
  font-weight: normal;
  margin-left: 20px;
}

.custom-scrollbar::-webkit-scrollbar {
  width: 5px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  border-radius: 1rem;
  background-color: #3b4f6c;
  height: 168px;
}

.custom-scrollbar::-webkit-scrollbar-track {
  background: #f0f0f0;
}

.fields_n {
  font-size: 9px !important;
}

.text10 {
  font-size: 12px !important;
}

.title_item {
  font-family: Poppins, serif;
  font-size: 12px !important;
  font-weight: bold !important;
  font-stretch: normal;
  font-style: normal;
  line-height: normal !important;
  letter-spacing: normal;
  color: #232a36 !important;
}

.badge_inbox {
  color: white;
  padding: 3px 13px;
  font-size: 8px;
  width: 88px;
}

.badge_n {
  line-height: 1.5 !important;
}

::-webkit-calendar-picker-indicator {
  opacity: 0;
}

input[type=date] {
  background: #fff url(/fonts/vendor/@fortawesome/fontawesome-free/svgs/regular/calendar.svg?059da4c9ed8e32263353b85dc6508f0c) no-repeat center right 1.5em;
  background-size: 1em;
}

@font-face {
  font-family: summernote;
  src: url("/summernote/fonts/summernote.ttf");
  src: url("/summernote/fonts/summernote.eot"), url("/summernote/fonts/summernote.woff");
}