/* ---- Sustainability page ---- */
img.nxt-img {
    width: 100%;
}
.nxt-sec{
	padding: 60px 0 40px;
}
.nxt-content{
	width:75%;
}
.nxt1-content{
	width:90%;
}
section.nxt1-sec {
 	width:95%; 
	margin:auto;
    background: #F7F7F7;
    padding: 50px 0;
	border-radius:25px;
}
.tab-txt{
	padding-bottom:30px;
}
.after-tab {
    font-size: 20px;
    font-weight: 500;
}
	.sus-grid {
 list-style: none;
}

.gc {
 box-sizing: border-box;
 display: inline-block;
 margin-right: -.25em;
 min-height: 1px;
 vertical-align: top;
}

.gc--1-of-3 {
 width: 40%;
 padding-right:60px;
}

.gc--2-of-3 {
 width: 60%;
 background: #f3f7ed;
 padding: 40px;
 border-radius:10px;
 height:700px;
}

.sus-tab {
 position: relative;
 padding: 30px 0 40px;
}

.sus-tab .menu div {
 padding: 15px 20px 15px 0;
 border-bottom: 1px solid #f3f7ed;
 margin-bottom: 10px;
 color: $base-color;
 background: #fff;
 cursor: pointer;
 position: relative;
 vertical-align: middle;
 transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
}

.sus-tab .menu div span.light {
 height: 10px;
 width: 10px;
 position: absolute;
 top: 24px;
 left: 15px;
 background-color: $base-color;
 border-radius: 100%;
 transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
}

.sus-tab .menu div.active span.light {
 background-color: $third-color;
 left: 0;
 height: 100%;
 width: 3px;
 top: 0;
 border-radius: 0;
}

.sus-tab .menu div.active {
 color: #fff;
 background: #8fc138;
 border-radius: 10px;
 padding: 15px 20px 15px 40px;
}

ul.nacc {
 position: relative;
 height: 0px;
 list-style: none;
 margin: 0;
 padding: 0;
 transition: .5s all cubic-bezier(0.075, 0.82, 0.165, 1);
}

ul.nacc li {
 opacity: 0;
 transform: translateX(50px);
 position: absolute;
 list-style: none;
 transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
}

ul.nacc li.active {
 transition-delay: .3s;
 z-index: 2;
 opacity: 1;
 transform: translateX(0px);
}

ul.nacc li p {
 margin: 0;
}
/* ---- Sustainability page END ---- */

/* ---- Smart ODR page ---- */
.odr-row {
    padding: 0 12%;
}
/* ---- Smart ODR page END ---- */

/* ---- Policies page ---- */
.ic-tabss{
	width:94%;
}
.policy-num {
	float:left;
    font-size: 24px;
}
.policy-button {
	float:right;
}
.policy-num:hover .policy-button, .policy-content:hover .policy-button{
	display: block;
}
.policy-row {
    padding: 20px 0;
/*     border-bottom: 1px solid #DBDBDB; */
}
.policy-row:hover{
	color:#a6ce39;
}
.policy-content {
    margin-left: -6%;
}
/* ---- Policies page END ---- */

/* ---- Corporate Governance page END ---- */
.board-directors{
    display: flex;
    flex-wrap: wrap;
    padding-top: 20px;
    gap: 20px;
	justify-content:flex-start !important;
}
.directorsimg{
	width:100% !important;
}
.board-director{
	width:23% !important;
}
.ic-directors {
    display: flex;
    flex-wrap: wrap;
    padding-top: 20px;
    justify-content: flex-start;
}
.ic-director {
    width: 22%;
    padding-bottom: 40px;
}
.directors-info {
    padding-top: 20px;
}
.icd-name {
    font-size: 20px;
    font-weight: 500;
}
.icd-designation {
    font-weight: 400;
}
.nxt-committess {
    padding: 20px 0 20px;
}
.committess-col {
    position: relative;
    background: #8fc138;
    border-radius: 15px;
}
.committess-col h3 {
    position: absolute;
    color: #fff;
    top: 10%;
    left: 30px;
}
.committess-col h3:hover{
	color:#000;
}
.card, .card1 {
	position: relative;
	overflow: hidden;
	cursor: pointer;
	border:none;
	background: transparent;
}
.card:hover img {
	opacity: 0;	
}
	.card1:hover, .overlay1:hover, .committess-col:hover{
		background:#fff;
		border-radius:15px;
		transition: all .3s ease-out 0.2s;
	}
.overlay, .overlay1{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	color: #000;
	border-radius:10px;
}
.overlay:hover{
	background: #8fc138;
}
	.overlay1:hover{
	border:#8fc138;
}
.text-p, p.text-p, .text-p1 {
	width: 100%;
	height: 100%;
	padding: 20px;
	font-size:14px;
	transform: translateY(30px);
	opacity: 0;
	border-radius:10px;
	transition: all .3s ease-out 0.2s;
}
.search-wrap{
	width: 60%;
	margin: auto;
	margin-right: 0;
}
.text-p a, p.text-p a, .text-p1 a{
	font-size:14px; 
	font-weight:400;
	padding-top:10px;
}
	.text-p, p.text-p {
		background: #8fc138;
	}
	.text-p1{
		color:#000;
		background: #F7F7F7;
	}
