@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');

/*
Theme Name: Irm Energy
Version: 1.6
Template: twentytwentyone

*/

@import url('../twentytwentyone/style.css');


:root {
	--primary-font-family: 'Plus Jakarta Sans', sans-serif;
	--heading--font-family: 'Plus Jakarta Sans', sans-serif;
	--global--font-secondary: 'Plus Jakarta Sans', sans-serif;
	--body-font-size: 16px;
	--global-color-primary: #2B227B;
	--global-color-secondary: #0ABF53;
	--site-body-text-color: #8795AA;
	--responsive--alignwide-width: 1170px;
	--global-white-color: #ffffff;
	--light-gray-color: #F5F5F5;
	--body-gray-color: #9D9D9D;
	--border-color: #B6BFCC;
}   

.progress-wrapper { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.loading-wrapper .logo-load-wrapper { text-align: center;}
.loading-wrapper .logo-load-wrapper .loading-progress-wrapper { margin-top: 20px; width: 175px; position: relative; height:5px; border-radius: 3px; overflow: hidden; display: inline-block; background-color: rgba(0, 0, 0, 0.35);}
.loading-wrapper .logo-load-wrapper .loading-progress-line { width: 0; position: absolute; left: 0; top: 0; height: 100%; display: block; background-color: var(--global-color-secondary); border-radius: 3px; }
.loading-wrapper .logo-load-wrapper span { display: block !important;}

/* ====================== */
/* == GLOBAL CSS START==  */

* {
	outline: none !important;
}
a {
	transition: all ease-in-out 0.3s;
	text-decoration: none;
	color: var(--global-color-secondary);
}
a:focus, a:hover {
	outline:none !important;
	text-decoration: none !important;
	text-decoration-style: solid !important;
	color: var(--global-color-primary);
	/* background-color: transparent !important; */
}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
	background: none;
}
.screen-reader-text { visibility: hidden;}

img {
	max-width: 100%;
}

html {
	overflow-x: hidden;
}

body {
	font-size: var(--body-font-size);
	font-weight: 500;
	line-height:24px;
	background-color: #fff;
	color: var(--site-body-text-color);
	font-family: var(--primary-font-family);
}


.text-center {
	text-align: center;
}
.cursor-default {
	cursor: default !important;
}
.cursor-pointer {
	cursor: pointer !important;
}

.alignwide {
	padding-left:15px;
	padding-right:15px;
}

.btn {
	border-radius: 6px;
	border-width:1px ;
	border-style: solid;
	font-size: var(--body-font-size);
	font-family: var(--primary-font-family);
	padding: 14px 20px 14px 20px;
	font-weight: 600;
	position: relative;
	display: inline-block;
	text-decoration: none !important;
}
.btn-primary {
	background-color: var(--global-color-primary);
	border-color: var(--global-color-primary);
	color: var(--global-white-color);
}
.btn-primary:focus, .btn-primary:hover {
	background-color: var(--global-white-color) !important;	
	border-color: var(--global-color-primary);
	color: var(--global-color-primary) !important;
}
.btn-secondary {
	background-color: #fff !important;
	border-color: #fff;
	color: var(--global-color-primary);
}
.btn:hover, .btn:focus {
	/* background-color: #035d66 !important;
	border-color: #035d66 !important; */
	color: #fff;
	box-shadow: none !important;
}
.btn-secondary:hover, .btn-secondary:focus {
	color: var(--global-color-primary) !important;
}
.btn img {
	margin-right: 5px;
}
.btn:hover img {
	filter:invert(91%) sepia(68%) saturate(5432%) hue-rotate(248deg) brightness(89%) contrast(91%);
}

h2 {
	color: var(--global-color-primary) ;
	font-size: 44px;
	line-height:57px;
	font-weight: 700;
	margin: 0;
	padding:0 0 20px 0;
	letter-spacing: 0;
}
h2 span {
	color: var(--global-color-secondary);
	display: block;
	font-size: 18px;
	line-height: 24px;
	margin: 0 0 10px 0;
}

h3 {
	color: var(--global-color-primary) ;
	font-size: 26px;
	line-height:33px;
	font-weight: 700;
	margin: 0;
	padding:0 0 20px 0;
	letter-spacing: 0;
}

h4 {
	color: var(--global-color-primary) ;
	font-size: 24px;
	line-height:31px;
	font-weight: 700;
	margin: 0;
	padding:0 0 15px 0;
	letter-spacing: 0;
}

h5 {
	color: var(--global-color-primary) ;
	font-size:20px;
	line-height:26px;
	font-weight: 700;
	margin: 0;
	padding:0;
	letter-spacing: 0;
}

h6 {
	color: var(--global-color-primary) ;
	font-size: 18px;
	line-height:24px;
	font-weight: 600;
	letter-spacing: 0;
	margin: 0;
	padding:0;
}

p {
	line-height: 26px;
	margin: 0 0 30px 0;
}

.row                                                                            { display: flex; margin: 0 -15px; flex-wrap: wrap;}
.d-flex 																																				{ display: flex; display: -webkit-flex;}
.align-items-center                                                             { align-items: center;}
.justify-content-center                                                         { justify-content: center;}
.justify-content-end                                                            { justify-content: flex-end;}
.justify-content-between                                                            { justify-content: space-between}
div[class^="column-"]                                                           { padding: 0 15px;}
.column-3                                                                       { width: 25%;}
.column-4                                                                       { width: 33.33333333%;}
.column-5                                                                       { width: 41.66666667%;}
.column-6                                                                       { width: 50%;}
.column-7                                                                       { width: 58.33333333%;}
.column-8                                                                       { width: 66.66666667%;}
.column-9                                                                       { width: 75%;}
.column-10                                                                      { width: 83.33333333%;}
.column-11                                                                      { width: 91.66666667%;}
.column-12                                                                      { width: 100%;}

.site-main {
	padding: 0 !important;
}
.site-content {
	padding-top: 90px;
}

ul {
	margin: 0;
	padding: 0 0 0 20px;
}
ul li {
	margin: 0 0 10px 0;
}

.p-0 {
	padding: 0 !important;
}
.pb-20 {
	padding-bottom: 20px !important;
}
.text-bold {
	font-weight:700;
}


input, select {
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: var(--border-color);
	padding: 9px 10px;
	width: 100%;
	font-family: var(--primary-font-family);
	color: var(--global-color-primary);
	font-weight: 500;
}
.form-label {
	color: var(--border-color);
	font-size: 16px;
}

/* ====================== */
/* == HEADER CSS START==  */

.site-header {
	max-width: inherit;
	margin: 0;
	padding: 0px 30px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
	background-color: var(--global-white-color);
	border-bottom: 1px solid rgba(226, 229, 234, 0.5);
	box-shadow: 0px 3.19583px 11.9844px rgba(243, 246, 249, 0.5);
	transition: all ease-in-out 0.3s;
}
.site-header .header-left {
	display: flex;
	align-items: center;
}

.site-header .site-logo {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
}
.site-header .site-logo .custom-logo-link {
	margin-right: 20px;
}
.site-header .site-logo .site-description {
	font-size: 12px;
	color: #000;
	margin: 0;
	font-family: var(--primary-font-family);
	max-width: 175px;
}

.site-header .menu-toggle {
	margin: 0 10px 0 0;
	padding:5px;
	cursor: pointer;
}
.site-header .menu-toggle span {
	width: 25px;
	height: 2px;
	background-color: var(--global-color-primary);
	margin: 5px 0;
	display: block;
}

.site-header .header-right {
	margin-left: auto;
}

.mega-mobile-menu {
	display: none !important;
}
.header-right #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.self-billing a.mega-menu-link:hover::after{ 
	display: none;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.self-billing a.mega-menu-link { 
	font-weight: 700 !important;
	animation-name: colorPalette;
	animation-duration: 0.5s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: linear;
} 
@keyframes colorPalette {
	0% {
		color: var(--global-color-secondary);
	}
	100% {
		color: var(--global-color-primary);
	}
}
@-webkit-keyframes colorPalette {
	0% {
		color: var(--global-color-secondary);
	}
	100% {
		color: var(--global-color-primary);
	}
}
@-moz-keyframes colorPalette {
	0% {
		color: var(--global-color-secondary);
	}
	100% {
		color: var(--global-color-primary);
	}
}

@media only screen and (min-width: 1200px) {

	.sticky-header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
		padding-top: 17px;
		padding-bottom:17px;
	}

	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
		font-weight: 500 !important;
		padding: 25px 10px;
		height: auto;
		font-size: 14px;
		transition: all ease-in-out 0.3s;
	}
	

	.header-right #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link::after, .header-right #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-lin::after, .header-right #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link::after, .header-right #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover::after, .header-right #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link::after, .header-right #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link::after {
		content: '';
		width: 6px;
		height: 6px;
		border-radius: 10px;
		left: 50%;
		/* bottom: 25px; */
		transform: translate(-50%, -30%);
		display: block !important;
		position: absolute;
		background:var(--global-color-primary);
	}

	#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
		display: none;
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
		background-color: var(--global-white-color);
		box-shadow: 0px 4px 50px rgba(192, 192, 192, 0.15);
		border-radius: 0px 0px 14px 14px;
		border-width: 1px;
		border-style: solid;
		border-color: #E9E9E9;
		padding: 10px 0;
		min-width:205px;
		width: auto;
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
		font-size: 16px;
		letter-spacing: normal;
		color: var(--site-body-text-color);
		background: none !important;
		font-weight: 500 !important;
		padding: 0 15px;
		white-space: nowrap;
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover ,#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.mega-current_page_item a.mega-menu-link {
		color: var(--global-color-primary);
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
		width: auto;
		padding: 20px 10px 10px;
	}
	.mega-menu-row > .mega-sub-menu {
		display: flex !important;
	}
	.mega-menu-row .mega-sub-menu a {
		padding: 0 !important;
		color: var(--site-body-text-color);
		font-size: 16px;
		font-weight: 500;
		text-decoration: none;
		overflow: hidden;
		margin: 0 0 10px 0;
		border-radius: 14px;
	}
	.mega-menu-row  .mega-sub-menu .mega-sub-menu:hover a {
		color: var(--global-color-primary);
	}
	#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-8 {
		width: auto;
		margin: 0 20px;
	}
	#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item{
		float: none;
		width: auto;
		text-align: center;
	}
	#mega-menu-wrap-primary #mega-menu-primary .mega-menu-row .mega-sub-menu img {
		width: auto !important;
		margin: 0;
		transition: all ease-in-out 0.4s;
	}
	#mega-menu-wrap-primary #mega-menu-primary .mega-menu-row .mega-sub-menu .mega-menu-item:hover img  {
		transform: scale(1.09);
	}
	.mega-menu-row .mega-sub-menu h6 {
		margin-bottom: 20px;
		text-align: left;
	}
	.mega-menu-row .mega-sub-menu .png-top-spacing > .mega-sub-menu{
		margin-top: 44px !important;
	}


	/* ============================ */
	/* == QUICK ACCESS CSS START==  */

	.quick-access-section {
		min-height: 174px;
	}
	.quick-access-section .alignwide{ 
		transition: all ease-in-out 0.4s;
		top: 0;
	}

	.quick-access-section.sticky-quick-access .alignwide{
		position: fixed;
		top: 75px;
		max-width: inherit;
		width: 100%;
		z-index: 5;
		padding: 0;
	}
	.quick-access-section.sticky-quick-access .quick-access-wrap {
		border-radius: 0;
		padding:5px 20px;
	}
	.quick-access-section.sticky-quick-access .quick-access-wrap .access-block a {
		display: flex;
		align-items: center;
	}
	.quick-access-section.sticky-quick-access .round-icon {
		width: 38px;
		height: 38px;
		margin-right: 15px;
		padding: 8px 5px;
	}
	.quick-access-section.sticky-quick-access .round-icon img {
		max-height: 100%;
	}
	.quick-access-section.sticky-quick-access .access-block .title {
		margin-top: 0;
	}


}

@media only screen and (min-width: 1400px) {
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
		padding: 25px 12px;
		font-size: 16px;
	}



}

.main-menu #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:not(.leftmenu-label-show) {
    display: none;
}
.main-menu #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mainlink  {
	display: none;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-desktop-hide {
	display: none;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.leftmenu-label-show {
	display: none;
	margin:15px 0 0px 0;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.menu-btn a, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.menu-btn.mega-current-menu-item a {
	background-color: var(--global-color-primary);
	border: solid 1px var(--global-color-primary);
	margin: 0;
	padding: 12px 20px 12px 20px !important;
	font-size: var(--body-font-size);
	color: var(--global-white-color);
	line-height: 24px;
	height: auto;
	border-radius: 6px;
	font-weight: 600 !important;
	transition: all ease-in-out 0.3s;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item .menu-icon {
	display: none;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.menu-btn a:hover {
	border-color: var(--global-color-primary);
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.menu-btn.contact-btn {
	margin-left: 20px;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.menu-btn.billpay-btn {
	margin-left: 20px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.menu-btn.billpay-btn a {
	background-color: var(--light-gray-color);	
	border-color: var(--light-gray-color);
	color: var(--global-color-primary);
	transition: all ease-in-out 0.3s;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.menu-btn.billpay-btn a:hover {
	border-color: var(--global-color-primary);
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.menu-btn.billpay-btn .menu-icon {
	display: inline-block;
	margin-top: -2px;
	margin-right: 10px;
}

.header-right #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.menu-btn.contact-btn a::after {
	display: none !important;
}
.header-right #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.menu-btn.billpay-btn a::after {
	display: none !important;
}
.main-menu #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
	display: block;
}
.main-menu #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.menu-btn {
	display: none !important;
}
.main-menu #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
	color: var(--global-color-primary);
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	font-size: 16px;
	font-weight: 500 !important;
}
.main-menu #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, .main-menu #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, .main-menu #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, .main-menu #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-parent > a.mega-menu-link  {
	color: var(--global-color-secondary);
}
.main-menu #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > .mega-sub-menu .mega-current-menu-item > a.mega-menu-link {
	color: var(--global-color-secondary) !important;
}
.main-menu #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item .menu-icon {
	display: inline-block;
	max-width: 30px;
	margin-right: 10px;
}
.main-menu #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.leftmenu-label-show > a {
	color: var(--body-gray-color) !important;
	font-size: 18px;
	font-weight: 600 !important;
	margin: 0 0 0px 0;
	display: block;
	cursor: default;
}

.main-menu #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.leftmenu-label-show .mega-sub-menu {
	position: relative;
	opacity: 1 !important;
    visibility: visible !important;
	transform: translate(0, 0px) !important;
	background: none;
    border: 0;
    box-shadow: none;
    margin: 0;
    padding: 0;
	display: block !important;
}
.main-menu #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.leftmenu-label-show .mega-sub-menu a {
	padding: 0 !important;
	color: var(--global-color-primary) !important;
}
.main-menu #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.leftmenu-label-show .mega-sub-menu a:hover {
	color: var(--global-color-secondary) !important;
	font-weight: 500;
}

.main-menu #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
	display: flex;
	align-items: center;
	line-height: 40px;
	font-weight: 500;
}

/* ====================== */
/* == LEFT MENU CSS START==  */

.left-menu {
	margin: 0;
	padding:20px 40px 20px 40px;
	width: 325px;
	background: var(--global-white-color);
	position: fixed;
	top: 0px;
	left: 0;
	bottom: 0;
	transition: all ease-in-out 0.3s;
	transform: translateX(-350px);
	z-index: 15;
	/* overflow: auto; */
}
.left-menu .simplebar-track.simplebar-vertical {
	right: 0;
}

