@import 'common.css';


/* ****************************header section start*********************************************  */

.MainHeader {
	position: relative;
	background: rgba(var(--third-color), 1);
	top: 0;
	z-index: 999;
	width: 100%;
}

/* TopHead start */

.TopHeader {
	padding: 12px 0px;
	border-bottom: 0px solid rgba(var(--white-color), 0.5);
	color: rgba(var(--white-color), 1);
	background: linear-gradient(135deg, rgba(40, 43, 45, 1) 63%, rgba(237, 27, 49, 1) 63%);
}

.TopHeader>*>.row {
	align-items: center;
}

.SocialHeadclock-list {
	display: flex;
	align-items: center;
	gap: 24px;
	justify-content: flex-end;
}

.hec-list li,
.SocialHeadclock-list>li {
	position: relative;
	/* padding: 8px 0px; */
}

.hec-list a,
.SocialHeadclock-list>li>a,
.SocialHeadclock-list>li {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	color: rgba(var(--white-color), 1);
	font-size: 16px;
}

.hec-list a i,
.SocialHeadclock-list>li>a>i {
	color: rgba(var(--white-color), 1);
	font-size: 16px;
}

.top-head {
	font-size: 15px;
	text-align: center;
}

.SocialHeadclock-list>li {
	display: flex;
	gap: 14px;
	align-items: center;
}

.SocialHead-list {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 14px;
}

.SocialHead-list li a i {
	font-size: 18px;
}

.SocialHead-list li a img {
	object-fit: contain;
}

/* TopHead end */

.navbar {
	top: 0;
	z-index: 999;
	width: 100%;
	padding: 8px 0px;
	background: rgba(var(--third-color), 1);
}

.navbar.header-fixed {
	position: fixed;
	background: rgba(var(--third-color), 1);
	border: none;
	animation: slideDown 0.35s ease-out;
	backdrop-filter: blur(5px);
	box-shadow: 0px 5px 20px -8px rgba(14, 13, 14, 0.08);
}

@keyframes slideDown {
	from {
		transform: translateY(-100%);
	}

	to {
		transform: translateY(0);
	}
}

.MobileNav {
	display: none;
}

.DesktopNav .row {
	align-items: center;
}

.navbar.DesktopNav .HeadContainer {
	display: flex;
	/* gap: 20px; */
	align-items: center;
	justify-content: flex-end;
}

.NBM-box {
	display: flex;
	gap: 50px;
}

.DesktopNav .navbar-brand,
.MobileNav .navbar-brand {
	margin-right: 15px;
	margin-top: -40px;
	margin-left: -23px;
	height: 100px;

}

nav.navbar.navbar-expand-lg.DesktopNav.header-fixed .navbar-brand,
nav.navbar.navbar-expand-lg.MobileNav.header-fixed .navbar-brand {
	margin-top: 0px;
	/* height: 150px; */
}

.navbar-brand img {
	object-fit: contain;
}

.head-BrandMenu {
	display: flex;
	gap: 16px;
}

.navbar-toggler {
	padding: 10px;
	border: none;
	background: rgba(var(--main-color), 1);
	border-radius: 0px;
}

.navbar-toggler .navbar-toggler-icon {
	background: rgba(var(--white-color), 1);
	width: 1.1em;
	height: 2px;
	position: relative;
	display: block;
}

.navbar-toggler-icon.bar-1 {
	width: 0.6em;
}

.navbar-toggler-icon.bar-2 {
	width: 0.9em;
}

.navbar-toggler-icon.bar-2 {
	margin: 4px 0px;
}

.navbar>.container,
.navbar>.container-fluid,
.navbar>.container-lg,
.navbar>.container-md,
.navbar>.container-sm,
.navbar>.container-xl,
.navbar>.container-xxl {
	display: flex;
	flex-wrap: inherit;
	align-items: center;
	justify-content: end;
}

.navbar.DesktopNav .HeadContainer .navbar-nav .nav-item .nav-link {
	color: rgba(var(--white-color), 1);
	transition: var(--transition-05s);
	position: relative;
	text-transform: capitalize;
	white-space: nowrap;
	font-weight: 400;
	padding: 4px 10px;
	margin-right: 50px;
	font-size: 18px;
}

.navbar.DesktopNav .HeadContainer .navbar-nav .nav-item:last-child .nav-link {
	margin-right: 0px;
	padding-right: 0px;
}

.navbar.DesktopNav .HeadContainer .navbar-nav .nav-item .nav-link.active,
.navbar.DesktopNav .HeadContainer .navbar-nav .nav-item .nav-link:hover,
.navbar.DesktopNav .HeadContainer .navbar-nav .nav-item .nav-link:focus,
.navbar.DesktopNav .HeadContainer .navbar-nav .nav-item .nav-link[aria-current="page"] {
	color: rgba(var(--main-color), 1);
}

.navbar.DesktopNav .HeadContainer .navbar-nav .nav-item .nav-link::before {
	content: '';
	display: inline-block;
	position: absolute;
	width: 0%;
	height: 2px;
	border-radius: 5px;
	background: rgba(var(--main-color), 1);
	transition: var(--transition-05s);
	right: 0px;
	bottom: 0px;
	opacity: 0;
	visibility: hidden;
}

.navbar.DesktopNav .HeadContainer .navbar-nav .nav-item .nav-link.active::before,
.navbar.DesktopNav .HeadContainer .navbar-nav .nav-item .nav-link:hover::before,
.navbar.DesktopNav .HeadContainer .navbar-nav .nav-item .nav-link:focus::before,
.navbar.DesktopNav .HeadContainer .navbar-nav .nav-item .nav-link[aria-current="page"]::before {
	opacity: 1px;
	visibility: visible;
	width: 100%;
	left: 0px;
	right: auto;
}

.navbar .navbar-nav .nav-item .nav-link.dropdown-toggle::after {
	content: '\f107';
	font-family: var(--font-awesome);
	font-weight: 600;
	border: none;
	vertical-align: middle;
}

.navbar .navbar-nav .nav-item .dropdown-menu {
	/* max-height: 210px; */
	padding: 10px 20px 10px 10px;
	border: 0;
	border-radius: 0px;
	text-transform: capitalize;
	margin: 0 !important;
	transition: var(--transition-05s);
	/* overflow: hidden; */
	/* box-shadow: -12px 8px 20px -8px rgba(14, 13, 14, 0.08), 12px 8px 20px -8px rgba(14, 13, 14, 0.08); */
}

.navbar .navbar-nav .nav-item .dropdown-menu.dropdown-submenu {
	padding: 10px 10px 10px 20px;
	min-height: 205px;
}

.navbar .navbar-nav .nav-item .dropdown-menu li a,
.dropdown-menu .dropdown-submenu a {
	font-weight: 600;
	font-size: 14px;
	border-bottom: 0px solid rgba(var(--black-color), 0.175);
	padding: 8px 10px;
	color: rgba(var(--black-color), 0.8);
	transition: var(--transition-05s);
	background: none;
}

.navbar .navbar-nav .nav-item .dropdown-menu li a:hover,
.navbar .navbar-nav .nav-item .dropdown-menu li a:active,
.navbar .navbar-nav .nav-item .dropdown-menu li a:focus,
.navbar .navbar-nav .nav-item .dropdown-menu li a.active,
.dropdown-menu li .dropdown-submenu a:hover,
.dropdown-menu li .dropdown-submenu a:active,
.dropdown-menu li .dropdown-submenu a:focus,
.dropdown-menu li .dropdown-submenu a.active {
	color: rgba(var(--main-color), 1);
	background-color: rgba(var(--main-color), 0);
	border-color: rgba(var(--main-color), 0);
}