.card:hover .overlay .text-p, .card:hover .overlay p.text-p, .card1:hover .overlay1 .text-p1 {
	opacity: 1;
	transform: translateY(0);
}
.pl_container .policy_inside{
	border-bottom: 1px solid #DBDBDB;
}
div.pl_container .policy_inside:last-child{
	border-bottom:0;
}
.minfoo {
    padding: 15px 0;
    border-bottom: 1px solid #a6ce39;
}
.minfoo:last-child{
	border-bottom:0;
}
.r-title {
    font-family: "proxima-nova", sans-serif;
    font-size: 34px;
    line-height: 1.3;
    margin-bottom: 15px;
    font-weight: 600;
}
.r-name {
    font-size: 18px;
    font-weight: 400;
}
.r-desig {
    font-weight: 400;
}
/* ---- Corporate Governance page END ---- */
.select-year-wrap{width:15%;}
.quarter-wrap{display:flex;}

@media(max-width: 1280px) and (min-width: 800px){
.gc--2-of-3 {height:600px;}
}

@media(max-width: 767.98px){
	.board-director {width: 46% !important;}
	.ic-director {width: 48%;}
	.icd-name {font-size:18px;}
	.icd-designation{font-size:16px;}
	.directors-info a{font-size:14px;}
	.odr-row{padding:0;}
	.ic-hedings{font-size:34px !important;}
	.ic-content{font-size:18px;}
	.policy-title {width: 75%; font-size: 16px;line-height:25px;}
	.pnum {width: 100%;}
	.mobile-policy.q-single-file {display: flex; flex-wrap: wrap;}
	section.nxt1-sec {padding:20px 0;}
	.nxt-content {width: 95%;}
	.policy-content {font-size: 20px !important; width: 80% !important;}
	.ic-slider-content {position: absolute; top: 5%; left: 5%; color: #fff;}
	.minfoo .r-desig{font-size:16px;}
	.minfoo .r-name{font-size:18px;}
	.ic-slider-content h4{font-size: 24px !important; color:#fff;}
/* 	.committess-col:hover{background-image:url('/wp-content/uploads/2024/11/Mask-group.svg')} */
	.committess-col:hover { background: #8fc138; background-image: none; }
	.minfoo {padding:5px 0;}
	.main-tab .main-tab-head {display: flex; align-items: center; overflow: scroll; height: fit-content; }
	.main-tab .main-tab-head li {font-size:16px;}
	.select-year-wrap {width:48%;}
	.select-year-wrap select {font-size:14px; width:90%;}
	.search-wrap{width:100%;margin-top:0!important;}
	.nxt-sec { padding: 20px 0 40px; }
	.ic-directors{ justify-content: space-between; }
	
}
@media(max-width: 575.98px){
	.search-wrap{width:100%;margin-top:40px!important;}
}
@media(max-width: 1024px) and (min-width: 768px){
	.ic-director{width:28%;justify-content: left; margin-right: 3%;}
	.text-p, p.text-p, .text-p1{font-size:13px;}
	.nxt-committess .row .col-md-3{width:50%;margin-bottom:20px;}
	.nxt-committess{padding-bottom:50px;}
	.committess-col h3{font-size:24px!important;}
	.committess-col{height:300px;}
	.modal-content{width:100%!important;right:0!important;}
	.nxt-sec .modal.show .modal-dialog{max-width:90%;}
	.paralevel_1 p, .dist-main-tab .dist-main-tab-head li.active{font-size:15px;}
	.select-year-wrap{width:22%;margin-right:20px;}
	.select-year-wrap select{font-size:16px;width:100%;}
	.rwd-table th, .rwd-table td{font-size:13px;}
	.odr-row{padding:0;}
	.search-wrap{width: 100%;}
	.board-director { width: 28% !important; margin-right: 3%; }
	.icd-designation, .r-desig{ font-size: 16px; }
	.ic-directors{ justify-content: left; }
	.policy-content{ width: 100% !important; }
	.ic-tabss { width: 94%; }
	.q-single-file { font-size: 16px; }
	
	
}
@media(max-width: 1200px) and (min-width:1025px){
	.ic-directors .ic-director{width:30%;justify-content: space-around;}
	.text-p, p.text-p, .text-p1{font-size:15px;}
	.icd-designation{font-size:15px;}
	.modal-content{width:100%!important;right:0!important;}
	.nxt-sec .modal.show .modal-dialog{max-width:90%;}
	.policy-row .policy-content{width:100%;}
	.nxt1-sec .ic-directors .ic-director{width:30%;justify-content: space-between!important;}
	.nxt1-sec .ic-directors {justify-content:center;}
	.abt-tab-menu ul li a{padding:10px 15px;font-size:15px;}
	.q-files-wrap .q-single-file{font-size:18px;}
	.select-year-wrap{width:22%;margin-right:20px;}
	.select-year-wrap select{font-size:16px;width:100%;}
	.rwd-table th, .rwd-table td{font-size:13px;}
	.odr-row{padding:0;}
	.search-wrap{width: 100%;}
}

@media(min-width: 1800px){
	.text-p, p.text-p{ font-size: 18px; }
	.icd-name{ font-size: 24px; }
}