/* Start all-Main-project Page */
/* 1st section start */
.project-banner-section .project-banner-title {
    font-family: Manrope-Regular-400;
    font-size: 30px;
    color: #000000;
}

.breadcrumb-highlight{
    color: #292727;
    font-family: Montserrat-medium;
    font-size: 14px;
}
.breadcrumb-active-project{
    font-family: Montserrat-bold;
    font-size: 14px;
    color: #0F3882 !important;
}

.project-banner-section .banner-description {
    font-family: Manrope-Medium-500;
    font-size: 16px;
    color: #373434;
    text-align: justify;
}
.project-banner-section .project-banner-heading {
    color: #0F3882;
}

.project-banner-section .project-banner-description {
    font-family: Manrope-Medium-500;
    font-size: 16px;
    color: #373434;
}

.project-banner-section .project-banner .project-item {
    padding: 20px;
}

.all-project-section .all-project .nav-pills .nav-link.active {
    background-color: #0F3882;
    color: #fff !important;

}

.all-project-section .all-project .nav-pills .nav-link {
    border-radius: 0;
    padding: 10px 45px;
    font-family: Manrope-Medium-500;
    font-size: 14px !important;
    border-radius: 0;
    margin: 0 10px;
    color: #746F6F;
}
.job-positions h5{
    font-size: 30px;
    color: #292727;
    font-family: Montserrat-Regular;
    text-align: center;
}

.job-positions p{
    font-family: Manrope-Medium-500;
    font-size: 16px;
    color: #373434;
    text-align: center;
}
.job-position p{
    font-family: Manrope-Medium-500;
    font-size: 16px;
    color: #373434;
}
.job-position hr{
    color: #0F3882;
    opacity: 1;
    border-top: 2px solid;
}
.list-group h5{
    color: #0F3882;
    font-family: Montserrat-Medium;
    font-size: 18px;
}
.list-group p{
    font-family: Manrope-Medium-500;
    font-size: 16px;
    color: #373434;
}
.list-group .btn{
    padding: 10px 30px;
    font-family: Manrope-Medium-500;
    font-size: 14px !important;
    border-radius: 0;
    margin: 0 10px;
    background-color: #0F3882;
    border: none;
}
.portfolio-title{
    background-color: #0F3882;
    padding: 10px 20px;
}
.portfolio-title p{
    color: #fff;
    font-family: Montserrat-Medium;
    font-size: 14px;
}
.portfolio-details{
    background-color: #F0F7FE;
    padding: 25px 20px;
}
.mail{
    color: #373434;
    text-decoration: underline;
    font-family: Manrope-Medium-500;
    font-size: 16px;
}
/* 2nd section start */
.all-project-section .all-project .tab-content .projects .containers {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.all-project-section .all-project .tab-content .projects .containers .column {
    flex: 1 1 18%;
}

.all-project-section .all-project .tab-content .projects .column .project-area {
    position: relative;
    overflow: hidden;
}

.all-project-section .all-project .tab-content .projects .column .project-area .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3));
}

.all-project-section .all-project .tab-content .projects .column .project-area .column-content {
    position: absolute;
    bottom: 15px;
    left: 20px;
    color: #ffff;
    font-size: 35px;
    font-family: Montserrat-Medium;
}


.all-project-section .all-project .tab-content .project-areas {
    position: relative;
    overflow: hidden;
}

.all-project-section .all-project .tab-content .project-areas .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3));
}

.all-project-section .all-project .tab-content .project-areas .column-content {
    position: absolute;
    bottom: 15px;
    left: 20px;
    color: #ffff;
    font-size: 35px;
    font-family: Montserrat-Medium;
}


/* Responsive adjustments */
@media (max-width: 1200px) {
    .column {
        flex: 1 1 calc(25% - 10px);
        /* 4 columns on medium screens */
    }
}

@media (max-width: 992px) {
    .column {
        flex: 1 1 calc(33.33% - 10px);
        /* 3 columns on small screens */
    }
}

@media (max-width: 768px) {
    .column {
        flex: 1 1 calc(50% - 10px);
        /* 2 columns on extra small screens */
    }
}

