/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 22 2025 | 06:14:53 */
@media (max-width: 1180px) {
	.investor-term-list {
		padding: 0 10px;
	}
	.cp-item {
		padding: 20px !important;
		width: 8.8% !important;
	}

	.cp-item img {
		top: 15px !important;
		left: 16% !important;
	}
	.cp-item.expanddiv img {
		left: 3% !important;
	}
	.cp-item h4 {
		top: 150px !important;
		left: -6px !important;
	}
	.cp-wrap {
		gap: 20px;
	}

}
@media (max-width: 1024px) {
	.contact-form-sec ul li {
		width: 48%;
	}
    .leader-card {
        width: 30.6%;
    }
	.cp-item img {
		width: 56px !important;
	}
	
	.cp-item.expanddiv img,
	.cp-item img {
		left: 20px !important;
	}
	.cp-item h5 {
		position: relative !important;
		opacity: 1 !important;
		left: 75px !important;
		top: 9px !important;
	}
	.cp-wrap {
		display: flex !important;
		flex-wrap: wrap !important;
	}
	.cp-item {
		width: 100% !important;
		height: 90px !important;
		display: block !important;
		padding: 20px 20px 20px 20px !important;
	}
	.elementor-widget-container .cp-item.expanddiv {
		height: auto !important;
		width: 100% !important;
	}
	.investor-tab-section .tab {
		text-align: center;
		padding: 10px 30px;
	}
	.esg-post {
		width: 100%;
	}
}

@media (max-width: 880px) {
    .leader-card {
        width: 47%; 
    }
	.media-post {
		width: 48.3%;
	}
	
	
	.stepsinfographic ul {
		flex-direction: column;
		padding: 0;
        max-width: 447px;
	}
	.stepstext:before {
		left: -40px !important;
		top: 50% !important;
		bottom: auto !important;
		width: 30px;
		height: 2px;
	}
	.stepstext {
		position: relative;
		max-width: 250px;
		top: auto !important;
		bottom: auto !important;
		left: auto !important;
		right: auto !important;
	}
	.stepsinfographic ul li {
		display: flex;
		flex-direction: row-reverse;
		align-items: center;
		margin: -7.5px 0;
		gap: 40px;
	}
	.steps-icon:before {
		transform: rotate(45deg);
	}
	.steps-icon:after {
		transform: rotate(225deg);
	}
	.stepstext:after {
		left: -12px;
		top: 50% !important;
		bottom: auto !important;
		right: auto !important;
		margin: -3px auto 0 !important;
	}

	.stepsinfographic ul li .stepstext:after,.stepsinfographic ul li .stepstext:before{
		background: #dbdbdb;
	}
	.stepsinfographic ul li:nth-child(2n) .stepstext:after,.stepsinfographic ul li:nth-child(2n) .stepstext:before{
		background: #216462;
	}
	
}
@media (max-width: 767px) {
	.contact-form-sec ul li {
		width: 100%;
	}
	.media-post {
		width: 100%;
	}
	.investor-tab-section .tab {
		padding: 15px 10px;
    	font-size: 18px;
	}
	.esg-reports-section .products-grid {
		column-gap: 20px;
    	flex-direction: column;
	}
	.commitment-card {
		flex-direction: column !important;
	}
	.commitment-card .commitment-img {
		width: 100% !important;
	}
	.commitment-card .commitment-content {width: 100% !important;margin: 20px 0 0 0 !important;}
	.commitment-content h3 {
		margin-bottom: 0 !important;
	}
	.commitment-content p {
		max-width: none !important;
	}
	ul.pdf-btn-list li{margin: 15px 0 0;float: left;text-align: left;padding: 0 !important;
        width: 100% !important;}
	ul.pdf-btn-list{display: block !important;}
	ul.pdf-btn-list li:nth-child(1):after{display:none;}
	.parent_investors-contacts-sudarshan .invt-lists {
		display: block !important;
		margin-bottom: 30px !important;
	}
	.parent_investors-contacts-sudarshan .invt-lists li.investor-tables {
		display: block !important;
		width: calc(100% - 40px) !important;
		margin-bottom: 30px !important;
	}
	.invt-section-header h2 {
		margin-bottom: 5px;
	}
	div#investor-term-list-section .invt-section-header {
		flex-direction: column;
		align-items: start;
	}
}
@media (max-width: 520px) {
	.investor-tables {
		margin-bottom: 30px !important;
	}
	div#investor-term-list-section .invt-section-header {
		margin-bottom: 10px !important;
		margin-top: 30px !important;
	}
    .leader-card {
        width: 100%;
    }
	.investor-tab-section .tab {
		padding: 15px 5px;
    	font-size: 16px;
	}
	.commitment-card {
        margin-bottom: 10px;
    }
	.pdf-btn span:after {
		display: none !important;
	}
	.stepsinfographic ul li {
		flex-direction: column-reverse !important;
		margin: 0 0 40px !important;
		gap: 10px !important;
	}
	.stepsinfographic ul li .stepstext:after, .stepsinfographic ul li .stepstext:before{
		display:none !important;
	}
}