.leftmenu-close {
	position: absolute;
	right: 10px;
    top: 10px;
	cursor: pointer;
	height: 34px;
	width: 34px;
}
.leftmenu-close span {
    width: 25px;
    height: 2px;
    background-color: var(--global-color-primary);
    margin:0;
    display: block;
	transform: rotate(45deg);
	transform-origin: -2px 15px;
}
.leftmenu-close span:last-child {
	transform: rotate(-45deg);
	transform-origin: 31px 1px;
}
.left-menu.show-menu {
	transform: translateX(0px);	
}
.left-menu-overlay {
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 10;
	opacity: 0;
	visibility: hidden;
	transition: all ease-in-out 0.3s;
	background: rgba(0, 0, 0, 0.2);
}
.left-menu-overlay.show {
	opacity: 1;
	visibility: visible;
}
.left-menu .site-logo .site-description{
	display: none;
}
.left-menu .menu-left-menu-container {
	margin: 30px 0 0 0;
}
.left-menu .menu-left-menu-container ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.left-menu .menu-left-menu-container > ul > li {
	margin: 0 0 30px 0;
	padding: 0;
}
.left-menu .menu-left-menu-container ul img.menu-icon {
    max-width: 30px;
    margin-right: 10px;
}
.left-menu .menu-left-menu-container ul .custom-title > a {
	color: var(--body-gray-color);
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 10px 0;
    display: block;
    cursor: default;
}
.left-menu .menu-left-menu-container ul.sub-menu li a {
    color: var(--global-color-primary);
	display: flex;
	align-items: center;
}
.left-menu .menu-left-menu-container ul.sub-menu li a:hover {
	color: var(--global-color-secondary);
}
.left-menu .sub-menu-toggle {
    display: none;
}

/* .main-menu {
	display:none;
} */
.main-menu {
	margin-top: 20px;
}
.main-menu h6 {
	color: var(--body-gray-color);
	font-size: 18px;
}


/* ====================== */
/* == LEFT MENU CSS END==  */

.sticky-contact-section {
	position: fixed;
	right: 0;
	top: 50%;
	/* transform: translateY(-50%); */
	z-index: 5;
	background: var(--global-white-color);
	border-radius: 15px 0 0 15px;
	padding: 0 20px 0 0 ;
	transform: translate(216px, -50%);
	transition: all ease-in-out 0.3s;
	box-shadow: 0px 2px 20px #e5e5e5;
}
.sticky-contact-section:hover {
	transform: translate(0px, -50%);
}
.sticky-contact-section .alignwide {
	margin: 0;
	padding: 0;
	display: flex;
}
.sticky-contact-section .wp-block-media-text__content {
	padding: 0 !important;
	margin: 0 !important;
}
.sticky-contact-section .wp-block-media-text__content a {
	font-size: 20px;
	color: var(--global-color-primary);
	text-decoration: none !important;
	font-weight: 600;
}
.sticky-contact-section .wp-block-media-text__content a:hover {
	color: var(--global-color-secondary);
}
.sticky-contact-section .wp-block-media-text__media {
	padding: 13px 15px;
	margin-right: 10px;
	/* background-color: var(--global-color-primary); */
	animation-name: backgroundColorPalette;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: linear; 
}

.sticky-contact-section .contact-block:first-child .wp-block-media-text__media {
	border-radius: 14px 0 0 0;
	margin-bottom: -1px;
}
.sticky-contact-section .contact-block:last-child .wp-block-media-text__media {
	border-radius: 0px 0 0 14px;
}
.sticky-contact-section .wp-block-media-text__media img { width: 26px; filter: brightness(100);}
.sticky-contact-section .wp-block-media-text__content P{ margin: 0 !important ; padding: 0 !important;}
.sticky-contact-section .wp-block-media-text__content p.emergency-text {
    font-size: 11px;
    line-height: normal;
    color: rgba(255, 16, 68, 1);
		margin-top: -2px !important;
    margin-bottom: 5px !important;
		animation: emergency-text 1s linear alternate infinite;
}
@keyframes emergency-text {
	0% {
		color: rgba(255, 16, 68, 0.2);
	}
	100% {
		color: rgba(255, 16, 68, 1);
	}
}
@-webkit-keyframes emergency-text {
	0% {
		color: rgba(255, 16, 68, 0.2);
	}
	100% {
		color: rgba(255, 16, 68, 1);
	}
}
@-moz-keyframes emergency-text {
	0% {
		color: rgba(255, 16, 68, 0.2);
	}
	100% {
		color: rgba(255, 16, 68, 1);
	}
}
@keyframes backgroundColorPalette {
	0% {
		background: var(--global-color-secondary);
	}
	100% {
		background: var(--global-color-primary);
	}
}
@-webkit-keyframes backgroundColorPalette {
	0% {
		background: var(--global-color-secondary);
	}
	100% {
		background: var(--global-color-primary);
	}
}
@-moz-keyframes backgroundColorPalette {
	0% {
		background: var(--global-color-secondary);
	}
	100% {
		background: var(--global-color-primary);
	}
}
/* ====================== */
/* == BANNER CSS START==  */


.banner-section {
	margin: 0;
	padding: 0;

}
.home-banner {
	margin: 0 !important;
	padding: 0;
}
.banner-section .banner-slide {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}
.banner-section .banner-slide::before {
	content: '';
	background: linear-gradient(89.54deg, rgba(0, 0, 0, 0.5) 0.38%, rgba(0, 0, 0, 0) 74.05%);
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}
.home-banner .banner-inner {
	display: flex;
    align-items: center;
    padding-top: 35%;
    /* min-height: 550px; */
}
.home-banner .banner-inner .banner-caption {
	max-width: 500px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.home-banner .banner-inner h2 {
	color: #fff;
	/* margin: 0 0 10px 0; */
	padding-bottom: 15px;
}
.home-banner .banner-inner p {
	color: rgb(255 255 255 / 80%);
	margin: 0 0 18px 0;
	line-height: 28px;
	font-size: 18px;
} 

.home-banner .slick-dots {
	top: 50%;
	bottom: auto;
	width: auto;
	right: 70px;
	transform: translateY(-50%);
	z-index: 4;
}
.home-banner .slick-dots li {
	margin: 6px 0;
	display: block;
}
.home-banner .slick-dots li button {
	background: #FFFFFF !important;
	opacity: 0.4;
}

.slick-dots li {
	display: inline-block;
	margin: 6px 5px;
	width: auto;
}
.slick-dots li button {
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background: #2B227B !important;
	opacity: 0.4;
	overflow: hidden;
	margin: 0;
}
.slick-dots li.slick-active button {
	opacity: 1;
}
.slick-dots li button:before {
	display: none;
}


/* ============================ */
/* == QUICK ACCESS CSS START==  */

.quick-access-section {
	margin:50px 0 0 0;
	padding: 0;
	min-height: 174px;
}
.quick-access-wrap {
	margin: 0px 0 0 0;
	padding:30px 20px;
	display: flex;
	background-color: var(--global-white-color);
	box-shadow:  0px 4px 30px #F4F4F4;
	border-radius: 14px;
	justify-content: space-around;
}
.quick-access-wrap .access-block {
	margin: 0;
	padding: 0;
	text-align: center;
}
.quick-access-wrap .access-block a {
	color: var(--global-color-primary);
	font-weight: 600;
	text-decoration: none !important;
}
.quick-access-wrap .access-block a:hover {
	color: var(--global-color-secondary);
}
.quick-access-wrap .access-block .title {
	display: block;
	margin: 10px 0 0 0;
}

.round-icon {
	width: 80px;
	height: 80px;
	margin: 0 auto;
	background-color: var(--light-gray-color);
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}


/* ============================ */
/* == WHAT WE DO SECTION CSS START==  */

.whatwedo-section {
	margin: 100px 0 0 0;
	padding: 0;
	overflow: hidden;
}
.pattern-1 {
	background: url(./assets/images/pattern-1.svg) no-repeat center 0;
	background-size: 100% auto;
}
.pattern-2 {
	background: url(./assets/images/pattern-2.svg) no-repeat 0 0;
	background-size: 100% auto;
}
.pattern-3 {
	background: url(./assets/images/pattern-3.svg) no-repeat 0 0;
	background-size: 100% auto;
}


.our-business-slider {
	margin: 0 !important;
}
.our-business-slider .slick-list {
	margin: 0 -24px;
	padding: 0 12px;
	overflow: visible;
}
.our-business-list {
	padding:20px 12px 30px;
	width: 25%;
}
.our-business-block {
	background: var(--global-white-color);
	box-shadow:  0px 4px 30px #F4F4F4;
	border-radius: 15px;
	overflow: hidden;
	transition: all ease-in-out 0.3s;
	position: relative;
}
.our-business-block a {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 1;
	height: 100%;
}
.our-business-block:hover {
	box-shadow: 0px 4px 45px #F4F4F4;
}
.our-business-block:hover .img-wrap img {
	transform: scale(1.07);
}
.our-business-block:hover .arrow{
	animation-name: bounceAlpha;
    animation-duration:1.4s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
}

@keyframes bounceAlpha {
	0% {transform: translateX(0px) }
	55%{ transform:translateX(10px)}
	90% { transform: translateX(0px) }
}

.our-business-block .img-wrap {	
	height: 217px;
	overflow: hidden;
}
.our-business-block .img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all ease-in-out 0.5s;
	object-position: center center;
}
.our-business-block .block-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	margin: 0;
	padding: 50px 15px 15px;
}
.our-business-block .block-title .round-icon {
	position: absolute;
	left: 15px;
	top: -40px;
	background-color: var(--global-white-color);
	box-shadow:  0px 4px 30px #F4F4F4;
}


.what-weare-section {
	padding:100px 0 100px 0;
	margin: -30px 0 0 0;
}

.station-wrap {
	display: flex;
	flex-flow: wrap;
	margin: 30px -12px 0;
}
.station-block {
	margin: 0 12px 24px;
	padding: 20px;
	background-color: var(--global-white-color);
	box-shadow:  0px 4px 30px #F4F4F4;
	border-radius: 14px;	
	width: calc(50% - 24px) ;
	position: relative;
	cursor: pointer;
}
.station-block h5 {
	margin: 10px 0 15px 0;
	padding-left: 18px;
}
.station-block h5::before {
	content: '';
	top: -4px;
	left: 0;
	position: relative;
	width: 6px;
	margin-left: -17px;
	height: 6px;
	display: inline-block;
	transform: rotate(45deg);
	margin-right: 10px;
	background-color: var(--global-color-primary);
}
.station-block h5 img {
	max-width: 34px;
	margin-top: -2px;
}
.station-block ul li {
	font-weight: 600;
	margin: 0 0 12px 10px ;
}

.station-block .station-popup {
	background: var(--global-white-color);
	box-shadow:  0px 4px 20px rgba(43,34,123,0.3);
	border-radius: 15px;
	margin: 0 0 20px 0;
	padding: 20px;
	width: 309px;
	position: absolute;
	left: 50%;
    transform: translate(-50%, -40px);
	visibility: hidden;
	opacity: 0;
	bottom: 90%;
	cursor: default;
	transition: all ease-in-out 0.3s;
}
.station-block .station-popup:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: var(--global-white-color);
	border-width: 20px;
	margin-left: -20px;
}
.station-block.active .station-popup {
	visibility: visible;
	opacity: 1;
	transform: translate(-50%, 0px);
}
.station-block .tooltipscroll {
    max-height: 180px;
}
.map-location {
	margin: 0 -20px 0 0;
	padding: 0;
	position: relative;
}
.map-location img {
	max-width: 100%;
}
.map-location .map-pin {
	position: absolute;	
	max-width: 40px;
}
.map-location .map-pin > img {
	cursor: pointer;
	border-radius: 100%;
	max-width: 30px;
	/* border: solid 5px rgba(111 212 136 / 20%); */
	box-shadow: 0px 0px 5px 1px rgba(111 212 136 / 20%);
	animation: blink--mappin-animation 1.5s linear infinite alternate;
}
.map-location .map-pin.punjab > img {
	animation-duration: 1s;
}
.map-location .map-pin.gujarat > img {
	animation-duration: 1.5s;
}
.map-location .map-pin.diu > img {
	animation-duration: 2s;
}
.map-location .map-pin.tamilnadu > img {
	animation-duration: 1s;
}
@keyframes blink--mappin-animation {
	0% {
		box-shadow: 0px 0px 5px 5px rgba(111 212 136 / 10%);
	}
	50%{
		box-shadow: 0px 0px 5px 5px rgba(111 212 136 / 50%);
	}
	100% {
		box-shadow: 0px 0px 5px 5px rgba(111 212 136 / 70%);
	}
}
@-webkit-keyframes blink--mappin-animation {
	0% {
		box-shadow: 0px 0px 5px 5px rgba(111 212 136 / 10%);
	}
	50%{
		box-shadow: 0px 0px 5px 5px rgba(111 212 136 / 50%);
	}
	100% {
		box-shadow: 0px 0px 5px 5px rgba(111 212 136 / 70%);
	}
}
@-moz-keyframes blink--mappin-animation {
	0% {
		box-shadow: 0px 0px 5px 5px rgba(111 212 136 / 10%);
	}
	50%{
		box-shadow: 0px 0px 5px 5px rgba(111 212 136 / 50%);
	}
	100% {
		box-shadow: 0px 0px 5px 5px rgba(111 212 136 / 70%);
	}
}
.map-location .map-pin.punjab {
	top: 20%;
    left: 23%;
}
.map-location .map-pin.gujarat {
	top: 46%;
    left: 10%;
    /* max-width: 54px; */
}
.map-location .map-pin.diu {
	top: 53%;
    left: 9%;
    /* max-width: 36px; */
}
.map-location .map-pin.tamilnadu {
	left: 38%;
    bottom: 11%;
}
.map-location .map-pin.tamilnadu-2 {
	left: 39.5%;
    bottom: 17%;
}
.map-location .map-pin.diu > img {
	border-width: 4px;
}
.map-location .map-pin:hover .map-tooltip, .map-location .map-pin.active .map-tooltip {
	visibility: visible;
	opacity: 1;
	transform: translate(-50%, 0px);
}

.map-tooltip {
	background: var(--global-white-color);
	box-shadow: 0px 4px 20px rgb(43 34 123 / 30%);
	border-radius: 15px;
	margin: 0 0 20px 0;
	padding: 20px;
	/* text-align: center; */
	width: 315px;
	position: absolute;
	left: 50%;
    transform: translate(-50%, -40px);
	visibility: hidden;
	bottom: 100%;
	transition: all ease-in-out 0.3s;
	cursor: default;
}
.map-tooltip:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: var(--global-white-color);
	border-width: 20px;
	margin-left: -20px;
	/* box-shadow:  0px 4px 30px #F4F4F4; */
}
.map-tooltip h5.main-locator { margin-top: 0; padding-left: 0; text-align: center; font-size: 20px;}
.map-tooltip h5.main-locator::before {
	display: none;
}
.map-tooltip h5:first-child { margin-top: 0;}
.map-tooltip.station-block .simplebar-wrapper { max-height: 180px;}
.map-tooltip h5 {
	margin: 20px 0 15px;
}
.map-tooltip h5 img {
	max-width: 34px;
	margin-top: -2px;
}
/* .map-tooltip ul {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
} */
.map-tooltip li {
	font-size: 16px;
}
.station-block h5 { font-size: 18px;}


/* ======================================= */
/* == HEALTH & SAFETY SECTION CSS START==  */