@media (max-width: 576px) {
    .column {
        flex: 1 1 calc(100% - 10px);
        /* 1 column on extra extra small screens */
    }
}












/* Start all-project-inner Page 
1st section start */

.project-inner-page .container {
    max-width: 95%;
}

.project-inner-page .single-project-banner {
    /* background-image: url(../img/Projects/mumbai/mumbai-thane/mumbai-thane-banner.webp); */
    background-size: cover;
    background-position: center;
}

.project-inner-page .project-info .banner-heading {
    color: #0F3882;
}

.project-inner-page .project-info {
    margin: 60px 0px;
    padding: 36px;
    background-color: #ffffff99;
    margin-left: 12px;
}

.project-inner-page .project-info h2 {
    margin-bottom: 30px;
    font-family: Montserrat-Medium;
    font-size: 26px;
    color: #292727;
}

.project-inner-page .project-info p {
    color: #373434;
    font-family: Manrope-Medium-500;
    font-size: 14px
}

.project-inner-page .project-info .share {
    align-items: center;
}

.project-inner-page .project-info .share i {
    font-size: 16px;
    color: #616161;
    padding: 7px;
    border: 1px solid #616161;
    border-radius: 50%;
    margin-left: 12px;
}


/* 2nd section start */
.all-project-inner-section .all-project .nav-pills .nav-link.active {
    background-color: #0F3882;
    color: #fff !important;

}

.all-project-inner-section .all-project .nav-pills .nav-link {
    border-radius: 0;
    padding: 10px 45px;
    font-family: Manrope-Medium-500;
    font-size: 14px !important;
    border-radius: 0;
    margin: 0 10px;
    color: #746F6F;
}

.all-project-inner-section .single-project-details {
    padding: 20px;
}

.all-project-inner-section .report-info p {
    font-size: 12px;
    font-family: Manrope-SemiBold-600;
    color: #746F6F;
}

.all-project-inner-section .report-info .date {
    padding-right: 10px;
    border-right: 1px solid #746F6F;
    margin-right: 10px;
}

.all-project-inner-section .report-info .soldWrapp {
   color:#f90000;
    margin-left: 10px;
}

.all-project-inner-section .single-project .report-content {
    font-size: 12px;
    margin-bottom: 10px;
    font-family: Manrope-Medium-500;
    color: #373434;
}

.all-project-inner-section .single-project h5 {
    color: #292727;
    margin-top: 15px;
    /* margin-bottom: 20px; */
}

.all-project-inner-section .single-project a {
    color: #616161;
    text-decoration: none;
    font-family: Manrope-Medium-500;
    font-size: 14px;
}

.single-project-details p {
    margin-bottom: 0px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp:2;
    white-space: normal;
    text-overflow: ellipsis;
    margin-bottom: 10px;
}

.all-project-inner-section .single-project .image-container {
    overflow: hidden;
}

.all-project-inner-section .single-project .report-image {
    transition: transform 0.3s ease;
}

.all-project-inner-section .single-project {
    transition: box-shadow 0.3s ease;
    border-bottom: 3px solid #ffffff;
}

.all-project-inner-section .single-project:hover .report-image {
    transform: scale(0.85);
    /* Zoom in effect */
}

.all-project-inner-section .single-project:hover {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-bottom: 3px solid #0f3882;
}

.all-project-inner-section .not-available {
    font-size: 16px;
    color: #A2A2A2;
    font-family: Montserrat-Semi-Bold;
    text-align: center;
}





/* Project Details Start */
/* 1st section Start */

.project-details-page .container {
    max-width: 95%;
}
.project-details-page .project-details {
    padding: 65px 0px;
    border-bottom: 1px solid #D9D9D9;
}
.project-details-page .single-project-banner {
    background-image: url(../img/Projects/mumbai/mumbai-thane/mumbai-thane-projects/veer-vishwa1.webp);
    background-size: cover;
    background-position: center;
}

.project-details-page .project-info {
    margin: 60px 0px;
    padding: 36px;
    background-color: #ffffff99;
    margin-left: 12px;
}

.project-details-page .project-info h2 {
    margin-bottom: 30px;
    font-family: Montserrat-Medium;
    font-size: 26px;
    color: #292727;
}