.navbar .navbar-nav .nav-item .dropdown-menu ul>li:last-child a {
	border-bottom: none;
}

.subdropsec {
	display: flex;
	align-items: center;
	gap: 20px;
}

.subdropsec .dropdown-toggle::after {
	display: none;
}

.subdropsec i {
	font-size: 13px;
}


.navbar .navbar-nav .nav-item .dropdown-menu .subli:hover .subdropsec a,
.navbar .navbar-nav .nav-item .dropdown-menu .subli:active .subdropsec a,
.navbar .navbar-nav .nav-item .dropdown-menu .subli:focus .subdropsec a,
.navbar .navbar-nav .nav-item .dropdown-menu .subli.active .subdropsec a,
.subli:hover i,
.subli:active i,
.subli:focus i,
.subli.active i {
	color: rgba(var(--main-color), 1);
	transition: var(--transition-05s);
}

/* mobsec */
.my-offcanvas .list-group-item,
#menu1 li {
	border: none !important;
	font-size: 26px;
	padding: 0;
	margin-top: 7px;
	background: none;
}

.my-offcanvas .dropdown-item:focus,
.my-offcanvas .dropdown-item:hover {
	color: rgba(var(--main-color), 1);
}

.my-offcanvas a.dropdown-toggle.maintog:hover,
.my-offcanvas a.dropdown-toggle.maintog:focus {
	color: rgba(var(--main-color), 1);
}

.my-offcanvas .list-unstyled,
a.dropdown-toggle.maintog.collapsed {
	color: #000000 !important;
}

.maintog::after {
	content: '\f107';
	font-family: var(--font-awesome);
	font-weight: 600;
	border: none;
	vertical-align: middle;
}

a.navbar-brand.mob-logo {
	height: 80px;
}



button.btn-close.nebtclose {
	display: flex;
	align-items: center;
	background-color: rgba(var(--main-color), 1);
	padding: 10px;
	border-radius: 0;
	opacity: 1;
	justify-content: center;
}

button.btn-close.nebtclose i {
	font-size: 28px;
	color: #ffff;
}

.my-offcanvas a.list-nav-link {
	font-weight: 400;
	font-size: 26px;
	transition: var(--transition-05s);
	color: rgba(var(--black-color), 1);
}

a.list-nav-link:hover {
	color: rgba(var(--main-color), 1);
	transition: var(--transition-05s);
}

/* ****************************header section close********************************************* */


/* ****************************video banner section start********************************************* */
.video-container {
	height: 70vh;
	overflow: hidden;
	position: relative;
}

.video {
	width: 100%;
	height: auto;
	display: block;
}

.play-button {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.8);
	border: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background-color 0.3s ease;
}

.play-button:hover {
	background: rgba(255, 255, 255, 0.9);
}

.play-button svg {
	width: 50px;
	height: 50px;
	color: #959191;
	margin-left: 5px;
}

/* Hide native video controls */
.video::-webkit-media-controls {
	display: none !important;
}

.video::-webkit-media-controls-enclosure {
	display: none !important;
}

/* ****************************video bannert section close********************************************* */


/* ****************************Engineered section start********************************************* */

.wwa-AfterImg {
	position: absolute;
	left: 0px;
	top: -2px;
	height: 729px;
	z-index: 1;
	width: 920px;
}

.redsec {
	position: absolute;
	inset: 0 7%;
	width: 480px;
	height: 545px;
	background-color: rgba(var(--main-color), 1);
	display: block;
	/* clip-path: polygon(42% 0%, 100% 0%, 58% 100%, 0% 101%); */
	clip-path: polygon(50% 0, 100% 0%, 50% 100%, 0 100%);
}

.roundimg {
	position: absolute;
	right: 20px;
	border-radius: 50%;
	height: 440px;
	width: 440px;
	top: 70px;
	display: block;
	border: 8px solid #ed1b31;
}

.backimg {
	position: absolute;
	left: 0;
	width: 300px;
	height: 400px;
	border-radius: 30px;
	top: -20%;
}

.centerimg {
	height: 368px;
	left: 20%;
	position: absolute;
	width: 309px;
	top: 65px;
	border-radius: 30px;
	border: 8px solid #fff;
}

.subpara {
	font-size: 20px;
	color: #000000;
	font-weight: 500;

}

.engineered-box h3.common-title {
	color: rgba(var(--main-color), 1);
	font-weight: 500;
	font-size: 30px;
	padding-bottom: 0;
}

.engineered-box h3.common-title span {
	display: inline;
}

.leftimgsec {
	position: relative;
	margin-top: 7rem;
	height: 556px;
}

.experiencesec {
	display: inline-flex;
	align-items: center;
	padding: 16px 50px;
	background-color: rgb(255, 255, 255);
	position: absolute;
	right: 31%;
	justify-content: center;
	bottom: 44px;
	border-radius: 20px;
	gap: 8px;
	box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.2);
}

.experiencesec h3 {
	color: rgba(var(--main-color), 1);
	font-size: 40px;
	font-weight: 500;
	margin-bottom: 0;
}

.experiencesec p {
	margin-bottom: 0;
	font-size: 25px;
	line-height: 26px;
	color: #282b2d;
	font-weight: 500;
	/* width: 150px; */
}

.btngroup {
	display: flex;
	align-items: center;
	gap: 30px;
	margin-top: 1.3rem;
}

/* ****************************Engineered section close********************************************* */

/* ****************************products section start********************************************* */
.products-bg {
	position: absolute;
	inset: 0px;
	display: block;
	width: 100%;
	height: 100%;
	opacity: 1;
	filter: grayscale(1);
	background: rgba(var(--five-color), 1);
}

.common-head-box h2 {
	margin-bottom: 0;
	font-size: 35px;
	color: rgba(var(--third-color), 1);
	font-weight: 500;
}

.common-head-box h3 {
	margin-bottom: 0;
	font-size: 25px;
	color: rgba(var(--main-color), 1);
	font-weight: 500;
}

.common-head-box {
	text-transform: capitalize;
	text-align: center;
	margin-bottom: 2rem;
}

.pro-slider.owl-carousel .owl-nav {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 35px;
	margin-top: 30px;
}

.pro-card {
	position: relative;
	max-width: 100%;
	overflow: hidden;
}


.pro-card::after {
	top: 0;
	left: 0;
	position: absolute;
	content: '';
	width: 100%;
	height: 75%;
	background-color: rgba(var(--white-color), 1);
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	z-index: 0;
}

.card-content {
	padding: 1.5rem;
	position: relative;
	z-index: 1;
}

.card-title {
	font-size: 1.3rem;
	font-weight: 600;
	color: #333;
	margin: 0 0 0.5rem 0;
}

.card-description {
	font-size: 0.95rem;
	color: #666;
	line-height: 1.4;
	margin: 0 0 1rem 0;
}

.card-image-container {
	position: relative;
	width: 100%;
	z-index: 1;
}

.card-image {
	width: 100%;
	height: 250px;
	display: block;
	/* filter: grayscale(100%); */
}

img.card-image {
	position: relative;
	margin-left: 40px;
	z-index: 1;
}

.arrow-icon {
	position: absolute;
	top: -1px;
	right: 2rem;
	width: 60px;
	height: 50px;
	background: #ffffff;
	border-radius: 0%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
	cursor: pointer;
}

.arrow-icon:hover i {
	transform: rotate(358deg);
	transition: var(--transition-05s);
}

.arrow-icon i {
	font-size: 30px;
	color: rgba(var(--main-color), 1);
	transform: rotate(319deg);
	transition: var(--transition-05s);
}

/* ****************************products section close********************************************* */

/* ****************************Application section start********************************************* */

