/* Encode sans */
@import url('https://fonts.googleapis.com/css2?family=Encode+Sans+Expanded:wght@100;200;300;400;500;600;700;800;900&display=swap');

/* Work sans */
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

/* Roboto condesed font */

.pressSlick .slick-track {
	margin: 0 -15px;

}

/* Thin (100) */
@font-face {
	font-family: "Roboto Condensed";
	src: url("../fonts/RobotoCondensed-Thin.ttf") format("truetype");
	font-weight: 100;
	font-style: normal;
}

/* Light (300) */
@font-face {
	font-family: "Roboto Condensed";
	src: url("../fonts/RobotoCondensed-Light.ttf") format("truetype");
	font-weight: 300;
	font-style: normal;
}

/* Regular (400) */
@font-face {
	font-family: "Roboto Condensed";
	src: url("../fonts/RobotoCondensed-Regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
}

/* Medium (500) */
@font-face {
	font-family: "Roboto Condensed";
	src: url("../fonts/RobotoCondensed-Medium.ttf") format("truetype");
	font-weight: 500;
	font-style: normal;
}

/* SemiBold (600) */
@font-face {
	font-family: "Roboto Condensed";
	src: url("../fonts/RobotoCondensed-SemiBold.ttf") format("truetype");
	font-weight: 600;
	font-style: normal;
}

/* Bold (700) */
@font-face {
	font-family: "Roboto Condensed";
	src: url("../fonts/RobotoCondensed-Bold.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
}

/* ExtraBold (800) */
@font-face {
	font-family: "Roboto Condensed";
	src: url("../fonts/RobotoCondensed-ExtraBold.ttf") format("truetype");
	font-weight: 800;
	font-style: normal;
}

/* Black (900) */
@font-face {
	font-family: "Roboto Condensed";
	src: url("../fonts/RobotoCondensed-Black.ttf") format("truetype");
	font-weight: 900;
	font-style: normal;
}

/* Italic Versions (optional) */
@font-face {
	font-family: "Roboto Condensed";
	src: url("../fonts/RobotoCondensed-Italic.ttf") format("truetype");
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: "Roboto Condensed";
	src: url("../fonts/RobotoCondensed-BoldItalic.ttf") format("truetype");
	font-weight: 700;
	font-style: italic;
}


/* Century Gothic font  */

@font-face {
	font-family: 'CenturyGothic';
	src: url('../fonts/centurygothic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CenturyGothic';
	src: url('../fonts/centurygothic_bold.ttf') format('truetype');
	font-weight: bold;
}

/* barlow condensed font */

/* Regular */
@font-face {
	font-family: "Barlow Condensed";
	src: url("../fonts/BarlowCondensed-Regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
}

/* Medium */
@font-face {
	font-family: "Barlow Condensed";
	src: url("../fonts/BarlowCondensed-Medium.ttf") format("truetype");
	font-weight: 500;
	font-style: normal;
}

/* SemiBold */
@font-face {
	font-family: "Barlow Condensed";
	src: url("../fonts/BarlowCondensed-SemiBold.ttf") format("truetype");
	font-weight: 600;
	font-style: normal;
}

/* Bold */
@font-face {
	font-family: "Barlow Condensed";
	src: url("../fonts/BarlowCondensed-Bold.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
}

/* ExtraBold */
@font-face {
	font-family: "Barlow Condensed";
	src: url("../fonts/BarlowCondensed-ExtraBold.ttf") format("truetype");
	font-weight: 800;
	font-style: normal;
}

/* Italic */
@font-face {
	font-family: "Barlow Condensed";
	src: url("../fonts/BarlowCondensed-Italic.ttf") format("truetype");
	font-weight: 400;
	font-style: italic;
}




:root {
	--heading-font: 'Roboto Condensed', sans-serif;
	--secondary-font: 'CenturyGothic', sans-serif;
	--barlow-font: "Barlow Condensed", sans-serif;
	--encode-font: "Encode Sans Expanded", sans-serif;
	--color-blue: #072E9F;
	--color-red: #D50009;
}

body {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--heading-font);
}

.color-blue {
	background-color: var(--color-blue);
}

a {
	transition: 0.4s;
}


p {
	font-family: var(--secondary-font);
	font-size: 18px;
	line-height: 27px;
}

.rel {
	position: relative;
}

.color-red {
	background-color: var(--color-red);
}

.text-red {
	color: var(--color-red);
}

.text-blue {
	color: var(--color-blue);
}

.text-white {
	color: #FFFFFF;
}

.mr-20 {
	margin-right: 20px;
}

.ml-20 {
	margin-left: 20px;
}

.brd-20 {
	border-radius: 20px;
	overflow: hidden;
}

.red-line {
	width: 100%;
	height: 1px;
	background-color: var(--color-red);
}

p {
	margin: 0 !important;
}

.custom-padding-80 {
	padding: 0 80px !important;
}

.mb-48 {
	margin-bottom: 48px !important;
}

.mb-30 {
	margin-bottom: 30px !important;
}

.mb-25 {
	margin-bottom: 25px !important;
}

.w-100 {
	width: 100%;
}

.fz-14 {
	font-size: 14px;
}

.pb_0 {
	padding-bottom: 0;
}

.pt_0 {
	padding-top: 0;
}

.pb-60 {
	padding-bottom: 60px;
}

.fz-18 {
	font-size: 18px;
}

.bg-white {
	background-color: #fff;
}

.bg-gray {
	background-color: rgba(237, 239, 244, 1) !important;
}

.fw-700 {
	font-weight: 700;
}

.resView {
	display: none;
}

.row_gap20 {
	row-gap: 20px;
}

.row_gap25 {
	row-gap: 25px;
}

.row_gap30 {
	row-gap: 30px;
}

.enquire-btn {
	padding: 10px 17px;
	top: 50%;
	right: -80px;
	z-index: 30;
	width: 200px;
	height: 40px;
	display: flex;
	font-size: 18px;
	position: fixed;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-weight: 600;
	text-decoration: none;
	background-color: var(--color-red);
	border: 1px solid #fff;
	transform: translateY(-50%) rotate(-90deg);
	border-radius: 10px 10px 0 0;
}

.enquire-btn span {
	font-family: var(--secondary-font);
	font-size: 18px;
	font-weight: 700;
	color: #fff;
}

.mb-75 {
	margin-bottom: 75px;
}

.mb-64 {
	margin-bottom: 64px;
}

.common-btn {
	text-decoration: none;
	color: #FFFFFF;
	border: none;
	display: inline-flex;
	border-radius: 85px;
	align-items: center;
	justify-content: space-between;
	padding: 5px;
	padding-left: 23px;
	cursor: pointer;
	font-size: 22px;
	font-family: var(--secondary-font);
	font-weight: bold;
	transition: 0.4s;
}

.common-btn span {
	margin-right: 20px;
}

.button-dot {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 15px;
}



.wp-icon {
	position: fixed;
	bottom: 30px;
	right: 20px;
	width: 53px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 53px;
	z-index: 22;
	border: 1px solid #fff;
	border-radius: 50%;
	padding: 8px;
	background-color: var(--color-blue);
}

.common-sec-padding {
	position: relative;
	padding: 120px 0;
}

.commonFAQWrap {
	background-color: #EDEFF4;

	.faqWrapInner {
		.faqBoxWrap {
			max-height: 490px;
			overflow-y: auto;
			padding-right: 6px;
		}
	}

	::-webkit-scrollbar-thumb{
		background-color: var(--color-red);
	}
}

.getInTouchWrap {
	background-color: #fff;
	padding: 40px 25px;
	border-radius: 15px;
	position: relative;
}

.getInTouchWrap::before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background-color: #fff;
	border-radius: 15px;
	left: 0;
	bottom: 0;
	z-index: 2;

}

.common-btn.color-blue:hover {
	background-color: var(--color-red);
}

.common-btn.color-red:hover {
	background-color: var(--color-blue);
}

.common-btn:hover .color-blue {
	background-color: var(--color-red);
	transform: rotate(180deg);
	transition: 0.4s;
}

.common-btn .button-dot img {
	transform: rotate(0deg);
	/* width: 100%; */
	transition: 0.4s;
	height: auto;
	object-fit: contain;
}

.common-btn:hover .button-dot img {
	transform: rotate(180deg);
	/* width: 100%; */
	transition: 0.4s;
	height: auto;
	object-fit: contain;
}

.common-btn:hover .color-red {
	background-color: var(--color-blue);
	/* transform: rotate(180deg); */
	transition: 0.4s;
}

.getInTouchWrapInner {
	position: relative;
	z-index: 5;
}

.getInTouchWrap::after {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background-color: var(--color-red);
	border-radius: 15px;
	right: -7px;
	bottom: -7px;
	z-index: 1;
	box-shadow: 3px 20px 25px 8px #00000029;
}

.smallTitle.text-white::before {
	background-color: #fff;
}

.what-we-offer-sec .secHead {
	margin-bottom: 0;
}

.submitBox {
	display: flex;
	justify-content: end;
	position: relative;
}

.submitBox .wpcf7-spinner {
	bottom: -22px;
	right: -20px;
}

.submitBox.tac .wpcf7-spinner {
	right: 50%;
}

/* Style the input itself */
.common-btn input[type="submit"] {
	background: none;
	border: none;
	color: #fff;
	font-family: var(--secondary-font);
	font-size: 25px;
	font-weight: 700;
	cursor: pointer;
	margin-right: 10px;
	outline: none;
	margin-bottom: 0;
	padding: 0;
	width: calc(100% - 60px);
}

.formWrap {
	.inputBox {
		margin-bottom: 20px;
	}
}

.getInTouchWrap input,
.getInTouchWrap textarea,
.inputBox select {
	width: 100%;
	padding: 16px 25px;
	border-radius: 45px;
	font-family: var(--secondary-font);
	font-size: 18px;
	box-shadow: none;
	border: none;
	background: #f1f1f1;
	outline: none;
}

.getInTouchWrap textarea {
	height: 100px;
	overflow-y: auto;
	border-radius: 13px;
}

.inputBox select {
	position: relative;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.wpcf7-spinner {
	position: absolute;
	bottom: 0;
	right: 0;
}

.selectwrap {
	position: relative;
	display: inline-block;
	width: 100%;
}

.inputBox.selectwrap::after {
	content: "";
	position: absolute;
	right: 19px;
	top: 28px;
	width: 0;
	height: 0;
	pointer-events: none;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 12px solid var(--color-blue);
	transform: translateY(-50%);
}

input::placeholder,
textarea::placeholder {
	color: #7c7c7c;
	font-size: 18px;
	opacity: 1;

}

select {
	color: #7c7c7c;
}

.faqTitle {
	cursor: pointer;
	border-radius: 3px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #fff;
	position: relative;
	padding-right: 75px;
	overflow: hidden;

	&::before {
		content: '';
		position: absolute;
		width: 60px;
		height: 100%;
		background-color: var(--color-red);
		right: 0;
		top: 0;
	}

	&::after {
		content: '\f107';
		position: absolute;
		font-family: fontawesome;
		top: 50%;
		transform: translateY(-50%);
		right: 20px;
		font-size: 20px;
		color: #fff;
		transition: all 0.5s;
	}
}

.eachFaq {
	&.active {
		.faqTitle {
			&::after {
				transform: translateY(-50%) rotate(180deg);
			}
		}
	}
}

.faqTitle h3 {
	font-family: var(--secondary-font);
	font-size: 18px;
	font-weight: 700;
	line-height: 1.3;
	color: #D50009;
	margin-bottom: 0;
	padding: 22px 0 22px 15px;
	display: block;
	width: 100%;
	/* background-color: #fff; */
}

.fqContInner p {
	font-family: var(--secondary-font);
	font-size: 18px;
	line-height: 27px;
}

.faqArr {
	width: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--color-red);
	height: 60px;
	padding: 25px 30px;
	border-radius: 0 5px 5px 0;
	display: none;
}

.eachFaq.active .faqArr img {
	transform: rotate(0deg);
}

.faqArr img {
	transition: 0.4s;
	transform: rotate(180deg);
}

.secHead {
	font-family: var(--heading-font);
	font-weight: 900;
	font-size: 70px;
	margin-bottom: 30px;
	line-height: 75px;
	text-transform: uppercase;
	color: var(--color-blue);
}

.smallTitle {
	font-family: var(--secondary-font);
	font-weight: 400;
	font-size: 20px;
	font-style: italic;
	position: relative;
	padding-left: 20px;
	margin-bottom: 10px;
	display: block;
}

.smallTitle::before {
	content: '';
	width: 11px;
	height: 11px;
	background-color: var(--color-red);
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 50%;
}

.eachFaq {
	.eachFaqInner {
		padding: 20px 0;
	}

	&:not(:last-child) {
		.eachFaqInner {
			border-bottom: 1px solid #00000015;
		}
	}
}

.fqContInner p {
	padding: 20px 0 0 0;
	/* border-bottom: 1px solid #00000026; */
}

/* faq design */

.commonFAQWrap .faqWrap .eachFaq .eachFaqInner .faqCont {
	display: none;
}

.commonFAQWrap .faqWrap .eachFaq.active .eachFaqInner .faqCont {
	display: block;
}


/* 
counter design */
.counterNumber {
	font-family: var(--barlow-font);
	font-size: 65px;
	font-weight: 700;
	line-height: 40px;
	margin-bottom: 35px;
	color: var(--color-red);
}

.counterText {
	font-family: var(--secondary-font);
	font-size: 22px;
	font-weight: 400;
	color: #000;
}


/* offerSwiper */

.offerSwiper .swiper {
	padding: 30px 0;
}

.what-we-offer-sec {
	overflow: hidden;
}

.what-we-offer-sec .swiper {
	overflow: hidden;
	margin-right: -500px;
}

.navigation-btn {
	height: 45px;
	position: relative;
}

.what-we-offer-sec .navigation-btn .swiper-button-prev {
	left: auto;
	right: 60px;
}

.what-we-offer-sec .navigation-btn .swiper-button-next {
	right: 0;
}

.navigation-btn .swiper-button-prev,
.navigation-btn .swiper-button-next {
	color: white;
	background: transparent;
	opacity: 0.5;
	border-radius: 5px;
	border: 1px solid #fff;
	width: 45px;
	height: 45px;
}

.navigation-btn .swiper-button-prev::after,
.navigation-btn .swiper-button-next::after {
	content: normal;
}

.navigation-btn .swiper-btn:hover {
	background-color: transparent;
	opacity: 1;
}

.navigation-btn .swiper-button-prev {
	left: 65%;
}

.swiper-button-next img {
	transform: rotate(180deg);
}


/* Application tab */

.application .smallTitle.text-white::before {
	background-color: var(--color-red);
}

.tabpanel {
	display: none;
	height: 922px;
}

.tabpanel[tabindex="0"] {
	display: block;
}

.application [role='tablist'] {
	width: 75%;
	position: absolute;
	bottom: 0;
	display: flex;
	gap: 5px;
	z-index: 2;
}

.tab-btn-wrap {
	padding: 0 10px;
}

.tab-btn-wrap button {
	font-size: 18px;
	line-height: 22px;
	font-weight: 700;
	font-family: var(--secondary-font);
	padding: 75px 20px 35px 20px;
	color: #fff;
	position: relative;
	transition: 0.4s;
	background-color: transparent;
	border: 0;
	text-align: left;
	border-radius: 6px 6px 0 0;
	cursor: pointer;
	min-height: 154px;
}

.tab-btn-wrap button::before {
	position: absolute;
	content: '';
	top: 49px;
	left: 20px;
	width: 76%;
	background-color: #fff;
	height: 2px;
	z-index: 1;
}

.tab-btn-wrap button::after {
	position: absolute;
	content: '';
	top: 49px;
	left: 20px;
	width: 0;
	background-color: rgba(0, 0, 0, 1);
	z-index: 2;
	height: 2px;
	transition: 0.4s;
}

.tab-btn-wrap {
	position: relative;
}

.tab-btn-wrap:not(:last-child)::after {
	position: absolute;
	content: '';
	bottom: 0;
	right: -10px;
	height: 75%;
	width: 1px;
	background-color: #fff;
}

.tab-btn-wrap button:hover::after {
	position: absolute;
	width: 38%;
}

.tab-btn-wrap button:hover {
	background-color: var(--color-red);
}

.application .content-text p {
	margin-bottom: 30px !important;
	color: #fff;
}

/* .application [role='tab'] {
    flex: 1 0 auto;
    padding: 10px 35px;
    border: 2px solid var(--purple);
    background: var(--pinkish-gray);
    border-radius: 15px 15px 0 0;
    font-family: inherit;
    font-weight: 600;
    font-size: 1.2rem;
    color: var(--pink);
    transition: background 0.15s ease-in-out;
} */

/* .application [role='tab']:hover {
    cursor: pointer;
    background: var(--purple);
    color: white;
} */

.application [role='tab'][aria-selected='true'] {
	width: 104%;
	background: var(--color-red);
	/* border-color: var(--pink); */
	color: white;
	position: relative;
}

/* 
.application [role='tab'][aria-selected='true']::after {
    content: '';
    display: block;
    width: 45px;
    border-top: 2.5px solid white;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 8px;
} */

.application [role='tabpanel'] {
	height: 85vh;
	min-height: 300px;
	background-size: cover;
	margin-top: -2px;
	border: 2px solid var(--purple);
	border-top: 4px solid var(--pink);
	/* border-radius: 0 0 15px 15px; */
	position: relative;
	z-index: 2;

	&::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.75);
		z-index: -1;
	}
}

.application [role='tabpanel']:not([tabindex]) {
	display: none;
}

.application .tabpanel-content {
	display: flex;
	flex-direction: column;
	gap: 25px;
}

.application .img-placeholder {
	position: relative;
	margin: 15px 0 0 10px;
	width: 100%;
	max-width: 250px;
}

.application .img-placeholder .backboard {
	width: 100%;
	height: 150px;
	border: 5px solid black;
	border-radius: 20px;
	position: absolute;
	top: -15px;
	left: -10px;
}

.application .img-placeholder .content {
	width: 100%;
	height: 150px;
	background: var(--pinkish-gray);
	border: 5px solid black;
	border-radius: 20px;
	position: relative;
	z-index: 2;
	overflow: hidden;
}

.application .img-placeholder .sun {
	width: 35px;
	height: 35px;
	border: inherit;
	border-radius: 50%;
	position: absolute;
	top: 5%;
	right: 10%;
}

.application .img-placeholder .hill {
	width: 100px;
	height: 100px;
	background: var(--pinkish-gray);
	border: inherit;
	transform-origin: center;
	rotate: 45deg;
	position: absolute;
	top: calc(100% - 50px);
}

.application .img-placeholder .hill.taller {
	width: 250px;
	height: 250px;
}

.application .img-placeholder .hill.right {
	right: 0;
}

.application .eyebrow {
	color: var(--purple);
	font-size: 1rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 5px;
	margin-bottom: 5px;
}

.application .heading {
	font-weight: 700;
	font-size: 1.5rem;
	margin-bottom: 12px;
}


/* press release */

.pressSec {
	overflow-x: hidden;
}

.pressSec .pressSecBtm .newsTabWrap ul.tabs {
	display: flex;
	justify-content: end;
	align-items: center;
	gap: 20px;
	margin-bottom: 50px;
}

.pressSec .pressSecBtm .newsTabWrap ul.tabs li {
	font-size: 20px;
	padding: 15px 40px;
	border: 1px solid rgba(0, 0, 0, 0.25);
	border-radius: 50px;
	color: rgba(89, 89, 89, 1);
	background-color: transparent;
	transition: all 0.5s;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	font-weight: 400;
	font-family: var(--secondary-font);

}

.pressLabel {
	display: none !important;
}

.pressSec .pressSecBtm .newsTabWrap ul.tabs li.active {
	background-color: var(--color-red);
	border-color: transparent;
	color: #fff;
}

.pressSec .pressSecBtm .newsTabWrap .tabWrapInner .tabContWrap .tab_content {
	display: none;
}

.pressSec .pressSecBtm .newsTabWrap .tabWrapInner .tabContWrap .tab_content.active {
	display: block;
}

.pressSec .pressSecBtm .newsTabWrap .tabWrapInner .tabContWrap .tab_content .accTrigger {
	display: none;
}

.pressSec .pressSecBtm .newsTabWrap .tabWrapInner .tabContWrap .tab_content .accInner {}

/* press slider */
.pressSlider .slick-list {
	/* margin: 0px -100px; */
}

.pressSlider .slick-arrow {
	width: 48px;
	height: 48px;
}

.pressSlider .slick-arrow::after {
	font-size: 20px;
}

.pressSlider .slick-arrow.slick-prev {
	left: 20px;
}

.pressSlider .slick-arrow.slick-next {
	right: 20px;
}

.pressSlide {
	position: relative;
	padding: 0px 20px;
	padding-bottom: 28px;
	margin: 0 15px;
}

.pressSlide {
	margin-bottom: 45px
}

.pressSlide::after {
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 60%;
	z-index: -1;
	transition: 0.4s;
	border-radius: 10px;
	background-color: rgba(237, 239, 244, 1);
}

.pressSlide:hover::after {
	background-color: var(--color-blue);
}

.pressSlide .pressCard .pressImg {
	width: 100%;
	height: 252px;
	display: flex;
	border-radius: 20px;
	margin-bottom: 15px;
	overflow: hidden;
}

.page-template-downloads .pressCard .pressImg {
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
}

.page-template-downloads .pressCard .pressImg img {
	object-position: top;
}

.pressSlide .pressCard .pressImg a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	/* margin: 0 17px; */
}