.project-details-page .project-info p{
    color: #373434;
    font-family: Manrope-Medium-500;
    font-size: 14px;
}


.project-details-page .project-info .share {
    align-items: center;
}

.project-details-page .project-info .share i {
    font-size: 16px;
    color: #616161;
    padding: 7px;
    border: 1px solid #616161;
    border-radius: 50%;
    margin-left: 12px;
}

/* 2nd section Start */
.project-details-page .project-details h6{
    font-size: 16px;
    color: #292727;
    font-family: Manrope-Bold-700;
}

.project-details-page .project-details p{
    font-size: 14px;
    color: #373434;
    font-family: Manrope-Medium-500;
}

.upload-icon img{
    width: 16px;
    height: 22px;
}
.upload-icon .download-report{
    font-size: 14px;
    font-family: Manrope-Medium-500;
    margin-left:5px;
    color: #746F6F;
}

.view-icon{
     width: 22px;
    height: 22px;
}

/* 3rd section Start */
.project-details-page .related-reports {
    padding: 65px 0px;
}

.project-details-page .related-reports h2 {
    color: #292727;
    font-family: Montserrat-Regular;
    font-size: 35px;
}

.project-details-page .report-details {
    padding: 20px;
}

.project-details-page .report-info p {
    font-size: 12px;
    font-family: Manrope-SemiBold-600;
    color: #746F6F;
}

.project-details-page .report-info .date {
    padding-right: 10px;
    border-right: 1px solid #746F6F;
    margin-right: 10px;
}

.project-details-page .single-report .report-content {
    font-size: 12px;
    /* margin-bottom: 25px; */
    font-family: Manrope-Medium-500;
    color: #373434;


}
.report-details p {
    margin-bottom: 0px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    white-space: normal;
    text-overflow: ellipsis;
    margin-bottom: 10px;
}
.project-details-page .single-report h5 {
    color: #292727;
    margin-top: 15px;
    /* margin-bottom: 20px; */
}

.project-details-page .single-report a {
    color: #616161;
    text-decoration: none;
    font-family: Manrope-Medium-500;
    font-size: 14px;
    
}

.project-details-page .single-report .image-container {
    overflow: hidden;
}

.project-details-page .single-report .report-image {
    transition: transform 0.3s ease;
}

.project-details-page .single-report {
    transition: box-shadow 0.3s ease;
    border-bottom: 3px solid #ffffff;
}

.project-details-page .single-report:hover .report-image {
    transform: scale(0.85);
    /* Zoom in effect */
}

.project-details-page .single-report:hover {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-bottom: 3px solid #0f3882;
}





/* Start Propshop Page */

.propshop-banner-section .propshop-banner-title {
    font-family: Manrope-Regular-400;
    font-size: 30px;
    color: #000000;
}

.propshop-banner-section .propshop-banner-heading {
    color: #0F3882;
}

.propshop-banner-section .propshop-banner-description {
    font-family: Manrope-Medium-500;
    font-size: 16px;
    color: #373434;
}
.propshop-banner-section .propshop-banner .propshop-item {
    padding: 20px;
}
.propshop-banner-section .banner-btn {
    background-color: #0F3882;
    padding: 15px 10px;
    text-align: center;
    color: #fff;
    font-family: Manrope-Bold-700;
    font-size: 12px;

}

.propshop-banner-section .banner-btns {
    border: 1px solid #616161;
    padding: 15px 10px;
    text-align: center;
    font-family: Manrope-Bold-700;
    font-size: 12px;
    color: #616161;
    
}
/* Hide projects by default beyond the first 8 */
.all-project-inner-section .project {
    display: none;
}

.project[data-project="1"],
.project[data-project="2"],
.project[data-project="3"],
.project[data-project="4"],
.project[data-project="5"],
.project[data-project="6"],
.project[data-project="7"],
.project[data-project="8"]
{
    display: block;
}

#loadMore, #loadLess, #loadMoreRewards, #loadLessRewards, #loadLessNews, #loadMoreNews{
    background-color: #0F3882;
    padding: 15px 35px;
    text-align: center;
    color: #fff;
    font-family: Manrope-Bold-700;
    font-size: 12px;
    border: none;
    border-radius: 0;
}





