/*New CSS*/
body {
    font-family: 'Avenir' !important;
}

/* Font */
@font-face {
    font-family: 'Avenir';
    src: url('/homeassets/fonts/Avenir.woff?#iefix') format('embedded-opentype'), url('/homeassets/fonts/Avenir.woff') format('woff'), url('/homeassets/fonts/Avenir.ttf') format('truetype'), url('/homeassets/fonts/Avenir.svg#Avenir') format('svg');
    font-display: swap;
}

.navbar-brand-logo {
    min-width: 10rem !important;
    max-width: 10rem !important;
}

.header-container .megaMenuIcon {
    height: 15px !important;
    padding-right: 6px !important;
}

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #00d179 !important;
}

.btn-primary-flocard {
    --bs-btn-color: #000 !important;
    --bs-btn-bg: #00d179 !important;
    --bs-btn-border-color: #00d179 !important;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #00d179 !important;
    --bs-btn-hover-border-color: #00d179 !important;
    --bs-btn-focus-shadow-rgb: 85, 145, 255;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #00d179 !important;
    --bs-btn-active-border-color: #00d179 !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #00d179 !important;
    --bs-btn-disabled-border-color: #00d179 !important;
}

.header-container {
    padding: 0.5rem 2%;
    background-color: #191c19 !important;
}

.navbar-nav {
    background-color: #191c19 !important;
}

.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 0 !important;
    --bs-navbar-color: #677788;
    --bs-navbar-hover-color: #377dff;
    --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3);
    --bs-navbar-active-color: #677788;
    --bs-navbar-brand-padding-y: 0.3125rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.25rem;
    --bs-navbar-brand-color: #677788;
    --bs-navbar-brand-hover-color: #677788;
    --bs-navbar-nav-link-padding-x: 0.75rem;
    --bs-navbar-toggler-padding-y: 0.5rem;
    --bs-navbar-toggler-padding-x: 0.5rem;
    --bs-navbar-toggler-font-size: 1.25rem;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23677788' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1);
    --bs-navbar-toggler-border-radius: 0.3125rem;
    --bs-navbar-toggler-focus-width: 0;
    --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}

.navbar-light .navbar-nav .nav-link {
    color: #fff !important;
}

.navbar .dropdown-menu {
    border-top: .1875rem solid #00d179 !important;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    color: #00d179;
}

.footer-heading {
    color: #00d179 !important;
}

#navbarNavDropdown {
    padding-top: 0.5rem;
    background-color: #191c19 !important;
}

#card {
    background-color: #383838 !important;
    color: white !important;
}

#card2 {
    background-color: #191c19 !important;
    color: white !important;
}

h1, h2, h3, h4, h5, h6 {
    color: white !important;
}

.footer-container {
    background-color: #191c19 !important;
}

.navbar-light .navbar-toggler {
    color: slategray !important;
    border-color: slategray !important; /*rgba(33, 50, 91, .1);*/
}

.dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0.5rem;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.625rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: #00d179 !important;
    --bs-dropdown-bg: #191c19 !important;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: 0.5rem;
    --bs-dropdown-border-width: 0;
    --bs-dropdown-inner-border-radius: 0.5rem;
    --bs-dropdown-divider-bg: #e7eaf3;
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: none !important;
    --bs-dropdown-link-color: #fff !important;
    --bs-dropdown-link-hover-color: #00d179 !important;
    --bs-dropdown-link-hover-bg: rgba(189, 197, 209, 0.2);
    --bs-dropdown-link-active-color: #00d179 !important;
    --bs-dropdown-link-active-bg: rgba(189, 197, 209, 0.2);
    --bs-dropdown-link-disabled-color: #97a4af;
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.5rem;
    --bs-dropdown-header-color: #8c98a4;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
    position: absolute;
    z-index: var(--bs-dropdown-zindex);
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--bs-dropdown-bg);
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius);
    box-shadow: none !important;
}

.customFooter {
    background-color: #191c19 !important;
}

.navbar-container {
    background-color: #191c19 !important;
    padding: 0rem 2rem;
}

.customFooter h5 {
    color: #00d179 !important;
}

.footer-logo {
    width: 16rem !important;
}

.footer-logo-2 {
    width: 15rem;
    align-self: center;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #00d179 !important;
    background-color: transparent !important;
    border-color: #00d179 !important;
}

.nav-link {
    color: white !important;
}

    .nav-link:hover {
        color: #00d179 !important;
    }

btn-primary {
    --bs-btn-bg: #00d179 !important;
    --bs-btn-border-color: #00d179 !important;
    --bs-btn-border-color: #00d179 !important;
}

.customFooter .footer-link1 {
    color: white !important
}

    .customFooter .footer-link1 :hover {
        color: #00d179 !important
    }

#floatingBtn:hover {
    background-color: #00d179 !important;
}

.socialBtn {
    color: #d9d9d9 !important;
    background-color: rgba(113,134,157,.1) !important;
}

    .socialBtn:hover {
        color: #00d179 !important;
    }