.pressSlide .pressCard .pressImg a .pressLabel {
	position: absolute;
	top: 15px;
	right: 20px;
	background-color: #fff;
	border-radius: 6px;
	padding: 6px 12px;
}

.pressSlide .pressCard .pressImg a .pressLabel p {
	text-align: center;
	font-weight: 500;
}

.pressSlide .pressCard .pressImg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 20px;
	transition: all 0.5s;
	overflow: hidden;
}

.pressText {
	padding: 0 17px;
}

.pressSlide .pressCard .pressText .pressDate {
	color: #5E5E5E;
	margin-bottom: 8px;
	font-weight: 500;
	transition: all 0.5s;
	padding-left: 10px;
	font-size: 16px;
}

.pressSlide .pressCard .pressText .pressTextInn {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.pressCardSub-wrap>div {
	display: flex;
	align-items: center;
	margin-right: 10px;
}

.pressSlide .pressCard .pressText .pressTextInn a {
	color: #000;
	font-size: 18px;
	text-decoration: none;
	font-family: var(--secondary-font);
	transition: all 0.5s;
}

.pressDate {
	font-weight: var(--secondary-font);
	padding-left: 6px;
}

.pressCardSub-wrap {
	display: flex;
	align-items: center;
	margin-bottom: 18px;
}

.press-btn {
	display: flex;
	align-items: center;
}

.press-btn span {
	font-size: 18px;
	margin-right: 5px;
	color: rgba(0, 0, 0, 1);
	font-family: var(--secondary-font);
}

/*  .pressSlide:hover  .pressText .pressDate {
  color: #fff;
 font-weight: 700;
} */

.pressSlide:hover .pressCard .pressText .pressTextInn a {
	color: #fff;
}

.pressSlide:hover .pressDate {

	color: #fff;
}

.pressSlide .pressCardSub-wrap figure img {
	filter: none;
	transition: 0.4s;
}

.pressSlide:hover .pressCardSub-wrap figure img {

	filter: brightness(0) invert(1);
}

.pressTextInn .press-text {
	font-size: 18px;
	color: rgba(0, 0, 0, 1);
	line-height: 27px;
	margin-bottom: 30px;
	text-decoration: none;
	font-family: var(--secondary-font);
	transition: 0.4s;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;

}

.pressSlide:hover .pressTextInn .press-text {
	color: #fff;
}

.press-btn {
	text-decoration: none;
}

.pressSlide:hover .press-btn span {
	color: #fff;
}


/* prs navigation */
.accCont.tabContinner {
	position: relative;
}

.prs-nav {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
	z-index: 10;
	pointer-events: none;
}

.prs-nav .btn {
	width: 36px;
	height: 36px;
	padding: 10px;
	display: flex;
	opacity: 0.5;
	justify-content: center;
	align-items: center;
	border: 1px solid #000;
	background: #fff;
	cursor: pointer;
	border-radius: 4px;
	pointer-events: all;
	transition: opacity 0.3s ease;
}

.prs-nav .btn:hover {
	border: 1px solid;
	opacity: 1;
}

.prs-swiper-button-prev {
	position: absolute;
	left: -50px;
}

.prs-swiper-button-next {
	position: absolute;
	right: -50px;
}

.prs-swiper-button-next {
	transform: rotate(180deg);
}

/* breadcrumb */
.breadcrumbDiv {
	.cd-breadcrumb {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		list-style-type: none;
		padding-left: 0;
		margin-bottom: 0;
		background-color: rgba(237, 239, 244, 1);
		padding: 5px 10px;
		display: flex;
		justify-content: center;
		align-items: flex-start;
		border-radius: 0px;

		li {
			position: relative;

			&:not(:last-child) {
				margin-right: 30px;

				&:after {
					content: '\f101';
					font-family: fontawesome;
					position: absolute;
					top: 3px;
					right: -24px;
					font-size: 14px;
					color: #000;
				}
			}

			a,
			span {
				font-size: 16px;
				font-weight: 500;
				color: #000;
				display: inline-block;
				text-decoration: none;
				transition: all 0.5s;
			}

			&:hover {
				a {
					color: var(--color-blue);
				}
			}

			&.current {
				span {
					color: #6c6c6c;
				}
			}
		}
	}
}



/* innerbanner */

.innerBanner {
	height: 690px;
	position: relative;
	display: flex;
	background-position: center;
	justify-content: start;
	align-items: flex-end;
	background-repeat: no-repeat;
	background-size: cover;
}

.innerBanner::before {
	position: absolute;
	content: '';
	bottom: 0;
	width: 100%;
	height: 190px;
	left: 0;
	background-image: linear-gradient(to top, rgb(0 0 0), transparent);
}

.eachCounter {
	position: relative;
}

.counterSec .col-md-3:not(:last-child) .eachCounter {
	border-right: 1px solid #00000040;
}

.thumbSLiderWrap .slick-track {
	margin: 0 -15px;
}

.innerBanner::after {
	position: absolute;
	content: '';
	top: 0;
	width: 100%;
	height: 360px;
	left: 0;
	background-image: linear-gradient(to bottom, rgb(0 0 0), transparent);
}


.innerBanner .container-fluid {
	position: relative;
	margin: 0 50px !important;
}

.innerBanner .innerBannerTitle {
	font-size: 90px;
	text-transform: uppercase;
	font-family: var(--heading-font);
	font-style: italic;
	color: #fff;
	line-height: 63px;
	font-weight: 900;
	margin-bottom: 0 !important;
}


.tsDEtails {
	padding: 0 10px;
	min-width: 200px;
}

.tsDEtails h4 {
	color: rgba(12, 73, 173, 1);
	margin-bottom: 8px;
	font-size: 20px;
	line-height: 24px;
	font-family: var(--secondary-font);
	font-weight: 700;
}

.pressCardSub-wrap figure {
	margin-bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.blo-details-content .tsDEtails p {
	font-size: 16px;
	line-height: 20px;
	white-space: nowrap;
	color: #666;
	margin-bottom: 0 !important;
}

.aboutSec-1 .overview-left {
	width: 537px;
	padding: 0;
}

.aboutSec-1 .overview-right {
	width: calc(100% - 537px);
	padding-left: 35px;
}

.bgGrayNew {
	background-color: rgba(237, 239, 244, 1);
}

.brd-15 {
	border-radius: 15px;
}

.ml-25 {
	margin-left: 25px;
}

.mt-20 {
	margin-top: 20px;
}

.mb-48 {
	margin-bottom: 48px;
}

.aboutSec-1 .secHead {
	margin-bottom: 0;
}

/* search overlay */

/* Overlay base */
.search-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.9);
	display: none;
	/* Hidden by default */
	justify-content: center;
	align-items: center;
	z-index: 9999;
	animation: fadeIn 0.3s ease;
}