/* Start Propshop- details Page */
/* Start Propshop section1 Page */
.propshop-details-page .container {
    max-width: 95%;
}
.propshop-details-page .propshop-details {
    padding: 65px 0px;
    border-bottom: 1px solid #D9D9D9;
}
.propshop-details-page .single-propshop-banner {
    /* background-image: url(../img/Projects/mumbai/mumbai-thane/mumbai-thane-projects/veer-vishwa1.webp); */
    background-size: cover;
    background-position: center;
}

.propshop-details-page .propshop-info {
    margin: 60px 0px;
    padding: 36px;
    background-color: #ffffff99;
    margin-left: 12px;
}

.propshop-details-page .propshop-info h2 {
    margin-bottom: 30px;
    font-family: Montserrat-Regular;
    font-size: 26px;
    color: #292727;
}

.propshop-details-page .propshop-info p{
    color: #373434;
    font-family: Manrope-Medium-500;
    font-size: 14px;
}


.propshop-details-page .propshop-info .share {
    align-items: center;
}

.propshop-details-page .propshop-info .share i {
    font-size: 16px;
    color: #616161;
    padding: 7px;
    border: 1px solid #616161;
    border-radius: 50%;
    margin-left: 12px;
}

/* Start Propshop section2 Page */
/* 2nd section Start */
.propshop-details-page .propshop-details h6{
    font-size: 16px;
    color: #292727;
    font-family: Manrope-Bold-700;
}

.propshop-details-page .propshop-details p{
    font-size: 14px;
    color: #373434;
    font-family: Manrope-Medium-500;
}

.upload-icon img{
    width: 16px;
    height: 22px;
}
.upload-icon{
    background-color: #0F3882;
    padding: 10px 1px;
    text-align: center;
    justify-content: center;
}
.upload-icons{
    background-color: #0F3882;
    padding: 13px 1px;
    text-align: center;
    justify-content: center;
}
.upload-icons .download-report{
    font-size: 14px;
    font-family: Manrope-Medium-500;
    margin-left:5px;
    color: #fff;
}
.upload-icon .download-report{
    font-size: 14px;
    font-family: Manrope-Medium-500;
    margin-left:5px;
    color: #fff;
}
/* 3rd section Start */
.propshop-details-page .related-reports {
    padding: 65px 0px;
}

.propshop-details-page .related-reports h2 {
    color: #292727;
    font-family: Montserrat-Regular;
    font-size: 35px;
}

.propshop-details-page .report-details {
    padding: 20px;
}

.propshop-details-page .report-info p {
    font-size: 12px;
    font-family: Manrope-SemiBold-600;
    color: #746F6F;
}

.propshop-details-page .report-info .date {
    padding-right: 10px;
    border-right: 1px solid #746F6F;
    margin-right: 10px;
}

.propshop-details-page .single-report .report-content {
    font-size: 12px;
    margin-bottom: 25px;
    font-family: Manrope-Medium-500;
    color: #373434;
}

.propshop-details-page .single-report h5 {
    color: #292727;
    margin-top: 15px;
    margin-bottom: 20px;
}

.propshop-details-page .single-report a {
    color: #616161;
    text-decoration: none;
    font-family: Manrope-Medium-500;
    font-size: 14px;
    
}

.propshop-details-page .single-report .image-container {
    overflow: hidden;
}

.propshop-details-page .single-report .report-image {
    transition: transform 0.3s ease;
}

.propshop-details-page .single-report {
    transition: box-shadow 0.3s ease;
    border-bottom: 3px solid #ffffff;
}

.propshop-details-page .single-report:hover .report-image {
    transform: scale(0.85);
    /* Zoom in effect */
}

.propshop-details-page .single-report:hover {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-bottom: 3px solid #0f3882;
}





/* Insights section start */
.insights-banner-section .insights-banner-title {
    font-family: Manrope-Regular-400;
    font-size: 30px;
    color: #000000;
}

.insights-banner-section .insights-banner-heading {
    color: #0F3882;
}

.insights-banner-section .insights-banner-description {
    font-family: Manrope-Medium-500;
    font-size: 16px;
    color: #373434;
}

