:root{
    --cta-color:#C3935f;
    --shadow-props: 0 1px 8px #00000033;
    /* --title-color: #26262e; */
    --description-color: #565857;
    --img-radius: 8px;
    --progress-bar: #C3935f;
}
.banner-infos{width: 100%;max-width:1920px;margin:0 auto;position: relative;display: block;}
.banner-props-career{position: relative;background:url('https://cdn.jashnrealty.com/assets/v2/images/projects/rera-banner.jpg') center center no-repeat;background-size:cover;height:380px;}
.banner-content{position: relative;height:100%;background:rgba(46, 44, 117, 0.4);;padding-top: 72px;z-index: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;padding-left:15px;padding-right:15px;}
.title-captions{font-size:40px;}
.about-details.font-props{font-size:24px;color:#fff;}
.top-30{margin-top:30px;}
.top-10{margin-top:10px;}

.project-list-container {width: 100%;max-width: 1400px;padding-left: 15px;padding-right: 15px;margin-left: auto;margin-right: auto;padding-top: 60px;padding-bottom: 60px;}
.project-list-wrapper{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 50px;}
.project-card{ box-shadow: var(--shadow);display: flex;gap: 20px;}
.project-list-container .project-imgg{flex:30%;}
.project-list-container .project-details-wrapper{flex: 70%; display: flex;font-size: 18px;gap: 10px;}
.project-img-props{display: block;overflow: hidden;}
.project-img-props img{height: 100%;transition: transform 0.5s ease-in-out;}
.project-img-props img:hover{transform: scale(1.1);}
.project-details{display: flex;flex-direction: column;justify-content: center; gap: 10px;width: calc(100% - 125px);word-break: break-word;}
.project-details .rera-link{color:var(--d-color);}
.project-imgg a{display: grid;height: 100%;}
.project-qr{display: grid;height: 100%;}
.project-qr img{height: 100%;}
.project-details .project-name{width: 100%;display: flex;flex-wrap: wrap;align-items: center;font-size: 18px;font-weight: 700;}
.project-phase-type{font-size: 10px;font-weight: 700;text-transform: uppercase;border-radius: 4px;margin-left: 4px;color: #fff;background: linear-gradient(98.3deg, rgb(0, 0, 0) 10.6%, rgb(255, 0, 0) 97.7%);display: inline-block;padding: 2px 4px;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);}

@media screen and (max-width:1199px){
    .banner-props{height: 440px;}
    .banner-content{padding-top:60px;}
    .title-captions{font-size:32px;}
    .project-list-wrapper{grid-template-columns: repeat(1,minmax(0,1fr)); gap: 25px;}
    .project-list-container{max-width: 740px;}
}
@media screen and (max-width:767px){
    .title-captions{font-size:24px;}
    .about-details.font-props{font-size:18px;color:#fff;}
}
@media screen and (max-width:576px){
    .project-list-container .project-imgg {display: none;}
    .project-list-container .project-details-wrapper{padding-left: 10px;font-size: 14px;}
    .project-details .project-name{font-size: 14px;}
    .project-qr img{width:100px;height: auto;}
    .project-details{gap: 5px;}
    .project-qr{display: block;height: auto;}
}