.search-overlay.active {
	display: flex;
}

/* Overlay content */
.search-overlay-content {
	position: relative;
	width: 80%;
	max-width: 1000px;
	text-align: center;
}

/* Input styling */
.search-overlay-content input[type="text"] {
	width: 100%;
	padding: 16px 20px;
	font-size: 18px;
	line-height: 40px;
	border: none;
	border-radius: 50px;
	outline: none;
	padding-left: 60px;
	font-family: var(--secondary-font);
}

.search-overlay .close-btn {
	position: absolute;
	top: -30px;
	right: 0;
	font-size: 40px;
	line-height: 0;
	color: #ffffff;
	cursor: pointer;
}

/* Button styling */
.search-overlay-content button {
	margin-top: 20px;
	background-color: var(--color-red);
	color: #fff;
	border: none;
	padding: 12px 25px;
	border-radius: 50px;
	font-size: 16px;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

.search-overlay-content button:hover {
	background-color: var(--color-red);
}

.enquiry-content .logo {
	display: block;
	width: 140px;
	margin-bottom: 20px;
}

.enquiry-content .logo img {
	width: 100%;
}

/* Close button */
.close-btn {
	position: absolute;
	top: -50px;
	right: 0;
	font-size: 40px;
	color: #fff;
	cursor: pointer;
}

/* Fade animation */
@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}