.go-to {
    z-index: 0 !important;
}
/*SK add-ons*/
#content {
    background-color: black !important;
}

#primarymessage {
    background-color: black;
}

.maintext {
    color: white !important;
}

#cards {
    background-color: black;
}

#centralbutton {
    background-color: #191c19 !important;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 2%;
    padding-bottom: 2%;
}

#secondarytext {
    padding-bottom: 4%;
}

#swippercards {
    background-color: #191c19;
    color: white !important;
    padding: 10px;
}

#BPT {
    background-color: #191c19;
    color: white !important;
}

.step-icon-custom {
    color: #00d179;
    background-color: rgba(0, 209, 121, .2);
}

#overlapimg {
    color: white !important;
}

.swipper-slide {
    background-color: #e7e8e9;
}

main {
    background-color: black;
}

#swipper-button {
    padding-left: 10%;
    padding-right: 10%;
    color: black;
}

#cardcolor {
    background-color: #383838;
    margin: 10px;
}


#modal-icon {
    padding-top: 5px !important;
}

.modal-body-color {
    background-color: #313131 !important;
}

.modal-header-color {
    background-color: #313131 !important;
}

.modal-text {
    font-size: 30px !important;
}

.releasenotes h1,
.releasenotes h4,
.releasenotes h5,
.releasenotes li {
    color: white !important;
}

.disclaimer h1,
.disclaimer h3,
.disclaimer h4,
.disclaimer h5,
.disclaimer h6,
.disclaimer p {
    color: white;
}

.blog h4,
.blog h2 {
    color: white !important;
}

hr {
    border: none;
    border-top: 1px solid white;
    background-color: white;
    height: 1px;
}

.card-footer {
    background-color: #191C19 !important;
}

.text-muted {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.card-text {
    font-size: 20px;
    color: #fff !important;
}

.card-img-top-home {
    height: 90px !important;
}

#dropdownicons {
    padding-right: 5px !important;
    color: #00d179 !important;
}

textarea {
    resize: none !important;
}

.Scan-qr {
    height: max-content !important;
}

#contacticons {
    background-color: #00d179 !important;
}

    #contacticons:hover {
        pointer-events: none !important; /* Or any other styles you want to remove on hover */
    }

.custom-link {
    color: #00d179;
}

    .custom-link:hover {
        color: #00d179; /* Change color to green on hover */
    }

blockquote {
    font-style: italic; /* Make the text italic */
    background-color: #00d179; /* Set a background color */
    border-left: 5px solid #ccc; /* Add a left border */
    padding-right: 4px;
}

.faqaccordian a:hover {
    color: #00d179;
}

.faqaccordian .accordion-button,
.accordion-body {
    color: white;
}

.accordion-lg {
    background-color: #313131 !important;
}

.accordion-button {
    background-color: #191c19 !important;
}

.accordion-body {
    background-color: #191c19;
}

.accordion-button:not(.collapsed) {
    color: #00d179 !important;
}

.map-card {
    background-color: #191c19 !important;
}

.hidden-map {
    display: none;
}


.map-text {
    color: white !important;
}

.custom-link {
    color: #00d179 !important;
}

.blockquote {
    background-color: #00d179 !important;
    font-style: italic;
    border-left: 5px solid #ccc;
}

.accordion-button-faq:not(.collapsed)::after {
    background-image: url("../svg/components/minus.svg") !important;
    background-size: contain;
    width: 16px !important;
    height: 16px !important;
}

.accordion-button-faq::after {
    background-image: url("../svg/components/plus.svg") !important;
    background-size: contain;
    width: 16px !important;
    height: 16px !important;
}

.btn-close {
    color: white !important;
}
/*skaddonend*/
/*css by hima begins*/
.nav-pills .nav-link-service.active {
    background-color: #00d179 !important;
    color: white !important;
}

    .nav-pills .nav-link-service.active .svg-icon .bi {
        color: white !important;
    }

.nav-pills .nav-link-service .nav-icon {
    font-size: 48px;
    color: #00d179;
    opacity: 1 !important;
}



.nav-pills .nav-link-service.active .nav-icon {
    color: white !important;
}

.swiper_aboutus .swiper-pagination-bullet-active, .swiper-service .swiper-pagination-bullet-active {
    border-color: #00d179 !important;
    background: #00d179 !important;
    background-color: #00d179 !important;
}

    .swiper_aboutus .swiper-pagination-bullet-active::before, .swiper-pagination-bullet-active:hover::before, .swiper-service .swiper-pagination-bullet-active::before, .swiper-pagination-bullet-active:hover::before {
        background-color: #00d179 !important;
    }

.swiper_aboutus .swiper-pagination-bullet, .swiper-service .swiper-pagination-bullet {
    height: 0.5rem !important;
    width: 0.5rem !important;
}

@media only screen and (max-width: 1023px) {
    .swiper-slide-aboutus .swiper-button-next, .swiper-slide-aboutus .swiper-button-prev {
        background-color: transparent !important;
        box-shadow: 0 .1875rem .4375rem 0 rgba(140,152,164,.0) !important;
        color: #00d179 !important;
    }
}