.insights-banner-section .insights-banner .insights-item {
    padding: 20px;
}

.insights-banner-section .banner-btn {
    background-color: #0F3882;
    padding: 15px 10px;
    text-align: center;
    color: #fff;
    font-family: Manrope-Bold-700;
    font-size: 12px;

}

.insights-banner-section .banner-btns {
    border: 1px solid #616161;
    padding: 15px 10px;
    text-align: center;
    font-family: Manrope-Bold-700;
    font-size: 12px;
    color: #616161;
    
}




.trending-news-section .trending-news-title h5 {
    font-family: Montserrat-Regular;
    font-size: 30px;
    color: #292727;
}



.trending-latest-news {
    overflow: hidden;
}

.trending-news-bg {
    width: 100%;
    height: 100%;
    background-image: url('../img/insights/trending-news-img.webp');
    background-size: cover;
    background-position: center;
    transition: transform 0.5s ease;
}

.trending-latest-news:hover .trending-news-bg {
    transform: scale(0.97);
}

.trending-latest-news .news-info {
    padding: 200px 20px 50px 20px;
    margin: 20px;
    background-color: #ffffff;
}

.trending-latest-news .news-info p {
    font-size: 12px;
    font-family: Manrope-SemiBold-600;
    color: #746F6F;
}

.trending-latest-news .news-info h5 {
    color: #292727;
    font-family: Manrope-Medium-500;
    font-size: 20px;
    margin-bottom: 30px;
}

.trending-latest-news .news-info a {
    color: #616161;
    text-decoration: none;
    font-family: Manrope-Medium-500;
    font-size: 14px;
}

.news_title h5 {
    font-family: Montserrat-Regular;
    font-size: 30px;
    color: #292727;
}

.newsBtn{

    padding: 15px 45px;
    font-family: Manrope-Medium-500;
    font-size: 14px !important;
    border-radius: 0 !important;
    color: #746F6F;
}

.newsBtn.active{
    background-color: #0F3882 !important;
    padding: 15px 45px;
    text-align: center;
    color: #fff;
    border-radius: 0 !important;
}

.insights-news .search-box {
    display: flex;
    background-color: #ffffff;
    border: 1px solid #D9D9D9;
    border-radius: 2px;
    margin-bottom: 20px;
    height: 50px;
}

.insights-news .search-box:hover {
    border: 1px solid #D9D9D9;
}

.insights-news .search-box:focus-visible {
    outline: none;
}

.insights-news button {
    border: none;
    padding: 10px 10px 10px 20px;
}

.insights-news button:hover {
    background: transparent;
}

.insights-news button:active {
    background-color: #ffffff !important;
}

.insights-news button:focus-visible {
    background: transparent;
    border: none;
    box-shadow: none;
}

.insights-news button i {
    color: #9F9999;
}

.insights-news button:hover i {
    color: #9F9999;
}

.insights-news input {
    font-size: 14px;
    color: #9F9999;
    font-family: Manrope-Medium-500;
    margin: 0;
    padding: 0;
    border: none;
    width: 100%;
}

.insights-news input::placeholder {
    font-size: 14px;
    color: #9F9999;
    font-family: Manrope-Medium-500;
}

.insights-news .categories {
    margin-bottom: 20px;
}

.insights-news .categories .accordion:focus-visible {
    outline: none;
}

.insights-news .categories .accordion .accordion-item {
    border: 1px solid #D9D9D9;
    border-radius: 2px;
}

.insights-news .categories .accordion .accordion-item:focus-visible {
    outline: none;
}

.insights-news .categories button {
    height: 50px;
}

.insights-news .categories h2 {
    font-size: 18px;
    color: #292727;
    font-family: Manrope-Bold-700;
}

.insights-news .categories h2:focus-visible {
    outline: none;
}

.insights-news .categories button:focus {
    box-shadow: none;
}

.insights-news .categories button:focus-visible {
    outline: none;
}

.insights-news .categories .accordion-button:not(.collapsed) {
    background-color: #ffffff;
}

.insights-news .categories .accordion-body ul {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: auto;
}

.insights-news .categories .accordion-body ul li {
    position: relative;
}