.application-sec {
	background: linear-gradient(135deg, #e31837 60%, #d31730 60%);
	position: relative;
}

.appliimgsec {
	position: absolute;
	left: auto;
	right: 0;
	top: 0;
	width: calc(100% - 56%);
	height: 100%;
}



.maindetailssec {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 30px;
	margin-bottom: 1rem;
}

.maindetailssec h3 {
	color: rgba(var(--white-color), 1);
	line-height: inherit;
	font-weight: 500;
	font-size: 20px;
}

.innerapplisec .maindetailssec p {
	color: rgba(var(--white-color), 1);
	line-height: 20px;
	font-weight: 300;
	font-size: 18px;
}

.icon-bg img {
	width: 130px;
	height: auto;
}


.innerapplisec {
	padding-top: 30px;
	padding-right: 30px;
	position: relative;
}

.innerapplisec h4 {
	font-size: 35px;
	color: #f8e25c;
	font-weight: 500;
}

.innerapplisec p {
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
}

.applibtn {
	position: absolute;
	top: auto;
	bottom: -15%;
	right: 3px;
	z-index: 2;
}

.applibtn .btn-text {
	padding: 12px 50px 12px 60px;
	height: 70px;
}

.applibtn .btn-icon {
	height: 70px;
	padding: 12px 30px;
	background-color: rgba(var(--white-color), 1);
}

.applibtn .btn-icon i {
	font-size: 40px;
	color: rgba(var(--main-color), 1);
}

/* ****************************Application section close********************************************* */

/* **************************************Questions section start************************************** */

section.common-section.questions-sec {
	margin-top: -1px;
}

section.common-section.questions-sec .container {
	z-index: 2;
}

.questions-sec .products-bg::after {
	content: '';
	position: absolute;
	inset: 0px;
	display: block;
	width: var(--ehw-tdtba);
	height: var(--ehw-tdtba);
	background: rgba(var(--black-color), 0.7);
}


.form-container {
	background: white;
	padding: 4rem;
	border-radius: 0px;
	box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.2);
	width: 100%;
	margin-top: 3rem;
}

.form-title {
	font-size: 2rem;
	margin-bottom: 0.5rem;
}

.form-subtitle {
	color: rgba(var(--black-color), 1);
	margin-bottom: 1.5rem;
}

.form-control {
	border: 1px solid #ddd;
	padding: 0.75rem;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);

}

.form-container label.form-label {
	font-weight: 500;
	color: rgba(var(--black-color), 1);
}

.form-container .form-check-input[type="radio"] {
	border-radius: 0%;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25) !important;
}

.form-container .form-check-input:checked {
	background-color: rgba(var(--main-color), 1) !important;
	border-color: rgba(var(--main-color), 1) !important;
}