body {
    background-color: black;
}

main {
    background-color: black;
    padding-top: 30px;
    padding-bottom: 30px;
}

/*icon fonts css*/
@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?urkmyg');
    src: url('../fonts/icomoon.eot?urkmyg#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?urkmyg') format('truetype'), url('../fonts/icomoon.woff?urkmyg') format('woff'), url('../fonts/icomoon.svg?urkmyg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-SDG-Dark:before {
    content: "\e902";
}

.icon-ecology:before {
    content: "\e900";
}

.icon-practices:before {
    content: "\e901";
}

.sidetext {
    color: white !important;
}

@font-face {
    font-family: 'icomoon-nav';
    src: url('../fonts/icomoon-nav.eot?81vtz5');
    src: url('../fonts/icomoon-nav.eot?81vtz5#iefix') format('embedded-opentype'), url('../fonts/icomoon-nav.ttf?81vtz5') format('truetype'), url(../'fonts/icomoon.woff?81vtz5') format('woff'), url('../fonts/icomoon-nav.svg?81vtz5#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon-nav' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-Climate-Finance:before {
    content: "\e902";
}

.icon-Tree-Location:before {
    content: "\e903";
}

.icon-location-pin-1-1:before {
    content: "\e904";
}

.icon-Project-Design:before {
    content: "\e905";
}

.icon-Project:before {
    content: "\e906";
}

.icon-Plant:before {
    content: "\e907";
}

.icon-Bisiness:before {
    content: "\e908";
}

.icon-MileStone:before {
    content: "\e909";
}

.icon-Earth-Plant:before {
    content: "\e90a";
}

.icon-dashboard:before {
    content: "\e90b";
}

.icon-Community:before {
    content: "\e90c";
}

.icon-carbon-dioxide:before {
    content: "\e90d";
}

.icon-Co2-emission:before {
    content: "\e90e";
}

.icon-Project-Feasibility:before {
    content: "\e90f";
}

.icon-NFT:before {
    content: "\e910";
}

.icon-Track-impact .path1:before {
    content: "\e911";
    color: rgb(0, 0, 0);
}

.icon-Track-impact .path2:before {
    content: "\e912";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.icon-Track-impact .path3:before {
    content: "\e913";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

.icon-Track-impact .path4:before {
    content: "\e914";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.icon-Trace:before {
    content: "\e915";
}

.icon-Tag:before {
    content: "\e916";
}

.icon-SDG-Dark:before {
    content: "\e917";
}

.icon-SDG:before {
    content: "\e918";
    color: #fff;
}

.icon-ecology:before {
    content: "\e900";
}

.icon-practices:before {
    content: "\e901";
}

.nav-pills .nav-link .nav-icon {
    font-size: 48px;
    color: #00d179;
    opacity: 1 !important;
}

/*privacy policy page*/
.nav-pills .nav-linkP.active {
    background-color: inherit !important;
    color: #00d179 !important;
    border-left: 5px solid #00d179;
    box-shadow: none !important;
}


    .nav-pills .nav-linkP.active .tabpriv {
        color: #00d179 !important;
    }

nav-pills .nav-linkP:hover, nav-pills .nav-linkP .tabpriv:hover {
    color: #00d179 !important;
}


/*privacy policy page ends*/

.hs-nav-scroller-horizontal .hs-nav-scroller-arrow-prev {
    background-image: linear-gradient(to right,transparent 100%,transparent 100%) !important;
}

.hs-nav-scroller-horizontal .hs-nav-scroller-arrow-next {
    background-image: linear-gradient(to right,transparent 100%,transparent 100%) !important;
}

.hs-nav-scroller-horizontal .hs-nav-scroller-arrow-link {
    color: white !important;
}

    .hs-nav-scroller-horizontal .hs-nav-scroller-arrow-link:hover {
        color: #00d179 !important;
    }

::selection {
    color: #fff !important; /* Text color */

    background-color: #00d179 !important;
}


.nav-vertical.nav-tabs .nav-item.show .nav-link, .nav-vertical.nav-tabs .nav-link.active {
    border-color: #00d179 !important;
}

.nav.nav-link-gray .nav-link.active, .nav.nav-link-gray .nav-link:hover {
    color: #00d179 !important;
}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
    color: white !important;
    background-color: gray !important;
    border-color: var(--bs-btn-active-border-color);
}
/*icon fonts css ends*/
/*css by hima ends*/
.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #191c19 !important;
    background-clip: padding-box;
    outline: 0;
}

.form-control {
    background-color: #25282B !important;
    color: #fff !important;
}

.form-check-label {
    color: #fff !important;
}

.form-check-input:checked {
    background-color: #00d179 !important;
    border-color: #00d179 !important;
}

#projectSubscribeReasonid {
    border-color: rgba(140, 152, 164, .25) !important;
    outline: 0 !important;
    box-shadow: 0 0 1rem 0 rgba(140, 152, 164, .25) !important;
}