.srchWrap {
	font-family: var(--secondary-font);
	font-size: 20px;
	color: #000;
	margin-bottom: 20px;

}

.srchWrap .frmWrap {
	position: relative;
}

.srchWrap .frmWrap .inputTxt {
	border: 1px solid rgba(0, 0, 0, 0.2);
	width: 100%;
	min-height: 75px;
	border-radius: 10px;
	/* box-shadow: 0px 0px 10px 0px #d9d9d9; */
	background-color: #fff;
	padding-left: 40px;
}

.frmWrap .srchBtn {
	position: absolute;
	width: 60px;
	height: 60px;
	border: none;
	border-radius: 50%;
	background: url(../images/blog/search-ic.png) no-repeat center center;
	right: 6px;
	top: 50%;
	background-size: contain;
	transform: translateY(-50%);
}

.srchWrap ::placeholder {
	padding-left: 0px;
	color: #000 !important;
}

a .srchWrap ::-ms-input-placeholder {
	padding-left: 50px;
	color: #666666 !important;
}

.searchInputBlg {
	position: absolute;
	top: 50%;
	left: 25px;
	transform: translateY(-50%);
}

.blogSecWrap .srchWrap .frmWrap .inputTxt {
	padding-left: 55px;
}


/* Panel base */
.enquiry-panel {
	position: fixed;
	top: 0;
	right: -400px;
	width: 400px;
	height: 100%;
	background-color: #fff;
	box-shadow: -2px 0 10px rgba(0, 0, 0, 0.2);
	transition: right 0.4s ease;
	z-index: 9999;
	overflow-y: auto;
}


.enquiry-panel.active {
	right: 0;
}

.enquiry-content {
	position: relative;
	padding: 30px 25px;
	font-family: var(--secondary-font);

	h2 {
		color: #D50009;
	}

	.wpcf7-spinner {
		right: auto;
		left: -20px;
		bottom: -25px;
	}
}