.health-safety-section {
	background: var(--light-gray-color);
	margin: 0;
	padding: 55px 0 30px;
}
.health-safety-wrap {
	margin: 20px 0 0 0;
	padding: 0 15px;
	display: flex;
	flex-flow: wrap;
	justify-content: center;
}
.icon-info-box {
	margin: 0 15px 30px;
	padding: 15px 20px;
	background-color: var(--global-white-color);
	border-radius: 15px;
	position: relative;
	display: flex;
	align-items: center;
	width: calc(25% - 30px);
	-webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
	z-index: 0;
}
.icon-info-box:after, .icon-info-box-2:after, .our-presence-bock:after, .current-openings-slider .openings-info::after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius:14px;
    content:'';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
	top: -4px;
    left: -4px;
    padding: 4px;
    box-shadow: 0 0 0 1px var(--global-color-primary);
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -webkit-transform: scale(.8);
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transition: transform 0.2s, opacity 0.2s;
    transform: scale(.8);
    opacity: 0;
	z-index: -2;
}
.icon-info-box:hover:after, .icon-info-box-2:hover:after, .our-presence-bock:hover:after, .current-openings-slider .openings-info:hover::after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.icon-info-box:before, .icon-info-box-2:before, .our-presence-bock:before, .current-openings-slider .openings-info:before {
    content: '';
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 14px;
}
.icon-info-box .round-icon {
	margin: 0 20px 0 0;
	min-width: 70px;
	width: 70px;
	height: 70px;
}
.icon-info-box h6 {

}
.icon-info-box a {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}


/* ======================================= */
/* == TESTIMONIALS SECTION CSS START==  */

.testimonials-section {
	margin: 0;
	padding: 100px 0 0;
	overflow: hidden;
}

.testimonials-slider {
	margin: 0 !important;
	padding: 0;
}

.testimonials-slider .slick-track {
	display: flex;
}
.testimonials-slider .slick-list {
	margin: 0 -30px;
	padding: 30px 5px 45px;
}
.testimonials-slide {
	padding: 0 20px;
	min-height: 100%;
	height: auto;
	float: none;
}
.testimonials-block {
	margin: 0;
	padding: 30px;
	background: var(--global-white-color);
	box-shadow: 0px 4px 30px rgba(192, 192, 192, 0.15);
	border-radius: 15px;
	display: flex;
	height: 100%;
}
.testimonials-img {
	min-width:80px;
	margin-right: 20px;
	flex-shrink: 0;
}
.testimonials-img img { 
	height: 80px;
	width: 80px;
	object-fit: cover;
	border-radius: 100%;
	object-position: center center;
}
.testimonials-block p {
	margin: 0 0 20px 0;
	font-size: 18px;
	line-height: 28px;
}
.testimonials-con p{
	display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.slick-arrow {
	width: 40px;
	height: 40px;
	background: url(./assets/images/slider-arrow.svg) no-repeat center center !important;
}
.slick-arrow::before {
	display: none;
}
.slick-arrow.slick-prev {
	transform: rotate(180deg) translate(0, 0%) !important;
    /* transform-origin: center 0px; */
}
.slick-arrow.slick-next {
	order: 2;
}
.slider-dots-box {
	display: flex;
	align-items: center;
	justify-content: center;
}
.slider-dots-box .slick-arrow {
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	margin: 0 10px;
	transform: translate(0, 0%);
}
.slider-dots-box .slick-dots {
	position: relative;
	bottom: auto;
	width: auto;
	margin: 0 12px;
}



/* ======================================= */
/* == NEWS AND UPDATES SECTION CSS START==  */

.news-update-section {
	/* margin: 0;*/
	padding-top:100px; 
}
.news-update-wrap {
	margin: 20px -12px 30px;
	padding: 0;
	display: flex;
}
.news-update-block {
	margin: 0 12px 24px;
	width: calc(33.33% - 24px);
	padding: 20px 20px 5px 40px;
	box-shadow: 0px 4px 50px rgba(192, 192, 192, 0.15);
	border-radius: 15px;
	background: var(--global-white-color);
	
}
.news-update-block p {  
	display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.news-update-block h5 {
	margin: 0 0 10px 0;
	position: relative;
	transition: all 0.3s ease-in-out;
}
.news-update-block h5::after {
	content: '';
	width: 4px;
	height: 26px;
	background-color: var(--global-color-secondary);
	position: absolute;
	left: -16px;
	top: 0;
}
.news-update-block:hover h5{
	transform: translateX(10px);
}
.news-update-block a {
	color: var(--global-color-primary);
	text-decoration: none !important;
}



/* ======================================= */
/* == FAQS SECTION CSS START==  */

.faqs-section {
	margin: 0;
	padding: 80px 0 80px 0;
}
.faqs-wrap {
	margin: 0 auto;
	max-width: 750px;
	
}
.faqs-wrap .accordion-heading.active  h6 {
	color: var(--global-color-secondary);
	padding-right: 15px;
}
.accordion-item {
	border-top: solid 1px #D9D9D9;
}
.faqs-wrap .accordion-heading.active {
	background-color: var(--global-white-color);
	padding-bottom: 0px;
}
.faqs-wrap .accordion-heading {
	display: flex;
	padding: 30px 20px;
	justify-content: space-between;
	cursor: pointer;
	margin: 0;
	border-top: solid 1px #D9D9D9;
}
.faqs-wrap .accordion-heading:first-child  {
	border-top: 0;
}
.faqs-wrap .accordion-icon {
	position: relative;
	width: 18px;
	height: 18px;
}
.faqs-wrap .accordion-icon::after, .faqs-wrap .accordion-icon::before {
	content: '';
	width: 16px;
	height: 2px;
	border-radius: 2px;
	background-color: var(--global-color-primary);
	position: absolute;	
	top: 50%;
	transition: all ease-in-out 0.3s;
}
.faqs-wrap .accordion-icon::before{
	transform: rotate(90deg);
}
.faqs-wrap .accordion-heading.active  .accordion-icon::after{
	background-color: var(--global-color-secondary);
}
.faqs-wrap .accordion-heading.active  .accordion-icon::before {
	background-color: var(--global-color-secondary);
	transform: rotate(180deg);
}
.accordion-content {
	display: none;
	padding: 15px 20px 20px;
	background-color: var(--global-white-color);
}
.accordion-content p {
	margin: 0;
}


/* ======================================= */
/* ==  YOU CAN PAY  SECTION CSS START==  */

.payusing-section {
	margin: 0 0 40px 0 !important;
	padding: 0;
}
.payusing-section h2 {
	padding: 0;
}
.payusing-section h2 span { margin-bottom: 0;}

.payusing-wrap {
	margin: 0;
	padding: 0;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
.payusing-icon {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 68%;
}



/* =============================== */
/* == FOOTER SECTION CSS START==  */

.site-footer {
	max-width: inherit;
	margin: 0;
	padding: 0;
}
.site-footer .alignwide {
	margin-top: 0;
	margin-bottom: 0;
}
.site-footer .widget-area {
	display: flex;
	justify-content: space-between;
	column-gap:0;
	margin:0px 0 0 0;
	padding: 10px 0 0 0;
	border-top: solid 1px #e3e3e3;
}
.site-footer .widget-area:after {
	display: none;
}
.footer-info-col {
	max-width: 370px;
}
.footer-info-col .wp-block-image {
	text-align: left;
	max-width: inherit !important;
	margin-bottom: 20px;
}
.footer-info-col .wp-block-image img {
	width: 132px;
}
.footer-info-col .wp-block-image figcaption {
	text-align: left;
	font-size: 12px;
	font-family: var(--primary-font-family);
}

.contact-detail {
	margin: 0 !important;
	padding: 0;
	font-family: var(--primary-font-family);
	font-size: 14px;
	color: var(--global-color-primary);
	font-weight: 600;
}
.contact-detail .con-list {
	display: flex;
	align-items: flex-start;
	padding: 10px 0;
}
.contact-detail .con-list img {	
	margin-right: 15px;
	min-width: 24px;
}
.contact-detail .con-list a {
	color: var(--global-color-primary);
	text-decoration: none;
}
.contact-detail .con-list a:hover {
	text-decoration: none !important;
	color: var(--global-color-secondary);
}

.site-footer .widgettitle {
	font-size: 18px;
	font-weight: 600;
	color: #000;
	margin: 0;
	padding-bottom: 24px;
}
.widget_nav_menu nav {
	margin: 0 !important;
}
.widget_nav_menu .menu {

}
.widget_nav_menu .menu li {
	line-height: 25px;
}
.widget_nav_menu .menu li a {
	font-size: 16px;
	text-decoration: none;
	color: var(--body-gray-color);
	font-weight: 500;
}
.widget_nav_menu .menu li a:hover {
	 color: var(--global-color-secondary);
	 /* text-decoration: underline !important; */
}

.social-links {
	margin: 0 !important;
	padding: 0;
}
.social-links .wp-block-group__inner-container {
	display: flex;
}
.social-links .wp-block-group__inner-container .wp-block-image {
	margin: 0 10px 0 0 !important;
}

.bottom-footer {
	margin: 0;
	padding: 0;
	background-color: var(--light-gray-color);
}
.bottom-footer-inside {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.bottom-footer p {
	font-size: 14px;
	color: var(--body-gray-color);
	padding: 10px 0;
}
.bottom-footer .widget_nav_menu {
	padding: 8px 0;
}
.bottom-footer .widget-title {
	display: none;
}
.bottom-footer .menu-footer-links-container ul{
	display: flex;
}
.bottom-footer .menu-footer-links-container ul li {
	margin: 5px 0 5px 25px;
}
.bottom-footer .menu-footer-links-container ul li a {
	font-size: 14px;
	font-weight: 500;
}
/* =============================== */
/* == FOOTER SECTION CSS END ====  */


/* ======================================= * ======================================= * ======================================= */
												/* == INNER PAGE CSS START==  */
/* ======================================= * ======================================= * ======================================= */

.inner-banner {	
	margin: 0;
	padding: 0;
	background-size: cover;
	background-position: center center;
	position: relative;
	z-index:0 ;
}
.inner-banner::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: -1;
	height: 100%;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 15.01%, rgba(0, 0, 0, 0) 79.47%);
}
.inner-banner .inside-wrap {
	/* height: 420px;
	align-items: center;
	display: flex;
	padding-bottom: 65px; */
	align-items: center;
    display: flex;
    padding-top: 26%;
}
.inner-banner .banner-caption {
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding-bottom: 65px;
}
.inner-banner .banner-caption h2{
	color: var(--global-white-color);
	padding: 0;
}

.main-content-wrap {
	margin: 0;
	padding: 0 0 40px 0;
	background-position: center 70px;
	position: relative;
}
.main-content-inside {
	background-color: var(--global-white-color);
	box-shadow: 0px 4px 50px rgba(192, 192, 192, 0.15);
	border-radius: 14px;
	padding: 40px;
	margin-top: -65px;
	margin-bottom: 30px;
}

.main-title {
	text-align: center;
	margin: 0 0 10px 0;
}
.main-title h2 {
	display: flex;
	align-items: center;
	justify-content: center;
}
.main-title h3 {
	padding-bottom: 15px;
}
.maxwidth-description p {
	max-width: 70%;
	margin-left: auto;
	margin-right: auto;
}


.main-content-wrap .what-weare-section {
	padding-bottom: 0;
}

/* ============================================== */
/* ====== BOARD OF DIRECTORS CSS START==========  */

.our-leader-wrap {
	margin: 0 -13px 0;
	padding: 0 50px;
	display: flex;
	flex-flow: wrap;
	justify-content: center;
}
.our-team-block {
	width: calc(33.33% - 26px);
	margin: 0 13px 26px;
	background: #FFFFFF;
	box-shadow: 0px 4px 50px rgba(192, 192, 192, 0.15);
	border-radius: 14px;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
}
.our-team-block .img-wrap {
    /* height: 284px; */
    overflow: hidden;
	padding-top: 94%;
    position: relative;
}
.our-team-block .img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
	position: absolute;
    left: 0;
    top: 0;
    transition: all ease-in-out 0.5s;
    object-position: center center;
}
.our-team-block:hover .img-wrap img {
    transform: scale(1.05);
}
.our-team-block h6 {
	margin: 25px 5px 5px 5px;
}
.our-team-block p {
	margin-bottom: 25px;
	font-weight: 600;
	padding: 0 10px;
}

.directors-popup {
	max-width: 1098px;
}
.directors-popup-inside {
	display: flex;
	align-items: flex-start;
}
.directors-popup-inside .our-team-block {
	min-width: 298px;
	margin: 0;
	cursor: default;
}
.directors-popup-inside .directors-content {
	margin: 0;
	padding: 0 0 0 25px;
}
.directors-popup-inside .directors-content p:last-child { margin-bottom: 0;}
/* ======================================= */
/* ====	 POPUP  SECTION CSS START==  */

.common-popup {
	display: none;
	max-width: 1140px;
	width: 100%;
	background: var(--global-white-color);
	border-radius: 24px;
	overflow: visible;
	margin: 0 !important;
}
.fancybox-slide {
	padding: 30px 10px !important;
}
.fancybox-slide--html .fancybox-close-small {
	background: url(./assets/images/close-icon.svg) no-repeat center center !important;
	padding: 0;
	width: 28px;
	height: 28px;
	right: -8px;
    top: -8px;
    opacity: 1;
}
.fancybox-slide--html .fancybox-close-small svg {
	display: none;
}
.fancybox-bg {
	background: rgba(0, 0, 0, 0.5);
}
.fancybox-is-open .fancybox-bg {
    opacity: 1;
}
.fancybox-toolbar button {
	background-color: var(--global-white-color) !important;
	color: var(--global-color-primary) !important;
}
.fancybox-thumbs__list a:before {
	border-color: var(--global-color-secondary);
}
.fancybox-progress {
	background-color: var(--global-color-secondary);
}
.fancybox-navigation .fancybox-button {
	width: 40px;
    height: 40px;
	padding: 0;
	margin: 30px 20px 0;
	border-radius: 50px;
    background: url(./assets/images/slider-arrow.svg) no-repeat center center #fff !important;
}
.fancybox-navigation .fancybox-button.fancybox-button--arrow_left  {
	transform: rotate(180deg);
}
.fancybox-navigation .fancybox-button svg {
	display: none;
}
.fancybox-infobar {
	color: var(--global-white-color);
}
.fancybox-navigation .fancybox-button:disabled {
	opacity: 0.8;
}

/* ======================================= */
/* ====	 POPUP  SECTION CSS END ==  */

.chairman-page-wrap {
	display: flex;
	align-items: flex-start;
}
.chairman-page-wrap .chairman-con-left {
	margin: 0;
	padding: 0 40px 0 0;
	width: 60%;
}
.chairman-page-wrap .chairman-con-img {
	border-radius: 20px;
	overflow: hidden;
	width: 40%;
}
.chairman-page-wrap .ceo-author {
	padding-bottom: 5px;
	font-weight: 700;
	color: #00112C;
}
.chairman-page-wrap h6.ceo-author{
	color: var(--site-body-text-color);
	font-weight: 500;
}


.ourvision-block {
	margin: 0 0 30px 0;
	padding: 40px;
	display: flex;
	align-items: center;
	background: var(--global-white-color);
	box-shadow: 0px 4px 50px rgba(192, 192, 192, 0.15);
	border-radius: 14px;
}
.ourvision-block:last-child {
	margin-bottom: 0;
}
.ourvision-icon {
	margin: 0 40px 0 0;
	padding: 0;
	min-width: 140px;
}
.ourvision-content {
	margin: 0;
	padding: 0;
}

.iconlist {
	margin: 0;
	padding: 0;
	list-style: none;
}
.iconlist li {
	position: relative;
	margin: 0;
	padding: 0 0 15px 30px;
}
.iconlist li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 3px;
	width: 20px;
	height: 20px;
	background: url(./assets/images/logo-icon.svg) no-repeat center center;
	background-size: cover;
}


