/*index page*/

.top-t {
    /* position: absolute;
      margin-top: -5px; */
}

.uil-angle-circle-right {
    color: #1a6f1b !important;
    border-radius: 50% !important;
    border: 1px solid #1a6f1b;
}

.progress-height {
    height: 50px;
}

.padding-left-50 {
    padding-left: 50px;
}

.padding-right-50 {
    padding-right: 50px;
}

.margin-top-100-sub {
    margin-top: -100px;
}

.margin-top-90-sub {
    margin-top: -90px;
}

.right-dark-btn {
    padding: 4px 25px 0px 25px;
    border-radius: 10px 10px 0px 0px;
    background: #000000;
    color: #fff;
    font-family: "Poppins", serif !important;
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
}

.border-top-right-radius-0 {
    border-top-right-radius: 0px !important;
}

.font-size-41 {
    /* font-size: 41px !important; */
    font-size: clamp(1.53rem, 3.06vw, 2.56rem) !important;
}

.font-size-36 {
    font-size: clamp(1.375rem, 2.75vw, 2.25rem) !important;
    /* font-size: 36px !important; */
}

.font-size-32 {
    font-size: clamp(1.25rem, 2.5vw, 2rem) !important;
    /* font-size: 32px !important; */
}

.font-size-28 {
    /* font-size: 28px !important; */
    font-size: clamp(1.125rem, 2.25vw, 1.75rem) !important;
}

.font-size-16 {
    font-size: clamp(0.75rem, 1.5vw, 1rem) !important;
}

.bg-dark {
    background: #000000 !important;
}

.progress-segment img {
    width: 73px;
    height: 60px;
    object-fit: contain;
}

.progress-segment:nth-child(1) {
    border-left: 4px solid #579cff;
}

.progress-segment:nth-child(1) span,
.progress-segment:nth-child(1) i {
    color: #579cff;
    font-weight: 400;
    font-size: 21px;
    font-family: "Poppins", Helvetica !important;
}

.progress-segment:nth-child(2) {
    border-left: 4px solid #1a6f1b;
}

.progress-segment:nth-child(2) span,
.progress-segment:nth-child(2) i {
    color: #1a6f1b;
    font-weight: 400;
    font-size: 21px;
    font-family: "Poppins", Helvetica !important;
}

.progress-segment:nth-child(3) {
    border-left: 4px solid #40ac3e;
}

.progress-segment:nth-child(3) span,
.progress-segment:nth-child(3) i {
    color: #40ac3e;
    font-weight: 400;
    font-size: 21px;
    font-family: "Poppins", Helvetica !important;
}

.progress-segment:nth-child(4) {
    border-left: 4px solid #f94f4f;
}

.progress-segment:nth-child(4) span,
.progress-segment:nth-child(4) i {
    color: #f94f4f;
    font-weight: 400;
    font-size: 21px;
    font-family: "Poppins", Helvetica !important;
}


/*index page*/


/*projects page */

.project-image {
    background-size: 100% 100%;
}

.project-image .card-right {
    display: grid;
    place-content: end;
    align-items: end;
    width: 33%;
    top: 19%;
    margin-left: 64%;
    z-index: 10;
}

.project-btn-invest {
    margin-top: -8px !important;
}

.uil-angle-circle-right {
    color: #1a6f1b !important;
    border-radius: 50% !important;
    border: 1px solid #1a6f1b;
}

.float-right {
    float: right;
}


/*projects page */

.web-view {
    display: block;
}

.mobile-view {
    display: none;
}

.years-scroll button.active {
    background: #1a6f1b !important;
    color: #fff !important;
}

.text-max-width {
    max-width: 40ch;
}

@media (min-width: 200px) and (max-width: 320.98px) {
    .web-view {
        display: none;
    }
    .mobile-view {
        display: block;
    }
    .mobile-text-center {
        text-align: center;
    }
    .mobile-readmore-right {
        position: relative;
        z-index: 1003;
        top: 330px;
        left: 250px;
    }
    .mobile-singlepublic-readmore-right {
        position: relative;
        z-index: 1003;
        top: 280px;
        left: 112px;
    }
}


