.about_banner {
    background-image: url(../placeholder-images/about-banner.png) !important;
}
.team_banner {
    background-image: url(../placeholder-images/team2020.jpg) !important;
}

.project_banner {
    background-image: url(../placeholder-images/projects-bg.png) !important;
}

.resources_banner {
    background-image: url(../placeholder-images/resource-banner.png) !important;
}

.course_banner {
    background-image: url(../placeholder-images/courses-bg.png) !important;
}

.btn-style {
    cursor: pointer;
}
.active>.page-link, .page-link.active {
    background-color: var(--red)!important;
    color: white !important;
    border-color: var(--red);

} 
.page-link{
   color: var(--red)!important;
   border: var(--bs-pagination-border-width) solid var(--red);
}   
.page-link:hover {
    z-index: 2;
    color: var(--red);
    border-color: var(--red);
}
.email{
    text-transform:  unset !important;
}


.insight_detail  .et_pb_text_inner h1, .insight_detail .et_pb_module  h1 {
    display: none;
}
.insight_detail  .et_pb_text_inner a, .insight_detail .et_pb_module  a {
color: var(--red);
}


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


.title_proj_height{
    min-height: 54px;   
}
.top-h h2 span{
    font-family: FamiljenGrotesk-Bold;
}
.pagination .page-link:focus , 
.pagination .page-link:focus:active:focus{
    box-shadow: none;
    background: transparent;
}



@media only screen and (max-width: 575px) {
    .title_proj_height{
        min-height: auto;   
    }
    .service_tags , .service_tag_2{
        display: block;
    }
    
    .service_tag_2{
        text-align: left;
    }
    
    .tag_flex {
        margin: 5px 0px;
    }
    
    .service_tags {
       margin-top: 0;
        position: relative;
    }
    
    
}

.pro_detail_2 .profile_about h6 {
    margin-top: 1%;
}


.pro_detail_2.insight_detail p , .pro_detail_2.insight_detail ul , .pro_detail_2.insight_detail ol , .pro_detail_2.insight_detail table{
    font-size: 20px;
    margin-top: 15px;
}
.pro_detail_2.insight_detail h1{
    margin-top: 20px!important;
    font-size: 25px;
}
.pro_detail_2.insight_detail h4{
    margin-top: 20px!important;
    font-size: 24px;
}
.pro_detail_2.insight_detail h4 , .pro_detail_2.insight_detail h5{
    margin-top: 20px!important;
    font-size: 22px;
}


.pro_detail_2.insight_detail img{
    margin: 20px 0px;
}

.pro_detail_2.insight_detail p a , 
.pro_detail_2.insight_detail li a{
    font-size: 20px; 
}

.job_box p { 
    display: unset !important;
}
.job_box {
    border-bottom: unset !important;
    padding: unset !important;
}

.serve_ul_style ul{
    font-size: 20px;
}
@media screen and (max-width: 992px) {
    .serve_ul_style ul{
        font-size: 17px;
    }
}

.pro_detail_2.insight_detail h3{
    margin-top: 20px!important;
    font-size: 26px;
}

.expertise_sustainable {
    background: #FFF0E8;
}

.expertise_detail .top-h h6 {
    font-size: 28px;
    margin-top: 20px;
    font-family: FamiljenGrotesk-Medium;
}

.pro_detail_2.expertise_detail {
    border-bottom: none;
}

.pro_detail_2.expertise_detail .top-h,
.w-730,
.expertise_sustainable .top-h p {
    max-width: 730px;
}

.expertise_sustainable .top-h p {
    width: auto;
    margin: 0px 0px 25px 0px;
}

.top-h p span {
    color: var(--red);
    font-family: FamiljenGrotesk-SemiBold;
}

.sustainable_list ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.sustainable_list li {
    position: relative;
    font-size: 20px;
    width: 48%;
    padding: 7px 0px 7px 30px;
    text-align: left;
    border-bottom: 1px solid var(--red);
}

.sustainable_list li::before {
    content: '';
    width: 14px;
    height: 14px;
    position: absolute;
    left: 0px;
    top: 17px;
    background: #FF7324;
    border-radius: 50px;
}