.our-presence {
	margin: 0 -13px 0;
	padding:0px;
	display: flex;
	flex-flow: wrap;
	justify-content: center;
}
.our-presence-bock {
	width: calc(25% - 26px);
	margin: 0 13px 26px;
	background: #FFFFFF;
	box-shadow: 0px 4px 50px rgba(192, 192, 192, 0.15);
	border-radius: 14px;
	/* overflow: hidden; */
	text-align: center;
	cursor: pointer;
	position: relative;
	z-index: 0;
}
.our-presence-bock a {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.our-presence-bock .img-wrap {
    /* height: 284px; */
    overflow: hidden;
	padding-top: 72%;
    position: relative;
	border-radius: 14px 14px 0 0;
}
.our-presence-bock .img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
	position: absolute;
    left: 0;
    top: 0;
    transition: all ease-in-out 0.5s;
    object-position: center center;
}
.our-presence-bock:hover .img-wrap img {
    transform: scale(1.07);
}
.our-presence-bock h3 {
	padding:20px 5px 20px 5px;
	font-size: 22px;   
	min-height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.geographical-map {
	margin: 0;
	padding: 0;
	border-radius: 14px;
	overflow: hidden;
}
.geographical-map iframe {
	width: 100%;
	height: 305px;
}
.mobile-selectbox {
	display: none;
}
.mobile-selectbox select .hidden {
	display: none;
}

/* ======================================= */
/* ====== TABS  CSS START =======  */

.tabs-main-wrap {
	margin: 0;
	padding: 0;
	display: flex;
}
.tabs-nav {
	margin: 0 40px 0 0;
	padding: 15px;
	width: 284px;
	min-width: 284px;
	background: var(--global-white-color);
	box-shadow: 0px 4px 30px #F4F4F4;
	border-radius: 15px;
}
.tabs-nav ul {
	margin: 0;
	padding: 0;
}
.tabs-nav ul li {
	margin: 0;
	padding:10px 0;
	list-style: none;
	border-bottom: 1px solid #D9D9D9;
	color: var(--site-body-text-color);
	font-size: 14px;
	cursor: pointer;
}
.tabs-nav ul li:last-child {
	border-bottom: 0;
}
.tabs-nav ul li.active {
	color: var(--global-color-primary);
	font-weight: 600;
}

.tabs-content-section {
	margin: 0;
	padding: 24px;
	background: var(--global-white-color);
	box-shadow: 0px 4px 30px #F4F4F4;
	border-radius: 15px;
	flex: auto;
}
.tabs-content-section img.locator-img { border-radius: 14px; height: 450px; width: 100%; object-fit: cover; object-position: center center;}
.tabs-content-section .tab-content {
	display: none;
	opacity: 0;	
	-webkit-animation: display-none-transition 1s ease;
	animation: display-none-transition 1s ease;
}
  
.tabs-content-section .active {
	display: block;
	opacity: 1;
}

@keyframes display-none-transition {
	0% {
		display: none;
		opacity: 0;
	}
	
	1% {
		display: block;
	}
	
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes display-none-transition {
	0% {
		display: none;
		opacity: 0;
	}
	
	1% {
		display: block;
	}
	
	100% {
		opacity: 1;
	}
}

/* ======================================= */
/* ====== TABS  CSS END  =======  */


/* ======================================= */
/* ====== Group of Companies  CSS START  =======  */

.list-of-companies-section {
	margin: 0;
	padding: 0;
}
.list-of-companies-block {
	background: var(--global-white-color);
	box-shadow: 0px 4px 30px #F4F4F4;
	border-radius: 14px;
	padding: 30px;
	margin: 0 0 25px 0;
	display: flex;
	/* align-items: center; */
}
.list-of-companies-block .companies-img {
	max-width:220px;
	min-width: 220px;
	margin-right: 20px;
	text-align: center;
}
.list-of-companies-block p {
	margin-bottom: 20px;
}
.arrow-link {
	background: url(./assets/images/arrow-icon-green.svg) no-repeat right center !important;
	background-size: 30px auto;
	padding-right: 35px;
}
.arrow-link:hover,
.arrow-link:focus { color: var(--global-color-secondary);}

/* ======================================= */
/* ====== CNG CSS START  =======  */

.infobox-wrap {
	display: flex;
	justify-content: center;
	flex-flow: wrap;
	margin: 0 -13px;
}

.icon-info-box-2 {
    width: calc(33.33% - 26px);
    margin: 0 13px 26px;
	padding: 30px 20px;
    background: #FFFFFF;
	box-shadow: 0px 4px 30px #f4f4f4;
    border-radius: 14px;
    /* overflow: hidden; */
    text-align: center;
	position: relative;
	z-index: 0;
}
.icon-info-box-2 a {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.icon-info-box-2 h6 {
	padding: 15px 0 10px;
}
.icon-info-box-2 p {
	margin-bottom: 0;
}

.four-column .icon-info-box-2 {
	width: calc(25% - 26px);
}
.four-column .icon-info-box-2 h6 {
	padding-bottom: 0;
}

.stations-search-wrap {
	background-color: var(--global-white-color);
    box-shadow: 0px 4px 50px rgb(192 192 192 / 15%);
    border-radius: 14px;
    padding:30px 40px;
    margin: -65px auto 0px;
	max-width: 800px;
	position: absolute;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
	/* display: flex; */
	display: none;
	justify-content: space-between;
	align-items: center;
	z-index: 1;
}
.stations-search-wrap .form-group {
	width: 42%;
}
.stations-search-wrap .form-label {
	margin-bottom: 10px;
	display: block;
}
.stations-search-wrap .btn-wrap .mobile-show {
	display: none;
}

.stations-locator-wrap {
	display: flex;
	margin: 0;
	padding: 0 0 80px 0;
}
.stations-locator-wrap .location-map {
	width: 50%;
	margin: 0;
	padding: 0;
	height: 715px;
}
.stations-locator-wrap .location-map iframe {
	width: 100%;
	height: 100%;
	max-height: inherit !important;
}
.stations-locator-wrap .location-list {
	width: 50%;
	margin: 0;
	padding: 85px 30px 0;
	/* padding: 15px 30px 0; */
}
.location-scroll {
	max-height: 630px;
	/* max-height: 650px; */
}
.location-block {
	margin: 0;
	padding:20px 0;
	border-bottom: solid 1px #E9E9E9;
}
.location-block:last-child {
	border-bottom: 0;
} 
.location-block ul {
	margin: 0;
	padding: 0;
}
.location-block ul li {
	list-style: none;
	display: flex;
	align-items: flex-start;
	margin-bottom: 15px;
}
.location-block ul li:last-child {
	margin: 0;
}
.location-block ul li span {
	width: 28px;
	min-width: 28px;
	margin: 0 15px 0 0;
	text-align: center;
}
.location-block ul li:nth-child(2) span{
	margin-top: 4px;
}
.location-block ul li h6 {
	font-weight: 700;
}
.location-block ul li p {
	margin: 0;
	padding: 0;
}

.station_address {
	margin-bottom: 10px;
	margin-top: 5px;
	max-width: 300px;
}
.station_type strong{
	color: var(--global-color-primary);
}
.loader-v-center {
	display: flex;
	align-items: center;
	height: 100%;
}

.simplebar-track.simplebar-vertical {
	background-color: var(--light-gray-color);
	width: 7px;
	border-radius: 7px;
	right: -15px;
	/* visibility: hidden !important; */
}
.map-tooltip .simplebar-track.simplebar-vertical{
	visibility: hidden !important;
}
.map-pin.active .simplebar-track.simplebar-vertical,
.map-pin:hover .simplebar-track.simplebar-vertical,
.station-block.active .simplebar-track.simplebar-vertical { visibility: visible !important;}
.simplebar-scrollbar:before {
	background-color:  #E2E5EA;
	opacity: 1 !important;
	left: 0;
	border-radius: 7px;
	right: 0;
}

.stations-search-wrap .select2-container {
	/* display: block; */
	width: 100% !important;
}

.select2-container--default .select2-selection--single {
	border-width: 0 0 1px 0;
    border-style: solid;
    border-color: var(--border-color);
	border-radius: 0;
	padding: 4px 0px;
    height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	background: url(./assets/images/select-arrow.svg) no-repeat center center;
	top: 7px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
	display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow   {
    transform: rotate(180deg);
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: var(--global-color-primary);
}
.select2-dropdown {
	box-shadow: 0px 4px 30px #f4f4f4;
	border: 0;
	border-radius: 15px !important;
	overflow: hidden;
	z-index: 9;
}
.select2-container--default .select2-results>.select2-results__options {
	padding: 20px;
	max-height: 300px;
}
.select2-container--default .select2-results__option--selected, .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background:none !important;
	color: var(--global-color-primary) !important;
}
.select2-results__option {
    margin-bottom: 0;
}

.stations-search-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {
	font-size: 16px;
	color: var(--global-color-primary);
	font-weight: 500;
}

.dial-before-dig-page h6 {
	font-weight: 500;
	margin: 0 0 15px 0;
}
.color-green {
	color: var(--global-color-secondary);
}
.important-text {
	padding-top: 10px;
}
.important-text a {
	font-size: 18px;
	font-weight: 600;
}
.photogallery {
}
.photogallery .photos {
	position: relative;
	width: 100%;
	padding-top: 32%;
	border-radius: 14px;
	overflow: hidden;
	margin-bottom: 30px;
	cursor: pointer;
}
.photogallery .photos-2 {
	padding-top: 80%;
}
.photogallery .photos img {
	object-fit: cover;
	position: absolute;
	object-position: center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.box-block {
	background:var(--global-white-color);
	box-shadow: 0px 4px 50px rgba(192, 192, 192, 0.15);
	border-radius: 15px;
	padding: 20px;
}
.detect-gas-leaks .column-6{
	margin-bottom: 30px;
}
.detect-gas-leaks .box-block {
	height: 100%;
}
.detect-gas-leaks .icon-title {
	display: flex;
	align-items: center;
	margin: 0 0 15px 0;
}
.detect-gas-leaks .icon-title h4 {
	color: var(--global-color-secondary);
	flex: auto;
	padding:0 0 0 20px;
}
.detect-gas-leaks p {
	margin: 0;
}

/* ======================================= ======================================= */
					/* == Safety guidelines for PNG CSS  ==  */
/* =======================================  ======================================= */

.photogallery-slider-wrap {
	margin:20px 0 0 0;
	padding: 0;
}
.photogallery-slider-wrap .photogallery-slide {
	margin: 0;
	padding: 0 10px;
}
.photogallery-slider-wrap .photogallery-slide a {
	position: relative;
	display: block;
	width: 100%;
	padding-top: 62%;
	border-radius: 14px;
	overflow: hidden;
}
.photogallery-slider-wrap .photogallery-slide a img {
	object-fit: cover;
	position: absolute;
	object-position: center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.icon-title {
	display: flex;
	align-items: center;
}
.icon-title .round-icon {
	margin: 0 15px 0 0;
	width: 65px;
	height: 65px;
}

.policy-certificate {
	max-width: 500px;
	border-radius: 15px;
	overflow: hidden;
	margin:0 auto;
	box-shadow: 0px 4px 30px #f4f4f4;
}

/* ======================================= ======================================= */
					/* == News & Updates CSS  ==  */
/* =======================================  ======================================= */

.news-updates-section {
	margin: 0;
	padding: 0;
}
.news-updates-section ul {
	list-style: none;
	margin: 0 -12px;
	padding: 0;
	display: flex;
	flex-flow: wrap;
}
.news-updates-section ul li {
	width: 33.33%;
	padding: 0 12px 24px;
	margin-bottom: 0;
}
.news-updates-section .news-top-section ul {
	display: grid;
	/* gap: 12px; */
	grid-template-columns: repeat(2,1fr);
    grid-template-rows: repeat(2,1fr);
}
.news-updates-section .news-top-section ul li {
	width: 100%;
}
.news-updates-section .news-top-section ul li .newsblock {
    padding-top: 30.5%;
}
.news-updates-section .news-top-section ul li:first-child {
	grid-area: 1 / 1 / 3 / 2;
}
.news-updates-section .news-top-section ul li:first-child .newsblock {
	padding-top: 65%;
}
.news-updates-section .news-top-section ul li:first-child .img-caption{
	font-size: 14px;
}
.news-updates-section .news-top-section ul li:nth-child(2) {
	grid-area: 1 / 2 / 2 / 3;
}
.news-updates-section .news-top-section ul li:nth-child(3) {
	grid-area: 2 / 2 / 3 / 3;
}
.news-updates-section .newsblock {
	border-radius: 14px;
	overflow: hidden;
	position: relative;
	padding-top:80%;
	cursor: pointer;
	border: solid 1px #dfe1e4;
}
.news-updates-section .newsblock img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: all ease-in-out 0.5s;
}
.news-updates-section .newsblock:hover img {
    transform: scale(1.07);
}
.news-updates-section .img-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
	color: var(--global-white-color);
	width: 100%;
	padding: 38px 20px 15px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 800;
}
.news-bottom-section {
	margin: 0;
	padding: 0;
	display: flex;
}
.news-left {
	flex: auto;
	margin: 0 25px 0 0;
}
.updates-wrap {
	width: 284px;
	flex-shrink: 0;
}
.updates-wrap h3 {
	padding-bottom: 10px;
}
.news-left li:first-child {
	width: 100%;
}
.news-left li:first-child .newsblock {
	padding-top: 48%;
}
.news-left li:nth-child(2), .news-left li:nth-child(3) {
	width: 50%;
}
.news-left li:nth-child(2) .newsblock, .news-left li:nth-child(3) .newsblock {
	padding-top: 52%;
}
.news-updates-section .play-icon { 
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: url(./assets/images/play-icon.svg) no-repeat center center;
	width: 50%;
	height: 50%;
}

.updates-wrap { 
	margin: 0;
	padding: 16px;
	box-shadow: 0px 4px 30px #F4F4F4;
	border-radius: 15px;
}
.updates-wrap ul {
	display: block;
	margin: 0;
}
.updates-wrap ul li {
	width: 100%;
	padding: 15px 0;
	border-bottom: solid 1px #D9D9D9;
	font-size: 14px;
	line-height: 22px;
}
.updates-wrap ul li:last-child {
	border-bottom: 0;
}
.updates-wrap ul li a {
	color: var(--site-body-text-color);
	
}
.updates-wrap ul li a:hover, .updates-wrap ul li a:focus {
	color: var(--global-color-secondary);
	text-decoration: none !important;
}

/* ======================================= ======================================= */
								/* ==Career CSS  ==  */
/* =======================================  ====================================== */
.page-template-career-php .main-content-inside,
.page-template-work-with-us-php .main-content-inside { padding-top: 0;}
.career-nav {
	margin: 0 -40px;
	padding: 0;
	position: sticky;
	top: 75px;
	background: var(--global-white-color);
	box-shadow: 0px 4px 20px #f4f4f4;
	z-index: 1;
	border-radius: 14px 14px 0 0;
}
.career-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.career-nav ul li {
	border-bottom: solid 2px var(--border-color);
	margin: 0;
	padding: 0 30px;
}
.career-nav ul li a {
	font-size: 20px;
	color: var(--site-body-text-color);
	font-weight: 700;
	border-bottom: solid 2px var(--border-color);
	margin: 0 0 -2px 0;
	padding: 20px 0;
	display: block;
	text-decoration: none !important;
}
.career-nav ul li a:hover,
.career-nav ul li.active a {
	border-bottom-color: var(--global-color-primary);
	color: var(--global-color-primary);
}

.current-openings-section {
	margin: 0;
	padding: 40px 0 0 0;
}
.current-openings-slider {
	margin: 0 -10px 50px !important;
}
.current-openings-slider .slick-list {
	padding-bottom: 10px;
}
.current-openings-slider .openings-info { margin: 15px 15px; padding: 20px; background: #FFFFFF; box-shadow: 0px 4px 20px #f4f4f4; border-radius: 10px; position: relative;}
.current-openings-slider .openings-info p,
.current-openings-slider .openings-info a { margin-bottom: 0; color: var(--site-body-text-color);}
.current-openings-slider .openings-info h6 { margin-bottom: 8px; font-weight: 700;}
.current-openings-slider .locations-slider .slick-list { margin-left: -10px; padding: 0 0 30px;}
.current-openings-slider .openings-info a {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.openings-info .contact-detail {
	font-size: 16px;
}
.current-openings-slider .openings-info .open-position {
	font-weight: 700;
}
.current-openings-slider .openings-info .open-position span {
	color: var(--global-color-primary);
}

.site-main .openings-form-style .submit-btn {
	text-align: left;
}

.fileattach-container {  padding: 25px 0 10px 0;}
.fileattach-container .attachbox {    opacity: 0;   height: 66px; position: absolute;}
.fileattach-container .attach-label {
	background-image: repeating-linear-gradient(-27deg, #b6bfcc, #b6bfcc 15px, transparent 15px, transparent 23px, #b6bfcc 23px), repeating-linear-gradient(63deg, #b6bfcc, #b6bfcc 15px, transparent 15px, transparent 23px, #b6bfcc 23px), repeating-linear-gradient(153deg, #b6bfcc, #b6bfcc 15px, transparent 15px, transparent 23px, #b6bfcc 23px), repeating-linear-gradient(243deg, #b6bfcc, #b6bfcc 15px, transparent 15px, transparent 23px, #b6bfcc 23px);
	background-size: 1px 100%, 100% 1px, 1px 100% , 100% 1px;
	background-position: 0 0, 0 0, 100% 0, 0 100%;
	background-repeat: no-repeat;
	border-radius: 6px;
	font-size: 16px;
    width: 100%;
    padding: 15px 15px 15px 15px;   
    cursor: pointer;
	display: block;
	font-weight: 500;
	text-align: center;
	height: 163px;
	display: flex;
    align-items: center;
    justify-content: center;
}

.fileattach-container .attach-label img {
	margin-right: 10px;
}
.fileattach-container .wpcf7-not-valid-tip {
	bottom: -185px !important;  
}

.infobox-leftalign .icon-info-box-2{
	text-align: left;
}
.infobox-leftalign .icon-info-box-2 .round-icon {
	margin: 0;
}
.infobox-leftalign .icon-info-box-2 h6 {
	font-weight: 700;
	text-transform: capitalize;
}
.infobox-leftalign .icon-info-box-2 a {
	position: relative;
}
.life-at-img {
	flex-shrink: 0;
    width: 261px;
	border-radius: 14px;
    overflow: hidden;
}

.life-at-img img {
    width: 100%;
    object-fit: cover;
    transition: all ease-in-out 0.5s;
    object-position: center center;
    aspect-ratio: 1/0.8;
}
.career-popup  h4{
	padding-bottom: 25px;
}
.life-irm-engergy-section {
	margin: 0;
	padding: 50px 0 0;
}
.life-irm-engergy-section h3 {
	padding-bottom: 30px;
}
.team-connect-section {
	padding: 50px 0 0;
}
.team-connect-section h3 {
	padding-bottom: 30px;
}

.our-gallery-section {
	margin: 50px 0 0 0;
}
.our-gallery-section .our-gallery-slider {
	margin-top: 10px;
}
.our-gallery-section .photogallery-slide {
	margin: 0;
	padding: 0 10px;
}
.our-gallery-section .photogallery-slide a {
	position: relative;
	display: block;
	width: 100%;
	padding-top: 62%;
	border-radius: 14px;
	overflow: hidden;
}
.our-gallery-section .photogallery-slide a img {
	object-fit: cover;
	position: absolute;
	object-position: center;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.explore-section {
	padding: 80px 0 50px;
}
.explore-section .health-safety-wrap {
	margin: 0 -20px;
}
.explore-section .icon-info-box {
	width: calc(50% - 30px);
	box-shadow: 0px 4px 30px #f4f4f4;
	padding: 35px 20px;
}
.explore-section p {
	margin: 0 0 20px 0;
}
/* =======================================  =======================================  ======================================= */
												/* == Banifit of CNG CSS  ==  */
/* =======================================  =======================================  ======================================= */
.benifit-blocks .ourvision-block { margin-bottom: 0; padding: 25px 0; background: none; box-shadow: none; border-bottom: 1px solid #D9D9D9; border-radius: 0; align-items: flex-start;}
.benifit-blocks .ourvision-block:last-child { border: none;}
.benifit-blocks .round-icon { margin: 0 20px 0px 0px;}
.benifit-blocks .ourvision-content h5 { margin-bottom: 15px; text-transform: uppercase;}
.benifit-blocks .iconlist li:last-child { padding-bottom: 0;}

/* =======================================  =======================================  ======================================= */
											/* == CNG Retrofitters CSS  ==  */
/* =======================================  =======================================  ======================================= */
.cng-retrofitters-sec .location-block ul li p a { color: var(--site-body-text-color);}
.cng-retrofitters-sec .location-block ul li p a:hover { color: var(--global-color-secondary); text-decoration: none;}
.cng-retrofitters-sec .location-block ul li:nth-child(2) span { margin-top: 0;}
.cng-retrofitters-sec .location-block ul li ul { display: inline-flex;}
.cng-retrofitters-sec .location-block ul li ul li { margin:0 25px 0 0;}

/* =======================================  =======================================  ======================================= */
											/* == Car Care Tips CSS  ==  */
/* =======================================  =======================================  ======================================= */
.red-clr { color: #DC3546 !important;}
.car-care-tips-content { padding: 35px 0; border-bottom: 1px solid #D9D9D9;}
.car-care-tips-content:first-child { padding-top: 0;}
.car-care-tips-content:last-child { padding-bottom: 0; border: none;} 
.car-care-tips-sec h3 { color: var(--global-color-secondary); display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center;}
.car-care-tips-sec h3 img { margin-right: 15px;}
.car-care-tips-sec ul { padding-left: 0;}
.car-care-tips-sec li { padding: 10px 0 10px 50px; position: relative; list-style-type: none; color: #000;}
.car-care-tips-sec li:last-child { margin-bottom: 0; padding-bottom: 0;}
.car-care-tips-sec li::before { padding: 18px; content: ''; background: #F5F5F5 url('assets/images/check-circle.svg') no-repeat center center; height: 24px; width: 24px; position: absolute; top: 5px; left: 0; border-radius: 100%; display: block;}
.car-care-tips-sec ul.dont li::before { background: #F5F5F5 url('assets/images/x-circle.svg') no-repeat center center;}

/* =======================================  =======================================  ======================================= */
											/* == CNG Calculation CSS  ==  */
/* =======================================  =======================================  ======================================= */
.total-cal-blk { padding: 70px 5px; background: #E2F7FF; text-align: center; border-radius: 10px;}
.total-count { padding-top: 20px; font-size: 55px; line-height: 80px; color: var(--global-color-primary); font-weight: 700; }
.total-count span { margin-right: 10px; font-size: 28px; line-height: 35px; color: var(--global-color-secondary); font-weight: 500; vertical-align: middle;}
.form-field {
display: block;
margin-bottom: 25px;
}
.form-field__label {
font-size: 0.75rem;
transform: translateY(-14px);
display: inline-block;
font-weight: 500;
left: 0;
margin: 0;
padding: 18px 12px 0;
position: absolute;
top: 0;
transition: all 0.4s;
width: auto;
}
.form-field__control {
overflow: hidden;
position: relative;
width: 100%;
}
.form-field__input, .form-field__textarea { padding-top: 25px !important; padding-bottom: 5px !important; color: var(--global-color-primary); border: 1px solid #9D9D9D !important; border-top: none !important; border-left: none !important; color: var(--global-color-primary) !important; border-right: none !important;}
.form-field__bar {
border-bottom: 2px solid #2B227B;
bottom: 0;
content: "";
display: block;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
transform: scaleX(0);
transition: all 0.4s;
width: 1%;
}
.form-field__input, .form-field__textarea {
	appearance: none;
	background: transparent;
	border: 0;
	border-bottom: 1px solid #B6BFCC;
	color: var(--global-color-primary);
	display: block;
	font-size:1rem;
	margin-top: 24px;
	outline: 0;
	padding: 0 12px 10px 12px;
	width: 100%;
}
.form-field__input:-ms-input-placeholder ~ .form-field__label, .form-field__textarea:-ms-input-placeholder ~ .form-field__label {
font-size: 1rem;
transform: translateY(0);
}
.form-field__input:placeholder-shown ~ .form-field__label, .form-field__textarea:placeholder-shown ~ .form-field__label {
font-size: 1rem;
transform: translateY(0);
}
.form-field__input:focus ~ .form-field__label, .form-field__textarea:focus ~ .form-field__label {
color: #B6BFCC;
font-size: 0.75rem;
transform: translateY(-14px);
}
.form-field__input:focus ~ .form-field__bar, .form-field__textarea:focus ~ .form-field__bar {
border-bottom: 2px solid #2B227B;
transform: scaleX(150);
}
.form-field__textarea, .wpcf7-form-control.wpcf7-textarea {
	height: 120px;
}
.select2 { width: 100% !important;}
.simple-form { padding-right: 50px;}
.simple-form .form-group { margin-bottom: 25px;}
.simple-form .form-group .form-label { padding: 0 12px; color: var(--site-body-text-color);}
.simple-form .select2-container .select2-selection--single .select2-selection__rendered { padding: 0 12px;}
.simple-form .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--global-color-primary);}
.disclaimer-sec { margin-top: 80px;}
.disclaimer-info h4 { margin: 0 0 15px 0; padding: 0 0 0 15px; position: relative; transition: all 0.3s ease-in-out;}
.disclaimer-info h4::after { content: ''; width: 4px; height: 26px; background-color: var(--global-color-secondary); position: absolute; left: 0px; top: 2px;}
.disclaimer-info p { margin-bottom: 0;}

/* =======================================  =======================================  ======================================= */
											/* == FAQ OF CNG CSS  ==  */
/* =======================================  =======================================  ======================================= */
.faq-of-cng .faqs-section { padding: 0;}
/* =======================================  =======================================  ======================================= */
											/* == PNG Inquire CSS  ==  */
/* =======================================  =======================================  ======================================= */
.inquiry-form-style { width: 950px; margin: 0 auto;}
.png-inquiry-form-sec .simple-form { padding-right: 0;}
textarea { resize: none;}

/*Contact Form Style*/
.field-container { display:flex; padding: 12px 12px 0px 12px; position:relative; width:100%;	border-bottom: 1px solid #B6BFCC; margin-bottom:20px; }
.field-container.focused { border-bottom: 2px solid var(--global-color-primary);}
.field-container:after,
.field-container:before { bottom:0; content:""; left:0; position:absolute; right:0; transition:border .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),transform 0s cubic-bezier(.4,0,.2,1) .3s; will-change:border,opacity,transform }
.site .wpcf7-form-control .field-container .wpcf7-not-valid:before,
.field-container.filled:before,
.field-container.focused:before { opacity:1; transform:scaleX(1); transition:.3s cubic-bezier(.4,0,.2,1); transition-property:border,opacity,transform; z-index:1 }
.field-container.filled label,
.field-container.focused:not(.field-select) label { font-size: 12px; letter-spacing: -0.44px; line-height: 17px; color: var(--site-body-text-color); opacity: 0.6; pointer-events:auto; top:13px; }
.field-container.filled .prefix,
.field-container.focused:not(.field-select) .prefix { display:block }
.field-container.focused:before { z-index: 10000 }
.field-container.focused input { z-index:10 }
.field-container.focused label { z-index:9 !important }
.field-container.focused .select-form-control .options-form-control { opacity:1; visibility:visible }
.site .wpcf7-form-control .field-container .wpcf7-not-valid:before { background:#ff1044 }
.site .wpcf7-form-control .field-container .wpcf7-not-valid .wpcf7-not-valid-tip,
.site .wpcf7-form-control .field-container .wpcf7-not-valid 	{ color:#ff1044 }
.field-container .wpcf7-form-control-wrap { padding-top: 7px; position: relative; display: block; width: 100%; }
.field-container .wpcf7-form-control-wrap::after { content: ""; position: absolute; display: block; right: 0; top: 0; width: 16px; height: 100%; max-height: 56px; background: no-repeat right center; }
.site .wpcf7-form-control .field-container .wpcf7-not-valid .wpcf7-form-control-wrap::after { background-image: url(../../images/alert-icon.svg);}
/* .field-container.select-container .wpcf7-form-control-wrap::after { background: url(./assets/images/select-arrow.svg) no-repeat center center !important;} */
.field-container.field-select input { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; cursor:inherit; user-select:none }
.field-container.field-textarea { padding-top:25px; font-weight: 500;}
.field-container.field-textarea label { top:25px; font-weight: 500;}
.field-container label { margin: 0; color: var(--site-body-text-color);font-size: 16px;
		letter-spacing: -0.26px;
		line-height: 22px; pointer-events:none; position:absolute; top:23px; transition:.4s cubic-bezier(.25,.8,.25,1); transition-duration:.3s; font-weight: 500;}
.field-container.focused label { z-index: 10000; }
.field-container input,
.field-container select,
.field-container textarea { -webkit-rtl-ordering:logical; -webkit-writing-mode:horizontal-tb!important; background:none; border:none; color:var(--global-color-primary) !important; cursor:text; display:block; flex:1;font-size: 16px !important; letter-spacing: -0.26px; line-height: 22px; margin:0; min-width:100px; outline:none !important; padding:0; text-rendering:auto; transition:.4s cubic-bezier(.25,.8,.25,1); transition-property:font-size,padding-top,color; word-spacing:normal  font-we
500;}
.field-container input:-webkit-autofill,
.field-container input:-webkit-autofill:focus,
.field-container input:-webkit-autofill:hover,
.field-container select:-webkit-autofill,
.field-container select:-webkit-autofill:focus,
.field-container select:-webkit-autofill:hover,
.field-container textarea:-webkit-autofill,
.field-container textarea:-webkit-autofill:focus,
.field-container textarea:-webkit-autofill:hover { -webkit-text-fill-color:#1c2530; -webkit-box-shadow:0 0 0 30px #fff inset!important; font-size:21px }
.field-container input,
.field-container select { height: 42px; max-width: 100%; outline: none !important; }
.field-container textarea { font-weight: 500; -webkit-appearance:textarea; flex-direction:column; overflow-wrap:break-word; padding:15px 0; resize:none; text-align:start; text-indent:0; text-shadow:none; text-transform:none; white-space:pre-wrap }
.field-container .prefix,
.field-container .suffix { align-self:center; color: var(--site-body-text-color); font-size:21px; justify-self:center }
.field-container .prefix { display:none; padding-right:4px }
.field-container .wpcf7-not-valid-tip, .fileattach-container .wpcf7-not-valid-tip { left:-2px;bottom:-25px; font-size:12px; height:20px; position:absolute; transition:.3s cubic-bezier(.4,0,.2,1) }
.field-container .select-form-control { cursor:default; display:flex; position:relative; width:100% }
.field-container .select-form-control .options-form-control { background:hsla(0,0%,100%,.95); box-shadow:0 23px 71px 0 rgba(64,64,186,.09); left:-20px; opacity:0; padding-top:90px; position:absolute; right:-20px; top:-22px; transition:opacity .3s cubic-bezier(.4,0,.2,1),visibility .3s cubic-bezier(.4,0,.2,1); visibility:hidden; z-index:2 }
.field-container .select-form-control .options-form-control ul { max-height:200px; overflow:auto; padding-bottom:10px }
.field-container .select-form-control .options-form-control ul li { text-align:left;
	padding: 10px 24px 11px 24px;
	color: var(--global-color-primary);
	font-size: 16px;
	letter-spacing: -0.26px;
	line-height: 22px;
	cursor:pointer; display:block;   overflow:hidden;text-overflow:ellipsis; white-space:nowrap; z-index:-1 }
.field-container .select-form-control .options-form-control ul li.active,
.field-container .select-form-control .options-form-control ul li.selected,
.field-container .select-form-control .options-form-control ul li:hover { background-color: #D9D9D9;}
.wpcf7-form-control-wrap { display: block; max-width: 100%; }
.wpcf7 form .wpcf7-response-output 			{ padding: 8px 18px; width: 100%; font-size: 12px; letter-spacing: -0.04px;line-height: 13px; text-align: center;}
.wpcf7 form.invalid .wpcf7-response-output 	{ border-color: #dc3232; color:#dc3232; }
.wpcf7 form.sent .wpcf7-response-output 	{ border-color:transparent; color: var(--global-white-color); background-color: var(--global-color-primary); }
.field-container .helper-text 				{ bottom:-25px; color:#69788a; font-size:12px; height:20px; position:absolute; transition:.3s cubic-bezier(.4,0,.2,1) }
.site-main .submit-btn { margin: 20px auto 0; text-align: center;}
.site-main .submit-btn .wpcf7-form-control.has-spinner.wpcf7-submit, .download-pdf-form .submit-btn .wpcf7-form-control.has-spinner.wpcf7-submit{
	border-radius: 6px;
	background:var(--global-color-primary);
	border: 1px solid var(--global-color-primary) !important;
	color: #fff;
	text-transform: capitalize;
	font-size: 16px;
	line-height: 22px;
	padding: 14px 35px;
	text-align: center;
	border:none;
	width: auto;
	font-weight: 600;
	transition: all ease-in-out 0.3s;
}
.site-main .submit-btn .wpcf7-form-control.has-spinner.wpcf7-submit:hover, .download-pdf-form .submit-btn .wpcf7-form-control.has-spinner.wpcf7-submit:hover{
	background-color: var(--global-white-color) !important;
	border-color: var(--global-color-primary) !important;
	color: var(--global-color-primary) !important;
}
select { -webkit-appearance: none; -moz-appearance: none; appearance: none;}

.png-calculation-sec .total-cal-blk { margin-bottom: 20px; padding: 24px 35px;}
.png-calculation-sec .total-cal-blk h4 { padding-bottom: 0; font-weight: 600; text-align: left;}
.png-calculation-sec .total-cal-blk.monthly-cal-blk h4 span { color: #0280B4; font-weight: 700;}
.png-calculation-sec .total-cal-blk.current-cal-blk h4 span { color: #0ABF53; font-weight: 700;}
.png-calculation-sec .total-cal-blk.yearly-cal-blk h4 span { color: #2B227B; font-weight: 700;}

.wpcf7-form-control-wrap .select2-container--default .select2-selection--single { border: none; background: transparent;}
.wpcf7-form-control-wrap .select2-container .select2-selection--single .select2-selection__rendered { padding: 5px 20px 0 0;}

/* =======================================  =======================================  ======================================= */
											/* == Bill Payments Options CSS  ==  */
/* =======================================  =======================================  ======================================= */
.bill-payment-options-sec .main-title { text-align: left;}
.bill-payment-options-sec .ourvision-block { padding: 0 0 15px 0; background: none; box-shadow: none;}
.bill-payment-options-sec .ourvision-block li a { color: var(--global-color-primary); font-weight: 700;}
.bill-payment-options-sec .ourvision-block li a:hover { color: var(--global-color-secondary); text-decoration: none;}
.bill-payment-options-sec .payusing-icon { margin: 25px auto 0; width: 80%;}

/* =======================================  =======================================  ======================================= */
											/* == Customer Testimonial CSS  ==  */
/* =======================================  =======================================  ======================================= */
.customer-testimonial-sec { padding-top: 20px;}
.customer-testimonial-usr { padding: 0 25px;  justify-content: center;}
.customer-testimonial-usr .usr-img { flex-shrink: 0;}
.customer-testimonial-usr .usr-img img { height: 60px; width: 60px; object-fit: cover; object-position: center center; border-radius: 100%;}
.customer-testimonial-usr .usr-nm { padding-left: 15px; font-size: 18px; line-height: 24px; color: var(--global-color-primary); font-weight: 700; flex-grow: 1;}
.customer-slider-info { margin: 20px auto 0; padding: 35px; width: 95%; background: #fff; box-shadow: 0px 4px 20px #f4f4f4; border-radius: 15px; position: relative;}
.customer-slider-info::before { content: ''; background: url('assets/images/quote.svg') no-repeat; height: 83px; width: 83px; position: absolute; bottom: 10px; right: 35px; display: block;}
.customer-slider-info h6 { text-align: center; color: var(--site-body-text-color); font-weight: 500; line-height: 27px;}
.customer-slider-info p { margin-bottom: 0; padding-top: 50px; text-align: center; font-size: 18px; line-height: 22px; font-weight: 700; color: var(--global-color-primary);}
.testimonial-slider-usr-info .slick-list { padding: 15px 0 25px;}
.testimonial-slider-usr .slick-list { padding: 15px 20px !important;}
.testimonial-slider-usr .slick-track { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center;}
.testimonial-slider-usr .slick-slide.slick-current.slick-active .customer-testimonial-usr { padding: 20px; background: #FFFFFF; box-shadow: 0px 4px 30px #F4F4F4; border-radius: 15px;}
.customer-testimonial-sec .slick-dotted.slick-slider { margin-bottom: 15px;}
.collabrator-blk .collabrator-slider .slick-list { padding-top: 15px;}
.collabrator-blk .collabrator-slider .icon-info-box-2 { margin-bottom: 20px; padding: 15px; width: calc(100% - 26px); min-height: 180px;}

/* =======================================  =======================================  ======================================= */
											/* == Application Service CSS  ==  */
/* =======================================  =======================================  ======================================= */
.application-service-info ul { padding-left: 0; list-style-type: disc;}
.application-service-info ul li { padding-left: 15px; width: calc(100% / 2 - 2px); display: inline-block; position: relative;}
.application-service-info ul li::before { content: ''; background-color: #8795AA; height: 5px; width: 5px; position: absolute; top: 10px; left: 0; border-radius: 100%; display: block;}
.application-ser-img { margin-right: 15px; flex-shrink: 0;}
.application-ser-img img { width: 80px; height: 80px; object-fit: cover; object-position: center center; border-radius: 14px;}
.application-png-comm-advantages-sec { margin-top: 50px;}
.application-png-comm-advantages-sec .icon-info-box-2 { margin-bottom: 0px; padding: 15px 10px; width: calc(25% - 26px); background: none; box-shadow: none; border-radius: 0;}
.application-png-comm-advantages-sec .icon-info-box-2::after, .application-png-comm-advantages-sec .icon-info-box-2::before { display: none;}
.application-png-comm-sec .round-icon { margin: 0 15px 0 0;}
.application-png-comm-advantages-sec h6,
.application-png-comm-sec h6 { font-size: 16px; line-height: 22px; text-transform: uppercase;}
.application-png-comm-sec .icon-info-box-2 { margin-bottom: 0px; padding: 15px 10px; background: none; box-shadow: none; border-radius: 0; text-align: left;}
.application-png-comm-sec .icon-info-box-2::after, .application-png-comm-sec .icon-info-box-2::before { display: none;}

/* =======================================  =======================================  ======================================= */
											/* == Corporate Governance CSS  ==  */
/* =======================================  =======================================  ======================================= */
/* .corporate-gove-policies { max-height: 700px; overflow-y: scroll; overflow-x: hidden;} */
.governers-policy-list ul { padding-left: 0;}
.governers-policy-list li { margin-bottom: 0; padding: 15px 0 15px 45px; position: relative; list-style-type: none;}
.governers-policy-list li::before { content: ''; background: url('assets/images/PDF-ic.svg') no-repeat; background-size: 73% auto; height: 49px; width: 39px; position: absolute; top: 10px; left: 0; display: block;}
.governers-policy-list li a { font-size: 20px; line-height: 27px; font-weight: 700; color: var(--global-color-primary);}
.governers-policy-list li a:hover,
.governers-policy-list li a:focus { text-decoration: none !important; color: var(--global-color-secondary);}
.corporate-gove-policies .policy-logo p { padding-top: 20px; color: var(--global-color-primary);}
.corporate-gove-policies-info h4 { padding-bottom: 25px; text-transform: uppercase;}
.corporate-gove-policies-info p { margin-bottom: 15px;}
.corporate-gove-policies-info .policy-title { margin-bottom: 15px; border-bottom: 1px solid #D9D9D9;}
.corporate-gove-policies-info .policy-title h6 { padding: 15px 0 10px;}
.corporate-gove-policies-info h5 { padding-bottom: 10px; color: var(--global-color-secondary); font-size: 16px; line-height: 22px;}
.corporate-gove-policies-info p b,
.corporate-gove-policies-info p strong { color: var(--global-color-primary);}
.corporate-gove-policies-info ul,
.corporate-gove-policies-info ol { margin-bottom: 15px;}
.corporate-gove-policies-info ol { padding-left: 20px;}
.corporate-gove-policies-info ol li { padding: 10px 0 0 7px;}
.corporate-gove-policies-info ul li ul { padding-top: 10px; list-style-type: disc;}
.corporate-gove-policies-info ul li ol { padding: 10px 0 0px 20px; list-style-type: decimal;}
.corporate-gove-policies-info ol li p { padding: 10px 0 0 20px;}
.corporate-gove-policies-info table { margin-bottom: 15px;}
.corporate-gove-policies-info table th { background: #f5f5f5; border: none; font-weight: 600; color: var(--global-color-primary); font-size: 16px; line-height: 22px; text-align: left;}
.corporate-gove-policies-info table td { padding: 15px 10px; border: none; border-bottom: 1px solid #D9D9D9;  font-weight: 500; font-size: 16px; line-height: 22px;}
/* .corporate-gove-policies::-webkit-scrollbar-thumb {
	background: var(--site-body-text-color);
	border-radius: 10px;
	-webkit-border-radius: 10px;
  }
.corporate-gove-policies::-webkit-scrollbar { 
	height: 6px;
	width: 6px;
  }
.corporate-gove-policies::-moz-scrollbar-thumb {
	background: var(--site-body-text-color);
	border-radius: 10px;
	-webkit-border-radius: 10px;
  }
.corporate-gove-policies::-moz-scrollbar { 
	height: 6px;
	width: 6px;
  } */

/* =======================================  =======================================  ======================================= */
											/* == Contact Us CSS  ==  */
/* =======================================  =======================================  ======================================= */
.contact-info { margin-top: 25px;}
.contact-info .ourvision-block { padding: 0; margin: 0; background: none; box-shadow: none; border-radius: 0; align-items: flex-start;}
.contact-info .ourvision-block .round-icon { margin: 0 15px 0 0; height: 65px; width: 65px;}
.contact-info .ourvision-block .round-icon img { width: 35px;}
.contact-info .ourvision-content p { margin: 5px 0 0;}
.contact-info .ourvision-content p a { color: var(--site-body-text-color);}
.contact-info .ourvision-content p a:hover,
.contact-info .ourvision-content p a:focus { color: var(--global-color-secondary); text-decoration: none !important;}
.contactus-form { padding: 25px; background: #FFFFFF; box-shadow: 0px 4px 30px #F4F4F4; border-radius: 15px;}
.contactus-form .inquiry-form-style { width: 100%;}
.contactus-form .inquiry-form-style .submit-btn { margin: 20px 0; text-align: left;}
.locations-blk { padding-bottom: 70px;}
.locations-blk .form-group { margin-bottom: 20px; padding: 20px; background: #FFFFFF; box-shadow: 0px 4px 30px #f4f4f4; border-radius: 10px;}
.locations-blk .location-info { margin: 0 10px; padding: 20px; background: #FFFFFF; box-shadow: 0px 4px 20px #f4f4f4; border-radius: 10px; height: 100%;}
.locations-blk .location-info p,
.locations-blk .location-info a { margin-bottom: 0; color: var(--site-body-text-color);}
.locations-blk .location-info h6 { margin-bottom: 8px; font-weight: 700;}
.locations-blk .locations-slider .slick-list { margin-left: -10px; padding: 0 0 30px;}
.locations-blk .locations-slider .slick-list .slick-track { display: flex;}
.locations-blk .locations-slider .slick-slide { float: none; min-height: 100%; height: auto;}
.office-map-blk { padding-top: 70px;}
.office-map-blk .location-map iframe { width: 100%; border-radius: 14px;}

/* =======================================  =======================================  ======================================= */
											/* == Investors CSS  ==  */
/* =======================================  =======================================  ======================================= */
.investor-sec .tabs-nav { min-width: 320px; width: 320px;}
.investor-sec .tabs-nav ul li { text-transform: capitalize; display: flex; align-items: center; padding-right: 5px;}
.investor-sec .tabs-nav ul li img { margin-right: 5px;}
.investors-info { padding-bottom: 20px;}
.investors-info:last-child { padding-bottom: 0;}
.investors-info ul { margin-top: 15px;}

/* == Investors CSS   ==  */
.investors-info ul { margin-top: 15px; display: none;}
.investors-info select { display: none !important;}
.tabs-content-section .investors-info.show-investor-list ul { display: block;}
.tabs-content-section .investors-info.show-investor-list select { display: block !important;}
/* Select  Start*/
.invester-select-container{margin: 20px 0;}
.invester-select-container .select2-container--default .select2-selection--single{padding: 4px; border-width: 1px;border-radius: 8px;transition: all ease-in-out 0.25s;}
.invester-select-container .select2-container--default .select2-selection--single .select2-selection__arrow{right: 8px;}
.investors-info .invester-select-container{display: none !important;}
.tabs-content-section .investors-info.show-investor-list .invester-select-container{display: block !important;}
.invester-select-container .select2{width: 23% !important;}
/* Select  End*/
.investors-info h6 a { color: var(--global-color-primary); position: relative;}
.tabs-content-section .investors-info.show-investor-list h6 a { color: #0ABF53;}
/* .tabs-content-section .investors-info.show-investor-list h6 a:hover { color: var(--global-color-primary);} */
.tabs-content-section .investors-info h6 a.investor-accordian { display: block;}
.tabs-content-section .investors-info h6 a.investor-accordian::after { content: '\f132'; font-family: dashicons; font-weight: normal; display: inline-block; margin: 0 0 0 6px; vertical-align: top; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: rotate(0); color: inherit; position: absolute; top: 0; right: 0;}
.tabs-content-section .investors-info.show-investor-list h6 a.investor-accordian::after { content: '\f460'; margin-top: -2px;}


.investors-info h6 a { color: var(--global-color-primary);}
.investors-info h6 a:hover { color: var(--global-color-secondary);}
.investors-info p { margin-bottom: 15px;}
.investors-info li a { color: var(--site-body-text-color);}
.investors-info li a:hover { color: var(--global-color-primary);}
img.material-ic { width: 30px;}
.mb-0 { margin-bottom: 0 !important;}
.investor-contact h6 { margin-bottom: 2px;}
.investor-popup { max-width: 788px;}
.investor-popup .inquiry-form-style { width: auto;}
.investor-popup .submit-btn { text-align: center;margin: 30px 0 0 0; position: relative;}
.investor-popup .wpcf7-spinner { position: absolute; top: 12px; }
/* =======================================  =======================================  ======================================= */
											/* == Terms Policy Style CSS  ==  */
/* =======================================  =======================================  ======================================= */
.terms-policy-style h6 { padding-bottom: 20px; color: var(--site-body-text-color); font-size: 16px; line-height: 24px; font-weight: 500; text-transform: uppercase;}
.terms-policy-style p { margin-bottom: 20px;}
.terms-policy-style p a:hover,
.terms-policy-style p a:focus { color: var(--global-color-primary); text-decoration: none !important;}
.terms-policy-style h4 { margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px solid #D9D9D9;}
.terms-policy-style h5 { margin-bottom: 10px; padding: 20px 0 8px; border-bottom: 1px solid #D9D9D9; color: var(--global-color-primary); font-size: 18px; line-height: 24px; font-weight: 700; }

/* =======================================  =======================================  ======================================= */
											/* == Gas Price CSS  ==  */
/* =======================================  =======================================  ======================================= */
.gas-price-blk { padding: 30px; background: #FFFFFF; box-shadow: 0px 4px 50px #f4f4f4; border-radius: 14px; text-align: center;}
.gas-price-blk .form-group { padding: 10px 0 30px; text-align: left;}
.gas-price-blk h2 span { display: inline-block; vertical-align: middle; color: var(--site-body-text-color); font-weight: 500; font-size: 16px;}
.gas-price-blk h2 span.rs-ic { color: var(--global-color-primary);}
h2.cng-price { color: #00A0E3;}
h2.png-price { color: var(--global-color-secondary);}
.gas-price-blk h6 { color: var(--site-body-text-color); font-weight: 500;}
.gas-price-blk .gas-price-detail { display: none;}
.gas-price-blk .gas-price-detail.active { display: block;}
/* =======================================  =======================================  ======================================= */
											/* == Carrer CSS  ==  */
/* =======================================  =======================================  ======================================= */
.apply-pos-sec h5 span { color: var(--site-body-text-color);}
.apply-pos-sec p { margin-bottom: 15px;}
.apply-pos-sec p img { margin-right: 10px;}
.apply-job-form { padding-top: 35px;}
.page-template-work-with-us-php .campus-connect-sec { padding-top: 50px;}
.campus-connect-sec p { margin-bottom: 20px;}
.campus-connect-sec p a:hover,
.campus-connect-sec p a:focus { color: var(--global-color-primary); text-decoration: none !important;}
.collabrator-blk .icon-info-box-2 {  display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center;}
.intern-testimonial .customer-testimonial-sec { padding-top: 0;}
.intern-testimonial .customer-testimonial-sec .slick-dotted.slick-slider { margin-bottom: 0;}
.intern-testimonial .customer-testimonial-sec { margin-bottom: 25px;}

/* =======================================  =======================================  ======================================= */
											/* == Geographical Areas New CSS  ==  */
/* =======================================  =======================================  ======================================= */
.d-none { display: none;}
.geographical-areas-sec.tabs-main-wrap { display: block;}
.geographical-areas-sec .tabs-nav { margin:0 auto 20px; min-width: 100%; width: 100%; background: transparent; box-shadow: none; text-align: center;}
.geographical-areas-sec .tabs-nav .tabs { display: inline-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; position: relative;}
.geographical-areas-sec .tabs-nav .tabs::before { content:''; background: var(--border-color); height: 2px; width: 100%; position: absolute; bottom: 0; left: 0; display: block; z-index: 0;}
.geographical-areas-sec .tabs-nav .tabs li { padding: 0 15px 15px; border-bottom: 2px solid transparent; display: inline-block; font-size: 20px; line-height: 27px; font-weight: 700; z-index: 1;}
.geographical-areas-sec .tabs-nav .tabs li.active { border-bottom: 2px solid var(--global-color-primary);}
.geographical-areas-sec .tabs-content-section p:last-child { margin-bottom: 0;}
.ga-updates-img { margin: 0 -15px; display: flex; align-items: center;}
.ga-updates-imgs { padding: 0 15px; width: 50%;}
.ga-updates-imgs img { height: 450px; width: 100%; object-fit: cover; object-position: center center;}

/* ======================================= * ======================================= * ======================================= */
												/* == New and Updates New CSS ==  */
/* ======================================= * ======================================= * ======================================= */
.news-updates-new-section ul li { width: 50%;}
.news-updates-new-section .updates-wrap li { width: 100%;}
.news-updates-new-section .newsblock,
.news-updates-new-section .newsblock { position: relative;}
.new-artical-info h4 { padding-bottom: 0;}
.sos-ic-img img { width: 27px;}
.article-img { padding: 20px 0;}
.article-img img { height: 400px; width: 100%; object-fit: cover; border-radius: 14px; object-position: center center;}
.article-desc p:last-child { margin-bottom: 0;}
.article-desc p a { color: var(--global-color-secondary);}
.article-desc p a:hover { color: var(--global-color-primary);}
/* ======================================= * ======================================= * ======================================= */
												/* == INNER PAGE CSS END  ==  */
/* ======================================= * ======================================= * ======================================= */

/*Error Page Css*/
.error-404 { padding: 50px 0 70px; display: flex; align-items: center; height: calc(100vh - 550px); justify-content: center; -webkit-justify-content: center; min-height: 500px;}
.error-404 .page-content { text-align: center;}
.error-404 h1 { text-align: center; font-size: 150px; line-height: 160px; font-weight: 700; color: var(--global-color-secondary);}
.error-404 h2 { color: var(--global-color-primary);}
.no-openinig { margin-bottom: 30px; padding: 50px; background: var(--global-white-color); box-shadow: 0px 4px 30px #f4f4f4; text-align: center; border-radius: 14px;}
.no-openinig h3 { padding-bottom: 0; color: var(--site-body-text-color);}
.social-ic img { transition-duration: 2s;}
.social-ic img:hover { filter: brightness(1.3);}

.more-txt { display: none;}

.companies-detail { width: calc(100% - 230px);}
.companies-detail.active .more-txt { display: block;}
.associate-gallery-slider { padding-top: 30px;}
.companies-detail .associate-gallery-slider img { width: 100%; height: 470px; object-fit: cover; object-position: center center; border-radius: 14px;}


.thank-you-page h1 { font-size: 90px;}
.grecaptcha-badge {
	display: none !important;
}

.menu-sitemap-container .menu .menu-item  { margin: 0 0 5px 0; padding: 0 0 0 15px; position: relative;}
/* .sitemap-page .wsp-pages-list > .page_item::marker { margin-top: -2px;} */
.menu-sitemap-container > .menu .menu-item > a { color: var(--global-color-primary); font-size: 18px; margin: 0 0 5px 0; line-height: 30px;}
.menu-sitemap-container > .menu .menu-item .sub-menu li { margin: 0 0 0px 5px; list-style: circle; padding: 0;}
.menu-sitemap-container > .menu .menu-item .sub-menu li a { color: var(--body-gray-color); font-size: 16px;}
.menu-sitemap-container > .menu .menu-item a:hover { color: var(--global-color-secondary) !important;}
.menu-sitemap-container > .menu > .menu-item::before { content: ''; width: 6px; height: 6px; border-radius: 10px; background-color: var(--global-color-primary); display: block; position: absolute; left: 0; top: 12px;}
/* ======================================= */
/* ====== RESPONSIVE CSS START==========  */

@media only screen and (min-width: 1900px) {
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
		padding-left: 20px;
		padding-right: 20px;
	}
	.quick-access-section.sticky-quick-access .round-icon {
		width: 50px;
		height: 50px;
		padding: 10px 7px;
	}
	.quick-access-section.sticky-quick-access .quick-access-wrap {
		border-radius: 0;
		padding:8px 20px;
	}

}

@media only screen and (max-width: 1600px) {

	h2 {
		font-size: 38px;
		line-height: 50px;
	}
	.home-banner .banner-inner p {
		font-size: 16px;
	}

	/*Error Page Css*/
	.error-404 { height: 100%;}
}

@media only screen and (max-width: 1440px) {
	.left-menu .menu-left-menu-container ul.sub-menu li a {
		font-size: 15px;
	}
	.left-menu .menu-left-menu-container ul .custom-title > a {
		    font-size: 16px;
	}
	.main-menu #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.leftmenu-label-show > a {
		font-size: 16px;
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
		font-size: 16px;
	}
	.site-header .site-logo .site-description {
        max-width: 175px;
    }
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.menu-btn.billpay-btn {
        margin-left: 10px;
    }
	
	/*CNG Calculation*/
	.total-count { font-size: 60px; line-height: 70px;}

	/*Error Page Css*/
	.error-404 { height: 100%;}
}

@media only screen and (max-width: 1199px) {
.mega-menu-wrap-left-menu { display: none !important;}
.mega-mobile-menu {
		display: block !important;
}
.leftmenu-label-show > a span.mega-indicator { display: none !important;}
	h2 {
		font-size: 32px;
		line-height:42px;
	}
	h3 {
		font-size: 24px;
		line-height: 31px;
	}
	h4 {
		font-size: 22px;
		line-height: 28px;
	}
	h5 {
		font-size: 18px;
		line-height: 24px;
	}
	h6 {
		font-size: 16px;
	}

	.site-header {
		padding: 20px 15px;
		
	}
	.site-header.sticky-header {
		padding-top: 12px;
		padding-bottom: 12px;
	}
	.header-right #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:not(.menu-btn) {
		display: none;
	}

	/* =============================== */
	/* == MENU CSS START ====  */

	.main-menu {
		display: block;
		/* margin-top: 30px; */
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
		background: none !important;
		color: var(--site-body-text-color);
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.mega-current-menu-item a.mega-menu-link {
		color: var(--global-color-primary);
	}
	.main-menu #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mainlink {
		display: block;
	}
	.main-menu #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:not(.leftmenu-label-show) {
		display: block;
	}
	.main-menu #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.business-hide {
		display: none;
	}

	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout:not(.leftmenu-label-show) ul.mega-sub-menu {
		position: relative;
		background: #fff;
		height: 0;
		overflow: hidden;
		padding: 0px 0px 0px 30px;
		transform: translate(0, 0) !important;
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout:not(.leftmenu-label-show).mega-toggle-on ul.mega-sub-menu {
		padding-bottom: 20px;
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout.mega-menu-item.mega-toggle-on > ul.mega-sub-menu {
		height: auto;
		/* padding-bottom: 20px; */
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout:not(.leftmenu-label-show) ul.mega-sub-menu li a {
		line-height: 30px !important;
		font-size: 14px !important;
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout:not(.leftmenu-label-show) ul.mega-sub-menu li a::before {
		content: '';
		background: var(--site-body-text-color);
		height: 1px;
		width: 10px;
		position: absolute;
		top: 15px;
		left: -10px;
		display: block;
	}
	#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
		margin-left: auto;
		font-size: 18px;
	}
	#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after {
		content: '\f460';
		margin-top: -2px;
	}
	.main-menu #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.business-mobile-hide {
		display: none;
	}

	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.menu-btn.billpay-btn {
		display: inline-block;
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.menu-btn.contact-btn {
		display: inline-block;
	}

	/* =============================== */
	/* == MENU CSS END ====  */

	.whatwedo-section {
		margin: 70px 0 0 0;
	}
	.what-weare-section {
		padding: 50px 0 70px 0;
		margin-top: 0;
	}

	.map-location {
		margin-right: 0;
	}

	.station-block {
		padding: 15px;
	}

	.health-safety-wrap {
		padding: 0 5px;
	}
	.icon-info-box {
		margin: 0 12px 24px;
		padding: 15px 15px;
		width: calc(25% - 24px);
	}
	.icon-info-box .round-icon {
		margin: 0 15px 0 0;
	}

	.testimonials-section {
		padding: 70px 0 0;
	}
	.testimonials-block p {
		font-size: 16px;
		line-height: 24px;
	}
	.news-update-section {
		padding-top: 70px;
	}

	.our-leader-wrap {
		padding: 0;
	}

	/* .inner-banner .inside-wrap {
		height: 265px;
	} */

	.maxwidth-description p {
		max-width: inherit;
	}
	
	/*CNG Calculation*/
	.total-count { font-size: 50px; line-height: 60px;}

	/*Inquire Form Css*/
	.inquiry-form-style { width: 100%;}
	.wpcf7-spinner { display: none;}

	/*Contact Us CSS*/
	.locations-blk .location-info { min-height: 315px;}

	/*Error Page Css*/
	.error-404 { height: 100%;}

	.ga-updates-imgs img { height: 350px !important;}
	
	/*  */
	.invester-select-container .select2{width: 35% !important;}
	
}

@media only screen and (max-width: 991px) {

	.home-banner .banner-inner {
		padding-top: 45%;
	}

	.quick-access-wrap {
		justify-content: space-evenly;
		flex-flow: wrap;
	}
	.quick-access-wrap .access-block {
		padding: 15px 15px;
	}

	.what-weare-section{
		padding-bottom: 50px;
	}
	.what-weare-section .column-6 {
		width: 100%;
	}
	.map-location {
		margin-top:50px;
	}
	.map-location > img {
		width: 100%;
	}
	.map-location .map-pin.gujarat .map-tooltip, .map-location .map-pin.diu .map-tooltip  {
		transform: translate(40px, 50%);
		bottom: 50%;
		left: 100%;
		margin: 0 0 0 20px;
	}
	.map-location .map-pin.gujarat .map-tooltip::after, .map-location .map-pin.diu .map-tooltip::after {
		top: 50%;
		left: -20px;
		transform: rotate(90deg);
		margin-top: -20px;
	}
	.map-location .map-pin.gujarat:hover .map-tooltip, .map-location .map-pin.diu:hover .map-tooltip {
		transform: translate(0%, 50%);
	}

	.icon-info-box {
		width: calc(33.33% - 24px);
	}

	.testimonials-img {
		min-width: 60px;
	}
	.testimonials-img img {
		max-width: 100%;
	}
	
	.payusing-icon a,
	.payusing-icon span {
		max-width: 21%;
	}

	/* ======================================= */
	/* ==== FOOTER RESPONSIVE CSS START =====  */

	.site-footer .widget-area {
		flex-flow: wrap;
		padding-top:40px;
	}
	.site-footer .widget-area .widget {
		margin-top: 0;
	}
	.site-footer .widget-area .widget:first-child {
		width: 100%;
		margin-bottom: 0;
	}
	.site-footer .contact-detail .con-list p br {
		display: none;
	}
	.footer-info-col {
		max-width: inherit;
	}
	.bottom-footer-inside {
		flex-direction: column;
	}
	.bottom-footer .widget_nav_menu {
		padding: 0 0 10px 0;
	}
	.bottom-footer .menu-footer-links-container ul {
		flex-flow: wrap;
		align-items: center;
		justify-content: center;
	}
	.bottom-footer .menu-footer-links-container ul li {
		margin: 5px 15px 0px 15px;
	}

	/* ======================================= */
	/* ==== FOOTER RESPONSIVE CSS END =====  */

	.main-content-inside {
		padding: 30px 20px 20px;
		margin-top: -35px;
	}
	.inner-banner .inside-wrap {
		padding-top: 28%;
	}
	.inner-banner .banner-caption {
		padding-bottom: 25px;
	}
	.our-team-block p {
		font-size: 15px;
	}
	.directors-popup-inside .our-team-block {
		min-width: 198px;
	}
	.common-popup {
		padding: 20px;
	}

	.ourvision-block {
		padding: 20px;
	}
	.ourvision-icon {
		margin-right: 20px;
	}
	
	.our-presence-bock{
		width: calc(50% - 26px); 
	}
	.our-presence-bock h3 {
		font-size: 20px;
	}

	.tabs-nav {
		min-width: 240px;
		margin-right: 20px;
	}

	.list-of-companies-block .companies-img {
		max-width: 200px;
		min-width: 200px;
	}

	.stations-search-wrap {
		width: 96%;
	}

	.four-column .icon-info-box-2 {
		width: calc(33.33% - 26px);
	}
	.news-updates-section .news-top-section ul li:first-child .newsblock {
		padding-top: 67%;
	}

	/*CNG Calculation*/
	.simple-form { padding-right: 0;}
	.total-count { padding-top: 10px; font-size: 35px; line-height: 45px;}
	.disclaimer-sec { margin-top: 50px;}
	.simple-form .select2-container { width: 100% !important;}
	.form-field__input:placeholder-shown ~ .form-field__label, .form-field__textarea:placeholder-shown ~ .form-field__label { font-size: 0.8rem;}

	/*Inquire Form Css*/
	.inquiry-form-style { width: 100%;}
	.wpcf7-spinner { display: none;}

	/*PNG Cal Css*/
	.png-calculation-sec .total-cal-blk h4 { font-size: 18px; line-height: 22px;}
	.png-calculation-sec .total-cal-blk { padding: 18px;}

	/*Bill Payment Options Css*/
	.bill-payment-options-sec .payusing-icon { width: 90%;}

	/*Application Commercial PNG*/
	.application-png-comm-sec .icon-info-box-2 { width: calc(50% - 26px);}

	/*Corporate Governers CSS*/
	.governers-policy-list li a { font-size: 18px; line-height: 23px;}

	/*Contact Us CSS*/
	.contact-info .ourvision-content p br { display: none;}

	/*Investors CSS*/
	.tabs-nav ul li { font-size: 12px;}

	/*Error Page Css*/
	.error-404 { height: 100%;}

	.career-nav {
		margin: 0 -20px;
	}

	.companies-detail .associate-gallery-slider img { height: 350px;}
	.ga-updates-imgs img { height: 300px !important;}
	
	/*  */
	.invester-select-container .select2{width: 100% !important;}
	.invester-select-container{margin: 10px 0;}
}

/* ======================================= */
/* ====== MOBILE SCREEN CSS START =======  */

@media only screen and (max-width: 767px) {

	body {
		font-size: 15px;
		line-height: 22px;
	}
	P {
		line-height: 22px;
		margin-bottom: 25px;
	}

	.banner-caption h2 {
		font-size: 25px;
		line-height: 32px;
	}
	h2 {
		font-size: 24px;
		line-height: 34px;
	}
	h2 span {
		margin-bottom: 5px;
	}
	h3 {
		font-size: 22px;
		line-height: 28px;
	}

	h4 {
		font-size: 20px;
		line-height: 26px;
	}

	h5 {
		font-size: 16px;
		line-height: 24px;
	}
	
	.btn {
		padding: 9px 20px 9px 20px;
	}

	.site-header {
		padding: 15px 15px;
		row-gap:0 !important;
	}
	.site-header .site-logo .custom-logo {
		max-width: inherit;
	}
	.header-right {
		display: none;
	}
	.site-content {
		padding-top: 78px;
	}
	.site-header .site-logo .site-description {
		max-width: inherit;
	}
	/* .main-menu #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.menu-btn {
		display:block;
		margin: 0;
	}
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.menu-btn a {
		padding: 10px 20px;
	} */


	.home-banner .banner-inner {
		/* padding-top: 25px; */
		/* min-height: 265px; */
	}
	.home-banner .banner-inner .banner-caption {
		max-width: 53%;
	}
	.home-banner .banner-inner p { font-size: 14px;line-height: 22px; display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;}

	.home-banner .slick-dots {
		top: auto;    
		left: 50%;
		bottom: -45px;
		transform: translateX(-50%);
		width: 100%;
	}
	.home-banner .slick-dots li {
		margin: 6px 7px;
		display: inline-block;
	}
	.home-banner .slick-dots li button {
		background-color: var(--global-color-primary) !important;
	}

	.quick-access-wrap .access-block {
		width: 33.33%;
		padding-left:5px;
		padding-right:5px;
	}

	.whatwedo-section {
		margin: 40px 0 0 0;
	}
	.what-weare-section {
		padding-bottom: 30px;
	}

	.icon-info-box {
		width: calc(50% - 24px);
	}

	.testimonials-section {
		padding: 50px 0 0;
	}
	.testimonials-block {
		padding: 20px;
	}

	.news-update-section {
		padding-top: 50px;
	}
	.news-update-wrap {
		flex-flow: wrap;
	}
	.news-update-block {
		width: calc(100% - 24px);
	}
	.faqs-section {
		margin: 0;
		padding: 50px 0 50px 0;
	}

	.health-safety-section {
		padding-top: 50px;
	}

	.payusing-wrap{
		flex-flow: wrap;
	}
	.payusing-icon {
		width: 100%;
		margin-top: 30px;
	}

	.inner-banner .inside-wrap {
		padding-top: 32%;
	}
	.our-team-block {
		width: calc(50% - 26px); 
	}
	.directors-popup-inside {
		flex-flow: wrap;
	}
	.directors-popup-inside .our-team-block {
		width: 100%;
	}
	.directors-popup-inside .directors-content {
		padding: 30px 0 0 0px;
	}

	.chairman-page-wrap {
		flex-flow: wrap;
	}
	.chairman-page-wrap .chairman-con-img {
		width: 100%;
		order: -1;
	}
	.chairman-page-wrap .chairman-con-img img {
		width: 100%;
	}
	.chairman-page-wrap .chairman-con-left {
		width: 100%;
		padding: 30px 0 0 0;
	}

	.ourvision-icon {
		min-width: 80px;
		margin-right: 20px;
	}

	

	.tabs-main-wrap {
		flex-direction: column;
	}
	.tabs-nav {
		width: 100%;
		margin: 0 0 20px 0;
	}
	.tabs-nav .tabs {
		display: none;
	}
	.mobile-selectbox {
		display: block;    padding: 15px 20px;
	}
	.tabs-content-section {
		padding: 15px;
	}
	.investor-sec .tabs-nav {
		width: 100%;
		min-width: inherit;
	}
	.investor-sec .tabs-nav .mobile-selectbox {
		padding: 0;
	}

	.geographical-areas-sec .tabs-nav .tabs {
		display: none;
	}
	.geographical-areas-sec .tabs-nav {
		padding-top: 0;
	}
	.geographical-areas-sec .tabs-nav .mobile-selectbox {
		padding: 0;
	}
	.tabs-content-section img.locator-img {
		height: 250px;
	}

	.list-of-companies-block {
		flex-direction: column;
		padding: 15px;
	}
	.list-of-companies-block .companies-img {
		margin-bottom: 20px;
		margin-right: 0;
		text-align: center;
		max-width: 100%;
		min-width: 100%;
	}

	.icon-info-box-2 {
		width: calc(50% - 26px);
	}
	.four-column .icon-info-box-2 {
		width: calc(50% - 26px);
	}

	.stations-search-wrap {
		flex-direction: column;
		position: relative;
		width: 100%;
		margin-top: -30px;
	}
	.stations-search-wrap .form-group {
		width:100%;
		margin-bottom: 20px;
	}
	.stations-locator-wrap {
		flex-direction: column-reverse;
	}
	.stations-locator-wrap .location-map {
		width: 100%;
	}
	.stations-locator-wrap .location-list {
		width: 100%;
		padding: 20px 15px;
	}

	.btn-wrap {
		display: flex;
		justify-content: space-between;
		width: 100%;
		align-items: center;
	}
	.stations-search-wrap .btn-wrap .mobile-show {
		display: block	;
	}

	.faqs-wrap .accordion-heading {
		padding: 15px 0;
	}
	.accordion-content {
		padding: 10px 0px 20px;
	}

	.map-tooltip {
		padding: 10px;
		width: 240px;
	}
	.map-location .map-pin.punjab .map-tooltip{
		width: 200px;
	}
	.map-tooltip li {
		font-size: 16px;
	}
	.what-weare-section {
		/* overflow: hidden; */
	}
	.main-content-wrap .what-weare-section {
		padding-top: 20px;
	}

	body {
		overflow-x: hidden;
	}
	body.page-template-career,
	body.page-template-work-with-us {
		overflow: visible;
	}
	
	.news-left {
		margin: 0 0 30px 0;
	}
	.updates-wrap {
		width: 100%;
	}

	.main-content-wrap {
		padding-bottom: 10px;
	}

	.news-bottom-section {
		flex-direction: column;
	}
	.news-updates-section .news-top-section ul {
		display: block;
	}
	.news-updates-section ul li {
		width: 50%;
	}
	.updates-wrap ul li {
		width: 100%;
	}
	.news-updates-section .news-top-section ul li .newsblock {
		padding-top: 50.5%;
	}
	.news-updates-section .news-top-section ul li:first-child .img-caption {
		font-size: 14px;
	}

	/* Dial Before Dig CSS*/
	.dial-before-dig-page .column-8{
		width: 100%;
	}
	.dial-before-dig-page .column-4 {
		width: 100%;
		margin-bottom: 20px;
	}

	/*Benifit CNG CSS*/
	.benifit-blocks .round-icon { margin: 0 auto 20px;}

	/*CNG Calculation*/
	.cng-calculator-sec .row { display: block;}
	.column-7,
	.column-5,
	.column-6 { width: 100%;}
	.simple-form { padding-right: 0;}
	.total-cal-blk { padding: 35px 5px;}
	.total-count { padding-top: 10px; font-size: 35px; line-height: 45px;}
	.disclaimer-sec { margin-top: 35px;}
	.simple-form .select2-container { width: 100% !important;}
	.form-field__input:placeholder-shown ~ .form-field__label, .form-field__textarea:placeholder-shown ~ .form-field__label { font-size: 0.8rem;}

	/*Inquire Form Css*/
	.inquiry-form-style { width: 100%;}
	.wpcf7-spinner { display: none;}

	/*PNG Cal Css*/
	.png-calculation-sec .total-cal-blk h4 { font-size: 16px; line-height: 22px;}
	.png-calculation-sec .total-cal-blk { padding: 15px;}

	/*Bill Payment Options Css*/
	.bill-payment-options-sec .payusing-icon { margin-top: 0; width: 100%;}

	/*Customer Testimonial CSS*/
	.testimonial-slider-usr .slick-list { padding: 15px 0 !important;}
	.testimonial-slider-usr .customer-testimonial-usr { padding: 20px 15px;}
	.customer-testimonial-usr .usr-nm { font-size: 16px;}
	.customer-slider-info { padding: 25px 12px; width: 100%; margin: 0;}
	.testimonial-slider-usr .slick-slide.slick-current.slick-active .customer-testimonial-usr { margin: 0 auto; width: 98%;}

	/*Application Service CSS*/
	.application-service-info ul li { width: 100%;}
	.application-ser-img img { width: 60px; height: 60px;}
	.application-png-comm-advantages-sec .icon-info-box-2 { width: calc(50% - 26px);}
	.application-png-comm-sec .icon-info-box-2 { margin: 0 0 10px; width: 100%;}

	/*Corporate Governers CSS*/
	.governers-policy-list li a { font-size: 16px; line-height: 22px;}

	/*Contact Us CSS*/
	.column-4,.column-8,.column-6 { padding: 0; width: 100%;}
	.locations-blk { padding-bottom: 35px;}
	.contact-info .ourvision-block .round-icon { width: 55px; height: 55px;}
	.contact-info .ourvision-block .round-icon img { width: 28px;}
	.contact-info .ourvision-content p br { display: none;}
	.contact-info .ourvision-block { flex-wrap: nowrap;}
	.contactus-form { margin-top: 25px; padding: 20px 15px;}
	.office-map-blk { padding-top: 25px;}

	/*Gas Price CSS*/
	.gas-price-blk { margin: 12px 0;}
	.gas-price-blk .form-group { padding-top: 0;}

	.fileattach-container .attach-label {
		height: 100px;
	}
	.fileattach-container .wpcf7-not-valid-tip { bottom: -125px !important}
	.life-at-img {
		width: 100%;
	}

	.explore-section .health-safety-wrap {
		flex-direction: column;
	}
	.explore-section .icon-info-box {
		width: calc(100% - 30px);
		padding: 20px 20px;
	}

	.team-connect-section {
		padding-top: 20px;
	}
	.our-gallery-section {
		margin: 20px 0 0 0;
	}
	.explore-section {
		padding: 30px 0 0px;
	}
	.career-nav ul {
		display: none;
	}

	/*Error Page Css*/
	.error-404 { height: 100%;}

	.career-nav {
		top: 69px;
	}
	.photogallery .photos {
		padding-top: 80%;
	}

	.infobox-leftalign .icon-info-box-2 .round-icon {
		margin: 0 auto;
	}
	.infobox-leftalign .icon-info-box-2 {
		text-align: center;
	}

	.companies-detail { width: 100%;}
	.companies-detail .associate-gallery-slider img { height: 250px;}

	.ga-updates-img { margin: 0; display: block;}
	.ga-updates-imgs { padding: 0 0 15px; width: 100%;}
	.ga-updates-imgs img { height: 250px !important;}

	.thank-you-page h1 { font-size: 55px; line-height: normal;}

}

@media only screen and (max-width: 480px) {

	.home-banner .banner-inner {
		padding-top: 55%;
	}
	.home-banner .banner-inner .banner-caption {
		max-width: 60%;
	}
	.inner-banner .inside-wrap {
		padding-top: 35%;
	}

	.main-content-inside {
		margin-top: -25px;
	}
	.inner-banner .banner-caption {
		padding-bottom: 15px;
	}

	.site-header.has-logo.has-title-and-tagline {
		justify-content: flex-start !important;
	}
	.left-menu {
		padding-left: 30px;
		width: 320px;
	}
	.quick-access-wrap .access-block {
		width: 50%;
	}

	.station-block {
		width: calc(100% - 12px);
	}
	.icon-info-box {
		width: calc(100% - 24px);
	}
	
	.site-footer .alignwide {
		padding-bottom: 0px;
	}
	.site-footer .widget-area .widget:nth-child(2) {
		width: 50%;
	}
	.site-footer .widget-area .widget:nth-child(3) {
		width: 50%;
	}

	.bottom-footer .menu-footer-links-container ul li {
		margin: 0px 10px 0px 10px;
	}

	.payusing-section {
		overflow: hidden;
	}
	.payusing-icon {
		flex-flow: wrap;
		margin: 0 -25px 0;
		width: auto;
	}
	.payusing-icon a,
	.payusing-icon span {
		max-width:inherit;
		width: 50%;
		max-width: inherit;
		padding: 30px 25px 0px;
		text-align: center;
	}

	.our-team-block {
		width: calc(100% - 26px);
	}
	.our-presence-bock {
		width: calc(100% - 26px);
	}
	.our-presence-bock h3 {
		min-height: auto;
	}

	.ourvision-block {
		flex-flow: wrap;
	}
	.ourvision-icon{
		width: 100%;
		margin: 0 0 20px 0;
		text-align: center;
	}
	.ourvision-icon img {
		max-width: 90px;
	}

	.site-footer .widget-area {
		padding-bottom: 30px;
	}

	.icon-info-box-2 {
		width: calc(100% - 26px);
	}
	.four-column .icon-info-box-2 {
		width: calc(100% - 26px);
	}

	.stations-search-wrap {
		padding: 20px;
	}
	.map-location .map-pin.gujarat {
		top: 41%;
		left: 8%;
	}
	.map-pin.gujarat.diu {
    top: 52%;
    left: 5%;
	}
	.map-location .map-pin.tamilnadu {
		bottom: 8%;
	}
	.map-location .map-pin.gujarat:hover .map-tooltip, .map-location .map-pin.diu:hover .map-tooltip {
		margin-left: 0;
	}
	.map-location .map-pin.gujarat .map-tooltip::after, .map-location .map-pin.diu .map-tooltip::after {
		left: -10px;
	}

	.news-updates-section ul li {
		width: 100%;
	}
	.news-left li:nth-child(2), .news-left li:nth-child(3) {
		width: 100%;
	}

	.slider-dots-box .slick-dots {
		margin: 0 0px;
	}
	.slick-dots li {
		margin: 6px 2px;
	}

	.station-block .station-popup {
		width: 270px;
	}
	.map-tooltip {
		width: 210px;
	}

	.chairman-page-wrap .chairman-con-img {
		max-height: 400px;
	}

	.tabs-content-section img.locator-img {
		height: 190px;
	}

}

@media only screen and (max-width: 360px) {

	.home-banner .banner-inner {
		padding-top: 65%;
	}
	.home-banner .banner-inner .banner-caption {
		max-width: 65%;
	}
	.inner-banner .inside-wrap {
		padding-top: 40%;
	}

	.site-header .site-logo .custom-logo-link {
		margin-right: 20px;
		max-width: 100px;
	}
	.bottom-footer .menu-footer-links-container ul li {
		margin: 0px 7px 0px 7px;
	}
	.station-block .station-popup {
		width: 290px;
	}

	.map-tooltip {
		width: 180px;
	}
}