.enquiry-content .submitBox {
	display: block;
	width: 100%;
}

.enquiry-panel-heading {
	font-weight: 800;
	font-size: 36px;
	font-family: var(--secondary-font);
	color: var(--color-blue);
	margin-bottom: 10px;
}

.enquiry-content p {
	color: #555;
	margin-bottom: 20px;
	font-size: 15px;
}

.close-btn {
	position: absolute;
	top: 20px;
	right: 25px;
	font-size: 28px;
	color: #000;
	cursor: pointer;
}

/* Form fields */
.enquiry-content form {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding-top: 15px;
}

.enquiry-content label {
	font-weight: 500;
	font-size: 14px;
	font-family: var(--secondary-font);
}

.enquiry-content input[type="text"],
.enquiry-content input[type="email"],
.enquiry-content input[type="tel"],
.enquiry-content textarea {
	width: 100%;
	padding: 12px 20px;
	border: none;
	background: #f1f1f1;
	border-radius: 22px;
	font-size: 16px;
	outline: none;
	font-family: var(--secondary-font);

	&::placeholder {
		font-size: 16px;
	}
}

.enquiry-content textarea {
	resize: none;
	height: 100px;
}

/* Submit Button */
.submit-btn {
	background-color: var(--color-red);
	color: #fff;
	border: none;
	border-radius: 50px;
	padding: 12px 20px;
	font-weight: 600;
	font-size: 16px;
	cursor: pointer;
	margin-top: 10px;
	transition: background-color 0.3s ease;
}

.submit-btn:hover {
	background-color: var(--color-red);
}

/* Optional backdrop */
body.panel-open::before {
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	z-index: 9998;
}

.enquiry-content .common-btn {
	width: auto;
}

.enquiry-content .common-btn input[type="submit"] {
	width: 100%;
	background: none;
	border: none;
	color: #fff;
	font-family: var(--secondary-font);
	font-size: 20px;
	font-weight: 700;
	cursor: pointer;
	margin-right: 10px;
	outline: none;
	margin-bottom: 0;
	padding: 0;
	width: calc(100% - 60px);
}


.rcntBlogsWrap {
	position: relative;
}

.center-button.prs-nav {
	top: 100%;
}

.center-button .prs-swiper-button-prev {
	transform: translateX(-110%);
	left: 50%;
}

.center-button .prs-swiper-button-next {

	transform: translateX(110%) rotate(180deg);
	right: 50%;
}

.center-button.prs-swiper-button-prev {
	transform: translateX(-110%);
	left: 50%;
}

.center-button.prs-swiper-button-next {
	transform: translateX(110%) rotate(180deg);
	right: 50%;
}


.center-button {
	&.prs-nav {
		bottom: 0;
		top: inherit;
		left: 50%;
		transform: translate(-50%, 0);
		right: inherit;

		.prs-swiper-button-prev {
			transform: translateX(0);
			left: calc(50% - 50px);
			position: absolute;
			bottom: 0;
		}

		.prs-swiper-button-next {
			transform: translateX(0) rotate(180deg);
			right: calc(50% - 50px);
			position: absolute;
			bottom: 0;
		}
	}
}

.single-application,
.page-template-infrastructure {
	.projectSliderWrap {
		padding-bottom: 50px;
	}
}

.search-popup-box {
	padding: 40px 50px 40px 20px;

	.probox {
		height: 50px !important;

		input {
			height: 50px !important;
			padding: 5px 10px !important;
			line-height: 50px !important;
			border-radius: 10px !important;
		}
	}

	.promagnifier {
		width: 50px !important;
		height: 50px !important;
	}
}

.mobOvrImg {
	display: none;
}

.page-template-certification {
	.certification-sec {
		.prjImg {
			margin: 0;
			height: 400px;

			a {
				display: block;
				width: 100%;
				height: 100%;

				img {
					object-position: top;
				}
			}
		}

		.pressTextInn {
			padding-top: 10px;

			.press-text {
				margin-bottom: 0;
			}
		}
	}
}


/* csr */

.tab-csr-sec {
	ul {
		&.nav {
			position: sticky;
			top: 100px;
		}
	}

	.csr-content {
		padding-left: 50px;

		figure {
			border-radius: 20px;
			overflow: hidden;
			margin-bottom: 0;
			width: 100%;
			height: 390px;

			img {
				height: 100%;
				width: 100%;
				object-fit: cover;
				object-position: top;
			}
		}
	}
}

.gallery-slider .slick-slide {
	padding: 0px 12px;
}

.tab-csr-sec {
	background-color: rgba(237, 239, 244, 1);
}

.tab-csr-sec .nav-item .nav-link {
	background-color: transparent !important;
	font-family: var(--secondary-font);
	/* color: #000; */
	font-size: 20px;
	line-height: 26px;
	padding: 25px 0;
	font-weight: 400;
	padding-left: 20px;
	position: relative;
	transition: 0.4s;
	color: #000;
	font-style: normal;
	text-align: left;
}

.tab-csr-sec .nav-item .nav-link::before {
	position: absolute;
	content: '';
	left: 0;
	top: 32px;
/* 	transform: translateY(-50%); */
	width: 11px;
	height: 11px;
	background-color: rgba(147, 147, 147, 1);
	transition: 0.4s;
	border-radius: 50%;
}


.tab-csr-sec .nav-item .nav-link.active {
	font-weight: 700;
	font-style: italic;
	color: #000;

}

.tab-csr-sec .nav-item:hover .nav-link {
	color: var(--color-red);
}

.tab-csr-sec .nav-item:not(:last-child) {
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);

}

.tab-csr-sec .nav-item button:hover::before,
.tab-csr-sec .nav-item button.active::before {
	background-color: rgba(236, 29, 38, 1);
}



.eachProject {
	padding: 20px 16px 25px;
	margin: 25px 15px;
	border-radius: 15px;
	background-color: rgba(237, 239, 244, 1);
	box-shadow: none;
	transition: 0.4s
}

.eachProject figure {
	border-radius: 12px;
	overflow: hidden;
	margin-bottom: 18px;
	height: 286px;
}

.eachProject figure img {
	object-fit: cover;
	height: 100%;
	width: 100%;
}

.page-template-press-release .eachProject {
	text-decoration: none;
}

.page-template-press-release .downloads-sec .pressTextInn {
	padding-top: 10px;
}