.insights-news .categories .accordion-body ul li input[type=radio] {
    position: absolute;
    opacity: 0;
    z-index: 9;
}

.insights-news .categories .accordion-body ul li label {
    font-size: 14px;
    color: #9F9999;
    font-family: Manrope-Medium-500;
    padding: 0px 40px;
    margin: 4px 0px;
}

.insights-news .categories .accordion-body ul li .check {
    display: block;
    position: absolute;
    border: 1px solid #9F9999;
    border-radius: 100%;
    height: 15px;
    width: 15px;
    top: 8px;
    left: 15px;
    z-index: 5;
    -webkit-transition: border .25s linear;
}

.insights-news .categories .accordion-body ul li .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 9px;
    width: 9px;
    top: 2px;
    left: 2px;
    margin: auto;
    -webkit-transition: background 0.25s linear;
}

.insights-news .categories .accordion-body input[type=radio]:checked~.check {
    border: 1px solid #0F3882;
}

.insights-news .categories .accordion-body input[type=radio]:checked~.check::before {
    background: #0F3882;
}

.insights-news .categories .accordion-body input[type=radio]:checked~label {
    color: #0F3882;
}

.latest-news .single-report {
    transition: box-shadow 0.3s ease;
    border-bottom: 3px solid #ffffff;
}

.latest-news .single-report:hover {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-bottom: 3px solid #0f3882;
}

.latest-news .single-report .image-container {
    overflow: hidden;
}

.latest-news .single-report .report-image {
    transition: transform 0.3s ease;
}

.latest-news .single-report:hover .report-image {
    transform: scale(0.87);
    /* Zoom in effect */
}

.latest-news .single-report .report-details {
    padding: 20px;
}

.latest-news .single-report .report-info .date {
    padding-right: 10px;
    margin-right: 10px;
}

.latest-news .single-report .report-info p {
    font-size: 12px;
    font-family: Manrope-SemiBold-600;
    color: #746F6F;
}

.latest-news .single-report .report-details h5 {
    color: #292727;
    min-height: 125px;
}

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

.latest-news .single-report .report-details a {
    color: #616161;
    text-decoration: none;
    font-family: Manrope-Medium-500;
    font-size: 14px;
}

.latest-news .hide {
    display: none;
}

/* Insights section end */




/* Insight Details Start */
/* 1st section Start */

.insight-details-page .container {
    max-width: 95%;
}
.insight-details-page .project-details {
    padding: 65px 0px;
    border-bottom: 1px solid #D9D9D9;
}
.insight-details-page .single-project-banner {
    background-image: url(../img/insights/trending-news-img.webp);
    background-size: cover;
    background-position: center;
}

.insight-details-page .project-info {
    margin: 60px 0px;
    padding: 36px;
    background-color: #ffffff;
    margin-left: 12px;
}

.insight-details-page .project-info h2 {
    margin-bottom: 30px;
    font-family: Manrope-Medium-500;
    font-size: 26px;
    color: #292727;
}

.insight-details-page .project-info p{
    color: #373434;
    font-family: Manrope-Medium-500;
    font-size: 14px;
}

.insight-details-page .insight-info img{
    width: 20px;
    height: 20px;
}
.insight-details-page .insight-info h6{
    color: #373434;
    font-family: Manrope-Medium-500;
    font-size: 12px;
}

.insight-details-page .insight{
    margin-top: 15%;
}

.insight-details-page .project-info .share {
    align-items: center;
}

.insight-details-page .project-info .share i {
    font-size: 16px;
    color: #616161;
    padding: 7px;
    border: 1px solid #616161;
    border-radius: 50%;
    margin-left: 12px;
}

/* 2nd section Start */
.insight-details-page .project-details h6{
    font-size: 16px;
    color: #292727;
    font-family: Manrope-Bold-700;
}

.insight-details-page .project-details p{
    font-size: 14px;
    color: #373434;
    font-family: Manrope-Medium-500;
       text-align: justify;
}

.subscription-container {
    background-color: #F0F7FE;
    padding: 25px;
}

.subscription-container h2 {
    margin-bottom: 30px;
    font-size: 30px;
    color: #292727;
    font-family: Manrope-Medium-500;
}