/* @media (min-width: 300px) and (max-width: 578px)  */

@media (min-width: 321px) and (max-width: 575.98px) {
    .content-page {
        min-height: auto !important;
    }
    .web-view {
        display: none;
    }
    .mobile-view {
        display: block;
    }
    .mobile-text-center {
        text-align: center;
    }
    .mobile-readmore-right {
        position: relative;
        z-index: 1003;
        top: 330px;
        left: 250px;
    }
    .mobile-singlepublic-readmore-right {
        position: relative;
        z-index: 1003;
        top: 330px;
        left: 250px;
    }
    /*.row {
          width: 100%;
          margin-right: 0px !important;
          margin-left: 0px !important;
          padding-right: 0px !important;
          padding-left: 0px !important;
      }*/
    /*common margin padding*/
    .mobile-mt--2 {
        margin-top: -2rem !important;
    }
    .mobile-m-0 {
        margin: 0px !important;
    }
    .mobile-mt-0 {
        margin-top: 0px !important;
    }
    .mobile-ml-0 {
        margin-left: 0px !important;
    }
    .mobile-mr-0 {
        margin-right: 0px !important;
    }
    .mobile-mb-0 {
        margin-bottom: 0px !important;
    }
    .mobile-m-1 {
        margin: 1rem !important;
    }
    .mobile-mt-1 {
        margin-top: 1rem !important;
    }
    .mobile-ml-1 {
        margin-left: 1rem !important;
    }
    .mobile-mr-1 {
        margin-right: 1rem !important;
    }
    .mobile-mb-1 {
        margin-bottom: 1rem !important;
    }
    .mobile-m-2 {
        margin: 2rem !important;
    }
    .mobile-mt-2 {
        margin-top: 2rem !important;
    }
    .mobile-ml-2 {
        margin-left: 2rem !important;
    }
    .mobile-mr-2 {
        margin-right: 2rem !important;
    }
    .mobile-mb-2 {
        margin-bottom: 2rem !important;
    }
    .mobile-m-3 {
        margin: 3rem !important;
    }
    .mobile-mt-3 {
        margin-top: 3rem !important;
    }
    .mobile-ml-3 {
        margin-left: 3rem !important;
    }
    .mobile-mr-3 {
        margin-right: 3rem !important;
    }
    .mobile-mb-3 {
        margin-bottom: 3rem !important;
    }
    .mobile-m-4 {
        margin: 4rem !important;
    }
    .mobile-mt-4 {
        margin-top: 4rem !important;
    }
    .mobile-ml-4 {
        margin-left: 4rem !important;
    }
    .mobile-mr-4 {
        margin-right: 4rem !important;
    }
    .mobile-mb-4 {
        margin-bottom: 4rem !important;
    }
    .mobile-m-5 {
        margin: 5rem !important;
    }
    .mobile-mt-5 {
        margin-top: 5rem !important;
    }
    .mobile-ml-5 {
        margin-left: 5rem !important;
    }
    .mobile-mr-5 {
        margin-right: 5rem !important;
    }
    .mobile-mb-5 {
        margin-bottom: 10.5rem !important;
    }
    .mobile-p-0 {
        padding: 0px !important;
    }
    .mobile-pt-0 {
        padding-top: 0px !important;
    }
    .mobile-pb-0 {
        padding-bottom: 0px !important;
    }
    .mobile-pl-0 {
        padding-left: 0px !important;
    }
    .mobile-pr-0 {
        padding-right: 0px !important;
    }
    .mobile-p-1 {
        padding: 1rem !important;
    }
    .mobile-pl-1 {
        padding-left: 1rem !important;
    }
    .mobile-pr-1 {
        padding-right: 1rem !important;
    }
    .mobile-pt-1 {
        padding-top: 1rem !important;
    }
    .mobile-pb-1 {
        padding-bottom: 1rem !important;
    }
    .mobile-p-2 {
        padding: 2rem !important;
    }
    .mobile-pl-2 {
        padding-left: 2rem !important;
    }
    .mobile-pr-2 {
        padding-right: 2rem !important;
    }
    .mobile-pt-2 {
        padding-top: 2rem !important;
    }
    .mobile-pb-2 {
        padding-bottom: 2rem !important;
    }
    .mobile-pt-6 {
        padding-top: 6rem !important;
    }
    .mobile-pb-6 {
        padding-bottom: 6rem !important;
    }
    .mobile-rounded-0 {
        border-radius: 0px !important;
    }
    /*projects page */
    .project-image {
        background-size: auto;
        object-fit: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .project-image .card-right {
        display: grid;
        place-content: end;
        align-items: end;
        width: 75%;
        top: 30%;
        margin-left: 18%;
        z-index: 10;
    }
    /*projects page */
    /*index page*/
    .progress-segment:nth-child(1) span,
    .progress-segment:nth-child(1) i {
        color: #35b8e0;
        font-size: 0.8rem;
        font-weight: 500;
    }
    .progress-segment:nth-child(2) span,
    .progress-segment:nth-child(2) i {
        color: #f9c851;
        font-size: 0.8rem;
        font-weight: 500;
    }
    .progress-segment:nth-child(3) span,
    .progress-segment:nth-child(3) i {
        color: #10c469;
        font-size: 0.8rem;
        font-weight: 500;
    }
    .progress-segment:nth-child(4) span,
    .progress-segment:nth-child(4) i {
        color: #ff5b5b;
        font-size: 0.8rem;
        font-weight: 500;
    }
    /*index page*/
    /*single public report page*/
    .content-about {
        background: #579cff !important;
        color: #fff !important;
        border: 0px !important;
        border-radius: 0px !important;
        padding: 65px 0px 30px 0px;
        margin-top: -5rem !important;
    }
    .content-about h4 {
        color: #fff;
    }
    .content-about p {
        color: #fff !important;
    }
    .project-btn-invest {
        margin-top: -67px !important;
        z-index: 1;
        position: relative;
    }
    .project-btn-invest .right-dark-btn {
        background: #fff;
        color: #000000;
        float: right;
    }
    .mobile-bg-dark {
        background: #000000 !important;
        color: #fff !important;
    }
    .mobile-bg-dark h2,
    .mobile-bg-dark p {
        color: #fff !important;
    }
    /*single public report page*/
    .right-dark-btn {
        /* font-size: 0.8rem; */
        font-size: 1.2rem;
    }
}


/* @media (min-width: 578px) and (max-width: 700px)  */

@media (min-width: 576px) and (max-width: 767.98px) {
    .content-page {
        min-height: auto !important;
    }
    .web-view {
        display: none;
    }
    .mobile-view {
        display: block;
    }
    /*common margin padding rounded*/
    /*common margin padding*/
    .mobile-mt--2 {
        margin-top: -2rem !important;
    }
    .mobile-m-0 {
        margin: 0px !important;
    }
    .mobile-mt-0 {
        margin-top: 0px !important;
    }
    .mobile-ml-0 {
        margin-left: 0px !important;
    }
    .mobile-mr-0 {
        margin-right: 0px !important;
    }
    .mobile-mb-0 {
        margin-bottom: 0px !important;
    }
    .mobile-m-1 {
        margin: 1rem !important;
    }
    .mobile-mt-1 {
        margin-top: 1rem !important;
    }
    .mobile-ml-1 {
        margin-left: 1rem !important;
    }
    .mobile-mr-1 {
        margin-right: 1rem !important;
    }
    .mobile-mb-1 {
        margin-bottom: 1rem !important;
    }
    .mobile-mb-5 {
        margin-bottom: 10.5rem !important;
    }
    .mobile-m-2 {
        margin: 2rem !important;
    }
    .mobile-mt-2 {
        margin-top: 2rem !important;
    }
    .mobile-ml-2 {
        margin-left: 2rem !important;
    }
    .mobile-mr-2 {
        margin-right: 2rem !important;
    }
    .mobile-mb-2 {
        margin-bottom: 2rem !important;
    }
    .mobile-m-3 {
        margin: 3rem !important;
    }
    .mobile-mt-3 {
        margin-top: 3rem !important;
    }
    .mobile-ml-3 {
        margin-left: 3rem !important;
    }
    .mobile-mr-3 {
        margin-right: 3rem !important;
    }
    .mobile-mb-3 {
        margin-bottom: 3rem !important;
    }
    .mobile-m-4 {
        margin: 4rem !important;
    }
    .mobile-mt-4 {
        margin-top: 4rem !important;
    }
    .mobile-ml-4 {
        margin-left: 4rem !important;
    }
    .mobile-mr-4 {
        margin-right: 4rem !important;
    }
    .mobile-mb-4 {
        margin-bottom: 4rem !important;
    }
    .mobile-m-5 {
        margin: 5rem !important;
    }
    .mobile-mt-5 {
        margin-top: 5rem !important;
    }
    .mobile-ml-5 {
        margin-left: 5rem !important;
    }
    .mobile-mr-5 {
        margin-right: 5rem !important;
    }
    .mobile-mb-5 {
        margin-bottom: 10.5rem !important;
    }
    .mobile-p-0 {
        padding: 0px !important;
    }
    .mobile-pt-0 {
        padding-top: 0px !important;
    }
    .mobile-pb-0 {
        padding-bottom: 0px !important;
    }
    .mobile-pl-0 {
        padding-left: 0px !important;
    }
    .mobile-pr-0 {
        padding-right: 0px !important;
    }
    .mobile-p-1 {
        padding: 1rem !important;
    }
    .mobile-pl-1 {
        padding-left: 1rem !important;
    }
    .mobile-pr-1 {
        padding-right: 1rem !important;
    }
    .mobile-pt-1 {
        padding-top: 1rem !important;
    }
    .mobile-pb-1 {
        padding-bottom: 1rem !important;
    }
    .mobile-p-2 {
        padding: 2rem !important;
    }
    .mobile-pl-2 {
        padding-left: 2rem !important;
    }
    .mobile-pr-2 {
        padding-right: 2rem !important;
    }
    .mobile-pt-2 {
        padding-top: 2rem !important;
    }
    .mobile-pb-2 {
        padding-bottom: 2rem !important;
    }
    .mobile-pt-6 {
        padding-top: 6rem !important;
    }
    .mobile-pb-6 {
        padding-bottom: 6rem !important;
    }
    .mobile-rounded-0 {
        border-radius: 0px !important;
    }
    /*projects page */
    .project-image .card-right {
        display: grid;
        place-content: end;
        align-items: end;
        width: 45%;
        top: 19%;
        margin-left: 54%;
        z-index: 10;
    }
    /*projects page */
    .mobile-readmore-right {
        position: relative;
        z-index: 1003;
        top: 315px;
        left: 232px;
    }
    .mobile-singlepublic-readmore-right {
        position: relative;
        z-index: 1003;
        top: 315px;
        left: 232px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .content-page {
        min-height: auto !important;
    }
    .margin-top-100-sub {
        margin-top: -60px;
    }
    .tablet-mb-5 {
        margin-bottom: 5.5rem !important;
    }
    /* .font-size-32 {
          font-size: 17px !important;
      }
      .font-size-36 {
          font-size: 19px !important;
      } */
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .margin-top-100-sub {
        /* margin-top: -110px; */
        margin-top: -60px;
    }
    /* .font-size-32 {
          font-size: 28px !important;
      }
      .font-size-36 {
          font-size: 29px !important;
      } */
    .singlepublic {
        padding-left: 8.5rem !important;
        padding-right: 8.5rem !important;
    }
}

@media (min-width: 1200px) and (max-width: 1899.98px) {
    .margin-top-100-sub {
        margin-top: -60px;
    }
    .content-page {
        min-height: auto !important;
    }
    .singlepublic {
        padding-left: 10.5rem !important;
        padding-right: 10.5rem !important;
    }
}

@media (min-width: 1900px) {
    .margin-top-100-sub {
        /* margin-top: -1286px; */
        margin-top: -75px;
    }
    .font-size-16 {
        font-size: clamp(0.585rem, 1.17vw, 1.125rem) !important;
    }
    .content-page {
        min-height: auto !important;
    }
    .singlepublic {
        padding-left: 8.5rem !important;
        padding-right: 8.5rem !important;
    }
}