.prjContent {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.application-caseStudy .prjContent h4 {
	/* margin-bottom: 0; */
	line-height: 1.1;
	width: calc(100% - 190px);
}

.eachProject.slick-slide {
	min-height: 420px;
	pointer-events: none;
}

.eachProject.slick-slide.slick-active {
	pointer-events: auto;
}

.eachProject:hover .prjContent h4 {
	color: var(--color-blue);
}

.eachProject:hover {
	background-color: #fff;
	box-shadow: 0px 5px 25px 12px rgba(0, 99, 177, 0.14);
}

.prjContent h4 {
	color: rgba(54, 54, 54, 1);
	font-size: 25px;
	font-weight: 900;
	line-height: 20px;
	transition: 0.4s;
	text-transform: uppercase;
}

.what-we-offer-sec .thin-btn .common-btn {
	font-size: 18px;
	font-weight: 400;
	transition: 0.4s;
	opacity: 0;
}

.projectSliderWrap .thin-btn .common-btn {
	opacity: 1;
}

.thin-btn .common-btn .button-dot {
	padding: 8px;
	width: 28px;
	height: 28px;
}

.thin-btn .common-btn .button-dot img {
	width: 100%;
}

.inputBox.submitBox input[type="submit"] {
	margin-right: 25px;
}

.inputBox.submitBox .button-dot {
	width: 50px;
	height: 50px;
}

.fw-700 {
	font-weight: 700;
}

.thin-btn .common-btn {
	font-size: 18px;
	font-weight: 400;
}


.pagination {
	display: flex;
	gap: 10px;
}

.pagination span {
	line-height: 50px;
}

.pagination .page-numbers {
	display: flex;
	width: 50px;
	font-family: var(--secondary-font);
	height: 50px;
	color: #000;
	transition: 0.5s;
	line-height: 68px;
	border-radius: 50%;
	align-items: center;
	text-decoration: none;
	justify-content: center;
	background: transparent;
	border: 1px solid #000;

	&.next {
		position: relative;
		font-size: 0;

		&::after {
			content: '\f101';
			position: absolute;
			font-family: fontawesome;
			font-size: 18px;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
	}

	&.prev {
		position: relative;
		font-size: 0;

		&::after {
			content: '\f100';
			position: absolute;
			font-family: fontawesome;
			font-size: 18px;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
	}
}

.pagination .page-numbers.current,
.pagination .page-numbers:hover {
	border: 0;
	background-color: var(--color-red);
	color: #fff;
}



.downloads-sec .pressTextInn {
	display: flex;
	justify-content: space-between;
	align-items: center;

}

.downloads-sec .press-text {
	margin-bottom: 0;
	width: calc(100% - 70px);
}

.downloads-sec .press-btn {
	width: 50px;
	width: 50px;
	height: 50px;
	padding: 12px;
	border-radius: 50%;
	background-color: var(--color-blue);
}

.downloads-sec .press-btn img {
	width: 100%;
}

.downloads-sec .pressCard:hover .press-btn {
	background-color: var(--color-red);
}




.event-listing .navigation-btn .swiper-button-prev,
.event-listing .navigation-btn .swiper-button-next {
	border: 1px solid #000;
}

.related-event .pressCard {
	border-radius: 15px;
	background-color: #fff;
	padding: 40px 35px;
	box-shadow: none;
	transition: 0.4s;
}

.related-event.pressCard .pressImg {
	border-radius: 10px;
}

.related-event .pressSlide::after {
	content: normal;
}

.related-event .pressSlide:hover .pressTextInn .press-text,
.related-event .pressSlide:hover .pressDate,
.related-event .pressSlide:hover .press-btn span {
	color: #000;
}

/* .related-event .pressSlide:hover .press-btn span {
    color: #000;
}
.related-event .pressSlide:hover .pressDate {
    color: #000;
} */
.related-event .pressSlide {}

.related-event .pressCard:hover {
	box-shadow: 0 4px 25px rgba(0, 0, 0, 0.23);
}

.related-event .pressSlide:hover .pressCardSub-wrap figure img {
	filter: none;
}





.related-event .navigation-btn .swiper-btn {
	color: white;
	background: transparent;
	opacity: 0.5;
	border-radius: 5px;
	width: 45px;
	height: 45px;
	padding: 10px;
}

.related-event .navigation-btn .swiper-btn-ldr {
	position: relative;
	right: 10px;
}

.navigation-btn .swiper-btn-rdr img {
	transform: rotate(180deg);
}

.related-event .swiper-btn {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #000;
	opacity: 0.5;
	transition: 0.4s;
}

.related-event .pressSlide {
	padding: 0;
}

.related-event .swiper-btn:hover {
	opacity: 1;
}

/* .related-event .swiper-btn img{ */
.related-event .swiper-btn img {
	/* filter: none; */
	/* width: 100%; */
}

.related-event .pressSlide.slick-slide {
	opacity: 0.7;
	transition: 0.4s;
}

.related-event .pressSlide.slick-slide.slick-active {
	opacity: 1;
}


.event-details h4 {
	font-size: 50px;
	color: var(--color-blue);
	line-height: 60px;
	font-weight: 700;
}

.event-gallery .pressCard {
	padding: 0;
}

.certification-sec .eachProject {
	background-color: transparent;
	padding: 0;
}

.certification-sec .eachProject:hover {
	box-shadow: none;
}

.certification-sec .prjImg {
	background-color: rgba(240, 240, 240, 1);
	border-radius: 15px;
	overflow: hidden;
	padding: 20px 40px;
}

.certification-sec .eachProject:hover .prjImg {
	transition: 0.4s;
	box-shadow: 0px 8px 52px rgba(0, 87, 148, 0.25);
}

.certification-sec .eachProject:hover .press-btn {
	background-color: var(--color-red);
}

.enviornment-sec .eachProject figure {
	padding: 30px;
}

.enviornment-sec .eachProject figure {
	height: 452px;
}

.enviornment-sec .eachProject figure img {
	width: 100%;
	height: 100%;
	object-position: top center;
}

.blogSidebar .srchBtn {
	width: 43px;
	height: 43px;
}

.inpFile {}

.file-upload {
	position: absolute;
	right: 25px;
	top: 45%;
	left: inherit;
	z-index: 2;
}

.custom-file-upload {
	position: relative;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 16px 25px;
	border-radius: 45px;
	font-family: var(--secondary-font);
	font-size: 18px;
	margin-bottom: 20px;
	box-shadow: none;
	border: none;
	background: #f1f1f1;
	cursor: pointer;
}

.custom-file-upload input[type="file"] {
	display: none;
	/* hide default file input */
}

.file-text {
	color: #000;
	font-size: 18px;
}





/* mobile menu  */

.mobile-menu-toggle {
	display: none !important;
}

.mobile-menu-toggle {
	background: none;
	border: none;
	padding: 6px;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mobile-menu-toggle svg.hb {
	width: 100%;
	/* height: 30px; */
}

/* common form */
.commonPopup {
	background: #fff;
	padding: 30px;
	border-radius: 15px;

	.form-group {
		margin-bottom: 15px;
	}

	label {
		font-size: 18px;
		margin-bottom: 12px;
		font-family: var(--secondary-font);
	}

	input,
	select,
	textarea {
		width: 100%;
		padding: 16px 25px;
		border-radius: 45px;
		font-family: var(--secondary-font);
		font-size: 18px;
		box-shadow: none;
		border: none;
		background: #f1f1f1;
		outline: none;
	}

	select {
		appearance: none;
		-moz-appearance: none;
		background-image: url(../images/common-images/black-down-arrow.png);
		background-repeat: no-repeat;
		background-size: 24px;
		background-position: 95% center;
	}

	textarea {
		border-radius: 20px;
		resize: none;
		height: 100px;
	}

	.popFormHead {
		font-size: 40px;
		text-align: center;
		color: #D50009;
		margin-bottom: 25px;
	}
}

#get_a_quote_calculator {
	label {
		width: 100%;
	}

	.submitBox {
		justify-content: center;
	}
}

.single-product {
	#get_a_quote_calculator {
		select {
			background-image: none;
		}
	}
}

/* global form  */
.wpcf7-response-output {
	margin: 0 !important;
	padding: 0 !important;
}

form.invalid {
	.wpcf7-not-valid-tip {
		font-size: 14px;
	}

	.wpcf7-response-output {
		color: #D50009;
		border: none;
		font-size: 14px;
	}
}

/* application overview */
.abtAppFig {
	width: 100%;
	height: 500px;

	figure {
		width: 100%;
		height: 100%;

		img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			border-radius: 20px;
		}
	}
}

.single-application {
	.tab-csr-sec {
		.nav-item {
			.nav-link {
				font-size: 18px;
				line-height: 24px;
				text-align: left;
			}
		}

		.csr-content {
			figure {
				border-radius: 20px;
				overflow: hidden;
				margin-bottom: 0;
				width: 100%;
				height: 320px;
			}
		}
	}
}

.page-template-environment {
	.enviornment-sec {
		.eachProjectDiv {
			margin-bottom: 45px;
		}

		.eachProject {
			margin: 0;

			figure {
				height: 400px;
				margin-bottom: 12px;
			}
		}
	}
}

::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

::-webkit-scrollbar-track {
	background-color: #ccc;
}

::-webkit-scrollbar-thumb {
	background-color: #031753;
}

.mobProdOvrImg {
	display: none;
}

/* start search box */
#ajaxsearchlite1 {
	border-radius: 6px;
}