.subscription-form {
    display: flex;
    overflow: hidden;
}

.subscription-form input {
    border: none;
    padding: 10px;
    flex: 1;
    font-size: 16px;
    outline: none;
}
.subscription-form input::placeholder{
    color: #373434;
    font-family: Manrope-Medium-500;
    font-size: 12px;
}
.subscription-form button {
    background-color: #292727;
    color: #ffffff;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 16px;
    outline: none;
}



/* 3rd section Start */
.insight-details-page .related-reports {
    padding: 65px 0px;
}

.insight-details-page .related-reports h2 {
    color: #292727;
    font-family: Montserrat-Regular;
    font-size: 35px;
}

.insight-details-page .report-details {
    padding: 20px;
}

.insight-details-page .report-info p {
    font-size: 12px;
    font-family: Manrope-SemiBold-600;
    color: #746F6F;
}

/* .insight-details-page .report-info .date {
    padding-right: 10px;
    border-right: 1px solid #746F6F;
    margin-right: 10px;
} */

.insight-details-page .single-report .report-content {
    font-size: 12px;
    margin-bottom: 25px;
    font-family: Manrope-Medium-500;
    color: #373434;
}

.insight-details-page .single-report h5 {
    color: #292727;
    margin-top: 10px;
    margin-bottom: 20px;
    min-height: 125px;
    font-family: Manrope-Medium-500;
    font-size: 16px;
}

.insight-details-page .single-report a {
    color: #616161;
    text-decoration: none;
    font-family: Manrope-Medium-500;
    font-size: 14px;
    
}

.insight-details-page .single-report .image-container {
    overflow: hidden;
}

.insight-details-page .single-report .report-image {
    transition: transform 0.3s ease;
}

.insight-details-page .single-report {
    transition: box-shadow 0.3s ease;
    border-bottom: 3px solid #ffffff;
}

.insight-details-page .single-report:hover .report-image {
    transform: scale(0.85);
    /* Zoom in effect */
}

.insight-details-page .single-report:hover {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-bottom: 3px solid #0f3882;
}



.insight-form .comment-title h2{
    color: #292727;
    font-family: Manrope-Bold-700;
    font-family: 35px;
}



/* comment section */
.comment-section .comment-title h2{
    color: #292727;
    font-family: Manrope-Bold-700;
    font-family: 35px;
}
.comment-form-btn {
    background-color: #0F3882;
    color: #fff;
    padding: 15px 20px;
    font-family: Manrope-Medium-500;
    font-size: 14px;
    border-radius: inherit;
    display: flex;
    width: 170px;
    border: none;
}

.comments-container {
    width: 100%;
    background-color: #F8F8F8;
    padding: 20px;
    max-height: 260px;
    overflow-y: scroll;
}

.comment {
    display: flex;
    align-items: flex-start;
    margin-bottom: 35px;
}

.user-image {
    border-radius: 50%;
    margin-right: 20px;
}

.placeholder-image {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #dde5ff;
    color: #fff;
    font-size: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
}

.comment-content h3 {
    font-size: 16px;
    color: #373434;
    font-family: Manrope-Bold-700;
}

.comment-content .date {
    font-size: 12px;
    color: #616161;
    font-family: Manrope-Medium-500;
    margin-bottom: 5px;
}

.comment-content .comment-text {
    margin: 0;
    font-size: 14px;
    color: #373434;
    font-family: Manrope-Medium-500;
}




/* Investor-relation-page */
.investor-banner-section .investor-banner h5{
    font-family: Manrope-Regular-400;
    font-size: 30px;
    color: #000000;
    text-align: center;
}
.all-project-section .modal-header {
    border: none;
}
.modal-content .form-btns{
    padding: 10px 60px;
    font-family: Manrope-Medium-500;
    font-size: 14px !important;
    border-radius: 0;
    margin: 0 10px;
    background-color: #0F3882;
    border: none;
    COLOR: #FFF;
}

.all-project-section .modal-dialog{
    max-width: 50%;
}

.back-project{
    border: none;
    padding: 10px 17px;
    background-color: #f7f7f7;
}
.back-project i{
    font-size: 20px;
    color: #0f3882;
}