/*@font-face {
    font-weight: 450;
    font-family: "Aeonic";
    src: url("/terrai_static/fonts/AeonikTRIAL-Light.otf") format("opentype");
    font-display: swap;
}

@font-face {
    font-weight: 700;
    font-family: "Aeonic";
    src: url("/terrai_static/fonts/AeonikTRIAL-Regular.otf") format("opentype");
    font-display: swap;
}

@font-face {
    font-weight: 900;
    font-family: "Aeonic";
    src: url("/terrai_static/fonts/AeonikTRIAL-Bold.otf") format("opentype");
    font-display: swap;
}*/


@font-face {
    font-family: 'hackbold';
    src: url('/terrai_static/fonts/hack/hack-bold.woff2') format('woff2'),
         url('/terrai_static/fonts/hack/hack-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'hackbold_italic';
    src: url('/terrai_static/fonts/hack/hack-bolditalic.woff2') format('woff2'),
         url('/terrai_static/fonts/hack/hack-bolditalic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;

}


@font-face {
    font-family: 'hackitalic';
    src: url('/terrai_static/fonts/hack/hack-italic.woff2') format('woff2'),
         url('/terrai_static/fonts/hack/hack-italic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;

}


@font-face {
    font-family: 'hackregular';
    src: url('/terrai_static/fonts/hack/hack-regular.woff2') format('woff2'),
         url('/terrai_static/fonts/hack/hack-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;

}


@font-face {
    font-family: 'cmu_brightbold';
    src: url('/terrai_static/fonts/computer_modern/cmunbbx.woff2') format('woff2'),
         url('/terrai_static/fonts/computer_modern/cmunbbx.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




@font-face {
    font-family: 'cmu_brightoblique';
    src: url('/terrai_static/fonts/computer_modern/cmunbmo.woff2') format('woff2'),
         url('/terrai_static/fonts/computer_modern/cmunbmo.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




@font-face {
    font-family: 'cmu_brightroman';
    src: url('/terrai_static/fonts/computer_modern/cmunbmr.woff2') format('woff2'),
         url('/terrai_static/fonts/computer_modern/cmunbmr.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




@font-face {
    font-family: 'cmu_brightsemiboldoblique';
    src: url('/terrai_static/fonts/computer_modern/cmunbso.woff2') format('woff2'),
         url('/terrai_static/fonts/computer_modern/cmunbso.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




@font-face {
    font-family: 'cmu_brightboldoblique';
    src: url('/terrai_static/fonts/computer_modern/cmunbxo.woff2') format('woff2'),
         url('/terrai_static/fonts/computer_modern/cmunbxo.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


* {
    box-sizing: border-box;
    margin: 0;
    font-family: "cmu_brightroman", sans-serif;
}

body {
    overflow: hidden;
    height: 100vh;
}

body a {
    text-decoration: none;
    cursor: pointer;
    color: unset ;
}

/*
a:visited {
    color: inherit;
}*/

button {
    cursor: pointer;
    border: none;
    background-color: transparent;
}

ul li {
    list-style: none;
}

table {
    border-collapse: unset;
    border-spacing: 0
}

.navbar-block h1 {
    color: #252525;
    font-size: 32px;
    font-weight: 800;
    line-height: 32px;
}

#map-block .not-full-width {
    width: unset;
}

.map-frame {
    border: 2px solid #000000 !important;
    border-radius: 12px;
}

.map-forest {
    border: 2px solid #000000 !important;
    border-radius: 12px;
}

#map {
    height: 100%;
    border-radius: 12px;
}

.wrapper {
    height: 100vh;
}

.menu {
    padding: 0;
}

.aside-menu-block {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    width: 96px;
    border-right: 1px solid #f2f3f6;
    padding: 40px 0 50px;
}

.aside-chart {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    top: 77px;
    right: 16px;
    background: #fff;
    padding: 24px;
    border-radius: 16px;
    width: 572px;
    height: 407px;
    gap: 12px;
}

.logo-link {
    color: #0a0a0a;
}

.logo-link-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.special-letter {
    font-style: italic;
}

.menu-link-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-left: 17px;
    padding-right: 16px;
}

.menu-link-block-active {
    border-left: 4px solid #288966;
    border-radius: 1px 10px 10px 0;
}

.menu-link-block-active span {
    color: #288966;
}

.menu-item {
    padding-bottom: 36px;
}

.menu-item:last-child {
    padding-bottom: 0;
}

.aside-menu-text {
    color: #8f8f8f;
    padding-top: 6px;
    font-size: 12px;
}

.main-wrapper {
    padding: 25px 50px 10px 25px;
}

.navbar-block {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 50px;
}

.navbar-user-navigation {
    display: flex;
}

.navbar-icon-block {
    display: flex;
    justify-content: center;
    margin-right: 10px;
}

.navbar-icon-block:last-child {
        margin-right: 0;
}

.navbar-icon-block.public:last-child {
      margin-right: 0;
      right: 32px;
      position: absolute;
      bottom: 25px;
}

.navbar-button {
    display: flex;
    align-items: center;
    background-color: transparent;
    border: none;
    padding: 3px 6px;
    color: #fff;
}

.account-button {
    background-image: url("/terrai_static/icons/log_out.svg");
    background-repeat: no-repeat;
    font-size: 14px;
    background-size: 36px;
    width: 36px;
    height: 36px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;

    background-position: center; 
}

.account-button_logged {
    background-image: url("/terrai_static/icons/log_in.svg");
    background-repeat: no-repeat;
    font-size: 14px;
    background-size: 36px;
    width: 36px;
    height: 36px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;

    background-position: center; 
}


/* logg in background */
.user-photo {
    background-color: rgba(40, 137, 102, 0.10);
    border-radius: 50%;
}

.user-dropdown .dropdown-item {
    padding: 0;
    width: 100%;
    max-width: unset;
    white-space: nowrap;
}



.user-dropdown-button {
    padding: 9px 36px 9px 16px;
    line-height: 1.5;
}

.more-button {
    background-image: url("/terrai_static/icons/more.svg");
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    position: relative;
}


.edit-profile {
    background: url("/terrai_static/icons/edit-profile.svg") no-repeat;
}

.log-out {
    background: url("/terrai_static/icons/log-out.svg") no-repeat;
}

.edit-profile,
.log-out {
    background-position-y: center;
    padding-left: 25px;
    color: #0A0A0A;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
}

.map-container {
    width:100%;
    height: 80vh;
    position: relative;
}

.main-land-cover {
    width:100%;
    height: 80vh;
    align-items:center;
}

.methodology-main-content{
    width:100%;
    height: 80vh;
    align-items:center;
}

.header-control-panel {
    width: 100%;
    position: absolute;
    top: 16px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 16px;
}

.header-filter {
    width: 100%;
}

.filter-padding{
    padding-right: 12px;
}

.filter-field {
    width: 100%;
    padding: 12px 16px;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    border-radius: 8px;
    border: none;
    background: #fff url("/terrai_static/icons/chevron-down.svg") no-repeat;
    background-position: calc(100% - 0.75rem) center !important;
    -moz-appearance:none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    padding-right: 2rem !important;
}

.dashboard-content{
    padding-left:10px
}

.map-container .button-important {
    bottom: 118px;
    top: unset;
}

.map-container .export-block {
    /*position: absolute;*/
    /*top: 16px;*/
    /*right: 16px;*/
    background: #fff;
    border-radius: 8px;
    padding: 0;
}

.map-container .input-file + label {
    display: flex;
    font-size: 20px;
    font-weight: 600;
    padding: 12px 20px;
    line-height: 20px;
}

.map-container .input-file + label:after {
    content: '+';
    display: block;
    padding-left: 12px;
}

.map-container .gm-control-active.gm-fullscreen-control {
    display: none;
}

.footer-control-panel {
    position: absolute;
    /*display: flex;*/
    justify-content: space-between;
    bottom: 16px;
    /*width: 100%;*/
    padding: 0 16px;
}

.footer-control-panel-pdf {
    justify-content: space-between;
    width: 100%;
}

.footer-nav-contact {
    max-width: 894px;
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: 30px;
}

.footer-contact-email {
    color: #252525;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 116%;
    margin: 0;
}

.plants-type {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    max-width: 581px;
    background-color: #fff;
    border-radius: 8px;
}

.map-page .land-cover {
    padding: 16px;
}

.land-cover {
    background-color: #fff;
    width: 100%;
    padding: 0 12px 12px;
    border-radius: 12px;
}

.land-cover-item {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.land-cover-block {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-top: 12px;
}

.land-cover-text {
    margin-bottom: 0;
    opacity: 0.5;
    font-size: 12px;
    line-height: 12px;
}

.color {
    display: flex;
    align-items: center;
    color: rgba(37, 37, 37, 1);
}

.coffee,
.orchard,
.forest,
.pine,
.timber-plantation,
.grass,
.rubber,
.season-agr,
.urban,
.water,
.pepper {
    width: 15px;
    height: 15px;
    margin-right: 8px;
    border-radius: 4px;
}


.coffee {
    background-color: #c078dc;
}
 
.orchard{
    background-color: #d39952;
}
 
.forest {
    background-color: #2f8f5d;
}
 
.pine {
    background-color: #79bba9;
}
 
.timber-plantation {
    background-color: #6f7f4a;
}
 
.grass {
    background-color: #96bc3a;
}
 
.rubber {
    background-color: #ffbab5;
}
 
.season-agr {
    background-color: #fae3af;
}
 
.urban {
    background-color: #000000;
}
 
.water {
    background-color: #abdbe6;
}
 
.pepper {
    background-color: #e97262;
}

.main-menu {
    padding-left: 0;
    display: flex;
    align-items: flex-start;
    gap: 42px;
    border-bottom: 1px solid #e8e8e8;
}

.main-menu-block {
    margin-bottom: 16px;
    height: fit-content;
}

.main-menu-item {
    color: #a5a5a5;
    display: flex;
    padding-bottom: 14px;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}

.main-menu-link {
    text-decoration: none;
    color: unset;
}

.main-menu-link-active {
    color: #0a0a0a;
    font-weight: 600;
    border-bottom: 2px solid rgba(40, 137, 102, 1);
}

.main-menu-link-active.active {
    color: #0a0a0a;
    background: #FFF;
    position: relative;
    z-index: 3;
    border-radius: 4px;
}

.main-menu-link:visited {
    /*color: inherit;*/
}

.data-table tbody td:first-child,
.data-table thead th:first-child {
    padding-right: 0;
}

.data-table th {
    background-color: rgba(236, 245, 241, 1);
}

.table-wrapper {
    margin-top: 16px;
    margin-bottom: 16px;
}

.table-header {
    display: flex;
    justify-content: space-between;
}

.table-actions {
    display: flex;
    align-items: center;
}
.switch-block {
    display: flex;
    align-items: center;
}

.table-actions .upload-button, .switch-block {
    margin-right: 16px;
}

.table-actions div:last-child {
    margin-right: 0;
}

.table-actions .dropdown-content .dropdown-item {
    color: #0A0A0A;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 14px;
    border-radius: 4px;
}

.select-all {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 12px;
}

.select-all label {
    color: #252525;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px;
}

.switch-block .switch-checkbox,
.select-all .switch-checkbox{
    position: relative;
    display: inline-block;
    width: 24px;
    height: 13.5px;
    margin: 0;
    vertical-align: top;
    background: #ffffff;
    border: 1px solid #288966;
    border-radius: 30px;
    outline: none;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.select-all .switch-checkbox {
    background: #8F8F8F;
    border: 1px solid #8F8F8F;
}

#switch {
    margin-right: 8px;
}

.switch-block .switch-checkbox::after,
.select-all .switch-checkbox::after{
    content: "";
    display: inline-block;
    position: absolute;
    left: 1px;
    top: 1px;
    width: 11px;
    height: 10px;
    background-color: #288966;
    border-radius: 50%;
    transform: translateX(0);
}

.select-all .switch-checkbox::after {
    background-color: #fff;
}

.switch-checkbox:checked::after,
.select-all .switch-checkbox:checked::after{
    transform: translateX(calc(100% + 3px));
    left: -5px;
    background-color: #fff;
}

.select-all .switch-checkbox:checked {
    background-color: #fff;
}

.select-all .switch-checkbox:checked::after {
    background-color: #8F8F8F;
}

.switch-block .switch-checkbox:checked {
    background-color: #288966;
}


.tutorial-button {
    display: flex;
    width: 176px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 4px;
    background: #288966;
    color: #fff;
    height: 42px;
}

.delete-button {
    display: flex;
    width: 176px;
    padding: 10px 24px;
    margin: 10px 10px 10px 0px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    cursor: pointer;
    border-radius: 4px;
    background: #288966;
    color: #fff;
    font-weight: 600;
    line-height: 14px;
}

.upload-button {
    display: flex;
    width: 176px;
    padding: 10px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    cursor: pointer;
    border-radius: 4px;
    background: #288966;
    color: #fff;
    font-weight: 600;
    line-height: 14px;
}

.upload-button:after {
    content: url("/terrai_static/icons/plus.svg");
    width: 12px;
    height: 12px;
}

.upload-button.active:after {
    content: url("/terrai_static/icons/minus.svg");
    width: 12px;
    height: 12px;
}

.dropdown {
    position: relative;
}

.dropdown-content,
.user-dropdown {
    display: none;
    background-color: #fff;
    margin-top: 4px;
    border-radius: 4px;
    position: absolute;
}

.user-dropdown {
    top: 41px;
    right: 0;
}

.dropdown-content.active,
.user-dropdown.active,
.export-dropdown.active,
.dropdown-menu.active {
    display: block;
    width: auto;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 4px;
    border: 1px solid #EFEFEF;
    background: #FFF;
    box-shadow: 0 8px 20px 0 rgba(228, 228, 228, 0.30);
}

.user-dropdown.active {
    right: 0;
    border-radius: 4px;
    border: 1px solid #EFEFEF;
    background: #FFF;
    box-shadow: 0 8px 20px 0 rgba(228, 228, 228, 0.30);
}

.dropdown-content .dropdown-item {
    padding: 10px 16px;
    margin: 0px 5px;
    max-width: 100%;
    width: auto;
    font-weight: 600;
}

.dropdown-item:hover,
.user-dropdown-button:hover {
    background-color: #f1f1f1;
}

.input-file {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.input-file + label {
    font-size: 14px;
    display: inline-block;
    cursor: pointer;
}

.data-table {
    width: 100%;
    border-radius: 8px;
    border-spacing: 0;
}

th {
    background: rgba(236, 245, 241, 1);
}

th:first-child {
    border-top-left-radius: 12px;
}

th:last-child {
    border-top-right-radius: 12px;
}

tr:last-child td:first-child{
    border-bottom-left-radius: 12px;
}

tr:last-child td:last-child{
    border-bottom-right-radius: 12px;
}
th {
    font-size: 12px;
    color: #288966;
    font-weight: 800;
}

.datacheck {
    background: url("/terrai_static/icons/datacheck.svg") no-repeat;
    background-position-y: center;
    background-position-x: 13px;
}

td {
    color: rgba(37, 37, 37, 0.80);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 114.023%;
}

th, td {
    padding: 16px 32px;
}

.datacheck-completed {
    background: url("/terrai_static/icons/completed.svg") no-repeat;
}

.datacheck-progress {
    background: url("/terrai_static/icons/in-progress.svg") no-repeat;
}

.datacheck-completed,
.datacheck-progress {
    background-position-y: center;
    background-position-x: 13px;
}

td {
    text-align: center;
}

.name-header {
    display: flex;
    align-items: center;
}

.data-table .sort {
    display: inline-block;
    vertical-align: middle;
}

.name-head {
    display: table-cell
}

.sort {
    margin-left: 8px;
}

.asc {
    background: url("/terrai_static/icons/sort-chevron-down.svg") no-repeat;
    transform: rotate(180deg);
}

.desc {
    background: url("/terrai_static/icons/sort-chevron-down.svg") no-repeat;
}

.asc,
.desc {
    background-position-y: center;
    width: 8px;
    height: 8px;
    display: block;
    background-position-x: center;
}

.sort-disable {
    opacity: 0.5;
}

.status {
    text-transform: uppercase;
    font-weight: 600;
}

tbody tr:nth-child(even) {
    background-color: rgba(249, 249, 249, 1);
}

.dropdown-more {
    right: 0;
    border-radius: 4px;
    border: 1px solid #EFEFEF;
    background: #FFF;
    box-shadow: 0 8px 20px 0 rgba(228, 228, 228, 0.30);
}

.item-hide,
.item-delete {
    max-width: 100%;
    width: 173px;
    padding: 8px 16px;
}

.hide,
.delete {
    max-width: 100%;
    width: 178px;
    background-repeat: no-repeat;
    background-position-y: center;
    text-align: start;
    padding-left: 26px;
    font-weight: 700;
}

.hide {
    background-image: url("/terrai_static/icons/hide.svg");
}

.delete {
    background-image: url("/terrai_static/icons/delete.svg");
}

.prev,
.next {
    background: url("/terrai_static/icons/chevron-left.svg") no-repeat;
    width: 20px;
    height: 20px;
    background-position-y: center;
}

.prev {
    transform: rotate(180deg);
}

th,
td {
    text-align: start;
}

.pagination-block {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.pagination-buttons {
    margin-right: 14px;
}

.pagination-pages {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.pagination-disabled {
    opacity: 0.5;
}

#pagination {
    border: none;
    background: url("/terrai_static/icons/caret-down.svg") no-repeat calc(100% - 0.25rem) center;
    padding-right: 1.2rem;
    -webkit-appearance: none;
    appearance: none;
    font-weight: 700;
}

.pages p,
.pages-label{
    color: rgba(143, 143, 143, 1);
    font-size: 14px;
    font-weight: 400;
    line-height: 114.023%;
    margin: 0px;
}

.back-button-block {
    padding-top: 32px;
}

.back-button {
    display: inline-flex;
    color: unset;
    text-decoration: unset;
}

.back-button:before {
    display: block;
    content: url("/terrai_static/icons/back.svg");
    width: 12px;
    height: 12px;
    margin-right: 10px;
}



.dashboard-content-wrapper {
    display: flex;
    flex-direction: row;
}

.dashboard-wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
}


.dashboard-column {
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex: 1 1 0;
}

.dashboard-column.description {
    border-radius: 0 16px 16px 0;
    background-color: #F7F7F7;
}

.dashboard-options {
    padding-left: 0;
}

.dashboard-description {
    padding-left: 32px;
    padding-top: 24px;
}

.dashboard-description-title {
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 1;
    color: #71706F;
}

.dashboard-description-item {
    font-size: 18px;
    line-height: 1;
    color: #288966;
    text-decoration: underline;
}

.dashboard-description-item:not(:last-child) {
    margin-bottom: 16px;
}

.dashboard-options-item {
    display: flex;
    justify-content: space-between;
    padding: 24px 32px 24px 24px;
    cursor: pointer;
}

.dashboard-options-item.active {
    border-radius: 16px 0 0 16px;
    background-color: #F7F7F7;
    color: #288966;
}

.dashboard-title-block{
   position: relative;
   padding: 46px 0;
   margin-bottom: 32px;
}

.dashboard-title-block::before{
    content: "";
    position: absolute;
    left: -60px;
    top: 0;
    width: 115%;
    height: 100%;
    background-color: #F7F7F7;
    z-index: -1;
}

.dashboard-title {
    color: #252525;
    font-size: 40px;
    font-weight: 900;
    line-height: 56px;
}

.dashboard-subtitle {
    color: #4E4C54;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

.dashboard-message {
    border-radius: 12px;
    border: 1px solid #ECF2F5;
    padding: 24px;
}

.avatar-block {
    display: flex;
    align-items: center;
}

.message-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 18px;
    padding-top: 6px;
}

.alex-message {
    display: flex;
    gap: 12px;
}

.alex-greeting {
    color: #252525;
    font-size: 14px;
    font-weight: 800;
    line-height: 24px;
}

.message-text {
    color: #71706F;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    padding-bottom: 32px;
}

.message-time {
    color: #4E4C54;
    text-align: right;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

.dashboard-button {
    padding: 0;
    color: #288966;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    text-decoration-line: underline;
    text-underline-offset: 4px;
}

.tracking-block {
    display: flex;
    padding: 16px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: 12px;
    border: 1px solid rgba(40, 137, 102, 0.30);
    background: rgba(40, 137, 102, 0.10);
}

.tracking-text {
    color: #288966;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 14px;
}

.upload-data,
.open-data {
    display: flex;
    padding: 12px 24px;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    background: #288966;
    color: #fff;
}

.open-data {
    padding: 10px 16px;
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    text-transform: capitalize;
}

.management-carousel {
    position: relative;
}

.data-management {
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    flex: 1 0 0;
    border-radius: 12px;
    background: #ECF5F1;
    justify-content: space-around;
    position: absolute;
    overflow: hidden;
}

div.data-management.active {
    position: relative;
    max-width: 100%;
    height: 100%;
    z-index: 3;
    transition: 0.2s;
}

.data-management:nth-child(2) {
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 70%;
    left: 10px;
    background-color: rgba(239, 239, 242, 1);
    z-index: 2;
}


.data-management:nth-child(3) {
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 50%;
    left: 20px;
    background-color: rgba(244, 244, 246, 1);
    z-index: 1;
}

.data-management-title {
    color: #252525;
    font-size: 18px;
    font-weight: 800;
    line-height: 18px;
    text-transform: uppercase;
}

.data-management-text {
    color: #71706F;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

.management-links {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.management-link {
    display: flex;
    justify-content: space-between;
}

.management-link-block {
    padding: 16px 24px;
    border-radius: 4px;
    background: #252525;
}

.management-link-block .management-link {
    color: #fff !important;
}

.main-content-hub {
    height: 100%;
    display: flex;
    justify-content: space-between;
    gap: 24px;
    padding-top: 0;
}

.main-content {
    height: 100%;
    display: flex;
    justify-content: space-between;
    gap: 24px;
    padding-top: 34px;
}

.main-content-item {
    display: flex;
    justify-content: space-between;
    gap: 24px;
}

.main-content-column {
    flex-direction: column;
}


.main-content-center {
    align-items: center;
    justify-content: center;
}


.main-menu-actions {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 16px;
}

.main-filter-block {
    display: flex;
    flex-direction: column;
}

.scroll-container{
    height: 250px;
    overflow-y: auto;
    border: 0px;
    padding: 0;
    margin-right: 10px;

    ::-webkit-scrollbar {
        width: 8px;
    }

    ::-webkit-scrollbar-track {
        background-color: transparent;
    }

    ::-webkit-scrollbar-thumb {
        background-color: #ccc;
        border-radius: 4px;
    }

    ::-webkit-scrollbar-thumb:hover {
        background-color: #999;
    }
}

.filter-block-wrapper {
    display: flex;
    flex-direction: row;
    gap: 24px;
}

.filter-block {
width: 289px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    border-right: 1px solid rgba(239, 239, 239, 1);
    /*min-width: 72px;*/
    overflow: hidden;
    max-height: 70vh;
    height: 70vh;
}


.filter-block_scroll_container {
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 80%;
    min-width: 279px;
    padding-right: 10px;

}


.filter-block .filter-block-content {
    justify-content: start;
    height: 90%;
    overflow: hidden;
}

.filter-title-block {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
    font-weight: 600;
}

.filter-block-actions {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.filter-toggle-open {
    background: #fff url("/terrai_static/icons/filter-out.svg") no-repeat center;
    width: 35px;
    height: 35px;

    border-radius: 50%;
    position: relative;
    bottom: 5px;
}

.filter-toggle-close {
    background: #fff url("/terrai_static/icons/filter-out.svg") no-repeat center;
    width: 35px;
    height: 35px;
    border-radius: 50%;

    transform: rotate(180deg);
    position: relative;
    bottom: 5px;
}


.filter-show {
    background: #fff url("/terrai_static/icons/close-icon.svg") no-repeat center;
    width: 35px;
    height: 35px;
    top: -4px;
    position: relative;
    /*position: relative;
    left: -48px;
    top: 24px;
    border: 1px solid #288966;
    border-radius: 50%;
    margin-bottom: 5px;*/
}

.filter-hide {
    background: url("/terrai_static/icons/close-icon.svg") no-repeat;
    width: 34px;
    height: 34px;
    position: relative;
    left: -16px;
    top: 24px;
    z-index: 4;
    }

.filter-refresh,
.filter-history {
    width: 48px;
    height: 48px;
    border-radius: 6px;
    margin-bottom: 8px;
}

.filter-refresh {
    background: rgba(246, 248, 252, 1) url("/terrai_static/icons/refresh.svg") center no-repeat;
    border: 1px solid rgba(37, 37, 37, 1);
}

.filter-history {
    background: rgba(40, 137, 102, 1) url("/terrai_static/icons/history.svg") center no-repeat;
}

.filter-title {
    font-size: 20px;
    padding: 0 14px 10px 0;
    font-weight: 600;
    margin: 0;
}

.filter-block-analyze {
    text-align: center;
}

.collapse-item:not(:last-child) {
    border-bottom: 1px solid rgba(239, 239, 239, 1);
    padding-bottom: 12px;
    margin-bottom: 12px;
}

.filter-no-value {
    border-radius: 4px;
    background: rgb(255, 232, 193);
    color: rgb(119, 119, 119);
    margin-top: 10px;
    min-width: 285px;
    max-height: 100%;
    height: 42px;
    margin-bottom: 10px;
}

.tour-class .shepherd-header h3 {
    font-weight: 600;
    color: #343434;
    font-size: 18px;
}

.tour-step.shepherd-button{
    border: none;
    background: #fff;
    color: #343434;
    margin-right: 170px;
    padding-left: 0px;
    cursor: default;
}

.tour-step.shepherd-button:not(:disabled):hover {
    background:  #fff;
    border: none;
    color: #343434;
    margin-right: 170px;
    padding-left: 0px;
    cursor: default;
}

.button-next.shepherd-button {
    border-radius: 0.375rem;
    background: #288966;
    color: #fff;
    border: none;
    margin-top: 10px;
    max-height: 100%;
    height: 42px;
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    text-transform: capitalize;
}

.button-next.shepherd-button:not(:disabled):hover {
    background: #1b6148;
    color: hsla(0,0%,100%,.75);
}

.button-back.shepherd-button {
    border-radius: 0.375rem;
    background: #F6F8FC;
    color: black;
    border: 1px solid #8F8F8F;
    margin-top: 10px;
    max-height: 100%;
    height: 42px;
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    text-transform: capitalize;
}

.button-back.shepherd-button:not(:disabled):hover {
    background: #dcdee2;
    color: hsl(0deg 85.08% 9.38% / 92%);
}

.button-analyze {
    border-radius: 4px;
    background: #288966;
    color: #fff;
    margin-top: 10px;
    min-width: 285px;
    max-height: 100%;
    height: 42px;
}

.button-analyze:disabled {
    border-radius: 4px;
    background: #F7F7F7;
    color: #000;
    margin-top: 10px;
    min-width: 285px;
    max-height: 100%;
    height: 42px;
}

.main-content-block {
    display: flex;
    flex-direction: column;
    /*margin-top: 16px;*/
    width: 100%;
}

.main-content-actions {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
}

.main-content-map {
    display: flex;
    gap: 24px;
    height: 100%;
}

.data-actions,
.buttons-actions {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.buttons-pagination {
    display: flex;
    margin: 0 24px;
}

.pagination-number {
    color: #8F8F8F;
    text-align: right;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    padding: 5px 7px;
    margin-right: 16px;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.buttons-pagination .pagination-number.active {
    border-radius: 4px;
    border: 1px solid  #288966;
    color: #288966 !important;
}

.pagination-row{
    margin-left: 14px;
}

.data-actions {
    gap: 16px;
}

.data-actions .export-block {
    border-radius: 2px;
    border: 1px solid #8F8F8F;
    background: #FFF;
    position: relative;
}

.export-block {
    padding: 10px 24px;
    border-radius: 2px;
    border: 1px solid #8F8F8F;
    background: #FFF;
}



.export-button {
    display: flex;
    flex-direction: row;
    /*align-items: center;*/
    justify-content: center;
    line-height: 12px;
}

.export-button:after {
    content: url("/terrai_static/icons/black-plus.svg");
    width: 12px;
    height: 12px;
    padding-left: 8px;
    padding-top: 1px;
}

.export-button.active:after {
    content: url("/terrai_static/icons/black-minus.svg");
    width: 12px;
    height: 12px;
    padding-left: 8px;
}

.data-actions .dropdown-content {
    left: 0;
    top: 48px;
}

.buttons-actions {
    gap: 8px;
}

.info-block {
    width: 50%;
}

.info-message-block {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    border-radius: 12px;
    background: #ecf2f5;
    padding: 16px;
    gap: 24px;
    width: 100%;
}

.info-wrapper {
    height: 100%;
}

.info-message-block-wrapper {
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-right: 8px;
}

.info-message-block-title {
    color: #0A0A0A;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    text-transform: capitalize;
    margin-bottom: 24px;
}

.info-message-block-subtitle {
    color: #565656;
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
    margin-bottom: 8px;
}

.info-message {
    font-size: 16px;
    transition: 0.5s ease-in-out;
    margin-bottom: 0;
}

.info-message ul {
    margin-bottom: 24px;
}

.info-message ul li {
    list-style: inside;
}

#certification {
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 90%;
    min-width: 279px;
}

.info-message-block-wrapper::-webkit-scrollbar,
#certification::-webkit-scrollbar {
    width: 3px;
}

.info-message-block-wrapper::-webkit-scrollbar-thumb,
#certification::-webkit-scrollbar-thumb {
    background-color: #288966;
}

.info-block-chart {
    margin-bottom: 16px;
}

.info-options:first-child {
    padding-right: 32px;
}

.info-options:before {
    display: inline-block;
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #288966;
    margin-right: 8px;
}

#map-block {
    width: 50%;
    position: relative;
}

#map-block .footer-control-panel {
    padding: 5px 12px;
    bottom: 12px;
    background-color: white;
    width: 100%;
}

/*#section-pdf .footer-control-panel {
    padding: 0 12px;
    bottom: 120px;
    background-color: white;
    opacity: 0.8;
}*/

#section-pdf .footer-control-panel {
    padding: 0 12px;
    bottom: 140px;
    background-color: white;
    opacity: 0.8;
    /*margin-left: 80px;*/
    width: 60%;
}

.opportunities-land-cover {
    background: #fff;
    border-radius: 8px;
    width: 100%;
    /*width: unset;*/
    /*position: absolute;*/
    left: 16px;
    bottom: 16px;
}

.opportunities-land-cover .land-cover-block {
    display: flex;
    flex-direction: column;
    align-items: start;
}

.opportunities-land-cover .land-cover-block .land-cover-item {
    margin-bottom: 6px;
}

.climate-items {
    display: flex;
    gap: 12px;
}

.climate-items .remains-suitable {

}

.water-legend-block .legend-item {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.legend-item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

/* thibaud */
.legend-square{
    margin-right: 6px;
    width: 16px;
    height: 16px;
    border-radius: 2px;
}

.legend-circle{
    margin-right: 6px;
    width: 16px;
    height: 16px;
    border-radius: 8px;
}

/* remove */
.legend-forest,
.commune-boundary,
.main-roads,
.very-high-likelihood,
.high-likelihood,
.moderate-likelihood,
.low-likelihood,
.certified-farms,
.farms-from-water,
.water-bodies,
.selected-communes,
.remains-suitable-climate,
.remains-suitable-coffee,
.high-adaptation-climate,
.high-adaptation-coffee,
.district-boundary,
.certified-farms,
.farms-deforestation,
.carbon-forest,
.deforestation,
.low-deforestation,
.medium-deforestation,
.high-deforestation,
.protected-area-deforestation {
    width: 32px;
    height: 16px;
    border-radius: 2px;
}

/* remove */
.low-deforestation {
    border-radius: 2px;
    background: #FEEA66;
}
/* remove */
.medium-deforestation {
    border-radius: 2px;
    background: #FFA500;
}
/* remove */
.high-deforestation {
    border-radius: 2px;
    background: #E30404;
}
/* remove */
.protected-area-deforestation {
    border-radius: 2px;
    background: #A52A2A;
}
/* remove */
.deforestation {
    border-radius: 2px;
    background: #FD040B;
}
/* remove */
.carbon-forest {
    border-radius: 2px;
    background: #252525;
}
/* remove */
.farms-deforestation {
    border-radius: 2px;
    background: #C4CBD0;
}
/* remove */
.district-boundary {
    border-radius: 2px;
    border: 1.5px solid #0A0A0A;
}
/* remove */
.remains-suitable-climate {
    background: #FFB88E;
}
/* remove */
.high-adaptation-climate {
    background: #FE5E01;
}
/* remove */
.high-adaptation-coffee {
    background: #9F804A;
}
/* remove */
.remains-suitable-coffee {
    background: #92CCD9;
}
/* remove */
.main-roads {
    border-radius: 2px;
    background: #C3C3C3;
    height: 4px;
}
/* remove */
.legend-text {
    color: #252525;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    opacity: 0.5;
    margin-left: 8px;
}
/* remove */
.legend-item .commune-boundary {
    border: 1.5px solid #C3C3C3;
    opacity: 0.9800000190734863;
}
/* remove */
.legend-item .legend-forest {
    opacity: 0.9800000190734863;
    background: #C3C3C3;
}
/* remove */
.coffee-items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}
/* remove */
.farms-from-water {
    background: url("/terrai_static/icons/red-triangle.svg") no-repeat center;
}
/* remove */
.water-bodies {
    background: #7F95EF;
}
/* remove */
.selected-communes {
    border: 1.5px solid #FB947E;
    opacity: 0.9800000190734863;
}
/* remove */
.certified-farms {
    background: #252525;
}
/* remove */
.very-high-likelihood {
    background: #741B24;
}
/* remove */
.high-likelihood {
    background: #D53935;
}
/* remove */
.moderate-likelihood {
    background-color: #FB947E;
}
/* remove */
.low-likelihood {
    background: #FCDACE;
}

.item {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.land-cover-title {
    margin-bottom: 0;
    padding-bottom: 12px;
    padding-top: 12px;
    font-size: 14px;
    line-height: 14px;
    color: #252525;
    font-weight: 400;
}

.button-important {
    position: absolute;
    top: 12px;
    left: 16px;
    background: #fff url("/terrai_static/icons/info-circle.svg") no-repeat;
    background-position-y: center;
    background-position-x: 12px;
    z-index: 1;
    border-radius: 8px;
    padding: 16px 16px 16px 39px;
}

.important {
    font-size: 14px;
    color: rgba(40, 137, 102, 1);
}

.map-page .gm-control-active img {
    display: none !important;
}

.gmnoprint .gmnoprint div {
    border-radius: 8px !important;
}

 .gmnoprint button.gm-control-active:first-child {
    background: url("/terrai_static/icons/zoom-in.svg") center no-repeat !important;
}

.gmnoprint button.gm-control-active:last-child {
    background: url("/terrai_static/icons/zoom-out.svg") center no-repeat !important;
}

.gmnoprint button.gm-control-active ~ div {
    background-color: unset !important;
}

#map-block .gmnoprint  {
    display: none !important;
}

#map-block .gm-style .gm-fullscreen-control {
    border-radius: 8px !important;
}


.map-container .gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom {
    right: 0 !important;
    left: 11px;
    bottom: 485px !important;
}

.export-block-wrapper {
    display: flex;
    align-items: center;
}

.show-table-block {
    padding: 10px 24px;
    background: #288966;
}

.show-table {
    color: #288966;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
}

.prev-metric,
.next-metric {
    display: flex;
    align-items: center;
    border-radius: 4px;
    padding: 9px 0;
    text-align: right;
    font-size: 14px;
    font-weight: 600;
    line-height: 12px;
    text-transform: capitalize;
}

.prev-metric:before {
    content: url("/terrai_static/icons/chevron-left-green.svg");
    padding-right: 8px;
    width: 16px;
    height: 16px;
}

.next-metric:after {
    content: url("/terrai_static/icons/chevron-left-green.svg");
    display: inline-block;
    transform: rotate(180deg);
    padding-right: 8px;
    width: 16px;
    height: 16px;
}

.opportunities-land-cover .coffee {
    background-color: #A0522D;
}

.opportunities-land-cover .orchard{
    background-color: #FF4500;
}

.opportunities-land-cover .forest {
    background-color: #098A37;
}

.opportunities-land-cover .pine {
    background-color: #006400;
}

.opportunities-land-cover .timber-plantation {
    background-color: #CD853F;
}

.opportunities-land-cover .grass {
    background-color: #7CFC00;
}

.opportunities-land-cover .rubber {
    background-color: #654321;
}

.opportunities-land-cover .season-agr {
    background-color: #FFD700;
}

.opportunities-land-cover .urban {
    background-color: #808080;
}

.opportunities-land-cover .water {
    background-color: #00F;
}




.filter-input {
    display: flex;
    align-items: center;
}

input[type="checkbox"] {
    accent-color: rgba(40, 137, 102, 1);
    border-radius: 8px;
    width: 16px;
    height: 16px;
    margin-right: 12px;
}

input[type="radio"] {
    accent-color: rgba(40, 137, 102, 1);
    border-radius: 8px;
    width: 16px;
    height: 16px;
    margin-right: 12px;
}


input[type="checkbox"]:checked {
}

input[id="cb1"] + label {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid red;
    border-radius: 2px;
    cursor: pointer;
}

#climate-risk {
    border-radius: 10px;
}

.filter-item{
    padding-top: 14px;
}

.reset {
    color: #288966;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
}


.graph-block {
    background: url("/terrai_static/icons/graph.svg") no-repeat;
    height: 19px;
    width: 19px;
    margin-left: 16px;
}






.first-list {
    padding-left: 0;
}

.collapse-button {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.collapse-button div {
    width: 100%;
}

.collapse-button div button {
    display: flex;
    padding: 0;
    color: #565656;
    font-weight: 600;
    line-height: 24px;
    font-size: 14px;
    width: 100%;
}

.control-collapse[disabled] {
    color: #8F8F8F;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
}

.control-collapse:after {
    content: url("/terrai_static/icons/arrow-up.svg");
    width: 18px;
    height: 18px;
    margin-left: auto;
}

.collapse ul li label {
    font-size: 14px;
    color: #252525;
    font-weight: 600;
    line-height: 114.023%;
    letter-spacing: -0.14px;
}

.chart-wrapper {
    border-radius: 12px;
    border: 1px solid #ECF2F5;
    display: flex;
    flex-direction: column;
    /*align-items: center;*/
    /*padding: 16px 0 24px;*/
}



.chart-block {
    padding: 0 24px;
    /*max-width: 643px;*/
    /*max-height: 403px;*/
}

.chart-buttons {
    width: 100%;
    /*margin-bottom: 24px;*/
    border-bottom: 1px solid #e8e8e8;
    display: flex;
    justify-content: space-between;
}

.chart-button {
    padding: 0 0 12px;
    color: #A5A5A5;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    width: 50%;
}

.chart-button.active {
    border-bottom: 2px solid rgba(40, 137, 102, 1);
    color:  #0A0A0A;
    font-weight: 600;
}

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

.filter-block-wrapper {
    position: relative;
}

#modalChart {
    position: relative;
    width: 100% !important;
    height: auto !important;
}

.chart-explanation-block {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-top: 16px;
}

.chart-explanation {
    border-top: 1px solid #D9D3D3;
    width: 45%;
    text-align: center;
    padding-top: 8px;
    color:  #252525;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.chart-legend-list {
    display: flex;
    flex-direction: row;
    padding-left: 0;
}

.chart-legend-list li {
    margin-right: 12px;
}

.chart-legend-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #565656;
    font-size: 14px;
    font-weight: 400;
    line-height: 12px;
}

.map-legend-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #565656;
    font-size: 10px;
    font-weight: 500;
    line-height: 12px;
    font-family: "CMU Bright";
}

.no-legal-shade,
.moderate-shade,
.heavy-shade{
    width: 16px;
    height: 16px;
    border-radius: 2px;
}

.no-legal-shade:first-child,
.moderate-shade:first-child,
.heavy-shade:first-child {
    margin-right: 4px;
}
.no-legal-shade:last-child,
.moderate-shade:last-child,
.heavy-shade:last-child {
    margin-right: 8px;
}

.no-legal-shade:first-child {
    background: #F7CBAE;
}

.no-legal-shade:last-child {
    background: #B4EF99;
}

.moderate-shade:first-child {
    background: #FAAF81;
}

.moderate-shade:last-child {
    background: #A1D580;
}

.heavy-shade:first-child {
    background: #E36614;
}

.heavy-shade:last-child {
    background: #5E8741;
}

.chart-explanation:first-child {
    margin-left: 25px;
}

#background {
    left: 94px;
}

.main-content .modal-content {
    border-radius: 12px;
    position: relative;
}

.main-content .modal-footer {
    justify-content: center;
}

.main-content .modal-footer button {
    font-size: 14px;
    border-radius: 4px;
    padding: 15px 24px;
    width: 100%;
    margin: 0;
    font-weight: 600;
    height: 40px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.main-content .modal-footer button:first-child,
.upload-dataset {
    border: none;
    background: #288966;
}

.modal-content .modal-header .close-modal {
    background: transparent url("/terrai_static/icons/close-icon.svg") center/1em auto no-repeat;
    position: absolute;
    top: 12px;
    right: 11px;
}

.main-content .modal-footer .close-modal {
    border: 1px solid #565656;
    background: #fff;
    color: #0A0A0A;
}

.modal-content .modal-header {
    padding-bottom: 24px;
}

.main-content .modal-header,
.main-content .modal-footer,
.main-content .modal-body {
    border: none;
    padding: 0;
}

.main-content .modal-body {
    padding: 24px 0 40px;
}

.main-content .modal-content {
    padding: 48px 32px 32px;
}

.main-content .modal-title {
    color: #0A0A0A;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    text-transform: capitalize;
}

.modal-content .modal-footer {
    flex-wrap: nowrap;
    gap: 24px;
}

.modal-content .modal-body p {
    margin: 0;
    color:#565656;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.prescreening-modal .modal-dialog {
    max-width: 910px;
    transition: transform 0.5s;
}

.prescreening-modal ul li ,
.farm-definition-modal ul li {
    list-style: inside;
}

.prescreening-modal .modal-body-list ,
.farm-definition-modal .modal-body-list{
    padding-left: 10px;
    margin-bottom: 24px;
}

.prescreening-modal .modal-body,
.farm-definition-modal .modal-body {
    padding-bottom: 8px;
}

.prescreening-modal .special-words,
.farm-definition-modal .special-words {
    color: #252525;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
}

.prescreening-modal .modal-list-item {
    color: rgba(86, 86, 86, 1);
}

.prescreening-modal .modal-specification {
    color: #8F8F8F;
    font-size: 13px;
    font-weight: 400;
    line-height: 22px;
}

.farm-definition-modal .modal-dialog {
    max-width: 910px;
}

.upload-dataset {
    display: flex;
    padding: 16px 24px;
    justify-content: center;
    align-items: baseline;
    gap: 12px;
    border-radius: 4px;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
}

.filter-admin-area {
    display: flex;
    padding: 8px 16px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: 6px;
    border: 1px solid  #288966;
    min-width: 279px;
    /*background: #fff url("/terrai_static/icons/chevron-down.svg") no-repeat;
    background-position: calc(100% - 0.75rem) center !important;
    background-size: 18px;*/
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    padding-right: 2rem !important;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 24px;
    margin-top: 24px;
    position: relative;
}

.filter-select {
    display: flex;
    padding: 8px 16px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: 6px;
    border: 1px solid  #288966;
    min-width: 279px;
    background: #fff url("/terrai_static/icons/chevron-down.svg") no-repeat;
    background-position: calc(100% - 0.75rem) center !important;
    background-size: 18px;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    padding-right: 2rem !important;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 12px;
    position: relative;
}

.filter-select.active {
    background: #fff url("/terrai_static/icons/chevron-top.svg") no-repeat;
}

.filter-select option {
    color: #0A0A0A;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
}

.select-item {
    min-width: 279px;
}

.choose-dataset.active {
    top: 41px;
    left: 0;
    z-index: 2;
}

.choose-dataset.active .dropdown-item {
    width: unset;
}

.select-specification {
    color: #252525;
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    line-height: 12px;
    margin-bottom: 0;
    padding-top: 6px;
}

.item {
    position: relative;
    width: 100%;
}

.climate-item {
    margin-bottom: 16px;
}

.shade-tree-coverage {
    position: relative;
    width: 100%;
    height: 16px;
    border-radius: 2px;
    background: linear-gradient(90deg, #E7F1DB 0%, #065E22 100%);
}

.shade-number-0,
.shade-number-80 {
    position: absolute;
    color: #252525;
    opacity: 0.5;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    top: 22px;
}

.shade-number-0 {
    left: 2px;
}

.shade-number-80 {
    right: 2px;
}

.table-special-words {
    color: rgba(40, 137, 102, 1);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.carbon-project-map {
    display: flex;
    flex-direction: column;
}

.carbon-project-map .certified-farms {
    border-radius: 2px;
    background: #A24E01;
}

.farm-definition-modal table thead th {
    color: #FFF;
    font-size: 12px;
    font-weight: 700;
    line-height: 114.023%;
    text-transform: uppercase;
}

.farm-definition-modal table thead th:nth-child(1) {
    border-top: 2px solid rgba(40, 137, 102, 0.08);
    border-right: 2px solid rgba(40, 137, 102, 0.08);
    border-left: 2px solid rgba(40, 137, 102, 0.08);
    border-bottom: 2px solid rgba(40, 137, 102, 0.08);
    background: #ECF5F1;
}

.farm-definition-modal table thead th:nth-child(2) {
    background: #FEEA66;
}

.farm-definition-modal table thead th:nth-child(3) {
    background: #FFC760;
}

.farm-definition-modal table thead th:nth-child(4) {
    background: #E30404;
}

.farm-definition-modal table thead th:nth-child(5) {
    background: #A52A2A;
}

.farm-definition-modal table tr td:first-child,
.carbon-factor tr td:first-child {
    background: #ECF5F1;
    color: #565656;
    font-size: 12px;
    font-weight: 800;
    line-height: 16px;
    text-transform: uppercase;
    width: 195px;
}

.farm-definition-modal table tbody td,
.carbon-factor tbody td{
    border-bottom: 2px solid rgba(40, 137, 102, 0.08);
    border-right: 2px solid rgba(40, 137, 102, 0.08);
}

.farm-definition-modal table tbody tr:nth-child(even),
.carbon-factor tbody tr:nth-child(even){
    background-color: unset;
}

.farm-definition-modal .modal-body {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding-top: 0;
}

.table-explanation h2 {
    color:  #0A0A0A;
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    text-transform: capitalize;
    margin-bottom: 24px;
}

.carbon-factor tbody tr td:first-child {
    background-color: #ECF5F1;
    color: #288966;
    font-size: 12px;
    font-weight: 800;
    line-height: 12px;
    text-transform: uppercase;
}

.table-title {
    color:  #0A0A0A;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    text-transform: capitalize;
}

.carbon-table-text {
    color: #565656;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.carbon-factor th {
    border-top: 2px solid rgba(40, 137, 102, 0.08);
    border-right: 2px solid rgba(40, 137, 102, 0.08);
    background: #ECF5F1;
}

.carbon-factor th,
.carbon-factor td {
    padding: 16px 14px;
}

.carbon-factor td {
    max-width: 123px;
}

.carbon-factor tbody td:nth-last-child(-n+4) {
    width: 92px;
}

.carbon-factor {
    width: 100%;
}

.collective-table .modal-dialog {
    max-width: 1300px;
    max-height: 668px;
}

.collective-table .modal-header {
    margin-bottom: 24px;
}

.collective-table .table-title {
    font-weight: 800;
}


.collective-table .modal-content  {
    padding: 24px;
}

.collective-table .modal-body {
    padding: 0;
}

.collective-table th {
    max-height: 100%;
    height: 100px;
    max-width: 122px;
}

.collective-table th,
.collective-table td {
    padding: 16px 17px;
}

.collective-table td {
    text-align: end;
}

.collective-table tbody tr:nth-child(even) {
    background-color: unset;
}

.collective-table tr,
.collective-table th,
.collective-table td {
    border: 1px solid rgba(40, 137, 102, 0.08);
}

.collective-table .name-header p {
    color: #288966;
    font-size: 12px;
    font-weight: 800;
    line-height: 114.023%;
}

.sortable {
    cursor: pointer;
    user-select: none;
}

.dots {
    position: absolute;
    right: -35px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.dot {
    width: 4px;
    height: 4px;
    background-color: #E5E5E9;
    margin-bottom: 4px;
    border-radius: 50%;
    cursor: pointer;
}

.dot.active {
    width: 6px;
    height: 6px;
    background-color: #288966;
}



.popover-wrapper {
    position: relative;
    display: inline-block;
}
.popover-content {
    /*opacity: 0;
    visibility: hidden;*/
    position: absolute;
    left: 29px;
    top: 44px;
    transform: translate(0, 10px);
    border-radius: 4px;
    background: #FFF;
    box-shadow: 0 1px 9px 0 rgba(0, 0, 0, 0.25);
    padding: 16px;
    width: 434px;
    height: 172px;
}
.popover-content:before {
    position: absolute;
    width: 33px;
    height: 9px;
    z-index: -1;
    content: "";
    left: 60px;
    top: -9px;
    background: url("/terrai_static/icons/popup-arrow.svg");
    transition-duration: 0.3s;
    transition-property: transform;
}
.popover-content.active {
    /*z-index: 10;
    opacity: 1;
    visibility: visible;*/
    transform: translate(0, -20px);
    transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}
.popover-message {
    text-align: center;
}

.popover-body {
    margin: 8px 0 12px;
}

.popover-header .close-modal {
    position: absolute;
    top: 8px;
    right: 8px;
}

.popover-header  p {
    color: #343434;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}

.popover-body p {
    color: #71706F;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.popover-header  p,
.popover-body p{
    margin-bottom: 0;
}

.popover-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.popover-footer span {
    color: #343434;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
}

.popover-footer button {
    padding: 12px 24px;

}

.popover-footer button:not(button:last-child) {
    margin-right: 8px;
    border: 1px solid #8F8F8F;
    background: #F6F8FC;
    color: black;
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    text-transform: capitalize;
}

.popover-footer button:last-child {
    background: #288966;
    color: #FFF;
    border: none;
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    text-transform: capitalize;

}



#background.popup-background {
    z-index: 1;
}

.graph-modal .modal-content {
    padding: 32px;
    width: 632px;
    height: 508px;
}

.graph-modal .modal-title {
    font-size: 16px;
    font-weight: 800;
    line-height: 16px;
}

.graph-modal .modal-dialog {
    max-width: 632px;
    max-height: 508px;
}

.graph-modal .modal-body {
    padding: 16px 0 0;
}

#chart-legend-block {
    margin-bottom: 32px;
}

.shade-tree-coverage-legend {
    margin-top: 24px;
}

#chart {
    max-width: 700px;
    max-height: 210px;
}

.aside-chart #map-chart {
    display: block;
    height: 244px !important;
    width: 500px !important;
    border-radius: 12px;
    border: 1px solid #ECF2F5;
}

.aside-chart-title {
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
}

.tree-shade-list {
    display: grid;
    padding-left: 0;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 8px;
}

.tree-shade-list-2 {
    display: grid;
    padding-left: 0;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 4px;
    margin: 0px;
}

.tree-shade-list-3 {
    display: grid;
    padding-left: 0;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 4px;
}

.tree-shade-list-4 {
    display: grid;
    padding-left: 0;
    grid-template-columns: repeat(4, 1fr);
    row-gap: 4px;
}

.tree-no-shade,
.tree-moderate-shade,
.tree-light-shade,
.tree-heavy-shade,
.chart-risk-low,
.chart-risk-medium,
.chart-risk-high,
.chart-risk-protected {
    width: 24px;
    height: 24px;
    border-radius: 6px;
    margin-right: 8px;
}

.tree-no-shade {
    background: #CAF7B4;
}

.tree-moderate-shade {
    background: #93CE75;
}

.tree-light-shade {
    background: #ACDF92;
}

.tree-heavy-shade {
    background: #5D8746;
}

.chart-risk-legend-list {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 24px;
}

.chart-risk-low {
    background: #FEEA66;
}

.chart-risk-medium {
    background: #FFA500;
}

.chart-risk-high {
    background: #E30404;
}

.chart-risk-protected{
    background: #A52A2A;
}

.shade-tree-coverage li {
    color: #565656;
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
}

.shade-tree-coverage-legend .very-high-likelihood,
.shade-tree-coverage-legend .high-likelihood,
.shade-tree-coverage-legend .moderate-likelihood,
.shade-tree-coverage-legend .low-likelihood {
    width: 24px;
    height: 24px;
    border-radius: 6px;
    margin-right: 8px;
}

.tooltipBlock {
    position: relative;
    z-index: 1;
}

.tooltip-items-block {
    border-radius: 9px;
    border: 1px solid #ECF2F5;
    background: #FFF;
    box-shadow: -1px 1px 6px 0 rgba(0, 0, 0, 0.24);
    display: flex;
    padding: 12px 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
}

.tooltip-items-block:before {
    position: absolute;
    width: 33px;
    height: 20px;
    content: "";
    left: -6px;
    /*top: 36px;*/
    background: url("/terrai_static/icons/popup-small-arrow.svg") no-repeat;
    transition-duration: 0.3s;
    transition-property: transform;
}

.tooltip-item-block {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.tooltip-label {
    color: #8F8F8F;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-transform: capitalize;
    margin-right: 6px;
}

.tooltip-value {
    color: #252525;
    font-size: 12px;
    font-weight: 800;
    line-height: 12px;
}

.tooltip-color-block {
    margin-right: 9px;
    width: 12px;
    height: 12px;
    border-radius: 2px;
}

#modal-chartjs-tooltips {
    z-index: 1;
    width: max-content;
}

.tooltip-items-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 12px;
}

.tooltip-item-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 12px;
}

.modal-tooltip-title {
    color: #C00000;
    font-size: 14px;
    font-weight: 800;
    line-height: 14px;
}

.modal-tooltip-subtitle {
    color: #252525;
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
}

.apply-new-factor-block {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 8px;
}

.apply-new-factor-block button {
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    padding: 12px 24px;
    background: #288966;
    border-radius: 2px;
}

.landing-body {
    height: unset;
    overflow: unset;
    margin: 0 auto;
}

.land-cover-body {
    height: unset;
    overflow: unset;
    margin: 0 auto;
}

.methodology-body {
    height: unset;
    overflow: unset;
    margin: 0 auto;
}

.header-wrapper {
    padding: 24px 120px 10px;
    background: url("/terrai_static/images/hero-section-img.jpg") no-repeat center;
    background-size: cover;
}

.header-wrapper.about-us {
    background: url("/terrai_static/images/hero-about-us.jpg") no-repeat center;
    background-size: cover;
}

.header-wrapper.methodology {
    background: url("/terrai_static/images/hero-about-us.png") no-repeat center;
    background-size: cover;
}

.hero-section-title.methodology {
    margin: 50px auto;
    padding-bottom: 50px;
}

.header-wrapper.contact-us {
    background: url("/terrai_static/images/hero-about-us.png") no-repeat center;
    background-size: cover;
}

.hero-section-title.contact-us {
    margin: 50px auto;
    padding-bottom: 50px;
}

.header-navigation {
    max-width: 1440px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-radius: 12px;
    background: #FFF;
    padding: 16px 32px;
    margin: 24px auto;
}


.header-menu {
    display: flex;
    align-items: center;
    gap: 48px;
    justify-content: space-between;
    padding: 15px 24px;
    margin-bottom: 0;
}

@media screen and (max-width:1190px) {
    .header-menu {
        gap: 20px;
    }
}

.navigation-logo {
    max-width: 90px;
    padding: 5px 32px 5px 0;
    border-right: 1px solid #DEDEDE;
}

.header-menu-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.navbar-collapse {
    flex: unset;
}

.header-menu-item:last-child {
    padding-right: 0;
}

.header-menu-link {
    color: #252525;
    font-size: 16px;
    font-weight: 600;
    line-height: 116%;
}

.header-menu-link.active {
    color: #288966;
}

.dashboard-link {
    display: inline-flex;
    padding: 16px 32px;
    justify-content: center;
    align-items: baseline;
    gap: 12px;
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    line-height: 14px;
    font-weight: 600;
}

.dashboard-link.dark {
    background: #252525;
    color: #FFF;
}

.header-dashboard-link .dashboard-link.dark {
    color: #fff;
}

.hero-section {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 80px 120px 106px;
}

.hero-section-subtitles,
.details{
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 0;
    padding-left: 19px;
}

/*.details li {*/
/*    margin-bottom: 6px;*/
/*}*/

.hero-section-subtitles {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 41px;
}

.hero-section-subtitles > .hero-section-subtitle {
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 281px;
    width: 100%;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    height: 152px;
    transition: 0.5s all;
}

.hero-section-subtitles > .hero-section-subtitle.active {
    color: #fff;
    padding: 0 24px 34px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 357px;
    width: 100%;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    background: rgba(247, 247, 247, 0.20);
    backdrop-filter: blur(1px);
    border-radius: 4px 4px 0 0;
}

.hero-section-subtitle:before {
    display: block;
    content: "";
    border-radius: 4px 4px 0 0;
    opacity: 0.35;
    background: #FFF;
    max-width: 357px;
    width: 100%;
    height: 2px;
    margin-bottom: 24px;
}

.hero-section-subtitle.active:before {
    display: block;
    opacity: 0;
}

.hero-section-subtitle.active:after {
    display: block;
    content: "";
    border-radius: 4px 4px 0 0;
    background: #FFF;
    max-width: 357px;
    width: 100%;
    height: 2px;
    margin-top: 24px;
}

.details-item {
    list-style: inherit;
}

.hero-section-text {
    display: flex;
    flex-direction: column;
    max-width: 718px;
}

.hero-section-title {
    color: #fff;
    font-size: 64px;
    font-weight: 800;
    line-height: 130%;
    max-width: 792px;
    max-height: 250px;
    flex-shrink: 0;
    text-align: center;
    margin: 140px auto 182px;
}

.hero-section-title.about-us {
    margin-top: 8px;
    margin-bottom: 40px;
    font-size: 72px;
}

.hero-description {
    color: #EDEDED;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin-top: 140px;
}

.benchmark-section {
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: baseline;
    padding: 140px 120px;
    position: relative;
}

.benchmark-section > .carousel > .carousel-control-prev,
.benchmark-section > .carousel > .carousel-control-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 48px;
    width: 48px;
    background-color: rgba(40, 137, 102, 0.10);
    border-radius: 50%;
}

.benchmark-section > .carousel > .carousel-control-prev {
    left: -74px;
}

.benchmark-section > .carousel > .carousel-control-next {
    right: -74px;
}

.benchmark-section-block {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    flex: 1;
    gap: 24px;
}

.benchmark-content {
    display: flex;
    flex-direction: column;
    gap: 44px;
}

.benchmark-content .chart-details-block.details-img-block {
    flex: 1;
}

.benchmark-text-block {
    display: flex;
    flex-direction: column;
    gap: 44px;
    padding: 44px 32px 0;
    max-width: 690px;
}

.text-wrapper {
    display: flex;
    flex-direction: column;
    gap: 44px;
}

.benchmark-section .carousel-control-next,
.carousel-control-prev {
    top: unset;
    bottom: unset;
    width: unset;
}

.benchmark-section .carousel-control-prev-icon,
.carousel-control-next-icon{
    background-image: url("/terrai_static/icons/carousel-left.svg");
}

.benchmark-section .carousel-control-next-icon {
    transform: rotate(180deg);
}

.section-title {
    color:  #252525;
    font-size: 48px;
    font-weight: 800;
    line-height: 116%;
}

.explore-button {
    display: flex;
    width: 180px;
    padding: 16px 24px;
    justify-content: center;
    align-items: baseline;
    gap: 12px;
    border-radius: 4px;
    background: #288966;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
}

.contact-button-block {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 250px;
}

.contact-button {
    display: flex;
    width: 180px;
    padding: 16px 24px;
    justify-content: center;
    align-items: baseline;
    gap: 12px;
    border-radius: 4px;
    background: #288966;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 14px;
}

.img-section {
    display: flex;
    position: relative;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.section-img {
    width: 100%;
    height: auto;
    object-fit: cover;
    z-index: 0;
}

.main-content-wrapper {
    width: 100%;
}

.datasets-section {
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 140px 120px 100px;
    gap: 64px;
}

.datasets-wrapper {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: start;
    gap: 24px;
    position: relative;
}

.datasets-details {
    min-width: 100%;
    flex-basis: calc(100%/1.83);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

@media screen and (min-width:1240px) {
    .datasets-details {
        min-width: 600px;
    }
}

.datasets-details .accordion {
    display: flex;
    padding: 40px 32px;
    flex-direction: column;
    align-items: flex-start;
    /*gap: 32px;*/
    border-radius: 20px;
    background: #F7F7F7;
}

.datasets-details .accordion-header {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
}

.datasets-details .accordion-button:not(.collapsed) {
    background-color: unset;
    box-shadow: unset;
}

.accordion-img-block {
    display: flex;
    width: 48px;
    height: 48px;
    padding: 10px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: rgba(37, 37, 37, 0.05);
}

.datasets-details .accordion-header .accordion-button {
    background-color: transparent;
}

.datasets-details .accordion-button {
    color: #252525;
    font-size: 24px;
    font-weight: 600;
    line-height: 116%;
    padding-right: 5px;
}

.datasets-wrapper .accordion-button:not(.collapsed) {
    color: #288966;
}

.accordion-button:not(.collapsed) ~ .accordion-img-block {
    background: rgba(40, 137, 102, 0.10);
}

.accordion-item:nth-child(1) .accordion-button.collapsed ~ .accordion-img-block {
    background: rgba(37, 37, 37, 0.05) url("/terrai_static/icons/deforestation.svg") no-repeat center;
}

.accordion-item:nth-child(1) .accordion-button:not(.collapsed) ~ .accordion-img-block {
    background: rgba(40, 137, 102, 0.10) url("/terrai_static/icons/deforestation1.svg") no-repeat center;
}

.accordion-item:nth-child(2) .accordion-button.collapsed ~ .accordion-img-block {
    background: rgba(37, 37, 37, 0.05) url("/terrai_static/icons/land-cover.svg") no-repeat center;
}

.accordion-item:nth-child(2) .accordion-button:not(.collapsed) ~ .accordion-img-block {
    background: rgba(40, 137, 102, 0.10) url("/terrai_static/icons/land-cover1.svg") no-repeat center;
}

.accordion-item:nth-child(3) .accordion-button.collapsed ~ .accordion-img-block {
    background: rgba(37, 37, 37, 0.05) url("/terrai_static/icons/climate.svg") no-repeat center;
}

.accordion-item:nth-child(3) .accordion-button:not(.collapsed) ~ .accordion-img-block {
    background: rgba(40, 137, 102, 0.10) url("/terrai_static/icons/climate1.svg") no-repeat center;
}

.accordion-item:nth-child(4) .accordion-button.collapsed ~ .accordion-img-block {
    background: rgba(37, 37, 37, 0.05) url("/terrai_static/icons/shade-cover.svg") no-repeat center;
}

.accordion-item:nth-child(4) .accordion-button:not(.collapsed) ~ .accordion-img-block {
    background: rgba(40, 137, 102, 0.10) url("/terrai_static/icons/shade-cover1.svg") no-repeat center;
}

.datasets-details .accordion-button::after {
    background-image: url("/terrai_static/icons/control-add.svg");
}

.datasets-wrapper .accordion-button:not(.collapsed)::after {
    background-image: url("/terrai_static/icons/control-remove.svg");
}

.datasets-details .accordion-item {
    background-color: unset;
    border: unset;
    /*max-width: 422px;*/
    width: 100%;
    padding-bottom: 32px;
    padding-top: 32px;
    border-bottom: 1px solid #E1E1E1;
}

.datasets-details .accordion-item:first-child {
    padding-top: 0;
}

.datasets-details .accordion-item:last-child {
    padding-bottom: 0;
    border-bottom: unset;
}

.datasets-details .accordion-body {
    padding-top: 0;
    padding-bottom: 0;
}

.datasets-details .accordion-body p {
    padding-left: 49px;
    margin-bottom: 0;
    color: #565656;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}

.datasets-map {
    display: none;
}

@media screen and (min-width:1240px) {
    .datasets-map {
        display: block;
        width: calc(100%/2.3);
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
    }
}


.hero-section-img,
.details-img-block {
    max-width: 100%;
    max-height: 100%;
}

.details-img-block {
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
}

.datasets-map-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.datasets-map-img-slider{
    --divider-width: 2px;
    --divider-color: #ffffff;
    --default-handle-opacity: 1;
    --default-handle-width: 120px;
}

/* landing page dataset map contener for fade in */
.fade-in-image {
    position: relative;
    object-fit: cover;
   }
   
/* original image in container*/
.fade-in-image .image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;

}

/* hover image start at oppacity 0 */
.fade-in-image .hover {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    position: absolute;
    top: 0;
    opacity: 0;
    transition: 2s ease;
}

/* appear on hover */
.fade-in-image:hover .hover {
    opacity: 1;
}

/* hover button */

.climate_loading_bar {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0px;
    right: 0px;
    margin: auto;
    padding: 19px 22px;
    }
    .climate_loading_bar:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        border-radius: 20px;
        background: #6bdf88;
        width: 56px;
        height: 56px;
        transition: all 2s ease; }
    .climate_loading_bar span {
        position: absolute;
        font-size: 16px;
        line-height: 18px;
        font-weight: 900;
        letter-spacing: .25em;
        text-transform: uppercase;
        vertical-align: middle; }
    
    .climate_loading_bar:hover:before {
        width: 100%;
        background: #28ac7b;
        transition: 2s ease;
     }
    
    

   
.hero-img,
.details-img img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.benchmark-map {
    width: 486px;
    height: 100%;
    max-height: 742px;
}

.benchmark-map-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.details-img.exel-img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 12px;
    background: #247E4B;
}

.chart-details-block {
    max-width: 100%;
    max-height: 100%;
}

.chart-details-img {
    max-width: 690px;
    max-height: 326px;
}

.see-methodology-block {
    display: flex;
    width: 100%;
    padding: 24px 32px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 20px;
    border-radius: 20px;
    background: #252525;
}

.see-methodology-block span {
    color: #B7B7B7;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}

.see-methodology-button {
    display: flex;
    width: 180px;
    padding: 16px 24px;
    justify-content: center;
    align-items: baseline;
    gap: 12px;
    border-radius: 4px;
    background: #FFF;
    color: #252525;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
}

.partners-section {
    max-width: 1440px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 80px 0 120px;
    margin: 0 auto;
    gap: 40px;
    border-bottom: 1px solid #DEDEDE;
}

.partners-section h2 {
    color: #252525;
    font-size: 24px;
    font-weight: 600;
    line-height: 116%;
}

.partners-block {
    display: flex;
    flex-direction: row;
    gap: 32px;
}

.partners-item {
    display: flex;
    padding: 16px 24px;
    align-items: center;
    gap: 16px;
    border-radius: 20px;
    background: #F7F7F7;
}

.partners-item span {
    font-size: 16px;
    font-weight: 600;
    line-height: 116%;
}

.landing-footer {
    padding: 50px 120px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 32px;
    border-radius: 100px 100px 0 0;
    background: #F7F7F7;
}

.footer-menu-block {
    padding-bottom: 32px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #E1E1E1;
}

.footer-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 70px;
    padding-left: 0;
    margin: 0;
}

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

@media screen and (max-width: 1390px) {
    .footer-menu {
        gap: 50px;
    }
}
@media screen and (max-width: 1250px) {
    .footer-menu {
        gap: 20px;
    }
}
@media screen and (max-width: 1250px) {
    .footer-menu {
        gap: 10px;
    }
}
.footer-logo-block {
    max-width: 225px;
    max-height: 100px;
}

.footer-img-block {
    max-width: 209px;
    max-height: 104px;
}

.footer-img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.footer-extra-text {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 1200px;
}

.footer-rights p{
    margin-bottom: 0;
}

.footer-extra-menu {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 32px;
    margin-bottom: 0;
    padding-left: 0;
}

.footer-menu-item {
    color: #252525;
    font-size: 18px;
    font-weight: 600;
    line-height: 116%;
}

.footer-rights p {
    color: #252525;
    font-size: 14px;
    font-weight: 500;
    line-height: 116%;
}

.footer-extra-menu-item .footer-extra-menu-link {
    color: #252525;
    font-size: 14px;
    font-weight: 600;
    line-height: 116%;
}

.footer-partners-block {
    max-width: 1200px;
    width: 100%;
    display: flex;
    gap: 50px;
}

.footer-partners {
    display: flex;
    flex-direction: column;
    gap: 16px;
    overflow: hidden;
}

.partners-title {
    color: #252525;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 116%;
    margin-left: 56px;
}

.carousel-inner-partner {
    display: flex;
    gap: 16px;
    margin: 0 56px;
    transition: 0.5s all;
}

.carousel-item-partner {
    padding: 16px 32px;
    background-color: #FFFFFF;
    border-radius: 20px;
    min-width: 180px;
    max-height: 78px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.carousel-partners {
    position: relative;
}

.carousel-partners > .carousel-control-prev,
.carousel-partners > .carousel-control-next {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 100%;
    border-radius: 0 20px 20px 0;
    background: linear-gradient(to left, rgba(255,255,255, 0.8), rgba(255, 255, 255, 0.5));
}

.carousel-partners > .carousel-control-prev {
    transform: rotate(-180deg);
}

.carousel-partners > .carousel-control-next {
}

.carousel-buttons {
    display: flex;
    padding: 0 100px;
    width: 100%;
}

.carousel-buttons .carousel-button:not(.active) {
    opacity: 0.1;
}

.carousel-buttons .carousel-button {
    flex-grow: 1;
    margin: 0;
    padding: 0;
    background-color: #288966;
    border-radius: 4px;
}

.carousel-inner {
    height: 742px;
    margin-bottom: 62px;
}

.carousel-item {
    height: 100%;
    animation: slide-in 0.5s ease-in-out;
}

@keyframes slide-in {
    0% {
        left: 100%;
        opacity: 0;
    }

    100% {
        left: 0;
        opacity: 1;
    }
}


.benchmark-section-block {
    height: 100%;
    width: 100%;
}

.benchmark-section {
    width: 100%;
    overflow-x: hidden;
}

.work-area-section {
    max-width: 1440px;
    margin: 0 auto;
    padding: 120px 120px 140px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 64px;
}

.methodology-area-section{
    width: 100%;

    margin: 0 auto;
    padding-top: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 64px;
}

.methodology-block{
    width: 100%;
}

.all-countries {
    display: none;
}

.all-countries.visible {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.divider {
    width: 850px;
    margin: auto;
}

.grid-flags {
    display: flex;
    flex-wrap: wrap;
    gap: 56px;
    justify-content: center;
    max-width: 960px;
}

.flag-title {
    color: #565656;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
}

.flag-item {
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
    align-items: center;
    max-width: 106px;
}

.banner-section {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 120px 120px;
}

.banner-wrapper {
    border-radius: 20px;
    background: #288966;
    display: flex;
    padding: 40px 36px;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
}

.banner-title h3 {
    color: #FFF;
    font-size: 28px;
    font-weight: 800;
    line-height: 150%;
}

.banner-subtitle span {
    color:  #FFF;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    opacity: 0.65;
}

.banner-button-block {
    display: flex;
    width: 180px;
    height: 52px;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
    border-radius: 6px;
    background: #FFF;
}

.banner-button-block a {
    color: #252525;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 14px;
}

@media screen and (max-width: 800px){
   .main-section,
   .benchmark-section-block,
   .datasets-wrapper,
   .partners-block,
   .footer-menu,
   .footer-extra-text,
   .banner-wrapper,
   .hero-section-subtitles {
       display: flex;
       flex-direction: column;
   }

    .hero-section-subtitles {
        align-items: center;
    }

    .main-section,
    .landing-footer {
        padding-left: 20px;
        padding-right: 20px;
    }

    .partners-section {
        margin-left: 20px;
        margin-right: 20px;
    }

    .hero-section,
    .benchmark-section,
    .datasets-section,
    .partners-section {
        padding-bottom: 80px;
        padding-top: 40px;
    }

    .landing-footer {
        padding-bottom: 24px;
        padding-top: 40px;
    }

    .banner-block {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 650px){
    .hero-section-title {
        font-size: 46px;
    }
}

.text-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: absolute;

    bottom: 15%;
    left: 10%;
    max-width: 70%;
    color: #FFF;
    z-index: 2;
}

.subtitle-container {
    padding-bottom: 1.25rem;
    border-bottom: 2px solid #ffffff59;
    margin-bottom: 0.5rem;
}

.subtitle-container .subtitle {
    margin: 0;
    font-style: normal;
    font-size: 1.5rem;
    font-feature-settings: 'clig' off, 'liga' off;
    font-weight: 700;
    line-height: 130%;
}

.owner-text {
    color: #FFF;
}
.owner-info {
    color: #FFF;
}

.owner-name {
    color: #FFF;
    margin-bottom: 8px;
    font-size: 1rem;
    font-weight: 700;
    font-style: normal;
}


.owner-position {
    color: #FFF;
    font-size: 16px;
    opacity: 0.8;
    font-style: italic;
    font-weight: 400;
}

@media screen and (max-width: 660px) {
    .subtitle-container .subtitle {
        font-size: 1rem;
    }

    .owner-name {
        margin-bottom: 4px;
        font-size: 0.8rem;
        font-weight: 700;
        font-style: normal;
    }

    .owner-position {
        font-size: 0.7rem;
        opacity: 0.8;
        font-style: italic;
        font-weight: 400;
    }

}

.countries-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 44px;
}

.country-name {
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 24px;
    font-style: normal;
    color: #565656;
    font-weight: 600;
    line-height: 116%;
}

.country-image {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 32px;
    width: 100%;
}

.countries-block .country-image:nth-child(even) {
    border-left: 1px solid #DEDEDE;
}

.countries-show-more, .countries-show-more:visited {
    color:#288966;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
}

.edit-profile-back-icon{
    margin-right: 16px;
}

.edit-profile-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.edit-profile-title-block,
.edit-profile-password-block{
    width: 594px;
}

.edit-profile-title-block{
    margin-bottom: 62px;
}

.edit-profile-password-block label:not(:first-child){
    margin-top: 46px;
}

.edit-profile-title {
    color: #252525;
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 24px;
}

.edit-profile-subtitle {
    color: #565656;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}

.password-field {
    position: relative;
    display: block;
    width: 100%;
}

.password-label-text{
    position: absolute;
    top: -26px;
    left: 0;

    color: #161616;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
}

.password-field input {
    display: flex;
    width: 100%;
    height: 40px;
    padding: 10px 48px 10px 16px;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px;
    border: 1px solid #F2F3F6;
    background: #FFF;
    color: #161616;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;

    transition: 0.3s ease-in-out;
}

.password-field input:hover,
.password-field input:focus {
    border: 1px solid #288966;
    outline: none;
}

.password-field input::placeholder{
    color: #161616;
    font-weight: bold;
}

#old-password-toggler,
#new-password-toggler,
#confirm-new-password-toggler {
    position: absolute;
    right: 16px;
    top: 54%;
    transform: translateY(-50%);
    cursor: pointer;
}

.password-change-button{
    display: flex;
    padding: 12px 24px;
    margin-top: 24px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: #288966;
    color:#FFF;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;

    transition: 0.3s ease-in-out;
}

.password-change-button:hover,
.password-change-button:focus {
    background: #207556;
}

.password-field.success input {
    border-color: #2ecc71;
}

.password-field.error input {
    border-color: #e74c3c;
}

.password-field small {
    visibility: hidden;
    position: absolute;
    top: -26px;
    right: 0;
}

.password-field.error small {
    visibility: visible;
    color: #e74c3c;
}

.password-field.success small {
    visibility: visible;
    color: #207556;
}

.green {
    color: #288966;
}

.our-vision {
    margin: 0 auto;
    max-width: 1440px;
    display: flex;
    flex-direction: column;
    gap: 80px;
}

.our-vision-general {
    margin: 90px 120px;
    padding: 113px 222px 0;
    position: relative;
}

.our-vision-picture1, .our-vision-picture2, .our-vision-picture3, .our-vision-picture4 {
    position: absolute;
    border-radius: 15px;
}

.our-vision-picture1 {
    height: 200px;
    top: 132px;
    left: -30px;
    z-index: 1;
}
.our-vision-picture2 {
    height: 103px;
    bottom: 121px;
    left: 55px;
    z-index: 2;
}
.our-vision-picture3 {
    height: 160px;
    top: 0;
    right: -32px;
    z-index: 1;
}
.our-vision-picture4 {
    height: 200px;
    bottom: 36px;
    right: -119px;
    z-index: 1;
}

.our-vision-subtitle {
    color: #288966;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 24px;
}

.our-vision-title {
    color: #252525;
    text-align: center;
    font-size: 52px;
    font-style: normal;
    font-weight: 700;
    line-height: 116%;
    margin-bottom: 32px;
}

.our-vision-description {
    color: #565656;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 44px;
}

.our-vision.contact-button-block {
    padding-bottom: 0;
}

.our-vision-secondary {
    display: flex;
    gap: 40px;
    justify-content: center;
}

.our-vision-card {
    display: flex;
    padding: 32px;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    border-radius: 24px;
    background: #FFF;
    max-width: 372px;
}

.our-vision-card-stats {
    color: #252525;
    text-align: center;
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: 116%;
}

.our-vision-card-description {
    color: #565656;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.our-history {
    margin: 180px auto 120px;
    max-width: 996px;
}

.our-history-subtitle {
    color: #288966;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 24px;
}

.our-history-title {
    color: #252525;
    font-size: 52px;
    font-weight: 700;
    line-height: 116%;
    margin-bottom: 32px;
}

.our-history-description {
    color: #565656;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.sustainability {
    max-width: 1440px;
    margin: 0 auto 240px;
}

.sustainability-general {
    max-width: 996px;
    margin: 0 auto 350px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sustainability-quotes {
    margin-bottom: 40px;
    text-align: center;
}

.sustainability-title {
    color: #252525;
    text-align: center;
    font-size: 52px;
    font-style: normal;
    font-weight: 600;
    line-height: 116%;
    margin-bottom: 32px;
}

.sustainability-description {
    color: #565656;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
    text-transform: uppercase;
}

.sustainability-progress {
    max-width: 1155px;
    margin: 180px auto 0;
    width: 100%;
    position: relative;
}

.top-progress {
    position: absolute;
    display: flex;
    gap: 180px;
    padding-left: 20px;
    bottom: -12px;
}

.sustainability-progress-element {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sustainability-progress-text {
    position: relative;
    background: #EEEEEE;
    border-radius: 8px;
    color: #252525;
    font-size: 16px;
    padding: 12px 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    text-transform: capitalize;
}

.sustainability-progress-text:after {
    background: #EEEEEE;
    position: absolute;
    content: '';
    width: 28px;
    height: 28px;
    rotate: 45deg;
    z-index: -1;
    left: 47.5%;
    transform: translateX(-50%);
}

.top-progress > .sustainability-progress-element > .sustainability-progress-text:after {
    top: 91%;
    left: 48%;

}

.bottom-progress > .sustainability-progress-element > .sustainability-progress-point-box {
    margin-bottom: 16px;
}

.bottom-progress > .sustainability-progress-element > .sustainability-progress-text:after {
    top: 1%;
}

.sustainability-progress-point-box {
    width: 24px;
    height: 24px;
    background: #fff;
    border-radius: 50px;
    border: 1px solid #BFE8D9;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

.sustainability-progress-point {
    width: 10px;
    height: 10px;
    background: #288966;
    border-radius: 50px;
}

.sustainability-divider {
    stroke-width: 1px;
    color: #BFE8D9;
    margin: 0;
 }

.bottom-progress {
    display: flex;
    gap: 180px;
    padding-left: 260px;
    padding-top: 20px;
    position: absolute;
    top: -30px;
}

.our-team {
    margin: 350px auto 104px;
    display: flex;
    width: 1440px;
    padding: 0 120px;
    justify-content: center;
    gap: 58px;
}

.our-team-general {
    display: flex;
    flex-direction: column;
    gap: 28px;
    max-width: 461px;
}

.our-team-subtitle {
    color: #288966;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin: 0;
}

.our-team-title {
    color: #252525;
    font-size: 52px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    margin: 0;
}

.our-team-description {
    color: #565656;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    max-width: 355px;
    margin: 0;
}

.our-team-secondary {
    max-width: 680px;
}

.our-team-secondary-title {
    color: #252525;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    text-transform: uppercase;
    margin: 0;
}

.our-team-divider {
    stroke-width: 1px;
    color: #288966;
    margin: 16px 0 24px;
}

.our-team-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 32px 16px;
    margin-bottom: 56px;
}

.our-team-card {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.our-team-card-avatar {
    border-radius: 8px;
    margin-bottom: 8px;
}

.our-team-card-name {
    color: #252525;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 116%;
    margin: 0;
}

.our-team-card-position {
    margin: 0;
    color: #565656;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.our-team-card-email {
    margin: 0;
    color: #288966;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}



.justified_text {

    text-align: justify;
    text-justify: inter-word;
}

.popover-body {
    text-align: justify;
    text-justify: inter-word;
}


/* tutorial button */
.tutorial-btn {
    position: fixed;
    width: 34px;
    height: 100px;
    background: #207556;
    top: 65%;
    right: 0;
    border-left: 2px solid #fff;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    box-shadow: 1px 1px 3px #000;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    cursor: pointer;
    transition: 0.2s ease-out;
    z-index: 10;
}

.tutorial-btn:hover {
	width: 40px;
}

.tutorial-txt {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    position: absolute;
    right: -4px;
    top: 33px;
    color: #fff;
    transition: 0.2s ease-out;
}

.tutorial-btn:hover .tutorial-txt {
	right: -4px;
}

/* feedback button */
.feedback-btn {
    position: fixed;
    width: 34px;
    height: 100px;
    background: #207556;
    top: 80%;
    right: 0;
    border-left: 2px solid #fff;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    box-shadow: 1px 1px 3px #000;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    cursor: pointer;
    transition: 0.2s ease-out;
    z-index: 10;
}

.feedback-btn:hover {
	width: 40px;
}

.feedback-txt {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    position: absolute;
    right: -15px;
    top: 33px;
    color: #fff;
    transition: 0.2s ease-out;
}

.feedback-btn:hover .feedback-txt {
	right: -15px;
}


.modal_form_content{

    width: 75vw;
    height: 75vh;

}

.modal_form_frame{
    max-width: 75vw;
}

.data-line{
    height: fit-content;
    padding-bottom: 10px;
}


.scroll_container {
    position: relative;  /* <------------------------- required */
    background: silver;
    display: flex;
}

.scroll-body {
    position: absolute;  /* <------------------------- required */
    left: 0; top: 0; right: 0; bottom: 0;  /* <------- required */
    overflow-y: auto;  /* <--------------------------- required */
}

.modal-loader {
    position: fixed;
    top:  0;
    left:  0;
    right:  0;
    bottom: 0;
    background-color: #000;
    z-index: 100;
    opacity: 0.4;
    cursor: not-allowed;
}


.body-pdf {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "CMU Bright";
}

.header-pdf {
    align-items: center;
    padding-top: 20px;
    padding-bottom: 0px;
    padding-left: 20px;
    padding-right: 60px;
    background-color: #fff;
    flex-wrap: nowrap;
    text-align: right;
}

.header-pdf img {
    max-width: 150px;
    height: auto;
}

.header-pdf p {
    flex: 1;
    margin: 0 20px;
    font-family: "CMU Bright";
    text-align: center;
    color: #508164;
}

.header-pdf img.logo {
    max-width: 150px;
    height: auto;
}

.footer-pdf img.logo {
    max-width: 130px;
    height: auto;
}

.logo-50 {
    max-width: 50px;
    height: auto;
}

.section-pdf {
    text-align: center;
    padding-top: 0px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

.section-pdf img {
    max-width: 90%;
    height: auto;
}

.section-pdf p {
    margin: 10px 0;
    font-family: "CMU Bright";
}

.bar-img-pdf{
    max-height: 900px;
}

.map-img-pdf{
    border-radius: 20px;
    height: 170mm !important;
}

.bar-img-pdf{
    max-height: 900px;
}


.chart-comment-pdf {
    padding-left: 60px;
    padding-right: 60px;
}

.chart-comment-pdf p{
    text-align: justify;
    font-family: "CMU Bright";
}

.chart-comment-pdf ul{
    padding-left: 20px;
}

.report-details-pdf{
    color: gray;
    font-style: italic;
    text-align: right;
}

.modal-title-pdf{
    font-family: CMU Bright;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0.01em;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 20px;
}

.modal-text-pdf{
    text-align: left;
    list-style-type: disc;
    font-family: "CMU Bright";
}

.modal-specification-pdf{
    font-size: 12px;
    font-weight: 600;
    text-align: left;
    color: #8D8D8D;
    margin-top: 20px;
}

.info-message-block-title-pdf{
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0em;
    text-align: center;
    color: #161616;
    margin-bottom: 10px;
    font-family: "CMU Bright";
}

.footer-pdf {
    bottom: 0;
    width: 100%;
    position: absolute;
    padding: 10px 60px 10px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-pdf p {
    color: #90909c;
    font-family: "CMU Bright";
    font-size: 10px;

}

.info-message-block-t1-pdf{
    color: #508164;
    margin-top: 0px;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 24px;
    letter-spacing: 0em;
    font-family: "CMU Bright";
    text-align: center;
}

.text-strong-pdf{
    font-weight: 600;
    font-family: "CMU Bright";
}

td.td-rect-legend{
    border-radius: 5px;
    width: 15px;
    background-color: #c078dc;
    height: 10px;
    padding: 0px !important;
    padding: 0px !important;
    margin: 0 auto;
}


.legend-square-border{
    margin-right: 6px;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    border: 1px solid black;
}

.legend-circle-border{
    margin-right: 6px;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    border: 1px solid black;
}

.legend-square-roads{
    margin-right: 6px;
    width: 16px;
    height: 4px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

.map-legend-subtitle {
    font-size: 12px;
    font-weight: 600;
    font-family: "CMU Bright";
    margin: 0px !important;
}

.def-image-container {
    /*position: relative;
    display: inline-block;*/
    display: flex;
    justify-content: space-between;
    max-width: 60%;
}

.def-image-container img {
  display: block;
}

.def-text-prev,
.def-text-present {
  margin: 0;
  padding: 0;
  font-size: 10px;
}

.tree-shade-list-pdf {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
}

.tree-shade-list-pdf li {
    width: 50%;
    box-sizing: border-box;
    text-align: left;
    white-space: nowrap;
    padding-bottom: 5px;
}

.centered {
  display: flex;
  justify-content: center;
  padding-left: 100px;
  width: 100%;
}





/* Matthew */
.refresh-button {
    display: flex;
    width: 176px;
    padding: 10px 24px;
    margin: 10px 10px 10px 0px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    cursor: pointer;
    border-radius: 4px;
    background: #288966;
    color: #fff;
    font-weight: 600;
    line-height: 14px;
}

.refresh {
    background-image: url("/terrai_static/icons/refresh.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    position: relative;
}


.error-file {
    width: 20px;
    height: 20px;
    background-image: url("/terrai_static/icons/file.svg");
    background-size: contain;
}