@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap"); /* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/
       .d7info a {
           color: blue;
       }

       .operators-row {
           display: flex;
           justify-content: space-evenly;
           align-items: center;
           flex-wrap: wrap;
           gap: 1em;
           margin: 2em 0;
       }

       .operators-row .operator-item {
           background: #f9f9f9;
           display: flex;
           align-items: center;
           justify-content: center;
           border-radius: 100%;
       }

       .operators-row .operator-item > img {
           height: 2em;
           width: 2em;
           margin: 1em;
           object-fit: contain;
       }

       @media screen and (max-width: 530px) {
           .operators-row .operator-item > img {
               height: 1.1em;
               width: 1.1em;
               margin: 0.5em;
           }
       }

       @media screen and (min-width: 1000px) {
           .operators-row.operators-large .operator-item > img {
               height: 3em;
               width: 3em;
               margin: 1em;
           }
       }

       .send-sms {
           display: flex;
           justify-content: center;
           align-items: center;
           gap: 1em;
           flex-wrap: wrap;
       }

       .send-sms.variant-left {
           flex-direction: row-reverse;
       }

       .send-sms.variant-no-phone .phone-preview {
           display: none;
       }

       @media screen and (min-width: 600px) {
           .send-sms {
               justify-content: space-between;
               gap: 2em;
           }

           .send-sms .text-content {
               flex: 1;
           }

           .send-sms .phone-preview {
               flex: 1;
           }
       }

       .send-sms .phone-preview {
           width: 250px;
           max-width: 250px;
           min-width: 250px;
           font-family: "Manrope", sans-serif;
           line-height: 1.5;
           font-weight: normal;
           color: black;
           position: relative;
       }

       .send-sms .phone-preview .time, .send-sms .phone-preview .sender, .send-sms .phone-preview .messages, .send-sms .phone-preview .loader {
           position: absolute;
       }

       .send-sms .phone-preview .time {
           font-weight: bold;
           font-size: 10px;
           left: 30px;
           top: 17px;
       }

       .send-sms .phone-preview .sender {
           left: 0;
           right: 0;
           text-align: center;
           top: 67px;
           font-size: 12px;
           color: #515151;
       }

       .send-sms .phone-preview .loader {
           top: 95px;
           left: 27px;
           right: 28px;
           bottom: 15px;
           display: flex;
           align-items: center;
           justify-content: center;
       }

       .send-sms .phone-preview .messages {
           top: 95px;
           font-size: 12px;
           left: 27px;
           right: 28px;
       }

       .send-sms .phone-preview .messages .item {
           max-width: 55%;
           display: inline-block;
           padding: 2px 5px;
           position: relative;
           font-variant: initial;
           text-decoration: initial;
           font-style: initial;
       }

       .send-sms .phone-preview .messages .item:after {
           display: block;
           content: "";
           height: 6px;
           width: 6px;
           position: absolute;
           bottom: 0;
       }

       .send-sms .phone-preview .messages .top-container, .send-sms .phone-preview .messages .bottom-container {
           transition: 0.3s;
           opacity: 1;
       }

       .send-sms .phone-preview .messages .top-container {
           text-align: right;
       }

       .send-sms .phone-preview .messages .top-container .item {
           background: #2d79ff;
           color: white;
           border-radius: 4px 4px 0;
           text-transform: capitalize;
       }

       .send-sms .phone-preview .messages .top-container .item:after {
           background: linear-gradient(45deg, #2d79ff 50%, transparent 50%);
           right: -6px;
           border-bottom-right-radius: 100%;
       }

       .send-sms .phone-preview .messages .bottom-container {
           margin-top: 7px;
           transition-delay: 0.5s;
       }

       .send-sms .phone-preview .messages .bottom-container .item {
           background: #e6e5eb;
           border-radius: 4px 4px 4px 0;
       }

       .send-sms .phone-preview .messages .bottom-container .item:after {
           background: linear-gradient(315deg, #e6e5eb 50%, transparent 50%);
           left: -6px;
       }

       .send-sms .phone-preview .messages.messages-hidden .top-container, .send-sms .phone-preview .messages.messages-hidden .bottom-container {
           opacity: 0;
           transform: translateY(30px);
       }

       .send-sms .phone-preview .img-background {
           max-width: 100%;
           object-fit: contain;
       }

       .theme_xbox .pace_activity, .theme_xbox_lg .pace_activity, .theme_xbox_sm .pace_activity {
           -webkit-animation: rotation 1.5s ease-in-out infinite;
           animation: rotation 1.5s ease-in-out infinite;
           margin: 0 auto;
           width: 38px;
           height: 38px;
       }

       .theme_xbox .pace_activity, .theme_xbox .pace_activity:after, .theme_xbox .pace_activity:before, .theme_xbox_lg .pace_activity, .theme_xbox_lg .pace_activity:after, .theme_xbox_lg .pace_activity:before, .theme_xbox_sm .pace_activity, .theme_xbox_sm .pace_activity:after, .theme_xbox_sm .pace_activity:before {
           border: 2px solid transparent;
           border-top-color: #b0b0b0;
           border-radius: 50%;
       }

       .theme_xbox .pace_activity:before, .theme_xbox_lg .pace_activity:before, .theme_xbox_sm .pace_activity:before {
           content: "";
           position: absolute;
           top: 5px;
           left: 5px;
           right: 5px;
           bottom: 5px;
           -webkit-animation: rotation ease-in-out 2s infinite;
           animation: rotation ease-in-out 2s infinite;
       }

       .theme_xbox .pace_activity:after, .theme_xbox_lg .pace_activity:after, .theme_xbox_sm .pace_activity:after {
           content: "";
           position: absolute;
           top: 12px;
           left: 12px;
           right: 12px;
           bottom: 12px;
           -webkit-animation: rotation ease-in-out 1s infinite;
           animation: rotation ease-in-out 1s infinite;
       }

       .theme_xbox_with_text .pace_activity {
           margin-top: -10px;
       }

       .theme_xbox_with_text span {
           display: block;
           margin-top: 10px;
           color: #fff;
           white-space: nowrap;
       }

       .theme_xbox_sm .pace_activity, .theme_xbox_sm .pace_activity:after, .theme_xbox_sm .pace_activity:before {
           border-width: 1px;
       }

       .theme_xbox_lg .pace_activity, .theme_xbox_lg .pace_activity:after, .theme_xbox_lg .pace_activity:before {
           border-width: 3px;
       }

       .theme_xbox, .theme_xbox_lg, .theme_xbox_sm {
           position: initial;
           top: initial;
           left: initial;
           right: initial;
       }

       @-webkit-keyframes rotation {
           0% {
               -webkit-transform: rotate(0);
               transform: rotate(0);
           }

           100% {
               -webkit-transform: rotate(360deg);
               transform: rotate(360deg);
           }
       }

       @keyframes rotation {
           0% {
               -webkit-transform: rotate(0);
               transform: rotate(0);
           }

           100% {
               -webkit-transform: rotate(360deg);
               transform: rotate(360deg);
           }
       }

       @-webkit-keyframes rotation_reverse {
           0% {
               -webkit-transform: rotate(0);
               transform: rotate(0);
           }

           100% {
               -webkit-transform: rotate(-360deg);
               transform: rotate(-360deg);
           }
       }

       @keyframes rotation_reverse {
           0% {
               -webkit-transform: rotate(0);
               transform: rotate(0);
           }

           100% {
               -webkit-transform: rotate(-360deg);
               transform: rotate(-360deg);
           }
       }

       .activity-reports .header {
           font-weight: bold;
           text-align: center;
       }

       .activity-reports .files {
           display: flex;
           align-items: center;
           justify-content: center;
           margin: 1em 0;
           gap: 1em;
       }

       .activity-reports .files .item {
           flex-direction: column;
           display: flex;
           align-items: center;
           justify-content: center;
           font-size: 0.75em;
       }

       .activity-reports .files .item.disabled {
           color: #959494 !important;
       }

       .activity-reports .files .item.disabled img {
           filter: grayscale(1) opacity(0.7);
       }

       .activity-reports .no-reports-promo {
           color: #959494 !important;
           text-align: center;
           margin-bottom: 1em;
           font-size: 0.75em;
           margin-top: -1em;
       }

       .founding-documents .header {
           font-weight: bold;
           text-align: center;
           margin-bottom: 0.25em;
       }

       .founding-documents .documents {
           display: flex;
           justify-content: center;
           margin: 1em 0;
           gap: 1em;
           flex-wrap: wrap;
       }

       .founding-documents .documents .item a {
           display: flex;
           align-items: center;
           flex-direction: column;
           justify-content: center;
           font-size: 0.75em;
       }

       .founding-documents .no-documents-promo {
           color: #959494;
           text-align: center;
           margin: 1em 0;
       }

       .description-of-activities .mx_content_header {
           font-size: 1.5em;
           font-weight: bold;
           text-indent: 0.6em;
       }

       .program-description .mx_content_header {
           font-size: 1.5em;
           font-weight: bold;
           text-indent: 0.6em;
       }

       .person-description .mx_content_header {
           font-size: 1.5em;
           font-weight: bold;
           text-indent: 0.6em;
       }

       .program-card, .person-card {
           font-family: "Manrope", sans-serif;
           font-variant: initial;
           text-decoration: initial;
           font-style: initial;
       }

       .program-card .object, .person-card .object {
           min-width: 223px;
           max-width: 250px;
           background: whitesmoke;
           margin: 0 auto;
           padding: 0.5em;
           font-size: 14px;
           border-radius: 0.2em;
       }

       .program-card .object .line-clamp, .person-card .object .line-clamp {
           display: -webkit-box;
           -webkit-box-orient: vertical;
           overflow: hidden;
       }

       .program-card .object .line-clamp-1, .person-card .object .line-clamp-1 {
           -webkit-line-clamp: 1;
       }

       .program-card .object .line-clamp-2, .person-card .object .line-clamp-2 {
           -webkit-line-clamp: 2;
       }

       .program-card .object .line-clamp-3, .person-card .object .line-clamp-3 {
           -webkit-line-clamp: 3;
       }

       .program-card .object .line-clamp-4, .person-card .object .line-clamp-4 {
           -webkit-line-clamp: 4;
       }

       .program-card .object .line-clamp-5, .person-card .object .line-clamp-5 {
           -webkit-line-clamp: 5;
       }

       .program-card .object .header, .person-card .object .header {
           display: -webkit-box;
           -webkit-line-clamp: 2;
           -webkit-box-orient: vertical;
           overflow: hidden;
           min-height: 16px;
           font-size: 0.85em;
           line-height: 1.25;
           margin-top: 0.3em;
       }

       .program-card .object .preview-image, .person-card .object .preview-image {
           height: 165px;
           margin-top: 0.5rem;
           position: relative;
       }

       .program-card .object .preview-image img, .person-card .object .preview-image img {
           height: 100%;
           width: 100%;
           object-fit: cover;
           border-radius: 0.25rem;
       }

       .program-card .object .preview-image .badges-container, .person-card .object .preview-image .badges-container {
           position: absolute;
           top: 0.5rem;
           right: 0.5rem;
       }

       .program-card .object .preview-image .badges-container .badge:nth-child(2), .person-card .object .preview-image .badges-container .badge:nth-child(2) {
           margin-top: 0.5rem;
           display: block;
       }

       .program-card .object .progress-container, .person-card .object .progress-container {
           background: #fff1f0;
           overflow: hidden;
           border: solid 1px #ece8e7;
           border-radius: 0.25rem;
           margin-top: 1rem;
       }

       .program-card .object .progress-container .value, .person-card .object .progress-container .value {
           background: #fd6e67;
           height: 6px;
       }

       .program-card .object .tile-content, .person-card .object .tile-content {
           min-height: 132px;
           display: flex;
           flex-direction: column;
           justify-content: center;
           line-height: 1.25;
       }

       .program-card .object .tile-content .description, .person-card .object .tile-content .description {
           margin-top: 1rem;
           font-size: 0.85em;
       }

       .program-card .object .tile-content .short-text, .person-card .object .tile-content .short-text {
           margin-top: 0.5rem;
           font-size: 0.85em;
       }

       .program-card .object .tile-content .object-name, .person-card .object .tile-content .object-name {
           margin-top: 0.5rem;
           font-weight: bold;
           font-size: 1rem;
           text-align: center;
           line-height: 1.2;
       }

       .program-card .object .sums, .person-card .object .sums {
           margin-top: 0.5rem;
       }

       .program-card .object .sums .value, .person-card .object .sums .value {
           font-weight: bold;
           font-size: 0.9rem;
       }

       .program-card .object .no-image, .person-card .object .no-image {
           border: dashed 2px #c7c7c7;
           background: #e8e8e8;
           border-radius: 0.25rem;
       }

       .program-card .object .area-sum, .person-card .object .area-sum {
           font-size: 0.75em;
       }

       .program-card .btn-danger, .person-card .btn-danger {
           background-color: #fd6e67;
           border-radius: 0.5em !important;
           color: white;
           border: none;
           cursor: pointer;
           padding: 0.65em 1em;
           min-width: 40%;
           transition: 0.3s;
           margin: 0.5em 0;
           font-size: 14px;
       }

       .program-card .btn-danger:hover, .person-card .btn-danger:hover {
           background-color: #ea665f;
       }

       #d7_modal_overlay {
           position: fixed;
           top: 0;
           bottom: 0;
           left: 0;
           right: 0;
           background: rgba(0, 0, 0, 0.75);
           z-index: 99999;
           display: flex;
           align-items: center;
           justify-content: center;
           font-family: "Rubik", sans-serif;
           line-height: 1.2;
           font-weight: normal;
       }

       #d7_modal_overlay .modal-wrapper {
           position: relative;
           max-width: 100%;
       }

       @media only screen and (min-width: 401px) {
           #d7_modal_overlay .modal-wrapper {
               padding-right: 13px;
           }
       }

       #d7_modal_overlay .close-container {
           width: 24px;
           height: 24px;
           position: absolute;
           right: -3px;
           top: 10px;
           border-radius: 100%;
           display: flex;
           align-items: center;
           justify-content: center;
           z-index: 1;
       }

       @media only screen and (max-width: 400px) {
           #d7_modal_overlay .close-container {
               width: 100%;
               justify-content: end;
               position: static;
               margin: 0 -5px -5px;
           }
       }

       #d7_modal_overlay .close-container .close-icon {
           height: 12px;
           width: 12px;
           display: block;
           margin: 5px;
           background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIj48cGF0aCBmaWxsPSIjODY5MzlFIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03IDZsNSA1LTEgMS01LTUtNSA1LTEtMSA1LTUtNS01IDEtMSA1IDUgNS01IDEgMS01IDV6Ii8+PC9zdmc+);
           cursor: pointer;
       }

       #d7_modal_overlay .modal-container {
           background: white;
           border-radius: 4px;
           max-height: 90vh;
           max-height: 90dvh;
           overflow: auto;
           flex: 1;
           max-width: 450px;
           margin: 10px;
       }

       @media only screen and (max-width: 340px) {
           #d7_modal_overlay .modal-container {
               margin: 10px 0 0 0;
           }
       }

       #d7_modal_overlay .modal-container .modal-content {
           max-width: 100%;
           padding: 10px;
           min-width: 200px;
           min-height: 200px;
           display: flex;
           align-items: center;
           justify-content: center;
       }

       @media only screen and (min-width: 400px) {
           #d7_modal_overlay .modal-container .modal-content {
               padding: 20px;
           }
       }

       #d7_modal_overlay .modal-container .modal-content #widget-form-container {
           max-width: 100%;
       }

       .d7info {
           line-height: inherit;
           font-weight: inherit;
           font-size: inherit;
       }

       .d-none {
           display: none !important;
       }

       .d-flex {
           display: flex !important;
       }

       .justify-content-between {
           justify-content: space-between !important;
       }

       .d-block {
           display: block !important;
       }

       .flex-1 {
           flex: 1 !important;
       }

       .text-center {
           text-align: center !important;
       }

       .position-relative {
           position: relative !important;
       }

       .no-wrap, a[href^="tel:"] {
           white-space: nowrap;
       }

       .text-muted {
           color: #999 !important;
       }

       .text-uppercase {
           text-transform: uppercase;
       }

       .pl-1, .px-1 {
           padding-left: 0.3125rem !important;
       }

       .pr-1, .px-1 {
           padding-right: 0.3125rem !important;
       }

       .mt-0 {
           margin-top: 0 !important;
       }

       ::-webkit-scrollbar{
            height: 4px;
            width: 4px;
            background: gray;
        }

        /* Track */
        ::-webkit-scrollbar-track {
        background: #f1f1f1; 
        }
        
        /* Handle */
        ::-webkit-scrollbar-thumb {
        background: #2977ff; 
        }

        /* Handle on hover */
        ::-webkit-scrollbar-thumb:hover {
        background: #555; 
        }


        ::-webkit-scrollbar-thumb:horizontal{
            background: #2977ff;
            border-radius: 10px;
        }

        .operators-row .operator-item:nth-child(4) {
            display: none !important
        }
