@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&display=swap');


/* ====== Default css  ====== */

section a {outline: 0 !important;text-decoration: none !important;}
section a:active,section a:hover,section a:focus {outline: 0 !important;text-decoration: none !important;}
svg {fill: currentColor;}

/* ====== Default css  ====== */
html{height:100%;scroll-behavior: smooth;overflow-x:hidden;width: 100%;}
a:focus,a:hover,a:active{outline: none; text-decoration: none;box-shadow: none;}
:focus-visible{outline:none;}
h2.SecHead2{font-family:'Playfair Display', serif;font-weight: 400;font-size: 52px;line-height: 50px;color:#000000;margin:0;display:inline-block;text-align:left;}
body,ul,ol,li,p {margin: 0;padding: 0;list-style: none;}
p.Secpara{font-size:14px;font-family:'Roboto', sans-serif;line-height:20px;}


body {
  position: relative;
  font-family: 'Roboto', sans-serif;
  overflow-x: hidden;
  background-color: #fff;
  margin: 0;
  padding: 0;
}

.mcContainer {
  width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
.flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -o-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}


* {
  margin: 0px;
  padding: 0px;
  text-decoration: none;
  box-sizing: border-box;
  list-style: none;
  border: none;
}



.methodologyProgressbarContent{color:#E38D17;font-size:22px;line-height:27px;font-weight:700;padding:10px 0 35px;}
span.methodologyProgressbar{width: 428px;margin-left: 15px;margin-top: -5px;display: inline-block;vertical-align: middle;height: 7px;background: #E38D17;}
p.customPara{margin:0 0 55px;color:#000;font-size:14px;}
.border_left_0{border-left:0 !important;}



/*methodology top*/
.methodologyTop{padding:60px 100px;display:flex;}
.methodologyTop .methodologyWrap{display:flex;}
.methodologyContent{padding:40px 0 60px 55px;background: #FFFFFF ;border: 1px solid #CACACA;border-radius: 8px;}
.methodologyLeft{padding:20px 0 25px;max-width: 61%;margin-right: 65px;}
.methodologyLeft h2.SecHead2{width:80%;}
.methodologyLeft p.Secpara{color:#000;margin-left:0;margin-bottom:20px;}
.methodologyBenifits{display:flex;flex-direction:row;grid-gap:10px;clear:both;width:100%;margin-bottom:50px;}
.methodologyBenifits .imgPlaceholder{padding:0 10px;background:#E7E7E7 ;width:163px;height:163px;border-radius:50%;display: flex;align-items: center;justify-content:center;text-align:center;}
h3.secHeading3{font-size:18px;line-height:22px;font-weight:bold;margin:8px 0;}
.imgPlaceholder:active,.methodologyBenifits .imgPlaceholder:hover{background:#E38D17;color:#fff;cursor:pointer;}
/* .imgPlaceholder .small_cus_img{filter:brightness(0);} */
.imgPlaceholder .small_cus_img {
  filter: brightness(0);
  width: auto;
  height: 40px;
  margin: 0 auto;
}
.imgPlaceholder:hover .small_cus_img{filter:unset;}



/*Categories*/
.categories{padding:60px 100px;position:relative;}
.categories:before{content:'';display:block;background-color:#E38D17;width:100%;height:46px;position:absolute;bottom:42px;left:0;z-index:-1;}
.categories:after{content:'';display:block;background:url('https://images.moneycontrol.com/images/microsite/realestate/methodology/category-bg.png') no-repeat;width: 316px;height: 250px;position: absolute;bottom: 88px;right: -38px;z-index: -1;}
.categories .table{width:95.7%;padding: 15px 0;border: 1px solid #B3B3B3;background:#fff;display: block;border-radius: 25px;margin-bottom:0;}
.categoryContent{position:relative;}
.categoryContent:before{content:'';display:block;background:url('https://images.moneycontrol.com/images/microsite/realestate/methodology/category-bg.png') no-repeat;width: 316px;height: 250px;position: absolute;left: -277px;rotate: 0deg;z-index: -1;bottom: 26px;}
.categories .table thead tr th{vertical-align:top;font-size:17px;line-height:26px;font-weight:900;color:#E38D17;text-align:center;padding:45px 0;width:100px;border-bottom:0;border-top:0;}
.categories .table thead tr th p.Secpara{color:#000;font-weight:400;font-size:17px;line-height:26px;}
.categories .table tbody tr td {padding: 12px 20px;}
.categories .table tbody tr:nth-child(odd) {background: #E7E7E7;}
.categories .table tbody tr:nth-child(even) td{padding: 15px 20px;}
.categories .table thead tr th:nth-child(1), .categories .table tbody tr td:nth-child(1){border-left:0;}
.categories .table thead tr th:nth-child(3), .categories .table tbody tr td:nth-child(3){border-right:0;}
.categories .table>tbody>tr>td{border-bottom:0;border-top:0;font-size:16px;line-height:22px;color:#000;text-align:center;}
.categories .table thead tr th, .categories .table>tbody>tr>td{border:1px solid #C1BEBE;border-bottom:0;border-top:0;}


/*Zonal awards*/
.ZonalAwards{padding-top:0 !important;position:relative;}
.ZonalAwards:before{background-color:transparent;content:'';display:block;background:url('https://images.moneycontrol.com/images/microsite/realestate/methodology/zonal_bg.png') no-repeat center;background-size:cover;width: 100%;height: 583px;position: absolute;bottom: 0;left:0;}
.ZonalAwards:after{display:none !important;}
.ZonalAwards .categoryContent:before{display:none !important;}
.ZonalAwards .table thead tr th{width:287px;}
.ZonalAwards .table thead tr th:nth-child(3), .ZonalAwards .table tbody tr td:nth-child(3){border-right:1px solid #C1BEBE;}
.ZonalAwards .table thead tr th:nth-child(4), .ZonalAwards .table tbody tr td:nth-child(4){border-right:0;}



/*eligibility*/
.eligibility{padding:60px 100px 100px;position:relative;}
.eligibility:after{content:"";background:url('https://images.moneycontrol.com/images/microsite/realestate/methodology/elligibility-bg.png')no-repeat;display:block;position:absolute;bottom: 0; right: -25%; width: 813px; z-index: 0; height: 100%;}
.eligibility .threeBox{display:flex;}
.eligibility .boxWrap{display:flex;grid-gap:40px;flex-wrap:wrap;width:1200px;}
.eligibility h2.cus_h{margin-bottom:25px;}
.boxPlaceholder{background: #E7E7E7 ;border-radius: 8px;padding:9px;width:357px;height:100%;z-index:1;}
.boxPlaceholder .boxBorder{padding:30px 28px 15px 20px;border: 1px solid #CACACA;border-radius: 8px;}
.boxBorder p.Secpara{margin:15px 0;color:#000;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}
.light_icon_v1, .light_icon_v2, .light_icon_v3, .light_icon_v4, .light_icon_v5, h2.SecHead2{margin-bottom:10px;display:block;}
.boxBorder .boxHeight{min-height:245px;}
.light_icon_v1{background:url('https://images.moneycontrol.com/images/microsite/realestate/methodology/residential.png')no-repeat;display:block;width:38px;height:38px;}
.light_icon_v2{background:url('https://images.moneycontrol.com/images/microsite/realestate/methodology/commercial.png')no-repeat;display:block;width:44px;height:44px;}
.light_icon_v3{background:url('https://images.moneycontrol.com/images/microsite/realestate/methodology/retail.png')no-repeat;display:block;width:41px;height:41px;}
.light_icon_v4{background:url('https://images.moneycontrol.com/images/microsite/realestate/methodology/esg.png')no-repeat;display:block;width:53px;height:47px;}
.light_icon_v5{background:url('https://images.moneycontrol.com/images/microsite/realestate/methodology/proptech.png')no-repeat;display:block;width:62px;height:33px;}









/*Responsive css*/


@media all and (max-width:1200px){
h2.SecHead2{font-size:40px;line-height:40px;}	
.mcContainer {padding-left: 20px;padding-right: 20px;width:100%;}	
.methodologyTop, .categories, .eligibility{padding:60px 0 0;}
.methodologyContent{padding:40px 0 60px 25px;}
.methodologyLeft{margin-right:57px;}
span.methodologyProgressbar {width:227px;}
.methodologyBenifits{padding-right:25px;}
.eligibility .boxWrap{ grid-gap: 15px;width: 100%;flex-wrap: nowrap;overflow: auto;}
.boxPlaceholder{width:276px;height:310px;min-width:276px;}
.boxBorder .boxHeight { min-height: 259px;}
.boxBorder{padding:13px 15px 20px;}
.boxPlaceholder .boxBorder{padding:30px 28px 0px 20px;}
.methodologyBenifits .imgPlaceholder{width:150px;height:150px;}
h3.secHeading3{font-size:16px;line-height:20px;}
.categories .table {width:100%;}
.categories:before {bottom:-17px;}
.categories:after{bottom:32px;}
.ZonalAwards{padding-top:60px !important;padding-bottom:30px;}
.ZonalAwards:before{bottom:0;}

	
}




@media all and (max-width: 980px) {
img{max-width:100%;}
.mcContainer {width: 100%;padding-left: 15px;padding-right: 15px;}
h2.SecHead2{font-size:30px;line-height:30px;}
p.Secpara{font-size:15px !important;line-height:24px !important;}	
.methodologyContent{padding:0px 15px 30px 15px;}
.methodologyWrap{padding:10px 20px 0 20px;flex-direction:column;}
.methodologyLeft{max-width: 100%;margin-right: 0;}
span.methodologyProgressbar{width:55%;height:5px;}
.methodologyProgressbarContent {font-size:20px;padding:10px 0 20px;}
.methodologyLeft p.Secpara{text-align:left;}
.methodologyLeft h2.SecHead2 {margin-bottom:0;}
.methodologyCusImg{width: 100%;text-align: center;margin: -46px auto 10px;}
.methodologyBenifits{padding:0;grid-gap:6px;}
.methodologyBenifits .imgPlaceholder{width: 110px;height: 110px;padding:0 45px;}
.methodologyBenifits .imgPlaceholder h3.secHeading3 {font-size: 12px;line-height: 14px;}
.categories .table>tbody>tr>td {font-size:15px;}
.categories .table-responsive{border-radius:10px;}
.categories .table thead tr th{font-size: 15px;line-height: 16px;padding:9px 7px 5px;}
.categories .table tbody tr:nth-child(even) td{border-right:1px solid #C1BEBE;padding:10px 20px;}
.categories .table tbody tr td{padding:10px 14px;}


 }


@media (max-width: 767px) {
	p.customPara{margin:0 0 20px;}
	.methodologyTop, .categories, .eligibility{padding:30px 0 0;}
	.methodologyLeft h2.SecHead2, .methodologyCusImg{width:100%;}
	.methodologyWrap{padding:0;}
	.methodologyContent{padding:10px 15px 20px 15px;}
	.methodologyBenifits{overflow:auto;margin-top:-20px;margin-bottom:15px;}
	.methodologyBenifits .imgPlaceholder{width: 120px;height: 120px;padding:0 45px;}
    .categories .table{background:#fff !important;border:none;border-radius:0;}
.categories .table-responsive{background:#fff;border-radius:10px;}
.categories .table-responsive::-webkit-scrollbar {height:15px;}
.categories .table-responsive::-webkit-scrollbar-track {background: #E7E7E7 ;border-radius:3px;}
.categories .table-responsive::-webkit-scrollbar-thumb {background: #E38D17 ;border-radius:3px;}
.ZonalAwards{padding-top:30px !important;}

}



@media all and (max-width: 480px) {
p.Secpara {font-size: 14px !important;}
span.mobProgress{width:45%;}
.categories:after, .categories:before, .eligibility:after{display:none;}

	
}