.submitsec {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.btn-submit {
	border-radius: 0px;
	background-color: rgba(var(--main-color), 1);
	border: 1px solid rgba(var(--main-color), 1);
	padding: 0.75rem 2rem;
	color: white;
	text-transform: uppercase;
	font-weight: 300;
}

.btn-submit:hover,
.btn-submit:active {
	background-color: transparent;
	border: 1px solid rgba(var(--main-color), 1) !important;
	color: rgba(var(--main-color), 1) !important;
}

.radio-group {
	gap: 1rem;
}

.questions-sec .products-bg img {
	position: relative;
}

.questions-sec .products-bg img::before {
	background: rgba(var(--black-color), 0.2);
}


/* **************************************Questions section close************************************** */

/* **************************************Blog section start************************************** */
section.common-section.blog-section {
	background: rgba(var(--white-color), 1);
	margin-top: -180px;
	padding-top: 190px;
	z-index: 1;
}

.common-box.blog-TitleBox {
	padding-right: 120px;
	text-align: left;
}

.common-box.blog-TitleBox span.common-SubTitle {
	display: block;
	text-transform: uppercase;
	position: relative;
	color: rgba(var(--main-color), 1);
	font-weight: 500;
	line-height: 1.3;
	font-size: 15px;
	margin-bottom: 5px;
	letter-spacing: 3px;
}

.common-box.blog-TitleBox .common-title {
	padding: 0;
	font-size: 35px;
	color: #3e3e3e;
	font-weight: 500;
}

.blog-slider.owl-carousel .owl-nav {
	position: absolute;
	top: -24%;
	right: 0%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}

.blog-Listinn {
	display: block;
	width: 100%;
}

.blog-ListImg {
	width: 100%;
	height: 300px;
	overflow: hidden;
	margin-bottom: 16px;
	background: rgba(var(--five-color), 1);
}

.blog-ListTxt {
	text-align: left;
}

.blog-ListTxt h5 {
	margin-bottom: 14px;
	text-transform: capitalize;
	position: relative;
	font-size: 20px;
	min-height: 60px;
	color: #282b2d;
	font-weight: 500;
	line-height: 1.3;
}

.blog-ListTxt span {
	display: block;
	margin-bottom: 0px;
	text-transform: capitalize;
	position: relative;
	font-size: 16px;
	color: #666666;
	font-weight: 500;
	line-height: 1.3;
}

/* **************************************Blog section close************************************** */

/* **************************************Footer section start************************************** */
.footer-section {
	background-color: #272b2d;
	padding-bottom: 0;
}

.mainaddsec {
	margin-top: 2rem;
	display: flex;
	align-items: self-start;
	justify-content: flex-start;
	gap: 25px;
	flex-direction: column;
}

.mainaddsec .SocialHeadclock-list {
	justify-content: flex-start;
	gap: 20px;
}

.mainaddsec .SocialHeadclock-list .SocialHead-list li {
	height: 32px;
	display: flex;
	align-items: center;
}

.mainaddsec .SocialHeadclock-list .SocialHead-list li a i {
	font-size: 23px;
}

.addresssec li {
	font-size: 18px;
	font-weight: 400;
	color: rgba(var(--white-color), 1);
}

a.foot-logo {
	height: 100px;
}

.applibtn.receive {
	position: relative;
	text-align: right;
	margin-bottom: 2rem;
	inset: 0;
}

.applibtn.receive .btn-text {
	background-color: rgba(var(--main-color), 1);
}

.foot-title {
	font-size: 20px;
	color: rgba(var(--main-color), 1);
}

ul.foot-list {
	flex-direction: column;
	display: flex;
	gap: 10px;
}

ul.foot-list li {
	color: rgba(var(--white-color), 1);
	font-size: 16px;
	transition: var(--transition-05s);
}

ul.foot-list li:hover {
	color: rgba(var(--main-color), 1);
	transition: var(--transition-05s);
}

.copy-box {
	background-color: rgba(var(--black-color), 1);
	padding: 20px;
}

.copy-text {
	text-align: center;
	color: rgba(var(--white-color), 1);
	font-size: 14px;
	font-weight: 300;
}

/* **************************************Footer section close************************************** */

/* **************************** */
/* **************************** */
/* **************************** */
/* **************************** */

/* ///////////////////////////////////////// INNER PAGES START //////////////////////////////////////////// */

.banner-section.banner-inner-page {
	--banner-hvh: 30vh;
}

.banner-section>*:first-child,
.banner-slider>*:first-child>*,
.banner-slider>*:first-child>*>*,
.banner-slider>*:first-child>*>*>*,
.banner-slider>*:first-child>*>*>*>* {
	min-height: var(--banner-hvh);
	height: var(--banner-hhp);
}

.banner-inner-section {
	background: rgba(var(--main-color), 0.5) no-repeat center center / cover;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	position: relative;
	padding-bottom: 50px;
}

.banner-inner-section>* {
	z-index: 2;
}

.banner-section.banner-inner-page .banner-inner-section.head-pt {
	background-position: center top;
	padding-bottom: 70px;
	padding-top: 70px;
}

.banner-section.banner-inner-page .banner-inner-section .row {
	text-align: center;
}

.banner-inner-section>*>* {
	justify-content: center;
	object-position: center;
	display: flex;
}

.banner-bg,
.banner-section.banner-inner-page .banner-bg::before {
	position: absolute;
	display: block;
	inset: 0px;
	width: 100%;
	height: 100%;
}

.banner-section.banner-inner-page .banner-bg::before {
	content: '';
	/* background: linear-gradient(135deg, rgba(10,10,10,0.6138830532212884) 47%, rgba(40,43,45,1) 47%, rgba(237,27,49,0) 47%); */
	background: linear-gradient(135deg, rgb(10 10 10 / 50%) 53%, rgb(40 43 45 / 0%) 47%, rgba(237, 27, 49, 0) 50%);
}

.banner-section.banner-inner-page .banner-box {
	margin-bottom: 0px;
	padding: 0px;
	height: auto;
}

.banner-BoxBg {
	position: absolute;
	inset: 0px;
	width: 100%;
	height: 100%;
}

.banner-BoxBg img {
	object-fit: contain;
}

.banner-InnBox {
	position: relative;
	z-index: 5;
}

.banner-title,
.banner-box h1 {
	color: rgba(var(--white-color), 1);
	text-transform: capitalize;
	text-align: left;
	font-size: 76px;
	font-weight: 500;
	line-height: 1;
	font-size: 50px;
	margin-bottom: 0px;
}

.banner-box h1 span {
	font-size: 30px;
	display: inline;
	margin-left: 8px;
	text-transform: uppercase;
}

/* banner end */

/* **************************************CONTACT-US PAGE START************************************** */
section.common-section.locationdetailssec {
	background: #e6e6e6;
}

.contact-two__single.contactbottomcard {
	padding: 20px;
	background: rgba(var(--white-color), 1);
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: 18px;
	min-height: 250px;
	justify-content: center;
	border-bottom: 5px solid rgba(var(--main-color), 1);
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.contact-two__icon i {
	font-size: 40px;
	color: rgba(var(--main-color), 1);

}

h3.contact-two__title.text-dark {
	font-size: 24px;
	color: #000;
	font-weight: 600;
	margin-bottom: 0;
}

p.contact-two__text.text-dark {
	font-size: 18px;
	line-height: 25px;
	color: #000;
	margin-bottom: 0;
}

.contactlist li {
	font-size: 18px;
	line-height: 25px;
	color: #000;
	margin-bottom: 0;
}

.contactform .form-container {
	background-color: transparent;
	border: none;
	box-shadow: none;
	margin-top: 0rem;
	padding: 0;
}

.contactform .form-container .submitsec {
	flex-direction: column;
	align-items: self-start;
	gap: 15px;
	justify-content: left;
}

.contactform .form-container .form-control {
	border: 1px solid #ddd;
	padding: 0.75rem;
	box-shadow: none;
}

.contactform .form-container .form-control:focus {
	border: 1px solid rgba(var(--main-color), 1);
	border-radius: 0px;
}

.form-container input::placeholder,
.form-container textarea::placeholder {
	color: rgb(0, 0, 0);
	font-weight: 500;
}

/* **************************************CONTACT-US PAGE CLOSE************************************** */

/* ************************************* internal page start ************************************* */
.common-box.engineered-box.innercon-box h2 {
	font-size: 30px;
	color: rgba(var(--main-color), 1);
	padding: 0;
	margin-bottom: 1rem;
}

.common-box.engineered-box.innercon-box h4 {
	font-size: 25px;
	color: rgba(var(--main-color), 1);
	padding: 0;
	margin-bottom: 1rem;
}

/* ************************************* internal page close ************************************* */

/* ************************************* the ecp way page start ************************************* */
ul.ecpwaylist {
	list-style: disc;
	padding-left: 2rem;
}

.innerlistcontentsec span {
	font-size: 20px;
	color: rgba(var(--black-color), 1);
	font-weight: 400;
	line-height: 30px;
	display: inline-block;
	margin-bottom: 1rem;
}

ul.ecpwaylist li {
	font-size: 18px;
	color: #000;
	font-weight: 400;
	margin-bottom: 5px;
	line-height: 30px;
}

.rightsecinterimg img {
	height: 400px;
}

.ecpwaylist li::marker {
	font-size: 25px;
}

/* ************************************* the ecp way page close ************************************* */

/* ****************************** blog details section start **********************************************/

.topbread {
	background-color: rgba(var(--main-color), 1);
}

.topbread ol.breadcrumb.mb-0 {
	display: flex;
	align-items: center;
	gap: 10px;
}

/* .topbread ol.breadcrumb i{
	font-size: 10px;
} */
.breadcrumb-item::before {
	float: left;
	padding-left: 10px;
	color: rgb(0 0 0);
	content: ">" !important;
	font-size: 16px;
	font-weight: 300;
}

.breadcrumb-item+.breadcrumb-item {
	padding-left: 0px;
}

.breadcrumb-item {
	display: flex;
	align-items: center;
	gap: 10px;
}

.bloghead {
	font-size: 50px;
	color: #282b2d;
	font-weight: 500;
}

.blogdtailssec .common-para p {
	color: rgba(var(--black-color), 1);
}

.btngroupblog i {
	font-size: 20px;
}

.btngroupblog .bi-arrow-right::before {
	font-weight: normal !important;
}

.btngroupblog .btn.btn-submit {
	color: rgba(var(--white-color), 1);
}

.btngroupblog .next,
.btngroupblog .prev {
	background: #e6e6e6;
	height: 50px;
	padding: 15px;
	display: flex;
	align-items: center;
}

article.blogdtailssec {
	padding-right: 50px;
}

.btngroupblog {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 40px 0px;
	border-top: 2px solid #e6e6e6;
}

.rightsideblogsec {
	padding: 0;
	background-color: #e6e6e6;
	/* border-bottom: 8px solid rgba(var(--main-color), 1); */
}

.bloginnerpagemainsec {
	position: relative;
}

.bloginnerpagemainsec::before {
	content: '';
	width: 38.4%;
	height: 10px;
	position: absolute;
	background-color: rgba(var(--main-color), 1);
	bottom: 0;
	z-index: 1;
	right: 0;
}

.blogmainpage-section::before {
	content: '';
	width: 38.4%;
	height: 10px;
	position: absolute;
	background-color: rgba(var(--main-color), 1);
	bottom: 0;
	right: 0;
}

.rightsideblogsec input.form-control {
	background-color: rgba(var(--white-color), 1);
}

.newslettersec button {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	transition: var(--transition-05s);
}

.newslettersecmain {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 3rem 2rem;
	margin: 0px 40px 0px 40px;

}

.searchsec {
	padding: 3.4rem 2rem;
	background: #d9dada;
}

.newslettersecmain h3 {
	font-size: 20px;
}

.searchsec .form-control {
	box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.05);
}

.searchsec .input-group-text {
	background-color: #ffffff;
	border: 0px solid #ced4da;
	border-radius: 0;
	box-shadow: none;
	cursor: pointer;
}

.searchsec .input-group-text i {
	font-size: 1.2rem;
	/* Adjust icon size if needed */
	color: #000000;
	/* Optional: Change the icon color */
}

.searchsec .form-control,
.searchsec .form-control:hover,
.searchsec .form-control:focus {
	position: relative;
	background: rgba(var(--white-color), 1);
	color: rgba(var(--black-color), 1);
	border: 0px solid rgba(var(--black-color), 1);
	border-radius: 0px;
}

/* ****************************** blog details section close **********************************************/

/* ****************************** blog page start **********************************************/
.blogmainpage-section {
	padding: 0 !important;
}

.innerbreadcrumb {
	margin-top: 2rem !important;
}

.innerbreadcrumb ol.breadcrumb li {
	color: rgba(var(--black-color), 1);
}

.innerbreadcrumb .breadcrumb-item+.breadcrumb-item::before {
	color: rgba(var(--black-color), 1);
}

/* .innerbreadcrumb .breadcrumb-item+.breadcrumb-item {
	padding-left: 10px;
} */
.breadcrumb-item+.breadcrumb-item::before {
	float: left;
	padding-right: 0;
}

li.breadcrumb-item:first-child::before {
	display: none;
}

.detailsbreadcrumb .breadcrumb-item+.breadcrumb-item::before {
	color: #ffffff;
}

.blogtitle {
	margin: 1rem 0;
	font-size: 36px;
	color: #282b2d;
	font-weight: 500;
}

.bloglist .blogimg {
	height: 400px;
}

.bloglist .common-para {
	-webkit-line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
}

.bloglist a.textbtn {
	font-size: 20px;
	font-weight: 500;
	color: red;
}

.bloglist {
	padding: 20px 0px;
	border-bottom: 2px solid #e6e6e6;
}

.blogdtailssec .pagination {
	display: flex;
	justify-content: end;
	list-style: none;
	padding: 0;
	margin: 30px 0;
}

.blogdtailssec .page-item {
	margin: 0 2px;
}

.blogdtailssec .page-link {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding: 0;
	border: none;
	background-color: #f0f0f0;
	color: #666;
	text-decoration: none;
	transition: all 0.3s ease;
}

.blogdtailssec .page-item.active .page-link {
	background-color: rgba(var(--main-color), 1);
	color: rgba(var(--white-color), 1);
}

.blogdtailssec .page-link:hover {
	background-color: #e9ecef;
	color: #333;
}

.blogdtailssec .page-item.active .page-link:hover {
	background-color: #f0f0f0;
	color: rgba(var(--main-color), 1);
}

.blogdtailssec .page-link:focus {
	color: #000;
	box-shadow: none;
}

.blogdtailssec .page-link {
	border-radius: 0 !important;
}

.textbtn .bi-arrow-up-right::before {
	font-weight: 800 !important;
}

.bloginnerpagemainsec.blogmainpage-section::after {
	width: 61.6%;
}

.catalist {
	padding: 2.5rem 2.6rem 5rem;
}

.catatitle {
	font-size: 2rem;
	color: rgba(var(--main-color), 1);
	margin-bottom: 1.5rem;
}

ul.catalistall {
	list-style: disc;
	padding-left: 2rem;
	display: flex;
	flex-direction: column;
	gap: 15px;
}

ul.catalistall li {
	font-weight: 500;
	font-size: 18px;
	color: rgba(var(--black-color), 1);
}

ul.catalistall li::marker {
	content: "↗  ";
	color: rgba(var(--main-color), 1);
	font-size: 24px;
	font-weight: 500;
}

/* ****************************** blog page close **********************************************/

/* ****************************** Foundation Repair start **********************************************/

.prolist {
	margin-top: 5rem;
}

.protitlesec {
	font-size: 22px;
	line-height: 48px;
	text-decoration: underline;
	color: rgba(var(--main-color), 1);
	font-weight: 500;
}

ul.prolistall {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

ul.prolistall li {
	font-size: 20px;
	color: rgba(var(--black-color), 1);
	transition: var(--transition-05s);
	text-transform: capitalize;
}

ul.prolistall li:hover {
	transition: var(--transition-05s);
	color: rgba(var(--main-color), 1);
}

.blogmainpage-section {
	padding: 0 !important;
	position: relative;
}

.blogmainpage-section::after {
	content: '';
	width: 33%;
	height: 10px;
	position: absolute;
	background-color: rgba(var(--main-color), 1);
	top: 0;
	left: 0;
	z-index: -1;
}

.bloginnerpagemainsec.blogmainpage-section.prosection::after {
	width: 33.7%;
}

.bloginnerpagemainsec.blogmainpage-section.prosection::before {
	display: none;
}

.rightfoundsec {
	background-color: #e5e5e5;
	padding: 0px 50px;
}

.probreadcrump {
	justify-content: end;
}

.innerprovideosec {
	display: flex;
	gap: 35px;
	align-items: self-start;
}

.innerprovideosec .common-para,
.prodes .common-para {
	color: rgba(var(--black-color), 1);
}

.prodes {
	padding: 3rem 0 4rem 0;
}

.productdtailssec {
	position: relative;
}

.prodetailtitle {
	font-size: 40px;
	color: #000000;
	font-weight: 500;
	margin-bottom: 1rem;
}

.learnmoresec {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.learntitle {
	text-transform: capitalize;
	font-weight: 400;
	font-size: 1.7rem;
	color: rgba(var(--white-color), 1);
	margin-bottom: 3rem;
	position: relative;
	display: inline-block;
}

.mainlearn-box {
	padding: 30px 50px;
}

.learntitle::after {
	position: absolute;
	content: '';
	width: 50%;
	height: 2px;
	background-color: rgb(255, 255, 255);
	bottom: -5px;
	left: 0;
}

.learnboxlist {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
	margin-bottom: 2rem;
}

.imgbox {
	height: 200px;
	object-fit: cover;
	position: relative;
}

.box {
	display: flex;
	gap: 20px;
	align-items: flex-start;
}

.box span {
	display: inline-block;
	width: 50%;
	font-size: 15px;
	color: #ffff;
	font-weight: 500;
}

.imagemainbox {
	position: relative;
	width: 100%;
}

.imagemainbox .arrow-icon {
	bottom: 0;
	right: 0;
	top: auto;
	width: 50px;
	height: 50px;

}

.rightfoundsec.waterproofingsec {
	padding-bottom: 40px;
}

/* ****************************** Foundation Repair close **********************************************/

/* ****************************** ECP_SpecificationSheets start **********************************************/
.common-section.sheet-section {
	padding-top: 20px;
}

.sheettitle {
	font-size: 48px;
	line-height: 36px;
	color: #ed1b31;
	font-weight: 500;
	text-align: left;
}

.innerbreadcrumbsecmain ol.breadcrumb {
	justify-content: end;
}

.sheettitlesub {
	font-size: 30px;
	line-height: 36px;
	position: relative;
	color: #000000;
	font-weight: 500;
	text-transform: capitalize;
	margin-bottom: 1rem;
	display: inline-block;

}

.allsheetslistmain-box {
	padding-right: 35px;
}

.sheettitlesub::after {
	position: absolute;
	content: '';
	width: 100%;
	height: 2px;
	background-color: rgb(0, 0, 0);
	bottom: -2px;
	left: 0;
}

span.subtittlesheet {
	font-size: 24px;
	color: #000;
	font-weight: 500;
	display: block;
	text-transform: capitalize;
	margin-bottom: 0.5rem;
}

ul.pdflist {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.common-para ul.pdflist li::before,
.common-box>div.common-para ul.pdflist li::before {
	background: rgba(var(--main-color), 1);
}

ul.pdflist li a {
	font-size: 18px;
	color: rgba(var(--main-color), 1);
	letter-spacing: 1px;
	font-weight: 400;
	line-height: 23px;
	transition: var(--transition-08s);
}

ul.pdflist li:hover a {
	text-decoration: underline;
	transition: var(--transition-08s);
}

.sheetaccodion {
	margin-bottom: 2rem;
}

.sheetaccodion button.accordion-button {
	font-size: 18px;
	font-weight: 500;
}

.sheetaccodion .accordion {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.sheetaccodion .accordion-button::after {
	--bs-accordion-btn-icon-width: 1.6rem;
	background-size: var(--bs-accordion-btn-icon-width);
}

.sheetaccodion .accordion-button::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
	transition: all 0.5s;
}

.sheetaccodion .accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
}

.sheetaccodion .accordion-button::after {
	transition: all 0.5s;
}

.sheetaccodion .accordion-item {
	border: none !important;
	border-radius: 0 !important;
}

.sheetaccodion .accordion-button {
	padding: 0;
}

.sheetaccodion .accordion-button:focus {
	z-index: 3;
	border-color: #00000000;
	outline: 0;
	box-shadow: none !important;
}

.sheetaccodion .accordion-button:not(.collapsed) {
	color: rgba(var(--black-color), 1);
	background-color: rgba(255, 255, 255, 0);
	box-shadow: none !important;
}

/* ****************************** ECP_SpecificationSheets close **********************************************/
.prodes.steel-push {
	padding: 1rem 0rem;
}

.steelpush-title {
	font-size: 36px;
	line-height: 36px;
	color: #000000;
	font-weight: 500;
	margin-bottom: 1.5rem;
}

.steellinkpage {
	margin-bottom: 1rem;
}

.steellinkpage a {
	color: rgba(var(--main-color), 1);
	position: relative;
	display: inline;
	font-size: 20px;
	text-transform: capitalize;
}

.steellinkpage a::before {
	position: absolute;
	content: '';
	width: 100%;
	height: 1px;
	background-color: rgba(var(--main-color), 1);
	bottom: -3px;
	left: 0;
}

.steel-pushimg {
	height: 270px;
	object-fit: contain;
}

.procontentmain {
	padding-left: 30px;
}

.maimliststeel {
	padding: 40px;
	background-color: rgba(var(--white-color), 1);
	border-bottom: 10px solid rgba(var(--main-color), 1);
}

.allsteellistmainsec {
	display: flex;
	flex-direction: column;
	gap: 24px;
	margin-top: 1.9rem;
	margin-bottom: 3rem;
}

/* ****************************** ECP_SteelPushPiers START **********************************************/



/* ****************************** ECP_SteelPushPiers close **********************************************/



/* ///////////////////////////////////////// INNER PAGES CLOSE //////////////////////////////////////////// */

/* **************************** */
/* **************************** */
/* **************************** */
/* **************************** */

/* **************************************Responsive css start************************************** */
@media (max-width:1500px) {
	.roundimg {
		right: 35px;
		height: 400px;
		width: 400px;
	}

	section.banner-videosec {
		height: 50vh;
		overflow: hidden;
	}

	.video-container {
		height: 50vh;
	}

	.wwa-AfterImg {
		height: 540px;
		width: 716px;
	}
}

@media (max-width: 1440px) {
	.bloginnerpagemainsec::before {
		width: 34.7%;
	}

	.bloginnerpagemainsec.blogmainpage-section::after {
		width: 65.3%;
	}

}

@media (max-width: 1399px) {
	.sheettitle {
		font-size: 40px;
	}

	.bloginnerpagemainsec::before {
		width: 36.2%;
	}

	.roundimg {
		height: 350px;
		width: 350px;
		top: 95px;
	}

	.centerimg {
		top: 40px;
	}

	.redsec {
		height: 510px;
	}

	.experiencesec {
		right: 23%;
		bottom: 67px;
	}

	.backimg {
		top: -15%;
	}

	.applibtn {
		right: 1px;
	}
}

@media (max-width: 1355px) {
	.wwa-AfterImg {
		width: 640px;
	}

	.navbar.DesktopNav .HeadContainer .navbar-nav .nav-item .nav-link {
		margin-right: 30px;
	}

	.common-head-box h2 {
		margin-top: 1rem;
		font-size: 30px;
	}

	.applibtn {
		bottom: -13%;
	}

	section.common-section.blog-section {
		padding-top: 160px;
	}

}

@media (max-width: 1199px) {
	.sheettitle {
		font-size: 35px;
	}

	.proimagemain {
		margin-bottom: 1rem;
	}

	.sheettitlesub {
		font-size: 25px;
	}

	span.subtittlesheet {
		font-size: 22px;
	}

	.innerprovideosec video {
		width: 100% !important;
	}

	.innerprovideosec {
		gap: 30px;
		flex-direction: column;
	}

	.prodetailtitle {
		font-size: 30px;
	}

	.learnboxlist {
		grid-template-columns: repeat(1, 1fr);
	}

	.box span {
		font-size: 18px;
	}

	.TopHeader {
		background: linear-gradient(135deg, rgba(40, 43, 45, 1) 58%, rgba(237, 27, 49, 1) 58%);
	}

	.bloginnerpagemainsec::before {
		width: 43.4%;
	}

	.navbar.DesktopNav .HeadContainer .navbar-nav .nav-item .nav-link {
		margin-right: 12px;
	}

	.blog-section .row {
		gap: 0;
	}

	.redsec {
		position: absolute;
		inset: -3% 20%;
		height: 545px;
		width: 400px;
	}

	.applibtn {
		right: -2px;
	}

	.roundimg {
		height: 400px;
		width: 400px;
		top: 50px;
		right: 80px;
	}

	.backimg {
		left: 10%;
	}

	.centerimg {
		left: 30%;
	}

	.experiencesec {
		right: 36%;
	}
}

@media (max-width: 1130px) {
	section.banner-videosec {
		height: 48vh;
	}
}

@media (max-width: 1024px) {
	.bloginnerpagemainsec::before {
		width: 42.4%;
	}

	.video-container {
		height: 45vh;
	}

	.blogtitle {
		margin: 1rem 0;
		font-size: 30px;
	}

	section.banner-videosec {
		height: 45vh;
	}

	.innerapplisec h4 {
		font-size: 35px;
	}
}

@media (max-width: 992px) {
	.bloginnerpagemainsec::before {
		width: 41.8%;
	}

	section.banner-videosec {
		height: 43vh;
	}

	.bloghead {
		font-size: 35px;
		margin: 0 0 2rem 0 !important;
	}

	article.blogdtailssec {
		padding-right: 20px;
	}
}

@media (max-width: 991px) {
	h1.banner-title {
		width: 30%;
	}

	.probreadcrump {
		justify-content: center;
	}

	.allsheetslistmain-box {
		padding-right: 0px;
	}

	section.bloginnerpagemainsec.blogmainpage-section.prosection .row {
		flex-direction: column-reverse;
	}

	.maimliststeel .row {
		flex-direction: revert !important;
	}

	.blogmainpage-section::after {
		z-index: 0;
	}

	.foundmenulistall {
		flex-direction: row;
		display: flex;
		width: 100%;
		justify-content: space-between;
	}

	.bloginnerpagemainsec.blogmainpage-section::after {
		width: 100%;
	}

	.bloginnerpagemainsec.blogmainpage-section.prosection::after {
		width: 100%;
	}

	.prolist {
		margin-top: 2rem;
	}

	.prolist:last-child {
		margin-bottom: 2rem;
	}

	.bloginnerpagemainsec::before {
		width: 100%;
	}

	article.blogdtailssec {
		padding-right: 0px;
	}


	.bloginnerpagemainsec {
		padding: 50px 0px;
	}

	.leftsideblog {
		padding: 0;
	}

	.newslettersecmain {
		margin: 0px 40px 40px 40px;
	}

	.blogimg {
		height: 430px;
		/* object-fit: contain; */
		object-position: left;
	}

	.HeadContainer {
		display: none;
	}

	.common-box.engineered-box.innercon-box h2 {
		font-size: 18px;
	}

	.common-box.engineered-box.innercon-box h4 {
		font-size: 17px;
	}

	.navbar .navbar-nav .nav-item .dropdown-menu.dropdown-submenu {
		padding: 0px 10px 10px 10px;
	}

	.roundimg {
		height: 300px;
		width: 300px;
		top: 50px;
		right: 50px;
	}

	.redsec {
		position: absolute;
		inset: 0% 25%;
		height: 490px;
		width: 403px;
	}

	.centerimg {
		left: 25%;
		height: 338px;
		width: 300px;
		top: 35px;
	}

	.experiencesec {
		right: 30%;
		bottom: 100px;
	}

	.backimg {
		top: -15%;
		left: 14%;
		width: 280px;
		height: 350px;
	}

	.DesktopNav .navbar-brand,
	.MobileNav .navbar-brand {
		width: 160px;
	}

	.TopHeader {
		background: linear-gradient(135deg, rgba(40, 43, 45, 1) 47%, rgba(237, 27, 49, 1) 47%);
	}

	.navbar.DesktopNav .HeadContainer .navbar-nav .nav-item .nav-link {
		color: rgba(var(--white-color), 1);
	}

	.navbar.DesktopNav .HeadContainer .navbar-nav .nav-item .nav-link.active,
	.navbar.DesktopNav .HeadContainer .navbar-nav .nav-item .nav-link:hover,
	.navbar.DesktopNav .HeadContainer .navbar-nav .nav-item .nav-link:focus,
	.navbar.DesktopNav .HeadContainer .navbar-nav .nav-item .nav-link[aria-current="page"] {
		color: rgba(var(--main-color), 1);
	}

	.navbar.DesktopNav .HeadContainer {
		justify-content: flex-end;
	}

	.NBM-box .navbar-nav.ms-auto.navbar-nav-scroll {
		gap: 10px;
	}

	.NBM-box {
		display: flex;
		gap: 50px;
		position: absolute;
		top: 100%;
		width: 100%;
		left: 0px;
		/* padding: 20px 30px; */
	}

	.NBM-box>* {
		background: rgba(var(--black-color), 0.6);
		padding: 20px 30px;
	}

	.navbar.DesktopNav .HeadContainer .navbar-nav .nav-item .nav-link {
		margin: 0;
		width: max-content;
	}

	.NBM-box li.nav-item.dropdown {
		position: static;
		width: max-content;
	}

	.TopHeader>*>.row>*:nth-child(2) {
		order: 0;
	}

	.navbar.DesktopNav .HeadContainer .navbar-nav .nav-item .nav-link {
		font-size: 20px;
	}

	section.banner-videosec {
		height: 36vh;
	}

	.video-container {
		height: 36vh;
	}

	.innerapplisec {
		padding-right: 0;
		z-index: 5;
	}

	.appliimgsec {
		display: none;
	}

	.application-sec::after {
		content: '';
		position: absolute;
		inset: 0px;
		display: block;
		width: var(--ehw-tdtba);
		height: var(--ehw-tdtba);
		background: rgba(var(--black-color), 0.5);
	}

	.applibtn {
		bottom: -18%;
	}

	.applibtn.receive {
		position: relative !important;
		text-align: start;
		margin-bottom: 2rem;
		bottom: 0;
		right: 0;
	}

	.engineered-box h3.common-title {
		font-size: 30px;
	}

	.subpara {
		font-size: 20px;
	}

	.common-box.blog-TitleBox .common-title {
		font-size: 30px;
	}
}

@media (max-width: 768px) {
	h1.banner-title {
		width: 100%;

	}

	.common-para ul li,
	.common-box>div.common-para ul li {
		font-size: 18px;
	}

	.learnboxlist {
		grid-template-columns: 1fr;
		/* Changes to single column */
	}

	.bloglist a.textbtn {
		font-size: 18px;
	}

	.banner-section.banner-inner-page .banner-bg::before {
		background: linear-gradient(135deg, rgb(10 10 10 / 50%) 100%, rgb(40 43 45 / 0%) 100%, rgba(237, 27, 49, 0) 100%);
	}

	.blogtitle {
		margin: 1rem 0;
		font-size: 25px;
	}

	.video-container {
		height: 34vh;
	}

	.leftsideblog {
		padding-right: calc(var(--bs-gutter-x)* 0.5);
		padding-left: calc(var(--bs-gutter-x)* 0.5);
	}

	.rightsideblogsec {
		padding-right: calc(var(--bs-gutter-x)* 0.5);
		padding-left: calc(var(--bs-gutter-x)* 0.5);
	}

	.newslettersecmain {
		margin: 0 0 40px;
	}

	.banner-section.banner-inner-page {
		--banner-hvh: 20vh;
	}

	.applibtn {
		right: 13%;
	}

	section.banner-videosec {
		height: 34vh;
	}

	section.common-section.blog-section {
		padding-top: 190px;
	}
}

@media (max-width: 767px) {
	.probreadcrump {
		justify-content: center;
	}

	.steelpush-title {
		font-size: 30px;
		line-height: 20px;
		margin-bottom: 1rem;
	}

	.maimliststeel {
		padding: 20px;
	}

	.innerbreadcrumbsecmain ol.breadcrumb {
		justify-content: center;
	}

	.sheettitle {
		font-size: 30px;
	}

	.banner-section.banner-inner-page .banner-bg::before {
		background: linear-gradient(135deg, rgb(10 10 10 / 50%) 100%, rgb(40 43 45 / 0%) 47%, rgba(237, 27, 49, 0) 50%);
	}

	.foundmenulistall {
		display: block;
	}

	.banner-title,
	.banner-box h1 {
		text-align: center;
	}

	.roundimg {
		height: 330px;
		width: 330px;
		top: 75px;
		right: 0px;
	}

	.experiencesec p {
		font-size: 20px;
		line-height: 18px;
	}

	.experiencesec h3 {
		font-size: 30px;
	}

	.backimg {
		left: 0;
	}

	.redsec {
		position: absolute;
		inset: 0% 22%;
	}

	.centerimg {
		left: 25%;
		height: 338px;
		width: 250px;
		top: 30px;
	}

	.experiencesec {
		right: 24%;
		bottom: 125px;
	}

	section.banner-videosec {
		height: 33vh;
	}

	.common-head-box h3 {
		margin-bottom: 6px;
		font-size: 20px;
	}

	.common-head-box h2 {
		margin-top: 0rem;
		font-size: 20px;
	}

	.btn-text {
		padding: 15px 30px 15px 40px;
		font-size: 13px;
	}

	.applibtn {
		bottom: -18%;
	}

	.form-container {
		padding: 2rem;
	}

	.blog-slider.owl-carousel .owl-nav {
		top: -24%;
		gap: 10px;
	}

	.common-box.blog-TitleBox .common-title {
		font-size: 25px;
	}
}

@media (max-width: 580px) {
	.steelpush-title {
		font-size: 24px;
		line-height: 25px;
		margin-bottom: 0.6rem;
	}

	.common-section.sheet-section .row {
		gap: 0px 0px;
	}

	ul.pdflist li a {
		font-size: 15px;
	}

	.sheettitlesub {
		font-size: 20px;
	}

	.protitlesec {
		font-size: 18px;
		line-height: normal;
	}

	ul.prolistall {
		gap: 5px;
	}

	ul.prolistall li {
		font-size: 15px;
	}

	.common-para ul li,
	.common-box>div.common-para ul li {
		font-size: 15px;
	}

	.box {
		flex-direction: column;
	}

	.box span {
		width: 100%;
	}

	.prodetailtitle {
		font-size: 25px;
	}

	.catalist {
		padding: 2.5rem 0.6rem 5rem;
	}

	.blogtitle {
		margin: 1rem 0;
		font-size: 20px;
	}

	.offcanvas.offcanvas-end.my-offcanvas {
		width: 100%;
	}

	.breadcrumb-item {
		font-size: 12px;
	}

	.bloghead {
		font-size: 25px;
		margin: 0 0 1rem 0 !important;
	}

	.banner-title,
	.banner-box h1 {
		font-size: 30px;
	}

	a.navbar-brand.mob-logo {
		height: 60px;
	}

	.my-offcanvas a.dropdown-toggle.maintog {
		font-size: 20px;
	}

	.my-offcanvas a.list-nav-link {
		font-size: 20px;
	}

	.my-offcanvas a.dropdown-item {
		font-size: 18px;
	}

	section.banner-videosec {
		height: 25vh;
	}

	.video-container {
		height: 25vh;
	}

	.TopHeader {
		background: linear-gradient(135deg, rgba(40, 43, 45, 1) 0%, rgba(237, 27, 49, 1) 0%);
	}

	.DesktopNav .navbar-brand,
	.MobileNav .navbar-brand {
		margin-top: 0;
	}

	.SocialHeadclock-list {
		justify-content: center;
	}

	.NBM-box>* {
		padding: 10px 10px;
	}

	.NBM-box .navbar-nav.ms-auto.navbar-nav-scroll {
		gap: 0px;
	}

	.navbar.DesktopNav .HeadContainer .navbar-nav .nav-item .nav-link {
		font-size: 15px;
	}

	.wwa-AfterImg {
		width: 480px;
		height: 494px;
	}

	.common-head-box h2 {
		margin-top: 0rem;
		font-size: 20px;
	}

	.applibtn.receive {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.applibtn {
		bottom: -14%;
		right: 8%;
	}

	.common-head-box h3 {
		margin-bottom: 0.3rem;
		font-size: 20px;
	}

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

	.innerapplisec p {
		font-size: 17px;
		line-height: 23px;
	}

	.blog-ListTxt h5 {
		font-size: 18px;
		min-height: auto;
	}

	.blog-ListTxt span {
		font-size: 14px;
	}

	.mainaddsec {
		align-items: center;
		justify-content: center;
	}

	.footer-box {
		text-align: center;
	}

	.maindetailssec {
		gap: 20px;
		text-align: center;
		flex-wrap: wrap;
	}

	.DesktopNav .navbar-brand,
	.MobileNav .navbar-brand {
		width: 100px;
	}
}

@media (max-width: 480px) {
	.rightfoundsec {
		background-color: #e5e5e5;
		padding: 0px 10px;
	}

	.prodetailtitle {
		font-size: 18px;
	}

	.mainlearn-box {
		padding: 10px;
	}

	.learntitle {
		font-size: 1.3rem;
		margin-bottom: 2rem;
	}

	.roundimg {
		height: 300px;
		width: 300px;
		top: 87px;
		right: 0px;
	}

	.redsec {
		position: absolute;
		inset: 0% 13%;
		height: 400px;
		width: 300px;
	}

	.centerimg {
		left: 25%;
		height: 260px;
		width: 210px;
		top: 70px;
	}

	.leftimgsec {
		position: relative;
		margin-top: 3rem;
		height: 400px;
	}

	.backimg {
		left: 0;
		top: -7%;
		width: 207px;
		height: 260px;
	}

	.wwa-AfterImg {
		width: 380px;
		height: 395px;
	}

	.innerapplisec {
		text-align: center;
	}

	.d-flex.radio-group {
		flex-wrap: wrap;
	}

	.experiencesec {
		right: 22%;
		bottom: 3%;
		padding: 10px 36px;
	}

	.experiencesec p {
		font-size: 18px;
		line-height: 20px;
	}

	.experiencesec h3 {
		font-size: 20px;
	}

	.engineered-box h3.common-title {
		font-size: 20px;
	}

	.subpara {
		font-size: 15px;
	}

	.btngroup {
		gap: 10px;
		/* flex-wrap:s wrap; */
		justify-content: center;
	}

	.common-head-box h2 {
		margin-top: 0rem;
		font-size: 20px;
	}

	.card-title {
		font-size: 1.2rem;
	}

	.applibtn {
		bottom: -18%;
	}

	.btn-text {
		font-size: 12px;
		padding: 15px 5px 15px 20px;
	}

	.applibtn .btn-icon i {
		font-size: 30px;
	}

	.applibtn .btn-text {
		padding: 12px 30px;

	}

	a.foot-logo {
		height: 70px;
	}

	.applibtn .btn-icon {
		height: 70px;
		padding: 12px 40px;
	}

	.applibtn {
		position: relative;
		inset: 0 !important;
	}

	.read-more-btn {
		justify-content: center;
		width: 100%;
	}

	.owl-carousel .owl-nav button.owl-prev,
	.owl-carousel .owl-nav button.owl-next {
		--ehw-owl-btn: 40px;
		font-size: 18px;
	}

	.copy-text {
		font-size: 12px;
	}

	section.banner-videosec {
		height: auto;
	}

	.video-container {
		height: auto;
	}

	.submitsec {
		display: flex;
		align-items: self-start;
		flex-direction: column;
		justify-content: flex-start;
		gap: 20px;
	}

	.common-box.blog-TitleBox .common-title {
		font-size: 20px;
	}

	#contactForm .row {
		gap: 10px 0px;
	}
}

@media (max-width: 380px) {
	.wwa-AfterImg {
		width: 345px;
		height: 355px;
	}

	.roundimg {
		height: 250px;
		width: 250px;
		top: 87px;
		right: 0px;
	}

	.experiencesec {
		right: 14%;
	}

	.btngroup {
		gap: 10px;
		flex-wrap: wrap;
		justify-content: center;
	}

	.btn-text {
		text-align: center;
		width: 200px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.common-head-box h2 {
		margin-top: 0rem;
		font-size: 15px;
	}

	.common-head-box h3 {
		margin-bottom: 0.3rem;
		font-size: 17px;
	}

	.innerapplisec p {
		font-size: 13px;
		line-height: 20px;
	}

	.maindetailssec h3 {
		font-size: 17px;
	}

	.innerapplisec .maindetailssec p {
		line-height: 16px;
		font-size: 14px;
	}

	.form-title {
		font-size: 1.3rem;
	}

	.form-subtitle {
		font-size: 0.5rem;
	}
}





.hero-section {
	position: relative;
	height: 600px;
	overflow: hidden;
	background-color: #f8f9fa;
}

.hero-content {
	position: relative;
	z-index: 2;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.hero-text h3 {
	font-size: 3.5rem;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 1.5rem;
}

.hero-text h4 {
	font-size: 1.8rem;
	font-weight: 400;
	margin-bottom: 2rem;
}

.hero-image {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 50%;
	background-image: url(../images/b079ff29-dddf-4291-955b-94206f80f6e5.png);
	background-size: cover;
	background-position: center;
	opacity: 0.9;
}



.hero-text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}


@media (max-width: 992px) {
	.hero-text h3 {
		font-size: 2.5rem;
	}

	.hero-text h4 {
		font-size: 1.5rem;
	}
}

@media (max-width: 768px) {
	.hero-section {
		height: 500px;
	}

	.hero-text h3 {
		font-size: 2rem;
	}

	.hero-text h4 {
		font-size: 1.2rem;
	}
}

@media (max-width: 576px) {
	.hero-section {
		height: 450px;
	}

	.hero-text h3 {
		font-size: 1.8rem;
	}

	.hero-text h4 {
		font-size: 1rem;
	}
}