#ajaxsearchlite1 .probox,
div.asl_w .probox {
	align-items: center;
}

div.asl_w .probox .proinput input.autocomplete {
	height: 0 !important;
}

/* end search box */

/* calculate modal */
.calculateModal {
	display: none;
	width: 100%;
	max-width: 500px;

	form {
		.form-group {
			margin-bottom: 25px;
		}

		.submitBox {
			justify-content: center;
		}

		input {
			&:focus {
				outline: 0;
			}
		}

		.wpcf7-spinner {
			right: 50%;
			bottom: -25px;
		}
	}
}

#downloadBrochurePopup{
	max-width: 630px;
}

/* responsive */

@media (max-width: 1768px) {
	.tab-btn-wrap button {
		padding: 50px 20px 18px 20px;
	}
}

@media (max-width: 1600px) {

	.application [role='tablist'] {
		width: 80%;
	}

	.common-sec-padding {
		padding: 90px 0;
	}

	.secHead {
		font-size: 52px;
		line-height: 62px;
	}

	.innerBanner {
		height: 500px;
	}

	.enquiry-content {
		padding: 20px 25px;
	}

	.faqTitle h3 {
		font-size: 17px;
		padding: 15px 0 15px 15px;
	}

	.fqContInner p {
		padding: 14px 0 0 0;
		font-size: 15px !important;
		line-height: 25px !important;
	}

	.commonFAQWrap {
		.faqWrapInner {
			.faqBoxWrap {
				max-height: 440px;
			}
		}

		.secHead {
			margin-bottom: 10px;
		}
	}

	.getInTouchWrap input,
	.getInTouchWrap textarea,
	.inputBox select {
		padding: 12px 20px;
		font-size: 16px;

		&::placeholder {
			font-size: 16px;
		}
	}

	.inputBox.selectwrap::after {
		top: 24px;
	}

	.common-btn input[type="submit"] {
		font-size: 20px;
	}

	.prjContent h4 {
		font-size: 20px;
	}

	.common-btn {
		font-size: 20px;
	}

}

@media (max-width: 1500px) {
	.application [role='tablist'] {
		width: 88%;
	}
}

@media (max-width: 1440px) {

	p,
	ul li {
		font-size: 16px !important;
		line-height: 26px !important;
	}

	input,
	textarea,
	select {
		font-size: 16px !important;
		padding: 12px 20px !important;

		&::placeholder {
			font-size: 16px !important;
		}
	}

	.smallTitle {
		font-size: 18px;
	}

	.common-btn {
		font-size: 18px;

		.button-dot {
			width: 40px;
			height: 40px;
			padding: 10px;

			img {
				width: 100%;
				height: 100%;
				object-fit: contain;
			}
		}
	}

	.enquiry-content input[type="text"],
	.enquiry-content input[type="email"],
	.enquiry-content input[type="tel"],
	.enquiry-content textarea {
		font-size: 14px !important;

		&::placeholder {
			font-size: 14px !important;
		}
	}

	.navbar {
		& .nav-links {
			& ul {
				& li {

					&:hover,
					&.active {
						&::before {
							width: 8px;
							height: 8px;
						}
					}
				}
			}
		}
	}

	.inputBox.submitBox .button-dot {
		width: 36px;
		height: 36px;
	}


	.counterNumber {
		font-size: 45px;
		margin-bottom: 20px;
	}

	.counterText {
		font-size: 18px;
	}

	.secHead {
		font-size: 40px;
		line-height: 40px;
	}

	.innerBanner {
		height: 380px;

		.innerBannerTitle {
			font-size: 60px;
			line-height: 45px;
		}
	}

	.faqTitle h3 {
		font-size: 16px;
		padding: 14px 0 14px 15px;
	}

	.faqTitle {
		&::before {
			width: 48px;
		}

		&::after {
			right: 15px;
			font-size: 17px;
		}
	}

	.fqContInner p {
		font-size: 14px !important;
		line-height: 24px !important;
	}

	.getInTouchWrap input,
	.getInTouchWrap textarea,
	.inputBox select {
		font-size: 14px !important;

		&::placeholder {
			font-size: 14px !important;
		}
	}

	.getInTouchWrap .inputBox.selectwrap::after {
		top: 23px;
	}

	input,
	textarea,
	select {
		font-size: 16px !important;
		padding: 9px 14px !important;
	}

	.getInTouchWrap textarea {
		height: 80px;
	}

	.common-sec-padding {
		padding: 70px 0;
	}

	.tab-btn-wrap button {
		padding: 30px 12px 10px 12px;
		font-size: 16px;
	}

	.prjContent {
		flex-direction: column;
	}

	.application-caseStudy .prjContent h4 {
		text-align: center;
		width: 100%;
		margin-bottom: 12px;
	}

	.eachProject figure {
		height: 230px;
	}

	.pressTextInn .press-text {
		font-size: 16px;
		line-height: 26px;
	}

	.getInTouchWrap {
		padding: 30px 18px;
	}

	.prjContent h4 {
		font-size: 18px;
	}

	.eachProject.slick-slide {
		min-height: 380px;
	}

	.tab-csr-sec {
		.csr-content {
			figure {
				height: 330px;
			}
		}
	}

	.page-template-certification {
		.certification-sec {
			.prjImg {
				height: 350px;
			}
		}
	}

	/* start enquire */
	.enquiry-content .common-btn {
		padding: 0px 5px;
	}


	/* end enquire */

	/* start side enquire btn */
	.enquire-btn {
		right: -66px;
		width: 167px;
		height: 36px;
	}

	.enquire-btn span {
		font-size: 15px;
	}

	/* end enquire btn */

}

@media (max-width: 1366px) {
	.tab-csr-sec .nav-item .nav-link::before{
		top: 32px;
		transform: translateY(0%);
	}
	p,
	ul li {
		font-size: 14px !important;
		line-height: 22px !important;
	}

	.smallTitle {
		font-size: 16px;
	}

	.smallTitle::before {
		width: 9px;
		height: 9px;
	}

	.getInTouchWrap input,
	textarea,
	select {
		padding: 10px 15px !important;
	}

	.getInTouchWrap .inputBox.selectwrap::after {
		top: 22px;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-top: 8px solid var(--color-blue);
	}

	.tab-csr-sec {
		.csr-content {
			figure {
				height: 300px;
			}
		}
	}

	.application [role='tablist'] {
		width: 80%;
	}
	
	.abtAppFig {
		height: 330px;
	}

	.commonFAQWrap {
		.faqWrapInner {
			.faqBoxWrap {
				max-height: 400px;
			}
		}
	}
}

@media (max-width: 1280px) {
	.application [role='tabpanel'] {
		padding-top: 50px;
	}

	.application [role='tablist'] {
		width: 85%;
	}

	.secHead {
		font-size: 38px;
		line-height: 42px;
		margin-bottom: 15px;
	}

	.what-we-offer-sec .swiper {
		margin-right: 0;
	}

	.page-template-csr {
		.tab-csr-sec {
			.innerCsrSliderWrap {
				padding-bottom: 50px;

				.prs-nav {
					top: auto;
					bottom: 30px;

					.prs-swiper-button-prev {
						left: calc(50% - 45px);
					}

					.prs-swiper-button-next {
						right: calc(50% - 45px);
					}
				}
			}
		}
	}
}

@media (max-width: 1199px) {
	.tab-csr-sec .nav-item .nav-link {
		font-size: 16px;
	}

	.tab-csr-sec {
		.csr-content {
			padding-left: 40px;

			figure {
				height: 250px;
			}
		}
	}

	.page-template-certification {
		.certification-sec {

			.prjImg {
				padding: 20px 20px;
			}

			.eachProject {
				margin: 0;
			}
		}
	}

	.page-template-press-release,
	.page-template-certification {
		.certification-sec {
			padding-bottom: 90px !important;
		}
	}

	.page-template-environment {
		.enviornment-sec {
			.row {
				margin-bottom: 0 !important;
			}
		}
	}

	.application [role='tabpanel'] {
		height: 95vh;
	}

	.tab-btn-wrap button {
		font-size: 14px !important;
	}

	.commonFAQWrap {
		padding-bottom: 90px !important;
		.faqWrapInner {
			.faqBoxWrap {
				height: auto;
				max-height: 100%;
			}
		}
	}

}

@media(max-width: 1100px) {
	.eachProject {
		padding: 12px 12px 20px;
	}

	.prjContent h4 {
		font-size: 20px;
	}
}

@media (max-width: 1024px) {
	.resView {
		display: block;
	}

	.deskView {
		display: none;
	}

	.single-application {
		.tab-csr-sec {
			.nav-item {
				.nav-link {
					font-size: 14px;
					line-height: 1.2;
					text-align: left;
					&:before{
						top: 20px;
					}
				}
			}

			.csr-content {
				figure {
					border-radius: 20px;
					overflow: hidden;
					margin-bottom: 0;
					width: 100%;
					height: 320px;
				}
			}
		}
	}

	.page-template-templatescsr-php {
		.tab-csr-sec {
			.accordion {
				.accordion-item {
					margin-bottom: 15px;
					border-radius: 10px;
					overflow: hidden;

					.accordion-header {
						padding: 0;
						font-family: 'CenturyGothic', sans-serif;
						position: relative;

						.accordion-button {
							background-color: #072E9F;
							color: #fff;
							box-shadow: none !important;

							&::after {
								filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(185deg) brightness(102%) contrast(105%);
							}
						}
					}

					.accordion-body {
						padding: 15px 15px 40px;

						.csrBtm {
							margin-top: 20px;
						}
					}
				}
			}

			.col_2 {
				figure {
					height: 230px;

					img {
						width: 100%;
						height: 100%;
						object-fit: cover;
						border-radius: 12px;
					}
				}
			}

			.innerCsrSliderWrap {
				.gallery-slider {
					figure {
						height: 480px;

						img {
							width: 100%;
							height: 100%;
							object-fit: cover;
							object-position: top;
						}
					}
				}
			}
		}
	}

	.applicationRes {
		.secHeadWrap {
			text-align: center;
			margin-bottom: 15px;

			.smallTitle {
				color: #000;
				display: inline-block;
			}
		}

		.appwWrap {
			.appBoxWrap {
				.eachApp {
					box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
					border-radius: 10px;
					overflow: hidden;

					&:not(:last-child) {
						margin-bottom: 25px;
					}

					.eachAppInner {
						.appTitle {
							cursor: pointer;
							display: flex;
							justify-content: flex-start;
							align-items: center;
							background-color: var(--color-red);
							padding: 15px 40px 15px 15px;
							position: relative;

							&::after {
								content: '\f107';
								position: absolute;
								font-family: fontawesome;
								font-size: 18px;
								color: #fff;
								right: 15px;
								top: 15px;
								transition: all 0.5s;
							}

							.appTitleHead {
								width: calc(100% - 36px);
								font-family: var(--secondary-font);
								font-size: 20px;
								font-weight: 700;
								line-height: 1.2;
								color: #fff;
								margin-bottom: 0;
							}
						}

						.appCont {
							background-color: #fff;
							padding: 15px;
							display: none;

							.appContInner {
								.appFig {
									width: auto;
									height: 400px;

									img {
										width: 100%;
										height: 100%;
										object-fit: cover;
										border-radius: 8px;
									}
								}

								.tab-para-wrap {
									p {
										margin-bottom: 12px !important;
									}
								}
							}
						}
					}

					&.active {
						.eachWhyInner {
							.whyTitle {
								&::after {
									transform: rotate(180deg);
								}
							}

							.whyCont {
								display: block;
							}
						}
					}
				}
			}
		}
	}
}

@media (max-width: 991px) {
	.breadcrumbDiv {
		.cd-breadcrumb {
			li {

				a,
				span {
					font-size: 14px;
					line-height: 20px;
				}

				&:not(:last-child) {
					&:after {
						top: 1px;
						right: -20px;
						font-size: 12px;
					}
				}
			}
		}
	}

	.commonPopup {
		.popFormHead {
			font-size: 30px;
			margin-bottom: 18px;
		}
	}
	#downloadBrochurePopup,
	#enquiryPopup {
		.submitBox {
			justify-content: center;

			.wpcf7-spinner {
				right: 50%;
				bottom: -25px;
			}
		}
	}

	.page-template-press-release {
		.downloadsTop {
			margin-bottom: 25px;
			text-align: center;
		}
	}
}

@media (max-width: 768px) {

	p,
	ul li {
		font-size: 14px !important;
		line-height: 24px !important;
	}

	input,
	textarea,
	select {
		font-size: 14px !important;

		&::placeholder {
			font-size: 14px !important;
		}
	}

	input [type="submit"] {
		font-size: 15px !important;
	}

	.applicationRes {
		.secHeadWrap {
			text-align: center;
			margin-bottom: 15px;

			.smallTitle {
				color: #000;
				display: inline-block;
			}
		}

		.appwWrap {
			.appBoxWrap {
				.eachApp {
					&:not(:last-child) {
						margin-bottom: 18px;
					}

					.eachAppInner {
						.appTitle {

							&::after {
								font-size: 16px;
								top: 12px;
							}

							.appTitleHead {
								font-size: 16px;
							}
						}

						.appCont {
							background-color: #fff;
							padding: 15px;
							display: none;

							.appContInner {
								.appFig {
									width: 100%;
									height: auto;
								}
							}
						}
					}

					&.active {
						.eachWhyInner {
							.whyTitle {
								&::after {
									transform: rotate(180deg);
								}
							}

							.whyCont {
								display: block;
							}
						}
					}
				}
			}
		}
	}
}

@media (max-width: 767px) {

	.breadcrumbDiv {
		.cd-breadcrumb {
			padding: 5px 10px 5px 30px;
			justify-content: flex-start;
		}
	}

	.dskOvrImg {
		display: none;
	}

	.mobOvrImg {
		display: block;
	}

	.page-template-infrastructure .mobOvrImg,
	.page-template-career .mobOvrImg {
		margin-top: 10px;
	}

	.page-template-environment {
		.pressTextInn {
			.press-text {
				margin-bottom: 0;
			}
		}
	}

	.eachProject.slick-slide {
		min-height: 350px;
	}

	.page-template-environment {
		.enviornment-sec {
			.eachProject {
				figure {
					height: 320px;
				}
			}
		}
	}

	.enquiry-content {

		h2,
		p {
			text-align: center;
		}

		.submitBox {
			display: flex;
			justify-content: center;
		}

		.wpcf7-spinner {
			left: 50%;
		}

		form {
			p {
				text-align: left;
			}
		}
	}
}

@media (max-width: 640px) {
	.page-template-press-release .eachProject figure {
		height: auto;
	}
}

@media (max-width: 575px) {
	.eachProject.slick-slide {
		min-height: 320px;
		margin: 15px 8px;
	}

	.commonPopup {
		padding: 30px 15px !important;
	}

	.page-template-environment {
		.enviornment-sec {
			.eachProject {
				figure {
					height: auto;
					padding-bottom: 0;
				}

				.pressTextInn {
					padding: 0px 20px 15px;
				}
			}
		}
	}

	.page-template-certification {
		.certification-sec {
			.eachProject {
				figure {
					height: auto;
				}

				.pressTextInn {
					padding: 0px 20px 15px;
				}
			}
		}
	}

	.page-template-annual-performance {
		.downloads-sec {
			padding-bottom: 60px !important;
		}
	}

	.page-template-csr {
		.tab-csr-sec {
			.innerCsrSliderWrap {
				.prs-nav {
					.btn {
						width: 40px;
						height: 40px;

						img {
							width: auto;
						}
					}

					.prs-swiper-button-prev {
						left: calc(50% - 46px);
					}

					.prs-swiper-button-next {
						right: calc(50% - 45px);
					}
				}
			}
		}
	}

	.wp-icon {
		display: none;
	}
}